@charset "UTF-8";
/************************************
Colors
************************************/
/************************************
BASIC 
************************************/
.noselect, .quantity .qty-btn {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}

.fill_image, .cross_sell_attributes .variation .radios .radio label.has-image .image img, .variations_form .variation .radios .radio label.has-image .image img, .cross-sells .cross-sell-product .product_form .product_image img {
  height: auto !important;
  width: auto !important;
  max-height: 100% !important;
  max-width: 100% !important;
}

.flexbox, .cross_sell_attributes .variation .radios .radio label.has-image, .variations_form .variation .radios .radio label.has-image, .cross_sell_attributes .variation .radios, .variations_form .variation .radios, .price_compare .price, .price_compare, .footer-widget-area .f_widget-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bold;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/***********************************
Variables: Grid / Container 
/***********************************/
/* small Monitor */
/* large Monitor */
/* wide Monitor */
/* mobile  */
/* Tablet */
/* Small Monitor */
/* Large Monitor */
/***********************************
Container
/***********************************/
.container {
  display: block;
  max-width: 100%;
  /* mobile */
  /* Tablet */
  /* Small Monitor */
  /* Large Monitor */
}
.container:before, .container:after {
  zoom: 1;
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .container {
    width: calc( 100% - (20px * 2));
    min-width: 263px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 731px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: 955px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    width: 1143px;
    margin-left: auto;
    margin-right: auto;
  }
}

/***********************************
GRID
***********************************/
.grid {
  /* MOBILE FIRST */
  margin-left: -10px;
  margin-right: -10px;
  /* Basic ab TABLET */
}
.grid:before, .grid:after {
  zoom: 1;
  content: " ";
  display: table;
}
.grid:after {
  clear: both;
}
.grid > [class*=col] {
  padding: 0 10px;
  padding-bottom: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .grid {
    margin-left: -10px;
    margin-right: -10px;
  }
  .grid > [class*=col] {
    float: left;
    padding: 0 10px;
  }
}
@media (min-width: 992px) {
  .grid {
    margin-left: -10px;
    margin-right: -10px;
  }
  .grid > [class*=col] {
    padding: 0 10px;
  }
}
@media (min-width: 1200px) {
  .grid {
    margin-left: -10px;
    margin-right: -10px;
  }
  .grid > [class*=col] {
    padding: 0 10px;
  }
}
@media (min-width: 1920px) {
  .grid {
    margin-left: -10px;
    margin-right: -10px;
  }
  .grid > [class*=col] {
    padding: 0 10px;
  }
}
@media (min-width: 768px) {
  .grid > .column-1 {
    width: 8.3333333333%;
  }
  .grid > .column-2 {
    width: 16.6666666667%;
  }
  .grid > .column-3 {
    width: 25%;
  }
  .grid > .column-4 {
    width: 33.3333333333%;
  }
  .grid > .column-5 {
    width: 41.6666666667%;
  }
  .grid > .column-6 {
    width: 50%;
  }
  .grid > .column-7 {
    width: 58.3333333333%;
  }
  .grid > .column-8 {
    width: 66.6666666667%;
  }
  .grid > .column-9 {
    width: 75%;
  }
  .grid > .column-10 {
    width: 83.3333333333%;
  }
  .grid > .column-11 {
    width: 91.6666666667%;
  }
  .grid > .column-12 {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .grid > .column-1-mobile {
    float: left;
    width: 8.3333333333%;
  }
  .grid > .column-2-mobile {
    float: left;
    width: 16.6666666667%;
  }
  .grid > .column-3-mobile {
    float: left;
    width: 25%;
  }
  .grid > .column-4-mobile {
    float: left;
    width: 33.3333333333%;
  }
  .grid > .column-5-mobile {
    float: left;
    width: 41.6666666667%;
  }
  .grid > .column-6-mobile {
    float: left;
    width: 50%;
  }
  .grid > .column-7-mobile {
    float: left;
    width: 58.3333333333%;
  }
  .grid > .column-8-mobile {
    float: left;
    width: 66.6666666667%;
  }
  .grid > .column-9-mobile {
    float: left;
    width: 75%;
  }
  .grid > .column-10-mobile {
    float: left;
    width: 83.3333333333%;
  }
  .grid > .column-11-mobile {
    float: left;
    width: 91.6666666667%;
  }
  .grid > .column-12-mobile {
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .grid > .column-1-tablet {
    width: 8.3333333333%;
  }
  .grid > .column-2-tablet {
    width: 16.6666666667%;
  }
  .grid > .column-3-tablet {
    width: 25%;
  }
  .grid > .column-4-tablet {
    width: 33.3333333333%;
  }
  .grid > .column-5-tablet {
    width: 41.6666666667%;
  }
  .grid > .column-6-tablet {
    width: 50%;
  }
  .grid > .column-7-tablet {
    width: 58.3333333333%;
  }
  .grid > .column-8-tablet {
    width: 66.6666666667%;
  }
  .grid > .column-9-tablet {
    width: 75%;
  }
  .grid > .column-10-tablet {
    width: 83.3333333333%;
  }
  .grid > .column-11-tablet {
    width: 91.6666666667%;
  }
  .grid > .column-12-tablet {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .grid > .column-1-sm {
    width: 8.3333333333%;
  }
  .grid > .column-2-sm {
    width: 16.6666666667%;
  }
  .grid > .column-3-sm {
    width: 25%;
  }
  .grid > .column-4-sm {
    width: 33.3333333333%;
  }
  .grid > .column-5-sm {
    width: 41.6666666667%;
  }
  .grid > .column-6-sm {
    width: 50%;
  }
  .grid > .column-7-sm {
    width: 58.3333333333%;
  }
  .grid > .column-8-sm {
    width: 66.6666666667%;
  }
  .grid > .column-9-sm {
    width: 75%;
  }
  .grid > .column-10-sm {
    width: 83.3333333333%;
  }
  .grid > .column-11-sm {
    width: 91.6666666667%;
  }
  .grid > .column-12-sm {
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1919px) {
  .grid .grid > .column-1-lm {
    width: 8.3333333333%;
  }
  .grid .grid > .column-2-lm {
    width: 16.6666666667%;
  }
  .grid .grid > .column-3-lm {
    width: 25%;
  }
  .grid .grid > .column-4-lm {
    width: 33.3333333333%;
  }
  .grid .grid > .column-5-lm {
    width: 41.6666666667%;
  }
  .grid .grid > .column-6-lm {
    width: 50%;
  }
  .grid .grid > .column-7-lm {
    width: 58.3333333333%;
  }
  .grid .grid > .column-8-lm {
    width: 66.6666666667%;
  }
  .grid .grid > .column-9-lm {
    width: 75%;
  }
  .grid .grid > .column-10-lm {
    width: 83.3333333333%;
  }
  .grid .grid > .column-11-lm {
    width: 91.6666666667%;
  }
  .grid .grid > .column-12-lm {
    width: 100%;
  }
}

/***** Sets Grid Widths *****/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}

/*********************************************
Base
*********************************************/
html, body {
  height: 100%;
}

html {
  font-size: 14px;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #fff;
  color: #1a4857;
  font-family: "Helvetica Neue", "Helvetica", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.4285em;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  min-width: 263px;
}

/*******************************
             Headers
*******************************/
h1,
h2,
h3,
h4,
h5 {
  font-family: "Helvetica Neue", "Helvetica", Arial, Helvetica, sans-serif;
  line-height: 1.28571429em;
  margin: calc(2em - 0.14285714em ) 0em 1em;
  font-weight: normal;
  padding: 0em;
}

h1 {
  font-size: 2.6em;
}

h2 {
  font-size: 1.71428571em;
}

h3 {
  font-size: 1.28571429em;
}

h4 {
  font-size: 1.6em;
}

h5 {
  font-size: 1em;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
  margin-top: 0em;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
  margin-bottom: 0em;
}

/*******************************
Typo
*******************************/
p {
  margin: 0 0 1em 0;
}
p:last-child {
  margin: 0;
}

/*-------------------
        Links
--------------------*/
a {
  color: #97c344;
  text-decoration: underline;
}

a:hover {
  color: #5d7a27;
  text-decoration: underline;
}

/* FORM BASE */
form {
  padding: 0;
  display: block;
  width: 100%;
  font-size: 1rem;
  line-height: 1em;
  color: #1a4857;
}
form label, form .label {
  width: 100%;
  display: block;
  line-height: 1;
  font-size: 1rem;
  color: #1a4857;
  font-weight: normal;
  margin: 0;
  margin-bottom: 5px;
}

.wpcf7-form label, .wpcf7-form .label {
  margin-bottom: 15px !important;
}
.wpcf7-form label > .wpcf7-form-control-wrap, .wpcf7-form .label > .wpcf7-form-control-wrap {
  display: block;
  margin-top: 5px;
}

input, textarea, select {
  display: block;
  padding: 0.4em 0.8em;
  width: 100%;
  background: #eeeeee;
  color: #707070;
  font-size: 14px;
  min-height: 30px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  outline: 0 none;
  transition: all 0.2s cubic-bezier(0.33, 0, 0.2, 1) 0s;
  -moz-transition: all 0.2s cubic-bezier(0.33, 0, 0.2, 1) 0s;
  -webkit-transition: all 0.2s cubic-bezier(0.33, 0, 0.2, 1) 0s;
  -o-transition: all 0.2s cubic-bezier(0.33, 0, 0.2, 1) 0s;
}

/***********************************************
Select
***********************************************/
/***********************************************
Radios & Checkboxes
***********************************************/
span.radio, span.checkbox {
  margin-top: 6px;
  width: 100%;
  display: block;
  overflow: hidden;
  /***** Inline Radio & Checkboxes *****/
}
span.radio input, span.checkbox input {
  display: none;
}
span.radio > span, span.checkbox > span {
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
  width: auto;
}
span.radio > span:first-child label, span.checkbox > span:first-child label {
  margin: 0;
}
span.radio > span label, span.checkbox > span label {
  margin: 6px 0 0;
  padding: 0 0 0 30px;
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  cursor: pointer;
  float: none;
  display: block;
  position: relative;
  left: 0;
  top: 0;
}
span.radio.radio--inline > span, span.radio.checkbox--inline > span, span.checkbox.radio--inline > span, span.checkbox.checkbox--inline > span {
  margin: 0;
  display: inline-block;
}
span.radio.radio--inline > span:not(:last-child), span.radio.checkbox--inline > span:not(:last-child), span.checkbox.radio--inline > span:not(:last-child), span.checkbox.checkbox--inline > span:not(:last-child) {
  margin-right: 16px;
}
span.radio.radio--inline > span label, span.radio.checkbox--inline > span label, span.checkbox.radio--inline > span label, span.checkbox.checkbox--inline > span label {
  margin: 0;
}

/***** Radio *****/
.radios .radio label {
  margin: 6px 0 0;
  padding: 0 0 0 30px;
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  cursor: pointer;
  float: none;
  display: block;
  position: relative;
  left: 0;
  top: 0;
}
.radios input {
  display: none;
}

/***** Checkboxes *****/
span.checkbox input + label:before, span.radio input + label:before, div.radio input + label:before {
  margin: 0;
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFCRTE4Q0IxNTc5MTFFNjlCOTU5QjY1QkU5MkYyMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTFCRTE4Q0MxNTc5MTFFNjlCOTU5QjY1QkU5MkYyMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MkMxNjBDNjBFMTYxMUU2OUI5NTlCNjVCRTkyRjIwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUJFMThDQTE1NzkxMUU2OUI5NTlCNjVCRTkyRjIwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuFgne4AAADHSURBVHjaYvj//z8DGdgFiL8BcSM5mlWA+N1/CPhDqmY+IL72HwE6SNHMBMSbkDRvBImRYkArkuYLQMwDEidWcziS5hdALAeTAxFsQGyAR7MhNMRB4DsQWyDLg4j1UMkSLJrFgfghku2R6GoYkEwHgTAkSZDLDiHJNWNzIYiIQFL0E4htoZIzkcRXAjEjLgNAOB9J8Wcg3ofEPwPEXLjCCFc0wcATIJbEF0PIHJAT5yJpBoWNEaEoRhdgBuIV0OgKICaNAAQYAPD/2FJuxgMsAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-size: 1px;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
  text-align: center;
  font-size: 13px;
  line-height: 22px;
  color: #fff;
  border-color: #cccccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
}
span.checkbox input:checked + label:before, span.radio input:checked + label:before, div.radio input:checked + label:before {
  background-color: #97c344;
  content: "";
  background-size: 10px;
  border-color: #cccccc;
  color: #fff;
  transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
}

label.checkbox, label.radio {
  margin-top: 10px;
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  padding-left: 30px;
  font-size: 1em;
  line-height: 1.45em;
  cursor: pointer;
  min-height: 22px;
}
label.checkbox > input, label.radio > input {
  display: none;
}
label.checkbox > input ~ span:before, label.radio > input ~ span:before {
  margin: 0;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFCRTE4Q0IxNTc5MTFFNjlCOTU5QjY1QkU5MkYyMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTFCRTE4Q0MxNTc5MTFFNjlCOTU5QjY1QkU5MkYyMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MkMxNjBDNjBFMTYxMUU2OUI5NTlCNjVCRTkyRjIwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUJFMThDQTE1NzkxMUU2OUI5NTlCNjVCRTkyRjIwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuFgne4AAADHSURBVHjaYvj//z8DGdgFiL8BcSM5mlWA+N1/CPhDqmY+IL72HwE6SNHMBMSbkDRvBImRYkArkuYLQMwDEidWcziS5hdALAeTAxFsQGyAR7MhNMRB4DsQWyDLg4j1UMkSLJrFgfghku2R6GoYkEwHgTAkSZDLDiHJNWNzIYiIQFL0E4htoZIzkcRXAjEjLgNAOB9J8Wcg3ofEPwPEXLjCCFc0wcATIJbEF0PIHJAT5yJpBoWNEaEoRhdgBuIV0OgKICaNAAQYAPD/2FJuxgMsAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-size: 1px;
  background-position: center;
  font-size: 13px;
  line-height: 22px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
}
label.checkbox > input:checked ~ span:before, label.radio > input:checked ~ span:before {
  background-color: #97c344;
  content: "";
  background-size: 10px;
  border-color: #cccccc;
  color: #fff;
  transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
}

/***********************************************
Inline items
***********************************************/
.inline-parent {
  display: flex;
  align-content: flex-start;
}
.inline-parent input, .inline-parent textarea, .inline-parent select, .inline-parent .select {
  width: 100%;
}
.inline-parent .inline-child {
  margin: 0 20px 20px 0;
  padding: 0;
  display: flex;
  flex: 1;
  flex-direction: column;
  vertical-align: bottom;
}
.inline-parent .inline-child .message {
  width: 100%;
}
.inline-parent .inline-child:last-child {
  margin-right: 0;
}
.inline-parent .inline-child--grid-1 {
  flex: 0 0 calc(10% - 10px);
}
.inline-parent .inline-child--grid-2 {
  flex: 0 0 calc(20% - 10px);
}
.inline-parent .inline-child--grid-3 {
  flex: 0 0 calc(30% - 10px);
}
.inline-parent .inline-child--grid-4 {
  flex: 0 0 calc(40% - 10px);
}
.inline-parent .inline-child--grid-5 {
  flex: 0 0 calc(50% - 10px);
}
.inline-parent .inline-child--grid-6 {
  flex: 0 0 calc(60% - 10px);
}
.inline-parent .inline-child--grid-7 {
  flex: 0 0 calc(70% - 10px);
}
.inline-parent .inline-child--grid-8 {
  flex: 0 0 calc(80% - 10px);
}
.inline-parent .inline-child--grid-9 {
  flex: 0 0 calc(90% - 10px);
}

.flex-grow {
  flex-grow: 1;
}

/***********************************************
Mobile (portrait 300px)
***********************************************/
@media only screen and (max-width: 767px) {
  .labels--inline label {
    padding: 0 0 6px;
    float: none;
    width: 100%;
    text-align: left;
  }

  .labels--inline input,
.labels--inline .select,
.labels--inline textarea,
.labels--inline .message,
.labels--inline .toggled {
    width: 100%;
    float: none;
  }

  .labels--inline button:first-of-type {
    margin-left: 0;
  }

  .labels--inline .checkbox,
.labels--inline .radio {
    margin-left: 0;
    width: 100%;
  }

  .inline-parent {
    display: block;
  }
  .inline-parent .inline-child, .inline-parent:last-child {
    margin-right: 0;
  }
  .inline-parent .inline-child--width-1,
.inline-parent .inline-child--width-2,
.inline-parent .inline-child--width-3,
.inline-parent .inline-child--width-4,
.inline-parent .inline-child--width-5,
.inline-parent .inline-child--width-6,
.inline-parent .inline-child--width-7,
.inline-parent .inline-child--width-8,
.inline-parent .inline-child--width-9 {
    width: 100%;
  }
}
/***********************************************
Inline elements
***********************************************/
.has-inline-elements {
  margin-top: 6px;
  position: relative;
  display: block;
  border-collapse: separate;
  width: 100%;
  align-items: flex-end;
}
.has-inline-elements input, .has-inline-elements textarea, .has-inline-elements select, .has-inline-elements .select {
  margin-top: 0;
}
.has-inline-elements .btn--container {
  margin: 6px 0 0;
  padding: 0;
  display: block;
  white-space: nowrap;
  vertical-align: bottom;
  align-self: flex-end;
}
.has-inline-elements .btn--container .btn {
  margin-top: 0;
}

/************ 
INPUT GROUPS 
***/
.input-group {
  display: table;
  vertical-align: middle;
  border-collapse: separate;
  width: 100%;
}
.input-group > input, .input-group > select {
  display: table-cell;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.input-group .input-group-addon {
  display: table-cell;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  text-align: center;
  background-color: #1a4857;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.input-group .input-group-addon:first-child {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .input-group-addon:last-child {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

input[type=submit] {
  background: #1a4857;
  color: #fff;
  cursor: pointer;
  width: auto;
  padding: 12px 25px;
}
input[type=submit]:hover, input[type=submit]:focus {
  background: #97c344;
}

/***********************************
Lists
***********************************/
ul, ol {
  margin: 0 0 0 16px;
  padding: 0;
  display: block;
}

ul ul, ul ol, ol ol, ol ul {
  margin-top: 1em;
  margin-left: 1em;
}

ol {
  padding-left: 10px;
}

li {
  padding: 0;
  margin: 0;
}

ul.list-chevron-circle {
  list-style: none;
  margin: 0;
}
ul.list-chevron-circle li {
  position: relative;
  padding: 0 0 0 20px;
}
ul.list-chevron-circle li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1rem;
  font-family: "FontAwesome";
  content: "";
}

.button-full, nav.woocommerce-MyAccount-navigation ul li a {
  width: 100%;
  display: block;
}

.button, .button-green > button, nav.woocommerce-MyAccount-navigation ul li a > button, .blog article .more-link > button, .button-green a, nav.woocommerce-MyAccount-navigation ul li a a, .blog article .more-link a, btn-green > button, btn-green a, .button-green:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li a:not([class*=vc_]), .blog article .more-link:not([class*=vc_]), btn-green:not([class*=vc_]), .button-red:not([class*=vc_]), .btn-red:not([class*=vc_]), .button-red > button, .button-red a, .btn-red > button, .btn-red a, .button-blue > button, .button-blue a, btn-blue > button, btn-blue a, .button-blue:not([class*=vc_]), btn-blue:not([class*=vc_]) {
  display: inline-block;
  cursor: pointer;
  min-height: 1em;
  line-height: 1em;
  margin: 0;
  padding: 0.75em 1.5em;
  background: #E0E1E2;
  color: rgba(0, 0, 0, 0.6);
  font-weight: bold;
  font-style: normal;
  outline: none;
  border: none;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  text-shadow: none;
  border-radius: 0;
}
.button:hover, .button-green > button:hover, nav.woocommerce-MyAccount-navigation ul li a > button:hover, .blog article .more-link > button:hover, .button-green a:hover, nav.woocommerce-MyAccount-navigation ul li a a:hover, .blog article .more-link a:hover, btn-green > button:hover, btn-green a:hover, .button-green:hover:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li a:hover:not([class*=vc_]), .blog article .more-link:hover:not([class*=vc_]), btn-green:hover:not([class*=vc_]), .button-red:hover:not([class*=vc_]), .btn-red:hover:not([class*=vc_]), .button-red > button:hover, .button-red a:hover, .btn-red > button:hover, .btn-red a:hover, .button-blue > button:hover, .button-blue a:hover, btn-blue > button:hover, btn-blue a:hover, .button-blue:hover:not([class*=vc_]), btn-blue:hover:not([class*=vc_]), .button:focus, .button-green > button:focus, nav.woocommerce-MyAccount-navigation ul li a > button:focus, .blog article .more-link > button:focus, .button-green a:focus, nav.woocommerce-MyAccount-navigation ul li a a:focus, .blog article .more-link a:focus, btn-green > button:focus, btn-green a:focus, .button-green:focus:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li a:focus:not([class*=vc_]), .blog article .more-link:focus:not([class*=vc_]), btn-green:focus:not([class*=vc_]), .button-red:focus:not([class*=vc_]), .btn-red:focus:not([class*=vc_]), .button-red > button:focus, .button-red a:focus, .btn-red > button:focus, .btn-red a:focus, .button-blue > button:focus, .button-blue a:focus, btn-blue > button:focus, btn-blue a:focus, .button-blue:focus:not([class*=vc_]), btn-blue:focus:not([class*=vc_]) {
  text-decoration: none;
  background-color: #CACBCD;
  background-image: none;
  color: rgba(0, 0, 0, 0.8);
  outline: none;
  box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.button:hover .icon, .button-green > button:hover .icon, nav.woocommerce-MyAccount-navigation ul li a > button:hover .icon, .blog article .more-link > button:hover .icon, .button-green a:hover .icon, nav.woocommerce-MyAccount-navigation ul li a a:hover .icon, .blog article .more-link a:hover .icon, btn-green > button:hover .icon, btn-green a:hover .icon, .button-green:hover:not([class*=vc_]) .icon, nav.woocommerce-MyAccount-navigation ul li a:hover:not([class*=vc_]) .icon, .blog article .more-link:hover:not([class*=vc_]) .icon, btn-green:hover:not([class*=vc_]) .icon, .button-red:hover:not([class*=vc_]) .icon, .btn-red:hover:not([class*=vc_]) .icon, .button-red > button:hover .icon, .button-red a:hover .icon, .btn-red > button:hover .icon, .btn-red a:hover .icon, .button-blue > button:hover .icon, .button-blue a:hover .icon, btn-blue > button:hover .icon, btn-blue a:hover .icon, .button-blue:hover:not([class*=vc_]) .icon, btn-blue:hover:not([class*=vc_]) .icon, .button:focus .icon, .button-green > button:focus .icon, nav.woocommerce-MyAccount-navigation ul li a > button:focus .icon, .blog article .more-link > button:focus .icon, .button-green a:focus .icon, nav.woocommerce-MyAccount-navigation ul li a a:focus .icon, .blog article .more-link a:focus .icon, btn-green > button:focus .icon, btn-green a:focus .icon, .button-green:focus:not([class*=vc_]) .icon, nav.woocommerce-MyAccount-navigation ul li a:focus:not([class*=vc_]) .icon, .blog article .more-link:focus:not([class*=vc_]) .icon, btn-green:focus:not([class*=vc_]) .icon, .button-red:focus:not([class*=vc_]) .icon, .btn-red:focus:not([class*=vc_]) .icon, .button-red > button:focus .icon, .button-red a:focus .icon, .btn-red > button:focus .icon, .btn-red a:focus .icon, .button-blue > button:focus .icon, .button-blue a:focus .icon, btn-blue > button:focus .icon, btn-blue a:focus .icon, .button-blue:focus:not([class*=vc_]) .icon, btn-blue:focus:not([class*=vc_]) .icon {
  opacity: 0.85;
}
.button:active, .button-green > button:active, nav.woocommerce-MyAccount-navigation ul li a > button:active, .blog article .more-link > button:active, .button-green a:active, nav.woocommerce-MyAccount-navigation ul li a a:active, .blog article .more-link a:active, btn-green > button:active, btn-green a:active, .button-green:active:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li a:active:not([class*=vc_]), .blog article .more-link:active:not([class*=vc_]), btn-green:active:not([class*=vc_]), .button-red:active:not([class*=vc_]), .btn-red:active:not([class*=vc_]), .button-red > button:active, .button-red a:active, .btn-red > button:active, .btn-red a:active, .button-blue > button:active, .button-blue a:active, btn-blue > button:active, btn-blue a:active, .button-blue:active:not([class*=vc_]), btn-blue:active:not([class*=vc_]) {
  text-decoration: none;
  background-color: #BABBBC;
  background-image: none;
  color: rgba(0, 0, 0, 0.9);
  box-shadow: 0px 0px 0px 1px transparent inset, none;
}
.button.active, .button-green > button.active, nav.woocommerce-MyAccount-navigation ul li a > button.active, .blog article .more-link > button.active, .button-green a.active, nav.woocommerce-MyAccount-navigation ul li a a.active, .blog article .more-link a.active, btn-green > button.active, btn-green a.active, .active.button-green:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li a.active:not([class*=vc_]), .blog article .active.more-link:not([class*=vc_]), btn-green.active:not([class*=vc_]), .active.button-red:not([class*=vc_]), .active.btn-red:not([class*=vc_]), .button-red > button.active, .button-red a.active, .btn-red > button.active, .btn-red a.active, .button-blue > button.active, .button-blue a.active, btn-blue > button.active, btn-blue a.active, .active.button-blue:not([class*=vc_]), btn-blue.active:not([class*=vc_]) {
  text-decoration: none;
  background-color: #C0C1C2;
  background-image: none;
  box-shadow: 0px 0px 0px 1px transparent inset;
  color: rgba(0, 0, 0, 0.95);
}
.button.active:hover, .button-green > button.active:hover, nav.woocommerce-MyAccount-navigation ul li a > button.active:hover, .blog article .more-link > button.active:hover, .button-green a.active:hover, nav.woocommerce-MyAccount-navigation ul li a a.active:hover, .blog article .more-link a.active:hover, btn-green > button.active:hover, btn-green a.active:hover, .active.button-green:hover:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li a.active:hover:not([class*=vc_]), .blog article .active.more-link:hover:not([class*=vc_]), btn-green.active:hover:not([class*=vc_]), .active.button-red:hover:not([class*=vc_]), .active.btn-red:hover:not([class*=vc_]), .button-red > button.active:hover, .button-red a.active:hover, .btn-red > button.active:hover, .btn-red a.active:hover, .button-blue > button.active:hover, .button-blue a.active:hover, btn-blue > button.active:hover, btn-blue a.active:hover, .active.button-blue:hover:not([class*=vc_]), btn-blue.active:hover:not([class*=vc_]) {
  background-color: #C0C1C2;
  color: rgba(0, 0, 0, 0.95);
}
.button.active:active, .button-green > button.active:active, nav.woocommerce-MyAccount-navigation ul li a > button.active:active, .blog article .more-link > button.active:active, .button-green a.active:active, nav.woocommerce-MyAccount-navigation ul li a a.active:active, .blog article .more-link a.active:active, btn-green > button.active:active, btn-green a.active:active, .active.button-green:active:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li a.active:active:not([class*=vc_]), .blog article .active.more-link:active:not([class*=vc_]), btn-green.active:active:not([class*=vc_]), .active.button-red:active:not([class*=vc_]), .active.btn-red:active:not([class*=vc_]), .button-red > button.active:active, .button-red a.active:active, .btn-red > button.active:active, .btn-red a.active:active, .button-blue > button.active:active, .button-blue a.active:active, btn-blue > button.active:active, btn-blue a.active:active, .active.button-blue:active:not([class*=vc_]), btn-blue.active:active:not([class*=vc_]) {
  background-color: #C0C1C2;
}

.button-blue:not([class*=vc_]), btn-blue:not([class*=vc_]) {
  background: #1a4857;
  color: #fff;
}
.button-blue:not([class*=vc_]):hover, .button-blue:not([class*=vc_]):focus, btn-blue:not([class*=vc_]):hover, btn-blue:not([class*=vc_]):focus {
  background: #030708;
  color: #fff;
}
.button-blue > button, .button-blue a, btn-blue > button, btn-blue a {
  background: #1a4857 !important;
  color: #fff !important;
}
.button-blue > button:hover, .button-blue > button:focus, .button-blue a:hover, .button-blue a:focus, btn-blue > button:hover, btn-blue > button:focus, btn-blue a:hover, btn-blue a:focus {
  background: #030708 !important;
  color: #fff !important;
}

.button-red > button, .button-red a, .btn-red > button, .btn-red a {
  background: #e95126 !important;
  color: #fff !important;
}
.button-red > button:hover, .button-red > button:focus, .button-red a:hover, .button-red a:focus, .btn-red > button:hover, .btn-red > button:focus, .btn-red a:hover, .btn-red a:focus {
  background: #992e10 !important;
  color: #fff !important;
}
.button-red:not([class*=vc_]), .btn-red:not([class*=vc_]) {
  background: #e95126;
  color: #fff;
}
.button-red:not([class*=vc_]):hover, .button-red:not([class*=vc_]):focus, .btn-red:not([class*=vc_]):hover, .btn-red:not([class*=vc_]):focus {
  background: #992e10;
  color: #fff;
}

.button-green:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li a:not([class*=vc_]), .blog article .more-link:not([class*=vc_]), btn-green:not([class*=vc_]) {
  background: #97c344;
  color: #fff;
}
.button-green:not([class*=vc_]):hover, nav.woocommerce-MyAccount-navigation ul li a:not([class*=vc_]):hover, .blog article .more-link:not([class*=vc_]):hover, .button-green:not([class*=vc_]):focus, nav.woocommerce-MyAccount-navigation ul li a:not([class*=vc_]):focus, .blog article .more-link:not([class*=vc_]):focus, btn-green:not([class*=vc_]):hover, btn-green:not([class*=vc_]):focus {
  background: #5d7a27;
  color: #fff;
}
.button-green > button, nav.woocommerce-MyAccount-navigation ul li a > button, .blog article .more-link > button, .button-green a, nav.woocommerce-MyAccount-navigation ul li a a, .blog article .more-link a, btn-green > button, btn-green a {
  background: #97c344 !important;
  color: #fff !important;
}
.button-green > button:hover, nav.woocommerce-MyAccount-navigation ul li a > button:hover, .blog article .more-link > button:hover, .button-green > button:focus, nav.woocommerce-MyAccount-navigation ul li a > button:focus, .blog article .more-link > button:focus, .button-green a:hover, nav.woocommerce-MyAccount-navigation ul li a a:hover, .blog article .more-link a:hover, .button-green a:focus, nav.woocommerce-MyAccount-navigation ul li a a:focus, .blog article .more-link a:focus, btn-green > button:hover, btn-green > button:focus, btn-green a:hover, btn-green a:focus {
  background: #5d7a27 !important;
  color: #fff !important;
}

/* Special buttons */
.btn-turn > button, .btn-turn > a,
.komp-btn-turn > button,
.komp-btn-turn > a,
.btn-fetidness > button,
.btn-fetidness > a,
.komp-btn-smell > button,
.komp-btn-smell > a,
.btn-efficiency > button,
.btn-efficiency > a,
.komp-btn-benefit > button,
.komp-btn-benefit > a {
  position: relative;
  padding-left: 40px !important;
  padding-right: 40px !important;
  background: #e95126 !important;
  color: #fff !important;
}
.btn-turn > button > i[class*=icon], .btn-turn > a > i[class*=icon],
.komp-btn-turn > button > i[class*=icon],
.komp-btn-turn > a > i[class*=icon],
.btn-fetidness > button > i[class*=icon],
.btn-fetidness > a > i[class*=icon],
.komp-btn-smell > button > i[class*=icon],
.komp-btn-smell > a > i[class*=icon],
.btn-efficiency > button > i[class*=icon],
.btn-efficiency > a > i[class*=icon],
.komp-btn-benefit > button > i[class*=icon],
.komp-btn-benefit > a > i[class*=icon] {
  font-size: 2rem !important;
  right: 10px !important;
}
.btn-turn > button:after, .btn-turn > a:after,
.komp-btn-turn > button:after,
.komp-btn-turn > a:after,
.btn-fetidness > button:after,
.btn-fetidness > a:after,
.komp-btn-smell > button:after,
.komp-btn-smell > a:after,
.btn-efficiency > button:after,
.btn-efficiency > a:after,
.komp-btn-benefit > button:after,
.komp-btn-benefit > a:after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 30px;
  bottom: 0;
  top: 0;
  left: 5px;
  background-image: url("../images/turn-btn.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.btn-turn > button:hover, .btn-turn > button:focus, .btn-turn > a:hover, .btn-turn > a:focus,
.komp-btn-turn > button:hover,
.komp-btn-turn > button:focus,
.komp-btn-turn > a:hover,
.komp-btn-turn > a:focus,
.btn-fetidness > button:hover,
.btn-fetidness > button:focus,
.btn-fetidness > a:hover,
.btn-fetidness > a:focus,
.komp-btn-smell > button:hover,
.komp-btn-smell > button:focus,
.komp-btn-smell > a:hover,
.komp-btn-smell > a:focus,
.btn-efficiency > button:hover,
.btn-efficiency > button:focus,
.btn-efficiency > a:hover,
.btn-efficiency > a:focus,
.komp-btn-benefit > button:hover,
.komp-btn-benefit > button:focus,
.komp-btn-benefit > a:hover,
.komp-btn-benefit > a:focus {
  background: #992e10 !important;
}

.komp-btn-smell > button, .komp-btn-smell > a,
.btn-fetidness > button,
.btn-fetidness > a {
  background: #97c344 !important;
}
.komp-btn-smell > button:after, .komp-btn-smell > a:after,
.btn-fetidness > button:after,
.btn-fetidness > a:after {
  background-image: url("../images/smell-btn.png");
}
.komp-btn-smell > button:hover, .komp-btn-smell > button:focus, .komp-btn-smell > a:hover, .komp-btn-smell > a:focus,
.btn-fetidness > button:hover,
.btn-fetidness > button:focus,
.btn-fetidness > a:hover,
.btn-fetidness > a:focus {
  background: #5d7a27 !important;
}

.btn-efficiency > button, .btn-efficiency > a,
.komp-btn-benefit > button,
.komp-btn-benefit > a {
  background: #1a4857 !important;
}
.btn-efficiency > button:after, .btn-efficiency > a:after,
.komp-btn-benefit > button:after,
.komp-btn-benefit > a:after {
  background-image: url("../images/benefit-btn.png");
}
.btn-efficiency > button:hover, .btn-efficiency > button:focus, .btn-efficiency > a:hover, .btn-efficiency > a:focus,
.komp-btn-benefit > button:hover,
.komp-btn-benefit > button:focus,
.komp-btn-benefit > a:hover,
.komp-btn-benefit > a:focus {
  background: #030708 !important;
}

.btn-turn {
  background: #e95126;
  color: #fff;
  display: block;
}
.btn-turn:hover, .btn-turn:focus {
  background: #992e10;
  color: #fff;
}

.btn-smell {
  background: #97c344;
  color: #fff;
  display: block;
}
.btn-smell:hover, .btn-smell:focus {
  background: #5d7a27;
  color: #fff;
}

.btn-performance {
  background: #1a4857;
  color: #fff;
  display: block;
}
.btn-performance:hover, .btn-performance:focus {
  background: #030708;
  color: #fff;
}

/***********************************************
Images
***********************************************/
img {
  border: 0;
  vertical-align: middle;
  border: none;
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
}

body.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 999999;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: hidden;
  /* Enable scroll if needed */
  overflow-y: scroll;
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  /* The Close Button */
}
.modal .modal-wrapper {
  position: relative;
  background-color: #fefefe;
  padding: 0;
  margin: 0 auto;
  max-width: 80%;
  top: 100%;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.modal .modal-loading {
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.modal.loading .modal-content {
  min-height: 150px;
}
.modal .modal-content {
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
  margin: 0;
  padding: 0;
  min-height: 150px;
}
.modal .modal-content-container > #main {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .modal .modal-content-container > #main {
    width: auto;
    max-width: 100%;
    min-width: auto;
  }
}
.modal .modal-top .modal-close {
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 30px;
  right: -10px;
  top: -10px;
  overflow: hidden;
  cursor: pointer;
  background: #e95126;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  z-index: 100;
}
.modal .modal-top .modal-close:hover {
  background: #1a4857;
}
.modal .modal-top .modal-close:before, .modal .modal-top .modal-close:after {
  content: "";
  position: absolute;
  height: 4px;
  width: 60%;
  top: 50%;
  left: 20%;
  margin-top: -2px;
  background: #fff;
}
.modal .modal-top .modal-close:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modal .modal-top .modal-close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modal.modal-slide {
  overflow-y: hidden;
}
.modal.modal-slide .modal-top {
  padding: 20px;
  text-align: right;
  border-bottom: 1px solid black;
}
.modal.modal-slide .modal-top .modal-close {
  display: inline-block;
  position: relative;
  top: 0;
  right: 0;
  background-color: #e95126;
  color: #fff;
}
.modal.modal-slide .modal-top .modal-close:hover, .modal.modal-slide .modal-top .modal-close:focus {
  background-color: #1a4857;
}
.modal.modal-slide .modal-wrapper {
  border: none;
  width: 100%;
  margin: 0;
  max-width: 100%;
}

.popup {
  display: none;
  position: absolute;
  top: auto;
  left: 0;
  margin: 10px 0 0 0;
  padding: 0.833em 1em;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  max-width: 350px;
  background: #fff;
  border: 1px solid #d4d4d5;
  font-size: 1em;
  line-height: 1.4285em;
  color: rgba(0, 0, 0, 0.87);
  z-index: 1900;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  -moz-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.popup:before {
  position: absolute;
  content: "";
  width: 0.71428571em;
  height: 0.71428571em;
  background: #FFFFFF;
  z-index: 2;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 1px 1px 0px 0px #bababc;
  -moz-box-shadow: 1px 1px 0px 0px #bababc;
  box-shadow: 1px 1px 0px 0px #bababc;
}
.popup.visible {
  display: block !important;
  visibility: visible !important;
}
.popup.hidden {
  display: none;
  visibility: hidden;
}

.bottom.right.popup {
  margin-right: 0em;
  right: 0;
  left: auto;
}

/*rtl:rename*/
.bottom.right.popup:before {
  top: -0.30714286em;
  right: 1em;
  bottom: auto;
  left: auto;
  margin-left: 0em;
  box-shadow: -1px -1px 0px 0px #bababc;
}

/*!
 * # Semantic UI 2.2.10 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Dropdown
*******************************/
.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*******************************
            Content
*******************************/
/*--------------
      Menu
---------------*/
.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0em;
  padding: 0em 0em;
  background: #FFFFFF;
  font-size: 1em;
  text-shadow: none;
  text-align: left;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  z-index: 11;
  will-change: transform, opacity;
}

.ui.dropdown .menu > * {
  white-space: nowrap;
}

/*--------------
  Hidden Input
---------------*/
.ui.dropdown > input:not(.search):first-child,
.ui.dropdown > select {
  display: none !important;
}

/*--------------
 Dropdown Icon
---------------*/
.ui.dropdown > .dropdown.icon {
  position: relative;
  width: auto;
  font-size: 0.85714286em;
  margin: 0em 0em 0em 1em;
}

.ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0em 0em 1em;
}

.ui.dropdown .menu > .item .dropdown.icon + .text {
  margin-right: 1em;
}

/*--------------
      Text
---------------*/
.ui.dropdown > .text {
  display: inline-block;
  -webkit-transition: none;
  transition: none;
  margin: 0;
}

/*--------------
    Menu Item
---------------*/
.ui.dropdown .menu > .item {
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  text-align: left;
  border-top: none;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.78571429rem 1.14285714rem !important;
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  box-shadow: none;
  -webkit-touch-callout: none;
}

.ui.dropdown .menu > .item:first-child {
  border-top-width: 0px;
}

/*--------------
  Floated Content
---------------*/
.ui.dropdown > .text > [class*="right floated"],
.ui.dropdown .menu .item > [class*="right floated"] {
  float: right !important;
  margin-right: 0em !important;
  margin-left: 1em !important;
}

.ui.dropdown > .text > [class*="left floated"],
.ui.dropdown .menu .item > [class*="left floated"] {
  float: left !important;
  margin-left: 0em !important;
  margin-right: 1em !important;
}

.ui.dropdown .menu .item > .icon.floated,
.ui.dropdown .menu .item > .flag.floated,
.ui.dropdown .menu .item > .image.floated,
.ui.dropdown .menu .item > img.floated {
  margin-top: 0em;
}

/*--------------
  Menu Divider
---------------*/
.ui.dropdown .menu > .header {
  margin: 1rem 0rem 0.75rem;
  padding: 0em 1.14285714rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.78571429em;
  font-weight: bold;
  text-transform: uppercase;
}

.ui.dropdown .menu > .divider {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  height: 0em;
  margin: 0.5em 0em;
}

.ui.dropdown .menu > .input {
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 1.14285714rem 0.78571429rem;
  min-width: 10rem;
}

.ui.dropdown .menu > .header + .input {
  margin-top: 0em;
}

.ui.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 1em;
}

.ui.dropdown .menu > .input:not(.transparent) .button, .ui.dropdown .menu > .input:not(.transparent) .button-blue:not([class*=vc_]), .ui.dropdown .menu > .input:not(.transparent) btn-blue:not([class*=vc_]), .ui.dropdown .menu > .input:not(.transparent) .button-blue > button, .ui.dropdown .menu > .input:not(.transparent) .button-blue a, .button-blue .ui.dropdown .menu > .input:not(.transparent) a, .ui.dropdown .menu > .input:not(.transparent) btn-blue > button, .ui.dropdown .menu > .input:not(.transparent) btn-blue a, btn-blue .ui.dropdown .menu > .input:not(.transparent) a, .ui.dropdown .menu > .input:not(.transparent) .button-red > button, .ui.dropdown .menu > .input:not(.transparent) .button-red a, .button-red .ui.dropdown .menu > .input:not(.transparent) a, .ui.dropdown .menu > .input:not(.transparent) .btn-red > button, .ui.dropdown .menu > .input:not(.transparent) .btn-red a, .btn-red .ui.dropdown .menu > .input:not(.transparent) a, .ui.dropdown .menu > .input:not(.transparent) .button-red:not([class*=vc_]), .ui.dropdown .menu > .input:not(.transparent) .btn-red:not([class*=vc_]), .ui.dropdown .menu > .input:not(.transparent) .button-green:not([class*=vc_]), .ui.dropdown .menu > .input:not(.transparent) nav.woocommerce-MyAccount-navigation ul li a:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li .ui.dropdown .menu > .input:not(.transparent) a:not([class*=vc_]), .ui.dropdown .menu > .input:not(.transparent) .blog article .more-link:not([class*=vc_]), .blog article .ui.dropdown .menu > .input:not(.transparent) .more-link:not([class*=vc_]), .ui.dropdown .menu > .input:not(.transparent) btn-green:not([class*=vc_]), .ui.dropdown .menu > .input:not(.transparent) .button-green > button, .ui.dropdown .menu > .input:not(.transparent) nav.woocommerce-MyAccount-navigation ul li a > button, nav.woocommerce-MyAccount-navigation ul li .ui.dropdown .menu > .input:not(.transparent) a > button, .ui.dropdown .menu > .input:not(.transparent) .blog article .more-link > button, .blog article .ui.dropdown .menu > .input:not(.transparent) .more-link > button, .ui.dropdown .menu > .input:not(.transparent) .button-green a, .ui.dropdown .menu > .input:not(.transparent) nav.woocommerce-MyAccount-navigation ul li a a, nav.woocommerce-MyAccount-navigation ul li .ui.dropdown .menu > .input:not(.transparent) a a, .ui.dropdown .menu > .input:not(.transparent) .blog article .more-link a, .blog article .ui.dropdown .menu > .input:not(.transparent) .more-link a, .button-green .ui.dropdown .menu > .input:not(.transparent) a, nav.woocommerce-MyAccount-navigation ul li a .ui.dropdown .menu > .input:not(.transparent) a, .blog article .more-link .ui.dropdown .menu > .input:not(.transparent) a, .ui.dropdown .menu > .input:not(.transparent) btn-green > button, .ui.dropdown .menu > .input:not(.transparent) btn-green a, btn-green .ui.dropdown .menu > .input:not(.transparent) a,
.ui.dropdown .menu > .input:not(.transparent) .icon,
.ui.dropdown .menu > .input:not(.transparent) .label {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

/*-----------------
  Item Description
-------------------*/
.ui.dropdown > .text > .description,
.ui.dropdown .menu > .item > .description {
  float: right;
  margin: 0em 0em 0em 1em;
  color: rgba(0, 0, 0, 0.4);
}

/*-----------------
       Message
-------------------*/
.ui.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
  font-weight: normal;
}

.ui.dropdown .menu > .message:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}

/*--------------
    Sub Menu
---------------*/
.ui.dropdown .menu .menu {
  top: 0% !important;
  left: 100% !important;
  right: auto !important;
  margin: 0em 0em 0em -0.5em !important;
  border-radius: 0.28571429rem !important;
  z-index: 21 !important;
}

/* Hide Arrow */
.ui.dropdown .menu .menu:after {
  display: none;
}

/*--------------
   Sub Elements
---------------*/
/* Icons / Flags / Labels / Image */
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image {
  margin-top: 0em;
}

.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-top: 0em;
}

.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-left: 0em;
  float: none;
  margin-right: 0.78571429rem;
}

