@charset "UTF-8";
/*
Theme Name: PapierExpress
Author: Anonymous
Author URI:
Version: 1
Description: PapierExpress theme for Wordpress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: papierexpress
Tags: one-column, two-columns
Theme URI:
*/
@import url("https://p.typekit.net/p.css?s=1&k=jth2sjg&ht=tk&f=10294.10295.10296.10297.10302.10304&a=13951959&app=typekit&e=css");
.tagcloud, .nav-secondary, .nav-menu, .has-bullet-list ul, .menu, .links-list, .breadcrumb, .pagination-main .page-numbers, body .woocommerce-pagination.berocket_pagination ul, .items-list, .slick-dots, .diversity-list, .produkct-info-block .produkct-tabset, .produkct-info {
  margin: 0;
  padding: 0;
  list-style: none; }

.clearfix:after, dl:after, .widget:after, .search-form:after,
.post-password-form:after, .search-form p:after,
.post-password-form p:after {
  content: '';
  display: block;
  clear: both; }

.ellipsis {
  white-space: nowrap;
  /* 1 */
  text-overflow: ellipsis;
  /* 2 */
  overflow: hidden; }

.df-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (min-width: 375px) {
    .df-row.df-rr-ph {
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; } }
  @media (min-width: 375px) {
    .df-row.df-aic-ph {
      -ms-flex-align: center;
          align-items: center; } }
  @media (min-width: 768px) {
    .df-row.df-rr-sm {
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; } }
  @media (min-width: 768px) {
    .df-row.df-aic-sm {
      -ms-flex-align: center;
          align-items: center; } }
  @media (min-width: 1024px) {
    .df-row.df-rr-md {
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; } }
  @media (min-width: 1024px) {
    .df-row.df-aic-md {
      -ms-flex-align: center;
          align-items: center; } }
  @media (min-width: 1240px) {
    .df-row.df-rr-lg {
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; } }
  @media (min-width: 1240px) {
    .df-row.df-aic-lg {
      -ms-flex-align: center;
          align-items: center; } }
  @media (min-width: 375px) {
    .df-row .col-ph-1 {
      -ms-flex: 1 0 calc(100% / 12 * 1);
          flex: 1 0 calc(100% / 12 * 1);
      max-width: calc(100% / 12 * 1); } }
  @media (min-width: 375px) {
    .df-row .col-ph-2 {
      -ms-flex: 1 0 calc(100% / 12 * 2);
          flex: 1 0 calc(100% / 12 * 2);
      max-width: calc(100% / 12 * 2); } }
  @media (min-width: 375px) {
    .df-row .col-ph-3 {
      -ms-flex: 1 0 calc(100% / 12 * 3);
          flex: 1 0 calc(100% / 12 * 3);
      max-width: calc(100% / 12 * 3); } }
  @media (min-width: 375px) {
    .df-row .col-ph-4 {
      -ms-flex: 1 0 calc(100% / 12 * 4);
          flex: 1 0 calc(100% / 12 * 4);
      max-width: calc(100% / 12 * 4); } }
  @media (min-width: 375px) {
    .df-row .col-ph-5 {
      -ms-flex: 1 0 calc(100% / 12 * 5);
          flex: 1 0 calc(100% / 12 * 5);
      max-width: calc(100% / 12 * 5); } }
  @media (min-width: 375px) {
    .df-row .col-ph-6 {
      -ms-flex: 1 0 calc(100% / 12 * 6);
          flex: 1 0 calc(100% / 12 * 6);
      max-width: calc(100% / 12 * 6); } }
  @media (min-width: 375px) {
    .df-row .col-ph-7 {
      -ms-flex: 1 0 calc(100% / 12 * 7);
          flex: 1 0 calc(100% / 12 * 7);
      max-width: calc(100% / 12 * 7); } }
  @media (min-width: 375px) {
    .df-row .col-ph-8 {
      -ms-flex: 1 0 calc(100% / 12 * 8);
          flex: 1 0 calc(100% / 12 * 8);
      max-width: calc(100% / 12 * 8); } }
  @media (min-width: 375px) {
    .df-row .col-ph-9 {
      -ms-flex: 1 0 calc(100% / 12 * 9);
          flex: 1 0 calc(100% / 12 * 9);
      max-width: calc(100% / 12 * 9); } }
  @media (min-width: 375px) {
    .df-row .col-ph-10 {
      -ms-flex: 1 0 calc(100% / 12 * 10);
          flex: 1 0 calc(100% / 12 * 10);
      max-width: calc(100% / 12 * 10); } }
  @media (min-width: 375px) {
    .df-row .col-ph-11 {
      -ms-flex: 1 0 calc(100% / 12 * 11);
          flex: 1 0 calc(100% / 12 * 11);
      max-width: calc(100% / 12 * 11); } }
  @media (min-width: 375px) {
    .df-row .col-ph-12 {
      -ms-flex: 1 0 calc(100% / 12 * 12);
          flex: 1 0 calc(100% / 12 * 12);
      max-width: calc(100% / 12 * 12); } }
  @media (min-width: 375px) {
    .df-row .col-offset-ph-0 {
      margin-left: calc(100% / 12 * 0); } }
  @media (min-width: 375px) {
    .df-row .col-offset-ph-1 {
      margin-left: calc(100% / 12 * 1); } }
  @media (min-width: 375px) {
    .df-row .col-offset-ph-2 {
      margin-left: calc(100% / 12 * 2); } }
  @media (min-width: 375px) {
    .df-row .col-offset-ph-3 {
      margin-left: calc(100% / 12 * 3); } }
  @media (min-width: 375px) {
    .df-row .col-offset-ph-4 {
      margin-left: calc(100% / 12 * 4); } }
  @media (min-width: 375px) {
    .df-row .col-offset-ph-5 {
      margin-left: calc(100% / 12 * 5); } }
  @media (min-width: 375px) {
    .df-row .col-offset-ph-6 {
      margin-left: calc(100% / 12 * 6); } }
  @media (min-width: 375px) {
    .df-row .col-offset-ph-7 {
      margin-left: calc(100% / 12 * 7); } }
  @media (min-width: 375px) {
    .df-row .col-offset-ph-8 {
      margin-left: calc(100% / 12 * 8); } }
  @media (min-width: 375px) {
    .df-row .col-offset-ph-9 {
      margin-left: calc(100% / 12 * 9); } }
  @media (min-width: 375px) {
    .df-row .col-offset-ph-10 {
      margin-left: calc(100% / 12 * 10); } }
  @media (min-width: 375px) {
    .df-row .col-offset-ph-11 {
      margin-left: calc(100% / 12 * 11); } }
  @media (min-width: 768px) {
    .df-row .col-sm-1 {
      -ms-flex: 1 0 calc(100% / 12 * 1);
          flex: 1 0 calc(100% / 12 * 1);
      max-width: calc(100% / 12 * 1); } }
  @media (min-width: 768px) {
    .df-row .col-sm-2 {
      -ms-flex: 1 0 calc(100% / 12 * 2);
          flex: 1 0 calc(100% / 12 * 2);
      max-width: calc(100% / 12 * 2); } }
  @media (min-width: 768px) {
    .df-row .col-sm-3 {
      -ms-flex: 1 0 calc(100% / 12 * 3);
          flex: 1 0 calc(100% / 12 * 3);
      max-width: calc(100% / 12 * 3); } }
  @media (min-width: 768px) {
    .df-row .col-sm-4 {
      -ms-flex: 1 0 calc(100% / 12 * 4);
          flex: 1 0 calc(100% / 12 * 4);
      max-width: calc(100% / 12 * 4); } }
  @media (min-width: 768px) {
    .df-row .col-sm-5 {
      -ms-flex: 1 0 calc(100% / 12 * 5);
          flex: 1 0 calc(100% / 12 * 5);
      max-width: calc(100% / 12 * 5); } }
  @media (min-width: 768px) {
    .df-row .col-sm-6 {
      -ms-flex: 1 0 calc(100% / 12 * 6);
          flex: 1 0 calc(100% / 12 * 6);
      max-width: calc(100% / 12 * 6); } }
  @media (min-width: 768px) {
    .df-row .col-sm-7 {
      -ms-flex: 1 0 calc(100% / 12 * 7);
          flex: 1 0 calc(100% / 12 * 7);
      max-width: calc(100% / 12 * 7); } }
  @media (min-width: 768px) {
    .df-row .col-sm-8 {
      -ms-flex: 1 0 calc(100% / 12 * 8);
          flex: 1 0 calc(100% / 12 * 8);
      max-width: calc(100% / 12 * 8); } }
  @media (min-width: 768px) {
    .df-row .col-sm-9 {
      -ms-flex: 1 0 calc(100% / 12 * 9);
          flex: 1 0 calc(100% / 12 * 9);
      max-width: calc(100% / 12 * 9); } }
  @media (min-width: 768px) {
    .df-row .col-sm-10 {
      -ms-flex: 1 0 calc(100% / 12 * 10);
          flex: 1 0 calc(100% / 12 * 10);
      max-width: calc(100% / 12 * 10); } }
  @media (min-width: 768px) {
    .df-row .col-sm-11 {
      -ms-flex: 1 0 calc(100% / 12 * 11);
          flex: 1 0 calc(100% / 12 * 11);
      max-width: calc(100% / 12 * 11); } }
  @media (min-width: 768px) {
    .df-row .col-sm-12 {
      -ms-flex: 1 0 calc(100% / 12 * 12);
          flex: 1 0 calc(100% / 12 * 12);
      max-width: calc(100% / 12 * 12); } }
  @media (min-width: 768px) {
    .df-row .col-offset-sm-0 {
      margin-left: calc(100% / 12 * 0); } }
  @media (min-width: 768px) {
    .df-row .col-offset-sm-1 {
      margin-left: calc(100% / 12 * 1); } }
  @media (min-width: 768px) {
    .df-row .col-offset-sm-2 {
      margin-left: calc(100% / 12 * 2); } }
  @media (min-width: 768px) {
    .df-row .col-offset-sm-3 {
      margin-left: calc(100% / 12 * 3); } }
  @media (min-width: 768px) {
    .df-row .col-offset-sm-4 {
      margin-left: calc(100% / 12 * 4); } }
  @media (min-width: 768px) {
    .df-row .col-offset-sm-5 {
      margin-left: calc(100% / 12 * 5); } }
  @media (min-width: 768px) {
    .df-row .col-offset-sm-6 {
      margin-left: calc(100% / 12 * 6); } }
  @media (min-width: 768px) {
    .df-row .col-offset-sm-7 {
      margin-left: calc(100% / 12 * 7); } }
  @media (min-width: 768px) {
    .df-row .col-offset-sm-8 {
      margin-left: calc(100% / 12 * 8); } }
  @media (min-width: 768px) {
    .df-row .col-offset-sm-9 {
      margin-left: calc(100% / 12 * 9); } }
  @media (min-width: 768px) {
    .df-row .col-offset-sm-10 {
      margin-left: calc(100% / 12 * 10); } }
  @media (min-width: 768px) {
    .df-row .col-offset-sm-11 {
      margin-left: calc(100% / 12 * 11); } }
  @media (min-width: 1024px) {
    .df-row .col-md-1 {
      -ms-flex: 1 0 calc(100% / 12 * 1);
          flex: 1 0 calc(100% / 12 * 1);
      max-width: calc(100% / 12 * 1); } }
  @media (min-width: 1024px) {
    .df-row .col-md-2 {
      -ms-flex: 1 0 calc(100% / 12 * 2);
          flex: 1 0 calc(100% / 12 * 2);
      max-width: calc(100% / 12 * 2); } }
  @media (min-width: 1024px) {
    .df-row .col-md-3 {
      -ms-flex: 1 0 calc(100% / 12 * 3);
          flex: 1 0 calc(100% / 12 * 3);
      max-width: calc(100% / 12 * 3); } }
  @media (min-width: 1024px) {
    .df-row .col-md-4 {
      -ms-flex: 1 0 calc(100% / 12 * 4);
          flex: 1 0 calc(100% / 12 * 4);
      max-width: calc(100% / 12 * 4); } }
  @media (min-width: 1024px) {
    .df-row .col-md-5 {
      -ms-flex: 1 0 calc(100% / 12 * 5);
          flex: 1 0 calc(100% / 12 * 5);
      max-width: calc(100% / 12 * 5); } }
  @media (min-width: 1024px) {
    .df-row .col-md-6 {
      -ms-flex: 1 0 calc(100% / 12 * 6);
          flex: 1 0 calc(100% / 12 * 6);
      max-width: calc(100% / 12 * 6); } }
  @media (min-width: 1024px) {
    .df-row .col-md-7 {
      -ms-flex: 1 0 calc(100% / 12 * 7);
          flex: 1 0 calc(100% / 12 * 7);
      max-width: calc(100% / 12 * 7); } }
  @media (min-width: 1024px) {
    .df-row .col-md-8 {
      -ms-flex: 1 0 calc(100% / 12 * 8);
          flex: 1 0 calc(100% / 12 * 8);
      max-width: calc(100% / 12 * 8); } }
  @media (min-width: 1024px) {
    .df-row .col-md-9 {
      -ms-flex: 1 0 calc(100% / 12 * 9);
          flex: 1 0 calc(100% / 12 * 9);
      max-width: calc(100% / 12 * 9); } }
  @media (min-width: 1024px) {
    .df-row .col-md-10 {
      -ms-flex: 1 0 calc(100% / 12 * 10);
          flex: 1 0 calc(100% / 12 * 10);
      max-width: calc(100% / 12 * 10); } }
  @media (min-width: 1024px) {
    .df-row .col-md-11 {
      -ms-flex: 1 0 calc(100% / 12 * 11);
          flex: 1 0 calc(100% / 12 * 11);
      max-width: calc(100% / 12 * 11); } }
  @media (min-width: 1024px) {
    .df-row .col-md-12 {
      -ms-flex: 1 0 calc(100% / 12 * 12);
          flex: 1 0 calc(100% / 12 * 12);
      max-width: calc(100% / 12 * 12); } }
  @media (min-width: 1024px) {
    .df-row .col-offset-md-0 {
      margin-left: calc(100% / 12 * 0); } }
  @media (min-width: 1024px) {
    .df-row .col-offset-md-1 {
      margin-left: calc(100% / 12 * 1); } }
  @media (min-width: 1024px) {
    .df-row .col-offset-md-2 {
      margin-left: calc(100% / 12 * 2); } }
  @media (min-width: 1024px) {
    .df-row .col-offset-md-3 {
      margin-left: calc(100% / 12 * 3); } }
  @media (min-width: 1024px) {
    .df-row .col-offset-md-4 {
      margin-left: calc(100% / 12 * 4); } }
  @media (min-width: 1024px) {
    .df-row .col-offset-md-5 {
      margin-left: calc(100% / 12 * 5); } }
  @media (min-width: 1024px) {
    .df-row .col-offset-md-6 {
      margin-left: calc(100% / 12 * 6); } }
  @media (min-width: 1024px) {
    .df-row .col-offset-md-7 {
      margin-left: calc(100% / 12 * 7); } }
  @media (min-width: 1024px) {
    .df-row .col-offset-md-8 {
      margin-left: calc(100% / 12 * 8); } }
  @media (min-width: 1024px) {
    .df-row .col-offset-md-9 {
      margin-left: calc(100% / 12 * 9); } }
  @media (min-width: 1024px) {
    .df-row .col-offset-md-10 {
      margin-left: calc(100% / 12 * 10); } }
  @media (min-width: 1024px) {
    .df-row .col-offset-md-11 {
      margin-left: calc(100% / 12 * 11); } }
  @media (min-width: 1240px) {
    .df-row .col-lg-1 {
      -ms-flex: 1 0 calc(100% / 12 * 1);
          flex: 1 0 calc(100% / 12 * 1);
      max-width: calc(100% / 12 * 1); } }
  @media (min-width: 1240px) {
    .df-row .col-lg-2 {
      -ms-flex: 1 0 calc(100% / 12 * 2);
          flex: 1 0 calc(100% / 12 * 2);
      max-width: calc(100% / 12 * 2); } }
  @media (min-width: 1240px) {
    .df-row .col-lg-3 {
      -ms-flex: 1 0 calc(100% / 12 * 3);
          flex: 1 0 calc(100% / 12 * 3);
      max-width: calc(100% / 12 * 3); } }
  @media (min-width: 1240px) {
    .df-row .col-lg-4 {
      -ms-flex: 1 0 calc(100% / 12 * 4);
          flex: 1 0 calc(100% / 12 * 4);
      max-width: calc(100% / 12 * 4); } }
  @media (min-width: 1240px) {
    .df-row .col-lg-5 {
      -ms-flex: 1 0 calc(100% / 12 * 5);
          flex: 1 0 calc(100% / 12 * 5);
      max-width: calc(100% / 12 * 5); } }
  @media (min-width: 1240px) {
    .df-row .col-lg-6 {
      -ms-flex: 1 0 calc(100% / 12 * 6);
          flex: 1 0 calc(100% / 12 * 6);
      max-width: calc(100% / 12 * 6); } }
  @media (min-width: 1240px) {
    .df-row .col-lg-7 {
      -ms-flex: 1 0 calc(100% / 12 * 7);
          flex: 1 0 calc(100% / 12 * 7);
      max-width: calc(100% / 12 * 7); } }
  @media (min-width: 1240px) {
    .df-row .col-lg-8 {
      -ms-flex: 1 0 calc(100% / 12 * 8);
          flex: 1 0 calc(100% / 12 * 8);
      max-width: calc(100% / 12 * 8); } }
  @media (min-width: 1240px) {
    .df-row .col-lg-9 {
      -ms-flex: 1 0 calc(100% / 12 * 9);
          flex: 1 0 calc(100% / 12 * 9);
      max-width: calc(100% / 12 * 9); } }
  @media (min-width: 1240px) {
    .df-row .col-lg-10 {
      -ms-flex: 1 0 calc(100% / 12 * 10);
          flex: 1 0 calc(100% / 12 * 10);
      max-width: calc(100% / 12 * 10); } }
  @media (min-width: 1240px) {
    .df-row .col-lg-11 {
      -ms-flex: 1 0 calc(100% / 12 * 11);
          flex: 1 0 calc(100% / 12 * 11);
      max-width: calc(100% / 12 * 11); } }
  @media (min-width: 1240px) {
    .df-row .col-lg-12 {
      -ms-flex: 1 0 calc(100% / 12 * 12);
          flex: 1 0 calc(100% / 12 * 12);
      max-width: calc(100% / 12 * 12); } }
  @media (min-width: 1240px) {
    .df-row .col-offset-lg-0 {
      margin-left: calc(100% / 12 * 0); } }
  @media (min-width: 1240px) {
    .df-row .col-offset-lg-1 {
      margin-left: calc(100% / 12 * 1); } }
  @media (min-width: 1240px) {
    .df-row .col-offset-lg-2 {
      margin-left: calc(100% / 12 * 2); } }
  @media (min-width: 1240px) {
    .df-row .col-offset-lg-3 {
      margin-left: calc(100% / 12 * 3); } }
  @media (min-width: 1240px) {
    .df-row .col-offset-lg-4 {
      margin-left: calc(100% / 12 * 4); } }
  @media (min-width: 1240px) {
    .df-row .col-offset-lg-5 {
      margin-left: calc(100% / 12 * 5); } }
  @media (min-width: 1240px) {
    .df-row .col-offset-lg-6 {
      margin-left: calc(100% / 12 * 6); } }
  @media (min-width: 1240px) {
    .df-row .col-offset-lg-7 {
      margin-left: calc(100% / 12 * 7); } }
  @media (min-width: 1240px) {
    .df-row .col-offset-lg-8 {
      margin-left: calc(100% / 12 * 8); } }
  @media (min-width: 1240px) {
    .df-row .col-offset-lg-9 {
      margin-left: calc(100% / 12 * 9); } }
  @media (min-width: 1240px) {
    .df-row .col-offset-lg-10 {
      margin-left: calc(100% / 12 * 10); } }
  @media (min-width: 1240px) {
    .df-row .col-offset-lg-11 {
      margin-left: calc(100% / 12 * 11); } }
  @media (min-width: 768px) {
    .df-row {
      margin: 0 -20px; } }

html {
  box-sizing: border-box; }

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

* {
  max-height: 1000000px; }

main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  width: 100%;
  color: #08232f;
  background: #fff;
  font: 16px/1.875 "Open Sans", "Helvetica Neue", "Helvetica", sans-serif;
  min-width: 320px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: top; }

.gm-style img {
  max-width: none; }

@media (max-width: 1023px) {
  iframe {
    width: 100%; } }

.resize-active * {
  transition: none !important; }

ul,
ol,
dl,
p,
h1,
h2,
h3,
h4,
h5,
h6,
address,
form,
table,
blockquote,
applet,
embed,
object,
iframe,
frameset {
  margin: 0 0 20px; }

