/** [Spacing] Mostly from here: http://v4-alpha.getbootstrap.com/utilities/spacing/ */
/** [Grid breakpoints] Define the minimum dimensions at which your layout will change, adapting to different screen sizes, for use in media queries. */
/** [Grid container and wrapper] Define the maximum width of `.container` for different screen sizes. Define the ".wrapper" max-width for use with container-fluid NOTE Ascending! */
/** [Grid columns & gutters setup] Set the number of columns and specify the width of the gutters. */
/** [Spacing] Mostly from here: http://v4-alpha.getbootstrap.com/utilities/spacing/ */
/** [Grid breakpoints] Define the minimum dimensions at which your layout will change, adapting to different screen sizes, for use in media queries. */
/** [Grid container and wrapper] Define the maximum width of `.container` for different screen sizes. Define the ".wrapper" max-width for use with container-fluid NOTE Ascending! */
/** [Grid columns & gutters setup] Set the number of columns and specify the width of the gutters. */
.container { position: relative; margin-left: auto; margin-right: auto; padding-right: 1.2rem; padding-left: 1.2rem; }

@media (min-width: 576px) { .container { padding-right: 1.2rem; padding-left: 1.2rem; } }

@media (min-width: 1200px) { .container { padding-right: 1.2rem; padding-left: 1.2rem; } }

@media (min-width: 1460px) { .container { padding-right: 1.2rem; padding-left: 1.2rem; } }

@media (min-width: 1600px) { .container { padding-right: 1.2rem; padding-left: 1.2rem; } }

@media (min-width: 576px) { .container { width: 100%; max-width: 100%; } }

@media (min-width: 1200px) { .container { width: 1280px; max-width: 100%; } }

@media (min-width: 1460px) { .container { width: 1420px; max-width: 100%; } }

@media (min-width: 1600px) { .container { width: 1620px; max-width: 100%; } }

.container-fluid { position: relative; margin-left: auto; margin-right: auto; padding-right: 1.2rem; padding-left: 1.2rem; }

@media (min-width: 576px) { .container-fluid { padding-right: 1.2rem; padding-left: 1.2rem; } }

@media (min-width: 1200px) { .container-fluid { padding-right: 1.2rem; padding-left: 1.2rem; } }

@media (min-width: 1460px) { .container-fluid { padding-right: 1.2rem; padding-left: 1.2rem; } }

@media (min-width: 1600px) { .container-fluid { padding-right: 1.2rem; padding-left: 1.2rem; } }

.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -1.2rem; margin-left: -1.2rem; }

@media (min-width: 576px) { .row { margin-right: -1.2rem; margin-left: -1.2rem; } }

@media (min-width: 1200px) { .row { margin-right: -1.2rem; margin-left: -1.2rem; } }

@media (min-width: 1460px) { .row { margin-right: -1.2rem; margin-left: -1.2rem; } }

@media (min-width: 1600px) { .row { margin-right: -1.2rem; margin-left: -1.2rem; } }

.no-gutters { margin-right: 0; margin-left: 0; }

.no-gutters > .col, .no-gutters > [class*='col-'] { padding-right: 0; padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl-17, .col-xl-18, .col-xl-19, .col-xl-20, .col-xl { position: relative; width: 100%; min-height: 1px; padding-right: 1.2rem; padding-left: 1.2rem; }

@media (min-width: 576px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl-17, .col-xl-18, .col-xl-19, .col-xl-20, .col-xl { padding-right: 1.2rem; padding-left: 1.2rem; } }

@media (min-width: 1200px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl-17, .col-xl-18, .col-xl-19, .col-xl-20, .col-xl { padding-right: 1.2rem; padding-left: 1.2rem; } }

@media (min-width: 1460px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl-17, .col-xl-18, .col-xl-19, .col-xl-20, .col-xl { padding-right: 1.2rem; padding-left: 1.2rem; } }

@media (min-width: 1600px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl-17, .col-xl-18, .col-xl-19, .col-xl-20, .col-xl { padding-right: 1.2rem; padding-left: 1.2rem; } }

.col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }

.col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; }

.col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }

.col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; }

.col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }

.col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }

.col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }

.col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; }

.col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }

.col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; }

.col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

.col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; }

.col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }

.col-13 { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; }

.col-14 { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }

.col-15 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }

.col-16 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }

.col-17 { -webkit-box-flex: 0; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; }

.col-18 { -webkit-box-flex: 0; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }

.col-19 { -webkit-box-flex: 0; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; }

.col-20 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

.pull-0 { right: auto; }

.pull-1 { right: 5%; }

.pull-2 { right: 10%; }

.pull-3 { right: 15%; }

.pull-4 { right: 20%; }

.pull-5 { right: 25%; }

.pull-6 { right: 30%; }

.pull-7 { right: 35%; }

.pull-8 { right: 40%; }

.pull-9 { right: 45%; }

.pull-10 { right: 50%; }

.pull-11 { right: 55%; }

.pull-12 { right: 60%; }

.pull-13 { right: 65%; }

.pull-14 { right: 70%; }

.pull-15 { right: 75%; }

.pull-16 { right: 80%; }

.pull-17 { right: 85%; }

.pull-18 { right: 90%; }

.pull-19 { right: 95%; }

.pull-20 { right: 100%; }

.push-0 { left: auto; }

.push-1 { left: 5%; }

.push-2 { left: 10%; }

.push-3 { left: 15%; }

.push-4 { left: 20%; }

.push-5 { left: 25%; }

.push-6 { left: 30%; }

.push-7 { left: 35%; }

.push-8 { left: 40%; }

.push-9 { left: 45%; }

.push-10 { left: 50%; }

.push-11 { left: 55%; }

.push-12 { left: 60%; }

.push-13 { left: 65%; }

.push-14 { left: 70%; }

.push-15 { left: 75%; }

.push-16 { left: 80%; }

.push-17 { left: 85%; }

.push-18 { left: 90%; }

.push-19 { left: 95%; }

.push-20 { left: 100%; }

.offset-1 { margin-left: 5%; }

.offset-2 { margin-left: 10%; }

.offset-3 { margin-left: 15%; }

.offset-4 { margin-left: 20%; }

.offset-5 { margin-left: 25%; }

.offset-6 { margin-left: 30%; }

.offset-7 { margin-left: 35%; }

.offset-8 { margin-left: 40%; }

.offset-9 { margin-left: 45%; }

.offset-10 { margin-left: 50%; }

.offset-11 { margin-left: 55%; }

.offset-12 { margin-left: 60%; }

.offset-13 { margin-left: 65%; }

.offset-14 { margin-left: 70%; }

.offset-15 { margin-left: 75%; }

.offset-16 { margin-left: 80%; }

.offset-17 { margin-left: 85%; }

.offset-18 { margin-left: 90%; }

.offset-19 { margin-left: 95%; }

@media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
  .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; }
  .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }
  .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; }
  .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
  .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
  .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; }
  .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
  .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; }
  .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; }
  .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
  .col-sm-13 { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; }
  .col-sm-14 { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
  .col-sm-15 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-sm-16 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
  .col-sm-17 { -webkit-box-flex: 0; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; }
  .col-sm-18 { -webkit-box-flex: 0; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }
  .col-sm-19 { -webkit-box-flex: 0; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; }
  .col-sm-20 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .pull-sm-0 { right: auto; }
  .pull-sm-1 { right: 5%; }
  .pull-sm-2 { right: 10%; }
  .pull-sm-3 { right: 15%; }
  .pull-sm-4 { right: 20%; }
  .pull-sm-5 { right: 25%; }
  .pull-sm-6 { right: 30%; }
  .pull-sm-7 { right: 35%; }
  .pull-sm-8 { right: 40%; }
  .pull-sm-9 { right: 45%; }
  .pull-sm-10 { right: 50%; }
  .pull-sm-11 { right: 55%; }
  .pull-sm-12 { right: 60%; }
  .pull-sm-13 { right: 65%; }
  .pull-sm-14 { right: 70%; }
  .pull-sm-15 { right: 75%; }
  .pull-sm-16 { right: 80%; }
  .pull-sm-17 { right: 85%; }
  .pull-sm-18 { right: 90%; }
  .pull-sm-19 { right: 95%; }
  .pull-sm-20 { right: 100%; }
  .push-sm-0 { left: auto; }
  .push-sm-1 { left: 5%; }
  .push-sm-2 { left: 10%; }
  .push-sm-3 { left: 15%; }
  .push-sm-4 { left: 20%; }
  .push-sm-5 { left: 25%; }
  .push-sm-6 { left: 30%; }
  .push-sm-7 { left: 35%; }
  .push-sm-8 { left: 40%; }
  .push-sm-9 { left: 45%; }
  .push-sm-10 { left: 50%; }
  .push-sm-11 { left: 55%; }
  .push-sm-12 { left: 60%; }
  .push-sm-13 { left: 65%; }
  .push-sm-14 { left: 70%; }
  .push-sm-15 { left: 75%; }
  .push-sm-16 { left: 80%; }
  .push-sm-17 { left: 85%; }
  .push-sm-18 { left: 90%; }
  .push-sm-19 { left: 95%; }
  .push-sm-20 { left: 100%; }
  .offset-sm-0 { margin-left: 0%; }
  .offset-sm-1 { margin-left: 5%; }
  .offset-sm-2 { margin-left: 10%; }
  .offset-sm-3 { margin-left: 15%; }
  .offset-sm-4 { margin-left: 20%; }
  .offset-sm-5 { margin-left: 25%; }
  .offset-sm-6 { margin-left: 30%; }
  .offset-sm-7 { margin-left: 35%; }
  .offset-sm-8 { margin-left: 40%; }
  .offset-sm-9 { margin-left: 45%; }
  .offset-sm-10 { margin-left: 50%; }
  .offset-sm-11 { margin-left: 55%; }
  .offset-sm-12 { margin-left: 60%; }
  .offset-sm-13 { margin-left: 65%; }
  .offset-sm-14 { margin-left: 70%; }
  .offset-sm-15 { margin-left: 75%; }
  .offset-sm-16 { margin-left: 80%; }
  .offset-sm-17 { margin-left: 85%; }
  .offset-sm-18 { margin-left: 90%; }
  .offset-sm-19 { margin-left: 95%; } }

@media (min-width: 1200px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
  .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; }
  .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }
  .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; }
  .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
  .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
  .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; }
  .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
  .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; }
  .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; }
  .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
  .col-md-13 { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; }
  .col-md-14 { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
  .col-md-15 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-md-16 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
  .col-md-17 { -webkit-box-flex: 0; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; }
  .col-md-18 { -webkit-box-flex: 0; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }
  .col-md-19 { -webkit-box-flex: 0; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; }
  .col-md-20 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .pull-md-0 { right: auto; }
  .pull-md-1 { right: 5%; }
  .pull-md-2 { right: 10%; }
  .pull-md-3 { right: 15%; }
  .pull-md-4 { right: 20%; }
  .pull-md-5 { right: 25%; }
  .pull-md-6 { right: 30%; }
  .pull-md-7 { right: 35%; }
  .pull-md-8 { right: 40%; }
  .pull-md-9 { right: 45%; }
  .pull-md-10 { right: 50%; }
  .pull-md-11 { right: 55%; }
  .pull-md-12 { right: 60%; }
  .pull-md-13 { right: 65%; }
  .pull-md-14 { right: 70%; }
  .pull-md-15 { right: 75%; }
  .pull-md-16 { right: 80%; }
  .pull-md-17 { right: 85%; }
  .pull-md-18 { right: 90%; }
  .pull-md-19 { right: 95%; }
  .pull-md-20 { right: 100%; }
  .push-md-0 { left: auto; }
  .push-md-1 { left: 5%; }
  .push-md-2 { left: 10%; }
  .push-md-3 { left: 15%; }
  .push-md-4 { left: 20%; }
  .push-md-5 { left: 25%; }
  .push-md-6 { left: 30%; }
  .push-md-7 { left: 35%; }
  .push-md-8 { left: 40%; }
  .push-md-9 { left: 45%; }
  .push-md-10 { left: 50%; }
  .push-md-11 { left: 55%; }
  .push-md-12 { left: 60%; }
  .push-md-13 { left: 65%; }
  .push-md-14 { left: 70%; }
  .push-md-15 { left: 75%; }
  .push-md-16 { left: 80%; }
  .push-md-17 { left: 85%; }
  .push-md-18 { left: 90%; }
  .push-md-19 { left: 95%; }
  .push-md-20 { left: 100%; }
  .offset-md-0 { margin-left: 0%; }
  .offset-md-1 { margin-left: 5%; }
  .offset-md-2 { margin-left: 10%; }
  .offset-md-3 { margin-left: 15%; }
  .offset-md-4 { margin-left: 20%; }
  .offset-md-5 { margin-left: 25%; }
  .offset-md-6 { margin-left: 30%; }
  .offset-md-7 { margin-left: 35%; }
  .offset-md-8 { margin-left: 40%; }
  .offset-md-9 { margin-left: 45%; }
  .offset-md-10 { margin-left: 50%; }
  .offset-md-11 { margin-left: 55%; }
  .offset-md-12 { margin-left: 60%; }
  .offset-md-13 { margin-left: 65%; }
  .offset-md-14 { margin-left: 70%; }
  .offset-md-15 { margin-left: 75%; }
  .offset-md-16 { margin-left: 80%; }
  .offset-md-17 { margin-left: 85%; }
  .offset-md-18 { margin-left: 90%; }
  .offset-md-19 { margin-left: 95%; } }

@media (min-width: 1460px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
  .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; }
  .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }
  .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; }
  .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
  .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
  .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; }
  .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
  .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; }
  .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; }
  .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
  .col-lg-13 { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; }
  .col-lg-14 { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
  .col-lg-15 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-lg-16 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
  .col-lg-17 { -webkit-box-flex: 0; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; }
  .col-lg-18 { -webkit-box-flex: 0; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }
  .col-lg-19 { -webkit-box-flex: 0; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; }
  .col-lg-20 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .pull-lg-0 { right: auto; }
  .pull-lg-1 { right: 5%; }
  .pull-lg-2 { right: 10%; }
  .pull-lg-3 { right: 15%; }
  .pull-lg-4 { right: 20%; }
  .pull-lg-5 { right: 25%; }
  .pull-lg-6 { right: 30%; }
  .pull-lg-7 { right: 35%; }
  .pull-lg-8 { right: 40%; }
  .pull-lg-9 { right: 45%; }
  .pull-lg-10 { right: 50%; }
  .pull-lg-11 { right: 55%; }
  .pull-lg-12 { right: 60%; }
  .pull-lg-13 { right: 65%; }
  .pull-lg-14 { right: 70%; }
  .pull-lg-15 { right: 75%; }
  .pull-lg-16 { right: 80%; }
  .pull-lg-17 { right: 85%; }
  .pull-lg-18 { right: 90%; }
  .pull-lg-19 { right: 95%; }
  .pull-lg-20 { right: 100%; }
  .push-lg-0 { left: auto; }
  .push-lg-1 { left: 5%; }
  .push-lg-2 { left: 10%; }
  .push-lg-3 { left: 15%; }
  .push-lg-4 { left: 20%; }
  .push-lg-5 { left: 25%; }
  .push-lg-6 { left: 30%; }
  .push-lg-7 { left: 35%; }
  .push-lg-8 { left: 40%; }
  .push-lg-9 { left: 45%; }
  .push-lg-10 { left: 50%; }
  .push-lg-11 { left: 55%; }
  .push-lg-12 { left: 60%; }
  .push-lg-13 { left: 65%; }
  .push-lg-14 { left: 70%; }
  .push-lg-15 { left: 75%; }
  .push-lg-16 { left: 80%; }
  .push-lg-17 { left: 85%; }
  .push-lg-18 { left: 90%; }
  .push-lg-19 { left: 95%; }
  .push-lg-20 { left: 100%; }
  .offset-lg-0 { margin-left: 0%; }
  .offset-lg-1 { margin-left: 5%; }
  .offset-lg-2 { margin-left: 10%; }
  .offset-lg-3 { margin-left: 15%; }
  .offset-lg-4 { margin-left: 20%; }
  .offset-lg-5 { margin-left: 25%; }
  .offset-lg-6 { margin-left: 30%; }
  .offset-lg-7 { margin-left: 35%; }
  .offset-lg-8 { margin-left: 40%; }
  .offset-lg-9 { margin-left: 45%; }
  .offset-lg-10 { margin-left: 50%; }
  .offset-lg-11 { margin-left: 55%; }
  .offset-lg-12 { margin-left: 60%; }
  .offset-lg-13 { margin-left: 65%; }
  .offset-lg-14 { margin-left: 70%; }
  .offset-lg-15 { margin-left: 75%; }
  .offset-lg-16 { margin-left: 80%; }
  .offset-lg-17 { margin-left: 85%; }
  .offset-lg-18 { margin-left: 90%; }
  .offset-lg-19 { margin-left: 95%; } }

@media (min-width: 1600px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
  .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; }
  .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }
  .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; }
  .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
  .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
  .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; }
  .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
  .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; }
  .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; }
  .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
  .col-xl-13 { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; }
  .col-xl-14 { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
  .col-xl-15 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-xl-16 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
  .col-xl-17 { -webkit-box-flex: 0; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; }
  .col-xl-18 { -webkit-box-flex: 0; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }
  .col-xl-19 { -webkit-box-flex: 0; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; }
  .col-xl-20 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .pull-xl-0 { right: auto; }
  .pull-xl-1 { right: 5%; }
  .pull-xl-2 { right: 10%; }
  .pull-xl-3 { right: 15%; }
  .pull-xl-4 { right: 20%; }
  .pull-xl-5 { right: 25%; }
  .pull-xl-6 { right: 30%; }
  .pull-xl-7 { right: 35%; }
  .pull-xl-8 { right: 40%; }
  .pull-xl-9 { right: 45%; }
  .pull-xl-10 { right: 50%; }
  .pull-xl-11 { right: 55%; }
  .pull-xl-12 { right: 60%; }
  .pull-xl-13 { right: 65%; }
  .pull-xl-14 { right: 70%; }
  .pull-xl-15 { right: 75%; }
  .pull-xl-16 { right: 80%; }
  .pull-xl-17 { right: 85%; }
  .pull-xl-18 { right: 90%; }
  .pull-xl-19 { right: 95%; }
  .pull-xl-20 { right: 100%; }
  .push-xl-0 { left: auto; }
  .push-xl-1 { left: 5%; }
  .push-xl-2 { left: 10%; }
  .push-xl-3 { left: 15%; }
  .push-xl-4 { left: 20%; }
  .push-xl-5 { left: 25%; }
  .push-xl-6 { left: 30%; }
  .push-xl-7 { left: 35%; }
  .push-xl-8 { left: 40%; }
  .push-xl-9 { left: 45%; }
  .push-xl-10 { left: 50%; }
  .push-xl-11 { left: 55%; }
  .push-xl-12 { left: 60%; }
  .push-xl-13 { left: 65%; }
  .push-xl-14 { left: 70%; }
  .push-xl-15 { left: 75%; }
  .push-xl-16 { left: 80%; }
  .push-xl-17 { left: 85%; }
  .push-xl-18 { left: 90%; }
  .push-xl-19 { left: 95%; }
  .push-xl-20 { left: 100%; }
  .offset-xl-0 { margin-left: 0%; }
  .offset-xl-1 { margin-left: 5%; }
  .offset-xl-2 { margin-left: 10%; }
  .offset-xl-3 { margin-left: 15%; }
  .offset-xl-4 { margin-left: 20%; }
  .offset-xl-5 { margin-left: 25%; }
  .offset-xl-6 { margin-left: 30%; }
  .offset-xl-7 { margin-left: 35%; }
  .offset-xl-8 { margin-left: 40%; }
  .offset-xl-9 { margin-left: 45%; }
  .offset-xl-10 { margin-left: 50%; }
  .offset-xl-11 { margin-left: 55%; }
  .offset-xl-12 { margin-left: 60%; }
  .offset-xl-13 { margin-left: 65%; }
  .offset-xl-14 { margin-left: 70%; }
  .offset-xl-15 { margin-left: 75%; }
  .offset-xl-16 { margin-left: 80%; }
  .offset-xl-17 { margin-left: 85%; }
  .offset-xl-18 { margin-left: 90%; }
  .offset-xl-19 { margin-left: 95%; } }

.d-none { display: none !important; }

.d-inline { display: inline !important; }

.d-inline-block { display: inline-block !important; }

.d-block { display: block !important; }

.d-table { display: table !important; }

.d-table-cell { display: table-cell !important; }

.d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }

.d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; }

@media (min-width: 576px) { .d-sm-none { display: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-cell { display: table-cell !important; }
  .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media (min-width: 1200px) { .d-md-none { display: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-table { display: table !important; }
  .d-md-table-cell { display: table-cell !important; }
  .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media (min-width: 1460px) { .d-lg-none { display: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-cell { display: table-cell !important; }
  .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media (min-width: 1600px) { .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }

.flex-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

.flex-last { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.flex-unordered { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }

.flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }

.flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }

.flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }

.flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }

.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }

.flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }

.flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }

.justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }

.justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }

.justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }

.justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }

.justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }

.align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }

.align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }

.align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }

.align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }

.align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }

.align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }

.align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }

.align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; }

.align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }

.align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }

.align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }

.align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }

.align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }

.align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }

.align-self-center { -ms-flex-item-align: center !important; align-self: center !important; }

.align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }

.align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; }