/*--------------
     Image
---------------*/
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-height: 2em;
}

/*******************************
            Coupling
*******************************/
/*--------------
      Menu
---------------*/
/* Remove Menu Item Divider */
.ui.dropdown .ui.menu > .item:before,
.ui.menu .ui.dropdown .menu > .item:before {
  display: none;
}

/* Prevent Menu Item Border */
.ui.menu .ui.dropdown .menu .active.item {
  border-left: none;
}

/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0em;
}

/*--------------
      Label
---------------*/
/* Dropdown Menu */
.ui.label.dropdown .menu {
  min-width: 100%;
}

/*--------------
     Button
---------------*/
/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon, .ui.dropdown.icon.button-blue:not([class*=vc_]) > .dropdown.icon, btn-blue.ui.dropdown.icon:not([class*=vc_]) > .dropdown.icon, .button-blue > button.ui.dropdown.icon > .dropdown.icon, .button-blue a.ui.dropdown.icon > .dropdown.icon, btn-blue > button.ui.dropdown.icon > .dropdown.icon, btn-blue a.ui.dropdown.icon > .dropdown.icon, .button-red > button.ui.dropdown.icon > .dropdown.icon, .button-red a.ui.dropdown.icon > .dropdown.icon, .btn-red > button.ui.dropdown.icon > .dropdown.icon, .btn-red a.ui.dropdown.icon > .dropdown.icon, .ui.dropdown.icon.button-red:not([class*=vc_]) > .dropdown.icon, .ui.dropdown.icon.btn-red:not([class*=vc_]) > .dropdown.icon, .ui.dropdown.icon.button-green:not([class*=vc_]) > .dropdown.icon, nav.woocommerce-MyAccount-navigation ul li a.ui.dropdown.icon:not([class*=vc_]) > .dropdown.icon, .blog article .ui.dropdown.icon.more-link:not([class*=vc_]) > .dropdown.icon, btn-green.ui.dropdown.icon:not([class*=vc_]) > .dropdown.icon, .button-green > button.ui.dropdown.icon > .dropdown.icon, nav.woocommerce-MyAccount-navigation ul li a > button.ui.dropdown.icon > .dropdown.icon, .blog article .more-link > button.ui.dropdown.icon > .dropdown.icon, .button-green a.ui.dropdown.icon > .dropdown.icon, nav.woocommerce-MyAccount-navigation ul li a a.ui.dropdown.icon > .dropdown.icon, .blog article .more-link a.ui.dropdown.icon > .dropdown.icon, btn-green > button.ui.dropdown.icon > .dropdown.icon, btn-green a.ui.dropdown.icon > .dropdown.icon {
  margin: 0em;
}

.ui.button.dropdown .menu, .ui.dropdown.button-blue:not([class*=vc_]) .menu, btn-blue.ui.dropdown:not([class*=vc_]) .menu, .button-blue > button.ui.dropdown .menu, .button-blue a.ui.dropdown .menu, btn-blue > button.ui.dropdown .menu, btn-blue a.ui.dropdown .menu, .button-red > button.ui.dropdown .menu, .button-red a.ui.dropdown .menu, .btn-red > button.ui.dropdown .menu, .btn-red a.ui.dropdown .menu, .ui.dropdown.button-red:not([class*=vc_]) .menu, .ui.dropdown.btn-red:not([class*=vc_]) .menu, .ui.dropdown.button-green:not([class*=vc_]) .menu, nav.woocommerce-MyAccount-navigation ul li a.ui.dropdown:not([class*=vc_]) .menu, .blog article .ui.dropdown.more-link:not([class*=vc_]) .menu, btn-green.ui.dropdown:not([class*=vc_]) .menu, .button-green > button.ui.dropdown .menu, nav.woocommerce-MyAccount-navigation ul li a > button.ui.dropdown .menu, .blog article .more-link > button.ui.dropdown .menu, .button-green a.ui.dropdown .menu, nav.woocommerce-MyAccount-navigation ul li a a.ui.dropdown .menu, .blog article .more-link a.ui.dropdown .menu, btn-green > button.ui.dropdown .menu, btn-green a.ui.dropdown .menu {
  min-width: 100%;
}

/*******************************
              Types
*******************************/
/*--------------
    Selection
---------------*/
/* Displays like a select box */
.ui.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1em;
  white-space: normal;
  outline: 0;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  min-width: 14em;
  min-height: 2.71428571em;
  background: #FFFFFF;
  display: inline-block;
  padding: 0.78571429em 2.1em 0.78571429em 1em;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
}

.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
  z-index: 10;
}

select.ui.dropdown {
  height: 38px;
  padding: 0.5em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  visibility: visible;
}

.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
  cursor: pointer;
  position: absolute;
  width: auto;
  height: auto;
  line-height: 1.21428571em;
  top: 0.78571429em;
  right: 1em;
  z-index: 3;
  margin: -0.78571429em;
  padding: 0.78571429em;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

/* Compact */
.ui.compact.selection.dropdown {
  min-width: 0px;
}

/*  Selection Menu */
.ui.selection.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  border-top-width: 0px !important;
  width: auto;
  outline: none;
  margin: 0px -1px;
  min-width: calc(100% + 2px );
  width: calc(100% + 2px );
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none;
}

/*--------------
    Message
---------------*/
.ui.selection.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
}

@media only screen and (max-width: 767px) {
  .ui.selection.dropdown .menu {
    max-height: 8.01428571rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.selection.dropdown .menu {
    max-height: 10.68571429rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.selection.dropdown .menu {
    max-height: 16.02857143rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.selection.dropdown .menu {
    max-height: 21.37142857rem;
  }
}
/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: 1px solid #FAFAFA;
  padding: 0.78571429rem 1.14285714rem !important;
  white-space: normal;
  word-wrap: normal;
}

/* User Item */
.ui.selection.dropdown .menu > .hidden.addition.item {
  display: none;
}

/* Hover */
.ui.selection.dropdown:hover {
  border-color: rgba(34, 36, 38, 0.35);
  box-shadow: none;
}

/* Active */
.ui.selection.active.dropdown {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

.ui.selection.active.dropdown .menu {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

/* Focus */
.ui.selection.dropdown:focus {
  border-color: #96C8DA;
  box-shadow: none;
}

.ui.selection.dropdown:focus .menu {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

/* Visible */
.ui.selection.visible.dropdown > .text:not(.default) {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8);
}

/* Visible Hover */
.ui.selection.active.dropdown:hover {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

.ui.selection.active.dropdown:hover .menu {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

/* Dropdown Icon */
.ui.active.selection.dropdown > .dropdown.icon,
.ui.visible.selection.dropdown > .dropdown.icon {
  opacity: 1;
  z-index: 3;
}

/* Connecting Border */
.ui.active.selection.dropdown {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}

/* Empty Connecting Border */
.ui.active.empty.selection.dropdown {
  border-radius: 0.28571429rem !important;
  box-shadow: none !important;
}

.ui.active.empty.selection.dropdown .menu {
  border: none !important;
  box-shadow: none !important;
}

/*--------------
   Searchable
---------------*/
/* Search Selection */
.ui.search.dropdown {
  min-width: "";
}

/* Search Dropdown */
.ui.search.dropdown > input.search {
  background: none transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: text;
  top: 0em;
  left: 1px;
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: inherit;
}

/* Text Layering */
.ui.search.dropdown > input.search {
  position: absolute;
  z-index: 2;
}

.ui.search.dropdown > .text {
  cursor: text;
  position: relative;
  left: 1px;
  z-index: 3;
}

/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: 1.21428571em;
  padding: 0.67857143em 2.1em 0.67857143em 1em;
}

/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer {
  line-height: 1.21428571em;
  padding: 0.67857143em 2.1em 0.67857143em 1em;
  display: none;
  white-space: pre;
}

/* Active/Visible Search */
.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
  cursor: auto;
}

.ui.search.dropdown.active > .text,
.ui.search.dropdown.visible > .text {
  pointer-events: none;
}

/* Filtered Text */
.ui.active.search.dropdown input.search:focus + .text .icon,
.ui.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.45;
}

.ui.active.search.dropdown input.search:focus + .text {
  color: rgba(115, 115, 115, 0.87) !important;
}

/* Search Menu */
.ui.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 767px) {
  .ui.search.dropdown .menu {
    max-height: 8.01428571rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.search.dropdown .menu {
    max-height: 10.68571429rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.search.dropdown .menu {
    max-height: 16.02857143rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.search.dropdown .menu {
    max-height: 21.37142857rem;
  }
}
/*--------------
    Multiple
---------------*/
/* Multiple Selection */
.ui.multiple.dropdown {
  padding: 0.22619048em 2.1em 0.22619048em 0.35714286em;
}

.ui.multiple.dropdown .menu {
  cursor: auto;
}

/* Multiple Search Selection */
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
  cursor: text;
}

/* Selection Label */
.ui.multiple.dropdown > .label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  font-size: 1em;
  padding: 0.35714286em 0.78571429em;
  margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
}

/* Dropdown Icon */
.ui.multiple.dropdown .dropdown.icon {
  margin: "";
  padding: "";
}

/* Text */
.ui.multiple.dropdown > .text {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  line-height: 1.21428571em;
}

.ui.multiple.dropdown > .label ~ input.search {
  margin-left: 0.14285714em !important;
}

.ui.multiple.dropdown > .label ~ .text {
  display: none;
}

/*-----------------
  Multiple Search
-----------------*/
/* Prompt Text */
.ui.multiple.search.dropdown > .text {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  line-height: 1.21428571em;
}

.ui.multiple.search.dropdown > .label ~ .text {
  display: none;
}

/* Search */
.ui.multiple.search.dropdown > input.search {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  width: 2.2em;
  line-height: 1.21428571em;
}

/*--------------
     Inline
---------------*/
.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit;
}

.ui.inline.dropdown .dropdown.icon {
  margin: 0em 0.5em 0em 0.21428571em;
  vertical-align: baseline;
}

.ui.inline.dropdown > .text {
  font-weight: bold;
}

.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.21428571em;
  border-radius: 0.28571429rem;
}

/*******************************
            States
*******************************/
/*--------------------
        Active
----------------------*/
/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  box-shadow: none;
  z-index: 12;
}

/*--------------------
        Hover
----------------------*/
/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  z-index: 13;
}

/*--------------------
       Loading
---------------------*/
.ui.loading.dropdown > i.icon {
  height: 1em !important;
  padding: 1.14285714em 1.07142857em !important;
}

.ui.loading.dropdown > i.icon:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}

.ui.loading.dropdown > i.icon:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  box-shadow: 0px 0px 0px 1px transparent;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: dropdown-spin 0.6s linear;
  animation: dropdown-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
}

/* Coupling */
.ui.loading.dropdown.button > i.icon:before, .ui.loading.dropdown.button-blue:not([class*=vc_]) > i.icon:before, btn-blue.ui.loading.dropdown:not([class*=vc_]) > i.icon:before, .button-blue > button.ui.loading.dropdown > i.icon:before, .button-blue a.ui.loading.dropdown > i.icon:before, btn-blue > button.ui.loading.dropdown > i.icon:before, btn-blue a.ui.loading.dropdown > i.icon:before, .button-red > button.ui.loading.dropdown > i.icon:before, .button-red a.ui.loading.dropdown > i.icon:before, .btn-red > button.ui.loading.dropdown > i.icon:before, .btn-red a.ui.loading.dropdown > i.icon:before, .ui.loading.dropdown.button-red:not([class*=vc_]) > i.icon:before, .ui.loading.dropdown.btn-red:not([class*=vc_]) > i.icon:before, .ui.loading.dropdown.button-green:not([class*=vc_]) > i.icon:before, nav.woocommerce-MyAccount-navigation ul li a.ui.loading.dropdown:not([class*=vc_]) > i.icon:before, .blog article .ui.loading.dropdown.more-link:not([class*=vc_]) > i.icon:before, btn-green.ui.loading.dropdown:not([class*=vc_]) > i.icon:before, .button-green > button.ui.loading.dropdown > i.icon:before, nav.woocommerce-MyAccount-navigation ul li a > button.ui.loading.dropdown > i.icon:before, .blog article .more-link > button.ui.loading.dropdown > i.icon:before, .button-green a.ui.loading.dropdown > i.icon:before, nav.woocommerce-MyAccount-navigation ul li a a.ui.loading.dropdown > i.icon:before, .blog article .more-link a.ui.loading.dropdown > i.icon:before, btn-green > button.ui.loading.dropdown > i.icon:before, btn-green a.ui.loading.dropdown > i.icon:before,
.ui.loading.dropdown.button > i.icon:after,
.ui.loading.dropdown.button-blue:not([class*=vc_]) > i.icon:after,
btn-blue.ui.loading.dropdown:not([class*=vc_]) > i.icon:after,
.button-blue > button.ui.loading.dropdown > i.icon:after,
.button-blue a.ui.loading.dropdown > i.icon:after,
btn-blue > button.ui.loading.dropdown > i.icon:after,
btn-blue a.ui.loading.dropdown > i.icon:after,
.button-red > button.ui.loading.dropdown > i.icon:after,
.button-red a.ui.loading.dropdown > i.icon:after,
.btn-red > button.ui.loading.dropdown > i.icon:after,
.btn-red a.ui.loading.dropdown > i.icon:after,
.ui.loading.dropdown.button-red:not([class*=vc_]) > i.icon:after,
.ui.loading.dropdown.btn-red:not([class*=vc_]) > i.icon:after,
.ui.loading.dropdown.button-green:not([class*=vc_]) > i.icon:after,
nav.woocommerce-MyAccount-navigation ul li a.ui.loading.dropdown:not([class*=vc_]) > i.icon:after,
.blog article .ui.loading.dropdown.more-link:not([class*=vc_]) > i.icon:after,
btn-green.ui.loading.dropdown:not([class*=vc_]) > i.icon:after,
.button-green > button.ui.loading.dropdown > i.icon:after,
nav.woocommerce-MyAccount-navigation ul li a > button.ui.loading.dropdown > i.icon:after,
.blog article .more-link > button.ui.loading.dropdown > i.icon:after,
.button-green a.ui.loading.dropdown > i.icon:after,
nav.woocommerce-MyAccount-navigation ul li a a.ui.loading.dropdown > i.icon:after,
.blog article .more-link a.ui.loading.dropdown > i.icon:after,
btn-green > button.ui.loading.dropdown > i.icon:after,
btn-green a.ui.loading.dropdown > i.icon:after {
  display: none;
}