blockquote {
  border-left: 4px solid #ddd;
  padding-left: 10px;
  margin-left: 0; }

table {
  border-collapse: collapse; }

th,
td {
  border: 1px solid #ddd;
  padding: 3px;
  text-align: left;
  vertical-align: top; }

th {
  text-align: center;
  vertical-align: middle; }

ul,
ol {
  padding-left: 20px; }

ul ul,
ul ol,
ol ul,
ol ol {
  padding-left: 20px;
  margin: 0; }

ul {
  list-style-type: disc; }

.slick-dots, .links-list, .breadcrumb, .diversity-list, header ul, footer ul, .extra-summary-block ul, .produkct-tabset, .produkct-info.tab-content {
	padding-left: 0;
	list-style-type: none;
}

.card-desc ul li {
    text-align: left;
}

dl dt {
  float: left;
  clear: left;
  padding-right: 0.3em;
  font-weight: bold; }

dl dd {
  overflow: hidden; }

pre {
  max-width: 100%;
  overflow: auto; }

form,
fieldset {
  margin: 0;
  padding: 0;
  border-style: none; }

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
input[type='url'],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  padding: 5px 20px;
  font-size: 15px;
  line-height: 1.2;
  font-family: "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif !important;
  box-sizing: border-box;
  background: rgba(0, 151, 221, 0.07);
  letter-spacing: .12em;
  border: none;
  text-align: center;
  font-weight: 500; }
  input[type='text']:not(textarea),
  input[type='tel']:not(textarea),
  input[type='email']:not(textarea),
  input[type='search']:not(textarea),
  input[type='password']:not(textarea),
  input[type='url']:not(textarea),
  textarea:not(textarea) {
    height: 50px; }
  input[type='text']:focus,
  input[type='tel']:focus,
  input[type='email']:focus,
  input[type='search']:focus,
  input[type='password']:focus,
  input[type='url']:focus,
  textarea:focus {
    outline: none;
    border-color: #006391; }
  input[type='text']::-webkit-input-placeholder,
  input[type='tel']::-webkit-input-placeholder,
  input[type='email']::-webkit-input-placeholder,
  input[type='search']::-webkit-input-placeholder,
  input[type='password']::-webkit-input-placeholder,
  input[type='url']::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: rgba(8, 35, 47, 0.4); }
  input[type='text']::-moz-placeholder,
  input[type='tel']::-moz-placeholder,
  input[type='email']::-moz-placeholder,
  input[type='search']::-moz-placeholder,
  input[type='password']::-moz-placeholder,
  input[type='url']::-moz-placeholder,
  textarea::-moz-placeholder {
    opacity: 1;
    color: rgba(8, 35, 47, 0.4); }
  input[type='text']:-moz-placeholder,
  input[type='tel']:-moz-placeholder,
  input[type='email']:-moz-placeholder,
  input[type='search']:-moz-placeholder,
  input[type='password']:-moz-placeholder,
  input[type='url']:-moz-placeholder,
  textarea:-moz-placeholder {
    color: rgba(8, 35, 47, 0.4); }
  input[type='text']:-ms-input-placeholder,
  input[type='tel']:-ms-input-placeholder,
  input[type='email']:-ms-input-placeholder,
  input[type='search']:-ms-input-placeholder,
  input[type='password']:-ms-input-placeholder,
  input[type='url']:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: rgba(8, 35, 47, 0.4); }
  input[type='text'].placeholder,
  input[type='tel'].placeholder,
  input[type='email'].placeholder,
  input[type='search'].placeholder,
  input[type='password'].placeholder,
  input[type='url'].placeholder,
  textarea.placeholder {
    color: rgba(8, 35, 47, 0.4); }

select {
  border-radius: 0;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none; }

input[type='search']::-webkit-search-cancel-button {
  -webkit-appearance: none; }

textarea {
  resize: vertical;
  vertical-align: top;
  overflow: auto;
  min-width: 250px !important; }