@media (min-width: 576px) { .flex-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .flex-sm-last { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .flex-sm-unordered { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
  .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
  .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }

@media (min-width: 1200px) { .flex-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .flex-md-last { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .flex-md-unordered { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
  .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
  .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }

@media (min-width: 1460px) { .flex-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .flex-lg-last { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .flex-lg-unordered { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
  .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
  .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }

@media (min-width: 1600px) { .flex-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .flex-xl-last { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .flex-xl-unordered { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
  .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
  .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }

.hidden-xs-up { display: none !important; }

@media (max-width: 575px) { .hidden-xs-down { display: none !important; } }

@media (min-width: 576px) { .hidden-sm-up { display: none !important; } }

@media (max-width: 1199px) { .hidden-sm-down { display: none !important; } }

@media (min-width: 1200px) { .hidden-md-up { display: none !important; } }

@media (max-width: 1459px) { .hidden-md-down { display: none !important; } }

@media (min-width: 1460px) { .hidden-lg-up { display: none !important; } }

@media (max-width: 1599px) { .hidden-lg-down { display: none !important; } }

@media (min-width: 1600px) { .hidden-xl-up { display: none !important; } }

.hidden-xl-down { display: none !important; }

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

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

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

@media (min-width: 576px) { .float-sm-left { float: left !important; }
  .float-sm-right { float: right !important; }
  .float-sm-none { float: none !important; } }

@media (min-width: 1200px) { .float-md-left { float: left !important; }
  .float-md-right { float: right !important; }
  .float-md-none { float: none !important; } }

@media (min-width: 1460px) { .float-lg-left { float: left !important; }
  .float-lg-right { float: right !important; }
  .float-lg-none { float: none !important; } }

@media (min-width: 1600px) { .float-xl-left { float: left !important; }
  .float-xl-right { float: right !important; }
  .float-xl-none { float: none !important; } }

.m-0 { margin: 0 0 !important; }

.mt-0 { margin-top: 0 !important; }

.mr-0 { margin-right: 0 !important; }

.mb-0 { margin-bottom: 0 !important; }

.ml-0 { margin-left: 0 !important; }

.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }

.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }

.m-05 { margin: 0.5rem 0.5rem !important; }

.mt-05 { margin-top: 0.5rem !important; }

.mr-05 { margin-right: 0.5rem !important; }

.mb-05 { margin-bottom: 0.5rem !important; }

.ml-05 { margin-left: 0.5rem !important; }

.mx-05 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }

.my-05 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }

.m-1 { margin: 1rem 1rem !important; }

.mt-1 { margin-top: 1rem !important; }

.mr-1 { margin-right: 1rem !important; }

.mb-1 { margin-bottom: 1rem !important; }

.ml-1 { margin-left: 1rem !important; }

.mx-1 { margin-right: 1rem !important; margin-left: 1rem !important; }

.my-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; }

.m-2 { margin: 2rem 2rem !important; }

.mt-2 { margin-top: 2rem !important; }

.mr-2 { margin-right: 2rem !important; }

.mb-2 { margin-bottom: 2rem !important; }

.ml-2 { margin-left: 2rem !important; }

.mx-2 { margin-right: 2rem !important; margin-left: 2rem !important; }

.my-2 { margin-top: 2rem !important; margin-bottom: 2rem !important; }

.m-3 { margin: 3rem 3rem !important; }

.mt-3 { margin-top: 3rem !important; }

.mr-3 { margin-right: 3rem !important; }

.mb-3 { margin-bottom: 3rem !important; }

.ml-3 { margin-left: 3rem !important; }

.mx-3 { margin-right: 3rem !important; margin-left: 3rem !important; }

.my-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

.m-4 { margin: 4rem 4rem !important; }

.mt-4 { margin-top: 4rem !important; }

.mr-4 { margin-right: 4rem !important; }

.mb-4 { margin-bottom: 4rem !important; }

.ml-4 { margin-left: 4rem !important; }

.mx-4 { margin-right: 4rem !important; margin-left: 4rem !important; }

.my-4 { margin-top: 4rem !important; margin-bottom: 4rem !important; }

.m-5 { margin: 5rem 5rem !important; }

.mt-5 { margin-top: 5rem !important; }

.mr-5 { margin-right: 5rem !important; }

.mb-5 { margin-bottom: 5rem !important; }

.ml-5 { margin-left: 5rem !important; }

.mx-5 { margin-right: 5rem !important; margin-left: 5rem !important; }

.my-5 { margin-top: 5rem !important; margin-bottom: 5rem !important; }

.m-6 { margin: 6rem 6rem !important; }

.mt-6 { margin-top: 6rem !important; }

.mr-6 { margin-right: 6rem !important; }

.mb-6 { margin-bottom: 6rem !important; }

.ml-6 { margin-left: 6rem !important; }

.mx-6 { margin-right: 6rem !important; margin-left: 6rem !important; }

.my-6 { margin-top: 6rem !important; margin-bottom: 6rem !important; }

.m-7 { margin: 7rem 7rem !important; }

.mt-7 { margin-top: 7rem !important; }

.mr-7 { margin-right: 7rem !important; }

.mb-7 { margin-bottom: 7rem !important; }

.ml-7 { margin-left: 7rem !important; }

.mx-7 { margin-right: 7rem !important; margin-left: 7rem !important; }

.my-7 { margin-top: 7rem !important; margin-bottom: 7rem !important; }

.m-8 { margin: 8rem 8rem !important; }

.mt-8 { margin-top: 8rem !important; }

.mr-8 { margin-right: 8rem !important; }

.mb-8 { margin-bottom: 8rem !important; }

.ml-8 { margin-left: 8rem !important; }

.mx-8 { margin-right: 8rem !important; margin-left: 8rem !important; }

.my-8 { margin-top: 8rem !important; margin-bottom: 8rem !important; }

.m-9 { margin: 9rem 9rem !important; }

.mt-9 { margin-top: 9rem !important; }

.mr-9 { margin-right: 9rem !important; }

.mb-9 { margin-bottom: 9rem !important; }

.ml-9 { margin-left: 9rem !important; }

.mx-9 { margin-right: 9rem !important; margin-left: 9rem !important; }

.my-9 { margin-top: 9rem !important; margin-bottom: 9rem !important; }

.p-0 { padding: 0 0 !important; }

.pt-0 { padding-top: 0 !important; }

.pr-0 { padding-right: 0 !important; }

.pb-0 { padding-bottom: 0 !important; }

.pl-0 { padding-left: 0 !important; }

.px-0 { padding-right: 0 !important; padding-left: 0 !important; }

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }

.p-05 { padding: 0.5rem 0.5rem !important; }

.pt-05 { padding-top: 0.5rem !important; }

.pr-05 { padding-right: 0.5rem !important; }

.pb-05 { padding-bottom: 0.5rem !important; }

.pl-05 { padding-left: 0.5rem !important; }

.px-05 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }

.py-05 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }

.p-1 { padding: 1rem 1rem !important; }

.pt-1 { padding-top: 1rem !important; }

.pr-1 { padding-right: 1rem !important; }

.pb-1 { padding-bottom: 1rem !important; }

.pl-1 { padding-left: 1rem !important; }

.px-1 { padding-right: 1rem !important; padding-left: 1rem !important; }

.py-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; }

.p-2 { padding: 2rem 2rem !important; }

.pt-2 { padding-top: 2rem !important; }

.pr-2 { padding-right: 2rem !important; }

.pb-2 { padding-bottom: 2rem !important; }

.pl-2 { padding-left: 2rem !important; }

.px-2 { padding-right: 2rem !important; padding-left: 2rem !important; }

.py-2 { padding-top: 2rem !important; padding-bottom: 2rem !important; }

.p-3 { padding: 3rem 3rem !important; }

.pt-3 { padding-top: 3rem !important; }

.pr-3 { padding-right: 3rem !important; }

.pb-3 { padding-bottom: 3rem !important; }

.pl-3 { padding-left: 3rem !important; }

.px-3 { padding-right: 3rem !important; padding-left: 3rem !important; }

.py-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

.p-4 { padding: 4rem 4rem !important; }

.pt-4 { padding-top: 4rem !important; }

.pr-4 { padding-right: 4rem !important; }

.pb-4 { padding-bottom: 4rem !important; }

.pl-4 { padding-left: 4rem !important; }

.px-4 { padding-right: 4rem !important; padding-left: 4rem !important; }

.py-4 { padding-top: 4rem !important; padding-bottom: 4rem !important; }

.p-5 { padding: 5rem 5rem !important; }

.pt-5 { padding-top: 5rem !important; }

.pr-5 { padding-right: 5rem !important; }

.pb-5 { padding-bottom: 5rem !important; }

.pl-5 { padding-left: 5rem !important; }

.px-5 { padding-right: 5rem !important; padding-left: 5rem !important; }

.py-5 { padding-top: 5rem !important; padding-bottom: 5rem !important; }

.p-6 { padding: 6rem 6rem !important; }

.pt-6 { padding-top: 6rem !important; }

.pr-6 { padding-right: 6rem !important; }

.pb-6 { padding-bottom: 6rem !important; }

.pl-6 { padding-left: 6rem !important; }

.px-6 { padding-right: 6rem !important; padding-left: 6rem !important; }

.py-6 { padding-top: 6rem !important; padding-bottom: 6rem !important; }

.p-7 { padding: 7rem 7rem !important; }

.pt-7 { padding-top: 7rem !important; }

.pr-7 { padding-right: 7rem !important; }

.pb-7 { padding-bottom: 7rem !important; }

.pl-7 { padding-left: 7rem !important; }

.px-7 { padding-right: 7rem !important; padding-left: 7rem !important; }

.py-7 { padding-top: 7rem !important; padding-bottom: 7rem !important; }

.p-8 { padding: 8rem 8rem !important; }

.pt-8 { padding-top: 8rem !important; }

.pr-8 { padding-right: 8rem !important; }

.pb-8 { padding-bottom: 8rem !important; }

.pl-8 { padding-left: 8rem !important; }

.px-8 { padding-right: 8rem !important; padding-left: 8rem !important; }

.py-8 { padding-top: 8rem !important; padding-bottom: 8rem !important; }

.p-9 { padding: 9rem 9rem !important; }

.pt-9 { padding-top: 9rem !important; }

.pr-9 { padding-right: 9rem !important; }

.pb-9 { padding-bottom: 9rem !important; }

.pl-9 { padding-left: 9rem !important; }

.px-9 { padding-right: 9rem !important; padding-left: 9rem !important; }

.py-9 { padding-top: 9rem !important; padding-bottom: 9rem !important; }

.m-auto { margin: auto !important; }

.mt-auto { margin-top: auto !important; }

.mr-auto { margin-right: auto !important; }

.mb-auto { margin-bottom: auto !important; }

.ml-auto { margin-left: auto !important; }

.mx-auto { margin-right: auto !important; margin-left: auto !important; }

.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

@media (min-width: 576px) { .m-sm-0 { margin: 0 0 !important; }
  .mt-sm-0 { margin-top: 0 !important; }
  .mr-sm-0 { margin-right: 0 !important; }
  .mb-sm-0 { margin-bottom: 0 !important; }
  .ml-sm-0 { margin-left: 0 !important; }
  .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; }
  .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .m-sm-05 { margin: 0.5rem 0.5rem !important; }
  .mt-sm-05 { margin-top: 0.5rem !important; }
  .mr-sm-05 { margin-right: 0.5rem !important; }
  .mb-sm-05 { margin-bottom: 0.5rem !important; }
  .ml-sm-05 { margin-left: 0.5rem !important; }
  .mx-sm-05 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
  .my-sm-05 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .m-sm-1 { margin: 1rem 1rem !important; }
  .mt-sm-1 { margin-top: 1rem !important; }
  .mr-sm-1 { margin-right: 1rem !important; }
  .mb-sm-1 { margin-bottom: 1rem !important; }
  .ml-sm-1 { margin-left: 1rem !important; }
  .mx-sm-1 { margin-right: 1rem !important; margin-left: 1rem !important; }
  .my-sm-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .m-sm-2 { margin: 2rem 2rem !important; }
  .mt-sm-2 { margin-top: 2rem !important; }
  .mr-sm-2 { margin-right: 2rem !important; }
  .mb-sm-2 { margin-bottom: 2rem !important; }
  .ml-sm-2 { margin-left: 2rem !important; }
  .mx-sm-2 { margin-right: 2rem !important; margin-left: 2rem !important; }
  .my-sm-2 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .m-sm-3 { margin: 3rem 3rem !important; }
  .mt-sm-3 { margin-top: 3rem !important; }
  .mr-sm-3 { margin-right: 3rem !important; }
  .mb-sm-3 { margin-bottom: 3rem !important; }
  .ml-sm-3 { margin-left: 3rem !important; }
  .mx-sm-3 { margin-right: 3rem !important; margin-left: 3rem !important; }
  .my-sm-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .m-sm-4 { margin: 4rem 4rem !important; }
  .mt-sm-4 { margin-top: 4rem !important; }
  .mr-sm-4 { margin-right: 4rem !important; }
  .mb-sm-4 { margin-bottom: 4rem !important; }
  .ml-sm-4 { margin-left: 4rem !important; }
  .mx-sm-4 { margin-right: 4rem !important; margin-left: 4rem !important; }
  .my-sm-4 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .m-sm-5 { margin: 5rem 5rem !important; }
  .mt-sm-5 { margin-top: 5rem !important; }
  .mr-sm-5 { margin-right: 5rem !important; }
  .mb-sm-5 { margin-bottom: 5rem !important; }
  .ml-sm-5 { margin-left: 5rem !important; }
  .mx-sm-5 { margin-right: 5rem !important; margin-left: 5rem !important; }
  .my-sm-5 { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .m-sm-6 { margin: 6rem 6rem !important; }
  .mt-sm-6 { margin-top: 6rem !important; }
  .mr-sm-6 { margin-right: 6rem !important; }
  .mb-sm-6 { margin-bottom: 6rem !important; }
  .ml-sm-6 { margin-left: 6rem !important; }
  .mx-sm-6 { margin-right: 6rem !important; margin-left: 6rem !important; }
  .my-sm-6 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  .m-sm-7 { margin: 7rem 7rem !important; }
  .mt-sm-7 { margin-top: 7rem !important; }
  .mr-sm-7 { margin-right: 7rem !important; }
  .mb-sm-7 { margin-bottom: 7rem !important; }
  .ml-sm-7 { margin-left: 7rem !important; }
  .mx-sm-7 { margin-right: 7rem !important; margin-left: 7rem !important; }
  .my-sm-7 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
  .m-sm-8 { margin: 8rem 8rem !important; }
  .mt-sm-8 { margin-top: 8rem !important; }
  .mr-sm-8 { margin-right: 8rem !important; }
  .mb-sm-8 { margin-bottom: 8rem !important; }
  .ml-sm-8 { margin-left: 8rem !important; }
  .mx-sm-8 { margin-right: 8rem !important; margin-left: 8rem !important; }
  .my-sm-8 { margin-top: 8rem !important; margin-bottom: 8rem !important; }
  .m-sm-9 { margin: 9rem 9rem !important; }
  .mt-sm-9 { margin-top: 9rem !important; }
  .mr-sm-9 { margin-right: 9rem !important; }
  .mb-sm-9 { margin-bottom: 9rem !important; }
  .ml-sm-9 { margin-left: 9rem !important; }
  .mx-sm-9 { margin-right: 9rem !important; margin-left: 9rem !important; }
  .my-sm-9 { margin-top: 9rem !important; margin-bottom: 9rem !important; }
  .p-sm-0 { padding: 0 0 !important; }
  .pt-sm-0 { padding-top: 0 !important; }
  .pr-sm-0 { padding-right: 0 !important; }
  .pb-sm-0 { padding-bottom: 0 !important; }
  .pl-sm-0 { padding-left: 0 !important; }
  .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; }
  .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .p-sm-05 { padding: 0.5rem 0.5rem !important; }
  .pt-sm-05 { padding-top: 0.5rem !important; }
  .pr-sm-05 { padding-right: 0.5rem !important; }
  .pb-sm-05 { padding-bottom: 0.5rem !important; }
  .pl-sm-05 { padding-left: 0.5rem !important; }
  .px-sm-05 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
  .py-sm-05 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .p-sm-1 { padding: 1rem 1rem !important; }
  .pt-sm-1 { padding-top: 1rem !important; }
  .pr-sm-1 { padding-right: 1rem !important; }
  .pb-sm-1 { padding-bottom: 1rem !important; }
  .pl-sm-1 { padding-left: 1rem !important; }
  .px-sm-1 { padding-right: 1rem !important; padding-left: 1rem !important; }
  .py-sm-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .p-sm-2 { padding: 2rem 2rem !important; }
  .pt-sm-2 { padding-top: 2rem !important; }
  .pr-sm-2 { padding-right: 2rem !important; }
  .pb-sm-2 { padding-bottom: 2rem !important; }
  .pl-sm-2 { padding-left: 2rem !important; }
  .px-sm-2 { padding-right: 2rem !important; padding-left: 2rem !important; }
  .py-sm-2 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .p-sm-3 { padding: 3rem 3rem !important; }
  .pt-sm-3 { padding-top: 3rem !important; }
  .pr-sm-3 { padding-right: 3rem !important; }
  .pb-sm-3 { padding-bottom: 3rem !important; }
  .pl-sm-3 { padding-left: 3rem !important; }
  .px-sm-3 { padding-right: 3rem !important; padding-left: 3rem !important; }
  .py-sm-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .p-sm-4 { padding: 4rem 4rem !important; }
  .pt-sm-4 { padding-top: 4rem !important; }
  .pr-sm-4 { padding-right: 4rem !important; }
  .pb-sm-4 { padding-bottom: 4rem !important; }
  .pl-sm-4 { padding-left: 4rem !important; }
  .px-sm-4 { padding-right: 4rem !important; padding-left: 4rem !important; }
  .py-sm-4 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
  .p-sm-5 { padding: 5rem 5rem !important; }
  .pt-sm-5 { padding-top: 5rem !important; }
  .pr-sm-5 { padding-right: 5rem !important; }
  .pb-sm-5 { padding-bottom: 5rem !important; }
  .pl-sm-5 { padding-left: 5rem !important; }
  .px-sm-5 { padding-right: 5rem !important; padding-left: 5rem !important; }
  .py-sm-5 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
  .p-sm-6 { padding: 6rem 6rem !important; }
  .pt-sm-6 { padding-top: 6rem !important; }
  .pr-sm-6 { padding-right: 6rem !important; }
  .pb-sm-6 { padding-bottom: 6rem !important; }
  .pl-sm-6 { padding-left: 6rem !important; }
  .px-sm-6 { padding-right: 6rem !important; padding-left: 6rem !important; }
  .py-sm-6 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
  .p-sm-7 { padding: 7rem 7rem !important; }
  .pt-sm-7 { padding-top: 7rem !important; }
  .pr-sm-7 { padding-right: 7rem !important; }
  .pb-sm-7 { padding-bottom: 7rem !important; }
  .pl-sm-7 { padding-left: 7rem !important; }
  .px-sm-7 { padding-right: 7rem !important; padding-left: 7rem !important; }
  .py-sm-7 { padding-top: 7rem !important; padding-bottom: 7rem !important; }
  .p-sm-8 { padding: 8rem 8rem !important; }
  .pt-sm-8 { padding-top: 8rem !important; }
  .pr-sm-8 { padding-right: 8rem !important; }
  .pb-sm-8 { padding-bottom: 8rem !important; }
  .pl-sm-8 { padding-left: 8rem !important; }
  .px-sm-8 { padding-right: 8rem !important; padding-left: 8rem !important; }
  .py-sm-8 { padding-top: 8rem !important; padding-bottom: 8rem !important; }
  .p-sm-9 { padding: 9rem 9rem !important; }
  .pt-sm-9 { padding-top: 9rem !important; }
  .pr-sm-9 { padding-right: 9rem !important; }
  .pb-sm-9 { padding-bottom: 9rem !important; }
  .pl-sm-9 { padding-left: 9rem !important; }
  .px-sm-9 { padding-right: 9rem !important; padding-left: 9rem !important; }
  .py-sm-9 { padding-top: 9rem !important; padding-bottom: 9rem !important; }
  .m-sm-auto { margin: auto !important; }
  .mt-sm-auto { margin-top: auto !important; }
  .mr-sm-auto { margin-right: auto !important; }
  .mb-sm-auto { margin-bottom: auto !important; }
  .ml-sm-auto { margin-left: auto !important; }
  .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; }
  .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } }

@media (min-width: 1200px) { .m-md-0 { margin: 0 0 !important; }
  .mt-md-0 { margin-top: 0 !important; }
  .mr-md-0 { margin-right: 0 !important; }
  .mb-md-0 { margin-bottom: 0 !important; }
  .ml-md-0 { margin-left: 0 !important; }
  .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; }
  .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .m-md-05 { margin: 0.5rem 0.5rem !important; }
  .mt-md-05 { margin-top: 0.5rem !important; }
  .mr-md-05 { margin-right: 0.5rem !important; }
  .mb-md-05 { margin-bottom: 0.5rem !important; }
  .ml-md-05 { margin-left: 0.5rem !important; }
  .mx-md-05 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
  .my-md-05 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .m-md-1 { margin: 1rem 1rem !important; }
  .mt-md-1 { margin-top: 1rem !important; }
  .mr-md-1 { margin-right: 1rem !important; }
  .mb-md-1 { margin-bottom: 1rem !important; }
  .ml-md-1 { margin-left: 1rem !important; }
  .mx-md-1 { margin-right: 1rem !important; margin-left: 1rem !important; }
  .my-md-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .m-md-2 { margin: 2rem 2rem !important; }
  .mt-md-2 { margin-top: 2rem !important; }
  .mr-md-2 { margin-right: 2rem !important; }
  .mb-md-2 { margin-bottom: 2rem !important; }
  .ml-md-2 { margin-left: 2rem !important; }
  .mx-md-2 { margin-right: 2rem !important; margin-left: 2rem !important; }
  .my-md-2 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .m-md-3 { margin: 3rem 3rem !important; }
  .mt-md-3 { margin-top: 3rem !important; }
  .mr-md-3 { margin-right: 3rem !important; }
  .mb-md-3 { margin-bottom: 3rem !important; }
  .ml-md-3 { margin-left: 3rem !important; }
  .mx-md-3 { margin-right: 3rem !important; margin-left: 3rem !important; }
  .my-md-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .m-md-4 { margin: 4rem 4rem !important; }
  .mt-md-4 { margin-top: 4rem !important; }
  .mr-md-4 { margin-right: 4rem !important; }
  .mb-md-4 { margin-bottom: 4rem !important; }
  .ml-md-4 { margin-left: 4rem !important; }
  .mx-md-4 { margin-right: 4rem !important; margin-left: 4rem !important; }
  .my-md-4 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .m-md-5 { margin: 5rem 5rem !important; }
  .mt-md-5 { margin-top: 5rem !important; }
  .mr-md-5 { margin-right: 5rem !important; }
  .mb-md-5 { margin-bottom: 5rem !important; }
  .ml-md-5 { margin-left: 5rem !important; }
  .mx-md-5 { margin-right: 5rem !important; margin-left: 5rem !important; }
  .my-md-5 { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .m-md-6 { margin: 6rem 6rem !important; }
  .mt-md-6 { margin-top: 6rem !important; }
  .mr-md-6 { margin-right: 6rem !important; }
  .mb-md-6 { margin-bottom: 6rem !important; }
  .ml-md-6 { margin-left: 6rem !important; }
  .mx-md-6 { margin-right: 6rem !important; margin-left: 6rem !important; }
  .my-md-6 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  .m-md-7 { margin: 7rem 7rem !important; }
  .mt-md-7 { margin-top: 7rem !important; }
  .mr-md-7 { margin-right: 7rem !important; }
  .mb-md-7 { margin-bottom: 7rem !important; }
  .ml-md-7 { margin-left: 7rem !important; }
  .mx-md-7 { margin-right: 7rem !important; margin-left: 7rem !important; }
  .my-md-7 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
  .m-md-8 { margin: 8rem 8rem !important; }
  .mt-md-8 { margin-top: 8rem !important; }
  .mr-md-8 { margin-right: 8rem !important; }
  .mb-md-8 { margin-bottom: 8rem !important; }
  .ml-md-8 { margin-left: 8rem !important; }
  .mx-md-8 { margin-right: 8rem !important; margin-left: 8rem !important; }
  .my-md-8 { margin-top: 8rem !important; margin-bottom: 8rem !important; }
  .m-md-9 { margin: 9rem 9rem !important; }
  .mt-md-9 { margin-top: 9rem !important; }
  .mr-md-9 { margin-right: 9rem !important; }
  .mb-md-9 { margin-bottom: 9rem !important; }
  .ml-md-9 { margin-left: 9rem !important; }
  .mx-md-9 { margin-right: 9rem !important; margin-left: 9rem !important; }
  .my-md-9 { margin-top: 9rem !important; margin-bottom: 9rem !important; }
  .p-md-0 { padding: 0 0 !important; }
  .pt-md-0 { padding-top: 0 !important; }
  .pr-md-0 { padding-right: 0 !important; }
  .pb-md-0 { padding-bottom: 0 !important; }
  .pl-md-0 { padding-left: 0 !important; }
  .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; }
  .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .p-md-05 { padding: 0.5rem 0.5rem !important; }
  .pt-md-05 { padding-top: 0.5rem !important; }
  .pr-md-05 { padding-right: 0.5rem !important; }
  .pb-md-05 { padding-bottom: 0.5rem !important; }
  .pl-md-05 { padding-left: 0.5rem !important; }
  .px-md-05 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
  .py-md-05 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .p-md-1 { padding: 1rem 1rem !important; }
  .pt-md-1 { padding-top: 1rem !important; }
  .pr-md-1 { padding-right: 1rem !important; }
  .pb-md-1 { padding-bottom: 1rem !important; }
  .pl-md-1 { padding-left: 1rem !important; }
  .px-md-1 { padding-right: 1rem !important; padding-left: 1rem !important; }
  .py-md-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .p-md-2 { padding: 2rem 2rem !important; }
  .pt-md-2 { padding-top: 2rem !important; }
  .pr-md-2 { padding-right: 2rem !important; }
  .pb-md-2 { padding-bottom: 2rem !important; }
  .pl-md-2 { padding-left: 2rem !important; }
  .px-md-2 { padding-right: 2rem !important; padding-left: 2rem !important; }
  .py-md-2 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .p-md-3 { padding: 3rem 3rem !important; }
  .pt-md-3 { padding-top: 3rem !important; }
  .pr-md-3 { padding-right: 3rem !important; }
  .pb-md-3 { padding-bottom: 3rem !important; }
  .pl-md-3 { padding-left: 3rem !important; }
  .px-md-3 { padding-right: 3rem !important; padding-left: 3rem !important; }
  .py-md-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .p-md-4 { padding: 4rem 4rem !important; }
  .pt-md-4 { padding-top: 4rem !important; }
  .pr-md-4 { padding-right: 4rem !important; }
  .pb-md-4 { padding-bottom: 4rem !important; }
  .pl-md-4 { padding-left: 4rem !important; }
  .px-md-4 { padding-right: 4rem !important; padding-left: 4rem !important; }
  .py-md-4 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
  .p-md-5 { padding: 5rem 5rem !important; }
  .pt-md-5 { padding-top: 5rem !important; }
  .pr-md-5 { padding-right: 5rem !important; }
  .pb-md-5 { padding-bottom: 5rem !important; }
  .pl-md-5 { padding-left: 5rem !important; }
  .px-md-5 { padding-right: 5rem !important; padding-left: 5rem !important; }
  .py-md-5 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
  .p-md-6 { padding: 6rem 6rem !important; }
  .pt-md-6 { padding-top: 6rem !important; }
  .pr-md-6 { padding-right: 6rem !important; }
  .pb-md-6 { padding-bottom: 6rem !important; }
  .pl-md-6 { padding-left: 6rem !important; }
  .px-md-6 { padding-right: 6rem !important; padding-left: 6rem !important; }
  .py-md-6 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
  .p-md-7 { padding: 7rem 7rem !important; }
  .pt-md-7 { padding-top: 7rem !important; }
  .pr-md-7 { padding-right: 7rem !important; }
  .pb-md-7 { padding-bottom: 7rem !important; }
  .pl-md-7 { padding-left: 7rem !important; }
  .px-md-7 { padding-right: 7rem !important; padding-left: 7rem !important; }
  .py-md-7 { padding-top: 7rem !important; padding-bottom: 7rem !important; }
  .p-md-8 { padding: 8rem 8rem !important; }
  .pt-md-8 { padding-top: 8rem !important; }
  .pr-md-8 { padding-right: 8rem !important; }
  .pb-md-8 { padding-bottom: 8rem !important; }
  .pl-md-8 { padding-left: 8rem !important; }
  .px-md-8 { padding-right: 8rem !important; padding-left: 8rem !important; }
  .py-md-8 { padding-top: 8rem !important; padding-bottom: 8rem !important; }
  .p-md-9 { padding: 9rem 9rem !important; }
  .pt-md-9 { padding-top: 9rem !important; }
  .pr-md-9 { padding-right: 9rem !important; }
  .pb-md-9 { padding-bottom: 9rem !important; }
  .pl-md-9 { padding-left: 9rem !important; }
  .px-md-9 { padding-right: 9rem !important; padding-left: 9rem !important; }
  .py-md-9 { padding-top: 9rem !important; padding-bottom: 9rem !important; }
  .m-md-auto { margin: auto !important; }
  .mt-md-auto { margin-top: auto !important; }
  .mr-md-auto { margin-right: auto !important; }
  .mb-md-auto { margin-bottom: auto !important; }
  .ml-md-auto { margin-left: auto !important; }
  .mx-md-auto { margin-right: auto !important; margin-left: auto !important; }
  .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } }

@media (min-width: 1460px) { .m-lg-0 { margin: 0 0 !important; }
  .mt-lg-0 { margin-top: 0 !important; }
  .mr-lg-0 { margin-right: 0 !important; }
  .mb-lg-0 { margin-bottom: 0 !important; }
  .ml-lg-0 { margin-left: 0 !important; }
  .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; }
  .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .m-lg-05 { margin: 0.5rem 0.5rem !important; }
  .mt-lg-05 { margin-top: 0.5rem !important; }
  .mr-lg-05 { margin-right: 0.5rem !important; }
  .mb-lg-05 { margin-bottom: 0.5rem !important; }
  .ml-lg-05 { margin-left: 0.5rem !important; }
  .mx-lg-05 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
  .my-lg-05 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .m-lg-1 { margin: 1rem 1rem !important; }
  .mt-lg-1 { margin-top: 1rem !important; }
  .mr-lg-1 { margin-right: 1rem !important; }
  .mb-lg-1 { margin-bottom: 1rem !important; }
  .ml-lg-1 { margin-left: 1rem !important; }
  .mx-lg-1 { margin-right: 1rem !important; margin-left: 1rem !important; }
  .my-lg-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .m-lg-2 { margin: 2rem 2rem !important; }
  .mt-lg-2 { margin-top: 2rem !important; }
  .mr-lg-2 { margin-right: 2rem !important; }
  .mb-lg-2 { margin-bottom: 2rem !important; }
  .ml-lg-2 { margin-left: 2rem !important; }
  .mx-lg-2 { margin-right: 2rem !important; margin-left: 2rem !important; }
  .my-lg-2 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .m-lg-3 { margin: 3rem 3rem !important; }
  .mt-lg-3 { margin-top: 3rem !important; }
  .mr-lg-3 { margin-right: 3rem !important; }
  .mb-lg-3 { margin-bottom: 3rem !important; }
  .ml-lg-3 { margin-left: 3rem !important; }
  .mx-lg-3 { margin-right: 3rem !important; margin-left: 3rem !important; }
  .my-lg-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .m-lg-4 { margin: 4rem 4rem !important; }
  .mt-lg-4 { margin-top: 4rem !important; }
  .mr-lg-4 { margin-right: 4rem !important; }
  .mb-lg-4 { margin-bottom: 4rem !important; }
  .ml-lg-4 { margin-left: 4rem !important; }
  .mx-lg-4 { margin-right: 4rem !important; margin-left: 4rem !important; }
  .my-lg-4 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .m-lg-5 { margin: 5rem 5rem !important; }
  .mt-lg-5 { margin-top: 5rem !important; }
  .mr-lg-5 { margin-right: 5rem !important; }
  .mb-lg-5 { margin-bottom: 5rem !important; }
  .ml-lg-5 { margin-left: 5rem !important; }
  .mx-lg-5 { margin-right: 5rem !important; margin-left: 5rem !important; }
  .my-lg-5 { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .m-lg-6 { margin: 6rem 6rem !important; }
  .mt-lg-6 { margin-top: 6rem !important; }
  .mr-lg-6 { margin-right: 6rem !important; }
  .mb-lg-6 { margin-bottom: 6rem !important; }
  .ml-lg-6 { margin-left: 6rem !important; }
  .mx-lg-6 { margin-right: 6rem !important; margin-left: 6rem !important; }
  .my-lg-6 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  .m-lg-7 { margin: 7rem 7rem !important; }
  .mt-lg-7 { margin-top: 7rem !important; }
  .mr-lg-7 { margin-right: 7rem !important; }
  .mb-lg-7 { margin-bottom: 7rem !important; }
  .ml-lg-7 { margin-left: 7rem !important; }
  .mx-lg-7 { margin-right: 7rem !important; margin-left: 7rem !important; }
  .my-lg-7 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
  .m-lg-8 { margin: 8rem 8rem !important; }
  .mt-lg-8 { margin-top: 8rem !important; }
  .mr-lg-8 { margin-right: 8rem !important; }
  .mb-lg-8 { margin-bottom: 8rem !important; }
  .ml-lg-8 { margin-left: 8rem !important; }
  .mx-lg-8 { margin-right: 8rem !important; margin-left: 8rem !important; }
  .my-lg-8 { margin-top: 8rem !important; margin-bottom: 8rem !important; }
  .m-lg-9 { margin: 9rem 9rem !important; }
  .mt-lg-9 { margin-top: 9rem !important; }
  .mr-lg-9 { margin-right: 9rem !important; }
  .mb-lg-9 { margin-bottom: 9rem !important; }
  .ml-lg-9 { margin-left: 9rem !important; }
  .mx-lg-9 { margin-right: 9rem !important; margin-left: 9rem !important; }
  .my-lg-9 { margin-top: 9rem !important; margin-bottom: 9rem !important; }
  .p-lg-0 { padding: 0 0 !important; }
  .pt-lg-0 { padding-top: 0 !important; }
  .pr-lg-0 { padding-right: 0 !important; }
  .pb-lg-0 { padding-bottom: 0 !important; }
  .pl-lg-0 { padding-left: 0 !important; }
  .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; }
  .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .p-lg-05 { padding: 0.5rem 0.5rem !important; }
  .pt-lg-05 { padding-top: 0.5rem !important; }
  .pr-lg-05 { padding-right: 0.5rem !important; }
  .pb-lg-05 { padding-bottom: 0.5rem !important; }
  .pl-lg-05 { padding-left: 0.5rem !important; }
  .px-lg-05 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
  .py-lg-05 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .p-lg-1 { padding: 1rem 1rem !important; }
  .pt-lg-1 { padding-top: 1rem !important; }
  .pr-lg-1 { padding-right: 1rem !important; }
  .pb-lg-1 { padding-bottom: 1rem !important; }
  .pl-lg-1 { padding-left: 1rem !important; }
  .px-lg-1 { padding-right: 1rem !important; padding-left: 1rem !important; }
  .py-lg-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .p-lg-2 { padding: 2rem 2rem !important; }
  .pt-lg-2 { padding-top: 2rem !important; }
  .pr-lg-2 { padding-right: 2rem !important; }
  .pb-lg-2 { padding-bottom: 2rem !important; }
  .pl-lg-2 { padding-left: 2rem !important; }
  .px-lg-2 { padding-right: 2rem !important; padding-left: 2rem !important; }
  .py-lg-2 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .p-lg-3 { padding: 3rem 3rem !important; }
  .pt-lg-3 { padding-top: 3rem !important; }
  .pr-lg-3 { padding-right: 3rem !important; }
  .pb-lg-3 { padding-bottom: 3rem !important; }
  .pl-lg-3 { padding-left: 3rem !important; }
  .px-lg-3 { padding-right: 3rem !important; padding-left: 3rem !important; }
  .py-lg-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .p-lg-4 { padding: 4rem 4rem !important; }
  .pt-lg-4 { padding-top: 4rem !important; }
  .pr-lg-4 { padding-right: 4rem !important; }
  .pb-lg-4 { padding-bottom: 4rem !important; }
  .pl-lg-4 { padding-left: 4rem !important; }
  .px-lg-4 { padding-right: 4rem !important; padding-left: 4rem !important; }
  .py-lg-4 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
  .p-lg-5 { padding: 5rem 5rem !important; }
  .pt-lg-5 { padding-top: 5rem !important; }
  .pr-lg-5 { padding-right: 5rem !important; }
  .pb-lg-5 { padding-bottom: 5rem !important; }
  .pl-lg-5 { padding-left: 5rem !important; }
  .px-lg-5 { padding-right: 5rem !important; padding-left: 5rem !important; }
  .py-lg-5 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
  .p-lg-6 { padding: 6rem 6rem !important; }
  .pt-lg-6 { padding-top: 6rem !important; }
  .pr-lg-6 { padding-right: 6rem !important; }
  .pb-lg-6 { padding-bottom: 6rem !important; }
  .pl-lg-6 { padding-left: 6rem !important; }
  .px-lg-6 { padding-right: 6rem !important; padding-left: 6rem !important; }
  .py-lg-6 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
  .p-lg-7 { padding: 7rem 7rem !important; }
  .pt-lg-7 { padding-top: 7rem !important; }
  .pr-lg-7 { padding-right: 7rem !important; }
  .pb-lg-7 { padding-bottom: 7rem !important; }
  .pl-lg-7 { padding-left: 7rem !important; }
  .px-lg-7 { padding-right: 7rem !important; padding-left: 7rem !important; }
  .py-lg-7 { padding-top: 7rem !important; padding-bottom: 7rem !important; }
  .p-lg-8 { padding: 8rem 8rem !important; }
  .pt-lg-8 { padding-top: 8rem !important; }
  .pr-lg-8 { padding-right: 8rem !important; }
  .pb-lg-8 { padding-bottom: 8rem !important; }
  .pl-lg-8 { padding-left: 8rem !important; }
  .px-lg-8 { padding-right: 8rem !important; padding-left: 8rem !important; }
  .py-lg-8 { padding-top: 8rem !important; padding-bottom: 8rem !important; }
  .p-lg-9 { padding: 9rem 9rem !important; }
  .pt-lg-9 { padding-top: 9rem !important; }
  .pr-lg-9 { padding-right: 9rem !important; }
  .pb-lg-9 { padding-bottom: 9rem !important; }
  .pl-lg-9 { padding-left: 9rem !important; }
  .px-lg-9 { padding-right: 9rem !important; padding-left: 9rem !important; }
  .py-lg-9 { padding-top: 9rem !important; padding-bottom: 9rem !important; }
  .m-lg-auto { margin: auto !important; }
  .mt-lg-auto { margin-top: auto !important; }
  .mr-lg-auto { margin-right: auto !important; }
  .mb-lg-auto { margin-bottom: auto !important; }
  .ml-lg-auto { margin-left: auto !important; }
  .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; }
  .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } }

@media (min-width: 1600px) { .m-xl-0 { margin: 0 0 !important; }
  .mt-xl-0 { margin-top: 0 !important; }
  .mr-xl-0 { margin-right: 0 !important; }
  .mb-xl-0 { margin-bottom: 0 !important; }
  .ml-xl-0 { margin-left: 0 !important; }
  .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; }
  .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .m-xl-05 { margin: 0.5rem 0.5rem !important; }
  .mt-xl-05 { margin-top: 0.5rem !important; }
  .mr-xl-05 { margin-right: 0.5rem !important; }
  .mb-xl-05 { margin-bottom: 0.5rem !important; }
  .ml-xl-05 { margin-left: 0.5rem !important; }
  .mx-xl-05 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
  .my-xl-05 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .m-xl-1 { margin: 1rem 1rem !important; }
  .mt-xl-1 { margin-top: 1rem !important; }
  .mr-xl-1 { margin-right: 1rem !important; }
  .mb-xl-1 { margin-bottom: 1rem !important; }
  .ml-xl-1 { margin-left: 1rem !important; }
  .mx-xl-1 { margin-right: 1rem !important; margin-left: 1rem !important; }
  .my-xl-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .m-xl-2 { margin: 2rem 2rem !important; }
  .mt-xl-2 { margin-top: 2rem !important; }
  .mr-xl-2 { margin-right: 2rem !important; }
  .mb-xl-2 { margin-bottom: 2rem !important; }
  .ml-xl-2 { margin-left: 2rem !important; }
  .mx-xl-2 { margin-right: 2rem !important; margin-left: 2rem !important; }
  .my-xl-2 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .m-xl-3 { margin: 3rem 3rem !important; }
  .mt-xl-3 { margin-top: 3rem !important; }
  .mr-xl-3 { margin-right: 3rem !important; }
  .mb-xl-3 { margin-bottom: 3rem !important; }
  .ml-xl-3 { margin-left: 3rem !important; }
  .mx-xl-3 { margin-right: 3rem !important; margin-left: 3rem !important; }
  .my-xl-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .m-xl-4 { margin: 4rem 4rem !important; }
  .mt-xl-4 { margin-top: 4rem !important; }
  .mr-xl-4 { margin-right: 4rem !important; }
  .mb-xl-4 { margin-bottom: 4rem !important; }
  .ml-xl-4 { margin-left: 4rem !important; }
  .mx-xl-4 { margin-right: 4rem !important; margin-left: 4rem !important; }
  .my-xl-4 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .m-xl-5 { margin: 5rem 5rem !important; }
  .mt-xl-5 { margin-top: 5rem !important; }
  .mr-xl-5 { margin-right: 5rem !important; }
  .mb-xl-5 { margin-bottom: 5rem !important; }
  .ml-xl-5 { margin-left: 5rem !important; }
  .mx-xl-5 { margin-right: 5rem !important; margin-left: 5rem !important; }
  .my-xl-5 { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .m-xl-6 { margin: 6rem 6rem !important; }
  .mt-xl-6 { margin-top: 6rem !important; }
  .mr-xl-6 { margin-right: 6rem !important; }
  .mb-xl-6 { margin-bottom: 6rem !important; }
  .ml-xl-6 { margin-left: 6rem !important; }
  .mx-xl-6 { margin-right: 6rem !important; margin-left: 6rem !important; }
  .my-xl-6 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  .m-xl-7 { margin: 7rem 7rem !important; }
  .mt-xl-7 { margin-top: 7rem !important; }
  .mr-xl-7 { margin-right: 7rem !important; }
  .mb-xl-7 { margin-bottom: 7rem !important; }
  .ml-xl-7 { margin-left: 7rem !important; }
  .mx-xl-7 { margin-right: 7rem !important; margin-left: 7rem !important; }
  .my-xl-7 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
  .m-xl-8 { margin: 8rem 8rem !important; }
  .mt-xl-8 { margin-top: 8rem !important; }
  .mr-xl-8 { margin-right: 8rem !important; }
  .mb-xl-8 { margin-bottom: 8rem !important; }
  .ml-xl-8 { margin-left: 8rem !important; }
  .mx-xl-8 { margin-right: 8rem !important; margin-left: 8rem !important; }
  .my-xl-8 { margin-top: 8rem !important; margin-bottom: 8rem !important; }
  .m-xl-9 { margin: 9rem 9rem !important; }
  .mt-xl-9 { margin-top: 9rem !important; }
  .mr-xl-9 { margin-right: 9rem !important; }
  .mb-xl-9 { margin-bottom: 9rem !important; }
  .ml-xl-9 { margin-left: 9rem !important; }
  .mx-xl-9 { margin-right: 9rem !important; margin-left: 9rem !important; }
  .my-xl-9 { margin-top: 9rem !important; margin-bottom: 9rem !important; }
  .p-xl-0 { padding: 0 0 !important; }
  .pt-xl-0 { padding-top: 0 !important; }
  .pr-xl-0 { padding-right: 0 !important; }
  .pb-xl-0 { padding-bottom: 0 !important; }
  .pl-xl-0 { padding-left: 0 !important; }
  .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; }
  .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .p-xl-05 { padding: 0.5rem 0.5rem !important; }
  .pt-xl-05 { padding-top: 0.5rem !important; }
  .pr-xl-05 { padding-right: 0.5rem !important; }
  .pb-xl-05 { padding-bottom: 0.5rem !important; }
  .pl-xl-05 { padding-left: 0.5rem !important; }
  .px-xl-05 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
  .py-xl-05 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .p-xl-1 { padding: 1rem 1rem !important; }
  .pt-xl-1 { padding-top: 1rem !important; }
  .pr-xl-1 { padding-right: 1rem !important; }
  .pb-xl-1 { padding-bottom: 1rem !important; }
  .pl-xl-1 { padding-left: 1rem !important; }
  .px-xl-1 { padding-right: 1rem !important; padding-left: 1rem !important; }
  .py-xl-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .p-xl-2 { padding: 2rem 2rem !important; }
  .pt-xl-2 { padding-top: 2rem !important; }
  .pr-xl-2 { padding-right: 2rem !important; }
  .pb-xl-2 { padding-bottom: 2rem !important; }
  .pl-xl-2 { padding-left: 2rem !important; }
  .px-xl-2 { padding-right: 2rem !important; padding-left: 2rem !important; }
  .py-xl-2 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .p-xl-3 { padding: 3rem 3rem !important; }
  .pt-xl-3 { padding-top: 3rem !important; }
  .pr-xl-3 { padding-right: 3rem !important; }
  .pb-xl-3 { padding-bottom: 3rem !important; }
  .pl-xl-3 { padding-left: 3rem !important; }
  .px-xl-3 { padding-right: 3rem !important; padding-left: 3rem !important; }
  .py-xl-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .p-xl-4 { padding: 4rem 4rem !important; }
  .pt-xl-4 { padding-top: 4rem !important; }
  .pr-xl-4 { padding-right: 4rem !important; }
  .pb-xl-4 { padding-bottom: 4rem !important; }
  .pl-xl-4 { padding-left: 4rem !important; }
  .px-xl-4 { padding-right: 4rem !important; padding-left: 4rem !important; }
  .py-xl-4 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
  .p-xl-5 { padding: 5rem 5rem !important; }
  .pt-xl-5 { padding-top: 5rem !important; }
  .pr-xl-5 { padding-right: 5rem !important; }
  .pb-xl-5 { padding-bottom: 5rem !important; }
  .pl-xl-5 { padding-left: 5rem !important; }
  .px-xl-5 { padding-right: 5rem !important; padding-left: 5rem !important; }
  .py-xl-5 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
  .p-xl-6 { padding: 6rem 6rem !important; }
  .pt-xl-6 { padding-top: 6rem !important; }
  .pr-xl-6 { padding-right: 6rem !important; }
  .pb-xl-6 { padding-bottom: 6rem !important; }
  .pl-xl-6 { padding-left: 6rem !important; }
  .px-xl-6 { padding-right: 6rem !important; padding-left: 6rem !important; }
  .py-xl-6 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
  .p-xl-7 { padding: 7rem 7rem !important; }
  .pt-xl-7 { padding-top: 7rem !important; }
  .pr-xl-7 { padding-right: 7rem !important; }
  .pb-xl-7 { padding-bottom: 7rem !important; }
  .pl-xl-7 { padding-left: 7rem !important; }
  .px-xl-7 { padding-right: 7rem !important; padding-left: 7rem !important; }
  .py-xl-7 { padding-top: 7rem !important; padding-bottom: 7rem !important; }
  .p-xl-8 { padding: 8rem 8rem !important; }
  .pt-xl-8 { padding-top: 8rem !important; }
  .pr-xl-8 { padding-right: 8rem !important; }
  .pb-xl-8 { padding-bottom: 8rem !important; }
  .pl-xl-8 { padding-left: 8rem !important; }
  .px-xl-8 { padding-right: 8rem !important; padding-left: 8rem !important; }
  .py-xl-8 { padding-top: 8rem !important; padding-bottom: 8rem !important; }
  .p-xl-9 { padding: 9rem 9rem !important; }
  .pt-xl-9 { padding-top: 9rem !important; }
  .pr-xl-9 { padding-right: 9rem !important; }
  .pb-xl-9 { padding-bottom: 9rem !important; }
  .pl-xl-9 { padding-left: 9rem !important; }
  .px-xl-9 { padding-right: 9rem !important; padding-left: 9rem !important; }
  .py-xl-9 { padding-top: 9rem !important; padding-bottom: 9rem !important; }
  .m-xl-auto { margin: auto !important; }
  .mt-xl-auto { margin-top: auto !important; }
  .mr-xl-auto { margin-right: auto !important; }
  .mb-xl-auto { margin-bottom: auto !important; }
  .ml-xl-auto { margin-left: auto !important; }
  .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; }
  .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } }

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

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

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

@media (min-width: 576px) { .text-sm-left { text-align: left !important; }
  .text-sm-right { text-align: right !important; }
  .text-sm-center { text-align: center !important; } }

@media (min-width: 1200px) { .text-md-left { text-align: left !important; }
  .text-md-right { text-align: right !important; }
  .text-md-center { text-align: center !important; } }

@media (min-width: 1460px) { .text-lg-left { text-align: left !important; }
  .text-lg-right { text-align: right !important; }
  .text-lg-center { text-align: center !important; } }

@media (min-width: 1600px) { .text-xl-left { text-align: left !important; }
  .text-xl-right { text-align: right !important; }
  .text-xl-center { text-align: center !important; } }

.text-lowercase { text-transform: lowercase !important; }

.text-uppercase { text-transform: uppercase !important; }

.text-capitalize { text-transform: capitalize !important; }