@-webkit-keyframes dropdown-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes dropdown-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*--------------------
     Default Text
----------------------*/
.ui.dropdown:not(.button):not(.button-blue:not([class*=vc_])):not(btn-blue:not([class*=vc_])):not(.button-red:not([class*=vc_])):not(.btn-red:not([class*=vc_])):not(.button-green:not([class*=vc_])):not(btn-green:not([class*=vc_])) > .default.text,
.ui.default.dropdown:not(.button):not(.button-blue:not([class*=vc_])):not(btn-blue:not([class*=vc_])):not(.button-red:not([class*=vc_])):not(.btn-red:not([class*=vc_])):not(.button-green:not([class*=vc_])):not(btn-green:not([class*=vc_])) > .text {
  color: rgba(191, 191, 191, 0.87);
}

.ui.dropdown:not(.button):not(.button-blue:not([class*=vc_])):not(btn-blue:not([class*=vc_])):not(.button-red:not([class*=vc_])):not(.btn-red:not([class*=vc_])):not(.button-green:not([class*=vc_])):not(btn-green:not([class*=vc_])) > input:focus + .default.text,
.ui.default.dropdown:not(.button):not(.button-blue:not([class*=vc_])):not(btn-blue:not([class*=vc_])):not(.button-red:not([class*=vc_])):not(.btn-red:not([class*=vc_])):not(.button-green:not([class*=vc_])):not(btn-green:not([class*=vc_])) > input:focus + .text {
  color: rgba(115, 115, 115, 0.87);
}

/*--------------------
        Loading
----------------------*/
.ui.loading.dropdown > .text {
  -webkit-transition: none;
  transition: none;
}

/* Used To Check Position */
.ui.dropdown .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1;
}

/*--------------------
    Keyboard Select
----------------------*/
/* Selected Item */
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
}

/*--------------------
    Search Filtered
----------------------*/
/* Filtered Item */
.ui.dropdown > .filtered.text {
  visibility: hidden;
}

.ui.dropdown .filtered.item {
  display: none !important;
}

/*--------------------
        Error
----------------------*/
.ui.dropdown.error,
.ui.dropdown.error > .text,
.ui.dropdown.error > .default.text {
  color: #9F3A38;
}

.ui.selection.dropdown.error {
  background: #FFF6F6;
  border-color: #E0B4B4;
}

.ui.selection.dropdown.error:hover {
  border-color: #E0B4B4;
}

.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  border-color: #E0B4B4;
}

.ui.dropdown.error > .menu > .item {
  color: #9F3A38;
}

.ui.multiple.selection.error.dropdown > .label {
  border-color: #E0B4B4;
}

/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
  background-color: #FFF2F2;
}

/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: #FDCFCF;
}

/*--------------------
        Disabled
----------------------*/
/* Disabled */
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  cursor: default;
  pointer-events: none;
  opacity: 0.45;
}

/*******************************
           Variations
*******************************/
/*--------------
    Direction
---------------*/
/* Flyout Direction */
.ui.dropdown .menu {
  left: 0px;
}

/* Default Side (Right) */
.ui.dropdown .right.menu > .menu,
.ui.dropdown .menu .right.menu {
  left: 100% !important;
  right: auto !important;
  border-radius: 0.28571429rem !important;
}

/* Left Flyout Menu */
.ui.dropdown > .left.menu .menu,
.ui.dropdown .menu .left.menu {
  left: auto !important;
  right: 100% !important;
  border-radius: 0.28571429rem !important;
}

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0.78571429rem 0em 0em;
}

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0.78571429rem 0em 0em;
}

.ui.dropdown .item .left.dropdown.icon + .text,
.ui.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 1em;
}

/*--------------
     Upward
---------------*/
/* Upward Main Menu */
.ui.upward.dropdown > .menu {
  top: auto;
  bottom: 100%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

/* Upward Sub Menu */
.ui.dropdown .upward.menu {
  top: auto !important;
  bottom: 0 !important;
}

/* Active Upward */
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
}

.ui.upward.dropdown.button:not(.pointing):not(.floating).active, .ui.upward.dropdown.button-blue:not(.pointing):not(.floating).active:not([class*=vc_]), btn-blue.ui.upward.dropdown:not(.pointing):not(.floating).active:not([class*=vc_]), .button-blue > button.ui.upward.dropdown:not(.pointing):not(.floating).active, .button-blue a.ui.upward.dropdown:not(.pointing):not(.floating).active, btn-blue > button.ui.upward.dropdown:not(.pointing):not(.floating).active, btn-blue a.ui.upward.dropdown:not(.pointing):not(.floating).active, .button-red > button.ui.upward.dropdown:not(.pointing):not(.floating).active, .button-red a.ui.upward.dropdown:not(.pointing):not(.floating).active, .btn-red > button.ui.upward.dropdown:not(.pointing):not(.floating).active, .btn-red a.ui.upward.dropdown:not(.pointing):not(.floating).active, .ui.upward.dropdown.button-red:not(.pointing):not(.floating).active:not([class*=vc_]), .ui.upward.dropdown.btn-red:not(.pointing):not(.floating).active:not([class*=vc_]), .ui.upward.dropdown.button-green:not(.pointing):not(.floating).active:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li a.ui.upward.dropdown:not(.pointing):not(.floating).active:not([class*=vc_]), .blog article .ui.upward.dropdown.more-link:not(.pointing):not(.floating).active:not([class*=vc_]), btn-green.ui.upward.dropdown:not(.pointing):not(.floating).active:not([class*=vc_]), .button-green > button.ui.upward.dropdown:not(.pointing):not(.floating).active, nav.woocommerce-MyAccount-navigation ul li a > button.ui.upward.dropdown:not(.pointing):not(.floating).active, .blog article .more-link > button.ui.upward.dropdown:not(.pointing):not(.floating).active, .button-green a.ui.upward.dropdown:not(.pointing):not(.floating).active, nav.woocommerce-MyAccount-navigation ul li a a.ui.upward.dropdown:not(.pointing):not(.floating).active, .blog article .more-link a.ui.upward.dropdown:not(.pointing):not(.floating).active, btn-green > button.ui.upward.dropdown:not(.pointing):not(.floating).active, btn-green a.ui.upward.dropdown:not(.pointing):not(.floating).active {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

/* Selection */
.ui.upward.selection.dropdown .menu {
  border-top-width: 1px !important;
  border-bottom-width: 0px !important;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}

.ui.upward.selection.dropdown:hover {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
}

/* Active Upward */
.ui.active.upward.selection.dropdown {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}

/* Visible Upward */
.ui.upward.selection.dropdown.visible {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}

/* Visible Hover Upward */
.ui.upward.active.selection.dropdown:hover {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
}

.ui.upward.active.selection.dropdown:hover .menu {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}

/*--------------
     Simple
---------------*/
/*  Selection Menu */
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
  overflow-x: hidden;
  overflow-y: auto;
}

.ui.scrolling.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  min-width: 100% !important;
  width: auto !important;
}

.ui.dropdown .scrolling.menu {
  position: static;
  overflow-y: auto;
  border: none;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  min-width: 100% !important;
  width: auto !important;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.scrolling.dropdown .menu .item.item.item,
.ui.dropdown .scrolling.menu > .item.item.item {
  border-top: none;
}

.ui.scrolling.dropdown .menu .item:first-child,
.ui.dropdown .scrolling.menu .item:first-child {
  border-top: none;
}

.ui.dropdown > .animating.menu .scrolling.menu,
.ui.dropdown > .visible.menu .scrolling.menu {
  display: block;
}

/* Scrollbar in IE */
@media all and (-ms-high-contrast: none) {
  .ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
    min-width: calc(100% - 17px );
  }
}
@media only screen and (max-width: 767px) {
  .ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
    max-height: 10.28571429rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
    max-height: 15.42857143rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
}
/*--------------
     Simple
---------------*/
/* Displays without javascript */
.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
  display: none;
}

.ui.simple.dropdown .menu {
  position: absolute;
  display: block;
  overflow: hidden;
  top: -9999px !important;
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}

.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100% !important;
  opacity: 1;
}

.ui.simple.dropdown > .menu > .item:active > .menu,
.ui.simple.dropdown:hover > .menu > .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0% !important;
  left: 100% !important;
  opacity: 1;
}

.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden;
}

/* Visible */
.ui.simple.visible.dropdown > .menu {
  display: block;
}

/*--------------
      Fluid
---------------*/
.ui.fluid.dropdown {
  display: block;
  width: 100%;
  min-width: 0em;
}

.ui.fluid.dropdown > .dropdown.icon {
  float: right;
}

/*--------------
    Floating
---------------*/
.ui.floating.dropdown .menu {
  left: 0;
  right: auto;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
  border-radius: 0.28571429rem !important;
}

.ui.floating.dropdown > .menu {
  margin-top: 0.5em !important;
  border-radius: 0.28571429rem !important;
}

/*--------------
     Pointing
---------------*/
.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: 0.78571429rem;
  border-radius: 0.28571429rem;
}

.ui.pointing.dropdown > .menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: "";
  visibility: visible;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  box-shadow: -1px -1px 0px 1px rgba(34, 36, 38, 0.15);
  background: #FFFFFF;
  z-index: 2;
}

.ui.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 50%;
  margin: 0em 0em 0em -0.25em;
}

/* Top Left Pointing */
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em;
}

.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em;
}

.ui.top.left.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 1em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Top Right  Pointing */
.ui.top.right.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: 1em 0em 0em;
}

.ui.top.right.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: auto;
  right: 1em;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Left Pointing */
.ui.left.pointing.dropdown > .menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em 1em;
}

.ui.left.pointing.dropdown > .menu:after {
  top: 1em;
  left: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Right Pointing */
.ui.right.pointing.dropdown > .menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em 1em 0em 0em;
}

.ui.right.pointing.dropdown > .menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

/* Bottom Pointing */
.ui.bottom.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  left: 0%;
  right: auto;
  margin: 0em 0em 1em;
}

.ui.bottom.pointing.dropdown > .menu:after {
  top: auto;
  bottom: -0.25em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Reverse Sub-Menu Direction */
.ui.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0px !important;
}

/* Bottom Left */
.ui.bottom.left.pointing.dropdown > .menu {
  left: 0%;
  right: auto;
}

.ui.bottom.left.pointing.dropdown > .menu:after {
  left: 1em;
  right: auto;
}

/* Bottom Right */
.ui.bottom.right.pointing.dropdown > .menu {
  right: 0%;
  left: auto;
}

.ui.bottom.right.pointing.dropdown > .menu:after {
  left: auto;
  right: 1em;
}

/* Upward pointing */
.ui.upward.pointing.dropdown > .menu,
.ui.upward.top.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  margin: 0em 0em 0.78571429rem;
  border-radius: 0.28571429rem;
}

.ui.upward.pointing.dropdown > .menu:after,
.ui.upward.top.pointing.dropdown > .menu:after {
  top: 100%;
  bottom: auto;
  box-shadow: 1px 1px 0px 1px rgba(34, 36, 38, 0.15);
  margin: -0.25em 0em 0em;
}

/* Right Pointing Upward */
.ui.upward.right.pointing.dropdown:not(.top):not(.bottom) > .menu {
  top: auto;
  bottom: 0;
  margin: 0em 1em 0em 0em;
}

.ui.upward.right.pointing.dropdown:not(.top):not(.bottom) > .menu:after {
  top: auto;
  bottom: 0;
  margin: 0em 0em 1em 0em;
  box-shadow: -1px -1px 0px 1px rgba(34, 36, 38, 0.15);
}

/* Left Pointing Upward */
.ui.upward.left.pointing.dropdown:not(.top):not(.bottom) > .menu {
  top: auto;
  bottom: 0;
  margin: 0em 0em 0em 1em;
}

.ui.upward.left.pointing.dropdown:not(.top):not(.bottom) > .menu:after {
  top: auto;
  bottom: 0;
  margin: 0em 0em 1em 0em;
  box-shadow: -1px -1px 0px 1px rgba(34, 36, 38, 0.15);
}

/*******************************
         Theme Overrides
*******************************/
/* Dropdown Carets */
.ui.dropdown > .dropdown.icon {
  font-family: "FontAwesome";
  line-height: 1;
  height: 1em;
  width: 1.23em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}

.ui.dropdown > .dropdown.icon {
  width: auto;
}

.ui.dropdown > .dropdown.icon:before {
  content: "";
}

/******************************************************/
/* Icons for Reference
.dropdown.down.icon {
  content: "\f0d7";
}
.dropdown.up.icon {
  content: "\f0d8";
}
.dropdown.left.icon {
  content: "\f0d9";
}
.dropdown.icon.icon {
  content: "\f0da";
}
*/
/*******************************
        User Overrides
*******************************/
/*!
 * # Semantic UI 2.2.10 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
          Transitions
*******************************/
.transition {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*******************************
            States
*******************************/
/* Animating */
.animating.transition {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  visibility: visible !important;
}

/* Loading */
.loading.transition {
  position: absolute;
  top: -99999px;
  left: -99999px;
}

/* Hidden */
.hidden.transition {
  display: none;
  visibility: hidden;
}

/* Visible */
.visible.transition {
  display: block !important;
  visibility: visible !important;
  /*  backface-visibility: @backfaceVisibility;
    transform: @use3DAcceleration;*/
}

/* Disabled */
.disabled.transition {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

/*******************************
          Variations
*******************************/
.looping.transition {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/*******************************
          Transitions
*******************************/
/*
  Some transitions adapted from Animate CSS
  https://github.com/daneden/animate.css

  Additional transitions adapted from Glide
  by Nick Pettit - https://github.com/nickpettit/glide
*/
/*--------------
     Browse
---------------*/
.transition.browse {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.transition.browse.in {
  -webkit-animation-name: browseIn;
  animation-name: browseIn;
}

.transition.browse.out,
.transition.browse.left.out {
  -webkit-animation-name: browseOutLeft;
  animation-name: browseOutLeft;
}

.transition.browse.right.out {
  -webkit-animation-name: browseOutRight;
  animation-name: browseOutRight;
}

/* In */
@-webkit-keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }
  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }
  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }
  100% {
    -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}
@keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }
  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }
  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }
  100% {
    -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}
/* Out */
@-webkit-keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
@keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
@-webkit-keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
@keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
/*--------------
     Drop
---------------*/
.drop.transition {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
  animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
}

.drop.transition.in {
  -webkit-animation-name: dropIn;
  animation-name: dropIn;
}

.drop.transition.out {
  -webkit-animation-name: dropOut;
  animation-name: dropOut;
}

/* Drop */
@-webkit-keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
/*--------------
      Fade
---------------*/
.transition.fade.in {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.transition[class*="fade up"].in {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.transition[class*="fade down"].in {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.transition[class*="fade left"].in {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.transition[class*="fade right"].in {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.transition.fade.out {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

.transition[class*="fade up"].out {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

.transition[class*="fade down"].out {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

.transition[class*="fade left"].out {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

.transition[class*="fade right"].out {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

/* In */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
/* Out */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
    transform: translateX(5%);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
    transform: translateX(5%);
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
  }
}
/*--------------
     Flips
---------------*/
.flip.transition.in,
.flip.transition.out {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
}

.horizontal.flip.transition.in {
  -webkit-animation-name: horizontalFlipIn;
  animation-name: horizontalFlipIn;
}

.horizontal.flip.transition.out {
  -webkit-animation-name: horizontalFlipOut;
  animation-name: horizontalFlipOut;
}

.vertical.flip.transition.in {
  -webkit-animation-name: verticalFlipIn;
  animation-name: verticalFlipIn;
}

.vertical.flip.transition.out {
  -webkit-animation-name: verticalFlipOut;
  animation-name: verticalFlipOut;
}

/* In */
@-webkit-keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}
/* Out */
@-webkit-keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}
@keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}
/*--------------
      Scale
---------------*/
.scale.transition.in {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

.scale.transition.out {
  -webkit-animation-name: scaleOut;
  animation-name: scaleOut;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* Out */
@-webkit-keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
/*--------------
      Fly
---------------*/
/* Inward */
.transition.fly {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.transition.fly.in {
  -webkit-animation-name: flyIn;
  animation-name: flyIn;
}

.transition[class*="fly up"].in {
  -webkit-animation-name: flyInUp;
  animation-name: flyInUp;
}

.transition[class*="fly down"].in {
  -webkit-animation-name: flyInDown;
  animation-name: flyInDown;
}

.transition[class*="fly left"].in {
  -webkit-animation-name: flyInLeft;
  animation-name: flyInLeft;
}

.transition[class*="fly right"].in {
  -webkit-animation-name: flyInRight;
  animation-name: flyInRight;
}

/* Outward */
.transition.fly.out {
  -webkit-animation-name: flyOut;
  animation-name: flyOut;
}

.transition[class*="fly up"].out {
  -webkit-animation-name: flyOutUp;
  animation-name: flyOutUp;
}

.transition[class*="fly down"].out {
  -webkit-animation-name: flyOutDown;
  animation-name: flyOutDown;
}

.transition[class*="fly left"].out {
  -webkit-animation-name: flyOutLeft;
  animation-name: flyOutLeft;
}

.transition[class*="fly right"].out {
  -webkit-animation-name: flyOutRight;
  animation-name: flyOutRight;
}

/* In */
@-webkit-keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
/* Out */
@-webkit-keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-webkit-keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@-webkit-keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
/*--------------
     Slide
---------------*/
.transition.slide.in,
.transition[class*="slide down"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="slide up"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="slide left"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="slide right"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.transition.slide.out,
.transition[class*="slide down"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="slide up"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="slide left"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="slide right"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

/* In */
@-webkit-keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
/* Out */
@-webkit-keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-webkit-keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}
@keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}
/*--------------
     Swing
---------------*/
.transition.swing {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.transition[class*="swing down"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="swing up"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="swing left"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="swing right"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.transition.swing.out,
.transition[class*="swing down"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="swing up"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="swing left"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="swing right"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

/* In */
@-webkit-keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
}
@keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
}
@-webkit-keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
}
@keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
}
/* Out */
@-webkit-keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}
@keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}
/*******************************
       Static Animations
*******************************/
/*--------------
    Emphasis
---------------*/
.flash.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: flash;
  animation-name: flash;
}

.shake.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: shake;
  animation-name: shake;
}

.bounce.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

.tada.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: tada;
  animation-name: tada;
}

.pulse.transition {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

.jiggle.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: jiggle;
  animation-name: jiggle;
}

/* Flash */
@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
/* Shake */
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
/* Bounce */
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
/* Tada */
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
/* Pulse */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
/* Rubberband */
@-webkit-keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.2.10 - Flag
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
             Flag
*******************************/
i.flag:not(.icon) {
  display: inline-block;
  width: 16px;
  height: 11px;
  line-height: 11px;
  vertical-align: baseline;
  margin: 0em 0.5em 0em 0em;
  text-decoration: inherit;
  speak: none;
  font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Sprite */
i.flag:not(.icon):before {
  display: inline-block;
  content: "";
  background: url("../images/flags.png") no-repeat -108px -1976px;
  width: 16px;
  height: 11px;
}

/* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */
/*******************************
         Theme Overrides
*******************************/
i.flag.ad:before,
i.flag.andorra:before {
  background-position: 0px 0px;
}

i.flag.ae:before,
i.flag.united.arab.emirates:before,
i.flag.uae:before {
  background-position: 0px -26px;
}

i.flag.af:before,
i.flag.afghanistan:before {
  background-position: 0px -52px;
}

i.flag.ag:before,
i.flag.antigua:before {
  background-position: 0px -78px;
}

i.flag.ai:before,
i.flag.anguilla:before {
  background-position: 0px -104px;
}

i.flag.al:before,
i.flag.albania:before {
  background-position: 0px -130px;
}

i.flag.am:before,
i.flag.armenia:before {
  background-position: 0px -156px;
}

i.flag.an:before,
i.flag.netherlands.antilles:before {
  background-position: 0px -182px;
}

i.flag.ao:before,
i.flag.angola:before {
  background-position: 0px -208px;
}

i.flag.ar:before,
i.flag.argentina:before {
  background-position: 0px -234px;
}

i.flag.as:before,
i.flag.american.samoa:before {
  background-position: 0px -260px;
}

i.flag.at:before,
i.flag.austria:before {
  background-position: 0px -286px;
}

i.flag.au:before,
i.flag.australia:before {
  background-position: 0px -312px;
}

i.flag.aw:before,
i.flag.aruba:before {
  background-position: 0px -338px;
}

i.flag.ax:before,
i.flag.aland.islands:before {
  background-position: 0px -364px;
}

i.flag.az:before,
i.flag.azerbaijan:before {
  background-position: 0px -390px;
}

i.flag.ba:before,
i.flag.bosnia:before {
  background-position: 0px -416px;
}

i.flag.bb:before,
i.flag.barbados:before {
  background-position: 0px -442px;
}

i.flag.bd:before,
i.flag.bangladesh:before {
  background-position: 0px -468px;
}

i.flag.be:before,
i.flag.belgium:before {
  background-position: 0px -494px;
}

i.flag.bf:before,
i.flag.burkina.faso:before {
  background-position: 0px -520px;
}

i.flag.bg:before,
i.flag.bulgaria:before {
  background-position: 0px -546px;
}

i.flag.bh:before,
i.flag.bahrain:before {
  background-position: 0px -572px;
}

i.flag.bi:before,
i.flag.burundi:before {
  background-position: 0px -598px;
}

i.flag.bj:before,
i.flag.benin:before {
  background-position: 0px -624px;
}

i.flag.bm:before,
i.flag.bermuda:before {
  background-position: 0px -650px;
}

i.flag.bn:before,
i.flag.brunei:before {
  background-position: 0px -676px;
}

i.flag.bo:before,
i.flag.bolivia:before {
  background-position: 0px -702px;
}

i.flag.br:before,
i.flag.brazil:before {
  background-position: 0px -728px;
}

i.flag.bs:before,
i.flag.bahamas:before {
  background-position: 0px -754px;
}

i.flag.bt:before,
i.flag.bhutan:before {
  background-position: 0px -780px;
}

i.flag.bv:before,
i.flag.bouvet.island:before {
  background-position: 0px -806px;
}

i.flag.bw:before,
i.flag.botswana:before {
  background-position: 0px -832px;
}

i.flag.by:before,
i.flag.belarus:before {
  background-position: 0px -858px;
}

i.flag.bz:before,
i.flag.belize:before {
  background-position: 0px -884px;
}

i.flag.ca:before,
i.flag.canada:before {
  background-position: 0px -910px;
}

i.flag.cc:before,
i.flag.cocos.islands:before {
  background-position: 0px -962px;
}

i.flag.cd:before,
i.flag.congo:before {
  background-position: 0px -988px;
}

i.flag.cf:before,
i.flag.central.african.republic:before {
  background-position: 0px -1014px;
}

i.flag.cg:before,
i.flag.congo.brazzaville:before {
  background-position: 0px -1040px;
}

i.flag.ch:before,
i.flag.switzerland:before {
  background-position: 0px -1066px;
}

i.flag.ci:before,
i.flag.cote.divoire:before {
  background-position: 0px -1092px;
}

i.flag.ck:before,
i.flag.cook.islands:before {
  background-position: 0px -1118px;
}

i.flag.cl:before,
i.flag.chile:before {
  background-position: 0px -1144px;
}

i.flag.cm:before,
i.flag.cameroon:before {
  background-position: 0px -1170px;
}

i.flag.cn:before,
i.flag.china:before {
  background-position: 0px -1196px;
}

i.flag.co:before,
i.flag.colombia:before {
  background-position: 0px -1222px;
}

i.flag.cr:before,
i.flag.costa.rica:before {
  background-position: 0px -1248px;
}

i.flag.cs:before,
i.flag.serbia:before {
  background-position: 0px -1274px;
}

i.flag.cu:before,
i.flag.cuba:before {
  background-position: 0px -1300px;
}

i.flag.cv:before,
i.flag.cape.verde:before {
  background-position: 0px -1326px;
}

i.flag.cx:before,
i.flag.christmas.island:before {
  background-position: 0px -1352px;
}

i.flag.cy:before,
i.flag.cyprus:before {
  background-position: 0px -1378px;
}

i.flag.cz:before,
i.flag.czech.republic:before {
  background-position: 0px -1404px;
}

i.flag.de:before,
i.flag.germany:before {
  background-position: 0px -1430px;
}

i.flag.dj:before,
i.flag.djibouti:before {
  background-position: 0px -1456px;
}

i.flag.dk:before,
i.flag.denmark:before {
  background-position: 0px -1482px;
}

i.flag.dm:before,
i.flag.dominica:before {
  background-position: 0px -1508px;
}

i.flag.do:before,
i.flag.dominican.republic:before {
  background-position: 0px -1534px;
}

i.flag.dz:before,
i.flag.algeria:before {
  background-position: 0px -1560px;
}

i.flag.ec:before,
i.flag.ecuador:before {
  background-position: 0px -1586px;
}

i.flag.ee:before,
i.flag.estonia:before {
  background-position: 0px -1612px;
}

i.flag.eg:before,
i.flag.egypt:before {
  background-position: 0px -1638px;
}

i.flag.eh:before,
i.flag.western.sahara:before {
  background-position: 0px -1664px;
}

i.flag.er:before,
i.flag.eritrea:before {
  background-position: 0px -1716px;
}

i.flag.es:before,
i.flag.spain:before {
  background-position: 0px -1742px;
}

i.flag.et:before,
i.flag.ethiopia:before {
  background-position: 0px -1768px;
}

i.flag.eu:before,
i.flag.european.union:before {
  background-position: 0px -1794px;
}

i.flag.fi:before,
i.flag.finland:before {
  background-position: 0px -1846px;
}

i.flag.fj:before,
i.flag.fiji:before {
  background-position: 0px -1872px;
}

i.flag.fk:before,
i.flag.falkland.islands:before {
  background-position: 0px -1898px;
}

i.flag.fm:before,
i.flag.micronesia:before {
  background-position: 0px -1924px;
}

i.flag.fo:before,
i.flag.faroe.islands:before {
  background-position: 0px -1950px;
}

i.flag.fr:before,
i.flag.france:before {
  background-position: 0px -1976px;
}

i.flag.ga:before,
i.flag.gabon:before {
  background-position: -36px 0px;
}

i.flag.gb:before,
i.flag.united.kingdom:before {
  background-position: -36px -26px;
}

i.flag.gd:before,
i.flag.grenada:before {
  background-position: -36px -52px;
}

i.flag.ge:before,
i.flag.georgia:before {
  background-position: -36px -78px;
}

i.flag.gf:before,
i.flag.french.guiana:before {
  background-position: -36px -104px;
}

i.flag.gh:before,
i.flag.ghana:before {
  background-position: -36px -130px;
}

i.flag.gi:before,
i.flag.gibraltar:before {
  background-position: -36px -156px;
}

i.flag.gl:before,
i.flag.greenland:before {
  background-position: -36px -182px;
}

i.flag.gm:before,
i.flag.gambia:before {
  background-position: -36px -208px;
}

i.flag.gn:before,
i.flag.guinea:before {
  background-position: -36px -234px;
}

i.flag.gp:before,
i.flag.guadeloupe:before {
  background-position: -36px -260px;
}

i.flag.gq:before,
i.flag.equatorial.guinea:before {
  background-position: -36px -286px;
}

i.flag.gr:before,
i.flag.greece:before {
  background-position: -36px -312px;
}

i.flag.gs:before,
i.flag.sandwich.islands:before {
  background-position: -36px -338px;
}

i.flag.gt:before,
i.flag.guatemala:before {
  background-position: -36px -364px;
}

i.flag.gu:before,
i.flag.guam:before {
  background-position: -36px -390px;
}

i.flag.gw:before,
i.flag.guinea-bissau:before {
  background-position: -36px -416px;
}

i.flag.gy:before,
i.flag.guyana:before {
  background-position: -36px -442px;
}

i.flag.hk:before,
i.flag.hong.kong:before {
  background-position: -36px -468px;
}

i.flag.hm:before,
i.flag.heard.island:before {
  background-position: -36px -494px;
}

i.flag.hn:before,
i.flag.honduras:before {
  background-position: -36px -520px;
}

i.flag.hr:before,
i.flag.croatia:before {
  background-position: -36px -546px;
}

i.flag.ht:before,
i.flag.haiti:before {
  background-position: -36px -572px;
}

i.flag.hu:before,
i.flag.hungary:before {
  background-position: -36px -598px;
}

i.flag.id:before,
i.flag.indonesia:before {
  background-position: -36px -624px;
}

i.flag.ie:before,
i.flag.ireland:before {
  background-position: -36px -650px;
}

i.flag.il:before,
i.flag.israel:before {
  background-position: -36px -676px;
}

i.flag.in:before,
i.flag.india:before {
  background-position: -36px -702px;
}

i.flag.io:before,
i.flag.indian.ocean.territory:before {
  background-position: -36px -728px;
}

i.flag.iq:before,
i.flag.iraq:before {
  background-position: -36px -754px;
}

i.flag.ir:before,
i.flag.iran:before {
  background-position: -36px -780px;
}

i.flag.is:before,
i.flag.iceland:before {
  background-position: -36px -806px;
}

i.flag.it:before,
i.flag.italy:before {
  background-position: -36px -832px;
}

i.flag.jm:before,
i.flag.jamaica:before {
  background-position: -36px -858px;
}

i.flag.jo:before,
i.flag.jordan:before {
  background-position: -36px -884px;
}

i.flag.jp:before,
i.flag.japan:before {
  background-position: -36px -910px;
}

i.flag.ke:before,
i.flag.kenya:before {
  background-position: -36px -936px;
}

i.flag.kg:before,
i.flag.kyrgyzstan:before {
  background-position: -36px -962px;
}

i.flag.kh:before,
i.flag.cambodia:before {
  background-position: -36px -988px;
}

i.flag.ki:before,
i.flag.kiribati:before {
  background-position: -36px -1014px;
}

i.flag.km:before,
i.flag.comoros:before {
  background-position: -36px -1040px;
}

i.flag.kn:before,
i.flag.saint.kitts.and.nevis:before {
  background-position: -36px -1066px;
}

i.flag.kp:before,
i.flag.north.korea:before {
  background-position: -36px -1092px;
}

i.flag.kr:before,
i.flag.south.korea:before {
  background-position: -36px -1118px;
}

i.flag.kw:before,
i.flag.kuwait:before {
  background-position: -36px -1144px;
}

i.flag.ky:before,
i.flag.cayman.islands:before {
  background-position: -36px -1170px;
}

i.flag.kz:before,
i.flag.kazakhstan:before {
  background-position: -36px -1196px;
}

i.flag.la:before,
i.flag.laos:before {
  background-position: -36px -1222px;
}

i.flag.lb:before,
i.flag.lebanon:before {
  background-position: -36px -1248px;
}

i.flag.lc:before,
i.flag.saint.lucia:before {
  background-position: -36px -1274px;
}

i.flag.li:before,
i.flag.liechtenstein:before {
  background-position: -36px -1300px;
}

i.flag.lk:before,
i.flag.sri.lanka:before {
  background-position: -36px -1326px;
}

i.flag.lr:before,
i.flag.liberia:before {
  background-position: -36px -1352px;
}

i.flag.ls:before,
i.flag.lesotho:before {
  background-position: -36px -1378px;
}

i.flag.lt:before,
i.flag.lithuania:before {
  background-position: -36px -1404px;
}

i.flag.lu:before,
i.flag.luxembourg:before {
  background-position: -36px -1430px;
}

i.flag.lv:before,
i.flag.latvia:before {
  background-position: -36px -1456px;
}

i.flag.ly:before,
i.flag.libya:before {
  background-position: -36px -1482px;
}

i.flag.ma:before,
i.flag.morocco:before {
  background-position: -36px -1508px;
}

i.flag.mc:before,
i.flag.monaco:before {
  background-position: -36px -1534px;
}

i.flag.md:before,
i.flag.moldova:before {
  background-position: -36px -1560px;
}

i.flag.me:before,
i.flag.montenegro:before {
  background-position: -36px -1586px;
}

i.flag.mg:before,
i.flag.madagascar:before {
  background-position: -36px -1613px;
}

i.flag.mh:before,
i.flag.marshall.islands:before {
  background-position: -36px -1639px;
}

i.flag.mk:before,
i.flag.macedonia:before {
  background-position: -36px -1665px;
}

i.flag.ml:before,
i.flag.mali:before {
  background-position: -36px -1691px;
}

i.flag.mm:before,
i.flag.myanmar:before,
i.flag.burma:before {
  background-position: -73px -1821px;
}

i.flag.mn:before,
i.flag.mongolia:before {
  background-position: -36px -1743px;
}

i.flag.mo:before,
i.flag.macau:before {
  background-position: -36px -1769px;
}

i.flag.mp:before,
i.flag.northern.mariana.islands:before {
  background-position: -36px -1795px;
}

i.flag.mq:before,
i.flag.martinique:before {
  background-position: -36px -1821px;
}

i.flag.mr:before,
i.flag.mauritania:before {
  background-position: -36px -1847px;
}

i.flag.ms:before,
i.flag.montserrat:before {
  background-position: -36px -1873px;
}

i.flag.mt:before,
i.flag.malta:before {
  background-position: -36px -1899px;
}

i.flag.mu:before,
i.flag.mauritius:before {
  background-position: -36px -1925px;
}

i.flag.mv:before,
i.flag.maldives:before {
  background-position: -36px -1951px;
}

i.flag.mw:before,
i.flag.malawi:before {
  background-position: -36px -1977px;
}

i.flag.mx:before,
i.flag.mexico:before {
  background-position: -72px 0px;
}

i.flag.my:before,
i.flag.malaysia:before {
  background-position: -72px -26px;
}

i.flag.mz:before,
i.flag.mozambique:before {
  background-position: -72px -52px;
}

i.flag.na:before,
i.flag.namibia:before {
  background-position: -72px -78px;
}

i.flag.nc:before,
i.flag.new.caledonia:before {
  background-position: -72px -104px;
}

i.flag.ne:before,
i.flag.niger:before {
  background-position: -72px -130px;
}

i.flag.nf:before,
i.flag.norfolk.island:before {
  background-position: -72px -156px;
}

i.flag.ng:before,
i.flag.nigeria:before {
  background-position: -72px -182px;
}

i.flag.ni:before,
i.flag.nicaragua:before {
  background-position: -72px -208px;
}

i.flag.nl:before,
i.flag.netherlands:before {
  background-position: -72px -234px;
}

i.flag.no:before,
i.flag.norway:before {
  background-position: -72px -260px;
}

i.flag.np:before,
i.flag.nepal:before {
  background-position: -72px -286px;
}

i.flag.nr:before,
i.flag.nauru:before {
  background-position: -72px -312px;
}

i.flag.nu:before,
i.flag.niue:before {
  background-position: -72px -338px;
}

i.flag.nz:before,
i.flag.new.zealand:before {
  background-position: -72px -364px;
}

i.flag.om:before,
i.flag.oman:before {
  background-position: -72px -390px;
}

i.flag.pa:before,
i.flag.panama:before {
  background-position: -72px -416px;
}

i.flag.pe:before,
i.flag.peru:before {
  background-position: -72px -442px;
}

i.flag.pf:before,
i.flag.french.polynesia:before {
  background-position: -72px -468px;
}

i.flag.pg:before,
i.flag.new.guinea:before {
  background-position: -72px -494px;
}

i.flag.ph:before,
i.flag.philippines:before {
  background-position: -72px -520px;
}

i.flag.pk:before,
i.flag.pakistan:before {
  background-position: -72px -546px;
}

i.flag.pl:before,
i.flag.poland:before {
  background-position: -72px -572px;
}

i.flag.pm:before,
i.flag.saint.pierre:before {
  background-position: -72px -598px;
}

i.flag.pn:before,
i.flag.pitcairn.islands:before {
  background-position: -72px -624px;
}

i.flag.pr:before,
i.flag.puerto.rico:before {
  background-position: -72px -650px;
}

i.flag.ps:before,
i.flag.palestine:before {
  background-position: -72px -676px;
}

i.flag.pt:before,
i.flag.portugal:before {
  background-position: -72px -702px;
}

i.flag.pw:before,
i.flag.palau:before {
  background-position: -72px -728px;
}

i.flag.py:before,
i.flag.paraguay:before {
  background-position: -72px -754px;
}

i.flag.qa:before,
i.flag.qatar:before {
  background-position: -72px -780px;
}

i.flag.re:before,
i.flag.reunion:before {
  background-position: -72px -806px;
}

i.flag.ro:before,
i.flag.romania:before {
  background-position: -72px -832px;
}

i.flag.rs:before,
i.flag.serbia:before {
  background-position: -72px -858px;
}

i.flag.ru:before,
i.flag.russia:before {
  background-position: -72px -884px;
}

i.flag.rw:before,
i.flag.rwanda:before {
  background-position: -72px -910px;
}

i.flag.sa:before,
i.flag.saudi.arabia:before {
  background-position: -72px -936px;
}

i.flag.sb:before,
i.flag.solomon.islands:before {
  background-position: -72px -962px;
}

i.flag.sc:before,
i.flag.seychelles:before {
  background-position: -72px -988px;
}

i.flag.gb.sct:before,
i.flag.scotland:before {
  background-position: -72px -1014px;
}

i.flag.sd:before,
i.flag.sudan:before {
  background-position: -72px -1040px;
}

i.flag.se:before,
i.flag.sweden:before {
  background-position: -72px -1066px;
}

i.flag.sg:before,
i.flag.singapore:before {
  background-position: -72px -1092px;
}

i.flag.sh:before,
i.flag.saint.helena:before {
  background-position: -72px -1118px;
}

i.flag.si:before,
i.flag.slovenia:before {
  background-position: -72px -1144px;
}

i.flag.sj:before,
i.flag.svalbard:before,
i.flag.jan.mayen:before {
  background-position: -72px -1170px;
}

i.flag.sk:before,
i.flag.slovakia:before {
  background-position: -72px -1196px;
}

i.flag.sl:before,
i.flag.sierra.leone:before {
  background-position: -72px -1222px;
}

i.flag.sm:before,
i.flag.san.marino:before {
  background-position: -72px -1248px;
}

i.flag.sn:before,
i.flag.senegal:before {
  background-position: -72px -1274px;
}

i.flag.so:before,
i.flag.somalia:before {
  background-position: -72px -1300px;
}

i.flag.sr:before,
i.flag.suriname:before {
  background-position: -72px -1326px;
}

i.flag.st:before,
i.flag.sao.tome:before {
  background-position: -72px -1352px;
}

i.flag.sv:before,
i.flag.el.salvador:before {
  background-position: -72px -1378px;
}

i.flag.sy:before,
i.flag.syria:before {
  background-position: -72px -1404px;
}

i.flag.sz:before,
i.flag.swaziland:before {
  background-position: -72px -1430px;
}

i.flag.tc:before,
i.flag.caicos.islands:before {
  background-position: -72px -1456px;
}

i.flag.td:before,
i.flag.chad:before {
  background-position: -72px -1482px;
}

i.flag.tf:before,
i.flag.french.territories:before {
  background-position: -72px -1508px;
}

i.flag.tg:before,
i.flag.togo:before {
  background-position: -72px -1534px;
}

i.flag.th:before,
i.flag.thailand:before {
  background-position: -72px -1560px;
}

i.flag.tj:before,
i.flag.tajikistan:before {
  background-position: -72px -1586px;
}

i.flag.tk:before,
i.flag.tokelau:before {
  background-position: -72px -1612px;
}

i.flag.tl:before,
i.flag.timorleste:before {
  background-position: -72px -1638px;
}

i.flag.tm:before,
i.flag.turkmenistan:before {
  background-position: -72px -1664px;
}

i.flag.tn:before,
i.flag.tunisia:before {
  background-position: -72px -1690px;
}

i.flag.to:before,
i.flag.tonga:before {
  background-position: -72px -1716px;
}

i.flag.tr:before,
i.flag.turkey:before {
  background-position: -72px -1742px;
}

i.flag.tt:before,
i.flag.trinidad:before {
  background-position: -72px -1768px;
}

i.flag.tv:before,
i.flag.tuvalu:before {
  background-position: -72px -1794px;
}

i.flag.tw:before,
i.flag.taiwan:before {
  background-position: -72px -1820px;
}

i.flag.tz:before,
i.flag.tanzania:before {
  background-position: -72px -1846px;
}

i.flag.ua:before,
i.flag.ukraine:before {
  background-position: -72px -1872px;
}

i.flag.ug:before,
i.flag.uganda:before {
  background-position: -72px -1898px;
}

i.flag.um:before,
i.flag.us.minor.islands:before {
  background-position: -72px -1924px;
}

i.flag.us:before,
i.flag.america:before,
i.flag.united.states:before {
  background-position: -72px -1950px;
}

i.flag.uy:before,
i.flag.uruguay:before {
  background-position: -72px -1976px;
}

i.flag.uz:before,
i.flag.uzbekistan:before {
  background-position: -108px 0px;
}

i.flag.va:before,
i.flag.vatican.city:before {
  background-position: -108px -26px;
}

i.flag.vc:before,
i.flag.saint.vincent:before {
  background-position: -108px -52px;
}

i.flag.ve:before,
i.flag.venezuela:before {
  background-position: -108px -78px;
}

i.flag.vg:before,
i.flag.british.virgin.islands:before {
  background-position: -108px -104px;
}

i.flag.vi:before,
i.flag.us.virgin.islands:before {
  background-position: -108px -130px;
}

i.flag.vn:before,
i.flag.vietnam:before {
  background-position: -108px -156px;
}

i.flag.vu:before,
i.flag.vanuatu:before {
  background-position: -108px -182px;
}

i.flag.gb.wls:before,
i.flag.wales:before {
  background-position: -108px -208px;
}

i.flag.wf:before,
i.flag.wallis.and.futuna:before {
  background-position: -108px -234px;
}

i.flag.ws:before,
i.flag.samoa:before {
  background-position: -108px -260px;
}

i.flag.ye:before,
i.flag.yemen:before {
  background-position: -108px -286px;
}

i.flag.yt:before,
i.flag.mayotte:before {
  background-position: -108px -312px;
}

i.flag.za:before,
i.flag.south.africa:before {
  background-position: -108px -338px;
}

i.flag.zm:before,
i.flag.zambia:before {
  background-position: -108px -364px;
}

i.flag.zw:before,
i.flag.zimbabwe:before {
  background-position: -108px -390px;
}

/*******************************
         Site Overrides
*******************************/
body > .skiptranslate {
  display: none;
}

html.translated-ltr body {
  top: 0 !important;
}

#main {
  padding-top: 50px;
  padding-bottom: 45px;
}

body.has-sidebar #wrapper > #main:before, body.has-sidebar #wrapper > #main:after {
  zoom: 1;
  content: " ";
  display: table;
}
body.has-sidebar #wrapper > #main:after {
  clear: both;
}
body.has-sidebar #wrapper > #main > #content {
  float: left;
  width: calc(100% - 350px);
}
body.has-sidebar #wrapper > #main > .sidebar {
  float: right;
  width: 300px;
}
@media only screen and (max-width: 991px) {
  body.has-sidebar #wrapper > #main > #content,
body.has-sidebar #wrapper > #main > .sidebar {
    float: none;
    width: 100%;
    margin-bottom: 45px;
  }
}