button:not(.pswp__button),
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit'] {
  transition: background 0.3s ease-in-out;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  height: 50px;
  color: #fff;
  outline: none;
  cursor: pointer;
  font-weight: 900;
  font-family: "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
  padding: 5px 15px;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  background: #0097dd !important;
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: .2em;
  margin: 0 0 15px;
  border: none;
  border-radius: 0 !important; }
  button:not(.pswp__button).button-secondary,
  input[type='button'].button-secondary,
  input[type='reset'].button-secondary,
  input[type='file'].button-secondary,
  input[type='submit'].button-secondary {
    background: #03ab99 !important; }
    button:not(.pswp__button).button-secondary:hover,
    input[type='button'].button-secondary:hover,
    input[type='reset'].button-secondary:hover,
    input[type='file'].button-secondary:hover,
    input[type='submit'].button-secondary:hover {
      background: #04ddc6 !important; }
  button:not(.pswp__button):hover,
  input[type='button']:hover,
  input[type='reset']:hover,
  input[type='file']:hover,
  input[type='submit']:hover {
    background: #11b4ff !important;
    color: #fff; }

.nav-links,
.navigation,
.navigation-comments, .navigation-single {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px; }

.nav-links .next,
.nav-links .prev,
.navigation .next,
.navigation .prev,
.navigation-comments .next,
.navigation-comments .prev, .navigation-single .next a,
.navigation-single .prev a {
  background: #0097dd;
  color: #fff;
  padding: 12px 10px;
  font-size: 14px;
  line-height: 1.2; }
  .nav-links .next:hover,
  .nav-links .prev:hover,
  .navigation .next:hover,
  .navigation .prev:hover,
  .navigation-comments .next:hover,
  .navigation-comments .prev:hover, .navigation-single .next a:hover,
  .navigation-single .prev a:hover {
    background: #11b4ff;
    color: #fff; }

@media (min-width: 768px) {
  [id="twocolumns"] {
    display: -ms-flexbox;
    display: flex; } }

@media (min-width: 768px) {
  [id="content"] {
    width: 70%; } }

[id="content"]:only-child {
  width: 100%; }

[id="content"] {
  width: 100%; }

[id="sidebar"] {
  padding-top: 30px;
  padding-bottom: 30px; }
  @media (min-width: 768px) {
    [id="sidebar"] {
      width: 30%;
      padding-left: 30px; } }

.widget {
  margin-bottom: 20px; }
  .widget select {
    min-width: 150px;
    width: 100%; }

.search-form,
.post-password-form {
  margin-bottom: 10px; }
  .search-form label,
  .post-password-form label {
    display: block; }
  .search-form input,
  .post-password-form input {
    float: left;
    margin-right: 5px; }
    @media (min-width: 768px) {
      #sidebar .search-form input, #sidebar
      .post-password-form input {
        width: 100%;
        margin: 0 0 5px; } }
    .search-form input[type='submit'],
    .post-password-form input[type='submit'] {
      margin: 0; }

.nav-links, .navigation, .navigation-comments,
.navigation-single {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.nav-links,
.navigation,
.navigation-comments {
  position: relative; }
  .nav-links .screen-reader-text,
  .navigation .screen-reader-text,
  .navigation-comments .screen-reader-text {
    position: absolute;
    left: -99999px; }
  .nav-links .page-numbers,
  .navigation .page-numbers,
  .navigation-comments .page-numbers {
    text-decoration: none;
    letter-spacing: 2.8px;
    font: 500 14px/1.2 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
    color: #839096;
    display: inline-block;
    margin: 0 4px; }
    @media (min-width: 768px) {
      .nav-links .page-numbers,
      .navigation .page-numbers,
      .navigation-comments .page-numbers {
        margin: 0 6px; } }
    .nav-links .page-numbers.current,
    .navigation .page-numbers.current,
    .navigation-comments .page-numbers.current {
      font-weight: 900;
      color: #08232f; }
  .nav-links .next,
  .nav-links .prev,
  .navigation .next,
  .navigation .prev,
  .navigation-comments .next,
  .navigation-comments .prev {
    transition: background 0.3s ease-in-out;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    opacity: 1;
    width: 35px;
    height: 35px;
    background: #0097dd;
    color: #fff;
    font-size: 0;
    padding: 0; }
    @media (min-width: 768px) {
      .nav-links .next,
      .nav-links .prev,
      .navigation .next,
      .navigation .prev,
      .navigation-comments .next,
      .navigation-comments .prev {
        width: 50px;
        height: 50px; } }
    .nav-links .next:before,
    .nav-links .prev:before,
    .navigation .next:before,
    .navigation .prev:before,
    .navigation-comments .next:before,
    .navigation-comments .prev:before {
      position: absolute;
      content: '';
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: block !important;
      font-size: 10px !important;
      pointer-events: none;
      color: #fff !important; }
      @media (min-width: 768px) {
        .nav-links .next:before,
        .nav-links .prev:before,
        .navigation .next:before,
        .navigation .prev:before,
        .navigation-comments .next:before,
        .navigation-comments .prev:before {
          font-size: 13px !important; } }
  @media (min-width: 375px) {
    .nav-links .prev,
    .navigation .prev,
    .navigation-comments .prev {
      margin-right: 20px !important; } }
  @media (min-width: 768px) {
    .nav-links .prev,
    .navigation .prev,
    .navigation-comments .prev {
      margin-right: 30px !important; } }
  @media (min-width: 1024px) {
    .nav-links .prev,
    .navigation .prev,
    .navigation-comments .prev {
      margin-right: 40px !important; } }
  .nav-links .prev:before,
  .navigation .prev:before,
  .navigation-comments .prev:before {
    content: "";
    font-family: 'icomoon';
    font-size: 10px;
    line-height: 1;
    text-indent: 0; }
  @media (min-width: 375px) {
    .nav-links .next,
    .navigation .next,
    .navigation-comments .next {
      margin-left: 20px !important; } }
  @media (min-width: 768px) {
    .nav-links .next,
    .navigation .next,
    .navigation-comments .next {
      margin-left: 30px !important; } }
  @media (min-width: 1024px) {
    .nav-links .next,
    .navigation .next,
    .navigation-comments .next {
      margin-left: 40px !important; } }
  .nav-links .next:before,
  .navigation .next:before,
  .navigation-comments .next:before {
    content: "";
    font-family: 'icomoon';
    font-size: 10px;
    line-height: 1;
    text-indent: 0; }

.navigation-single {
  width: 100%; }
  .navigation-single .next,
  .navigation-single .prev {
    max-width: 49%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .navigation-single .next a,
    .navigation-single .prev a {
      transition: background 0.3s ease-in-out;
      display: block; }
      @media (max-width: 767px) {
        .navigation-single .next a,
        .navigation-single .prev a {
          font-size: 0; }
          .navigation-single .next a:after,
          .navigation-single .prev a:after {
            content: '»';
            font-size: 14px; } }
  @media (max-width: 767px) {
    .navigation-single .prev a:after {
      content: '«'; } }

.navigation-single {
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: stretch;
      align-items: stretch; }
  .navigation-single .next,
  .navigation-single .prev {
    padding: 0;
    margin: 0;
    max-width: 49%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    border: 0; }
    .navigation-single .next a,
    .navigation-single .prev a {
      padding: 12px 10px;
      border: 2px solid #0097dd; }

.comment-form label {
  display: block;
  padding-bottom: 4px; }

.comment-form input,
.comment-form textarea {
  margin: 0 4px 0 0;
  width: 100%; }
  @media (min-width: 768px) {
    .comment-form input,
    .comment-form textarea {
      max-width: 300px; } }
  .comment-form input[type='submit'],
  .comment-form textarea[type='submit'] {
    display: block;
    width: auto; }

.comment-form textarea {
  overflow: auto;
  margin: 0;
  height: 120px;
  min-height: 120px; }

.commentlist {
  margin: 0 0 1.2em; }
  .commentlist .edit-link {
    margin: 0; }
  .commentlist .avatar-holder {
    float: left;
    margin: 0 1.2em 4px 0; }

.commentlist-item .commentlist-item {
  padding: 0; }
  @media (min-width: 768px) {
    .commentlist-item .commentlist-item {
      padding: 0 0 0 2em; } }

.comment,
.commentlist-holder {
  overflow: hidden; }

.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item {
  padding-top: 20px; }

.widget_calendar th,
.widget_calendar td {
  text-align: center; }

.widget_calendar #prev {
  text-align: left; }

.widget_calendar #next {
  text-align: right; }

#wp-calendar {
  width: 100%; }

.wp-caption {
  max-width: 100%;
  clear: both;
  border: 2px solid #0097dd;
  padding: 4px;
  margin-bottom: 20px;
  text-align: center; }
  .wp-caption img {
    margin-bottom: 4px; }
  .wp-caption p {
    margin: 0; }

.aligncenter {
  margin: 0 auto 20px; }

img.aligncenter {
  display: block;
  margin: 0 auto; }

.alignleft {
  float: left;
  margin: 0 1.2em 4px 0; }

.alignright {
  float: right;
  margin: 0 0 4px 1.2em; }

.mejs-container {
  margin-bottom: 20px; }

.wp-caption-text,
.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor {
  height: auto; }

.gallery {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }
  .gallery .gallery-item {
    margin: 0;
    padding: 0 10px 10px; }
    .gallery .gallery-item dt {
      float: none;
      width: 100%;
      margin: 0 0 10px;
      padding: 0; }

.gallery-columns-2 .gallery-item {
  max-width: 50%;
  width: 50%; }

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
  width: 33.33%; }

.tagcloud {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.comment-list .comment-body {
  margin-bottom: 20px; }

.comment-author img {
  margin-right: 10px; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.h {
  font-family: "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: bold;
  margin: 0 0 0.5em;
  color: inherit;
  text-transform: uppercase;
  line-height: 1.35;
  letter-spacing: .2em; }
  h1 a, .h1 a,
  h2 a, .h2 a,
  h3 a, .h3 a,
  h4 a, .h4 a,
  h5 a, .h5 a,
  h6 a, .h6 a,
  .h a {
    text-decoration: none; }
    h1 a:hover, .h1 a:hover,
    h2 a:hover, .h2 a:hover,
    h3 a:hover, .h3 a:hover,
    h4 a:hover, .h4 a:hover,
    h5 a:hover, .h5 a:hover,
    h6 a:hover, .h6 a:hover,
    .h a:hover {
      color: #0097dd; }

h1, .h1 {
  line-height: 1.16;
  font-size: 30px;
  margin: 0 0 20px;
  letter-spacing: .05em; }
  @media (min-width: 768px) {
    h1, .h1 {
      margin: 0 0 24px; } }

h2, .h2 {
  font-size: 18px; }

h3, .h3 {
  font-size: 16px;
  letter-spacing: .2em;
  margin: 0 0 20px; }
  @media (min-width: 768px) {
    h3, .h3 {
      font-size: 14px;
      margin: 0 0 10px; } }

h4, .h4 {
  font-size: 16px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 13px; }

p {
  margin: 0 0 25px; }
  @media (min-width: 768px) {
    p {
      margin: 0 0 10px; } }

a {
  transition: box-shadow 0.3s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out, border 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out;
  color: inherit; }
  a:hover, a:focus {
    text-decoration: none; }

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * brandon-grotesque:
 *   - http://typekit.com/eulas/0000000000000000000132df
 *   - http://typekit.com/eulas/0000000000000000000132e0
 *   - http://typekit.com/eulas/0000000000000000000132e3
 *   - http://typekit.com/eulas/0000000000000000000132e4
 *   - http://typekit.com/eulas/0000000000000000000132e1
 *   - http://typekit.com/eulas/0000000000000000000132e5
 *
 * © 2009-2020 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2020-10-22 06:00:34 UTC"}*/
@font-face {
  font-family: "brandon-grotesque";
  src: url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "brandon-grotesque";
  src: url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700; }

@font-face {
  font-family: "brandon-grotesque";
  src: url("https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700; }

@font-face {
  font-family: "brandon-grotesque";
  src: url("https://use.typekit.net/af/d8f71f/0000000000000000000132e1/27/l?subset_id=2&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/d8f71f/0000000000000000000132e1/27/d?subset_id=2&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/d8f71f/0000000000000000000132e1/27/a?subset_id=2&fvd=n5&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 500; }

@font-face {
  font-family: "brandon-grotesque";
  src: url("https://use.typekit.net/af/031bc7/0000000000000000000132e5/27/l?subset_id=2&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/031bc7/0000000000000000000132e5/27/d?subset_id=2&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/031bc7/0000000000000000000132e5/27/a?subset_id=2&fvd=n9&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 900; }

.tk-brandon-grotesque {
  font-family: "brandon-grotesque",sans-serif; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?6bdoq0");
  src: url("fonts/icomoon.eot?6bdoq0#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?6bdoq0") format("truetype"), url("fonts/icomoon.woff?6bdoq0") format("woff"), url("fonts/icomoon.svg?6bdoq0#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"], [class*="icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow-right:before {
  content: "\e906"; }

.icon-arrow-left:before {
  content: "\e909"; }

.icon-arrow-right-bold:before {
  content: "\e90a"; }

.icon-arrow-up:before {
  content: "\e90b"; }

.icon-bell:before {
  content: "\e90c"; }

.icon-cart:before {
  content: "\e907"; }

.icon-coins:before {
  content: "\e903"; }

.icon-user:before {
  content: "\e900"; }

.icon-zoom:before {
  content: "\e91c"; }

.icon-plus:before {
  content: "\e920"; }

.icon-search:before {
  content: "\e902"; }

.icon-close:before {
  content: "\e905"; }

.icon-close-outline:before {
  content: "\e927"; }

.icon-info:before {
  content: "\ea0c"; }

.icon-heart:before {
  content: "\e901"; }

.icon-minus:before {
  content: "\e921"; }

.icon-arrow-down:before {
  content: "\e904"; }

/* Slick slider styles */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

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

.slick-arrow.slick-hidden {
  display: none; }

.bg-video-holder {
  padding-top: 60%;
  position: relative;
  overflow: hidden;
  background-size: cover; }

.bg-video-holder .bg-video {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity .3s ease;
  pointer-events: none; }

.video-active .bg-video {
  opacity: 1; }

/* custom number input styles */
.jcf-number {
  display: inline-block;
  position: relative;
  height: 50px;
  width: 100%;
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 700; }

.jcf-number input {
  width: 100% !important;
  max-width: 100%;
  -moz-appearance: textfield;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-appearance: textfield;
  color: #08232f;
  text-align: center; }
  .jcf-number input:-webkit-outer-spin-button, .jcf-number input:-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.jcf-number input::-webkit-inner-spin-button,
.jcf-number input::-webkit-outer-spin-button {
  -webkit-appearance: none; }

.jcf-number input {
  box-sizing: border-box;
  border: 1px solid #08232f;
  padding: 3px 40px;
  margin: 0;
  height: 100%;
  border-radius: 0; }
  @media (min-width: 1024px) {
    .jcf-number input {
      padding: 3px 45px; } }

.jcf-number .jcf-btn-dec,
.jcf-number .jcf-btn-inc {
  position: absolute;
  width: 55px;
  height: 100%;
  right: 0;
  top: 0;
  cursor: pointer;
  color: #08232f; }

.jcf-number .jcf-btn-dec {
  left: 0; }

.jcf-number .jcf-btn-dec {
  top: auto;
  bottom: 1px; }

.jcf-number .jcf-btn-dec:before,
.jcf-number .jcf-btn-inc:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.jcf-number .jcf-btn-dec:before {
  content: "";
  font-family: 'icomoon';
  font-size: inherit;
  line-height: 1;
  text-indent: 0;
  right: 10%; }

.jcf-number .jcf-btn-inc:before {
  content: "";
  font-family: 'icomoon';
  font-size: inherit;
  line-height: 1;
  text-indent: 0;
  left: 10%; }
/*
.jcf-number.jcf-disabled .jcf-btn-dec:before,
.jcf-number.jcf-disabled .jcf-btn-inc:before,
.jcf-number .jcf-btn-dec.jcf-disabled:before,
.jcf-number .jcf-btn-inc.jcf-disabled:before {
  opacity: 0.3; }*/

.jcf-number.jcf-disabled input {
  background: #fff; }

#header {
  position: relative;
  width: 100%;
  z-index: 999;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
  font: 12px/1.35 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: uppercase;
  letter-spacing: .2em; }
  #header .search-form {
    margin: 0 0 0 17px; }
    @media (min-width: 1024px) {
      #header .search-form {
        margin: 0 15px 0 0; } }
    #header .search-form input[type="search"] {
      font-family: "Open Sans", "Helvetica Neue", "Helvetica", sans-serif; }
      @media (max-width: 1023px) {
        #header .search-form input[type="search"] {
          padding-right: 40px; } }
  @media (max-width: 1023px) {
    #header .content-block {
      margin: 0 0 15px; } }

.nav-secondary {
  margin: -15px 0 20px -18px; }
  @media (min-width: 768px) {
    .nav-secondary {
      column-count: 2; } }
  @media (min-width: 1024px) {
    .nav-secondary {
      -ms-flex: 1 0;
          flex: 1 0;
      padding-top: 17px;
      margin: -25px 20px 0 -18px; } }
  @media (min-width: 1240px) {
    .nav-secondary {
      column-gap: 30px;
      column-count: 3;
      margin: -31px 20px 0 -20px; } }
  @media (min-width: 1440px) {
    .nav-secondary {
      margin: -31px 0 0 -27px; } }
  .nav-secondary li {
    position: relative;
    padding: 15px 0 0 0; }
    @media (min-width: 1024px) {
      .nav-secondary li {
        padding: 25px 0 0 0; } }
    @media (min-width: 1240px) {
      .nav-secondary li {
        padding: 31px 0 0 0; } }
    @media (min-width: 1440px) {
      .nav-secondary li {
        padding: 31px 0 0 0; } }
    .nav-secondary li > a {
      display: inline-block;
      vertical-align: top;
      position: relative;
      padding: 0 0 0 18px; }
      @media (min-width: 1024px) {
        .nav-secondary li > a {
          padding: 0 0 0 18px; } }
      @media (min-width: 1240px) {
        .nav-secondary li > a {
          padding: 0 0 0 20px; } }
      @media (min-width: 1440px) {
        .nav-secondary li > a {
          padding: 0 0 0 27px; } }
      .nav-secondary li > a:before {
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
        position: absolute;
        content: '';
        top: 5px;
        left: 0;
        background-image: url(images/img-decor01.svg);
        background-size: 14px 6px;
        width: 14px;
        height: 6px;
        opacity: 0;
        visibility: hidden; }
        @media (min-width: 1240px) {
          .nav-secondary li > a:before {
            background-size: 16px 8px;
            width: 16px;
            height: 8px; } }
      .nav-secondary li > a:hover {
        font-weight: 900;
        color: #0097dd; }
        .nav-secondary li > a:hover:before {
          opacity: 1;
          visibility: visible; }
    .nav-secondary li.active > a {
      font-weight: 900;
      color: #0097dd; }
      .nav-secondary li.active > a:before {
        opacity: 1;
        visibility: visible; }
  .nav-secondary a {
    font-weight: 500;
    text-decoration: none; }

.header-head {
  transition: padding 0.3s ease-in-out;
  background: #08232f;
  color: #fff;
  font-size: 12px;
  padding: 16px 0; }
  @media (min-width: 1024px) {
    .header-head {
      padding: 7px 0; } }
  @media (max-width: 1023px) {
    .fixed-position .header-head {
      padding: 10px 0; } }
  @media (min-width: 1024px) {
    .header-head > .container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; } }
  .header-head .text-header {
    display: block; }
    @media (min-width: 1024px) {
      .header-head .text-header {
        -ms-flex: 1 0;
            flex: 1 0;
        margin: 0 20px; } }
  .header-head .link-holder {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px; }
    .header-head .link-holder .link {
      margin: 0 10px; }

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

.link-header {
  display: -ms-flexbox;
  display: flex; }
  .link-header .link {
    padding: 0 0 0 20px; }
    @media (min-width: 1240px) {
      .link-header .link {
        padding: 0 0 0 75px; } }
    .link-header .link:first-child {
      padding: 0; }

.logo {
  transition: width 0.3s ease-in-out;
  width: 105px;
  margin-bottom: -3px; }
  @media (min-width: 375px) {
    .logo {
      width: 154px; } }
  @media (max-width: 1023px) {
    .logo {
      margin: 0 17px 0 0; } }
  @media (min-width: 1024px) and (max-width: 1239.7px) {
    .logo {
      width: 120px; } }
  @media (min-width: 375px) {
    .fixed-position .logo {
      width: 120px; } }
  @media (min-width: 1024px) and (max-width: 1239.7px) {
    .fixed-position .logo {
      width: 100px; } }
  .logo img {
    width: 100%; }

.header-main {
  transition: padding 0.3s ease-in-out;
  background: #fff;
  padding: 10px 0; }
  @media (min-width: 1024px) {
    .header-main {
      padding: 12px 0; } }
  .fixed-position .header-main {
    padding: 5px 0; }
  .header-main > .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .header-main .btn {
    padding: 11px 15px;
    line-height: 1; }
  @media (min-width: 1024px) {
    .header-main .drop .btn {
      padding: 16px 30px; } }

.main-nav {
  -ms-flex: 1 0;
      flex: 1 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  @media (max-width: 1023px) {
    .main-nav {
      -ms-flex-pack: end;
          justify-content: flex-end; } }
  @media (min-width: 1240px) {
    .main-nav {
      margin-right: -18px; } }
  @media (max-width: 1023px) {
    .main-nav .btn {
      margin: 15px 0; } }

@media (min-width: 1024px) {
  .nav-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex: 1 0;
        flex: 1 0; } }

@media (min-width: 1024px) {
  .nav-menu > li {
    padding: 0 10px; } }

@media (min-width: 1240px) {
  .nav-menu > li {
    padding: 0 17px; } }

.nav-menu > li.active > a {
  color: #0097dd; }

.nav-menu > li.hover .drop {
  transform: translate(0, 0); }
  @media (min-width: 1024px) {
    .nav-menu > li.hover .drop {
      transform: translate(0, 96px); } }
  @media (min-width: 1240px) {
    .nav-menu > li.hover .drop {
      transform: translate(0, 109px); } }
  @media (min-width: 1024px) {
    .fixed-position .nav-menu > li.hover .drop {
      transform: translate(0, 79px); } }
  @media (min-width: 1240px) {
    .fixed-position .nav-menu > li.hover .drop {
      transform: translate(0, 82px); } }

@media (max-width: 1023px) {
  .nav-menu > li.drop-holder > a {
    position: relative;
    padding-right: 25px; } }

@media (max-width: 1023px) {
  .nav-menu > li.drop-holder > a:after {
    content: "";
    font-family: 'icomoon';
    font-size: 15px;
    line-height: 1;
    text-indent: 0;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%); } }

.nav-menu > li > a {
  display: inline-block;
  vertical-align: top;
  padding: 15px 0; }
  @media (max-width: 1023px) {
    .nav-menu > li > a {
      position: relative;
      display: inline-block;
      vertical-align: top; } }
  @media (min-width: 1024px) and (max-width: 1240px) {
    .nav-menu > li > a {
      font-size: 10px; } }
  @media (min-width: 1024px) {
    .nav-menu > li > a {
      padding: 0px; } }
  @media (min-width: 1240px) {
    .nav-menu > li > a {
      padding: 0; } }
  @media (min-width: 1024px) {
    .fixed-position .nav-menu > li > a {
      padding: 0 0 0; } }

.nav-menu > li .link-back {
  position: absolute;
  font-size: 18px;
  top: 15px;
  left: 20px; }
  @media (min-width: 1024px) {
    .nav-menu > li .link-back {
      display: none; } }

.nav-menu > li .drop {
  transition: transform 0.3s ease-in-out;
  left: 0;
  right: 0;
  position: fixed;
  overflow: auto;
  z-index: 99;
  transform: translate(100%, 0); }
  @media (max-width: 1023px) {
    .nav-menu > li .drop {
      border-top: 1px solid #d8d8d8;
      height: calc(100vh - 122px);
      height: calc(var(--vh, 1vh) * 100 - 122px);
      top: 122px; } }
  @media (max-width: 375px) {
    .nav-menu > li .drop {
      height: calc(100vh - 122px);
      height: calc(var(--vh, 1vh) * 100 - 122px);
      top: 122px; } }
  @media (min-width: 1024px) {
    .nav-menu > li .drop {
      top: 0;
      position: absolute;
      transform: translate(0, -100%);
      z-index: -1;
      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05); } }
  @media (min-width: 1024px) {
    .nav-menu > li .drop:before {
      position: absolute;
      content: '';
      top: 2px;
      height: 1px;
      left: 0;
      right: 0;
      background: #d8d8d8; } }
  @media (max-width: 1023px) {
    .fixed-position .nav-menu > li .drop {
      top: 92px;
      height: calc(100vh - 92px);
      height: calc(var(--vh, 1vh) * 100 - 92px); } }
  @media (max-width: 375px) {
    .fixed-position .nav-menu > li .drop {
      top: 85px;
      height: calc(100vh - 85px);
      height: calc(var(--vh, 1vh) * 100 - 85px); } }

.nav-menu > li .drop-inner {
  background: #fff; }
  @media (max-width: 1023px) {
    .nav-menu > li .drop-inner {
      text-align: left;
      padding: 50px 20px 70px; } }
  @media (min-width: 1024px) {
    .nav-menu > li .drop-inner {
      padding: 50px 0 70px; } }
  @media (min-width: 1240px) {
    .nav-menu > li .drop-inner {
      padding: 68px 0 85px; } }

.nav-menu > li h1 {
  letter-spacing: .05em; }
  @media (max-width: 767px) {
    .nav-menu > li h1 {
      font-size: 23px; } }
  @media (min-width: 1024px) {
    .nav-menu > li h1 {
      margin: 0 0 43px; } }

@media (min-width: 1024px) {
  .nav-menu > li .desc-block {
    width: 410px;
    margin: 0 0 0 30px; } }

.nav-menu > li .content-holder {
  display: block;
  margin: 0; }
  @media (min-width: 1024px) {
    .nav-menu > li .content-holder {
      display: -ms-flexbox;
      display: flex;
      margin: 0 0 55px; } }
  @media (min-width: 1240px) {
    .nav-menu > li .content-holder {
      margin: 0 -23px 55px 0; } }
  @media (min-width: 1440px) {
    .nav-menu > li .content-holder {
      margin: 0 -120px 55px 0; } }

.nav-menu a:not(.btn) {
  font-weight: 500;
  text-decoration: none; }
  .nav-menu a:not(.btn):hover {
    color: #0097dd; }

.nav-opener {
  position: relative;
  z-index: 100;
  text-decoration: none;
  font: 12px/1.2 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 0 43px 0 0;
  float: right;
  letter-spacing: .2em; }
  @media (min-width: 1024px) {
    .nav-opener {
      display: none; } }
  .nav-opener:before, .nav-opener:after,
  .nav-opener span:not(.opener-text) {
    background: #fff;
    position: absolute;
    top: 0;
    width: 18px;
    right: 0;
    height: 2px;
    transition: transform .2s linear; }
  .nav-opener:before, .nav-opener:after {
    content: '';
    top: 6px; }
  .nav-opener:after {
    top: 11px; }
  .nav-active .nav-opener:before, .nav-active .nav-opener:after {
    transform: rotate(45deg);
    top: 50%;
    right: 0;
    background: #fff;
    z-index: 9999;
    margin: -3px 0 0; }
  .nav-active .nav-opener:after {
    transform: rotate(-45deg); }
  .nav-active .nav-opener span:not(.opener-text) {
    opacity: 0; }

.nav-drop {
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; }
  @media (max-width: 1023px) {
    .nav-drop {
      opacity: 0;
      visibility: hidden;
      overflow-y: auto;
      overflow-x: hidden;
      position: absolute;
      top: 126px;
      left: 0;
      right: 0;
      z-index: 999;
      border-top: 1px solid #d8d8d8;
      background-color: #fff;
      text-align: center;
      height: calc(100vh - 126px);
      height: calc(var(--vh, 1vh) * 100 - 126px); } }
  @media (max-width: 375px) {
    .nav-drop {
      top: 122px;
      height: calc(100vh - 122px);
      height: calc(var(--vh, 1vh) * 100 - 122px); } }
  @media (min-width: 1024px) {
    .nav-drop {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex: 1 0;
          flex: 1 0; } }
  .nav-active .nav-drop {
    opacity: 1;
    visibility: visible; }
  @media (max-width: 1023px) {
    .fixed-position .nav-drop {
      top: 92px;
      height: calc(100vh - 92px);
      height: calc(var(--vh, 1vh) * 100 - 92px); } }
  @media (max-width: 375px) {
    .fixed-position .nav-drop {
      top: 85px;
      height: calc(100vh - 85px);
      height: calc(var(--vh, 1vh) * 100 - 85px); } }

@media (max-width: 1023px) {
  .nav-drop-inner {
    padding: 35px 20px 50px; } }

.resize-active * {
  transition: none !important; }

@media (min-width: 768px) {
  body {
    font-size: 14px;
    line-height: 2.14; } }

#wrapper {
  position: relative;
  overflow: hidden; }
  @media (max-width: 1023px) {
    #wrapper {
      padding-bottom: 70px; } }

#main {
  padding: 60px 0; }
  .no-space #main {
    padding: 0; }

img,
svg {
  max-width: 100%;
  height: auto; }

.container {
  width: 100%;
  max-width: 1235px;
  padding: 0 20px;
  margin: 0 auto; }

.section {
  padding: 25px 0; }
  @media (min-width: 768px) {
    .section {
      padding: 35px 0; } }

.secondary-section {
  padding: 85px 0 57px; }
  .secondary-section:last-child {
    padding-bottom: 75px; }
  .secondary-section + .secondary-section {
    padding-top: 0; }
  @media (min-width: 768px) {
    .secondary-section h1 {
      margin-bottom: 33px; } }
  .secondary-section h2 {
    margin: 0 0 25px; }

.js-tab-hidden {
  display: block !important;
  left: -9999px !important;
  position: absolute !important;
  top: -9999px !important; }

.subtitle {
  display: block;
  font-size: 16px;
  letter-spacing: .1em; }

.heading-holder {
  text-align: center;
  padding: 0 0 10px; }

.decor-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 10px;
  transform: translate(-38%, -130%);
  width: 64px;
  height: 64px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  background: #fff;
  z-index: 10; }

@media (max-width: 1023px) {
  .content-desktop {
    display: none !important; } }

@media (min-width: 1024px) {
  .content-mobile {
    display: none !important; } }

.fixed-block {
  position: fixed;
  text-align: center;
  pointer-events: none;
  bottom: 0;
  right: 0;
  z-index: 99; }
  @media (max-width: 1023px) {
    .fixed-block {
      left: 0; } }
  @media (min-width: 1024px) {
    .fixed-block {
      right: 30px;
      bottom: 37px;
      display: inline-block;
      vertical-align: top; } }
  .fixed-block * {
    pointer-events: auto; }
  .fixed-block .link-cart {
    transition: transform 0.3s ease-in-out;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 15px;
    width: 70px;
    height: 70px;
    box-shadow: 0 0 10px rgba(40, 146, 169, 0.35);
    background: #0097dd;
    color: #fff;
    text-decoration: none;
    border-radius: 50%;
    z-index: 100;
    font-size: 25px; }
    @media (max-width: 1023px) {
      .fixed-block .link-cart {
        margin: 0 auto -35px; } }
    .fixed-block .link-cart:hover {
      transform: translateY(-4px); }
  .fixed-block .link-holder {
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 0;
    min-height: 70px;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.05);
    text-align: center; }
    .fixed-block .link-holder .link {
      padding: 0 15px;
      width: 50%;
      color: #08232f;
      text-decoration: none;
      text-transform: uppercase;
      font: 700 14px/1.2 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
      letter-spacing: .2em; }
      .fixed-block .link-holder .link:hover {
        color: #0097dd; }
      .fixed-block .link-holder .link i {
        display: block;
        font-size: 20px;
        margin: 0 0 5px; }

.info-box {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: #08232f;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.06em;
  line-height: 1.875;
  padding: 15px;
  z-index: 2; }
  @media (min-width: 768px) {
    .info-box {
      width: 209px;
      height: 209px;
      font-size: 12px;
      line-height: 2.5; } }
  .info-box > * {
    width: 100%; }
  .info-box .info-icon {
    font-size: 25px;
    line-height: 1;
    margin: 0 0 20px; }
  @media (max-width: 767px) {
    .info-box h3 {
      margin: 0 0 15px; } }

.bg-light {
  background: rgba(0, 151, 221, 0.1); }

.content-block {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 20px;
  max-width: 410px;
  width: 100%;
  color: #fff;
  font: 900 14px/1.35 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
  letter-spacing: .2em;
  z-index: 1;
  text-decoration: none; }
  @media (min-width: 768px) {
    .content-block {
      padding: 35px 40px; } }
  .content-block:hover {
    color: #fff !important; }
    .content-block:hover:after {
      transition: background 0.3s ease-in-out;
      background: rgba(0, 151, 221, 0.9); }
  .content-block:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background: rgba(0, 151, 221, 0.7);
    z-index: -1; }
  .content-block .content-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: flex-end;
    min-height: 200px; }
    .content-block .content-inner > *:last-child {
      margin: 0; }
  .content-block h1,
  .content-block h2,
  .content-block h3,
  .content-block h4,
  .content-block h5,
  .content-block h6 {
    letter-spacing: .05em; }

.title-decor {
  padding-bottom: 45px; }
  @media (min-width: 768px) {
    .title-decor {
      padding-bottom: 57px; } }
  .title-decor h1,
  .title-decor h2,
  .title-decor h3,
  .title-decor h4,
  .title-decor h5,
  .title-decor h6 {
    line-height: 1.66; }
    .title-decor h1:last-child,
    .title-decor h2:last-child,
    .title-decor h3:last-child,
    .title-decor h4:last-child,
    .title-decor h5:last-child,
    .title-decor h6:last-child {
      margin: 0; }
    .title-decor h1 span,
    .title-decor h2 span,
    .title-decor h3 span,
    .title-decor h4 span,
    .title-decor h5 span,
    .title-decor h6 span {
      box-shadow: inset 0px -10px 0px 0px rgba(40, 146, 169, 0.19);
      padding: 0 8px; }

.overlay-teal {
  position: relative;
  z-index: 1; }
  .overlay-teal:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    z-index: -1;
    background: rgba(40, 146, 169, 0.6); }

.overlay-dark {
  position: relative;
  z-index: 1; }
  .overlay-dark:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    z-index: -1;
    background: rgba(8, 35, 47, 0.45); }

.text-center {
  text-align: center;
  margin: 0 0 15px; }
  .text-center .btn {
    width: 100%;
    max-width: 390px; }

@media (min-width: 768px) {
  .two-columns {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px; } }

@media (max-width: 767px) {
  .two-columns:last-child {
    margin-bottom: -20px; } }

.two-columns .column {
  padding: 0 0 20px; }
  @media (min-width: 768px) {
    .two-columns .column {
      width: 50%;
      padding: 0 20px; } }
  .two-columns .column > *:last-child {
    margin-bottom: 0; }

.text-holder {
  max-width: 990px;
  margin: 0 auto 15px;
  letter-spacing: .05em; }
  .text-holder h3 {
    margin: 0 0 30px; }

.image-decorated {
  overflow: hidden;
  text-align: center;
  padding: 17px 0 38px; }
  .image-decorated > span {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #0097dd;
    padding: 5px; }
    .image-decorated > span:before, .image-decorated > span:after {
      content: '';
      position: absolute;
      top: 50%;
      border-bottom: 2px solid #0097dd;
      width: 591px;
      margin: 0 20px; }
    .image-decorated > span:after {
      left: 100%; }
    .image-decorated > span:before {
      right: 100%; }

.text-separator {
  overflow: hidden;
  text-align: center;
  padding: 0 0 18px;
  display: block;
  font: 600 12px/1.2 "Open Sans", "Helvetica Neue", "Helvetica", sans-serif; }
  .text-separator > span {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    max-width: 180px;
    padding: 2px 30px;
    border-radius: 50%;
    background: #d8d8d8;
    padding: 3px 30px;
    color: #fff;
    border-radius: 10px; }
    .text-separator > span:before, .text-separator > span:after {
      content: '';
      position: absolute;
      top: 50%;
      border-bottom: 2px solid #d8d8d8;
      width: 591px; }
    .text-separator > span:after {
      left: 100%; }
    .text-separator > span:before {
      right: 100%; }

@media (min-width: 1024px) {
  .content-columns {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -7px; } }

.content-columns .column {
  margin: 0 0 25px; }
  @media (min-width: 1024px) {
    .content-columns .column {
      margin: 0 7px; } }
  @media (min-width: 1024px) {
    .content-columns .column:nth-child(odd) {
      -ms-flex: 1 0;
          flex: 1 0; } }
  @media (min-width: 1024px) {
    .content-columns .column:nth-child(even) {
      width: calc(100% - 390px); } }
  @media (min-width: 1240px) {
    .content-columns .column:nth-child(even) .comment-box {
      padding: 25px 100px; } }

@media (min-width: 1024px) {
  .content-columns .comment-box:last-child {
    margin: 0 0 30px; } }

.comment-box {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  background: #fff;
  padding: 25px;
  margin: 0 0 20px; }
  @media (min-width: 1024px) {
    .comment-box {
      padding: 25px 35px;
      margin: 0 0 40px; } }
  .comment-box .btn {
    width: 100%;
    max-width: 350px; }
  .comment-box h5 {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2em;
    margin: 0 0 22px; }

.comment-header {
  display: -ms-flexbox;
  display: flex; }
  .comment-header .left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin: 0 20px 0 0; }
  .comment-header .right {
    -ms-flex: 1 0;
        flex: 1 0;
    text-align: right;
    margin-top: -5px; }
  .comment-header .rating-holder {
    font-size: 18px !important;
    line-height: 1;
    margin: 0 0 20px !important; }
    .comment-header .rating-holder .star-rating span {
      float: none !important; }
  .comment-header time {
    font: 500 12px/1.2 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
    letter-spacing: .2em; }

.has-bullet-list ul {
  font-size: 14px;
  letter-spacing: .05em;
  margin: 0; }
  .has-bullet-list ul li {
    position: relative;
    padding: 0 0 4px 30px; }
    .has-bullet-list ul li:after {
      content: "";
      font-family: 'icomoon';
      font-size: 12px;
      line-height: 1;
      text-indent: 0;
      position: absolute;
      left: 0;
      top: 10px;
      color: #0097dd; }


.rating-wrap {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 0 25px; }
  .rating-wrap .star-rating {
    font-size: 18px !important;
    line-height: 1;
    float: none !important;
    margin: 0 20px 0 0 !important; }
  .rating-wrap .average-value {
    font: 700 18px/1.25 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
    letter-spacing: .1em; }

.woocommerce .star-rating {
  float: none !important;
  color: #0097dd;
  letter-spacing: .3em;
  width: 6.5em; }
  .woocommerce .star-rating:before {
    content: "\53\53\53\53\53" !important;
    color: rgba(0, 151, 221, 0.1) !important; }

.comment-form-rating .stars {
  display: inline-block;
  vertical-align: top;
  color: #0097dd;
  font-weight: bold; }

.woocommerce-message {
  border-top-color: #0097dd; }

.woocommerce-message::before {
  color: #0097dd; }

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: #0097dd; }
  .woocommerce #respond input#submit.alt:hover,
  .woocommerce a.button.alt:hover,
  .woocommerce button.button.alt:hover,
  .woocommerce input.button.alt:hover {
    background: #11b4ff; }

@media (min-width: 768px) {
  .coupon input[type="text"] {
    width: auto !important; } }

@media (max-width: 850px) {
  .coupon button {
    font-size: 10px !important; } }

.search-items-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -8px; }
  .search-items-wrap > * {
    margin: 0 8px 30px;
    width: calc(100% - 16px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    background: #fff;
    padding: 20px; }
    @media (min-width: 375px) {
      .search-items-wrap > * {
        width: calc(50% - 16px); } }
    @media (min-width: 1024px) {
      .search-items-wrap > * {
        width: calc(33.3% - 16px); } }
    @media (min-width: 1240px) {
      .search-items-wrap > * {
        width: calc(25% - 16px); } }

#yith-wcwl-popup-message {
  margin: 0 !important;
  width: -webkit-max-content;
  width: max-content;
  transform: translateX(-50%); }

#footer {
  font-family: "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: uppercase;
  padding: 0 0 55px;
  background: #08232f;
  color: #fff; }
  @media (min-width: 1024px) {
    #footer {
      padding: 0 0 40px; } }
  #footer input[type='text'],
  #footer input[type='tel'],
  #footer input[type='email'],
  #footer input[type='search'],
  #footer input[type='password'],
  #footer input[type='url'],
  #footer textarea {
    background: #fff; }
  #footer h2 {
    margin: 0 0 30px; }
  #footer h5 {
    margin: 0 0 10px;
    min-height: 30px; }
  #footer .link-up {
    position: absolute;
    right: 0; }
    @media (max-width: 767px) {
      #footer .link-up {
        bottom: 18px; } }
    @media (min-width: 768px) {
      #footer .link-up {
        top: -5px; } }
  #footer .feature-holder {
    position: relative; }
    @media (max-width: 767px) {
      #footer .feature-holder {
        margin: 0 0 40px; } }
    @media (max-width: 767px) {
      #footer .feature-holder:after {
        position: absolute;
        content: '';
        top: 0;
        height: 45%;
        background: #fff;
        left: -20px;
        right: -20px; } }
  #footer .feature-block {
    color: #08232f; }
    @media (max-width: 767px) {
      #footer .feature-block {
        padding: 5px 0; } }
    @media (min-width: 768px) {
      #footer .feature-block {
        margin-top: -44px; } }
    #footer .feature-block .feature-item {
      padding: 25px 20px;
      width: 100%; }
      @media (min-width: 768px) {
        #footer .feature-block .feature-item {
          width: 50%;
          padding: 10px 40px; } }
      @media (min-width: 1024px) {
        #footer .feature-block .feature-item {
          width: 25%; } }