@font-face { font-family: 'Vectora LT Pro'; src: url("../fonts/VectoraLTPro-LightItalic.woff2") format("woff2"), url("../fonts/VectoraLTPro-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; }

@font-face { font-family: 'Vectora LT Pro'; src: url("../fonts/VectoraLTPro-BoldItalic.woff2") format("woff2"), url("../fonts/VectoraLTPro-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; }

@font-face { font-family: 'Vectora LT Pro-Roman'; src: url("../fonts/VectoraLTPro-Roman.woff2") format("woff2"), url("../fonts/VectoraLTPro-Roman.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Vectora LT Pro'; src: url("../fonts/VectoraLTPro-Italic.woff2") format("woff2"), url("../fonts/VectoraLTPro-Italic.woff") format("woff"); font-weight: normal; font-style: italic; }

@font-face { font-family: 'Vectora LT Pro'; src: url("../fonts/VectoraLTPro-BlackItalic.woff2") format("woff2"), url("../fonts/VectoraLTPro-BlackItalic.woff") format("woff"); font-weight: 800; font-style: italic; }

@font-face { font-family: 'Vectora LT Pro'; src: url("../fonts/VectoraLTPro-Black.woff2") format("woff2"), url("../fonts/VectoraLTPro-Black.woff") format("woff"); font-weight: 800; font-style: normal; }

@font-face { font-family: 'Vectora LT Pro'; src: url("../fonts/VectoraLTPro-Light.woff2") format("woff2"), url("../fonts/VectoraLTPro-Light.woff") format("woff"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Vectora LT Pro'; src: url("../fonts/VectoraLTPro-Bold.woff2") format("woff2"), url("../fonts/VectoraLTPro-Bold.woff") format("woff"); font-weight: bold; font-style: normal; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; /* 10px = 1rem! */ -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body { font-size: 16px; /* px fallback */ font-size: 1.6rem; /* default font-size for document */ line-height: 1.44; font-family: "Vectora LT Pro", sans-serif; color: #000; background-color: #fafafa; }

main { margin-top: 70px; }

@media (min-width: 1200px) { main { margin-top: 79px; } }

ul { margin: 0; padding: 0; list-style: none; }

img { display: inline-block; vertical-align: middle; }

svg { display: inline-block; vertical-align: middle; fill: currentColor; }

i { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0); will-change: transform; }

b, strong { font-weight: bold; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; }

a { text-decoration: none; color: #00aff5; }

a:focus { outline: none; }

p { margin: 0; }

.container--lifted { position: relative; border-radius: 3px; background-color: #fafafa; }

@media (min-width: 1200px) { .container--lifted { padding-top: 20px; margin-top: -50px; } }

@media (min-width: 1200px) { .cltop { padding-top: 50px; } }

.icon { display: inline-block; vertical-align: middle; background-size: cover; background-position: center; width: 32px; height: 32px; }

.img-responsive { max-width: 100%; height: auto; }

input[type=text], input[type=email], input[type=password], input[type=search], input[type=tel], textarea { -webkit-appearance: none; }

form ::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #9b9b9b; opacity: 1; /* Firefox */ }

form :-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #9b9b9b; opacity: 1; /* Firefox */ }

form ::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #9b9b9b; opacity: 1; /* Firefox */ }

form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #9b9b9b; opacity: 1; /* Firefox */ }

form :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #9b9b9b; }

form ::-ms-input-placeholder { /* Microsoft Edge */ color: #9b9b9b; }

label { display: inline-block; margin-bottom: 6px; font-size: 12px; color: #938b8b; font-weight: bold; }

@media (min-width: 1200px) { label { font-size: 14px; } }

label.required::after { content: "*"; color: #d52749; }

input, textarea, select { display: block; width: 100%; position: relative; padding: 10px 12px; border-radius: 3px; margin: 0; outline: 0; background-color: #fff; border: solid 1px #e0e0e0; color: #9b9b9b; margin-bottom: 5px; }

input:disabled, textarea:disabled, select:disabled { cursor: not-allowed; background-color: #e9ecef; opacity: 1; }

input.invalid, textarea.invalid, select.invalid { border-color: #d52749; }

select { background-image: -webkit-linear-gradient(45deg, transparent 50%, #bcbcbc 50%), -webkit-linear-gradient(315deg, #bcbcbc 50%, transparent 50%); background-image: linear-gradient(45deg, transparent 50%, #bcbcbc 50%), linear-gradient(135deg, #bcbcbc 50%, transparent 50%); background-position: -webkit-calc(100% - 19px) 50%, -webkit-calc(100% - 15px) 50%; background-position: calc(100% - 19px) 50%, calc(100% - 15px) 50%; background-size: 6px 7px,6px 7px; background-repeat: no-repeat; padding-right: 36px; /* reset */ -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; }

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

select::-ms-value { background: none; /* remove blue background on ie10/ie11 when selected*/ color: #bcbcbc; }

option:disabled { color: #cbcbcb; }

input[type=checkbox], input[type=radio] { display: inline-block; width: auto; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.h-100 { height: 100%; }

.w-100 { width: 100%; }

.color-bg-01 { background-color: #70bb3f; }

.color-bg-02 { background-color: #00aff5; }

.color-bg-03 { background-color: #8172b4; }

.color-bg-04 { background-color: #d52749; }

.color-bg-05 { background-color: #e9803a; }

.color-bg-06 { background-color: #f59c9e; }

.color-bg-gray-01 { background-color: #cbcbcb; }

.color-bg-gray-02 { background-color: #bcbcbc; }

.color-bg-gray-03 { background-color: #938b8b; }

.color-bg-gray-04 { background-color: #9b9b9b; }

.color-bg-gray-05 { background-color: #f5f5f5; }

.bg-gradient-light { background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff00), to(#fff)); background-image: -webkit-linear-gradient(top, #ffffff00, #fff); background-image: linear-gradient(to bottom, #ffffff00, #fff); }

.color-01 { color: #70bb3f; }

.color-02 { color: #00aff5; }

.color-03 { color: #8172b4; }

.color-04 { color: #d52749; }

.color-05 { color: #e9803a; }

.color-06 { color: #f59c9e; }

.color-gray-01 { color: #5d5d62; }

.color-gray-02 { color: #9b9b9b; }

.color-gray-04 { color: #cbcbcb; }

@-webkit-keyframes pulse_animation { 0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes pulse_animation { 0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

.icon-heart, .icon-heart-transparent { width: 34px; height: 29px; position: absolute; z-index: 10; }

@media (min-width: 1200px) { .icon-heart-transparent:hover { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2079.78%2068.16%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22heart-a%22%20x1%3D%2262.12%22%20y1%3D%2211.23%22%20x2%3D%2249.13%22%20y2%3D%2245.22%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%236c6e70%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20style%3D%22isolation%3Aisolate%22%3E%3Cpath%20d%3D%22M66.21%2034.63l-.22-.2-26.1-26.12-1.38-1.39c-8.4-8.4-22.11-9.44-31-1.55a22.2%2022.2%200%200%200-1%2032.33l28.38%2028.39a7.08%207.08%200%200%200%2010%200L73.28%2037.7a22.3%2022.3%200%200%200%202.67-3.23%207.06%207.06%200%200%201-9.74.16z%22%20fill%3D%22%2372bf44%22%2F%3E%3Cpath%20d%3D%22M72.28%205.37c-8.89-7.88-22.6-6.85-31%201.55l-1.39%201.39L66%2034.43l.2.2a7.06%207.06%200%200%200%209.74-.16%2022.2%2022.2%200%200%200-3.66-29.1z%22%20fill%3D%22%2300aeef%22%2F%3E%3Cpath%20d%3D%22M72.28%205.37c-8.89-7.88-22.6-6.85-31%201.55l-1.39%201.39L66%2034.43l.2.2a7.06%207.06%200%200%200%209.74-.16%2022.2%2022.2%200%200%200-3.66-29.1z%22%20style%3D%22mix-blend-mode%3Amultiply%22%20fill%3D%22url%28%23heart-a%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } }

.js-favorite { cursor: pointer; }

.js-favorite.favorited { -webkit-animation-name: pulse_animation; animation-name: pulse_animation; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-transform-origin: 70% 70%; -ms-transform-origin: 70% 70%; transform-origin: 70% 70%; -webkit-animation-timing-function: linear; animation-timing-function: linear; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2079.78%2068.16%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22heart-a%22%20x1%3D%2262.12%22%20y1%3D%2211.23%22%20x2%3D%2249.13%22%20y2%3D%2245.22%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%236c6e70%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20style%3D%22isolation%3Aisolate%22%3E%3Cpath%20d%3D%22M66.21%2034.63l-.22-.2-26.1-26.12-1.38-1.39c-8.4-8.4-22.11-9.44-31-1.55a22.2%2022.2%200%200%200-1%2032.33l28.38%2028.39a7.08%207.08%200%200%200%2010%200L73.28%2037.7a22.3%2022.3%200%200%200%202.67-3.23%207.06%207.06%200%200%201-9.74.16z%22%20fill%3D%22%2372bf44%22%2F%3E%3Cpath%20d%3D%22M72.28%205.37c-8.89-7.88-22.6-6.85-31%201.55l-1.39%201.39L66%2034.43l.2.2a7.06%207.06%200%200%200%209.74-.16%2022.2%2022.2%200%200%200-3.66-29.1z%22%20fill%3D%22%2300aeef%22%2F%3E%3Cpath%20d%3D%22M72.28%205.37c-8.89-7.88-22.6-6.85-31%201.55l-1.39%201.39L66%2034.43l.2.2a7.06%207.06%200%200%200%209.74-.16%2022.2%2022.2%200%200%200-3.66-29.1z%22%20style%3D%22mix-blend-mode%3Amultiply%22%20fill%3D%22url%28%23heart-a%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@media (min-width: 1200px) { .quote-box { display: block; padding-top: 24px; padding-left: 19px; padding-right: 24px; padding-bottom: 14px; background-color: #fff; max-width: 300px; border-radius: 6px; }
  .quote-box .quote-info { margin-top: 21px; position: relative; font-size: 12px; }
  .quote-box .quote-info .quote-name::before, .quote-box .quote-info .quote-location::before { content: ""; display: inline-block; background-repeat: no-repeat; vertical-align: middle; }
  .quote-box .quote-info .quote-name { margin-right: 22px; }
  .quote-box .quote-info .quote-name::before { width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%3E%3Cdefs%3E%3Cpath%20id%3D%22profile-small-a%22%20d%3D%22M0%200h15v15H0z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M7.5%2012.9A5.4%205.4%200%200%201%203%2010.485c.022-1.492%203-2.31%204.5-2.31%201.492%200%204.477.817%204.5%202.31A5.4%205.4%200%200%201%207.5%2012.9m0-10.65A2.247%202.247%200%200%201%209.75%204.5%202.247%202.247%200%200%201%207.5%206.75%202.247%202.247%200%200%201%205.25%204.5%202.247%202.247%200%200%201%207.5%202.25M7.5%200C3.36%200%200%203.36%200%207.5%200%2011.64%203.36%2015%207.5%2015c4.14%200%207.5-3.36%207.5-7.5C15%203.36%2011.64%200%207.5%200%22%20fill%3D%22%2371BE44%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); margin-right: 6px; }
  .quote-box .quote-info .quote-location::before { width: 9px; height: 13px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2213%22%3E%3Cpath%20d%3D%22M4.441%206.96c-1.297-.016-2.39-1.15-2.355-2.468-.035-1.282%201.051-2.45%202.386-2.456%201.225-.005%202.407%201.03%202.41%202.472.004%201.28-1.058%202.47-2.44%202.453M8.87%203.475c-.207-.89-.664-1.629-1.316-2.238C6.468.223%205.193-.19%203.74.082%202.245.362%201.15%201.219.457%202.602c-.42.838-.533%201.733-.41%202.666a5.82%205.82%200%200%200%20.917%202.451c.545.835%201.087%201.672%201.624%202.513.528.826%201.049%201.658%201.572%202.487.077.122.17.22.31.26.231.066.44-.023.576-.246.66-1.088%201.316-2.179%201.98-3.264.445-.726.905-1.442%201.298-2.2.43-.83.675-1.702.676-2.75a5.08%205.08%200%200%200-.13-1.044%22%20fill%3D%22%2370BB3F%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); margin-right: 4px; }
  .quote-box .quote { margin: 0; text-indent: 24px; font-size: 18px; color: #9b9b9b; font-style: italic; font-weight: 300; position: relative; }
  .quote-box .quote::before, .quote-box .quote::after { content: ""; display: inline-block; width: 20px; height: 13px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2213%22%3E%3Cpath%20d%3D%22M19.374%201.177c-3.007%200-5.605%201.681-6.8%204.099a4.22%204.22%200%200%201%202.112-.56c2.24%200%204.066%201.72%204.066%203.832%200%202.114-1.825%203.833-4.066%203.833-2.24%200-4.062-1.72-4.062-3.833%200-.075.003-.15.007-.223-.002-.024-.007-.046-.007-.07C10.624%203.702%2014.55%200%2019.374%200c.348%200%20.626.262.626.586%200%20.33-.278.591-.626.591zm-10.624%200c-3.009%200-5.609%201.682-6.803%204.101a4.215%204.215%200%200%201%202.115-.562c2.24%200%204.062%201.72%204.062%203.832%200%202.114-1.822%203.833-4.062%203.833S0%2010.661%200%208.548c0-.075.003-.15.007-.223C.005%208.302%200%208.28%200%208.255%200%203.702%203.925%200%208.75%200c.345%200%20.626.262.626.586%200%20.33-.281.591-.626.591z%22%20fill%3D%22%23CBCBCB%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.367%22%2F%3E%3C%2Fsvg%3E"); position: absolute; }
  .quote-box .quote::before { top: -10px; left: 0; }
  .quote-box .quote::after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); bottom: 0; right: -12px; } }

/* ---- grid ---- */
.grid { position: relative; overflow: hidden; }

/* clear fix */
.grid:after { content: ''; display: block; clear: both; }

/* ---- .element-item ---- */
.grid-item, .grid-sizer { width: 50%; }

@media (min-width: 1200px) { .grid-item, .grid-sizer { width: 33.33333333333333%; padding-bottom: -webkit-calc(16.66666666666667% - 2px); padding-bottom: calc(16.66666666666667% - 2px); } }

.grid-item { float: left; padding-bottom: 50%; background: #cbcbcb; border: 2px solid #fafafa; }

@media only screen and (min-width: 720px) { .grid-item { padding-bottom: -webkit-calc(25% - 2px); padding-bottom: calc(25% - 2px); } }

@media (min-width: 1200px) { .grid-item { width: 33.33333333333333%; } }

@media (min-width: 1600px) { .grid-item { width: 16.66666666666667%; padding-bottom: -webkit-calc(16.66666666666667% - 2px); padding-bottom: calc(16.66666666666667% - 2px); } }

.grid-item .card-title { font-size: 18px; line-height: 1.27; margin-bottom: 0; }

@media screen and (min-width: 720px) { .grid-item .card-title { font-size: 26px; } }

.grid-item--width2.grid-item--height2 .card-title { font-size: 18px; line-height: 1.05; }

@media screen and (min-width: 720px) { .grid-item--width2.grid-item--height2 .card-title { font-size: 28px; } }

@media (min-width: 1200px) { .grid-item--width2.grid-item--height2 .card-title { font-size: 44px; } }

.grid-item--width2 { width: 50%; }

@media (min-width: 1200px) { .grid-item--width2 { width: 33.33333333333333%; } }

.grid-item--width2 .card-title { font-size: 18px; line-height: 1.09; }

@media screen and (min-width: 720px) { .grid-item--width2 .card-title { font-size: 28px; } }

@media (min-width: 1200px) { .grid-item--width2 .card-title { font-size: 32px; } }

.grid-item--width2 .subscribe-banner .title { margin-bottom: 15px; }

@media screen and (min-width: 575px) { .grid-item--width2 .subscribe-banner .title { font-size: 24px; } }

@media screen and (min-width: 720px) { .grid-item--width2 .subscribe-banner .title { font-size: 36px; } }

.grid-item--width2 .subscribe-banner .btn { font-size: 14px; }

@media screen and (min-width: 720px) { .grid-item--width2 .subscribe-banner .btn { font-size: 18px; } }

.grid-item--width3 { width: 50%; }

@media (min-width: 1200px) { .grid-item--width3 { width: 66.66666666666667%; }
  .grid-item--width3 .card-content { padding: 30px; }
  .grid-item--width3 .card-title { font-size: 64px; } }

.grid-item--height2 { padding-bottom: 50%; }

@media (min-width: 1200px) { .grid-item--height2 { padding-bottom: 33.33333333333333%; } }

.grid-item--height3 { padding-bottom: 50%; }

@media (min-width: 1200px) { .grid-item--height3 { padding-bottom: 50%; }
  .grid-item--height3 .card-title { font-size: 64px; } }

.grid-experience .card { width: 100%; height: 100%; margin: 0; position: absolute; overflow: hidden; }

.grid-experience .card::before { content: ''; background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(57%, rgba(65, 65, 65, 0)), to(rgba(0, 0, 0, 0.65))); background: -webkit-linear-gradient(top, transparent 0%, rgba(65, 65, 65, 0) 57%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(65, 65, 65, 0) 57%, rgba(0, 0, 0, 0.65) 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

.grid-experience .card:hover .card-bg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.grid-experience .card-bg { background-size: cover; background-position: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.grid-experience .card-front { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 18px; height: 100%; background-size: cover; background-position: center; position: relative; z-index: 2; }

.grid-experience .card-title { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; color: #fff; }

.grid-default .card { width: 100%; height: 100%; margin: 0; position: absolute; overflow: hidden; }

.grid-default .card::before { content: ''; background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(57%, rgba(65, 65, 65, 0)), to(rgba(0, 0, 0, 0.65))); background: -webkit-linear-gradient(top, transparent 0%, rgba(65, 65, 65, 0) 57%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(65, 65, 65, 0) 57%, rgba(0, 0, 0, 0.65) 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

.grid-default .card:hover .card-bg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.grid-default .card-bg { background-size: cover; background-position: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.grid-default .card-front { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; background-size: cover; background-position: center; position: relative; z-index: 2; }

.grid-default .card-content { position: absolute; bottom: 0; left: 0; padding: 20px; }

@media (max-width: 575px) { .grid-default .card-content p, .grid-default .card-content .btn { display: none; } }

.grid-default .card-content .card-title { color: #fff; }

.grid-default .card-content p { color: #fff; margin: 20px 0 30px; max-width: 400px; }

@media (min-width: 1200px) { .grid-default .grid-item--height3 .card-content, .grid-default .grid-item--width3 .card-content { padding: 30px; } }

.insta-box-top { position: absolute; width: 100%; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 14px; }

.insta-box-top .insta-box-profile img { width: 24px; height: 24px; border-radius: 50%; }

.insta-box-top .insta-profile-name { color: #fff; margin-left: 3px; font-size: 12px; font-weight: bold; }

.insta-box-top .insta-symbol { width: 22px; height: 22px; margin-left: auto; }

.youtube-video { background-color: #000; position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer; }

.youtube-video.youtube-video--loaded img { display: none; }

.youtube-video.youtube-video--loaded::before, .youtube-video.youtube-video--loaded:after { display: none; }

.youtube-video::before, .youtube-video:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.youtube-video:before { width: 60px; height: 60px; opacity: 0.37; background-color: #fefefe; z-index: 1; border-radius: 50%; }

@media (min-width: 1200px) { .youtube-video:before { width: 110px; height: 110px; } }

.youtube-video:after { border-style: solid; border-width: 7px 0 7px 14px; border-color: transparent transparent transparent #fff; }

@media (min-width: 1200px) { .youtube-video:after { border-width: 15px 0 15px 26px; } }

.youtube-video img { cursor: pointer; width: 100%; top: -16.82%; left: 0; opacity: 0.7; }

.youtube-video img, .youtube-video iframe { position: absolute; }

.youtube-video iframe { height: 100%; width: 100%; top: 0; left: 0; }

.v-line { display: none; }

@media (min-width: 1200px) { .v-line { display: block; width: 1px; height: 169px; background-color: #bcbcbc; margin: 0 auto; } }

.istria-info-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.istria-info { margin-bottom: 25px; color: #9b9b9b; width: 100%; }

.istria-info h3 { font-family: "Vectora LT Pro-Roman"; }

@media (min-width: 576px) { .istria-info { padding-right: 20px; width: 50%; } }

@media (min-width: 1200px) { .istria-info { width: 100%; font-size: 18px; } }

.s-green-istria, .s-blue-istria { padding: 30px 20px 40px 20px; color: #fff; }

@media (min-width: 576px) { .s-green-istria, .s-blue-istria { padding: 60px 70px 80px 52px; } }

.s-green-istria .title, .s-blue-istria .title { font-size: 48px; }

@media (min-width: 576px) { .s-green-istria .title, .s-blue-istria .title { font-size: 64px; } }

.s-green-istria { background: #70bb3f; }

.s-blue-istria { background: #00aff5; }

.title-lg { font-size: 32px; }

@media (min-width: 1200px) { .title-lg { font-size: 64px; } }

.text-md { line-height: 1.78; font-size: 14px; }

@media (min-width: 576px) { .text-md { font-size: 16px; } }

@media (min-width: 1200px) { .text-md { line-height: 1.56; font-size: 18px; } }

.breadcrumb { font-size: 14px; color: #bcbcbc; margin-top: 15px; margin-bottom: 15px; }

@media (min-width: 1200px) { .breadcrumb { padding: 0 15px; margin-bottom: 30px; } }

.breadcrumb a { color: #bcbcbc; }

.dropdown { position: relative; outline: none; color: #bcbcbc; max-width: 140px; width: 100%; font-family: "Vectora LT Pro-Roman"; z-index: 11; display: inline-block; background: #fafafa; border: 1px solid #bcbcbc; border-top-left-radius: 18px; border-top-right-radius: 18px; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; }

@media (min-width: 576px) { .dropdown { max-width: 160px; font-size: 18px; } }

.dropdown.active { border-bottom: 1px solid transparent; border-top-left-radius: 9px; border-top-right-radius: 9px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.dropdown a { color: #bcbcbc; display: block; }

.dropdown.share-box li { display: inline-block; width: -webkit-calc(50% - 5px); width: calc(50% - 5px); text-align: center; }

@media (min-width: 576px) { .dropdown.share-box li { width: -webkit-calc(33% - 5px); width: calc(33% - 5px); } }

.dropdown-head { font-family: "Vectora LT Pro-Roman"; line-height: 1; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 9px 15px 8px; }

.dropdown-head::after { content: ''; display: inline-block; margin-left: 12px; border-top: 6px solid #bcbcbc; border-left: 5px solid transparent; border-right: 5px solid transparent; }

@media (min-width: 576px) { .dropdown-head { padding: 10px 15px; } }

.dropdown-content { position: absolute; top: 100%; left: 0; right: 0; padding: 0 15px 15px; background: #fafafa; text-align: left; opacity: 0; pointer-events: none; border: 1px solid #bcbcbc; border-top: 1px solid transparent; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; margin: 0 -1px; }

.dropdown-content::before { content: ''; height: 2px; display: block; background-color: #bcbcbc; margin-bottom: 15px; }

.dropdown .dropdown-content li { margin-bottom: 10px; }

/* Active state */
.dropdown.active .dropdown-content { opacity: 1; pointer-events: auto; }

.no-scroll { overflow: hidden; }

@media (min-width: 576px) { .no-scroll { overflow: visible; } }

.content-top-bar { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 35px; margin-top: 4vw; }

.content-top-bar .dropdown { margin-left: auto; margin-top: 20px; }

.content-top-bar .search-form-content-top-bar { max-width: 485px; width: 100%; margin-right: 20px; }

.content-area .content-top-bar { margin-top: 2vw; }

.subscribe-banner { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: white; min-width: 300px; max-width: 624px; margin: 0 12px; margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 3px; padding: 48px; text-align: center; }

@media (min-width: 1460px) { .subscribe-banner { max-width: 1274px; } }

.subscribe-banner .title { color: #bcbcbc; font-weight: 300; font-size: 32px; margin-bottom: 40px; width: 100%; }

@media (min-width: 1460px) { .subscribe-banner .title { font-size: 64px; } }

@media only screen and (max-width: 400px) { .grid-item.subscribe { padding-bottom: 75%; }
  .grid-item.subscribe .subscribe-banner { padding: 12px; }
  .grid-item.subscribe .subscribe-banner .title { font-size: 26px; margin-bottom: 20px; } }

@media only screen and (max-width: 576px) { .grid-item.subscribe { width: 100%; padding-bottom: 60%; } }

.grid-item .subscribe-banner { margin: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 12px; }

@media (min-width: 1460px) { .cards-4 .subscribe-banner .title { font-size: 32px; } }

.search-results { margin-top: 8vw; }

.search-result { padding-bottom: 20px; margin-bottom: 56px; border-bottom: 1px solid #bcbcbc; }

.search-result .title { font-size: 22px; font-family: "Vectora LT Pro-Roman"; color: #5d5d62; margin-bottom: 10px; }

.search-result .text { max-width: 705px; font-size: 14px; font-family: "Vectora LT Pro-Roman"; color: #938b8b; margin-bottom: 10px; }

.search-result .link { font-size: 14px; color: #00aff5; }

.search-result .link:hover { text-decoration: underline; }

.explore-town-info { border: 1px solid #bcbcbc; border-radius: 3px; background-color: #fff; padding: 12px; min-height: 186px; }

@media (min-width: 576px) { .explore-town-info { padding: 12px 24px; } }

.weather { margin-bottom: 40px; }

@media (min-width: 1460px) { .weather { margin-bottom: 0; } }

.weather .current-day-temp { color: #bcbcbc; font-size: 24px; margin-left: 16px; }

@media (min-width: 576px) { .weather .current-day-temp { margin-left: 24px; font-size: 36px; } }

.weather, .distance-travel { width: 624px; margin-left: 24px; margin-right: 24px; }

@media (min-width: 1460px) { .weather, .distance-travel { margin-left: 0; margin-right: 0; } }

.day-weather { font-family: "Vectora LT Pro-Roman"; font-size: 18px; color: #bcbcbc; min-width: 90px; margin: 10px 0; text-align: center; }

.day-weather .day-name { margin-bottom: 17px; }

.day-weather .day-icon { margin-bottom: 17px; }

.day-weather .day-icon i { width: 50px; height: 50px; }

.distance-town { padding-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 576px) { .distance-town { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.distance-town-filter { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media (max-width: 575px) { .distance-town-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; border-bottom: 1px solid #bcbcbc; } }

@media (min-width: 576px) { .distance-town-filter { border-right: 1px solid #bcbcbc; } }

.distance-town-filter li { font-size: 12px; margin-bottom: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.distance-town-filter li:last-child { margin-bottom: 0; }

@media (max-width: 575px) { .distance-town-filter li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } }

.distance-town-filter li svg path { fill: #cbcbcb; }

.distance-town-filter li.active { color: #00aff5; }

.distance-town-filter li.active svg path { fill: #00aff5; }

.distance-town-result { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 575px) { .distance-town-result { margin-top: 25px; } }

.distance-town-result .time, .distance-town-result .distance { text-align: center; font-size: 36px; color: #bcbcbc; min-width: 190px; }

.distance-town-result .time .label, .distance-town-result .distance .label { font-size: 12px; color: #00aff5; font-family: "Vectora LT Pro-Roman"; }

.distance-town-result .time .dt, .distance-town-result .distance .dt { display: none; }

.distance-town-result .time .dt.active, .distance-town-result .distance .dt.active { display: block; }

.social-login { font-family: "Vectora LT Pro-Roman"; font-size: 14px; color: #938b8b; }

.social-login span { margin-right: 12px; }

.social-login a { margin-right: 6px; }

.profile-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 888px; background-color: #fff; margin: 0 auto; padding-left: 10vw; padding-right: 10vw; padding-bottom: 12vw; padding-top: 12vw; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 1200px) { .profile-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 0; margin: 5vw auto; padding-right: 180px; padding-bottom: 100px; padding-top: 100px; } }

.profile-container .profile-sidebar { padding: 0 80px; margin-bottom: 40px; text-align: center; }

.profile-container .profile-sidebar .profile-image { width: 90px; height: 90px; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 50%; }

@media (min-width: 576px) { .profile-container .profile-sidebar .profile-image { width: 110px; height: 110px; } }

@media (min-width: 1200px) { .profile-container .profile-sidebar .profile-image { width: 138px; height: 138px; } }

.profile-container .profile-sidebar .edit-profile-photo { display: block; font-size: 14px; margin-top: 12px; color: #9b9b9b; font-weight: 300; cursor: pointer; }

.profile-container .form-container { margin: 0; padding: 0; }

.profile-container .form-container .form-field { max-width: 400px; }

.profile-label { color: #cbcbcb; font-family: "Vectora LT Pro-Roman"; font-size: 14px; line-height: 2.14; letter-spacing: normal; }

.profile-result { font-size: 24px; font-weight: 300; line-height: 1.42; color: #5d5d62; }

.wts-topbar { padding-top: 30px; }

@media (min-width: 576px) { .wts-topbar { margin-top: 0; text-align: center; } }

.wts-top-form { background-color: #fff; border-radius: 3px; border: solid 1px #bcbcbc; padding: 15px; text-align: center; margin-left: 3vw; margin-right: 3vw; }

@media (min-width: 576px) { .wts-top-form { border: none; padding: 0; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

.wts-top-form .wts-form-element { margin-bottom: 15px; }

.wts-top-form .wts-form-element:last-of-type { margin-bottom: 40px; }

.wts-top-form .wts-form-element input, .wts-top-form .wts-form-element select { padding-left: 55px; padding-top: 8px; padding-bottom: 8px; height: 43px; }

@media (min-width: 576px) { .wts-top-form .wts-form-element input, .wts-top-form .wts-form-element select { height: 49px; } }

@media (min-width: 576px) { .wts-top-form .wts-form-element { display: inline-block; }
  .wts-top-form .wts-form-element:last-of-type { margin-bottom: 0; margin-right: 20px; } }

@media (min-width: 1200px) { .wts-top-form .wts-form-element { width: 30%; max-width: 400px; } }

.wts-top-form .btn { margin-bottom: 30px; }

@media (min-width: 576px) { .wts-top-form .btn { margin-bottom: 0; } }

.wts-sidebar-form { padding: 20px; border-radius: 3px; background-color: #ffffff; border: solid 1px #bcbcbc; }

.wts-sidebar-form .wts-form-element { margin-bottom: 15px; }

.wts-sidebar-form .wts-form-element:last-of-type { margin-bottom: 40px; }

.wts-sidebar-form .wts-form-element input, .wts-sidebar-form .wts-form-element select { padding-left: 55px; padding-top: 8px; padding-bottom: 8px; height: 43px; border-radius: 3px; }

.wts-content { padding: 40px 0; }

.wts-section { background-color: #fff; padding: 77px 0; margin-top: -77px; }

.wts-section:first-of-type { margin-top: 0; }

.wts-section .wts-cards { position: relative; }

.wts-section .wts-cards .slide-card-prev, .wts-section .wts-cards .slide-card-next { display: inline-block; position: absolute; top: -56px; right: 20px; }

.wts-section .wts-cards .slide-card-next { right: 0; }

.wts-sidebar { width: 100%; margin-bottom: 60px; }

@media screen and (min-width: 860px) { .wts-sidebar { margin-bottom: 0; margin-right: 30px; max-width: 300px; } }

@media (min-width: 1200px) { .wts-sidebar { max-width: 380px; } }

@media screen and (min-width: 860px) { .sidebar-filter { display: block !important; height: 100% !important; overflow: visible !important; } }

.wts-search-results { width: 100%; }

@media screen and (min-width: 860px) { .wts-search-results { width: -webkit-calc(100% - 330px); width: calc(100% - 330px); } }

@media (min-width: 1200px) { .wts-search-results { width: -webkit-calc(100% - 410px); width: calc(100% - 410px); } }

.wts-title { margin-bottom: 40px; font-size: 24px; padding: 0 12px; color: #9b9b9b; }

@media (min-width: 1200px) { .wts-title { margin-bottom: 20px; font-size: 36px; } }

.wts-intro { color: #9b9b9b; font-weight: 300; margin-top: 30px; margin-bottom: 80px; }

.list-title { font-size: 24px; font-weight: 300; line-height: 1.28; color: #9b9b9b; }

@media (min-width: 1200px) { .list-title { font-size: 36px; } }

.list-title.list-title-wts { padding-right: 100px; }

.filter-toggle { width: 75px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid transparent; color: #bcbcbc; font-size: 18px; -webkit-transition: width .1s linear; transition: width .1s linear; }

@media screen and (min-width: 860px) { .filter-toggle { width: 100%; border-bottom: 1px solid #bcbcbc; } }

.filter-toggle svg { margin-bottom: 3px; }

.filter-toggle.active { width: 100%; border-bottom: 1px solid #bcbcbc; }

.wts-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 23px; }

@media (min-width: 1200px) { .wts-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

@media (min-width: 1460px) { .wts-card { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.wts-card-info { padding: 30px 26px; background: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.wts-card-info .wts-card-data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 0; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

@media (min-width: 1460px) { .wts-card-info { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -ms-flex: 1 0 435px; flex: 1 0 435px; } }

@media (min-width: 1460px) { .wts-card-info { -webkit-box-flex: 1; -ms-flex: 1 0 435px; flex: 1 0 435px; } }

.wts-card-title { font-size: 30px; font-weight: 300; line-height: 1.2; color: #5d5d62; margin: 16px 0; }

@media (min-width: 576px) { .wts-card-title { font-size: 36px; } }

.wts-card-subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Vectora LT Pro-Roman"; font-size: 12px; color: #9b9b9b; margin-bottom: 16px; }

.wts-card-subtitle .icon { margin-right: 6px; width: 10px; height: 14px; }

.wts-card-image { height: 0; padding-bottom: 46%; width: 100%; background-color: #bcbcbc; background-size: cover; background-position: center; background-repeat: no-repeat; }

@media (min-width: 576px) { .wts-card-image { height: 300px; padding-bottom: 0; } }

.wts-card-cta { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.wts-card-cta .btn { margin-bottom: 5px; }

.wts-card-cta .btn:first-child { margin-right: 15px; }

@media (min-width: 576px) { .wts-card-cta .btn { width: 180px; } }

.ameneties-container { margin-bottom: 40px; }

.ameneties { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ameneties li { width: 50%; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 5px; }

.ameneties li span { font-family: "Vectora LT Pro-Roman"; font-size: 12px; }

.ameneties .icon { width: 20px; height: 20px; margin-right: 13px; }

.book-with { background-color: #fff; border-radius: 3px; border: solid 1px #bcbcbc; padding: 20px 25px; padding-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.book-with-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; }

.book-with-logo { width: 88px; margin-right: 20px; margin-bottom: 5px; }

.contact-info-list { color: #938b8b; }

.contact-info-list li { font-family: "Vectora LT Pro"; font-size: 14px; margin-bottom: 10px; line-height: 1.44; }

.contact-info-list li a { color: #938b8b; }

.g-arrow-wrap { margin-bottom: 20px; text-align: center; }

@media screen and (min-width: 850px) { .g-arrow-wrap { margin-left: -170px; text-align: left; } }

@media (min-width: 1460px) { .g-arrow-wrap { margin-left: -130px; } }

.g-arrow-wrap svg { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); margin-bottom: 40px; height: 160px; }

@media (min-width: 576px) { .g-arrow-wrap svg { -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg); height: 100%; } }

@media (min-width: 1460px) { .g-arrow-wrap svg { -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); } }

.info-bar-fixed { position: fixed; z-index: 100; bottom: -70px; left: 0; width: 100%; background: white; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0 -5px 4px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 -5px 4px 0 rgba(0, 0, 0, 0.05); -webkit-transition: all .1s linear; transition: all .1s linear; }

.info-bar-fixed.open { bottom: 0; }

.info-bar-fixed.open .info-bar-fixed-show { top: 0; opacity: 0; }

.info-bar-fixed > div { position: relative; max-width: 1140px; width: 100%; padding: 0 15px; }

@media screen and (min-width: 600px) { .info-bar-fixed > div { padding: 0 20px; } }

.info-bar-fixed .info-bar-fixed-show { cursor: pointer; -webkit-transition: all .1s linear; transition: all .1s linear; position: absolute; right: 7px; top: -64px; width: 110px; background: white; height: 45px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); z-index: 20; }

.info-bar-fixed .info-bar-fixed-show svg { margin-left: 7px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.info-bar-fixed .info-bar-fixed-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; }

@media screen and (min-width: 700px) { .info-bar-fixed .info-bar-fixed-content { font-size: 16px; } }

.info-bar-fixed .info-bar-fixed-content span { display: none; }

@media screen and (min-width: 600px) { .info-bar-fixed .info-bar-fixed-content span { display: block; } }

.info-bar-fixed .info-bar-fixed-content svg { margin-right: 7px; }

.info-bar-fixed .info-bar-fixed-content a { color: #9b9b9b; }

.info-bar-fixed .info-bar-fixed-content .halo-istra svg { margin-right: 10px; }

.info-bar-fixed .info-bar-partners { display: none; }

@media (min-width: 1200px) { .info-bar-fixed .info-bar-partners { display: block; } }

.info-bar-fixed .info-bar-partners span { font-size: 9px; font-family: "Vectora LT Pro-Roman"; color: #bcbcbc; }

.info-bar-fixed .info-bar-partners img { display: block; }

.info-bar-fixed .info-bar-fixed-hide { cursor: pointer; padding: 10px 5px; z-index: 21; }

@media screen and (min-width: 600px) { .info-bar-fixed .info-bar-fixed-hide { padding: 10px 20px; } }

.info-bar-fixed .info-bar-fixed-hide svg { margin-right: 0; margin-left: 7px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.info-bar-fixed .info-bar-fixed-show, .info-bar-fixed .info-bar-fixed-hide { font-size: 12px; text-transform: uppercase; font-weight: bold; color: #9b9b9b; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.info-bar-fixed .halo-istra-title { color: #00aff5; font-family: "Vectora LT Pro-Roman"; line-height: 1.2; }

.info-bar-fixed .halo-istra-tel { color: #9b9b9b; font-size: 12px; font-weight: bold; }

@media screen and (min-width: 600px) { .info-bar-fixed { font-size: 18px; }
  .info-bar-fixed .halo-istra-tel { font-size: 14px; } }

.sidebar-archive { width: 100%; padding: 20px; border-radius: 3px; background-color: #fff; border: solid 1px #bcbcbc; margin-bottom: 50px; }

@media screen and (min-width: 860px) { .sidebar-archive { max-width: 320px; min-width: 280px; margin-right: 20px; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; } }

.sidebar-archive .btn { margin-top: 40px; }

.sidebar-form-element { margin-bottom: 20px; }

.sidebar-form-element .form-field { margin: 0; }

.container-archive { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media screen and (min-width: 860px) { .container-archive { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.container-archive .content-archive .article-archive { margin: 0; margin-bottom: 24px; padding: 0 12px; }

.card-archive .card-location { margin-bottom: 15px; }

.card-archive .btn { margin-top: 20px; }

.card-placeholder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff; }

.card-placeholder:before { display: none; }

.card-placeholder span.btn { font-size: 24px; }

.secondary-city-container { margin-top: 40px; }

@media (min-width: 1200px) { .secondary-city-container { margin-top: 0; } }

.secondary-city { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 40px; }

@media screen and (min-width: 860px) { .secondary-city { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .secondary-city:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } }

.secondary-city-image { height: 300px; }

@media screen and (min-width: 860px) { .secondary-city-image { min-width: 400px; height: 400px; width: 35%; } }

.secondary-city-title { font-size: 28px; margin-bottom: 20px; }

@media screen and (min-width: 860px) { .secondary-city-title { font-size: 36px; } }

.secondary-city-content { padding: 20px; color: #9b9b9b; line-height: 1.6; font-weight: 300; background-color: #fff; }

@media screen and (min-width: 860px) { .secondary-city-content { padding: 20px 40px; width: 65%; } }

.banner-list { padding: 60px 0; border-top: 1px solid #cbcbcb; }

.banner-list li { position: relative; margin: 10px; width: 100%; max-width: 600px; max-height: 250px; }

@media screen and (min-width: 720px) { .banner-list li { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); } }

@media screen and (min-width: 1200px) { .banner-list li { width: -webkit-calc(33% - 20px); width: calc(33% - 20px); } }

.banner-list li .title { position: absolute; left: 0; bottom: 0; z-index: 1; color: #fff; padding: 12px; font-size: 24px; line-height: 1; font-family: "Vectora LT Pro-Roman"; }

@media screen and (min-width: 720px) { .banner-list li .title { padding: 20px; font-size: 30px; } }

.banner-list li a { display: block; }

.banner-list li a::before { content: ''; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(57%, rgba(65, 65, 65, 0)), to(rgba(0, 0, 0, 0.65))); background: -webkit-linear-gradient(top, transparent 0, rgba(65, 65, 65, 0) 57%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, transparent 0, rgba(65, 65, 65, 0) 57%, rgba(0, 0, 0, 0.65) 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

.archive-intro p.section-text { font-size: 16px; }

@media (min-width: 1200px) { .archive-intro p.section-text { font-size: 18px; } }

.logo-desktop { height: 55px; display: none; }

@media (min-width: 1200px) { .logo-desktop { display: block; } }

.logo-mobile { height: 55px; display: block; }

@media screen and (max-width: 340px) { .logo-mobile { height: 45px; } }

@media (min-width: 1200px) { .logo-mobile { display: 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 0; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; 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 .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); }

.hamburger.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); }

.hamburger-box { width: 36px; height: 22px; display: inline-block; position: relative; }

.hamburger-inner { display: block; top: 50%; margin-top: -1px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 36px; height: 2px; background-color: #9b9b9b; border-radius: 0; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }

.hamburger-inner::before { top: -10px; }

.hamburger-inner::after { bottom: -10px; }

.hamburger-box { -webkit-perspective: 72px; perspective: 72px; }

.hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); 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); 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), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger-inner::before, .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.button, .btn { background-color: transparent; font-size: 18px; font-weight: normal; font-family: "Vectora LT Pro-Roman"; color: #000; text-decoration: none; padding-top: 9px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px; display: inline-block; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; border: 1px solid transparent; border-radius: 66px; position: relative; text-align: center; vertical-align: middle; -webkit-transition: all .1s linear; transition: all .1s linear; outline: none; }

.button:hover, .btn:hover { -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.5); }

.button.btn-block, .btn.btn-block { display: block; }

.button.btn-outline, .btn.btn-outline { border: 1px solid #70bb3f; color: #70bb3f !important; }

.button.btn-outline-gray, .btn.btn-outline-gray { border: 1px solid #bcbcbc; color: #bcbcbc !important; }

.button.btn-blue, .btn.btn-blue { background-color: #00aff5; color: #fff; }

.button.btn-full-blue, .btn.btn-full-blue { border: 1px solid #00aff5; color: #00aff5 !important; }

.button.btn-default, .btn.btn-default { background: #70bb3f; color: #fff; }

.button.btn-default:hover, .btn.btn-default:hover { -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.5); }

.button.btn-slider, .btn.btn-slider { font-size: 16px; background-color: #fff; border: 1px solid #70bb3f; color: #70bb3f; }

.button.btn-sm, .btn.btn-sm { font-size: 14px; line-height: 1; padding: 6px 24px; }

.button.btn-md, .btn.btn-md { font-size: 14px; line-height: 1.28; padding: 6px 24px; }

.button.btn-lg, .btn.btn-lg { line-height: 1.28; padding: 12px 24px; }

.button.btn-form, .btn.btn-form { padding: 9px 24px; }

@media (min-width: 1200px) { .button.btn-form, .btn.btn-form { padding: 12px 24px; } }

.button.btn-transparent, .btn.btn-transparent { background-color: rgba(255, 255, 255, 0.26); font-size: 14px; border: solid 2px #fff; color: #fff; border-radius: 66px; }

@media (min-width: 1200px) { .button.btn-transparent, .btn.btn-transparent { font-size: 18px; } }

.button.btn-wide, .btn.btn-wide { max-width: 246px; width: 100%; }

.button .icon, .btn .icon { width: 27px; height: 27px; margin-left: 12px; }

.btn-calendar { border: 0 !important; background: transparent !important; display: inline-block; width: auto; }

.btn-calendar:hover { color: #00aff5 !important; }

.site-header, .header-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.site-header { padding: 0 4.3%; height: 70px; background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; }

@media (min-width: 1200px) { .site-header { height: 79px; } }

.site-header .site-logo { margin-right: 5vw; }

.site-header.town-header .site-logo { position: relative; margin-right: 12px; }

.site-header.town-header .town-names { margin-left: 5px; padding-right: 4vw; margin-right: 10px; border-right: 1px solid #cbcbcb; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.site-header.town-header .town-names span { color: #bcbcbc; }

.site-header.town-header .town-names span:first-child { color: #5d5d62; }

@media (max-width: 1199px) { .site-header.town-header .town-names { font-size: 12px; } }

.site-header.town-header .header-partners { border: 0; }

.site-header .hp-mobile { border-left: 0; padding-left: 0; text-align: center; }

.header-functionality { width: 100%; max-width: 700px; display: none; border-top: solid 1px #bcbcbc; position: fixed; overflow-x: hidden; overflow-y: scroll; top: 70px; right: 0; bottom: 0; background-color: #fff; padding: 0 4.3%; padding-bottom: 30px; z-index: 999; }

@media (min-width: 576px) { .header-functionality { bottom: auto; position: absolute; overflow-x: visible; overflow-y: visible; } }

@media (min-width: 1200px) { .header-functionality { top: 79px; } }

@media (min-width: 1460px) { .header-functionality { max-width: 100%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; position: relative; top: 0; left: 0; border: none; padding: 0; } }

.hamburger { margin-left: auto; }

@media (min-width: 1460px) { .hamburger { display: none; } }

.header-profile { padding-left: 12px; }

.header-profile .profile-image img { border-radius: 50%; width: 56px; height: 56px; }

@media (min-width: 1200px) { .header-profile .profile-image img { width: 39px; height: 39px; } }

.header-profile .profile-name { color: #bcbcbc; margin-left: 6px; max-width: 90px; word-break: break-word; font-size: 14px; margin-right: 5vw; }

@media (max-width: 1459px) { .header-search { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 40px; } }

.header-partners { border-left: 1px solid #cbcbcb; padding-left: 7px; }

.header-partners span { font-size: 9px; font-family: "Vectora LT Pro-Roman"; color: #bcbcbc; }

.header-partners img { display: block; }

@media (max-width: 1599px) { .header-partners img { height: 25px; } }

.header-partners .header-partners-mobile { margin-top: 40px; display: inline-block; }

.header-partners .header-partners-mobile img { height: 38px; }

.country-flag { border-radius: 50%; }

.site-navigation { padding: 33px 0; }

@media (min-width: 1460px) { .site-navigation { padding: 6px 0 0 0; margin: 0 auto; } }

.site-navigation ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 1460px) { .site-navigation ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.site-navigation ul li { margin: 0 1vw; margin-bottom: 15px; }

@media (min-width: 1460px) { .site-navigation ul li { margin-bottom: 0; } }

.header-switch-login { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 1459px) { .header-switch-login { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .header-switch-login > div { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.lang-switcher { border-right: 1px solid #bcbcbc; padding-right: 12px; }

.lang-switcher ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: #fff; }

.lang-switcher li { margin-right: 10px; }

.lang-switcher.active { overflow: visible; }

@media (min-width: 1460px) { .lang-switcher { position: relative; width: 36px; height: 24px; overflow: hidden; z-index: 10; cursor: pointer; }
  .lang-switcher ul { position: absolute; right: 6px; top: 0; width: 145px; }
  .lang-switcher li { margin: 0 3px; } }

.header-ls-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 1460px) { .header-ls-container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media (max-width: 1199px) { .town-logo img { max-width: 32px; } }

.menu-item { font-family: "Vectora LT Pro"; color: #bcbcbc; font-size: 24px; font-weight: 300; }

@media (min-width: 1200px) { .menu-item { font-family: "Vectora LT Pro-Roman"; font-size: 18px; } }

.menu-item.active, .menu-item:hover { color: #00aff5; }

.menu-item .icon { margin-left: 7px; width: 25px; height: 23px; }

.site-footer { border-top: solid 1px #cbcbcb; font-size: 14px; color: #938b8b; background-color: #fafafa; text-align: center; }

.site-footer > .container { padding-top: 45px; padding-bottom: 45px; }

@media (min-width: 1200px) { .site-footer { text-align: left; }
  .site-footer > .container { padding-top: 90px; padding-bottom: 90px; } }

.site-footer .title { margin-bottom: 20px; color: #938b8b; font-weight: bold; font-size: 18px; display: inline-block; position: relative; }

.site-footer .title::after { content: ''; border-top: 6px solid #bcbcbc; border-left: 5px solid transparent; border-right: 5px solid transparent; top: 10px; content: ""; position: absolute; right: -20px; width: 0; height: 0; }

@media (min-width: 1200px) { .site-footer .title { font-size: 14px; }
  .site-footer .title::after { display: none; } }

.site-footer li { font-family: "Vectora LT Pro"; margin-bottom: 5px; font-size: 18px; line-height: 1.44; }

@media (min-width: 1200px) { .site-footer li { font-size: 14px; margin-bottom: 10px; } }

.site-footer a { color: #938b8b; }

.site-footer a:hover { color: #00aff5; }

.site-footer .site-logo { margin-top: 40px; width: 125px; height: 87px; }

@media (min-width: 1200px) { .site-footer .site-logo { margin-top: 0; } }

.site-footer .column { display: none; }

@media (min-width: 1200px) { .site-footer .column { display: block !important; }
  .site-footer .column ul { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

.footer-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.footer-column .title { margin-bottom: 20px; color: #938b8b; font-weight: bold; }

.footer-column li { margin-bottom: 10px; }

.footer-column a { color: #938b8b; }

.footer-down { background-color: #cbcbcb45; padding-top: 20px; padding-bottom: 20px; font-size: 12px; color: #9b9b9b; display: -webkit-box; display: -ms-flexbox; display: flex; }

.footer-down a { color: #9b9b9b; }

.footer-down .separator { margin: 0 12px; }

.footer-down .copyright { margin-top: 16px; }

@media (min-width: 1200px) { .footer-down { padding-top: 24px; padding-bottom: 24px; }
  .footer-down .copyright { margin-top: 0; } }

.social-container { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 44px; }

@media (min-width: 1200px) { .social-container { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-top: 0; } }

.social-links { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; margin-left: 17px; margin-top: 17px; }

.social-links a { margin-right: 17px; }

@media (min-width: 1200px) { .social-links { margin-top: 0; } }

.slider .card { margin-right: 20px; }

.card { position: relative; border-radius: 3px; margin-bottom: 1rem; }

.card.card--white { background-color: #fff; }

.card .icon { width: 34px; height: 29px; }

.card--default .card-image { width: 100%; height: 325px; background-size: cover; background-position: center; }

.card--default .card-image.no-image { height: 70px; background-color: #5a4d86; }

.card--simple { background-color: #bcbcbc; border-radius: 3px; }

.card--simple .card-front { height: 400px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 28px; font-family: "Vectora LT Pro-Roman"; text-align: center; padding: 24px; border-radius: 3px; background-size: cover; background-repeat: no-repeat; background-position: center; }

.card--simple .title { font-family: "Vectora LT Pro-Roman"; font-size: 28px; }

.card--simple300 { background-color: #cbcbcb; border-radius: 3px; }

.card--simple300 .card-front { height: 300px; width: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; text-align: center; padding: 24px; border-radius: 3px; background-size: cover; background-repeat: no-repeat; background-position: center; }

.card--simple300 .card-footer { position: absolute; bottom: 26px; left: 0; width: 100%; text-align: center; padding: 0 12px; font-size: 18px; font-family: "Vectora LT Pro-Roman"; }

.card--simple300 .title { font-family: "Vectora LT Pro"; font-size: 26px; font-weight: bold; }

.card-category, .card-favorite { position: absolute; top: 20px; }

.card-back { display: none; }

.card-top-title { color: #70bb3f; font-size: 28px; line-height: 1.25; }

.card-category { font-size: 12px; color: #fff; left: 18px; padding-right: 60px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.card-favorite { right: 20px; fill: #fff; }

.card-image { border-radius: 3px 3px 0 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.card-container { padding: 20px; }

.card-date { color: #9b9b9b; font-size: 12px; font-weight: bold; margin-bottom: 20px; display: block; }

.card-title { font-size: 28px; font-weight: normal; line-height: 1.25; margin-bottom: 34px; color: #000; }

.card-full-image { height: auto; max-width: 300px; width: 100%; }

.card-full-image::before { content: ''; background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(57%, rgba(65, 65, 65, 0)), to(rgba(0, 0, 0, 0.65))); background: -webkit-linear-gradient(top, transparent 0%, rgba(65, 65, 65, 0) 57%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(65, 65, 65, 0) 57%, rgba(0, 0, 0, 0.65) 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.card-full-image .card-container { position: absolute; bottom: 0; left: 0; }

.card-full-image .card-top-title, .card-full-image .card-title { color: #fff; font-family: "Vectora LT Pro-Roman"; font-size: 20px; margin-bottom: 0; }

@media (min-width: 576px) { .card-full-image .card-top-title, .card-full-image .card-title { font-size: 26px; } }

.card-full-image-bg { width: 100%; height: 40vw; min-height: 600px; }

.card-full-image-bg::before { content: ''; background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(57%, rgba(65, 65, 65, 0)), to(rgba(0, 0, 0, 0.65))); background: -webkit-linear-gradient(top, transparent 0%, rgba(65, 65, 65, 0) 57%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(65, 65, 65, 0) 57%, rgba(0, 0, 0, 0.65) 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.card-full-image-bg .card-favorite { top: 25px; right: 4.3%; }

@media (min-width: 1200px) { .card-full-image-bg .card-favorite { top: 50px; right: 50px; } }

.card-full-image-bg .card-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-size: cover; background-position: center; background-repeat: no-repeat; }

.card-full-image-bg .card-front { position: absolute; bottom: 0; left: 0; }

.card-full-image-bg .card-content { padding: 30px; }

@media (min-width: 1200px) { .card-full-image-bg .card-content { padding: 50px; } }

.card-full-image-bg .card-content p { font-size: 14px; color: #fff; margin: 0 0 40px; max-width: 600px; }

.card-full-image-bg .card-content p::before { content: '-'; display: block; }

@media (min-width: 576px) { .card-full-image-bg .card-content p { font-size: 16px; } }

@media (min-width: 1200px) { .card-full-image-bg .card-content p { margin: 0 0 60px; font-size: 18px; } }

.card-full-image-bg .card-content .card-title { color: #fff; font-size: 32px; margin-bottom: 20px; }

@media (min-width: 576px) { .card-full-image-bg .card-content .card-title { font-size: 48px; } }

@media (min-width: 1200px) { .card-full-image-bg .card-content .card-title { font-size: 64px; } }

.card-archive { display: inline-block; width: 100%; }

.card-archive .card-title { margin-bottom: 0; }

.card-archive .card-bg { width: 300px; height: 200px; }

.card-archive .card-image { width: 100%; height: 265px; background-size: cover; background-position: center; }

.card-archive .card-description { color: #bcbcbc; font-size: 18px; margin-top: 10px; margin-bottom: 20px; }

.card-archive .card-description a { color: #bcbcbc; }

.card-archive .card-link { font-size: 18px; }

.card-archive .card-link:hover { text-decoration: underline; }

.card-location { margin-bottom: 40px; color: #9b9b9b; }

.card-location .icon { width: 9px; height: 13px; }

.card-location span { font-size: 12px; }

.color-row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; }

.sguide .section-title { font-size: 30px; border-bottom: 4px solid #70bb3f; margin: 30px 0; color: #000; }

.style-section { padding-bottom: 30px; }

.color-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 200px; margin-right: 10px; border: 1px solid #cbcbcb; }

.color-display { width: 100%; height: 100px; margin-bottom: 10px; }

.color-title { font-size: 12px; text-transform: uppercase; color: #cbcbcb; display: block; padding: 0 10px; }

.color-name { font-size: 16px; color: #000; display: block; margin: 5px 0 10px 0; padding: 0 10px; }

.slick-slide { outline: none; }

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

.slider-centered .slick-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

@media (min-width: 576px) { .slider-centered .slick-slide { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }
  .slider-centered .slick-center { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }

.slider-mobile-center .slick-slide, .slider-cards .slick-slide { width: 300px; max-width: 300px; }

.slider-mobile-center > div, .slider-cards > div { outline: none; }

.slider-centered__youtube { position: relative; margin: 0 1vw; width: 65vw; min-width: 320px; }

@media (min-width: 576px) { .slider-centered__youtube { width: 40vw; } }

.slider-centered__youtube .youtube-video::before, .slider-centered__youtube .youtube-video::after { -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }

.slider-centered__youtube:not(.slick-current) .youtube-video::before, .slider-centered__youtube:not(.slick-current) .youtube-video::after { opacity: 0; }

.slider-centered__image { margin: 0 1vw; width: 65vw; min-width: 320px; max-width: 900px; }

@media (min-width: 1200px) { .slider-centered__image { margin: 0; width: 45vw; } }

.slider-bg-img { height: 100%; overflow: hidden; }

.slider-bg-img .slick-list, .slider-bg-img .slick-track { height: 100%; }

.slider-bg-img .slick-arrow { display: none !important; }

.slider-bg-img .slick-dots { bottom: 30px; }

.slide-bg-img { width: 100%; height: 300px; background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 300px; }

@media (min-width: 1200px) { .slide-bg-img { min-height: auto; height: 100%; } }

.slider-cards-container { position: relative; }

.slider-simple-cards-container { margin-top: 36px; margin-bottom: 36px; }

@media (min-width: 576px) { .slider-simple-cards-container { padding-left: 12px; } }

@media (min-width: 1200px) { .slider-simple-cards-container { padding-left: 0; margin-top: 0; margin-bottom: 8vw; } }

.slider-cards.no-slider, .slider-simple-cards.no-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; padding-right: 0; visibility: visible; opacity: 1; }

.slider-cards.no-slider .card, .slider-simple-cards.no-slider .card { margin-bottom: 24px; }

.slider-cards .card, .slider-simple-cards .card { width: 300px; max-width: 300px; margin: 0 12px; -ms-flex-item-align: start; align-self: flex-start; }

.slider-cards .slick-list, .slider-simple-cards .slick-list { margin: 0 -12px; }

@media (min-width: 576px) { .slider-cards .card--simple-large, .slider-simple-cards .card--simple-large { width: 516px; max-width: 516px; } }

.slider-simple-cards { padding: 0; }

@media (min-width: 1200px) { .slider-simple-cards { padding: 1.2rem; } }

.slider-simple-cards .slick-list { margin: 0 auto; }

.slick-arrow { cursor: pointer; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; }

.slick-disabled { cursor: not-allowed; opacity: .2; }

.slick-prev, .slick-next { font-family: "Vectora LT Pro"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 60px; width: 30px; z-index: 1; border: none; padding: 0; margin: 0; outline: none; background-color: rgba(255, 255, 255, 0.53); }

@media (min-width: 576px) { .slick-prev, .slick-next { height: 85px; width: 41px; } }

.slick-prev::before, .slick-next::before { content: ''; display: inline-block; float: left; clear: both; width: 12px; height: 22px; margin: 0 auto; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2221%22%3E%3Cpath%20d%3D%22M1%201l10%209.724L1%2020%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }

.slick-prev:hover, .slick-next:hover { background-color: rgba(93, 93, 98, 0.53); }

.slick-prev.light, .slick-next.light { background-color: rgba(93, 93, 98, 0.75); }

.slick-prev.light:hover, .slick-next.light:hover { background-color: rgba(93, 93, 98, 0.75); }

.slick-prev { border-bottom-right-radius: 90px; border-top-right-radius: 90px; left: 0; }

.slick-prev::before { content: ''; margin-left: 6px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

@media (min-width: 576px) { .slick-prev::before { margin-left: 10px; } }

.slick-next { border-bottom-left-radius: 90px; border-top-left-radius: 90px; right: 0; }

.slick-next::before { content: ''; margin-left: 12px; }

@media (min-width: 576px) { .slick-next::before { margin-left: 18px; } }

.slick-dots { position: absolute; bottom: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.slick-dots li { margin-right: 12px; }

.slick-dots .dot { width: 14px; height: 14px; background-color: transparent; color: transparent; border-radius: 50%; outline: none; border: 1px solid #fff; cursor: pointer; opacity: .4; -webkit-transform: translateZ(0); }

.slick-dots .slick-active .dot { background-color: #fff; opacity: 1; }

.hero-slide { position: relative; }

.hero-slide::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #5d5d62; opacity: .2; }

.hero-slide .section-head-titles { height: 70%; }

.hero-slide .icon-heart, .hero-slide .icon-heart-transparent { top: 25px; right: 4.3%; }

@media (min-width: 1460px) { .hero-slide .icon-heart, .hero-slide .icon-heart-transparent { top: 50px; right: 0; } }

.hero-title { font-size: 42px; font-weight: 300; color: #fff; padding: 0 30px; }

@media (min-width: 576px) { .hero-title { font-size: 60px; } }

@media (min-width: 1200px) { .hero-title { font-size: 84px; } }

.hero-subtitle { font-size: 14px; line-height: 2.57; color: #fff; }

@media (min-width: 576px) { .hero-subtitle { font-size: 18px; } }

@media (min-width: 1200px) { .hero-subtitle { font-size: 24px; } }

.hero-title, .hero-subtitle { text-align: center; }

.hero-slider .slick-dots { display: none !important; }

@media (min-width: 1200px) { .hero-slider .slick-dots { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } }

.hero-slide { background-size: cover; background-position: center; height: -webkit-calc(100vh - 120px); height: calc(100vh - 120px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 576px) { .hero-slide { height: 630px; } }

@media (min-width: 1200px) { .hero-slide { height: 800px; } }

.hero-slide-container { position: relative; height: 100%; }

.slider-news-box { height: 100%; padding: 50px 35px; }

@media (min-width: 1200px) { .slider-news-box { border-left: solid 1px #cbcbcb; padding: 0 0 0 25px; max-width: 500px; width: 100%; margin-left: 24px; } }

.slider-news-header span { font-size: 18px; color: #70bb3f; }

.slider-news-header .news-prev, .slider-news-header .news-next { width: 15px; height: 20px; }

.slider-news-header .news-prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-right: 25px; }

.slider-news { font-size: 22px; line-height: 1.41; font-weight: 300; font-family: "Vectora LT Pro"; color: #9b9b9b; }

@media (min-width: 1460px) { .slider-news { font-size: 28px; line-height: 1.36; } }

.slider-list-mobile .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.slider-default, .slider-simple-cards, .slider-hero, .slider-news, .slider-centered { visibility: hidden; opacity: 0; -webkit-transition: opacity .1s ease; transition: opacity .1s ease; }

.slider-default.slick-initialized, .slider-simple-cards.slick-initialized, .slider-hero.slick-initialized, .slider-news.slick-initialized, .slider-centered.slick-initialized { visibility: visible; opacity: 1; }

.slide-card-prev.icon-arrow-gray, .slide-card-next.icon-arrow-gray { width: 15px; height: 20px; }

.slide-card-prev.icon-arrow-gray { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-right: 25px; }

.search-form .form-group { position: relative; }

.search-form ::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #cbcbcb; opacity: 1; /* Firefox */ }

.search-form :-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #cbcbcb; opacity: 1; /* Firefox */ }

.search-form ::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #cbcbcb; opacity: 1; /* Firefox */ }

.search-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #cbcbcb; opacity: 1; /* Firefox */ }

.search-form :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #cbcbcb; }

.search-form ::-ms-input-placeholder { /* Microsoft Edge */ color: #cbcbcb; }

@media (min-width: 1460px) { .search-form-navbar { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 999; }
  .search-form-navbar .form-group { position: absolute; right: 0; top: 0; height: 100%; background: #fff; } }

@media (min-width: 1460px) { .search-form-navbar .search-field { width: 0; margin-right: 40px; padding: 6px 0 6px 12px; border-color: transparent; border-bottom: 2px solid transparent; outline: none; -webkit-transition: width .2s linear; transition: width .2s linear; } }

@media (min-width: 1460px) { .search-form-navbar .button-search { display: none; } }

.search-field { width: 100%; padding: 7px 9px; padding-right: 40px; line-height: 1; font-weight: 300; border: 1px solid #bcbcbc; -webkit-box-shadow: none; box-shadow: none; vertical-align: middle; border-radius: 3px; color: #9b9b9b; outline: none; }

@media (min-width: 576px) { .search-field { font-family: "Vectora LT Pro"; } }

.search-form-visible .search-field { border-bottom: 2px solid #bcbcbc; width: 300px; }

.search-form-toggle { display: none; }

@media (min-width: 1460px) { .search-form-toggle { display: block; cursor: pointer; z-index: 1; }
  .search-form-toggle .icon { width: 23px; height: 25px; } }

.button-search { cursor: pointer; background: transparent; border: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 10px; height: 100%; width: 25px; padding: 0; }

.button-search .icon { width: 20px; height: 21px; }

.search-form-content-top-bar .search-field { border-radius: 22px; padding: 7px 15px; padding-right: 40px; background-color: transparent; }

@media (min-width: 576px) { .search-form-content-top-bar .search-field { font-size: 18px; } }

.search-form-center-solo { max-width: 948px; margin: 0 auto; margin-bottom: 36px; }

.search-form-center-solo .search-field { background: transparent; border: 0; border-bottom: 1px solid; font-size: 18px; }

.search-form-center-solo .button-search { padding-bottom: 10px; }

.search-form-center-solo .icon-search { width: 24px; height: 25px; }

.form-intro { color: #9b9b9b; margin-bottom: 40px; }

@media (min-width: 576px) { .form-intro { margin-bottom: 80px; } }

.form-container { max-width: 564px; margin: 5vw auto; background: white; padding: 40px 20px; }

@media (min-width: 576px) { .form-container { padding: 80px; } }

.form-container .form-fields { width: 100%; margin-bottom: 50px; }

@media (min-width: 1200px) { .form-container .form-fields { margin-bottom: 80px; } }

.form-container .form-additional { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.form-container .form-additional a { font-family: "Vectora LT Pro-Roman"; font-size: 14px; color: #5d5d62; margin-bottom: 10px; }

.form-container .form-additional a:hover { color: #00aff5; }

@media (min-width: 1200px) { .form-container .form-additional a { margin-bottom: 0; } }

.form-check { padding-bottom: 15px; /*Check box*/ /*Radio box*/ }

.form-check .label-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; line-height: 1; font-size: 16px; font-weight: 300; color: #bcbcbc; }

.form-check .label-text.label-text-sent { font-family: "Vectora LT Pro-Roman"; font-size: 14px; }

.form-check input[type="checkbox"]:checked + .label-text:not(.label-text-sent) { color: #00aff5; }

.form-check input[type="checkbox"], .form-check input[type="radio"] { position: absolute; right: 9000px; }

.form-check input[type="checkbox"] + .label-text:before { content: ''; display: inline-block; line-height: 1; width: 15px; height: 15px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.31), inset 0 0 0px 1px white; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.31), inset 0 0 0px 1px white; background-color: #ffffff; border: solid 1px #bcbcbc; margin-right: 12px; }

.form-check input[type="checkbox"]:checked + .label-text:before { content: ""; background: #00aff5; }

.form-check input[type="checkbox"]:disabled + .label-text { opacity: .8; cursor: not-allowed; }

.form-check input[type="checkbox"]:disabled + .label-text:before { content: ""; background: #fff; }

.form-check input[type="radio"] + .label-text:before { content: ""; line-height: 1; width: 15px; height: 15px; display: inline-block; margin-right: 15px; border-radius: 50%; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.31), inset 0 0 0px 1px white; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.31), inset 0 0 0px 1px white; background-color: #ffffff; border: solid 1px #bcbcbc; }

.form-check input[type="radio"]:checked + .label-text:before { content: ""; background: #00aff5; }

.form-check input[type="radio"]:disabled + .label-text { color: #aaa; }

.form-check input[type="radio"]:disabled + .label-text:before { content: "\f111"; color: #ccc; }

.form-check.form-check--secondary input[type="checkbox"]:checked + .label-text:not(.label-text-sent) { color: #70bb3f; }

.form-check.form-check--secondary input[type="checkbox"]:checked + .label-text:before { background: #70bb3f; }

.form-check.form-check--secondary input[type="radio"]:checked + .label-text:before { background: #70bb3f; }

.form-group-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.form-group-inline input[type="number"] { width: 70px; }

@media (min-width: 576px) { .form-group-inline input[type="number"] { width: 80px; } }

.form-group-inline.form-group-inline--2col { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.form-group-inline.form-group-inline--2col .form-check { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; }

@media (min-width: 576px) { .form-group-inline.form-group-inline--2col .form-check { -webkit-box-flex: 1; -ms-flex: 1 0 40%; flex: 1 0 40%; } }

.form-field { margin-bottom: 30px; }

.form-field.form-field-half { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }

.form-element-icon { position: relative; }

.form-element-icon .icon { position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }

.form-element-icon .icon.icon-location { width: 16px; height: 23px; }

.form-element-icon .icon.icon-bed-green { width: 27px; height: 18px; }

.form-element-icon input, .form-element-icon select { padding-left: 55px; }

#child-age { opacity: 0; }

.section-my-istria { padding-bottom: 50px; }

.section-my-istria .intro { text-align: center; color: #9b9b9b; }

.section-my-istria .intro-text { font-weight: 300; font-size: 14px; margin: 0 auto; line-height: 1.75; padding-top: 24px; max-width: 400px; }

@media (min-width: 576px) { .section-my-istria .intro-text { font-size: 16px; } }

@media (min-width: 1200px) { .section-my-istria .intro-text { font-size: 18px; max-width: 815px; } }

@media (min-width: 1460px) { .section-my-istria .intro-text { font-size: 24px; } }

.section-my-istria .intro-title { line-height: 1.28; font-size: 20px; padding-top: 45px; padding-bottom: 60px; }

@media (min-width: 1200px) { .section-my-istria .intro-title { font-size: 36px; padding-top: 90px; padding-bottom: 120px; } }

.section-your-stories { padding-bottom: 40px; }

@media (min-width: 1200px) { .section-your-stories { padding-bottom: 155px; } }

.section-events-festivals { padding-bottom: 40px; }

@media (min-width: 1200px) { .section-events-festivals { padding-bottom: 60px; } }

.section-events-festivals .slider-cards-container { padding: 40px 0; }

@media (min-width: 1200px) { .section-events-festivals .slider-cards-container { padding: 0; } }

.section-istra-top { padding-top: 30px; padding-bottom: 60px; }

@media (min-width: 1200px) { .section-istra-top { padding-top: 114px; padding-bottom: 158px; } }

.header-istra-top { color: #9b9b9b; text-align: center; font-weight: 300; margin-bottom: 30px; }

@media (min-width: 1200px) { .header-istra-top { margin-bottom: 142px; } }

.header-istra-top .title { margin-bottom: 25px; font-size: 42px; }

@media (min-width: 1200px) { .header-istra-top .title { font-size: 60px; } }

@media (min-width: 1460px) { .header-istra-top .title { font-size: 84px; } }

.header-istra-top .subtitle { font-size: 18px; }

@media (min-width: 1200px) { .header-istra-top .subtitle { font-size: 20px; } }

@media (min-width: 1200px) { .header-istra-top .subtitle { font-size: 24px; } }

.after-hero { margin: 0 -12px; }

@media (min-width: 1200px) { .after-hero { margin: 0; padding-top: 20px; padding-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media (min-width: 1200px) { .slider-news-box { width: 35.15625%; } }

.weather-home { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; padding: 50px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; }

@media (min-width: 1200px) { .weather-home { width: 64.6875%; padding: 0; -webkit-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; background-color: transparent; margin-right: 24px; } }

.weather-home .weather-column { width: 100%; }

.weather-home .weather-column:not(:first-child) { display: none; }

@media (min-width: 576px) { .weather-home .weather-column:not(:first-child) { display: block; } }

.weather-home .weather-column li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 38px; }

.weather-home .weather-column li:last-child { margin-bottom: 0; }

.weather-home .weather-column li span { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; margin-right: 24px; }

@media (min-width: 1200px) { .weather-home .weather-column li span { margin-right: 0; } }

.weather-home .weather-column li span, .weather-home .weather-column li p { font-size: 22px; color: #bcbcbc; }

@media (min-width: 1460px) { .weather-home .weather-column li span, .weather-home .weather-column li p { font-size: 24px; } }

.weather-home .weather-column li i { width: 56px; height: 41px; margin-left: 12px; }

.weather-home .weather-column li p { margin-left: 24px; }

.experience-copy { font-weight: 300; text-align: center; line-height: 1.28; font-size: 24px; color: #9b9b9b; padding-top: 72px; padding-bottom: 40px; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff00), to(#ffffff)); background-image: -webkit-linear-gradient(top, #ffffff00, #ffffff); background-image: linear-gradient(to bottom, #ffffff00, #ffffff); }

@media (min-width: 1200px) { .experience-copy { padding-top: 160px; padding-bottom: 80px; font-size: 36px; } }

.experience-copy .slider-centered .slick-track { padding: 50px 0; }

.section-head { background-size: cover; background-position: center; background-repeat: no-repeat; height: 10vw; position: relative; }

.section-head > .container { height: 100%; }

.section-head::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #5d5d62; opacity: .2; }

.section-head.section-head--sm { height: 20vw; min-height: 110px; max-height: 215px; }

.section-head.section-head--sm::before { display: none; }

.section-head.section-head--sm .section-head-titles { position: relative; }

.section-head.section-head--sm .section-head-title { font-size: 24px; font-weight: 300; color: #fff; }

@media (min-width: 576px) { .section-head.section-head--sm .section-head-title { font-size: 30px; } }

@media (min-width: 1200px) { .section-head.section-head--sm .section-head-title { font-size: 36px; } }

.section-head.section-head--md { height: 19vw; min-height: 300px; }

.section-head.section-head--md .section-head-footer { bottom: 20px; }

@media (min-width: 1200px) { .section-head.section-head--md .section-head-footer { bottom: 80px; } }

.section-head.section-head--lg { min-height: 300px; height: 31vw; }

.section-head.section-head--lg .section-head-titles { height: 100%; }

@media (min-width: 576px) { .section-head.section-head--lg .section-head-titles { height: 90%; } }

.section-head.sh-clear .section-head-footer { bottom: 30px; }

.section-head.sh-void { height: 25vw; margin-top: 10vw; }

.section-head.sh-void .section-head-titles { height: 100%; }

.section-head.sh-void .section-head-title { font-size: 30px; margin-bottom: 20px; }

@media (min-width: 576px) { .section-head.sh-void .section-head-title { font-size: 36px; margin-bottom: 30px; } }

@media (min-width: 1200px) { .section-head.sh-void .section-head-title { font-size: 64px; margin-bottom: 60px; } }

@media (min-width: 576px) { .section-head.sh-void .btn { max-width: 268px; width: 100%; } }

.section-head.section-head--bg-color-01 { background-color: #70bb3f; }

.section-head.section-head--bg-color-02 { background-color: #00aff5; }

.section-head.section-head--bg-color-03 { background-color: #8172b4; }

.section-head.section-head--bg-color-04 { background-color: #d52749; }

.section-head.section-head--bg-color-05 { background-color: #e9803a; }

.section-head.section-head--bg-color-06 { background-color: #f59c9e; }

.section-head .icon-heart, .section-head .icon-heart-transparent { top: 25px; right: 4.3%; }

@media (min-width: 1460px) { .section-head .icon-heart, .section-head .icon-heart-transparent { top: 50px; right: 0; } }

.section-head-titles { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; width: 100%; height: 100%; }

@media (min-width: 1200px) { .section-head-titles { height: 80%; } }

.section-head-title { font-size: 42px; font-weight: 300; color: #fff; text-align: center; padding: 0 24px; }

@media (min-width: 1200px) { .section-head-title { font-size: 84px; } }

.section-head-title.my-istria { position: relative; }

.section-head-title.my-istria .icon-heart { top: 0; right: -18px; width: 37px; height: 34px; }

@media (min-width: 1200px) { .section-head-title.my-istria .icon-heart { right: -38px; width: 62px; height: 57px; } }

.section-head-subtitle { font-size: 18px; line-height: 1.8; padding-bottom: 30px; color: #fff; }

@media (min-width: 1200px) { .section-head-subtitle { font-size: 24px; } }

.section-head-footer { position: absolute; width: 100%; bottom: 30px; left: 0; }

@media (min-width: 1200px) { .section-head-footer { bottom: 110px; } }

.section-head-footer .section-head-location { position: absolute; bottom: 0; left: 4.3%; font-size: 12px; color: #fff; }

.section-head-footer .section-head-location::before { content: ''; display: inline-block; width: 10px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2210%22%20height%3D%2214%22%3E%3Cdefs%3E%3Cpath%20id%3D%22location-white-small-hero-a%22%20d%3D%22M0%200h10v14H0z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22location-white-small-hero-b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23location-white-small-hero-a%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M4.935%207.496c-1.441-.018-2.656-1.24-2.618-2.658C2.28%203.457%203.486%202.199%204.97%202.193c1.36-.006%202.674%201.11%202.679%202.662.003%201.378-1.177%202.66-2.713%202.641m4.921-3.754c-.23-.957-.738-1.754-1.463-2.41C7.187.24%205.77-.205%204.155.088%202.495.39%201.277%201.313.508%202.802c-.466.903-.593%201.866-.456%202.87a6.15%206.15%200%200%200%201.019%202.641c.606.9%201.208%201.8%201.805%202.706.587.89%201.165%201.785%201.746%202.679.086.13.19.236.345.279.256.071.489-.024.64-.265.733-1.171%201.462-2.346%202.2-3.515.495-.782%201.005-1.552%201.442-2.37.477-.892.75-1.832.751-2.96a5.31%205.31%200%200%200-.144-1.125%22%20fill%3D%22%23FEFEFE%22%20mask%3D%22url%28%23location-white-small-hero-b%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); margin-right: 6px; }

@media (min-width: 1200px) { .section-head-footer .section-head-location { bottom: 0; left: 0; } }

@media (min-width: 1200px) and (max-width: 1300px) { .section-head-footer .section-head-location { left: 24px; } }

.section-head-footer .section-head-button { position: absolute; right: 4.3%; bottom: 0; }

@media (min-width: 1460px) { .section-head-footer .section-head-button { right: 0; } }

.section-head-footer .quote-box { display: none; }

@media (min-width: 1460px) { .section-head-footer .quote-box { display: block; position: absolute; bottom: 0; right: 0; } }

.experience-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding-top: 45px; padding-bottom: 25px; }

@media (min-width: 1200px) { .experience-filters { padding-top: 40px; padding-bottom: 50px; } }

.experience-filters i { display: none; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; }

@media (min-width: 1200px) { .experience-filters i { display: inline-block; margin-bottom: 40px; height: 75px; } }

.experience-filters i.icon-sunsea { width: 140px; }

.experience-filters i.icon-green-istria { width: 140px; }

.experience-filters i.icon-heritage { width: 140px; }

.experience-filters i.icon-gourmet { width: 140px; }

.experience-filters i.icon-sports-outdoor { width: 92px; }

.experience-filters i.icon-health-welness { width: 140px; }

.experience-filters .btn { padding: 7px 12px 8px; font-size: 16px; }

@media (min-width: 576px) { .experience-filters .btn { padding: 10px 12px 8px; font-size: 18px; } }

.experience-filters .is-active i { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.experience-filters .is-active .btn { color: #fff; }

.experience-filters li { margin: 0 5px 20px; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }

@media (min-width: 576px) { .experience-filters li { width: auto; margin: 0 10px 20px; } }

.experience-filters li:hover i { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.experience-filters li a { display: block; }

@media (min-width: 1460px) { .experience-filters li { width: 14%; }
  .experience-filters li:first-child { margin-left: 0; }
  .experience-filters li:last-child { margin-right: 0; } }

.filter-sun-sea .btn { border: 1px solid #00aff5; color: #00aff5; }

.filter-sun-sea:hover .btn, .filter-sun-sea .is-active .btn { color: #fff; color: #fff; background-color: #00aff5; }

.filter-green-istria .btn { border: 1px solid #70bb3f; color: #70bb3f; }

.filter-green-istria:hover .btn, .filter-green-istria .is-active .btn { color: #fff; background-color: #70bb3f; }

.filter-heritage .btn { border: 1px solid #8172b4; color: #8172b4; }

.filter-heritage:hover .btn, .filter-heritage .is-active .btn { color: #fff; background-color: #8172b4; }

.filter-gourmet .btn { border: 1px solid #d52749; color: #d52749; }

.filter-gourmet:hover .btn, .filter-gourmet .is-active .btn { color: #fff; background-color: #d52749; }

.filter-sports-outdoor .btn { border: 1px solid #e9803a; color: #e9803a; }

.filter-sports-outdoor:hover .btn, .filter-sports-outdoor .is-active .btn { color: #fff; background-color: #e9803a; }

.filter-health-welness .btn { border: 1px solid #f59c9e; color: #f59c9e; }

.filter-health-welness:hover .btn, .filter-health-welness .is-active .btn { color: #fff; background-color: #f59c9e; }

.grid-instagram { margin-top: 27px; }

@media (min-width: 1200px) { .grid-instagram { margin-top: 0; } }

.grid-item-instagram { background-position: center; background-size: cover; }

.grid-my-istria { margin: 0 auto; padding-top: 40px; -webkit-transition: width .3s ease-in-out; transition: width .3s ease-in-out; }

@media (min-width: 576px) { .grid-my-istria { max-width: 900px; } }

@media (min-width: 1200px) { .grid-my-istria { max-width: 100%; } }

@media (min-width: 1200px) { .grid-my-istria { padding-top: 20px; border-top: 1px solid #bcbcbc; } }

.grid-item-image { width: 50%; max-width: 300px; height: auto; float: left; padding: 0 5px; }

@media (min-width: 576px) { .grid-item-image { width: 33%; } }

@media (min-width: 1200px) { .grid-item-image { width: 20%; } }

@media (min-width: 1600px) { .grid-item-image { padding: 0 10px; max-width: 100%; } }

.grid-item-image img { display: block; width: 100%; height: auto; }

.my-istria-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.my-istria-filters .separator { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-style: italic; color: #fff; width: 46px; height: 46px; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); background-color: #70bb3f; border-radius: 50%; margin: 0 -20px; z-index: 1; }

@media (min-width: 1200px) { .my-istria-filters .separator { font-size: 24px; width: 82px; height: 82px; } }

.filter-button { background: #cbcbcb; color: white; border-radius: 80px; width: 190px; height: 74px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Vectora LT Pro"; font-weight: bold; -webkit-transition: -webkit-box-shadow 0.2s ease-in-out; transition: -webkit-box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; }

@media (min-width: 1200px) { .filter-button { font-size: 28px; width: 336px; height: 132px; } }

.filter-button.is-active { -webkit-box-shadow: inset -1px 2px 0 0 rgba(0, 0, 0, 0.5); box-shadow: inset -1px 2px 0 0 rgba(0, 0, 0, 0.5); }

.section-content { color: #9b9b9b; font-weight: 300; padding-bottom: 80px; }

@media (min-width: 1200px) { .section-content { padding-bottom: 100px; } }

.section-title { color: #9b9b9b; text-align: center; padding: 0 24px; font-size: 42px; }

@media (min-width: 1200px) { .section-title { font-size: 60px; } }

@media (min-width: 1460px) { .section-title { font-size: 84px; } }

.section-title.section-title--small { font-size: 28px; }

@media (min-width: 1200px) { .section-title.section-title--small { font-size: 36px; } }

.section-title-secondary { text-align: center; padding: 0 24px; font-size: 42px; }

@media (min-width: 1200px) { .section-title-secondary { font-size: 48px; } }

@media (min-width: 1460px) { .section-title-secondary { font-size: 64px; } }

.section-subtitle { color: #9b9b9b; text-align: center; padding: 30px 24px; font-size: 24px; margin-bottom: 30px; }

@media (min-width: 1200px) { .section-subtitle { padding: 0 24px; font-size: 36px; margin-bottom: 76px; } }

.section-text { text-align: center; font-weight: 300; font-size: 14px; margin: 0 auto; line-height: 1.75; max-width: 400px; }

.section-text::before { content: '-'; display: block; }

@media (min-width: 576px) { .section-text { font-size: 16px; } }

@media (min-width: 1200px) { .section-text { font-size: 18px; padding-top: 24px; max-width: 670px; } }

@media (min-width: 1460px) { .section-text { font-size: 24px; } }

.section-text.section-text--sm { font-size: 18px; }

.section-text.section-text-wide-md { max-width: 400px; }

@media (min-width: 1200px) { .section-text.section-text-wide-md { max-width: 670px; } }

.section-text.section-text-wide-lg { max-width: 450px; }

@media (min-width: 1200px) { .section-text.section-text-wide-lg { max-width: 925px; } }

.section-text.section-text-wide-lg--secondary { max-width: 600px; }

@media (min-width: 1200px) { .section-text.section-text-wide-lg--secondary { max-width: 825px; } }

.section-experience-town { padding-bottom: 50px; }

@media (min-width: 576px) { .section-experience-town { padding-bottom: 10vw; } }

.section-experience-town .grid { margin-top: 40px; }

@media (min-width: 1200px) { .section-experience-town .grid { margin-top: 0; } }

.section-events-town .slider-cards-container { margin-top: 40px; }

@media (min-width: 1200px) { .section-events-town .slider-cards-container { margin-top: 0; } }

.section-explore-town-info { padding: 10vw 0; }

.section-explore-town-info .head { margin-bottom: 15px; }

@media (min-width: 1200px) { .section-explore-town-info .head { height: 40px; } }

.section-explore-town-info .head i { width: 50px; height: 35px; }

.section-explore-town-info .title { font-size: 24px; color: #9b9b9b; }

.section-explore-town-info .source-info { margin-top: 10px; font-size: 12px; font-style: italic; color: #bcbcbc; }

@media (max-width: 575px) { .region-data-container { padding-bottom: 0; } }

#istria-map-svg .active path { fill: #70bb3f; fill-opacity: 1 !important; }

#istria-map-svg path { cursor: pointer; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }

#istria-map-svg path:hover { fill-opacity: .4; fill: #70bb3f; }

.region-data { display: none; }

.region-data.active { display: block; }

.cities-list { height: 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.cities-list:not(:first-child) { display: none; }

.cities-list.active { display: -webkit-box; display: -ms-flexbox; display: flex; }

.cities-list .slick-slide { text-align: center; font-size: 28px; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }

.cities-list .slick-current { color: #70bb3f; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.slider-cities-list { margin-top: 90px; margin-bottom: 20px; }

@media (min-width: 576px) { .slider-cities-list { margin-bottom: 40px; }
  .slider-cities-list .slick-track { width: 100% !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media (min-width: 1200px) { .slider-cities-list { margin-top: 40px; } }

.cities-container { display: none; }

.cities-container.active { display: block; max-width: 1600px; margin: 0 auto; }

.region-city { cursor: pointer; font-size: 28px; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); color: #bcbcbc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 15px; -webkit-transition: -webkit-transform .1s ease-in-out; transition: -webkit-transform .1s ease-in-out; transition: transform .1s ease-in-out; transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out; }

.region-city.slick-current:not(.is-active) { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); color: #70bb3f; }

.content-archive { margin: 0 -12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.content-archive.content-archive--secondary { margin-top: 80px; }

@media (min-width: 576px) { .content-archive.content-archive--secondary { margin-top: 7vw; } }

.content-archive .article-archive { display: inline-block; margin: 0 12px; margin-bottom: 30px; width: 300px; }

@media (min-width: 576px) { .content-archive .article-archive { margin-bottom: 60px; } }

.content-archive .article-archive header { margin-bottom: 10px; }

.content-archive .article-archive.article-archive--sm { width: 50%; max-width: 300px; height: auto; float: left; padding: 0 5px; margin: 0; margin-bottom: 30px; }

.content-archive .article-archive.article-archive--sm .article-inner { border: 1px solid #bcbcbc; padding: 15px; border-radius: 3px; }

@media (min-width: 576px) { .content-archive .article-archive.article-archive--sm { width: 33%; } }

@media (min-width: 1200px) { .content-archive .article-archive.article-archive--sm { width: 20%; } }

@media (min-width: 1600px) { .content-archive .article-archive.article-archive--sm { padding: 0 15px; max-width: 100%; } }

.content-archive .article-archive.article-archive--sm .entry-titles .entry-title { font-size: 18px; }

.content-archive .article-archive.article-archive--sm .entry-titles .entry-subtitle { font-size: 18px; }

.content-archive .article-archive.article-archive--sm .card-bg { width: auto; height: auto; max-width: 100%; }

.content-archive .article-archive.article-archive--sm footer { font-family: "Vectora LT Pro-Roman"; font-size: 12px; color: #bcbcbc; }

.content-archive .article-archive.article-archive--sm footer a { color: #00aff5; }

.content-archive .entry-titles .entry-title { font-size: 24px; color: #5d5d62; margin-bottom: 5px; }

.content-archive .entry-titles .entry-subtitle { font-size: 18px; color: #bcbcbc; }

.container-archive-narrow { max-width: 1300px; margin: 0 auto; }

.container--narrow { max-width: 950px; margin: 0 auto; }

.category-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; text-align: center; border-bottom: 1px solid #bcbcbc; font-family: "Vectora LT Pro-Roman"; color: #bcbcbc; padding-bottom: 10px; margin-bottom: 90px; margin-top: 20px; }

@media (min-width: 576px) { .category-navigation { margin-top: 45px; } }

.category-navigation.cn-solo { margin-top: 8vw; }

.category-navigation.cn-breadcrumb { margin-top: 40px; }

@media (min-width: 1200px) { .category-navigation.cn-breadcrumb { margin-top: 100px; } }

.category-navigation .category-title { font-size: 18px; }

.category-navigation li { margin: 0 20px 15px; }

.category-navigation a { display: block; color: #bcbcbc; }

.category-navigation a:hover { color: #00aff5; }

.category-navigation a.active .category-title { font-size: 28px; color: #00aff5; }

.content-area { padding-bottom: 40px; }

@media (min-width: 1200px) { .content-area { padding-bottom: 10vw; } }

.entry-content { padding-bottom: 40px; }

.entry-content .title { font-family: "Vectora LT Pro-Roman"; font-size: 24px; color: #5d5d62; margin-bottom: 30px; }

@media (min-width: 1200px) { .entry-content .title { font-size: 36px; margin-bottom: 3vw; } }

.entry-content p { font-weight: 300; color: #9b9b9b; }

@media (min-width: 1200px) { .entry-content p { font-size: 18px; } }

.entry-content .entry-content-intro { font-size: 18px; color: #8172b4; margin-bottom: 30px; line-height: 1.27; }

@media (min-width: 1200px) { .entry-content .entry-content-intro { margin-bottom: 3vw; font-size: 22px; } }

.entry-content-page { margin-top: 8vw; }

.container-single-narrow { max-width: 1300px; margin: 0 auto; }

.article-image-slideshow .article-image { padding-bottom: 60%; background-size: cover; background-position: center; }

.article-image, .article-image-thumbs { max-width: 800px; }

.article-image { max-width: 800px; width: 100%; border-radius: 3px; }

.article-image-thumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -.5vw; margin-top: 24px; }

.article-image-thumbs .thumb { cursor: pointer; border-radius: 3px; margin-left: .5vw; margin-right: .5vw; margin-bottom: 12px; width: -webkit-calc(20% - 1vw); width: calc(20% - 1vw); background-size: cover; background-position: center; }

.entry-content .entry-content-part { margin-bottom: 25px; font-size: 14px; }

@media (min-width: 576px) { .entry-content .entry-content-part { margin-bottom: 50px; } }

.entry-content .entry-content-part p, .entry-content .entry-content-part a:not(.btn), .entry-content .entry-content-part li { color: #9b9b9b; font-size: 14px; }

.entry-content .entry-content-part.entry-content-intro-part { padding-bottom: 0; }

.entry-content .entry-content-part.entry-content-intro-part p, .entry-content .entry-content-part.entry-content-intro-part a, .entry-content .entry-content-part.entry-content-intro-part li { font-size: 16px; }

.entry-content .content-part-title { font-size: 14px; font-family: "Vectora LT Pro-Roman"; margin-bottom: 3px; }

.entry-content-restaurant .content-part-title { color: #d52749; }

.entry-content-event .content-part-title, .entry-content-wts .content-part-title { color: #70bb3f; }

.entry-content-wedding .content-part-title { color: #00aff5; }

.article-single { padding-bottom: 8vw; }

.article-single .entry-title { font-size: 28px; color: #5d5d62; font-family: "Vectora LT Pro-Roman"; margin-bottom: 27px; }

@media (min-width: 1200px) { .article-single .entry-title { font-size: 36px; } }

.article-single .intro-text { font-size: 18px; color: #5d5d62; font-family: "Vectora LT Pro-Roman"; margin-bottom: 30px; }

@media (min-width: 1200px) { .article-single .intro-text { margin-bottom: 52px; font-size: 22px; } }

.article-single p { font-weight: 300; color: #9b9b9b; margin-bottom: 20px; line-height: 1.56; }

@media (min-width: 1200px) { .article-single p { font-size: 18px; } }

.article-single .article-inner { clear: both; overflow: hidden; }

.article-single .article-inner p { clear: both; display: block; }

.article-single .article-inner h1, .article-single .article-inner h2, .article-single .article-inner h3, .article-single .article-inner h4, .article-single .article-inner h5, .article-single .article-inner h6 { color: #5d5d62; margin: 30px 0; }

.article-single .article-inner h3 { font-size: 24px; color: #5d5d62; }

.article-single p img { padding: 0; max-width: 100%; }

.article-single iframe { margin: 40px 0; }

.article-single blockquote { max-width: 600px; text-align: center; margin: 40px auto; padding: 60px; border-radius: 3px; font-size: 24px; color: #fff; background-color: #70bb3f; }

.article-single img { margin: 0 0 1.5em 0; }

.article-single .alignleft, .article-single img.alignleft { margin-right: 1.5em; display: inline; float: left; }

.article-single .alignright, .article-single img.alignright { margin-left: 1.5em; display: inline; float: right; }

.article-single .aligncenter, .article-single img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }

.article-app .app-image { max-width: 300px; margin-left: auto; margin-right: auto; margin-bottom: 40px; }

@media (min-width: 576px) { .article-app .app-image { margin-bottom: 0; margin-right: 24px; margin-left: inherit; } }

.article-app .app-content { max-width: 500px; font-weight: 300; color: #9b9b9b; }

@media (min-width: 1200px) { .article-app .app-content { font-size: 18px; } }

.article-app .app-content .content-title { color: #00aff5; margin-bottom: 6px; }

.article-app .app-content .app-content-part { margin-bottom: 43px; }

.article-app .app-content .app-download { margin-top: 15px; }

.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: "Vectora LT Pro-Roman"; font-size: 18px; margin-top: 6vw; margin-bottom: 8vw; }

@media (min-width: 576px) { .pagination { font-size: 28px; } }

.pagination a { color: #bcbcbc; margin: 0 6px; width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; border-radius: 50%; }

@media (min-width: 576px) { .pagination a { width: 46px; height: 46px; } }

.pagination a.current { background-color: #70bb3f; padding: 12px; color: #fff; }

.pagination.pagination--secondary a.current { background-color: #00aff5; padding: 12px; color: #fff; }

.pagination-prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.pagination-prev i, .pagination-next i { width: 10px; height: 19px; }

.date-picker { width: 170px; height: 25px; padding: 0; border: 0; line-height: 25px; padding-left: 10px; font-size: 16px; font-weight: 300; font-family: "Vectora LT Pro-Roman"; cursor: pointer; color: #303030; position: relative; z-index: 2; }

.date-picker-wrapper { -webkit-transition: all .1s linear; transition: all .1s linear; position: absolute; z-index: 1; border: 1px solid #bcbcbc; background-color: #fff; padding: 0 !important; font-size: 15px; line-height: 20px; color: #aaa; font-family: "Vectora LT Pro-Roman"; -webkit-box-sizing: initial; box-sizing: initial; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.dp-clearfix { clear: both; height: 0; font-size: 0; }

.date-picker-wrapper.inline-wrapper { position: relative; -webkit-box-shadow: none; box-shadow: none; display: inline-block; }

.date-picker-wrapper.single-date { width: auto; }

.date-picker-wrapper.single-date .month-wrapper table .day.checked::after { display: none; }

.date-picker-wrapper.no-shortcuts { padding-bottom: 12px; }

.date-picker-wrapper.no-topbar { padding-top: 12px; }

.date-picker-wrapper .footer { font-size: 11px; padding-top: 3px; }

.date-picker-wrapper b { color: #666; font-weight: 700; }

.date-picker-wrapper a { color: #6bb4d6; text-decoration: underline; }

.date-picker-wrapper .month-name { text-transform: uppercase; padding: 24px 0; font-size: 18px; }

.date-picker-wrapper .select-wrapper { position: relative; overflow: hidden; display: inline-block; vertical-align: middle; }

.date-picker-wrapper .select-wrapper option { color: #24253d; }

.date-picker-wrapper .select-wrapper:hover { text-decoration: underline; }

.date-picker-wrapper .month-element { display: inline-block; vertical-align: middle; }

.date-picker-wrapper .select-wrapper select { position: absolute; margin: 0; padding: 0; left: 0; top: -1px; font-size: inherit; font-style: inherit; font-weight: inherit; text-transform: inherit; color: inherit; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: 0; outline: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); opacity: 0.01; }

.date-picker-wrapper .month-wrapper { background-color: #fff; cursor: default; position: relative; _overflow: hidden; }

.date-picker-wrapper .month-wrapper table { width: 280px; float: left; }

.date-picker-wrapper .month-wrapper table.month2 { width: 280px; float: left; }

.date-picker-wrapper .month-wrapper table th, .date-picker-wrapper .month-wrapper table td { vertical-align: middle; text-align: center; line-height: 1.5; font-weight: normal; margin: 0; padding: 0; }

.date-picker-wrapper .month-wrapper table .day { padding: 5px 10px; line-height: 1.5; margin-bottom: 6px; font-size: 16px; color: rgba(36, 37, 61, 0.5); cursor: default; }

.date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth { cursor: default; }

.date-picker-wrapper .month-wrapper table .day.checked { position: relative; z-index: 2; }

.date-picker-wrapper .month-wrapper table .day.checked::before { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 50%; height: 30px; background: #F5F5F5; z-index: -2; }

.date-picker-wrapper .month-wrapper table .day.checked::after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 50%; height: 30px; background: #F5F5F5; z-index: -2; }

.date-picker-wrapper .month-wrapper table .week-name { height: 20px; line-height: 20px; font-weight: 100; text-transform: uppercase; }

.date-picker-wrapper .month-wrapper table .week-name th { color: #00aff5; font-size: 16px; padding: 12px; }

.date-picker-wrapper .month-wrapper table .day.has-tooltip { cursor: help !important; }

.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip { white-space: nowrap; }

.date-picker-wrapper .time label { white-space: nowrap; }

.date-picker-wrapper .month-wrapper table .day.toMonth.valid { color: #333; cursor: pointer; }

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering { position: relative; z-index: 2; }

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering::before { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 50%; height: 30px; background: #F5F5F5; z-index: -2; }

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering::after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 50%; height: 30px; background: #F5F5F5; z-index: -2; }

.date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .month-wrapper table .day.lastMonth { display: block; }

.date-picker-wrapper .month-wrapper table .day.real-today { text-decoration: underline; }

.date-picker-wrapper table .caption { height: 55px; background: #00aff5; color: #fff; font-family: "Vectora LT Pro-Roman"; }

.date-picker-wrapper table .caption > th:first-of-type, .date-picker-wrapper table .caption > th:last-of-type { width: 27px; }

.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev { cursor: pointer; }

.date-picker-wrapper table .caption .next { padding-right: 10px; }

.date-picker-wrapper table .caption .prev { padding-left: 10px; }

.date-picker-wrapper .gap { position: relative; z-index: 1; width: 15px; height: 100%; font-size: 0; line-height: 0; float: left; top: 0; margin: 0 10px; visibility: hidden; height: 0; }

.date-picker-wrapper .gap .gap-lines { height: 100%; overflow: hidden; }

.date-picker-wrapper .gap .gap-line { height: 15px; width: 15px; position: relative; }

.date-picker-wrapper .gap .gap-line .gap-1 { z-index: 1; height: 0; border-left: 8px solid white; border-top: 8px solid #eee; border-bottom: 8px solid #eee; }

.date-picker-wrapper .gap .gap-line .gap-2 { position: absolute; right: 0; top: 0px; z-index: 2; height: 0; border-left: 8px solid transparent; border-top: 8px solid white; }

.date-picker-wrapper .gap .gap-line .gap-3 { position: absolute; right: 0; top: 8px; z-index: 2; height: 0; border-left: 8px solid transparent; border-bottom: 8px solid white; }

.date-picker-wrapper .gap .gap-top-mask { width: 6px; height: 1px; position: absolute; top: -1px; left: 1px; background-color: #eee; z-index: 3; }

.date-picker-wrapper .gap .gap-bottom-mask { width: 6px; height: 1px; position: absolute; bottom: -1px; left: 7px; background-color: #eee; z-index: 3; }

.date-picker-wrapper .selected-days { display: none; }

.date-picker-wrapper .drp_top-bar { line-height: 1.4; position: relative; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 15px 0; }

.date-picker-wrapper .drp_top-bar .error-top, .date-picker-wrapper .drp_top-bar .normal-top { display: none; }

.date-picker-wrapper .drp_top-bar .default-top { display: none; }

.date-picker-wrapper .drp_top-bar.error .default-top { display: none; }

.date-picker-wrapper .drp_top-bar.error .error-top { display: block; color: red; }

.date-picker-wrapper .drp_top-bar.normal .default-top { display: none; }

.date-picker-wrapper .drp_top-bar.normal .normal-top { display: none; }

.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top { color: #333; }

.date-picker-wrapper .drp_top-bar .apply-btn { padding: 0 15px; font-size: 15px; font-family: "Vectora LT Pro-Roman"; margin: 0; position: relative; float: right; clear: both; cursor: pointer; }

.date-picker-wrapper .drp_top-bar .apply-btn.disabled { color: #24253d; }

.date-picker-wrapper .time { position: relative; }

.date-picker-wrapper.single-month .time { display: block; }

.date-picker-wrapper .time input[type=range] { vertical-align: middle; width: 129px; padding: 0; margin: 0; height: 20px; }

.date-picker-wrapper .time1 { width: 180px; padding: 0 5px; text-align: center; }

/*time styling*/
.time2 { width: 180px; padding: 0 5px; text-align: center; }

.date-picker-wrapper .time1 { float: left; }

.date-picker-wrapper .time2 { float: right; }

.date-picker-wrapper .hour { text-align: right; }

.minute { text-align: right; }

.date-picker-wrapper .hide { display: none; }

.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected { background-color: #49e !important; color: white !important; }

.date-picker-wrapper .date-range-length-tip { position: absolute; margin-top: -4px; margin-left: -8px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); display: none; background-color: yellow; padding: 0 6px; border-radius: 2px; font-size: 12px; line-height: 16px; -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); z-index: 3; }

.date-picker-wrapper .date-range-length-tip:after { content: ''; position: absolute; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid yellow; left: 50%; margin-left: -4px; bottom: -4px; }

.date-picker-wrapper.two-months.no-gap .month1 .next, .date-picker-wrapper.two-months.no-gap .month2 .prev { display: none; }

.date-picker-wrapper .week-number { padding: 5px 0; line-height: 1; font-size: 12px; margin-bottom: 1px; color: #999; cursor: pointer; }

.date-picker-wrapper .week-number.week-number-selected { color: #49e; font-weight: bold; }

.date-picker-wrapper .week-number.week-number-selected { color: #49e; font-weight: 700; }

.calendar-next, .calendar-prev { height: 18px; width: 18px; }

.calendar-prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected { color: #fff; background: transparent !important; position: relative; z-index: 1; }

.date-picker-wrapper .first-date-selected { color: #fff !important; }

.date-picker-wrapper .last-date-selected { color: #fff !important; }

.date-picker-wrapper .first-date-selected::before, .date-picker-wrapper .last-date-selected::before { content: ''; position: absolute; top: 50% !important; left: 50% !important; width: 36px !important; height: 36px !important; background: #00aff5 !important; border-radius: 50% !important; z-index: -1 !important; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; }

.date-picker-wrapper .first-date-selected::after, .date-picker-wrapper .last-date-selected::after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 50%; height: 100%; background: #F5F5F5; z-index: -2; }

.date-picker-wrapper .last-date-selected::after { left: 0; }

.date-picker-wrapper.date-picker-secondary .first-date-selected::before, .date-picker-wrapper.date-picker-secondary .last-date-selected::before { background: #70bb3f !important; }

.date-picker-wrapper.date-picker-secondary .week-name th { color: #70bb3f !important; }

.date-picker-wrapper.date-picker-secondary table .caption { background: #70bb3f !important; }

.myistria-grid { position: relative; }

.my-istria-grid-head { position: relative; }

.mi-grid-title { font-size: 18px; font-weight: 300; line-height: 1.28; margin-bottom: 30px; padding-left: 5px; }

@media (min-width: 576px) { .mi-grid-title { padding-right: 150px; font-size: 36px; } }

.mi-grid-filters { position: absolute; right: 0; top: -80px; z-index: 10; padding: 0 40px; background: white; width: 100%; }

@media (min-width: 576px) { .mi-grid-filters { top: 0; width: auto; min-width: 200px; } }

.mi-grid-filters.active .btn { border: 1px solid transparent; }

.mi-grid-filters .mi-grid-filters-close { display: none; position: absolute; left: 20px; top: 20px; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }

.mi-grid-filters .btn { position: absolute; right: 0; top: 10px; }

.mi-grid-filters .btn:hover { -webkit-box-shadow: none; box-shadow: none; }

.mi-grid-filters span { width: 55px; color: #9b9b9b; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: color .1s ease-in-out; transition: color .1s ease-in-out; }

.mi-grid-filters span.active { color: #00aff5; }

@media (min-width: 576px) { .mi-grid-filters span { font-size: 18px; width: 75px; } }

.section-heart { width: 21px; height: 19px; }

@media (min-width: 576px) { .section-heart { width: 26px; height: 24px; } }

@media (min-width: 1200px) { .section-heart { width: 40px; height: 37px; } }

.my-istria-days::-webkit-scrollbar { width: 4px; }

.my-istria-days::-webkit-scrollbar-track-piece { background: transparent; }

.my-istria-days::-webkit-scrollbar-thumb:vertical { background-color: #00aff5; }

.grid-item-remove { display: none; position: absolute; top: 12px; right: 17px; z-index: 1; cursor: pointer; background-image: url("../img/icon-x.svg"); width: 16px; height: 16px; background-position: center; background-size: cover; }

@media (min-width: 576px) { .grid-item-remove { top: 18px; right: 30px; } }

.select-days { cursor: pointer; padding: 0; background-color: transparent; background-position: center; background-size: cover; position: absolute; top: 12px; left: 16px; width: 23px; height: 22px; z-index: 1; border: 0; text-indent: 100px; padding-left: 22px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow, rounded corners on iOS inputs */ background-image: url("../img/svg/add-day.svg"); }

@media (min-width: 576px) { .select-days { top: 18px; left: 22px; } }

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

.select-days option { padding-left: 0; font-size: 14px; color: #9b9b9b; }

.mi-filters-container { display: none; padding: 20px 0; }

@media (min-width: 576px) { .mi-filters-container { padding: 40px 0; } }

.mi-filter { margin: 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.my-istria-box { position: relative; }

@media (min-width: 576px) { .my-istria-box { width: 30%; max-width: 600px; margin: 0 auto; min-width: 250px; } }

@media (min-width: 1200px) { .my-istria-box { width: 25%; } }

.my-istria-box .my-istria-box-content { text-align: center; margin: 0 auto; padding: 0 20px; width: 100%; max-width: 300px; }

@media (min-width: 576px) { .my-istria-box .my-istria-box-content { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }

.grid-wrapper { margin: 100px 0; }

.grid-wrapper .item .card-image-background { display: none; }

.grid-wrapper .item img { display: block; }

.grid-wrapper .item .card-full-image { width: 100%; }

.grid-wrapper .item .card-full-image:before { display: block; }

.grid-wrapper .item .card-full-image .card-container { position: absolute; padding: 10px; }

@media (min-width: 576px) { .grid-wrapper .item .card-full-image .card-container { padding: 20px; } }

.grid-wrapper .item .card-full-image .card-title { color: #fff; font-size: 18px; }

@media (min-width: 576px) { .grid-wrapper .item .card-full-image .card-title { font-size: 24px; } }

.grid-wrapper .item .card-full-image .card-location { color: #fff; font-size: 14px; }

.day-title { font-family: "Vectora LT Pro-Roman"; font-size: 24px; color: #00aff5; margin-left: 12px; padding-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.my-istria-day { min-height: 250px; position: relative; margin-left: auto; background-color: white; -webkit-transition: background-color .1s ease-in-out, border .1s ease-in-out; transition: background-color .1s ease-in-out, border .1s ease-in-out; }

@media (min-width: 576px) { .my-istria-day { width: 65vw; } }

.my-istria-day.droppable-area { background-color: #fafafa; }

.my-istria-day .item { width: 20%; max-width: 110px; margin: 24px 12px; padding: 0; }

.my-istria-day .card-image-background { display: block; width: 110px; height: 140px; background-size: cover; background-position: center; }

.my-istria-day img { display: none; }

.my-istria-day .card-full-image { height: auto; width: 100%; max-width: 100%; cursor: pointer; }

@media (min-width: 576px) { .my-istria-day .card-full-image { cursor: move; max-width: 300px; } }

.my-istria-day .card-full-image:before { display: none; }

.my-istria-day .card-full-image .card-container { position: static; padding: 0; }

.my-istria-day .card-full-image .card-title { margin-top: 6px; color: #5d5d62; font-size: 16px; }

.my-istria-day .card-full-image .card-location { color: #9b9b9b; font-size: 14px; }

.item-placeholder { width: 110px; height: 140px; }

.mi-days-module-topbar { display: none; position: absolute; top: -70px; left: 0; background: white; width: 100%; -webkit-box-shadow: 0 -5px 4px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 -5px 4px 0 rgba(0, 0, 0, 0.05); }

.mi-days-module-topbar .container { height: 71px; }

@media (min-width: 576px) { .mi-days-module-topbar { display: block; } }

.my-istria-days-toggle { display: none; }

@media (min-width: 576px) { .my-istria-days-toggle { position: absolute; top: 13px; right: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; } }

.my-istria-days-toggle .mi-module-toggle { cursor: pointer; margin-left: 30px; }

.mi-box-title { font-size: 18px; color: #00aff5; margin-bottom: 10px; }

@media (min-width: 576px) { .mi-box-title { font-size: 25px; } }

.mi-box-subtitle { font-size: 14px; color: #9e9f9e; font-family: "Vectora LT Pro-Roman"; }

@media (min-width: 1200px) { .mi-box-subtitle { font-size: 18px; } }

.mi-topbar-title { font-size: 18px; color: #00aff5; }

@media (min-width: 576px) { .mi-topbar-title { font-size: 24px; } }

.mi-topbar-subtitle { font-size: 12px; color: #9e9f9e; font-family: "Vectora LT Pro-Roman"; }

@media (min-width: 1200px) { .mi-topbar-subtitle { font-size: 14px; } }

.mi-days-module { z-index: 10; width: 100%; background-color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 60px 0; }

@media (min-width: 576px) { .mi-days-module { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: fixed; bottom: 0; left: 0; padding: 0; } }

.mi-days-module .my-istria-days { -webkit-transition: height .1s linear; transition: height .1s linear; }

.mi-days-module .my-istria-days .grid-item-remove { right: 10px; top: 10px; width: 18px; height: 22px; background-image: url("../img/icon-bin.svg"); display: block; }

@media (min-width: 576px) { .mi-days-module .my-istria-days .grid-item-remove { display: none; } }

.mi-days-module .my-istria-days .remove-day { display: none; cursor: pointer; width: 21px; height: 25px; margin-left: 20px; background-repeat: no-repeat; background-size: cover; background-image: url("../img/icon-bin.svg"); }

.mi-days-module .mi-days-module-topbar-copy { padding-right: 250px; }

.mi-days-module.toggle-half .mi-days-module-topbar-copy, .mi-days-module.toggle-full .mi-days-module-topbar-copy { display: none; }

.mi-days-module.toggle-half .svg-toggle-close #TP-close, .mi-days-module.toggle-full .svg-toggle-close #TP-close { fill: #00aff5 !important; }

.mi-days-module.toggle-half .svg-toggle-half { fill: #CCCC !important; }

.mi-days-module.toggle-half .svg-toggle-half #ic-expand, .mi-days-module.toggle-half .svg-toggle-half #Rectangle-3, .mi-days-module.toggle-half .svg-toggle-half #Rectangle-4 { stroke: #CCCC !important; }

.mi-days-module.toggle-half .svg-toggle-half #Path { fill: #CCCC !important; }

.mi-days-module.toggle-full .mi-days-module-topbar { top: 1px; }

.mi-days-module.toggle-full .my-istria-days { margin-top: 60px; }

.mi-days-module.toggle-full .my-istria-box-content { top: 110px; }

.mi-days-module.toggle-full .svg-toggle-full #TP-fullscreen { fill: #CCCC !important; }

.mi-days-module .my-istria-day-container:last-child .remove-day { display: inline-block; }

.mi-days-module .my-istria-day-container:first-child .remove-day { display: none; }

@media (min-width: 576px) { .mi-days-module.toggle-half { bottom: 0; }
  .mi-days-module.toggle-half .my-istria-days { height: 300px; } }

.mi-days-module.toggle-full { top: 70px; }

@media (min-width: 1200px) { .mi-days-module.toggle-full { top: 79px; } }

.mi-days-module.toggle-full .my-istria-days { height: auto; }

.my-istria-days { margin-top: 60px; z-index: 1; }

.my-istria-days .item { width: 33%; }

@media (min-width: 576px) { .my-istria-days { overflow-y: scroll; overflow-x: hidden; margin: 0 auto; height: 0; width: 65vw; max-width: 1250px; margin-right: 5vw; } }

.my-istria-days .select-days { display: none; }

.muuri-item-dragging .select-days, .muuri-item-dragging .grid-item-remove { display: none; }

.item { position: absolute; width: 20%; height: auto; padding: 0 5px; z-index: 1; cursor: move; }

.item:hover .grid-item-remove { display: block; }

.item .card-image-background { display: block; width: 110px; height: 140px; background-size: cover; background-position: center; }

.item img { display: none; }

.item.item-placeholder { cursor: auto; }

.item.item-placeholder img { width: 110px; height: 140px; display: block; }

.item .card-full-image { height: auto; width: 110px; }

.item .card-full-image:before { display: none; }

.item .card-full-image .card-container { position: static; padding: 0; }

.item .card-full-image .card-title { color: #5d5d62; font-size: 16px; }

.item-content { position: relative; width: 100%; height: 100%; }

.item.muuri-item-dragging { z-index: 9999; -webkit-transition: none; transition: none; }

.item.muuri-item-releasing { z-index: 2; }

@media (max-width: 877px) { .item { width: -webkit-calc(33% - 5px); width: calc(33% - 5px); } }

@media (max-width: 640px) { .item { width: -webkit-calc(50% - 5px); width: calc(50% - 5px); } }

@media (max-width: 370px) { .item { width: 100%; } }

.my-istria-slide-filter { margin: 0 20px; width: 120px; }

@media (min-width: 576px) { .my-istria-slide-filter { width: 190px; } }

input[type=range] { /*removes default webkit styles*/ -webkit-appearance: none; /*fix for FF unable to apply focus style bug */ border: none; padding: 0; background-color: transparent; }

input[type=range]::-webkit-slider-runnable-track { height: 5px; background: #eaeaea; border: none; border-radius: 3px; }

input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #00aff5; -webkit-box-shadow: 0 2px 4px 0 rgba(140, 140, 140, 0.3), 0 -2px 4px 0 rgba(140, 140, 140, 0.2); box-shadow: 0 2px 4px 0 rgba(140, 140, 140, 0.3), 0 -2px 4px 0 rgba(140, 140, 140, 0.2); border: solid 1px #ffffff; margin-top: -4px; }

input[type=range]:focus { outline: none; }

input[type=range]:focus::-webkit-slider-runnable-track { background: #eaeaea; }

input[type=range]::-moz-range-track { height: 5px; background: #eaeaea; border: none; border-radius: 3px; }

input[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #00aff5; box-shadow: 0 2px 4px 0 rgba(140, 140, 140, 0.3), 0 -2px 4px 0 rgba(140, 140, 140, 0.2); border: solid 1px #ffffff; }

/*hide the outline behind the border*/
input[type=range]:-moz-focusring { outline: 1px solid white; outline-offset: -1px; }

input[type=range]::-ms-tooltip { display: none; }

input[type=range]::-ms-track { height: 5px; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ background: transparent; /*leave room for the larger thumb to overflow with a transparent border */ border-color: transparent; border-width: 6px 0; /*remove default tick marks*/ color: transparent; }

input[type=range]::-ms-fill-lower { background: #eaeaea; border-radius: 10px; }

input[type=range]::-ms-fill-upper { background: #eaeaea; border-radius: 10px; }

input[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #00aff5; box-shadow: 0 2px 4px 0 rgba(140, 140, 140, 0.3), 0 -2px 4px 0 rgba(140, 140, 140, 0.2); border: solid 1px #ffffff; }

input[type=range]:focus::-ms-fill-lower { background: #eaeaea; }

input[type=range]:focus::-ms-fill-upper { background: #eaeaea; }

@media (min-width: 576px) { .trip-planner-container { padding: 50px 0; border: 1px solid #bcbcbc; } }

.trip-planner-container .day-title { margin-left: 5px; }

.trip-planner-container .item { cursor: default; position: static; display: inline-block; width: auto; margin-bottom: 30px; position: relative; }

.trip-planner-container .item .item-region-mark { width: 26px; height: 26px; position: absolute; top: 10px; right: 15px; background-color: #00aff5; border-radius: 50%; z-index: 1; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 14px; }

.trip-planner-container .item .card-full-image { width: 138px; }

.trip-planner-container .item .card-image-background { width: 138px; height: 180px; }

.trip-planner-container .item .card-container { margin-top: 15px; }

.trip-planner-days { margin: 40px 0; }

@media (min-width: 576px) { .trip-planner-days { padding-left: 5vw; border-left: 1px solid #bcbcbc; } }

.trip-planner-day-container { padding-bottom: 60px; }

.trip-planner-map { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 45px 0; padding: 0 20px; }

@media (min-width: 576px) { .trip-planner-map { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } }

.print-trip { margin-bottom: 40px; }

@media (min-width: 576px) { .print-trip { margin-top: auto; margin-bottom: 120px; } }

@media print { * { -webkit-print-color-adjust: exact !important; /* Chrome, Safari */ color-adjust: exact !important; /*Firefox*/ }
  @page { size: A4;
    margin: 10pt; }
  html, body { width: 210mm; height: 297mm; }
  .site-header, .site-footer, .print-trip, .section-head, .section-content, .content-top-bar, .share-box, .hidden-sm-up { display: none; }
  .print-only { display: block !important; }
  .print-only.section-title { margin: 20px 0; }
  .print-only.print-title { text-align: left; font-size: 24px; color: #00aff5; border-bottom: 1px solid #bcbcbc; }
  main, .container--lifted, .content-area { margin: 0; padding: 0; background-color: white; }
  .trip-planner-container { background-color: white; display: block; margin: 0; margin-left: 10px; border: 1px solid #bcbcbc; border-radius: initial; width: initial; min-height: initial; -webkit-box-shadow: initial; box-shadow: initial; background: initial; page-break-after: always; }
  .trip-planner-container .item { margin: 10pt 0; }
  .trip-planner-container .card-full-image, .trip-planner-container .card-image-background { width: 90px; max-width: 90px; max-height: 120px; height: 120px; }
  .trip-planner-container .card-image-background { background-color: #bcbcbc; }
  .row { width: 100%; }
  .col-md-7 { max-width: 30%; width: 100%; }
  .col-md-12 { max-width: 70%; width: 100%; } }