.vc_row {
  position: relative;
}
.vc_row .wpb_column {
  z-index: 1;
}

#function, #questions, #capabilities {
  font-size: 0.929em;
  line-height: 1.4285em;
}

#questions {
  overflow: visible;
}

.cd-count, .count-5, .count-4, .count-3, .count-2, .count-1 {
  position: relative;
  padding: 0 0 15px 40px;
}
.cd-count:before, .count-5:before, .count-4:before, .count-3:before, .count-2:before, .count-1:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  background: #97c344;
  color: #fff;
  content: "1";
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}

.count-1:before {
  content: "1";
}

.count-2:before {
  content: "2";
}

.count-3:before {
  content: "3";
}

.count-4:before {
  content: "4";
}

.count-5:before {
  content: "5";
}

.small {
  font-size: 0.8em;
}

.big {
  font-size: 1.2em;
  line-height: 1.4285em;
}

.bigger {
  font-size: 1.2em;
  line-height: 1.4285em;
}

.slightly-bigger {
  font-size: 1.2em;
  line-height: 1.4285em;
}

.title_border {
  border-bottom: 1px solid;
  border-color: inherit;
  padding-bottom: 15px;
}

.txt-white {
  color: #fff;
}

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

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

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

.txt-komp-blue {
  color: #1a4857;
}

.txt-komp-red {
  color: #e95126;
}

.txt-komp-green {
  color: #97c344;
}

.txt-komp-brown {
  color: #784100;
}

img.alignleft {
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
}

img.alignright {
  float: right;
  margin-left: 25px;
  margin-bottom: 25px;
}

/***** QUA **************/
#thermo {
  position: relative;
  margin-top: 200px;
}
#thermo:after {
  display: block;
  position: absolute;
  content: " ";
  bottom: 5%;
  left: 95%;
  width: 118px;
  height: 300px;
  background-image: url("../images/thermometer.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}

#worm {
  position: relative;
  margin-top: 200px;
}
#worm:after {
  display: block;
  position: absolute;
  content: " ";
  top: 27%;
  right: 82%;
  width: 356px;
  height: 207px;
  background-image: url("../images/wurm.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}

#fast {
  position: relative;
  margin-top: 200px;
}
#fast:before {
  display: block;
  position: absolute;
  content: " ";
  bottom: 7%;
  right: 80%;
  width: 214px;
  height: 244px;
  background-image: url("../images/clock-one.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}

#summary {
  overflow: visible;
}

@media screen and (max-width: 991px) {
  #summary_heading {
    margin-bottom: 50px !important;
    text-align: center;
  }
}

#products {
  z-index: 2;
  overflow: visible !important;
}

#ssl_garantie .small {
  font-size: 0.8em;
  line-height: 1.4285em;
}
#ssl_garantie .vc_btn3 {
  padding: 12px 25px !important;
  margin-top: 10px;
}
#ssl_garantie ul.list-chevron-circle li:before {
  font-size: 1.1em;
}
#ssl_garantie > .wpb_column > .vc_column-inner {
  border: 1px solid #aaa !important;
  background: transparent !important;
  padding: 15px;
  position: relative;
  font-size: 1.2em;
  line-height: 1.4em;
}
#ssl_garantie > .wpb_column.garantie > .vc_column-inner, #ssl_garantie > .wpb_column.ssl > .vc_column-inner {
  padding: 30px;
}
#ssl_garantie > .wpb_column.garantie > .vc_column-inner:before, #ssl_garantie > .wpb_column.ssl > .vc_column-inner:before {
  position: absolute;
  display: block;
  content: " ";
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  background: #eeeeee;
  z-index: -1;
}
#ssl_garantie > .wpb_column.ssl > .vc_column-inner:before {
  background: #1a4857;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.wirecard {
  text-align: right;
}
.wirecard .wirecard-top {
  display: table;
}
.wirecard .wirecard-top .text, .wirecard .wirecard-top .img {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  color: #1a4857;
  font-style: italic;
  font-size: 0.8em;
  line-height: 1.2;
}
.wirecard .wirecard-top .text {
  padding-right: 20px;
}
.wirecard .wirecard-top img {
  width: 100%;
}
.wirecard .desc {
  display: block;
  clear: both;
  font-size: 0.8em;
  line-height: 1.4;
  padding-top: 10px;
}

/* COMPARE DETAIL Umsetzen 
******************************************/
.compare-1.manual-row .title {
  padding-left: 60px;
  height: 2em;
  padding-top: 15px;
}
.compare-1.manual-row .title:before {
  top: 10px;
  left: 15px;
  background: #fff;
  color: #e95126;
}

/**
 Custom Menu
 */
.vc_wp_custommenu .menu {
  list-style: none;
  margin-left: 0;
}
.vc_wp_custommenu .menu li {
  margin: 0 0 5px 0;
}
.vc_wp_custommenu .menu li a {
  color: inherit;
}
.vc_wp_custommenu .menu li a:hover, .vc_wp_custommenu .menu li a:focus {
  color: #97c344;
}

.site_header {
  font-size: 13px;
  line-height: 1.4285em;
}

.top-bar {
  border-bottom: 1px solid #eee;
  font-size: 0.9em;
  padding: 7px 0;
  color: #333;
}
.top-bar span, .top-bar a {
  display: inline-block;
  padding-left: 18px;
  margin: 0 20px 0 0;
  background-repeat: no-repeat;
  background-position: 0 center;
  color: inherit;
  text-decoration: none;
}
.top-bar span.tel, .top-bar a.tel {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23111111' d='M11.323,14.62c-0.86,0.409-2.864,1.611-6.096-4.996C2.022,3.071,4.166,2.053,4.956,1.622C4.975,1.611,6.11,1.025,6.112,1.024l1.916,3.918L6.886,5.532C5.683,6.207,8.185,11.323,9.417,10.7c0.047-0.024,1.128-0.579,1.131-0.581l1.933,3.904C12.477,14.026,11.39,14.587,11.323,14.62z'/%3E%3C/svg%3E");
}
.top-bar span.email, .top-bar a.email {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='%23111111' xml:space='preserve'%3E%3Cpath d='M5.097,7.465L1,4.544v6.724L5.097,7.465z M14.964,3.188H1.048l6.953,4.957L14.964,3.188z M9.949,8.146L8,9.535L6.047,8.145l-5.031,4.668h13.958L9.949,8.146z M10.9,7.47l4.1,3.803V4.552L10.9,7.47z'/%3E%3C/svg%3E");
}
@media only screen and (max-width: 991px) {
  .top-bar {
    display: none;
    visibility: hidden;
  }
}

.main-header {
  background: #f7f7f7;
}
.main-header:before, .main-header:after {
  zoom: 1;
  content: " ";
  display: table;
}
.main-header:after {
  clear: both;
}
.main-header a {
  color: inherit;
  text-decoration: none;
}
.main-header #logo {
  float: left;
  width: 356px;
  margin: 25px 0 25px 0;
  max-width: 100%;
}
.main-header #logo a {
  color: inherit;
  text-decoration: none;
}
.main-header #logo img {
  margin-bottom: 7px;
  width: 100%;
}
.main-header #logo .claim {
  text-transform: uppercase;
  text-shadow: 0 0 5px #666;
  line-height: 1.2em;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  .main-header #logo {
    margin: 15px 0;
    width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .main-header #logo {
    margin: 15px 0;
    width: 80%;
    max-width: 300px;
  }
}
.main-header #header-info {
  float: right;
  margin-left: 10px;
  margin-bottom: 15px;
  width: 185px;
  padding: 10px;
  background: #97c344;
  color: #fff;
  font-size: 1em;
  line-height: 1.2em;
  font-weight: bold;
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
}
.main-header #header-info ul {
  margin: 0;
}
.main-header #header-info ul li {
  margin-bottom: 0.5em;
}
.main-header #header-info ul li:last-child {
  margin-bottom: 0;
}
.main-header #header-info .small {
  font-size: 0.77rem;
  font-weight: normal;
}
@media (max-width: 991px) {
  .main-header #header-info {
    display: none;
    visibility: hidden;
  }
}
.main-header #header-secure {
  float: right;
  margin-left: 10px;
  margin-bottom: 15px;
  width: auto;
  height: auto;
  border: 1px solid #f7f7f7;
  border-top: none;
  font-size: 1em;
  text-align: center;
  line-height: 1.2em;
  overflow: hidden;
  width: 210px;
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
}
@media (max-width: 991px) {
  .main-header #header-secure {
    display: none;
    visibility: hidden;
  }
}
.main-header #header-secure .secure-title {
  margin: 0;
  padding: 6px 5px;
  background: #194756;
  color: #fff;
  letter-spacing: -0.2px;
}
.main-header #header-secure .image {
  background: #fff;
  margin: 0;
  padding: 2px 0 4px 0;
  text-align: center;
}
.main-header #header-secure .image img {
  width: 190px;
}
.main-header #header-translate {
  float: right;
  margin-left: 15px;
  position: relative;
  width: 150px;
}
@media (max-width: 991px) {
  .main-header #header-translate {
    position: absolute;
    top: 0;
    right: 5%;
    width: auto;
  }
}
@media (max-width: 767px) {
  .main-header #header-translate {
    width: 40px;
  }
  .main-header #header-translate .current span {
    display: none;
  }
}
.main-header #header-translate .current {
  position: relative;
  border: 1px solid #cccccc;
  border-top: none;
  padding: 10px;
  background: #fff;
  margin-bottom: 20px;
  cursor: pointer;
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
}
@media (max-width: 800px) {
  .main-header #header-translate .current {
    padding: 5px 10px;
  }
}
.main-header #header-translate .current:hover, .main-header #header-translate .current:focus {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  background: #97c344;
  color: #fff;
}
.main-header #header-translate .current img {
  width: 16px;
  height: 11px;
}
.main-header #header-translate .languages {
  position: fixed;
  top: 0;
  right: -320px;
  bottom: 0;
  display: hidden;
  width: 220px;
  padding: 0 15px;
  background: #fff;
  border-left: 1x solid black;
  z-index: 999999;
  -webkit-box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.75);
  box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.75);
  -moz-transition: right 0.5s;
  -o-transition: right 0.5s;
  -webkit-transition: right 0.5s;
  transition: right 0.5s;
}
.main-header #header-translate .languages.open {
  display: block;
  right: 0;
}
.main-header #header-translate .languages .close {
  margin: 20px 0;
  text-align: right;
  font-size: 3em;
  color: #1a4857;
  cursor: pointer;
  font-weight: 400;
}
.main-header #header-translate .languages .close:focus, .main-header #header-translate .languages .close:active {
  outline: none;
  outline: none;
  -moz-outline-style: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #97c344;
}
.main-header #header-translate .languages .mlp_widget {
  margin: 15px 0;
}
.main-header #header-translate .languages .mlp_widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1.1em;
}
.main-header #header-translate .languages .mlp_widget ul li {
  display: block;
  margin: 0 0 0.5rem 0;
}
.main-header #header-translate .languages .mlp_widget ul li img {
  margin-right: 10px;
  width: 30px;
  height: auto;
}
.main-header #header-translate .languages .before_google_translate {
  display: block;
  font-size: 0.9rem;
  margin-top: 30px;
}
.main-header #header-translate .languages #google_translate_element select {
  border: 1px solid #f7f7f7;
  width: 100%;
  padding: 3px;
}
.main-header #header-translate .languages #google_translate_element .goog-te-gadget {
  white-space: normal !important;
}

.secondary-header {
  height: 60px;
  background: #eeeeee;
}
.secondary-header:before, .secondary-header:after {
  zoom: 1;
  content: " ";
  display: table;
}
.secondary-header:after {
  clear: both;
}
.secondary-header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.75);
}
.secondary-header .komp-main-menu {
  float: left;
}

.cd_login, .cd_wc_cart {
  position: relative;
  float: right;
}
.cd_login > a, .cd_wc_cart > a {
  display: table;
  height: 60px;
  width: auto;
  padding: 0 10px;
  background: transparent;
  text-decoration: none;
}
.cd_login > a .wrap, .cd_wc_cart > a .wrap {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.cd_login > a .icon, .cd_login > a .fa, .cd_wc_cart > a .icon, .cd_wc_cart > a .fa {
  font-size: 1.7em;
}
.cd_login > a span, .cd_wc_cart > a span {
  font-size: 0.8em;
  line-height: 1.2em;
}
.cd_login .popup, .cd_wc_cart .popup {
  width: 320px;
  max-width: 100%;
}

.cd_login > a {
  color: #1a4857;
  text-align: center;
}
.cd_login > a .wrap > * {
  display: block;
}
.cd_login > a span {
  font-weight: bold;
}
.cd_login > a:hover, .cd_login > a:focus {
  color: #97c344;
}
.cd_login .popup {
  width: 310px;
  padding: 0;
  max-width: 310px !important;
}
.cd_login .popup form {
  padding: 20px;
}
.cd_login .popup form > div {
  margin-bottom: 10px;
}
.cd_login .popup form > div input {
  color: #1a4857;
  height: 40px;
}
.cd_login .popup form .input-group-addon:first-child {
  width: 50px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-color: #1a4857;
}
.cd_login .popup form .inline-parent a {
  padding-top: 4px;
  color: #1a4857;
  font-size: 0.9em;
  line-height: 1em;
  text-decoration: none;
}
.cd_login .popup form .inline-parent a:hover, .cd_login .popup form .inline-parent a:focus {
  color: #97c344;
  text-decoration: none;
}
.cd_login .popup form .checkbox label {
  font-size: 0.9rem;
}
.cd_login .popup form .login-submit {
  background: #1a4857;
  color: #fff;
}
.cd_login .popup form .login-submit:hover, .cd_login .popup form .login-submit:focus {
  background: #97c344;
  color: #fff;
}
.cd_login .popup form .inline-child {
  margin: 0;
}
.cd_login .popup .register {
  padding: 0 20px 20px;
  color: #e95126;
}
.cd_login .popup .register a {
  color: #e95126;
  display: block;
  text-decoration: underline;
  font-weight: bold;
}
.cd_login .popup .register a:hover, .cd_login .popup .register a:focus {
  color: #f29b83;
}

.cd_wc_cart > a {
  position: relative;
  color: #fff;
  background: #1a4857;
  padding: 0 50px 0 15px;
}
.cd_wc_cart > a span {
  font-size: 1em;
  font-weight: bold;
}
.cd_wc_cart > a:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -17px;
  background: transparent;
  width: 30px;
  height: 28px;
  background-image: url("../images/cart_icon.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 10;
}
.cd_wc_cart > a .cart_count {
  display: block;
  position: absolute;
  font-size: 0.8em;
  top: 7px;
  right: 5px;
  width: 23px;
  height: 23px;
  text-align: center;
  line-height: 23px;
  background: #e95126;
  color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  z-index: 100;
}
.cd_wc_cart > a:hover, .cd_wc_cart > a:focus {
  background: #97c344;
  color: #fff;
}

#main_footer {
  font-size: 13px;
  line-height: 1.4285em;
  background: #97c344;
  color: #fff;
  padding-top: 25px;
  margin-bottom: 108px;
}
#main_footer .footer-secure {
  margin-bottom: 15px;
}
#main_footer .footer-secure [class*=column] {
  margin-bottom: 25px;
}
#main_footer .footer-secure .col-secure .secure-logos {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  text-align: center;
}
#main_footer .footer-secure .col-secure .secure-logos:before, #main_footer .footer-secure .col-secure .secure-logos:after {
  zoom: 1;
  content: " ";
  display: table;
}
#main_footer .footer-secure .col-secure .secure-logos:after {
  clear: both;
}
#main_footer .footer-secure .col-secure .secure-logos li {
  display: inline-block;
  padding-right: 20px;
}
@media (max-width: 767px) {
  #main_footer .footer-secure .col-secure {
    text-align: center;
  }
  #main_footer .footer-secure .col-secure .secure-logos li {
    padding: 0 10px;
  }
}
#main_footer .footer-secure .proven-expert {
  text-align: center;
}
@media (max-width: 991px) {
  #main_footer .footer-secure .proven-expert {
    text-align: right;
  }
}
@media (max-width: 767px) {
  #main_footer .footer-secure .proven-expert {
    text-align: center;
  }
}
@media (max-width: 991px) {
  #main_footer .footer-secure .col-wire {
    text-align: center;
  }
  #main_footer .footer-secure .col-wire .wirecard {
    width: 300px;
    max-width: 100%;
    margin: 0 auto;
  }
}
#main_footer .footer-copyright {
  text-align: center;
  padding-bottom: 20px;
}