@media (min-width: 768px) {
  .footer-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; } }

.footer-body {
  padding: 60px 0 0; }

.footer-bottom {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .2em; }
  @media (min-width: 550px) {
    .footer-bottom {
      display: -ms-flexbox;
      display: flex;
      font-size: 10px; } }

.copy {
  display: block;
  margin: 0 0 35px;
  line-height: 1.6; }
  @media (min-width: 550px) {
    .copy {
      -ms-flex: 1 0;
          flex: 1 0;
      margin: 0 20px 0 0; } }

.footer-holder em {
    font-size: 0.7em;
    text-transform: none;
    font-weight: 400;
}

.footer-holder {
  position: relative; }
  @media (min-width: 768px) {
    .footer-holder {
      display: -ms-flexbox;
      display: flex; } }
  @media (min-width: 768px) {
    .footer-holder .holder-item {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      z-index: 1;
      padding: 30px 0 75px;
      min-height: 240px; } }
  @media (min-width: 768px) {
    .footer-holder .holder-item:nth-child(1) {
      color: #08232f;
      padding-right: 90px;
      width: 46%; } }
  @media (min-width: 768px) {
    .footer-holder .holder-item:nth-child(1):after {
      position: absolute;
      content: '';
      background: #fff;
      top: -1px;
      bottom: 0;
      right: 0;
      left: -9999px;
      z-index: -1; } }
  @media (min-width: 768px) {
    .footer-holder .holder-item:nth-child(1):before {
      position: absolute;
      background: #fff;
      content: '';
      z-index: -2;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      transform: skewX(-38deg); } }
  @media (min-width: 768px) {
    .footer-holder .holder-item:nth-child(2) {
      padding-left: 70px;
      text-align: right;
      -ms-flex: 1 0;
          flex: 1 0; } }
  @media (min-width: 1240px) {
    .footer-holder .holder-item:nth-child(2) {
      padding-left: 150px; } }
  @media (min-width: 768px) {
    .footer-holder .holder-item:nth-child(2):before {
      position: absolute;
      content: '';
      background: #08232f;
      z-index: -2;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      transform: skewX(-38deg); } }
  @media (min-width: 768px) {
    .footer-holder .holder-item > *:last-child {
      margin: 0; } }
  .footer-holder .arrow-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    background: #0097dd;
    color: #fff;
    z-index: 10; }
    @media (max-width: 767px) {
      .footer-holder .arrow-icon {
        display: none; } }
    @media (min-width: 768px) {
      .footer-holder .arrow-icon {
        left: 47%;
        top: 43%; } }

.footer-content {
  display: block; }
  @media (max-width: 767px) {
    .footer-content {
      text-align: center; } }
  .footer-content img {
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px; }

.footer-columns {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0 50px;
  margin: 0 0 0 -20px; }
  @media (min-width: 768px) {
    .footer-columns {
      padding: 0 50px 0 0;
      margin: 0 0 0 -40px; } }
  .footer-columns .column {
    width: 50%;
    padding: 0 0 30px 20px; }
    @media (min-width: 768px) {
      .footer-columns .column {
        padding: 0 0 40px 40px; } }
    @media (min-width: 1024px) {
      .footer-columns .column {
        width: 25%; } }

