@import url(https://fonts.googleapis.com/css?family=Heebo:300,400,500,700);@charset "UTF-8";

/**
General
**/

body,
h1,
h2,
h3,
h4,
h5,
h6,
span,
div,
p,
a,
input,
select,
textarea {
  font-family: "Heebo", sans-serif !important;
}

/**
 * Foundation for Sites by ZURB
 * Version 6.5.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */

@media print, screen and (min-width: 40em) {
  .reveal,
  .reveal.tiny,
  .reveal.small,
  .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

.slick-slide {
  height: auto !important;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  box-sizing: border-box;
  font-size: 100%;
}

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

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0px;
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0px;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0px;
  background: transparent;
  line-height: 1;
  cursor: auto;
}

[data-whatinput=mouse] button {
  outline: 0;
}

pre {
  overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
  line-height: 0;
  color: #cacaca;
}

h1,
.h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2,
.h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h3,
.h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h4,
.h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h5,
.h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h6,
.h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 40em) {
  h1,
  .h1 {
    font-size: 3rem;
  }

  h2,
  .h2 {
    font-size: 2.5rem;
  }

  h3,
  .h3 {
    font-size: 1.9375rem;
  }

  h4,
  .h4 {
    font-size: 1.5625rem;
  }

  h5,
  .h5 {
    font-size: 1.25rem;
  }

  h6,
  .h6 {
    font-size: 1rem;
  }
}

a {
  line-height: inherit;
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}

a:hover,
a:focus {
  color: black;
}

a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 93rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6;
}

li {
  font-size: inherit;
}

ul {
  margin-right: 1.25rem;
  list-style-type: disc;
}

ol {
  margin-right: 1.25rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-right: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}

dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-right: 1px solid #cacaca;
}

blockquote,
blockquote p {
  line-height: 1.6;
  color: #8a8a8a;
}

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a;
}

cite:before {
  content: "\2014   ";
}

abbr,
abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none;
}

figure {
  margin: 0;
}

code {
  padding: 0.125rem 0.3125rem 0.0625rem;
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
}

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}

p + .stat {
  margin-top: -1rem;
}

ul.no-bullet,
ol.no-bullet {
  margin-right: 0;
  list-style: none;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }

  .medium-text-right {
    text-align: right;
  }

  .medium-text-center {
    text-align: center;
  }

  .medium-text-justify {
    text-align: justify;
  }
}

@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }

  .large-text-right {
    text-align: right;
  }

  .large-text-center {
    text-align: center;
  }

  .large-text-justify {
    text-align: justify;
  }
}

.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important;
  }

  .show-for-print {
    display: block !important;
  }

  .hide-for-print {
    display: none !important;
  }

  table.show-for-print {
    display: table !important;
  }

  thead.show-for-print {
    display: table-header-group !important;
  }

  tbody.show-for-print {
    display: table-row-group !important;
  }

  tr.show-for-print {
    display: table-row !important;
  }

  td.show-for-print {
    display: table-cell !important;
  }

  th.show-for-print {
    display: table-cell !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

@page {
    margin: 0.5cm;
}

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .print-break-inside {
    page-break-inside: auto;
  }
}

[type=text],
[type=password],
[type=date],
[type=datetime],
[type=datetime-local],
[type=month],
[type=week],
[type=email],
[type=number],
[type=search],
[type=tel],
[type=time],
[type=url],
[type=color],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #e6e6e6;
  border-radius: 0px;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media only screen and (max-width: 1000px) {
  [type=text],
  [type=password],
  [type=date],
  [type=datetime],
  [type=datetime-local],
  [type=month],
  [type=week],
  [type=email],
  [type=number],
  [type=search],
  [type=tel],
  [type=time],
  [type=url],
  [type=color],
  textarea {
    font-size: 0.9rem;
  }
}

[type=text]:focus,
[type=password]:focus,
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=month]:focus,
[type=week]:focus,
[type=email]:focus,
[type=number]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=time]:focus,
[type=url]:focus,
[type=color]:focus,
textarea:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}

textarea[rows] {
  height: auto;
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

[type=submit],
[type=button] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0px;
}

input[type=search] {
  box-sizing: border-box;
}

::-moz-placeholder {
  color: #cacaca;
}

::placeholder {
  color: #cacaca;
}

[type=file],
[type=checkbox],
[type=radio] {
  margin: 0 0 1rem;
}

[type=checkbox] + label,
[type=radio] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-right: 0.5rem;
  margin-left: 1rem;
  margin-bottom: 0;
}

[type=checkbox] + label[for],
[type=radio] + label[for] {
  cursor: pointer;
}

label > [type=checkbox],
label > [type=radio] {
  margin-left: 0.5rem;
}

[type=file] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
}

label.middle {
  margin: 0 0 1rem;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a;
}

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: stretch;
}

.input-group > :first-child,
.input-group > :first-child.input-group-button > * {
  border-radius: 0 0px 0px 0;
}

.input-group > :last-child,
.input-group > :last-child.input-group-button > * {
  border-radius: 0px 0 0 0px;
}

.input-group-label,
.input-group-field,
.input-group-button,
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap;
}

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  color: #0a0a0a;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}

.input-group-label:first-child {
  border-left: 0;
}

.input-group-label:last-child {
  border-right: 0;
}

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto;
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  align-self: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  max-width: 100%;
  margin-bottom: 0.5rem;
}

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #cacaca;
}

.fieldset legend {
  margin: 0;
  margin-right: -0.1875rem;
  padding: 0 0.1875rem;
}

select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #e6e6e6;
  border-radius: 0px;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: left -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-left: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

@media screen and (min-width: 0\0 ) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}

select:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

select::-ms-expand {
  display: none;
}

select[multiple] {
  height: auto;
  background-image: none;
}

.is-invalid-input:not(:focus) {
  border-color: #000000;
  background-color: #e5e5e5;
}

.is-invalid-input:not(:focus)::-moz-placeholder {
  color: #000000;
}

.is-invalid-input:not(:focus)::placeholder {
  color: #000000;
}

.is-invalid-label {
  color: #000000;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #000000;
}

.form-error.is-visible {
  display: block;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.clearfix::before,
.clearfix::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}

.clearfix::after {
  clear: both;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important;
  }
}

@media screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.show-on-focus:active,
.show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}

@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}

@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}

@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 0px;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 0.9rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #000000;
  color: #fefefe;
}

[data-whatinput=mouse] .button {
  outline: 0;
}

.button:hover,
.button:focus {
  background-color: black;
  color: #fefefe;
}

.button.tiny {
  font-size: 0.6rem;
}

.button.small {
  font-size: 0.75rem;
}

.button.large {
  font-size: 1.25rem;
}

.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.button.primary {
  background-color: #000000;
  color: #fefefe;
}

.button.primary:hover,
.button.primary:focus {
  background-color: black;
  color: #fefefe;
}

.button.secondary {
  background-color: #000000;
  color: #fefefe;
}

.button.secondary:hover,
.button.secondary:focus {
  background-color: black;
  color: #fefefe;
}

.button.alert {
  background-color: #000000;
  color: #fefefe;
}

.button.alert:hover,
.button.alert:focus {
  background-color: black;
  color: #fefefe;
}

.button.success {
  background-color: #000000;
  color: #fefefe;
}

.button.success:hover,
.button.success:focus {
  background-color: black;
  color: #fefefe;
}

.button.warning {
  background-color: #000000;
  color: #fefefe;
}

.button.warning:hover,
.button.warning:focus {
  background-color: black;
  color: #fefefe;
}

.button.body-font {
  background-color: #000000;
  color: #fefefe;
}

.button.body-font:hover,
.button.body-font:focus {
  background-color: black;
  color: #fefefe;
}

.button.header {
  background-color: #000000;
  color: #fefefe;
}

.button.header:hover,
.button.header:focus {
  background-color: black;
  color: #fefefe;
}

.button.disabled,
.button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled],
.button[disabled]:hover,
.button[disabled]:focus {
  background-color: #000000;
  color: #fefefe;
}

.button.disabled.primary,
.button[disabled].primary {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.primary,
.button.disabled.primary:hover,
.button.disabled.primary:focus,
.button[disabled].primary,
.button[disabled].primary:hover,
.button[disabled].primary:focus {
  background-color: #000000;
  color: #fefefe;
}

.button.disabled.secondary,
.button[disabled].secondary {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.secondary,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
  background-color: #000000;
  color: #fefefe;
}

.button.disabled.alert,
.button[disabled].alert {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.alert,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
  background-color: #000000;
  color: #fefefe;
}

.button.disabled.success,
.button[disabled].success {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.success,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success,
.button[disabled].success:hover,
.button[disabled].success:focus {
  background-color: #000000;
  color: #fefefe;
}

.button.disabled.warning,
.button[disabled].warning {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.warning,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
  background-color: #000000;
  color: #fefefe;
}

.button.disabled.body-font,
.button[disabled].body-font {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.body-font,
.button.disabled.body-font:hover,
.button.disabled.body-font:focus,
.button[disabled].body-font,
.button[disabled].body-font:hover,
.button[disabled].body-font:focus {
  background-color: #000000;
  color: #fefefe;
}

.button.disabled.header,
.button[disabled].header {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.header,
.button.disabled.header:hover,
.button.disabled.header:focus,
.button[disabled].header,
.button[disabled].header:hover,
.button[disabled].header:focus {
  background-color: #000000;
  color: #fefefe;
}

.button.hollow {
  border: 1px solid #000000;
  color: #000000;
}

.button.hollow,
.button.hollow:hover,
.button.hollow:focus {
  background-color: transparent;
}

.button.hollow.disabled,
.button.hollow.disabled:hover,
.button.hollow.disabled:focus,
.button.hollow[disabled],
.button.hollow[disabled]:hover,
.button.hollow[disabled]:focus {
  background-color: transparent;
}

.button.hollow:hover,
.button.hollow:focus {
  border-color: black;
  color: black;
}

.button.hollow:hover.disabled,
.button.hollow:hover[disabled],
.button.hollow:focus.disabled,
.button.hollow:focus[disabled] {
  border: 1px solid #000000;
  color: #000000;
}

.button.hollow.primary {
  border: 1px solid #000000;
  color: #000000;
}

.button.hollow.primary:hover,
.button.hollow.primary:focus {
  border-color: black;
  color: black;
}

.button.hollow.primary:hover.disabled,
.button.hollow.primary:hover[disabled],
.button.hollow.primary:focus.disabled,
.button.hollow.primary:focus[disabled] {
  border: 1px solid #000000;
  color: #000000;
}

.button.hollow.secondary {
  border: 1px solid #000000;
  color: #000000;
}

.button.hollow.secondary:hover,
.button.hollow.secondary:focus {
  border-color: black;
  color: black;
}

.button.hollow.secondary:hover.disabled,
.button.hollow.secondary:hover[disabled],
.button.hollow.secondary:focus.disabled,
.button.hollow.secondary:focus[disabled] {
  border: 1px solid #000000;
  color: #000000;
}

.button.hollow.alert {
  border: 1px solid #000000;
  color: #000000;
}

.button.hollow.alert:hover,
.button.hollow.alert:focus {
  border-color: black;
  color: black;
}

.button.hollow.alert:hover.disabled,
.button.hollow.alert:hover[disabled],
.button.hollow.alert:focus.disabled,
.button.hollow.alert:focus[disabled] {
  border: 1px solid #000000;
  color: #000000;
}

.button.hollow.success {
  border: 1px solid #000000;
  color: #000000;
}

.button.hollow.success:hover,
.button.hollow.success:focus {
  border-color: black;
  color: black;
}

.button.hollow.success:hover.disabled,
.button.hollow.success:hover[disabled],
.button.hollow.success:focus.disabled,
.button.hollow.success:focus[disabled] {
  border: 1px solid #000000;
  color: #000000;
}

.button.hollow.warning {
  border: 1px solid #000000;
  color: #000000;
}

.button.hollow.warning:hover,
.button.hollow.warning:focus {
  border-color: black;
  color: black;
}

.button.hollow.warning:hover.disabled,
.button.hollow.warning:hover[disabled],
.button.hollow.warning:focus.disabled,
.button.hollow.warning:focus[disabled] {
  border: 1px solid #000000;
  color: #000000;
}

.button.hollow.body-font {
  border: 1px solid #000000;
  color: #000000;
}

.button.hollow.body-font:hover,
.button.hollow.body-font:focus {
  border-color: black;
  color: black;
}

.button.hollow.body-font:hover.disabled,
.button.hollow.body-font:hover[disabled],
.button.hollow.body-font:focus.disabled,
.button.hollow.body-font:focus[disabled] {
  border: 1px solid #000000;
  color: #000000;
}

.button.hollow.header {
  border: 1px solid #000000;
  color: #000000;
}

.button.hollow.header:hover,
.button.hollow.header:focus {
  border-color: black;
  color: black;
}

.button.hollow.header:hover.disabled,
.button.hollow.header:hover[disabled],
.button.hollow.header:focus.disabled,
.button.hollow.header:focus[disabled] {
  border: 1px solid #000000;
  color: #000000;
}

.button.clear {
  border: 1px solid #000000;
  color: #000000;
}

.button.clear,
.button.clear:hover,
.button.clear:focus {
  background-color: transparent;
}

.button.clear.disabled,
.button.clear.disabled:hover,
.button.clear.disabled:focus,
.button.clear[disabled],
.button.clear[disabled]:hover,
.button.clear[disabled]:focus {
  background-color: transparent;
}

.button.clear:hover,
.button.clear:focus {
  border-color: black;
  color: black;
}

.button.clear:hover.disabled,
.button.clear:hover[disabled],
.button.clear:focus.disabled,
.button.clear:focus[disabled] {
  border: 1px solid #000000;
  color: #000000;
}

.button.clear,
.button.clear.disabled,
.button.clear[disabled],
.button.clear:hover,
.button.clear:hover.disabled,
.button.clear:hover[disabled],
.button.clear:focus,
.button.clear:focus.disabled,
.button.clear:focus[disabled] {
  border-color: transparent;
}

.button.clear.primary {
  border: 1px solid #000000;
  color: #000000;
}

.button.clear.primary:hover,
.button.clear.primary:focus {
  border-color: black;
  color: black;
}

.button.clear.primary:hover.disabled,
.button.clear.primary:hover[disabled],
.button.clear.primary:focus.disabled,
.button.clear.primary:focus[disabled] {
  border: 1px solid #000000;
  color: #000000;
}

.button.clear.primary,
.button.clear.primary.disabled,
.button.clear.primary[disabled],
.button.clear.primary:hover,
.button.clear.primary:hover.disabled,
.button.clear.primary:hover[disabled],
.button.clear.primary:focus,
.button.clear.primary:focus.disabled,
.button.clear.primary:focus[disabled] {
  border-color: transparent;
}

.button.clear.secondary {
  border: 1px solid #000000;
  color: #000000;
}

.button.clear.secondary:hover,
.button.clear.secondary:focus {
  border-color: black;
  color: black;
}

.button.clear.secondary:hover.disabled,
.button.clear.secondary:hover[disabled],
.button.clear.secondary:focus.disabled,
.button.clear.secondary:focus[disabled] {
  border: 1px solid #000000;
  color: #000000;
}

.button.clear.secondary,
.button.clear.secondary.disabled,
.button.clear.secondary[disabled],
.button.clear.secondary:hover,
.button.clear.secondary:hover.disabled,
.button.clear.secondary:hover[disabled],
.button.clear.secondary:focus,
.button.clear.secondary:focus.disabled,
.button.clear.secondary:focus[disabled] {
  border-color: transparent;
}

.button.clear.alert {
  border: 1px solid #000000;
  color: #000000;
}

.button.clear.alert:hover,
.button.clear.alert:focus {
  border-color: black;
  color: black;
}

.button.clear.alert:hover.disabled,
.button.clear.alert:hover[disabled],
.button.clear.alert:focus.disabled,
.button.clear.alert:focus[disabled] {
  border: 1px solid #000000;
  color: #000000;
}

.button.clear.alert,
.button.clear.alert.disabled,
.button.clear.alert[disabled],
.button.clear.alert:hover,
.button.clear.alert:hover.disabled,
.button.clear.alert:hover[disabled],
.button.clear.alert:focus,
.button.clear.alert:focus.disabled,
.button.clear.alert:focus[disabled] {
  border-color: transparent;
}

.button.clear.success {
  border: 1px solid #000000;
  color: #000000;
}

.button.clear.success:hover,
.button.clear.success:focus {
  border-color: black;
  color: black;
}

.button.clear.success:hover.disabled,
.button.clear.success:hover[disabled],
.button.clear.success:focus.disabled,
.button.clear.success:focus[disabled] {
  border: 1px solid #000000;
  color: #000000;
}

.button.clear.success,
.button.clear.success.disabled,
.button.clear.success[disabled],
.button.clear.success:hover,
.button.clear.success:hover.disabled,
.button.clear.success:hover[disabled],
.button.clear.success:focus,
.button.clear.success:focus.disabled,
.button.clear.success:focus[disabled] {
  border-color: transparent;
}

.button.clear.warning {
  border: 1px solid #000000;
  color: #000000;
}

.button.clear.warning:hover,
.button.clear.warning:focus {
  border-color: black;
  color: black;
}

.button.clear.warning:hover.disabled,
.button.clear.warning:hover[disabled],
.button.clear.warning:focus.disabled,
.button.clear.warning:focus[disabled] {
  border: 1px solid #000000;
  color: #000000;
}

.button.clear.warning,
.button.clear.warning.disabled,
.button.clear.warning[disabled],
.button.clear.warning:hover,
.button.clear.warning:hover.disabled,
.button.clear.warning:hover[disabled],
.button.clear.warning:focus,
.button.clear.warning:focus.disabled,
.button.clear.warning:focus[disabled] {
  border-color: transparent;
}

.button.clear.body-font {
  border: 1px solid #000000;
  color: #000000;
}

.button.clear.body-font:hover,
.button.clear.body-font:focus {
  border-color: black;
  color: black;
}

.button.clear.body-font:hover.disabled,
.button.clear.body-font:hover[disabled],
.button.clear.body-font:focus.disabled,
.button.clear.body-font:focus[disabled] {
  border: 1px solid #000000;
  color: #000000;
}

.button.clear.body-font,
.button.clear.body-font.disabled,
.button.clear.body-font[disabled],
.button.clear.body-font:hover,
.button.clear.body-font:hover.disabled,
.button.clear.body-font:hover[disabled],
.button.clear.body-font:focus,
.button.clear.body-font:focus.disabled,
.button.clear.body-font:focus[disabled] {
  border-color: transparent;
}

.button.clear.header {
  border: 1px solid #000000;
  color: #000000;
}

.button.clear.header:hover,
.button.clear.header:focus {
  border-color: black;
  color: black;
}

.button.clear.header:hover.disabled,
.button.clear.header:hover[disabled],
.button.clear.header:focus.disabled,
.button.clear.header:focus[disabled] {
  border: 1px solid #000000;
  color: #000000;
}

.button.clear.header,
.button.clear.header.disabled,
.button.clear.header[disabled],
.button.clear.header:hover,
.button.clear.header:hover.disabled,
.button.clear.header:hover[disabled],
.button.clear.header:focus,
.button.clear.header:focus.disabled,
.button.clear.header:focus[disabled] {
  border-color: transparent;
}

.button.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #fefefe transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: left;
  margin-right: 1em;
}

.button.dropdown.hollow::after,
.button.dropdown.clear::after {
  border-top-color: #000000;
}

.button.dropdown.hollow.primary::after,
.button.dropdown.clear.primary::after {
  border-top-color: #000000;
}

.button.dropdown.hollow.secondary::after,
.button.dropdown.clear.secondary::after {
  border-top-color: #000000;
}

.button.dropdown.hollow.alert::after,
.button.dropdown.clear.alert::after {
  border-top-color: #000000;
}

.button.dropdown.hollow.success::after,
.button.dropdown.clear.success::after {
  border-top-color: #000000;
}

.button.dropdown.hollow.warning::after,
.button.dropdown.clear.warning::after {
  border-top-color: #000000;
}

.button.dropdown.hollow.body-font::after,
.button.dropdown.clear.body-font::after {
  border-top-color: #000000;
}

.button.dropdown.hollow.header::after,
.button.dropdown.clear.header::after {
  border-top-color: #000000;
}

.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-right: 0;
}

a.button:hover,
a.button:focus {
  text-decoration: none;
}

.close-button {
  position: absolute;
  color: #8a8a8a;
  cursor: pointer;
}

[data-whatinput=mouse] .close-button {
  outline: 0;
}

.close-button:hover,
.close-button:focus {
  color: #0a0a0a;
}

.close-button.small {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1;
}

.close-button,
.close-button.medium {
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
}

.button-group {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}

.button-group::before,
.button-group::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}

.button-group::after {
  clear: both;
}

.button-group .button {
  margin: 0;
  margin-left: 1px;
  margin-bottom: 1px;
  font-size: 0.9rem;
  flex: 0 0 auto;
}

.button-group .button:last-child {
  margin-left: 0;
}

.button-group.tiny .button {
  font-size: 0.6rem;
}

.button-group.small .button {
  font-size: 0.75rem;
}

.button-group.large .button {
  font-size: 1.25rem;
}

.button-group.expanded .button {
  flex: 1 1 0px;
}

.button-group.primary .button {
  background-color: #000000;
  color: #fefefe;
}

.button-group.primary .button:hover,
.button-group.primary .button:focus {
  background-color: black;
  color: #fefefe;
}

.button-group.secondary .button {
  background-color: #000000;
  color: #fefefe;
}

.button-group.secondary .button:hover,
.button-group.secondary .button:focus {
  background-color: black;
  color: #fefefe;
}

.button-group.alert .button {
  background-color: #000000;
  color: #fefefe;
}

.button-group.alert .button:hover,
.button-group.alert .button:focus {
  background-color: black;
  color: #fefefe;
}

.button-group.success .button {
  background-color: #000000;
  color: #fefefe;
}

.button-group.success .button:hover,
.button-group.success .button:focus {
  background-color: black;
  color: #fefefe;
}

.button-group.warning .button {
  background-color: #000000;
  color: #fefefe;
}

.button-group.warning .button:hover,
.button-group.warning .button:focus {
  background-color: black;
  color: #fefefe;
}

.button-group.body-font .button {
  background-color: #000000;
  color: #fefefe;
}

.button-group.body-font .button:hover,
.button-group.body-font .button:focus {
  background-color: black;
  color: #fefefe;
}

.button-group.header .button {
  background-color: #000000;
  color: #fefefe;
}

.button-group.header .button:hover,
.button-group.header .button:focus {
  background-color: black;
  color: #fefefe;
}

.button-group.stacked,
.button-group.stacked-for-small,
.button-group.stacked-for-medium {
  flex-wrap: wrap;
}

.button-group.stacked .button,
.button-group.stacked-for-small .button,
.button-group.stacked-for-medium .button {
  flex: 0 0 100%;
}

.button-group.stacked .button:last-child,
.button-group.stacked-for-small .button:last-child,
.button-group.stacked-for-medium .button:last-child {
  margin-bottom: 0;
}

.button-group.stacked.expanded .button,
.button-group.stacked-for-small.expanded .button,
.button-group.stacked-for-medium.expanded .button {
  flex: 1 1 0px;
}

@media print, screen and (min-width: 40em) {
  .button-group.stacked-for-small .button {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
}

@media print, screen and (min-width: 64em) {
  .button-group.stacked-for-medium .button {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 39.99875em) {
  .button-group.stacked-for-small.expanded {
    display: block;
  }

  .button-group.stacked-for-small.expanded .button {
    display: block;
    margin-left: 0;
  }
}

@media screen and (max-width: 63.99875em) {
  .button-group.stacked-for-medium.expanded {
    display: block;
  }

  .button-group.stacked-for-medium.expanded .button {
    display: block;
    margin-left: 0;
  }
}

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: none;
}

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  transition: all 0.2s ease-in-out;
}

.slider-fill.is-dragging {
  transition: all 0s linear;
}

.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0px;
  background-color: #000000;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation;
}

[data-whatinput=mouse] .slider-handle {
  outline: 0;
}

.slider-handle:hover {
  background-color: black;
}

.slider-handle.is-dragging {
  transition: all 0s linear;
}

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1);
}

.slider.vertical .slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%;
}

.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateX(-50%);
}

.slider:not(.vertical) {
  transform: scale(-1, 1);
}

.switch {
  height: 2rem;
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fefefe;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0;
}

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 0px;
  background: #cacaca;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}

input + .switch-paddle {
  margin: 0;
}

.switch-paddle::after {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate3d(0, 0, 0);
  border-radius: 0px;
  background: #fefefe;
  transition: all 0.25s ease-out;
  content: "";
}

input:checked ~ .switch-paddle {
  background: #000000;
}

input:checked ~ .switch-paddle::after {
  right: 2.25rem;
}

[data-whatinput=mouse] input:focus ~ .switch-paddle {
  outline: 0;
}

.switch-active,
.switch-inactive {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.switch-active {
  right: 8%;
  display: none;
}

input:checked + label > .switch-active {
  display: block;
}

.switch-inactive {
  left: 15%;
}

input:checked + label > .switch-inactive {
  display: none;
}

.switch.tiny {
  height: 1.5rem;
}

.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem;
}

.switch.tiny .switch-paddle::after {
  top: 0.25rem;
  right: 0.25rem;
  width: 1rem;
  height: 1rem;
}

.switch.tiny input:checked ~ .switch-paddle::after {
  right: 1.75rem;
}

.switch.small {
  height: 1.75rem;
}

.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem;
}

.switch.small .switch-paddle::after {
  top: 0.25rem;
  right: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}

.switch.small input:checked ~ .switch-paddle::after {
  right: 2rem;
}

.switch.large {
  height: 2.5rem;
}

.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem;
}

.switch.large .switch-paddle::after {
  top: 0.25rem;
  right: 0.25rem;
  width: 2rem;
  height: 2rem;
}

.switch.large input:checked ~ .switch-paddle::after {
  right: 2.75rem;
}

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

[data-whatinput=mouse] .menu li {
  outline: 0;
}

.menu a,
.menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem;
}

.menu input,
.menu select,
.menu a,
.menu button {
  margin-bottom: 0;
}

.menu input {
  display: inline-block;
}

.menu,
.menu.horizontal {
  flex-wrap: wrap;
  flex-direction: row;
}

.menu.vertical {
  flex-wrap: nowrap;
  flex-direction: column;
}

.menu.expanded li {
  flex: 1 1 0px;
}

.menu.simple {
  align-items: center;
}

.menu.simple li + li {
  margin-right: 1rem;
}

.menu.simple a {
  padding: 0;
}

@media print, screen and (min-width: 40em) {
  .menu.medium-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }

  .menu.medium-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }

  .menu.medium-expanded li {
    flex: 1 1 0px;
  }

  .menu.medium-simple li {
    flex: 1 1 0px;
  }
}

@media print, screen and (min-width: 64em) {
  .menu.large-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }

  .menu.large-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }

  .menu.large-expanded li {
    flex: 1 1 0px;
  }

  .menu.large-simple li {
    flex: 1 1 0px;
  }
}

.menu.nested {
  margin-left: 0;
  margin-right: 1rem;
}

.menu.icons a {
  display: flex;
}

.menu.icon-top a,
.menu.icon-right a,
.menu.icon-bottom a,
.menu.icon-left a {
  display: flex;
}

.menu.icon-left li a {
  flex-flow: row nowrap;
}

.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg {
  margin-left: 0.25rem;
}

.menu.icon-right li a {
  flex-flow: row nowrap;
}

.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg {
  margin-right: 0.25rem;
}

.menu.icon-top li a {
  flex-flow: column nowrap;
}

.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}

.menu.icon-bottom li a {
  flex-flow: column nowrap;
}

.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}

.menu .is-active > a {
  background: #000000;
  color: #fefefe;
}

.menu .active > a {
  background: #000000;
  color: #fefefe;
}

.menu.align-right {
  justify-content: flex-start;
}

.menu.align-left li {
  display: flex;
  justify-content: flex-end;
}

.menu.align-left li .submenu li {
  justify-content: flex-start;
}

.menu.align-left.vertical li {
  display: block;
  text-align: left;
}

.menu.align-left.vertical li .submenu li {
  text-align: left;
}

.menu.align-left .nested {
  margin-left: 1rem;
  margin-right: 0;
}

.menu.align-center li {
  display: flex;
  justify-content: center;
}

.menu.align-center li .submenu li {
  justify-content: flex-start;
}

.menu .menu-text {
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}

.menu-centered > .menu {
  justify-content: center;
}

.menu-centered > .menu li {
  display: flex;
  justify-content: center;
}

.menu-centered > .menu li .submenu li {
  justify-content: flex-start;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}

.is-drilldown li {
  display: block;
}

.is-drilldown.animate-height {
  transition: height 0.5s;
}

.drilldown a {
  padding: 0.7rem 1rem;
  background: #fefefe;
}

.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  right: 100%;
  z-index: -1;
  width: 100%;
  background: #fefefe;
  transition: transform 0.15s linear;
}

.drilldown .is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(100%);
}

.drilldown .is-drilldown-submenu.is-closing {
  transform: translateX(-100%);
}

.drilldown .is-drilldown-submenu a {
  padding: 0.7rem 1rem;
}

.drilldown .nested.is-drilldown-submenu {
  margin-left: 0;
  margin-right: 0;
}

.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%;
}

.drilldown .is-drilldown-submenu-parent > a {
  position: relative;
}

.drilldown .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #000000 transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 1rem;
}

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #000000;
  right: 1rem;
  left: auto;
}

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #000000 transparent transparent;
  right: auto;
  left: 1rem;
}

.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #000000;
  border-right-width: 0;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.75rem;
}

.accordion-menu li {
  width: 100%;
}

.accordion-menu a {
  padding: 0.7rem 1rem;
}

.accordion-menu .is-accordion-submenu a {
  padding: 0.7rem 1rem;
}

.accordion-menu .nested.is-accordion-submenu {
  margin-left: 0;
  margin-right: 1rem;
}

.accordion-menu.align-left .nested.is-accordion-submenu {
  margin-left: 1rem;
  margin-right: 0;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #000000 transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 1rem;
}

.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  right: 1rem;
  left: auto;
}

.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 1rem;
}

.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
}

.is-accordion-submenu-parent {
  position: relative;
}

.has-submenu-toggle > a {
  margin-left: 40px;
}

.submenu-toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.submenu-toggle::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #000000 transparent transparent;
  top: 0;
  bottom: 0;
  margin: auto;
}

.submenu-toggle[aria-expanded=true]::after {
  transform: scaleY(-1);
  transform-origin: 50% 50%;
}

.submenu-toggle-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto;
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-left: 1.5rem;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #000000 transparent transparent;
  left: 5px;
  right: auto;
  margin-top: -3px;
}

[data-whatinput=mouse] .dropdown.menu a {
  outline: 0;
}

.dropdown.menu > li > a {
  padding: 0.7rem 1rem;
}

.dropdown.menu > li.is-active > a {
  background: transparent;
  color: #000000;
}

.no-js .dropdown.menu ul {
  display: none;
}

.dropdown.menu .nested.is-dropdown-submenu {
  margin-left: 0;
  margin-right: 0;
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0;
}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto;
}

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

.dropdown.menu.vertical > li > a::after {
  left: 14px;
}

.dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #000000 transparent transparent;
  right: auto;
  left: 5px;
}

.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #000000;
}

@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }

  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }

  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-left: 1.5rem;
  }

  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #000000 transparent transparent;
    left: 5px;
    right: auto;
    margin-top: -3px;
  }

  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0;
  }

  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }

  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }

  .dropdown.menu.medium-vertical > li > a::after {
    left: 14px;
  }

  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #000000 transparent transparent;
    right: auto;
    left: 5px;
  }

  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #000000;
  }
}

@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }

  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }

  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-left: 1.5rem;
  }

  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #000000 transparent transparent;
    left: 5px;
    right: auto;
    margin-top: -3px;
  }

  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0;
  }

  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }

  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }

  .dropdown.menu.large-vertical > li > a::after {
    left: 14px;
  }

  .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #000000 transparent transparent;
    right: auto;
    left: 5px;
  }

  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #000000;
  }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto;
}

.is-dropdown-menu.vertical {
  width: 100px;
}

.is-dropdown-menu.vertical.align-right {
  float: right;
}

.is-dropdown-submenu-parent {
  position: relative;
}

.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  left: 5px;
  right: auto;
  margin-top: -6px;
}

.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  right: auto;
}

.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
}

.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  right: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #cacaca;
  background: #fefefe;
}

.dropdown .is-dropdown-submenu a {
  padding: 0.7rem 1rem;
}

.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  left: 14px;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #000000 transparent transparent;
  right: auto;
  left: 5px;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #000000;
}

.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}

.is-dropdown-submenu > li {
  width: 100%;
}

.is-dropdown-submenu.js-dropdown-active {
  display: block;
}

.title-bar {
  padding: 0.5rem;
  background: #0a0a0a;
  color: #fefefe;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.title-bar .menu-icon {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.title-bar-left,
.title-bar-right {
  flex: 1 1 0px;
}

.title-bar-right {
  text-align: right;
}

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.top-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  flex-wrap: wrap;
}

.top-bar,
.top-bar ul {
  background-color: #e6e6e6;
}

.top-bar input {
  max-width: 200px;
  margin-left: 1rem;
}

.top-bar .input-group-field {
  width: 100%;
  margin-left: 0;
}

.top-bar input.button {
  width: auto;
}

.top-bar .top-bar-left,
.top-bar .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%;
}

@media print, screen and (min-width: 40em) {
  .top-bar {
    flex-wrap: nowrap;
  }

  .top-bar .top-bar-left {
    flex: 1 1 auto;
    margin-right: auto;
  }

  .top-bar .top-bar-right {
    flex: 0 1 auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 63.99875em) {
  .top-bar.stacked-for-medium {
    flex-wrap: wrap;
  }

  .top-bar.stacked-for-medium .top-bar-left,
  .top-bar.stacked-for-medium .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 74.99875em) {
  .top-bar.stacked-for-large {
    flex-wrap: wrap;
  }

  .top-bar.stacked-for-large .top-bar-left,
  .top-bar.stacked-for-large .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.top-bar-title {
  flex: 0 0 auto;
  margin: 0.5rem 1rem 0.5rem 0;
}

.top-bar-left,
.top-bar-right {
  flex: 0 0 auto;
}

.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none;
}

.breadcrumbs::before,
.breadcrumbs::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}

.breadcrumbs::after {
  clear: both;
}

.breadcrumbs li {
  float: right;
  font-size: 0.6875rem;
  color: #0a0a0a;
  cursor: default;
  text-transform: uppercase;
}

.breadcrumbs li:not(:last-child)::after {
  position: relative;
  margin: 0 0.75rem;
  opacity: 1;
  content: "\\";
  color: #cacaca;
}

.breadcrumbs a {
  color: #000000;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.breadcrumbs .disabled {
  color: #cacaca;
  cursor: not-allowed;
}

.pagination {
  margin-right: 0;
  margin-bottom: 1rem;
}

.pagination::before,
.pagination::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}

.pagination::after {
  clear: both;
}

.pagination li {
  margin-left: 0.0625rem;
  border-radius: 0px;
  font-size: 0.875rem;
  display: none;
}

.pagination li:last-child,
.pagination li:first-child {
  display: inline-block;
}

@media print, screen and (min-width: 40em) {
  .pagination li {
    display: inline-block;
  }
}

.pagination a,
.pagination button {
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0px;
  color: #0a0a0a;
}

.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #000000;
  color: #fefefe;
  cursor: default;
}

.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #cacaca;
  cursor: not-allowed;
}

.pagination .disabled:hover {
  background: transparent;
}

.pagination .ellipsis::after {
  padding: 0.1875rem 0.625rem;
  content: "\2026";
  color: #0a0a0a;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-left: 0.5rem;
  content: "\AB";
}

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-right: 0.5rem;
  content: "\BB";
}

.accordion {
  margin-right: 0;
  background: #fefefe;
  list-style-type: none;
}

.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}

.accordion-item:first-child > :first-child {
  border-radius: 0px 0px 0 0;
}

.accordion-item:last-child > :last-child {
  border-radius: 0 0 0px 0px;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #000000;
}

:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0 0 0px 0px;
}

.accordion-title:hover,
.accordion-title:focus {
  background-color: #e6e6e6;
}

.accordion-title::before {
  position: absolute;
  top: 50%;
  left: 1rem;
  margin-top: -0.5rem;
  content: "+";
}

.is-active > .accordion-title::before {
  content: "\2013";
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: #fefefe;
  color: #0a0a0a;
}

:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #cacaca;
  border-radius: 0px;
  background-color: #fefefe;
  font-size: 1rem;
}

.dropdown-pane.is-opening {
  display: block;
}

.dropdown-pane.is-open {
  display: block;
  visibility: visible;
}

.dropdown-pane.tiny {
  width: 100px;
}

.dropdown-pane.small {
  width: 200px;
}

.dropdown-pane.large {
  width: 400px;
}

.is-off-canvas-open {
  overflow: hidden;
}

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(254, 254, 254, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.js-off-canvas-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}

.js-off-canvas-overlay.is-closable {
  cursor: pointer;
}

.js-off-canvas-overlay.is-overlay-absolute {
  position: absolute;
}

.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed;
}

.off-canvas-wrapper {
  position: relative;
  overflow: hidden;
}

.off-canvas {
  position: fixed;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6;
}

[data-whatinput=mouse] .off-canvas {
  outline: 0;
}

.off-canvas.is-transition-push {
  z-index: 12;
}

.off-canvas.is-closed {
  visibility: hidden;
}

.off-canvas.is-transition-overlap {
  z-index: 13;
}

.off-canvas.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}

.off-canvas.is-open {
  transform: translate(0, 0);
}

.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6;
}

[data-whatinput=mouse] .off-canvas-absolute {
  outline: 0;
}

.off-canvas-absolute.is-transition-push {
  z-index: 12;
}

.off-canvas-absolute.is-closed {
  visibility: hidden;
}

.off-canvas-absolute.is-transition-overlap {
  z-index: 13;
}

.off-canvas-absolute.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}

.off-canvas-absolute.is-open {
  transform: translate(0, 0);
}

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  transform: translateX(-250px);
}

.off-canvas-content .off-canvas.position-left {
  transform: translateX(-250px);
}

.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-left.has-transition-push {
  transform: translateX(250px);
}

.position-left.is-transition-push {
  box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  transform: translateX(250px);
}

.off-canvas-content .off-canvas.position-right {
  transform: translateX(250px);
}

.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-right.has-transition-push {
  transform: translateX(-250px);
}

.position-right.is-transition-push {
  box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(-250px);
}

.off-canvas-content .off-canvas.position-top {
  transform: translateY(-250px);
}

.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-top.has-transition-push {
  transform: translateY(250px);
}

.position-top.is-transition-push {
  box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25);
}

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(250px);
}

.off-canvas-content .off-canvas.position-bottom {
  transform: translateY(250px);
}

.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-bottom.has-transition-push {
  transform: translateY(-250px);
}

.position-bottom.is-transition-push {
  box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25);
}

.off-canvas-content {
  transform: none;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
}

.off-canvas-content.has-transition-push {
  transform: translate(0, 0);
}

.off-canvas-content .off-canvas.is-open {
  transform: translate(0, 0);
}

@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }

  .position-left.reveal-for-medium .close-button {
    display: none;
  }

  .off-canvas-content .position-left.reveal-for-medium {
    transform: none;
  }

  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }

  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }

  .position-right.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }

  .position-right.reveal-for-medium .close-button {
    display: none;
  }

  .off-canvas-content .position-right.reveal-for-medium {
    transform: none;
  }

  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }

  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }

  .position-top.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }

  .position-top.reveal-for-medium .close-button {
    display: none;
  }

  .off-canvas-content .position-top.reveal-for-medium {
    transform: none;
  }

  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }

  .position-top.reveal-for-medium ~ .off-canvas-content {
    margin-top: 250px;
  }

  .position-bottom.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }

  .position-bottom.reveal-for-medium .close-button {
    display: none;
  }

  .off-canvas-content .position-bottom.reveal-for-medium {
    transform: none;
  }

  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }

  .position-bottom.reveal-for-medium ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}

@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }

  .position-left.reveal-for-large .close-button {
    display: none;
  }

  .off-canvas-content .position-left.reveal-for-large {
    transform: none;
  }

  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }

  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }

  .position-right.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }

  .position-right.reveal-for-large .close-button {
    display: none;
  }

  .off-canvas-content .position-right.reveal-for-large {
    transform: none;
  }

  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }

  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }

  .position-top.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }

  .position-top.reveal-for-large .close-button {
    display: none;
  }

  .off-canvas-content .position-top.reveal-for-large {
    transform: none;
  }

  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }

  .position-top.reveal-for-large ~ .off-canvas-content {
    margin-top: 250px;
  }

  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }

  .position-bottom.reveal-for-large .close-button {
    display: none;
  }

  .off-canvas-content .position-bottom.reveal-for-large {
    transform: none;
  }

  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }

  .position-bottom.reveal-for-large ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}

@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }

  .off-canvas.in-canvas-for-medium.position-left,
  .off-canvas.in-canvas-for-medium.position-right,
  .off-canvas.in-canvas-for-medium.position-top,
  .off-canvas.in-canvas-for-medium.position-bottom {
    box-shadow: none;
    transform: none;
  }

  .off-canvas.in-canvas-for-medium .close-button {
    display: none;
  }
}

@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }

  .off-canvas.in-canvas-for-large.position-left,
  .off-canvas.in-canvas-for-large.position-right,
  .off-canvas.in-canvas-for-large.position-top,
  .off-canvas.in-canvas-for-large.position-bottom {
    box-shadow: none;
    transform: none;
  }

  .off-canvas.in-canvas-for-large .close-button {
    display: none;
  }
}

.tabs {
  margin: 0;
  border: 1px solid #e6e6e6;
  background: #fefefe;
  list-style-type: none;
}

.tabs::before,
.tabs::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}

.tabs::after {
  clear: both;
}

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto;
}

.tabs.simple > li > a {
  padding: 0;
}

.tabs.simple > li > a:hover {
  background: transparent;
}

.tabs.primary {
  background: #000000;
}

.tabs.primary > li > a {
  color: #fefefe;
}

.tabs.primary > li > a:hover,
.tabs.primary > li > a:focus {
  background: #0d0d0d;
}

.tabs-title {
  float: right;
}

.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 0.75rem;
  line-height: 1;
  color: #000000;
}

[data-whatinput=mouse] .tabs-title > a {
  outline: 0;
}

.tabs-title > a:hover {
  background: #fefefe;
  color: black;
}

.tabs-title > a:focus,
.tabs-title > a[aria-selected=true] {
  background: #e6e6e6;
  color: #000000;
}

.tabs-content {
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fefefe;
  color: #0a0a0a;
  transition: all 0.5s ease;
}

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-right: 0;
}

.tabs-panel {
  display: none;
  padding: 1rem;
}

.tabs-panel.is-active {
  display: block;
}

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0px;
  background-color: white;
  color: #0a0a0a;
}

.callout > :first-child {
  margin-top: 0;
}

.callout > :last-child {
  margin-bottom: 0;
}

.callout.primary {
  background-color: #d9d9d9;
  color: #0a0a0a;
}

.callout.secondary {
  background-color: #d9d9d9;
  color: #0a0a0a;
}

.callout.alert {
  background-color: #d9d9d9;
  color: #0a0a0a;
}

.callout.success {
  background-color: #d9d9d9;
  color: #0a0a0a;
}

.callout.warning {
  background-color: #d9d9d9;
  color: #0a0a0a;
}

.callout.body-font {
  background-color: #d9d9d9;
  color: #0a0a0a;
}

.callout.header {
  background-color: #d9d9d9;
  color: #0a0a0a;
}

.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}

.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 0px;
  background: #fefefe;
  box-shadow: none;
  overflow: hidden;
  color: #0a0a0a;
}

.card > :last-child {
  margin-bottom: 0;
}

.card-divider {
  display: flex;
  flex: 0 1 auto;
  padding: 1rem;
  background: #e6e6e6;
}

.card-divider > :last-child {
  margin-bottom: 0;
}

.card-section {
  flex: 1 0 auto;
  padding: 1rem;
}

.card-section > :last-child {
  margin-bottom: 0;
}

.card-image {
  min-height: 1px;
}

.media-object {
  display: flex;
  margin-bottom: 1rem;
  flex-wrap: nowrap;
}

.media-object img {
  max-width: none;
}

@media screen and (max-width: 39.99875em) {
  .media-object.stack-for-small {
    flex-wrap: wrap;
  }
}

.media-object-section {
  flex: 0 1 auto;
}

.media-object-section:first-child {
  padding-left: 1rem;
}

.media-object-section:last-child:not(:nth-child(2)) {
  padding-right: 1rem;
}

.media-object-section > :last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 39.99875em) {
  .stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%;
  }

  .stack-for-small .media-object-section img {
    width: 100%;
  }
}

.media-object-section.main-section {
  flex: 1 1 0px;
}

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden;
}

html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll;
}

html.is-reveal-open body {
  overflow-y: hidden;
}

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: auto;
}

.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0px;
  background-color: #fefefe;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
}

[data-whatinput=mouse] .reveal {
  outline: 0;
}

@media print, screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}

.reveal .column,
.reveal .columns {
  min-width: 0;
}

.reveal > :last-child {
  margin-bottom: 0;
}

@media print, screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 93rem;
  }
}

.reveal.collapse {
  padding: 0;
}

@media print, screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 93rem;
  }
}

@media print, screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 93rem;
  }
}

@media print, screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 93rem;
  }
}

.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}

@media screen and (max-width: 39.99875em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}

.reveal.without-overlay {
  position: fixed;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0px;
}

thead,
tbody,
tfoot {
  border: 1px solid #f1f1f1;
  background-color: #fefefe;
}

caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
}

thead {
  background: #f8f8f8;
  color: #0a0a0a;
}

tfoot {
  background: #f1f1f1;
  color: #0a0a0a;
}

thead tr,
tfoot tr {
  background: transparent;
}

thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: right;
}

tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #fcfcfc;
}

table.unstriped tbody {
  background-color: #fefefe;
}

table.unstriped tbody tr {
  border-bottom: 0;
  border-bottom: 1px solid #f1f1f1;
  background-color: #fefefe;
}

@media screen and (max-width: 63.99875em) {
  table.stack thead {
    display: none;
  }

  table.stack tfoot {
    display: none;
  }

  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }

  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover thead tr:hover {
  background-color: #f3f3f3;
}

table.hover tfoot tr:hover {
  background-color: #ececec;
}

table.hover tbody tr:hover {
  background-color: #f9f9f9;
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ececec;
}

.table-scroll {
  overflow-x: auto;
}

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #000000;
  color: #fefefe;
}

.badge.primary {
  background: #000000;
  color: #fefefe;
}

.badge.secondary {
  background: #000000;
  color: #fefefe;
}

.badge.alert {
  background: #000000;
  color: #fefefe;
}

.badge.success {
  background: #000000;
  color: #fefefe;
}

.badge.warning {
  background: #000000;
  color: #fefefe;
}

.badge.body-font {
  background: #000000;
  color: #fefefe;
}

.badge.header {
  background: #000000;
  color: #fefefe;
}

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0px;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #000000;
  color: #fefefe;
}

.label.primary {
  background: #000000;
  color: #fefefe;
}

.label.secondary {
  background: #000000;
  color: #fefefe;
}

.label.alert {
  background: #000000;
  color: #fefefe;
}

.label.success {
  background: #000000;
  color: #fefefe;
}

.label.warning {
  background: #000000;
  color: #fefefe;
}

.label.body-font {
  background: #000000;
  color: #fefefe;
}

.label.header {
  background: #000000;
  color: #fefefe;
}

.progress {
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0px;
  background-color: #cacaca;
}

.progress.primary .progress-meter {
  background-color: #000000;
}

.progress.secondary .progress-meter {
  background-color: #000000;
}

.progress.alert .progress-meter {
  background-color: #000000;
}

.progress.success .progress-meter {
  background-color: #000000;
}

.progress.warning .progress-meter {
  background-color: #000000;
}

.progress.body-font .progress-meter {
  background-color: #000000;
}

.progress.header .progress-meter {
  background-color: #000000;
}

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #000000;
}

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fefefe;
  white-space: nowrap;
}

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: dotted 1px #8a8a8a;
  font-weight: bold;
  cursor: help;
}

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.75rem;
  border-radius: 0px;
  background-color: #0a0a0a;
  font-size: 80%;
  color: #fefefe;
}

.tooltip::before {
  position: absolute;
}

.tooltip.bottom::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: "";
  border-top-width: 0;
  border-bottom-style: solid;
  border-color: transparent transparent #0a0a0a;
  bottom: 100%;
}

.tooltip.bottom.align-center::before {
  left: 50%;
  transform: translateX(-50%);
}

.tooltip.top::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #0a0a0a transparent transparent;
  top: 100%;
  bottom: auto;
}

.tooltip.top.align-center::before {
  left: 50%;
  transform: translateX(-50%);
}

.tooltip.left::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #0a0a0a;
  left: 100%;
}

.tooltip.left.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}

.tooltip.right::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #0a0a0a transparent transparent;
  right: 100%;
  left: auto;
}

.tooltip.right.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}

.tooltip.align-top::before {
  bottom: auto;
  top: 10%;
}

.tooltip.align-bottom::before {
  bottom: 10%;
  top: auto;
}

.tooltip.align-left::before {
  left: 10%;
  right: auto;
}

.tooltip.align-right::before {
  left: auto;
  right: 10%;
}

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden;
}

.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.responsive-embed.widescreen,
.flex-video.widescreen {
  padding-bottom: 56.25%;
}

.orbit {
  position: relative;
}

.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}

.orbit-slide {
  width: 100%;
  position: absolute;
}

.orbit-slide.no-motionui.is-active {
  top: 0;
  left: 0;
}

.orbit-figure {
  margin: 0;
}

.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(10, 10, 10, 0.5);
  color: #fefefe;
}

.orbit-previous,
.orbit-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe;
}

[data-whatinput=mouse] .orbit-previous,
[data-whatinput=mouse] .orbit-next {
  outline: 0;
}

.orbit-previous:hover,
.orbit-next:hover,
.orbit-previous:active,
.orbit-next:active,
.orbit-previous:focus,
.orbit-next:focus {
  background-color: rgba(10, 10, 10, 0.5);
}

.orbit-previous {
  right: 0;
}

.orbit-next {
  right: auto;
  left: 0;
}

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}

[data-whatinput=mouse] .orbit-bullets {
  outline: 0;
}

.orbit-bullets button {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.1rem;
  border-radius: 50%;
  background-color: #cacaca;
}

.orbit-bullets button:hover {
  background-color: #8a8a8a;
}

.orbit-bullets button.is-active {
  background-color: #8a8a8a;
}

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: 4px solid #fefefe;
  border-radius: 0px;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  line-height: 0;
}

a.thumbnail {
  transition: box-shadow 200ms ease-out;
}

a.thumbnail:hover,
a.thumbnail:focus {
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.5);
}

a.thumbnail image {
  box-shadow: none;
}

.sticky-container {
  position: relative;
}

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%;
}

.sticky.is-stuck.is-at-top {
  top: 0;
}

.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto;
}

.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

.row {
  max-width: 93rem;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-flow: row wrap;
}

@media only screen and (max-width: 1630px) {
  .row {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 700px) {
  .row {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 330px) {
  .row {
    padding: 0 5px;
  }
}

.row .row {
  margin-right: -0.9375rem;
  margin-left: -0.9375rem;
}

@media print, screen and (min-width: 40em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}

@media print, screen and (min-width: 64em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}

.row .row.collapse {
  margin-right: 0;
  margin-left: 0;
}

.row.expanded {
  max-width: none;
}

.row.expanded .row {
  margin-right: auto;
  margin-left: auto;
}

.row:not(.expanded) .row {
  max-width: none;
}

.row.collapse > .column,
.row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}

.row.is-collapse-child,
.row.collapse > .column > .row,
.row.collapse > .columns > .row {
  margin-right: 0;
  margin-left: 0;
}

.column,
.columns {
  flex: 1 1 0px;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  min-width: 0;
}

.column.row.row,
.row.row.columns {
  float: none;
  display: block;
}

.row .column.row.row,
.row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.small-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.small-offset-0 {
  margin-right: 0%;
}

.small-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.small-offset-1 {
  margin-right: 8.33333%;
}

.small-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.small-offset-2 {
  margin-right: 16.66667%;
}

.small-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.small-offset-3 {
  margin-right: 25%;
}

.small-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.small-offset-4 {
  margin-right: 33.33333%;
}

.small-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.small-offset-5 {
  margin-right: 41.66667%;
}

.small-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.small-offset-6 {
  margin-right: 50%;
}

.small-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.small-offset-7 {
  margin-right: 58.33333%;
}

.small-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.small-offset-8 {
  margin-right: 66.66667%;
}

.small-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.small-offset-9 {
  margin-right: 75%;
}

.small-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.small-offset-10 {
  margin-right: 83.33333%;
}

.small-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.small-offset-11 {
  margin-right: 91.66667%;
}

.small-up-1 {
  flex-wrap: wrap;
}

.small-up-1 > .column,
.small-up-1 > .columns {
  flex: 0 0 100%;
  max-width: 100%;
}

.small-up-2 {
  flex-wrap: wrap;
}

.small-up-2 > .column,
.small-up-2 > .columns {
  flex: 0 0 50%;
  max-width: 50%;
}

.small-up-3 {
  flex-wrap: wrap;
}

.small-up-3 > .column,
.small-up-3 > .columns {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.small-up-4 {
  flex-wrap: wrap;
}

.small-up-4 > .column,
.small-up-4 > .columns {
  flex: 0 0 25%;
  max-width: 25%;
}

.small-up-5 {
  flex-wrap: wrap;
}

.small-up-5 > .column,
.small-up-5 > .columns {
  flex: 0 0 20%;
  max-width: 20%;
}

.small-up-6 {
  flex-wrap: wrap;
}

.small-up-6 > .column,
.small-up-6 > .columns {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.small-up-7 {
  flex-wrap: wrap;
}

.small-up-7 > .column,
.small-up-7 > .columns {
  flex: 0 0 14.28571%;
  max-width: 14.28571%;
}

.small-up-8 {
  flex-wrap: wrap;
}

.small-up-8 > .column,
.small-up-8 > .columns {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.small-collapse > .column,
.small-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}

.small-uncollapse > .column,
.small-uncollapse > .columns {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}

@media print, screen and (min-width: 40em) {
  .medium-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .medium-offset-0 {
    margin-right: 0%;
  }

  .medium-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .medium-offset-1 {
    margin-right: 8.33333%;
  }

  .medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .medium-offset-2 {
    margin-right: 16.66667%;
  }

  .medium-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .medium-offset-3 {
    margin-right: 25%;
  }

  .medium-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .medium-offset-4 {
    margin-right: 33.33333%;
  }

  .medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .medium-offset-5 {
    margin-right: 41.66667%;
  }

  .medium-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .medium-offset-6 {
    margin-right: 50%;
  }

  .medium-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .medium-offset-7 {
    margin-right: 58.33333%;
  }

  .medium-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .medium-offset-8 {
    margin-right: 66.66667%;
  }

  .medium-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .medium-offset-9 {
    margin-right: 75%;
  }

  .medium-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .medium-offset-10 {
    margin-right: 83.33333%;
  }

  .medium-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .medium-offset-11 {
    margin-right: 91.66667%;
  }

  .medium-up-1 {
    flex-wrap: wrap;
  }

  .medium-up-1 > .column,
  .medium-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .medium-up-2 {
    flex-wrap: wrap;
  }

  .medium-up-2 > .column,
  .medium-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .medium-up-3 {
    flex-wrap: wrap;
  }

  .medium-up-3 > .column,
  .medium-up-3 > .columns {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .medium-up-4 {
    flex-wrap: wrap;
  }

  .medium-up-4 > .column,
  .medium-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .medium-up-5 {
    flex-wrap: wrap;
  }

  .medium-up-5 > .column,
  .medium-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .medium-up-6 {
    flex-wrap: wrap;
  }

  .medium-up-6 > .column,
  .medium-up-6 > .columns {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .medium-up-7 {
    flex-wrap: wrap;
  }

  .medium-up-7 > .column,
  .medium-up-7 > .columns {
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }

  .medium-up-8 {
    flex-wrap: wrap;
  }

  .medium-up-8 > .column,
  .medium-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media print, screen and (min-width: 40em) and (min-width: 40em) {
  .medium-expand {
    flex: 1 1 0px;
  }
}

.row.medium-unstack > .column,
.row.medium-unstack > .columns {
  flex: 0 0 100%;
}

@media print, screen and (min-width: 40em) {
  .row.medium-unstack > .column,
  .row.medium-unstack > .columns {
    flex: 1 1 0px;
  }
}

@media print, screen and (min-width: 40em) {
  .medium-collapse > .column,
  .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }

  .medium-uncollapse > .column,
  .medium-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

@media print, screen and (min-width: 64em) {
  .large-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .large-offset-0 {
    margin-right: 0%;
  }

  .large-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .large-offset-1 {
    margin-right: 8.33333%;
  }

  .large-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .large-offset-2 {
    margin-right: 16.66667%;
  }

  .large-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .large-offset-3 {
    margin-right: 25%;
  }

  .large-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .large-offset-4 {
    margin-right: 33.33333%;
  }

  .large-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .large-offset-5 {
    margin-right: 41.66667%;
  }

  .large-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .large-offset-6 {
    margin-right: 50%;
  }

  .large-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .large-offset-7 {
    margin-right: 58.33333%;
  }

  .large-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .large-offset-8 {
    margin-right: 66.66667%;
  }

  .large-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .large-offset-9 {
    margin-right: 75%;
  }

  .large-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .large-offset-10 {
    margin-right: 83.33333%;
  }

  .large-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .large-offset-11 {
    margin-right: 91.66667%;
  }

  .large-up-1 {
    flex-wrap: wrap;
  }

  .large-up-1 > .column,
  .large-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .large-up-2 {
    flex-wrap: wrap;
  }

  .large-up-2 > .column,
  .large-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .large-up-3 {
    flex-wrap: wrap;
  }

  .large-up-3 > .column,
  .large-up-3 > .columns {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .large-up-4 {
    flex-wrap: wrap;
  }

  .large-up-4 > .column,
  .large-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .large-up-5 {
    flex-wrap: wrap;
  }

  .large-up-5 > .column,
  .large-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .large-up-6 {
    flex-wrap: wrap;
  }

  .large-up-6 > .column,
  .large-up-6 > .columns {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .large-up-7 {
    flex-wrap: wrap;
  }

  .large-up-7 > .column,
  .large-up-7 > .columns {
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }

  .large-up-8 {
    flex-wrap: wrap;
  }

  .large-up-8 > .column,
  .large-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media print, screen and (min-width: 64em) and (min-width: 64em) {
  .large-expand {
    flex: 1 1 0px;
  }
}

.row.large-unstack > .column,
.row.large-unstack > .columns {
  flex: 0 0 100%;
}

@media print, screen and (min-width: 64em) {
  .row.large-unstack > .column,
  .row.large-unstack > .columns {
    flex: 1 1 0px;
  }
}

@media print, screen and (min-width: 64em) {
  .large-collapse > .column,
  .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }

  .large-uncollapse > .column,
  .large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.shrink {
  flex: 0 0 auto;
  max-width: 100%;
}

.column-block {
  margin-bottom: 1.875rem;
}

.column-block > :last-child {
  margin-bottom: 0;
}

.align-left {
  justify-content: flex-end;
}

.align-right {
  justify-content: flex-start;
}

.align-center {
  justify-content: center;
}

.align-justify {
  justify-content: space-between;
}

.align-spaced {
  justify-content: space-around;
}

.align-left.vertical.menu > li > a {
  justify-content: flex-end;
}

.align-right.vertical.menu > li > a {
  justify-content: flex-start;
}

.align-center.vertical.menu > li > a {
  justify-content: center;
}

.align-top {
  align-items: flex-start;
}

.align-self-top {
  align-self: flex-start;
}

.align-bottom {
  align-items: flex-end;
}

.align-self-bottom {
  align-self: flex-end;
}

.align-middle {
  align-items: center;
}

.align-self-middle {
  align-self: center;
}

.align-stretch {
  align-items: stretch;
}

.align-self-stretch {
  align-self: stretch;
}

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center;
}

.small-order-1 {
  order: 1;
}

.small-order-2 {
  order: 2;
}

.small-order-3 {
  order: 3;
}

.small-order-4 {
  order: 4;
}

.small-order-5 {
  order: 5;
}

.small-order-6 {
  order: 6;
}

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    order: 1;
  }

  .medium-order-2 {
    order: 2;
  }

  .medium-order-3 {
    order: 3;
  }

  .medium-order-4 {
    order: 4;
  }

  .medium-order-5 {
    order: 5;
  }

  .medium-order-6 {
    order: 6;
  }
}

@media print, screen and (min-width: 64em) {
  .large-order-1 {
    order: 1;
  }

  .large-order-2 {
    order: 2;
  }

  .large-order-3 {
    order: 3;
  }

  .large-order-4 {
    order: 4;
  }

  .large-order-5 {
    order: 5;
  }

  .large-order-6 {
    order: 6;
  }
}

.flex-container {
  display: flex;
}

.flex-child-auto {
  flex: 1 1 auto;
}

.flex-child-grow {
  flex: 1 0 auto;
}

.flex-child-shrink {
  flex: 0 1 auto;
}

.flex-dir-row {
  flex-direction: row;
}

.flex-dir-row-reverse {
  flex-direction: row-reverse;
}

.flex-dir-column {
  flex-direction: column;
}

.flex-dir-column-reverse {
  flex-direction: column-reverse;
}

@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: flex;
  }

  .medium-flex-child-auto {
    flex: 1 1 auto;
  }

  .medium-flex-child-grow {
    flex: 1 0 auto;
  }

  .medium-flex-child-shrink {
    flex: 0 1 auto;
  }

  .medium-flex-dir-row {
    flex-direction: row;
  }

  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }

  .medium-flex-dir-column {
    flex-direction: column;
  }

  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}

@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: flex;
  }

  .large-flex-child-auto {
    flex: 1 1 auto;
  }

  .large-flex-child-grow {
    flex: 1 0 auto;
  }

  .large-flex-child-shrink {
    flex: 0 1 auto;
  }

  .large-flex-dir-row {
    flex-direction: row;
  }

  .large-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }

  .large-flex-dir-column {
    flex-direction: column;
  }

  .large-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}

.menu-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #fefefe;
  box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
  content: "";
}

.menu-icon:hover::after {
  background: #cacaca;
  box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}

.menu-icon.dark::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #0a0a0a;
  box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
  content: "";
}

.menu-icon.dark:hover::after {
  background: #8a8a8a;
  box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
}

.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-down.mui-enter.mui-enter-active {
  transform: translateY(0);
}

.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-left.mui-enter.mui-enter-active {
  transform: translateX(0);
}

.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-up.mui-enter.mui-enter-active {
  transform: translateY(0);
}

.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-right.mui-enter.mui-enter-active {
  transform: translateX(0);
}

.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-down.mui-leave.mui-leave-active {
  transform: translateY(100%);
}

.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-right.mui-leave.mui-leave-active {
  transform: translateX(100%);
}

.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-up.mui-leave.mui-leave-active {
  transform: translateY(-100%);
}

.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-left.mui-leave.mui-leave-active {
  transform: translateX(-100%);
}

.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity;
}

.fade-in.mui-enter.mui-enter-active {
  opacity: 1;
}

.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity;
}

.fade-out.mui-leave.mui-leave-active {
  opacity: 0;
}

.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(90deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(90deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0;
}

.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0;
}

.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-up.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1;
}

.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-down.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1;
}

.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-up.mui-leave.mui-leave-active {
  transform: scale(1.5);
  opacity: 0;
}

.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-down.mui-leave.mui-leave-active {
  transform: scale(0.5);
  opacity: 0;
}

.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1;
}

.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out.mui-leave.mui-leave-active {
  transform: rotate(0.75turn);
  opacity: 0;
}

.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in-ccw.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1;
}

.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out-ccw.mui-leave.mui-leave-active {
  transform: rotate(-0.75turn);
  opacity: 0;
}

.slow {
  transition-duration: 750ms !important;
}

.fast {
  transition-duration: 250ms !important;
}

.linear {
  transition-timing-function: linear !important;
}

.ease {
  transition-timing-function: ease !important;
}

.ease-in {
  transition-timing-function: ease-in !important;
}

.ease-out {
  transition-timing-function: ease-out !important;
}

.ease-in-out {
  transition-timing-function: ease-in-out !important;
}

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  transition-delay: 300ms !important;
}

.long-delay {
  transition-delay: 700ms !important;
}

.shake {
  animation-name: shake-7;
}

@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translateX(7%);
  }

  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translateX(-7%);
  }
}

.spin-cw {
  animation-name: spin-cw-1turn;
}

@keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn);
  }

  100% {
    transform: rotate(0);
  }
}

.spin-ccw {
  animation-name: spin-ccw-1turn;
}

@keyframes spin-ccw-1turn {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(-1turn);
  }
}

.wiggle {
  animation-name: wiggle-7deg;
}

@keyframes wiggle-7deg {
  40%, 50%, 60% {
    transform: rotate(7deg);
  }

  35%, 45%, 55%, 65% {
    transform: rotate(-7deg);
  }

  0%, 30%, 70%, 100% {
    transform: rotate(0);
  }
}

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
  animation-duration: 500ms;
}

.infinite {
  animation-iteration-count: infinite;
}

.slow {
  animation-duration: 750ms !important;
}

.fast {
  animation-duration: 250ms !important;
}

.linear {
  animation-timing-function: linear !important;
}

.ease {
  animation-timing-function: ease !important;
}

.ease-in {
  animation-timing-function: ease-in !important;
}

.ease-out {
  animation-timing-function: ease-out !important;
}

.ease-in-out {
  animation-timing-function: ease-in-out !important;
}

.bounce-in {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  animation-delay: 300ms !important;
}

.long-delay {
  animation-delay: 700ms !important;
}

p {
  margin: 0;
  font-size: 1.5625rem;
  line-height: 1.6rem;
  font-weight: 400;
  color: #000;
}

@media only screen and (max-width: 1070px) {
  p {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

.main-bg-color {
  background-color: #ffc600;
}

.text-main-color {
  color: #ffc600;
}

input[type=submit] {
  color: #fff;
  background-color: #ffc600;
  border: none;
  padding: 10px 25px;
  cursor: pointer;
  font-weight: 500;
}

input[type=submit]:hover {
  box-shadow: -12px 10px 68px -11px rgba(0, 0, 0, 0.33);
}

.wpcf7 {
  position: relative;
}

.ajax-loader .is-active {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 100;
  left: 90px;
  top: 8px;
  background-color: red;
}

input.wpcf7-not-valid {
  border: 1px solid red;
}

.screen-reader-response,
.wpcf7-display-none {
  display: none !important;
}

.wpcf7-mail-sent-ok {
  color: green;
}

#filter-form input {
  color: #000;
  font-weight: 500;
  border-color: #bfbdbd;
}

#filter-form input::-moz-placeholder {
  color: #9b9b9b;
  opacity: 1;
}

#filter-form input::placeholder {
  color: #9b9b9b;
  opacity: 1;
}

#filter-form input:-ms-input-placeholder {
  color: #9b9b9b;
}

#filter-form input::-ms-input-placeholder {
  color: #9b9b9b;
}

.field .control-label {
  font-size: 1rem;
  line-height: 1.1rem;
  color: #4a4a4a !important;
  padding: 0 10px;
  font-weight: 400 !important;
}

.custom-error {
  color: red;
  font-size: 15px;
  font-weight: 400;
}

.send-form-btn {
  background-color: #ffc600;
  color: #fff;
  border: none;
  padding: 15px 0;
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 1.6rem;
  justify-content: center;
}

.contact-form-page-inside-phone p {
  display: block !important;
}

.wpcf7-not-valid-tip {
  color: red;
}

span.select.is-small select {
  -webkit-appearance: none !important;
}

.submit-wrap img {
  max-width: 30px;
}

.fix-barcode #barcode {
  float: left;
  max-width: 90px;
}

.hvr {
  transition: all 250ms ease;
  box-shadow: -5px 10px 69px -6px rgba(0, 0, 0, 0);
}

.hvr:hover {
  box-shadow: -5px 10px 69px -6px rgba(0, 0, 0, 0.6);
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

#content[tabindex="-1"]:focus {
  outline: 0;
}

.enable-filter-highContrast input {
  color: #fff !important;
  border: 1px solid #fff !important;
}

.enable-filter-highContrast input::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff !important;
  opacity: 1;
  /* Firefox */
}

.enable-filter-highContrast input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff !important;
  opacity: 1;
  /* Firefox */
}

.enable-filter-highContrast input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff !important;
}

.enable-filter-highContrast input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff !important;
}

.weather-box {
  position: relative;
}

.screen-reader-text-wether {
  z-index: 99;
  width: 100% !important;
  height: 100% !important;
  background-color: red;
}

/**
Layouts
**/

#site-header {
  padding: 20px 40px;
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
  z-index: 1040;
  background-color: transparent;
  transition: all 0.2s ease;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0));
}

#site-header .search-form-mobile {
  position: relative;
  margin-top: 10px;
  display: none;
}

#site-header .search-form-mobile #search-submit {
  position: absolute;
  top: 1px;
  left: 0;
}

#site-header .mobile-hamburger {
  display: none;
  position: relative;
  top: 8px;
  margin-left: 10px;
  z-index: 1026;
}

@media only screen and (max-width: 1130px) {
  #site-header .mobile-hamburger {
    display: inline-block;
  }
}

@media only screen and (max-width: 450px) {
  #site-header .mobile-hamburger {
    top: 4px;
  }
}

#site-header .mobile-search {
  display: none;
  margin: 80px 20px 10px 20px;
}

@media only screen and (max-width: 1130px) {
  #site-header .mobile-search {
    display: block;
  }
}

@media only screen and (max-width: 1500px) {
  #site-header {
    padding: 10px 20px;
  }
}

@media only screen and (max-width: 450px) {
  #site-header {
    align-items: center;
    display: flex;
  }
}

@media only screen and (max-width: 335px) {
  #site-header {
    padding: 5px;
  }
}

#site-header .wrap-header-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 1130px) {
  #site-header .wrap-header-section {
    display: inline-flex;
  }
}

#site-header .wrap-header-section > div {
  display: inline-flex;
  vertical-align: center;
}

#site-header .wrap-header-section .switch-gate-buttons a {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.35);
  border: 1px solid #fff;
  padding: 5px 30px;
  color: #fff;
  min-width: 180px;
  font-size: 1.3125rem;
  text-align: center;
  margin: 0 6px;
  overflow: hidden;
}

@media only screen and (max-width: 1630px) {
  #site-header .wrap-header-section .switch-gate-buttons a {
    min-width: 100px;
    padding: 10px 15px;
  }
}

@media only screen and (max-width: 1200px) {
  #site-header .wrap-header-section .switch-gate-buttons a {
    font-size: 0.9rem;
  }
}

@media only screen and (max-width: 600px) {
  #site-header .wrap-header-section .switch-gate-buttons a {
    padding: 2px;
  }
}

@media only screen and (max-width: 450px) {
  #site-header .wrap-header-section .switch-gate-buttons a {
    margin: 0 1px;
  }
}

#site-header .wrap-header-section .switch-gate-buttons a.select-customer-btn.active {
  background-color: #ffc600;
  color: #1d384d;
  font-weight: 500;
}

#site-header .wrap-header-section .switch-gate-buttons a.select-customer-btn:hover {
  color: #fff;
}

#site-header .wrap-header-section .switch-gate-buttons a.select-tourism-btn.active {
  background-color: #469AFD;
  color: #000;
}

#site-header .wrap-header-section .main-menu-top {
  padding: 0 25px;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1480px) {
  #site-header .wrap-header-section .main-menu-top {
    padding: 0 5px;
  }
}

@media only screen and (max-width: 1130px) {
  #site-header .wrap-header-section .main-menu-top {
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    z-index: 1024;
    background-color: #f8f8f8;
    display: block;
    padding: 0;
    overflow-y: auto;
    transform: translate(301px, 0px);
  }
}

@media only screen and (max-width: 1130px) and (max-width: 450px) {
  #site-header .wrap-header-section .main-menu-top {
    transform: translate(701px, 0px);
    width: 100%;
  }
}

@media only screen and (max-width: 1130px) {
  #site-header .wrap-header-section .main-menu-top.open {
    transform: translate(0px, 0px);
  }
}

@media only screen and (max-width: 1130px) {
  #site-header .wrap-header-section .main-menu-top ul {
    display: block;
  }
}

#site-header .wrap-header-section .main-menu-top ul li {
  position: relative;
}

#site-header .wrap-header-section .main-menu-top ul li.mobile {
  display: none;
}

@media only screen and (max-width: 1130px) {
  #site-header .wrap-header-section .main-menu-top ul li.mobile {
    display: block;
  }
}

#site-header .wrap-header-section .main-menu-top ul li.mobile.icon-yellow {
  padding: 0px 40px;
}

#site-header .wrap-header-section .main-menu-top ul li.mobile.icon-yellow:after {
  content: "";
  display: block;
  background-image: url(/wp-content/themes/haifa-port/images/mobile-yellow.svg);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 12px;
  width: 39px;
  height: 56px;
  background-size: 23px;
}

#site-header .wrap-header-section .main-menu-top ul li.mobile.icon-blue {
  padding: 0px 40px;
}

#site-header .wrap-header-section .main-menu-top ul li.mobile.icon-blue:after {
  content: "";
  display: block;
  background-image: url(/wp-content/themes/haifa-port/images/mobile-blue.svg);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 17px;
  width: 39px;
  height: 56px;
  background-size: 35px;
}

#site-header .wrap-header-section .main-menu-top ul li.wpml-ls-current-language {
  display: none !important;
}

@media only screen and (max-width: 1130px) {
  #site-header .wrap-header-section .main-menu-top ul li.wpml-ls-current-language {
    display: block !important;
  }
}

@media only screen and (max-width: 1130px) {
  #site-header .wrap-header-section .main-menu-top ul li {
    display: block;
  }

  #site-header .wrap-header-section .main-menu-top ul li.menu-item-has-children:after {
    content: "";
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/haifa-port/images/down-arrow.png);
    position: absolute;
    top: 20px;
    left: 10px;
  }

  #site-header .wrap-header-section .main-menu-top ul li.rotade:after {
    transform: rotate(180deg);
  }
}

@media only screen and (min-width: 1101px) {
  #site-header .wrap-header-section .main-menu-top ul li:hover .sub-menu {
    display: flex;
  }
}

@media only screen and (min-width: 1101px) {
  #site-header .wrap-header-section .main-menu-top ul li:focus .sub-menu {
    display: flex;
  }
}

#site-header .wrap-header-section .main-menu-top ul li a {
  font-size: 1.3125rem;
  color: #fff;
  transition: all 0.1s ease;
}

#site-header .wrap-header-section .main-menu-top ul li a:hover {
  color: #ffc600;
}

@media only screen and (max-width: 1630px) {
  #site-header .wrap-header-section .main-menu-top ul li a {
    padding: 0 7px;
  }
}

@media only screen and (max-width: 1480px) {
  #site-header .wrap-header-section .main-menu-top ul li a {
    font-size: 0.9rem;
  }
}

@media only screen and (max-width: 1130px) {
  #site-header .wrap-header-section .main-menu-top ul li a {
    font-size: 1.2rem;
    color: #000;
    padding: 20px 10px;
    font-weight: 500;
    border-bottom: 1px solid rgba(151, 151, 151, 0.26);
    overflow-y: auto;
  }
}

#site-header .wrap-header-section .main-menu-top ul li.current-menu-item a {
  color: #ffc600;
}

#site-header .wrap-header-section .main-menu-top ul li:last-child a {
  border: none;
}

#site-header .wrap-header-section .main-menu-top .sub-menu {
  margin: 0;
  padding: 0;
  position: absolute;
  min-width: 470px;
  background-color: #fff;
  flex-wrap: wrap;
  border-top: 2px solid #ffc600;
  top: 40px;
  right: 20px;
  z-index: 800;
  justify-content: space-between;
  display: none;
}

@media only screen and (max-width: 1700px) {
  #site-header .wrap-header-section .main-menu-top .sub-menu {
    top: 36px;
  }
}

@media only screen and (max-width: 1630px) {
  #site-header .wrap-header-section .main-menu-top .sub-menu {
    top: 23px;
  }
}

@media only screen and (max-width: 1480px) {
  #site-header .wrap-header-section .main-menu-top .sub-menu {
    top: 15px;
  }
}

@media only screen and (max-width: 1130px) {
  #site-header .wrap-header-section .main-menu-top .sub-menu {
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    min-width: 0;
    border: none;
  }
}

#site-header .wrap-header-section .main-menu-top .sub-menu li {
  list-style-type: none;
  width: 48%;
}

#site-header .wrap-header-section .main-menu-top .sub-menu li:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(151, 151, 151, 0.26);
  right: 0;
  position: absolute;
}

@media only screen and (max-width: 1130px) {
  #site-header .wrap-header-section .main-menu-top .sub-menu li {
    width: 100%;
  }

  #site-header .wrap-header-section .main-menu-top .sub-menu li:after {
    content: none;
  }

  #site-header .wrap-header-section .main-menu-top .sub-menu li a {
    padding-right: 30px !important;
  }
}

#site-header .wrap-header-section .main-menu-top .sub-menu li:nth-child(even):after {
  right: auto;
  width: 100%;
  left: 0;
}

#site-header .wrap-header-section .main-menu-top .sub-menu li a {
  color: #000;
  padding: 9px 12px;
  background-color: transparent;
  transition: all 0.1s ease;
  min-height: 40px;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
}

@media only screen and (max-width: 1130px) {
  #site-header .wrap-header-section .main-menu-top .sub-menu li a {
    padding: 20px 10px;
  }
}

#site-header .wrap-header-section .main-menu-top .sub-menu li a:hover {
  background-color: #ffc600;
}

#site-header .wrap-header-section .main-menu-top .sub-menu li:hover a {
  color: #fff;
}

#site-header .wrap-header-section .header-search {
  width: 43px;
  height: 43px;
  cursor: pointer;
  background-color: #ffc600;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 500;
}

#site-header .wrap-header-section .header-search #search-form {
  position: absolute;
  top: 60px;
  left: 0px;
  width: 300px;
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  -ms-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  opacity: 0;
  z-index: -11;
  pointer-events: none;
  display: none;
}

@media only screen and (max-width: 900px) {
  #site-header .wrap-header-section .header-search #search-form {
    top: 0;
    right: 0;
    left: auto;
    width: 100%;
  }
}

#site-header .wrap-header-section .header-search #search-form.show {
  opacity: 1;
  z-index: 500;
  pointer-events: auto;
  display: block;
}

#site-header .wrap-header-section .header-search #search-form #search-submit {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
}

#site-header .wrap-header-section .header-lang {
  display: flex;
  align-items: center;
  margin-left: 140px;
}

#site-header .wrap-header-section .header-lang svg {
  position: relative;
  right: -10px;
  pointer-events: none;
}

#site-header .wrap-header-section .header-lang .wpml-ls-current-language .wpml-ls-native {
  color: #fff;
}

#site-header .wrap-header-section .header-lang .wpml-ls-current-language .wpml-ls-flag {
  display: none;
}

#site-header .wrap-header-section .header-lang .wpml-ls-current-language .sub-menu li span {
  color: #000;
}

#site-header .wrap-header-section .header-lang .wpml-ls-current-language .sub-menu li .wpml-ls-flag {
  display: block;
  max-width: 20px;
  height: 13px !important;
}

#site-header .wrap-header-section .header-lang span {
  color: #fff;
  direction: ltr;
}

#site-header .wrap-header-section .header-lang ul li a {
  font-size: 1.3125rem;
}

@media only screen and (max-width: 1480px) {
  #site-header .wrap-header-section .header-lang ul li a {
    font-size: 0.9rem;
  }
}

#site-header .wrap-header-section .header-lang .sub-menu {
  position: absolute;
  margin: 0;
  background-color: #fff;
  min-width: 180px;
  display: none;
  z-index: 800;
}

#site-header .wrap-header-section .header-lang .sub-menu li {
  list-style-type: none;
}

#site-header .wrap-header-section .header-lang .sub-menu li a {
  display: flex;
  font-size: 1.0625rem;
  border-bottom: 1px solid rgba(151, 151, 151, 0.26);
}

#site-header .wrap-header-section .logo {
  position: absolute;
  top: 0;
  left: 20px;
  -webkit-transition: all 750ms ease;
  -moz-transition: all 750ms ease;
  -ms-transition: all 750ms ease;
  -o-transition: all 750ms ease;
  width: auto;
}

@media only screen and (max-width: 600px) {
  #site-header .wrap-header-section .logo {
    width: 100px;
  }
}

@media only screen and (max-width: 450px) {
  #site-header .wrap-header-section .logo {
    width: 60px;
    left: 10px;
  }
}

@media only screen and (max-width: 350px) {
  #site-header .wrap-header-section .logo {
    width: 50px;
    left: 0px;
  }
}

#site-header.fixed-header {
  background-color: #1d384d;
}

.full-page-banner {
  height: 100vh;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 600px) {
  .full-page-banner {
    height: 100vh;
  }
}

.full-page-banner #full-video {
  margin: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 1130px) {
  .header-logo-side .header-search {
    display: none !important;
  }

  .header-logo-side .header-lang {
    display: none !important;
  }
}

.search-wrap input {
  margin: 0;
}

.search-wrap input:focus {
  outline: none;
}

.header-search-desc .push {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 53px;
}

#s:focus {
  outline: none;
}

@media only screen and (max-width: 1130px) {
  span.wpml-ls-display {
    direction: ltr;
  }
}

@media only screen and (max-width: 1130px) {
  .wpml-ls-current-language a {
    display: flex;
  }
}

@media only screen and (max-width: 1130px) {
  span.wpml-ls-native,
  .wpml-ls-bracket {
    display: none;
  }
}

.grecaptcha-logo,
.grecaptcha-badge {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.main-menu-top .wpml-ls-menu-item > a {
  pointer-events: none;
}

.main-menu-top .wpml-ls-menu-item .sub-menu li a {
  pointer-events: auto;
}

.page-wrap {
  padding: 80px 0;
  width: 100%;
}

.page-wrap .sep {
  margin: 1.25rem auto;
}

.page-wrap .full-image-page {
  margin: 80px 0;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 700px) {
  .page-wrap .full-image-page {
    height: 200px !important;
    margin: 10px 0;
  }
}

.page-wrap .row-flex {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 800px) {
  .page-wrap .row-flex {
    display: block;
  }
}

.page-wrap .row-flex .right {
  width: 48%;
}

@media screen and (max-width: 800px) {
  .page-wrap .row-flex .right {
    width: 100%;
  }
}

.page-wrap .row-flex .left {
  width: 48%;
}

@media screen and (max-width: 800px) {
  .page-wrap .row-flex .left {
    width: 100%;
  }
}

.page-wrap .row-flex iframe {
  max-width: 100%;
}

@media screen and (max-width: 1700px) {
  .page-wrap {
    padding: 40px 0;
  }
}

@media screen and (max-width: 800px) {
  .page-wrap {
    padding: 20px 0;
  }
}

.page-wrap .wrap-page-content-inside {
  max-width: 87%;
}

.page-wrap .wrap-page-content-inside table {
  max-width: 100% !important;
  width: 100% !important;
}

@media screen and (max-width: 800px) {
  .page-wrap .wrap-page-content-inside {
    margin-top: 20px;
    max-width: 100%;
  }
}

.page-wrap .content-editor table {
  max-width: 100% !important;
  width: 100% !important;
}

.page-wrap .content-editor hr {
  margin: 3.25rem auto;
}

@media screen and (max-width: 800px) {
  .page-wrap .content-editor hr {
    margin: 1.25rem auto;
  }
}

.page-wrap .content-editor .black-small p {
  font-weight: 500;
  color: #000;
  font-size: 2rem;
  line-height: 2.1rem;
}

.page-wrap .content-editor .title-small {
  color: #2e3a4d;
  font-size: 2.5rem;
  line-height: 2.6rem;
  font-weight: 500;
}

.page-wrap .content-editor .title-small p {
  color: #2e3a4d;
  font-size: 2.5rem;
  line-height: 2.6rem;
  font-weight: 500;
}

@media screen and (max-width: 600px) {
  .page-wrap .content-editor .title-small p {
    font-size: 1.5rem;
    line-height: 1.6rem;
  }
}

.page-wrap .content-editor .btn-page {
  margin: 10px 0;
  display: inline-block;
  background-color: #ffc600;
  color: #1d384d;
  text-decoration: none;
  font-weight: 400;
  padding: 10px 20px;
}

.page-wrap .content-editor .btn-page a {
  color: #fff;
  text-decoration: none;
}

.page-wrap .content-editor img {
  max-width: 100%;
}

@media screen and (max-width: 600px) {
  .page-wrap .content-editor img {
    max-width: 80%;
    margin: 20px auto;
    display: block;
  }
}

.page-wrap .content-editor p {
  width: 100%;
  display: block;
  font-size: 1.2rem;
  line-height: 1.3rem;
}

@media screen and (max-width: 400px) {
  .page-wrap .content-editor p {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

.page-wrap .content-editor p strong {
  font-size: 1.5rem;
  line-height: 1.6rem;
}

@media screen and (max-width: 400px) {
  .page-wrap .content-editor p strong {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

.page-wrap .content-editor h2 {
  font-size: 2rem;
  margin: 0;
}

@media screen and (max-width: 600px) {
  .page-wrap .content-editor h2 {
    font-size: 1.8rem;
    line-height: 1.9rem;
  }
}

.page-wrap .content-editor h3 {
  font-size: 1.8rem;
  margin: 0;
}

@media screen and (max-width: 600px) {
  .page-wrap .content-editor h3 {
    font-size: 1.6rem;
    line-height: 1.7rem;
  }
}

.page-wrap .content-editor h4 {
  font-size: 1.6rem;
  margin: 0;
}

@media screen and (max-width: 600px) {
  .page-wrap .content-editor h4 {
    font-size: 1.4rem;
    line-height: 1.5rem;
  }
}

.page-wrap .content-editor h5 {
  font-size: 1.4rem;
  margin: 0;
}

@media screen and (max-width: 600px) {
  .page-wrap .content-editor h5 {
    font-size: 1.2rem;
    line-height: 1.3rem;
  }
}

.page-wrap .content-editor h6 {
  font-size: 1.2rem;
  margin: 0;
}

@media screen and (max-width: 600px) {
  .page-wrap .content-editor h6 {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

.page-wrap .content-editor a {
  color: #ffc600;
  text-decoration: underline;
}

.page-wrap .content-editor strong a {
  margin: 10px 0;
  display: inline-block;
  background-color: #00a3ff;
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  padding: 10px 20px;
}

.page-wrap .content-editor a strong {
  margin: 10px 0;
  display: inline-block;
  background-color: #00a3ff;
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  padding: 10px 20px;
}

.page-wrap .content-editor .alignleft {
  float: left;
  margin: 10px 10px 0 0;
}

@media screen and (max-width: 600px) {
  .page-wrap .content-editor .alignleft {
    margin: 15px 0;
  }
}

.page-wrap .content-editor .alignright {
  float: right;
  margin: 10px 0px 0 10px;
}

@media screen and (max-width: 600px) {
  .page-wrap .content-editor .alignright {
    margin: 15px 0;
  }
}

.page-wrap .content-editor ul li {
  font-size: 1.5625rem;
  line-height: 1.8rem;
}

@media screen and (max-width: 600px) {
  .page-wrap .content-editor ul li {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

.parallax-window {
  min-height: 400px;
  background: transparent;
  width: 100%;
  background-size: cover;
}

@media screen and (max-width: 600px) {
  .parallax-window {
    min-height: 200px;
  }
}

.parallax-mirror {
  direction: ltr;
}

html[lang=en-US] .content-info .top-footer-inside form {
  direction: ltr;
}

.content-info .top-footer {
  background-color: #f6f6f6;
}

.content-info .top-footer-inside {
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media only screen and (max-width: 900px) {
  .content-info .top-footer-inside {
    display: flex;
    flex-direction: column;
  }

  .content-info .top-footer-inside > div {
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
    display: block;
    padding: 20px 0;
  }

  .content-info .top-footer-inside > div.social-section {
    border: none;
  }
}

@media only screen and (max-width: 900px) {
  .content-info .top-footer-inside .social-section {
    order: 1;
  }
}

.content-info .top-footer-inside .news-letter-form-title {
  margin-bottom: 10px;
}

.content-info .top-footer-inside .news-letter-form-title p {
  font-size: 1.25rem;
}

.content-info .top-footer-inside form {
  direction: rtl;
  position: relative;
}

.content-info .top-footer-inside form .news-letter-form-input {
  position: relative;
}

.content-info .top-footer-inside form .news-letter-form-input input {
  padding-left: 100px;
}

.content-info .top-footer-inside form .news-letter-form-submit {
  position: absolute;
  top: 37px;
  left: 1px;
}

@media only screen and (max-width: 1070px) {
  .content-info .top-footer-inside form .news-letter-form-submit {
    top: 28px;
  }
}

.content-info .top-footer-inside .title_soical {
  margin-bottom: 18px;
}

.content-info .top-footer-inside .title_soical p {
  font-size: 1.25rem;
}

.content-info .top-footer-inside .locate-company {
  margin-left: 250px;
}

@media only screen and (max-width: 1440px) {
  .content-info .top-footer-inside .locate-company {
    margin-left: 23px;
  }
}

.content-info .top-footer-inside .locate-company .locate-company-title {
  margin-bottom: 10px;
}

.content-info .top-footer-inside .locate-company .locate-company-title p {
  font-size: 1.25rem;
}

.content-info .top-footer-inside .locate-company .locate-company-link {
  background-color: #ffc600;
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-size: 1.25rem;
  padding: 10px 20px;
}

.content-info .top-footer-inside .locate-company .locate-company-link:hover {
  box-shadow: -12px 10px 68px -11px rgba(0, 0, 0, 0.33);
}

.content-info .top-footer-inside .locate-company .locate-company-link svg {
  margin: 0 7px;
}

.content-info .bottom-footer-inside {
  display: flex;
  padding: 40px 0;
  justify-content: space-between;
}

@media only screen and (max-width: 900px) {
  .content-info .bottom-footer-inside {
    display: block;
    width: 70%;
    margin: auto;
  }
}

.content-info .bottom-footer-inside li {
  list-style-type: none;
}

.content-info .bottom-footer-inside .widgettitle {
  font-size: 1.125rem;
  font-weight: 600;
  color: #052130;
}

@media only screen and (max-width: 1030px) {
  .content-info .bottom-footer-inside .widgettitle {
    font-size: 0.9rem;
    line-height: 1rem;
  }
}

.content-info .bottom-footer-inside .bottom-footer-col {
  position: relative;
  width: 40%;
}

@media only screen and (max-width: 900px) {
  .content-info .bottom-footer-inside .bottom-footer-col {
    width: 100%;
  }
}

.content-info .bottom-footer-inside .bottom-footer-col:after {
  content: "";
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(/wp-content/themes/haifa-port/images/down-arrow.png);
  pointer-events: none;
  position: absolute;
  left: 10px;
  top: 4px;
  display: none;
}

@media only screen and (max-width: 900px) {
  .content-info .bottom-footer-inside .bottom-footer-col:after {
    display: inline-block;
  }
}

.content-info .bottom-footer-inside .bottom-footer-col.rotade:after {
  content: "";
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(/wp-content/themes/haifa-port/images/down-arrow.png);
  display: inline-block;
  position: absolute;
  left: 6px;
  top: -1px;
  transform: rotate(180deg);
}

@media only screen and (max-width: 900px) {
  .content-info .bottom-footer-inside .bottom-footer-col .textwidget {
    display: none;
  }
}

@media only screen and (max-width: 900px) {
  .content-info .bottom-footer-inside .bottom-footer-col ul {
    display: none;
  }
}

.content-info .bottom-footer-inside .bottom-footer-col ul li {
  display: block;
  width: 100%;
}

.content-info .bottom-footer-inside .bottom-footer-col ul li a {
  padding: 0 0 8px 0;
  font-weight: 300;
}

.content-info .bottom-footer-inside .bottom-footer-col p {
  font-size: 0.9375rem;
  font-weight: 300;
}

.content-info .bottom-footer-inside .bottom-footer-col:last-child {
  width: 67%;
}

@media only screen and (max-width: 900px) {
  .content-info .bottom-footer-inside .bottom-footer-col:last-child {
    width: 100%;
  }
}

.content-info .credit {
  text-align: center;
  padding: 0 0 20px 0;
}

@media only screen and (max-width: 600px) {
  .table-extra-info-load {
    display: block !important;
  }
}

.banner-page {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.banner-page .main-title {
  font-size: 4rem;
  color: #fff;
  font-weight: 600;
  text-shadow: 0 2px 19px rgba(0, 0, 0, 0.61);
  margin: 0;
}

@media screen and (max-width: 1600px) {
  .banner-page .main-title {
    font-size: 3rem;
  }
}

@media screen and (max-width: 1100px) {
  .banner-page .main-title {
    font-size: 3rem;
    line-height: 3.1rem;
  }
}

@media screen and (max-width: 800px) {
  .banner-page .main-title {
    font-size: 2.5rem;
    line-height: 2.6rem;
  }
}

@media screen and (max-width: 600px) {
  .banner-page .main-title {
    font-size: 1.5rem;
    line-height: 1.6rem;
  }
}

.banner-page #breadcrumbs {
  font-size: 1.3625rem;
  color: #fff;
}

@media screen and (max-width: 1100px) {
  .banner-page #breadcrumbs {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 600px) {
  .banner-page #breadcrumbs {
    font-size: 1rem;
  }
}

.banner-page #breadcrumbs p {
  font-size: 1.5625rem;
  color: #fff;
}

@media screen and (max-width: 1000px) {
  .banner-page #breadcrumbs p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 600px) {
  .banner-page #breadcrumbs p {
    font-size: 1rem;
  }
}

.banner-page #breadcrumbs a {
  font-size: 1.5625rem;
  color: #fff;
}

@media screen and (max-width: 1000px) {
  .banner-page #breadcrumbs a {
    font-size: 1rem;
  }
}

@media screen and (max-width: 600px) {
  .banner-page #breadcrumbs a {
    font-size: 1rem;
  }
}

.banner-page #breadcrumbs .breadcrumb_last {
  font-size: 1.5625rem;
  color: #fff;
}

@media screen and (max-width: 1000px) {
  .banner-page #breadcrumbs .breadcrumb_last {
    font-size: 1rem;
  }
}

@media screen and (max-width: 600px) {
  .banner-page #breadcrumbs .breadcrumb_last {
    font-size: 1rem;
  }
}

.banner-page.banner-page-small {
  height: 480px;
  display: flex;
  align-items: flex-end;
}

@media screen and (max-width: 1600px) {
  .banner-page.banner-page-small {
    height: 320px;
  }
}

@media screen and (max-width: 1100px) {
  .banner-page.banner-page-small {
    height: 370px;
  }
}

@media screen and (max-width: 1000px) {
  .banner-page.banner-page-small {
    height: 320px;
  }
}

@media screen and (max-width: 800px) {
  .banner-page.banner-page-small {
    height: 280px;
  }
}

@media screen and (max-width: 600px) {
  .banner-page.banner-page-small {
    height: 240px;
  }
}

.banner-page.banner-page-small .row {
  width: 100%;
}

.banner-page.banner-page-small .row .in-banner {
  margin-bottom: 80px;
  width: 100%;
}

.banner-page.banner-page-big {
  height: 800px;
}

.big-banner-wrap {
  width: 100%;
  padding-bottom: 35%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  z-index: -1;
  min-height: 500px;
}

@media screen and (max-width: 700px) {
  .big-banner-wrap {
    min-height: 290px;
  }
}

.big-banner-inside {
  padding-top: 230px;
}

@media screen and (max-width: 700px) {
  .big-banner-inside {
    padding-top: 110px;
  }
}

.box-on-image-inside {
  margin-top: 60px;
  width: 100%;
  background-color: #f6f6f6;
  min-height: 600px;
  padding: 100px 90px;
}

@media screen and (max-width: 1500px) {
  .box-on-image-inside {
    padding: 50px;
  }
}

@media screen and (max-width: 700px) {
  .box-on-image-inside {
    padding: 25px 15px;
  }
}

/**
plugins
**/

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: rgb(30, 30, 30);
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide::before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */

.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* Buttons */

.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

/* Fix IE11 */

.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
}

/* Caption */

.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}

/* Transition effects */

.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */

@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }

  .fancybox-slide--image {
    padding: 6px 0;
  }

  .fancybox-close-small {
    right: -6px;
  }

  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }

  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* Share */

.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

/* Thumbs */

.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */

@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }

  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}

.chosen-wrapper {
  margin: 20px 0 25px 25px;
  max-width: 320px;
  z-index: 500;
  position: relative;
}

.chosen-wrapper:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.5);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 9;
}

@media only screen and (max-width: 900px) {
  .chosen-wrapper:after {
    content: none;
  }
}

.chosen-wrapper.is-active .chosen-results {
  pointer-events: auto !important;
  max-width: 320px;
}

.chosen-wrapper.is-active:after {
  border-top: 8px solid rgb(0, 0, 0);
  transform: rotate(180deg);
}

@media only screen and (max-width: 700px) {
  .chosen-wrapper #choose-subject {
    display: block !important;
    background-color: rgba(255, 255, 255, 0.4);
    color: #fff;
    padding: 0 10px;
    font-size: 23px;
  }
}

.chosen-wrapper .chosen-container .chosen-single {
  border-radius: 0;
  height: 46px;
  border: solid 2px #fff;
  display: block;
  font-size: 22px;
  color: rgba(0, 0, 0, 0.5);
  padding: 0 30px;
  line-height: 46px;
  transition: all 0.1s ease;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.4);
  max-width: 320px;
}

@media only screen and (max-width: 700px) {
  .chosen-wrapper .chosen-container .chosen-single {
    display: none;
  }
}

.chosen-wrapper .chosen-container .chosen-single b {
  display: none !important;
}

.chosen-wrapper .chosen-container .chosen-single span {
  letter-spacing: 0;
  padding: 0;
  color: #fff;
  line-height: inherit;
}

.chosen-wrapper .chosen-container.chosen-with-drop .chosen-drop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.chosen-wrapper .chosen-container.chosen-container-single-nosearch .chosen-search {
  display: none;
}

.chosen-wrapper .chosen-container .chosen-drop {
  letter-spacing: 0;
  border-radius: 0;
  box-shadow: none;
  border-width: 0 2px 2px;
  border-color: #000;
  margin-top: 0;
  transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  opacity: 0;
  max-width: 320px;
}

.chosen-wrapper .chosen-container .chosen-results {
  font-size: 22px;
  color: #000;
  max-height: 345px;
  margin: 0;
  background-color: #fff;
  padding: 0;
  position: absolute;
  width: 100%;
  pointer-events: none;
}

.chosen-wrapper .chosen-container .chosen-results li {
  padding: 16px 30px 18px;
  margin: 0;
  list-style-type: none;
  border-bottom: 1px solid #e5e5e5;
  transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  line-height: 20px;
  color: #000;
  cursor: pointer;
}

.chosen-wrapper .chosen-container .chosen-results li.highlighted {
  background-color: #ffc600 !important;
  color: #fff;
  background-image: none;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
   * 3DX
   */

.hamburger--3dx .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */

.hamburger--3dx-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY
   */

.hamburger--3dy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */

.hamburger--3dy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY
   */

.hamburger--3dxy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY Reverse
   */

.hamburger--3dxy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * Arrow
   */

.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */

.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Alt
   */

.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Alt Right
   */

.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Turn
   */

.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Turn Right
   */

.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Boring
   */

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
   * Collapse
   */

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Collapse Reverse
   */

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Elastic
   */

.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
   * Elastic Reverse
   */

.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
   * Emphatic
   */

.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Emphatic Reverse
   */

.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Minus
   */

.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before,
.hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
   * Slider
   */

.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */

.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
   * Spin
   */

.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin Reverse
   */

.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spring
   */

.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */

.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand
   */

.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand Reverse
   */

.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Squeeze
   */

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Vortex
   */

.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */

.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*! Buefy v0.7.1 | MIT License | github.com/buefy/buefy */

table td,
table th {
  text-align: right;
  vertical-align: top;
}

table th {
  color: #363636;
}

.is-clearfix::after {
  clear: both;
  content: " ";
  display: table;
}

.is-pulled-left {
  float: left !important;
}

.is-pulled-right {
  float: right !important;
}

.is-clipped {
  overflow: hidden !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: 0.75rem !important;
}

.is-inline-flex {
  display: inline-flex !important;
}

@media screen and (max-width: 1025px) {
  .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: 1087px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important;
  }
}

@media screen and (max-width: 1087px) {
  .is-inline-flex-touch {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1088px) {
  .is-inline-flex-desktop {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1280px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .is-inline-flex-widescreen-only {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1472px) {
  .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: 0.01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.01em !important;
}

@media screen and (max-width: 1025px) {
  .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: 1087px) {
  .is-hidden-tablet-only {
    display: none !important;
  }
}

@media screen and (max-width: 1087px) {
  .is-hidden-touch {
    display: none !important;
  }
}

@media screen and (min-width: 1088px) {
  .is-hidden-desktop {
    display: none !important;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .is-hidden-desktop-only {
    display: none !important;
  }
}

@media screen and (min-width: 1280px) {
  .is-hidden-widescreen {
    display: none !important;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .is-hidden-widescreen-only {
    display: none !important;
  }
}

@media screen and (min-width: 1472px) {
  .is-hidden-fullhd {
    display: none !important;
  }
}

.is-invisible {
  visibility: hidden !important;
}

@media screen and (max-width: 1025px) {
  .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: 1087px) {
  .is-invisible-tablet-only {
    visibility: hidden !important;
  }
}

@media screen and (max-width: 1087px) {
  .is-invisible-touch {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 1088px) {
  .is-invisible-desktop {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .is-invisible-desktop-only {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 1280px) {
  .is-invisible-widescreen {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .is-invisible-widescreen-only {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 1472px) {
  .is-invisible-fullhd {
    visibility: hidden !important;
  }
}

.is-marginless {
  margin: 0 !important;
}

.is-paddingless {
  padding: 0 !important;
}

.is-radiusless {
  border-radius: 0 !important;
}

.is-shadowless {
  box-shadow: none !important;
}

.content table {
  width: 100%;
}

.content table td,
.content table th {
  border: 1px solid #dbdbdb;
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: middle;
}

.content table th {
  color: #363636;
  text-align: left;
}

.content table thead td,
.content table thead th {
  border-width: 0 0 2px;
  color: #363636;
}

.content table tfoot td,
.content table tfoot th {
  border-width: 2px 0 0;
  color: #363636;
}

.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
  border-bottom-width: 0;
}

.content.is-small {
  font-size: 0.75rem;
}

.content.is-medium {
  font-size: 1.25rem;
}

.content.is-large {
  font-size: 1.5rem;
}

@media screen and (min-width: 769px), print {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1;
  }

  .field-body .field {
    margin-bottom: 0;
  }

  .field-body > .field {
    flex-shrink: 1;
  }

  .field-body > .field:not(.is-narrow) {
    flex-grow: 1;
  }

  .field-body > .field:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.icon.is-small {
  height: 1rem;
  width: 1rem;
}

.icon.is-medium {
  height: 2rem;
  width: 2rem;
}

.icon.is-large {
  height: 3rem;
  width: 3rem;
}

.notification {
  background-color: whitesmoke;
  border-radius: 4px;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  position: relative;
}

.notification a:not(.button):not(.dropdown-item):not(.dropdown .dropdown-menu .has-link a) {
  color: currentColor;
  text-decoration: underline;
}

.notification strong {
  color: currentColor;
}

.notification code,
.notification pre {
  background: white;
}

.notification pre code {
  background: transparent;
}

.notification > .delete {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}

.notification .title,
.notification .subtitle,
.notification .content {
  color: currentColor;
}

.notification.is-white {
  background-color: white;
  color: #0a0a0a;
}

.notification.is-black {
  background-color: #0a0a0a;
  color: white;
}

.notification.is-light {
  background-color: whitesmoke;
  color: #363636;
}

.notification.is-dark {
  background-color: #363636;
  color: whitesmoke;
}

.notification.is-primary {
  background-color: #7957d5;
  color: white;
}

.notification.is-link {
  background-color: #7957d5;
  color: white;
}

.notification.is-info {
  background-color: #167df0;
  color: #fff;
}

.notification.is-success {
  background-color: #23d160;
  color: #fff;
}

.notification.is-warning {
  background-color: #ffdd57;
  color: rgba(0, 0, 0, 0.7);
}

.notification.is-danger {
  background-color: #ff3860;
  color: #fff;
}

.progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 290486px;
  display: block;
  height: 1rem;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.progress::-webkit-progress-bar {
  background-color: #dbdbdb;
}

.progress::-webkit-progress-value {
  background-color: #4a4a4a;
}

.progress::-moz-progress-bar {
  background-color: #4a4a4a;
}

.progress::-ms-fill {
  background-color: #4a4a4a;
  border: none;
}

.progress.is-white::-webkit-progress-value {
  background-color: white;
}

.progress.is-white::-moz-progress-bar {
  background-color: white;
}

.progress.is-white::-ms-fill {
  background-color: white;
}

.progress.is-black::-webkit-progress-value {
  background-color: #0a0a0a;
}

.progress.is-black::-moz-progress-bar {
  background-color: #0a0a0a;
}

.progress.is-black::-ms-fill {
  background-color: #0a0a0a;
}

.progress.is-light::-webkit-progress-value {
  background-color: whitesmoke;
}

.progress.is-light::-moz-progress-bar {
  background-color: whitesmoke;
}

.progress.is-light::-ms-fill {
  background-color: whitesmoke;
}

.progress.is-dark::-webkit-progress-value {
  background-color: #363636;
}

.progress.is-dark::-moz-progress-bar {
  background-color: #363636;
}

.progress.is-dark::-ms-fill {
  background-color: #363636;
}

.progress.is-primary::-webkit-progress-value {
  background-color: #7957d5;
}

.progress.is-primary::-moz-progress-bar {
  background-color: #7957d5;
}

.progress.is-primary::-ms-fill {
  background-color: #7957d5;
}

.progress.is-link::-webkit-progress-value {
  background-color: #7957d5;
}

.progress.is-link::-moz-progress-bar {
  background-color: #7957d5;
}

.progress.is-link::-ms-fill {
  background-color: #7957d5;
}

.progress.is-info::-webkit-progress-value {
  background-color: #167df0;
}

.progress.is-info::-moz-progress-bar {
  background-color: #167df0;
}

.progress.is-info::-ms-fill {
  background-color: #167df0;
}

.progress.is-success::-webkit-progress-value {
  background-color: #23d160;
}

.progress.is-success::-moz-progress-bar {
  background-color: #23d160;
}

.progress.is-success::-ms-fill {
  background-color: #23d160;
}

.progress.is-warning::-webkit-progress-value {
  background-color: #ffdd57;
}

.progress.is-warning::-moz-progress-bar {
  background-color: #ffdd57;
}

.progress.is-warning::-ms-fill {
  background-color: #ffdd57;
}

.progress.is-danger::-webkit-progress-value {
  background-color: #ff3860;
}

.progress.is-danger::-moz-progress-bar {
  background-color: #ff3860;
}

.progress.is-danger::-ms-fill {
  background-color: #ff3860;
}

.progress.is-small {
  height: 0.75rem;
}

.progress.is-medium {
  height: 1.25rem;
}

.progress.is-large {
  height: 1.5rem;
}

.table {
  background-color: white;
  color: #363636;
}

.table td,
.table th {
  border: 1px solid #dbdbdb;
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}

.table td.is-white,
.table th.is-white {
  background-color: white;
  border-color: white;
  color: #0a0a0a;
}

.table td.is-black,
.table th.is-black {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: white;
}

.table td.is-light,
.table th.is-light {
  background-color: whitesmoke;
  border-color: whitesmoke;
  color: #363636;
}

.table td.is-dark,
.table th.is-dark {
  background-color: #363636;
  border-color: #363636;
  color: whitesmoke;
}

.table td.is-primary,
.table th.is-primary {
  background-color: #7957d5;
  border-color: #7957d5;
  color: white;
}

.table td.is-link,
.table th.is-link {
  background-color: #7957d5;
  border-color: #7957d5;
  color: white;
}

.table td.is-info,
.table th.is-info {
  background-color: #167df0;
  border-color: #167df0;
  color: #fff;
}

.table td.is-success,
.table th.is-success {
  background-color: #23d160;
  border-color: #23d160;
  color: #fff;
}

.table td.is-warning,
.table th.is-warning {
  background-color: #ffdd57;
  border-color: #ffdd57;
  color: rgba(0, 0, 0, 0.7);
}

.table td.is-danger,
.table th.is-danger {
  background-color: #ff3860;
  border-color: #ff3860;
  color: #fff;
}

.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}

.table td.is-selected,
.table th.is-selected {
  background-color: #7957d5;
  color: white;
}

.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor;
}

.table th {
  color: #363636;
  text-align: left;
}

.table tr.is-selected {
  background-color: #7957d5;
  color: white;
}

.table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor;
}

.table tr.is-selected td,
.table tr.is-selected th {
  border-color: white;
  color: currentColor;
}

.table thead td,
.table thead th {
  border-width: 0 0 2px;
  color: #363636;
}

.table tfoot td,
.table tfoot th {
  border-width: 2px 0 0;
  color: #363636;
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}

.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px;
}

.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}

.table.is-fullwidth {
  width: 100%;
}

.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: #fafafa;
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: #fafafa;
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  background-color: whitesmoke;
}

.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}

.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: #fafafa;
}

.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.tags .tag {
  margin-bottom: 0.5rem;
}

.tags .tag:not(:last-child) {
  margin-right: 0.5rem;
}

.tags:last-child {
  margin-bottom: -0.5rem;
}

.tags:not(:last-child) {
  margin-bottom: 1rem;
}

.tags.has-addons .tag {
  margin-right: 0;
}

.tags.has-addons .tag:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.tags.has-addons .tag:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.tags.is-centered {
  justify-content: center;
}

.tags.is-centered .tag {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.tags.is-right {
  justify-content: flex-end;
}

.tags.is-right .tag:not(:first-child) {
  margin-left: 0.5rem;
}

.tags.is-right .tag:not(:last-child) {
  margin-right: 0;
}

.tag:not(body) {
  align-items: center;
  background-color: whitesmoke;
  border-radius: 4px;
  color: #4a4a4a;
  display: inline-flex;
  font-size: 0.75rem;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}

.tag:not(body) .delete {
  margin-left: 0.25rem;
  margin-right: -0.375rem;
}

.tag:not(body).is-white {
  background-color: white;
  color: #0a0a0a;
}

.tag:not(body).is-black {
  background-color: #0a0a0a;
  color: white;
}

.tag:not(body).is-light {
  background-color: whitesmoke;
  color: #363636;
}

.tag:not(body).is-dark {
  background-color: #363636;
  color: whitesmoke;
}

.tag:not(body).is-primary {
  background-color: #7957d5;
  color: white;
}

.tag:not(body).is-link {
  background-color: #7957d5;
  color: white;
}

.tag:not(body).is-info {
  background-color: #167df0;
  color: #fff;
}

.tag:not(body).is-success {
  background-color: #23d160;
  color: #fff;
}

.tag:not(body).is-warning {
  background-color: #ffdd57;
  color: rgba(0, 0, 0, 0.7);
}

.tag:not(body).is-danger {
  background-color: #ff3860;
  color: #fff;
}

.tag:not(body).is-medium {
  font-size: 1rem;
}

.tag:not(body).is-large {
  font-size: 1.25rem;
}

.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -0.375em;
  margin-right: 0.1875em;
}

.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: -0.375em;
}

.tag:not(body) .icon:first-child:last-child {
  margin-left: -0.375em;
  margin-right: -0.375em;
}

.tag:not(body).is-delete {
  margin-left: 1px;
  padding: 0;
  position: relative;
  width: 2em;
}

.tag:not(body).is-delete::before,
.tag:not(body).is-delete::after {
  background-color: currentColor;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}

.tag:not(body).is-delete::before {
  height: 1px;
  width: 50%;
}

.tag:not(body).is-delete::after {
  height: 50%;
  width: 1px;
}

.tag:not(body).is-delete:hover,
.tag:not(body).is-delete:focus {
  background-color: #e8e8e8;
}

.tag:not(body).is-delete:active {
  background-color: #dbdbdb;
}

.tag:not(body).is-rounded {
  border-radius: 290486px;
}

a.tag:hover {
  text-decoration: underline;
}

.title,
.subtitle {
  word-break: break-word;
}

.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: inherit;
}

.title sub,
.subtitle sub {
  font-size: 0.75em;
}

.title sup,
.subtitle sup {
  font-size: 0.75em;
}

.title .tag,
.subtitle .tag {
  vertical-align: middle;
}

.title {
  color: #363636;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.125;
}

.title strong {
  color: inherit;
  font-weight: inherit;
}

.title + .highlight {
  margin-top: -0.75rem;
}

.title:not(.is-spaced) + .subtitle {
  margin-top: -1.25rem;
}

.title.is-1 {
  font-size: 3rem;
}

.title.is-2 {
  font-size: 2.5rem;
}

.title.is-3 {
  font-size: 2rem;
}

.title.is-4 {
  font-size: 1.5rem;
}

.title.is-5 {
  font-size: 1.25rem;
}

.title.is-6 {
  font-size: 1rem;
}

.title.is-7 {
  font-size: 0.75rem;
}

.subtitle {
  color: #4a4a4a;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25;
}

.subtitle strong {
  color: #363636;
  font-weight: 600;
}

.subtitle:not(.is-spaced) + .title {
  margin-top: -1.25rem;
}

.subtitle.is-1 {
  font-size: 3rem;
}

.subtitle.is-2 {
  font-size: 2.5rem;
}

.subtitle.is-3 {
  font-size: 2rem;
}

.subtitle.is-4 {
  font-size: 1.5rem;
}

.subtitle.is-5 {
  font-size: 1.25rem;
}

.subtitle.is-6 {
  font-size: 1rem;
}

.subtitle.is-7 {
  font-size: 0.75rem;
}

.heading {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.highlight {
  font-weight: 400;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
}

.highlight pre {
  overflow: auto;
  max-width: 100%;
}

.number {
  align-items: center;
  background-color: whitesmoke;
  border-radius: 290486px;
  display: inline-flex;
  font-size: 1.25rem;
  height: 2em;
  justify-content: center;
  margin-right: 1.5rem;
  min-width: 2.5em;
  padding: 0.25rem 0.5rem;
  text-align: center;
  vertical-align: top;
}

.breadcrumb {
  font-size: 1rem;
  white-space: nowrap;
}

.breadcrumb a {
  align-items: center;
  color: #7957d5;
  display: flex;
  justify-content: center;
  padding: 0 0.75em;
}

.breadcrumb a:hover {
  color: #363636;
}

.breadcrumb li {
  align-items: center;
  display: flex;
}

.breadcrumb li:first-child a {
  padding-left: 0;
}

.breadcrumb li.is-active a {
  color: #363636;
  cursor: default;
  pointer-events: none;
}

.breadcrumb li + li::before {
  color: #b5b5b5;
  content: "/";
}

.breadcrumb ul,
.breadcrumb ol {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.breadcrumb .icon:first-child {
  margin-right: 0.5em;
}

.breadcrumb .icon:last-child {
  margin-left: 0.5em;
}

.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
  justify-content: center;
}

.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
  justify-content: flex-end;
}

.breadcrumb.is-small {
  font-size: 0.75rem;
}

.breadcrumb.is-medium {
  font-size: 1.25rem;
}

.breadcrumb.is-large {
  font-size: 1.5rem;
}

.breadcrumb.has-arrow-separator li + li::before {
  content: "\2192";
}

.breadcrumb.has-bullet-separator li + li::before {
  content: "\2022";
}

.breadcrumb.has-dot-separator li + li::before {
  content: "\B7";
}

.breadcrumb.has-succeeds-separator li + li::before {
  content: "\227B";
}

.card {
  background-color: white;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  color: #4a4a4a;
  max-width: 100%;
  position: relative;
}

.card-header {
  background-color: transparent;
  align-items: stretch;
  box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
  display: flex;
}

.card-header-title {
  align-items: center;
  color: #363636;
  display: flex;
  flex-grow: 1;
  font-weight: 700;
  padding: 0.75rem;
}

.card-header-title.is-centered {
  justify-content: center;
}

.card-header-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.75rem;
}

.card-image {
  display: block;
  position: relative;
}

.card-content {
  background-color: transparent;
  padding: 1.5rem;
}

.card-footer {
  background-color: transparent;
  border-top: 1px solid #dbdbdb;
  align-items: stretch;
  display: flex;
}

.card-footer-item {
  align-items: center;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  padding: 0.75rem;
}

.card-footer-item:not(:last-child) {
  border-right: 1px solid #dbdbdb;
}

.card .media:not(:last-child) {
  margin-bottom: 0.75rem;
}

.dropdown {
  display: inline-flex;
  position: relative;
  vertical-align: top;
}

.dropdown.is-active .dropdown-menu,
.dropdown.is-hoverable:hover .dropdown-menu {
  display: block;
}

.dropdown.is-right .dropdown-menu {
  left: auto;
  right: 0;
}

.dropdown.is-up .dropdown-menu {
  bottom: 100%;
  padding-bottom: 4px;
  padding-top: initial;
  top: auto;
}

.dropdown-menu {
  display: none;
  left: 0;
  min-width: 12rem;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  z-index: 20;
}

.dropdown-content {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.dropdown-item,
.dropdown .dropdown-menu .has-link a {
  color: #4a4a4a;
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.375rem 1rem;
  position: relative;
}

a.dropdown-item,
.dropdown .dropdown-menu .has-link a,
button.dropdown-item {
  padding-right: 3rem;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}

a.dropdown-item:hover,
.dropdown .dropdown-menu .has-link a:hover,
button.dropdown-item:hover {
  background-color: whitesmoke;
  color: #0a0a0a;
}

a.dropdown-item.is-active,
.dropdown .dropdown-menu .has-link a.is-active,
button.dropdown-item.is-active {
  background-color: #7957d5;
  color: white;
}

.dropdown-divider {
  background-color: #dbdbdb;
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0;
}

.level {
  align-items: center;
  justify-content: space-between;
}

.level code {
  border-radius: 4px;
}

.level img {
  display: inline-block;
  vertical-align: top;
}

.level.is-mobile {
  display: flex;
}

.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: flex;
}

.level.is-mobile .level-left + .level-right {
  margin-top: 0;
}

.level.is-mobile .level-item:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}

.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1;
}

@media screen and (min-width: 769px), print {
  .level {
    display: flex;
  }

  .level > .level-item:not(.is-narrow) {
    flex-grow: 1;
  }
}

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}

.level-item .title,
.level-item .subtitle {
  margin-bottom: 0;
}

@media screen and (max-width: 1025px) {
  .level-item:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1;
}

@media screen and (min-width: 769px), print {
  .level-left .level-item:not(:last-child),
  .level-right .level-item:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.level-left {
  align-items: center;
  justify-content: flex-start;
}

@media screen and (max-width: 1025px) {
  .level-left + .level-right {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 769px), print {
  .level-left {
    display: flex;
  }
}

.level-right {
  align-items: center;
  justify-content: flex-end;
}

@media screen and (min-width: 769px), print {
  .level-right {
    display: flex;
  }
}

.list {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
}

.list-item {
  display: block;
  padding: 0.5em 1em;
}

.list-item:not(a) {
  color: #4a4a4a;
}

.list-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.list-item:last-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.list-item:not(:last-child) {
  border-bottom: 1px solid #dbdbdb;
}

.list-item.is-active {
  background-color: #7957d5;
  color: white;
}

a.list-item {
  background-color: whitesmoke;
  cursor: pointer;
}

.media {
  text-align: right;
}

.media .content:not(:last-child) {
  margin-bottom: 0.75rem;
}

.media .media {
  border-top: 1px solid rgba(219, 219, 219, 0.5);
  display: flex;
  padding-top: 0.75rem;
}

.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
  margin-bottom: 0.5rem;
}

.media .media .media {
  padding-top: 0.5rem;
}

.media .media .media + .media {
  margin-top: 0.5rem;
}

.media + .media {
  border-top: 1px solid rgba(219, 219, 219, 0.5);
  margin-top: 1rem;
  padding-top: 1rem;
}

.media.is-large + .media {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}

.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.media-left {
  margin-right: 1rem;
}

.media-right {
  margin-left: 1rem;
}

.media-content {
  text-align: right;
}

@media screen and (max-width: 1025px) {
  .media-content {
    overflow-x: auto;
  }
}

.menu {
  font-size: 1rem;
}

.menu.is-small {
  font-size: 0.75rem;
}

.menu.is-medium {
  font-size: 1.25rem;
}

.menu.is-large {
  font-size: 1.5rem;
}

.menu-list {
  line-height: 1.25;
}

.menu-list a {
  border-radius: 2px;
  color: #4a4a4a;
  display: block;
  padding: 0.5em 0.75em;
}

.menu-list a:hover {
  background-color: whitesmoke;
  color: #363636;
}

.menu-list a.is-active {
  background-color: #7957d5;
  color: white;
}

.menu-list li ul {
  border-left: 1px solid #dbdbdb;
  margin: 0.75em;
  padding-left: 0.75em;
}

.menu-label {
  color: #7a7a7a;
  font-size: 0.75em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.menu-label:not(:first-child) {
  margin-top: 1em;
}

.menu-label:not(:last-child) {
  margin-bottom: 1em;
}

.message {
  background-color: whitesmoke;
  border-radius: 4px;
  font-size: 1rem;
}

.message strong {
  color: currentColor;
}

.message a:not(.button):not(.tag) {
  color: currentColor;
  text-decoration: underline;
}

.message.is-small {
  font-size: 0.75rem;
}

.message.is-medium {
  font-size: 1.25rem;
}

.message.is-large {
  font-size: 1.5rem;
}

.message.is-white {
  background-color: white;
}

.message.is-white .message-header {
  background-color: white;
  color: #0a0a0a;
}

.message.is-white .message-body {
  border-color: white;
  color: #4d4d4d;
}

.message.is-black {
  background-color: #fafafa;
}

.message.is-black .message-header {
  background-color: #0a0a0a;
  color: white;
}

.message.is-black .message-body {
  border-color: #0a0a0a;
  color: #090909;
}

.message.is-light {
  background-color: #fafafa;
}

.message.is-light .message-header {
  background-color: whitesmoke;
  color: #363636;
}

.message.is-light .message-body {
  border-color: whitesmoke;
  color: #505050;
}

.message.is-dark {
  background-color: #fafafa;
}

.message.is-dark .message-header {
  background-color: #363636;
  color: whitesmoke;
}

.message.is-dark .message-body {
  border-color: #363636;
  color: #2a2a2a;
}

.message.is-primary {
  background-color: #f8f7fd;
}

.message.is-primary .message-header {
  background-color: #7957d5;
  color: white;
}

.message.is-primary .message-body {
  border-color: #7957d5;
  color: #5534ae;
}

.message.is-link {
  background-color: #f8f7fd;
}

.message.is-link .message-header {
  background-color: #7957d5;
  color: white;
}

.message.is-link .message-body {
  border-color: #7957d5;
  color: #5534ae;
}

.message.is-info {
  background-color: #f5fafe;
}

.message.is-info .message-header {
  background-color: #167df0;
  color: #fff;
}

.message.is-info .message-body {
  border-color: #167df0;
  color: #115199;
}

.message.is-success {
  background-color: #f6fef9;
}

.message.is-success .message-header {
  background-color: #23d160;
  color: #fff;
}

.message.is-success .message-body {
  border-color: #23d160;
  color: #0e301a;
}

.message.is-warning {
  background-color: #fffdf5;
}

.message.is-warning .message-header {
  background-color: #ffdd57;
  color: rgba(0, 0, 0, 0.7);
}

.message.is-warning .message-body {
  border-color: #ffdd57;
  color: #3b3108;
}

.message.is-danger {
  background-color: #fff5f7;
}

.message.is-danger .message-header {
  background-color: #ff3860;
  color: #fff;
}

.message.is-danger .message-body {
  border-color: #ff3860;
  color: #cd0930;
}

.message-header {
  align-items: center;
  background-color: #4a4a4a;
  border-radius: 4px 4px 0 0;
  color: #fff;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.25;
  padding: 0.75em 1em;
  position: relative;
}

.message-header .delete {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 0.75em;
}

.message-header + .message-body {
  border-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.message-body {
  border-color: #dbdbdb;
  border-radius: 4px;
  border-style: solid;
  border-width: 0 0 0 4px;
  color: #4a4a4a;
  padding: 1.25em 1.5em;
}

.message-body code,
.message-body pre {
  background-color: white;
}

.message-body pre code {
  background-color: transparent;
}

.modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 40;
}

.modal {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  align-items: center;
  display: none;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 20;
}

.modal.is-active {
  display: flex;
}

.modal-background {
  background-color: rgba(10, 10, 10, 0.86);
}

.modal-content,
.modal-card {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 769px), print {
  .modal-content,
  .modal-card {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 640px;
  }
}

.modal-close {
  background: none;
  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-head,
.modal-card-foot {
  align-items: center;
  background-color: whitesmoke;
  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: 10px;
}

.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: white;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 20px;
}

.navbar {
  background-color: white;
  min-height: 3.25rem;
  position: relative;
  z-index: 30;
}

.navbar.is-white {
  background-color: white;
  color: #0a0a0a;
}

.navbar.is-white .navbar-brand > .navbar-item,
.navbar.is-white .navbar-brand .navbar-link {
  color: #0a0a0a;
}

.navbar.is-white .navbar-brand > a.navbar-item:hover,
.navbar.is-white .navbar-brand > a.navbar-item.is-active,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand .navbar-link.is-active {
  background-color: #f2f2f2;
  color: #0a0a0a;
}

.navbar.is-white .navbar-brand .navbar-link::after {
  border-color: #0a0a0a;
}

.navbar.is-white .navbar-burger {
  color: #0a0a0a;
}

@media screen and (min-width: 1088px) {
  .navbar.is-white .navbar-start > .navbar-item,
  .navbar.is-white .navbar-start .navbar-link,
  .navbar.is-white .navbar-end > .navbar-item,
  .navbar.is-white .navbar-end .navbar-link {
    color: #0a0a0a;
  }

  .navbar.is-white .navbar-start > a.navbar-item:hover,
  .navbar.is-white .navbar-start > a.navbar-item.is-active,
  .navbar.is-white .navbar-start .navbar-link:hover,
  .navbar.is-white .navbar-start .navbar-link.is-active,
  .navbar.is-white .navbar-end > a.navbar-item:hover,
  .navbar.is-white .navbar-end > a.navbar-item.is-active,
  .navbar.is-white .navbar-end .navbar-link:hover,
  .navbar.is-white .navbar-end .navbar-link.is-active {
    background-color: #f2f2f2;
    color: #0a0a0a;
  }

  .navbar.is-white .navbar-start .navbar-link::after,
  .navbar.is-white .navbar-end .navbar-link::after {
    border-color: #0a0a0a;
  }

  .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #f2f2f2;
    color: #0a0a0a;
  }

  .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
    background-color: white;
    color: #0a0a0a;
  }
}

.navbar.is-black {
  background-color: #0a0a0a;
  color: white;
}

.navbar.is-black .navbar-brand > .navbar-item,
.navbar.is-black .navbar-brand .navbar-link {
  color: white;
}

.navbar.is-black .navbar-brand > a.navbar-item:hover,
.navbar.is-black .navbar-brand > a.navbar-item.is-active,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand .navbar-link.is-active {
  background-color: black;
  color: white;
}

.navbar.is-black .navbar-brand .navbar-link::after {
  border-color: white;
}

.navbar.is-black .navbar-burger {
  color: white;
}

@media screen and (min-width: 1088px) {
  .navbar.is-black .navbar-start > .navbar-item,
  .navbar.is-black .navbar-start .navbar-link,
  .navbar.is-black .navbar-end > .navbar-item,
  .navbar.is-black .navbar-end .navbar-link {
    color: white;
  }

  .navbar.is-black .navbar-start > a.navbar-item:hover,
  .navbar.is-black .navbar-start > a.navbar-item.is-active,
  .navbar.is-black .navbar-start .navbar-link:hover,
  .navbar.is-black .navbar-start .navbar-link.is-active,
  .navbar.is-black .navbar-end > a.navbar-item:hover,
  .navbar.is-black .navbar-end > a.navbar-item.is-active,
  .navbar.is-black .navbar-end .navbar-link:hover,
  .navbar.is-black .navbar-end .navbar-link.is-active {
    background-color: black;
    color: white;
  }

  .navbar.is-black .navbar-start .navbar-link::after,
  .navbar.is-black .navbar-end .navbar-link::after {
    border-color: white;
  }

  .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: black;
    color: white;
  }

  .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
    background-color: #0a0a0a;
    color: white;
  }
}

.navbar.is-light {
  background-color: whitesmoke;
  color: #363636;
}

.navbar.is-light .navbar-brand > .navbar-item,
.navbar.is-light .navbar-brand .navbar-link {
  color: #363636;
}

.navbar.is-light .navbar-brand > a.navbar-item:hover,
.navbar.is-light .navbar-brand > a.navbar-item.is-active,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active {
  background-color: #e8e8e8;
  color: #363636;
}

.navbar.is-light .navbar-brand .navbar-link::after {
  border-color: #363636;
}

.navbar.is-light .navbar-burger {
  color: #363636;
}

@media screen and (min-width: 1088px) {
  .navbar.is-light .navbar-start > .navbar-item,
  .navbar.is-light .navbar-start .navbar-link,
  .navbar.is-light .navbar-end > .navbar-item,
  .navbar.is-light .navbar-end .navbar-link {
    color: #363636;
  }

  .navbar.is-light .navbar-start > a.navbar-item:hover,
  .navbar.is-light .navbar-start > a.navbar-item.is-active,
  .navbar.is-light .navbar-start .navbar-link:hover,
  .navbar.is-light .navbar-start .navbar-link.is-active,
  .navbar.is-light .navbar-end > a.navbar-item:hover,
  .navbar.is-light .navbar-end > a.navbar-item.is-active,
  .navbar.is-light .navbar-end .navbar-link:hover,
  .navbar.is-light .navbar-end .navbar-link.is-active {
    background-color: #e8e8e8;
    color: #363636;
  }

  .navbar.is-light .navbar-start .navbar-link::after,
  .navbar.is-light .navbar-end .navbar-link::after {
    border-color: #363636;
  }

  .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #e8e8e8;
    color: #363636;
  }

  .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
    background-color: whitesmoke;
    color: #363636;
  }
}

.navbar.is-dark {
  background-color: #363636;
  color: whitesmoke;
}

.navbar.is-dark .navbar-brand > .navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
  color: whitesmoke;
}

.navbar.is-dark .navbar-brand > a.navbar-item:hover,
.navbar.is-dark .navbar-brand > a.navbar-item.is-active,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active {
  background-color: #292929;
  color: whitesmoke;
}

.navbar.is-dark .navbar-brand .navbar-link::after {
  border-color: whitesmoke;
}

.navbar.is-dark .navbar-burger {
  color: whitesmoke;
}

@media screen and (min-width: 1088px) {
  .navbar.is-dark .navbar-start > .navbar-item,
  .navbar.is-dark .navbar-start .navbar-link,
  .navbar.is-dark .navbar-end > .navbar-item,
  .navbar.is-dark .navbar-end .navbar-link {
    color: whitesmoke;
  }

  .navbar.is-dark .navbar-start > a.navbar-item:hover,
  .navbar.is-dark .navbar-start > a.navbar-item.is-active,
  .navbar.is-dark .navbar-start .navbar-link:hover,
  .navbar.is-dark .navbar-start .navbar-link.is-active,
  .navbar.is-dark .navbar-end > a.navbar-item:hover,
  .navbar.is-dark .navbar-end > a.navbar-item.is-active,
  .navbar.is-dark .navbar-end .navbar-link:hover,
  .navbar.is-dark .navbar-end .navbar-link.is-active {
    background-color: #292929;
    color: whitesmoke;
  }

  .navbar.is-dark .navbar-start .navbar-link::after,
  .navbar.is-dark .navbar-end .navbar-link::after {
    border-color: whitesmoke;
  }

  .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #292929;
    color: whitesmoke;
  }

  .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
    background-color: #363636;
    color: whitesmoke;
  }
}

.navbar.is-primary {
  background-color: #7957d5;
  color: white;
}

.navbar.is-primary .navbar-brand > .navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
  color: white;
}

.navbar.is-primary .navbar-brand > a.navbar-item:hover,
.navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
  background-color: #6943d0;
  color: white;
}

.navbar.is-primary .navbar-brand .navbar-link::after {
  border-color: white;
}

.navbar.is-primary .navbar-burger {
  color: white;
}

@media screen and (min-width: 1088px) {
  .navbar.is-primary .navbar-start > .navbar-item,
  .navbar.is-primary .navbar-start .navbar-link,
  .navbar.is-primary .navbar-end > .navbar-item,
  .navbar.is-primary .navbar-end .navbar-link {
    color: white;
  }

  .navbar.is-primary .navbar-start > a.navbar-item:hover,
  .navbar.is-primary .navbar-start > a.navbar-item.is-active,
  .navbar.is-primary .navbar-start .navbar-link:hover,
  .navbar.is-primary .navbar-start .navbar-link.is-active,
  .navbar.is-primary .navbar-end > a.navbar-item:hover,
  .navbar.is-primary .navbar-end > a.navbar-item.is-active,
  .navbar.is-primary .navbar-end .navbar-link:hover,
  .navbar.is-primary .navbar-end .navbar-link.is-active {
    background-color: #6943d0;
    color: white;
  }

  .navbar.is-primary .navbar-start .navbar-link::after,
  .navbar.is-primary .navbar-end .navbar-link::after {
    border-color: white;
  }

  .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #6943d0;
    color: white;
  }

  .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
    background-color: #7957d5;
    color: white;
  }
}

.navbar.is-link {
  background-color: #7957d5;
  color: white;
}

.navbar.is-link .navbar-brand > .navbar-item,
.navbar.is-link .navbar-brand .navbar-link {
  color: white;
}

.navbar.is-link .navbar-brand > a.navbar-item:hover,
.navbar.is-link .navbar-brand > a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
  background-color: #6943d0;
  color: white;
}

.navbar.is-link .navbar-brand .navbar-link::after {
  border-color: white;
}

.navbar.is-link .navbar-burger {
  color: white;
}

@media screen and (min-width: 1088px) {
  .navbar.is-link .navbar-start > .navbar-item,
  .navbar.is-link .navbar-start .navbar-link,
  .navbar.is-link .navbar-end > .navbar-item,
  .navbar.is-link .navbar-end .navbar-link {
    color: white;
  }

  .navbar.is-link .navbar-start > a.navbar-item:hover,
  .navbar.is-link .navbar-start > a.navbar-item.is-active,
  .navbar.is-link .navbar-start .navbar-link:hover,
  .navbar.is-link .navbar-start .navbar-link.is-active,
  .navbar.is-link .navbar-end > a.navbar-item:hover,
  .navbar.is-link .navbar-end > a.navbar-item.is-active,
  .navbar.is-link .navbar-end .navbar-link:hover,
  .navbar.is-link .navbar-end .navbar-link.is-active {
    background-color: #6943d0;
    color: white;
  }

  .navbar.is-link .navbar-start .navbar-link::after,
  .navbar.is-link .navbar-end .navbar-link::after {
    border-color: white;
  }

  .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #6943d0;
    color: white;
  }

  .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
    background-color: #7957d5;
    color: white;
  }
}

.navbar.is-info {
  background-color: #167df0;
  color: #fff;
}

.navbar.is-info .navbar-brand > .navbar-item,
.navbar.is-info .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-info .navbar-brand > a.navbar-item:hover,
.navbar.is-info .navbar-brand > a.navbar-item.is-active,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link.is-active {
  background-color: #0e71de;
  color: #fff;
}

.navbar.is-info .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-info .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1088px) {
  .navbar.is-info .navbar-start > .navbar-item,
  .navbar.is-info .navbar-start .navbar-link,
  .navbar.is-info .navbar-end > .navbar-item,
  .navbar.is-info .navbar-end .navbar-link {
    color: #fff;
  }

  .navbar.is-info .navbar-start > a.navbar-item:hover,
  .navbar.is-info .navbar-start > a.navbar-item.is-active,
  .navbar.is-info .navbar-start .navbar-link:hover,
  .navbar.is-info .navbar-start .navbar-link.is-active,
  .navbar.is-info .navbar-end > a.navbar-item:hover,
  .navbar.is-info .navbar-end > a.navbar-item.is-active,
  .navbar.is-info .navbar-end .navbar-link:hover,
  .navbar.is-info .navbar-end .navbar-link.is-active {
    background-color: #0e71de;
    color: #fff;
  }

  .navbar.is-info .navbar-start .navbar-link::after,
  .navbar.is-info .navbar-end .navbar-link::after {
    border-color: #fff;
  }

  .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #0e71de;
    color: #fff;
  }

  .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
    background-color: #167df0;
    color: #fff;
  }
}

.navbar.is-success {
  background-color: #23d160;
  color: #fff;
}

.navbar.is-success .navbar-brand > .navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-success .navbar-brand > a.navbar-item:hover,
.navbar.is-success .navbar-brand > a.navbar-item.is-active,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active {
  background-color: #20bc56;
  color: #fff;
}

.navbar.is-success .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-success .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1088px) {
  .navbar.is-success .navbar-start > .navbar-item,
  .navbar.is-success .navbar-start .navbar-link,
  .navbar.is-success .navbar-end > .navbar-item,
  .navbar.is-success .navbar-end .navbar-link {
    color: #fff;
  }

  .navbar.is-success .navbar-start > a.navbar-item:hover,
  .navbar.is-success .navbar-start > a.navbar-item.is-active,
  .navbar.is-success .navbar-start .navbar-link:hover,
  .navbar.is-success .navbar-start .navbar-link.is-active,
  .navbar.is-success .navbar-end > a.navbar-item:hover,
  .navbar.is-success .navbar-end > a.navbar-item.is-active,
  .navbar.is-success .navbar-end .navbar-link:hover,
  .navbar.is-success .navbar-end .navbar-link.is-active {
    background-color: #20bc56;
    color: #fff;
  }

  .navbar.is-success .navbar-start .navbar-link::after,
  .navbar.is-success .navbar-end .navbar-link::after {
    border-color: #fff;
  }

  .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #20bc56;
    color: #fff;
  }

  .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
    background-color: #23d160;
    color: #fff;
  }
}

.navbar.is-warning {
  background-color: #ffdd57;
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-warning .navbar-brand > .navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-warning .navbar-brand > a.navbar-item:hover,
.navbar.is-warning .navbar-brand > a.navbar-item.is-active,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link.is-active {
  background-color: #ffd83d;
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-warning .navbar-brand .navbar-link::after {
  border-color: rgba(0, 0, 0, 0.7);
}

.navbar.is-warning .navbar-burger {
  color: rgba(0, 0, 0, 0.7);
}

@media screen and (min-width: 1088px) {
  .navbar.is-warning .navbar-start > .navbar-item,
  .navbar.is-warning .navbar-start .navbar-link,
  .navbar.is-warning .navbar-end > .navbar-item,
  .navbar.is-warning .navbar-end .navbar-link {
    color: rgba(0, 0, 0, 0.7);
  }

  .navbar.is-warning .navbar-start > a.navbar-item:hover,
  .navbar.is-warning .navbar-start > a.navbar-item.is-active,
  .navbar.is-warning .navbar-start .navbar-link:hover,
  .navbar.is-warning .navbar-start .navbar-link.is-active,
  .navbar.is-warning .navbar-end > a.navbar-item:hover,
  .navbar.is-warning .navbar-end > a.navbar-item.is-active,
  .navbar.is-warning .navbar-end .navbar-link:hover,
  .navbar.is-warning .navbar-end .navbar-link.is-active {
    background-color: #ffd83d;
    color: rgba(0, 0, 0, 0.7);
  }

  .navbar.is-warning .navbar-start .navbar-link::after,
  .navbar.is-warning .navbar-end .navbar-link::after {
    border-color: rgba(0, 0, 0, 0.7);
  }

  .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #ffd83d;
    color: rgba(0, 0, 0, 0.7);
  }

  .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, 0.7);
  }
}

.navbar.is-danger {
  background-color: #ff3860;
  color: #fff;
}

.navbar.is-danger .navbar-brand > .navbar-item,
.navbar.is-danger .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-danger .navbar-brand > a.navbar-item:hover,
.navbar.is-danger .navbar-brand > a.navbar-item.is-active,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active {
  background-color: #ff1f4b;
  color: #fff;
}

.navbar.is-danger .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-danger .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1088px) {
  .navbar.is-danger .navbar-start > .navbar-item,
  .navbar.is-danger .navbar-start .navbar-link,
  .navbar.is-danger .navbar-end > .navbar-item,
  .navbar.is-danger .navbar-end .navbar-link {
    color: #fff;
  }

  .navbar.is-danger .navbar-start > a.navbar-item:hover,
  .navbar.is-danger .navbar-start > a.navbar-item.is-active,
  .navbar.is-danger .navbar-start .navbar-link:hover,
  .navbar.is-danger .navbar-start .navbar-link.is-active,
  .navbar.is-danger .navbar-end > a.navbar-item:hover,
  .navbar.is-danger .navbar-end > a.navbar-item.is-active,
  .navbar.is-danger .navbar-end .navbar-link:hover,
  .navbar.is-danger .navbar-end .navbar-link.is-active {
    background-color: #ff1f4b;
    color: #fff;
  }

  .navbar.is-danger .navbar-start .navbar-link::after,
  .navbar.is-danger .navbar-end .navbar-link::after {
    border-color: #fff;
  }

  .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #ff1f4b;
    color: #fff;
  }

  .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
    background-color: #ff3860;
    color: #fff;
  }
}

.navbar > .container {
  align-items: stretch;
  display: flex;
  min-height: 3.25rem;
  width: 100%;
}

.navbar.has-shadow {
  box-shadow: 0 2px 0 0 whitesmoke;
}

.navbar.is-fixed-bottom,
.navbar.is-fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 30;
}

.navbar.is-fixed-bottom {
  bottom: 0;
}

.navbar.is-fixed-bottom.has-shadow {
  box-shadow: 0 -2px 0 0 whitesmoke;
}

.navbar.is-fixed-top {
  top: 0;
}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding-top: 3.25rem;
}

html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
  padding-bottom: 3.25rem;
}

.navbar-brand,
.navbar-tabs {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  min-height: 3.25rem;
}

.navbar-brand a.navbar-item:hover {
  background-color: transparent;
}

.navbar-tabs {
  -webkit-overflow-scrolling: touch;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
}

.navbar-burger {
  color: #4a4a4a;
  cursor: pointer;
  display: block;
  height: 3.25rem;
  position: relative;
  width: 3.25rem;
  margin-left: auto;
}

.navbar-burger span {
  background-color: currentColor;
  display: block;
  height: 1px;
  left: calc(50% - 8px);
  position: absolute;
  transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transition-timing-function: ease-out;
  width: 16px;
}

.navbar-burger span:nth-child(1) {
  top: calc(50% - 6px);
}

.navbar-burger span:nth-child(2) {
  top: calc(50% - 1px);
}

.navbar-burger span:nth-child(3) {
  top: calc(50% + 4px);
}

.navbar-burger:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.navbar-burger.is-active span:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}

.navbar-burger.is-active span:nth-child(2) {
  opacity: 0;
}

.navbar-burger.is-active span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}

.navbar-menu {
  display: none;
}

.navbar-item,
.navbar-link {
  color: #4a4a4a;
  display: block;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
  position: relative;
}

.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

a.navbar-item,
.navbar-link {
  cursor: pointer;
}

a.navbar-item:hover,
a.navbar-item.is-active,
.navbar-link:hover,
.navbar-link.is-active {
  background-color: #fafafa;
  color: #7957d5;
}

.navbar-item {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
}

.navbar-item img {
  max-height: 1.75rem;
}

.navbar-item.has-dropdown {
  padding: 0;
}

.navbar-item.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}

.navbar-item.is-tab {
  border-bottom: 1px solid transparent;
  min-height: 3.25rem;
  padding-bottom: calc(0.5rem - 1px);
}

.navbar-item.is-tab:hover {
  background-color: transparent;
  border-bottom-color: #7957d5;
}

.navbar-item.is-tab.is-active {
  background-color: transparent;
  border-bottom-color: #7957d5;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  color: #7957d5;
  padding-bottom: calc(0.5rem - 3px);
}

.navbar-content {
  flex-grow: 1;
  flex-shrink: 1;
}

.navbar-link:not(.is-arrowless) {
  padding-right: 2.5em;
}

.navbar-link:not(.is-arrowless)::after {
  border-color: #7957d5;
  margin-top: -0.375em;
  right: 1.125em;
}

.navbar-dropdown {
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.navbar-dropdown .navbar-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.navbar-divider {
  background-color: whitesmoke;
  border: none;
  display: none;
  height: 2px;
  margin: 0.5rem 0;
}

@media screen and (max-width: 1087px) {
  .navbar > .container {
    display: block;
  }

  .navbar-brand .navbar-item,
  .navbar-tabs .navbar-item {
    align-items: center;
    display: flex;
  }

  .navbar-link::after {
    display: none;
  }

  .navbar-menu {
    background-color: white;
    box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
    padding: 0.5rem 0;
  }

  .navbar-menu.is-active {
    display: block;
  }

  .navbar.is-fixed-bottom-touch,
  .navbar.is-fixed-top-touch {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }

  .navbar.is-fixed-bottom-touch {
    bottom: 0;
  }

  .navbar.is-fixed-bottom-touch.has-shadow {
    box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  }

  .navbar.is-fixed-top-touch {
    top: 0;
  }

  .navbar.is-fixed-top .navbar-menu,
  .navbar.is-fixed-top-touch .navbar-menu {
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 3.25rem);
    overflow: auto;
  }

  html.has-navbar-fixed-top-touch,
  body.has-navbar-fixed-top-touch {
    padding-top: 3.25rem;
  }

  html.has-navbar-fixed-bottom-touch,
  body.has-navbar-fixed-bottom-touch {
    padding-bottom: 3.25rem;
  }
}

@media screen and (min-width: 1088px) {
  .navbar,
  .navbar-menu,
  .navbar-start,
  .navbar-end {
    align-items: stretch;
    display: flex;
  }

  .navbar {
    min-height: 3.25rem;
  }

  .navbar.is-spaced {
    padding: 1rem 2rem;
  }

  .navbar.is-spaced .navbar-start,
  .navbar.is-spaced .navbar-end {
    align-items: center;
  }

  .navbar.is-spaced a.navbar-item,
  .navbar.is-spaced .navbar-link {
    border-radius: 4px;
  }

  .navbar.is-transparent a.navbar-item:hover,
  .navbar.is-transparent a.navbar-item.is-active,
  .navbar.is-transparent .navbar-link:hover,
  .navbar.is-transparent .navbar-link.is-active {
    background-color: transparent !important;
  }

  .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
    background-color: transparent !important;
  }

  .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
    background-color: whitesmoke;
    color: #0a0a0a;
  }

  .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
    background-color: whitesmoke;
    color: #7957d5;
  }

  .navbar-burger {
    display: none;
  }

  .navbar-item,
  .navbar-link {
    align-items: center;
    display: flex;
  }

  .navbar-item {
    display: flex;
  }

  .navbar-item.has-dropdown {
    align-items: stretch;
  }

  .navbar-item.has-dropdown-up .navbar-link::after {
    transform: rotate(135deg) translate(0.25em, -0.25em);
  }

  .navbar-item.has-dropdown-up .navbar-dropdown {
    border-bottom: 2px solid #dbdbdb;
    border-radius: 6px 6px 0 0;
    border-top: none;
    bottom: 100%;
    box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
    top: auto;
  }

  .navbar-item.is-active .navbar-dropdown,
  .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: block;
  }

  .navbar.is-spaced .navbar-item.is-active .navbar-dropdown,
  .navbar-item.is-active .navbar-dropdown.is-boxed,
  .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown,
  .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .navbar-menu {
    flex-grow: 1;
    flex-shrink: 0;
  }

  .navbar-start {
    justify-content: flex-start;
    margin-right: auto;
  }

  .navbar-end {
    justify-content: flex-end;
    margin-left: auto;
  }

  .navbar-dropdown {
    background-color: white;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 2px solid #dbdbdb;
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
    display: none;
    font-size: 0.875rem;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 100%;
    z-index: 20;
  }

  .navbar-dropdown .navbar-item {
    padding: 0.375rem 1rem;
    white-space: nowrap;
  }

  .navbar-dropdown a.navbar-item {
    padding-right: 3rem;
  }

  .navbar-dropdown a.navbar-item:hover {
    background-color: whitesmoke;
    color: #0a0a0a;
  }

  .navbar-dropdown a.navbar-item.is-active {
    background-color: whitesmoke;
    color: #7957d5;
  }

  .navbar.is-spaced .navbar-dropdown,
  .navbar-dropdown.is-boxed {
    border-radius: 6px;
    border-top: none;
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    display: block;
    opacity: 0;
    pointer-events: none;
    top: calc(100% - 4px);
    transform: translateY(-5px);
    transition-duration: 86ms;
    transition-property: opacity, transform;
  }

  .navbar-dropdown.is-right {
    left: auto;
    right: 0;
  }

  .navbar-divider {
    display: block;
  }

  .navbar > .container .navbar-brand,
  .container > .navbar .navbar-brand {
    margin-left: -0.75rem;
  }

  .navbar > .container .navbar-menu,
  .container > .navbar .navbar-menu {
    margin-right: -0.75rem;
  }

  .navbar.is-fixed-bottom-desktop,
  .navbar.is-fixed-top-desktop {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }

  .navbar.is-fixed-bottom-desktop {
    bottom: 0;
  }

  .navbar.is-fixed-bottom-desktop.has-shadow {
    box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  }

  .navbar.is-fixed-top-desktop {
    top: 0;
  }

  html.has-navbar-fixed-top-desktop,
  body.has-navbar-fixed-top-desktop {
    padding-top: 3.25rem;
  }

  html.has-navbar-fixed-bottom-desktop,
  body.has-navbar-fixed-bottom-desktop {
    padding-bottom: 3.25rem;
  }

  html.has-spaced-navbar-fixed-top,
  body.has-spaced-navbar-fixed-top {
    padding-top: 5.25rem;
  }

  html.has-spaced-navbar-fixed-bottom,
  body.has-spaced-navbar-fixed-bottom {
    padding-bottom: 5.25rem;
  }

  a.navbar-item.is-active,
  .navbar-link.is-active {
    color: #0a0a0a;
  }

  a.navbar-item.is-active:not(:hover),
  .navbar-link.is-active:not(:hover) {
    background-color: transparent;
  }

  .navbar-item.has-dropdown:hover .navbar-link,
  .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #fafafa;
  }
}

.pagination {
  font-size: 1rem;
  margin: -0.25rem;
}

.pagination.is-small {
  font-size: 0.75rem;
}

.pagination.is-medium {
  font-size: 1.25rem;
}

.pagination.is-large {
  font-size: 1.5rem;
}

.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 290486px;
}

.pagination.is-rounded .pagination-link {
  border-radius: 290486px;
}

.pagination,
.pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  font-size: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  justify-content: center;
  margin: 0.25rem;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link {
  border-color: #dbdbdb;
  color: #363636;
  min-width: 2.25em;
}

.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
  border-color: #b5b5b5;
  color: #363636;
}

.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
  border-color: #7957d5;
}

.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
}

.pagination-previous[disabled],
.pagination-next[disabled],
.pagination-link[disabled] {
  background-color: #dbdbdb;
  border-color: #dbdbdb;
  box-shadow: none;
  color: #7a7a7a;
  opacity: 0.5;
}

.pagination-previous,
.pagination-next {
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}

.pagination-link.is-current {
  background-color: #7957d5;
  border-color: #7957d5;
  color: white;
}

.pagination-ellipsis {
  color: #b5b5b5;
  pointer-events: none;
}

.pagination-list {
  flex-wrap: wrap;
}

@media screen and (max-width: 1025px) {
  .pagination {
    flex-wrap: wrap;
  }

  .pagination-previous,
  .pagination-next {
    flex-grow: 1;
    flex-shrink: 1;
  }

  .pagination-list li {
    flex-grow: 1;
    flex-shrink: 1;
  }
}

.pagination-list {
  flex-grow: 1;
  flex-shrink: 1;
  justify-content: flex-start;
  order: 1;
}

.pagination-previous {
  order: 2;
}

.pagination-next {
  order: 3;
}

.pagination {
  justify-content: space-between;
}

.pagination.is-centered .pagination-previous {
  order: 1;
}

.pagination.is-centered .pagination-list {
  justify-content: center;
  order: 2;
}

.pagination.is-centered .pagination-next {
  order: 3;
}

.pagination.is-right .pagination-previous {
  order: 1;
}

.pagination.is-right .pagination-next {
  order: 2;
}

.pagination.is-right .pagination-list {
  justify-content: flex-end;
  order: 3;
}

.panel {
  font-size: 1rem;
}

.panel:not(:last-child) {
  margin-bottom: 1.5rem;
}

.panel-heading,
.panel-tabs,
.panel-block {
  border-bottom: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
}

.panel-heading:first-child,
.panel-tabs:first-child,
.panel-block:first-child {
  border-top: 1px solid #dbdbdb;
}

.panel-heading {
  background-color: whitesmoke;
  border-radius: 4px 4px 0 0;
  color: #363636;
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.25;
  padding: 0.5em 0.75em;
}

.panel-tabs {
  align-items: flex-end;
  display: flex;
  font-size: 0.875em;
  justify-content: center;
}

.panel-tabs a {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: -1px;
  padding: 0.5em;
}

.panel-tabs a.is-active {
  border-bottom-color: #4a4a4a;
  color: #363636;
}

.panel-list a {
  color: #4a4a4a;
}

.panel-list a:hover {
  color: #7957d5;
}

.panel-block {
  align-items: center;
  color: #363636;
  display: flex;
  justify-content: flex-start;
  padding: 0.5em 0.75em;
}

.panel-block input[type=checkbox] {
  margin-right: 0.75em;
}

.panel-block > .control {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}

.panel-block.is-wrapped {
  flex-wrap: wrap;
}

.panel-block.is-active {
  border-left-color: #7957d5;
  color: #363636;
}

.panel-block.is-active .panel-icon {
  color: #7957d5;
}

a.panel-block,
label.panel-block {
  cursor: pointer;
}

a.panel-block:hover,
label.panel-block:hover {
  background-color: whitesmoke;
}

.panel-icon {
  display: inline-block;
  font-size: 14px;
  height: 1em;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  width: 1em;
  color: #7a7a7a;
  margin-right: 0.75em;
}

.panel-icon .fa {
  font-size: inherit;
  line-height: inherit;
}

.tabs {
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}

.tabs a {
  align-items: center;
  border-bottom-color: #dbdbdb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #4a4a4a;
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: 0.5em 1em;
  vertical-align: top;
}

.tabs a:hover {
  border-bottom-color: #363636;
  color: #363636;
}

.tabs li {
  display: block;
}

.tabs li.is-active a {
  border-bottom-color: #7957d5;
  color: #7957d5;
}

.tabs ul {
  align-items: center;
  border-bottom-color: #dbdbdb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
}

.tabs ul.is-left {
  padding-right: 0.75em;
}

.tabs ul.is-center {
  flex: none;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.tabs ul.is-right {
  justify-content: flex-end;
  padding-left: 0.75em;
}

.tabs .icon:first-child {
  margin-right: 0.5em;
}

.tabs .icon:last-child {
  margin-left: 0.5em;
}

.tabs.is-centered ul {
  justify-content: center;
}

.tabs.is-right ul {
  justify-content: flex-end;
}

.tabs.is-boxed a {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.tabs.is-boxed a:hover {
  background-color: whitesmoke;
  border-bottom-color: #dbdbdb;
}

.tabs.is-boxed li.is-active a {
  background-color: white;
  border-color: #dbdbdb;
  border-bottom-color: transparent !important;
}

.tabs.is-fullwidth li {
  flex-grow: 1;
  flex-shrink: 0;
}

.tabs.is-toggle a {
  border-color: #dbdbdb;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0;
  position: relative;
}

.tabs.is-toggle a:hover {
  background-color: whitesmoke;
  border-color: #b5b5b5;
  z-index: 2;
}

.tabs.is-toggle li + li {
  margin-left: -1px;
}

.tabs.is-toggle li:first-child a {
  border-radius: 4px 0 0 4px;
}

.tabs.is-toggle li:last-child a {
  border-radius: 0 4px 4px 0;
}

.tabs.is-toggle li.is-active a {
  background-color: #7957d5;
  border-color: #7957d5;
  color: white;
  z-index: 1;
}

.tabs.is-toggle ul {
  border-bottom: none;
}

.tabs.is-toggle.is-toggle-rounded li:first-child a {
  border-bottom-left-radius: 290486px;
  border-top-left-radius: 290486px;
  padding-left: 1.25em;
}

.tabs.is-toggle.is-toggle-rounded li:last-child a {
  border-bottom-right-radius: 290486px;
  border-top-right-radius: 290486px;
  padding-right: 1.25em;
}

.tabs.is-small {
  font-size: 0.75rem;
}

.tabs.is-medium {
  font-size: 1.25rem;
}

.tabs.is-large {
  font-size: 1.5rem;
}

.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.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-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: 1025px) {
  .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-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-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: 1087px) {
  .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-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: 1088px) {
  .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-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: 1280px) {
  .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-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: 1472px) {
  .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-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: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}

.columns:last-child {
  margin-bottom: -0.75rem;
}

.columns:not(:last-child) {
  margin-bottom: 0.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: 1088px) {
  .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: 1025px) {
  .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: 1087px) {
  .columns.is-variable.is-0-tablet-only {
    --columnGap: 0rem;
  }
}

@media screen and (max-width: 1087px) {
  .columns.is-variable.is-0-touch {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1088px) {
  .columns.is-variable.is-0-desktop {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .columns.is-variable.is-0-desktop-only {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1280px) {
  .columns.is-variable.is-0-widescreen {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .columns.is-variable.is-0-widescreen-only {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1472px) {
  .columns.is-variable.is-0-fullhd {
    --columnGap: 0rem;
  }
}

.columns.is-variable.is-1 {
  --columnGap: 0.25rem;
}

@media screen and (max-width: 1025px) {
  .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: 1087px) {
  .columns.is-variable.is-1-tablet-only {
    --columnGap: 0.25rem;
  }
}

@media screen and (max-width: 1087px) {
  .columns.is-variable.is-1-touch {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1088px) {
  .columns.is-variable.is-1-desktop {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .columns.is-variable.is-1-desktop-only {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .columns.is-variable.is-1-widescreen {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .columns.is-variable.is-1-widescreen-only {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1472px) {
  .columns.is-variable.is-1-fullhd {
    --columnGap: 0.25rem;
  }
}

.columns.is-variable.is-2 {
  --columnGap: 0.5rem;
}

@media screen and (max-width: 1025px) {
  .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: 1087px) {
  .columns.is-variable.is-2-tablet-only {
    --columnGap: 0.5rem;
  }
}

@media screen and (max-width: 1087px) {
  .columns.is-variable.is-2-touch {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1088px) {
  .columns.is-variable.is-2-desktop {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .columns.is-variable.is-2-desktop-only {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .columns.is-variable.is-2-widescreen {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .columns.is-variable.is-2-widescreen-only {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1472px) {
  .columns.is-variable.is-2-fullhd {
    --columnGap: 0.5rem;
  }
}

.columns.is-variable.is-3 {
  --columnGap: 0.75rem;
}

@media screen and (max-width: 1025px) {
  .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: 1087px) {
  .columns.is-variable.is-3-tablet-only {
    --columnGap: 0.75rem;
  }
}

@media screen and (max-width: 1087px) {
  .columns.is-variable.is-3-touch {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1088px) {
  .columns.is-variable.is-3-desktop {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .columns.is-variable.is-3-desktop-only {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .columns.is-variable.is-3-widescreen {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .columns.is-variable.is-3-widescreen-only {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1472px) {
  .columns.is-variable.is-3-fullhd {
    --columnGap: 0.75rem;
  }
}

.columns.is-variable.is-4 {
  --columnGap: 1rem;
}

@media screen and (max-width: 1025px) {
  .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: 1087px) {
  .columns.is-variable.is-4-tablet-only {
    --columnGap: 1rem;
  }
}

@media screen and (max-width: 1087px) {
  .columns.is-variable.is-4-touch {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1088px) {
  .columns.is-variable.is-4-desktop {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .columns.is-variable.is-4-desktop-only {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .columns.is-variable.is-4-widescreen {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .columns.is-variable.is-4-widescreen-only {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1472px) {
  .columns.is-variable.is-4-fullhd {
    --columnGap: 1rem;
  }
}

.columns.is-variable.is-5 {
  --columnGap: 1.25rem;
}

@media screen and (max-width: 1025px) {
  .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: 1087px) {
  .columns.is-variable.is-5-tablet-only {
    --columnGap: 1.25rem;
  }
}

@media screen and (max-width: 1087px) {
  .columns.is-variable.is-5-touch {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1088px) {
  .columns.is-variable.is-5-desktop {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .columns.is-variable.is-5-desktop-only {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .columns.is-variable.is-5-widescreen {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .columns.is-variable.is-5-widescreen-only {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1472px) {
  .columns.is-variable.is-5-fullhd {
    --columnGap: 1.25rem;
  }
}

.columns.is-variable.is-6 {
  --columnGap: 1.5rem;
}

@media screen and (max-width: 1025px) {
  .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: 1087px) {
  .columns.is-variable.is-6-tablet-only {
    --columnGap: 1.5rem;
  }
}

@media screen and (max-width: 1087px) {
  .columns.is-variable.is-6-touch {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1088px) {
  .columns.is-variable.is-6-desktop {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .columns.is-variable.is-6-desktop-only {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .columns.is-variable.is-6-widescreen {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .columns.is-variable.is-6-widescreen-only {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1472px) {
  .columns.is-variable.is-6-fullhd {
    --columnGap: 1.5rem;
  }
}

.columns.is-variable.is-7 {
  --columnGap: 1.75rem;
}

@media screen and (max-width: 1025px) {
  .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: 1087px) {
  .columns.is-variable.is-7-tablet-only {
    --columnGap: 1.75rem;
  }
}

@media screen and (max-width: 1087px) {
  .columns.is-variable.is-7-touch {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1088px) {
  .columns.is-variable.is-7-desktop {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .columns.is-variable.is-7-desktop-only {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .columns.is-variable.is-7-widescreen {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .columns.is-variable.is-7-widescreen-only {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1472px) {
  .columns.is-variable.is-7-fullhd {
    --columnGap: 1.75rem;
  }
}

.columns.is-variable.is-8 {
  --columnGap: 2rem;
}

@media screen and (max-width: 1025px) {
  .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: 1087px) {
  .columns.is-variable.is-8-tablet-only {
    --columnGap: 2rem;
  }
}

@media screen and (max-width: 1087px) {
  .columns.is-variable.is-8-touch {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1088px) {
  .columns.is-variable.is-8-desktop {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .columns.is-variable.is-8-desktop-only {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .columns.is-variable.is-8-widescreen {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .columns.is-variable.is-8-widescreen-only {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1472px) {
  .columns.is-variable.is-8-fullhd {
    --columnGap: 2rem;
  }
}

.tile {
  align-items: stretch;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: -moz-min-content;
  min-height: min-content;
}

.tile.is-ancestor {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}

.tile.is-ancestor:last-child {
  margin-bottom: -0.75rem;
}

.tile.is-ancestor:not(:last-child) {
  margin-bottom: 0.75rem;
}

.tile.is-child {
  margin: 0 !important;
}

.tile.is-parent {
  padding: 0.75rem;
}

.tile.is-vertical {
  flex-direction: column;
}

.tile.is-vertical > .tile.is-child:not(:last-child) {
  margin-bottom: 1.5rem !important;
}

@media screen and (min-width: 769px), print {
  .tile:not(.is-child) {
    display: flex;
  }

  .tile.is-1 {
    flex: none;
    width: 8.33333%;
  }

  .tile.is-2 {
    flex: none;
    width: 16.66667%;
  }

  .tile.is-3 {
    flex: none;
    width: 25%;
  }

  .tile.is-4 {
    flex: none;
    width: 33.33333%;
  }

  .tile.is-5 {
    flex: none;
    width: 41.66667%;
  }

  .tile.is-6 {
    flex: none;
    width: 50%;
  }

  .tile.is-7 {
    flex: none;
    width: 58.33333%;
  }

  .tile.is-8 {
    flex: none;
    width: 66.66667%;
  }

  .tile.is-9 {
    flex: none;
    width: 75%;
  }

  .tile.is-10 {
    flex: none;
    width: 83.33333%;
  }

  .tile.is-11 {
    flex: none;
    width: 91.66667%;
  }

  .tile.is-12 {
    flex: none;
    width: 100%;
  }
}

.hero {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hero .navbar {
  background: none;
}

.hero .tabs ul {
  border-bottom: none;
}

.hero.is-white {
  background-color: white;
  color: #0a0a0a;
}

.hero.is-white a:not(.button):not(.dropdown-item):not(.dropdown .dropdown-menu .has-link a):not(.tag),
.hero.is-white strong {
  color: inherit;
}

.hero.is-white .title {
  color: #0a0a0a;
}

.hero.is-white .subtitle {
  color: rgba(10, 10, 10, 0.9);
}

.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
  color: #0a0a0a;
}

@media screen and (max-width: 1087px) {
  .hero.is-white .navbar-menu {
    background-color: white;
  }
}

.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
  color: rgba(10, 10, 10, 0.7);
}

.hero.is-white a.navbar-item:hover,
.hero.is-white a.navbar-item.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white .navbar-link.is-active {
  background-color: #f2f2f2;
  color: #0a0a0a;
}

.hero.is-white .tabs a {
  color: #0a0a0a;
  opacity: 0.9;
}

.hero.is-white .tabs a:hover {
  opacity: 1;
}

.hero.is-white .tabs li.is-active a {
  opacity: 1;
}

.hero.is-white .tabs.is-boxed a,
.hero.is-white .tabs.is-toggle a {
  color: #0a0a0a;
}

.hero.is-white .tabs.is-boxed a:hover,
.hero.is-white .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-white .tabs.is-boxed li.is-active a,
.hero.is-white .tabs.is-boxed li.is-active a:hover,
.hero.is-white .tabs.is-toggle li.is-active a,
.hero.is-white .tabs.is-toggle li.is-active a:hover {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: white;
}

.hero.is-white.is-bold {
  background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
}

@media screen and (max-width: 1025px) {
  .hero.is-white.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
  }
}

.hero.is-black {
  background-color: #0a0a0a;
  color: white;
}

.hero.is-black a:not(.button):not(.dropdown-item):not(.dropdown .dropdown-menu .has-link a):not(.tag),
.hero.is-black strong {
  color: inherit;
}

.hero.is-black .title {
  color: white;
}

.hero.is-black .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
  color: white;
}

@media screen and (max-width: 1087px) {
  .hero.is-black .navbar-menu {
    background-color: #0a0a0a;
  }
}

.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-black a.navbar-item:hover,
.hero.is-black a.navbar-item.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black .navbar-link.is-active {
  background-color: black;
  color: white;
}

.hero.is-black .tabs a {
  color: white;
  opacity: 0.9;
}

.hero.is-black .tabs a:hover {
  opacity: 1;
}

.hero.is-black .tabs li.is-active a {
  opacity: 1;
}

.hero.is-black .tabs.is-boxed a,
.hero.is-black .tabs.is-toggle a {
  color: white;
}

.hero.is-black .tabs.is-boxed a:hover,
.hero.is-black .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-black .tabs.is-boxed li.is-active a,
.hero.is-black .tabs.is-boxed li.is-active a:hover,
.hero.is-black .tabs.is-toggle li.is-active a,
.hero.is-black .tabs.is-toggle li.is-active a:hover {
  background-color: white;
  border-color: white;
  color: #0a0a0a;
}

.hero.is-black.is-bold {
  background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
}

@media screen and (max-width: 1025px) {
  .hero.is-black.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
  }
}

.hero.is-light {
  background-color: whitesmoke;
  color: #363636;
}

.hero.is-light a:not(.button):not(.dropdown-item):not(.dropdown .dropdown-menu .has-link a):not(.tag),
.hero.is-light strong {
  color: inherit;
}

.hero.is-light .title {
  color: #363636;
}

.hero.is-light .subtitle {
  color: rgba(54, 54, 54, 0.9);
}

.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
  color: #363636;
}

@media screen and (max-width: 1087px) {
  .hero.is-light .navbar-menu {
    background-color: whitesmoke;
  }
}

.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
  color: rgba(54, 54, 54, 0.7);
}

.hero.is-light a.navbar-item:hover,
.hero.is-light a.navbar-item.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light .navbar-link.is-active {
  background-color: #e8e8e8;
  color: #363636;
}

.hero.is-light .tabs a {
  color: #363636;
  opacity: 0.9;
}

.hero.is-light .tabs a:hover {
  opacity: 1;
}

.hero.is-light .tabs li.is-active a {
  opacity: 1;
}

.hero.is-light .tabs.is-boxed a,
.hero.is-light .tabs.is-toggle a {
  color: #363636;
}

.hero.is-light .tabs.is-boxed a:hover,
.hero.is-light .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-light .tabs.is-boxed li.is-active a,
.hero.is-light .tabs.is-boxed li.is-active a:hover,
.hero.is-light .tabs.is-toggle li.is-active a,
.hero.is-light .tabs.is-toggle li.is-active a:hover {
  background-color: #363636;
  border-color: #363636;
  color: whitesmoke;
}

.hero.is-light.is-bold {
  background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
}

@media screen and (max-width: 1025px) {
  .hero.is-light.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
  }
}

.hero.is-dark {
  background-color: #363636;
  color: whitesmoke;
}

.hero.is-dark a:not(.button):not(.dropdown-item):not(.dropdown .dropdown-menu .has-link a):not(.tag),
.hero.is-dark strong {
  color: inherit;
}

.hero.is-dark .title {
  color: whitesmoke;
}

.hero.is-dark .subtitle {
  color: rgba(245, 245, 245, 0.9);
}

.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
  color: whitesmoke;
}

@media screen and (max-width: 1087px) {
  .hero.is-dark .navbar-menu {
    background-color: #363636;
  }
}

.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
  color: rgba(245, 245, 245, 0.7);
}

.hero.is-dark a.navbar-item:hover,
.hero.is-dark a.navbar-item.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark .navbar-link.is-active {
  background-color: #292929;
  color: whitesmoke;
}

.hero.is-dark .tabs a {
  color: whitesmoke;
  opacity: 0.9;
}

.hero.is-dark .tabs a:hover {
  opacity: 1;
}

.hero.is-dark .tabs li.is-active a {
  opacity: 1;
}

.hero.is-dark .tabs.is-boxed a,
.hero.is-dark .tabs.is-toggle a {
  color: whitesmoke;
}

.hero.is-dark .tabs.is-boxed a:hover,
.hero.is-dark .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-dark .tabs.is-boxed li.is-active a,
.hero.is-dark .tabs.is-boxed li.is-active a:hover,
.hero.is-dark .tabs.is-toggle li.is-active a,
.hero.is-dark .tabs.is-toggle li.is-active a:hover {
  background-color: whitesmoke;
  border-color: whitesmoke;
  color: #363636;
}

.hero.is-dark.is-bold {
  background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);
}

@media screen and (max-width: 1025px) {
  .hero.is-dark.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);
  }
}

.hero.is-primary {
  background-color: #7957d5;
  color: white;
}

.hero.is-primary a:not(.button):not(.dropdown-item):not(.dropdown .dropdown-menu .has-link a):not(.tag),
.hero.is-primary strong {
  color: inherit;
}

.hero.is-primary .title {
  color: white;
}

.hero.is-primary .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
  color: white;
}

@media screen and (max-width: 1087px) {
  .hero.is-primary .navbar-menu {
    background-color: #7957d5;
  }
}

.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-primary a.navbar-item:hover,
.hero.is-primary a.navbar-item.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary .navbar-link.is-active {
  background-color: #6943d0;
  color: white;
}

.hero.is-primary .tabs a {
  color: white;
  opacity: 0.9;
}

.hero.is-primary .tabs a:hover {
  opacity: 1;
}

.hero.is-primary .tabs li.is-active a {
  opacity: 1;
}

.hero.is-primary .tabs.is-boxed a,
.hero.is-primary .tabs.is-toggle a {
  color: white;
}

.hero.is-primary .tabs.is-boxed a:hover,
.hero.is-primary .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-primary .tabs.is-boxed li.is-active a,
.hero.is-primary .tabs.is-boxed li.is-active a:hover,
.hero.is-primary .tabs.is-toggle li.is-active a,
.hero.is-primary .tabs.is-toggle li.is-active a:hover {
  background-color: white;
  border-color: white;
  color: #7957d5;
}

.hero.is-primary.is-bold {
  background-image: linear-gradient(141deg, #3725d4 0%, #7957d5 71%, #9b67df 100%);
}

@media screen and (max-width: 1025px) {
  .hero.is-primary.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #3725d4 0%, #7957d5 71%, #9b67df 100%);
  }
}

.hero.is-link {
  background-color: #7957d5;
  color: white;
}

.hero.is-link a:not(.button):not(.dropdown-item):not(.dropdown .dropdown-menu .has-link a):not(.tag),
.hero.is-link strong {
  color: inherit;
}

.hero.is-link .title {
  color: white;
}

.hero.is-link .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
  color: white;
}

@media screen and (max-width: 1087px) {
  .hero.is-link .navbar-menu {
    background-color: #7957d5;
  }
}

.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-link a.navbar-item:hover,
.hero.is-link a.navbar-item.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link .navbar-link.is-active {
  background-color: #6943d0;
  color: white;
}

.hero.is-link .tabs a {
  color: white;
  opacity: 0.9;
}

.hero.is-link .tabs a:hover {
  opacity: 1;
}

.hero.is-link .tabs li.is-active a {
  opacity: 1;
}

.hero.is-link .tabs.is-boxed a,
.hero.is-link .tabs.is-toggle a {
  color: white;
}

.hero.is-link .tabs.is-boxed a:hover,
.hero.is-link .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-link .tabs.is-boxed li.is-active a,
.hero.is-link .tabs.is-boxed li.is-active a:hover,
.hero.is-link .tabs.is-toggle li.is-active a,
.hero.is-link .tabs.is-toggle li.is-active a:hover {
  background-color: white;
  border-color: white;
  color: #7957d5;
}

.hero.is-link.is-bold {
  background-image: linear-gradient(141deg, #3725d4 0%, #7957d5 71%, #9b67df 100%);
}

@media screen and (max-width: 1025px) {
  .hero.is-link.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #3725d4 0%, #7957d5 71%, #9b67df 100%);
  }
}

.hero.is-info {
  background-color: #167df0;
  color: #fff;
}

.hero.is-info a:not(.button):not(.dropdown-item):not(.dropdown .dropdown-menu .has-link a):not(.tag),
.hero.is-info strong {
  color: inherit;
}

.hero.is-info .title {
  color: #fff;
}

.hero.is-info .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1087px) {
  .hero.is-info .navbar-menu {
    background-color: #167df0;
  }
}

.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-info a.navbar-item:hover,
.hero.is-info a.navbar-item.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info .navbar-link.is-active {
  background-color: #0e71de;
  color: #fff;
}

.hero.is-info .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-info .tabs a:hover {
  opacity: 1;
}

.hero.is-info .tabs li.is-active a {
  opacity: 1;
}

.hero.is-info .tabs.is-boxed a,
.hero.is-info .tabs.is-toggle a {
  color: #fff;
}

.hero.is-info .tabs.is-boxed a:hover,
.hero.is-info .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-info .tabs.is-boxed li.is-active a,
.hero.is-info .tabs.is-boxed li.is-active a:hover,
.hero.is-info .tabs.is-toggle li.is-active a,
.hero.is-info .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #167df0;
}

.hero.is-info.is-bold {
  background-image: linear-gradient(141deg, #0286d1 0%, #167df0 71%, #2868f7 100%);
}

@media screen and (max-width: 1025px) {
  .hero.is-info.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #0286d1 0%, #167df0 71%, #2868f7 100%);
  }
}

.hero.is-success {
  background-color: #23d160;
  color: #fff;
}

.hero.is-success a:not(.button):not(.dropdown-item):not(.dropdown .dropdown-menu .has-link a):not(.tag),
.hero.is-success strong {
  color: inherit;
}

.hero.is-success .title {
  color: #fff;
}

.hero.is-success .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1087px) {
  .hero.is-success .navbar-menu {
    background-color: #23d160;
  }
}

.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-success a.navbar-item:hover,
.hero.is-success a.navbar-item.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success .navbar-link.is-active {
  background-color: #20bc56;
  color: #fff;
}

.hero.is-success .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-success .tabs a:hover {
  opacity: 1;
}

.hero.is-success .tabs li.is-active a {
  opacity: 1;
}

.hero.is-success .tabs.is-boxed a,
.hero.is-success .tabs.is-toggle a {
  color: #fff;
}

.hero.is-success .tabs.is-boxed a:hover,
.hero.is-success .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-success .tabs.is-boxed li.is-active a,
.hero.is-success .tabs.is-boxed li.is-active a:hover,
.hero.is-success .tabs.is-toggle li.is-active a,
.hero.is-success .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #23d160;
}

.hero.is-success.is-bold {
  background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
}

@media screen and (max-width: 1025px) {
  .hero.is-success.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
  }
}

.hero.is-warning {
  background-color: #ffdd57;
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning a:not(.button):not(.dropdown-item):not(.dropdown .dropdown-menu .has-link a):not(.tag),
.hero.is-warning strong {
  color: inherit;
}

.hero.is-warning .title {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning .subtitle {
  color: rgba(0, 0, 0, 0.9);
}

.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
  color: rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 1087px) {
  .hero.is-warning .navbar-menu {
    background-color: #ffdd57;
  }
}

.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning a.navbar-item:hover,
.hero.is-warning a.navbar-item.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning .navbar-link.is-active {
  background-color: #ffd83d;
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning .tabs a {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}

.hero.is-warning .tabs a:hover {
  opacity: 1;
}

.hero.is-warning .tabs li.is-active a {
  opacity: 1;
}

.hero.is-warning .tabs.is-boxed a,
.hero.is-warning .tabs.is-toggle a {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning .tabs.is-boxed a:hover,
.hero.is-warning .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-warning .tabs.is-boxed li.is-active a,
.hero.is-warning .tabs.is-boxed li.is-active a:hover,
.hero.is-warning .tabs.is-toggle li.is-active a,
.hero.is-warning .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.7);
  color: #ffdd57;
}

.hero.is-warning.is-bold {
  background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
}

@media screen and (max-width: 1025px) {
  .hero.is-warning.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
  }
}

.hero.is-danger {
  background-color: #ff3860;
  color: #fff;
}

.hero.is-danger a:not(.button):not(.dropdown-item):not(.dropdown .dropdown-menu .has-link a):not(.tag),
.hero.is-danger strong {
  color: inherit;
}

.hero.is-danger .title {
  color: #fff;
}

.hero.is-danger .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1087px) {
  .hero.is-danger .navbar-menu {
    background-color: #ff3860;
  }
}

.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-danger a.navbar-item:hover,
.hero.is-danger a.navbar-item.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger .navbar-link.is-active {
  background-color: #ff1f4b;
  color: #fff;
}

.hero.is-danger .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-danger .tabs a:hover {
  opacity: 1;
}

.hero.is-danger .tabs li.is-active a {
  opacity: 1;
}

.hero.is-danger .tabs.is-boxed a,
.hero.is-danger .tabs.is-toggle a {
  color: #fff;
}

.hero.is-danger .tabs.is-boxed a:hover,
.hero.is-danger .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-danger .tabs.is-boxed li.is-active a,
.hero.is-danger .tabs.is-boxed li.is-active a:hover,
.hero.is-danger .tabs.is-toggle li.is-active a,
.hero.is-danger .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #ff3860;
}

.hero.is-danger.is-bold {
  background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);
}

@media screen and (max-width: 1025px) {
  .hero.is-danger.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);
  }
}

.hero.is-small .hero-body {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}

@media screen and (min-width: 769px), print {
  .hero.is-medium .hero-body {
    padding-bottom: 9rem;
    padding-top: 9rem;
  }
}

@media screen and (min-width: 769px), print {
  .hero.is-large .hero-body {
    padding-bottom: 18rem;
    padding-top: 18rem;
  }
}

.hero.is-halfheight .hero-body,
.hero.is-fullheight .hero-body,
.hero.is-fullheight-with-navbar .hero-body {
  align-items: center;
  display: flex;
}

.hero.is-halfheight .hero-body > .container,
.hero.is-fullheight .hero-body > .container,
.hero.is-fullheight-with-navbar .hero-body > .container {
  flex-grow: 1;
  flex-shrink: 1;
}

.hero.is-halfheight {
  min-height: 50vh;
}

.hero.is-fullheight {
  min-height: 100vh;
}

.hero.is-fullheight-with-navbar {
  min-height: calc(100vh - 3.25rem);
}

@media screen and (max-width: 1087px) {
  .dropdown.is-mobile-modal .dropdown-menu {
    position: fixed;
    width: calc(100vw - 40px);
    max-width: 460px;
    max-height: calc(100vh - 120px);
    top: 25% !important;
    left: 50% !important;
    bottom: auto !important;
    right: auto !important;
    transform: translate3d(-50%, -25%, 0);
    white-space: normal;
    overflow-y: auto;
  }

  .dropdown.is-mobile-modal .dropdown-menu .dropdown-item,
  .dropdown.is-mobile-modal .dropdown-menu .has-link a {
    padding: 1rem 1.5rem;
  }
}

.label {
  font-weight: 600;
}

.field.is-grouped .field {
  flex-shrink: 0;
}

.field.is-grouped .field + .field {
  margin-left: 0.75rem;
}

.field.is-grouped .field.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}

.field.has-addons .control:first-child .control .button,
.field.has-addons .control:first-child .control .input,
.field.has-addons .control:first-child .control .taginput .taginput-container.is-focusable,
.taginput .field.has-addons .control:first-child .control .taginput-container.is-focusable,
.field.has-addons .control:first-child .control .select select {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.field.has-addons .control:last-child .control .button,
.field.has-addons .control:last-child .control .input,
.field.has-addons .control:last-child .control .taginput .taginput-container.is-focusable,
.taginput .field.has-addons .control:last-child .control .taginput-container.is-focusable,
.field.has-addons .control:last-child .control .select select {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.field.has-addons .control .control .button,
.field.has-addons .control .control .input,
.field.has-addons .control .control .taginput .taginput-container.is-focusable,
.taginput .field.has-addons .control .control .taginput-container.is-focusable,
.field.has-addons .control .control .select select {
  border-radius: 0;
}

.control .help.counter {
  float: right;
  margin-left: 0.5em;
}

.control .icon.is-clickable {
  pointer-events: auto;
  cursor: pointer;
}

.loading-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  align-items: center;
  display: none;
  justify-content: center;
  overflow: hidden;
}

.loading-overlay.is-active {
  display: flex;
}

.loading-overlay.is-full-page {
  z-index: 999;
  position: fixed;
}

.loading-overlay.is-full-page .loading-icon:after {
  top: calc(50% - 2.5em);
  left: calc(50% - 2.5em);
  width: 5em;
  height: 5em;
}

.loading-overlay .loading-background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: #7f7f7f;
  background: rgba(255, 255, 255, 0.5);
}

.loading-overlay .loading-icon {
  position: relative;
}

.loading-overlay .loading-icon:after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid #dbdbdb;
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
  position: absolute;
  top: calc(50% - 1.5em);
  left: calc(50% - 1.5em);
  width: 3em;
  height: 3em;
  border-width: 0.25em;
}

.message .media,
.notification .media {
  padding-top: 0;
  border: 0;
}

.notification > .delete {
  right: 0.5rem !important;
  top: 0.5rem !important;
}

.modal .animation-content {
  margin: 0 20px;
}

.modal .animation-content .modal-card {
  margin: 0;
}

@media screen and (max-width: 1025px) {
  .modal .animation-content {
    width: 100%;
  }
}

.notices {
  position: fixed;
  display: flex;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2em;
  overflow: hidden;
  z-index: 1000;
  pointer-events: none;
}

.notices .toast {
  display: inline-flex;
  animation-duration: 150ms;
  margin: 0.5em 0;
  text-align: center;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  border-radius: 2em;
  padding: 0.75em 1.5em;
  pointer-events: auto;
  opacity: 0.92;
}

.notices .toast.is-white {
  color: #0a0a0a;
  background: white;
}

.notices .toast.is-black {
  color: white;
  background: #0a0a0a;
}

.notices .toast.is-light {
  color: #363636;
  background: whitesmoke;
}

.notices .toast.is-dark {
  color: whitesmoke;
  background: #363636;
}

.notices .toast.is-primary {
  color: white;
  background: #7957d5;
}

.notices .toast.is-link {
  color: white;
  background: #7957d5;
}

.notices .toast.is-info {
  color: #fff;
  background: #167df0;
}

.notices .toast.is-success {
  color: #fff;
  background: #23d160;
}

.notices .toast.is-warning {
  color: rgba(0, 0, 0, 0.7);
  background: #ffdd57;
}

.notices .toast.is-danger {
  color: #fff;
  background: #ff3860;
}

.notices .snackbar {
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  animation-duration: 150ms;
  margin: 0.5em 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  pointer-events: auto;
  background: #363636;
  color: whitesmoke;
  min-height: 3em;
}

.notices .snackbar .text {
  padding: 0.5em 1em;
}

.notices .snackbar .action {
  margin-left: auto;
  padding: 0.5em;
  padding-left: 0;
}

.notices .snackbar .action .button {
  font-weight: 600;
  text-transform: uppercase;
}

.notices .snackbar .action.is-white .button {
  color: white;
}

.notices .snackbar .action.is-black .button {
  color: #0a0a0a;
}

.notices .snackbar .action.is-light .button {
  color: whitesmoke;
}

.notices .snackbar .action.is-dark .button {
  color: #363636;
}

.notices .snackbar .action.is-primary .button {
  color: #7957d5;
}

.notices .snackbar .action.is-link .button {
  color: #7957d5;
}

.notices .snackbar .action.is-info .button {
  color: #167df0;
}

.notices .snackbar .action.is-success .button {
  color: #23d160;
}

.notices .snackbar .action.is-warning .button {
  color: #ffdd57;
}

.notices .snackbar .action.is-danger .button {
  color: #ff3860;
}

@media screen and (max-width: 1025px) {
  .notices .snackbar {
    width: 100%;
    margin: 0;
    border-radius: 0;
  }
}

@media screen and (min-width: 769px), print {
  .notices .snackbar {
    min-width: 350px;
    max-width: 600px;
    overflow: hidden;
  }
}

.notices .toast.is-top,
.notices .toast.is-bottom,
.notices .snackbar.is-top,
.notices .snackbar.is-bottom {
  align-self: center;
}

.notices .toast.is-top-right,
.notices .toast.is-bottom-right,
.notices .snackbar.is-top-right,
.notices .snackbar.is-bottom-right {
  align-self: flex-end;
}

.notices .toast.is-top-left,
.notices .toast.is-bottom-left,
.notices .snackbar.is-top-left,
.notices .snackbar.is-bottom-left {
  align-self: flex-start;
}

.notices .toast.is-toast,
.notices .snackbar.is-toast {
  opacity: 0.92;
}

.notices.is-top {
  flex-direction: column;
}

.notices.is-bottom {
  flex-direction: column-reverse;
}

.notices.has-custom-container {
  position: absolute;
}

@media screen and (max-width: 1025px) {
  .notices {
    padding: 0;
    position: fixed !important;
  }
}

.pagination .pagination-next,
.pagination .pagination-previous {
  padding-left: 0.25em;
  padding-right: 0.25em;
}

.pagination .pagination-next.is-disabled,
.pagination .pagination-previous.is-disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}

.pagination.is-simple {
  justify-content: normal;
}

.pagination .is-current {
  pointer-events: none;
  cursor: not-allowed;
}

.b-radio.radio {
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.b-radio.radio + .radio {
  margin-left: 0.5em;
}

.b-radio.radio input[type=radio] {
  position: absolute;
  left: 0;
  opacity: 0;
  outline: none;
  z-index: -1;
}

.b-radio.radio input[type=radio] + .check {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #4a4a4a;
  border-radius: 50%;
  transition: background 150ms ease-out;
}

.b-radio.radio input[type=radio] + .check:before {
  content: "";
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: #ffc600;
  transform: scale(0);
  transition: transform 150ms ease-out;
}

.b-radio.radio input[type=radio] + .check.is-white:before {
  background: white;
}

.b-radio.radio input[type=radio] + .check.is-black:before {
  background: #0a0a0a;
}

.b-radio.radio input[type=radio] + .check.is-light:before {
  background: whitesmoke;
}

.b-radio.radio input[type=radio] + .check.is-dark:before {
  background: #363636;
}

.b-radio.radio input[type=radio] + .check.is-primary:before {
  background: #7957d5;
}

.b-radio.radio input[type=radio] + .check.is-link:before {
  background: #7957d5;
}

.b-radio.radio input[type=radio] + .check.is-info:before {
  background: #167df0;
}

.b-radio.radio input[type=radio] + .check.is-success:before {
  background: #23d160;
}

.b-radio.radio input[type=radio] + .check.is-warning:before {
  background: #ffdd57;
}

.b-radio.radio input[type=radio] + .check.is-danger:before {
  background: #ff3860;
}

.b-radio.radio input[type=radio]:checked + .check {
  border-color: #ffc600;
}

.b-radio.radio input[type=radio]:checked + .check.is-white {
  border-color: white;
}

.b-radio.radio input[type=radio]:checked + .check.is-black {
  border-color: #0a0a0a;
}

.b-radio.radio input[type=radio]:checked + .check.is-light {
  border-color: whitesmoke;
}

.b-radio.radio input[type=radio]:checked + .check.is-dark {
  border-color: #363636;
}

.b-radio.radio input[type=radio]:checked + .check.is-primary {
  border-color: #7957d5;
}

.b-radio.radio input[type=radio]:checked + .check.is-link {
  border-color: #7957d5;
}

.b-radio.radio input[type=radio]:checked + .check.is-info {
  border-color: #167df0;
}

.b-radio.radio input[type=radio]:checked + .check.is-success {
  border-color: #23d160;
}

.b-radio.radio input[type=radio]:checked + .check.is-warning {
  border-color: #ffdd57;
}

.b-radio.radio input[type=radio]:checked + .check.is-danger {
  border-color: #ff3860;
}

.b-radio.radio input[type=radio]:checked + .check:before {
  transform: scale(1);
}

.b-radio.radio .control-label {
  padding-left: 0.5em;
}

.b-radio.radio[disabled] {
  opacity: 0.5;
}

.b-radio.radio:hover input[type=radio] + .check {
  border-color: #4a4a4a;
}

.b-radio.radio:hover input[type=radio] + .check.is-white {
  border-color: white;
}

.b-radio.radio:hover input[type=radio] + .check.is-black {
  border-color: #0a0a0a;
}

.b-radio.radio:hover input[type=radio] + .check.is-light {
  border-color: whitesmoke;
}

.b-radio.radio:hover input[type=radio] + .check.is-dark {
  border-color: #363636;
}

.b-radio.radio:hover input[type=radio] + .check.is-primary {
  border-color: #7957d5;
}

.b-radio.radio:hover input[type=radio] + .check.is-link {
  border-color: #7957d5;
}

.b-radio.radio:hover input[type=radio] + .check.is-info {
  border-color: #167df0;
}

.b-radio.radio:hover input[type=radio] + .check.is-success {
  border-color: #23d160;
}

.b-radio.radio:hover input[type=radio] + .check.is-warning {
  border-color: #ffdd57;
}

.b-radio.radio:hover input[type=radio] + .check.is-danger {
  border-color: #ff3860;
}

.b-radio.radio:focus input[type=radio] + .check {
  box-shadow: 0 0 0.5em rgba(122, 122, 122, 0.8);
}

.b-radio.radio:focus input[type=radio]:checked + .check {
  box-shadow: 0 0 0.5em rgba(121, 87, 213, 0.8);
}

.b-radio.radio:focus input[type=radio]:checked + .check.is-white {
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8);
}

.b-radio.radio:focus input[type=radio]:checked + .check.is-black {
  box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.8);
}

.b-radio.radio:focus input[type=radio]:checked + .check.is-light {
  box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.8);
}

.b-radio.radio:focus input[type=radio]:checked + .check.is-dark {
  box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.8);
}

.b-radio.radio:focus input[type=radio]:checked + .check.is-primary {
  box-shadow: 0 0 0.5em rgba(121, 87, 213, 0.8);
}

.b-radio.radio:focus input[type=radio]:checked + .check.is-link {
  box-shadow: 0 0 0.5em rgba(121, 87, 213, 0.8);
}

.b-radio.radio:focus input[type=radio]:checked + .check.is-info {
  box-shadow: 0 0 0.5em rgba(22, 125, 240, 0.8);
}

.b-radio.radio:focus input[type=radio]:checked + .check.is-success {
  box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.8);
}

.b-radio.radio:focus input[type=radio]:checked + .check.is-warning {
  box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.8);
}

.b-radio.radio:focus input[type=radio]:checked + .check.is-danger {
  box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.8);
}

.b-radio.radio.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}

.b-radio.radio.is-medium {
  font-size: 1.25rem;
}

.b-radio.radio.is-large {
  font-size: 1.5rem;
}

.select select {
  padding-right: 2.5em;
}

.select select option {
  color: #4a4a4a;
  padding: 0.25em 0.5em;
}

.select select option:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.select select optgroup {
  color: #b5b5b5;
  font-weight: 400;
  font-style: normal;
  padding: 0.25em 0;
}

.select.is-empty select {
  color: rgba(122, 122, 122, 0.7);
}

.switch {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.switch + .switch {
  margin-left: 0.5em;
}

.switch input[type=checkbox] {
  display: none;
}

.switch input[type=checkbox] + .check {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 2.75em;
  height: 1.575em;
  padding: 0.2em;
  background: #b5b5b5;
  border-radius: 1em;
  transition: background 150ms ease-out;
}

.switch input[type=checkbox] + .check:before {
  content: "";
  display: block;
  border-radius: 1em;
  width: 1.175em;
  height: 1.175em;
  background: whitesmoke;
  box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
  transition: transform 150ms ease-out, width 150ms ease-out;
  will-change: transform;
}

.switch input[type=checkbox] + .check.is-elastic:before {
  width: 1.75em;
}

.switch input[type=checkbox]:checked + .check {
  background: #7957d5;
}

.switch input[type=checkbox]:checked + .check.is-white {
  background: white;
}

.switch input[type=checkbox]:checked + .check.is-black {
  background: #0a0a0a;
}

.switch input[type=checkbox]:checked + .check.is-light {
  background: whitesmoke;
}

.switch input[type=checkbox]:checked + .check.is-dark {
  background: #363636;
}

.switch input[type=checkbox]:checked + .check.is-primary {
  background: #7957d5;
}

.switch input[type=checkbox]:checked + .check.is-link {
  background: #7957d5;
}

.switch input[type=checkbox]:checked + .check.is-info {
  background: #167df0;
}

.switch input[type=checkbox]:checked + .check.is-success {
  background: #23d160;
}

.switch input[type=checkbox]:checked + .check.is-warning {
  background: #ffdd57;
}

.switch input[type=checkbox]:checked + .check.is-danger {
  background: #ff3860;
}

.switch input[type=checkbox]:checked + .check:before {
  transform: translate3d(100%, 0, 0);
}

.switch input[type=checkbox]:checked + .check.is-elastic:before {
  transform: translate3d(36.36364%, 0, 0);
}

.switch .control-label {
  padding-left: 0.5em;
}

.switch:hover input[type=checkbox] + .check {
  background: rgba(181, 181, 181, 0.9);
}

.switch:hover input[type=checkbox]:checked + .check {
  background: rgba(121, 87, 213, 0.9);
}

.switch:hover input[type=checkbox]:checked + .check.is-white {
  background: rgba(255, 255, 255, 0.9);
}

.switch:hover input[type=checkbox]:checked + .check.is-black {
  background: rgba(10, 10, 10, 0.9);
}

.switch:hover input[type=checkbox]:checked + .check.is-light {
  background: rgba(245, 245, 245, 0.9);
}

.switch:hover input[type=checkbox]:checked + .check.is-dark {
  background: rgba(54, 54, 54, 0.9);
}

.switch:hover input[type=checkbox]:checked + .check.is-primary {
  background: rgba(121, 87, 213, 0.9);
}

.switch:hover input[type=checkbox]:checked + .check.is-link {
  background: rgba(121, 87, 213, 0.9);
}

.switch:hover input[type=checkbox]:checked + .check.is-info {
  background: rgba(22, 125, 240, 0.9);
}

.switch:hover input[type=checkbox]:checked + .check.is-success {
  background: rgba(35, 209, 96, 0.9);
}

.switch:hover input[type=checkbox]:checked + .check.is-warning {
  background: rgba(255, 221, 87, 0.9);
}

.switch:hover input[type=checkbox]:checked + .check.is-danger {
  background: rgba(255, 56, 96, 0.9);
}

.switch:focus {
  outline: none;
}

.switch:focus input[type=checkbox] + .check {
  box-shadow: 0 0 0.5em rgba(122, 122, 122, 0.6);
}

.switch:focus input[type=checkbox]:checked + .check {
  box-shadow: 0 0 0.5em rgba(121, 87, 213, 0.8);
}

.switch:focus input[type=checkbox]:checked + .check.is-white {
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8);
}

.switch:focus input[type=checkbox]:checked + .check.is-black {
  box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.8);
}

.switch:focus input[type=checkbox]:checked + .check.is-light {
  box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.8);
}

.switch:focus input[type=checkbox]:checked + .check.is-dark {
  box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.8);
}

.switch:focus input[type=checkbox]:checked + .check.is-primary {
  box-shadow: 0 0 0.5em rgba(121, 87, 213, 0.8);
}

.switch:focus input[type=checkbox]:checked + .check.is-link {
  box-shadow: 0 0 0.5em rgba(121, 87, 213, 0.8);
}

.switch:focus input[type=checkbox]:checked + .check.is-info {
  box-shadow: 0 0 0.5em rgba(22, 125, 240, 0.8);
}

.switch:focus input[type=checkbox]:checked + .check.is-success {
  box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.8);
}

.switch:focus input[type=checkbox]:checked + .check.is-warning {
  box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.8);
}

.switch:focus input[type=checkbox]:checked + .check.is-danger {
  box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.8);
}

.switch.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}

.switch.is-medium {
  font-size: 1.25rem;
}

.switch.is-large {
  font-size: 1.5rem;
}

.switch[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  color: #7a7a7a;
}

.table-wrapper .table {
  margin-bottom: 0;
}

.table-wrapper:not(:last-child) {
  margin-bottom: 1.5rem;
}

.b-table {
  transition: opacity 86ms ease-out;
}

@media screen and (min-width: 769px), print {
  .b-table .table-mobile-sort {
    display: none;
  }
}

.b-table .icon {
  transition: transform 150ms ease-out, opacity 86ms ease-out;
}

.b-table .icon.is-desc {
  transform: rotate(180deg);
}

.b-table .icon.is-expanded {
  transform: rotate(90deg);
}

.b-table .table {
  width: 100%;
  border: 1px solid transparent;
  border-radius: 4px;
}

.b-table .table th {
  font-weight: 600;
}

.b-table .table th .th-wrap {
  display: flex;
  align-items: center;
}

.b-table .table th .th-wrap .icon {
  margin-left: 0.5rem;
  margin-right: 0;
  font-size: 1rem;
}

.b-table .table th .th-wrap.is-numeric {
  flex-direction: row-reverse;
  text-align: right;
}

.b-table .table th .th-wrap.is-numeric .icon {
  margin-left: 0;
  margin-right: 0.5rem;
}

.b-table .table th .th-wrap.is-centered {
  justify-content: center;
  text-align: center;
}

.b-table .table th.is-current-sort {
  font-weight: 700;
}

.b-table .table th.is-sortable,
.b-table .table th.is-sortable .th-wrap {
  cursor: pointer;
}

.b-table .table tr.is-selected .checkbox input:checked + .check {
  background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%237957d5' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}

.b-table .table tr.is-selected .checkbox input + .check {
  border-color: white;
}

.b-table .table tr.is-empty:hover {
  background-color: transparent;
}

.b-table .table .chevron-cell {
  vertical-align: middle;
}

.b-table .table .checkbox-cell {
  width: 40px;
}

.b-table .table .checkbox-cell .checkbox {
  vertical-align: middle;
}

.b-table .table .checkbox-cell .checkbox .check {
  transition: none;
}

.b-table .table tr.detail {
  background: #fafafa;
}

.b-table .table tr.detail .detail-container {
  padding: 1rem;
}

.b-table .table:focus {
  border-color: #7957d5;
  box-shadow: 0 0 0 0.125em rgba(121, 87, 213, 0.25);
}

.b-table .table.is-bordered th.is-current-sort,
.b-table .table.is-bordered th.is-sortable:hover {
  border-color: #dbdbdb;
  background: whitesmoke;
}

@media screen and (max-width: 1025px) {
  .b-table .table.has-mobile-cards thead {
    display: none;
  }

  .b-table .table.has-mobile-cards tfoot th {
    border: 0;
    display: inherit;
  }

  .b-table .table.has-mobile-cards tr {
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    max-width: 100%;
    position: relative;
    display: block;
  }

  .b-table .table.has-mobile-cards tr td {
    border: 0;
    display: inherit;
  }

  .b-table .table.has-mobile-cards tr td:last-child {
    border-bottom: 0;
  }

  .b-table .table.has-mobile-cards tr:not(:last-child) {
    margin-bottom: 1rem;
  }

  .b-table .table.has-mobile-cards tr:not([class*=is-]) {
    background: inherit;
  }

  .b-table .table.has-mobile-cards tr:not([class*=is-]):hover {
    background-color: inherit;
  }

  .b-table .table.has-mobile-cards tr.detail {
    margin-top: -1rem;
  }

  .b-table .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td {
    display: flex;
    width: auto;
    justify-content: space-between;
    text-align: right;
    border-bottom: 1px solid whitesmoke;
  }

  .b-table .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td:before {
    content: attr(data-label);
    font-weight: 600;
    padding-right: 0.5em;
    text-align: right;
  }
}

.b-table .level {
  padding-bottom: 1.5rem;
}

.b-table.is-loading {
  position: relative;
  pointer-events: none;
  opacity: 0.5;
}

.b-table.is-loading:after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid #dbdbdb;
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
  position: absolute;
  top: 4em;
  left: calc(50% - 2.5em);
  width: 5em;
  height: 5em;
  border-width: 0.25em;
}

.b-tabs .tabs {
  margin-bottom: 0;
  flex-shrink: 0;
}

.b-tabs .is-disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}

.b-tabs .tab-content {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

.b-tabs .tab-content .tab-item {
  flex-shrink: 0;
  flex-basis: auto;
}

.b-checkbox.checkbox {
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.b-checkbox.checkbox input[type=checkbox] {
  position: absolute;
  left: 0;
  opacity: 0;
  outline: none;
  z-index: -1;
}

.b-checkbox.checkbox .control-label {
  padding-left: 0.5em;
  cursor: pointer;
}

.b-checkbox.checkbox input[type=checkbox] + .check {
  width: 25px;
  height: 25px;
  cursor: pointer;
  flex-shrink: 0;
  border-radius: 0px;
  border: 1px solid #d7d7d7;
  transition: background 150ms ease-out;
  background-size: 14px;
  background-position: center;
}

.b-checkbox.checkbox input[type=checkbox]:checked + .check {
  background-image: url(/wp-content/themes/haifa-port/images/checked.png);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
}

.datepicker {
  font-size: 0.875rem;
}

.datepicker .dropdown,
.datepicker .dropdown-trigger {
  width: 100%;
}

.datepicker .dropdown-item,
.datepicker .dropdown .dropdown-menu .has-link a,
.dropdown .dropdown-menu .has-link .datepicker a {
  font-size: inherit;
}

.datepicker .datepicker-header {
  padding-bottom: 0.875rem;
  margin-bottom: 0.875rem;
  border-bottom: 1px solid #dbdbdb;
}

.datepicker .datepicker-footer {
  padding-top: 0.875rem;
  border-top: 1px solid #dbdbdb;
}

.datepicker .datepicker-table {
  display: table;
  margin: 0 auto 0.875rem auto;
}

.datepicker .datepicker-table .datepicker-cell {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  border-radius: 4px;
  padding: 0.5rem 0.75rem;
}

.datepicker .datepicker-table .datepicker-header {
  display: table-header-group;
}

.datepicker .datepicker-table .datepicker-header .datepicker-cell {
  color: #7a7a7a;
  font-weight: 600;
}

.datepicker .datepicker-table .datepicker-body {
  display: table-row-group;
}

.datepicker .datepicker-table .datepicker-body .datepicker-row {
  display: table-row;
}

.datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-unselectable {
  color: #b5b5b5;
}

.datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-selectable {
  color: #4a4a4a;
}

.datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-selectable:hover:not(.is-selected),
.datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-selectable:focus:not(.is-selected) {
  background-color: whitesmoke;
  color: #0a0a0a;
  cursor: pointer;
}

.datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-selected {
  background-color: #ffc600;
  color: white;
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell {
  padding: 0.3rem 0.75rem 0.75rem;
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event {
  position: relative;
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events {
  bottom: 0.425rem;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 0 0.35rem;
  position: absolute;
  width: 100%;
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-white {
  background-color: white;
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-black {
  background-color: #0a0a0a;
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-light {
  background-color: whitesmoke;
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-dark {
  background-color: #363636;
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-primary {
  background-color: #7957d5;
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-link {
  background-color: #7957d5;
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-info {
  background-color: #167df0;
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-success {
  background-color: #23d160;
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-warning {
  background-color: #ffdd57;
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-danger {
  background-color: #ff3860;
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event.dots .event {
  border-radius: 50%;
  height: 0.35em;
  margin: 0 0.1em;
  width: 0.35em;
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event.bars .event {
  height: 0.25em;
  width: 100%;
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.is-selected {
  overflow: hidden;
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.is-selected .events .event.is-primary {
  background-color: #aa94e4;
}

.datepicker.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}

.datepicker.is-medium {
  font-size: 1.25rem;
}

.datepicker.is-large {
  font-size: 1.5rem;
}

@media screen and (min-width: 769px) and (max-width: 1087px) {
  .datepicker .datepicker-table .datepicker-cell {
    padding: 0.75rem 1rem;
  }
}

@media screen and (max-width: 1025px) {
  .datepicker .datepicker-table .datepicker-cell {
    padding: 0.25rem 0.5rem;
  }
}

.field.has-addons {
  display: flex;
  justify-content: flex-start;
}

.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}

.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .taginput .taginput-container.is-focusable,
.taginput .field.has-addons .control:not(:first-child):not(:last-child) .taginput-container.is-focusable,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0;
}

.field.has-addons .control:first-child .button,
.field.has-addons .control:first-child .input,
.field.has-addons .control:first-child .taginput .taginput-container.is-focusable,
.taginput .field.has-addons .control:first-child .taginput-container.is-focusable,
.field.has-addons .control:first-child .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.field.has-addons .control:last-child .button,
.field.has-addons .control:last-child .input,
.field.has-addons .control:last-child .taginput .taginput-container.is-focusable,
.taginput .field.has-addons .control:last-child .taginput-container.is-focusable,
.field.has-addons .control:last-child .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.field.has-addons .control .button:not([disabled]):hover,
.field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .taginput .taginput-container.is-focusable:not([disabled]):hover,
.taginput .field.has-addons .control .taginput-container.is-focusable:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .taginput .taginput-container.is-focusable:not([disabled]).is-hovered,
.taginput .field.has-addons .control .taginput-container.is-focusable:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
  z-index: 2;
}

.field.has-addons .control .button:not([disabled]):focus,
.field.has-addons .control .button:not([disabled]).is-focused,
.field.has-addons .control .button:not([disabled]):active,
.field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .taginput .taginput-container.is-focusable:not([disabled]):focus,
.taginput .field.has-addons .control .taginput-container.is-focusable:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .taginput .taginput-container.is-focusable:not([disabled]).is-focused,
.taginput .field.has-addons .control .taginput-container.is-focusable:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .taginput .taginput-container.is-focusable:not([disabled]):active,
.taginput .field.has-addons .control .taginput-container.is-focusable:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .taginput .taginput-container.is-focusable:not([disabled]).is-active,
.taginput .field.has-addons .control .taginput-container.is-focusable:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
  z-index: 3;
}

.field.has-addons .control .button:not([disabled]):focus:hover,
.field.has-addons .control .button:not([disabled]).is-focused:hover,
.field.has-addons .control .button:not([disabled]):active:hover,
.field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .taginput .taginput-container.is-focusable:not([disabled]):focus:hover,
.taginput .field.has-addons .control .taginput-container.is-focusable:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .taginput .taginput-container.is-focusable:not([disabled]).is-focused:hover,
.taginput .field.has-addons .control .taginput-container.is-focusable:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .taginput .taginput-container.is-focusable:not([disabled]):active:hover,
.taginput .field.has-addons .control .taginput-container.is-focusable:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .taginput .taginput-container.is-focusable:not([disabled]).is-active:hover,
.taginput .field.has-addons .control .taginput-container.is-focusable:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
  z-index: 4;
}

.field.has-addons .control.is-expanded {
  flex-grow: 1;
}

.field.has-addons.has-addons-centered {
  justify-content: center;
}

.field.has-addons.has-addons-right {
  justify-content: flex-end;
}

.field.has-addons.has-addons-fullwidth .control {
  flex-grow: 1;
  flex-shrink: 0;
}

.control {
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: left;
}

.control.has-icon .icon {
  color: #dbdbdb;
  height: 2.25em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.25em;
  z-index: 4;
}

.control.has-icon .input:focus + .icon,
.control.has-icon .taginput .taginput-container.is-focusable:focus + .icon,
.taginput .control.has-icon .taginput-container.is-focusable:focus + .icon {
  color: #7a7a7a;
}

.control.has-icon .input.is-small + .icon,
.control.has-icon .taginput .is-small.taginput-container.is-focusable + .icon,
.taginput .control.has-icon .is-small.taginput-container.is-focusable + .icon {
  font-size: 0.75rem;
}

.control.has-icon .input.is-medium + .icon,
.control.has-icon .taginput .is-medium.taginput-container.is-focusable + .icon,
.taginput .control.has-icon .is-medium.taginput-container.is-focusable + .icon {
  font-size: 1.25rem;
}

.control.has-icon .input.is-large + .icon,
.control.has-icon .taginput .is-large.taginput-container.is-focusable + .icon,
.taginput .control.has-icon .is-large.taginput-container.is-focusable + .icon {
  font-size: 1.5rem;
}

.control.has-icon:not(.has-icon-right) .icon {
  left: 0;
}

.control.has-icon:not(.has-icon-right) .input,
.control.has-icon:not(.has-icon-right) .taginput .taginput-container.is-focusable,
.taginput .control.has-icon:not(.has-icon-right) .taginput-container.is-focusable {
  padding-left: 2.25em;
}

.control.has-icon.has-icon-right .icon {
  right: 0;
}

.control.has-icon.has-icon-right .input,
.control.has-icon.has-icon-right .taginput .taginput-container.is-focusable,
.taginput .control.has-icon.has-icon-right .taginput-container.is-focusable {
  padding-right: 2.25em;
}

.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .taginput .taginput-container.is-focusable:focus ~ .icon,
.taginput .control.has-icons-left .taginput-container.is-focusable:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon,
.control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .taginput .taginput-container.is-focusable:focus ~ .icon,
.taginput .control.has-icons-right .taginput-container.is-focusable:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
  color: #7a7a7a;
}

.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .taginput .is-small.taginput-container.is-focusable ~ .icon,
.taginput .control.has-icons-left .is-small.taginput-container.is-focusable ~ .icon,
.control.has-icons-left .select.is-small ~ .icon,
.control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .taginput .is-small.taginput-container.is-focusable ~ .icon,
.taginput .control.has-icons-right .is-small.taginput-container.is-focusable ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
  font-size: 0.75rem;
}

.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .taginput .is-medium.taginput-container.is-focusable ~ .icon,
.taginput .control.has-icons-left .is-medium.taginput-container.is-focusable ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon,
.control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .taginput .is-medium.taginput-container.is-focusable ~ .icon,
.taginput .control.has-icons-right .is-medium.taginput-container.is-focusable ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
  font-size: 1.25rem;
}

.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .taginput .is-large.taginput-container.is-focusable ~ .icon,
.taginput .control.has-icons-left .is-large.taginput-container.is-focusable ~ .icon,
.control.has-icons-left .select.is-large ~ .icon,
.control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .taginput .is-large.taginput-container.is-focusable ~ .icon,
.taginput .control.has-icons-right .is-large.taginput-container.is-focusable ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
  font-size: 1.5rem;
}

.control.has-icons-left .icon,
.control.has-icons-right .icon {
  color: #dbdbdb;
  height: 2.25em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.25em;
  z-index: 4;
}

.control.has-icons-left .input,
.control.has-icons-left .taginput .taginput-container.is-focusable,
.taginput .control.has-icons-left .taginput-container.is-focusable,
.control.has-icons-left .select select {
  padding-left: 2.25em;
}

.control.has-icons-left .icon.is-left {
  left: 6px;
}

.control.has-icons-right .input,
.control.has-icons-right .taginput .taginput-container.is-focusable,
.taginput .control.has-icons-right .taginput-container.is-focusable,
.control.has-icons-right .select select {
  padding-right: 2.25em;
}

.control.has-icons-right .icon.is-right {
  right: 0;
}

.control.is-loading::after {
  position: absolute !important;
  right: 0.625em;
  top: 0.625em;
  z-index: 4;
}

.control.is-loading.is-small:after {
  font-size: 0.75rem;
}

.control.is-loading.is-medium:after {
  font-size: 1.25rem;
}

.control.is-loading.is-large:after {
  font-size: 1.5rem;
}

.icon.is-small {
  height: 1rem;
  width: 1rem;
}

.icon.is-medium {
  height: 2rem;
  width: 2rem;
}

.icon.is-large {
  height: 3rem;
  width: 3rem;
}

.modal-background {
  background-color: rgba(10, 10, 10, 0.86);
}

.modal-content,
.modal-card {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 769px), print {
  .modal-content,
  .modal-card {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 640px;
  }
}

.modal-close {
  background: none;
  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-head,
.modal-card-foot {
  align-items: center;
  background-color: whitesmoke;
  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: 10px;
}

.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: white;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 20px;
}

.is-overlay,
.image.is-square img,
.image.is-1by1 img,
.image.is-5by4 img,
.image.is-4by3 img,
.image.is-3by2 img,
.image.is-5by3 img,
.image.is-16by9 img,
.image.is-2by1 img,
.image.is-3by1 img,
.image.is-4by5 img,
.image.is-3by4 img,
.image.is-2by3 img,
.image.is-3by5 img,
.image.is-9by16 img,
.image.is-1by2 img,
.image.is-1by3 img,
.modal,
.modal-background,
.hero-video {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  align-items: center;
  display: none;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 2000;
}

.modal-background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: hsla(0, 0%, 4%, 0.86);
}

.modal .animation-content {
  margin: 0 20px;
}

.modal-close {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: hsla(0, 0%, 4%, 0.2);
  border: none;
  border-radius: 290486px;
  cursor: pointer;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 1rem;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  position: relative;
  vertical-align: top;
  width: 20px;
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px;
}

.modal-close.is-large {
  height: 32px;
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
  width: 32px;
}

.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
  transform: scale(1.1);
}

/* Shrink */

.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-shrink:hover,
.hvr-shrink:focus,
.hvr-shrink:active {
  transform: scale(0.9);
}

/* Pulse */

@keyframes hvr-pulse {
  25% {
    transform: scale(1.1);
  }

  75% {
    transform: scale(0.9);
  }
}

.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse:hover,
.hvr-pulse:focus,
.hvr-pulse:active {
  animation-name: hvr-pulse;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Pulse Grow */

@keyframes hvr-pulse-grow {
  to {
    transform: scale(1.1);
  }
}

.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse-grow:hover,
.hvr-pulse-grow:focus,
.hvr-pulse-grow:active {
  animation-name: hvr-pulse-grow;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Pulse Shrink */

@keyframes hvr-pulse-shrink {
  to {
    transform: scale(0.9);
  }
}

.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse-shrink:hover,
.hvr-pulse-shrink:focus,
.hvr-pulse-shrink:active {
  animation-name: hvr-pulse-shrink;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Push */

@keyframes hvr-push {
  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}

.hvr-push {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-push:hover,
.hvr-push:focus,
.hvr-push:active {
  animation-name: hvr-push;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Pop */

@keyframes hvr-pop {
  50% {
    transform: scale(1.2);
  }
}

.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pop:hover,
.hvr-pop:focus,
.hvr-pop:active {
  animation-name: hvr-pop;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Bounce In */

.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.5s;
}

.hvr-bounce-in:hover,
.hvr-bounce-in:focus,
.hvr-bounce-in:active {
  transform: scale(1.2);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Bounce Out */

.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.5s;
}

.hvr-bounce-out:hover,
.hvr-bounce-out:focus,
.hvr-bounce-out:active {
  transform: scale(0.8);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Rotate */

.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-rotate:hover,
.hvr-rotate:focus,
.hvr-rotate:active {
  transform: rotate(4deg);
}

/* Grow Rotate */

.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-grow-rotate:hover,
.hvr-grow-rotate:focus,
.hvr-grow-rotate:active {
  transform: scale(1.1) rotate(4deg);
}

/* Float */

.hvr-float {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-float:hover,
.hvr-float:focus,
.hvr-float:active {
  transform: translateY(-8px);
}

/* Sink */

.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-sink:hover,
.hvr-sink:focus,
.hvr-sink:active {
  transform: translateY(8px);
}

/* Bob */

@keyframes hvr-bob {
  0% {
    transform: translateY(-8px);
  }

  50% {
    transform: translateY(-4px);
  }

  100% {
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    transform: translateY(-8px);
  }
}

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-bob:hover,
.hvr-bob:focus,
.hvr-bob:active {
  animation-name: hvr-bob-float, hvr-bob;
  animation-duration: 0.3s, 1.5s;
  animation-delay: 0s, 0.3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

/* Hang */

@keyframes hvr-hang {
  0% {
    transform: translateY(8px);
  }

  50% {
    transform: translateY(4px);
  }

  100% {
    transform: translateY(8px);
  }
}

@keyframes hvr-hang-sink {
  100% {
    transform: translateY(8px);
  }
}

.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-hang:hover,
.hvr-hang:focus,
.hvr-hang:active {
  animation-name: hvr-hang-sink, hvr-hang;
  animation-duration: 0.3s, 1.5s;
  animation-delay: 0s, 0.3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

/* Skew */

.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-skew:hover,
.hvr-skew:focus,
.hvr-skew:active {
  transform: skew(-10deg);
}

/* Skew Forward */

.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transform-origin: 0 100%;
}

.hvr-skew-forward:hover,
.hvr-skew-forward:focus,
.hvr-skew-forward:active {
  transform: skew(-10deg);
}

/* Skew Backward */

.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transform-origin: 0 100%;
}

.hvr-skew-backward:hover,
.hvr-skew-backward:focus,
.hvr-skew-backward:active {
  transform: skew(10deg);
}

/* Wobble Vertical */

@keyframes hvr-wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }

  33.3% {
    transform: translateY(-6px);
  }

  49.95% {
    transform: translateY(4px);
  }

  66.6% {
    transform: translateY(-2px);
  }

  83.25% {
    transform: translateY(1px);
  }

  100% {
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-vertical:hover,
.hvr-wobble-vertical:focus,
.hvr-wobble-vertical:active {
  animation-name: hvr-wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble Horizontal */

@keyframes hvr-wobble-horizontal {
  16.65% {
    transform: translateX(8px);
  }

  33.3% {
    transform: translateX(-6px);
  }

  49.95% {
    transform: translateX(4px);
  }

  66.6% {
    transform: translateX(-2px);
  }

  83.25% {
    transform: translateX(1px);
  }

  100% {
    transform: translateX(0);
  }
}

.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-horizontal:hover,
.hvr-wobble-horizontal:focus,
.hvr-wobble-horizontal:active {
  animation-name: hvr-wobble-horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble To Bottom Right */

@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    transform: translate(8px, 8px);
  }

  33.3% {
    transform: translate(-6px, -6px);
  }

  49.95% {
    transform: translate(4px, 4px);
  }

  66.6% {
    transform: translate(-2px, -2px);
  }

  83.25% {
    transform: translate(1px, 1px);
  }

  100% {
    transform: translate(0, 0);
  }
}

.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-to-bottom-right:hover,
.hvr-wobble-to-bottom-right:focus,
.hvr-wobble-to-bottom-right:active {
  animation-name: hvr-wobble-to-bottom-right;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble To Top Right */

@keyframes hvr-wobble-to-top-right {
  16.65% {
    transform: translate(8px, -8px);
  }

  33.3% {
    transform: translate(-6px, 6px);
  }

  49.95% {
    transform: translate(4px, -4px);
  }

  66.6% {
    transform: translate(-2px, 2px);
  }

  83.25% {
    transform: translate(1px, -1px);
  }

  100% {
    transform: translate(0, 0);
  }
}

.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-to-top-right:hover,
.hvr-wobble-to-top-right:focus,
.hvr-wobble-to-top-right:active {
  animation-name: hvr-wobble-to-top-right;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble Top */

@keyframes hvr-wobble-top {
  16.65% {
    transform: skew(-12deg);
  }

  33.3% {
    transform: skew(10deg);
  }

  49.95% {
    transform: skew(-6deg);
  }

  66.6% {
    transform: skew(4deg);
  }

  83.25% {
    transform: skew(-2deg);
  }

  100% {
    transform: skew(0);
  }
}

.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transform-origin: 0 100%;
}

.hvr-wobble-top:hover,
.hvr-wobble-top:focus,
.hvr-wobble-top:active {
  animation-name: hvr-wobble-top;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble Bottom */

@keyframes hvr-wobble-bottom {
  16.65% {
    transform: skew(-12deg);
  }

  33.3% {
    transform: skew(10deg);
  }

  49.95% {
    transform: skew(-6deg);
  }

  66.6% {
    transform: skew(4deg);
  }

  83.25% {
    transform: skew(-2deg);
  }

  100% {
    transform: skew(0);
  }
}

.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transform-origin: 100% 0;
}

.hvr-wobble-bottom:hover,
.hvr-wobble-bottom:focus,
.hvr-wobble-bottom:active {
  animation-name: hvr-wobble-bottom;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble Skew */

@keyframes hvr-wobble-skew {
  16.65% {
    transform: skew(-12deg);
  }

  33.3% {
    transform: skew(10deg);
  }

  49.95% {
    transform: skew(-6deg);
  }

  66.6% {
    transform: skew(4deg);
  }

  83.25% {
    transform: skew(-2deg);
  }

  100% {
    transform: skew(0);
  }
}

.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-skew:hover,
.hvr-wobble-skew:focus,
.hvr-wobble-skew:active {
  animation-name: hvr-wobble-skew;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Buzz */

@keyframes hvr-buzz {
  50% {
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-buzz:hover,
.hvr-buzz:focus,
.hvr-buzz:active {
  animation-name: hvr-buzz;
  animation-duration: 0.15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Buzz Out */

@keyframes hvr-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    transform: translateX(1px) rotate(0);
  }

  100% {
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-buzz-out:hover,
.hvr-buzz-out:focus,
.hvr-buzz-out:active {
  animation-name: hvr-buzz-out;
  animation-duration: 0.75s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Forward */

.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-forward:hover,
.hvr-forward:focus,
.hvr-forward:active {
  transform: translateX(8px);
}

/* Backward */

.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-backward:hover,
.hvr-backward:focus,
.hvr-backward:active {
  transform: translateX(-8px);
}

/* BACKGROUND TRANSITIONS */

/* Fade */

.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  transition-duration: 0.3s;
  transition-property: color, background-color;
}

.hvr-fade:hover,
.hvr-fade:focus,
.hvr-fade:active {
  background-color: #2098D1;
  color: white;
}

/* Back Pulse */

@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}

.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  transition-duration: 0.5s;
  transition-property: color, background-color;
}

.hvr-back-pulse:hover,
.hvr-back-pulse:focus,
.hvr-back-pulse:active {
  animation-name: hvr-back-pulse;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background-color: #2098D1;
  background-color: #2098d1;
  color: white;
}

/* Sweep To Right */

.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
  color: white;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  transform: scaleX(1);
}

/* Sweep To Left */

.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-left:hover,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:active {
  color: white;
}

.hvr-sweep-to-left:hover:before,
.hvr-sweep-to-left:focus:before,
.hvr-sweep-to-left:active:before {
  transform: scaleX(1);
}

/* Sweep To Bottom */

.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:active {
  color: white;
}

.hvr-sweep-to-bottom:hover:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:active:before {
  transform: scaleY(1);
}

/* Sweep To Top */

.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1d384d;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-top:hover,
.hvr-sweep-to-top:focus,
.hvr-sweep-to-top:active {
  color: white;
}

.hvr-sweep-to-top:hover:before,
.hvr-sweep-to-top:focus:before,
.hvr-sweep-to-top:active:before {
  transform: scaleY(1);
}

/* Bounce To Right */

.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-right:hover,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:active {
  color: white;
}

.hvr-bounce-to-right:hover:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:active:before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */

.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-left:hover,
.hvr-bounce-to-left:focus,
.hvr-bounce-to-left:active {
  color: white;
}

.hvr-bounce-to-left:hover:before,
.hvr-bounce-to-left:focus:before,
.hvr-bounce-to-left:active:before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */

.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-bottom:hover,
.hvr-bounce-to-bottom:focus,
.hvr-bounce-to-bottom:active {
  color: white;
}

.hvr-bounce-to-bottom:hover:before,
.hvr-bounce-to-bottom:focus:before,
.hvr-bounce-to-bottom:active:before {
  transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */

.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-top:hover,
.hvr-bounce-to-top:focus,
.hvr-bounce-to-top:active {
  color: white;
}

.hvr-bounce-to-top:hover:before,
.hvr-bounce-to-top:focus:before,
.hvr-bounce-to-top:active:before {
  transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Radial Out */

.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  border-radius: 100%;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {
  color: white;
}

.hvr-radial-out:hover:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:active:before {
  transform: scale(2);
}

/* Radial In */

.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  transform: scale(2);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-radial-in:hover,
.hvr-radial-in:focus,
.hvr-radial-in:active {
  color: white;
}

.hvr-radial-in:hover:before,
.hvr-radial-in:focus:before,
.hvr-radial-in:active:before {
  transform: scale(0);
}

/* Rectangle In */

.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  transform: scale(1);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-rectangle-in:hover,
.hvr-rectangle-in:focus,
.hvr-rectangle-in:active {
  color: white;
}

.hvr-rectangle-in:hover:before,
.hvr-rectangle-in:focus:before,
.hvr-rectangle-in:active:before {
  transform: scale(0);
}

/* Rectangle Out */

.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-rectangle-out:hover,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:active {
  color: white;
}

.hvr-rectangle-out:hover:before,
.hvr-rectangle-out:focus:before,
.hvr-rectangle-out:active:before {
  transform: scale(1);
}

/* Shutter In Horizontal */

.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  transform: scaleX(1);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-in-horizontal:hover,
.hvr-shutter-in-horizontal:focus,
.hvr-shutter-in-horizontal:active {
  color: white;
}

.hvr-shutter-in-horizontal:hover:before,
.hvr-shutter-in-horizontal:focus:before,
.hvr-shutter-in-horizontal:active:before {
  transform: scaleX(0);
}

/* Shutter Out Horizontal */

.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-horizontal:focus,
.hvr-shutter-out-horizontal:active {
  color: white;
}

.hvr-shutter-out-horizontal:hover:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:active:before {
  transform: scaleX(1);
}

/* Shutter In Vertical */

.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  transform: scaleY(1);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-in-vertical:hover,
.hvr-shutter-in-vertical:focus,
.hvr-shutter-in-vertical:active {
  color: white;
}

.hvr-shutter-in-vertical:hover:before,
.hvr-shutter-in-vertical:focus:before,
.hvr-shutter-in-vertical:active:before {
  transform: scaleY(0);
}

/* Shutter Out Vertical */

.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-out-vertical:hover,
.hvr-shutter-out-vertical:focus,
.hvr-shutter-out-vertical:active {
  color: white;
}

.hvr-shutter-out-vertical:hover:before,
.hvr-shutter-out-vertical:focus:before,
.hvr-shutter-out-vertical:active:before {
  transform: scaleY(1);
}

/* BORDER TRANSITIONS */

/* Border Fade */

.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-border-fade:hover,
.hvr-border-fade:focus,
.hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Hollow */

.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-hollow:hover,
.hvr-hollow:focus,
.hvr-hollow:active {
  background: none;
}

/* Trim */

.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-trim:before {
  content: "";
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
}

.hvr-trim:hover:before,
.hvr-trim:focus:before,
.hvr-trim:active:before {
  opacity: 1;
}

/* Ripple Out */

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-ripple-out:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation-duration: 1s;
}

.hvr-ripple-out:hover:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:active:before {
  animation-name: hvr-ripple-out;
}

/* Ripple In */

@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}

.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-ripple-in:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  animation-duration: 1s;
}

.hvr-ripple-in:hover:before,
.hvr-ripple-in:focus:before,
.hvr-ripple-in:active:before {
  animation-name: hvr-ripple-in;
}

/* Outline Out */

.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-outline-out:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition-duration: 0.3s;
  transition-property: top, right, bottom, left;
}

.hvr-outline-out:hover:before,
.hvr-outline-out:focus:before,
.hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

/* Outline In */

.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-outline-in:before {
  pointer-events: none;
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: top, right, bottom, left;
}

.hvr-outline-in:hover:before,
.hvr-outline-in:focus:before,
.hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}

/* Round Corners */

.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: border-radius;
}

.hvr-round-corners:hover,
.hvr-round-corners:focus,
.hvr-round-corners:active {
  border-radius: 1em;
}

/* Underline From Left */

.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-from-left:hover:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:active:before {
  right: 0;
}

/* Underline From Center */

.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Underline From Right */

.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-from-right:hover:before,
.hvr-underline-from-right:focus:before,
.hvr-underline-from-right:active:before {
  left: 0;
}

/* Overline From Left */

.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098D1;
  height: 4px;
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-from-left:hover:before,
.hvr-overline-from-left:focus:before,
.hvr-overline-from-left:active:before {
  right: 0;
}

/* Overline From Center */

.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  top: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-from-center:hover:before,
.hvr-overline-from-center:focus:before,
.hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Overline From Right */

.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-from-right:hover:before,
.hvr-overline-from-right:focus:before,
.hvr-overline-from-right:active:before {
  left: 0;
}

/* Reveal */

.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098D1;
  border-style: solid;
  border-width: 0;
  transition-property: border-width;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}

.hvr-reveal:hover:before,
.hvr-reveal:focus:before,
.hvr-reveal:active:before {
  transform: translateY(0);
  border-width: 4px;
}

/* Underline Reveal */

.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transform: translateY(4px);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-reveal:hover:before,
.hvr-underline-reveal:focus:before,
.hvr-underline-reveal:active:before {
  transform: translateY(0);
}

/* Overline Reveal */

.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  transform: translateY(-4px);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-reveal:hover:before,
.hvr-overline-reveal:focus:before,
.hvr-overline-reveal:active:before {
  transform: translateY(0);
}

/* SHADOW/GLOW TRANSITIONS */

/* Glow */

.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
}

.hvr-glow:hover,
.hvr-glow:focus,
.hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Shadow */

.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
}

.hvr-shadow:hover,
.hvr-shadow:focus,
.hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* Grow Shadow */

.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow, transform;
}

.hvr-grow-shadow:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  transform: scale(1.1);
}

/* Box Shadow Outset */

.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
}

.hvr-box-shadow-outset:hover,
.hvr-box-shadow-outset:focus,
.hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Inset */

.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-box-shadow-inset:hover,
.hvr-box-shadow-inset:focus,
.hvr-box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Float Shadow */

.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  transition-duration: 0.3s;
  transition-property: transform, opacity;
}

.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {
  transform: translateY(-5px);
  /* move the element up by 5px */
}

.hvr-float-shadow:hover:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:active:before {
  opacity: 1;
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shadow Radial */

.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-shadow-radial:before,
.hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
}

.hvr-shadow-radial:before {
  bottom: 100%;
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.hvr-shadow-radial:after {
  top: 100%;
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.hvr-shadow-radial:hover:before,
.hvr-shadow-radial:focus:before,
.hvr-shadow-radial:active:before,
.hvr-shadow-radial:hover:after,
.hvr-shadow-radial:focus:after,
.hvr-shadow-radial:active:after {
  opacity: 1;
}

/* SPEECH BUBBLES */

/* Bubble Top */

.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
}

.hvr-bubble-top:hover:before,
.hvr-bubble-top:focus:before,
.hvr-bubble-top:active:before {
  transform: translateY(-10px);
}

/* Bubble Right */

.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
}

.hvr-bubble-right:hover:before,
.hvr-bubble-right:focus:before,
.hvr-bubble-right:active:before {
  transform: translateX(10px);
}

/* Bubble Bottom */

.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
}

.hvr-bubble-bottom:hover:before,
.hvr-bubble-bottom:focus:before,
.hvr-bubble-bottom:active:before {
  transform: translateY(10px);
}

/* Bubble Left */

.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}

.hvr-bubble-left:hover:before,
.hvr-bubble-left:focus:before,
.hvr-bubble-left:active:before {
  transform: translateX(-10px);
}

/* Bubble Float Top */

.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: "";
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-top:hover,
.hvr-bubble-float-top:focus,
.hvr-bubble-float-top:active {
  transform: translateY(10px);
}

.hvr-bubble-float-top:hover:before,
.hvr-bubble-float-top:focus:before,
.hvr-bubble-float-top:active:before {
  transform: translateY(-10px);
}

/* Bubble Float Right */

.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: "";
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-right:hover,
.hvr-bubble-float-right:focus,
.hvr-bubble-float-right:active {
  transform: translateX(-10px);
}

.hvr-bubble-float-right:hover:before,
.hvr-bubble-float-right:focus:before,
.hvr-bubble-float-right:active:before {
  transform: translateX(10px);
}

/* Bubble Float Bottom */

.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: "";
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-bottom:hover,
.hvr-bubble-float-bottom:focus,
.hvr-bubble-float-bottom:active {
  transform: translateY(-10px);
}

.hvr-bubble-float-bottom:hover:before,
.hvr-bubble-float-bottom:focus:before,
.hvr-bubble-float-bottom:active:before {
  transform: translateY(10px);
}

/* Bubble Float Left */

.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-left:hover,
.hvr-bubble-float-left:focus,
.hvr-bubble-float-left:active {
  transform: translateX(10px);
}

.hvr-bubble-float-left:hover:before,
.hvr-bubble-float-left:focus:before,
.hvr-bubble-float-left:active:before {
  transform: translateX(-10px);
}

/* ICONS */

/* Icon Back */

.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.1s;
}

.hvr-icon-back .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.1s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-back:hover .hvr-icon,
.hvr-icon-back:focus .hvr-icon,
.hvr-icon-back:active .hvr-icon {
  transform: translateX(-4px);
}

/* Icon Forward */

.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.1s;
}

.hvr-icon-forward .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.1s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-forward:hover .hvr-icon,
.hvr-icon-forward:focus .hvr-icon,
.hvr-icon-forward:active .hvr-icon {
  transform: translateX(4px);
}

/* Icon Down */

@keyframes hvr-icon-down {
  0%, 50%, 100% {
    transform: translateY(0);
  }

  25%, 75% {
    transform: translateY(6px);
  }
}

/* Icon Down */

.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-down .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-down:hover .hvr-icon,
.hvr-icon-down:focus .hvr-icon,
.hvr-icon-down:active .hvr-icon {
  animation-name: hvr-icon-down;
  animation-duration: 0.75s;
  animation-timing-function: ease-out;
}

/* Icon Up */

@keyframes hvr-icon-up {
  0%, 50%, 100% {
    transform: translateY(0);
  }

  25%, 75% {
    transform: translateY(-6px);
  }
}

/* Icon Up */

.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-up .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-up:hover .hvr-icon,
.hvr-icon-up:focus .hvr-icon,
.hvr-icon-up:active .hvr-icon {
  animation-name: hvr-icon-up;
  animation-duration: 0.75s;
  animation-timing-function: ease-out;
}

/* Icon Spin */

.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-spin .hvr-icon {
  transition-duration: 1s;
  transition-property: transform;
  transition-timing-function: ease-in-out;
}

.hvr-icon-spin:hover .hvr-icon,
.hvr-icon-spin:focus .hvr-icon,
.hvr-icon-spin:active .hvr-icon {
  transform: rotate(360deg);
}

/* Icon Drop */

@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
    transform: translateY(-100%);
  }

  51%, 100% {
    opacity: 1;
  }
}

/* Icon Drop */

.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-drop .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-drop:hover .hvr-icon,
.hvr-icon-drop:focus .hvr-icon,
.hvr-icon-drop:active .hvr-icon {
  opacity: 0;
  transition-duration: 0.3s;
  animation-name: hvr-icon-drop;
  animation-duration: 0.5s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Icon Fade */

.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-fade .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.5s;
  transition-property: color;
}

.hvr-icon-fade:hover .hvr-icon,
.hvr-icon-fade:focus .hvr-icon,
.hvr-icon-fade:active .hvr-icon {
  color: #0F9E5E;
}

/* Icon Float Away */

@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(-1em);
  }
}

/* Icon Float Away */

.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-float-away .hvr-icon {
  transform: translateZ(0);
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

.hvr-icon-float-away:hover .hvr-icon,
.hvr-icon-float-away:focus .hvr-icon,
.hvr-icon-float-away:active .hvr-icon {
  animation-name: hvr-icon-float-away;
  animation-timing-function: ease-out;
}

/* Icon Sink Away */

@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(1em);
  }
}

/* Icon Sink Away */

.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-sink-away .hvr-icon {
  transform: translateZ(0);
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

.hvr-icon-sink-away:hover .hvr-icon,
.hvr-icon-sink-away:focus .hvr-icon,
.hvr-icon-sink-away:active .hvr-icon {
  animation-name: hvr-icon-sink-away;
  animation-timing-function: ease-out;
}

/* Icon Grow */

.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-grow .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-grow:hover .hvr-icon,
.hvr-icon-grow:focus .hvr-icon,
.hvr-icon-grow:active .hvr-icon {
  transform: scale(1.3) translateZ(0);
}

/* Icon Shrink */

.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-shrink .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-shrink:hover .hvr-icon,
.hvr-icon-shrink:focus .hvr-icon,
.hvr-icon-shrink:active .hvr-icon {
  transform: scale(0.8);
}

/* Icon Pulse */

@keyframes hvr-icon-pulse {
  25% {
    transform: scale(1.3);
  }

  75% {
    transform: scale(0.8);
  }
}

.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse .hvr-icon {
  transform: translateZ(0);
  transition-timing-function: ease-out;
}

.hvr-icon-pulse:hover .hvr-icon,
.hvr-icon-pulse:focus .hvr-icon,
.hvr-icon-pulse:active .hvr-icon {
  animation-name: hvr-icon-pulse;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Icon Pulse Grow */

@keyframes hvr-icon-pulse-grow {
  to {
    transform: scale(1.3);
  }
}

.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse-grow .hvr-icon {
  transform: translateZ(0);
  transition-timing-function: ease-out;
}

.hvr-icon-pulse-grow:hover .hvr-icon,
.hvr-icon-pulse-grow:focus .hvr-icon,
.hvr-icon-pulse-grow:active .hvr-icon {
  animation-name: hvr-icon-pulse-grow;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Icon Pulse Shrink */

@keyframes hvr-icon-pulse-shrink {
  to {
    transform: scale(0.8);
  }
}

.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse-shrink .hvr-icon {
  transform: translateZ(0);
  transition-timing-function: ease-out;
}

.hvr-icon-pulse-shrink:hover .hvr-icon,
.hvr-icon-pulse-shrink:focus .hvr-icon,
.hvr-icon-pulse-shrink:active .hvr-icon {
  animation-name: hvr-icon-pulse-shrink;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Icon Push */

@keyframes hvr-icon-push {
  50% {
    transform: scale(0.5);
  }
}

.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-push .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-push:hover .hvr-icon,
.hvr-icon-push:focus .hvr-icon,
.hvr-icon-push:active .hvr-icon {
  animation-name: hvr-icon-push;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Icon Pop */

@keyframes hvr-icon-pop {
  50% {
    transform: scale(1.5);
  }
}

.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-pop .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-pop:hover .hvr-icon,
.hvr-icon-pop:focus .hvr-icon,
.hvr-icon-pop:active .hvr-icon {
  animation-name: hvr-icon-pop;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Icon Bounce */

.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-bounce .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-bounce:hover .hvr-icon,
.hvr-icon-bounce:focus .hvr-icon,
.hvr-icon-bounce:active .hvr-icon {
  transform: scale(1.5);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Icon Rotate */

.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-rotate .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-rotate:hover .hvr-icon,
.hvr-icon-rotate:focus .hvr-icon,
.hvr-icon-rotate:active .hvr-icon {
  transform: rotate(20deg);
}

/* Icon Grow Rotate */

.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-grow-rotate .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-grow-rotate:hover .hvr-icon,
.hvr-icon-grow-rotate:focus .hvr-icon,
.hvr-icon-grow-rotate:active .hvr-icon {
  transform: scale(1.5) rotate(12deg);
}

/* Icon Float */

.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-float .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-float:hover .hvr-icon,
.hvr-icon-float:focus .hvr-icon,
.hvr-icon-float:active .hvr-icon {
  transform: translateY(-4px);
}

/* Icon Sink */

.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-sink .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-sink:hover .hvr-icon,
.hvr-icon-sink:focus .hvr-icon,
.hvr-icon-sink:active .hvr-icon {
  transform: translateY(4px);
}

/* Icon Bob */

@keyframes hvr-icon-bob {
  0% {
    transform: translateY(-6px);
  }

  50% {
    transform: translateY(-2px);
  }

  100% {
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-bob-float {
  100% {
    transform: translateY(-6px);
  }
}

.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-bob .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-bob:hover .hvr-icon,
.hvr-icon-bob:focus .hvr-icon,
.hvr-icon-bob:active .hvr-icon {
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-duration: 0.3s, 1.5s;
  animation-delay: 0s, 0.3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

/* Icon Hang */

@keyframes hvr-icon-hang {
  0% {
    transform: translateY(6px);
  }

  50% {
    transform: translateY(2px);
  }

  100% {
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-hang-sink {
  100% {
    transform: translateY(6px);
  }
}

.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-hang .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-hang:hover .hvr-icon,
.hvr-icon-hang:focus .hvr-icon,
.hvr-icon-hang:active .hvr-icon {
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-duration: 0.3s, 1.5s;
  animation-delay: 0s, 0.3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

/* Icon Wobble Horizontal */

@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    transform: translateX(6px);
  }

  33.3% {
    transform: translateX(-5px);
  }

  49.95% {
    transform: translateX(4px);
  }

  66.6% {
    transform: translateX(-2px);
  }

  83.25% {
    transform: translateX(1px);
  }

  100% {
    transform: translateX(0);
  }
}

.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-wobble-horizontal .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-wobble-horizontal:hover .hvr-icon,
.hvr-icon-wobble-horizontal:focus .hvr-icon,
.hvr-icon-wobble-horizontal:active .hvr-icon {
  animation-name: hvr-icon-wobble-horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Icon Wobble Vertical */

@keyframes hvr-icon-wobble-vertical {
  16.65% {
    transform: translateY(6px);
  }

  33.3% {
    transform: translateY(-5px);
  }

  49.95% {
    transform: translateY(4px);
  }

  66.6% {
    transform: translateY(-2px);
  }

  83.25% {
    transform: translateY(1px);
  }

  100% {
    transform: translateY(0);
  }
}

.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-wobble-vertical .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-wobble-vertical:hover .hvr-icon,
.hvr-icon-wobble-vertical:focus .hvr-icon,
.hvr-icon-wobble-vertical:active .hvr-icon {
  animation-name: hvr-icon-wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Icon Buzz */

@keyframes hvr-icon-buzz {
  50% {
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-buzz .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-buzz:hover .hvr-icon,
.hvr-icon-buzz:focus .hvr-icon,
.hvr-icon-buzz:active .hvr-icon {
  animation-name: hvr-icon-buzz;
  animation-duration: 0.15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Icon Buzz Out */

@keyframes hvr-icon-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    transform: translateX(1px) rotate(0);
  }

  100% {
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-buzz-out .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-buzz-out:hover .hvr-icon,
.hvr-icon-buzz-out:focus .hvr-icon,
.hvr-icon-buzz-out:active .hvr-icon {
  animation-name: hvr-icon-buzz-out;
  animation-duration: 0.75s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* CURLS */

/* Curl Top Left */

.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
  /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-top-left:hover:before,
.hvr-curl-top-left:focus:before,
.hvr-curl-top-left:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Top Right */

.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-top-right:hover:before,
.hvr-curl-top-right:focus:before,
.hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Right */

.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-bottom-right:hover:before,
.hvr-curl-bottom-right:focus:before,
.hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Left */

.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-bottom-left:hover:before,
.hvr-curl-bottom-left:focus:before,
.hvr-curl-bottom-left:active:before {
  width: 25px;
  height: 25px;
}

/**
Views
**/

.home .slick-arrow,
.page-template-template-home .slick-arrow {
  display: none !important;
}

.home .mobile-box3,
.page-template-template-home .mobile-box3 {
  display: none;
  margin-bottom: 20px;
}

.home .mobile-box3 .slick-dots,
.page-template-template-home .mobile-box3 .slick-dots {
  margin: 10px 0 0 0;
  top: 3px;
}

.home .mobile-box3 .box-arrow,
.page-template-template-home .mobile-box3 .box-arrow {
  float: left;
  position: relative;
  top: -16px;
}

.home .mobile-box3 .box3-in,
.page-template-template-home .mobile-box3 .box3-in {
  display: flex;
}

.home .mobile-box3 .box3-in .icon,
.page-template-template-home .mobile-box3 .box3-in .icon {
  width: 65%;
}

@media only screen and (max-width: 600px) {
  .home .mobile-box3 .box3-in .title,
  .page-template-template-home .mobile-box3 .box3-in .title {
    font-size: 1.3rem;
  }
}

@media only screen and (max-width: 900px) {
  .home .mobile-box3,
  .page-template-template-home .mobile-box3 {
    display: block;
    box-shadow: 7px 23px 31px -28px rgba(0, 0, 0, 0.21);
    padding: 0 23px 26px 20px;
  }
}

.home .mobile-box3 .title,
.page-template-template-home .mobile-box3 .title {
  display: flex;
  align-items: baseline;
  margin: 0 0 10px 0;
}

@media only screen and (max-width: 900px) {
  .home .mobile-box3 .box3-in .icon,
  .page-template-template-home .mobile-box3 .box3-in .icon {
    width: 30px;
    margin: 0 10px 0 0;
  }
}

.home .cursed-line,
.page-template-template-home .cursed-line {
  width: 2px;
  position: fixed;
  right: 20px;
  background-color: #bfbfbf;
  height: 350px;
  top: 150px;
  z-index: 1000;
  min-height: 50px;
}

@media only screen and (max-width: 1700px) {
  .home .cursed-line,
  .page-template-template-home .cursed-line {
    display: none !important;
  }
}

.home .cursed-line:after,
.page-template-template-home .cursed-line:after {
  content: "";
  display: block;
  background-image: url(/wp-content/themes/haifa-port/images/gray.svg);
  background-repeat: no-repeat;
  width: 30px;
  height: 20px;
  position: absolute;
  bottom: -10px;
  right: -14px;
}

.home .cursed-line.change-arr:after,
.page-template-template-home .cursed-line.change-arr:after {
  background-image: url(/wp-content/themes/haifa-port/images/arrow-yellow.svg) !important;
}

.home .whether-movie-link,
.page-template-template-home .whether-movie-link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 20px 50px;
}

@media only screen and (max-width: 900px) {
  .home .whether-movie-link,
  .page-template-template-home .whether-movie-link {
    position: absolute;
    bottom: 190px;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 600px) {
  .home .whether-movie-link,
  .page-template-template-home .whether-movie-link {
    bottom: 110px;
  }
}

@media only screen and (max-width: 450px) {
  .home .whether-movie-link,
  .page-template-template-home .whether-movie-link {
    padding: 20px;
  }
}

.home .whether-movie-link .movie-link,
.page-template-template-home .whether-movie-link .movie-link {
  position: relative;
}

.home .whether-movie-link .movie-link:after,
.page-template-template-home .whether-movie-link .movie-link:after {
  content: "";
  display: block;
  height: 46px;
  width: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: -7px;
}

@media only screen and (max-width: 900px) {
  .home .whether-movie-link .movie-link:after,
  .page-template-template-home .whether-movie-link .movie-link:after {
    content: none;
  }
}

.home .whether-movie-link .movie-link a,
.page-template-template-home .whether-movie-link .movie-link a {
  font-size: 1.375rem;
  color: #fff;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 450px) {
  .home .whether-movie-link .movie-link a,
  .page-template-template-home .whether-movie-link .movie-link a {
    font-size: 0.8rem;
  }
}

.home .whether-movie-link .movie-link a svg,
.page-template-template-home .whether-movie-link .movie-link a svg {
  margin: 0 10px;
}

.home .home-boxes-wrap,
.page-template-template-home .home-boxes-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
}

@media only screen and (max-width: 900px) {
  .home .home-boxes-wrap,
  .page-template-template-home .home-boxes-wrap {
    position: static;
  }
}

.home .home-boxes,
.page-template-template-home .home-boxes {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #fff;
}

@media only screen and (max-width: 900px) {
  .home .home-boxes,
  .page-template-template-home .home-boxes {
    border: none;
  }
}

.home .home-boxes .box,
.page-template-template-home .home-boxes .box {
  width: 33.3333%;
  padding: 30px 50px;
  display: inline-flex;
  align-items: end;
  min-height: 220px;
}

@media only screen and (max-width: 1290px) {
  .home .home-boxes .box,
  .page-template-template-home .home-boxes .box {
    padding: 10px 50px;
    min-height: 0;
    align-items: center;
  }
}

@media only screen and (max-width: 1070px) {
  .home .home-boxes .box,
  .page-template-template-home .home-boxes .box {
    padding: 10px 20px;
  }
}

@media only screen and (max-width: 900px) {
  .home .home-boxes .box,
  .page-template-template-home .home-boxes .box {
    width: 100%;
  }
}

.home .home-boxes .box > div,
.page-template-template-home .home-boxes .box > div {
  width: 100%;
}

.home .home-boxes .box .box-title-content,
.page-template-template-home .home-boxes .box .box-title-content {
  position: relative;
  padding: 0px 20px 12px 0;
}

.home .home-boxes .box .box-title-content:after,
.page-template-template-home .home-boxes .box .box-title-content:after {
  content: "";
  height: 90px;
  background-color: #fff;
  width: 1px;
  position: absolute;
  top: 20px;
  right: 0;
}

.home .home-boxes .box .box-title-content .box-title,
.page-template-template-home .home-boxes .box .box-title-content .box-title {
  font-size: 2.875rem;
  line-height: 2.9rem;
  font-weight: bold;
}

@media only screen and (max-width: 1400px) {
  .home .home-boxes .box .box-title-content .box-title,
  .page-template-template-home .home-boxes .box .box-title-content .box-title {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 1200px) {
  .home .home-boxes .box .box-title-content .box-title,
  .page-template-template-home .home-boxes .box .box-title-content .box-title {
    font-size: 1.2rem;
  }
}

.home .home-boxes .box .box-title-content .box-content p,
.page-template-template-home .home-boxes .box .box-title-content .box-content p {
  font-size: 1.125rem;
  line-height: 1.1rem;
  font-weight: 400;
}

@media only screen and (max-width: 1200px) {
  .home .home-boxes .box .box-title-content .box-content p,
  .page-template-template-home .home-boxes .box .box-title-content .box-content p {
    font-size: 0.9rem;
  }
}

.home .home-boxes .box .box-arrow,
.page-template-template-home .home-boxes .box .box-arrow {
  text-align: left;
  display: block;
}

.home .home-boxes .box.box1,
.page-template-template-home .home-boxes .box.box1 {
  background-color: transparent;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.43), rgba(255, 255, 255, 0));
}

@media only screen and (max-width: 900px) {
  .home .home-boxes .box.box1,
  .page-template-template-home .home-boxes .box.box1 {
    display: none;
  }
}

.home .home-boxes .box.box1 .box-title-content .box-title,
.page-template-template-home .home-boxes .box.box1 .box-title-content .box-title {
  color: #ffc600;
}

.home .home-boxes .box.box1 .box-title-content .box-content p,
.page-template-template-home .home-boxes .box.box1 .box-title-content .box-content p {
  color: #fff;
}

.home .home-boxes .box.box2,
.page-template-template-home .home-boxes .box.box2 {
  background-color: #ffc600;
}

@media only screen and (max-width: 900px) {
  .home .home-boxes .box.box2,
  .page-template-template-home .home-boxes .box.box2 {
    display: none;
  }
}

.home .home-boxes .box.box2 .box2-input-arrow,
.page-template-template-home .home-boxes .box.box2 .box2-input-arrow {
  position: relative;
  max-width: 500px;
  margin: 0 20px;
}

.home .home-boxes .box.box2 input,
.page-template-template-home .home-boxes .box.box2 input {
  height: 65px;
  margin: 0;
  font-size: 1.3rem;
}

@media only screen and (max-width: 1630px) {
  .home .home-boxes .box.box2 input,
  .page-template-template-home .home-boxes .box.box2 input {
    font-size: 0.9rem;
  }
}

@media only screen and (max-width: 1200px) {
  .home .home-boxes .box.box2 input,
  .page-template-template-home .home-boxes .box.box2 input {
    height: 40px;
    font-size: 0.6rem;
  }
}

.home .home-boxes .box.box2 .box-title-content .box-title,
.page-template-template-home .home-boxes .box.box2 .box-title-content .box-title {
  color: #1d384d;
}

.home .home-boxes .box.box2 .box-title-content .box-content p,
.page-template-template-home .home-boxes .box.box2 .box-title-content .box-content p {
  color: #1d384d;
}

.home .home-boxes .box.box2 .box-arrow,
.page-template-template-home .home-boxes .box.box2 .box-arrow {
  position: absolute;
  top: 22px;
  left: 15px;
  cursor: pointer;
}

@media only screen and (max-width: 1400px) {
  .home .home-boxes .box.box2 .box-arrow,
  .page-template-template-home .home-boxes .box.box2 .box-arrow {
    top: 23px !important;
  }
}

@media only screen and (max-width: 1200px) {
  .home .home-boxes .box.box2 .box-arrow,
  .page-template-template-home .home-boxes .box.box2 .box-arrow {
    top: 12px !important;
  }
}

@media only screen and (max-width: 1000px) {
  .home .home-boxes .box.box2 .box-arrow,
  .page-template-template-home .home-boxes .box.box2 .box-arrow {
    margin: 0;
  }
}

.home .home-boxes .box.box3,
.page-template-template-home .home-boxes .box.box3 {
  background-color: #f8f8f8;
  align-items: center;
  direction: rtl;
}

@media only screen and (max-width: 900px) {
  .home .home-boxes .box.box3,
  .page-template-template-home .home-boxes .box.box3 {
    display: none;
  }
}

.home .home-boxes .box.box3 .slick-arrow,
.page-template-template-home .home-boxes .box.box3 .slick-arrow {
  display: none !important;
}

.home .home-boxes .box.box3 #messages-boxes .box3-in,
.page-template-template-home .home-boxes .box.box3 #messages-boxes .box3-in {
  display: flex;
  position: relative;
}

.home .home-boxes .box.box3 #messages-boxes .box3-in .icon,
.page-template-template-home .home-boxes .box.box3 #messages-boxes .box3-in .icon {
  width: 100px;
  margin: 10px 0 0 10px;
}

.home .home-boxes .box.box3 #messages-boxes .box3-in .title,
.page-template-template-home .home-boxes .box.box3 #messages-boxes .box3-in .title {
  font-size: 1.625rem;
  font-weight: bold;
}

@media only screen and (max-width: 1400px) {
  .home .home-boxes .box.box3 #messages-boxes .box3-in .title,
  .page-template-template-home .home-boxes .box.box3 #messages-boxes .box3-in .title {
    font-size: 1.3rem;
  }
}

@media only screen and (max-width: 1200px) {
  .home .home-boxes .box.box3 #messages-boxes .box3-in .title,
  .page-template-template-home .home-boxes .box.box3 #messages-boxes .box3-in .title {
    font-size: 1rem;
  }
}

.home .home-boxes .box.box3 #messages-boxes .box3-in .content-text p,
.page-template-template-home .home-boxes .box.box3 #messages-boxes .box3-in .content-text p {
  color: #434344;
  font-size: 1.1875rem;
  line-height: 1.2rem;
  font-weight: 400;
}

@media only screen and (max-width: 1200px) {
  .home .home-boxes .box.box3 #messages-boxes .box3-in .content-text p,
  .page-template-template-home .home-boxes .box.box3 #messages-boxes .box3-in .content-text p {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

.home .home-boxes .box.box3 .box-arrow,
.page-template-template-home .home-boxes .box.box3 .box-arrow {
  cursor: pointer;
}

.home .home-title-filters,
.page-template-template-home .home-title-filters {
  margin: 200px 50px 0 20px;
  width: 100%;
  position: relative;
}

.home .home-title-filters:after,
.page-template-template-home .home-title-filters:after {
  content: "";
  display: block;
  border: 2px solid #ffc600;
  height: 88%;
  position: absolute;
  right: -20px;
  top: 8px;
}

@media only screen and (max-width: 450px) {
  .home .home-title-filters:after,
  .page-template-template-home .home-title-filters:after {
    right: -14px;
    top: 2px;
    height: 84%;
  }
}

@media only screen and (max-width: 1500px) {
  .home .home-title-filters,
  .page-template-template-home .home-title-filters {
    margin: 140px 50px 0 20px;
  }
}

@media only screen and (max-width: 1070px) {
  .home .home-title-filters,
  .page-template-template-home .home-title-filters {
    margin: 120px 50px 0 20px;
  }
}

@media only screen and (max-width: 800px) {
  .home .home-title-filters,
  .page-template-template-home .home-title-filters {
    margin: 180px 30px 0 0px;
    width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .home .home-title-filters,
  .page-template-template-home .home-title-filters {
    margin: 120px 0px 0 0px;
    width: 100%;
  }
}

@media only screen and (max-width: 450px) {
  .home .home-title-filters,
  .page-template-template-home .home-title-filters {
    margin: 120px 20px 0 0px;
  }
}

.home .home-title-filters .filter-sub-subject,
.page-template-template-home .home-title-filters .filter-sub-subject {
  display: none;
  padding: 0;
  position: absolute;
  margin: 0;
}

.home .home-title-filters .filter-sub-subject.active,
.page-template-template-home .home-title-filters .filter-sub-subject.active {
  display: block;
}

.home .home-title-filters .filter-sub-subject li,
.page-template-template-home .home-title-filters .filter-sub-subject li {
  display: inline-block;
  vertical-align: top;
}

.home .home-title-filters .filter-sub-subject li a,
.page-template-template-home .home-title-filters .filter-sub-subject li a {
  display: block;
  background-color: #f8f8f8;
  padding: 10px 30px;
  margin-left: 20px;
  margin-bottom: 20px;
  transition: all 0.1s ease;
}

@media only screen and (max-width: 1030px) {
  .home .home-title-filters .filter-sub-subject li a,
  .page-template-template-home .home-title-filters .filter-sub-subject li a {
    font-size: 0.8rem;
  }
}

@media only screen and (max-width: 450px) {
  .home .home-title-filters .filter-sub-subject li a,
  .page-template-template-home .home-title-filters .filter-sub-subject li a {
    padding: 10px;
    margin-left: 2px;
    font-size: 0.7rem;
    margin-bottom: 4px;
  }
}

.home .home-title-filters .filter-sub-subject li:hover a,
.page-template-template-home .home-title-filters .filter-sub-subject li:hover a {
  background-color: #ffc600;
}

.home .home-title-filters .home-title p,
.page-template-template-home .home-title-filters .home-title p {
  font-size: 3.75rem;
  color: #fff;
  line-height: 3.8rem;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.5);
  font-weight: bold;
}

@media only screen and (max-width: 1100px) {
  .home .home-title-filters .home-title p,
  .page-template-template-home .home-title-filters .home-title p {
    font-size: 2rem;
    line-height: 2.1rem;
  }
}

@media only screen and (max-width: 1000px) {
  .home .home-title-filters .home-title p,
  .page-template-template-home .home-title-filters .home-title p {
    font-size: 1.75rem;
    line-height: 1.8rem;
  }
}

@media only screen and (max-width: 800px) {
  .home .home-title-filters .home-title p,
  .page-template-template-home .home-title-filters .home-title p {
    font-size: 3.75rem;
    line-height: 3.8rem;
  }
}

@media only screen and (max-width: 600px) {
  .home .home-title-filters .home-title p,
  .page-template-template-home .home-title-filters .home-title p {
    font-size: 1.75rem;
    line-height: 1.8rem;
  }
}

.home .home-title-filters .home-title-sub-title,
.page-template-template-home .home-title-filters .home-title-sub-title {
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 1.625rem;
  font-weight: bold;
  margin: 0 0 10px 0;
}

.home .home-welcome,
.page-template-template-home .home-welcome {
  padding: 70px 0;
}

@media only screen and (max-width: 1630px) {
  .home .home-welcome,
  .page-template-template-home .home-welcome {
    padding: 70px 20px;
  }
}

@media only screen and (max-width: 900px) {
  .home .home-welcome,
  .page-template-template-home .home-welcome {
    padding: 20px 0;
  }
}

.home .home-welcome .home-welcome-text,
.page-template-template-home .home-welcome .home-welcome-text {
  text-align: center;
  margin: auto;
}

@media only screen and (max-width: 700px) {
  .home .home-welcome .home-welcome-text,
  .page-template-template-home .home-welcome .home-welcome-text {
    margin: 30px 0;
  }
}

.home .home-welcome .home-welcome-text strong,
.page-template-template-home .home-welcome .home-welcome-text strong {
  font-size: 2.8125rem;
  margin-bottom: 30px;
  display: block;
}

@media only screen and (max-width: 900px) {
  .home .home-welcome .home-welcome-text strong,
  .page-template-template-home .home-welcome .home-welcome-text strong {
    font-size: 1.8125rem;
    line-height: 1.9rem;
  }
}

@media only screen and (max-width: 900px) {
  .home .home-welcome .home-welcome-text strong,
  .page-template-template-home .home-welcome .home-welcome-text strong {
    font-size: 1.3rem;
    line-height: 1.4rem;
    margin-bottom: 10px;
  }
}

.home .home-second-row,
.page-template-template-home .home-second-row {
  background-color: #052130;
  padding: 60px 0;
  margin-top: 70px;
}

@media only screen and (max-width: 600px) {
  .home .home-second-row,
  .page-template-template-home .home-second-row {
    padding: 30px 0;
  }
}

.home .home-second-row .pllexislider .pllex-control-paging li a:hover,
.home .home-second-row .pllexislider .pllex-control-paging li a.pllex-active,
.page-template-template-home .home-second-row .pllexislider .pllex-control-paging li a:hover,
.page-template-template-home .home-second-row .pllexislider .pllex-control-paging li a.pllex-active {
  box-shadow: none;
  background-color: #469AFD;
}

.home .home-second-row .instegram-feed-slider,
.page-template-template-home .home-second-row .instegram-feed-slider {
  direction: ltr;
}

.home .home-second-row .instegram-feed-slider .pllexislider,
.page-template-template-home .home-second-row .instegram-feed-slider .pllexislider {
  margin: 0;
  position: relative;
  border-radius: 9px;
  max-height: 500px;
}

.home .home-second-row .instegram-feed-slider .pllex-viewport,
.page-template-template-home .home-second-row .instegram-feed-slider .pllex-viewport {
  max-height: 500px;
  border-radius: 10px;
}

.home .home-second-row .instegram-feed-slider .pllexislider .pllex-control-nav,
.page-template-template-home .home-second-row .instegram-feed-slider .pllexislider .pllex-control-nav {
  top: auto;
  bottom: -65px;
  padding: 0 4px;
}

@media only screen and (max-width: 600px) {
  .home .home-second-row .instegram-feed-slider .pllexislider .pllex-control-nav,
  .page-template-template-home .home-second-row .instegram-feed-slider .pllexislider .pllex-control-nav {
    bottom: -20px;
  }
}

.home .home-second-row .instegram-feed-slider .pllexislider .pllex-control-paging li a,
.page-template-template-home .home-second-row .instegram-feed-slider .pllexislider .pllex-control-paging li a {
  width: 36px;
  height: 7px;
  border-radius: 0;
}

.home .home-second-row .instegram-feed-slider .jr-insta-datacontainer,
.page-template-template-home .home-second-row .instegram-feed-slider .jr-insta-datacontainer {
  display: none;
}

.home .home-second-row #big-social,
.page-template-template-home .home-second-row #big-social {
  display: flex;
  margin: 30px 0 0 0;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 95%;
}

.home .home-second-row #big-social li,
.page-template-template-home .home-second-row #big-social li {
  list-style-type: none;
  width: 49%;
}

.home .home-second-row #big-social li a,
.page-template-template-home .home-second-row #big-social li a {
  background-color: #fff;
  display: flex;
  padding: 10px;
  align-items: center;
  justify-content: space-around;
  font-size: 2rem;
  color: #469AFD;
}

.home .home-second-row #big-social li a svg,
.page-template-template-home .home-second-row #big-social li a svg {
  margin: 0 5px;
}

@media only screen and (max-width: 1600px) {
  .home .home-second-row #big-social li a,
  .page-template-template-home .home-second-row #big-social li a {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 600px) {
  .home .home-second-row #big-social li a,
  .page-template-template-home .home-second-row #big-social li a {
    font-size: 1rem;
  }
}

.home .home-second-row #big-social li a:hover,
.page-template-template-home .home-second-row #big-social li a:hover {
  background-color: #469AFD;
  color: #fff;
}

.home .home-second-row #big-social li a:hover svg path,
.page-template-template-home .home-second-row #big-social li a:hover svg path {
  fill: #fff;
}

@media only screen and (max-width: 1070px) {
  .home .home-second-row,
  .page-template-template-home .home-second-row {
    margin-top: 0px;
  }
}

.home .home-second-row .home-second-row-inside,
.page-template-template-home .home-second-row .home-second-row-inside {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
}

@media only screen and (max-width: 900px) {
  .home .home-second-row .home-second-row-inside,
  .page-template-template-home .home-second-row .home-second-row-inside {
    flex-direction: column-reverse;
  }
}

.home .home-second-row .home-second-row-inside > div,
.page-template-template-home .home-second-row .home-second-row-inside > div {
  width: 40%;
  position: relative;
}

@media only screen and (max-width: 900px) {
  .home .home-second-row .home-second-row-inside > div,
  .page-template-template-home .home-second-row .home-second-row-inside > div {
    width: 100%;
  }
}

.home .home-second-row .home-second-row-inside > div.image-side,
.page-template-template-home .home-second-row .home-second-row-inside > div.image-side {
  min-width: 600px;
}

@media only screen and (max-width: 1600px) {
  .home .home-second-row .home-second-row-inside > div.image-side,
  .page-template-template-home .home-second-row .home-second-row-inside > div.image-side {
    min-width: 300px;
  }
}

@media only screen and (max-width: 1070px) {
  .home .home-second-row .home-second-row-inside > div.image-side,
  .page-template-template-home .home-second-row .home-second-row-inside > div.image-side {
    min-width: 470px;
  }
}

@media only screen and (max-width: 900px) {
  .home .home-second-row .home-second-row-inside > div.image-side,
  .page-template-template-home .home-second-row .home-second-row-inside > div.image-side {
    min-width: 0;
    max-width: 400px;
  }
}

.home .home-second-row .home-second-row-inside .image-side .real-time-image,
.page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-image {
  position: relative;
  margin-top: -110px;
}

.home .home-second-row .home-second-row-inside .image-side .real-time-image .fly-real-time-status,
.page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-image .fly-real-time-status {
  position: absolute;
  top: 170px;
  right: -50px;
  background-color: #ffc600;
  padding: 30px 20px;
}

@media only screen and (max-width: 1500px) {
  .home .home-second-row .home-second-row-inside .image-side .real-time-image .fly-real-time-status,
  .page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-image .fly-real-time-status {
    padding: 13px;
  }
}

@media only screen and (max-width: 1100px) {
  .home .home-second-row .home-second-row-inside .image-side .real-time-image .fly-real-time-status,
  .page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-image .fly-real-time-status {
    right: -10px;
  }
}

@media only screen and (max-width: 999px) {
  .home .home-second-row .home-second-row-inside .image-side .real-time-image .fly-real-time-status,
  .page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-image .fly-real-time-status {
    top: 27px;
    right: 27px;
    padding: 10px 12px;
  }
}

.home .home-second-row .home-second-row-inside .image-side .real-time-image .fly-real-time-status p,
.page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-image .fly-real-time-status p {
  font-weight: 600;
  font-size: 1.875rem;
  color: #052130;
}

@media only screen and (max-width: 999px) {
  .home .home-second-row .home-second-row-inside .image-side .real-time-image .fly-real-time-status p,
  .page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-image .fly-real-time-status p {
    font-size: 1.1rem;
  }
}

.home .home-second-row .home-second-row-inside .image-side .real-time-image img,
.page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-image img {
  width: 100%;
  border-radius: 10px;
  box-shadow: 10px 10px 67px -5px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 1070px) {
  .home .home-second-row .home-second-row-inside .image-side .real-time-image,
  .page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-image {
    margin-top: -80px;
  }
}

@media only screen and (max-width: 900px) {
  .home .home-second-row .home-second-row-inside .image-side .real-time-image,
  .page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-image {
    margin-top: 30px;
  }
}

.home .home-second-row .home-second-row-inside .image-side .loader,
.page-template-template-home .home-second-row .home-second-row-inside .image-side .loader {
  text-align: center;
}

.home .home-second-row .home-second-row-inside .image-side .real-time-details ul,
.page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-details ul {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 0 0;
}

@media only screen and (max-width: 700px) {
  .home .home-second-row .home-second-row-inside .image-side .real-time-details ul,
  .page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-details ul {
    display: block;
  }
}

.home .home-second-row .home-second-row-inside .image-side .real-time-details ul li,
.page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-details ul li {
  list-style-type: none;
  color: #fff;
  position: relative;
}

@media only screen and (max-width: 900px) {
  .home .home-second-row .home-second-row-inside .image-side .real-time-details ul li,
  .page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-details ul li {
    width: auto;
    display: inline-block;
    text-align: center;
    margin: 0 6px;
  }
}

@media only screen and (max-width: 700px) {
  .home .home-second-row .home-second-row-inside .image-side .real-time-details ul li,
  .page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-details ul li {
    display: block;
    margin-bottom: 6px;
  }
}

.home .home-second-row .home-second-row-inside .image-side .real-time-details ul li.ship-name p,
.page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-details ul li.ship-name p {
  color: #ffc600;
}

.home .home-second-row .home-second-row-inside .image-side .real-time-details ul li:after,
.page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-details ul li:after {
  display: none;
  content: "";
  width: 1px;
  height: 25px;
  background-color: #979797;
  position: absolute;
  top: 0;
  right: -29px;
}

@media only screen and (max-width: 900px) {
  .home .home-second-row .home-second-row-inside .image-side .real-time-details ul li:after,
  .page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-details ul li:after {
    right: -9px;
  }
}

.home .home-second-row .home-second-row-inside .image-side .real-time-details ul li:first-child:after,
.page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-details ul li:first-child:after {
  content: none;
}

.home .home-second-row .home-second-row-inside .image-side .real-time-details ul li p,
.page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-details ul li p {
  color: #fff;
  font-size: 1.3rem;
}

@media only screen and (max-width: 1070px) {
  .home .home-second-row .home-second-row-inside .image-side .real-time-details ul li p,
  .page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-details ul li p {
    font-size: 0.9rem;
  }
}

.home .home-second-row .home-second-row-inside .image-side .real-time-details ul li a,
.page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-details ul li a {
  color: #fff;
}

@media only screen and (max-width: 1070px) {
  .home .home-second-row .home-second-row-inside .image-side .real-time-details ul li a,
  .page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-details ul li a {
    font-size: 0.9rem;
  }
}

.home .home-second-row .home-second-row-inside .content-side .content-side-title h2,
.page-template-template-home .home-second-row .home-second-row-inside .content-side .content-side-title h2 {
  font-size: 3.75rem;
  color: #ffc600;
  line-height: 3.8rem;
  font-weight: 300;
}

@media only screen and (max-width: 1280px) {
  .home .home-second-row .home-second-row-inside .content-side .content-side-title h2,
  .page-template-template-home .home-second-row .home-second-row-inside .content-side .content-side-title h2 {
    font-size: 2.75rem;
    line-height: 2.8rem;
  }
}

@media only screen and (max-width: 1070px) {
  .home .home-second-row .home-second-row-inside .content-side .content-side-title h2,
  .page-template-template-home .home-second-row .home-second-row-inside .content-side .content-side-title h2 {
    font-size: 1.75rem;
    line-height: 1.8rem;
  }
}

.home .home-second-row .home-second-row-inside .content-side .content-side-text,
.page-template-template-home .home-second-row .home-second-row-inside .content-side .content-side-text {
  margin-top: 30px;
}

.home .home-second-row .home-second-row-inside .content-side .content-side-text p,
.page-template-template-home .home-second-row .home-second-row-inside .content-side .content-side-text p {
  color: #fff;
}

@media only screen and (max-width: 1070px) {
  .home .home-second-row .home-second-row-inside .content-side .content-side-text p,
  .page-template-template-home .home-second-row .home-second-row-inside .content-side .content-side-text p {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

.home .home-second-row .home-second-row-inside .content-side .for-details,
.page-template-template-home .home-second-row .home-second-row-inside .content-side .for-details {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.home .home-second-row .home-second-row-inside .content-side .for-details p,
.page-template-template-home .home-second-row .home-second-row-inside .content-side .for-details p {
  color: #ffc600;
}

.home .home-second-row .home-second-row-inside .content-side .for-details p a,
.page-template-template-home .home-second-row .home-second-row-inside .content-side .for-details p a {
  color: #ffc600;
  display: flex;
  align-items: center;
}

.home .home-second-row .home-second-row-inside .content-side .for-details p svg,
.page-template-template-home .home-second-row .home-second-row-inside .content-side .for-details p svg {
  width: 20px;
  height: 20px;
  margin: 0 10px;
}

.home .home-third-row,
.page-template-template-home .home-third-row {
  display: flex;
  justify-content: space-between;
  padding: 80px 220px 80px 0;
  align-items: center;
}

@media only screen and (max-width: 1630px) {
  .home .home-third-row,
  .page-template-template-home .home-third-row {
    padding: 80px 20px 80px 0;
  }
}

@media only screen and (max-width: 1440px) {
  .home .home-third-row,
  .page-template-template-home .home-third-row {
    padding: 50px 20px 50px 0;
  }
}

@media only screen and (max-width: 900px) {
  .home .home-third-row,
  .page-template-template-home .home-third-row {
    display: block;
  }
}

@media only screen and (max-width: 600px) {
  .home .home-third-row,
  .page-template-template-home .home-third-row {
    padding: 25px 0;
  }
}

.home .home-third-row .content-side,
.page-template-template-home .home-third-row .content-side {
  width: 36%;
  position: relative;
  top: -60px;
}

@media only screen and (max-width: 900px) {
  .home .home-third-row .content-side,
  .page-template-template-home .home-third-row .content-side {
    top: 0;
    width: 100%;
  }
}

.home .home-third-row .content-side .content-side-inside,
.page-template-template-home .home-third-row .content-side .content-side-inside {
  border-right: 4px solid #ffc600;
  padding: 0 20px;
}

@media only screen and (max-width: 600px) {
  .home .home-third-row .content-side .content-side-inside,
  .page-template-template-home .home-third-row .content-side .content-side-inside {
    border: none;
    padding: 0 12px;
  }
}

.home .home-third-row .content-side .content-side-inside .content-side-title,
.page-template-template-home .home-third-row .content-side .content-side-inside .content-side-title {
  margin-bottom: 10px;
}

.home .home-third-row .content-side .content-side-inside .content-side-title h2,
.page-template-template-home .home-third-row .content-side .content-side-inside .content-side-title h2 {
  color: #2e3a4c;
  font-size: 2.625rem;
  line-height: 2.7rem;
  font-weight: 500;
}

@media only screen and (max-width: 600px) {
  .home .home-third-row .content-side .content-side-inside .content-side-title h2,
  .page-template-template-home .home-third-row .content-side .content-side-inside .content-side-title h2 {
    font-size: 1.625rem;
    line-height: 1.7rem;
  }
}

.home .home-third-row .content-side .content-side-inside .content-side-text p,
.page-template-template-home .home-third-row .content-side .content-side-inside .content-side-text p {
  color: #2e3a4c;
  font-size: 1.375rem;
  line-height: 1.4rem;
}

@media only screen and (max-width: 600px) {
  .home .home-third-row .content-side .content-side-inside .content-side-text p,
  .page-template-template-home .home-third-row .content-side .content-side-inside .content-side-text p {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

.home .home-third-row .images-side,
.page-template-template-home .home-third-row .images-side {
  width: 60%;
}

@media only screen and (max-width: 900px) {
  .home .home-third-row .images-side,
  .page-template-template-home .home-third-row .images-side {
    top: 0;
    width: 100%;
  }
}

.home .home-third-row .images-side #services-slider .slick-arrow,
.page-template-template-home .home-third-row .images-side #services-slider .slick-arrow {
  display: none !important;
}

.home .home-third-row .images-side #services-slider .services-slider-item,
.page-template-template-home .home-third-row .images-side #services-slider .services-slider-item {
  padding: 45px 25px;
}

@media only screen and (max-width: 500px) {
  .home .home-third-row .images-side #services-slider .services-slider-item,
  .page-template-template-home .home-third-row .images-side #services-slider .services-slider-item {
    padding: 25px;
  }
}

.home .home-third-row .images-side #services-slider .services-slider-item a,
.page-template-template-home .home-third-row .images-side #services-slider .services-slider-item a {
  text-align: center;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.34);
  background-color: #ffffff;
  display: block;
  min-height: 230px;
  transition: all 0.25s ease;
}

@media only screen and (max-width: 1100px) {
  .home .home-third-row .images-side #services-slider .services-slider-item a,
  .page-template-template-home .home-third-row .images-side #services-slider .services-slider-item a {
    min-height: 200px;
  }
}

@media only screen and (max-width: 500px) {
  .home .home-third-row .images-side #services-slider .services-slider-item a,
  .page-template-template-home .home-third-row .images-side #services-slider .services-slider-item a {
    min-height: 210px;
  }
}

.home .home-third-row .images-side #services-slider .services-slider-item a .icon,
.page-template-template-home .home-third-row .images-side #services-slider .services-slider-item a .icon {
  position: relative;
  height: 150px;
}

.home .home-third-row .images-side #services-slider .services-slider-item a .icon img,
.page-template-template-home .home-third-row .images-side #services-slider .services-slider-item a .icon img {
  margin: auto;
  position: absolute;
  top: 50px;
  right: 0;
  left: 0;
  bottom: 0;
}

.home .home-third-row .images-side #services-slider .services-slider-item a .icon .icon-after-hover,
.page-template-template-home .home-third-row .images-side #services-slider .services-slider-item a .icon .icon-after-hover {
  opacity: 0;
}

.home .home-third-row .images-side #services-slider .services-slider-item a .title-service,
.page-template-template-home .home-third-row .images-side #services-slider .services-slider-item a .title-service {
  padding: 11px 10px 20px 10px;
}

.home .home-third-row .images-side #services-slider .services-slider-item a .title-service p,
.page-template-template-home .home-third-row .images-side #services-slider .services-slider-item a .title-service p {
  font-size: 1.475rem;
  line-height: 1.5rem;
  font-weight: bold;
}

@media only screen and (max-width: 900px) {
  .home .home-third-row .images-side #services-slider .services-slider-item a .title-service p,
  .page-template-template-home .home-third-row .images-side #services-slider .services-slider-item a .title-service p {
    font-size: 1.1rem;
    line-height: 1.2rem;
  }
}

.home .home-third-row .images-side #services-slider .services-slider-item a:hover,
.page-template-template-home .home-third-row .images-side #services-slider .services-slider-item a:hover {
  background-color: #1d384d;
}

.home .home-third-row .images-side #services-slider .services-slider-item a:hover .title-service p,
.page-template-template-home .home-third-row .images-side #services-slider .services-slider-item a:hover .title-service p {
  color: #fff;
}

.home .home-third-row .images-side #services-slider .services-slider-item a:hover .icon-after-hover,
.page-template-template-home .home-third-row .images-side #services-slider .services-slider-item a:hover .icon-after-hover {
  opacity: 1;
}

.home .home-third-row .images-side #services-slider .services-slider-item a:hover .icon-before-hover,
.page-template-template-home .home-third-row .images-side #services-slider .services-slider-item a:hover .icon-before-hover {
  opacity: 0;
}

.home .home-four-row,
.page-template-template-home .home-four-row {
  background-color: #2e3a4c;
  padding: 50px 0;
}

@media only screen and (max-width: 600px) {
  .home .home-four-row,
  .page-template-template-home .home-four-row {
    padding: 20px 0;
  }
}

.home .home-four-row .new-title,
.page-template-template-home .home-four-row .new-title {
  margin-bottom: 50px;
  text-align: center;
}

@media only screen and (min-width: 1100px) {
  .home .home-four-row .new-title,
  .page-template-template-home .home-four-row .new-title {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 600px) {
  .home .home-four-row .new-title,
  .page-template-template-home .home-four-row .new-title {
    margin-bottom: 10px;
  }
}

.home .home-four-row .new-title h2,
.page-template-template-home .home-four-row .new-title h2 {
  font-size: 2.75rem;
  color: #ffc600;
  font-weight: 500;
}

@media only screen and (max-width: 600px) {
  .home .home-four-row .new-title h2,
  .page-template-template-home .home-four-row .new-title h2 {
    font-size: 1.2rem;
    line-height: 1.3rem;
    text-align: right;
  }
}

.home .home-four-row ul,
.page-template-template-home .home-four-row ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.home .home-four-row ul li,
.page-template-template-home .home-four-row ul li {
  list-style-type: none;
  width: 48%;
}

@media only screen and (max-width: 600px) {
  .home .home-four-row ul li,
  .page-template-template-home .home-four-row ul li {
    width: 100%;
    margin-bottom: 20px;
  }
}

.home .home-four-row ul li .title-new h2,
.page-template-template-home .home-four-row ul li .title-new h2 {
  font-size: 1.875rem;
  color: #ffc600;
  font-weight: 500;
  padding: 20px 0;
}

@media only screen and (max-width: 1070px) {
  .home .home-four-row ul li .title-new h2,
  .page-template-template-home .home-four-row ul li .title-new h2 {
    font-size: 1.3rem;
  }
}

.home .home-four-row ul li .content-new p,
.page-template-template-home .home-four-row ul li .content-new p {
  color: #fff;
}

body.keyboard-navigation #services-slider {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 400px) {
  body.keyboard-navigation #services-slider {
    flex-direction: column;
  }
}

body.keyboard-navigation #services-slider li {
  width: 33.3%;
}

@media only screen and (max-width: 1024px) {
  body.keyboard-navigation #services-slider li {
    width: 50%;
  }
}

@media only screen and (max-width: 400px) {
  body.keyboard-navigation #services-slider li {
    width: 100%;
  }
}

body.keyboard-navigation .home-third-row {
  flex-direction: column;
  padding: 80px 120px !important;
}

body.keyboard-navigation .home-third-row .content-side {
  top: 0;
}

body.keyboard-navigation .home-third-row .images-side {
  width: 100%;
}

@media only screen and (max-width: 1650px) {
  body.keyboard-navigation .home-third-row {
    padding: 80px 80px !important;
  }
}

@media only screen and (max-width: 1200px) {
  body.keyboard-navigation .home-third-row {
    padding: 40px !important;
  }
}

@media only screen and (max-width: 600px) {
  body.keyboard-navigation .home-third-row {
    padding: 25px 30px !important;
  }
}

.slick-dots {
  display: flex;
  margin: 30px 0 0 0;
  position: relative;
  top: 14px;
  margin-right: 56px;
  margin-left: 0;
}

@media only screen and (max-width: 1100px) {
  .slick-dots {
    top: 0;
    margin: 10px 0 0 0;
  }
}

@media only screen and (max-width: 700px) {
  .slick-dots {
    margin-right: 0px;
  }
}

.slick-dots li {
  font-size: 0;
  width: 40px;
  cursor: pointer;
  height: 5px;
  background-color: #d8d8d8;
  margin: 0 3px;
}

.slick-dots li.slick-active {
  background-color: #ffc600;
}

.weather-section .weather-temp {
  font-size: 2.2rem;
  color: #fff;
  font-weight: 400;
  margin: 0 10px;
  direction: ltr;
  position: relative;
}

.weather-section .weather-temp span {
  font-size: 15px;
  font-weight: 300;
}

.weather-section .weather-temp span.celsius {
  position: absolute;
  top: -7px;
  right: 9px;
}

.weather-section .weather-temp img {
  position: relative;
  top: -10px;
}

@media only screen and (max-width: 600px) {
  .weather-section .weather-temp img {
    top: -2px;
  }
}

.search-container-from-home {
  cursor: pointer;
}

.mobile-btns {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 800;
  display: none;
}

@media only screen and (max-width: 900px) {
  .mobile-btns {
    display: block;
  }
}

.mobile-btns .mobile-btns-inside {
  display: flex;
}

.mobile-btns .mobile-btns-inside a {
  width: 50%;
  display: block;
  text-align: center;
  padding: 17px;
}

@media only screen and (max-width: 600px) {
  .mobile-btns .mobile-btns-inside a {
    padding: 12px;
  }
}

@media only screen and (max-width: 550px) {
  .home .credit {
    padding-bottom: 70px;
  }
}

.image-side-up {
  overflow: hidden;
  margin-top: -120px;
  padding-bottom: 60px;
}

@media only screen and (max-width: 900px) {
  .image-side-up {
    margin: 0;
    padding-bottom: 0;
  }

  .image-side-up .instegram-feed-slider {
    overflow: hidden;
  }
}

#p2p-iframe {
  width: 100%;
  height: 430px;
}

#p2p-iframe-results {
  width: 100%;
  height: 800px;
  border: none;
}

.home .cursed-line .cursed-line-color,
.page-template-template-home .cursed-line-color {
  height: 0;
  min-height: 0;
}

.home .cursed-line .cursed-line-color:after,
.page-template-template-home .cursed-line-color:after {
  content: none;
  opacity: 0 !important;
}

/*******************laptop************/

@media screen and (min-width: 1100px) and (max-width: 1600px) {
  .chosen-wrapper .chosen-container .chosen-single {
    font-size: 17px;
  }

  .home .home-boxes .box,
  .page-template-template-home .home-boxes .box {
    padding: 6px 50px;
    min-height: 160px;
  }

  .home .home-title-filters .home-title-sub-title,
  .page-template-template-home .home-title-filters .home-title-sub-title {
    font-size: 1.4rem;
    line-height: 1.5rem;
  }

  .side-popup-home {
    top: 170px !important;
  }

  .home .home-welcome .home-welcome-text strong,
  .page-template-template-home .home-welcome .home-welcome-text strong {
    font-size: 1.9rem;
    line-height: 2rem;
  }

  .home-welcome-text p,
  .home-welcome-text h2 {
    font-size: 1.1rem;
    line-height: 1.2rem;
  }

  .home .home-welcome,
  .page-template-template-home .home-welcome {
    padding: 30px 20px;
  }

  .home .home-second-row .home-second-row-inside .content-side .content-side-title h2,
  .page-template-template-home .home-second-row .home-second-row-inside .content-side .content-side-title h2 {
    font-size: 2.2rem;
    line-height: 2.3rem;
  }

  .home .home-second-row .home-second-row-inside .content-side .content-side-text p,
  .page-template-template-home .home-second-row .home-second-row-inside .content-side .content-side-text p {
    font-size: 1.2rem;
    line-height: 1.3rem;
  }

  .home .home-second-row .home-second-row-inside,
  .page-template-template-home .home-second-row .home-second-row-inside {
    justify-content: space-around;
  }

  #site-header .wrap-header-section .switch-gate-buttons a {
    padding: 1px 15px;
    font-size: 13px;
  }

  .home .home-four-row .new-title h2,
  .page-template-template-home .home-four-row .new-title h2p {
    font-size: 2rem;
    line-height: 2.1rem;
  }

  .home .home-four-row ul li .title-new h2,
  .page-template-template-home .home-four-row ul li .title-new h2 {
    font-size: 1.6rem;
    line-height: 1.7rem;
  }

  .home .home-four-row ul li .content-new p,
  .page-template-template-home .home-four-row ul li .content-new p {
    font-size: 1.2rem;
    line-height: 1.3rem;
  }

  .home .home-third-row .content-side .content-side-inside .content-side-title h2,
  .page-template-template-home .home-third-row .content-side .content-side-inside .content-side-title h2 {
    font-size: 2.2rem;
    line-height: 2.3rem;
  }

  .home .home-third-row,
  .page-template-template-home .home-third-row {
    padding: 9px 20px 50px 0;
  }

  #site-header .wrap-header-section .logo img {
    max-width: 100px;
  }

  .home .whether-movie-link .movie-link a,
  .page-template-template-home .whether-movie-link .movie-link a {
    font-size: 1rem;
    line-height: 1.1rem;
  }

  .weather-section .weather-temp {
    font-size: 1rem;
  }

  .weather-section .weather-temp img {
    width: 22px;
    top: -3px;
  }

  .home .whether-movie-link .movie-link:after,
  .page-template-template-home .whether-movie-link .movie-link:after {
    height: 27px;
    top: -1px;
  }

  .home .whether-movie-link .movie-link a svg,
  .page-template-template-home .whether-movie-link .movie-link a svg {
    width: 24px;
  }

  .weather-section .weather-temp {
    top: 4px;
  }

  .weather-section .weather-temp span.celsius {
    position: absolute;
    top: -2px;
    right: 6px;
    font-size: 10px;
  }

  .home .home-boxes .box.box2 .box-arrow svg,
  .page-template-template-home .home-boxes .box.box2 .box-arrow svg {
    width: 22px !important;
  }

  .home .home-boxes .box.box3 #messages-boxes .box3-in .content-text p,
  .page-template-template-home .home-boxes .box.box3 #messages-boxes .box3-in .content-text p {
    font-size: 0.9rem;
    line-height: 1rem;
  }

  .home .home-boxes .box.box3 #messages-boxes .box3-in .icon,
  .page-template-template-home .home-boxes .box.box3 #messages-boxes .box3-in .icon {
    width: 100px;
    margin: 10px 0 0 10px;
    position: relative;
  }

  #site-header .wrap-header-section .main-menu-top .sub-menu li a {
    font-size: 12px;
    min-height: 24px;
    padding: 8px 12px;
  }
}

#services-slider {
  margin: 0;
  list-style: none;
}

@media only screen and (max-width: 900px) {
  #services-slider .slick-dots {
    text-align: center;
    justify-content: center;
    top: 0;
    margin: 0;
  }
}

.instegram-logo {
  margin: 13px 0 0 0;
}

@media only screen and (max-width: 900px) {
  #full-video {
    display: none;
  }
}

#video-gif-mobile {
  position: relative;
  overflow: hidden;
  height: 100%;
}

@media only screen and (max-width: 900px) {
  #video-gif-mobile {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

#video-gif-mobile video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  z-index: -100;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(50%) translateY(-50%);
}

.home-third-row {
  background-image: url(/wp-content/themes/haifa-port/images/homebg.jpg);
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 1100px) {
  .home-four-row-inside {
    overflow: hidden;
  }

  .table-wrapper {
    overflow-x: auto;
  }
}

.ie-browser #video-gif-mobile video {
  transform: translateX(50%) translateY(-50%);
}

.page-template-template-about .page-wrap {
  padding-bottom: 0;
}

.about-content {
  padding-bottom: 100px;
}

@media only screen and (max-width: 1100px) {
  .about-content {
    padding-bottom: 20px;
  }
}

.about-content .about-content-inside {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media only screen and (max-width: 600px) {
  .about-content .about-content-inside .about-iframe iframe {
    height: 250px !important;
  }
}

@media only screen and (max-width: 800px) {
  .about-content .about-content-inside {
    display: block;
  }
}

.about-content .about-content-inside > div {
  width: 49%;
}

@media only screen and (max-width: 800px) {
  .about-content .about-content-inside > div {
    width: 100%;
    margin-top: 30px;
  }
}

.about-content .about-content-inside .about-port strong {
  color: #2e3a4d;
  font-size: 2.5rem;
}

.about-content .about-content-inside .about-port .knowledge-book {
  font-size: 1.4rem;
  line-height: 1.5rem;
  color: #fff;
  margin-top: 30px;
  padding: 10px 60px;
  display: inline-flex;
  align-items: center;
}

.about-content .about-content-inside .about-port .knowledge-book svg {
  margin: 0 0px 0 10px;
}

.running-numbers {
  padding: 50px;
  border-top: 1px solid rgba(0, 0, 0, 0.37);
}

@media only screen and (max-width: 1070px) {
  .running-numbers {
    padding: 50px 70px;
  }
}

@media only screen and (max-width: 800px) {
  .running-numbers {
    padding: 50px;
  }
}

.running-numbers .running-numbers-inside {
  width: 100%;
  margin: auto;
}

@media only screen and (max-width: 1070px) {
  .running-numbers .running-numbers-inside {
    max-width: 100%;
  }
}

.running-numbers .running-numbers-inside ul {
  display: flex;
  justify-content: space-between;
  margin: 0;
  flex-wrap: wrap;
}

.running-numbers .running-numbers-inside ul li {
  list-style-type: none;
  font-size: 3rem;
  font-weight: 600;
}

@media only screen and (max-width: 1600px) {
  .running-numbers .running-numbers-inside ul li {
    font-size: 2rem;
    line-height: 1.1;
  }
}

@media only screen and (max-width: 1270px) {
  .running-numbers .running-numbers-inside ul li {
    width: 49%;
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 1070px) {
  .running-numbers .running-numbers-inside ul li {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 600px) {
  .running-numbers .running-numbers-inside ul li {
    width: 100%;
  }
}

.running-numbers .running-numbers-inside ul li span {
  display: block;
  margin: auto;
  text-align: center;
}

.running-numbers .running-numbers-inside ul li span:after {
  content: "";
  display: block;
  width: 54px;
  height: 9px;
  background-color: #ffc600;
  margin: auto;
}

@media only screen and (max-width: 1070px) {
  .running-numbers .running-numbers-inside ul li span:after {
    height: 4px;
  }
}

.running-numbers .running-numbers-inside ul li p {
  margin: 10px 0 0 0;
  text-align: center;
}

@media only screen and (max-width: 1600px) {
  .running-numbers .running-numbers-inside ul li p {
    font-size: 1rem;
    line-height: 1.1;
  }
}

body.keyboard-navigation .time-line #year-timeline {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  body.keyboard-navigation .time-line #year-timeline {
    flex-direction: column;
  }
}

body.keyboard-navigation .time-line #year-timeline li {
  width: 33.3%;
}

@media only screen and (max-width: 767px) {
  body.keyboard-navigation .time-line #year-timeline li {
    width: 100%;
  }
}

.time-line {
  background-color: #013049;
  padding: 70px 0;
  position: relative;
}

@media only screen and (max-width: 600px) {
  .time-line {
    padding: 20px 0;
  }
}

.time-line .time-line-title {
  color: #fff;
  font-size: 2.5rem;
  text-align: center;
  padding-bottom: 70px;
  font-weight: 600;
}

@media only screen and (max-width: 600px) {
  .time-line .time-line-title {
    padding-bottom: 0px;
    font-size: 1.2rem;
    line-height: 1.3rem;
  }
}

.time-line #year-timeline {
  margin: 0;
}

.time-line #year-timeline .slick-arrow {
  display: block !important;
  position: absolute;
  top: 30%;
  z-index: 500;
  background-image: url(/wp-content/themes/haifa-port/images/slick-arrow.png);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.time-line #year-timeline .slick-arrow.slick-next {
  left: 12px;
  transform: rotate(180deg);
}

.time-line #year-timeline .slick-arrow.slick-prev {
  right: 12px;
}

.time-line #year-timeline li .timeline-item {
  text-align: center;
}

.time-line #year-timeline li .timeline-item .glow-dot {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url(/wp-content/themes/haifa-port/images/glow.png);
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  top: -20px;
}

.time-line #year-timeline li .timeline-item .image {
  text-align: center;
  position: relative;
  height: 200px;
  width: 200px;
  margin: 10px auto 0 auto;
}

.time-line #year-timeline li .timeline-item .image:after {
  content: "";
  width: 100%;
  height: 100%;
  padding: 10px;
  position: absolute;
  margin: auto;
  border: 2px solid #ffc600;
  top: 0;
  right: 0;
  border-radius: 50%;
  transform: scale(1);
  opacity: 0;
  transition: all 250ms ease;
}

.time-line #year-timeline li .timeline-item .image img {
  margin: auto;
  border-radius: 50%;
}

.time-line #year-timeline li .timeline-item:hover .image:after {
  opacity: 1;
  transform: scale(1.1);
}

.time-line #year-timeline li .year {
  margin-top: 36px;
  position: relative;
}

.time-line #year-timeline li .year:after {
  content: "";
  top: -38px;
  width: 100%;
  height: 2px;
  background-color: #ffc600;
  display: block;
  position: relative;
}

@media only screen and (max-width: 1070px) {
  .time-line #year-timeline li .year:after {
    top: -30px;
  }
}

.time-line #year-timeline li .year p {
  font-size: 1.25rem;
}

.time-line #year-timeline li .text {
  padding: 0 70px;
}

.time-line #year-timeline li .text p {
  font-size: 1rem;
  color: #fff;
  line-height: 1.1rem;
}

.time-line .line {
  width: 100%;
  height: 2px;
  background-color: #18bdd8;
  position: absolute;
  bottom: 149px;
}

.about-team {
  padding: 50px 0;
}

@media only screen and (max-width: 600px) {
  .about-team {
    padding: 20px 0;
  }
}

.about-team .about-team-inside {
  width: 100%;
  text-align: center;
}

.about-team .about-team-inside .slider-in {
  visibility: hidden;
  height: 0;
}

.about-team .about-team-inside .slider-in.show {
  visibility: visible;
  height: auto;
}

.about-team .about-team-inside .about-team-title h2 {
  color: #2e3a4d;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 3rem;
}

.about-team .about-team-inside .about-team-sub-title {
  margin: 20px 0;
}

.about-team .about-team-inside .about-team-sub-title p {
  font-size: 1.5625rem;
  line-height: 1.6rem;
  color: #000;
}

.about-team .in-about {
  justify-content: center;
}

.about-team .in-about .filter-table-button {
  border-color: #013049;
  border-width: 1px;
}

.about-team .in-about .filter-table-button.is-active {
  background-color: #ffc600;
  color: #fff;
  border-color: transparent;
}

.about-team .in-about .filter-table-button:hover {
  background-color: #ffc600;
  color: #fff;
  border-color: transparent;
}

.about-team .team-sliders {
  position: relative;
}

.about-team .team-sliders {
  margin-top: 50px;
}

.about-team .team-sliders .team-item .image {
  text-align: center;
}

.about-team .team-sliders .team-item .image img {
  margin: auto;
}

.about-team .team-sliders .team-item .job-title {
  margin-top: 10px;
}

.about-team .team-sliders .team-item .job-title p {
  font-size: 1.3125rem;
  color: #2e3a4d;
  line-height: 1.4rem;
}

.about-team .team-sliders .team-item .name p {
  font-size: 1.3125rem;
  line-height: 1.4rem;
  color: #2e3a4d;
  font-weight: 600;
}

.about-team .team-sliders .slick-arrow {
  display: block !important;
  position: absolute;
  top: 30%;
  z-index: 500;
  background-image: url(/wp-content/themes/haifa-port/images/left.png);
  width: 61px;
  height: 61px;
  background-repeat: no-repeat;
  cursor: pointer;
}

@media only screen and (max-width: 1300px) {
  .about-team .team-sliders .slick-arrow {
    background-size: contain;
    width: 30px;
    height: 30px;
  }
}

.about-team .team-sliders .slick-arrow.slick-next {
  left: -80px;
}

@media only screen and (max-width: 1700px) {
  .about-team .team-sliders .slick-arrow.slick-next {
    left: 0px;
  }
}

.about-team .team-sliders .slick-arrow.slick-prev {
  transform: rotate(180deg);
  right: -80px;
}

@media only screen and (max-width: 1700px) {
  .about-team .team-sliders .slick-arrow.slick-prev {
    right: 0px;
  }
}

.additional-activity {
  background-color: #013049;
  padding: 60px 0;
  text-align: center;
}

@media only screen and (max-width: 600px) {
  .additional-activity {
    padding: 20px 0;
  }
}

.additional-activity .additional-activity-inside {
  width: 100%;
}

.additional-activity .additional-activity-inside .additional-activity-title h2 {
  color: #fff;
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 500;
}

@media only screen and (max-width: 600px) {
  .additional-activity .additional-activity-inside .additional-activity-title h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.additional-activity .additional-activity-inside .additional-activity-sub-title {
  margin: 10px 0 40px 0;
}

.additional-activity .additional-activity-inside .additional-activity-sub-title p {
  color: #fff;
  font-size: 1.5625rem;
  line-height: 1.6rem;
}

@media only screen and (max-width: 600px) {
  .additional-activity .additional-activity-inside .additional-activity-sub-title p {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

.additional-activity .additional-activity-inside .additional-activity-links {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

@media only screen and (max-width: 1700px) {
  .additional-activity .additional-activity-inside .additional-activity-links {
    flex-wrap: wrap;
  }
}

.additional-activity .additional-activity-inside .additional-activity-links a {
  margin: 0 10px 20px 10px;
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  background-color: #fff;
  border: 1px solid #ffc600;
  min-width: 240px;
  color: #ffc600;
  font-weight: 500;
  justify-content: center;
  font-size: 1.1rem;
  line-height: 1.2rem;
  transition: all 250ms ease;
}

@media only screen and (max-width: 600px) {
  .additional-activity .additional-activity-inside .additional-activity-links a {
    max-width: 100%;
    width: 100%;
  }
}

.additional-activity .additional-activity-inside .additional-activity-links a:hover {
  background-color: #ffc600;
  color: #fff;
  border-color: transparent;
}

.additional-activity .additional-activity-inside .additional-activity-links a:focus {
  outline: 1px dotted #212121;
}

.about-iframe a {
  display: block;
  width: 100%;
  height: 100%;
}

.img-prev {
  width: 100%;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.img-prev svg {
  width: 60px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

@media only screen and (max-width: 800px) {
  .img-prev {
    height: 270px;
  }
}

@media only screen and (max-width: 600px) {
  .img-prev {
    height: 200px;
  }
}

.center-main-title {
  text-align: center;
}

.center-main-title p {
  color: #2e3a4d;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.9875rem;
}

.calculate-lobby {
  width: 100%;
}

.pages-grid-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 700px) {
  .pages-grid-list {
    justify-content: space-between;
  }
}

.pages-grid-list a {
  display: block;
  text-align: center;
  flex: 0 1 calc(22% - 0px);
  justify-content: space-between;
  margin-top: 40px;
}

@media screen and (max-width: 1200px) {
  .pages-grid-list a {
    flex: 0 1 calc(32% - 0px);
  }
}

@media screen and (max-width: 1000px) {
  .pages-grid-list a {
    flex: 0 1 calc(48% - 0px);
  }
}

@media screen and (max-width: 700px) {
  .pages-grid-list a {
    flex: 0 1 calc(48% - 0px);
    margin-top: 20px;
  }
}

.pages-grid-list a .item {
  padding: 0 30px;
}

@media screen and (max-width: 700px) {
  .pages-grid-list a .item {
    padding: 0;
  }
}

.pages-grid-list a .image {
  min-height: 200px;
  text-align: center;
  box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  align-items: center;
  transition: all 250ms ease;
  display: flex;
}

@media screen and (max-width: 400px) {
  .pages-grid-list a .image {
    min-height: 140px;
  }
}

.pages-grid-list a .image img {
  margin: auto;
}

.pages-grid-list a .title {
  margin-top: 20px;
}

.pages-grid-list a .title p {
  color: #2e3a4d;
  font-size: 1.5rem;
  line-height: 1.6rem;
  font-weight: 500;
}

@media screen and (max-width: 700px) {
  .pages-grid-list a .title p {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

.pages-grid-list a:hover .image {
  box-shadow: 0 20px 46px 0 rgba(0, 0, 0, 0.34);
}

.content-gallery {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (min-width: 1100px) {
  .content-gallery .row {
    padding: 0 100px;
  }
}

.content-gallery .box-gallery {
  width: 25%;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1100px) {
  .content-gallery .box-gallery {
    width: 33.333%;
  }
}

@media only screen and (max-width: 900px) {
  .content-gallery .box-gallery {
    width: 50%;
  }
}

@media only screen and (max-width: 550px) {
  .content-gallery .box-gallery {
    margin-bottom: 10px;
  }
}

.content-gallery .box-gallery .gallery-item {
  padding: 0 20px;
}

@media only screen and (max-width: 900px) {
  .content-gallery .box-gallery .gallery-item {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 550px) {
  .content-gallery .box-gallery .gallery-item {
    padding: 0 5px;
  }
}

.content-gallery .box-gallery .gallery-item .gallery-item-shadow {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.21);
}

.content-gallery .box-gallery .gallery-item:hover .gallery-item-shadow {
  box-shadow: 3px -1px 21px 12px rgba(0, 0, 0, 0.21);
}

.content-gallery .box-gallery .image {
  height: 250px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  transition: all 250ms ease-out;
}

@media only screen and (max-width: 600px) {
  .content-gallery .box-gallery .image {
    height: 150px;
  }
}

@media only screen and (max-width: 550px) {
  .content-gallery .box-gallery .image {
    height: 100px;
  }
}

.content-gallery .box-gallery .title-date {
  padding: 10px 10px;
  min-height: 111px;
}

@media only screen and (max-width: 550px) {
  .content-gallery .box-gallery .title-date {
    min-height: 111px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

.content-gallery .box-gallery .title-date .title p {
  font-size: 1rem;
  color: #4a4a4a;
  font-weight: 600;
}

.content-gallery .box-gallery .title-date .date p {
  font-size: 0.9rem;
  color: #4a4a4a;
}

.gallery-wrap {
  width: 100%;
  display: block;
}

.gallery-single-title {
  display: flex;
  margin: 0 30px 20px 0;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 700px) {
  .gallery-single-title {
    margin: 10px 0;
  }
}

.gallery-single-title .back-arr {
  margin: 0 0 0 30px;
}

@media screen and (max-width: 700px) {
  .gallery-single-title .back-arr {
    margin: 10px 0;
  }
}

.gallery-single-title .back-arr img {
  margin: 0 10px 0 0;
  position: relative;
  right: 0;
  transition: all 250ms ease;
}

.gallery-single-title .back-arr:hover img {
  right: 10px;
}

.wrap-port-rates {
  width: 100%;
}

.rate-list {
  width: 80%;
}

.rate-list .rate-list-box-sub-title {
  margin: 10px 0 0 0;
}

.rate-list .rate-list-box-sub-title p {
  font-size: 0.8rem;
  color: #000;
}

@media only screen and (max-width: 1100px) {
  .rate-list {
    width: 100%;
  }
}

.rate-list .rate-list-box {
  background-color: #f7f7f7;
  padding: 20px;
  margin-top: 30px;
}

@media only screen and (max-width: 670px) {
  .rate-list .rate-list-box {
    padding: 10px;
  }
}

@media only screen and (max-width: 1100px) {
  .rate-list .rate-list-box {
    margin-top: 20px;
  }
}

.rate-list .rate-list-box .rate-list-box-title p {
  color: #4a4a4a;
  font-size: 1.1rem;
}

.rate-list .rate-list-box-list ul {
  margin: 0;
  padding: 0;
}

.rate-list .rate-list-box-list ul li {
  display: flex;
  list-style: none;
  background-color: #fff;
  margin-top: 12px;
  padding: 10px;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 520px) {
  .rate-list .rate-list-box-list ul li {
    display: block;
  }
}

.rate-list .rate-list-box-list ul li .icon-with-date {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 670px) {
  .rate-list .rate-list-box-list ul li .icon-with-date {
    display: block;
  }
}

.rate-list .rate-list-box-list ul li .icon-with-date .download-icon {
  margin-left: 10px;
}

@media only screen and (max-width: 670px) {
  .rate-list .rate-list-box-list ul li .icon-with-date .download-icon {
    margin: 0;
  }
}

@media only screen and (max-width: 520px) {
  .rate-list .rate-list-box-list ul li .icon-with-date .download-icon {
    margin: 0 0 10px 10px;
    float: right;
  }
}

.rate-list .rate-list-box-list ul li .icon-with-date .download-date {
  margin-right: 20px;
}

@media only screen and (max-width: 670px) {
  .rate-list .rate-list-box-list ul li .icon-with-date .download-date {
    margin: 0;
  }
}

@media only screen and (max-width: 520px) {
  .rate-list .rate-list-box-list ul li .icon-with-date .download-date {
    margin: 0 0 10px 0;
  }
}

.rate-list .rate-list-box-list ul li .icon-with-date .download-title {
  min-width: 360px;
}

@media only screen and (max-width: 800px) {
  .rate-list .rate-list-box-list ul li .icon-with-date .download-title {
    max-width: 220px;
  }
}

@media only screen and (max-width: 750px) {
  .rate-list .rate-list-box-list ul li .icon-with-date .download-title {
    min-width: 0;
  }
}

.rate-list .rate-list-box-list ul li p {
  font-size: 1rem;
  color: #000;
}

.rate-list .rate-list-box-list ul li .file-download {
  cursor: pointer;
  position: relative;
}

.rate-list .rate-list-box-list ul li .file-download .file-download-lang-list ul {
  position: absolute;
  left: 0;
  width: 120px;
  z-index: 400;
  box-shadow: 0 12px 23px 0 rgba(0, 0, 0, 0.22);
  display: none;
}

@media only screen and (max-width: 520px) {
  .rate-list .rate-list-box-list ul li .file-download .file-download-lang-list ul {
    left: auto;
    right: 0;
  }
}

.rate-list .rate-list-box-list ul li .file-download .file-download-lang-list ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid rgba(151, 151, 151, 0.26);
}

.rate-list .rate-list-box-list ul li .file-download .file-download-lang-list ul li a {
  display: block;
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.rate-list .rate-list-box-list ul li .file-download .file-download-lang-list ul li a:hover {
  background-color: #ffc600;
  color: #fff;
}

.rate-list .rate-list-box-list ul li .file-download .file-download-lang-list button,
.rate-list .rate-list-box-list ul li .file-download .file-download-lang-list .download-file {
  cursor: pointer;
  transition: all 250ms ease;
  background-color: #ffc600;
  border: 1px solid #ffc600;
  padding: 10px 20px;
  color: #fff;
  display: flex;
  align-items: center;
}

.rate-list .rate-list-box-list ul li .file-download .file-download-lang-list button svg,
.rate-list .rate-list-box-list ul li .file-download .file-download-lang-list .download-file svg {
  width: 12px;
  margin-right: 10px;
}

.rate-list .rate-list-box-list ul li .file-download .file-download-lang-list button svg g,
.rate-list .rate-list-box-list ul li .file-download .file-download-lang-list .download-file svg g {
  fill: #fff;
}

.rate-list .rate-list-box-list ul li .file-download .file-download-lang-list button:hover,
.rate-list .rate-list-box-list ul li .file-download .file-download-lang-list .download-file:hover {
  background-color: #fff;
  color: #ffc600;
}

.rate-list .rate-list-box-list ul li .file-download .file-download-lang-list button:hover svg g,
.rate-list .rate-list-box-list ul li .file-download .file-download-lang-list .download-file:hover svg g {
  fill: #ffc600;
}

.dropdown-trigger input {
  cursor: pointer;
}

.search-title {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1700px) {
  .search-title {
    margin-bottom: 0;
  }
}

.search-title p {
  font-size: 1.75rem;
  line-height: 1.85rem;
}

@media only screen and (max-width: 1700px) {
  .search-title p {
    font-size: 1.5rem;
    line-height: 1.6rem;
  }
}

.search-loop article {
  padding: 40px 0;
}

@media only screen and (max-width: 1600px) {
  .search-loop article {
    padding: 10px 0;
  }
}

.search-loop .entry-title a {
  color: #4a90e2;
  font-size: 1.25rem;
  font-weight: 500;
}

.search-loop .entry-summary p {
  font-size: 1.25rem;
  line-height: 1.35rem;
}

.search-loop hr {
  color: #d2cece;
}

.search-results .row {
  display: block;
}

.search-results .search-loop {
  margin: 50px 0 0 0;
}

.read-more-container {
  display: none;
}

.page-template-template-contact .wpcf7-not-valid-tip {
  position: relative !important;
}

@media screen and (max-width: 700px) {
  .page-template-template-contact .info {
    margin: 50px 0 0 0;
  }
}

@media screen and (max-width: 800px) {
  .page-template-template-contact .contact-box {
    flex-direction: column-reverse;
    display: flex;
  }

  .page-template-template-contact .contact-box .contact-box-form {
    margin: 30px 0 0 0;
  }
}

.page-template-template-contact .box-on-image-inside {
  padding: 100px 200px;
}

@media screen and (max-width: 1500px) {
  .page-template-template-contact .box-on-image-inside {
    padding: 100px 60px;
  }
}

@media screen and (max-width: 1500px) {
  .page-template-template-contact .box-on-image-inside {
    padding: 50px 20px;
  }
}

.contact-box {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.contact-box select {
  border: 1px solid #e6e6e6;
}

@media screen and (max-width: 800px) {
  .contact-box {
    display: block;
  }
}

.contact-box form {
  direction: rtl;
}

.contact-box .contact-box-form {
  width: 55%;
}

@media screen and (max-width: 800px) {
  .contact-box .contact-box-form {
    width: 100%;
  }
}

.contact-box .contact-box-details {
  width: 42%;
}

@media screen and (max-width: 1300px) {
  .contact-box .contact-box-details {
    padding: 50px;
  }
}

@media screen and (max-width: 800px) {
  .contact-box .contact-box-details {
    width: 100%;
  }
}

.contact-box .contact-form-page {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}

.contact-box .contact-form-page input,
.contact-box .contact-form-page select {
  margin: 0;
  width: 100%;
}

.contact-box .contact-form-page textarea {
  height: 110px;
}

.contact-box .contact-form-page .wpcf7-not-valid-tip {
  color: #ff001f;
  position: absolute;
  font-size: 12px;
}

.contact-box .contact-form-page .contact-form-page-inside {
  display: inline-block;
  width: 48%;
  flex-basis: calc(50% - 15px);
  margin-top: 30px;
}

@media screen and (max-width: 450px) {
  .contact-box .contact-form-page .contact-form-page-inside {
    width: 100%;
    flex-basis: 100%;
  }
}

.contact-box .contact-form-page .contact-form-page-inside label {
  font-weight: 500;
  font-size: 1.1rem;
}

@media screen and (max-width: 450px) {
  .contact-box .contact-form-page .contact-form-page-inside label {
    font-size: 0.9rem;
  }
}

.contact-box .contact-form-page .contact-form-page-inside br {
  display: none;
}

.contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options-title {
  margin-bottom: 15px;
}

.contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options-title p {
  font-weight: 500;
  font-size: 1.1rem;
}

.contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 700px) {
  .contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options {
    display: block;
  }
}

.contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options button {
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  border: 1px solid rgba(151, 151, 151, 0.19);
  align-items: center;
  padding: 10px 20px;
  border-radius: 4px;
  min-height: 77px;
  cursor: pointer;
  transition: all 250ms ease;
}

@media screen and (max-width: 700px) {
  .contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options button {
    width: 100%;
    margin: 0 0 10px 0;
    justify-content: start;
  }
}

.contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options button svg {
  height: 40px;
}

.contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options button svg path {
  fill: #000;
}

.contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options button .btn-icon {
  margin-left: 10px;
}

.contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options button .btn-details {
  text-align: right;
}

.contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options button .btn-details-title {
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 3px;
}

.contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options button .btn-details-hours {
  font-size: 1.125rem;
  font-weight: 500;
}

@media screen and (max-width: 1300px) {
  .contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options button .btn-details-hours {
    font-size: 0.9rem;
  }
}

.contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options button:hover {
  background-color: #2e3a4d;
  color: #fff;
}

.contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options button:hover svg path {
  fill: #fff;
}

.contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options button.active {
  background-color: #2e3a4d;
  color: #fff;
}

.contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options button.active svg path {
  fill: #fff;
}

.contact-box .contact-form-page .contact-form-page-inside.contact-form-page-inside-full {
  flex-basis: 100%;
}

.contact-box .contact-form-page .contact-form-page-inside.contact-form-page-inside-full-captch {
  margin: 50px 0 20px 0;
}

@media screen and (max-width: 700px) {
  .contact-box .contact-form-page .contact-form-page-inside.contact-form-page-inside-full-captch {
    margin: 0;
  }
}

.contact-box .contact-form-page .contact-form-page-inside.contact-form-page-inside-phone {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.contact-box .contact-form-page .contact-form-page-inside.contact-form-page-inside-phone p {
  display: none;
}

.contact-box .contact-form-page .contact-form-page-inside.contact-form-page-inside-phone div:first-child {
  flex-basis: 74%;
}

.contact-box .contact-form-page .contact-form-page-inside.contact-form-page-inside-phone div:last-child {
  flex-basis: 30%;
}

.contact-box .contact-form-page .contact-form-page-inside .submit-wrap {
  max-width: 240px;
  margin: 20px auto;
}

@media screen and (max-width: 700px) {
  .contact-box .contact-form-page .contact-form-page-inside .submit-wrap {
    margin: 20px 0;
  }
}

@media screen and (max-width: 450px) {
  .contact-box .contact-form-page .contact-form-page-inside .submit-wrap {
    margin: 20px auto !important;
  }
}

.contact-box .contact-form-page .contact-form-page-inside .submit-wrap input {
  height: 60px;
  font-size: 1.875rem;
}

@media screen and (max-width: 920px) {
  .contact-box .contact-form-page .contact-form-page-inside .submit-wrap input {
    height: 40px;
    font-size: 1.2rem;
  }
}

.contact-box hr {
  width: 100%;
}

.contact-box-details {
  background-color: #fff;
  padding: 30px 40px 30px 80px;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 700px) {
  .contact-box-details {
    padding: 15px !important;
  }
}

.contact-box-details .contact-box-details-inside-title {
  padding: 10px 0px 0 0px;
}

.contact-box-details .contact-box-details-inside-title p {
  font-weight: 600;
  font-size: 1.875rem;
  line-height: 1.975rem;
}

@media screen and (max-width: 1000px) {
  .contact-box-details .contact-box-details-inside-title p {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }
}

.contact-box-details .contact-box-details-inside-content {
  margin-bottom: 30px;
}

.contact-box-details .contact-box-details-inside-content p {
  font-size: 1rem;
  line-height: 1.1rem;
  color: rgba(74, 74, 74, 0.46);
}

.contact-box-details .contact-box-details-inside-details ul {
  margin: 0;
  padding: 0;
}

.contact-box-details .contact-box-details-inside-details ul li {
  list-style-type: none;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(151, 151, 151, 0.4);
  padding: 30px 0px;
}

@media screen and (max-width: 700px) {
  .contact-box-details .contact-box-details-inside-details ul li {
    padding: 10px 0px;
  }
}

.contact-box-details .contact-box-details-inside-details ul li:last-child {
  border-bottom: none;
}

.contact-box-details .contact-box-details-inside-details ul li .icon-details {
  margin-left: 15px;
}

.contact-box-details .contact-box-details-inside-details ul li .details .title p {
  font-size: 1.125rem;
  font-weight: 600;
}

@media screen and (max-width: 700px) {
  .contact-box-details .contact-box-details-inside-details ul li .details .title p {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

.contact-box-details .contact-box-details-inside-details ul li .details .content p {
  color: #4a4a4a;
  font-size: 1.125rem;
  line-height: 1.35rem;
}

@media screen and (max-width: 700px) {
  .contact-box-details .contact-box-details-inside-details ul li .details .content p {
    font-size: 0.9rem;
    line-height: 1rem;
  }
}

.contact-bottom {
  padding: 50px 0;
}

@media screen and (max-width: 920px) {
  .contact-bottom {
    padding: 20px 0;
  }
}

.contact-bottom .contact-bottom-inside {
  width: 100%;
}

.contact-bottom .filter-bottom-contact {
  width: 90%;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #979797;
  padding-bottom: 30px;
  margin: auto;
}

@media screen and (max-width: 920px) {
  .contact-bottom .filter-bottom-contact {
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 700px) {
  .contact-bottom .filter-bottom-contact {
    width: 100%;
    background-color: #e3e3e3;
    padding: 0;
    min-height: 70px;
  }
}

.contact-bottom .filter-bottom-contact button {
  padding: 0 20px;
  position: relative;
  cursor: pointer;
}

.contact-bottom .filter-bottom-contact button:after {
  content: "";
  display: block;
  height: 30px;
  background-color: rgba(151, 151, 151, 0.2);
  width: 1px;
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (max-width: 920px) {
  .contact-bottom .filter-bottom-contact button:after {
    height: 17px;
  }
}

@media screen and (max-width: 700px) {
  .contact-bottom .filter-bottom-contact button:after {
    content: none;
  }
}

.contact-bottom .filter-bottom-contact button:first-child:after {
  content: none;
}

.contact-bottom .filter-bottom-contact button p {
  color: #2e3a4d;
  font-size: 1.5rem;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  padding-bottom: 3px;
  transition: all 250ms ease;
}

@media screen and (max-width: 920px) {
  .contact-bottom .filter-bottom-contact button p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 600px) {
  .contact-bottom .filter-bottom-contact button p {
    font-size: 0.8rem;
    line-height: 0.9rem;
  }
}

@media screen and (min-width: 700px) {
  .contact-bottom .filter-bottom-contact button:hover p {
    border-bottom: 2px solid #ffc600;
  }
}

@media screen and (min-width: 700px) {
  .contact-bottom .filter-bottom-contact button.active p {
    border-bottom: 2px solid #ffc600;
  }
}

@media screen and (max-width: 700px) {
  .contact-bottom .filter-bottom-contact button.active {
    background-color: #fff;
    border-bottom: 2px solid #ffc600;
  }
}

.contact-bottom .filter-bottom-results {
  padding-top: 50px;
}

@media screen and (max-width: 920px) {
  .contact-bottom .filter-bottom-results {
    padding-top: 20px;
  }
}

.contact-bottom .filter-bottom-results .slick-dots {
  justify-content: center;
  margin: 11px 0 0 0;
  top: 0;
}

.contact-bottom .filter-bottom-results .info p {
  font-size: 1.25rem;
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item {
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  height: 0;
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item.active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  height: auto;
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

@media screen and (max-width: 700px) {
  .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside {
    display: block;
  }
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item {
  flex-basis: 33.333%;
  padding: 25px;
}

@media screen and (max-width: 920px) {
  .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item {
    flex-basis: 50%;
  }
}

@media screen and (max-width: 700px) {
  .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item {
    flex-basis: 100%;
    margin: 0 0 0px 0 !important;
  }
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item .port-item-image {
  height: 250px;
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 400px) {
  .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item .port-item-image {
    height: 180px;
  }
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item .port-item-title {
  margin-top: 30px;
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item .port-item-title p {
  font-size: 1.25rem;
  line-height: 1.35rem;
}

@media screen and (max-width: 1300px) {
  .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item .port-item-title p {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item .port-item-title a {
  color: #ffc600;
  text-decoration: underline;
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item .port-item-title strong {
  font-size: 1.75rem;
  font-weight: 500;
}

@media screen and (max-width: 1300px) {
  .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item .port-item-title strong {
    font-size: 1.25rem;
    line-height: 1.35rem;
  }
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item .port-item-map {
  margin-top: 10px;
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: transparent;
  transition: all 250ms ease;
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .inner-shadow {
  padding: 40px;
  box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.1);
  height: 100%;
}

@media screen and (max-width: 1300px) {
  .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .inner-shadow {
    padding: 20px;
  }
}

@media screen and (max-width: 700px) {
  .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .inner-shadow {
    box-shadow: 0 -4px 13px 0 rgba(0, 0, 0, 0.1);
  }
}

@media screen and (max-width: 1130px) {
  .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow {
    flex-basis: 50%;
  }
}

@media screen and (max-width: 730px) {
  .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow {
    padding: 10px;
    flex-basis: 100%;
  }
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-content-white {
  margin: 30px 0 50px 0;
}

@media screen and (max-width: 700px) {
  .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-content-white {
    margin: 10px 0 20px 0;
  }
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-title-blue p {
  color: #00a3ff;
  font-size: 1.75rem;
  line-height: 1.85rem;
  font-weight: 500;
}

@media screen and (max-width: 1600px) {
  .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-title-blue p {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }
}

@media screen and (max-width: 700px) {
  .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-title-blue p {
    font-size: 1.2rem;
    line-height: 1.3rem;
  }
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-content-white p {
  font-size: 1.25rem;
  line-height: 1.35rem;
}

@media screen and (max-width: 1600px) {
  .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-content-white p {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

@media screen and (max-width: 700px) {
  .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-content-white p {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-fax {
  display: flex;
  justify-content: space-between;
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-fax ul {
  margin: 0;
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-fax ul li {
  font-weight: 500;
  list-style-type: none;
  position: relative;
}

@media screen and (max-width: 1460px) {
  .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-fax ul li {
    font-size: 0.7rem;
  }
}

@media screen and (max-width: 400px) {
  .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-fax ul li {
    font-size: 0.8rem;
  }
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-fax ul li:after {
  content: none;
  display: block;
  width: 1px;
  height: 19px;
  background: #000;
  position: absolute;
  right: 0;
  top: 3px;
}

@media screen and (max-width: 1460px) {
  .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-fax ul li:after {
    height: 12px;
  }
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-fax ul li:first-child:after {
  content: none;
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-fax ul li a {
  font-weight: 500;
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-fax ul li p {
  font-weight: 500;
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow:hover .inner-shadow {
  background-color: #2e3a4d;
  box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.7);
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow:hover .inner-shadow .port-item-content-white p {
  color: #fff;
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow:hover .inner-shadow .port-item-fax li {
  color: #fff;
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow:hover .inner-shadow .port-item-fax li:after {
  background: #fff;
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow:hover .inner-shadow .port-item-fax p {
  color: #fff;
}

.contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow:hover .inner-shadow .port-item-fax a {
  color: #fff;
}

.removep p {
  display: none !important;
}

#department.flash {
  border: 2px solid #00a3ff !important;
}

.contact_id {
  display: none;
}

html[lang=ar] .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-fax ul li a {
  direction: ltr;
  display: inline-block;
}

html[lang=ar] .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-fax ul li span {
  display: inline-block;
  direction: ltr;
}

.search-field {
  max-width: 275px;
  margin: 20px 0;
  position: relative;
}

.search-field #search-container-number-submit {
  position: absolute;
  cursor: pointer;
  left: 10px;
  top: 10px;
}

.search-field #search-container-number-submit img {
  width: 20px;
}

.search-field input {
  font-weight: 500;
  height: 40px;
}

.search-field input::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #1d384d;
  opacity: 1;
  /* Firefox */
}

.search-field input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #1d384d;
  opacity: 1;
  /* Firefox */
}

.search-field input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #1d384d;
}

.search-field input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #1d384d;
}

div.table-extra-info-container-status {
  margin: 0;
  padding: 20px 0;
}

.container-status-filter div.days-filter-menu button {
  width: 210px;
}

.data-list {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.21);
  margin-top: 30px;
}

.data-list .data-list-item {
  display: flex;
  align-items: center;
  padding: 20px 30px;
  border-bottom: 1px solid #d2cece;
}

@media screen and (max-width: 700px) {
  .data-list .data-list-item {
    padding: 10px 4px;
  }
}

.data-list .data-list-item:last-child {
  border-bottom: none;
}

.data-list .data-list-item .data-list-label {
  min-width: 400px;
}

@media screen and (max-width: 700px) {
  .data-list .data-list-item .data-list-label {
    min-width: 150px;
  }
}

.data-list .data-list-item .data-list-label p {
  color: #4a4a4a;
  font-size: 1.1rem;
  line-height: 1.2rem;
  font-weight: 500;
}

@media screen and (max-width: 700px) {
  .data-list .data-list-item .data-list-label p {
    font-size: 15px;
    line-height: 17px;
  }
}

.data-list .data-list-item .data-list-value p {
  color: #4a4a4a;
  font-size: 1rem;
  line-height: 1.1rem;
}

@media screen and (max-width: 700px) {
  .data-list .data-list-item .data-list-value p {
    font-size: 13px;
    line-height: 15px;
  }
}

.detail .detail-container {
  padding: 0;
}

.detail .detail-container .data-list {
  margin: 0;
  box-shadow: none;
}

.page-template-template-ship-status .select select {
  border-color: #bfbdbd;
}

@media screen and (max-width: 600px) {
  .page-template-template-ship-status .select-item.btns-filters.cargo-filter {
    display: block;
  }

  .page-template-template-ship-status .table {
    overflow: hidden;
  }
}

.page-template-template-weather .box-on-image-inside {
  background-color: #fff;
}

@media only screen and (max-width: 1200px) {
  .page-template-template-weather .box-on-image-inside {
    padding: 0;
  }
}

@media only screen and (max-width: 550px) {
  .page-template-template-weather .box-on-image .row {
    padding: 0;
  }
}

.weather-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.weather-boxes .weather-box {
  flex-basis: 44%;
  padding: 20px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 1500px) {
  .weather-boxes .weather-box {
    flex-basis: 50%;
    padding: 10px;
  }
}

@media only screen and (max-width: 900px) {
  .weather-boxes .weather-box {
    flex-basis: 100%;
  }
}

.weather-boxes .weather-box .weather-box-in {
  border-radius: 10px;
  display: flex;
  background-repeat: no-repeat;
}

.weather-boxes .weather-box .weather-box-in.default .weather-box-details {
  background-image: url(/wp-content/themes/haifa-port/images/weather/bg/cloudy.jpg);
  width: 100%;
}

.weather-boxes .weather-box .weather-box-in.default .weather-box-date {
  background-image: linear-gradient(293deg, #41caff, #4e82f5);
}

.weather-boxes .weather-box .weather-box-in.cloudy .weather-box-details {
  background-image: url(/wp-content/themes/haifa-port/images/weather/bg/cloudy.jpg);
  width: 100%;
}

.weather-boxes .weather-box .weather-box-in.cloudy .weather-box-date {
  background-image: linear-gradient(293deg, #41caff, #4e82f5);
}

.weather-boxes .weather-box .weather-box-in.sunny .weather-box-details {
  background-image: url(/wp-content/themes/haifa-port/images/weather/bg/sunny.jpg);
  width: 100%;
}

.weather-boxes .weather-box .weather-box-in.sunny .weather-box-date {
  background-image: linear-gradient(293deg, #ecd963, #ff3c35);
}

.weather-boxes .weather-box .weather-box-in.raining .weather-box-details {
  background-image: url(/wp-content/themes/haifa-port/images/weather/bg/raining.jpg);
}

.weather-boxes .weather-box .weather-box-in.raining .weather-box-date {
  background-color: #08375e;
}

.weather-boxes .weather-box .weather-box-in.thunder .weather-box-details {
  background-image: url(/wp-content/themes/haifa-port/images/weather/bg/thunder.jpg);
}

.weather-boxes .weather-box .weather-box-in.thunder .weather-box-date {
  background-image: linear-gradient(247deg, #585757, #868686), linear-gradient(115deg, rgba(0, 0, 0, 0), #838383);
}

@media only screen and (max-width: 900px) {
  .weather-boxes .weather-box .weather-box-in {
    justify-content: center;
  }
}

.weather-boxes .weather-box .weather-box-in .weather-box-date {
  min-width: 170px;
  padding: 14px;
  border-bottom-right-radius: 27px;
  border-top-right-radius: 27px;
}

@media only screen and (max-width: 550px) {
  .weather-boxes .weather-box .weather-box-in .weather-box-date {
    min-width: 110px;
  }
}

.weather-boxes .weather-box .weather-box-in .weather-box-date .date p {
  font-size: 1.5625rem;
  line-height: 1.65rem;
  color: #fff;
  font-weight: 500;
}

@media only screen and (max-width: 550px) {
  .weather-boxes .weather-box .weather-box-in .weather-box-date .date p {
    font-size: 0.9rem;
    line-height: 1rem;
  }
}

.weather-boxes .weather-box .weather-box-in .weather-box-date .hour {
  display: flex;
}

@media only screen and (max-width: 550px) {
  .weather-boxes .weather-box .weather-box-in .weather-box-date .hour {
    margin-top: 10px;
  }
}

.weather-boxes .weather-box .weather-box-in .weather-box-date .hour p {
  font-size: 1rem;
  line-height: 1.1rem;
  color: #fff;
}

@media only screen and (max-width: 550px) {
  .weather-boxes .weather-box .weather-box-in .weather-box-date .hour p {
    font-size: 0.8rem;
    line-height: 0.9rem;
  }
}

.weather-boxes .weather-box .weather-box-in .weather-box-details {
  padding: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-bottom-left-radius: 27px;
  border-top-left-radius: 27px;
  flex-grow: 1;
}

@media only screen and (max-width: 550px) {
  .weather-boxes .weather-box .weather-box-in .weather-box-details {
    padding: 7px;
  }
}

.weather-boxes .weather-box .weather-box-in .weather-box-details .weather-box-details-title {
  align-items: center;
  display: flex;
}

.weather-boxes .weather-box .weather-box-in .weather-box-details .weather-box-details-title img {
  max-width: 30px;
  max-height: 28px;
  margin-left: 10px;
}

.weather-boxes .weather-box .weather-box-in .weather-box-details .weather-box-details-title p {
  font-size: 1rem;
  line-height: 1.1rem;
  color: #fff;
}

.weather-boxes .weather-box .weather-box-in .weather-box-details .weather-box-range {
  display: flex;
  margin-top: 15px;
}

@media only screen and (max-width: 550px) {
  .weather-boxes .weather-box .weather-box-in .weather-box-details .weather-box-range {
    margin: 15px 15px 0 0;
  }
}

.weather-boxes .weather-box .weather-box-in .weather-box-details .weather-box-range p {
  color: #fff;
  font-size: 2.8125rem;
  line-height: 2.9125rem;
  margin-left: 10px;
}

@media only screen and (max-width: 550px) {
  .weather-boxes .weather-box .weather-box-in .weather-box-details .weather-box-range p {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }
}

.weather-boxes .weather-box .weather-box-in .weather-box-details .weather-box-range .day {
  display: flex;
  position: relative;
}

.weather-boxes .weather-box .weather-box-in .weather-box-details .weather-box-range .day span {
  color: #fff;
  position: absolute;
  top: -8px;
  right: -8px;
}

@media only screen and (max-width: 550px) {
  .weather-boxes .weather-box .weather-box-in .weather-box-details .weather-box-range .day span {
    font-size: 0.6rem;
  }
}

.weather-boxes .weather-box .weather-box-in .weather-box-details .line-detail {
  margin-top: 20px;
  display: flex;
  align-items: self-end;
}

.weather-boxes .weather-box .weather-box-in .weather-box-details .line-detail img {
  max-width: 30px;
  max-height: 30px;
  filter: brightness(0) invert(1);
}

@media only screen and (max-width: 550px) {
  .weather-boxes .weather-box .weather-box-in .weather-box-details .line-detail img {
    max-width: 20px;
    max-height: 20px;
  }
}

.weather-boxes .weather-box .weather-box-in .weather-box-details .line-detail .line-detail-range {
  margin: 0 10px;
  line-height: 1;
}

.weather-boxes .weather-box .weather-box-in .weather-box-details .line-detail .line-detail-range .line-detail-range-box {
  display: flex;
  align-items: center;
}

.weather-boxes .weather-box .weather-box-in .weather-box-details .line-detail .line-detail-range .line-detail-range-box p {
  font-size: 0.9rem;
  line-height: 1rem;
  color: #fff;
}

.weather-boxes .weather-box .weather-box-in .weather-box-details .line-detail .line-detail-range .line-detail-range-box .line-detail-item p {
  font-size: 1.2rem;
  line-height: 1.3rem;
  color: #fff;
}

.weather-boxes .weather-box .weather-box-in .weather-box-details .line-detail .line-detail-range span {
  color: #fff;
  font-size: 0.8rem;
  font-weight: 300;
}

.weather-boxes .weather-box .weather-box-in .weather-box-details .line-detail .text p {
  font-size: 0.9rem;
  line-height: 1rem;
  color: #fff;
  font-weight: 300;
}

@media only screen and (max-width: 550px) {
  .weather-boxes .weather-box .weather-box-in .weather-box-details .line-detail .text p {
    font-size: 0.8rem;
    line-height: 0.9rem;
  }
}

.weather-box-date .date {
  margin: 20px 0 0 0;
}

.page-template-template-real-time-map .page-wrap {
  padding-bottom: 0;
}

.real-time-sub-title {
  margin: 10px 0;
}

.real-time-sub-title p {
  color: #4a4a4a;
  font-size: 1.2rem;
  line-height: 1.3rem;
}

@media only screen and (max-width: 500px) {
  .real-time-sub-title p {
    font-size: 0.9rem;
    line-height: 1rem;
  }
}

.map-real-time {
  padding: 40px 0;
}

@media only screen and (max-width: 700px) {
  .map-real-time {
    padding: 20px 0;
  }
}

.map-info p {
  font-size: 0.9rem;
  line-height: 1rem;
  color: #4a4a4a;
}

.real-time-banner {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 40px;
}

.real-time-banner .real-time-banner-inside {
  height: 630px;
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 500;
}

@media only screen and (max-width: 1070px) {
  .real-time-banner .real-time-banner-inside {
    height: 500px;
  }
}

@media only screen and (max-width: 900px) {
  .real-time-banner .real-time-banner-inside {
    height: auto;
    padding: 30px 0;
  }
}

.real-time-banner .real-time-banner-inside .top .title-box {
  background-color: #ffc600;
  color: #fff;
  display: inline-block;
  padding: 15px 20px;
}

.real-time-banner .real-time-banner-inside .top .title-box p {
  color: #fff;
  font-size: 2.8125rem;
  line-height: 2.9125rem;
}

@media only screen and (max-width: 900px) {
  .real-time-banner .real-time-banner-inside .top .title-box p {
    font-size: 1.5rem;
    line-height: 1.6rem;
  }
}

.real-time-banner .real-time-banner-inside .top .weather {
  display: flex;
  margin-top: 20px;
}

.real-time-banner .real-time-banner-inside .top .weather > div {
  position: relative;
  padding-left: 30px;
}

.real-time-banner .real-time-banner-inside .top .weather .hour {
  position: relative;
}

.real-time-banner .real-time-banner-inside .top .weather .hour:after {
  content: "";
  display: block;
  width: 1px;
  background-color: #fff;
  height: 40px;
  position: absolute;
  left: 9px;
  top: 0;
}

@media only screen and (max-width: 900px) {
  .real-time-banner .real-time-banner-inside .top .weather .hour:after {
    height: 20px;
  }
}

.real-time-banner .real-time-banner-inside .top .weather .hour p {
  font-size: 2.8125rem;
  color: #fff;
  line-height: 2.9125rem;
  font-weight: 300;
}

@media only screen and (max-width: 900px) {
  .real-time-banner .real-time-banner-inside .top .weather .hour p {
    font-size: 1.5rem;
    line-height: 1.6rem;
  }
}

.real-time-banner .real-time-banner-inside .top .weather .weather-temp .weather-temp {
  font-size: 2.8125rem;
  color: #fff;
  line-height: 2.9125rem;
  font-weight: 300;
}

@media only screen and (max-width: 900px) {
  .real-time-banner .real-time-banner-inside .top .weather .weather-temp .weather-temp {
    font-size: 1.5rem;
    line-height: 1.6rem;
  }

  .real-time-banner .real-time-banner-inside .top .weather .weather-temp .weather-temp img {
    max-width: 20px;
  }
}

.real-time-banner .real-time-banner-inside .top .weather .weather-temp .weather-temp span.celsius {
  top: -17px;
}

.real-time-banner .real-time-banner-inside .bottom ul {
  display: flex;
}

@media only screen and (max-width: 700px) {
  .real-time-banner .real-time-banner-inside .bottom ul {
    flex-wrap: wrap;
  }
}

.real-time-banner .real-time-banner-inside .bottom ul li {
  list-style-type: none;
  border-left: 1px solid #fff;
  padding: 0 30px 0 30px;
}

.real-time-banner .real-time-banner-inside .bottom ul li:last-child {
  border: none;
}

@media only screen and (max-width: 900px) {
  .real-time-banner .real-time-banner-inside .bottom ul li {
    flex-basis: 40%;
  }
}

@media only screen and (max-width: 700px) {
  .real-time-banner .real-time-banner-inside .bottom ul li {
    flex-basis: 100%;
    margin: 20px 0 0px 0;
  }
}

@media only screen and (max-width: 600px) {
  .real-time-banner .real-time-banner-inside .bottom ul li {
    border: none;
  }
}

.real-time-banner .real-time-banner-inside .bottom ul li a {
  display: flex;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 800px) {
  .real-time-banner .real-time-banner-inside .bottom ul li a {
    flex-direction: column;
  }
}

@media only screen and (max-width: 700px) {
  .real-time-banner .real-time-banner-inside .bottom ul li a {
    flex-direction: row;
  }
}

.real-time-banner .real-time-banner-inside .bottom ul li a .icon-real-time {
  margin-left: 25px;
}

@media only screen and (max-width: 700px) {
  .real-time-banner .real-time-banner-inside .bottom ul li a .icon-real-time img {
    max-width: 40px;
  }
}

.real-time-banner .real-time-banner-inside .bottom ul li a .title-content .title p {
  font-size: 1.625rem;
  line-height: 1.725rem;
  color: #ffc600;
  font-weight: 500;
}

@media only screen and (max-width: 700px) {
  .real-time-banner .real-time-banner-inside .bottom ul li a .title-content .title p {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

.real-time-banner .real-time-banner-inside .bottom ul li a .title-content .content {
  margin: 15px 0 10px 0;
}

@media only screen and (max-width: 700px) {
  .real-time-banner .real-time-banner-inside .bottom ul li a .title-content .content {
    margin: 5px 0 5px 0;
  }
}

.real-time-banner .real-time-banner-inside .bottom ul li a .title-content .content p {
  font-size: 1rem;
  line-height: 1.1rem;
  color: #fff;
}

@media only screen and (max-width: 700px) {
  .real-time-banner .real-time-banner-inside .bottom ul li a .title-content .content p {
    font-size: 0.8rem;
    line-height: 0.9rem;
  }
}

.real-time-banner .real-time-banner-inside .bottom ul li a .title-content .arr {
  transform: translateX(0px);
  transition: all 0.25s ease;
}

.real-time-banner .real-time-banner-inside .bottom ul li a:hover .arr {
  transform: translateX(-10px);
}

.black-grad {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.49), rgba(255, 255, 255, 0));
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 9;
  height: 42%;
}

@media only screen and (max-width: 900px) {
  .black-grad {
    height: 92%;
  }
}

@media only screen and (max-width: 1070px) {
  #marinetraffic {
    height: 400px !important;
  }
}

@media only screen and (max-width: 700px) {
  #marinetraffic {
    height: 300px !important;
  }
}

.map-structure-title p {
  color: #4a4a4a;
  font-size: 1.2rem;
  line-height: 1.3rem;
}

.wrap-map-structure {
  width: 100%;
}

.wrap-map-structure .gm-style {
  margin-top: -40px;
}

.wrap-map-structure .gm-style .gm-style-iw-c {
  background-color: #1d384d;
  padding: 0px;
  border-radius: 0;
  width: 100%;
}

.wrap-map-structure .gm-style .gm-style-iw-d {
  padding: 16px;
}

.wrap-map-structure .gm-style .gm-style-iw-t::after {
  background: transparent;
  box-shadow: none;
}

.wrap-map-structure #structure-map {
  width: 100%;
  height: 700px;
  margin: 30px 0;
}

@media only screen and (max-width: 1000px) {
  .wrap-map-structure #structure-map {
    height: 500px;
  }
}

@media only screen and (max-width: 700px) {
  .wrap-map-structure #structure-map {
    height: 300px;
  }
}

.wrap-map-structure .content p {
  font-size: 1.1rem;
  line-height: 1.2rem;
  color: #4a4a4a;
}

@media only screen and (max-width: 700px) {
  .wrap-map-structure .content p {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

.wrap-map-structure .content strong {
  color: #2e3a4d;
  font-size: 1.875rem;
  line-height: 1.975rem;
}

@media only screen and (max-width: 700px) {
  .wrap-map-structure .content strong {
    font-size: 1.1rem;
    line-height: 1.2rem;
  }
}

.popup-marker .popup-marker-title {
  margin: 10px 0;
}

.popup-marker .popup-marker-title p {
  color: #ffc600;
  font-size: 1.3rem;
  line-height: 1.4rem;
  font-weight: 500;
}

.popup-marker .popup-marker-content p {
  font-size: 0.9rem;
  line-height: 1rem;
  color: #fff;
}

.gm-ui-hover-effect img {
  filter: brightness(0) invert(1);
}

.gm-style-iw > div {
  overflow: visible !important;
}

button.gm-ui-hover-effect {
  right: auto !important;
  left: 0 !important;
}

.gm-style .gm-style-iw-t::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 11px solid #2e3a4d;
}

.gm-style-iw-a {
  margin-top: -40px;
}

.page-template-template-quiz-php .end-quiz-btn:disabled,
.page-template-template-disclaimer .end-quiz-btn:disabled {
  pointer-events: none;
  opacity: 0.2;
}

.page-template-template-quiz-php .box-on-image-inside,
.page-template-template-disclaimer .box-on-image-inside {
  position: relative;
  width: 70%;
  background-color: #fff;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.21);
  padding: 50px 60px;
  margin: 60px 0 60px 0;
  min-height: 0;
}

@media only screen and (max-width: 1100px) {
  .page-template-template-quiz-php .box-on-image-inside,
  .page-template-template-disclaimer .box-on-image-inside {
    width: 100%;
  }
}

@media only screen and (max-width: 900px) {
  .page-template-template-quiz-php .box-on-image-inside,
  .page-template-template-disclaimer .box-on-image-inside {
    padding: 30px;
  }
}

@media only screen and (max-width: 450px) {
  .page-template-template-quiz-php .box-on-image-inside,
  .page-template-template-disclaimer .box-on-image-inside {
    padding: 20px;
  }
}

@media only screen and (max-width: 500px) {
  .page-template-template-quiz-php .box-on-image .row,
  .page-template-template-disclaimer .box-on-image .row {
    padding: 0;
  }
}

.quiz-wrap {
  width: 100%;
}

.quiz-wrap .title p {
  color: #2e3a4d;
  font-size: 2.5rem;
  line-height: 2.6rem;
  font-weight: 500;
}

@media only screen and (max-width: 700px) {
  .quiz-wrap .title p {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }
}

.quiz-wrap .content {
  margin-top: 60px;
}

@media only screen and (max-width: 700px) {
  .quiz-wrap .content {
    margin-top: 20px;
  }
}

.quiz-wrap .content strong {
  font-size: 1.5rem;
  line-height: 1.6rem;
}

@media only screen and (max-width: 700px) {
  .quiz-wrap .content strong {
    font-size: 1.1rem;
    line-height: 1.2rem;
  }
}

.quiz-wrap .content p {
  font-size: 1.25rem;
  line-height: 1.35rem;
  color: #000;
}

@media only screen and (max-width: 700px) {
  .quiz-wrap .content p {
    font-size: 0.9rem;
    line-height: 1.1;
  }
}

.quiz-wrap .content a {
  color: #09b5e0;
}

.quiz-wrap .quiz-btn {
  background-color: #ffc600;
  color: #fff;
  font-size: 1.875rem;
  line-height: 1.975rem;
  font-weight: 500;
  padding: 10px 25px;
  margin: 20px 0;
  cursor: pointer;
}

@media only screen and (max-width: 700px) {
  .quiz-wrap .quiz-btn {
    font-size: 1.3rem;
  }
}

.quiz-wrap .info {
  margin-top: 30px;
}

@media only screen and (max-width: 700px) {
  .quiz-wrap .info {
    margin-top: 0;
  }
}

.quiz-wrap .info p {
  font-size: 1.25rem;
  line-height: 1.35rem;
}

@media only screen and (max-width: 700px) {
  .quiz-wrap .info p {
    font-size: 0.9rem;
    line-height: 1rem;
  }
}

.quiz-wrap .letter {
  margin-top: 20px;
  cursor: pointer;
}

.quiz-wrap .box-quiz-title p {
  color: #2e3a4d;
  font-weight: 500;
  font-size: 1.4375rem;
  line-height: 1.4375rem;
}

.quiz-wrap .form-register-quiz {
  margin-top: 30px;
}

.quiz-wrap .form-register-quiz .field {
  margin: 10px 0 0 0;
}

.quiz-wrap .form-register-quiz .check-custom {
  width: 100%;
}

.quiz-wrap .form-register-quiz .control-label {
  padding: 0 10px 0 0;
}

.quiz-wrap .form-register-quiz .form-register-quiz-inputs-wrap {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 450px) {
  .quiz-wrap .form-register-quiz .form-register-quiz-inputs-wrap {
    display: block;
  }
}

.quiz-wrap .form-register-quiz .form-register-quiz-inputs-wrap .form-register-quiz-input {
  width: 32%;
}

@media only screen and (max-width: 450px) {
  .quiz-wrap .form-register-quiz .form-register-quiz-inputs-wrap .form-register-quiz-input {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

.quiz-wrap .form-register-quiz .form-register-quiz-inputs-wrap .form-register-quiz-input input {
  margin: 0;
}

.quiz-wrap .form-register-quiz .form-register-quiz-inputs-wrap .form-register-quiz-input input.error {
  border: 1px solid red;
}

.quiz-wrap .form-register-quiz .form-register-quiz-inputs-wrap .form-register-quiz-input label {
  font-weight: 500;
  font-size: 1.1rem;
}

.quiz-wrap .form-register-quiz .form-register-quiz-inputs-wrap .form-register-quiz-input span {
  color: red;
  font-size: 0.9rem;
  line-height: 1rem;
}

.quiz-wrap .question {
  margin: 50px 0 20px 0;
}

.quiz-wrap .question p {
  color: #1d384d;
  font-size: 1.1rem;
  line-height: 1.2rem;
  font-weight: 500;
}

.quiz-wrap .quiz-answer {
  margin-bottom: 10px;
  cursor: pointer;
}

.quiz-wrap .quiz-answer .control-label {
  color: #4a4a4a;
  font-size: 1rem;
  line-height: 1rem;
}

.quiz-wrap .quiz-answer .b-radio.radio input[type=radio] + .check {
  margin-left: 10px;
}

.qus-wrap {
  padding: 20px;
  background-color: #fcfcfc;
}

@media only screen and (max-width: 450px) {
  .qus-wrap {
    padding: 10px;
  }
}

.qus-wrap .qus-number {
  margin-bottom: 12px;
}

.qus-wrap .qus-number p {
  color: #1d384d;
  font-size: 1.1rem;
  line-height: 1.2rem;
  font-weight: 600;
}

.quiz-progress-bar {
  height: 8px;
  background-color: #e7e7e7;
  border-radius: 10px;
}

.quiz-progress-bar .quiz-progress-bar-fill {
  background-color: #ffc600;
  height: 8px;
  border-radius: 10px;
  transition: all 0.4s ease;
}

.exam-details {
  margin-bottom: 40px;
}

@media only screen and (max-width: 450px) {
  .exam-details {
    margin-bottom: 10px;
  }
}

.exam-details .exam-details-title p {
  color: #2e3a4d;
  font-size: 1.875rem;
  line-height: 1.975rem;
  font-weight: 600;
}

.exam-details .details ul {
  display: flex;
  margin: 20px 0 10px 0;
}

@media only screen and (max-width: 450px) {
  .exam-details .details ul {
    display: block;
  }
}

.exam-details .details ul li {
  list-style-type: none;
  display: flex;
  color: #4a4a4a;
  font-size: 0.9rem;
  line-height: 1rem;
  margin-left: 20px;
}

@media only screen and (max-width: 400px) {
  .exam-details .details ul li {
    margin: 0 0 10px 0;
  }
}

.exam-details .details ul li strong {
  margin-left: 5px;
}

.exam-details .details ul li p {
  color: #4a4a4a;
  font-size: 0.9rem;
  line-height: 1rem;
}

.final-results {
  max-width: 600px;
  margin: auto;
}

@media only screen and (max-width: 900px) {
  .final-results {
    margin: 0;
  }
}

.final-results p {
  color: #4a4a4a;
  font-size: 1rem;
  line-height: 1.3;
}

.final-results .small-info p {
  font-size: 0.9rem;
  line-height: 1rem;
  color: #4a4a4a;
}

.final-results .btn-page {
  margin: 10px 0;
  display: inline-block;
  background-color: #ffc600;
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  padding: 14px 30px;
}

.final-results .btn-page a {
  color: #fff;
}

.error .check {
  border: 1px solid red !important;
}

.print-logo {
  display: none;
}

@media print {
  .print-logo {
    display: block !important;
  }
}

@media only screen and (max-width: 1100px) {
  .rm-mob {
    display: none;
  }
}

.results-details {
  display: flex;
  margin-bottom: 20px;
}

.results-details > div {
  margin-left: 10px;
}

.results-details > div strong {
  color: #2e3a4d;
  font-size: 1.2rem;
  line-height: 1.1;
}

.passport-check {
  margin-bottom: 30px;
}

.loader-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  align-items: center;
  pointer-events: none;
  justify-content: center;
}

.hide-after-start-quiz .letter {
  display: none;
}

.page-template-template-nwesletter .contact-form-page-title .sub-title p,
.page-template-template-subscribe .contact-form-page-title .sub-title p {
  color: #4a4a4a;
  font-size: 1rem;
  line-height: 1.1rem;
}

.page-template-template-nwesletter .contact-box .contact-form-page .contact-form-page-inside.contact-form-page-inside-phone div:first-child,
.page-template-template-subscribe .contact-box .contact-form-page .contact-form-page-inside.contact-form-page-inside-phone div:first-child {
  flex-basis: 81%;
}

@media only screen and (max-width: 500px) {
  .page-template-template-nwesletter .box-on-image .row,
  .page-template-template-subscribe .box-on-image .row {
    padding: 0;
  }
}

.page-template-template-nwesletter .box-on-image-inside,
.page-template-template-subscribe .box-on-image-inside {
  width: 70%;
  background-color: #fff;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.21);
  padding: 50px 120px;
  margin: 60px 0 60px 0;
  min-height: 0;
}

@media only screen and (max-width: 1280px) {
  .page-template-template-nwesletter .box-on-image-inside,
  .page-template-template-subscribe .box-on-image-inside {
    padding: 50px 50px;
  }
}

@media only screen and (max-width: 1030px) {
  .page-template-template-nwesletter .box-on-image-inside,
  .page-template-template-subscribe .box-on-image-inside {
    width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  .page-template-template-nwesletter .box-on-image-inside,
  .page-template-template-subscribe .box-on-image-inside {
    padding: 20px 15px;
  }
}

.page-template-template-nwesletter .contact-box .contact-form-page label span,
.page-template-template-subscribe .contact-box .contact-form-page label span {
  color: red;
}

.page-template-template-nwesletter .contact-box .contact-form-page #interested input,
.page-template-template-subscribe .contact-box .contact-form-page #interested input {
  width: auto;
  margin-left: 6px;
}

.page-template-template-nwesletter .contact-box .contact-form-page #interested span,
.page-template-template-subscribe .contact-box .contact-form-page #interested span {
  display: flex;
  align-items: center;
}

.page-template-template-nwesletter .contact-box .contact-form-page #interested span.wpcf7-list-item,
.page-template-template-subscribe .contact-box .contact-form-page #interested span.wpcf7-list-item {
  margin-top: 7px;
}

.page-template-template-nwesletter .contact-box .contact-form-page #get-updates,
.page-template-template-subscribe .contact-box .contact-form-page #get-updates {
  display: flex;
  flex-wrap: wrap;
}

.page-template-template-nwesletter .contact-box .contact-form-page #get-updates input,
.page-template-template-subscribe .contact-box .contact-form-page #get-updates input {
  width: auto;
}

.page-template-template-nwesletter .contact-box .contact-form-page #get-updates .wpcf7-list-item,
.page-template-template-subscribe .contact-box .contact-form-page #get-updates .wpcf7-list-item {
  display: flex;
  flex-basis: 50%;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
  font-size: 1rem;
  line-height: 1.1rem;
  color: #4a4a4a;
}

.page-template-template-nwesletter .contact-box .contact-form-page #get-updates .wpcf7-list-item input,
.page-template-template-subscribe .contact-box .contact-form-page #get-updates .wpcf7-list-item input {
  margin-left: 10px;
}

.page-template-template-nwesletter .contact-box .contact-form-page .contact-form-page-inside-submit .submit-wrap,
.page-template-template-subscribe .contact-box .contact-form-page .contact-form-page-inside-submit .submit-wrap {
  margin: 0;
}

@media only screen and (max-width: 1030px) {
  .page-template-template-nwesletter .contact-box .contact-form-page .contact-form-page-inside-checkboxes,
  .page-template-template-subscribe .contact-box .contact-form-page .contact-form-page-inside-checkboxes {
    flex-basis: 100%;
  }
}

.page-template-template-get-Invoices-php .box-on-image-inside {
  width: 70%;
  background-color: #fff;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.21);
  padding: 50px 120px;
  margin: 60px 0 60px 0;
  min-height: 0;
}

.manpower {
  margin-bottom: 40px;
}

.get-annonce p {
  color: #4a4a4a;
}

@media screen and (min-width: 1670px) {
  .page-template-template-annonce .select-item.no-margin,
  .page-template-template-Jobs .select-item.no-margin,
  .page-template-template-non-announce-engegements .select-item.no-margin,
  .page-template-template-engagements-external-supplier .select-item.no-margin {
    margin: 0 !important;
  }
}

@media screen and (max-width: 530px) {
  .page-template-template-annonce .select-item,
  .page-template-template-Jobs .select-item,
  .page-template-template-non-announce-engegements .select-item,
  .page-template-template-engagements-external-supplier .select-item {
    margin: 0;
  }
}

.page-template-template-annonce .select-item .field select,
.page-template-template-Jobs .select-item .field select,
.page-template-template-non-announce-engegements .select-item .field select,
.page-template-template-engagements-external-supplier .select-item .field select {
  width: 100% !important;
  background-color: #fff;
  border: 1px solid #1d384d;
  font-weight: bold;
}

.page-template-template-annonce .select-item .select select,
.page-template-template-Jobs .select-item .select select,
.page-template-template-non-announce-engegements .select-item .select select,
.page-template-template-engagements-external-supplier .select-item .select select {
  border: none;
  font-weight: 400;
}

@media screen and (max-width: 530px) {
  .page-template-template-annonce .select-item .select select,
  .page-template-template-Jobs .select-item .select select,
  .page-template-template-non-announce-engegements .select-item .select select,
  .page-template-template-engagements-external-supplier .select-item .select select {
    padding: 0 !important;
  }
}

@media screen and (max-width: 530px) {
  .page-template-template-annonce .download-file,
  .page-template-template-Jobs .download-file,
  .page-template-template-non-announce-engegements .download-file,
  .page-template-template-engagements-external-supplier .download-file {
    width: 100px !important;
    margin: 7px 0 0 0;
  }
}

.page-template-template-annonce .filter-by-dates,
.page-template-template-Jobs .filter-by-dates,
.page-template-template-non-announce-engegements .filter-by-dates,
.page-template-template-engagements-external-supplier .filter-by-dates {
  flex-wrap: wrap;
}

.page-template-template-annonce .filter-by-dates select,
.page-template-template-Jobs .filter-by-dates select,
.page-template-template-non-announce-engegements .filter-by-dates select,
.page-template-template-engagements-external-supplier .filter-by-dates select {
  -webkit-appearance: menulist;
}

@media screen and (max-width: 530px) {
  .page-template-template-annonce .filter-by-dates,
  .page-template-template-Jobs .filter-by-dates,
  .page-template-template-non-announce-engegements .filter-by-dates,
  .page-template-template-engagements-external-supplier .filter-by-dates {
    justify-content: space-between;
  }
}

.page-template-template-annonce .filter-by-dates .select-item,
.page-template-template-Jobs .filter-by-dates .select-item,
.page-template-template-non-announce-engegements .filter-by-dates .select-item,
.page-template-template-engagements-external-supplier .filter-by-dates .select-item {
  flex-basis: 18%;
}

@media screen and (max-width: 1100px) {
  .page-template-template-annonce .filter-by-dates .select-item,
  .page-template-template-Jobs .filter-by-dates .select-item,
  .page-template-template-non-announce-engegements .filter-by-dates .select-item,
  .page-template-template-engagements-external-supplier .filter-by-dates .select-item {
    flex-basis: 28%;
  }
}

@media screen and (max-width: 770px) {
  .page-template-template-annonce .filter-by-dates .select-item,
  .page-template-template-Jobs .filter-by-dates .select-item,
  .page-template-template-non-announce-engegements .filter-by-dates .select-item,
  .page-template-template-engagements-external-supplier .filter-by-dates .select-item {
    flex-basis: 43%;
  }
}

@media screen and (max-width: 530px) {
  .page-template-template-annonce .filter-by-dates .select-item,
  .page-template-template-Jobs .filter-by-dates .select-item,
  .page-template-template-non-announce-engegements .filter-by-dates .select-item,
  .page-template-template-engagements-external-supplier .filter-by-dates .select-item {
    flex-basis: 100%;
    margin: 0;
  }
}

@media screen and (max-width: 530px) and (max-width: 530px) {
  .page-template-template-annonce .filter-by-dates .select-item input,
  .page-template-template-annonce .filter-by-dates .select-item select,
  .page-template-template-Jobs .filter-by-dates .select-item input,
  .page-template-template-Jobs .filter-by-dates .select-item select,
  .page-template-template-non-announce-engegements .filter-by-dates .select-item input,
  .page-template-template-non-announce-engegements .filter-by-dates .select-item select,
  .page-template-template-engagements-external-supplier .filter-by-dates .select-item input,
  .page-template-template-engagements-external-supplier .filter-by-dates .select-item select {
    margin: 0 0 10px 0 !important;
    width: 100% !important;
  }
}

.page-template-template-annonce .filter-by-dates,
.page-template-template-Jobs .filter-by-dates,
.page-template-template-non-announce-engegements .filter-by-dates,
.page-template-template-engagements-external-supplier .filter-by-dates {
  margin-bottom: 40px;
}

.page-template-template-annonce .table-wrapper tr,
.page-template-template-Jobs .table-wrapper tr,
.page-template-template-non-announce-engegements .table-wrapper tr,
.page-template-template-engagements-external-supplier .table-wrapper tr {
  transition: all 0.1s ease;
  background-color: #fff;
}

.page-template-template-annonce .table-wrapper tr:hover,
.page-template-template-Jobs .table-wrapper tr:hover,
.page-template-template-non-announce-engegements .table-wrapper tr:hover,
.page-template-template-engagements-external-supplier .table-wrapper tr:hover {
  background-color: #e2e2e2;
}

.page-template-template-annonce .modal-card,
.page-template-template-Jobs .modal-card,
.page-template-template-non-announce-engegements .modal-card,
.page-template-template-engagements-external-supplier .modal-card {
  padding: 30px;
  overflow-y: auto;
}

.page-template-template-annonce .modal-card .modal-card-title,
.page-template-template-Jobs .modal-card .modal-card-title,
.page-template-template-non-announce-engegements .modal-card .modal-card-title,
.page-template-template-engagements-external-supplier .modal-card .modal-card-title {
  padding-bottom: 10px;
  border-bottom: 2px solid #1d384d;
}

.page-template-template-annonce .modal-card .modal-card-title .modal-card-title-title p,
.page-template-template-Jobs .modal-card .modal-card-title .modal-card-title-title p,
.page-template-template-non-announce-engegements .modal-card .modal-card-title .modal-card-title-title p,
.page-template-template-engagements-external-supplier .modal-card .modal-card-title .modal-card-title-title p {
  color: #1d384d;
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 1.975rem;
}

@media screen and (max-width: 800px) {
  .page-template-template-annonce .modal-card .modal-card-title .modal-card-title-title p,
  .page-template-template-Jobs .modal-card .modal-card-title .modal-card-title-title p,
  .page-template-template-non-announce-engegements .modal-card .modal-card-title .modal-card-title-title p,
  .page-template-template-engagements-external-supplier .modal-card .modal-card-title .modal-card-title-title p {
    font-size: 1.2rem;
    line-height: 1.3rem;
  }
}

.page-template-template-annonce .modal-card .modal-card-title-announce-id p,
.page-template-template-Jobs .modal-card .modal-card-title-announce-id p,
.page-template-template-non-announce-engegements .modal-card .modal-card-title-announce-id p,
.page-template-template-engagements-external-supplier .modal-card .modal-card-title-announce-id p {
  color: #1d384d;
  font-size: 1.25rem;
  line-height: 1.35rem;
}

@media screen and (max-width: 800px) {
  .page-template-template-annonce .modal-card .modal-card-title-announce-id p,
  .page-template-template-Jobs .modal-card .modal-card-title-announce-id p,
  .page-template-template-non-announce-engegements .modal-card .modal-card-title-announce-id p,
  .page-template-template-engagements-external-supplier .modal-card .modal-card-title-announce-id p {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

.page-template-template-annonce .modal-card .modal-card-details ul,
.page-template-template-Jobs .modal-card .modal-card-details ul,
.page-template-template-non-announce-engegements .modal-card .modal-card-details ul,
.page-template-template-engagements-external-supplier .modal-card .modal-card-details ul {
  margin: 20px 0 0 0;
  padding: 0;
}

.page-template-template-annonce .modal-card .modal-card-details ul li,
.page-template-template-Jobs .modal-card .modal-card-details ul li,
.page-template-template-non-announce-engegements .modal-card .modal-card-details ul li,
.page-template-template-engagements-external-supplier .modal-card .modal-card-details ul li {
  display: flex;
  list-style-type: none;
  margin-bottom: 10px;
}

.page-template-template-annonce .modal-card .modal-card-details ul li p,
.page-template-template-Jobs .modal-card .modal-card-details ul li p,
.page-template-template-non-announce-engegements .modal-card .modal-card-details ul li p,
.page-template-template-engagements-external-supplier .modal-card .modal-card-details ul li p {
  color: #1d384d;
  font-size: 1rem;
  line-height: 1.1rem;
}

@media screen and (max-width: 500px) {
  .page-template-template-annonce .modal-card .modal-card-details ul li p,
  .page-template-template-Jobs .modal-card .modal-card-details ul li p,
  .page-template-template-non-announce-engegements .modal-card .modal-card-details ul li p,
  .page-template-template-engagements-external-supplier .modal-card .modal-card-details ul li p {
    font-size: 0.9rem;
    line-height: 1rem;
  }
}

.page-template-template-annonce .modal-card .modal-card-details ul li strong,
.page-template-template-Jobs .modal-card .modal-card-details ul li strong,
.page-template-template-non-announce-engegements .modal-card .modal-card-details ul li strong,
.page-template-template-engagements-external-supplier .modal-card .modal-card-details ul li strong {
  color: #1d384d;
  font-size: 1rem;
  line-height: 1.1rem;
}

@media screen and (max-width: 500px) {
  .page-template-template-annonce .modal-card .modal-card-details ul li strong,
  .page-template-template-Jobs .modal-card .modal-card-details ul li strong,
  .page-template-template-non-announce-engegements .modal-card .modal-card-details ul li strong,
  .page-template-template-engagements-external-supplier .modal-card .modal-card-details ul li strong {
    font-size: 0.9rem;
    line-height: 1rem;
  }
}

.page-template-template-annonce .modal-card .modal-card-content-details,
.page-template-template-Jobs .modal-card .modal-card-content-details,
.page-template-template-non-announce-engegements .modal-card .modal-card-content-details,
.page-template-template-engagements-external-supplier .modal-card .modal-card-content-details {
  margin-bottom: 20px;
}

.page-template-template-annonce .modal-card .modal-card-content-details p,
.page-template-template-Jobs .modal-card .modal-card-content-details p,
.page-template-template-non-announce-engegements .modal-card .modal-card-content-details p,
.page-template-template-engagements-external-supplier .modal-card .modal-card-content-details p {
  color: #1d384d;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.1rem;
}

@media screen and (max-width: 500px) {
  .page-template-template-annonce .modal-card .modal-card-content-details p,
  .page-template-template-Jobs .modal-card .modal-card-content-details p,
  .page-template-template-non-announce-engegements .modal-card .modal-card-content-details p,
  .page-template-template-engagements-external-supplier .modal-card .modal-card-content-details p {
    font-size: 0.9rem;
    line-height: 1rem;
  }
}

.page-template-template-annonce .modal-card .modal-card-content-text p,
.page-template-template-Jobs .modal-card .modal-card-content-text p,
.page-template-template-non-announce-engegements .modal-card .modal-card-content-text p,
.page-template-template-engagements-external-supplier .modal-card .modal-card-content-text p {
  font-size: 0.9rem;
  line-height: 1.2rem;
  color: #1d384d;
}

.page-template-template-annonce .modal-card .modal-card-content-text a,
.page-template-template-Jobs .modal-card .modal-card-content-text a,
.page-template-template-non-announce-engegements .modal-card .modal-card-content-text a,
.page-template-template-engagements-external-supplier .modal-card .modal-card-content-text a {
  color: #4a90e2;
}

.page-template-template-annonce .modal-card .modal-card-files .modal-card-files-title p,
.page-template-template-Jobs .modal-card .modal-card-files .modal-card-files-title p,
.page-template-template-non-announce-engegements .modal-card .modal-card-files .modal-card-files-title p,
.page-template-template-engagements-external-supplier .modal-card .modal-card-files .modal-card-files-title p {
  color: #1d384d;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.1rem;
}

.page-template-template-annonce .modal-card .modal-card-files .rate-list,
.page-template-template-Jobs .modal-card .modal-card-files .rate-list,
.page-template-template-non-announce-engegements .modal-card .modal-card-files .rate-list,
.page-template-template-engagements-external-supplier .modal-card .modal-card-files .rate-list {
  width: 100%;
}

.page-template-template-annonce .modal-card .modal-card-files .rate-list .rate-list-box,
.page-template-template-Jobs .modal-card .modal-card-files .rate-list .rate-list-box,
.page-template-template-non-announce-engegements .modal-card .modal-card-files .rate-list .rate-list-box,
.page-template-template-engagements-external-supplier .modal-card .modal-card-files .rate-list .rate-list-box {
  background-color: #fff;
  padding: 0;
}

.page-template-template-annonce .sep,
.page-template-template-Jobs .sep,
.page-template-template-non-announce-engegements .sep,
.page-template-template-engagements-external-supplier .sep {
  background-color: rgba(0, 0, 0, 0.21);
  width: 100%;
  height: 1px;
  margin: 30px 0;
}

.animation-content {
  max-width: 960px !important;
  width: 100%;
}

.animation-content .modal-card {
  width: 100%;
}

.close-single {
  pointer-events: none;
  z-index: 9;
  position: relative;
  margin: 0 0px 6px 0;
}

.close-single img {
  width: 20px;
}

.for-extra-info span {
  width: 100%;
}

.fix-padding .min-height-fix {
  padding: 20px 0;
}

@media screen and (min-width: 1670px) {
  .page-template-template-annonce .filter-by-dates .select-item {
    margin-left: 37px;
    font-size: 0.9rem;
    line-height: 1rem;
  }
}

.days-filter-work {
  display: block !important;
}

.days-filter-work .table-extra-info .info p {
  margin: 0 0 0 10px;
}

.wrap-real-time {
  width: 100%;
}

.circle-percent-text-body {
  top: 0;
}

.real-time-load-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}

@media only screen and (max-width: 800px) {
  .real-time-load-wrap {
    margin: 20px 0 0 0;
  }
}

.real-time-load-wrap .real-time-load-item {
  flex-basis: 50%;
  padding: 20px;
}

@media only screen and (max-width: 800px) {
  .real-time-load-wrap .real-time-load-item {
    flex-basis: 100%;
    padding: 0;
    margin: 0 0 30px 0;
  }
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside {
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.21), 0 8px 16px 0 rgba(0, 0, 0, 0.24);
  display: flex;
}

@media only screen and (max-width: 1300px) {
  .real-time-load-wrap .real-time-load-item .real-time-load-item-inside {
    display: block;
  }
}

@media only screen and (max-width: 1300px) and (max-width: 800px) {
  .real-time-load-wrap .real-time-load-item .real-time-load-item-inside > div {
    min-height: 0 !important;
  }
}

@media only screen and (max-width: 800px) {
  .real-time-load-wrap .real-time-load-item .real-time-load-item-inside {
    display: flex;
  }
}

@media only screen and (max-width: 700px) {
  .real-time-load-wrap .real-time-load-item .real-time-load-item-inside {
    display: block;
  }
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .profile {
  width: 55%;
  padding: 20px;
  min-height: 400px;
}

@media only screen and (max-width: 800px) {
  .real-time-load-wrap .real-time-load-item .real-time-load-item-inside .profile {
    width: 100% !important;
  }
}

@media only screen and (max-width: 800px) {
  .real-time-load-wrap .real-time-load-item .real-time-load-item-inside .profile .title-image-wrap {
    display: flex;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 800px) {
  .real-time-load-wrap .real-time-load-item .real-time-load-item-inside .profile .profile-title {
    justify-content: center;
    flex-direction: column;
    display: flex;
    padding: 0 10px;
  }
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .profile .profile-title span {
  color: #4a4a4a;
  font-size: 0.9rem;
  line-height: 1rem;
  font-weight: 600;
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .profile .profile-title p {
  color: #1d384d;
  font-size: 1.5rem;
  line-height: 1.6rem;
  font-weight: 500;
  direction: ltr;
  text-align: right;
}

@media only screen and (max-width: 800px) {
  .real-time-load-wrap .real-time-load-item .real-time-load-item-inside .profile .profile-title p {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .profile .profile-image {
  margin: 10px 0;
}

@media only screen and (max-width: 450px) {
  .real-time-load-wrap .real-time-load-item .real-time-load-item-inside .profile .profile-image img {
    max-width: 150px !important;
  }
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .profile .profile-list ul {
  margin: 30px 0 0 0;
  padding: 0;
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .profile .profile-list ul li {
  list-style-type: none;
  display: flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1.1rem;
  margin: 10px 0 0 0;
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .profile .profile-list ul li strong {
  color: #1d384d;
  padding-left: 10px;
  display: inline-block;
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .profile .profile-list ul li p {
  font-size: 1rem;
  color: #4a4a4a;
  line-height: 1.1rem;
  display: inline-block;
}

@media only screen and (max-width: 450px) {
  .real-time-load-wrap .real-time-load-item .real-time-load-item-inside .profile .profile-list ul li p {
    font-size: 0.9rem;
    line-height: 1rem;
  }
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .profile .profile-list ul li span {
  display: block;
  margin: 0 10px 0 0;
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details {
  width: 45%;
  padding: 20px;
  background-image: linear-gradient(to bottom, #1d384d, #1d384d), linear-gradient(146deg, #2a5374, #1d384d);
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 800px) {
  .real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details {
    width: 100% !important;
  }
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details .precent {
  margin: 10px 0 0 0;
  text-align: center;
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details .precent .percent-text {
  color: #ffc600;
  font-weight: 400;
  line-height: 0.8;
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details .precent p {
  color: #fff;
  font-size: 1.1rem;
  line-height: 1.2rem;
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details .details-table {
  margin: 20px 0 0 0;
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details .details-table table {
  border: none;
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details .details-table table thead,
.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details .details-table table tbody,
.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details .details-table table tfoot {
  background-color: transparent;
  border: none;
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details .details-table table thead {
  background-color: rgba(242, 242, 242, 0.06);
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details .details-table table thead th {
  color: #ffc600;
  font-weight: 500;
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details .details-table table {
  background-color: transparent;
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details .details-table table tr {
  border-bottom: 1px solid rgba(151, 151, 151, 0.3) !important;
  background-color: transparent;
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details .details-table table tr td {
  background-color: transparent;
  border: none;
  font-size: 0.9rem;
  line-height: 1rem;
  color: #fff;
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details .details-table table tr td p {
  font-size: 0.9rem;
  line-height: 1rem;
  color: #fff;
}

.real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details .details-table table th {
  text-align: right;
  border: none;
}

.page-template-template-payment .in-banner {
  width: 100%;
}

.page-template-template-payment .row {
  display: block;
}

.page-template-template-payment .contact-box-pay {
  display: block;
}

.page-template-template-payment .box-on-image-inside {
  width: 70%;
  background-color: #fff;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.21);
  padding: 50px 60px;
  margin: 60px 0 10px 0;
  min-height: 0;
}

@media only screen and (max-width: 1100px) {
  .page-template-template-payment .box-on-image-inside {
    width: 100%;
  }
}

@media only screen and (max-width: 900px) {
  .page-template-template-payment .box-on-image-inside {
    padding: 30px;
  }
}

@media only screen and (max-width: 700px) {
  .page-template-template-payment .box-on-image-inside {
    padding: 20px;
  }
}

@media only screen and (max-width: 450px) {
  .page-template-template-payment .box-on-image-inside {
    padding: 20px;
  }
}

@media only screen and (max-width: 500px) {
  .page-template-template-payment .box-on-image .row {
    padding: 0;
  }
}

.page-template-template-payment .contact-box-pay iframe {
  height: 1700px;
}

@media only screen and (max-width: 1230px) {
  .page-template-template-payment .contact-box-pay iframe {
    height: 1800px;
  }
}

@media only screen and (max-width: 700px) {
  .page-template-template-payment .contact-box-pay iframe {
    height: 1800px;
  }
}

.pay-logo {
  margin: 0 0 20px 0;
}

.pay-logo p {
  font-size: 0.9rem;
}

.page-template-template-small-about .page-wrap {
  padding-bottom: 0;
}

.page-template-template-small-about .running-numbers .running-numbers-inside ul li {
  color: #fff;
}

.page-template-template-small-about .running-numbers .running-numbers-inside ul li p {
  color: #fff;
}

.services-small-about {
  padding: 30px 0;
}

.services-small-about .in-services {
  width: 100%;
}

.services-small-about .in-services .in-services-title {
  text-align: center;
}

.services-small-about .in-services .in-services-title p {
  color: #2e3a4d;
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 2.6rem;
}

@media only screen and (max-width: 650px) {
  .services-small-about .in-services .in-services-title p {
    font-size: 1.2rem;
    line-height: 1.3rem;
  }
}

.services-small-about .in-services ul {
  display: flex;
  margin: 50px 0 0 0;
  list-style-type: none;
  flex-wrap: wrap;
}

@media only screen and (max-width: 650px) {
  .services-small-about .in-services ul {
    margin: 0;
  }
}

.services-small-about .in-services ul li {
  position: relative;
  flex-basis: 25%;
  padding: 20px;
}

@media only screen and (max-width: 1200px) {
  .services-small-about .in-services ul li {
    flex-basis: 50%;
  }
}

@media only screen and (max-width: 650px) {
  .services-small-about .in-services ul li {
    flex-basis: 100%;
  }
}

.services-small-about .in-services ul li .icon {
  position: relative;
  height: 150px;
}

.services-small-about .in-services ul li .icon-after-hover {
  opacity: 0;
}

.services-small-about .in-services ul li img {
  margin: auto;
  position: absolute;
  top: 50px;
  right: 0;
  left: 0;
  bottom: 0;
}

.services-small-about .in-services ul li .title-service {
  padding: 11px 10px 20px 10px;
}

.services-small-about .in-services ul li .title-service p {
  font-size: 1.475rem;
  line-height: 1.5rem;
  font-weight: bold;
}

@media only screen and (max-width: 650px) {
  .services-small-about .in-services ul li .title-service p {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

.services-small-about .in-services ul li a {
  text-align: center;
  box-shadow: 0 20px 46px 0 rgba(0, 0, 0, 0.34);
  background-color: #ffffff;
  display: block;
  padding: 30px 0 40px 0;
  transition: all 0.25s ease;
}

.services-small-about .in-services ul li a:hover {
  background-color: #1d384d;
}

.services-small-about .in-services ul li a:hover .icon-after-hover {
  opacity: 1;
}

.services-small-about .in-services ul li a:hover .icon-before-hover {
  opacity: 0;
}

.btn-remove-me {
  background-color: #ffc600;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  display: inline-block;
  margin: 10px 0 0 0;
}

.btn-remove-me img {
  display: none;
}

.res {
  display: none;
}

.res p {
  font-size: 1rem;
  line-height: 1.1rem;
}

.res.success-response p {
  color: green;
}

.res.fail-response p {
  color: red;
}

.box-404 {
  width: 100%;
  height: 570px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1030px) {
  .box-404 {
    height: 390px;
  }
}

@media screen and (max-width: 700px) {
  .box-404 {
    height: 220px;
  }
}

.btn-404 {
  background-color: #ffc600;
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-size: 1.35rem;
  padding: 10px 20px;
}

.page-template-template-susscribe_table {
  padding: 30px;
}

.page-template-template-susscribe_table #site-header {
  display: none;
}

.page-template-template-susscribe_table .banner-page,
.page-template-template-susscribe_table .content-info {
  display: none;
}

.page-template-template-susscribe_table .contact-box .contact-form-page {
  flex-wrap: nowrap;
}

.page-template-template-susscribe_table .contact-box {
  margin-bottom: 30px;
}

.page-template-template-susscribe_table .contact-form-page-inside {
  margin-left: 20px;
}

.page-template-template-susscribe_table .table-expend-data-sub td {
  border-bottom: 0 !important;
}

.page-template-template-susscribe_table .filter-submit {
  margin: 30px 0 0 0 !important;
}

.page-template-template-susscribe_table .if-send {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
}

.page-template-template-susscribe_table .if-send.is-active {
  background-color: green;
}

.page-template-template-susscribe_table .if-send.not-active {
  background-color: red;
}

.page-template-template-susscribe_table .wrap-input {
  margin: 0 0 20px 0;
}

.page-template-template-susscribe_table .subscribe-cat li {
  list-style-type: none;
}

.page-template-template-susscribe_table .subscribe-cat li svg {
  width: 20px !important;
}

@media only screen and (max-width: 1070px) {
  .quick-look-table {
    display: none;
  }
}

.quick-look-table thead tr th {
  text-align: right;
}

.quick-look-table thead tr th.in-center {
  text-align: center;
}

.quick-look-table .shift-number {
  font-size: 0.9rem;
  line-height: 1.1;
  display: flex;
}

.quick-look-table .shift-date {
  display: flex;
  font-weight: 400;
  font-size: 0.7rem;
  line-height: 1.1;
}

.quick-look-table .is-border {
  position: relative;
}

.quick-look-table .is-border:after {
  content: "";
  display: block;
  background: #dbdbdb;
  width: 1px;
  position: absolute;
  left: 10px;
  height: 100%;
  top: 0;
}

@media only screen and (max-width: 500px) {
  .quick-look-table .is-border:after {
    left: 1px;
  }
}

.quick-look-table .expire-date {
  color: red;
}

.page-template-template-quick-look .table-extra-info,
.page-template-template-general-cargo-ship .table-extra-info {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 740px) {
  .page-template-template-quick-look .table-extra-info,
  .page-template-template-general-cargo-ship .table-extra-info {
    display: block;
  }
}

.quick-look-mobile {
  display: none;
}

@media only screen and (max-width: 1070px) {
  .quick-look-mobile {
    display: block;
  }
}

.quick-look-mobile .date-confirm p {
  color: #0aa24c;
}

.quick-look-mobile .expire-date p {
  color: #d30000;
}

.box-like-table {
  margin-bottom: 30px;
}

.box-like-table .box-like-table-item {
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

.quick-look-days-table {
  margin-top: 10px;
}

.quick-look-days-table thead th {
  padding: 3px;
  font-size: 13px;
}

.quick-look-days-table .shift-number,
.quick-look-days-table .shift-date {
  display: flex;
}

.box-like-table-item-label-dates {
  width: 100%;
}

.box-like-table-item-value {
  width: 120px;
}

body.dark {
  background: #000;
}

body.dark .table thead tr,
body.dark .has-mobile-cards tbody tr {
  background: #000 !important;
}

body.dark .box-like-table p {
  color: #fff;
}

body.dark .field .control-label {
  color: #fff !important;
}

body.dark .box-like-table .box-like-table-item {
  border: 1px solid #fff;
}

body.dark .box-like-table-item-value strong {
  color: #fff;
}

body.dark select {
  background: #000 !important;
  color: #fff;
}

body.dark .table-wrapper {
  font-size: 1.2rem;
}

body.dark .table-extra-info-des p {
  color: #fff;
}

body.dark .content table td,
body.dark .content table th {
  color: #fff;
  background: #000;
}

body.dark .quick-look-table thead tr th.in-center {
  color: #fff;
}

body.dark .b-table .table th {
  color: #fff;
}

body.dark .content table thead td,
body.dark .content table thead th {
  color: #fff;
}

body.dark .table-info {
  color: #fff;
}

body.dark .calculator-sub-title p,
body.dark .calculator-sub-title h2 {
  color: #fff;
}

body.dark .table-extra-info .info p {
  color: #fff;
}

body.dark .table-info p {
  color: #fff !important;
}

body.dark .banner-page.banner-page-small {
  display: none;
}

body.dark .content-info {
  display: none;
}

body.dark label {
  color: #fff;
}

.switch-mode {
  direction: ltr;
  cursor: pointer;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 740px) {
  .switch-mode {
    direction: rtl;
  }
}

.switch-mode .switch:hover input[type=checkbox]:checked + .check {
  background: #052130;
}

.switch-mode .switch input[type=checkbox]:checked + .check {
  background: #052130;
}

.switch-mode #is-dark {
  margin: 0 10px;
}

@media only screen and (max-width: 740px) {
  .page-template-template-quick-look .table-info,
  .page-template-template-general-cargo-ship .table-info {
    margin-top: 0;
  }
}

.page-template-template-quick-look .mobile-switch-table-mode,
.page-template-template-general-cargo-ship .mobile-switch-table-mode {
  direction: ltr;
  display: none;
}

@media only screen and (max-width: 840px) {
  .page-template-template-quick-look .mobile-switch-table-mode,
  .page-template-template-general-cargo-ship .mobile-switch-table-mode {
    display: flex;
    flex-direction: row-reverse;
  }
}

@media only screen and (max-width: 1300px) {
  .page-template-template-real-time-load-new .real-time-load-wrap .real-time-load-item .real-time-load-item-inside {
    display: flex;
  }
}

.page-template-template-real-time-load-new .custom-progress {
  background: #d1d1d1;
  width: 100%;
  height: 6px;
  border-radius: 7px;
  overflow: hidden;
  position: relative;
}

.page-template-template-real-time-load-new .custom-progress .custom-progress-dynamic {
  background: #16cda4;
  position: absolute;
  height: 100%;
  width: 0;
}

.page-template-template-real-time-load-new .custom-progress .custom-progress-dynamic.middle {
  background: #ffc600;
}

.page-template-template-real-time-load-new .custom-progress .custom-progress-dynamic.little {
  background: #ff3b00;
}

.page-template-template-real-time-load-new .more-aguran-details {
  display: none;
  box-shadow: 0 2px 26px 0 rgba(0, 0, 0, 0.39);
}

.page-template-template-real-time-load-new .more-aguran-details td,
.page-template-template-real-time-load-new .more-aguran-details th {
  font-size: 18px;
}

.page-template-template-real-time-load-new .more-info {
  margin-top: 50px;
  cursor: pointer;
  display: flex;
}

.page-template-template-real-time-load-new .more-info p {
  color: #ffc600;
  font-size: 1rem;
  line-height: 1.1;
  font-weight: bold;
}

.page-template-template-real-time-load-new .more-info img {
  margin-right: 10px;
  transform: rotate(180deg);
  display: block;
}

@media only screen and (max-width: 800px) {
  .page-template-template-real-time-load-new .real-time-load-wrap .real-time-load-item .real-time-load-item-inside {
    display: block;
  }
}

.page-template-template-real-time-load-new .real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details .details-table table tr td {
  padding: 18px;
}

.page-template-template-real-time-load-new .details-table {
  position: relative;
}

.page-template-template-real-time-load-new .real-time-load-wrap {
  display: block;
}

.page-template-template-real-time-load-new .real-time-load-wrap .real-time-load-item {
  max-width: 70%;
}

@media only screen and (max-width: 1110px) {
  .page-template-template-real-time-load-new .real-time-load-wrap .real-time-load-item {
    max-width: 100%;
  }
}

.page-template-template-real-time-load-new .real-time-load-wrap .real-time-load-item .real-time-load-item-inside .profile {
  width: 49%;
}

.page-template-template-real-time-load-new .real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details {
  width: 51%;
}

.page-template-template-real-time-load-new .real-time-load-wrap .real-time-load-item .real-time-load-item-inside .real-time-load-item-inside .details .details-table table tr td {
  padding: 18px;
}

.page-template-template-real-time-load-new .real-time-load-wrap .profile-image-real {
  max-width: 330px;
}

.page-template-template-real-time-load-new .wrap-circlrs {
  display: flex;
  align-items: self-end;
  justify-content: space-evenly;
}

@media only screen and (max-width: 800px) {
  .page-template-template-real-time-load-new .wrap-circlrs {
    display: block;
  }
}

.page-template-template-real-time-load-new .wrap-circlrs .gauge {
  margin: auto;
}

.page-template-template-real-time-load-new .precent {
  position: relative;
}

.page-template-template-real-time-load-new .precent-item-abs {
  position: absolute;
  top: 0;
}

.page-template-template-real-time-load-new .precent-item-abs .circle-percent-text-body {
  display: none;
}

.page-template-template-real-time-load-new .real-time-load-wrap .real-time-load-item .real-time-load-item-inside .details .details-table table thead th p {
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.1;
}

.page-template-template-real-time-load-new .under-thead {
  position: relative;
}

.page-template-template-real-time-load-new .under-thead:after {
  content: "";
  display: block;
  width: 3px;
  height: 55px;
  background: #ffc600;
  position: absolute;
  bottom: 17px;
  display: none;
}

.page-template-template-real-time-load-new .under-thead tr th strong {
  color: #fff;
}

.precent-item {
  position: relative;
}

.precent-item .circle-val {
  position: absolute;
  color: #ccc;
  font-size: 10px;
  opacity: 0.6;
}

.precent-item .circle-val.start {
  bottom: 21px;
  left: 45px;
}

.inner-text {
  height: 100%;
  width: 100%;
}

.inner-text span {
  max-width: 100px;
  color: red;
}

.gauge {
  max-width: 170px;
}

.circle-percent-text-body-gug {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.circle-percent-text-body-gug .percent-text {
  font-size: 37.5px;
  top: 26px;
  position: relative;
}

.mobile-trigger .more-info {
  display: none;
}

@media only screen and (max-width: 800px) {
  .mobile-trigger .more-info {
    display: flex;
    justify-content: center;
    padding: 0 10px 10px 10px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 800px) {
  .profile .more-info {
    display: none;
  }
}

@media only screen and (max-width: 800px) {
  .more-aguran-details thead,
  .more-aguran-details tbody,
  .more-aguran-details tfoot {
    background: transparent !important;
  }
}

@media only screen and (max-width: 800px) {
  .more-aguran-details .table {
    background: transparent !important;
  }
}

/**
Components
**/

.social-section ul {
  margin: 0;
  display: flex;
  align-items: center;
}

.social-section ul li {
  list-style-type: none;
  margin: 0 7px;
}

.social-section ul li svg path,
.social-section ul li svg g {
  fill: #4A4A4A;
}

.social-section ul li svg:hover path,
.social-section ul li svg:hover g {
  fill: #ffc600;
}

.wrap-btns-list-with-form .btns-filters {
  max-width: 56%;
}

@media screen and (max-width: 800px) {
  .wrap-btns-list-with-form .btns-filters {
    max-width: 100%;
  }
}

.status-ships-wrap {
  width: 100%;
}

.table-extra-info {
  margin-top: 47px;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 600px) {
  .table-extra-info {
    display: block;
    margin-top: 15px;
  }
}

.table-extra-info .current-date p {
  color: #4a4a4a;
  font-size: 0.8rem;
  font-weight: 400;
}

.table-extra-info .info {
  display: flex;
}

@media screen and (max-width: 600px) {
  .table-extra-info .info {
    margin: 10px 0;
  }
}

.table-extra-info .info p {
  font-size: 1rem;
  color: #1d384d;
  margin-right: 20px;
  font-weight: 400;
}

@media screen and (max-width: 600px) {
  .table-extra-info .info p {
    margin-right: 0px;
    margin-left: 20px;
    font-size: 12px;
  }
}

.table-extra-info .info p span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

.table-extra-info .info p span.round-green {
  background-color: #0aa24c;
}

.table-extra-info .info p span.round-red {
  background-color: #d30000;
}

.btns-filters {
  display: flex;
  justify-content: space-between;
}

.btns-filters .filter-table-button {
  border: 2px solid #ffc600;
  padding: 10px 20px;
  min-width: 200px;
  margin-left: 10px;
  color: #1d384d;
  cursor: pointer;
  font-weight: 500;
}

@media screen and (max-width: 800px) {
  .btns-filters .filter-table-button {
    min-width: 163px;
  }
}

@media screen and (max-width: 730px) {
  .btns-filters .filter-table-button {
    min-width: 123px;
  }
}

@media screen and (max-width: 600px) {
  .btns-filters .filter-table-button {
    min-width: 132px;
  }
}

.btns-filters .filter-table-button:last-child {
  margin: 0;
}

.btns-filters .filter-table-button.active {
  background-color: #ffc600;
}

.btns-filters .filter-table-button:hover {
  background-color: #ffc600;
}

@media screen and (max-width: 600px) {
  .btns-filters {
    display: none;
  }
}

.btns-filters.in-about {
  display: flex;
}

#filter-form {
  display: flex;
  margin-top: 30px;
}

@media screen and (max-width: 600px) {
  #filter-form {
    margin: 0;
    display: block;
  }
}

#filter-form .wrap-input {
  max-width: 33.333%;
  width: 100%;
  margin-left: 30px;
}

@media screen and (max-width: 600px) {
  #filter-form .wrap-input {
    margin: 0 0 10px 0;
    max-width: none;
  }
}

.loader {
  text-align: center;
}

.table thead tr {
  background-color: #fff;
  border-top: 1px solid #e9e6e6;
  border-right: 1px solid #e9e6e6;
  border-left: 1px solid #e9e6e6;
  border-bottom: 0;
  position: relative;
}

.table td {
  vertical-align: middle;
}

.table td p {
  font-size: 1rem;
  line-height: 1.1rem;
  font-weight: 400;
}

@media screen and (max-width: 500px) {
  .table td p {
    font-size: 0.8rem;
  }
}

.table td .date-confirm p {
  color: #009e45;
  font-weight: 400;
}

.table td .date-confirm.expire-date p {
  color: #d30000;
}

.ship-image-title {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 770px) {
  .ship-image-title {
    flex-direction: row-reverse;
  }
}

.ship-image-title .ship-image {
  margin: 0 10px;
  max-width: 180px;
}

@media screen and (max-width: 1000px) {
  .ship-image-title .ship-image {
    max-width: 100px;
  }
}

@media screen and (max-width: 777px) {
  .ship-image-title .ship-image {
    min-height: 70px;
  }
}

.detail-container .details-lists .details-list-title {
  margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
  .detail-container .details-lists .details-list-title {
    margin-bottom: 3px;
  }
}

.detail-container .details-lists .details-list-title p {
  color: #1d384d;
  font-size: 1.3125rem;
  font-weight: 500;
}

@media screen and (max-width: 1000px) {
  .detail-container .details-lists .details-list-title p {
    font-size: 1rem;
  }
}

.detail-container .details-lists .details-lists-content p {
  color: #4a4a4a;
  font-size: 1rem;
  margin-bottom: 10px;
}

@media screen and (max-width: 500px) {
  .detail-container .details-lists .details-lists-content p {
    font-size: 0.8rem;
    margin: 0;
  }
}

.detail-container .details-lists .details-lists-content .tool-tip .has-tooltip {
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
}

.detail-container .details-lists .details-lists-content .tool-tip p {
  display: inline-block;
}

.detail-container .details-lists .details-lists-content .tool-tip strong {
  display: inline-block;
}

.detail-container .hebrew-description {
  display: block;
}

.detail-container .description {
  display: none;
}

.table-expend-data {
  display: flex;
  position: relative;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (max-width: 777px) {
  .table-expend-data {
    display: block;
    max-width: 320px;
  }
}

@media screen and (max-width: 700px) {
  .table-expend-data {
    margin: auto;
  }
}

.table-expend-data > div {
  width: 49%;
}

@media screen and (max-width: 777px) {
  .table-expend-data > div {
    width: 100%;
  }
}

.table-expend-data .details-slider {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.table-expend-data .details-slider > div {
  width: 49%;
}

@media screen and (max-width: 777px) {
  .table-expend-data .details-slider > div {
    width: 100%;
  }
}

.details-lists {
  display: flex;
  flex-wrap: wrap;
}

.details-lists .details-lists-wrap {
  margin: 0 0 30px 50px;
}

.rectangle {
  width: 41px;
  background-color: #eeeeee;
  border-radius: 13px;
  display: flex;
  padding: 4px;
  justify-content: center;
}

.rectangle span {
  width: 7px;
  height: 7px;
  background-color: #9e9e9e;
  display: inline-block;
  margin-left: 2px;
  border-radius: 50%;
}

.tooltip {
  background: #eeeeee;
  color: #4a4a4a;
  font-weight: 400;
  text-align: left;
  direction: ltr;
  width: auto !important;
  max-width: none !important;
}

.slide-item {
  height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.VueCarousel-dot-container {
  margin: 0 !important;
}

.VueCarousel-dot-container button {
  margin: 0 !important;
  background-color: #d8d8d8 !important;
  padding: 4px !important;
}

.VueCarousel-dot-container button.VueCarousel-dot--active {
  background-color: #1d384d !important;
}

.close-tab .close {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #1d384d;
  text-align: center;
  line-height: 34px;
}

.close-tab p {
  color: #1d384d;
  font-size: 0.9rem;
}

.has-mobile-cards tbody tr {
  cursor: pointer;
}

@media screen and (max-width: 777px) {
  .has-mobile-cards tbody tr td:nth-child(odd) {
    background-color: #f3f3f3;
  }
}

.has-mobile-cards tbody tr td:nth-child(3) {
  min-width: 300px;
}

@keyframes splash {
}

.detail {
  animation: splash 0.35s normal ease-in-out;
  cursor: default !important;
}

.detail .close {
  cursor: pointer !important;
}

.is-desc {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 8px 4px;
  border-color: transparent transparent #4a4a4a transparent;
}

.is-sortable .icon.is-small {
  width: 0rem;
  top: -4px;
  position: relative;
  border-style: solid;
  border-width: 0 4px 8px 4px;
  border-color: transparent transparent #4a4a4a transparent;
  right: 3px;
}

.is-sortable .icon.icon.is-desc {
  top: 4px;
}

.mobile-open-map-trigger {
  background-color: #ffc600;
  padding: 13px 12px;
  margin: 20px auto;
  justify-content: center;
  max-width: 200px;
  display: none;
}

@media screen and (max-width: 777px) {
  .mobile-open-map-trigger {
    display: inline-flex;
  }

  .mobile-open-map-trigger p {
    margin: 0 !important;
  }
}

@media screen and (max-width: 777px) {
  .mobile-open-map-trigger p {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 777px) {
  .close-tab {
    display: none;
  }
}

.map .close-map-trigger {
  color: #fff;
  font-size: 21px;
  display: none;
}

@media screen and (max-width: 777px) {
  .map .close-map-trigger {
    display: block;
  }
}

@media screen and (max-width: 777px) {
  .map {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100;
    display: none;
  }

  .map .map-in {
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
    height: 250px;
    max-width: 320px;
  }
}

.open-details-mobile {
  position: absolute;
  bottom: -10px;
  width: 30px;
  height: 24px;
  right: 0;
  left: 0;
  margin: auto;
  display: none;
  z-index: 10;
}

@media screen and (max-width: 900px) {
  .open-details-mobile {
    display: block;
  }
}

.cruise-details-image {
  height: 157px;
  width: 305px;
  max-width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cruise-details-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 777px) {
  .cruise-details-image {
    width: 100px;
    height: 80px;
    max-width: 100px;
  }

  .cruise-details-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.b-table .table th .th-wrap {
  text-align: right;
  line-height: 1.2rem;
}

@media screen and (max-width: 1100px) {
  .b-table .table th .th-wrap {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 777px) {
  .table-date {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (max-width: 777px) {
  .table-date p {
    margin: 0 4px;
  }
}

.close-tab-mobile {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  bottom: -39px;
  display: none;
  transform: rotate(180deg);
}

@media screen and (max-width: 777px) {
  .close-tab-mobile {
    display: block;
  }
}

.btns-filters-mobile {
  display: none;
}

@media screen and (max-width: 600px) {
  .btns-filters-mobile {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  td.chevron-cell {
    display: none !important;
  }
}

@media screen and (max-width: 1100px) {
  .ship-id-name-wrap {
    position: absolute;
    right: 20px;
    top: 45px;
  }

  .ship-id-name-wrap p {
    font-size: 0.9rem !important;
  }
}

@media screen and (max-width: 777px) {
  .ship-id-name-wrap {
    position: absolute;
    top: 52px;
  }

  .ship-id-name-wrap p {
    font-size: 0.8rem !important;
    line-height: 0.9rem !important;
  }
}

@media screen and (max-width: 600px) {
  .ship-id-name-wrap {
    top: 38px;
    right: 15px;
  }
}

.ship-name-label:before {
  position: relative;
  top: 16px;
}

@media screen and (max-width: 1100px) {
  .ship-name-label:before {
    top: -20px;
  }
}

@media screen and (max-width: 777px) {
  .ship-name-label:before {
    top: -20px;
  }
}

@media screen and (max-width: 500px) {
  .b-table .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td {
    font-size: 0.8rem;
  }
}

.table-flex-td {
  display: flex;
  align-items: center;
  min-height: 80px;
}

@media screen and (max-width: 1025px) {
  .table-flex-td .index {
    display: none;
  }
}

@media screen and (max-width: 777px) {
  .table-flex-td {
    display: block;
    min-height: 0;
  }
}

.table-flex-td div {
  margin-left: 20px;
}

@media screen and (max-width: 777px) {
  .table-flex-td div {
    margin: 0;
  }
}

td input {
  margin: 0 !important;
}

td select {
  margin: 0 !important;
}

.td-checkbox {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 1100px) {
  .td-checkbox {
    justify-content: stretch;
    direction: ltr;
  }
}

.fill-details-table {
  margin-top: 30px;
  padding: 10px;
}

@media screen and (max-width: 777px) {
  .fill-details-table {
    padding: 0px;
    margin-top: 20px;
  }
}

.fill-details-table tr {
  background-color: #fff !important;
}

@media screen and (max-width: 1100px) {
  .fill-details-table tr span {
    width: 100%;
    display: block;
    max-width: 130px;
  }
}

.fill-details-table thead,
.fill-details-table tbody,
.fill-details-table tfoot {
  border: none !important;
}

.fill-details-table table {
  border: none !important;
}

.fill-details-table table thead tr {
  border: none !important;
}

@media screen and (max-width: 1025px) {
  .fill-details-table table tbody tr .first-col-mobile span {
    display: block;
    width: 100%;
    max-width: none;
  }
}

.fill-details-table tbody tr:nth-child(even) {
  background-color: #fff;
}

.add-row {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin-top: 4px;
}

.add-row svg {
  position: relative;
  top: 4px;
}

.add-row p {
  font-size: 1rem;
  line-height: 1.1rem;
  color: #000;
}

.total-calculation-of-containers {
  margin-top: 60px;
}

@media screen and (max-width: 777px) {
  .total-calculation-of-containers {
    display: none;
    margin-top: 20px;
  }
}

.total-calculation-of-containers .total-calculation-of-containers-inside {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.21);
  margin-top: 30px;
}

.total-calculation-of-containers .total-calculation-of-containers-inside .sub-total {
  padding-right: 10px;
}

.result-table-line thead tr .th-wrap {
  height: 0 !important;
  overflow: hidden;
}

.result-table-line thead tr th {
  font-size: 0;
}

.result-table-line tr {
  background-color: #1d384d !important;
}

.result-table-line tr td {
  color: #fff;
}

.mark-result {
  background-color: #ffc600;
  border-radius: 4px;
  display: inline-block;
  padding: 5px 10px;
  color: #4a4a4a;
}

.delete.con {
  display: none;
}

@media screen and (max-width: 1025px) {
  .delete.con {
    display: block;
  }
}

#app > div.wrap > div > div > div > main > div > div > div > div:nth-child(2) > div.fill-details-table.container > div > div > table > thead > tr > th:nth-child(11) {
  display: none;
}

#app > div.wrap > div > div > div > main > div > div > div > div:nth-child(2) > div.fill-details-table.container > div > div > table > tbody > tr > td:nth-child(11) {
  display: none;
}

.mobile-close {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1025px) {
  .mobile-close {
    display: flex;
    justify-content: space-between;
  }

  .mobile-close .index-table {
    font-size: 20px;
  }
}

@media screen and (max-width: 1025px) {
  .b-table .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td {
    align-items: center;
    background-color: transparent;
  }
}

@media screen and (max-width: 1025px) {
  .hide-mobile {
    display: none !important;
  }
}

.mobile-calc-results {
  display: none;
  text-align: center;
  margin-top: 20px;
}

@media screen and (max-width: 700px) {
  .mobile-calc-results {
    margin-top: 0px;
  }
}

.mobile-calc-results button {
  background-color: #ffc600;
  color: #000;
  padding: 10px 20px;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.21);
  font-size: 20px;
}

@media screen and (max-width: 777px) {
  .mobile-calc-results {
    display: block;
  }
}

@media screen and (max-width: 777px) {
  .result-table-line {
    margin-top: 30px;
  }
}

@media screen and (max-width: 777px) {
  .first-table-results-line {
    display: none !important;
  }
}

.sailing-vessel-table {
  max-width: 70%;
}

@media screen and (max-width: 1250px) {
  .sailing-vessel-table {
    max-width: 100%;
  }
}

.sailing-vessel-table .table-item {
  margin-top: 60px;
}

@media screen and (max-width: 777px) {
  .sailing-vessel-table .table-item {
    margin-top: 20px;
  }
}

.sailing-vessel-table .b-table .table th .th-wrap {
  min-height: 68px;
  max-width: 160px;
}

.sailing-vessel-table .table {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.21);
}

.sailing-vessel-table .wrap-input {
  min-height: 70px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 777px) {
  .sailing-vessel-table .wrap-input {
    min-height: 0;
  }
}

.sailing-vessel-table .wrap-input.wrap-input-half {
  max-width: 176px;
}

@media screen and (max-width: 777px) {
  .sailing-vessel-table .sep-in-table {
    display: none !important;
  }
}

.like-table-results {
  background-color: #2e3a4d;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.21);
}

.like-table-results .like-table-results-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}

.like-table-results .like-table-results-row:first-child {
  border-bottom: 1px solid #3c5780;
}

.like-table-results .like-table-results-row .label-like-table p {
  color: #fff;
  font-size: 1rem;
}

.like-table-results .like-table-results-row .value-like-table p {
  color: #fff;
  font-size: 1rem;
}

.cruises-wrap {
  display: block;
  width: 100%;
}

.min-height-fix {
  min-height: 50px;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 800px) {
  .min-height-fix {
    align-items: center;
  }
}

.filter-by-dates {
  display: flex;
  margin-top: 20px;
}

.filter-by-dates .select-item {
  margin-left: 20px;
  width: 22%;
}

@media screen and (max-width: 777px) {
  .filter-by-dates .select-item {
    width: 100%;
  }
}

.filter-by-dates .select-item label {
  background-color: transparent;
  color: #000;
  display: none;
}

.filter-by-dates .select-item input {
  background-color: #fff;
  border: 1px solid #1d384d;
  font-weight: bold;
}

.filter-by-dates .select-item input::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #1d384d;
  opacity: 1;
  /* Firefox */
}

.filter-by-dates .select-item input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #1d384d;
  opacity: 1;
  /* Firefox */
}

.filter-by-dates .select-item input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #1d384d;
}

.filter-by-dates .select-item input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #1d384d;
}

.filter-by-dates .select-item select {
  margin: 0;
  padding: 8px;
  width: 100px;
  margin-bottom: 1rem;
}

.filter-by-dates .pagination,
.filter-by-dates .pagination-list {
  align-items: self-start;
}

.filter-by-dates .dropdown-trigger .icon.is-left {
  background-image: url(/wp-content/themes/haifa-port/images/calendar.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  margin-top: 7px;
  background-position: center;
}

.filter-by-dates .datepicker-header a {
  background-color: transparent !important;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/wp-content/themes/haifa-port/images/next.svg);
}

.filter-by-dates .datepicker-header a .icon {
  display: flex;
  height: 25px;
}

.filter-by-dates .pagination-next {
  transform: rotate(180deg);
}

.table-extra-info-des {
  margin-top: 15px;
}

.table-extra-info-des p {
  color: #4a4a4a;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1rem;
}

.wrap-work-plan {
  width: 100%;
}

.days-filter {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 900px) {
  .days-filter .info {
    margin: 10px 0;
  }
}

@media screen and (max-width: 900px) {
  .days-filter .info p {
    margin-right: 0;
    margin-left: 10px;
  }
}

@media screen and (max-width: 900px) {
  .days-filter {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 637px) {
  .days-filter {
    display: block;
  }
}

.days-filter .table-extra-info {
  min-width: 240px;
}

@media screen and (max-width: 900px) {
  .days-filter .table-extra-info {
    margin: 0;
    align-items: flex-end;
  }
}

@media screen and (max-width: 637px) {
  .days-filter .table-extra-info {
    display: block !important;
  }
}

.days-filter .days-filter-menu {
  display: flex;
  margin: 0 0 30px 0;
  flex-wrap: wrap;
}

@media screen and (max-width: 900px) {
  .days-filter .days-filter-menu {
    margin: 10px 0;
  }
}

@media screen and (max-width: 637px) {
  .days-filter .days-filter-menu {
    display: none !important;
  }
}

@media screen and (max-width: 637px) {
  .days-filter .days-filter-menu {
    display: block;
  }
}

.days-filter .days-filter-menu button {
  border: 1px solid #1d384d;
  padding: 10px 20px;
  margin: 20px 0 0 20px;
  width: 180px;
  cursor: pointer;
  color: #1d384d;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.1rem;
}

@media screen and (max-width: 637px) {
  .days-filter .days-filter-menu button {
    width: 100%;
    margin: 0 !important;
  }
}

.days-filter .days-filter-menu button:hover {
  background-color: #ffc600;
}

.days-filter .days-filter-menu button.active {
  background-color: #ffc600;
}

.plan-work-table th .th-wrap {
  min-height: 40px;
}

.btns-filters-mobile-work-plan {
  display: none;
}

.btns-filters-mobile-work-plan select {
  margin: 0;
}

@media screen and (max-width: 637px) {
  .btns-filters-mobile-work-plan {
    display: block;
    margin: 10px 0;
  }
}

.table-wrapper tr:not(.row-is-open):not(.detail):hover {
  background-color: #e2e2e2;
}

.table-wrapper thead tr:hover {
  background-color: #ffffff;
}

tr.give-shadow-parent {
  box-shadow: -1px -3px 17px 5px rgba(0, 0, 0, 0.3);
}

.b-table .table th .th-wrap {
  min-height: 50px;
}

.close-tab-container-status {
  padding: 20px;
}

.red-p {
  color: #d30000 !important;
}

.page-template-template-cruises .content table thead td,
.page-template-template-cruises .content table thead th {
  color: #214b71;
}

@media screen and (min-width: 768px) {
  .page-template-template-cruises .b-table .table th {
    font-size: 24px;
  }
}

.page-template-template-cruises .details-list-mobile-image {
  display: none;
}

@media screen and (max-width: 768px) {
  .page-template-template-cruises .details-list-mobile-image {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .page-template-template-cruises .b-table table tr td:nth-of-type(3) {
    position: absolute;
    top: 13px;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start !important;
    border-bottom: 0 !important;
  }

  .page-template-template-cruises .b-table table tr td:nth-of-type(3) span {
    width: 90% !important;
  }
}

@media screen and (max-width: 768px) {
  .page-template-template-cruises .b-table table tr td:nth-of-type(4) span {
    display: flex;
    align-items: flex-start;
  }
}

.page-template-template-cruises .table td p,
.page-template-template-cruises .spend-in-row {
  color: #214b71;
}

@media screen and (min-width: 768px) {
  .page-template-template-cruises .table td p,
  .page-template-template-cruises .spend-in-row {
    font-size: 1.375rem;
  }
}

.page-template-template-cruises select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove default arrow */
}

.page-template-template-cruises select#ship-status option:hover,
.page-template-template-cruises select#ship-status option:checked {
  background-color: #e3e9ef;
}

.page-template-template-cruises .details-lists .details-lists-wrap {
  margin: 0 0 30px 113px;
}

.page-template-template-cruises .table-expend-data-cruiser {
  padding: 20px;
}

.page-template-template-cruises .table-expend-data-cruiser .details-lists {
  justify-content: space-between;
}

.page-template-template-cruises .table-expend-data-cruiser .details-lists .details-lists-wrap {
  margin: 0;
  width: 45%;
  padding: 0 20px;
}

.page-template-template-cruises .table-expend-data-cruiser .details-lists .details-lists-wrap .cruise-details-content {
  color: #214b71;
  font-size: 18px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page-template-template-cruises .table-expend-data-cruiser .details-lists .details-lists-wrap .cruise-details-content .details-title {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .page-template-template-cruises .table-expend-data-cruiser .details-lists .details-lists-wrap .cruise-details-content .details-title {
    font-size: 2.2rem;
    margin-bottom: 1rem;
  }
}

.page-template-template-cruises .table-expend-data-cruiser .details-lists .details-lists-wrap .cruise-details-content .details-link {
  color: #214b71;
  font-size: 1.25rem;
  text-decoration: underline;
}

.page-template-template-cruises .table-expend-data-cruiser .details-lists .details-lists-wrap .cruise-details-content .details-link:hover {
  text-decoration: none;
}

.page-template-template-cruises .table-expend-data-cruiser .details-lists .details-lists-wrap .cruise-details-content p {
  font-size: 18px;
  color: #214b71;
  line-height: 24px;
}

.page-template-template-cruises .table-expend-data-cruiser .details-lists .details-lists-wrap .cruise-details-content .details-bottom {
  display: flex;
  flex-wrap: wrap;
  font-size: 17px;
  margin-top: 30px;
}

.page-template-template-cruises .table-expend-data-cruiser .details-lists .details-lists-wrap .cruise-details-content .details-bottom span {
  color: #214b71;
  font-size: 17px;
}

@media screen and (max-width: 767px) {
  .page-template-template-cruises .table-expend-data-cruiser .details-lists .details-lists-wrap .cruise-details-content .details-link,
  .page-template-template-cruises .table-expend-data-cruiser .details-lists .details-lists-wrap .cruise-details-content p {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    line-height: 1.2;
  }

  .page-template-template-cruises .table-expend-data-cruiser .details-lists .details-lists-wrap .cruise-details-content .details-bottom {
    font-size: 12px;
  }

  .page-template-template-cruises .table-expend-data-cruiser .details-lists .details-lists-wrap .cruise-details-content .details-bottom p,
  .page-template-template-cruises .table-expend-data-cruiser .details-lists .details-lists-wrap .cruise-details-content .details-bottom span {
    font-size: 12px;
  }
}

.page-template-template-cruises .table-expend-data-cruiser .details-lists .map-wrap {
  height: 100%;
  min-height: 300px;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .page-template-template-cruises .table-expend-data-cruiser .details-lists .map-wrap {
    min-height: 0;
  }
}

@media screen and (max-width: 1024px) {
  .page-template-template-cruises .table-expend-data-cruiser {
    padding: 0;
  }

  .page-template-template-cruises .table-expend-data-cruiser .details-lists .details-lists-wrap {
    width: 100%;
    padding: 20px 0;
  }
}

@media screen and (max-width: 767px) {
  .page-template-template-cruises .table-expend-data-cruiser .details-lists .details-lists-wrap {
    padding: 0;
  }
}

.page-template-template-cruises .cruises-grid-wrap .columns {
  padding: 0;
}

.page-template-template-cruises .cruises-grid-wrap .card {
  width: 100%;
  max-width: 410px;
  height: 410px;
  border: 1px solid rgba(49, 49, 49, 0.1019607843);
  border-radius: 13px 13px 8px 8px;
  box-shadow: none;
}

.page-template-template-cruises .cruises-grid-wrap .card .card-image figure {
  height: 319px;
}

.page-template-template-cruises .cruises-grid-wrap .card .card-image figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.page-template-template-cruises .cruises-grid-wrap .card .card-image .cruise-top {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  padding: 16px;
}

.page-template-template-cruises .cruises-grid-wrap .card .card-image .cruise-top .content {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  z-index: 100;
}

.page-template-template-cruises .cruises-grid-wrap .card .card-image .cruise-top .subtitle {
  display: flex;
  margin-bottom: 18px;
}

.page-template-template-cruises .cruises-grid-wrap .card .card-image .cruise-top .subtitle div {
  color: #fff;
  font-size: 18px;
}

.page-template-template-cruises .cruises-grid-wrap .card .card-image .cruise-top .title {
  color: #fff;
  font-size: 30px;
}

.page-template-template-cruises .cruises-grid-wrap .card .card-image .cruise-top .open-cruise-details {
  z-index: 100;
}

.page-template-template-cruises .cruises-grid-wrap .card .card-image .cruise-top .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(33, 75, 113, 0.65);
}

.page-template-template-cruises .cruises-grid-wrap .card .card-content {
  padding: 20px;
}

.page-template-template-cruises .cruises-grid-wrap .card .card-content .content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  color: #214b71;
}

.page-template-template-cruises .cruises-grid-wrap .card .card-content .content .from,
.page-template-template-cruises .cruises-grid-wrap .card .card-content .content .to {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .page-template-template-cruises .cruises-grid-wrap .card .card-content .content .from,
  .page-template-template-cruises .cruises-grid-wrap .card .card-content .content .to {
    flex-direction: column;
  }
}

.page-template-template-cruises .cruises-grid-wrap .card .card-content .content .date {
  font-weight: bold;
  color: #214b71;
  margin: 0 6px;
}

.page-template-template-cruises .cruises-grid-wrap .card .card-content .content .icon-circle {
  border: 1px solid #214b71;
  border-radius: 50%;
  width: 27px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
}

.page-template-template-cruises .cruises-grid-wrap .card .card-content .content .icons-wrap {
  display: flex;
  align-items: center;
  width: 50%;
}

.page-template-template-cruises .cruises-grid-wrap .card .card-content .content .icons-wrap:before,
.page-template-template-cruises .cruises-grid-wrap .card .card-content .content .icons-wrap:after {
  content: "";
  flex: 1;
  height: 1px;
  background: #214b71;
}

.page-template-template-cruises .close-tab-mobile {
  bottom: -12px;
}

.open-cruise-details {
  display: none;
}

@media screen and (min-width: 768px) {
  .open-cruise-details {
    display: block;
  }

  .open-cruise-details .arrow {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #469afd;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .open-cruise-details .arrow svg {
    transform: rotate(-90deg);
    width: 60%;
  }

  .open-cruise-details.open svg {
    transform: rotate(90deg);
  }

  .open-cruise-details .arrow.grid-arrow {
    border-radius: 11.62px;
    margin: 10px 0 0 0;
  }

  .open-cruise-details .arrow.grid-arrow svg {
    transform: none;
  }
}

.table td p {
  color: #4e4e4e;
}

.ship-image-bg {
  width: 100px;
  height: 80px;
  background-size: cover;
  background-position: center;
}

tr.row-is-open {
  box-shadow: 0 2px 26px 0 rgba(0, 0, 0, 0.39);
  background-color: white !important;
}

.b-table .table tr.detail {
  background-color: transparent !important;
}

tr.detail td {
  padding: 0 !important;
}

tr.detail .detail-container {
  position: relative;
  padding: 1.5em 1.75em;
  z-index: 8;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.39);
  background-color: white;
}

tr.detail .detail-container:before {
  content: "";
  height: 27px;
  background-color: white;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  position: absolute;
}

tr.detail .detail-container:after {
  content: "";
  height: 1px;
  background-color: #dbdbdb;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
}

.container-status-table .detail-container:after {
  opacity: 0;
}

.extra-det .details-lists-content p:first-child {
  display: block !important;
}

.extra-det .details-lists-content p:nth-child(2) {
  display: block !important;
}

.datepicker-row .events .event {
  display: none !important;
}

.datepicker-row .events .event:first-child {
  display: block !important;
}

.table-mobile-sort {
  display: none !important;
}

@media screen and (max-width: 1025px) {
  body:not(.page-template-template-general-cargo-calculator):not(.page-template-template-calculator-sailing-vessel):not(.page-template-template-general-cargo-calculator-with-storage):not(.page-template-template-container-calculator) .has-mobile-cards td span {
    width: 30%;
  }
}

@media screen and (max-width: 800px) {
  .ship-image-title {
    display: block;
  }

  .ship-image-title .ship-image {
    margin: 0;
  }
}

@media screen and (max-width: 800px) {
  .sailing-vessel-table td {
    align-items: center !important;
  }
}

@media screen and (max-width: 800px) {
  .sailing-vessel-table td .wrap-input input {
    text-align: left !important;
    width: 100px;
  }
}

@media screen and (max-width: 800px) {
  .sailing-vessel-table .mark-result {
    min-width: 100px;
    text-align: left;
  }
}

td.mobile-con span {
  display: block !important;
  width: 100%;
  font-size: 20px;
}

@media screen and (max-width: 777px) {
  .fill-details-table input,
  .fill-details-table select {
    direction: ltr;
  }
}

.page-template-template-cruises .filters-wrap {
  margin-bottom: 70px;
  color: #214b71;
}

@media screen and (max-width: 700px) {
  .page-template-template-cruises .filter-by-dates {
    display: block;
  }
}

.page-template-template-cruises .filter-by-dates select,
.page-template-template-cruises .filter-by-dates input {
  width: 100% !important;
  background-color: #fff;
  border: 1px solid #214b71;
  font-weight: 700;
  font-size: 18px;
  color: #214b71;
  height: 50px;
}

.page-template-template-cruises .filter-icons-wrap {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.page-template-template-cruises .filter-icon {
  outline: none;
  width: 20px;
  height: 20px;
  margin: 0 15px;
  cursor: pointer;
}

.page-template-template-cruises .filter-icon:first-child {
  margin: 0;
}

.page-template-template-cruises .table-extra-info {
  margin-top: 30px;
}

.link-to-real {
  color: #00a3ff;
  font-size: 1.1rem;
  margin: 26px 0 0 0;
  display: block;
}

@media screen and (max-width: 1030px) {
  .b-table .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td {
    border-bottom: 1px solid #ccc;
  }
}

@media screen and (max-width: 1030px) {
  .page-template-template-ship-status td.chevron-cell {
    display: none !important;
  }
}

@media screen and (max-width: 800px) {
  .min-height-fix-no-f {
    display: block !important;
  }
}

.contact-form-page-inside-export-csv .btn-default {
  background: green;
  cursor: pointer;
  text-align: center;
  margin: 30px 0 0 0;
  height: 38px;
  color: #fff;
  line-height: 38px;
}

@media screen and (max-width: 800px) {
  .align-center-tab {
    justify-content: center;
  }
}

/*************calc in tablet*************/

@media screen and (min-width: 900px) and (max-width: 1200px) {
  .b-table .table th .th-wrap {
    font-size: 0.7rem;
    line-height: 1;
  }

  .b-table .table th {
    padding: 0.7em 0.7em;
  }
}

.fix-negative {
  display: block;
  direction: ltr;
}

.table-info-padd {
  padding: 0 100px;
}

@media screen and (max-width: 1500px) {
  .table-info-padd {
    padding: 20px;
  }
}

html:not([dir=rtl]) .filter-by-dates {
  margin: 20px -20px;
}

html:not([lang=he-IL]) .detail-container .hebrew-description {
  display: none;
}

html:not([lang=he-IL]) .detail-container .description {
  display: block;
}

.calculator-sub-title p,
.calculator-sub-title h2 {
  color: #2e3a4d;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.93rem;
}

@media screen and (max-width: 700px) {
  .calculator-sub-title p,
  .calculator-sub-title h2 {
    font-size: 1.1rem;
    line-height: 1.2rem;
  }
}

.calculator-wrap {
  width: 100%;
}

.calculator-wrap #calculator-form {
  display: block;
  width: 100%;
}

.calculator-wrap #calculator-form .select-filter-wrap {
  display: flex;
  max-width: 70%;
  margin: 40px 0;
}

@media screen and (max-width: 1100px) {
  .calculator-wrap #calculator-form .select-filter-wrap {
    max-width: 100%;
  }
}

@media screen and (max-width: 700px) {
  .calculator-wrap #calculator-form .select-filter-wrap {
    display: block;
  }
}

.calculator-wrap #calculator-form .select-filter-wrap .select-item {
  width: 32%;
  margin-left: 10px;
}

@media screen and (max-width: 700px) {
  .calculator-wrap #calculator-form .select-filter-wrap .select-item {
    margin: 0;
    width: 100%;
  }
}

.table-info {
  margin-top: 35px;
  color: #4a4a4a;
  font-size: 0.9rem;
  line-height: 1rem;
  max-width: 60%;
}

.table-info p {
  font-size: 1rem;
  line-height: 1.1rem;
}

@media screen and (max-width: 700px) {
  .table-info {
    max-width: 100%;
  }
}

@media screen and (max-width: 1270px) {
  .home .side-popup {
    display: none !important;
  }
}

.side-popup {
  background-repeat: no-repeat;
  position: fixed;
  width: 100%;
  max-width: 500px;
  box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.34);
  left: 40px;
  bottom: 100px;
  padding: 45px 20px 45px 180px;
  background-position: center;
  background-size: cover;
  transform: translate(-700px);
  transition: all 550ms ease;
  z-index: 1090;
}

@media screen and (max-width: 768px) {
  .side-popup {
    background-repeat: no-repeat;
    position: fixed;
    width: 100%;
    max-width: 100%;
    left: 0;
    bottom: 0;
    padding: 2vw 18vw;
  }
}

@media screen and (max-width: 480px) {
  .side-popup {
    padding: 2vw 7vw;
  }
}

.side-popup .mask {
  background-image: linear-gradient(to left, #1d384d, rgba(29, 56, 77, 0));
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.side-popup .close-side-popup {
  top: -32px;
  left: 0;
  position: absolute;
  cursor: pointer;
}

.side-popup .close-side-popup svg {
  transition: all 250ms ease;
}

.side-popup .close-side-popup:hover svg {
  transform: rotate(180deg);
}

.side-popup .side-popup-inside-content {
  position: relative;
  z-index: 90;
}

.side-popup .side-popup-inside-content p {
  font-size: 1rem;
  color: #fff;
  line-height: 1.1rem;
  font-weight: 500;
}

@media screen and (max-width: 480px) {
  .side-popup .side-popup-inside-content p {
    margin: 6px 0 0 0;
  }
}

.side-popup .side-popup-inside-content h3 {
  font-size: 1rem;
  color: #fff;
  line-height: 1.1rem;
  font-weight: 500;
}

.side-popup .side-popup-inside-content a {
  text-decoration: underline;
  font-size: 1rem;
  color: #fff;
  line-height: 1.1rem;
  font-weight: 500;
}

.side-popup .side-popup-inside-content a.side-popup-link {
  color: #1d384d;
  text-align: center;
  padding: 10px 15px;
  display: inline-block;
  text-decoration: none;
  margin-top: 20px;
  font-weight: 500;
}

@media screen and (max-width: 480px) {
  .side-popup .side-popup-inside-content a.side-popup-link {
    font-size: 0.9rem;
    padding: 5px 19px;
  }
}

.side-popup.show {
  transform: translate(0px);
}

.side-popup-home {
  position: fixed;
  left: 0;
  z-index: 1030;
  top: 250px;
  display: flex;
  width: 1000px;
  transform: translateX(-994px);
  transition: all 750ms ease;
}

@media only screen and (max-width: 1100px) {
  .side-popup-home {
    display: none;
  }
}

.side-popup-home .select-item-date {
  margin: 0 20px;
}

.side-popup-home.open {
  transform: translateX(0px);
}

.side-popup-home .side-popup-tab {
  position: absolute;
  right: -90px;
  background-color: #ffc600;
  min-width: 90px;
  margin: 30px 0 0 0;
  max-width: 90px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-align: center;
}

.side-popup-home .side-popup-tab p {
  color: #fff;
  font-size: 0.9rem;
  line-height: 1rem;
  text-align: center;
}

.side-popup-home .side-popup-tab img {
  margin: 0 auto 5px auto;
  display: block;
}

.side-popup-home .side-popup-tab svg {
  transform: scale(1);
  transition: all 250ms ease;
}

.side-popup-home .side-popup-tab:hover svg {
  transform: scale(1.1);
}

.side-popup-home .side-popup-content {
  background-color: #fff;
  min-height: 400px;
  padding: 40px 60px;
  width: 100%;
  border-right: 6px solid #ffc600;
}

.side-popup-home .side-popup-content select {
  margin: 0;
  padding: 8px;
  width: 100px;
}

.side-popup-home .side-popup-content .dropdown-menu {
  position: relative;
}

.side-popup-home .side-popup-content .filter-by-dates {
  justify-content: space-around;
}

.side-popup-home .side-popup-content .select-item-date label {
  background-color: transparent;
  color: #2e3a4d;
  font-weight: 500;
  font-size: 1.4rem;
}

.side-popup-home .side-popup-content .submit-date-range {
  text-align: center;
  padding-top: 40px;
}

.side-popup-home .side-popup-content .submit-date-range a {
  background-color: #ffc600;
  display: inline-block;
  padding: 10px 20px;
}

.side-popup-home .side-popup-content .submit-date-range a p {
  font-size: 1.4rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #fff;
}

.home .side-popup-content {
  padding: 0;
}

.popup-form {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1900;
  align-items: center;
  justify-content: center;
}

.popup-form.show {
  display: flex;
}

.popup-form .popup-form-box {
  width: 100%;
  background-color: #fff;
  max-width: 700px;
  padding: 30px;
  position: relative;
}

.popup-form .popup-form-box .popup-form-box-title {
  border-bottom: 1px solid #2e3a4d;
  padding-bottom: 18px;
}

.popup-form .popup-form-box .popup-form-box-title p {
  color: #2e3a4d;
}

.popup-form .popup-form-box .close {
  position: absolute;
  top: -28px;
  right: 0;
  cursor: pointer;
}

.popup-form .popup-form-box div.contact-form-page-inside-full-captch {
  margin: 3px 0 10px 0 !important;
}

.popup-form .popup-form-box .contact-box .contact-form-page .contact-form-page-inside {
  margin-top: 12px;
}

.popup-form .popup-form-box .contact-box .contact-form-page .contact-form-page-inside .submit-wrap {
  margin: 0;
  max-width: 160px;
}

.popup-form .popup-form-box .contact-box .contact-form-page .contact-form-page-inside .submit-wrap input {
  height: 40px;
  font-size: 1rem;
}

.cruises-grid-wrap .modal-cruise .modal-card {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row-reverse;
  border-radius: 15px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .cruises-grid-wrap .modal-cruise .modal-card {
    flex-flow: column;
  }
}

.cruises-grid-wrap .modal-cruise .modal-card .modal-images {
  width: 55%;
  height: 100%;
}

.cruises-grid-wrap .modal-cruise .modal-card .modal-images figure {
  height: 300px;
  width: 100%;
  overflow: hidden;
}

.cruises-grid-wrap .modal-cruise .modal-card .modal-images figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 768px) {
  .cruises-grid-wrap .modal-cruise .modal-card .modal-images {
    width: 100%;
  }

  .cruises-grid-wrap .modal-cruise .modal-card .modal-images figure {
    max-height: 240px;
  }
}

.cruises-grid-wrap .modal-cruise .modal-card .modal-images .map-wrap {
  height: 300px;
}

@media screen and (max-width: 768px) {
  .cruises-grid-wrap .modal-cruise .modal-card .modal-images .map-wrap {
    height: 50px;
    width: 100%;
    position: absolute;
    bottom: 30px;
  }
}

.cruises-grid-wrap .modal-cruise .modal-card .modal-text {
  color: #214B71;
  width: 45%;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cruises-grid-wrap .modal-cruise .modal-card .modal-text .mobile-wraper {
  display: none;
}

@media screen and (max-width: 768px) {
  .cruises-grid-wrap .modal-cruise .modal-card .modal-text {
    width: 100%;
  }

  .cruises-grid-wrap .modal-cruise .modal-card .modal-text .mobile-wraper {
    display: flex;
    width: 100%;
    height: 100px;
    align-items: center;
    justify-content: center;
    z-index: 1;
  }
}

.cruises-grid-wrap .modal-cruise .modal-card .modal-text .modal-card-title {
  font-weight: bold;
  color: #214B71;
}

@media screen and (min-width: 769px) {
  .cruises-grid-wrap .modal-cruise .modal-card .modal-text .modal-card-title {
    font-size: 2.2rem;
    margin-bottom: 1rem;
  }
}

.cruises-grid-wrap .modal-cruise .modal-card .modal-text .subtitle {
  display: flex;
  color: #214B71;
  font-size: 1.125rem;
}

.cruises-grid-wrap .modal-cruise .modal-card .modal-text .details-link {
  color: #214B71;
  font-size: 1.25rem;
  margin-top: 20px;
  display: block;
  text-decoration: underline;
}

.cruises-grid-wrap .modal-cruise .modal-card .modal-text .details-link:hover {
  text-decoration: none;
}

.cruises-grid-wrap .modal-cruise .modal-card .modal-text p {
  font-size: 18px;
  color: #214B71;
}

.cruises-grid-wrap .modal-cruise .modal-card .modal-text .details-bottom {
  display: flex;
  flex-wrap: wrap;
  font-size: 17px;
  margin-top: 30px;
}

.cruises-grid-wrap .modal-cruise .modal-card .modal-text .details-bottom span {
  color: #214B71;
  font-size: 17px;
}

.cruises-grid-wrap .modal-cruise .modal-card .modal-text .close {
  outline: none;
  cursor: pointer;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .cruises-grid-wrap .modal-cruise .modal-card .modal-text .details-link,
  .cruises-grid-wrap .modal-cruise .modal-card .modal-text p {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }

  .cruises-grid-wrap .modal-cruise .modal-card .modal-text .details-bottom span,
  .cruises-grid-wrap .modal-cruise .modal-card .modal-text .details-bottom p {
    font-size: 12px;
  }
}

.cruises-grid-wrap .hebrew-description {
  display: block;
}

.cruises-grid-wrap .description {
  display: none;
}

html:not([lang=he-IL]) .cruises-grid-wrap .hebrew-description {
  display: none;
}

html:not([lang=he-IL]) .cruises-grid-wrap .description {
  diaplay: block;
}

/**
Colors
**/

#body-tourism #site-header .wrap-header-section .header-search {
  background-color: #469AFD;
}

#body-tourism .home-boxes .box.box1 .box-title-content .box-title,
#body-tourism .page-template-template-home .home-boxes .box.box1 .box-title-content .box-title {
  color: #469AFD;
}

#body-tourism .home-boxes .box.box2,
#body-tourism .page-template-template-home .home-boxes .box.box2 {
  background-color: #469AFD;
}

#body-tourism .box-arrow svg path {
  fill: #469AFD;
}

#body-tourism .home-boxes .box.box3 .slick-dots li.slick-active,
#body-tourism .page-template-template-home .home-boxes .box.box3 .slick-dots li.slick-active {
  background-color: #469AFD;
}

#body-tourism .home-boxes .box.box2 .box-title-content .box-title,
#body-tourism .page-template-template-home .home-boxes .box.box2 .box-title-content .box-title {
  color: #fff;
}

#body-tourism .home-boxes .box.box2 .box-title-content .box-content p,
#body-tourism .page-template-template-home .home-boxes .box.box2 .box-title-content .box-content p {
  color: #fff;
}

#body-tourism .home-boxes .box.box3 #messages-boxes .box3-in .title,
#body-tourism .page-template-template-home .home-boxes .box.box3 #messages-boxes .box3-in .title {
  color: #469afd;
}

#body-tourism .home-second-row .home-second-row-inside .content-side .content-side-title p,
#body-tourism .page-template-template-home .home-second-row .home-second-row-inside .content-side .content-side-title p {
  color: #469AFD;
}

#body-tourism .home-second-row .home-second-row-inside .content-side .for-details p a,
#body-tourism .page-template-template-home .home-second-row .home-second-row-inside .content-side .for-details p a {
  display: none;
}

#body-tourism .home-third-row .content-side .content-side-inside,
#body-tourism .page-template-template-home .home-third-row .content-side .content-side-inside {
  border-color: #469AFD;
}

#body-tourism .slick-dots li.slick-active {
  background-color: #469AFD;
}

#body-tourism .home-four-row .new-title h2,
#body-tourism .page-template-template-home .home-four-row .new-title h2 {
  color: #469AFD;
}

#body-tourism .home-four-row ul li .title-new h2,
#body-tourism .page-template-template-home .home-four-row ul li .title-new h2 {
  color: #469AFD;
}

#body-tourism .top-footer .locate-company {
  display: none;
}

#body-tourism .top-footer .social-section {
  margin: 0 170px;
}

@media screen and (max-width: 1000px) {
  #body-tourism .top-footer .social-section {
    margin: 0;
  }
}

#body-tourism .content-info .top-footer-inside {
  justify-content: inherit;
}

#body-tourism input[type=submit] {
  background-color: #469AFD;
}

#body-tourism .chosen-results .active-result.highlighted {
  background-color: #469AFD !important;
  color: #fff;
}

#body-tourism .home-title-filters .filter-sub-subject li:hover a,
#body-tourism .page-template-template-home .home-title-filters .filter-sub-subject li:hover a {
  background-color: #469AFD;
}

#body-tourism .home-second-row {
  background-image: url(/wp-content/themes/haifa-port/images/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#body-tourism .home-boxes .box svg path {
  fill: #1c374c;
}

#body-tourism .home-boxes .box.box1 svg path {
  fill: #469AFD;
}

#body-tourism .home-boxes .box.box2 .box-arrow {
  position: relative;
  top: 0;
  left: 0;
}

#body-tourism .btns-filters .filter-table-button {
  border: 2px solid #469AFD;
}

#body-tourism .btns-filters .filter-table-button.active {
  background-color: #469AFD;
}

#body-tourism .btns-filters .filter-table-button:hover {
  background-color: #469AFD;
}

#body-tourism .mobile-open-map-trigger {
  background-color: #469AFD;
}

#body-tourism .main-bg-color {
  background-color: #469AFD;
}

#body-tourism .text-main-color {
  color: #469AFD;
}

#body-tourism .rate-list .rate-list-box-list ul li .file-download .file-download-lang-list button {
  border-color: #469AFD;
  color: #469AFD;
}

#body-tourism .rate-list .rate-list-box-list ul li .file-download .file-download-lang-list button:hover {
  background-color: #469AFD;
  color: #fff;
}

#body-tourism .rate-list .rate-list-box-list ul li .file-download .file-download-lang-list button svg g {
  fill: #469AFD;
}

#body-tourism .rate-list .rate-list-box-list ul li .file-download .file-download-lang-list button:hover svg g {
  fill: #fff;
}

#body-tourism .rate-list .rate-list-box-list ul li .file-download .file-download-lang-list ul li a:hover {
  background-color: #469AFD;
}

@media screen and (min-width: 700px) {
  #body-tourism .contact-bottom .filter-bottom-contact button.active p {
    border-bottom: 2px solid #469AFD;
  }
}

@media screen and (min-width: 700px) {
  #body-tourism .contact-bottom .filter-bottom-contact button:hover p {
    border-bottom: 2px solid #469AFD;
  }
}

#body-tourism .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item .port-item-title a {
  color: #469AFD;
}

#body-tourism .datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-selected {
  background-color: #469AFD;
}

#body-tourism .side-popup-tab {
  background-color: #469AFD;
}

#body-tourism .side-popup-home .side-popup-content .submit-date-range a {
  background-color: #469AFD;
}

#body-tourism .side-popup-home .side-popup-content {
  border-color: #469AFD;
}

#body-tourism .real-time-banner .real-time-banner-inside .top .title-box {
  background-color: #469AFD;
}

#body-tourism .real-time-banner .real-time-banner-inside .bottom ul li a .title-content .title p {
  color: #469AFD;
}

#body-tourism .arr svg path {
  fill: #469AFD;
}

#body-tourism .home-title-filters:after,
#body-tourism .page-template-template-home .home-title-filters:after {
  border: 2px solid #469AFD;
}

#body-tourism .social-section ul li svg:hover path,
#body-tourism .social-section ul li svg:hover g {
  fill: #469AFD;
}

#body-tourism .running-numbers .running-numbers-inside ul li span:after {
  background-color: #469AFD;
}

#body-tourism .time-line #year-timeline li .year:after {
  background-color: #469AFD;
}

#body-tourism .about-team .in-about .filter-table-button.is-active {
  background-color: #469AFD;
}

#body-tourism .additional-activity .additional-activity-inside .additional-activity-links a {
  border: 1px solid #469AFD;
  color: #469AFD;
}

#body-tourism #site-header .wrap-header-section .main-menu-top ul li a:hover {
  color: #469AFD;
}

#body-tourism #site-header .wrap-header-section .main-menu-top ul li.current-menu-item a {
  color: #469AFD;
}

#body-tourism .cursed-line.change-arr:after,
#body-tourism .page-template-template-home .cursed-line.change-arr:after {
  background-image: url(/wp-content/themes/haifa-port/images/arrow-blue.svg) !important;
}

@media screen and (max-width: 700px) {
  #body-tourism .contact-bottom .filter-bottom-contact button.active {
    border-bottom: 2px solid #469AFD;
  }
}

#body-tourism .mobile-box3 .box3-in .icon,
#body-tourism .page-template-template-home .mobile-box3 .box3-in .icon {
  width: 18px;
}

#body-tourism #site-header .wrap-header-section .main-menu-top .sub-menu li a:hover {
  background-color: #469AFD;
}

#body-tourism .rate-list .rate-list-box-list ul li .file-download .file-download-lang-list button,
#body-tourism .rate-list .rate-list-box-list ul li .file-download .file-download-lang-list .download-file {
  background-color: #469AFD;
  border: 1px solid #469AFD;
}

#body-tourism .rate-list .rate-list-box-list ul li .file-download .file-download-lang-list button:hover,
#body-tourism .rate-list .rate-list-box-list ul li .file-download .file-download-lang-list .download-file:hover {
  background-color: #fff;
  color: #469AFD;
}

#body-tourism .rate-list .rate-list-box-list ul li .file-download .file-download-lang-list button:hover svg g,
#body-tourism .rate-list .rate-list-box-list ul li .file-download .file-download-lang-list .download-file:hover svg g {
  fill: #469AFD;
}

#body-tourism #site-header .wrap-header-section .main-menu-top .sub-menu {
  border-top: 2px solid #469AFD;
}

#body-tourism #site-header .wrap-header-section .main-menu-top .sub-menu li a:hover {
  background-color: #469AFD;
  color: #fff;
}

#body-tourism .page-wrap .content-editor .btn-page {
  background-color: #469AFD;
}

html[lang=en-US] #site-header .wrap-header-section .logo {
  left: auto;
  right: 20px;
}

html[lang=en-US] #site-header .wrap-header-section .header-lang {
  margin: 0 140px 0 0;
}

html[lang=en-US] #site-header .wrap-header-section .header-search #search-form #search-submit {
  left: auto;
  right: 0;
}

html[lang=en-US] #site-header .wrap-header-section .header-search #search-form {
  right: auto;
  left: 0;
}

html[lang=en-US] .home .home-boxes .box.box3 #messages-boxes .box3-in,
html[lang=en-US] .page-template-template-home .home-boxes .box.box3 #messages-boxes .box3-in {
  direction: ltr;
}

html[lang=en-US] .home .home-boxes .box .box-arrow,
html[lang=en-US] .page-template-template-home .home-boxes .box .box-arrow {
  text-align: left;
  transform: rotate(180deg);
}

html[lang=en-US] .slick-dots {
  direction: ltr;
}

html[lang=en-US] .home .home-boxes .box.box2 .box-arrow,
html[lang=en-US] .page-template-template-home .home-boxes .box.box2 .box-arrow {
  left: auto;
  right: 15px;
  top: 16px;
}

@media only screen and (max-width: 1130px) {
  html[lang=en-US] .home .home-boxes .box.box2 .box-arrow,
  html[lang=en-US] .page-template-template-home .home-boxes .box.box2 .box-arrow {
    top: 2px;
  }
}

html[lang=en-US] .home .home-boxes .box.box2 .box2-input-arrow,
html[lang=en-US] .page-template-template-home .home-boxes .box.box2 .box2-input-arrow {
  margin: 0;
}

html[lang=en-US] .chosen-wrapper:after {
  left: auto;
  right: 20px;
}

html[lang=en-US] .home .whether-movie-link .movie-link:after,
html[lang=en-US] .page-template-template-home .whether-movie-link .movie-link:after {
  left: auto;
  right: 0;
}

@media only screen and (max-width: 1130px) {
  html[lang=en-US] .top-footer .form-section {
    margin-right: 50px;
  }
}

html[lang=en-US] .home .home-boxes .box .box-title-content:after,
html[lang=en-US] .page-template-template-home .home-boxes .box .box-title-content:after {
  right: auto;
  left: 0;
}

html[lang=en-US] .home .home-boxes .box .box-title-content,
html[lang=en-US] .page-template-template-home .home-boxes .box .box-title-content {
  padding: 5px 0 12px 20px;
}

html[lang=en-US] .home .home-second-row .home-second-row-inside .content-side .for-details p svg,
html[lang=en-US] .page-template-template-home .home-second-row .home-second-row-inside .content-side .for-details p svg {
  transform: rotate(180deg);
}

html[lang=en-US] .home .home-second-row .home-second-row-inside,
html[lang=en-US] .page-template-template-home .home-second-row .home-second-row-inside {
  width: 100%;
}

html[lang=en-US] .home .home-second-row .home-second-row-inside .image-side .real-time-details ul li:after,
html[lang=en-US] .page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-details ul li:after {
  right: auto;
  left: -29px;
}

@media only screen and (max-width: 900px) {
  html[lang=en-US] .home .home-second-row .home-second-row-inside .image-side .real-time-details ul li:after,
  html[lang=en-US] .page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-details ul li:after {
    left: -8px;
    top: -5px;
  }
}

html[lang=en-US] .home .home-third-row,
html[lang=en-US] .page-template-template-home .home-third-row {
  padding: 80px 0px 80px 220px;
}

@media only screen and (max-width: 1390px) {
  html[lang=en-US] .home .home-third-row,
  html[lang=en-US] .page-template-template-home .home-third-row {
    padding: 80px 0px 80px 20px;
  }
}

html[lang=en-US] .home .home-third-row .content-side .content-side-inside,
html[lang=en-US] .page-template-template-home .home-third-row .content-side .content-side-inside {
  border: none;
  border-left: 4px solid #f8ca16;
}

html[lang=en-US] .news-letter-form {
  text-align: left;
}

html[lang=en-US] .content-info .top-footer-inside form .news-letter-form-submit {
  left: auto;
  right: 1px;
}

html[lang=en-US] .content-info .top-footer-inside .locate-company .locate-company-link svg {
  transform: rotate(180deg);
}

html[lang=en-US] .home .home-boxes .box.box3 #messages-boxes .box3-in .icon,
html[lang=en-US] .page-template-template-home .home-boxes .box.box3 #messages-boxes .box3-in .icon {
  margin: 10px 10px 0 0px;
}

@media only screen and (max-width: 900px) {
  html[lang=en-US] .content-info .bottom-footer-inside .bottom-footer-col:after {
    display: inline-block;
    left: auto;
    right: 10px;
  }
}

html[lang=en-US] .mobile-hamburger {
  margin-left: 0;
  margin-right: 10px;
}

@media only screen and (max-width: 400px) {
  html[lang=en-US] #site-header .wrap-header-section .switch-gate-buttons a {
    font-size: 0.6rem;
  }
}

@media only screen and (max-width: 400px) {
  html[lang=en-US] #site-header {
    padding: 20px 0;
  }
}

html[lang=en-US] #site-header .wrap-header-section .main-menu-top ul li.menu-item-has-children:after {
  left: auto;
  right: 10px;
}

@media only screen and (max-width: 1130px) {
  html[lang=en-US] #site-header .wrap-header-section .main-menu-top .sub-menu li a {
    padding-right: 0px !important;
    padding-left: 30px !important;
  }
}

@media only screen and (max-width: 900px) {
  html[lang=en-US] .content-info .top-footer-inside > div.locate-company {
    margin-right: 23px;
    margin-left: 0;
  }
}

html[lang=en-US] #site-header .search-form-mobile #search-submit {
  left: auto;
  right: 0;
}

html[lang=en-US] .mobile-box3 {
  direction: rtl;
}

html[lang=en-US] .mobile-box3 .box3-in {
  direction: ltr;
}

html[lang=en-US] .home .home-boxes .box.box2 .box2-input-arrow,
html[lang=en-US] .page-template-template-home .home-boxes .box.box2 .box2-input-arrow {
  margin: 0 20px;
}

html[lang=en-US] .home .home-title-filters .filter-sub-subject li a,
html[lang=en-US] .page-template-template-home .home-title-filters .filter-sub-subject li a {
  margin-left: 0px;
  margin-right: 20px;
}

html[lang=en-US] #filter-form .wrap-input {
  margin: 0 30px 0 0;
}

html[lang=en-US] .btns-filters .filter-table-button {
  margin: 0 10px 0 0;
}

html[lang=en-US] table td,
html[lang=en-US] table th {
  text-align: left !important;
}

html[lang=en-US] .b-table .table th .th-wrap {
  text-align: left !important;
}

html[lang=en-US] .sailing-vessel-table .b-table .table th .th-wrap {
  text-align: left;
}

html[lang=en-US] .days-filter .days-filter-menu button {
  margin: 20px 20px 0 0px;
}

@media only screen and (max-width: 1700px) {
  html[lang=en-US] #site-header .wrap-header-section .switch-gate-buttons a {
    font-size: 0.9rem !important;
  }
}

@media only screen and (max-width: 500px) {
  html[lang=en-US] .table-extra-info .info p {
    font-size: 0.9rem !important;
  }
}

@media only screen and (max-width: 520px) {
  html[lang=en-US] .rate-list .rate-list-box-list ul li .file-download .file-download-lang-list ul {
    right: auto;
    left: 0;
  }
}

html[lang=en-US] .rate-list .rate-list-box-list ul li .file-download .file-download-lang-list button svg {
  margin: 0 0 0 10px;
}

html[lang=en-US] .rate-list .rate-list-box-list ul li .icon-with-date .download-icon {
  margin: 0 10px 0 0px;
}

@media only screen and (max-width: 520px) {
  html[lang=en-US] .rate-list .rate-list-box-list ul li .icon-with-date .download-icon {
    margin: 0 0 10px 0;
  }
}

html[lang=en-US] .contact-box form {
  direction: ltr;
}

html[lang=en-US] .contact-box-details {
  padding: 30px 160px 30px 40px;
}

html[lang=en-US] .contact-box-details .contact-box-details-inside-details ul li .icon-details {
  margin: 0 15px 0 0;
}

html[lang=en-US] .contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options button .btn-icon {
  margin: 0 10px 0 0;
}

html[lang=en-US] .contact-box .contact-form-page .contact-form-page-inside .wrap-hours-options button .btn-details {
  text-align: left;
}

html[lang=en-US] .contact-bottom .filter-bottom-results .filter-bottom-results-item-inside .port-item.port-item-shadow .port-item-fax ul li:after {
  right: auto;
  left: 0;
}

html[lang=en-US] .contact-box .contact-form-page .contact-form-page-inside.contact-form-page-inside-phone {
  flex-direction: column-reverse;
  align-items: unset;
}

html[lang=en-US] .real-time-banner .real-time-banner-inside .top .weather .hour:after {
  right: 9px;
  left: auto;
}

html[lang=en-US] .real-time-banner .real-time-banner-inside .top .weather .hour {
  padding-left: 0;
  padding-right: 30px;
}

html[lang=en-US] .real-time-banner .real-time-banner-inside .top .weather > div {
  padding-left: 0;
  padding-right: 30px;
}

html[lang=en-US] .real-time-banner .real-time-banner-inside .bottom ul li a .title-content .arr {
  transform: rotate(180deg);
  text-align: left;
  display: flex;
  justify-content: flex-end;
}

html[lang=en-US] .real-time-banner .real-time-banner-inside .bottom ul li a .icon-real-time {
  margin: 0 25px 0 0;
}

html[lang=en-US] .side-popup-home {
  left: auto;
  right: 6px;
  transform: translateX(1000px);
}

html[lang=en-US] .side-popup-home .side-popup-content {
  border-right: none;
  border-left: 6px solid #ffc600;
}

html[lang=en-US] .side-popup-home.open {
  transform: translateX(0px);
}

html[lang=en-US] .home .home-second-row .home-second-row-inside .image-side .real-time-image .fly-real-time-status,
html[lang=en-US] .page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-image .fly-real-time-status {
  right: auto;
  left: -50px;
}

@media only screen and (max-width: 1100px) {
  html[lang=en-US] .home .home-second-row .home-second-row-inside .image-side .real-time-image .fly-real-time-status,
  html[lang=en-US] .page-template-template-home .home-second-row .home-second-row-inside .image-side .real-time-image .fly-real-time-status {
    left: -10px;
  }
}

html[lang=en-US] .exam-details .details ul li {
  margin: 0 20px 0 0;
}

html[lang=en-US] .quiz-wrap .form-register-quiz .control-label {
  padding: 0 0 0 10px;
}

@media only screen and (max-width: 400px) {
  html[lang=en-US] #site-header .wrap-header-section .switch-gate-buttons a {
    font-size: 0.7rem !important;
  }
}

html[lang=en-US] .page-template-template-nwesletter .contact-box .contact-form-page #get-updates .wpcf7-list-item input {
  margin: 0 7px 0 0;
}

html[lang=en-US] .page-template-template-annonce .filter-by-dates .select-item,
html[lang=en-US] .page-template-template-Jobs .filter-by-dates .select-item {
  margin: 0 20px 0 0;
}

html[lang=en-US] .real-time-load-wrap .real-time-load-item .real-time-load-item-inside .profile .profile-list ul li span {
  margin: 0 0px 0 10px;
}

html[lang=en-US] .gallery-single-title .back-arr img {
  transform: rotate(180deg);
}

html[lang=en-US] .search-field #search-container-number-submit {
  left: auto;
  right: 10px;
}

html[lang=en-US] .real-time-load-wrap .real-time-load-item .real-time-load-item-inside .profile .profile-title p {
  text-align: left;
}

html[lang=en-US] .weather-boxes .weather-box .weather-box-in .weather-box-date {
  border-radius: 0;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}

html[lang=en-US] .weather-boxes .weather-box .weather-box-in .weather-box-details {
  border-radius: 0;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}

html[lang=en-US] .home .home-title-filters:after,
html[lang=en-US] .page-template-template-home .home-title-filters:after {
  right: auto;
  left: -20px;
}

html[lang=en-US] .contact-box .contact-form-page .contact-form-page-inside.contact-form-page-inside-phone div:last-child {
  flex-basis: 22%;
}

html[lang=en-US] .real-time-banner .real-time-banner-inside .bottom ul li {
  border-right: 1px solid #fff;
  border-left: 0;
}

html[lang=en-US] .real-time-banner .real-time-banner-inside .bottom ul li:last-child {
  border: none;
}

html[lang=en-US] .cursed-line,
html[lang=en-US] .page-template-template-home .cursed-line {
  right: auto;
  left: 20px;
}

html[lang=en-US] .chosen-wrapper {
  margin: 20px 0 25px 0px;
}

html[lang=en-US] #site-header .wrap-header-section .header-lang svg {
  right: 10px;
}

html[lang=en-US] .side-popup-home .side-popup-tab p {
  font-size: 0.8rem;
}

html[lang=en-US] .mobile-box3 .box-arrow,
html[lang=en-US] .page-template-template-home .mobile-box3 .box-arrow {
  float: right;
  transform: rotate(180deg);
}

@media screen and (max-width: 700px) {
  html[lang=en-US] .mobile-box3 .box3-in .icon {
    width: 100px !important;
  }
}

html[lang=en-US] #site-header .wrap-header-section .main-menu-top ul li.mobile.icon-yellow:after {
  right: auto;
  left: 10px;
}

html[lang=en-US] #site-header .wrap-header-section .main-menu-top ul li.mobile.icon-blue:after {
  right: auto;
  left: 10px;
}

html[lang=en-US] .side-popup-home .side-popup-tab {
  right: auto;
  left: -90px;
}

html[lang=en-US] .about-content .about-content-inside .about-port .knowledge-book svg {
  margin: 0 10px 0 0;
}

html[lang=en-US] .content-info .top-footer-inside form .news-letter-form-input input {
  padding: 0.5rem;
  padding-right: 100px;
}

@media only screen and (max-width: 1024px) {
  html[lang=en-US] .ship-id-name-wrap {
    position: absolute;
    left: 14px;
    top: 52px;
    right: auto;
  }
}

@media only screen and (max-width: 600px) {
  html[lang=en-US] .home-four-row .new-title h2,
  html[lang=en-US] .page-template-template-home .home-four-row .new-title h2 {
    text-align: left;
  }
}

@media only screen and (max-width: 1130px) {
  html[lang=en-US] #site-header .wrap-header-section .main-menu-top {
    right: auto;
    left: 0;
    transform: translate(-301px, 0px);
  }
}

html[lang=en-US] #site-header .wrap-header-section .main-menu-top.open {
  transform: translate(0px, 0px);
}

@media only screen and (max-width: 450px) {
  html[lang=en-US] #site-header .wrap-header-section .main-menu-top {
    transform: translate(-701px, 0px);
    width: 100%;
  }
}

html[lang=en-US] .quick-look-table .is-border:after {
  left: auto;
  right: 0px;
}