.footer-widget-area {
  color: #fff;
}
.footer-widget-area .footer_column {
  float: none;
  margin-bottom: 35px;
  width: 25%;
}
@media (max-width: 768px) {
  .footer-widget-area .footer_column {
    width: 50%;
  }
}
@media screen and (max-width: 400px) {
  .footer-widget-area .footer_column {
    width: 100%;
    float: none;
  }
}
.footer-widget-area .widget-title {
  font-weight: bold;
  font-size: 1rem;
}
.footer-widget-area ul.menu {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}
.footer-widget-area ul.menu li {
  margin: 0;
  padding: 0;
  margin-bottom: 0.5em;
}
.footer-widget-area ul.menu a {
  text-decoration: none;
  color: #fff;
}
.footer-widget-area ul.menu a:hover, .footer-widget-area ul.menu a:focus {
  text-decoration: none;
  color: #1a4857;
}

.footer-payments {
  margin-bottom: 35px;
}
.footer-payments ul {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
  text-align: center;
}
.footer-payments ul li {
  display: inline-block;
  width: 70px;
}

.fixed-footer {
  position: fixed;
  left: 0;
  bottom: 43px;
  width: 100%;
  height: 65px;
  background: #eeeeee;
  z-index: 9999;
  font-size: 13px;
  line-height: 1.4285em;
  -webkit-box-shadow: 0px -2px 7px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px -2px 7px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px -2px 7px 0px rgba(0, 0, 0, 0.75);
}
.fixed-footer a {
  color: #1a4857;
  text-decoration: none;
}
@media (max-width: 767px) {
  .fixed-footer .grid {
    padding: 0;
  }
  .fixed-footer .grid > [class*=column] {
    padding: 0;
    float: left;
    width: auto;
  }
  .fixed-footer .grid > [class*=column].right {
    float: right;
  }
}

ul.cd_menu {
  display: block;
  background: transparent;
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
  overflow: visible;
  position: relative;
}
ul.cd_menu:before, ul.cd_menu:after {
  zoom: 1;
  content: " ";
  display: table;
}
ul.cd_menu:after {
  clear: both;
}
ul.cd_menu ul, ul.cd_menu li {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
  line-height: 1em;
}
ul.cd_menu ul a, ul.cd_menu li a {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  text-decoration: none;
  vertical-align: middle;
  color: inherit;
  cursor: pointer;
}
ul.cd_menu ul a.icon, ul.cd_menu li a.icon {
  display: table;
  width: auto;
  height: 100%;
}
ul.cd_menu ul a.icon > *, ul.cd_menu li a.icon > * {
  display: table-cell;
  vertical-align: middle;
}
ul.cd_menu ul a.icon > .link_title, ul.cd_menu li a.icon > .link_title {
  padding-right: 5px;
}
ul.cd_menu ul a.icon > .cd_icon + .link_title, ul.cd_menu li a.icon > .cd_icon + .link_title {
  padding-left: 5px;
  padding-right: 0;
}
ul.cd_menu ul a.icon .wrap, ul.cd_menu li a.icon .wrap {
  text-align: center;
}
ul.cd_menu ul a.icon .wrap > *, ul.cd_menu li a.icon .wrap > * {
  display: block;
  width: 100%;
}
ul.cd_menu ul a .cd_icon, ul.cd_menu li a .cd_icon {
  font-size: 2em;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
ul.cd_menu li:focus > a, ul.cd_menu li:hover > a {
  color: #97c344;
  outline: none;
  outline: none;
  -moz-outline-style: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
ul.cd_menu > li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  /* 2 Level */
  /* Column Width */
}
ul.cd_menu > li > a {
  padding: 0 10px;
}
@media (min-width: 992px) {
  ul.cd_menu > li > ul.sub-menu {
    position: absolute;
    margin: 0;
    padding: 0;
    overflow: visible;
    top: auto;
    left: 0;
    width: 100%;
    background: #1a4857;
    color: #fff;
    display: none;
    visibility: hidden;
    z-index: 999999;
  }
  ul.cd_menu > li > ul.sub-menu .cd-menu-row {
    width: 100%;
    display: table;
  }
  ul.cd_menu > li > ul.sub-menu .cd-menu-row > li {
    display: table-cell;
    max-width: 100%;
    height: 100%;
    margin: 0;
    padding: 15px;
    text-decoration: none;
    position: relative;
    background: inherit;
    border-right: 1px solid #fff;
  }
  ul.cd_menu > li > ul.sub-menu .cd-menu-row > li:last-child {
    border-right: none;
  }
  ul.cd_menu > li > ul.sub-menu .cd-menu-row > li a {
    display: block;
    margin: 10px 0 15px 0;
    color: #fff;
  }
  ul.cd_menu > li > ul.sub-menu .cd-menu-row > li a:hover, ul.cd_menu > li > ul.sub-menu .cd-menu-row > li a:focus {
    color: #cccccc;
  }
  ul.cd_menu > li > ul.sub-menu .cd-menu-row > li.cd-menu-title > a {
    font-weight: bold;
    margin-bottom: 25px;
    font-size: 1.2em;
  }
  ul.cd_menu > li > ul.sub-menu .cd-menu-row > li.cd-menu-no-link > a:hover, ul.cd_menu > li > ul.sub-menu .cd-menu-row > li.cd-menu-no-link > a:focus {
    color: inherit;
  }
}
@media (min-width: 992px) {
  ul.cd_menu > li li.cd-menu-column-1-6 {
    width: 16.6666666667%;
  }
  ul.cd_menu > li li.cd-menu-column-2-6 {
    width: 33.3333333333%;
  }
  ul.cd_menu > li li.cd-menu-column-3-6 {
    width: 50%;
  }
  ul.cd_menu > li li.cd-menu-column-4-6 {
    width: 66.6666666667%;
  }
  ul.cd_menu > li li.cd-menu-column-5-6 {
    width: 83.3333333333%;
  }
  ul.cd_menu > li li.cd-menu-column-6-6 {
    width: 100%;
  }
}
@media (max-width: 991px) {
  ul.cd_menu > li.menu-item-has-children > a {
    position: relative;
  }
  ul.cd_menu > li.menu-item-has-children > a .more {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    bottom: 0;
    background: #fff;
    text-align: center;
  }
  ul.cd_menu > li.menu-item-has-children > a .more:after {
    text-align: center;
    position: absolute;
    width: 26px;
    height: 26px;
    margin: 0 auto;
    content: "+";
    font-size: 1.6em;
    line-height: 26px;
    font-weight: bold;
    color: #1a4857;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
  }
  ul.cd_menu > li.menu-item-has-children > a .more.open:after {
    content: "-";
  }
  ul.cd_menu > li > ul.sub-menu.cd-menu {
    left: 0 !important;
    padding: 10px 0 0 0 !important;
    width: 100% !important;
    background: #eee;
    z-index: 999999;
    display: none;
  }
  ul.cd_menu > li > ul.sub-menu.cd-menu .cd-menu-row > li {
    margin-bottom: 8px;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
  }
  ul.cd_menu > li > ul.sub-menu.cd-menu .cd-menu-row > li:last-child {
    margin-bottom: 0;
  }
  ul.cd_menu > li > ul.sub-menu.cd-menu .cd-menu-row > li.cd-menu-title > a {
    font-weight: bold;
  }
  ul.cd_menu > li > ul.sub-menu.cd-menu a {
    padding: 5px 10px;
  }
  ul.cd_menu > li > ul.sub-menu.cd-menu a:hover, ul.cd_menu > li > ul.sub-menu.cd-menu a:focus {
    color: #cccccc;
  }
}
@media (min-width: 992px) {
  ul.cd_menu > li:focus > ul.sub-menu, ul.cd_menu > li:hover > ul.sub-menu {
    display: block;
    visibility: visible;
  }
}

#main-nav > li {
  height: 60px;
  margin: 0 20px 0 0;
}
#main-nav > li > a {
  height: 60px;
  font-size: 1.1em;
  line-height: 1em;
  padding: 0;
  margin: 0;
}
#main-nav > li.buy > a {
  background: #97c344;
  color: #fff;
  padding: 0 30px;
}
#main-nav > li.buy > a:focus, #main-nav > li.buy > a:hover {
  background: #1a4857;
  outline: none;
  outline: none;
  -moz-outline-style: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
@media (max-width: 991px) {
  #main-nav > li {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    height: auto;
    border-bottom: 1px solid #f7f7f7;
  }
  #main-nav > li:first-child {
    border-top: 1px solid #f7f7f7;
  }
  #main-nav > li > a {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px;
    display: block;
  }
  #main-nav > li.buy > a {
    padding: 10px;
  }
}

@media (max-width: 991px) {
  .komp-main-menu {
    display: block;
    position: fixed;
    top: 0;
    left: -400px;
    bottom: 0;
    overflow: hidden;
    overflow-y: auto;
    background: #fff;
    width: 220px;
    z-index: 999999;
    -webkit-box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-transition: left 0.2s;
    -o-transition: left 0.2s;
    -webkit-transition: left 0.2s;
    transition: left 0.2s;
  }
  .komp-main-menu.open {
    left: 0;
  }
}
.komp-main-menu .close {
  display: none;
  font-size: 3em;
  color: #1a4857;
  position: relative;
  margin: 10px;
  cursor: pointer;
}
.komp-main-menu .close:hover, .komp-main-menu .close:focus, .komp-main-menu .close:active {
  outline: none;
  outline: none;
  -moz-outline-style: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #97c344;
}
@media (max-width: 992px) {
  .komp-main-menu .close {
    display: block;
  }
}

.mobile-menu-btn {
  display: none;
  visibility: hidden;
  float: left;
  height: 60px;
  line-height: 60px;
  text-decoration: none;
  vertical-align: middle;
  color: #333;
}
.mobile-menu-btn i {
  display: table-cell;
  font-size: 2em;
  height: 100%;
  vertical-align: middle;
  padding-right: 5px;
}
.mobile-menu-btn span {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.mobile-menu-btn:hover, .mobile-menu-btn:focus {
  color: #97c344;
  text-decoration: none;
}
@media (max-width: 991px) {
  .mobile-menu-btn {
    display: table;
    width: auto;
    visibility: visible;
  }
}

#footer-left-nav li {
  height: 65px;
  padding-top: 10px;
}
#footer-left-nav li a {
  height: 65px;
  padding: 0;
  margin: 0 10px 0 0;
  height: calc( 65px - 20px);
}
#footer-left-nav .home .wrap, #footer-left-nav .video .wrap {
  background: #97c344;
  padding: 7px 10px;
  color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#footer-left-nav .home .wrap .link_title, #footer-left-nav .video .wrap .link_title {
  font-size: 0.7em;
  line-height: 1em;
}
#footer-left-nav .home .wrap .cd_icon, #footer-left-nav .video .wrap .cd_icon {
  font-size: 1.5em;
  margin-bottom: 3px;
}
#footer-left-nav .video a .wrap {
  background: #e95126;
  color: #fff;
}
#footer-left-nav .video a:hover .wrap, #footer-left-nav .video a:focus .wrap, #footer-left-nav .video a:active .wrap {
  background: #1a4857;
}
#footer-left-nav .home a:hover .wrap, #footer-left-nav .home a:focus .wrap, #footer-left-nav .home a:active .wrap {
  background: #1a4857;
}
#footer-left-nav .buy a {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #97c344;
  padding: 0 10px;
  color: #fff;
}
#footer-left-nav .buy a:hover, #footer-left-nav .buy a:focus, #footer-left-nav .buy a:active {
  background: #1a4857;
}
@media (max-width: 768px) {
  #footer-left-nav li a {
    margin-right: 5px;
  }
  #footer-left-nav .home .wrap, #footer-left-nav .video .wrap {
    padding: 7px 5px;
  }
  #footer-left-nav .buy a {
    padding: 0 5px;
    font-size: 0.9em;
  }
}

#footer-right-nav {
  text-align: right;
}
#footer-right-nav li {
  float: right;
  height: 65px;
  padding-top: 10px;
}
#footer-right-nav li a {
  padding: 0;
  margin: 0 5px 0 0;
  height: calc( 65px - 20px);
  width: calc( 65px - 20px);
  text-align: center;
  background: transparent;
}
#footer-right-nav li a .cd_icon {
  position: relative;
  font-size: 1.5em;
  line-height: 1em;
  color: #6f6f6f;
}
#footer-right-nav li a .cd_icon:before {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: transparent;
  border: 1px solid #6f6f6f;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
#footer-right-nav li a:hover .cd_icon, #footer-right-nav li a:focus .cd_icon, #footer-right-nav li a:active .cd_icon {
  color: #fff;
}
#footer-right-nav li a:hover .cd_icon:before, #footer-right-nav li a:focus .cd_icon:before, #footer-right-nav li a:active .cd_icon:before {
  background: #1a4857;
}
@media (max-width: 768px) {
  #footer-right-nav li {
    padding-top: 17px;
  }
  #footer-right-nav li a {
    margin-right: 5px;
    height: calc( 65px - 35px);
    width: calc( 65px - 35px);
  }
  #footer-right-nav li a .cd_icon {
    font-size: 1.2em;
    line-height: 1em;
  }
  #footer-right-nav li a .cd_icon:before {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
@media (max-width: 350px) {
  #footer-right-nav li.phone {
    display: none;
  }
}

.komp_bgimage {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  z-index: 0;
}

#compare_bg {
  top: 100px;
}

#compare_section_bg {
  background-size: auto 80%;
  background-position: calc(100% + 150px) 100%;
}

#products_bg {
  top: 150px;
  bottom: 300px;
}

#bg_woman {
  top: -150px;
  bottom: -300px;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

#bg_qua {
  top: 100px;
  background-position: left bottom;
  background-size: cover;
}

#bg_capabilities {
  background-position: center center;
  background-size: auto 100%;
}

#bg_capabilities_qua {
  top: 50px;
  height: 300px;
  bottom: auto;
  background-size: 100% auto;
  z-index: -2;
}

#bg_capabilities_qua_2 {
  top: auto;
  height: 400px;
  bottom: 120px;
  background-position: right bottom;
  background-size: 100%;
}

.modal_shipping #main > #content {
  padding-top: 50px !important;
}

.modal_holzschutz .modal-close {
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
  border: 1px solid #f7f7f7;
  background: #fff;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  z-index: 99999;
}
.modal_holzschutz .modal-wrapper {
  background: #97c344;
  color: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  max-width: 740px;
  font-size: 0.9rem;
}
@media (max-width: 745px) {
  .modal_holzschutz .modal-wrapper {
    max-width: 80%;
  }
}
.modal_holzschutz .modal-wrapper #main {
  padding: 0;
}
.modal_holzschutz .modal-wrapper h2, .modal_holzschutz .modal-wrapper h3 {
  margin: 0;
}
.modal_holzschutz .modal-wrapper .wpb_content_element {
  margin-bottom: 10px;
}
.modal_holzschutz .modal-wrapper .vc_row {
  margin: 0;
  padding: 20px;
}
.modal_holzschutz .modal-wrapper .vc_row.light-green {
  background: #c2dc91;
}
.modal_holzschutz .modal-wrapper .vc_row.light-green:last-child {
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
}
.modal_holzschutz .modal-wrapper ul.list-chevron-circle {
  margin-bottom: 10px;
}

.modal_polyprobylen .modal-close,
.modal_holz .modal-close,
.modal_bodenplatte .modal-close {
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
  border: 1px solid #f7f7f7;
  background: #fff;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  z-index: 99999;
}
.modal_polyprobylen .modal-wrapper,
.modal_holz .modal-wrapper,
.modal_bodenplatte .modal-wrapper {
  background: #97c344;
  color: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  max-width: 740px;
}
@media (max-width: 745px) {
  .modal_polyprobylen .modal-wrapper,
.modal_holz .modal-wrapper,
.modal_bodenplatte .modal-wrapper {
    max-width: 80%;
  }
}
.modal_polyprobylen .modal-content-container > #main,
.modal_holz .modal-content-container > #main,
.modal_bodenplatte .modal-content-container > #main {
  padding: 25px;
}

.statment_modal .modal-wrapper {
  background: #97c344;
  color: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  max-width: 740px;
  font-size: 1.2rem;
  line-height: 1.42em;
}
@media (max-width: 745px) {
  .statment_modal .modal-wrapper {
    max-width: 80%;
  }
}
.statment_modal .modal-wrapper #main {
  padding: 25px;
}
.statment_modal .modal-wrapper .person {
  font-size: 0.8em;
  line-height: 1.2em;
}

.payments_modal .modal-wrapper {
  max-width: 800px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
@media (max-width: 800px) {
  .payments_modal .modal-wrapper {
    max-width: 80%;
  }
}
.payments_modal .modal-wrapper #main {
  padding: 0;
  margin: 0 !important;
}

.modal_preisvergleich .modal-content-container {
  padding: 25px;
}
.modal_preisvergleich .modal-wrapper {
  max-width: 800px;
}
@media (max-width: 800px) {
  .modal_preisvergleich .modal-wrapper {
    max-width: 80%;
  }
}
.modal_preisvergleich .modal-wrapper #main {
  padding: 0;
  margin: 0 !important;
}

/** 
Added to cart modal 
**/
#add_to_cart_modal .modal-content {
  width: auto;
  max-width: 300px;
  text-align: center;
  margin: 15% auto;
  padding: 20px;
  background: #fff;
  overflow: visible;
}
#add_to_cart_modal .modal-content .content {
  overflow: hidden;
}
#add_to_cart_modal .modal-content p.text span {
  display: block;
  margin-bottom: 10px;
}
#add_to_cart_modal .button, #add_to_cart_modal .button-blue:not([class*=vc_]), #add_to_cart_modal btn-blue:not([class*=vc_]), #add_to_cart_modal .button-blue > button, #add_to_cart_modal .button-blue a, .button-blue #add_to_cart_modal a, #add_to_cart_modal btn-blue > button, #add_to_cart_modal btn-blue a, btn-blue #add_to_cart_modal a, #add_to_cart_modal .button-red > button, #add_to_cart_modal .button-red a, .button-red #add_to_cart_modal a, #add_to_cart_modal .btn-red > button, #add_to_cart_modal .btn-red a, .btn-red #add_to_cart_modal a, #add_to_cart_modal .button-red:not([class*=vc_]), #add_to_cart_modal .btn-red:not([class*=vc_]), #add_to_cart_modal .button-green:not([class*=vc_]), #add_to_cart_modal nav.woocommerce-MyAccount-navigation ul li a:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li #add_to_cart_modal a:not([class*=vc_]), #add_to_cart_modal .blog article .more-link:not([class*=vc_]), .blog article #add_to_cart_modal .more-link:not([class*=vc_]), #add_to_cart_modal btn-green:not([class*=vc_]), #add_to_cart_modal .button-green > button, #add_to_cart_modal nav.woocommerce-MyAccount-navigation ul li a > button, nav.woocommerce-MyAccount-navigation ul li #add_to_cart_modal a > button, #add_to_cart_modal .blog article .more-link > button, .blog article #add_to_cart_modal .more-link > button, #add_to_cart_modal .button-green a, #add_to_cart_modal nav.woocommerce-MyAccount-navigation ul li a a, nav.woocommerce-MyAccount-navigation ul li #add_to_cart_modal a a, #add_to_cart_modal .blog article .more-link a, .blog article #add_to_cart_modal .more-link a, .button-green #add_to_cart_modal a, nav.woocommerce-MyAccount-navigation ul li a #add_to_cart_modal a, .blog article .more-link #add_to_cart_modal a, #add_to_cart_modal btn-green > button, #add_to_cart_modal btn-green a, btn-green #add_to_cart_modal a {
  padding: 0.7em 1.3em;
  display: inline-block;
  color: #fff;
  font-size: 0.9em;
  line-height: 1em;
}
#add_to_cart_modal .button, #add_to_cart_modal .button-blue:not([class*=vc_]), #add_to_cart_modal btn-blue:not([class*=vc_]), #add_to_cart_modal .button-blue > button, #add_to_cart_modal .button-blue a, .button-blue #add_to_cart_modal a, #add_to_cart_modal btn-blue > button, #add_to_cart_modal btn-blue a, btn-blue #add_to_cart_modal a, #add_to_cart_modal .button-red > button, #add_to_cart_modal .button-red a, .button-red #add_to_cart_modal a, #add_to_cart_modal .btn-red > button, #add_to_cart_modal .btn-red a, .btn-red #add_to_cart_modal a, #add_to_cart_modal .button-red:not([class*=vc_]), #add_to_cart_modal .btn-red:not([class*=vc_]), #add_to_cart_modal .button-green:not([class*=vc_]), #add_to_cart_modal nav.woocommerce-MyAccount-navigation ul li a:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li #add_to_cart_modal a:not([class*=vc_]), #add_to_cart_modal .blog article .more-link:not([class*=vc_]), .blog article #add_to_cart_modal .more-link:not([class*=vc_]), #add_to_cart_modal btn-green:not([class*=vc_]), #add_to_cart_modal .button-green > button, #add_to_cart_modal nav.woocommerce-MyAccount-navigation ul li a > button, nav.woocommerce-MyAccount-navigation ul li #add_to_cart_modal a > button, #add_to_cart_modal .blog article .more-link > button, .blog article #add_to_cart_modal .more-link > button, #add_to_cart_modal .button-green a, #add_to_cart_modal nav.woocommerce-MyAccount-navigation ul li a a, nav.woocommerce-MyAccount-navigation ul li #add_to_cart_modal a a, #add_to_cart_modal .blog article .more-link a, .blog article #add_to_cart_modal .more-link a, .button-green #add_to_cart_modal a, nav.woocommerce-MyAccount-navigation ul li a #add_to_cart_modal a, .blog article .more-link #add_to_cart_modal a, #add_to_cart_modal btn-green > button, #add_to_cart_modal btn-green a, btn-green #add_to_cart_modal a {
  margin: 7px;
}

.faq-buttons {
  font-size: 0.9em;
  float: left;
  width: 180px;
  margin-bottom: 20px;
}
.faq-buttons > a {
  display: block;
  padding: 0;
  background: none;
  text-align: left;
  margin-bottom: 10px;
}
.faq-buttons > a:hover, .faq-buttons > a:focus {
  color: #97c344;
  text-decoration: underline;
  background: none;
}

.faqs {
  font-size: 13px;
  float: left;
  border-left: 1px solid #eeeeee;
  padding-left: 30px;
  width: calc(100% - 180px);
  min-width: 500px;
}
.faqs .arconix-faq-term-title {
  margin: 0 0 10px;
}
.faqs div + .arconix-faq-term-title {
  margin-top: 2rem;
}
.faqs .arconix-faq-wrap {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-left: none;
  border-right: none;
  padding: 10px 0;
  background: none;
}
.faqs .arconix-faq-content {
  padding-top: 15px;
}
.faqs .arconix-faq-content p {
  line-height: 1.45em;
}
.faqs .gallery-item {
  width: auto !important;
  margin-right: 10px !important;
}
.faqs .gallery-item img {
  border: none !important;
}
.faqs a {
  color: #1a4857 !important;
  text-decoration: underline;
}
.faqs a:hover {
  color: #97c344 !important;
}

.price_compare {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #eeeeee;
  align-items: center;
}
.price_compare .content {
  color: #fff;
  background: #1a4857;
  padding: 10px 70px 10px 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  width: 350px;
}
@media (max-width: 767px) {
  .price_compare .content {
    padding-right: 50px;
    width: calc(100% - 60px);
  }
}
.price_compare .price {
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  color: #fff;
  background: #1a4857;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  padding: 10px;
  margin-left: -40px;
  vertical-align: middle;
}
.price_compare .price > span {
  display: block;
  width: 100%;
  text-align: center;
}
.price_compare .price .before {
  width: 60%;
  font-size: 0.8rem;
  line-height: 1.2em;
}
.price_compare .price .cost {
  font-weight: bold;
  font-size: 1.46rem;
}
.price_compare .price .currency {
  font-size: 0.8rem;
}
.price_compare .percent {
  margin-left: auto;
  margin-right: auto;
  font-size: 1.46rem;
  color: #e95126;
  font-weight: bold;
}
@media (max-width: 767px) {
  .price_compare .percent {
    margin-top: 25px;
  }
}
.price_compare .link {
  margin-left: auto;
  padding: 0 10px;
}
.price_compare .link a {
  display: block;
  color: #fff;
  background: #e95126;
  padding: 5px 10px;
  line-height: 2rem;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
@media (max-width: 767px) {
  .price_compare .link a {
    padding: 5px 7px;
  }
}
.price_compare .link a i {
  margin-left: 20px;
  font-size: 1.5rem;
  line-height: 2rem;
}
@media (max-width: 767px) {
  .price_compare .link a i {
    margin-left: 5px;
  }
}
.price_compare .link a:hover, .price_compare .link a:focus {
  background: #1a4857;
}
@media (max-width: 767px) {
  .price_compare .link {
    margin-top: 25px;
  }
}
.price_compare.supercomp .content,
.price_compare.supercomp .price {
  background: #97c344;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

.page-header {
  margin-bottom: 35px;
}

.blog {
  padding-top: 0;
}
.blog article {
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.blog article .entry-header {
  margin-bottom: 30px;
}
.blog article .entry-header .entry-title {
  color: #1a4857;
}
.blog article .entry-header .entry-title a {
  color: inherit;
  text-decoration: none;
}
.blog article .entry-header .entry-title a:hover {
  text-decoration: underline;
}
.blog article .entry-content {
  font-size: 1em;
  line-height: 1.65em;
  margin-bottom: 15px;
}
.blog article .more-link {
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border: none;
}
.blog article .entry-footer {
  padding: 1.2em 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.blog article .entry-footer > span {
  margin-right: 10px;
}
.blog article .entry-footer > span .dashicons, .blog article .entry-footer > span .dashicons-before:before {
  font-size: 15px;
  height: 15px;
  width: 15px;
}
.blog article .entry-footer .edit-link {
  display: none;
  visibility: hidden;
}
.blog article .entry-footer a {
  border-bottom: 1px solid transparent;
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  text-decoration: none;
}
.blog article .entry-footer a:hover, .blog article .entry-footer a:focus {
  color: #333;
}

.pagination a, .pagination span.current {
  display: inline-block;
  background: #fff;
  padding: 5px 10px;
  border-top: 1px solid #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-decoration: none;
  color: #1a4857;
}
.pagination a:hover, .pagination a:focus {
  background: #1a4857;
  color: #fff;
  border-top: 1px solid #20586b;
}
.pagination span.current {
  background: #97c344;
  color: #fff;
  border-color: #a2c957;
}

.post-navigation:before, .post-navigation:after {
  zoom: 1;
  content: " ";
  display: table;
}
.post-navigation:after {
  clear: both;
}
.post-navigation .post-title {
  display: none;
  visibility: hidden;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
  float: left;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  display: inline-block;
  text-decoration: none;
  background: #fff;
  padding: 5px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #1a4857;
}
.post-navigation .nav-previous a:hover, .post-navigation .nav-previous a:focus,
.post-navigation .nav-next a:hover,
.post-navigation .nav-next a:focus {
  background: #1a4857;
  color: #fff;
  border-top: 1px solid #20586b;
}
.post-navigation .nav-next {
  float: right;
}

.paymentmethods .vc_tta-panel .vc_tta-panel-heading {
  background: #abcf69 !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
}
.paymentmethods .vc_tta-panel-body {
  background: #abcf69 !important;
  color: #1a4857;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  padding-top: 0 !important;
}
.paymentmethods .vc_tta-panel-body > *:first-child {
  padding-top: 14px;
  border-top: 1px solid #e6e6e6;
}
.paymentmethods .vc_tta-panel-title {
  margin: 0;
}
.paymentmethods .vc_tta-panel-title > a {
  padding: 14px 0 !important;
}
.paymentmethods .title-table {
  display: table;
  width: calc( 100% - 60px);
}
.paymentmethods .title-table > span {
  display: table-cell;
  font-weight: normal;
  color: #fff;
  padding: 0 10px;
  width: auto;
  vertical-align: middle;
}
.paymentmethods .title-table span.vc_tta-title-text {
  font-weight: bold;
  font-size: 1.2em;
  width: calc(40% - 100px);
}
.paymentmethods .title-table span.image {
  width: 100px;
}
.paymentmethods .title-table span.image img {
  width: 100%;
  height: auto;
}
.paymentmethods .title-table span.zahlung {
  width: 20%;
  color: #1a4857;
}
.paymentmethods .title-table span.spesen {
  width: 20%;
}
.paymentmethods .title-table span.lieferung {
  width: 20%;
}
.paymentmethods.vc_tta .vc_tta-controls-icon {
  width: 30px;
  height: 30px;
}
.paymentmethods.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before {
  top: 12px;
  right: 10px;
  bottom: 8px;
  left: 10px;
  border-color: #fff !important;
}
.paymentmethods.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: #97c344 !important;
  border: 1px solid #fff;
  border-color: #fff !important;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  z-index: -1;
}
.paymentmethods.vc_tta .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before {
  top: 10px;
  bottom: 10px;
  border-color: #fff !important;
}
@media only screen and (max-width: 991px) {
  .paymentmethods .title-table > span.spesen, .paymentmethods .title-table > span.zahlung, .paymentmethods .title-table > span.lieferung {
    display: none;
    visibility: hidden;
  }
}

#paymentmethods-header,
#paymentmethods-footer,
#paymentmethods-accordion {
  margin: 0;
  background: #97c344;
  color: #fff;
}
#paymentmethods-header h1, #paymentmethods-header h2, #paymentmethods-header h3,
#paymentmethods-footer h1,
#paymentmethods-footer h2,
#paymentmethods-footer h3,
#paymentmethods-accordion h1,
#paymentmethods-accordion h2,
#paymentmethods-accordion h3 {
  margin: 0;
}

#paymentmethods-header {
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
}