.menu {
  font-weight: 500;
  letter-spacing: .2em;
  font-size: 12px;
  line-height: 1.35; }
  .menu li {
    margin: 0 0 10px; }
    .menu li.active a {
      text-decoration: underline; }
  .menu a {
    text-decoration: none; }
    .menu a:hover {
      color: #0097dd; }

.btn {
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  display: inline-block;
  vertical-align: top;
  font-weight: 900;
  font-family: "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
  padding: 12px 10px;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  background: #0097dd;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .2em;
  margin: 0 0 15px;
  line-height: 2.14; }
  @media (max-width: 374px) {
    .btn {
      font-size: 13px; } }
  @media (min-width: 768px) {
    .btn {
      padding: 10px 15px; } }
  .btn:last-child {
    margin-bottom: 0; }
  .btn.btn-radius {
    border-radius: 25px; }
  .btn.btn-secondary {
    background: #03ab99; }
    .btn.btn-secondary:hover {
      background: #04ddc6; }
  .btn:hover {
    color: #fff;
    background: #11b4ff; }
  .btn i {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 0;
    line-height: 1;
    font-size: 16px; }

.link-holder {
  text-align: right;
  margin: 0 0 15px; }
  .link-holder:last-child {
    margin: 0; }
  .link-holder a {
    font: 900 16px/1.2 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
    letter-spacing: .2em;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .link-holder a {
        font-size: 14px; } }

.link-up {
  transition: transform 0.3s ease-in-out;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 50px;
  height: 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  background: #fff;
  color: #08232f;
  text-decoration: none;
  font-size: 13px; }
  .link-up:hover {
    transform: translateY(-4px); }

.link-arrow {
  position: relative;
  font-family: "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: uppercase;
  letter-spacing: .2em;
  padding: 0 35px 0 0;
  text-decoration: none; }
  .link-arrow:after {
    transition: transform 0.3s ease-in-out;
    content: "";
    font-family: 'icomoon';
    font-size: 10px;
    line-height: 1;
    text-indent: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%); }
  .link-arrow:hover {
    color: #0097dd; }
    .link-arrow:hover:after {
      transform: translate(4px, -50%); }

.link {
  text-decoration: none; }
  .link:hover {
    color: #0097dd; }
  .link i {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    margin: 0 0 0 15px;
    font-size: 120%; }

.links-list li {
  margin: 0 0 14px; }
  .links-list li:last-child {
    margin: 0; }

.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  font: 700 10px/1.2 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
  margin: 0 0 32px;
  text-transform: uppercase;
  letter-spacing: .2em; }
  .breadcrumb li {
    transition: opacity 0.3s ease-in-out;
    position: relative;
    margin: 0 10px 5px 0;
    padding: 0 21px 0 0; }
    .breadcrumb li:after {
      position: absolute;
      content: '';
      top: 50%;
      width: 11px;
      height: 17px;
      transform: translateY(-50%);
      right: 0;
      font-weight: normal;
      opacity: 1;
      background-image: url(images/img-decor02.svg);
      background-size: 11px 17px; }
    .breadcrumb li:last-child {
      pointer-events: none;
      margin-right: 0;
      padding-right: 0; }
      .breadcrumb li:last-child:after {
        display: none; }
  .breadcrumb a {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: inherit;
    opacity: 1; }
    .breadcrumb a:hover {
      opacity: 0.5; }

.pagination-main .page-numbers {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 -4px; }
  @media (min-width: 768px) {
    .pagination-main .page-numbers {
      margin: 0 -6px; } }

.pagination-main li {
  margin: 0 4px; }
  @media (min-width: 768px) {
    .pagination-main li {
      margin: 0 6px; } }

.is-not-touch-device .pagination-main a.page-number:hover {
  color: #08232f; }

.pagination-main .page-number {
  text-decoration: none;
  letter-spacing: 2.8px;
  font: 500 14px/1.2 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
  color: #839096;
  display: inline-block;
  box-shadow: none; }
  .pagination-main .page-number.current {
    font-weight: 900;
    color: #08232f; }
  @media (min-width: 375px) {
    .pagination-main .page-number.next {
      margin-left: 20px; } }
  @media (min-width: 768px) {
    .pagination-main .page-number.next {
      margin-left: 30px; } }
  @media (min-width: 375px) {
    .pagination-main .page-number.prev {
      margin-right: 20px; } }
  @media (min-width: 768px) {
    .pagination-main .page-number.prev {
      margin-right: 34px; } }
  .pagination-main .page-number.next, .pagination-main .page-number.prev {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    opacity: 1;
    width: 35px;
    height: 35px;
    background: #0097dd;
    color: #fff;
    font-size: 10px; }
    @media (min-width: 768px) {
      .pagination-main .page-number.next, .pagination-main .page-number.prev {
        width: 50px;
        height: 50px;
        font-size: 13px; } }
    .is-not-touch-device .pagination-main .page-number.next:hover, .is-not-touch-device .pagination-main .page-number.prev:hover {
      color: #fff;
      background: #2bbcff; }

body .woocommerce-pagination.berocket_pagination ul li > a:hover,
body .woocommerce-pagination.berocket_pagination ul li > span.current {
  background-color: transparent !important;
  color: #08232f !important; }

body .woocommerce-pagination.berocket_pagination ul li > span.current {
  font-weight: 900 !important; }

body .woocommerce-pagination.berocket_pagination ul li > a:hover,
body .woocommerce-pagination.berocket_pagination ul li > span.current {
  background-color: transparent !important; }

body .woocommerce nav.woocommerce-pagination ul li a:focus,
body .woocommerce nav.woocommerce-pagination ul li a:hover,
body .woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: transparent !important; }

body .woocommerce-pagination.berocket_pagination ul li > a,
body .woocommerce-pagination.berocket_pagination ul li > span {
  color: #839096 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  font: 500 14px/1.2 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif !important; }

body .woocommerce-pagination.berocket_pagination ul li {
  border: none !important;
  margin-left: 4px !important;
  margin-right: 4px !important;
  float: none !important;
  text-decoration: none;
  letter-spacing: 2.8px !important;
  font: 500 14px/1.2 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif !important;
  color: #839096 !important;
  display: inline-block !important;
  float: none !important;
  border-color: transparent !important;
  border-right-width: 0 !important; }
  @media (min-width: 768px) {
    body .woocommerce-pagination.berocket_pagination ul li {
      margin-left: 6px !important;
      margin-right: 6px !important; } }

body .woocommerce nav.woocommerce-pagination ul li a,
body .woocommerce nav.woocommerce-pagination ul li span {
  text-decoration: none;
  line-height: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  padding: 0 !important;
  min-width: auto !important;
  display: block;
  color: inherit !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding: 0 !important;
  font-weight: inherit !important; }

body .woocommerce-pagination.berocket_pagination li.next,
body .woocommerce-pagination.berocket_pagination li.prev {
  position: relative;
  background: #0097dd !important;
  color: #fff !important; }
  body .woocommerce-pagination.berocket_pagination li.next:before,
  body .woocommerce-pagination.berocket_pagination li.prev:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block !important;
    font-size: 10px !important;
    pointer-events: none;
    color: #fff !important; }
    @media (min-width: 768px) {
      body .woocommerce-pagination.berocket_pagination li.next:before,
      body .woocommerce-pagination.berocket_pagination li.prev:before {
        font-size: 13px !important; } }
  body .woocommerce-pagination.berocket_pagination li.next > a,
  body .woocommerce-pagination.berocket_pagination li.next > span,
  body .woocommerce-pagination.berocket_pagination li.prev > a,
  body .woocommerce-pagination.berocket_pagination li.prev > span {
    font-size: 0 !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
        align-items: center !important;
    -ms-flex-pack: center !important;
        justify-content: center !important;
    opacity: 1 !important;
    width: 35px !important;
    height: 35px !important; }
    @media (min-width: 768px) {
      body .woocommerce-pagination.berocket_pagination li.next > a,
      body .woocommerce-pagination.berocket_pagination li.next > span,
      body .woocommerce-pagination.berocket_pagination li.prev > a,
      body .woocommerce-pagination.berocket_pagination li.prev > span {
        width: 50px !important;
        height: 50px !important; } }
  .is-not-touch-device body .woocommerce-pagination.berocket_pagination li.next:hover, .is-not-touch-device
  body .woocommerce-pagination.berocket_pagination li.prev:hover {
    color: #fff !important;
    background: #2bbcff !important; }

@media (min-width: 375px) {
  body .woocommerce-pagination.berocket_pagination li.prev {
    margin-right: 20px !important; } }

@media (min-width: 768px) {
  body .woocommerce-pagination.berocket_pagination li.prev {
    margin-right: 30px !important; } }

@media (min-width: 1024px) {
  body .woocommerce-pagination.berocket_pagination li.prev {
    margin-right: 40px !important; } }

body .woocommerce-pagination.berocket_pagination li.prev:before {
  content: "";
  font-family: 'icomoon';
  font-size: 10px;
  line-height: 1;
  text-indent: 0; }

@media (min-width: 375px) {
  body .woocommerce-pagination.berocket_pagination li.next {
    margin-left: 20px !important; } }

@media (min-width: 768px) {
  body .woocommerce-pagination.berocket_pagination li.next {
    margin-left: 30px !important; } }

@media (min-width: 1024px) {
  body .woocommerce-pagination.berocket_pagination li.next {
    margin-left: 40px !important; } }

body .woocommerce-pagination.berocket_pagination li.next:before {
  content: "";
  font-family: 'icomoon';
  font-size: 10px;
  line-height: 1;
  text-indent: 0; }

body .woocommerce-pagination.berocket_pagination ul {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 -4px !important;
  border-color: transparent !important;
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important; }
  @media (min-width: 768px) {
    body .woocommerce-pagination.berocket_pagination ul {
      margin: 0 -6px !important; } }

.card-info-product {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  font-size: 16px;
  line-height: 1.875;
  color: #fff;
  z-index: 1;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }
  .card-info-product:after {
    transition: background 0.3s ease-in-out;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background: rgba(8, 35, 47, 0.7);
    z-index: -1; }
  .card-info-product .link {
    font: 900 16px/1.35 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
    text-decoration: underline;
    letter-spacing: .2em;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top; }
    @media (min-width: 768px) {
      .card-info-product .link {
        font-size: 14px; } }
    .card-info-product .link:hover {
      color: inherit;
      text-decoration: none; }
  .card-info-product .image-holder {
    text-align: right;
    width: 100%; }
    .card-info-product .image-holder img {
      width: 50px; }
      @media (min-width: 650px) {
        .card-info-product .image-holder img {
          width: 70px; } }
      @media (min-width: 768px) {
        .card-info-product .image-holder img {
          width: 90px; } }
  .card-info-product .card-title {
    transition: background 0.3s ease-in-out;
    letter-spacing: 3.6px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    font-size: 18px;
    letter-spacing: .2em;
    background: #0097dd;
    padding: 6px 10px 6px 24px; }
  .card-info-product .card-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: justify;
        justify-content: space-between;
    min-height: 157px;
    padding: 15px 15px 0 0;
    text-decoration: none; }
    @media (min-width: 650px) {
      .card-info-product .card-head {
        min-height: 250px;
        padding: 35px 35px 0 0; } }
    .card-info-product .card-head:hover .card-title {
      background: #2bbcff; }
  .card-info-product .card-body {
    -ms-flex: 1 0;
        flex: 1 0;
    padding: 20px 15px 0 20px; }
    @media (min-width: 768px) {
      .card-info-product .card-body {
        padding: 20px 30px 0 15px; } }
    .card-info-product .card-body:last-child {
      padding-bottom: 20px; }
    .card-info-product .card-body > *:last-child {
      margin-bottom: 0; }
  .card-info-product .card-footer {
    padding: 15px 15px 25px 20px; }
    @media (min-width: 768px) {
      .card-info-product .card-footer {
        padding: 23px 15px 25px; } }

.card-product {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  font-size: 16px;
  line-height: 1.875;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  background: #f2fafe; }
  @media (min-width: 768px) {
    .card-product {
      font-size: 12px; } }
  .card-product.secondary .card-head {
    position: relative;
    min-height: 200px;
    padding-right: 55px; }
  .card-product.secondary .to-wish-list {
    top: 20px;
    bottom: auto;
    right: 20px; }
  .card-product.secondary .price-holder > span {
    padding: 0 27px 0 0; }
  .card-product.secondary .star-rating {
    margin: 0 !important; }
  @media (min-width: 768px) {
    .card-product.secondary .card-body {
      padding: 33px 30px 30px 15px; } }
  @media (min-width: 768px) {
    .card-product.secondary .card-title {
      padding: 6px 37px 6px 15px; } }
  @media (max-width: 767px) {
    .card-product.secondary .card-footer {
      line-height: 1; } }
  @media (min-width: 375px) {
    .card-product.secondary .card-footer {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between; } }
  @media (min-width: 768px) {
    .card-product.secondary .card-footer {
      padding: 32px 15px; } }
  .card-product.secondary .card-footer > * {
    margin-bottom: 0; }
  .card-product .yith-wcwl-add-to-wishlist {
    margin: 0;
    transition: opacity 0.3s ease-in-out; }
    .card-product .yith-wcwl-add-to-wishlist:hover {
      color: #0097dd; }
  .card-product .to-wish-list {
    position: absolute;
    top: 20px;
    right: 20px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0;
    width: 23px;
    height: 20px;
    padding: 0; }
    .card-product .to-wish-list .feedback {
      color: #0097dd; }
    .card-product .to-wish-list a {
      position: absolute;
      width: 100%;
      display: block !important;
      height: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-decoration: none; }
    .card-product .to-wish-list i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 20px; }
    .card-product .to-wish-list a {
      color: inherit; }
    .card-product .to-wish-list [data-title="Browse wishlist"] {
      display: none !important; }
  .card-product .card-holder {
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 17px; }
    @media (min-width: 768px) {
      .card-product .card-holder {
        -ms-flex-align: center;
            align-items: center;
        margin: 0 0 5px; } }
  .card-product .price-holder {
    font-family: "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 700;
    text-align: right;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center;
    font-size: 16px; }
    @media (min-width: 768px) {
      .card-product .price-holder {
        font-size: 14px; } }
    .card-product .price-holder > span {
      padding: 0;
      letter-spacing: 2.8px; }
  .card-product .star-rating {
    -ms-flex: 1 0;
        flex: 1 0;
    margin-right: 15px; }
  .card-product .link {
    font: 900 16px/1.35 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
    display: inline-block;
    vertical-align: top;
    text-decoration: underline;
    letter-spacing: .2em;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .card-product .link {
        font-size: 14px; } }
    .card-product .link:hover {
      color: inherit;
      text-decoration: none; }
  .card-product .card-title {
    transition: background 0.3s ease-in-out;
    letter-spacing: 3.6px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    font-size: 18px;
    letter-spacing: .2em;
    color: #fff;
    background: #0097dd;
    padding: 6px 10px 6px 24px; }
  .card-product .card-head {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: end;
        justify-content: flex-end;
    min-height: 150px;
    padding: 15px 15px 0 0;
    text-decoration: none; }
    @media (min-width: 650px) {
      .card-product .card-head {
        min-height: 250px;
        padding: 35px 35px 0 0; } }
    .card-product .card-head:hover .card-title {
      background: #2bbcff; }
  .card-product .card-body {
    -ms-flex: 1 0;
        flex: 1 0;
    padding: 20px 5px 25px 20px;
    border-bottom: 1px solid #0097dd; }
    @media (max-width: 767px) {
      .card-product .card-body {
        letter-spacing: 0.05em; } }
    @media (min-width: 768px) {
      .card-product .card-body {
        padding: 20px 30px 20px 15px; } }
    .card-product .card-body > *:last-child {
      margin-bottom: 0; }
  .card-product .card-footer {
    position: relative;
    padding: 18px 10px 25px 20px; }
    @media (min-width: 768px) {
      .card-product .card-footer {
        padding: 18px 15px 25px; } }
    .card-product .card-footer > *:last-child {
      left: 20px; }
    .card-product .card-footer .to-wish-list {
      position: absolute;
      bottom: 0;
      right: 0; }

.card {
  background: #fff;
  color: #08232f;
  margin: 0 0 18px;
  line-height: 1.42;
  letter-spacing: .03em; }
  @media (max-width: 870px) {
    .card {
      text-align: center; } }
  .card .card-head {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    height: 228px;
    margin: 0 0 17px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    text-decoration: none;
    overflow: hidden; }
    @media (min-width: 376px) {
      .card .card-head {
        height: 288px;
        margin: 0 0 20px; } }
    .is-not-touch-device .card .card-head:hover img {
      transform: scale(1.2); }
    .card .card-head:focus {
      outline: none; }
    .card .card-head:after {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      content: '';
      z-index: -1;
      background: rgba(0, 151, 221, 0.05); }
      @media (min-width: 376px) {
        .card .card-head:after {
          background: #fff; } }
    .card .card-head > a {
      display: flex;
      height: 100%;
		align-items: center;}
      .card .card-head > a:focus {
        outline: none; }
    .card .card-head img {
      transition: transform 0.3s ease-in-out;
      max-height: 100%;
      width: auto; }
  .card .card-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    flex-direction: column;
    align-items: baseline;
    gap: 10px;
    margin-top: 15px;
  }
    .card .card-footer .price {
      display: -ms-flexbox;
      display: flex;
     /* -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;*/
      -ms-flex-pack: distribute;
      -ms-flex-align: center;
          align-items: center;
      color: inherit !important;
      -ms-flex: 1 0;
          flex: 1 0;
      font: 700 16px/1.25 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif !important; }
      @media (min-width: 768px) {
        .card .card-footer .price {
          font-size: 14px; } }
      .card .card-footer .price del {
        font-size: 12px;
        opacity: 1 !important;
        padding: 0 10px; }
      .card .card-footer .price ins {
        text-decoration: none !important; }
  .card .star-rating {
    font-size: 11px !important;
    margin: 0 !important; }
  .card h3 {
    line-height: 1.5;
    margin: 0 0 13px;
    letter-spacing: .2em; }
    @media (min-width: 376px) {
      .card h3 {
        margin: 0 0 15px; } }
  .card .yith-wcwl-add-to-wishlist {
    margin: 0;
    transition: opacity 0.3s ease-in-out; }
    .card .yith-wcwl-add-to-wishlist:hover {
      color: #0097dd; }
  .card .to-wish-list {
    position: absolute;
    top: 20px;
    right: 20px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0;
    width: 21px;
    height: 20px;
    padding: 0; }
    .card .to-wish-list .feedback {
      color: #0097dd; }
    .card .to-wish-list a {
      position: absolute;
      width: 100%;
      display: block !important;
      height: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-decoration: none; }
    .card .to-wish-list i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 20px; }
    .card .to-wish-list a {
      color: inherit; }
    .card .to-wish-list [data-title="Browse wishlist"] {
      display: none !important; }
  .card p {
    margin: 0 0 8px; }
    @media (min-width: 376px) {
      .card p {
        margin: 0 0 12px; } }
  .card mark {
    font-size: 12px;
    font-weight: 700; }
  .card .size {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px 0 0; }
  .card .badge-percent {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px; }
    .is-touch-device .card .badge-percent {
      z-index: 9; }
  .card .product-info {
    height: 100%; }
  .card .badge {
    position: absolute;
    top: 20px;
    min-width: 86px;
    left: 0;
    color: #fff;
    z-index: 10;
    border-radius: 0 0 10px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 12px;
    background: #0097dd;
    color: #fff;
    padding: 2px 10px; }

.cards-holder {
  min-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 5px -7px 0; }
  .cards-holder > * {
    margin: 0 7px 54px !important;
    width: calc(100% - 14px); }
    @media (min-width: 550px) {
      .cards-holder > * {
        width: calc(50% - 14px); } }
    @media (min-width: 768px) {
      .cards-holder > * {
        width: calc(50% - 14px); } }
    @media (min-width: 1024px) {
      .cards-holder > * {
        width: calc(25% - 14px); } }
    .cards-holder > *.w-100 {
      width: 100% !important; }
  .cards-holder .content-box,
  .cards-holder .card-product {
    min-height: 250px;
    width: calc(100% - 14px); }
    @media (min-width: 768px) {
      .cards-holder .content-box,
      .cards-holder .card-product {
        min-height: 390px;
        width: calc(50% - 14px); } }

.items-list {
  counter-reset: num; }
  @media (max-width: 767px) {
    .items-list {
      padding-bottom: 15px; } }
  @media (min-width: 768px) {
    .items-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: center;
          justify-content: center;
      margin: 0 -20px; } }
  @media (min-width: 1024px) {
    .items-list {
      margin: 0 -20px; } }
  @media (min-width: 1240px) {
    .items-list {
      margin: 0 -85px; } }
  .items-list .item {
    padding: 0 10px; }
    @media (min-width: 550px) {
      .items-list .item {
        padding: 0 20px; } }
    @media (max-width: 767px) {
      .items-list .item {
        text-align: center; } }
    @media (min-width: 768px) {
      .items-list .item {
        width: 33.3%;
        padding: 0 20px 20px; } }
    @media (min-width: 1024px) {
      .items-list .item {
        padding: 0 40px 20px; } }
    @media (min-width: 1240px) {
      .items-list .item {
        padding: 0 85px 20px; } }
  .items-list .item-title:before {
    content: counter(num) ". ";
    counter-increment: num; }
  .items-list .item-icon {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    height: 78px;
    -ms-flex-align: center;
        align-items: center;
    z-index: 1;
    margin: 0 0 23px; }
    .items-list .item-icon:after {
      position: absolute;
      content: '';
      z-index: -1;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(31deg);
      width: 110px;
      height: 45px;
      border-radius: 23px;
      background-color: rgba(0, 151, 221, 0.2); }

.search-form {
  position: relative;
  max-width: 290px;
  width: 100%;
  margin: 0; }
  @media (min-width: 1024px) {
    .search-form {
      max-width: 200px; } }
  @media (min-width: 1240px) {
    .search-form {
      max-width: 288px; } }
  .search-form button {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 40px;
    top: 0;
    right: 0;
    height: 100%;
    background: transparent !important;
    border: none;
    padding: 0;
    border-radius: 0 25px 25px 0 !important; }
    @media (min-width: 375px) {
      .search-form button {
        width: 65px; } }
    .search-form button:focus {
      outline: none; }
    .search-form button:hover {
      background: transparent !important; }
      .search-form button:hover i {
        transform: scale(1.1); }
    .search-form button:before {
      position: absolute;
      content: '';
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none; }
    .search-form button i {
      transition: transform 0.3s ease-in-out;
      font-size: 21px;
      color: #08232f; }
      @media (min-width: 1024px) {
        .search-form button i {
          font-size: 17px; } }
  .search-form input[type='search'] {
    transition: height 0.3s ease-in-out;
    font: 700 14px/1.2 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif !important;
    margin: 0 !important;
    width: 100%;
    float: none;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 25px;
    height: 55px; }
    @media (min-width: 375px) {
      .search-form input[type='search'] {
        padding-left: 40px;
        padding-right: 40px; } }
    @media (max-width: 1023px) {
      .search-form input[type='search'] {
        letter-spacing: .2em; } }
    @media (min-width: 1024px) {
      .search-form input[type='search'] {
        font: 12px/1.2 "Open Sans", "Helvetica Neue", "Helvetica", sans-serif !important;
        padding-left: 50px;
        padding-right: 50px;
        height: 40px; } }
    @media (max-width: 1023px) {
      .search-form input[type='search']::-webkit-input-placeholder {
        color: #08232f;
        text-transform: uppercase; } }
    .search-form input[type='search']::-moz-placeholder {
      opacity: 1; }
      @media (max-width: 1023px) {
        .search-form input[type='search']::-moz-placeholder {
          color: #08232f;
          text-transform: uppercase; } }
    @media (max-width: 1023px) {
      .search-form input[type='search']:-moz-placeholder {
        color: #08232f;
        text-transform: uppercase; } }
    @media (max-width: 1023px) {
      .search-form input[type='search']:-ms-input-placeholder {
        color: #08232f;
        text-transform: uppercase; } }
    @media (max-width: 1023px) {
      .search-form input[type='search'].placeholder {
        color: #08232f;
        text-transform: uppercase; } }
    @media (max-width: 1023px) {
      .fixed-position .search-form input[type='search'] {
        height: 40px; } }

.search-form.mobile-mod {
  display: none; }

@media (max-width: 1023px) {
  .search-form.mobile-mod {
    display: block; } }

@media (max-width: 1023px) {
  .search-form.desktop-mod {
    display: none; } }

.search-form-wrap .search-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 388px; }

.search-form-wrap .search-form input[type='submit'] {
  height: 55px;
  width: 100%;
  font-size: 12px;
  border-radius: 3em;
  margin: .5em 0 0; }

@media (min-width: 388px) {
  .search-form-wrap .search-form {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .search-form-wrap .search-form input[type='submit'] {
    margin: 0 0 0 .3em;
    width: auto; } }

@media (min-width: 1024px) {
  .search-form-wrap .search-form input[type='submit'] {
    height: 40px; } }

.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .validation_error {
  display: block !important; }

.holder-item .gform_wrapper form {
  position: relative; }

#footer .gform_wrapper div.validation_error {
  left: 0;
  bottom: 100%;
  margin: 0;
  border: none;
  font-size: 14px;
  text-transform: none;
  line-height: normal;
  padding: 0 20px 10px; }

@media (min-width: 768px) {
  #footer .gform_wrapper div.validation_error {
    position: absolute; } }

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]):not([type=submit]) {
  letter-spacing: .2em !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  font-family: "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif !important; }

#footer .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
  padding: .5em 0 0;
  text-transform: none; }

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important; }

.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .validation_error {
  display: none !important; }

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
  font-size: 14px !important; }

.gform_wrapper .gform_footer {
  padding: 0 !important;
  margin: 0 !important; }

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
  border-color: #dc3545 !important; }

.gform_ajax_spinner {
  display: none !important; }

.gform_wrapper ul li.gfield {
  margin: 0 0 15px !important; }
  @media (min-width: 768px) {
    .gform_wrapper ul li.gfield:last-child {
      margin: 0 !important; } }

@media (min-width: 768px) {
  .gform_wrapper form {
    display: -ms-flexbox;
    display: flex; } }

@media (min-width: 768px) {
  .holder-item .gform_wrapper form {
    -ms-flex-pack: end;
        justify-content: flex-end; } }

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
  margin: 0 0 15px !important;
  width: 100% !important; }
  @media (min-width: 768px) {
    .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
      max-width: 190px !important;
      margin: 0 !important; } }

.gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0 !important; }
  @media (min-width: 768px) {
    .gform_wrapper ul.gform_fields li.gfield {
      padding-right: 15px !important; } }

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
  width: 100% !important;
  margin-top: 0 !important; }

.gform_wrapper .top_label div.ginput_container {
  margin: 0 !important; }

.gform_wrapper .hidden_label .gfield_label {
  margin: 0 0 8px; }

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

@media (min-width: 768px) {
  .holder-item .gform_wrapper .gform_footer {
    max-width: 190px; } }

body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  margin: 0 0 15px !important;
  max-width: 100% !important;
  width: 100% !important; }
  @media (min-width: 768px) {
    body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half):last-child {
      margin: 0 !important; } }

.select-holder {
  position: relative;
  letter-spacing: .06em; }
  .select-holder:after {
    content: "";
    font-family: 'icomoon';
    font-size: 18px;
    line-height: 1;
    text-indent: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    pointer-events: none; }
    @media (min-width: 1240px) {
      .select-holder:after {
        right: -10px; } }
  .select-holder > * {
    margin: 0 !important;
    float: none !important; }
  .select-holder select {
    font: 700 16px/1.35 "Open Sans", "Helvetica Neue", "Helvetica", sans-serif;
    padding-right: 28px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    vertical-align: middle !important; }
    .is-not-touch-device .select-holder select {
      font-size: 14px; }
    .select-holder select::-ms-expand {
      display: none; }
    .select-holder select:focus {
      outline: none; }

p.form-row.form-row-wide.mailchimp-newsletter, p.form-row.form-row-wide.create-account.woocommerce-validated label {
	display: flex;
	align-items: center;
}

.form-row {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  margin: 0 -8px !important; }
  .form-row .col {
    margin: 0 8px 15px;
    width: calc(100% - 16px); }
    @media (min-width: 550px) {
      .form-row .col {
        width: calc(50% - 16px); } }
    .form-row .col > * {
      margin: 0;
      width: 100%; }
  .form-row .select-holder {
    position: relative;
    max-width: 100%;
    letter-spacing: .06em;
    color: #d8d8d8; }
    .form-row .select-holder:after {
      content: "";
      font-family: 'icomoon';
      font-size: 18px;
	  color: #08232f;
      line-height: 1;
      text-indent: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 32px;
      pointer-events: none; }
    .form-row .select-holder select {
      width: 100%;
      font: 500 14px/1.35 "Open Sans", "Helvetica Neue", "Helvetica", sans-serif;
      padding-right: 55px;
      padding-left: 30px;
      text-transform: uppercase;
      color: #08232f;
      height: 50px;
      letter-spacing: .2em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      border: 1px solid #08232f; }

.woocommerce-notices-wrapper {
    width: 100%;
}

.comment-form-cookies-consent {
  position: relative;
  padding: 0 0 0 25px; }
  .comment-form-cookies-consent input[type='checkbox'],
  .comment-form-cookies-consent input[type='radio'] {
    position: absolute;
    width: auto !important;
    top: 7px;
    left: 0; }

.comment-form input,
.comment-form textarea {
  width: 100% !important; }

.woocommerce-input-wrapper {
  width: 100% !important; }

.select2-container--default .select2-selection--single {
  border-radius: 0 !important;
  height: 50px !important;
  padding: 10px 5px !important; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
  width: 30px !important; }

.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
  width: 50% !important; }

.woocommerce form .form-row textarea {
  height: 135px !important; }

@media (max-width: 549px) {
  .woocommerce table.shop_table {
    font-size: 12px !important; } }

.popup-forms {
  transition: transform 0.3s ease-in-out;
  position: fixed;
  display: block !important;
  width: 100%;
  top: 85px;
  left: 0;
  right: 0;
  bottom: 0;
  color: #08232f;
  z-index: 99;
  transform: translateX(100%);
  background: #fff; }
  @media (min-width: 375px) {
    .popup-forms {
      top: 90px; } }
  @media (min-width: 1024px) {
    .popup-forms {
      top: 78px; } }
  .popup-forms-active .popup-forms {
    transform: translateX(0); }
  @media (min-width: 1024px) {
    .popup-forms .container {
      display: -ms-flexbox;
      display: flex; } }
  .popup-forms .close {
    position: absolute;
    text-decoration: none;
    color: #0097dd;
    font-size: 25px;
    line-height: 1;
    right: 0;
    top: 50px; }
    .popup-forms .close:hover {
      opacity: 0.6; }
  .popup-forms .popup-desc {
    position: relative;
    z-index: 1;
    padding: 60px 0 0; }
    @media (min-width: 375px) {
      .popup-forms .popup-desc {
        padding: 90px 0 0; } }
    @media (min-width: 1024px) {
      .popup-forms .popup-desc {
        width: 390px; } }
    .popup-forms-active .popup-forms .popup-desc:after {
      position: absolute;
      content: '';
      right: 0;
      top: 0;
      bottom: 0;
      left: -9999px;
      background: rgba(0, 151, 221, 0.05);
      z-index: -1;
      pointer-events: none; }
  .popup-forms .popup-content {
    position: relative;
    padding: 60px 0 0; }
    @media (min-width: 375px) {
      .popup-forms .popup-content {
        padding: 90px 0 0; } }
    @media (min-width: 1024px) {
      .popup-forms .popup-content {
        -ms-flex: 1 0;
            flex: 1 0; } }
  .popup-forms .popup-content-holder,
  .popup-forms .popup-desc-holder {
    height: calc(100vh - 85px - 60px);
    overflow-y: auto;
    overflow-x: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center; }
    @media (min-width: 375px) {
      .popup-forms .popup-content-holder,
      .popup-forms .popup-desc-holder {
        height: calc(100vh - 90px - 90px); } }
    @media (min-width: 1024px) {
      .popup-forms .popup-content-holder,
      .popup-forms .popup-desc-holder {
        height: calc(100vh - 78px - 90px);
        padding-right: 25px; } }
  @media (min-width: 1024px) {
    .popup-forms .popup-desc-holder {
      padding-right: 25px; } }
  @media (min-width: 1024px) {
    .popup-forms .popup-content-holder {
      padding-left: 50px; } }
  @media (min-width: 1240px) {
    .popup-forms .popup-content-holder {
      padding-left: 115px; } }

.slick-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 -5px;
  height: 10px;
  z-index: 10; }
  .slick-dots li {
    padding: 0 5px !important; }
  .slick-dots button {
    transition: background 0.3s ease-in-out;
    text-indent: -99999px;
    width: 10px;
    height: 10px;
    border: none;
    border-radius: 50% !important;
    padding: 0;
    background: 0;
    background: rgba(0, 151, 221, 0.3) !important;
    cursor: pointer; }
    .slick-dots button:focus {
      outline: none; }
    .slick-dots button:hover {
      background: #0097dd; }
  .slick-dots .slick-active button,
  .slick-dots .slick-active-item button {
    background: #0097dd !important; }
  .slick-dots .slick-slide {
    padding: 0 8px;
    width: 244px; }
    @media (min-width: 376px) {
      .slick-dots .slick-slide {
        width: 304px; } }
    .slick-dots .slick-slide:focus {
      outline: none; }

.hero-section {
  background: #0097dd;
  color: #fff;
  padding: 40px 0 70px; }
  .hero-section + [class^="section"],
  .hero-section + [class*="section"] {
    position: relative;
    z-index: 1;
    margin-top: -55px;
    padding-top: 0; }
  .hero-section + .section {
    padding-bottom: 0; }
  .hero-section + .product-section {
    margin-top: -100px; }
  .hero-section > *:last-child {
    margin-bottom: 0; }

.intro-section {
  position: relative;
  background: rgba(0, 151, 221, 0.1);
  overflow: hidden; }
  @media (min-width: 1024px) {
    .intro-section {
      padding: 0 0 43px; } }
  .intro-section .btn {
    width: 100%; }
    @media (min-width: 768px) {
      .intro-section .btn {
        max-width: 490px; } }
    @media (min-width: 1024px) {
      .intro-section .btn {
        max-width: 290px; } }
  .intro-section .decor-item {
    position: absolute;
    top: 50%;
    left: 50%; }
    @media (max-width: 1023px) {
      .intro-section .decor-item {
        display: none; } }

@media (min-width: 1024px) {
  .intro-holder {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -116px; } }

.intro-skew {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden; }
  @media (min-width: 1024px) {
    .intro-skew {
      width: 50%;
      transform: skewX(-23deg);
      margin: 0 10px; } }
  @media (min-width: 1024px) {
    .intro-skew:first-child {
      padding-bottom: 56px;
      margin-top: -28px; } }
  @media (min-width: 1024px) {
    .intro-skew:first-child .skew-inner {
      margin-right: -165px;
      padding-top: calc(55px + 28px);
      padding-right: 253px;
      padding-left: 88px; } }
  .intro-skew:first-child .skew-inner:after {
    background: rgba(40, 146, 169, 0.8); }
  @media (min-width: 1024px) {
    .intro-skew:first-child .container {
      margin: 0 0 0 auto; } }
  @media (min-width: 1024px) {
    .intro-skew:last-child {
      padding-top: 28px;
      padding-bottom: 28px; } }
  @media (min-width: 1024px) {
    .intro-skew:last-child .skew-inner {
      margin-left: -165px;
      padding-left: 253px;
      padding-right: 108px; } }
  .intro-skew:last-child .skew-inner:after {
    background: rgba(8, 35, 47, 0.5); }
  @media (min-width: 1024px) {
    .intro-skew:last-child .container {
      margin: 0 auto 0 0; } }

.skew-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  position: relative;
  z-index: 1;
  color: #fff;
  padding: 55px 0; }
  @media (max-width: 1023px) {
    .skew-inner {
      min-height: calc(100vh - 70px - 127px);
      height: calc(var(--vh, 1vh) * 100 - 70px - 127px); } }
  @media (max-width: 374px) {
    .skew-inner {
      min-height: calc(100vh - 70px - 123px);
      height: calc(var(--vh, 1vh) * 100 - 70px - 123px); } }
  @media (min-width: 1024px) {
    .skew-inner {
      transform: skewX(23deg);
      height: 435px;
      padding: 40px 0; } }
  .skew-inner:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    z-index: -1; }
  .skew-inner.bg-video-holder .bg-video {
    z-index: -1; }
  @media (min-width: 1024px) {
    .skew-inner .container {
      max-width: 530px; } }

.feature-section {
  padding: 50px 0 30px; }
  @media (min-width: 1024px) {
    .feature-section {
      padding: 0 0 30px; } }

.feature-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  background: #fff;
  overflow: hidden;
  z-index: 10; }
  .feature-section .feature-block {
    max-width: 1200px; }
    @media (max-width: 1023px) {
      .feature-section .feature-block {
        box-shadow: none; } }
    @media (min-width: 1024px) {
      .feature-section .feature-block {
        margin: -43px 20px 0; } }
    @media (min-width: 1240px) {
      .feature-section .feature-block {
        margin: -43px auto 0; } }

.feature-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-height: 86px;
  font: 500 16px/1.5 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: uppercase;
  letter-spacing: .2em;
  margin: 0 -14px; }
  @media (min-width: 1024px) {
    .feature-list {
      font-size: 12px; } }
  @media (max-width: 767px) {
    .feature-list.feature-secondary .feature-item:last-child:after {
      display: block; } }
  .feature-list.feature-secondary .feature-item:after {
    right: 0;
    bottom: auto;
    top: 50%;
    left: auto;
    transform: translate(50%, -50%); }
  .feature-list.slick-slider {
    position: relative;
    margin: 0 -20px 0 0;
    padding: 0 0 20px; }
  .feature-list .feature-item {
    display: block;
    text-decoration: none;
    position: relative;
    text-align: center;
    padding: 10px 20px;
    width: 100%; }
    @media (min-width: 768px) {
      .feature-list .feature-item {
        width: 33.3%; } }
    @media (min-width: 1240px) {
      .feature-list .feature-item {
        width: 16.66%; } }
    .feature-list .feature-item:hover {
      color: #0097dd; }
    @media (max-width: 767px) {
      .feature-list .feature-item:last-child:after {
        display: none; } }
    .feature-list .feature-item:after {
      position: absolute;
      content: '';
      width: 28px;
      height: 14px;
      bottom: 0;
      transform: translate(-50%, 0);
      background-image: url(images/img-decor01.svg);
      background-size: 28px 14px;
      left: 50%; }
      @media (min-width: 768px) {
        .feature-list .feature-item:after {
          top: 50%;
          right: 0;
          left: auto;
          transform: translate(50%, -50%); } }
  .feature-list .slick-slide {
    width: 240px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 10px 20px; }
    .feature-list .slick-slide:focus {
      outline: none; }
    .feature-list .slick-slide.slick-center > span {
      opacity: 1; }
    .feature-list .slick-slide > span {
      transition: opacity 0.3s ease-in-out;
      opacity: 0.4; }
  .feature-list .slick-dots li:after {
    display: none; }
  .feature-list .slick-track,
  .feature-list .slick-list {
    display: -ms-flexbox;
    display: flex; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .feature-list .slick-track,
      .feature-list .slick-list {
        display: block; } }

.service-section {
  padding: 20px 0 70px; }
  @media (min-width: 768px) {
    .service-section {
      padding: 0 0 35px; } }
  @media (min-width: 768px) {
    .service-section .heading-holder {
      max-width: 350px;
      margin: 0 auto; } }
  @media (min-width: 1024px) {
    .service-section .heading-holder {
      max-width: 550px; } }
  .service-section .info-box {
    transform: rotate(-11deg);
    margin: 0 0 -137px; }
    @media (min-width: 768px) {
      .service-section .info-box {
        margin: 0 0 -104px; } }

.service-head .container {
  max-width: 1300px; }

.service-main {
  position: relative;
  padding: 175px 0 45px; }
  @media (min-width: 768px) {
    .service-main {
      padding: 55px 0 35px; } }
  .service-main .container {
    max-width: 1030px; }
  .service-main .decor-item {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%); }
    @media (min-width: 768px) {
      .service-main .decor-item {
        top: 0;
        bottom: auto;
        transform: translate(-50%, -50%); } }

.gallery-holder {
  margin: 0 0 5px; }
  @media (min-width: 768px) {
    .gallery-holder {
      margin: 0 0 10px; } }
  @media (min-width: 1024px) {
    .gallery-holder {
      display: -ms-flexbox;
      display: flex; } }
  .gallery-holder .gallery-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin: 0 -10px; }
  .gallery-holder .slick-arrow {
    margin: 0 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    background: #fff !important;
    color: #08232f !important; }
    .is-not-touch-device .gallery-holder .slick-arrow:hover {
      background: rgba(0, 151, 221, 0.05) !important; }

@media (max-width: 1023px) {
  .gallery-heading {
    text-align: center; } }

@media (min-width: 1024px) {
  .gallery-heading {
    -ms-flex: 1 0;
        flex: 1 0;
    padding-top: 80px; } }

@media (max-width: 767px) {
  .gallery-heading .title-decor {
    padding-bottom: 30px; } }

@media (max-width: 1023px) {
  .product-gallery {
    position: relative;
    padding-bottom: 45px; } }

@media (min-width: 1024px) {
  .product-gallery {
    width: calc(100% - 300px); } }

@media (min-width: 1240px) {
  .product-gallery {
    width: calc(100% - 300px + 315px);
    margin-right: -315px; } }

@media (min-width: 1350px) {
  .product-gallery {
    width: calc(100% - 200px);
    margin-right: -200px; } }

@media (min-width: 1441px) {
  .product-gallery {
    width: calc(100% - 300px);
    margin-right: 0; } }

.product-gallery .slick-list {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  margin: 0 -20px; }
  @media (min-width: 870px) {
    .product-gallery .slick-list {
      margin: 0 -5px;
      padding: 5px; } }

.product-gallery .slick-slide {
  padding: 0 8px;
  width: 244px; }
  @media (min-width: 376px) {
    .product-gallery .slick-slide {
      width: 304px; } }
  @media (min-width: 870px) {
    .product-gallery .slick-slide {
      width: auto; } }

.grid-section {
  padding: 0 0 50px; }
  @media (min-width: 1024px) {
    .grid-section {
      padding: 50px 0; } }
  @media (min-width: 1240px) {
    .grid-section {
      padding: 20px 0 50px; } }
  @media (min-width: 1024px) {
    .grid-section + * {
      padding-top: 0; } }
  @media (min-width: 768px) {
    .grid-section + * .title-decor:first-child {
      width: 280px;
      margin-top: -50px; } }
  @media (min-width: 1024px) {
    .grid-section + * .title-decor:first-child {
      max-width: 33.3%;
      margin-left: auto;
      margin-top: -100px; } }
  .grid-section h1 {
    margin: 0 0 20px; }
  .grid-section .info-box {
    width: 289px;
    height: 289px;
    padding: 25px;
    background: #0097dd;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 1.875;
    transform: rotate(11deg); }
    @media (max-width: 767px) {
      .grid-section .info-box {
        margin: -48px 0 -45px auto; } }
    @media (min-width: 768px) {
      .grid-section .info-box {
        position: absolute;
        font-size: 14px;
        line-height: 2.14;
        padding: 30px;
        left: 50%;
        top: 50%;
        transform: rotate(-11deg) translate(-87%, -27%); } }
    @media (min-width: 1024px) {
      .grid-section .info-box {
        transform: rotate(11deg);
        right: 4%;
        top: -53px;
        left: auto; } }
    @media (min-width: 1240px) {
      .grid-section .info-box {
        top: -21px;
        right: 14%; } }
    .grid-section .info-box .info-icon {
      margin: 0 0 10px; }
    .grid-section .info-box h3 {
      font-weight: 900; }
  .grid-section .title-decor {
    padding-bottom: 33px; }
    @media (min-width: 768px) {
      .grid-section .title-decor {
        position: absolute;
        padding-bottom: 27px;
        width: 100%;
        margin-top: -45px; } }
    @media (min-width: 1024px) {
      .grid-section .title-decor {
        width: 42%;
        max-width: 350px;
        left: calc(33.3% + 8px);
        top: 5px;
        margin-top: 0; } }
    @media (min-width: 768px) {
      .grid-section .title-decor h1,
      .grid-section .title-decor h2,
      .grid-section .title-decor h2,
      .grid-section .title-decor h4,
      .grid-section .title-decor h5,
      .grid-section .title-decor h6 {
        white-space: nowrap;
        overflow: hidden;
        padding: 5px;
        text-overflow: ellipsis; } }

.grid-holder {
  position: relative;
  margin: 0 -8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (min-width: 768px) {
    .grid-holder:nth-child(odd) {
      -ms-flex-pack: end;
          justify-content: flex-end; } }
  @media (min-width: 1024px) {
    .grid-holder:nth-child(odd) {
      -ms-flex-align: end;
          align-items: flex-end; } }
  @media (min-width: 1024px) {
    .grid-holder:nth-child(odd) .grid-col:nth-child(1) {
      width: 33.3%; } }
  @media (min-width: 1024px) {
    .grid-holder:nth-child(odd) .grid-col:nth-child(2) {
      width: 42%; } }
  @media (min-width: 1024px) {
    .grid-holder:nth-child(odd) .grid-col:nth-child(3) {
      width: calc(100% - 33.3% - 42%); } }
  @media (min-width: 1024px) {
    .grid-holder:nth-child(odd) .grid-card.card-lg {
      height: 465px; } }
  @media (min-width: 1024px) {
    .grid-holder:nth-child(even) {
      -ms-flex-align: start;
          align-items: flex-start; } }
  @media (min-width: 1024px) {
    .grid-holder .grid-col:nth-child(1) {
      width: calc(100% - 33.3% - 42%); } }
  @media (min-width: 1024px) {
    .grid-holder .grid-col:nth-child(2) {
      width: 42%; } }
  @media (min-width: 1024px) {
    .grid-holder .grid-col:nth-child(3) {
      width: 33.3%; } }

.grid-col {
  width: 100%;
  padding: 0 8px; }
  @media (min-width: 768px) {
    .grid-col {
      width: 50%; } }
  .grid-col .btn {
    width: 100%; }
    @media (min-width: 376px) {
      .grid-col .btn {
        max-width: 295px; } }

.grid-card {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  position: relative;
  width: 100%;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 45px 23px;
  margin: 0 0 30px;
  min-height: 300px; }
  @media (min-width: 376px) {
    .grid-card {
      min-height: 350px; } }
  @media (min-width: 768px) {
    .grid-card {
      padding: 30px 20px;
      margin: 0 0 16px;
      height: 350px;
      min-height: auto; } }
  @media (min-width: 1024px) {
    .grid-card {
      height: 400px; } }
  @media (min-width: 1240px) {
    .grid-card {
      padding: 30px; } }
  .grid-card:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    z-index: -1; }
  @media (min-width: 1024px) {
    .grid-card.card-sm {
      height: 288px; } }
  @media (min-width: 1024px) {
    .grid-card.card-lg {
      height: 500px; } }
  .grid-card h3 {
    font-size: 18px;
    margin: 0 0 32px; }
    @media (min-width: 768px) {
      .grid-card h3 {
        margin: 0 0 20px; } }
  @media (min-width: 768px) {
    .grid-card .dot-box {
      max-height: 145px; } }
  @media (min-width: 1024px) {
    .grid-card .dot-box {
      max-height: 100px; } }

@media (max-width: 767px) {
  .heading-grid {
    padding-top: 16px; } }

@media (min-width: 768px) {
  .heading-grid {
    position: absolute;
    bottom: 120px;
    right: calc(50% - 8px);
    transform: translateX(100%); } }

@media (min-width: 1024px) {
  .heading-grid {
    width: calc(100% - 33.3% - 42%);
    left: 0;
    right: auto;
    bottom: 45px;
    transform: translateX(0); } }

@media (min-width: 768px) {
  .heading-grid .btn {
    max-width: 250px; } }

.heading-grid .dot-box {
  max-height: 80px;
  max-width: 250px; }

.secondary-gallery {
  margin: 0 0 35px; }
  @media (min-width: 768px) {
    .secondary-gallery {
      margin: 0 0 47px; } }
  @media (max-width: 1024px) {
    .secondary-gallery {
      position: relative;
      padding-bottom: 45px; } }
  .secondary-gallery .slick-list {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin: 0 -20px; }
    @media (min-width: 870px) {
      .secondary-gallery .slick-list {
        margin: 0 -5px;
        padding: 5px; } }
  .secondary-gallery .slick-slide {
    padding: 0 8px;
    width: 244px; }
    @media (min-width: 376px) {
      .secondary-gallery .slick-slide {
        width: 304px; } }
    @media (min-width: 870px) {
      .secondary-gallery .slick-slide {
        width: auto; } }

.info-head {
  position: relative;
  padding: 70px 0 125px; }
  @media (min-width: 768px) {
    .info-head {
      padding: 60px 0 140px; } }
  .info-head .decor-item {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: auto;
    transform: translate(-50%, -50%); }
  .info-head h1 {
    letter-spacing: .05em; }
  .info-head .container {
    max-width: 1035px; }

.info-main {
  margin-top: -105px;
  padding: 0 0 50px; }
  @media (min-width: 768px) {
    .info-main {
      margin-top: -95px;
      padding: 0 0 85px; } }

.desc-section {
  padding: 50px 0 90px; }
  @media (min-width: 768px) {
    .desc-section {
      padding: 80px 0 115px; } }
  .desc-section h1 {
    margin: 0 0 37px; }

.desc-gallery-holder {
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 649px) {
    .desc-gallery-holder {
      -ms-flex-direction: column;
          flex-direction: column; } }
  @media (min-width: 650px) {
    .desc-gallery-holder {
      margin: 0 -7px -15px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .desc-gallery-holder > * {
    margin: 0 0 25px; }
    @media (min-width: 650px) {
      .desc-gallery-holder > * {
        width: calc(50% - 14px);
        margin: 0 7px 50px; } }
    @media (min-width: 1024px) {
      .desc-gallery-holder > * {
        width: calc(33.3% - 14px); } }
  .desc-gallery-holder .slick-dots {
    margin: 0 0 25;
    position: relative; }
    @media (max-width: 649px) {
      .desc-gallery-holder .slick-dots {
        -ms-flex-order: 2;
            order: 2;
        z-index: 1; } }
  @media (max-width: 649px) {
    .desc-gallery-holder .slick-list {
      -ms-flex-order: 1;
          order: 1; } }
  @media (max-width: 649px) {
    .desc-gallery-holder .card-info-product {
      -ms-flex-order: 3;
          order: 3; } }
  .desc-gallery-holder .card-product .to-wish-list {
    position: absolute;
    bottom: 25px;
    right: 15px;
    top: auto; }
  .desc-gallery-holder .card-product .links-list {
    padding-right: 30px; }

.content-holder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -7px; }
  .content-holder:last-child {
    margin-bottom: -14px; }

.content-box {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  position: relative;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: calc(100% - 14px);
  margin: 0 7px 14px;
  color: #fff;
  z-index: 1;
  min-height: 160px;
  padding: 20px; }
  @media (min-width: 375px) {
    .content-box {
      min-height: 220px; } }
  @media (min-width: 650px) {
    .content-box {
      width: calc(50% - 14px); } }
  @media (min-width: 1024px) {
    .content-box {
      padding: 40px; } }
  .content-box.secondary:after {
    background: rgba(40, 146, 169, 0.5); }
  .is-not-touch-device .content-box.secondary:hover:after {
    background: rgba(40, 146, 169, 0.7); }
  .is-not-touch-device .content-box:hover:after {
    background: rgba(8, 35, 47, 0.7); }
  .content-box:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: background 0.3s ease-in-out;
    content: '';
    z-index: -1;
    background: rgba(8, 35, 47, 0.5); }
  .content-box h2 {
    letter-spacing: .05em;
    margin: 0 0 5px; }
    @media (min-width: 768px) {
      .content-box h2 {
        font-size: 30px; } }
  .content-box h3 {
    font-weight: 900; }
  .content-box > *:last-child {
    margin: 0; }

.diversity-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
  padding: 56px 0 37px;
  margin: 0 -5px; }
  .diversity-list li {
    margin: 0 5px 20px; }

.diversity-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  text-decoration: none;
  text-align: center;
  font: 500 11px/1.35 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  width: 130px; }
  @media (min-width: 375px) {
    .diversity-item {
      font-size: 12px;
      width: 138px; } }
  .diversity-item:hover {
    color: #0097dd; }
    .diversity-item:hover .diversity-image img {
      filter: brightness(100%); }
  .diversity-item.active-cat {
    color: #0097dd; }
    .diversity-item.active-cat .diversity-image img {
      filter: brightness(100%); }

.diversity-image {
  height: 44px;
  display: block;
  margin: 0 0 17px; }
  .diversity-image img {
    transition: filter 0.3s ease-in-out;
    filter: brightness(20%);
    max-height: 100%; }

.diversity-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  min-height: 32px;
    word-break: break-word;
    hyphens: auto; }

.filters-section {
  padding: 0 0 60px; }
  .filters-section .bapf_head {
    display: none !important; }

.berocket-holder {
  padding: 0 0 15px; }
  @media (max-width: 767px) {
    .berocket-holder.more-filters-active .berocket-filters .berocket_single_filter_widget:nth-child(2) ~ .berocket_single_filter_widget {
      display: block; } }
  @media (min-width: 768px) {
    .berocket-holder.more-filters-active .berocket-filters .berocket_single_filter_widget:nth-child(4) ~ .berocket_single_filter_widget {
      display: block; } }

.berocket-filters {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (min-width: 375px) {
    .berocket-filters {
      margin: 0 -7px; } }
  .berocket-filters .berocket_single_filter_widget {
    width: 100%; }
    @media (min-width: 375px) {
      .berocket-filters .berocket_single_filter_widget {
        width: calc(50% - 14px);
        margin: 0 7px; } }
    @media (min-width: 768px) {
      .berocket-filters .berocket_single_filter_widget {
        width: calc(25% - 14px); } }
    @media (max-width: 767px) {
      .berocket-filters .berocket_single_filter_widget:nth-child(2) ~ .berocket_single_filter_widget {
        display: none; } }
    @media (max-width: 374px) {
      .berocket-filters .berocket_single_filter_widget:nth-child(1) ~ .berocket_single_filter_widget {
        display: none; } }
    @media (min-width: 768px) {
      .berocket-filters .berocket_single_filter_widget:nth-child(4) ~ .berocket_single_filter_widget {
        display: none; } }
    .berocket-filters .berocket_single_filter_widget div[data-taxonomy='price'] .bapf_body:after {
      display: none; }
    .berocket-filters .berocket_single_filter_widget select {
      font-family: "Open Sans", "Helvetica Neue", "Helvetica", sans-serif;
      height: 50px;
      border: 1px solid #d8d8d8;
      text-align-last: center;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      padding: 5px 33px; }
      @media (max-width: 767px) {
        .berocket-filters .berocket_single_filter_widget select {
          font-size: 16px; } }
      @media (min-width: 1024px) {
        .berocket-filters .berocket_single_filter_widget select {
          padding: 5px 40px; } }
      .berocket-filters .berocket_single_filter_widget select:focus {
        outline: none; }
      .berocket-filters .berocket_single_filter_widget select::-ms-expand {
        display: none; }
  .berocket-filters .bapf_body {
    position: relative; }
    .berocket-filters .bapf_body:after {
      content: "";
      font-family: 'icomoon';
      font-size: 25px;
      line-height: 1;
      text-indent: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 10px;
      pointer-events: none; }
      @media (min-width: 1024px) {
        .berocket-filters .bapf_body:after {
          right: 16px; } }
    .berocket-filters .bapf_body select {
      width: 100%; }
  .berocket-filters .bapf_sfilter {
    position: relative;
    margin-bottom: 10px; }
  .berocket-filters .bapf_slidr_all {
    padding: 30px 15px 10px;
    border: 1px solid #d8d8d8;
    height: 50px; }
    .fixed-position .berocket-filters .bapf_slidr_all {
      height: 30px;
      padding-top: 17px;
      padding-bottom: 0; }
  .berocket-filters .bapf_slidr_jqrui .bapf_from,
  .berocket-filters .bapf_slidr_jqrui .bapf_to {
    position: absolute;
    width: 85%;
    left: 50%;
    top: 8px;
    transform: translateX(-50%);
    font-size: 12px; }
    .fixed-position .berocket-filters .bapf_slidr_jqrui .bapf_from, .fixed-position
    .berocket-filters .bapf_slidr_jqrui .bapf_to {
      font-size: 10px;
      width: 70%;
      top: 3px; }

.button-filter-holder {
  border-bottom: 1px solid #d8d8d8;
  margin: 0 0 28px; }

.custom-results .bapf_sfilter {
  margin-bottom: 0 !important; }

.custom-results .berocket_aapf_widget_selected_filter {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #0097dd;
  margin: 0 -25px !important; }
  .custom-results .berocket_aapf_widget_selected_filter > * {
    padding: 0 25px 10px !important;
    font: 500 12px/1.35 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
    text-transform: uppercase;
    letter-spacing: .2em; }
  .custom-results .berocket_aapf_widget_selected_filter ul {
    margin: 0 !important; }
  .custom-results .berocket_aapf_widget_selected_filter a {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    text-decoration: none; }
    .custom-results .berocket_aapf_widget_selected_filter a:hover {
      opacity: 0.5; }
  .custom-results .berocket_aapf_widget_selected_filter i {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 10px; }
    .custom-results .berocket_aapf_widget_selected_filter i:before {
      font-family: 'icomoon' !important;
      content: "\e905" !important; }
  .custom-results .berocket_aapf_widget_selected_filter .bapf_sfa_taxonomy > span {
    display: none !important; }
  .custom-results .berocket_aapf_widget_selected_filter .bapf_sfa_taxonomy > ul {
    padding: 0; }
  .custom-results .berocket_aapf_widget_selected_filter .bapf_sfa_taxonomy li {
    margin: 0 !important;
    text-align: left !important; }

button.show-more-filters {
  position: relative;
  letter-spacing: .2em;
  font: 700 10px/1 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif !important;
  background: transparent !important;
  border: none !important;
  color: #08232f !important;
  height: auto !important;
  padding: 0 20px 0 0 !important;
  background: transparent !important; }
  .is-not-touch-device button.show-more-filters:hover {
    color: #0097dd !important;
    background: transparent !important; }
  button.show-more-filters:after {
    content: "";
    font-family: 'icomoon';
    font-size: 15px;
    line-height: 1;
    text-indent: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    right: 0; }
  button.show-more-filters:last-child {
    margin: 0; }
  button.show-more-filters.more-then-4 {
    display: inline-block; }
  .more-filters-active button.show-more-filters:after {
    transform: translateY(-50%) rotateX(180deg); }
  .more-filters-active button.show-more-filters span.less {
    display: inline-block; }
  .more-filters-active button.show-more-filters span.more {
    display: none; }
  button.show-more-filters span {
    display: inline-block;
    vertical-align: middle; }
    button.show-more-filters span.less {
      display: none; }

.filters-heading {
  letter-spacing: .06em; }
  @media (min-width: 768px) {
    .filters-heading {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-align: start;
          align-items: flex-start; } }
  .filters-heading p {
    color: #d8d8d8;
    -ms-flex: 1 0;
        flex: 1 0; }
  @media (max-width: 767px) {
    .filters-heading .woocommerce-ordering {
      float: left !important; } }

.woocommerce-result-count {
  padding: 0 20px 0 0; }

.produkct-info-block .tab-content {
  position: relative; }

.produkct-info-block .produkct-tabset {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 0; }
  @media (max-width: 767px) {
    .produkct-info-block .produkct-tabset {
      display: none; } }
  .produkct-info-block .produkct-tabset:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: -9999px;
    right: -9999px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    z-index: -1; }
  .produkct-info-block .produkct-tabset li {
    padding: 15px 20px;
    width: 100%;
    position: relative; }
    @media (min-width: 768px) {
      .produkct-info-block .produkct-tabset li {
        width: 50%; } }
    @media (min-width: 1024px) {
      .produkct-info-block .produkct-tabset li {
        width: 25%; } }
    @media (max-width: 1023px) {
      .produkct-info-block .produkct-tabset li:nth-child(2n+2):after {
        display: none; } }
    @media (min-width: 1024px) {
      .produkct-info-block .produkct-tabset li:nth-child(4n+4):after {
        display: none; } }
    .produkct-info-block .produkct-tabset li:after {
      position: absolute;
      content: '';
      width: 28px;
      height: 14px;
      bottom: 0;
      transform: translate(-50%, 0);
      background-image: url(images/img-decor01.svg);
      background-size: 28px 14px;
      left: 50%; }
      @media (min-width: 768px) {
        .produkct-info-block .produkct-tabset li:after {
          top: 50%;
          right: 0;
          left: auto;
          transform: translate(50%, -50%); } }

.produkct-info-block .produkct-slide {
  padding: 15px 0; }
  @media (min-width: 768px) {
    .produkct-info-block .produkct-slide {
      padding: 30px 0 10px; } }

.produkct-info-block .tabset-opener {
  position: relative;
  display: block;
  font: 500 12px/1.2 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2.4px;
  text-decoration: none;
  overflow: hidden;
  color: #08232f;
  text-align: center; }
  .produkct-info-block .tabset-opener.active {
    color: #0097dd; }
  .is-not-touch-device .produkct-info-block .tabset-opener:hover {
    color: #0097dd; }

.produkct-info {
  position: relative; }
  .produkct-info .js-acc-hidden {
    top: 0 !important; }
  .produkct-info > li {
    width: 100%; }
    @media (max-width: 767px) {
      .produkct-info > li {
        margin: 0 0 7px; } }
    .produkct-info > li.active .produkct-opener {
      color: #0097dd; }
      .produkct-info > li.active .produkct-opener:after {
        transform: rotateX(180deg); }
  .produkct-info .produkct-opener {
    position: relative;
    display: block;
    font: 500 12px/1.2 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
    text-transform: uppercase;
    letter-spacing: .03em;
    text-decoration: none;
    padding: 10px 35px 10px 0; }
    .produkct-info .produkct-opener:before {
      position: absolute;
      content: '';
      top: 0;
      bottom: 0;
      left: -9999px;
      right: -9999px;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
      z-index: -1; }
    .produkct-info .produkct-opener:after {
      transition: transform 0.3s ease-in-out;
      content: "";
      font-family: 'icomoon';
      font-size: 20px;
      line-height: 1;
      text-indent: 0;
      position: absolute;
      top: 7px;
      right: 0; }
    @media (min-width: 768px) {
      .produkct-info .produkct-opener {
        display: none; } }

.product-section {
  padding: 0 0 50px; }
  .product-section .div.product form.cart {
    margin-bottom: 0 !important; }
  .product-section .yith-wcwl-add-button .yith-wcwl-icon {
    font-size: 20px;
    margin: 0 7px 0 0; }
  .product-section .yith-wcwl-add-to-wishlist {
    position: relative;
    font: 500 12px/1.2 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
    letter-spacing: .2em;
    text-transform: uppercase;
    margin-top: 4px; }
    .product-section .yith-wcwl-add-to-wishlist .feedback {
      overflow: hidden;
      width: 30px;
      height: 20px; }
      .product-section .yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon {
        font-size: 20px;
        margin: 0 7px 0 0;
        color: #0097dd; }
    .product-section .yith-wcwl-add-to-wishlist i,
    .product-section .yith-wcwl-add-to-wishlist span,
    .product-section .yith-wcwl-add-to-wishlist a {
      display: inline-block;
      vertical-align: middle; }
    .product-section .yith-wcwl-add-to-wishlist a {
      text-decoration: none; }
      .product-section .yith-wcwl-add-to-wishlist a:hover {
        color: #0097dd; }
    .product-section .yith-wcwl-add-to-wishlist:hover .yith-wcwl-icon {
      color: #0097dd; }
  @media (min-width: 768px) {
    .product-section .form-row .col {
      width: calc(100% - 16px); } }
  @media (min-width: 1024px) {
    .product-section .form-row .col {
      width: calc(50% - 16px); } }
  @media (min-width: 1240px) {
    .product-section .form-row .col {
      width: calc(50% - 16px); } }
  .product-section h2 {
    margin: 0 0 22px; }
  @media (min-width: 769px) and (max-width: 1024px) {
    .product-section .bullet-list {
      column-count: 1; } }

@media (min-width: 769px) {
  .product-columns {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px;
    -ms-flex-pack: justify;
        justify-content: space-between; } }

.product-columns .column {
  padding: 0 0 25px; }
  @media (min-width: 769px) {
    .product-columns .column {
      width: 50%;
      padding: 0 20px; } }
  @media (min-width: 1024px) {
    .product-columns .column {
      width: 48%; } }
  @media (min-width: 1240px) {
    .product-columns .column {
      width: 43%; } }
  @media (max-width: 768px) {
    .product-columns .column:last-child {
      padding-bottom: 0; } }
  @media (min-width: 1240px) {
    .product-columns .column:last-child {
      width: 51%; } }
  @media (min-width: 768px) {
    .product-columns .column:only-child {
      margin: 0 0 auto; } }

.woocommerce div.product div.images.woocommerce-product-gallery {
	top: -90px;
}

.product-heading {
  background: #0097dd;
  color: #fff;
  letter-spacing: .2em;
  font: 700 14px/1.35 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
  padding: 25px 0 75px; }
  .product-heading + .product-main {
    position: relative;
    z-index: 1;
    padding-top: 0;
margin-top: 35px}
  .product-heading .product-button-holder {
    padding: 10px 0; }
    @media (min-width: 769px) {
      .product-heading .product-button-holder {
       text-align: right;} }
  .product-heading .product-holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .product-heading .product-holder .product-meta {
      text-transform: uppercase;
      padding: 0 40px 0 0; }
    .product-heading .product-holder .product-rating {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
  .product-heading .star-rating {
    font-size: 9px !important;
    width: 80px !important;
    height: 10px !important;
    color: inherit !important; }
    .product-heading .star-rating:before {
      color: inherit !important; }
  .product-heading .product-rating .anchor-links {
    text-decoration: none;
    font-size: 12px;
    font-weight: 500; }
    .product-heading .product-rating .anchor-links:hover {
      opacity: 0.8; }
  .product-heading h1 {
    margin: 0 0 5px; }
  @media (min-width: 769px) {
    .product-heading .product-info {
      text-align: right; } }
  .product-heading .product-info .price {
    line-height: 1.16;
    font-size: 30px !important;
    margin: 0 0 5px;
    letter-spacing: .05em;
    text-transform: uppercase;
    display: block;
    color: inherit !important; }
  .product-heading .product-info .product-meta {
    text-transform: uppercase;
    display: inline-block;
    margin-left: 15px; }

	.product-heading .product-info .product-meta:first-of-type {
    margin-left: 0; }

.product-main {
  padding: 50px 0 0; }
  @media (max-width: 768px) {
    .product-main .product-button-holder {
      display: none; } }
  @media (min-width: 769px) {
    .product-main .product-button-holder {
      min-height: 55px;
      margin: 0 0 35px;
      text-align: right; } }

.product-button {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #0097dd;
  border-radius: 20px;
  font: 600 12px/1.2 "Open Sans", "Helvetica Neue", "Helvetica", sans-serif;
  letter-spacing: 1.2px;
  background: #fff;
  text-decoration: none;
  padding: 2px 13px;
  color: #08232f;
  text-align: left; }

.product-images-wrap {
  position: relative; }
  .product-images-wrap .badge {
    position: absolute;
    top: 20px;
    min-width: 86px;
    left: 0;
    color: #fff;
    z-index: 10;
    border-radius: 0 0 10px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 12px;
    background: #0097dd;
    color: #fff;
    padding: 2px 10px; }

.woocommerce div.product form.cart {
  margin-bottom: 0 !important;
margin-top: 23px !important; }

.woocommerce-product-gallery {
  position: relative;
  width: 100% !important; }
  .woocommerce-product-gallery:hover .flex-direction-nav .flex-prev, .woocommerce-product-gallery:hover .flex-direction-nav .flex-next {
    opacity: 1;
    visibility: visible; }
  .woocommerce-product-gallery:hover .woocommerce-product-gallery__trigger {
    opacity: 1;
    visibility: visible; }
  .woocommerce-product-gallery .flex-viewport {
    margin: 0 0 10px; }
    @media (min-width: 375px) {
      .woocommerce-product-gallery .flex-viewport {
        margin: 0 0 15px; } }
    @media (min-width: 1024px) {
      .woocommerce-product-gallery .flex-viewport {
        margin: 0 0 20px 0; } }
  .woocommerce-product-gallery .flex-control-thumbs.expanded li.has-show-more ~ li {
    display: block; }
  .woocommerce-product-gallery .flex-control-thumbs.expanded li.has-show-more .show-more-thumbs {
    visibility: hidden;
    opacity: 0; }
  .woocommerce-product-gallery .flex-control-thumbs {
    margin: 0 -4px !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 20px !important;
    padding: 0 !important; }
    @media (min-width: 375px) {
      .woocommerce-product-gallery .flex-control-thumbs {
        margin: 0 -6px !important; } }
    @media (min-width: 1024px) {
      .woocommerce-product-gallery .flex-control-thumbs {
        margin: 0 -8px !important; } }
    .woocommerce-product-gallery .flex-control-thumbs li {
      position: relative;
      float: none;
      border: 1px solid #f2fafe !important;
      width: calc(20% - 8px) !important;
      margin: 0 4px 20px !important; }
      @media (min-width: 375px) {
        .woocommerce-product-gallery .flex-control-thumbs li {
          margin: 0 6px 20px !important;
          width: calc(20% - 12px) !important; } }
      @media (min-width: 1024px) {
        .woocommerce-product-gallery .flex-control-thumbs li {
          margin: 0 8px 35px !important;
          width: calc(20% - 16px) !important; } }
      .woocommerce-product-gallery .flex-control-thumbs li.has-show-more ~ li {
        display: none; }
      .woocommerce-product-gallery .flex-control-thumbs li .alt {
        font: 500 12px/1 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
        position: absolute;
        bottom: -20px;
        left: 50%;
        letter-spacing: .1em;
        transform: translateX(-50%);
        text-transform: uppercase; }
        @media (min-width: 1024px) {
          .woocommerce-product-gallery .flex-control-thumbs li .alt {
            bottom: -35px; } }
    .woocommerce-product-gallery .flex-control-thumbs img {
      opacity: 1 !important; }
  .woocommerce-product-gallery .flex-control-thumbs li.has-show-more {
    position: relative; }
    .woocommerce-product-gallery .flex-control-thumbs li.has-show-more .show-more-thumbs {
      transition: transform 0.3s ease-in-out;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      color: #0097dd;
      background: #f2fafe;
      cursor: pointer; }
      .woocommerce-product-gallery .flex-control-thumbs li.has-show-more .show-more-thumbs:after {
        transition: opacity 0.3s ease-in-out;
        content: "";
        font-family: 'icomoon';
        font-size: 15px;
        line-height: 1;
        text-indent: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .is-not-touch-device .woocommerce-product-gallery .flex-control-thumbs li.has-show-more .show-more-thumbs:hover:after {
        opacity: 0.5; }
  .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    color: #0097dd !important;
    width: 40px !important;
    height: 40px !important;
    top: 10px !important;
    right: 10px !important;
    background: rgba(255, 255, 255, 0.6) !important;
    opacity: 0;
    visibility: hidden; }
    @media (min-width: 550px) {
      .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
        width: 60px !important;
        height: 60px !important;
        top: 14px !important;
        right: 15px !important; } }
    @media (min-width: 768px) {
      .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
        right: 13px !important; } }
    .woocommerce-product-gallery .woocommerce-product-gallery__trigger:after {
      display: none !important; }
    .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
      content: "\e91c" !important;
      font-family: 'icomoon';
      font-size: 17px;
      line-height: 1;
      text-indent: 0;
      top: 50% !important;
      left: 50% !important;
      transform: translate(-50%, -50%) !important;
      border: none !important;
      border-radius: 0 !important;
      width: auto !important;
      height: auto !important; }

.woocommerce div.product form.cart .variations .value {
  position: relative; }
  .woocommerce div.product form.cart .variations .value:after {
    content: "";
    font-family: 'icomoon';
    font-size: 25px;
    line-height: 1;
    text-indent: 0;
    position: absolute;
    top: 15px;
    right: 10px;
    pointer-events: none; }
    @media (min-width: 1024px) {
      .woocommerce div.product form.cart .variations .value:after {
        right: 16px; } }

.woocommerce div.product form.cart .variations select {
  width: 100%;
  margin: 0;
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", sans-serif;
  height: 50px;
  border: 1px solid #d8d8d8;
  text-align-last: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 5px 33px; }
  @media (max-width: 767px) {
    .woocommerce div.product form.cart .variations select {
      font-size: 16px; } }
  @media (min-width: 1024px) {
    .woocommerce div.product form.cart .variations select {
      padding: 5px 40px; } }
  .woocommerce div.product form.cart .variations select:focus {
    outline: none; }
  .woocommerce div.product form.cart .variations select::-ms-expand {
    display: none; }

.product-section .price {
  line-height: 1.16;
  margin: 0 0 10px;
  letter-spacing: .05em;
  text-transform: uppercase;
  display: block;
  font-size: 30px !important;
  color: #0097dd !important; }

@media (min-width: 550px) {
  .woocommerce-variation-add-to-cart {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

.woocommerce div.product form.cart div.quantity {
  float: none !important;
  margin: 0 0 23px !important;
  -ms-flex: 1 0;
      flex: 1 0; }
  @media (max-width: 549px) {
    .woocommerce div.product form.cart div.quantity {
      width: 100%; } }
  @media (min-width: 550px) {
    .woocommerce div.product form.cart div.quantity {
      margin: 0 16px 23px 0 !important;
      max-width: calc(50% - 8px); } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .woocommerce div.product form.cart div.quantity {
      width: 100%;
      margin: 0 0 23px !important;
      max-width: none; } }

.woocommerce div.product form.cart .col div.quantity {
  max-width: none !important;
  margin: 0 !important; }

.woocommerce div.product form.cart .button {
  float: none !important;
  margin: 0 0 23px !important; }
  @media (max-width: 549px) {
    .woocommerce div.product form.cart .button {
      width: 100%; } }
  @media (min-width: 550px) {
    .woocommerce div.product form.cart .button {
      width: 100%;
      max-width: calc(50% - 8px); } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .woocommerce div.product form.cart .button {
      width: 100%;
      max-width: none; } }

.woocommerce div.product form.cart .col .button {
  max-width: none;
  margin: 0 !important; }

.js-slider-holder {
  position: relative;
  padding: 0 0 50px;
  margin: -5px;
  width: calc(100% + 10px); }
  .js-slider-holder .slick-slide {
    padding: 5px; }
  .js-slider-holder .slick-list {
    position: relative; }
    .js-slider-holder .slick-list:after {
      position: absolute;
      content: '';
      bottom: 0;
      left: 0;
      right: 0;
      height: 2px;
      background: #fff; }
  .js-slider-holder .slick-arrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    height: 50px;
    width: 50px;
    margin: 0; }
    @media (min-width: 375px) {
      .js-slider-holder .slick-arrow.next {
        margin-left: 20px; } }
    @media (min-width: 768px) {
      .js-slider-holder .slick-arrow.next {
        margin-left: 30px; } }
    @media (min-width: 375px) {
      .js-slider-holder .slick-arrow.prev {
        margin-right: 20px; } }
    @media (min-width: 768px) {
      .js-slider-holder .slick-arrow.prev {
        margin-right: 34px; } }
  .js-slider-holder .js-dots-padination > * {
    box-shadow: none; }
  .js-slider-holder .nav-links {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .js-slider-holder .js-dots-padination .page-numbers {
    text-decoration: none;
    letter-spacing: 2.8px;
    font: 500 14px/1.2 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
    color: #839096;
    display: inline-block; }
    .js-slider-holder .js-dots-padination .page-numbers.current {
      font-weight: 900;
      color: #08232f; }

/*# sourceMappingURL=style.css.map */


/*STYLING FIXES 22.02.2021*/
input[type="number"].xoo-wsc-qty {
    height: 100%;
    padding: 0;
}

/*PAYMENT PRODUCT DETAIL*/
.payment-container {
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 35px 0 0 0;
}

.payment-item {
    margin-right: 15px;
    margin-bottom: 15px;
}

/*STYLING AUFGEFALLEN WÄHREND BEFÜLLUNG*/
.container .container {
    padding: 0;
}

.wp-block-button__link {
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    display: inline-block;
    vertical-align: top;
    font-weight: 900;
    font-family: "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
	padding: 12px 30px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    background: #0097dd;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .2em;
    margin: 0 0 15px;
    line-height: 2.14;
	border-radius: 0;
}

.wp-block-button__link:hover {
    color: #fff;
    background: #11b4ff;
	
}

.mini-cart-count {
    position: absolute;
    font-size: 14px;
    width: 20px;
    height: 20px;
    background-color: #0097dd;
    line-height: 20px;
    border-radius: 50%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

form#gform_2 {
    flex-wrap: wrap;
}

.woocommerce a.xoo-wsc-ft-btn, #klarna-checkout-select-other, #kco-iframe .button {
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    display: inline-block;
    vertical-align: top;
    font-weight: 900;
    font-family: "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
    padding: 12px 10px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    background: #0097dd;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .2em;
    margin: 0 0 15px;
    line-height: 2.14;
	border-radius: 0;
}

.woocommerce a.xoo-wsc-ft-btn:hover, a#klarna-checkout-select-other:hover, #kco-iframe .button:hover {
    background: #11b4ff;
	color: #FFF;
}

#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row, .woocommerce form[name="checkout"] .form-row  {
    margin: 0 0 !important;
}

.woocommerce a.added_to_cart {
    display: block;
    width: 100%;
    text-align: right;
}

.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    font: 12px/1.2 "Open Sans", "Helvetica Neue", "Helvetica", sans-serif !important;
    padding: 5px 50px;
    height: 40px;
    border: 0;
    border-radius: 25px;
    box-sizing: border-box;
    background: rgba(0, 151, 221, 0.07);
    letter-spacing: .12em;
    border: none;
    text-align: center;
}

.dgwt-wcas-search-wrapp {
    margin: 0 15px 0 0;
}

.dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {
    height: 50%;
    margin: auto;
    max-height: 16px;
    width: 100%;
    max-width: 16px;
    left: auto;
    right: 20px;
    opacity: 1;
    fill: #000;
}

.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder {
	font-style: normal;
}

.dgwt-wcas-preloader.dgwt-wcas-close, .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader), .dgwt-wcas-preloader {
    left: 10px;
    right: auto;
}

.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus {
    box-shadow: unset;
}

.woo_ab_span {
    text-transform: none;
}

@media all and (max-width: 480px) {
	.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
		padding: 5px 40px;
	}
	
	.dgwt-wcas-search-wrapp {
		max-width: 180px !important;
		margin-right: 0;
		min-width: unset;
	}

}

/*ABO STYLING*/
.wcsatt-options-prompt-radios {
    padding-left: 0;
}

.wcsatt-options-prompt-radio {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px !important;
}

.wcsatt-options-prompt-radio:first-child:before {
	position: absolute;
    content: "Oder";
    bottom: -10px;
    left: 50%;
    transform: translatex(-50%);
    align-items: center;
    max-width: 180px;
    border-radius: 50%;
    background: #d8d8d8;
    padding: 3px 30px;
    color: #fff;
    border-radius: 10px;
    font-size: 12px;
    line-height: 14px;
	font-weight: 600;
	z-index: 1;
}

.wcsatt-options-prompt-radio:first-child:after {
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #d8d8d8;
	bottom: -1px;
	left: 0;
	right: 0;
	content: "";
}

.wcsatt-options-prompt-radio:last-child {
	padding-bottom: 0;
	margin-bottom: 0 !important;
}

.wcsatt-options-product-dropdown {
    width: 100%;
    margin: 0;
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", sans-serif;
    height: 50px;
    border: 1px solid #d8d8d8;
    text-align-last: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px 33px;
    display: block;
	outline: none;
}

.wcsatt-options-wrapper {
    margin: 40px 0;
}

.wcsatt-options-product-wrapper {
    position: relative;
}

.wcsatt-options-product-wrapper:after {
    content: "";
    font-family: 'icomoon';
    font-size: 25px;
    line-height: 1;
    text-indent: 0;
    position: absolute;
    bottom: 10px;
    right: 16px;
    pointer-events: none;
}

.woocommerce div.product form.cart .variations tr {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce div.product form.cart .variations .label {
    display: block;
    width: 100%;
}

.woocommerce div.product form.cart .variations .value {
    padding-right: 0;
}

.wcsatt-options-product-dropdown-label {
    font-weight: 700;
}

span.wcsatt-options-prompt-action {
    font: 500 12px/1.2 "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.xoo-wsc-smr-ptotal .subscription-details {
    display: none;
}

tr.recurring-totals {
    display: none;
}
/*
label.wcsatt-options-prompt-label {
    transition: background 0.3s ease-in-out;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    height: 50px;
    color: #fff;
    outline: none;
    cursor: pointer;
    font-weight: 900;
    font-family: "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
    padding: 5px 15px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    background: #0097dd !important;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: .2em;
    margin: 0 0 15px;
    border: none;
    border-radius: 0 !important;
}

label.wcsatt-options-prompt-label input {
	-webkit-appearance: none;
}*/

.xoo-wsc-products .item-description {
    font-size: 0;
}

.xoo-wsc-products .item-description span {
	font-size: 14px;
}

.woocommerce-cart-form__cart-item.cart_item .product-name a {
    font-weight: 700;
}

.woocommerce-cart-form__cart-item.cart_item .item-description {
    display: block;
    max-width: 450px;
    margin-top: 10px;
}

.xoo-wsc-pshort {
    font-size: 12px;
}

.wcsatt-options.overrides_exist {
    margin: 0 0 0;
    padding-left: 0;
}

/*.has-bullet-list ul li[data-label="Montageset"], .has-bullet-list ul li[data-label="Besondere Eigenschaften"] {
    display: none;
}*/

#customer_login .u-column1.col-1 label, #customer_login .u-column1.col-1 .password-input {
    width: 100%;
}

#customer_login .u-column1.col-1 label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    margin-bottom: 15px;
}

.woocommerce .products .card-desc ul, .woocommerce ul.products .card-desc ul, .card-desc ul {
    padding-left: 20px;
    list-style: disc;
}

.woocommerce .products .card-desc ul li, .woocommerce ul.products .card-desc ul li, .card-desc ul li {
	list-style: disc;
}

.woocommerce table.shop_table .product-name .variation, .xoo-wsc-product dl.variation {
    font-size: 0;
	font-style: normal;

}

.woocommerce table.shop_table .product-name .variation dl, .woocommerce table.shop_table .product-name .variation dt, .xoo-wsc-product .variation dl, .xoo-wsc-product .variation dt {
	font-weight: 400;
}

.woocommerce table.shop_table .product-name .variation .card-desc, .woocommerce table.shop_table .product-name .variation p, .woocommerce table.shop_table .product-name .variation .card-desc ul, .xoo-wsc-product .variation .card-desc, .xoo-wsc-product .variation p, .xoo-wsc-product .variation .card-desc ul {
    font-size: 14px;
    margin-bottom: 0;
}

.woocommerce table.shop_table .product-name {
    font-weight: 700;
}

.xoo-wsc-product dl.variation dd, .xoo-wsc-product dl.variation dt {
	font-style: normal;
}

ul.wcsatt-options {
    height: 21px;
}

ul.wcsatt-options li input, ul.wcsatt-options li label > span, ul.wcsatt-options li span.subscription-details {
    display: none;
}

ul.wcsatt-options li span.show {
    display: block;
}


.woocommerce-checkout #payment div.payment_box .wc-credit-card-form .form-row.form-row-wide label {
    display: block;
    width: 100%;
}

.woocommerce-checkout #payment div.payment_box .wc-credit-card-form .stripe-card-group {
    width: 100%;
    max-width: 500px;
}


.woocommerce-checkout .wc-stripe-elements-field, .wc-stripe-iban-element-field {
    border: 1px solid #ddd;
    margin: 5px 0;
    padding: 5px;
    background-color: #fff;
    outline: 0;
    width: 100%;
    max-width: 500px;
}

.woocommerce-store-notice, p.demo_store {
	background-color: #03ab99;
    line-height: 16px;
    padding: 8px;
}

.wp-block-button .wp-block-button__link {
    margin: 15px;
}

.section .items-list li {
    list-style: none;
}

/**----DESIGNER QA------------**/

@media all and (max-width: 1024px) {
	.nav-menu a:not(.btn) {
		font-size: 14px;
	}
}

/**-----------------------------------**/
/**------- FEEDBACK 02.08.2021 -------**/
/**-----------------------------------**/

@media all and (max-width: 767px) {
	.wp-block-cover p {
		hyphens: auto;
		word-break: break-word;
		line-height: 50px;
	}	
	
	body .woocommerce .woocommerce-billing-fields p {
		width: 100% !important;
	}
	
	.woocommerce-billing-fields__field-wrapper {
    	display: flex;
		flex-wrap: wrap;
	}
}

body .wp-block-column .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]):not([type=submit]), body .wp-block-column .gform_wrapper textarea {
	-webkit-appearance: none !important;
    -moz-appearance: none!important;
    appearance: none!important;
    -webkit-border-radius: 0!important;
    padding: 5px 20px!important;
    font-size: 15px!important;
    line-height: 1.2!important;
    font-family: "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif !important;
    box-sizing: border-box!important;
    background: rgba(0, 151, 221, 0.07)!important;
    letter-spacing: .12em!important;
    border: none!important;
    text-align: center!important;
    font-weight: 500!important;
}

body .wp-block-column .gform_legacy_markup_wrapper label.gfield_label, body .wp-block-column .gform_legacy_markup_wrapper legend.gfield_label {
	font-weight: 400;
}

.product-heading .product-info small.woocommerce-price-suffix, .card-footer small.woocommerce-price-suffix {
	display: none;
}


/**
*STYLING KONFIGURATOR
**/

body .gf_progressbar_wrapper {
  padding-bottom: 20px;
  position: relative;
}

body .gf_progressbar_wrapper:before, .konfig_html:before {
  content: "";
  position: absolute;
  width: calc(100% + 40px);
  height: calc(100% + 60px);
  background: rgba(0, 151, 221, 0.07);
  z-index: -1;
  top: -60px;
  left: -20px;
}

body .gf_progressbar_title, body .gform_wrapper.gravity-theme .gf_progressbar_percentage span {
  display: none;
}

body .gform_wrapper.gravity-theme .gf_progressbar {
  margin: 0 -20px;
  border-radius: 0;
  background-color: #0097DD07;
}

body .gform_wrapper.gravity-theme .gf_progressbar_percentage {
  border-radius: 0;
  height: 3px;

}

body .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
  background-color: #0097DD;
}

.konfig_html {
  position: relative;
  font-size: 14px;
  letter-spacing: .7px;
  line-height: 30px;
  padding-bottom: 20px;
}