#paymentmethods-footer {
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-top: 1px solid #fff;
  padding-top: 14px;
}
#paymentmethods-footer .wirecard .grid {
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: 30px;
  width: 400px;
  max-width: 100%;
}
#paymentmethods-footer .wirecard li {
  width: 50%;
  padding: 0;
  text-align: right;
}
#paymentmethods-footer .wirecard li.txt-before {
  text-align: right;
  color: #1a4857;
  font-style: italic;
  font-size: 0.77rem;
  padding-right: 15px;
  vertical-align: middle;
}
#paymentmethods-footer .wirecard li.txt-after {
  flex: 2;
  font-size: 0.77rem;
  line-height: 1.3em;
  margin-top: 5px;
}
@media only screen and (min-width: 500px) and (max-width: 767px) {
  #paymentmethods-footer .secure_payment > .vc_column_container {
    width: 60%;
    float: left;
  }
  #paymentmethods-footer .secure_payment > .vc_column_container:first-child {
    width: 40%;
  }
}

#paymentmethods-accordion {
  background: #abcf69;
}
#paymentmethods-accordion .vc_tta-container {
  margin: 0;
}
#paymentmethods-accordion .vc_column-inner {
  padding: 0;
}

.sidebar .widget-title {
  font-size: 0.9em;
  line-height: 1.2em;
  margin-bottom: 1em;
  text-transform: uppercase;
  font-weight: bold;
}
.sidebar .widget {
  margin: 0 0 3em 0;
}
.sidebar .widget ul {
  list-style: none;
  margin: 0;
}
.sidebar .widget ul li {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 0.5em 0;
}
.sidebar .widget ul li a {
  display: block;
  color: inherit;
  text-decoration: none;
  font-size: 0.9em;
  line-height: 1.2em;
}
.sidebar .widget ul li a:hover, .sidebar .widget ul li a:focus {
  color: #97c344;
}

.komp-scroll-down {
  position: fixed;
  left: 50%;
  bottom: 55.5px;
  background: transparent;
  color: #6f6f6f;
  padding: 10px;
  z-index: 9999999;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #6f6f6f;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.komp-scroll-down:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 3px 3px 0px 0px;
  border-color: #6f6f6f;
  height: 16px;
  width: 16px;
  top: 0;
  left: 0;
  left: 50%;
  top: 50%;
  vertical-align: top;
  -webkit-transform: translateY(-12px) translateX(-8px) rotate(135deg);
  -moz-transform: translateY(-12px) translateX(-8px) rotate(135deg);
  -o-transform: translateY(-12px) translateX(-8px) rotate(135deg);
  transform: translateY(-12px) translateX(-8px) rotate(135deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.komp-scroll-down:hover {
  background: #97c344;
  border-color: #fff;
}
.komp-scroll-down:hover:before {
  border-color: #fff;
}
@media (max-width: 767px) {
  .komp-scroll-down {
    bottom: 120px;
    background: rgba(255, 255, 255, 0.8);
    margin: 0;
    left: auto;
    right: 0;
    border: none;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
  }
}

.komp-scroll-top {
  position: fixed;
  right: 0;
  bottom: 120px;
  background: rgba(255, 255, 255, 0.8);
  color: #6f6f6f;
  width: 40px;
  height: 40px;
  padding: 10px;
  z-index: 9999999;
  border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
}
@media (max-width: 767px) {
  .komp-scroll-top {
    bottom: 170px;
  }
}
.komp-scroll-top:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 3px 3px 0px 0px;
  border-color: #6f6f6f;
  height: 16px;
  width: 16px;
  top: 0;
  left: 0;
  left: 50%;
  top: 50%;
  vertical-align: top;
  -webkit-transform: translateY(-4px) translateX(-8px) rotate(-45deg);
  -moz-transform: translateY(-4px) translateX(-8px) rotate(-45deg);
  -o-transform: translateY(-4px) translateX(-8px) rotate(-45deg);
  transform: translateY(-4px) translateX(-8px) rotate(-45deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.komp-scroll-top:hover {
  background: #97c344;
  border-color: #fff;
}
.komp-scroll-top:hover:before {
  border-color: #fff;
}

.kcompare {
  background: #fff;
  border: 1px solid black;
  margin-bottom: 30px;
  font-size: 0.929em;
  line-height: 1.4285em;
}
.kcompare .kcompare_wrapper {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  margin: 20px;
  width: calc(100% - 40px);
}
@media (max-width: 600px) {
  .kcompare .kcompare_wrapper {
    flex-wrap: wrap;
    margin: 10px;
    width: calc(100% - 20px);
  }
}
.kcompare .kcompare_wrapper .kcompare_content {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: calc(50% - 20px);
  padding: 0;
  color: #fff;
}
@media (max-width: 970px) {
  .kcompare .kcompare_wrapper .kcompare_content {
    width: calc(50% - 10px);
    text-align: center;
    flex-wrap: wrap;
    align-items: top;
  }
}
@media (max-width: 600px) {
  .kcompare .kcompare_wrapper .kcompare_content {
    width: 100%;
  }
}
.kcompare .kcompare_wrapper .kcompare_content .image {
  width: 120px;
  height: auto;
}
.kcompare .kcompare_wrapper .kcompare_content .image img {
  height: auto;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 970px) {
  .kcompare .kcompare_wrapper .kcompare_content .image {
    width: 100%;
    text-align: center;
    margin: 20px 0 0 0;
  }
  .kcompare .kcompare_wrapper .kcompare_content .image img {
    height: 60px;
    width: auto;
  }
}
.kcompare .kcompare_wrapper .kcompare_content .content {
  width: 100%;
  padding: 10px 20px;
}
.kcompare .kcompare_wrapper .kcompare_content .content .title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.4em;
  line-height: 1.4285em;
}
@media (min-width: 971px) {
  .kcompare .kcompare_wrapper .kcompare_content.left {
    text-align: right;
  }
  .kcompare .kcompare_wrapper .kcompare_content.left .content {
    order: -1;
  }
}
@media (min-width: 971px) {
  .kcompare .kcompare_wrapper .kcompare_content.has_image .content {
    width: calc(100% - 120px);
  }
}
.kcompare .kcompare_wrapper .kcompare_seperator {
  display: none;
  visibility: hidden;
}
.kcompare.heading {
  margin: 50px 0 80px 0;
  border: none;
  background: none;
  font-size: 1em;
}
.kcompare.heading .kcompare_wrapper {
  position: relative;
  width: 100%;
  margin: 0;
}
.kcompare.heading .kcompare_wrapper .kcompare_content {
  position: relative;
  display: block;
  text-align: center;
  color: #fff;
}
@media (max-width: 600px) {
  .kcompare.heading .kcompare_wrapper .kcompare_content.pro {
    padding-top: 80px;
  }
  .kcompare.heading .kcompare_wrapper .kcompare_content.contra {
    padding-bottom: 80px;
  }
}
.kcompare.heading .kcompare_wrapper .kcompare_content .title {
  font-size: 1.4em;
  line-height: 1.4285em;
  font-weight: 700;
  padding: 15px;
  border-bottom: 1px solid #fff;
  margin: 0;
}
.kcompare.heading .kcompare_wrapper .kcompare_content .content {
  padding: 15px 40px;
  font-size: 1.1em;
  line-height: 1.4285em;
}
.kcompare.heading .kcompare_wrapper .kcompare_content:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: inherit;
  border-width: 50px;
  margin-left: -50px;
}
.kcompare.heading .kcompare_wrapper .kcompare_seperator {
  display: block;
  visibility: visible;
  position: relative;
  width: 70px;
}
@media (max-width: 600px) {
  .kcompare.heading .kcompare_wrapper .kcompare_seperator {
    display: block;
    width: 100%;
  }
}
.kcompare.heading .kcompare_wrapper .kcompare_seperator span {
  position: absolute;
  background: #fff;
  top: -25px;
  left: -25px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  text-align: center;
  line-height: 120px;
  color: #1a4857;
  z-index: 500;
  font-size: 1.3em;
  font-weight: 700;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}
@media (max-width: 600px) {
  .kcompare.heading .kcompare_wrapper .kcompare_seperator span {
    left: 50%;
    top: -60px;
    margin-left: -60px;
  }
}
.kcompare .kcompare_detail {
  border-top: 1px solid black;
  margin: 0;
  padding: 20px 20px 0 20px;
  font-size: 1.1em;
  line-height: 1.4285em;
}
@media (max-width: 600px) {
  .kcompare .kcompare_detail {
    padding: 10px 10px 0 10px;
  }
}
.kcompare .kcompare_detail .vc_section, .kcompare .kcompare_detail .vc_row {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 600px) {
  .kcompare .kcompare_detail .vc_section {
    padding: 15px 0 0 0;
  }
}
.kcompare .kcompare_detail .cd-toggle-container {
  margin-top: 15px;
}
.kcompare .kcompare_detail .cd-toggle-container .cd-toggle-btn {
  margin-top: 15px;
  background: #e95126;
  color: #fff;
}
.kcompare .kcompare_detail .cd-toggle-container .cd-toggle-btn:hover, .kcompare .kcompare_detail .cd-toggle-container .cd-toggle-btn:active {
  background: #c83c14;
}
.kcompare .kcompare_detail .cd-toggle-container .cd-toggle-btn:after {
  background: #fff;
  color: #e95126;
}
.kcompare .kcompare_detail .cd-toggle-btn {
  display: block;
  width: 100%;
  background: #eee;
  color: #717171;
  font-size: 1.5em;
  line-height: 1.2;
  font-weight: 700;
  padding: 12px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 20px;
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: none;
}
@media (max-width: 600px) {
  .kcompare .kcompare_detail .cd-toggle-btn {
    padding-left: 1.5em;
    text-align: left;
    font-size: 1.2em;
    line-height: 1.2em;
  }
}
.kcompare .kcompare_detail .cd-toggle-btn .comp_toggle_close {
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  right: 15px;
  top: 50%;
  margin: -13px 0 0 0;
  background: #6f6f6f;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.kcompare .kcompare_detail .cd-toggle-btn .comp_toggle_close:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 3px 3px 0 0;
  border-color: #fff;
  height: 9px;
  width: 9px;
  left: 7px;
  top: 5px;
  vertical-align: top;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.kcompare .kcompare_detail .cd-toggle-btn.active .comp_toggle_close {
  background: #e95126;
}
.kcompare .kcompare_detail .cd-toggle-btn.active .comp_toggle_close:before, .kcompare .kcompare_detail .cd-toggle-btn.active .comp_toggle_close:after {
  border: none;
  content: "";
  position: absolute;
  height: 3px;
  width: 15px;
  top: 50%;
  left: 4px;
  margin-top: -1px;
  background: #fff;
}
.kcompare .kcompare_detail .cd-toggle-btn.active .comp_toggle_close:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.kcompare .kcompare_detail .cd-toggle-btn.active .comp_toggle_close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.kcompare .kcompare_detail .cd-toggle-btn:hover, .kcompare .kcompare_detail .cd-toggle-btn:focus, .kcompare .kcompare_detail .cd-toggle-btn:active {
  background: #d5d5d5;
}

#komp_slide_news {
  padding-bottom: 40px;
  width: 100%;
}
#komp_slide_news .swiper-slide {
  background: #fff;
  padding: 0;
  margin: 0;
  color: #1a4857;
}
#komp_slide_news .swiper-slide .news_content {
  padding: 10px;
}
#komp_slide_news .swiper-slide .subtitle {
  text-transform: uppercase;
  margin-bottom: 5px;
}
#komp_slide_news .swiper-slide .title {
  font-size: 1.4rem;
  line-height: 1.3em;
  margin-bottom: 15px;
  border-bottom: 1px solid #194756;
  padding-bottom: 10px;
}
#komp_slide_news .swiper-slide .excerpt {
  font-size: 1.1em;
  line-height: 1.28em;
}
#komp_slide_news .swiper-slide .more a {
  position: relative;
  text-decoration: none;
  background: #1a4857;
  display: block;
  font-size: 1em;
  margin: 0;
  padding: 10px;
  font-style: italic;
  border: none;
  background: #1a4857;
  color: #fff;
}
#komp_slide_news .swiper-slide .more a:hover, #komp_slide_news .swiper-slide .more a:active {
  border: none;
  color: #fff;
  background: #97c344;
}
#komp_slide_news .swiper-slide .more a i.fa {
  font-size: 20px;
  height: 16px;
  line-height: 16px;
  display: block;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#komp_slide_news .swiper-pagination {
  bottom: 0px;
}
#komp_slide_news .swiper-pagination-bullet {
  opacity: 1;
  border: 3px solid #EBEBEB;
  width: 20px;
  height: 20px;
  background: transparent;
}
#komp_slide_news .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #EBEBEB;
}

#komp_slide_statements {
  padding-bottom: 40px;
  width: 100%;
}
#komp_slide_statements .swiper-pagination {
  bottom: 0px;
}
#komp_slide_statements .swiper-pagination-bullet {
  opacity: 1;
  border: 3px solid #fff;
  width: 20px;
  height: 20px;
  background: transparent;
}
#komp_slide_statements .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
}
#komp_slide_statements .swiper-slide * {
  margin: 0;
}
#komp_slide_statements .swiper-slide .statement {
  position: relative;
  background: #97c344;
  color: #fff;
  padding: 15px 15px 15px 50px;
  font-size: 1.2em;
  line-height: 1.45em;
  background-image: url(../images/quote.png);
  background-position: 15px 20px;
  background-repeat: no-repeat;
  cursor: pointer;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
#komp_slide_statements .swiper-slide .statement:after {
  top: 100%;
  left: 50px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #97c344;
  border-width: 20px;
  margin-left: -20px;
}
#komp_slide_statements .swiper-slide .statement:hover {
  background-color: #6e8e33;
}
#komp_slide_statements .swiper-slide .statement:hover:after {
  border-top-color: #6e8e33;
}
#komp_slide_statements .swiper-slide .statement a.cd_modal_statement_btn {
  position: absolute;
  display: block;
  background: transparent;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#komp_slide_statements .swiper-slide .statement_info {
  position: relative;
  background: #accf6b;
  border-color: #accf6b;
  color: #fff;
  padding: 8px;
  width: calc(100% - 80px);
  margin: 10px 0 0 80px;
  font-size: 0.9em;
  line-height: 1.2em;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
#komp_slide_statements .swiper-slide .statement_info span {
  display: block;
}

.cd_box {
  padding: 0;
  margin-bottom: 35px;
}
.cd_box > div.cd_box_wrap {
  overflow: hidden;
}
.cd_box .vc_column-inner {
  overflow: hidden;
}
.cd_box .wpb_content_element {
  margin: 0;
  padding: 15px;
}
.cd_box.add_quote {
  position: relative;
}
.cd_box.add_quote .wpb_content_element {
  padding-left: 40px;
}
.cd_box.add_quote:after {
  position: absolute;
  top: 18px;
  left: 13px;
  width: 18px;
  height: 18px;
  content: "";
  background-image: url("../images/quote.png");
  background-position: top left;
  background-size: contain;
  background-repeat: no-repeat;
}

.komp_qua {
  margin-bottom: 15px;
  color: #fff;
}
.komp_qua * {
  margin: 0;
}
.komp_qua .question,
.komp_qua .answer {
  padding: 15px;
  border-radius: 14px;
  background: #e95126;
}
.komp_qua .question.quote,
.komp_qua .answer.quote {
  background-image: url(../images/quote.png);
  background-position: 15px 20px;
  background-repeat: no-repeat;
  padding-left: 50px;
}
.komp_qua .question {
  font-size: 1.6em;
  line-height: 1.45em;
  position: relative;
  border-color: #e95126;
}
.komp_qua .question:after {
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  border-width: 20px;
  content: " ";
  height: 0;
  width: 0;
}
.komp_qua .question.arrow-tl, .komp_qua .question.arrow-tr {
  margin-top: 10px;
}
.komp_qua .question.arrow-tl:after, .komp_qua .question.arrow-tr:after {
  border-bottom-color: inherit;
  bottom: 100%;
}
.komp_qua .question.arrow-bl, .komp_qua .question.arrow-br {
  margin-bottom: 10px;
}
.komp_qua .question.arrow-bl:after, .komp_qua .question.arrow-br:after {
  border-top-color: inherit;
  top: 100%;
}
.komp_qua .question.arrow-bl:after, .komp_qua .question.arrow-tl:after {
  left: 30px;
}
.komp_qua .question.arrow-br:after, .komp_qua .question.arrow-tr:after {
  right: 30px;
}
.komp_qua .answer {
  font-size: 1.2em;
  line-height: 1.45em;
  background-color: #eb643d;
  margin: 0 30px 0 80px;
  position: relative;
}
.komp_qua .answer:before, .komp_qua .answer:after {
  zoom: 1;
  content: " ";
  display: table;
}
.komp_qua .answer:after {
  clear: both;
}
.komp_qua .answer.right {
  margin: 0 80px 0 30px;
}
@media only screen and (max-width: 400px) {
  .komp_qua .answer {
    margin: 0 0 0 80px;
  }
  .komp_qua .answer.right {
    margin: 0 80px 0 0;
  }
}
.komp_qua .answer.small {
  font-size: 1.2em;
  line-height: 1.45em;
  width: 48%;
}
.komp_qua .answer.small.right {
  margin-left: auto;
}
.komp_qua .answer.small.left {
  margin-right: auto;
}
@media only screen and (max-width: 991px) {
  .komp_qua .answer.small {
    width: calc(100% - 130px);
  }
}
@media only screen and (max-width: 400px) {
  .komp_qua .answer.small {
    width: calc(100% - 80px);
  }
}
.komp_qua .answer .answer_link {
  text-decoration: none;
  color: inherit;
  font-style: italic;
  display: inline-block;
  float: right;
}
.komp_qua .answer .answer_link i {
  vertical-align: middle;
  display: inline-block;
  font-size: 1.4em;
  margin-left: 10px;
  margin-top: -4px;
}
.komp_qua.big .question {
  font-size: 2.6rem;
  line-height: 1.3em;
}
.komp_qua.qua-komp-green {
  color: #fff;
}
.komp_qua.qua-komp-green .question {
  border-color: #97c344;
  background-color: #97c344;
}
.komp_qua.qua-komp-green .answer {
  background-color: #a2c957;
}
.komp_qua.qua-komp-dark-blue .question {
  border-color: #1a4857;
  background-color: #1a4857;
}
.komp_qua.qua-komp-dark-blue .answer {
  background-color: #20586b;
}

.komp_lieferung {
  margin-bottom: 25px;
}
.komp_lieferung .zone {
  border-bottom: 1px solid #efefef;
  margin: 0;
  padding: 15px 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
}
@media (max-width: 767px) {
  .komp_lieferung .zone {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.komp_lieferung .zone > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 15px 0 0;
  width: 10%;
}
.komp_lieferung .zone.heading {
  padding-top: 0;
}
.komp_lieferung .zone.heading .class_cost {
  padding: 0;
}
.komp_lieferung .zone.heading .class_cost .image {
  height: 80px;
  padding: 5px;
  width: 100%;
  background: #fff;
  text-align: center;
  border: 1px solid #1a4857;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
}
.komp_lieferung .zone.heading .class_cost .image img {
  height: 100%;
  width: auto;
}
.komp_lieferung .zone .zone_title {
  font-weight: bold;
  text-align: left;
  color: #1a4857;
}
@media (max-width: 767px) {
  .komp_lieferung .zone .zone_title {
    width: 100%;
    align-items: center;
    margin-bottom: 15px;
  }
}
.komp_lieferung .zone .class_cost {
  align-items: center;
  padding: 15px;
  background: #1a4857;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
@media (max-width: 767px) {
  .komp_lieferung .zone .class_cost {
    width: 60px;
    align-items: center;
  }
}
.komp_lieferung .zone .class_cost > span {
  display: block;
  text-align: center;
}
.komp_lieferung .zone .zone_countries {
  width: 60%;
  margin: 0;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .komp_lieferung .zone .zone_countries {
    width: 100%;
    align-items: center;
  }
}
.komp_lieferung .zone .zone_countries .countries {
  width: 100;
}
@media (max-width: 767px) {
  .komp_lieferung .zone .zone_countries .countries {
    text-align: center;
    margin-top: 15px;
  }
}
.komp_lieferung .zone .zone_countries .countries .country {
  display: inline-block;
  width: 50px;
  margin: 0 5px 5px 0;
}
.komp_lieferung .zone .zone_countries .countries .country img {
  width: 100%;
  height: auto;
}
.komp_lieferung .zone .zone_countries .countries .country > span {
  display: block;
  text-align: center;
  padding-top: 3px;
}
.komp_lieferung .zone .zone_countries .desc {
  margin-top: 10px;
}
.komp_lieferung .zone.zone-2 .zone_title {
  color: #97c344;
}
.komp_lieferung .zone.zone-2 .class_cost {
  background: #97c344;
}
.komp_lieferung .zone.zone-3 .zone_title {
  color: #e95126;
}
.komp_lieferung .zone.zone-3 .class_cost {
  background: #e95126;
}
.komp_lieferung .zone.zone-3 .zone_countries .desc {
  background: #e95126;
  color: #fff;
  padding: 5px;
}
.komp_lieferung .zone.zone-4 .zone_title {
  color: #707070;
}
.komp_lieferung .zone.zone-4 .class_cost {
  background: #707070;
}

.lieferung_after {
  position: relative;
  color: #707070;
  padding: 10px 10px 10px 50px;
  margin-left: calc(20% + 20px);
  border: 1px solid #cccccc;
  font-size: 0.9em;
  line-height: 1.3em;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.lieferung_after:after {
  position: absolute;
  content: "";
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
  background-image: url("../images/flags/middle/eu.jpg");
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .lieferung_after {
    margin-left: 0;
  }
}

/**
 * _fonts.scss
 * Custom WooCommerce fonts.
 */
@font-face {
  font-family: "star";
  src: url("../wc_fonts/star.eot");
  src: url("../wc_fonts/star.eot?#iefix") format("embedded-opentype"), url("../wc_fonts/star.woff") format("woff"), url("../wc_fonts/star.ttf") format("truetype"), url("../wc_fonts/star.svg#star") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "WooCommerce";
  src: url("../wc_fonts/WooCommerce.eot");
  src: url("../wc_fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("../wc_fonts/WooCommerce.woff") format("woff"), url("../wc_fonts/WooCommerce.ttf") format("truetype"), url("../wc_fonts/WooCommerce.svg#WooCommerce") format("svg");
  font-weight: normal;
  font-style: normal;
}
/************************************
Products loop
************************************/
.products {
  text-align: center;
  /* single img */
}
.products .product.column {
  text-align: left;
  width: 280px;
  float: none;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
}
.products .product .product-wrapper {
  background: #97c344;
  border: 1px solid #eeeeee;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
}
.products .shop_title {
  background: #eeeeee;
  padding: 15px;
  font-size: 0.92rem;
  line-height: 1.42em;
}
.products .shop_title .woocommerce-loop-product__title {
  margin: 0;
  font-size: 0.92rem;
  font-weight: normal;
}
.products .shop_title .info-links a {
  color: #1a4857;
  display: inline-block;
  position: relative;
  padding-right: 25px;
  margin: 0 0 7px 0;
  text-decoration: underline;
}
.products .shop_title .info-links a:after {
  position: absolute;
  display: inline-block;
  right: 0;
  top: 0;
  text-decoration: none;
  font-size: 1.5rem;
  font-family: "FontAwesome";
  content: "";
  text-decoration: none;
}
.products .shop_title .info-links a:hover, .products .shop_title .info-links a:focus {
  color: #97c344;
}
.products .add_to_cart_button {
  position: relative;
  display: block;
  vertical-align: middle;
  width: 100%;
  background: #97c344;
  color: #fff;
  text-decoration: none;
  font-size: 1.7em;
  line-height: 1em;
  font-weight: bold;
  padding: 0 15px;
  text-align: left;
  height: 48px;
}
.products .add_to_cart_button > span {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.products .add_to_cart_button .icon, .products .add_to_cart_button .fa {
  position: absolute;
  top: 6px;
  right: 15px;
  height: 36px;
  width: 36px;
  text-align: center;
  line-height: 35px;
  font-size: 0.8em;
  background: #accf6b;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.products .add_to_cart_button:hover, .products .add_to_cart_button:focus {
  background: #e95126;
}
.products .add_to_cart_button:hover .icon, .products .add_to_cart_button:hover .fa, .products .add_to_cart_button:focus .icon, .products .add_to_cart_button:focus .fa {
  background: #ee7654;
}
.products .added_to_cart.wc-forward {
  display: none;
  visibility: hidden;
}
.products .komp_wc_prices {
  background: #eeeeee;
  width: 100%;
  border-top: 1px solid #1a4857;
  margin: 0;
  padding: 10px 15px;
}
.products .komp_wc_prices .shipping,
.products .komp_wc_prices .variation {
  display: table;
  width: 100%;
}
.products .komp_wc_prices .shipping .label,
.products .komp_wc_prices .shipping .price,
.products .komp_wc_prices .variation .label,
.products .komp_wc_prices .variation .price {
  display: table-cell;
  padding: 0 0 6px 0;
  font-size: 0.92rem;
  line-height: 1.2em;
}
.products .komp_wc_prices .shipping .price,
.products .komp_wc_prices .variation .price {
  text-align: right;
}
.products .komp_wc_prices .shipping .price .amount,
.products .komp_wc_prices .variation .price .amount {
  font-weight: bold;
}
.products .komp_wc_prices .shipping.ohne-bodenplatte,
.products .komp_wc_prices .variation.ohne-bodenplatte {
  color: #784100;
}
.products .komp_wc_prices .shipping.mit-bodenplatte,
.products .komp_wc_prices .variation.mit-bodenplatte {
  color: #e95126;
}
.products .komp_wc_prices .shipping.mit-holzschutz,
.products .komp_wc_prices .variation.mit-holzschutz {
  color: #784100;
}
.products .komp_wc_prices .shipping.ohne-holzschutz,
.products .komp_wc_prices .variation.ohne-holzschutz {
  color: #e95126;
}
.products .komp_wc_total {
  background: #1a4857;
  color: #fff;
  display: table;
  width: 100%;
  padding: 0 15px;
}
.products .komp_wc_total .label,
.products .komp_wc_total .price {
  display: table-cell;
  height: 100%;
  vertical-align: bottom;
  padding: 8px 0;
  margin: 0;
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
}
.products .komp_wc_total .mainlabel {
  font-size: 1.08em;
  line-height: 1.42em;
}
.products .komp_wc_total .sublabel {
  display: block;
  font-size: 0.62em;
  line-height: 1em;
  font-weight: normal;
}
.products .komp_wc_total .price {
  text-align: right;
  padding-bottom: 6px;
}
.products .komp_wc_total .price .amount {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1em;
}
.products .komp_wc_total .price .amount span {
  font-size: 1.15rem;
  line-height: 1em;
}
.products .before_shop_item {
  background: #fff;
  padding-bottom: 15px;
  position: relative;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
}
.products .before_shop_item .product-button {
  position: absolute;
  bottom: -7px;
  right: 5px;
  z-index: 9000;
}
.products .before_shop_item .product-button img {
  width: 100px;
  height: auto;
}
.products .product-image {
  text-align: center;
}
.products .product-image-gallery .swiper-wrapper {
  align-items: center;
}
.products .product-image-gallery .swiper-slide {
  padding: 15px;
  text-align: center;
}
.products .product-image-gallery img {
  height: auto !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: 300px !important;
}
.products .product-image-gallery .swiper-button-white {
  background-color: #cccccc;
  background-size: 10px 10px;
  padding: 10px;
  left: 0;
}
.products .product-image-gallery .swiper-button-next {
  left: auto;
  right: 0;
}
.products .product-image-thumbnails {
  position: relative;
  width: 132px;
  margin: 0 15px;
}
.products .product-image-thumbnails .swiper-container {
  margin: 0 0 0 23px;
  width: 88px;
}
.products .product-image-thumbnails .thumbnail {
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 0 2px 3px 0;
  height: 49px;
  width: 42px;
  text-align: center;
  cursor: pointer;
}
.products .product-image-thumbnails .thumbnail:hover, .products .product-image-thumbnails .thumbnail:focus {
  -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4);
}
.products .product-image-thumbnails .thumbnail img {
  height: auto !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.products .product-image-thumbnails .swiper-button-white {
  height: 49px;
  width: 21px;
  background-color: #cccccc;
  background-size: 10px 10px;
  padding: 5px;
  left: 0;
  top: 0;
  margin-top: 0;
}
.products .product-image-thumbnails .swiper-button-next {
  left: auto;
  right: 0;
}

.single-product .product {
  margin-top: 25px;
}
.single-product .product .single_add_to_cart_button {
  margin: 21px 0;
  padding: 15px 20px;
  background: #97c344;
  color: #fff;
  width: 100%;
}
.single-product .product .single_add_to_cart_button:hover, .single-product .product .single_add_to_cart_button:active, .single-product .product .single_add_to_cart_button:focus {
  background: #1a4857;
}
.single-product .product .cross-sells {
  margin-bottom: 20px;
}
.single-product .product .cross_sell_attributes {
  display: none;
}
.single-product .product .woocommerce-Price-amount {
  font-weight: bold;
  font-size: 1.2em;
}
.single-product .product form.cart {
  margin-top: 25px;
}

.woocommerce-product-gallery {
  background: #fff;
  border: 2px solid #eeeeee;
  padding: 0;
  margin-bottom: 1rem;
}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
  margin: 0;
  padding: 0;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image {
  text-align: center;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image img {
  width: 90% !important;
  height: 100% !important;
}

.woocommerce-product-gallery__thumbs {
  margin: 0 -3px 1rem -3px !important;
  padding: 3px;
}
.woocommerce-product-gallery__thumbs .woocommerce-product-gallery__image {
  cursor: pointer;
  border: 1px solid #eeeeee;
  padding: 5px;
  height: 60px;
  width: 60px;
  margin-right: 5px;
  text-align: center;
}
.woocommerce-product-gallery__thumbs .woocommerce-product-gallery__image:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}
.woocommerce-product-gallery__thumbs .woocommerce-product-gallery__image img {
  height: 100% !important;
  width: auto !important;
}

.woocommerce-tabs {
  padding-top: 30px;
  clear: both;
}
.woocommerce-tabs .tabs {
  position: relative;
  overflow: hidden;
  margin: 0 0 30px 0;
}
.woocommerce-tabs .tabs > li {
  position: relative;
  float: left;
  padding-top: 20px;
  padding-bottom: 10px;
  margin-left: 40px;
  list-style: none;
  border-bottom: 3px solid #1a4857;
}
.woocommerce-tabs .tabs > li:first-child {
  margin-left: 0;
}
.woocommerce-tabs .tabs > li a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  color: #1a4857;
}
.woocommerce-tabs .tabs > li.active {
  border-color: #97c344;
}
.woocommerce-tabs .tabs > li.active a {
  color: #97c344;
}

.woocommerce-tabs #tab-description > h2:first-child,
.woocommerce-tabs #tab-reviews > h2:first-child,
.woocommerce-tabs #tab-additional_information > h2:first-child {
  display: none;
}

.single .woocommerce-tabs .entry-content {
  margin-bottom: 0;
}

/**
CART 
**/
.komp_wc_cart {
  border: 1px solid #cccccc;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-bottom: 30px;
}

.shop_table.cart {
  margin: 0 auto;
  width: calc( 100% - 40px);
  color: #1a4857;
  font-size: 0.9em;
}
.shop_table.cart td {
  padding: 10px;
}
.shop_table.cart td.product-thumbnail {
  width: 45px;
  padding: 10px 0;
}
.shop_table.cart td.product-thumbnail .image {
  border: 2px solid #cccccc;
  height: 45px;
  width: 45px;
  padding: 3px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.shop_table.cart td.product-thumbnail img {
  height: auto !important;
  width: auto !important;
  max-height: 100% !important;
  max-width: 100% !important;
}
.shop_table.cart td.product-name {
  padding-left: 25px;
  line-height: 1.42em;
}
.shop_table.cart td.product-price {
  text-align: right;
  display: block;
  font-size: 1.2em;
}
.shop_table.cart td.product-price .woocommerce-Price-amount {
  display: block;
  text-align: right;
  font-weight: bold;
  color: #707070;
  margin-bottom: 5px;
}
.shop_table.cart td.product-price a.remove {
  display: block;
  text-align: right;
  font-size: 0.9em;
}
.shop_table.cart td.product-price a.remove:hover, .shop_table.cart td.product-price a.remove:focus {
  color: #e95126;
}
.shop_table.cart td.product-quantity {
  vertical-align: middle;
}
.shop_table.cart td.product-quantity .quantity {
  display: inline-table;
}
.shop_table.cart td.product-quantity .times {
  margin-left: 15px;
  font-size: 1.5em;
  line-height: 1em;
}
@media screen and (max-width: 991px) {
  .shop_table.cart tr, .shop_table.cart td {
    display: block;
    width: 100% !important;
    text-align: center;
  }
  .shop_table.cart tr {
    border-top: 1px solid #cccccc;
  }
  .shop_table.cart tr:first-child {
    border: none;
  }
  .shop_table.cart td.product-quantity .times {
    display: none;
    visibility: hidden;
  }
  .shop_table.cart td.product-price .woocommerce-Price-amount, .shop_table.cart td.product-price a.remove {
    text-align: center;
  }
  .shop_table.cart td.product-thumbnail .image {
    display: inline-block;
  }
}

.shop_table.cart + div {
  border-top: 1px solid #cccccc;
  margin: 10px 20px;
  padding: 15px 0;
}
.shop_table.cart + div:before, .shop_table.cart + div:after {
  zoom: 1;
  content: " ";
  display: table;
}
.shop_table.cart + div:after {
  clear: both;
}
@media screen and (max-width: 991px) {
  .shop_table.cart + div {
    margin: 10px;
  }
}
.shop_table.cart + div .coupon {
  float: left;
  width: 50%;
}
.shop_table.cart + div .coupon label {
  display: none;
}
.shop_table.cart + div .coupon > input {
  display: inline-block;
  margin: 0;
}
.shop_table.cart + div .coupon > .input-text {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-color: #cccccc;
}
.shop_table.cart + div .coupon > .button, .shop_table.cart + div .coupon > .button-blue:not([class*=vc_]), .shop_table.cart + div .coupon > btn-blue:not([class*=vc_]), .shop_table.cart + div .button-blue.coupon > button, .shop_table.cart + div .button-blue .coupon > a, .button-blue .shop_table.cart + div .coupon > a, .shop_table.cart + div btn-blue.coupon > button, .shop_table.cart + div btn-blue .coupon > a, btn-blue .shop_table.cart + div .coupon > a, .shop_table.cart + div .button-red.coupon > button, .shop_table.cart + div .button-red .coupon > a, .button-red .shop_table.cart + div .coupon > a, .shop_table.cart + div .btn-red.coupon > button, .shop_table.cart + div .btn-red .coupon > a, .btn-red .shop_table.cart + div .coupon > a, .shop_table.cart + div .coupon > .button-red:not([class*=vc_]), .shop_table.cart + div .coupon > .btn-red:not([class*=vc_]), .shop_table.cart + div .coupon > .button-green:not([class*=vc_]), .shop_table.cart + div nav.woocommerce-MyAccount-navigation ul li .coupon > a:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li .shop_table.cart + div .coupon > a:not([class*=vc_]), .shop_table.cart + div .coupon > btn-green:not([class*=vc_]), .shop_table.cart + div .button-green.coupon > button, .shop_table.cart + div nav.woocommerce-MyAccount-navigation ul li a.coupon > button, nav.woocommerce-MyAccount-navigation ul li .shop_table.cart + div a.coupon > button, .shop_table.cart + div .button-green .coupon > a, .shop_table.cart + div nav.woocommerce-MyAccount-navigation ul li a .coupon > a, nav.woocommerce-MyAccount-navigation ul li .shop_table.cart + div a .coupon > a, .button-green .shop_table.cart + div .coupon > a, nav.woocommerce-MyAccount-navigation ul li a .shop_table.cart + div .coupon > a, .shop_table.cart + div btn-green.coupon > button, .shop_table.cart + div btn-green .coupon > a, btn-green .shop_table.cart + div .coupon > a, .shop_table.cart + div .blog article .coupon > .more-link:not([class*=vc_]), .blog article .shop_table.cart + div .coupon > .more-link:not([class*=vc_]), .shop_table.cart + div .blog article .more-link.coupon > button, .blog article .shop_table.cart + div .more-link.coupon > button, .shop_table.cart + div .blog article .more-link .coupon > a, .blog article .more-link .shop_table.cart + div .coupon > a {
  width: auto;
  margin-top: 10px;
  text-align: center;
  padding: 5px;
  background: #cccccc;
}
.shop_table.cart + div .coupon > .button:hover, .shop_table.cart + div .coupon > .button-blue:hover:not([class*=vc_]), .shop_table.cart + div .coupon > btn-blue:hover:not([class*=vc_]), .shop_table.cart + div .button-blue.coupon > button:hover, .shop_table.cart + div .button-blue .coupon > a:hover, .button-blue .shop_table.cart + div .coupon > a:hover, .shop_table.cart + div btn-blue.coupon > button:hover, .shop_table.cart + div btn-blue .coupon > a:hover, btn-blue .shop_table.cart + div .coupon > a:hover, .shop_table.cart + div .button-red.coupon > button:hover, .shop_table.cart + div .button-red .coupon > a:hover, .button-red .shop_table.cart + div .coupon > a:hover, .shop_table.cart + div .btn-red.coupon > button:hover, .shop_table.cart + div .btn-red .coupon > a:hover, .btn-red .shop_table.cart + div .coupon > a:hover, .shop_table.cart + div .coupon > .button-red:hover:not([class*=vc_]), .shop_table.cart + div .coupon > .btn-red:hover:not([class*=vc_]), .shop_table.cart + div .coupon > .button-green:hover:not([class*=vc_]), .shop_table.cart + div nav.woocommerce-MyAccount-navigation ul li .coupon > a:hover:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li .shop_table.cart + div .coupon > a:hover:not([class*=vc_]), .shop_table.cart + div .coupon > btn-green:hover:not([class*=vc_]), .shop_table.cart + div .button-green.coupon > button:hover, .shop_table.cart + div nav.woocommerce-MyAccount-navigation ul li a.coupon > button:hover, nav.woocommerce-MyAccount-navigation ul li .shop_table.cart + div a.coupon > button:hover, .shop_table.cart + div .button-green .coupon > a:hover, .shop_table.cart + div nav.woocommerce-MyAccount-navigation ul li a .coupon > a:hover, nav.woocommerce-MyAccount-navigation ul li .shop_table.cart + div a .coupon > a:hover, .button-green .shop_table.cart + div .coupon > a:hover, nav.woocommerce-MyAccount-navigation ul li a .shop_table.cart + div .coupon > a:hover, .shop_table.cart + div btn-green.coupon > button:hover, .shop_table.cart + div btn-green .coupon > a:hover, btn-green .shop_table.cart + div .coupon > a:hover, .shop_table.cart + div .blog article .coupon > .more-link:hover:not([class*=vc_]), .blog article .shop_table.cart + div .coupon > .more-link:hover:not([class*=vc_]), .shop_table.cart + div .blog article .more-link.coupon > button:hover, .blog article .shop_table.cart + div .more-link.coupon > button:hover, .shop_table.cart + div .blog article .more-link .coupon > a:hover, .blog article .more-link .shop_table.cart + div .coupon > a:hover, .shop_table.cart + div .coupon > .button:focus, .shop_table.cart + div .coupon > .button-blue:focus:not([class*=vc_]), .shop_table.cart + div .coupon > btn-blue:focus:not([class*=vc_]), .shop_table.cart + div .button-blue.coupon > button:focus, .shop_table.cart + div .button-blue .coupon > a:focus, .button-blue .shop_table.cart + div .coupon > a:focus, .shop_table.cart + div btn-blue.coupon > button:focus, .shop_table.cart + div btn-blue .coupon > a:focus, btn-blue .shop_table.cart + div .coupon > a:focus, .shop_table.cart + div .button-red.coupon > button:focus, .shop_table.cart + div .button-red .coupon > a:focus, .button-red .shop_table.cart + div .coupon > a:focus, .shop_table.cart + div .btn-red.coupon > button:focus, .shop_table.cart + div .btn-red .coupon > a:focus, .btn-red .shop_table.cart + div .coupon > a:focus, .shop_table.cart + div .coupon > .button-red:focus:not([class*=vc_]), .shop_table.cart + div .coupon > .btn-red:focus:not([class*=vc_]), .shop_table.cart + div .coupon > .button-green:focus:not([class*=vc_]), .shop_table.cart + div nav.woocommerce-MyAccount-navigation ul li .coupon > a:focus:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li .shop_table.cart + div .coupon > a:focus:not([class*=vc_]), .shop_table.cart + div .coupon > btn-green:focus:not([class*=vc_]), .shop_table.cart + div .button-green.coupon > button:focus, .shop_table.cart + div nav.woocommerce-MyAccount-navigation ul li a.coupon > button:focus, nav.woocommerce-MyAccount-navigation ul li .shop_table.cart + div a.coupon > button:focus, .shop_table.cart + div .button-green .coupon > a:focus, .shop_table.cart + div nav.woocommerce-MyAccount-navigation ul li a .coupon > a:focus, nav.woocommerce-MyAccount-navigation ul li .shop_table.cart + div a .coupon > a:focus, .button-green .shop_table.cart + div .coupon > a:focus, nav.woocommerce-MyAccount-navigation ul li a .shop_table.cart + div .coupon > a:focus, .shop_table.cart + div btn-green.coupon > button:focus, .shop_table.cart + div btn-green .coupon > a:focus, btn-green .shop_table.cart + div .coupon > a:focus, .shop_table.cart + div .blog article .coupon > .more-link:focus:not([class*=vc_]), .blog article .shop_table.cart + div .coupon > .more-link:focus:not([class*=vc_]), .shop_table.cart + div .blog article .more-link.coupon > button:focus, .blog article .shop_table.cart + div .more-link.coupon > button:focus, .shop_table.cart + div .blog article .more-link .coupon > a:focus, .blog article .more-link .shop_table.cart + div .coupon > a:focus {
  background: #97c344;
  color: #fff;
}
@media screen and (max-width: 991px) {
  .shop_table.cart + div .coupon {
    width: 100%;
    float: none;
  }
  .shop_table.cart + div .coupon .input-text, .shop_table.cart + div .coupon .button, .shop_table.cart + div .coupon .button-blue:not([class*=vc_]), .shop_table.cart + div .coupon btn-blue:not([class*=vc_]), .shop_table.cart + div .coupon .button-blue > button, .shop_table.cart + div .coupon .button-blue a, .button-blue .shop_table.cart + div .coupon a, .shop_table.cart + div .coupon btn-blue > button, .shop_table.cart + div .coupon btn-blue a, btn-blue .shop_table.cart + div .coupon a, .shop_table.cart + div .coupon .button-red > button, .shop_table.cart + div .coupon .button-red a, .button-red .shop_table.cart + div .coupon a, .shop_table.cart + div .coupon .btn-red > button, .shop_table.cart + div .coupon .btn-red a, .btn-red .shop_table.cart + div .coupon a, .shop_table.cart + div .coupon .button-red:not([class*=vc_]), .shop_table.cart + div .coupon .btn-red:not([class*=vc_]), .shop_table.cart + div .coupon .button-green:not([class*=vc_]), .shop_table.cart + div .coupon nav.woocommerce-MyAccount-navigation ul li a:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li .shop_table.cart + div .coupon a:not([class*=vc_]), .shop_table.cart + div .coupon btn-green:not([class*=vc_]), .shop_table.cart + div .coupon .button-green > button, .shop_table.cart + div .coupon nav.woocommerce-MyAccount-navigation ul li a > button, nav.woocommerce-MyAccount-navigation ul li .shop_table.cart + div .coupon a > button, .shop_table.cart + div .coupon .button-green a, .shop_table.cart + div .coupon nav.woocommerce-MyAccount-navigation ul li a a, nav.woocommerce-MyAccount-navigation ul li .shop_table.cart + div .coupon a a, .button-green .shop_table.cart + div .coupon a, nav.woocommerce-MyAccount-navigation ul li a .shop_table.cart + div .coupon a, .shop_table.cart + div .coupon btn-green > button, .shop_table.cart + div .coupon btn-green a, btn-green .shop_table.cart + div .coupon a, .shop_table.cart + div .coupon .blog article .more-link:not([class*=vc_]), .blog article .shop_table.cart + div .coupon .more-link:not([class*=vc_]), .shop_table.cart + div .coupon .blog article .more-link > button, .blog article .shop_table.cart + div .coupon .more-link > button, .shop_table.cart + div .coupon .blog article .more-link a, .blog article .more-link .shop_table.cart + div .coupon a {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
}
.shop_table.cart + div > .button, .shop_table.cart + div > .button-blue:not([class*=vc_]), .shop_table.cart + div > btn-blue:not([class*=vc_]), .shop_table.cart + div.button-blue > button, .button-blue .shop_table.cart + div > a, btn-blue .shop_table.cart + div > a, .shop_table.cart + div.button-red > button, .button-red .shop_table.cart + div > a, .shop_table.cart + div.btn-red > button, .btn-red .shop_table.cart + div > a, .shop_table.cart + div > .button-red:not([class*=vc_]), .shop_table.cart + div > .btn-red:not([class*=vc_]), .shop_table.cart + div > .button-green:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li .shop_table.cart + div > a:not([class*=vc_]), .shop_table.cart + div > btn-green:not([class*=vc_]), .shop_table.cart + div.button-green > button, .button-green .shop_table.cart + div > a, nav.woocommerce-MyAccount-navigation ul li a .shop_table.cart + div > a, btn-green .shop_table.cart + div > a, .blog article .shop_table.cart + div > .more-link:not([class*=vc_]), .blog article .shop_table.cart + div.more-link > button, .blog article .more-link .shop_table.cart + div > a {
  float: right;
  width: auto;
  margin-left: 25px;
  background: #1a4857;
  color: #fff;
}
.shop_table.cart + div > .button:disabled, .shop_table.cart + div > .button-blue:disabled:not([class*=vc_]), .shop_table.cart + div > btn-blue:disabled:not([class*=vc_]), .shop_table.cart + div.button-blue > button:disabled, .button-blue .shop_table.cart + div > a:disabled, btn-blue .shop_table.cart + div > a:disabled, .shop_table.cart + div.button-red > button:disabled, .button-red .shop_table.cart + div > a:disabled, .shop_table.cart + div.btn-red > button:disabled, .btn-red .shop_table.cart + div > a:disabled, .shop_table.cart + div > .button-red:disabled:not([class*=vc_]), .shop_table.cart + div > .btn-red:disabled:not([class*=vc_]), .shop_table.cart + div > .button-green:disabled:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li .shop_table.cart + div > a:disabled:not([class*=vc_]), .shop_table.cart + div > btn-green:disabled:not([class*=vc_]), .shop_table.cart + div.button-green > button:disabled, .button-green .shop_table.cart + div > a:disabled, nav.woocommerce-MyAccount-navigation ul li a .shop_table.cart + div > a:disabled, btn-green .shop_table.cart + div > a:disabled, .blog article .shop_table.cart + div > .more-link:disabled:not([class*=vc_]), .blog article .shop_table.cart + div.more-link > button:disabled, .blog article .more-link .shop_table.cart + div > a:disabled, .shop_table.cart + div > .button[disabled], .shop_table.cart + div > [disabled].button-blue:not([class*=vc_]), .shop_table.cart + div > btn-blue[disabled]:not([class*=vc_]), .shop_table.cart + div.button-blue > button[disabled], .button-blue .shop_table.cart + div > a[disabled], btn-blue .shop_table.cart + div > a[disabled], .shop_table.cart + div.button-red > button[disabled], .button-red .shop_table.cart + div > a[disabled], .shop_table.cart + div.btn-red > button[disabled], .btn-red .shop_table.cart + div > a[disabled], .shop_table.cart + div > [disabled].button-red:not([class*=vc_]), .shop_table.cart + div > [disabled].btn-red:not([class*=vc_]), .shop_table.cart + div > [disabled].button-green:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li .shop_table.cart + div > a[disabled]:not([class*=vc_]), .shop_table.cart + div > btn-green[disabled]:not([class*=vc_]), .shop_table.cart + div.button-green > button[disabled], .button-green .shop_table.cart + div > a[disabled], nav.woocommerce-MyAccount-navigation ul li a .shop_table.cart + div > a[disabled], btn-green .shop_table.cart + div > a[disabled], .blog article .shop_table.cart + div > [disabled].more-link:not([class*=vc_]), .blog article .shop_table.cart + div.more-link > button[disabled], .blog article .more-link .shop_table.cart + div > a[disabled] {
  display: none;
  visibility: hidden;
}
.shop_table.cart + div > .button:hover, .shop_table.cart + div > .button-blue:hover:not([class*=vc_]), .shop_table.cart + div > btn-blue:hover:not([class*=vc_]), .shop_table.cart + div.button-blue > button:hover, .button-blue .shop_table.cart + div > a:hover, btn-blue .shop_table.cart + div > a:hover, .shop_table.cart + div.button-red > button:hover, .button-red .shop_table.cart + div > a:hover, .shop_table.cart + div.btn-red > button:hover, .btn-red .shop_table.cart + div > a:hover, .shop_table.cart + div > .button-red:hover:not([class*=vc_]), .shop_table.cart + div > .btn-red:hover:not([class*=vc_]), .shop_table.cart + div > .button-green:hover:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li .shop_table.cart + div > a:hover:not([class*=vc_]), .shop_table.cart + div > btn-green:hover:not([class*=vc_]), .shop_table.cart + div.button-green > button:hover, .button-green .shop_table.cart + div > a:hover, nav.woocommerce-MyAccount-navigation ul li a .shop_table.cart + div > a:hover, btn-green .shop_table.cart + div > a:hover, .blog article .shop_table.cart + div > .more-link:hover:not([class*=vc_]), .blog article .shop_table.cart + div.more-link > button:hover, .blog article .more-link .shop_table.cart + div > a:hover, .shop_table.cart + div > .button:focus, .shop_table.cart + div > .button-blue:focus:not([class*=vc_]), .shop_table.cart + div > btn-blue:focus:not([class*=vc_]), .shop_table.cart + div.button-blue > button:focus, .button-blue .shop_table.cart + div > a:focus, btn-blue .shop_table.cart + div > a:focus, .shop_table.cart + div.button-red > button:focus, .button-red .shop_table.cart + div > a:focus, .shop_table.cart + div.btn-red > button:focus, .btn-red .shop_table.cart + div > a:focus, .shop_table.cart + div > .button-red:focus:not([class*=vc_]), .shop_table.cart + div > .btn-red:focus:not([class*=vc_]), .shop_table.cart + div > .button-green:focus:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li .shop_table.cart + div > a:focus:not([class*=vc_]), .shop_table.cart + div > btn-green:focus:not([class*=vc_]), .shop_table.cart + div.button-green > button:focus, .button-green .shop_table.cart + div > a:focus, nav.woocommerce-MyAccount-navigation ul li a .shop_table.cart + div > a:focus, btn-green .shop_table.cart + div > a:focus, .blog article .shop_table.cart + div > .more-link:focus:not([class*=vc_]), .blog article .shop_table.cart + div.more-link > button:focus, .blog article .more-link .shop_table.cart + div > a:focus {
  background: #97c344;
  color: #fff;
}
@media screen and (max-width: 991px) {
  .shop_table.cart + div > .button, .shop_table.cart + div > .button-blue:not([class*=vc_]), .shop_table.cart + div > btn-blue:not([class*=vc_]), .shop_table.cart + div.button-blue > button, .button-blue .shop_table.cart + div > a, btn-blue .shop_table.cart + div > a, .shop_table.cart + div.button-red > button, .button-red .shop_table.cart + div > a, .shop_table.cart + div.btn-red > button, .btn-red .shop_table.cart + div > a, .shop_table.cart + div > .button-red:not([class*=vc_]), .shop_table.cart + div > .btn-red:not([class*=vc_]), .shop_table.cart + div > .button-green:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li .shop_table.cart + div > a:not([class*=vc_]), .shop_table.cart + div > btn-green:not([class*=vc_]), .shop_table.cart + div.button-green > button, .button-green .shop_table.cart + div > a, nav.woocommerce-MyAccount-navigation ul li a .shop_table.cart + div > a, btn-green .shop_table.cart + div > a, .blog article .shop_table.cart + div > .more-link:not([class*=vc_]), .blog article .shop_table.cart + div.more-link > button, .blog article .more-link .shop_table.cart + div > a {
    width: 100%;
    float: none;
    margin: 25px 0 0 0;
  }
}

.cart_totals, .cart_totals_header {
  margin-top: 1em;
}
.cart_totals b, .cart_totals strong, .cart_totals_header b, .cart_totals_header strong {
  font-weight: bold !important;
}
.cart_totals table, .cart_totals_header table {
  width: 100%;
  font-size: 1.23em;
  line-height: 1.2em;
  color: #707070;
}
.cart_totals table th, .cart_totals table td, .cart_totals_header table th, .cart_totals_header table td {
  text-align: left;
  font-weight: normal;
  padding: 4px 20px;
}
@media screen and (max-width: 991px) {
  .cart_totals table th, .cart_totals table td, .cart_totals_header table th, .cart_totals_header table td {
    padding: 4px 10px;
  }
}
.cart_totals table td, .cart_totals_header table td {
  text-align: right;
}
.cart_totals table tr.order-total td, .cart_totals table tr.order-total th, .cart_totals_header table tr.order-total td, .cart_totals_header table tr.order-total th {
  padding: 12px 20px;
  background: #eeeeee;
  font-weight: bold;
}
.cart_totals table tr.order-total td .includes_tax, .cart_totals table tr.order-total th .includes_tax, .cart_totals_header table tr.order-total td .includes_tax, .cart_totals_header table tr.order-total th .includes_tax {
  display: block;
  font-size: 0.77em;
}
.cart_totals .wc-proceed-to-checkout, .cart_totals_header .wc-proceed-to-checkout {
  padding: 20px;
  text-align: right;
}
.cart_totals .wc-proceed-to-checkout a, .cart_totals_header .wc-proceed-to-checkout a {
  background: #97c344;
  color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.cart_totals .wc-proceed-to-checkout a:hover, .cart_totals .wc-proceed-to-checkout a:focus, .cart_totals .wc-proceed-to-checkout a:active, .cart_totals_header .wc-proceed-to-checkout a:hover, .cart_totals_header .wc-proceed-to-checkout a:focus, .cart_totals_header .wc-proceed-to-checkout a:active {
  background: #1a4857;
}

.cart-bottom {
  background: #eeeeee;
  color: #1a4857;
  padding: 15px;
  font-size: 0.929em;
  line-height: 1.4285em;
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
}
.cart-bottom .title {
  font-size: 1.08em;
  font-weight: bold;
  margin-bottom: 1em;
}
.cart-bottom .info {
  font-size: 0.8em;
  line-height: 1.2em;
}
@media (min-width: 700px) {
  .cart-bottom div.column {
    width: 50%;
  }
}
.cart-bottom .payment .grid {
  list-style: none;
  list-style-position: outisde;
  margin: -5px;
}
.cart-bottom .payment .grid li {
  float: left;
  padding: 5px;
  width: calc(100% / 6);
  min-width: 70px;
}
.cart-bottom .payment .grid li img {
  height: auto !important;
  width: auto !important;
  max-height: 100% !important;
  max-width: 100% !important;
}

.cart-top {
  margin: 20px 20px 10px 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  text-align: right;
}
@media screen and (max-width: 991px) {
  .cart-top {
    margin: 10px;
  }
}
.cart-top .shipping_country > p, .cart-top .shipping_country > form {
  display: inline-block;
  width: auto;
  margin: 0;
}
.cart-top .shipping_country > p {
  margin-right: 10px;
  color: #707070;
  font-size: 1.23em;
}

/*************************************
Header CART Widget
Rest in  header.css
**************************************/
.cd_wc_cart a {
  text-decoration: none;
}
.cd_wc_cart .popup {
  width: 500px;
  padding: 0;
  max-width: 500px !important;
}
.cd_wc_cart .popup.empty {
  width: 430px;
  max-width: 430px !important;
}
@media (max-width: 500px) {
  .cd_wc_cart .popup {
    width: 430px;
    max-width: 430px !important;
  }
}
.cd_wc_cart .actions {
  text-align: right;
  padding: 25px 20px;
}
.cd_wc_cart .actions a {
  margin-left: 20px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.cd_wc_cart .cart_totals_header table {
  font-size: 1em;
}
.cd_wc_cart .emtpy_cart {
  width: 100%;
  max-width: 100%;
  padding: 52px 0;
  color: #cccccc;
  font-size: 1.38em;
  text-align: center;
}
.cd_wc_cart .emtpy_cart p {
  margin: 0;
}
.cd_wc_cart .emtpy_cart .big {
  font-size: 2.07em;
  margin: 0 0 10px 0;
}
.cd_wc_cart .products {
  margin-top: 15px;
  text-align: left;
}
.cd_wc_cart .cart-product {
  margin-top: 10px;
  padding: 0 20px;
  display: flex;
}
.cd_wc_cart .cart-product a.info {
  display: block;
  width: 70%;
  display: flex;
  font-size: 0.9em;
}
.cd_wc_cart .cart-product a.info .image {
  display: block;
  padding: 4px;
  border: 1px solid #cccccc;
  width: 45px;
  height: 45px;
  text-align: center;
  margin-right: 10px;
}
.cd_wc_cart .cart-product a.info .image img {
  height: auto !important;
  width: auto !important;
  max-height: 100% !important;
  max-width: 100% !important;
}
.cd_wc_cart .cart-product a.info .product-name {
  display: block;
  color: #1a4857;
  width: calc( 100% - 55px);
}
.cd_wc_cart .cart-product .p_qutantiy {
  display: block;
  width: auto;
}
.cd_wc_cart .cart-product .price {
  text-align: right;
  margin-left: auto;
  display: block;
  width: 25%;
  color: #707070;
}
.cd_wc_cart .cart-product .price .woocommerce-Price-amount {
  font-weight: bold;
}
.cd_wc_cart .cart-product .price a.remove {
  display: block;
  text-align: right;
  font-size: 0.9em;
  color: #e95126;
}
.cd_wc_cart .cart-product .price a.remove:hover, .cd_wc_cart .cart-product .price a.remove:focus {
  color: #97c344;
}

.wc_cart_sidebar {
  font-size: 0.929em;
  line-height: 1.4285em;
  background: #eeeeee;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.wc_cart_sidebar > div {
  padding: 15px;
}
.wc_cart_sidebar .info li {
  margin-bottom: 7px;
}
.wc_cart_sidebar .button-img img {
  width: auto;
  height: auto;
}
.wc_cart_sidebar .button, .wc_cart_sidebar .button-blue:not([class*=vc_]), .wc_cart_sidebar btn-blue:not([class*=vc_]), .wc_cart_sidebar .button-blue > button, .wc_cart_sidebar .button-blue a, .button-blue .wc_cart_sidebar a, .wc_cart_sidebar btn-blue > button, .wc_cart_sidebar btn-blue a, btn-blue .wc_cart_sidebar a, .wc_cart_sidebar .button-red > button, .wc_cart_sidebar .button-red a, .button-red .wc_cart_sidebar a, .wc_cart_sidebar .btn-red > button, .wc_cart_sidebar .btn-red a, .btn-red .wc_cart_sidebar a, .wc_cart_sidebar .button-red:not([class*=vc_]), .wc_cart_sidebar .btn-red:not([class*=vc_]), .wc_cart_sidebar .button-green:not([class*=vc_]), .wc_cart_sidebar nav.woocommerce-MyAccount-navigation ul li a:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li .wc_cart_sidebar a:not([class*=vc_]), .wc_cart_sidebar btn-green:not([class*=vc_]), .wc_cart_sidebar .button-green > button, .wc_cart_sidebar nav.woocommerce-MyAccount-navigation ul li a > button, nav.woocommerce-MyAccount-navigation ul li .wc_cart_sidebar a > button, .wc_cart_sidebar .button-green a, .wc_cart_sidebar nav.woocommerce-MyAccount-navigation ul li a a, nav.woocommerce-MyAccount-navigation ul li .wc_cart_sidebar a a, .button-green .wc_cart_sidebar a, nav.woocommerce-MyAccount-navigation ul li a .wc_cart_sidebar a, .wc_cart_sidebar btn-green > button, .wc_cart_sidebar btn-green a, btn-green .wc_cart_sidebar a, .wc_cart_sidebar .blog article .more-link:not([class*=vc_]), .blog article .wc_cart_sidebar .more-link:not([class*=vc_]), .wc_cart_sidebar .blog article .more-link > button, .blog article .wc_cart_sidebar .more-link > button, .wc_cart_sidebar .blog article .more-link a, .blog article .more-link .wc_cart_sidebar a {
  font-size: 0.8em;
  margin-bottom: 5px;
}
.wc_cart_sidebar .shipping {
  background: #1a4857;
  color: #fff;
}
.wc_cart_sidebar .shipping li {
  margin-bottom: 7px;
}
.wc_cart_sidebar .bottom {
  text-align: center;
}

/*****************
Quantity input 
*****************/
.quantity {
  display: table;
  height: 35px;
  position: relative;
  width: 80px;
}
.quantity .qty-btn {
  display: table-cell;
  margin: 0;
  padding: 0;
  background: #6f6f6f;
  color: #fff;
  vertical-align: middle;
  width: 25px;
  text-align: center;
  cursor: pointer;
  font-size: 1.5em;
  line-height: 35px;
}
.quantity .qty-btn:hover, .quantity .qty-btn:focus, .quantity .qty-btn:active {
  background: #1a4857;
}
.quantity .qty-btn.qty-minus {
  left: 0;
  border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
}
.quantity .qty-btn.qty-plus {
  right: 0;
  border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
}
.quantity input {
  display: table-cell;
  padding: 10px 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-left: none;
  border-right: none;
  height: 35px;
  width: 30px;
  text-align: center;
}
.quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
.quantity input[type=number] {
  -moz-appearance: textfield;
}

.komp_wc_shipping_calculator .ui.selection.dropdown {
  background: #eeeeee;
}

/**
 * General layout styles
 */
.col2-set {
  width: 100%;
}
.col2-set:before, .col2-set:after {
  zoom: 1;
  content: " ";
  display: table;
}
.col2-set:after {
  clear: both;
}
.col2-set .col-1 {
  float: left;
  width: 48%;
}
.col2-set .col-2 {
  float: right;
  width: 48%;
}
@media (max-width: 991px) {
  .col2-set .col-1,
.col2-set .col-2 {
    float: none;
    width: 100%;
    margin-bottom: 35px;
  }
}

.cd_wc_table, table.customer_details, table.order_details, table.my_account_orders {
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-collapse: separate;
  border-radius: 5px;
}
.cd_wc_table th, table.customer_details th, table.order_details th, table.my_account_orders th {
  font-weight: 700;
  padding: 9px 12px;
}
.cd_wc_table td, table.customer_details td, table.order_details td, table.my_account_orders td {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 6px 12px;
  vertical-align: middle;
}
.cd_wc_table td small, table.customer_details td small, table.order_details td small, table.my_account_orders td small {
  font-weight: normal;
}
.cd_wc_table tbody:first-child tr:first-child th, table.customer_details tbody:first-child tr:first-child th, table.order_details tbody:first-child tr:first-child th, table.my_account_orders tbody:first-child tr:first-child th,
.cd_wc_table tbody:first-child tr:first-child td,
table.customer_details tbody:first-child tr:first-child td,
table.order_details tbody:first-child tr:first-child td,
table.my_account_orders tbody:first-child tr:first-child td {
  border-top: 0;
}
.cd_wc_table tfoot td, table.customer_details tfoot td, table.order_details tfoot td, table.my_account_orders tfoot td,
.cd_wc_table tfoot th,
table.customer_details tfoot th,
table.order_details tfoot th,
table.my_account_orders tfoot th,
.cd_wc_table tbody th,
table.customer_details tbody th,
table.order_details tbody th,
table.my_account_orders tbody th {
  font-weight: 700;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
  .cd_wc_table.shop_table_responsive thead, table.shop_table_responsive.customer_details thead, table.shop_table_responsive.order_details thead, table.shop_table_responsive.my_account_orders thead {
    display: none;
  }
  .cd_wc_table.shop_table_responsive tbody tr:first-child td:first-child, table.shop_table_responsive.customer_details tbody tr:first-child td:first-child, table.shop_table_responsive.order_details tbody tr:first-child td:first-child, table.shop_table_responsive.my_account_orders tbody tr:first-child td:first-child {
    border-top: 0;
  }
  .cd_wc_table.shop_table_responsive tbody th, table.shop_table_responsive.customer_details tbody th, table.shop_table_responsive.order_details tbody th, table.shop_table_responsive.my_account_orders tbody th {
    display: none;
  }
  .cd_wc_table.shop_table_responsive tr, table.shop_table_responsive.customer_details tr, table.shop_table_responsive.order_details tr, table.shop_table_responsive.my_account_orders tr {
    display: block;
  }
  .cd_wc_table.shop_table_responsive tr td, table.shop_table_responsive.customer_details tr td, table.shop_table_responsive.order_details tr td, table.shop_table_responsive.my_account_orders tr td {
    display: block;
    text-align: right !important;
  }
  .cd_wc_table.shop_table_responsive tr td.order-actions, table.shop_table_responsive.customer_details tr td.order-actions, table.shop_table_responsive.order_details tr td.order-actions, table.shop_table_responsive.my_account_orders tr td.order-actions {
    text-align: left !important;
  }
  .cd_wc_table.shop_table_responsive tr td::before, table.shop_table_responsive.customer_details tr td::before, table.shop_table_responsive.order_details tr td::before, table.shop_table_responsive.my_account_orders tr td::before {
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
  }
  .cd_wc_table.shop_table_responsive tr td.product-remove::before, table.shop_table_responsive.customer_details tr td.product-remove::before, table.shop_table_responsive.order_details tr td.product-remove::before, table.shop_table_responsive.my_account_orders tr td.product-remove::before, .cd_wc_table.shop_table_responsive tr td.actions::before, table.shop_table_responsive.customer_details tr td.actions::before, table.shop_table_responsive.order_details tr td.actions::before, table.shop_table_responsive.my_account_orders tr td.actions::before {
    display: none;
  }
  .cd_wc_table.shop_table_responsive tr:nth-child(2n) td, table.shop_table_responsive.customer_details tr:nth-child(2n) td, table.shop_table_responsive.order_details tr:nth-child(2n) td, table.shop_table_responsive.my_account_orders tr:nth-child(2n) td {
    background-color: rgba(0, 0, 0, 0.025);
  }
}

.woocommerce-address-fields__field-wrapper {
  margin-bottom: 25px;
}

.woocommerce-ordering {
  display: none;
  visibility: hidden;
}

.woocommerce-breadcrumb {
  margin-bottom: 25px;
}

/** PWD strength */
.woocommerce-password-strength {
  margin: 10px 0 10px 0;
}
.woocommerce-password-strength.short, .woocommerce-password-strength.bad {
  color: #e95126;
}
.woocommerce-password-strength.good {
  color: #1a4857;
}
.woocommerce-password-strength.strong {
  color: #97c344;
}

.woocommerce-Price-currencySymbol {
  font-size: 0.9em;
}

.cross-sells .cross-sell-product .product_form {
  display: table;
  width: 100%;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  color: #707070;
}
.cross-sells .cross-sell-product .product_form > div {
  display: table-cell;
  padding: 5px 0;
  vertical-align: middle;
}
.cross-sells .cross-sell-product .product_form .checkbox {
  width: 30px;
}
.cross-sells .cross-sell-product .product_form .product_image {
  padding: 5px;
  width: 50px;
}
.cross-sells .cross-sell-product .product_form .price {
  text-align: right;
  width: 70px;
}
.cross-sells .cross-sell-product .product_form .p_quantity {
  width: 120px;
  text-align: center;
}
.cross-sells .cross-sell-product .product_form .p_quantity .quantity {
  display: inline-table;
}
.cross-sells .cross-sell-product .product_form .p_quantity .times {
  margin-left: 10px;
  font-size: 1.38rem;
}
.cross-sells .cross-sell-product .product_form .desc {
  width: auto;
  font-size: 0.9rem;
  font-weight: bold;
}
.cross-sells .cross-sell-product .product_form .desc > * {
  color: #784100;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
}
@media screen and (max-width: 991px) {
  .cross-sells .cross-sell-product .product_form {
    display: block;
    text-align: center;
  }
  .cross-sells .cross-sell-product .product_form > div {
    display: block;
    width: 100% !important;
    text-align: center !important;
  }
  .cross-sells .cross-sell-product .product_form .product_image {
    width: 50px !important;
    margin: 0 auto;
  }
  .cross-sells .cross-sell-product .p_quantity .times {
    display: none;
  }
}
.cross-sells .cross_sell_attributes {
  padding: 15px 0;
}
.cross-sells .cross_sell_attributes .single_add_to_cart_button {
  width: 100%;
  background: #97c344;
  color: #fff;
}
.cross-sells .cross_sell_attributes .single_add_to_cart_button:hover, .cross-sells .cross_sell_attributes .single_add_to_cart_button:focus {
  background: #5d7a27;
  color: #fff;
}
.cross-sells .cross-sell-product-dropdown > .cd-toggle-btn {
  padding: 15px 0;
  font-size: 1.23rem;
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
  position: relative;
}
.cross-sells .cross-sell-product-dropdown > .cd-toggle-btn:after {
  position: absolute;
  display: inline-block;
  right: 20px;
  top: 10px;
  text-decoration: none;
  font-size: 1.5rem;
  font-family: "FontAwesome";
  content: "";
  text-decoration: none;
  color: inherit;
}
.cross-sells .cross-sell-product-dropdown .cs-product-dropdown-container {
  padding: 15px 0;
}
.cross-sells .cross-sell-product-dropdown .cs-product-dropdown-container.open {
  border-bottom: 1px solid #cccccc;
}
.cross-sells .cross-sell-product-dropdown .info_link {
  color: #1a4857;
  display: inline-block;
  position: relative;
  margin: 0 0 10px 0;
  padding-right: 30px;
  font-size: 1.23rem;
  line-height: 1.4em;
  text-decoration: none;
}
.cross-sells .cross-sell-product-dropdown .info_link:after {
  position: absolute;
  display: inline-block;
  right: 0;
  top: 0;
  text-decoration: none;
  font-size: 2rem;
  font-family: "FontAwesome";
  content: "";
  text-decoration: none;
}
.cross-sells .cross-sell-product-dropdown .info_link:hover, .cross-sells .cross-sell-product-dropdown .info_link:focus {
  text-decoration: none;
  color: #97c344;
}
.cross-sells .cross-sell-product-dropdown > .single {
  color: #707070;
  padding: 10px 0;
  border-bottom: 1px solid #cccccc;
  position: relative;
}
.cross-sells .cross-sell-product-dropdown > .single label {
  font-size: 1.23rem;
  font-weight: bold;
}
.cross-sells .cross-sell-product-dropdown > .single .checkbox {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
}
.cross-sells .cross-sell-product-dropdown > .single .info_link {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: auto;
  padding: 0;
  margin: 0 0 0 auto;
  text-decoration: underline;
  font-size: 0.85rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cross-sells .cross-sell-product-dropdown > .single .info_link:after {
  content: "";
  display: none;
}

.woocommerce-cart .cross-sells .cross-sell-product-dropdown > .cd-toggle-btn {
  padding: 15px 20px;
  line-height: 1.4em;
}
@media screen and (max-width: 991px) {
  .woocommerce-cart .cross-sells .cross-sell-product-dropdown > .cd-toggle-btn {
    padding-right: 50px;
  }
}
.woocommerce-cart .cross-sells .cross-sell-product-dropdown > .single {
  padding: 15px 20px;
}
.woocommerce-cart .cross-sells .cs-product-dropdown-container {
  padding: 15px 20px;
}

.cross_sell_attributes, .variations_form {
  padding: 15px 0;
}
.cross_sell_attributes .label, .variations_form .label {
  font-size: 1.3rem;
  line-height: 1.2em;
  color: #707070;
  margin-bottom: 7px;
}
.cross_sell_attributes .variation, .variations_form .variation {
  margin-bottom: 15px;
}
.cross_sell_attributes .variation .value, .variations_form .variation .value {
  margin-top: 0;
}
.cross_sell_attributes .variation .radios .radio, .variations_form .variation .radios .radio {
  margin: 0;
  width: 50%;
}
@media screen and (max-width: 991px) {
  .cross_sell_attributes .variation .radios .radio, .variations_form .variation .radios .radio {
    width: 100%;
  }
}
.cross_sell_attributes .variation .radios .radio label, .variations_form .variation .radios .radio label {
  min-height: 25px;
  margin-top: 0;
  margin-bottom: 10px;
}
.cross_sell_attributes .variation .radios .radio label .label, .variations_form .variation .radios .radio label .label {
  font-size: 0.92rem;
  line-height: 1.3em;
  margin: 0;
  display: block;
}
.cross_sell_attributes .variation .radios .radio label .label .desc, .variations_form .variation .radios .radio label .label .desc {
  margin: 0;
  display: block;
  font-size: 0.9em;
}
.cross_sell_attributes .variation .radios .radio label.has-image, .variations_form .variation .radios .radio label.has-image {
  width: 70%;
}
.cross_sell_attributes .variation .radios .radio label.has-image .label, .variations_form .variation .radios .radio label.has-image .label {
  width: calc(100% - 30px);
}
.cross_sell_attributes .variation .radios .radio label.has-image .image, .variations_form .variation .radios .radio label.has-image .image {
  margin: 0;
  display: block;
  width: 30px;
  height: 30px;
}
.cross_sell_attributes .variation .radios .radio label:hover, .cross_sell_attributes .variation .radios .radio label:focus, .variations_form .variation .radios .radio label:hover, .variations_form .variation .radios .radio label:focus {
  color: #97c344;
}
.cross_sell_attributes .variation .radios .radio label:hover .label, .cross_sell_attributes .variation .radios .radio label:focus .label, .variations_form .variation .radios .radio label:hover .label, .variations_form .variation .radios .radio label:focus .label {
  color: #97c344;
}
.cross_sell_attributes select.wc_default, .variations_form select.wc_default {
  display: none;
}

.lost_reset_password, .registration-form {
  border: 1px solid #cccccc;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 20px;
  width: 780px;
  margin: 0 auto;
  max-width: 100%;
}

.registration-form .registrion-content {
  margin-bottom: 25px;
}
.registration-form form.register {
  border: none;
  padding: 0;
}
.registration-form form, .registration-form .registrion-content {
  width: 530px;
  max-width: 100%;
}

.required {
  color: #e95126;
}

.woocommerce input.button, .woocommerce input.button-blue:not([class*=vc_]), .woocommerce input.button-red:not([class*=vc_]), .woocommerce input.btn-red:not([class*=vc_]), .woocommerce input.button-green:not([class*=vc_]), .woocommerce .blog article input.more-link:not([class*=vc_]), .blog article .woocommerce input.more-link:not([class*=vc_]) {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #97c344;
  color: #fff;
}
.woocommerce input.button:hover, .woocommerce input.button-blue:hover:not([class*=vc_]), .woocommerce input.button-red:hover:not([class*=vc_]), .woocommerce input.btn-red:hover:not([class*=vc_]), .woocommerce input.button-green:hover:not([class*=vc_]), .woocommerce .blog article input.more-link:hover:not([class*=vc_]), .blog article .woocommerce input.more-link:hover:not([class*=vc_]), .woocommerce input.button:focus, .woocommerce input.button-blue:focus:not([class*=vc_]), .woocommerce input.button-red:focus:not([class*=vc_]), .woocommerce input.btn-red:focus:not([class*=vc_]), .woocommerce input.button-green:focus:not([class*=vc_]), .woocommerce .blog article input.more-link:focus:not([class*=vc_]), .blog article .woocommerce input.more-link:focus:not([class*=vc_]) {
  background: #1a4857;
}

form.checkout .woocommerce-additional-fields {
  margin-top: 25px;
}
form.checkout #place_order {
  margin-top: 21px;
}

#order_review table {
  width: 100%;
  margin-bottom: 25px;
  border-collapse: collapse;
}
#order_review table thead th {
  text-align: left;
  border-bottom: 2px solid #707070;
  padding-bottom: 10px;
}
#order_review table thead th.product-total {
  text-align: right;
}
#order_review table tbody td {
  padding: 10px 0;
  border-bottom: 1px solid #707070;
}
#order_review table tbody td.product-total {
  text-align: right;
}
#order_review table tfoot th, #order_review table tfoot td {
  padding: 4px;
  font-size: 1.23rem;
  line-height: 1.2em;
  color: #707070;
  font-weight: normal;
  text-align: left;
}
#order_review table tfoot td {
  text-align: right;
}
#order_review table tfoot tr.order-total td, #order_review table tfoot tr.order-total th {
  padding: 12px 15px;
  background: #eeeeee;
  font-weight: bold;
}
#order_review table tfoot tr.order-total td .includes_tax, #order_review table tfoot tr.order-total th .includes_tax {
  display: block;
  font-size: 0.77rem;
}