.konfig_html:before {
  height: 100%;
  top: 0;
}

.konfig_html h3 {
  letter-spacing: 2.4px;
  line-height: 23px;
  font-weight: 500;
  color: #0097DD;
  margin-bottom: 22px;
}

.konfig_html h2 {
  line-height: 26px;
  letter-spacing: 3.6px;
  margin-bottom: 30px;
}

body .gform_wrapper.gravity-theme .gform_fields {
  grid-row-gap: 30px;
}

/*RADIO INPUT HIDDEN*/

body #gform_wrapper_3 .gchoice {
  margin-bottom: 15px !important;
}

body #gform_wrapper_3 .gfield-choice-input {
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  opacity: 0;
  line-height: 0;
  display: inline;
}

body #gform_wrapper_3 .gchoice label {
  color: #D8D8D8;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "brandon-grotesque", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 2.4px;
  text-align: center;
  display: block !important;
  width: 100% !important;
  padding: 90px 15% 50px!important;
  max-width: unset !important;
  border: 2px solid #CCCCCC;
  position: relative;
  transition: all 0.3s;
  cursor: pointer;
}

body #gform_wrapper_3 .gchoice label:before {
  content: "";
  position: absolute;
  width: 21px;
  height: 21px;
  border: 2px solid #CCCCCC;
  border-radius: 50%;
  left: 50%;
  top: 30px;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75%;
  transition: all 0.3s;
  display: block;
}