ul.payment_methods {
  background: #97c344;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin: 0 0 25px 0;
  list-style: none;
  padding: 0;
}
ul.payment_methods li {
  border-top: 1px solid #accf6b;
  border-bottom: 1px solid #7ba133;
  padding: 20px;
  color: #fff;
}
ul.payment_methods li:first-child {
  border-top: none;
}
ul.payment_methods li:last-child {
  border-bottom: none;
}
ul.payment_methods li > label {
  width: 100%;
  margin: 6px 0 0;
  padding: 0 0 0 30px;
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  cursor: pointer;
  float: none;
  display: block;
  position: relative;
  left: 0;
  top: 0;
  font-weight: bold;
  color: #fff;
}
ul.payment_methods li > label:before {
  margin: 0;
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFCRTE4Q0IxNTc5MTFFNjlCOTU5QjY1QkU5MkYyMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTFCRTE4Q0MxNTc5MTFFNjlCOTU5QjY1QkU5MkYyMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MkMxNjBDNjBFMTYxMUU2OUI5NTlCNjVCRTkyRjIwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUJFMThDQTE1NzkxMUU2OUI5NTlCNjVCRTkyRjIwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuFgne4AAADHSURBVHjaYvj//z8DGdgFiL8BcSM5mlWA+N1/CPhDqmY+IL72HwE6SNHMBMSbkDRvBImRYkArkuYLQMwDEidWcziS5hdALAeTAxFsQGyAR7MhNMRB4DsQWyDLg4j1UMkSLJrFgfghku2R6GoYkEwHgTAkSZDLDiHJNWNzIYiIQFL0E4htoZIzkcRXAjEjLgNAOB9J8Wcg3ofEPwPEXLjCCFc0wcATIJbEF0PIHJAT5yJpBoWNEaEoRhdgBuIV0OgKICaNAAQYAPD/2FJuxgMsAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-size: 1px;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
  text-align: center;
  font-size: 13px;
  line-height: 22px;
  color: #fff;
  border-color: #cccccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
}
ul.payment_methods li > label img {
  margin-top: -13px;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  ul.payment_methods li > label img {
    clear: both;
    float: none;
    margin: 5px auto;
    display: block;
    max-height: 35px;
  }
}
ul.payment_methods li > input {
  display: none;
}
ul.payment_methods li > input:checked + label:before {
  background-color: #1a4857;
  content: "";
  background-size: 10px;
  border-color: #1a4857;
  color: #fff;
  transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
}
ul.payment_methods .payment_box {
  padding: 20px 0;
}

nav.woocommerce-MyAccount-navigation {
  float: left;
  margin-right: 30px;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  padding: 0;
  margin: 0;
}
nav.woocommerce-MyAccount-navigation ul li a {
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation + .woocommerce-MyAccount-content {
  width: 80%;
  float: left;
}
@media (max-width: 991px) {
  nav.woocommerce-MyAccount-navigation {
    float: none;
    margin-right: 0;
  }
  nav.woocommerce-MyAccount-navigation ul {
    margin-bottom: 30px;
  }
  nav.woocommerce-MyAccount-navigation + .woocommerce-MyAccount-content {
    width: 100%;
    float: none;
  }
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  padding: 1em 2em 1em 3.5em;
  margin: 0 0 2em;
  position: relative;
  background-color: #fbfbfb;
  color: #1a4857;
  border-top: 3px solid #1a4857;
  list-style: none outside;
  width: auto;
  word-wrap: break-word;
}
.woocommerce-message:before, .woocommerce-message:after,
.woocommerce-error:before,
.woocommerce-error:after,
.woocommerce-info:before,
.woocommerce-info:after {
  zoom: 1;
  content: " ";
  display: table;
}
.woocommerce-message:after,
.woocommerce-error:after,
.woocommerce-info:after {
  clear: both;
}
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
  font-family: "WooCommerce";
  content: "";
  display: inline-block;
  position: absolute;
  top: 1em;
  left: 1.5em;
}
.woocommerce-message .button, .woocommerce-message .button-blue:not([class*=vc_]), .woocommerce-message btn-blue:not([class*=vc_]), .woocommerce-message .button-blue > button, .woocommerce-message .button-blue a, .button-blue .woocommerce-message a, .woocommerce-message btn-blue > button, .woocommerce-message btn-blue a, btn-blue .woocommerce-message a, .woocommerce-message .button-red > button, .woocommerce-message .button-red a, .button-red .woocommerce-message a, .woocommerce-message .btn-red > button, .woocommerce-message .btn-red a, .btn-red .woocommerce-message a, .woocommerce-message .button-red:not([class*=vc_]), .woocommerce-message .btn-red:not([class*=vc_]), .woocommerce-message .button-green:not([class*=vc_]), .woocommerce-message btn-green:not([class*=vc_]), .woocommerce-message .button-green > button, .woocommerce-message .button-green a, .button-green .woocommerce-message a, .woocommerce-message btn-green > button, .woocommerce-message btn-green a, btn-green .woocommerce-message a, .woocommerce-message .blog article .more-link:not([class*=vc_]), .blog article .woocommerce-message .more-link:not([class*=vc_]), .woocommerce-message .blog article .more-link > button, .blog article .woocommerce-message .more-link > button, .woocommerce-message .blog article .more-link a, .blog article .more-link .woocommerce-message a, .woocommerce-message nav.woocommerce-MyAccount-navigation ul li a:not([class*=vc_]), nav.woocommerce-MyAccount-navigation ul li .woocommerce-message a:not([class*=vc_]), .woocommerce-message nav.woocommerce-MyAccount-navigation ul li a > button, nav.woocommerce-MyAccount-navigation ul li .woocommerce-message a > button, .woocommerce-message nav.woocommerce-MyAccount-navigation ul li a a, nav.woocommerce-MyAccount-navigation ul li a .woocommerce-message a,
.woocommerce-error .button,
.woocommerce-error .button-blue:not([class*=vc_]),
.woocommerce-error btn-blue:not([class*=vc_]),
.woocommerce-error .button-blue > button,
.woocommerce-error .button-blue a,
.button-blue .woocommerce-error a,
.woocommerce-error btn-blue > button,
.woocommerce-error btn-blue a,
btn-blue .woocommerce-error a,
.woocommerce-error .button-red > button,
.woocommerce-error .button-red a,
.button-red .woocommerce-error a,
.woocommerce-error .btn-red > button,
.woocommerce-error .btn-red a,
.btn-red .woocommerce-error a,
.woocommerce-error .button-red:not([class*=vc_]),
.woocommerce-error .btn-red:not([class*=vc_]),
.woocommerce-error .button-green:not([class*=vc_]),
.woocommerce-error btn-green:not([class*=vc_]),
.woocommerce-error .button-green > button,
.woocommerce-error .button-green a,
.button-green .woocommerce-error a,
.woocommerce-error btn-green > button,
.woocommerce-error btn-green a,
btn-green .woocommerce-error a,
.woocommerce-error .blog article .more-link:not([class*=vc_]),
.blog article .woocommerce-error .more-link:not([class*=vc_]),
.woocommerce-error .blog article .more-link > button,
.blog article .woocommerce-error .more-link > button,
.woocommerce-error .blog article .more-link a,
.blog article .more-link .woocommerce-error a,
.woocommerce-error nav.woocommerce-MyAccount-navigation ul li a:not([class*=vc_]),
nav.woocommerce-MyAccount-navigation ul li .woocommerce-error a:not([class*=vc_]),
.woocommerce-error nav.woocommerce-MyAccount-navigation ul li a > button,
nav.woocommerce-MyAccount-navigation ul li .woocommerce-error a > button,
.woocommerce-error nav.woocommerce-MyAccount-navigation ul li a a,
nav.woocommerce-MyAccount-navigation ul li a .woocommerce-error a,
.woocommerce-info .button,
.woocommerce-info .button-blue:not([class*=vc_]),
.woocommerce-info btn-blue:not([class*=vc_]),
.woocommerce-info .button-blue > button,
.woocommerce-info .button-blue a,
.button-blue .woocommerce-info a,
.woocommerce-info btn-blue > button,
.woocommerce-info btn-blue a,
btn-blue .woocommerce-info a,
.woocommerce-info .button-red > button,
.woocommerce-info .button-red a,
.button-red .woocommerce-info a,
.woocommerce-info .btn-red > button,
.woocommerce-info .btn-red a,
.btn-red .woocommerce-info a,
.woocommerce-info .button-red:not([class*=vc_]),
.woocommerce-info .btn-red:not([class*=vc_]),
.woocommerce-info .button-green:not([class*=vc_]),
.woocommerce-info btn-green:not([class*=vc_]),
.woocommerce-info .button-green > button,
.woocommerce-info .button-green a,
.button-green .woocommerce-info a,
.woocommerce-info btn-green > button,
.woocommerce-info btn-green a,
btn-green .woocommerce-info a,
.woocommerce-info .blog article .more-link:not([class*=vc_]),
.blog article .woocommerce-info .more-link:not([class*=vc_]),
.woocommerce-info .blog article .more-link > button,
.blog article .woocommerce-info .more-link > button,
.woocommerce-info .blog article .more-link a,
.blog article .more-link .woocommerce-info a,
.woocommerce-info nav.woocommerce-MyAccount-navigation ul li a:not([class*=vc_]),
nav.woocommerce-MyAccount-navigation ul li .woocommerce-info a:not([class*=vc_]),
.woocommerce-info nav.woocommerce-MyAccount-navigation ul li a > button,
nav.woocommerce-MyAccount-navigation ul li .woocommerce-info a > button,
.woocommerce-info nav.woocommerce-MyAccount-navigation ul li a a,
nav.woocommerce-MyAccount-navigation ul li a .woocommerce-info a {
  float: right;
}
.woocommerce-message li,
.woocommerce-error li,
.woocommerce-info li {
  list-style: none outside !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.woocommerce-message {
  border-top-color: #8fae1b;
}
.woocommerce-message::before {
  content: "";
  color: #8fae1b;
}

.woocommerce-info {
  border-top-color: #1e85be;
}
.woocommerce-info::before {
  color: #1e85be;
}

.woocommerce-error {
  border-top-color: #b81c23;
}
.woocommerce-error::before {
  content: "";
  color: #b81c23;
}

ul.order_details {
  margin: 0 0 3em;
  list-style: none;
}
ul.order_details:before, ul.order_details:after {
  zoom: 1;
  content: " ";
  display: table;
}
ul.order_details:after {
  clear: both;
}
ul.order_details li {
  float: left;
  margin-right: 2em;
  text-transform: uppercase;
  font-size: 0.715em;
  line-height: 1;
  border-right: 1px dashed #dedede;
  padding-right: 2em;
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}
ul.order_details li strong {
  display: block;
  font-size: 1.4em;
  text-transform: none;
  line-height: 1.5;
}
ul.order_details li:last-of-type {
  border: none;
}

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