body #gform_wrapper_3 .gfield-choice-input:checked + label {
  border-color: #0097DD;
  color: #0097DD;
}

body #gform_wrapper_3 .gfield-choice-input:checked + label:before {
  border-color: #0097DD;
  background-color: #0097DD;
  background-image: url("images/check.svg");
  display: block;
}

body #gform_wrapper_3 .gchoice:last-child label {
  margin-bottom: 0;
}

body .image-choices-field .image-choices-choice {
  display: block;
  border: 0;
  margin: 0 !important;
}

body #gform_wrapper_3 .image-choices-field .gchoice.image-choices-choice label {
  padding-top: 58px !important;
  padding-bottom: 17px !important;
}

body .image-choices-field .image-choices-choice-image-wrap {
  height: 55px;
  background-size: contain;
  width: 55px;
  margin-bottom: 10px;
}

body .image-choices-field .image-choices-choice-text, body .image-choices-field .image-choices-choice-price {
  padding-top: 0;
}

body #gform_wrapper_3 .image-choices-field .gchoice.image-choices-choice label:before {
  top: 20px;
}

body #gform_wrapper_3 .gform_page_footer .gform_next_button.button, body #gform_wrapper_3 .gform_page_footer input[type="submit"] {
  width: 0 !important;
  height: 0 !important;
  display: inline !important;
  font-size: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: unset !important;
  opacity: 0 !important;
  min-height: 0 !important;
  line-height: 0 !important; 
}

body .gform_wrapper.gravity-theme .gform_previous_button.button {
  margin-bottom: 0 !important;
}

body #gform_wrapper_3.gform_wrapper.gravity-theme .gform_footer, body #gform_wrapper_3.gform_wrapper.gravity-theme .gform_page_footer {
  margin-top: 0;
  height: 82px;
}

div#gform_wrapper_3 {
  opacity: 0;
  transition: all .3s;
}

div#gform_wrapper_3.ready {
  opacity: 1;
}

@media all and (min-width: 414px) {
  body #gform_wrapper_3 .gfield_radio {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7.5px;
  }

  body #gform_wrapper_3 .gchoice {
      width: calc(50% - 15px);
      margin: 0 7.5px 15px !important; 
  }

  body #gform_wrapper_3 .gchoice label {
    padding: 90px 5% 50px!important;
    height: 100%;
  }
}

@media all and (min-width: 768px) {
  form#gform_3 {
    display: block;
  }
}

@media all and (min-width: 991px) {
  body .gf_progressbar_wrapper {
    position: absolute;
    width: calc(40% + 20px);
    left: -20px;
  }

  body .gf_progressbar_wrapper:before {
    display: none;
  }


  body .gform_wrapper.gravity-theme .gf_progressbar {
    margin: 0;
  }

  form#gform_3 {
      position: relative;
  }

  .konfig_html:before {
      height: auto;
      top: -110px;
      bottom: 0;
      width: calc(100% + 20px);
  }

  body #gform_wrapper_3.gform_wrapper.gravity-theme .gform_fields {
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
  }

  .konfig_html {
    width: 40%;
    padding: 0 40px 130px 0;
  }
  .konfig_radio {
    width: 50%;
  }

  body #gform_wrapper_3.gform_wrapper.gravity-theme .gform_footer, body #gform_wrapper_3.gform_wrapper.gravity-theme .gform_page_footer {
      position: absolute;
      bottom: 40px;
      height: 50px;
      padding: 0;
      left: calc(40% - 25px);
  }

  body #gform_wrapper_3.gform_wrapper.gravity-theme .gform_previous_button.button {
      margin-bottom: 0 !important;
      background-color: #FFF !important;
      border-radius: 50% !important;
      width: 50px !important;
      font-size: 0 !important;
      padding: 0 !important;
      box-shadow: 0px 0px 10px #0000000D;
      background-image: url('images/left-arrow.svg') !important;
      background-size: 50%!important;
      background-position: center!important;
      background-repeat: no-repeat!important;
      transition: all .3s;
  }

  body #gform_wrapper_3.gform_wrapper.gravity-theme .gform_previous_button.button:hover {
    background-image: url('images/left-arrow-white.svg') !important;
    background-color: #0097DD !important;
  }


  div#gform_wrapper_3 {
    margin-bottom: -60px !important;
  }

}

@media all and (min-width: 1235px) {
  body #gform_wrapper_3.gform_wrapper.gravity-theme .gform_fields {
    padding-top: 0;
  }

  .konfig_html:before {
    top: -210px;
  }

  .konfig_html {
    width: 390px;
    padding: 150px 60px 0 0;
  }

  .konfig_radio {
    width: calc(100% - 506px);
    min-height: calc(100vh - 170px);
  }

  body #gform_wrapper_3.gform_wrapper.gravity-theme .gform_footer, body #gform_wrapper_3.gform_wrapper.gravity-theme .gform_page_footer {
    left: 345px;
    bottom: 140px;
  }

  body #gform_wrapper_3 .gchoice.only-two {
    max-width: 288px;
  }

  body #gform_wrapper_3 .gchoice.only-two:first-child {
    margin-left: 0 !important;
    margin-right: 58px !important;
    width: calc(50% - 58px);
  }

  body #gform_wrapper_3 .gchoice.only-two:last-child {
    margin-left: 58px !important;
    margin-right: 0 !important;
    width: calc(50% - 58px);
  }

  body #gform_wrapper_3 .gchoice {
    width: calc(33.33333% - 65px);
    margin: 0 32.5px 44px !important;
  }

  body #gform_wrapper_3 .gfield_radio {
    padding-top: 150px;
  }

  body #gform_wrapper_3 .gfield_radio.more-as-two {
    margin: 0 -32.5px;
  }

  body #gform_wrapper_3 .gfield_radio.more-as-three {
    padding-top: 60px;
  }

  body #gform_wrapper_3 .gfield_radio.three {
    padding-top: 173px;
  }

  body #gform_wrapper_3 .gfield_radio {
    margin: 0;
  }

  .konfig_html:before {
    width: calc(100vw + 390px);
    left: auto;
    right: 20px;
  }

  body #gform_wrapper_3 .gfield_radio.more-as-two label {
    padding: 90px 1% 50px!important;
  }
}

@media (min-width: 1025px) and (max-height: 700px) {
  .konfig_html {
    padding:  40px 50px 0;
  }
}

@media (min-width: 1235px) and (max-height: 700px) {
  .konfig_html {
    padding:  150px 60px 50px 0;
  }
}

/*MENÜ ICONS ZUSATZ*/

.nav-secondary li > a:before {
  left: auto;
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
}

.menu-icon {
  display: inline-block;
  height: 30px;
  width: 50px;
  text-align: center;
  margin-right: 10px;
}

.menu-icon img {
  object-fit: contain;
  height: 100%;
  width: auto;
}

.nav-secondary li > a {
  display: inline-flex;
  align-items: center;
}

.nav-secondary li {
  line-height: 30px;
}

body .dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product {
  text-decoration: none;
}