/* @override
	http://nicknack.grafique.cz/wp-content/themes/nicknack/style.css
	http://www.nicknack.cz/wp-content/themes/nicknack/style.css */

/*
Theme Name:         NickNack 22.09.2025-gif-rework
Theme URI:          https://gitlab.com/grafique/nicknack-theme
Description:        NickNack theme.
Author:             GRAFIQUE
Author URI:         https://www.grafique.cz
Tags:
GitLab Theme URI:   https://gitlab.com/grafique/nicknack-theme.git

Version:            1.1.8.5
*/



/* DOCASNE */

.button {
    text-transform: uppercase;
}

/* #barevny-kelimek, .menu-item-barevny-kelimek {
display: none
} */

/* Enhanced video controls - don't interfere with scrolling */
.cont-vid {
    position: relative;
    overflow: visible;
    /* Prevent video from causing page shake */
    contain: layout style;
}

.cont-vid video {
    pointer-events: auto;
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer;
}

.cont-vid video::-webkit-media-controls {
    pointer-events: auto;
}

.cont-vid video::-webkit-media-controls-panel {
    pointer-events: auto;
}

/* Ensure video controls are always accessible */
.cont-vid video[controls] {
    cursor: pointer;
}

.cont-vid video[controls]:hover {
    cursor: pointer;
}

/* Native HTML5 video controls - clean and simple */
.wp-block-video video {
    width: 100%;
    height: auto;
    cursor: pointer;
}

/* Smart Media Product Videos - GIF Rework */
.smart-media-container {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

.smart-media-container video[data-mouse-interaction="true"] {
    transition: transform 0.1s ease-out, opacity 0.3s ease;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.smart-media-container .static {
    transition: opacity 0.3s ease;
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/* Performance-optimized sizing for product videos and images */
.produkt-section .smart-media-container video,
.produkt-section .smart-media-container img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    display: block;
    /* Performance optimizations */
    object-fit: contain;
    object-position: center;
    /* Prevent layout shifts */
    contain: layout style;
    /* Optimize rendering */
    will-change: transform;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    /* No transitions to prevent opacity/color changes */
    /* Fix width deformation */
    box-sizing: border-box;
    /* Prevent any transform deformation */
    transform: none !important;
    /* Prevent background color changes when paused */
    background-color: transparent !important;
    background: none !important;
}

/* Ensure video maintains appearance when paused */
.produkt-section .smart-media-container video:not([poster]) {
    background-color: transparent !important;
    background: none !important;
}

/* Prevent any poster-related background changes */
.produkt-section .smart-media-container video[poster] {
    background-color: transparent !important;
    background: none !important;
}

/* Prevent focus/active states from changing background */
.produkt-section .smart-media-container video:focus,
.produkt-section .smart-media-container video:active,
.produkt-section .smart-media-container video:hover {
    background-color: transparent !important;
    background: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Ensure containers maintain proper proportions */
.produkt-section .img-cont {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Performance-optimized container with explicit dimensions - 411x500 */
.smart-media-container {
    width: 411px;
    height: 500px;
    max-width: 100%;
    max-height: 100%;
    /* Prevent CLS with explicit dimensions */
    contain: layout style;
    /* Optimize for performance */
    will-change: transform;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

/* Responsive adjustments for mobile devices */
@media (max-width: 768px) {
    .smart-media-container {
        width: 100%;
        height: auto;
        aspect-ratio: 411 / 500; /* Maintain new aspect ratio */
        max-width: 411px; /* Don't exceed original size */
    }
}

@media (max-width: 480px) {
    .smart-media-container {
        width: 100%;
        height: auto;
        aspect-ratio: 411 / 500;
        max-width: 300px; /* Smaller on very small screens */
    }
}

/* Lazy loading for under-the-fold smart media */
.smart-media-container video[data-src] {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.smart-media-container video[data-src].loaded {
    opacity: 1;
}

/* Prevent video container from causing layout issues */
.cont-vid .poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.cont-vid .poster .vid-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: auto;
    text-align: center;
}

/* Enhanced Cup Slider Styling - Ensures Horizontal Layout */
.cup-slider {
    position: relative;
    display: block !important;
}

.cup-slider li {
    position: relative;
    margin: 0 5px;
    transition: transform 0.2s ease;
    float: left;
    width: auto;
    display: inline-block;
}

.cup-slider li:hover {
    transform: translateY(-2px);
}

.cup-slider li a {
    display: block;
    text-decoration: none;
}

.cup-slider li img {
    width: 100%;
    height: auto;
    transition: transform 0.2s ease;
    max-width: 200px;
}

.cup-slider li:hover img {
    transform: scale(1.02);
}

/* Ensure Slick slider works properly */
.cup-slider.slick-slider {
    display: block !important;
}

.cup-slider.slick-slider .slick-track {
    display: flex !important;
    align-items: center;
}

.cup-slider.slick-slider .slick-slide {
    float: none !important;
    display: block !important;
    height: auto;
}

/* Keep original navigation arrow styling but enhance visibility */
.cup-slider .slick-prev,
.cup-slider .slick-next {
    z-index: 10;
}

.cup-slider .slick-prev:before,
.cup-slider .slick-next:before {
    color: #666;
    font-size: 20px;
}

/* Subtle container enhancement */
.cup-slider-row {
    padding: 20px 0;
}

.cup-slider-row h2 {
    margin-bottom: 20px;
}

#color-note {line-height: 1.3em !important}

.kontakt-v3 .gmap::before {
display: none;
    background: none
}

.homeSlide--intro-slider {
    padding-top: 0;
    text-align: center;
}

.kontakt-v3 .office-box .entry-content, .kontakt-v3 .warehouse-box
.entry-content {
  margin-bottom: -250px;
}

.kontakt-v3 .office-box .entry-content h2, .kontakt-v3 .warehouse-box
.entry-content h2 {
    margin-top: 30px;
    margin-bottom: 15px;
    text-transform: uppercase;
}


/* .page-id-6063 .wp-block-group {background: #f9f9f9;
max-width: none;
background: linear-gradient(-45deg, #fff, #ee7752, #e73c7e, #23a6d5,  #23d5ab);
background-size: 400% 400%;
animation: gradientBG 15s ease infinite;
color: #fff
}


@keyframes gradientBG {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
 */

.page-id-10345 .content .btn-cont {
display: none
}

@media only screen and (min-width: 40.063em) {
.top-bar-section .has-dropdown > a:after {
    top: 50% !important;
}}

@media only screen and (min-width: 40.063em){

.top-bar-section .has-dropdown>a {
position:relative}
/*.top-bar-section .has-dropdown>a:after {
    margin-top: -2.5px;
    top: 45px !important;
}
.smaller .top-bar-section .has-dropdown>a:after {
    top: 25px !important;
}*/
#header nav a:hover, #header nav li.active ul li a {
    text-decoration: none !important;
    color: #333 !important;

}
#header nav a:hover, #header nav li.active ul li a:hover {
    text-decoration: none !important;
    color: #e2007a !important;
}


}

.slide-7548 h2 {margin-bottom: 40px}

.onas-section .cd-timeline-img {height: 100px !important}

@media only screen and (min-width: 1170px)
{
.cd-timeline-img {
    width: 170px !important;
    height: 170px !important;
    left: 50%;
    margin-left: -75px !important;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    overflow: hidden;
    font-size: 30px !important;
}
.cd-timeline-img img {
    height: 170px !important;
}
}

.button-form-opener .cup-icon .cls-1 {fill:#e2007a;}
.button-form-opener:hover .cup-icon .cls-1 {fill:#fff;}

.wp-image-6117 {display: none}

#lang-pl .top-bar{max-width: 1200px !important}

.page-template-page-template-produkt-v2#lang-nl #party-sada,
.page-template-page-template-produkt-v2#lang-nl #family-pack,
#lang-nl .menu-item-party-set,
#lang-nl .menu-item-family-pack{display: none}

 .language-dropdown {
position: relative;
display: inline-block;
z-index: 10;
float: right;
}

.language-dropdown .button{
padding: 0 30px 0 5px !important;
margin: 0;
color: black;
background-color: white;
text-transform: none;
position: relative;
text-transform: uppercase;
}
.language-dropdown .button::after{
content: "";
display: inline-block;
position: absolute;
width: 0;
height: 0;
border: inset 5px;
border-color: #000 transparent transparent transparent;
border-top-style: solid;
margin-top: -2.5px;
margin-left: 10px;
top: 55%;
}

.dropdown-content {
display: none;
position: absolute;
background-color: white;
min-width: 55px;
z-index: 1;
right: 3px;
text-align: left;
padding-top: 10px;
box-shadow: 0px 5px 5px 0px rgb(50 50 50 / 20%);
}


.dropdown-content a {
color: black;
padding: 2px 25px !important;
text-decoration: none;
display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.language-dropdown:hover .dropdown-content {
display: block !important;
}

#header .header-contact .dropdown-content a{
float: none;
line-height: 2;
}

#header .header-contact a{
border-right: none;
}

section.tab-bar-section.go-left{
position:relative;
}

section.tab-bar-section.go-left .language-dropdown{
position: absolute;
right: 50px;
top: 0;
}

section.tab-bar-section.middle .language-dropdown a{
color: #868686;
  padding: 0 25px;
  line-height: 2;
}

#lang-pl .reuse-section {height: 550px}

@media screen and (min-width: 1024px){
#lang-pl .reuse-system img {
    width: 100%;
}
#lang-pl .reuse-section img {
    width: 100%;
max-height: 300px
}
}

@media screen and (max-width: 1024px){

#lang-pl .reuse-section {
    height: auto
}
#lang-pl .reuse-section img{
   max-height: 200px
}
}

#lang-pl .reuse-section {
    background:
url(https://www.nicknack.cz/wp-content/uploads/2020/12/reuse-system-bg-2.jpg)
no-repeat;
    background-size: cover
}

#lang-pl .reuse-section h2 {
    color: white;
margin-bottom: 30px
}

#lang-pl .reuse-section h2:before, .reuse-section h2:after{
border-bottom: 1px solid #fff;}

#lang-pl.cmplz-document article p{font-size:14px }

#lang-pl.cmplz-document article h2{font-size:22px }

#sb_instagram {
overflow-y: hidden !important;
}

p {
    font-size: 1.05rem;
}

.product-form-modal.is-active {
    display: block !important;
    visibility:unset !important;
  }
#notice {
    background: #E2007A;
	color: #fff;
    clear: both;
	text-align: center;
	padding: 8px 25px;
	font-size: 14px;
	position: relative;
	top: 160px;
	width: 100%;
	z-index: 100 !important;
}

body#lang-pl #notice, .psluzby-section, .proc-sluzby-section {
    display: none !important;
}

.kvalita-section {
    padding-top: 0 !important
}

.home #notice {
    top: 160px !important;
}

li#field_10_81 h2, li#field_12_81 h2, li#field_18_81 h2 {
	color: #fff !important;
	width: 100% !important;
	display: block;
	margin-bottom: 0 !important;
	padding: 0 !important;
}
li#field_10_13.gfield.field_sublabel_below.field_description_below.gfield_visibility_visible label.gfield_label,
li#field_12_13.gfield.field_sublabel_below.field_description_below.gfield_visibility_visible label.gfield_label,
li#field_18_13.gfield.field_sublabel_below.field_description_below.gfield_visibility_visible label.gfield_label,
body .gform_wrapper .gform_validation_container {
    display: none;
}

.kelimky-section {
    background: #E2007A;
    clear: both;
}

.kelimky-section h2 {
    text-align: center;
    margin: 0;
    padding: 10px 0;
    color: #fff;
    font-size: 28px;
}

.icl-pl {
    display: none;
}

.logged-in .icl-pl {
    display: inline-block;
}


/**
 * 1.0 - Reset
 */

#gform_fields_4 li:not(#field_4_4):not(#field_3_5):not(#field_4_5):not(#field_4_6),
#gform_fields_3 li:not(#field_4_4):not(#field_3_5):not(#field_4_5) {
    width: 33%;
    display: inline-block;
    padding: 10px;
}

#field_3_4 {
    width: 98% !important;
}

#gform_fields_4 li input,
#gform_fields_3 li input {
    width: 97%;
    display: inline-block;
}

ins {
    background: #fff9c0;
    text-decoration: none;
    padding: 0 3px;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

small {
    font-size: smaller;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.top-bar-section>.alert-box.secondary p {
    margin: 0.5em 0;
}

#gform_wrapper_4 .top_label .gfield_error input.large,
.gform_wrapper .top_label .gfield_error select.large,
.gform_wrapper .top_label .gfield_error textarea.textarea,
#gform_wrapper_3 .top_label .gfield_error input.large,
.gform_wrapper .top_label .gfield_error select.large,
.gform_wrapper .top_label .gfield_error textarea.textarea {
    width: 100% !important;
}

.gform_wrapper_4 li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.gform_wrapper_3 li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: .625em !important;
}

#gform_wrapper_3 .ginput_container,
#gform_wrapper_4 .ginput_container {
    margin: 0 !important;
    padding: 0 !important;
}

#gform_wrapper_4 textarea,
#gform_wrapper_3 textarea {
    width: 100%;
}

li#field_1_2 {
    width: 95%
}

#gform_submit_button_1 {
    max-width: 150px;
}

/* Menu custom css save
*

#color-note {
    line-height: 1.3em !important
}

.kontakt-v3 .gmap::before {
    display: none;
    background: none
}

.homeSlide--intro-slider {
    padding-top: 0;
    text-align: center;
}

.kontakt-v3 .office-box .entry-content, .kontakt-v3 .warehouse-box .entry-content {
    margin-bottom: -250px;
}

.kontakt-v3 .office-box .entry-content h2, .kontakt-v3 .warehouse-box .entry-content h2 {
    margin-top: 30px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.page-id-10345 .content .btn-cont {
    display: none
}

@media only screen and (min-width: 40.063em) {
    .top-bar-section .has-dropdown > a:after {
        top: 50% !important;
    }
}

@media only screen and (min-width: 40.063em) {
    .top-bar-section .has-dropdown>a {
        position:relative
    }

   
    #header nav a:hover, #header nav li.active ul li a {
        text-decoration: none !important;
        color: #333 !important;
    }

    #header nav a:hover, #header nav li.active ul li a:hover {
        text-decoration: none !important;
        color: #e2007a !important;
    }
}

.slide-7548 h2 {
    margin-bottom: 40px
}

.onas-section .cd-timeline-img {
    height: 100px !important
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-img {
        width: 170px !important;
        height: 170px !important;
        left: 50%;
        margin-left: -75px !important;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        overflow: hidden;
        font-size: 30px !important;
    }

    .cd-timeline-img img {
        height: 170px !important;
    }
}

.button-form-opener .cup-icon .cls-1 {
    fill: #e2007a;
}

.button-form-opener:hover .cup-icon .cls-1 {
    fill: #fff;
}

.wp-image-6117 {
    display: none
}

#lang-pl .top-bar {
    max-width: 1200px !important
}

.page-template-page-template-produkt-v2#lang-nl #party-sada, .page-template-page-template-produkt-v2#lang-nl #family-pack, #lang-nl .menu-item-party-set, #lang-nl .menu-item-family-pack {
    display: none
}

.language-dropdown {
    position: relative;
    display: inline-block;
    z-index: 10;
    float: right;
}

.language-dropdown .button {
    padding: 0 30px 0 5px !important;
    margin: 0;
    color: black;
    background-color: white;
    text-transform: none;
    position: relative;
    text-transform: uppercase;
}

.language-dropdown .button::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #000 transparent transparent transparent;
    border-top-style: solid;
    margin-top: -2.5px;
    margin-left: 10px;
    top: 55%;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 55px;
    z-index: 1;
    right: 3px;
    text-align: left;
    padding-top: 10px;
    box-shadow: 0px 5px 5px 0px rgb(50 50 50 / 20%);
}

.dropdown-content a {
    color: black;
    padding: 2px 25px !important;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #f1f1f1
}

.language-dropdown:hover .dropdown-content {
    display: block !important;
}

#header .header-contact .dropdown-content a {
    float: none;
    line-height: 2;
}

#header .header-contact a {
    border-right: none;
}

section.tab-bar-section.go-left {
    position: relative;
}

section.tab-bar-section.go-left .language-dropdown {
    position: absolute;
    right: 50px;
    top: 0;
}

section.tab-bar-section.middle .language-dropdown a {
    color: #868686;
    padding: 0 25px;
    line-height: 2;
}

#lang-pl .reuse-section {
    height: 550px
}

@media screen and (min-width: 1024px) {
    #lang-pl .reuse-system img {
        width: 100%;
    }

    #lang-pl .reuse-section img {
        width: 100%;
        max-height: 300px
    }
}

@media screen and (max-width: 1024px) {
    #lang-pl .reuse-section {
        height: auto
    }

    #lang-pl .reuse-section img {
        max-height: 200px
    }
}

#lang-pl .reuse-section {
    background: url(https://www.nicknack.cz/wp-content/uploads/2020/12/reuse-system-bg-2.jpg) no-repeat;
    background-size: cover
}

#lang-pl .reuse-section h2 {
    color: white;
    margin-bottom: 30px
}

#lang-pl .reuse-section h2:before, .reuse-section h2:after {
    border-bottom: 1px solid #fff;
}

#lang-pl.cmplz-document article p {
    font-size: 14px
}

#lang-pl.cmplz-document article h2 {
    font-size: 22px
}

#sb_instagram {
    overflow-y: hidden !important;
}

*/
/**
 * 2.0 - Accessibility
 */

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

.site .skip-link {
    background-color: #f1f1f1;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #21759b;
    display: block;
    font: bold 14px/normal "Noto Sans", sans-serif;
    left: -9999em;
    outline: none;
    padding: 15px 23px 14px;
    text-decoration: none;
    text-transform: none;
    top: -9999em;
}

.logged-in .site .skip-link {
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    font: bold 14px/normal "Open Sans", sans-serif;
}

.site .skip-link:focus {
    clip: auto;
    height: auto;
    left: 6px;
    top: 7px;
    width: auto;
    z-index: 100000;
}


/**
 * 3.0 - Repeatable Patterns
 */


/* Small headers */

.archive-title,
.page-title,
.entry-content th,
.comment-content th {
    font-size: 0.6875rem;
    line-height: 2.181818182;
    font-weight: normal;
    text-transform: uppercase;
    color: #636363;
}

.widget-title {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.875rem
}

select {
    /* Make sure select elements fit in widgets */
    cursor: pointer;
    max-width: 100%;
    padding: 0.3em;
    border: 1px solid #ccc;
}


/* Responsive images */

.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%;
    /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
    max-width: 100%;
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.wp-post-image {
    margin-bottom: 1.5rem;
}


/* Make sure videos and embeds fit their containers */

embed,
iframe,
object,
video {
    max-width: 100%;
}

.cont-vid {
    position: relative;
}

#buttonbar {
    opacity: 1;
    transition: 300ms ease-out;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 119px;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    z-index: 20;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s ease-in-out;
}
#buttonbar.buttonbar-new {
    background-color: transparent;
}

.page-template-page-template-produkt-v2 #buttonbar {
    opacity: 1;
    transition: 300ms ease-out;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 119px;
    text-align: center;
    z-index: 20;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s ease-in-out;
}
body#lang-cs.page-template-page-template-produkt-v2 #buttonbar,
body#lang-en.page-template-page-template-produkt-v2 #buttonbar {
    background: url('./images/product_vid_overlay.jpg') no-repeat center center/cover;
}

#buttonbar .poster {
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-template-page-template-produkt-v2 #play {
    background: transparent;
    vertical-align: middle;
    opacity: 0.8;
    transition: 0.2s ease-in-out;
}

.vid-text {
    font-size: 63px;
    font-weight: 500;
    top: 50%;
    position: absolute;
    width: 100%;
    left: 0;
    transform: translateY(-50%);

}

#buttonbar.hidden {
    opacity: 0;
    z-index: -1;
}

#buttonbar>button {
    /* border: 5px solid #fff; */
    background: transparent;
    font-weight: 900;
    border-radius: 50%;
    transition: 300ms ease-out;
    outline: none;
    padding: 0;
}

#buttonbar>button svg {
    width: 100px;
}

#buttonbar>button svg path {
    fill: #fff;
}

#buttonbar>button:hover {
    transition: 300ms ease-out;
    color: #fff;
    background: rgba(0, 0, 0, 0.35);
}

#buttonbar i {
    font-size: 60px;
}

.page-template-page-template-produkt-v2 #promo {
    height: 100%;
}

#promo {
    width: 100%;
    display: block;
}

.page-template-page-template-produkt-v2 #play {
    background: transparent;
    vertical-align: middle;
    opacity: 0.8;
    transition: 0.2s ease-in-out;
}

.page-template-page-template-produkt-v2 #play svg {
    width: 90px;
    height: 90px;
}

#play {
    background: transparent;
}
#play.play-new {
    background: transparent!important;
}
#play.play-new svg {
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.29));
}

#play img {
    width: 100%;
    height: auto;
}

.entry-content .twitter-tweet-rendered {
    max-width: 100%;
    /* Override the Twitter embed fixed width */
}


/* Images */

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

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

figure {
    margin: 0 0 1rem;
}

figcaption,
.wp-caption {
    max-width: 100%;
    /* Keep wide captions from overflowing their container. */
    padding: 4px;
}

figcaption,
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    font-style: italic;
    font-size: 12px;
    line-height: 2;
    color: #757575;
}

img.wp-smiley,
.rsswidget img {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.entry-content dl.gallery-item {
    margin: 0;
}

.gallery-item a,
.gallery-caption {
    width: 90%;
}

.gallery-item a {
    display: block;
}

.gallery-caption a {
    display: inline;
}

.gallery-columns-1 .gallery-item a {
    max-width: 100%;
    width: auto;
}

.gallery .gallery-icon img {
    height: auto;
    max-width: 90%;
    border: 0;
}

.gallery-columns-1 .gallery-icon img {
    padding: 3%;
}


/* Navigation */

.nav-single {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 80px;
}

.site-content nav {
    clear: both;
    line-height: 2;
    overflow: hidden;
}

.site-content #image-navigation {
    margin: 1.5rem 0;
}

#nav-above {
    padding: 1.5rem 0;
}

#nav-above {
    display: none;
}

.paged #nav-above {
    display: block;
}

.nav-previous,
.previous-image {
    float: left;
    /* width: 50%; */
}

.nav-next,
.next-image {
    float: right;
    text-align: right;
    width: 50%;
}

#comment-nav-below.columns {
    margin: 0 0 1.5rem;
    padding: 0;
}

.nav-single+.comments-area,
#comment-nav-above {
    margin: 3rem 0;
    display: block;
    position: relative;
    clear: both;
}


/* Author profiles */

.author .archive-header {
    margin-bottom: 1.5rem;
}

.author-info {
    border-bottom: 1px solid #ededed;
    display: block;
    margin: 1.5rem 0;
    overflow: hidden;
    padding: 20px 0;
    position: relative;
    float: left;
}

.author-description p {
    color: #757575;
    font-size: 0.875rem;
    line-height: 1.846153846;
}

.author.archive .author-info {
    border-top: 0;
    display: block;
    float: none;
    margin: 0 0 3rem;
    border-bottom: 1px solid #ededed;
    padding: 10px 0;
    position: relative;
}

.author.archive .author-avatar {
    margin-top: 0;
}

.author.archive .author-avatar img {
    margin-top: 0;
    border-radius: 50%;
}

.author-avatar {
    margin-top: 1.5rem;
    text-align: center;
}

.author-avatar img {
    border-radius: 50%;
}

.author-description h3 {
    text-align: center;
}

.author-description h2 {
    margin-top: 0;
}


/**
 * 3.0 - Basic Structure
 */

body {
    color: #444444;
    background-color: #fff;
    text-rendering: optimizeLegibility;
    -ms-word-wrap: break-word;
    /* word-wrap: break-word; */
}

.header_container,
.nav_container,
.content_container,
.footer_sidebar-container,
.footer_container {
    background-color: transparent!important;
    max-width: 100%;
    width: 100%;
}

.nav_container {
    position: relative;
    top: 30px;
}

.smaller .nav_container {
    top: 0;
}

#header {
    padding: 1.5rem 0;
    position: relative;
    z-index: 100;
}

.header-logo,
.header-info {
    display: block;
    float: left;
    max-width: 100%;
}

.header-info h1,
.header-info h2 {
    margin: 0
}

.header-info h1 a {
    color: #444444;
    display: block;
    font-size: 2.75rem;
    line-height: 1.2;
    margin-bottom: 1rem;
    text-decoration: none;
}

.header-info a:hover {
    color: #21759b;
}

.header-info h2 {
    color: #444444;
    font-size: 1.6875rem;
    line-height: 1.3;
}

img.header-image {
    /* Remove fancy borders */
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 1.5rem;
}

.widget-area .widget {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin-bottom: 3rem;
}

.widget-area .widget ul {
    margin-left: 2em;
}

.widget-area .widget h3 {
    margin-bottom: 5px;
}

.widget-area .widget p,
.widget-area .widget li {
    line-height: 1.846153846;
    font-size: 0.875rem;
    /* equal to 14px */
}

.widget.widget_text {
    line-height: 1.846153846;
    font-size: 0.875rem;
    /* equal to 14px */
}

.widget-area .widget p {
    margin-bottom: 1.5rem;
}

.widget-area .textwidget ul {
    list-style: disc outside;
    margin: 0 0 1.5rem;
}

.widget-area .textwidget li {
    margin-left: 36px;
}

footer[role="contentinfo"] {
    /* border-top: 4px double #ededed; */
    clear: both;
    line-height: 2;
    padding: 1.5rem 0;
}

footer>.site-info {
    margin-bottom: 0;
}

footer>.site-info.lft {
    text-align: left;
}

footer>.site-info.rt {
    text-align: right;
}

footer>.site-info.cntr {
    text-align: center;
}

.table {
    display: table;
    /* Allow the centering to work */
    margin: 0 auto;
}

.table ul.navcntr {
    margin-bottom: 0.5rem;
}

.table ul.navcntr li {
    display: inline-block!important;
}

footer>.site-info p {
    margin-bottom: 0;
}

footer[role="contentinfo"] a {
    color: #686868;
    text-decoration: none;
}

footer[role="contentinfo"] a:hover {
    color: #21759b;
}

footer[role="contentinfo"] p,
footer[role="contentinfo"] a {
    font-size: 1rem;
}

#secondary-sidebar {
    padding-top: 1.5rem;
    border-top: 1px solid #ededed;
}


/**
 * 4.0 - Main content and comment content
 */

.entry-meta {
    clear: both;
}

.entry-header {
    margin-bottom: 1.5rem;
}

.entry-meta-header,
.entry-meta-categories {
    color: #757575;
    font-size: 0.75rem;
    line-height: normal;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}

.entry-meta-header .genericon,
.entry-meta-categories .genericon {
    line-height: 1;
    font-size: 1rem;
}

.entry-header .entry-title a {
    text-decoration: none;
}

span.edit-link {
    font-size: 0.75rem;
}

span.edit-link .genericon {
    font-size: 1rem;
    line-height: 1;
}

.attachment span.edit-link {
    margin-left: 1rem;
}

article .featured-post {
    border-top: 4px double #ededed;
    border-bottom: 4px double #ededed;
    color: #757575;
    font-size: 0.875rem;
    line-height: 3.692307692;
    margin-bottom: 1.5rem;
    text-align: center;
}

.entry-content ul,
.entry-content ol {
    margin-left: 2.125rem;
}

.entry-content [class*="block-grid-"] {
    margin: 0 0.625em;
}

.entry-content ul.pricing-table {
    margin-left: 0;
}

.entry-content .f-dropdown {
    margin-bottom: 0;
    margin-left: 0;
    list-style: none;
}

.entry-content blockquote,
.comment-content blockquote {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    font-style: italic;
}

.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
    margin-bottom: 0;
}

.entry-content pre,
.comment-content pre {
    background: #f9f9f9;
    color: #666;
    margin: 20px 0;
    overflow-x: auto;
    padding: 20px;
    line-height: 1.3rem;
    -ms-word-wrap: normal;
    word-wrap: normal;
}

.entry-content pre code,
.comment-content pre code {
    font-weight: normal;
    display: block;
    line-height: 1.3rem;
}

.entry-content address,
.comment-content address {
    display: block;
    line-height: 1.714285714;
    margin: 0 0 1.5rem;
}

img.alignleft,
.wp-caption.alignleft {
    margin: 12px 1.5rem 12px 0;
}

img.alignright,
.wp-caption.alignright {
    margin: 12px 0 12px 1.5rem;
}

img.aligncenter {
    margin-top: 0px;
    margin-bottom: 12px;
}

img.alignnone {
    margin-bottom: 1.5rem;
}

.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
    margin-bottom: 1.5rem;
}

.entry-content dt,
.comment-content dt {
    font-weight: bold;
    line-height: 1.714285714;
}

.entry-content dd,
.comment-content dd {
    line-height: 1.714285714;
    margin-bottom: 1.5rem;
}

.entry-content table,
.comment-content table {
    border-bottom: 1px solid #ededed;
    color: #757575;
    line-height: 2;
    margin: 0 0 1.5rem;
    width: 100%;
}

.entry-content table caption,
.comment-content table caption {
    font-size: 16px;
    margin: 1.5rem 0;
}

.entry-content td,
.comment-content td {
    border-top: 1px solid #ededed;
    padding: 6px 10px;
}

.entry-content th,
.comment-content th,
.entry-content td,
.comment-content td {
    text-align: left;
}

article {
    border-bottom: 1px solid #ededed;
    margin-bottom: 35px;
    padding-bottom: 1.5rem;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

body.page article {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.error404 article {
    border-bottom: none;
}

.page-links {
    clear: both;
    line-height: 1.714285714;
}

footer.entry-meta {
    margin-top: 1.5rem;
    color: #757575;
}

.entry-meta-tags {
    color: #757575;
    font-size: 0.75rem;
    line-height: normal;
}

.entry-meta-tags .genericon {
    font-size: 1rem;
    line-height: 1;
}

footer .entry-meta-footer .the-cats {
    margin-bottom: 5px;
}

.single-author .entry-meta .by-author {
    display: none;
}

span.sticky-post,
span.entry-date,
span.byline,
span.pfont,
.entry-format {
    margin-right: 0.3125rem;
    /* 5px */
}


/**
 * 5.0 - Archives
 */

.archive-header,
.page-header {
    margin-bottom: 3rem;
    padding-bottom: 22px;
    border-bottom: 1px solid #ededed;
}

.archive-meta {
    color: #757575;
    font-size: 12px;
    line-height: 2;
    margin-top: 22px;
}


/**
 * 6.0 - Single image attachment view
 */

.article.attachment {
    overflow: hidden;
}

.image-attachment div.attachment {
    text-align: center;
}

.image-attachment div.attachment p {
    text-align: center;
}

.image-attachment div.attachment img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}

.image-attachment .entry-caption {
    margin-top: 8px;
}


/**
 * 7.0 - Post Formats
 */

article.format-aside h1 {
    margin-bottom: 1.5rem;
}

article.format-aside h1 a {
    text-decoration: none;
    color: #4d525a;
}

article.format-aside h1 a:hover {
    color: #2e3542;
}

article.format-aside .aside {
    padding: 1.5rem;
    background: #d2e0f9;
    border-left: 22px solid #a8bfe8;
}

article.format-aside p {
    font-size: 0.875rem;
    line-height: 1.846153846;
    color: #4a5466;
}

article.format-aside blockquote:last-child,
article.format-aside p:last-child {
    margin-bottom: 0;
}

article.format-image footer h1 {
    font-size: 0.875rem;
    line-height: 1.846153846;
    font-weight: normal;
}

article.format-image footer h2 {
    font-size: 11px;
    line-height: 2.181818182;
}

article.format-image footer a h2 {
    font-weight: normal;
}

.pformat {
    float: left;
    font-size: 26px;
    margin-right: 5px;
    color: #888;
}

article.format-link header {
    padding: 5px 10px;
    float: right;
    font-size: 20px;
    text-transform: uppercase;
    color: #848484;
    background-color: #ebebeb;
    border-radius: 3px;
}

article.format-link .entry-content a {
    font-size: 22px;
    line-height: 1.090909091;
    text-decoration: none;
}

article.format-quote .entry-content p {
    margin: 0;
    padding-bottom: 1.5rem;
}

article.format-quote .entry-content blockquote {
    display: block;
    padding: 1.5rem 1.5rem 0;
    font-size: 15px;
    line-height: 1.6;
    color: #6a6a6a;
    background: #efefef;
}

.format-status .entry-header {
    margin-bottom: 2.813rem
}

.format-status .entry-header header {
    display: inline-block;
    margin-top: 1.5rem;
}

.format-status .entry-header h1 {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.6;
    margin: 0;
}

.format-status .entry-header h2 {
    font-size: 12px;
    font-weight: normal;
    line-height: 2;
    margin: 0;
}

.format-status .entry-header header a {
    color: #757575;
}

.format-status .entry-header header a:hover {
    color: #21759b;
}

.format-status .entry-header img {
    float: left;
    margin-right: 21px;
    border-radius: 50%;
}


/**
 * 8.0 - Page Links
 */

.page-links {
    clear: both;
    font-weight: normal;
    line-height: 2.2;
    margin: 20px 0;
}

.page-links>span {
    background: #fff;
    border: 1px solid #fff;
    padding: 1px 7px;
    text-decoration: none;
    margin: 0 5px;
}

.page-links a {
    padding: 1px 7px;
    text-decoration: none;
    background: #2ba6cb;
    color: #fff;
}

.page-links a:hover {
    background: #e6e6e6;
    color: #555;
}


/**
 * 9.0 - Comments
 */

#comments ol {
    list-style: none;
}

.comments-title {
    margin-bottom: 3rem;
    font-size: 16px;
    line-height: 1.5;
    font-weight: normal;
}

.comments-area article {
    margin: 1.5rem 0;
}

.comments-area article header {
    margin: 0 0 3rem;
    overflow: hidden;
    position: relative;
}

.comments-area article header img {
    float: left;
    padding: 0;
    line-height: 0;
    border-radius: 50%;
}

.comments-area article header cite,
.comments-area article header time {
    display: block;
    margin-left: 80px;
}

.comments-area article header cite {
    font-style: normal;
    font-size: 15px;
    line-height: 1.42857143;
    margin-top: 8px;
}

.comments-area article header time {
    line-height: 1.714285714;
    text-decoration: none;
    font-size: 12px;
    color: #5e5e5e;
}

.comments-area article header a {
    text-decoration: none;
    color: #5e5e5e;
}

.comments-area article header a:hover {
    color: #21759b;
}

.comments-area article header cite a {
    color: #444;
}

.comments-area article header cite a:hover {
    text-decoration: underline;
}

.comments-area article header h4 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    background-color: #0088d0;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #009cee, #0088d0);
    background-image: -ms-linear-gradient(top, #009cee, #0088d0);
    background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
    background-image: -o-linear-gradient(top, #009cee, #0088d0);
    background-image: linear-gradient(top, #009cee, #0088d0);
    border-radius: 3px;
    border: 1px solid #007cbd;
}

.comments-area li.bypostauthor cite span {
    background-color: #444444;
    background-image: none;
    border-radius: 2px;
    box-shadow: none;
    color: #ffffff;
    position: absolute;
    margin: 3px 0 0 5px;
    padding: 2px 5px 1px;
    font-size: 10px;
}

.reply {
    margin-top: 1.5rem;
}

a.comment-reply-link,
a.comment-edit-link {
    text-decoration: none;
    font-size: 0.75rem;
    line-height: normal;
    margin-bottom: 1.5rem;
}

p.edit-link {
    margin-bottom: 0;
}

.reply span.genericon,
p.edit-link .genericon {
    font-size: 1rem;
    line-height: 1.5;
}

.commentlist .pingback {
    line-height: 1.714285714;
    margin: 1rem 0;
    list-style: none;
}

#respond {
    margin-top: 3rem;
}

#respond h3#reply-title {
    font-size: 1.4375rem;
    line-height: 1.5;
}

#respond h3#reply-title #cancel-comment-reply-link {
    margin-left: 10px;
    font-weight: normal;
    font-size: 12px;
}

#respond form {
    margin: 1.5rem 0;
}

#respond form p {
    margin: 11px 0;
}

#respond form p.logged-in-as {
    margin-bottom: 1.5rem;
}

#respond form label {
    display: block;
    line-height: 1.714285714;
}

#respond form input[type="text"],
#respond form textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.714285714;
    width: 100%;
}

#respond form input[type="text"],
#respond form input[type="email"],
#respond form input[type="url"] {
    width: 100%;
}

#respond form textarea.blog-textarea {
    width: 79.666666667%;
}

#respond form p.form-allowed-tags {
    margin: 0;
    font-size: 0.6875rem;
    color: #5e5e5e;
}

.required {
    color: red;
}

p.comment-notes {
    font-size: 0.75rem;
}

p.comment-form-author,
p.comment-form-email {
    padding-left: 0;
}

p.comment-form-email {
    padding-right: 0;
}


/**
 * 10.0 - Front page template
 */

.front-image {
    float: right;
}

.front-content {
    float: left;
}

.template-front-page .site-content article {
    border: 0;
    margin-bottom: 0;
}

.template-front-page .widget-area {
    clear: both;
    float: none;
    width: auto;
    padding-top: 1.5rem;
    border-top: 1px solid #ededed;
}


/**
 * 11.0 - Widgets
 */

.widget-area .widget ul ul {
    margin-left: 12px;
}

.widget_rss li {
    margin: 12px 0;
}

.widget_recent_entries .post-date,
.widget_rss .rss-date {
    color: #aaa;
    margin-left: 12px;
}

#wp-calendar {
    margin: 0;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.846153846;
    color: #686868;
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
    text-align: left;
}

#wp-calendar #next {
    padding-right: 1.5rem;
    text-align: right;
}

.widget_search label {
    display: block;
    line-height: 1.846153846;
    display: none;
}

.widget_twitter li {
    list-style-type: none;
}

.widget_twitter .timesince {
    display: block;
    text-align: right;
}


/**
 * 12.0 - TinyMCE Editor
 */

html .mceContentBody {
    max-width: 920px;
    margin: 15px 0 0 15px;
    padding: 0;
    background: #fff;
}

cite {
    border-bottom: 0;
}

html .mceContentBody ul,
html .mceContentBody ol {
    margin-left: 25px;
}

.mceContentBody code {
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 12px;
    line-height: 2;
}

.mceContentBody pre {
    background: #f5f5f5;
    color: #666;
    font-family: monospace;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap;
}

.mceContentBody pre code {
    display: block;
}

.mceContentBody abbr,
.mceContentBody dfn,
.mceContentBody acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

.mceContentBody address {
    display: block;
    line-height: 1.714285714;
    margin: 0 0 1.5rem;
}

.mceContentBody img.alignleft,
.mceContentBody .wp-caption.alignleft {
    margin: 12px 1.5rem 12px 0;
}

.mceContentBody img.alignright,
.mceContentBody .wp-caption.alignright {
    margin: 12px 0 12px 1.5rem;
}

.mceContentBody img.aligncenter {
    margin-top: 12px;
    margin-bottom: 12px;
}

.mceContentBody img.alignnone {
    margin-bottom: 1.5rem;
}

.mceContentBody embed,
.mceContentBody iframe,
.mceContentBody object,
.mceContentBody video {
    margin-bottom: 1.5rem;
}

.mceContentBody dl {
    margin: 0 1.5rem;
}

.mceContentBody dt {
    font-weight: bold;
    line-height: 1.714285714;
}

.mceContentBody dd {
    line-height: 1.714285714;
    margin-bottom: 1.5rem;
}

.mceContentBody table {
    border-bottom: 1px solid #ededed;
    color: #757575;
    line-height: 2;
    margin: 0 0 1.5rem;
    width: 100%;
}

.mceContentBody table caption {
    font-size: 16px;
    margin: 1.5rem 0;
}

.mceContentBody td {
    border-top: 1px solid #ededed;
    padding: 0.429em 0.714em;
}

.mceContentBody del {
    color: #333;
}

.mceContentBody ins {
    background: #fff9c0;
    text-decoration: none;
    padding: 0 0.214em;
    color: inherit;
    border: 0;
}

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

.mceContentBody sup {
    top: -0.5em;
}

.mceContentBody sub {
    bottom: -0.25em;
}

.mceContentBody small {
    font-size: smaller;
}


/**
 * 14.0 - Misc
 */

ul.off-canvas-list li,
ul.off-canvas-list li li,
ul.off-canvas-list li li li,
ul.off-canvas-list li li li li,
ul.off-canvas-list li li li li li,
ul.off-canvas-list li li li li li li {
    list-style-type: none;
}

section.tab-bar-section.go-left {
    text-align: left;
}

section.tab-bar-section.go-right {
    text-align: right;
}

section.tab-bar-section.middle a {
    color: #fff;
    font-weight: normal;
}

.top-bar .name a {
    line-height: 45px;
    font-size: 0.8125rem;
    font-weight: normal;
    color: white;
    display: block;
    padding: 0 15px;
}

.top-bar .toggle-topbar a {
    font-weight: normal;
}

.orbit-bullets li {
    cursor: pointer;
    display: inline-block;
}

.orbit-container {
    margin-bottom: 1.714em;
}

.entry-content>[data-magellan-expedition] {
    margin: 0 0 1.714em;
}

.entry-content dl.sub-nav {
    margin: 0;
}

#backtotop {
    background: #333333;
    display: block;
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 10005;
    cursor: pointer;
    display: none;
    color: #f9f9f9;
    font-size: 0.6875rem;
    width: 3.125rem;
    height: 3.125rem;
    line-height: 3.125rem;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3.125rem;
    transition: color 300ms ease-out;
}

#backtotop:hover {
    background: #272727;
}

div.sitemap-left h5 a {
    font-weight: bold;
}


/**
 * 13.0 - Social Menu
 */

.social_wrap {
    margin: 1.5rem 0 0;
    padding: 0;
}

.social-navigation a:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "Genericons";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: top;
}

.social-navigation {
    position: relative;
}

.social-navigation ul:before,
.social-navigation ul:after {
    content: "";
    display: table;
}

.social-navigation ul {
    list-style: none;
    margin: 0;
    text-align: center;
}

.social-navigation li {
    display: inline-block;
}

.social-navigation a {
    display: block;
    height: 1.5rem;
    position: relative;
    width: 1.8rem;
}

.social-navigation a:before {
    content: "\f415";
    font-size: 24px;
    position: absolute;
    top: 0;
    left: 0;
}

.social-navigation a[href$="/feed/"]:before {
    content: "\f413";
}

.social-navigation a[href*="codepen.io"]:before {
    content: "\f216";
}

.social-navigation a[href*="digg.com"]:before {
    content: "\f221";
}

.social-navigation a[href*="dribbble.com"]:before {
    content: "\f201";
}

.social-navigation a[href*="dropbox.com"]:before {
    content: "\f225";
}

.social-navigation a[href*="facebook.com"]:before {
    content: "\f203";
}

.social-navigation a[href*="flickr.com"]:before {
    content: "\f211";
}

.social-navigation a[href*="foursquare.com"]:before {
    content: "\f226";
}

.social-navigation a[href*="plus.google.com"]:before {
    content: "\f206";
}

.social-navigation a[href*="github.com"]:before {
    content: "\f200";
}

.social-navigation a[href*="instagram.com"]:before {
    content: "\f215";
}

.social-navigation a[href*="linkedin.com"]:before {
    content: "\f208";
}

.social-navigation a[href*="pinterest.com"]:before {
    content: "\f210";
}

.social-navigation a[href*="getpocket.com"]:before {
    content: "\f224";
}

.social-navigation a[href*="polldaddy.com"]:before {
    content: "\f217";
}

.social-navigation a[href*="reddit.com"]:before {
    content: "\f222";
}

.social-navigation a[href*="stumbleupon.com"]:before {
    content: "\f223";
}

.social-navigation a[href*="tumblr.com"]:before {
    content: "\f214";
}

.social-navigation a[href*="twitter.com"]:before {
    content: "\f202";
}

.social-navigation a[href*="vimeo.com"]:before {
    content: "\f212";
}

.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
    content: "\f205";
}

.social-navigation a[href*="youtube.com"]:before {
    content: "\f213";
}

.social-navigation a[href*="mailto:"]:before {
    content: "\f410";
}

.social-navigation a[href*="spotify.com"]:before {
    content: "\f515";
}

.social-navigation a[href*="twitch.tv"]:before {
    content: "\f516";
}


/* =Let's sew
----------------------------------------------- */

html,
body {
    height: auto !important;
    min-height: 100%;
}

body {
    background: #ededed;
}

.wp-admin body {
    background: #fff !important;
}

a {
    color: #e2007a;
}

a:hover {
    color: #000;
}

.entry-content .page p a {
    text-decoration: underline;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    html,
    body {
        overflow: auto;
    }
}

.header_container,
.content_container,
.footer_container {
    max-width: 1920px !important;
    margin: 0 auto !important;
    position: relative;
}

.row {
    max-width: 1440px !important;
    margin: 0 auto !important;
}
.row.wide {
    max-width: 1700px !important;
}

.cup-slider-row .slick-slider {
    padding: 30px 0;
}

.cup-slider-row .slick-slide a {
    display: block;
    max-width: 205px;
    margin:  0 auto;
}


.slider-wrapper {
    max-width: 1440px;
    margin: 0 auto;
}

.orbit-reference {
    margin-top: 25px;
    margin-top: 50px;
}

.orbit-container li {
    max-width: 1390px;
    margin: 0 auto;
    padding-left: 130px;
}

.orbit-reference .orbit-prev,
.orbit-reference .orbit-prev:hover {
    background: url('images/orbit-prev.png') no-repeat;
    top: 40%;
}

.orbit-reference .orbit-next,
.orbit-reference .orbit-next:hover {
    background: url('images/orbit-next.png') no-repeat;
    top: 40%;
}

.orbit-container .columns {
    width: 20%;
    height: 150px;
}

@media screen and (max-width: 640px) {
    .orbit-reference .orbit-slides-container li > div {
        float: none !important;
    }
    .orbit-reference .orbit-slides-container li img {
        margin-left: auto;
        margin-right: auto;
    }
}


/* menu */

.title-area,
.divider {
    display: none;
}

.top-bar,
.top-bar-section ul li,
.top-bar-section ul li a,
.top-bar-section ul li a:hover,
.contain-to-grid {
    background: none !important;
    color: #000 !important;
    font-size: 16px;
}

.top-bar {
    max-width: 1100px !important;
    text-align: right;
    float: right;
    position: absolute;
    right: 0;
}

.header-logo {
    position: relative;
    z-index: 101;
    top: 13px;
}

#header.smaller .header-logo {
    top: 0;
}

#header .nav_wrap {
    background: transparent !important;
}

#header {
    width: 100%;
    height: 160px;
    left: 0;
    /* overflow: hidden; */
    position: fixed;
    top: 0;
    z-index: 999;
    padding-top: 30px;
    background-color: #fff;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}

#header {
    background: #fff;
    z-index: 10000;
}

.admin-bar #header {
    top: 32px;
}

#header.smaller {
    height: 58px;
    padding-top: 5px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.3);
}

#header div#logo {
    width: 300px;
    display: inline-block;
    height: 100px;
    line-height: 100px;
    margin-left: 13px;
    float: left;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#header div#logo img {
    margin-bottom: 8px;
}

#header.smaller div#logo {
    width: 180px;
    line-height: 70px;
    position: relative;
    /* top: -25px; */
}

#header.smaller div#logo img {
    margin-bottom: 24px;
}

#header nav {
    display: inline-block;
    float: right;
}

#header nav a {
    line-height: 90px;
    color: #9fdbfc;
    font-size: 15px;
    font-weight: 600;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #000 !important;
    padding: 0 20px;
    text-transform: uppercase;
}

#header.smaller nav a {
    line-height: 50px;
    font-size: 14px;
}

#header nav .menu-item-language a {
    margin: 0;
    padding: 0;
    padding-left: 20px;
}

#header nav a:hover,
#header nav li.active a {
    text-decoration: none !important;
    color: #e2007a !important;
    border-color: #e2007a !important;
}

#header .dropdown {
    background: white;
    text-align: left;
    box-shadow: 0px 5px 5px 0px rgb(50 50 50 / 20%);
}
#header .dropdown a,
#header.smaller .dropdown a {
    line-height: 35px;
}

.top-bar-section .has-dropdown > a:after {
    border-color: #000 transparent transparent transparent;
}
.top-bar-section .has-dropdown:hover > a:after,
.top-bar-section .has-dropdown.active > a:after {
    border-color: #e2007a transparent transparent transparent;
}

#header .wpmenucartli {
    position: absolute;
    top: -48px;
    left: 100px;
    display: none;
}

.header-socials {
    position: absolute;
    top: 170px;
    right: 0;
    z-index: 9999;
}

.header-socials div {
    float: left;
    color: #fff;
}

.header-socials span {
    display: none;
}

.header-socials .social-caption {
    padding-top: 7px;
    padding-right: 5px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.48);
}

.header-socials .social-fb a {
    width: 36px;
    height: 36px;
    display: block;
    background: url('images/social-fb.jpg') no-repeat;
}

.header-socials .social-tw a {
    width: 36px;
    height: 36px;
    display: block;
    background: url('images/social-tw.jpg') no-repeat;
}

.header-socials .social-tw:hover,
.header-socials .social-fb:hover {
    -webkit-animation: bounce 0.75s 1;
    -moz-animation: bounce 0.75s 1;
    -ms-animation: bounce 0.75s 1;
    animation: bounce 0.75s 1;
}

#footer .socials {
    margin-top: -10px;
}

#footer a {
    color: #bbbbbd;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#footer a:hover {
    color: #fff;
}

.socials div {
    background: url('images/fb.png') no-repeat;
    padding-left: 50px;
    margin-bottom: 10px;
    margin-right: 10px;
}

#footer .social-tw {
    background: url('images/instagram.png') no-repeat;
    padding-left: 50px;
}

#footer .social-ytb {
    background: url('images/youtube.png') no-repeat;
    padding-left: 50px;
}

#footer .address {
    color: #bbbbbd;
    font-size: 15px;
}

.marginit {
    margin-top: 13px;
    margin-bottom: 30px;
}

/* #footer p {
    color: #BBB5A7 !important;
} */

#header .header-contact {
    position: absolute;
    right: 32px;
    top: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#header .header-contact p {
    float: right;
    padding: 0 0;
    font-size: 15px;
    color: #868686;
    display: inline-block;
}

#header .header-contact a {
    float: right;
    padding: 0 5px;
    font-size: 15px;
    color: #868686;
    border-right: 1px solid #868686;
    line-height: 1.6;
}
@media screen and (min-width: 1050px) {
    #header .header-contact a {
        padding: 0 8px;
    }
}
@media screen and (min-width: 1100px) {
    #header .header-contact a {
        padding: 0 10px;
    }
}
@media screen and (min-width: 1160px) {
    #header .header-contact a {
        padding: 0 15px;
    }
}

#header .header-contact p a {
    color: #000;
    color: #868686
}

#header .header-contact p a:hover {
    color: #e2007a !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#header .header-lang {
    float: right;
    color: #868686;
    border: 0 !important;
    /* display: none; */
}

#header .header-lang a {
    font-family: 'Exo', sans-serif;
    font-size: 16px;
}

#header.smaller .socials,
#header.smaller .header-contact {
    top: -100px;
}

.home .content_container {
    padding-top: 140px;
}

.error404 #content {
    padding-top: 200px;
    text-align: center;
    min-height: 700px;
}

.error404 .content_wrap .row {
    max-width: 900px !important;
}

.error404 h1 {
    margin-bottom: 50px;
}

.home .content_container {
    padding-top: 0px;
}

.footer_container {
    background: url('images/footer-bg.jpg') no-repeat #08080b;
    background-size: cover;
}

#footer {
    background: none;
}

#footer.row {
    max-width: 1200px !important;
    padding-bottom: 50px;
}

#footer h2 {
    color: #f5f5f5;
    font-size: 24px;
    margin-bottom: 35px;
    margin-top: 15px;
}

#footer ul {
    list-style: none;
    margin: 0;
}

#footer ul li,
#footer ul li a {
    color: #bbbbbd;
    font-size: 15px;
    text-transform: uppercase;
}

#footer ul.pad {
    /* margin-top: 76px; */
}

#footer #wpmenucartli {
    display: none;
}

#footer .adresa2,
#footer .adresa {
    margin-top: 60px;
    color: #bbbbbd;
    font-weight: 100;
    line-height: 1.4;
}

#footer .adresa {
    margin-top: 0;
    color: #bbbbbd;
}

#footer .adresa br {
    /* display: none; */
}

#footer .adresa2 br {
    /* display: none; */
}

#footer .adresa2 p {
    color: #bbbbbd;
}

#footer .adresa h3,
#footer .adresa2 h3 {
    font-size: 18px;
    margin: 0;
    padding: 0;
    color: #fff !important;
    margin-bottom: 10px;
    margin-top: 20px;
}

#footer .adresa h3+br,
#footer .adresa2 h3+br {
    display: none;
}

#copyright {
    background: #1b1b22;
    padding-top: 10px;
}

#copyright p {
    text-align: center;
    color: #bbb;
    font-size: 12px;
    font-weight: 100;
    margin-bottom: 10px;
}

#copyright a {
    color: #bbb;
}

#copyright a:hover {
    color: #fff;
}


/* map */

.kde {
    float: left;
    width: 47%;
}

.kde h2 {
    /* margin-left: 15px; */
}

#map {
    min-height: 430px;
    /* margin-left: 15px; */
    margin-bottom: 100px;
    margin-top: 30px;
    background: #f3f3f3;
    background: url('images/ico_loading.gif') center center no-repeat #f3f3f3;
}

#map div.gm-style {
    background: transparent !important;
}

#map img {
    max-width: none;
}

#map a[href^="http://maps.google.com/maps"],
#map a[href^="https://www.google.com"] {
    display: none !important
}

.gmnoprint a,
.gmnoprint span {
    display: none;
}

.gmnoprint div {
    background: none !important;
}


/* parallax */

.parallax {
    min-height: 2000px;
    /*background: url('images/ico_loading.gif') center 400px no-repeat #fff;*/
}

.loaded .parallax {
    background-image: none;
}


/*
.homeSlide {
	opacity: 0;
}

.loaded .homeSlide,
.loaded .hsContainer,
.no-js .homeSlide {
	opacity: 1;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
}
*/

.homeSlide {
    /* min-height: 820px !important; */
}

.hsContainer {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.hsContainer p {
    color: #333;
    font-size: 17px;
    margin: 20px 0;
}

.hsContainer h2 {
    color: #242424;
    margin-top: 45px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 27px;
    font-weight: 400;
    overflow: hidden;
    text-align: center;
}

.hsContainer h2:before,
.hsContainer h2:after {
    border-bottom: 1px solid #242424;
    content: "";
    display: inline-block;
    height: .2em;
    position: relative;
    vertical-align: middle;
    width: 50%;
    margin-bottom: .15em;
}

.hsContainer h2:before {
    right: 0.5em;
    margin-left: -50%;
}

.hsContainer h2:after {
    left: 0.5em;
    margin-right: -50%;
}

/*body#lang-cs */.hsContainer.hsContainerOverlay {
    position: relative;
}
/*body#lang-cs */.hsContainer.hsContainerOverlay::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.32;
    mix-blend-mode: multiply;
    z-index: 0;
}

.hsContent {
    /* max-width: 450px; */
    margin: 0 auto;
    /* display: table-cell; */
    vertical-align: top;
    color: #ebebeb;
    padding: 0 15px 50px 15px;
    ;
    text-align: center;
}

.bcg {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #fff;
    height: 100%;
    width: 100%;
}

.parallax .button {
    margin-top: 70px;
    background: #fff;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #222;
    padding: 12px 32px !important;
}

.parallax .button:hover {
    background: #e2007a;
    color: #fff;
    border-color: #e2007a;
}


/* slide 1 - slider */

.slider {
    width: 1920px;
    height: 800px;
    overflow: hidden;
}

.slide {
    float: left;
    width: 1920px;
    height: 800px;
    background-repeat: no-repeat;
}

.slide:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(transparent, black);
}

.holder {
    width: 300%;
}

.slider-nav {
    position: absolute;
    margin-top: -40px;
    left: 50%;
    margin-left: -36px;
}

.slider-nav a {
    width: 14px;
    height: 14px;
    display: block;
    float: left;
    margin-left: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    background: #fff;
}

.slider-nav a.active {
    background: transparent;
    cursor: default;
}

.slider-nav a span {
    display: none;
}


/* slider */

#slider {
    position: relative;
    /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
    overflow: hidden;
    /* to bound the empty top space created by inner element's top margin */
    width: 100%;
    min-height: 770px;
    background: url('images/ico_loading.gif') center 400px no-repeat #fff;
}

#slider .demo-inner-content {
    position: relative;
    z-index: 100;
    padding-top: 130px;
    max-width: 760px;
    margin: 0 auto;
    margin-top: -200%;
    position: relative;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}


/* slide 1 */

.slide-172 {
    padding-top: 50px;
    text-align: center;
}

.slide-172 .hsContainer {
    padding-top: 160px;
    padding-bottom: 50px;
}

.slide-172 h1 {
    color: #fff;
    font-size: 52px;
    margin-top: -20px;
    position: relative;
    margin-left: -500%;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.slide-172 h2 {
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: inline;
    margin: 0 auto;
    text-transform: none;
    line-height: 65px;
    padding: 5px 0;
    font-size: 30px;
}

.slide-172 h2,
.slide-172 p.animation {
    margin-right: -500%;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.slide-172 h2:before,
.slide-172 h2:after {
    display: none;
}


/* slide 2*/

.hsFixedHeading {
    position: absolute;
    top: 0px;
    width: 100%;
    max-width: 1890px;
}

.slide-200 {
    height: 1400px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}
body#lang-cs .slide-200 {
    height: auto;
}
body#lang-cs .slide-200,
body#lang-cs .slide-200 .hsContainer {
    overflow: visible;
}

.slide-200 .cup1 {
    position: fixed;
    top: 0%;
    margin-left: -240px;
    display: none;
    z-index: 100;
}

.slide-200 .cup1 img {
    min-width: 332px;
    min-height: 423px;
}

.slide-200 .cup2 {
    position: fixed;
    top: 0%;
    margin-right: -250px;
    display: none;
}

.slide-200 .cup2 img {
    min-width: 224px;
    min-height: 306px;
}

.slide-200 .puntik {
    position: fixed;
    top: 0%;
    left: 50%;
    display: none;
    margin-left: -32px;
    z-index: 101;
}

.slide-200 .hsContent {
    padding-top: 0;
}

.slide-200 .row {
    position: relative;
    height: 1400px;
}

.slide-200 p {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    color: #333;
}
body#lang-cs .slide-200 p {
    max-width: initial;
}
body#lang-cs .slide-200 p:first-of-type {
    max-width: 1000px;
}

.slide-200 img {
    /*position: absolute;*/
    /*left: 280px;*/
}

.slide-200 .button {
    background: #e2017b;
    border: 0;
    color: #fff;
    font-weight: 100;
}

.slide-200 .product-labels {
    position: fixed;
    left: 50%;
    margin-left: -550px;
    width: 1100px;
    height: 470px;
    margin-top: 275px;
    /*background: url('images/products.jpg') no-repeat top center;*/
    top: 0%;
    opacity: 0;
}

.slide-200 .product-labels div {
    position: absolute;
}

.slide-200 .product-labels h3 {
    font-size: 16px;
    color: #464646;
    font-weight: 400;
}

.slide-200 .product-label-1 {
    top: 150px;
    left: 50px;
}

.slide-200 .product-label-2 {
    top: 250px;
    left: 150px;
}

.slide-200 .product-label-3 {
    top: 350px;
    left: 120px;
}

.slide-200 .product-label-4 {
    top: 100px;
    right: 240px;
}

.slide-200 .product-label-5 {
    top: 272px;
    right: 140px;
}

.slide-200 .product-label-6 {
    top: 370px;
    right: 170px;
}

.slide-200 .clear {
    position: absolute;
    bottom: 90px;
    left: 50%;
    margin-left: -95px;
}

.slide-200 .button {
    background: #e2007a !important;
    color: #fff !important;
    border-color: #e2007a !important;
}

.slide-200 .button:hover {
    background: #333 !important;
}


/* all cups slide */
.all-cups .wrapper {
    display: inline-block;
    position: relative;
    /* width: 100%; */
    overflow: hidden;
}
.all-cups .all-cups-img {
    margin-top: 50px;
    margin-bottom: 30px;
}
.all-cups .wrapper .bubble-1,
.all-cups .wrapper .bubble-2,
.all-cups .wrapper .bubble-3 {
    display: none;
}
.all-cups br {
    display: none;
}
.all-cups .cup-volume {
    position: absolute;
    color: #898989;
    font-size: 12px;
}

.all-cups .cup-volume:nth-of-type(1) {
    bottom: 5%;
    left: 13%;
}
.all-cups .cup-volume:nth-of-type(2) {
    bottom: 3%;
    left: 31%;
}
.all-cups .cup-volume:nth-of-type(3) {
    bottom: 0;
    left: 50%;
    transform: translateX(-51%);
}
.all-cups .cup-volume:nth-of-type(4) {
    bottom: 3%;
    right: 31%;
}
.all-cups .cup-volume:nth-of-type(5) {
    bottom: 5%;
    right: 15%;
}

@media screen and (min-width: 641px) {
    .all-cups .cup-volume {
        font-size: 17px;
    }
}
@media screen and (min-width: 1025px) {
    .all-cups .all-cups-img {
        margin-bottom: 10px;
    }
    .all-cups .wrapper .bubble-1,
    .all-cups .wrapper .bubble-2,
    .all-cups .wrapper .bubble-3 {
        display: inline-block;
        position: absolute;
        max-width: 70px;
    }
    .all-cups .bubble-1 {
        left: 18vw;
        top: 20%;
    }
    .all-cups .bubble-2 {
        left: 50vw;
        top: 50%;
    }
    .all-cups .bubble-3 {
        right: 8vw;
        top: 30%;
    }
    .all-cups .cup-volume:nth-of-type(3) {
        transform: translateX(-53%);
    }
}
@media screen and (min-width: 1200px) {
    .all-cups .cup-volume:nth-of-type(3) {
        transform: translateX(-54%);
    }
}
@media screen and (min-width: 1441px) {
    .all-cups .wrapper .bubble-1,
    .all-cups .wrapper .bubble-2,
    .all-cups .wrapper .bubble-3 {
        max-width: initial;
    }
    .all-cups .bubble-1 {
        left: 16vw;
    }
    .all-cups .cup-volume {
        font-size: 19px;
    }
}
@media screen and (min-width: 1701px) {
    .all-cups .bubble-1 {
        left: 18%;
        top: 20%;
    }
    .all-cups .bubble-2 {
        left: 52%;
        top: 50%;
    }
    .all-cups .bubble-3 {
        right: 9%;
        top: 30%;
    }

    .all-cups .cup-volume:nth-of-type(1) {
        bottom: 45px;
    }
    .all-cups .cup-volume:nth-of-type(2) {
        bottom: 30px;
    }
    .all-cups .cup-volume:nth-of-type(3) {
        bottom: 0;
        transform: translateX(-56%);
    }
    .all-cups .cup-volume:nth-of-type(4) {
        bottom: 25px;
    }
    .all-cups .cup-volume:nth-of-type(5) {
        bottom: 40px;
    }
}

@media screen and (max-width: 500px) {
    .hsContent.all-cups {
        padding-left: 0;
        padding-right: 0;
    }
    .hsContent.all-cups .wrapper {
        margin-left: -20px;
        margin-right: -20px;
    }
}

/* - properties */
.properties {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    background-color: #DD1B83;
}
.properties .item {
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #fff;
    font-size: 20px;
    line-height: 27px;
    padding: 0 15px;
    width: 20%;
    min-height: 78px;
    text-align: center;
    border-right: 1px solid #fff;
}
.properties .item:last-child {
    border: 0;
}
.properties .item .item__title {
    position: relative;
    padding-left: 42px;
}
.properties .item .item__title::before {
    position: absolute;
    content: '+';
    background-color: #ffffff76;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
@media only screen and (max-width: 40em) {
    .properties .item .item__text {
        display: block;
        text-align: left;
    }
}
.property-content {
    z-index: 1;
    position: absolute;
    left: -99999px;
    width: 20%;
    background-color: #fff;
    padding: 30px 35px 40px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 16%);
}
.property-content::before {
    z-index: 1;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background-color: white;
}
.property-content::after {
    z-index: 0;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #ffffff transparent transparent transparent;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 16%));
}
@media only screen and (max-width: 40em) {
    .property-content::after {
        display: none;
    }
}
.slide-200 .property-content p,
.property-content p {
    text-align: left;
    margin-bottom: 20px;
}
.property-content b,
.property-content strong {
    font-size: 22px;
    line-height: 29px;
}
.property-content .colors-description {
    color: #828282;
    font-size: 14px;
    line-height: 19px;
    margin: 0;
}
.property-content .color-var-list li {
    width: 26px;
    height: 26px;
}
.property-content .color-var-list li .color-inner {
    width: 20px;
    height: 20px;
}
@media screen and (max-width: 1200px) {
    .properties .item {
        font-size: 18px;
        line-height: 25px;
        min-height: 68px;
    }
}
@media screen and (max-width: 1024px) {
    .properties .item {
        width: 50%;
        border-right: 0;
        border-bottom: 1px solid #fff;;
    }
    .properties .item:nth-of-type(1),
    .properties .item:nth-of-type(3) {
        border-right: 1px solid #fff;
    }
    .properties .item:last-of-type {
        width: 100%;
        border-bottom: 0;
    }
    .property-content {
        width: 50%;
    }
    .properties .item:last-of-type + .property-content {
        width: 100%;
    }
}
@media screen and (max-width: 640px) {
    .properties .item {
        width: 100%;
        min-height: 68px;
        justify-content: flex-start;
        border-right: 0 !important;
    }
    .properties .property-content {
        width: calc(100% - 50px) !important;
    }
    .property-content::before {
        display: none;
    }
}

/* slide 3 */

.slide-176 .hsContainer h2 {
    color: #fff;
    margin-top: 50px;
    margin-bottom: 50px;
}

.slide-176 .hsContainer h2:before,
.slide-176 .hsContainer h2:after {
    border-bottom: 1px solid #fff;
}

.slide-176 .button {
    background: #e2007a;
    color: #fff;
    margin-top: 40px;
}

.slide-176 .button:hover {
    background: #b30062;
}

.slide-200 .hsHeading {
    max-width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
}

/* slide 4 */

.slide-237 h2 {
    font-weight: 600;
    font-size: 29px;
    margin-bottom: 30px;
}

.slide-237 p {
    /* float: left; */
    text-align: center;
    font-size: 25px;
    width: 100%;
}

.slide-237 .button {
    margin-top: 20px;
}


/* slide 5 */

body#lang-cs .slide-197 .row.skrollable {
    max-width: 1700px !important;
}

.slide-197 .bcg {
    background-position: 50% 0px !important;
    background-size: auto;
    background-attachment: scroll !important;
}

.slide-197 h2 {
    font-size: 27px;
    font-weight: 600;
    margin-top: 25px;
}
body#lang-cs .slide-197 h2 {
    color: white;
}
body#lang-cs .slide-197 h2::before,
body#lang-cs .slide-197 h2::after {
    border-color: white;
}

.slide-197 .hsContent {
    position: relative;
}

.slide-197 .button {
    background: #e2007a;
    margin-top: 40px;
}

.slide-197 .button:hover {
    background: #b30062;
}


/* slide 6 */

.slide-412 .bcg {
    background-position: 50% 0px !important;
    background-size: auto;
    background-attachment: scroll !important;
}

.slide-412 .hsContainer {
    height: 430px;
    background: url('images/video.png') no-repeat center 240px;
}

.slide-412 .hsContainer a {
    width: 100%;
    height: 100%;
    display: block;
}

.slide-412 h2 {
    color: #fff;
    font-size: 70px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 2px;
    padding-top: 103px;
    margin-top: 0;
}

.slide-412 h2:before,
.slide-412 h2:after {
    display: none;
}

#videoModal {
    border: 0;
    background: #000 !important;
}

#videoModal .flex-video.vimeo {
    background: #000 !important;
    margin-bottom: 0px;
}

#videoModal .close-reveal-modal {
    right: 10px !important;
    top: 0 !important;
}


/* slide 6 nahrada */

.slide-914 .bcg {
    background-position: 50% 0px !important;
    background-size: auto;
    background-attachment: scroll !important;
}

.slide-914 .hsContainer {
    height: 480px;
}

.slide-914 h2 {
    display: none;
}

.slide-914 .button {
    left: -238px;
    top: 320px;
    position: relative;
    background: #e2007a;
    color: #fff;
    border: 0;
}

.slide-914 .button:hover {
    background: #333;
}

.slide-199 .button {
    margin-top: 10px;
}

.slide-199 .button:hover {
    background: #e2007a;
}

.slide-199 .row {
    max-width: 1900px !important
}


/* slide 7 */

.slide-234 h2 {
    display: none;
}

.slide-234 .hsContainer {
    padding-top: 70px;
    padding-bottom: 10px;
    background: #e2007a;
}

.slide-234 h3 {
    color: #fff;
    font-size: 35px;
}

.slide-234 p {
    color: #222;
    font-size: 22px;
}

.slide-234 .mc4wp-alert {
    float: left;
    margin-left: 16px;
    margin-top: -10px;
}


/* slide 8 */

.slide-202 .hsContainer {
    min-height: 500px;
}

.slide-202 h2:before,
.slide-202 h2:after {
    display: none;
}

.slide-202 h2 {
    font-size: 52px;
    font-weight: 400;
    margin-top: 150px;
    margin-bottom: 30px;
    text-transform: none;
}

/* slide insta */

body#lang-cs .slide-5543 .hsContent,
body#lang-cs .slide-7548 .hsContent {
    padding-left: 0;
    padding-right: 0;
}
body#lang-cs .slide-5543 .row.skrollable,
body#lang-cs .slide-7548 .row.skrollable {
    max-width: initial !important;
}
body#lang-cs .slide-5543 .clear .button,
body#lang-cs .slide-7548 .clear .button {
    margin-top: 30px;
}


/* kontakt form */

.kontakt-form {
    width: 49%;
    float: right;
    margin: 0 auto;
}

#gform_wrapper_1 #field_1_1,
#gform_wrapper_1 #field_1_2,
#gform_wrapper_1 #field_1_3 {
    width: 33%;
    float: left;
    clear: none;
    margin: 0 !important;
    padding: 0 !important;
}

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

.gform_wrapper ul li.gfield {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#field_4_4 {
    width: 98%;
}

.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper .gfield_required,
.gform_wrapper div.validation_error,
.gform_wrapper .validation_message {
    color: #e2007a !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important
}

.gform_wrapper li.gfield_error input[type=email],
.gform_wrapper li.gfield_error input[type=number],
.gform_wrapper li.gfield_error input[type=password],
.gform_wrapper li.gfield_error input[type=tel],
.gform_wrapper li.gfield_error input[type=text],
.gform_wrapper li.gfield_error input[type=url],
.gform_wrapper li.gfield_error textarea {
    border-color: #e2007a !important;
}

.gform_wrapper .top_label #field_1_4.gfield_error {
    width: 99% !important;
    position: relative;
    top: 3px !important;
}

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

#gform_wrapper_1 .top_label .gfield_error input.large,
.gform_wrapper .top_label .gfield_error select.large,
.gform_wrapper .top_label .gfield_error textarea.textarea {
    width: 100% !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: .625em !important;
}

#gform_wrapper_1 .ginput_container {
    margin: 0 !important;
    padding: 0 !important;
}

#gform_wrapper_1 input {
    width: 95%
}

#gform_submit_button_1 {
    max-width: 150px;
}

.sluzby-vypis .columns {
    min-height: 205px;
    /* padding-top: 60px; */
}

.sluzby-thumb {
    height: 80px;
    height: auto;
}

.sluzby-thumb img {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    /* width: 132px; */
    /* height: 92px; */
    width: 125px;
    height: auto;
}

.sluzby-thumb:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.sluzby-vypis img {
    margin: 0 !important;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sluzby-section .columns:hover img,
.sluzby-vypis .columns:hover img {
    width: 147px;
    height: 103px;
    margin-top: -7px !important;
    margin-left: 2px !important;
}
.sluzby-section .columns:hover img,
.sluzby-vypis .columns:hover img {
    margin: 0 !important;
    width: 141px;
    height: auto;
    margin-top: -16px !important;
    margin-left: 0 !important;
}

.sluzby-section .columns:hover h2:after,
.sluzby-vypis .columns:hover h3:after {
    width: 100%;
}

.sluzby-vypis h3 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin-bottom: 13px;
}

.sluzby-section h2:after,
.sluzby-vypis h3:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 0;
    height: 2px;
    background-color: #fff;
    content: "";
    transition: width 0.2s;
}

.sluzby-section h2:after {
    background-color: #000;
}

.sluzby-vypis p {
    color: #fff;
    font-size: 14px;
    /* max-width: 287px; */
    margin: 0 auto;
    margin-bottom: 50px;
    max-width: 285px;
}

.fakta {
    padding-top: 17px;
    clear: both;
    /* float: left; */
    margin-bottom: 10px;
}

.fakta h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 22px;
}

.fakta h3 strong {
    font-size: 55px;
    text-transform: none;
    font-weight: 500;
}

.fakta p {
    font-size: 17px !important;
    line-height: 21px;
    color: #000;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 293px;
}

.last-news {
    margin-top: 60px !important;
}
.last-news .wp-post-image {
    border: 4px solid #D8D8D8;
    border-radius: 50%;
    width: 170px;
    height: 170px;
}
.last-news .title {
    margin-bottom: 0;
}
.last-news .title a {
    color: #000;
}
.last-news time {
    font-size: 14px;
    color: #828282;
}
.last-news p {
    font-size: 19px;
    line-height: 25px;
    color: #000;
}
.last-news p:first-of-type {
    margin: 0 0 45px;
}
.oast-news .read-more {
    color: #000;
}
@media screen and (max-width: 640px) {
    .last-news {
        margin-top: 20px !important;
    }
    .last-news p:first-of-type {
        margin: 0 0 20px;
    }
    .last-news > div {
        margin-bottom: 20px;
    }
}

.reuse-system {
    clear: both;
    float: left;
    margin: 0 auto;
    margin-top: 355px;
    width: 100%;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    margin-left: 300%;
}
.reuse-system {
    margin-top: 67px;
}
.reuse-system img {
    max-height: 150px;
}
.why-nicknack-reuse .reuse-system {
    margin-left: 0 !important;
}
.why-nicknack-reuse .hsHeading {
    position: relative;
    font-weight: 600;
    color: white;
}
.why-nicknack-reuse .hsHeading::before,
.why-nicknack-reuse .hsHeading::after {
    border-color: white;
}
.why-nicknack-reuse .row {
    max-width: initial !important;
}
/* body#lang-cs .reuse-system img {
    max-height: 210px;
}
body#lang-cs .reuse-system > .columns:nth-of-type(3) img {
    max-height: 180px;
    margin-top: 30px;
} */
@media screen and (min-width: 851px) {
    .reuse-system img {
        max-height: 120px;
    }
    .reuse-system > .columns:nth-of-type(3) img {
        max-height: 100px;
        margin-top: 20px;
    }
}
@media screen and (min-width: 1024px) {
    .reuse-system img {
        max-height: 210px;
    }
    .reuse-system > .columns:nth-of-type(3) img {
        max-height: 180px;
        margin-top: 30px;
    }
}
@media screen and (min-width: 1440px) {
    .reuse-system img {
        max-height: 280px;
    }
    .reuse-system > .columns:nth-of-type(3) img {
        max-height: 250px;
        margin-top: 30px;
    }
}

.reuse-popis {
    font-size: 21px;
    font-weight: 600;
    max-width: 350px;
    margin: 70px auto 0px auto;
    text-align: left;
}
.reuse-popis {
    margin: 35px auto 0px auto;
    background: #2B2B2B;
    font-size: 18px;
    line-height: 24px;
    padding: 9px;
    padding-left: calc(43px + 9px);
    position: relative;
    max-width: initial;
    font-weight: normal;
}
@media screen and (max-width: 850px) {
    .reuse-popis {
        margin-top: 20px;
        margin-bottom: 35px;
    }
    .reuse-system > div {
        width: 100%
    }
    .reuse-popis {
        margin-top: 20px;
        margin-bottom: 35px;
    }
    .slide-197 .bcg {
        background-size: cover;
    }
}

.reuse-order-number {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 43px;
    background: #e2007a;
    text-align: center;
}
.reuse-order-number .number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.newsletter {
    text-align: left;
    padding-left: 170px;
    background: url('images/newsletter.png') 40px 5px no-repeat;
    height: 90px;
}

.newsletter h3 {
    font-size: 35px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 1px;
}

.newsletter p {
    font-size: 22px;
    color: #333;
    margin: 0;
    letter-spacing: 1px;
}

.newsletter input {
    border-color: #000 !important;
}

.newsletter .input-field {
    width: 80%;
    float: left;
    padding-right: 3px;
}

.newsletter .submit-field {
    width: 20%;
    padding-left: 0;
}

.newsletter .submit-field input {
    margin: 0;
    height: 37px;
    border-radius: 0;
    background: #333;
    color: #fff;
    padding: 0 8px !important;
    font-size: 15px;
}

.off-canvas-wrap {
    -webkit-backface-visibility: visible !important;
}

.subpage-slide {
    margin-top: -100px;
}

.subpage-slide .bcg {
    min-height: 300px;
}

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

.onas-section .timeline {
    margin-top: 0;
}

.onas-section .kdo-jsme .large-5 img,
.onas-section .napsali .large-5 img {
    height: 120px;
}

.onas-section .kdo-jsme .large-7,
.onas-section .napsali .large-7 {
    text-align: left;
}

.page-template-page-template-reference #content,
.sluzby-section,
.sluzby-header,
.produkt-section {
    text-align: center;
}

.sluzby-header {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 70px;
}
.sluzby-header {
    background-position: center center;
    background-size: cover;
}

.sluzby-header .main-content {
    position: relative;
    margin: 0 auto;
    height: 495px;
    padding-top: 195px;
    /* margin-top: 30px; */
}

.sluzby-header h1 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 25px;
}

.sluzby-header .main-content p {
    color: #fff;
    font-size: 20px;
    max-width: 720px;
    margin: 0 auto;
    margin-bottom: 30px;
    line-height: 28px;
}

.sluzby-section {
    padding-top: 90px;
    /* padding-bottom: 120px; */
    padding-bottom: 35px;
}
.sluzby-section.sluzby-vypis p {
    margin-bottom: 20px;
}

.sluzby-row {
    /* max-width: 1161px !important; */
}

.sluzby-section .columns {
    padding: 25px 35px;
}

.sluzby-section h2 {
    font-size: 27px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

.sluzby-section p {
    font-size: 15px;
    line-height: 21px;
    color: #000;
}

.sluzby-section .button {
    margin-top: 60px;
    background: #e9e9e9;
    color: #222;
    font-size: 18px;
    font-weight: 600;
}

.kontakt-section {
    padding-top: 180px;
}

.kontakt-section .hide-for-small-only {
    display: inline !important;
}

.kontakt-section h1 {
    /* margin-bottom: 45px !important; */
}

.kontakt-section h2 {
    font-size: 25px;
}

.people h2 {
    border-bottom: 1px solid #eee;
    padding-bottom: 7px;
}


/* blog */

.cd-timeline-content h2 a {
    font-size: 26px;
    color: #000;
    font-weight: 500;
}

.cd-timeline-content .cd-date {
    color: #666 !important;
    font-size: 15px !important;
    opacity: 1 !important;
}

.news-header h1 {
    font-size: 36px;
    margin-top: 260px;
    text-align: center;
}

.news-footer {
    height: 400px;
    padding-top: 80px;
    text-align: center;
}

.news-footer .button {
    background: #e9e9e9;
    color: #222;
    font-size: 18px;
    font-weight: 600;
}


/* reference */

.reference-header {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 70px;
}

.reference-header .main-content {
    position: relative;
    margin: 0 auto;
    height: 495px;
    padding-top: 220px;
    /* margin-top: 30px; */
}

.reference-header h1 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 25px;
}

.reference-header .main-content p {
    color: #fff;
    font-size: 20px;
    max-width: 720px;
    margin: 0 auto;
    line-height: 28px;
}

.ref-section {
    padding: 65px 0;
}

.ref-section .row {
    max-width: 1000px !important;
}

.ref-section .columns {
    padding: 0 50px;
}

.ref-section.section-even {
    background: #f3f3f3;
}

.ref-section.section-even .ref-thumb {
    text-align: right;
}

.ref-section.section-odd .ref-content {
    text-align: right;
}

.ref-section h2 {
    font-size: 16px;
    font-weight: 600;
}

.partners-section .row {
    max-width: 990px !important;
    text-align: center;
}

.partners-section h2 {
    color: #242424;
    margin-top: 100px;
    margin-bottom: 70px;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 400;
    overflow: hidden;
    text-align: center;
    text-transform: none;
}

.partners-section h2:before,
.partners-section h2:after {
    border-bottom: 1px solid #242424;
    content: "";
    display: inline-block;
    height: .2em;
    position: relative;
    vertical-align: middle;
    width: 50%;
    margin-bottom: .15em;
}

.partners-section h2:before {
    right: 2em;
    margin-left: -50%;
}

.partners-section h2:after {
    left: 2em;
    margin-right: -50%;
}

.partners-section .large-3 {
    width: 20%;
    height: 190px;
}

.partners-section img {
    max-height: 135px;
    width: auto;
    height: auto;
}

.partners-section .button {
    background: #e9e9e9;
    color: #222;
    font-size: 18px;
    font-weight: 600;
    margin: 40px 0 100px 0;
}


/* produkty */

.produkt-section {
    padding-top: 200px;
}

.kontakt-section h1,
.headline,
.reuse-section h2,
.proc-section h2,
.vychytavky-section h2,
.produkt-section h1 {
    color: #242424;
    margin-top: 35px;
    margin-bottom: 70px;
    text-transform: uppercase;
    font-size: 27px;
    font-weight: 400;
    overflow: hidden;
    text-align: center;
}

.kontakt-section h1:before,
.kontakt-section h1:after,
.headline:before,
.headline:after,
.reuse-section h2:before,
.reuse-section h2:after,
.proc-section h2:before,
.proc-section h2:after,
.vychytavky-section h2:before,
.vychytavky-section h2:after,
.produkt-section h1:before,
.produkt-section h1:after {
    border-bottom: 1px solid #242424;
    content: "";
    display: inline-block;
    height: .2em;
    position: relative;
    vertical-align: middle;
    width: 50%;
    margin-bottom: .15em;
}

.kontakt-section h1:before,
.headline:before,
.reuse-section h2:before,
.proc-section h2:before,
.vychytavky-section h2:before,
.produkt-section h1:before {
    right: 0.5em;
    margin-left: -50%;
}

.kontakt-section h1:after,
.headline:after,
.reuse-section h2:after,
.proc-section h2:after,
.vychytavky-section h2:after,
.produkt-section h1:after {
    left: 0.5em;
    margin-right: -50%;
}

.produkt-kelimky {
    max-width: 1750px;
    margin: 0 auto;
}

.produkt-kelimky .columns {
    padding: 0;
    height: 400px;
}

.produkt-kelimky .large-5 {
    width: 45%;
}

.produkt-kelimky .large-7 {
    width: 55%;
}

.produkt-kelimky h2 {
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    color: #e2007a;
}

.produkt-kelimky p {
    padding: 0 !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
}

.produkt-kelimky p small {
    color: rgb(146, 146, 146);
    font-size: 10px;
}

.produkt-kelimky .produkt-text {
    text-align: left;
    position: absolute;
    top: 60%;
}

.produkt-kelimek-1 .produkt-text {
    text-align: right;
}

.produkt-kelimek-1 {
    left: 100px;
}

.produkt-kelimek-2 {
    left: 60px;
}

.produkt-kelimek-2 .large-7 {
    left: -55px;
}

.produkt-kelimek-2 .produkt-text {
    max-width: 200px;
}

.produkt-kelimek-3 {
    left: -80px;
}

.produkt-kelimek-3 .large-7 {
    left: -30px;
}

.button.pink {
    background: #e2007a;
    margin-top: 120px;
    text-transform: uppercase;
}

.vychytavky-section {
    margin: 75px 0;
    background: #f3f3f3;
    font-size: 16px;
    color: #000;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 60px;
}

.vychytavky-section h2 {
    text-transform: none;
    font-size: 26px;
    font-weight: 500;
}

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

.vychytavka-img img {
    border-radius: 100%;
    overflow: hidden;
    max-width: 170px;
    max-height: 170px;
    width: auto;
    height: auto;
    margin-bottom: 15px;
}

.vychytavky-section .row {
    max-width: 960px !important;
}

.vychytavky-section h3 {
    font-size: 20px;
    font-weight: 600;
}

.vychytavky-section p {
    font-size: 16px;
}

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


.page-template-page-template-produkt-v2 .potisk-section {
    background: #fff;
    padding-top: 80px;
    display: none;
}

.page-template-page-template-produkt-v2 .vychytavky-section {
    margin-bottom: 0;
}

.potisk-section .row {
    max-width: 1600px !important;
}

.potisk-section h2 {
    font-size: 28px;
    color: #1a171b;
    font-weight: 500;
    margin-bottom: 30px;
}

.potisk-section p {
    font-size: 18px;
}

.potisk-section img {
    margin: 30px 0;
}

.potisk-section .button {
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px;
    text-transform: uppercase;
    text-transform: uppercase !important;
    padding: 12px 20px;
    background: #414141;
}

.potisk-section .button:hover {
    background: #e2007a;
}

.psluzby-section {
    background: #e2007a;
    padding: 45px 0;
    text-align: center;
    margin: 40px 0 0 0;
}

.page-template-page-template-produkt-v2 .psluzby-section {
    margin: 0px 0 0 0;
}

.psluzby-section h2 {
    color: #fff;
    font-size: 28px;
    margin: 30px 0;
}

.psluzby-section p {
    color: #1a171b;
    font-size: 18px;
    font-weight: 500;
    max-width: 550px;
    margin: 0 auto;
}

.psluzby-section .button {
    margin-top: 50px;
    margin-bottom: 10px;
    background: #fff;
    color: #222222;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px;
    text-transform: uppercase;
}

.kvalita-section {
    padding: 75px 0;
    text-align: center;
    background: #f4f4f4;
}

.kvalita-section .row {
    max-width: 705px !important;
}

.kvalita-section h2 {
    background: url('images/kvalita.png') no-repeat;
    font-size: 28px;
    color: #000;
    padding: 5px 70px !important;
    margin-bottom: 45px;
    text-align: center;
    display: inline-block;
    margin-left: 70px;
}

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

.kvalita-section li {
    line-height: 35px;
    text-align: center;
    font-size: 18px;
}

.kvalita-section .button {
    margin-top: 50px;
    margin-bottom: 10px;
    background: #222;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px;
    text-transform: uppercase;
    margin-top: 45px;
}

.kvalita-section .button:hover {
    background: #E2007A;
}

.main-title {
    padding-top: 190px !important;
    text-align: center;
}

.proc-header {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 70px;
}
@media screen and (max-width: 1300px) {
    .proc-header {
        margin-top: 60px;
    }
}
@media screen and (max-width: 1024px) {
    .proc-header {
        margin-top: 40px;
    }
}

.proc-header .main-content {
    position: relative;
    margin: 0 auto;
    height: 495px;
    padding-top: 160px;
    /* margin-top: 30px; */
}

.proc-header h2 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 50px;
}

.proc-header .main-content p {
    color: #fff;
    font-size: 18px;
    max-width: 720px;
    margin: 0 auto;
    line-height: 28px;
}

.proc-section {
    padding: 70px 0;
    text-align: center;
}

.proc-section .row {
    max-width: 970px !important;
}

.proc-section .proc .columns {
    min-height: 295px;
    margin-bottom: 30px;
    padding: 0 40px;
}

.proc-section h2 {
    font-size: 28px;
    text-transform: none;
    font-weight: 500;
    margin-bottom: 60px;
}

.proc-section .number {
    width: 67px;
    height: 102px;
    background: url('images/cup-number.jpg') no-repeat;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding-top: 36px;
    margin: 10px auto;
}

.proc-section h3 {
    font-size: 24px;
    color: #1a171b;
    font-weight: 500;
    margin-bottom: 25px;
}

.proc-section p {
    font-size: 16px;
}

.proc-section .button {
    margin-top: 50px;
    margin-bottom: 10px;
    background: #e9e9e9;
    color: #222222;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px;
    text-transform: uppercase;
    margin-top: 45px;
}

.proc-sluzby-section {
    /* background: #f; */
    padding: 45px 0;
    text-align: center;
    padding: 40px 0;
}

.proc-sluzby-section h2 {
    color: #e2007a;
    font-size: 28px;
    font-weight: 500;
    margin: 50px 0;
}

.proc-sluzby-section p {
    color: #1a171b;
    font-size: 18px;
    font-weight: 500;
    max-width: 550px;
    margin: 0 auto;
}

.proc-sluzby-section .button {
    margin-top: 50px;
    margin-bottom: 70px;
    background: #e9e9e9;
    color: #222222;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px;
    text-transform: uppercase;
}

.reuse-section {
    height: 520px;
    text-align: center;
    background: url('images/reuse.jpg') repeat-x bottom #f3f3f3;
}

.reuse-section h2 {
    font-size: 28px;
    text-transform: none;
    font-weight: 500;
    margin-bottom: 105px;
}

.reuse-section .reuse-popis {
    font-size: 21px;
    color: #fff;
    margin-top: 50px;
    font-weight: 500;
    line-height: 23px;
}

.objednej {
    text-align: center;
    padding: 75px 0;
    background: #fff;
}

.objednej #field_6_1 .gfield_label,
.objednej #field_5_1 .gfield_label,
.objednej #field_2_1 .gfield_label {
    float: left;
    margin-bottom: 0 !important;
    margin-right: 10px !important;
    position: relative;
    top: -8px;
}

.objednej #field_2_1 li,
.objednej #field_2_1 input,
.objednej #field_2_1 li,
.objednej #field_2_1 input,
.objednej .ginput_container input {
    margin-bottom: 0 !important;
}

.objednej #input_6_2,
.objednej #input_5_2,
.objednej #input_2_2 {
    width: 100%;
}

.objednej #field_6_3 .gfield_label,
.objednej #field_6_4 .gfield_label,
.objednej #field_5_3 .gfield_label,
.objednej #field_5_4 .gfield_label,
.objednej #field_2_3 .gfield_label,
.objednej #field_2_4 .gfield_label {
    width: 20%;
    float: left;
}

.objednej #field_6_4,
.objednej #field_5_4,
.objednej #field_2_4 {
    margin-bottom: 10px !important;
}

.objednej #field_2_4 .ginput_container {
    float: left;
}

.objednej #field_2_2 .gfield_label {
        text-align: left;
}

.objednej #field_2_5 label.gfield_label {
    display: none;
}

.objednej #input_2_3 {
    width: 80% !important;
}

.objednej .gfield_description {
    background: #eee;
    margin: 5px 0 10px 0 !important;
    width: 100% !important;
    padding: 5px !important;
}

.objednej .gfield_description p {
    font-size: 14px;
    margin-bottom: 0;
}

.objednej .row {
    max-width: 900px !important;
    margin: 0 auto;
}

.objednej #gform_wrapper_2,
.objednej #gform_wrapper_5,
.objednej #gform_wrapper_6 {
    float: right;
    width: 48%;
}

.objednej #input_6_1 li,
.objednej #input_5_1 li,
.objednej #input_2_1 li {
    display: inline-block;
    margin-right: 20px;
}

.objednej #input_6_5,
.objednej #input_5_5,
.objednej #input_2_5 {
    min-height: 100px;
}

.objednej h2 {
    font-size: 28px;
    color: #1a171b;
    font-weight: 500;
    margin-bottom: 30px;
}

.objednej h3 {
    text-align: left;
    font-size: 18px;
    font-weight: 500;
}

.objednej img {
    margin-top: 50px;
    margin-bottom: 50px;
}

.objednej p {
    font-size: 18px;
    text-align: left;
}

.objednej #gform_submit_button_2 {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 500;
}

.objednej #gform_submit_button_2:hover {
    background: #E2007A;
}

.objednej .gform_confirmation_message {
    font-size: 18px;
    width: 50%;
    float: right;
    text-align: left;
    margin-top: 100px;
}

.overlay-left {
    background: url('images/cover-left.png') repeat-y;
    background-size: 100% 100%;
    height: 250px;
    width: 45%;
    position: absolute;
    left: 0;
    z-index: 100;
    margin-top: 50px;
}

.overlay-right {
    background: url('images/cover-right.png') repeat-y;
    background-size: 100% 100%;
    height: 250px;
    width: 45%;
    position: absolute;
    right: 0;
    z-index: 100;
    margin-top: 50px;
}

.overlay-left.topper,
.overlay-right.topper {
    top: 0;
    display: none;
}

.variable-width {
    padding: 10px 0 20px 0;
    max-width: 1920px;
    margin: 0 auto;
    text-align: center;
}

.variable-width img {
    margin: 0 auto;
}

.cup-slider .slick-track {
    display: flex;
    align-items: center;
}

.slick-next {
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 100;
    background: url('images/orbit-next.png') no-repeat right center !important;
    width: 35%;
    height: 250px;
    color: transparent !important;
    padding: 0;
    outline: none;
}

.slick-prev {
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 100;
    background: url('images/orbit-prev.png') no-repeat left center !important;
    width: 35%;
    height: 250px;
    color: transparent !important;
    padding: 0;
    outline: none;
}
.slick-prev,
.slick-next {
    top: 50%;
    transform: translateY(-50%);
}

span#fancybox-right-ico.fancy-ico {
    background: url('images/orbit-next.png') no-repeat right center !important;
    margin-right: 20px !important;
}

span#fancybox-left-ico.fancy-ico {
    background: url('images/orbit-prev.png') no-repeat left center !important;
    margin-left: 20px !important;
}

span#fancybox-right-ico.fancy-ico,
span#fancybox-left-ico.fancy-ico {
    width: 20%;
    min-height: 50px;
}

.row.heading-row {
    max-width: 1920px !important;
}

.row.heading-row p {
    max-width: 950px;
    margin: 0 auto;
}

section.produkt-section p {
    max-width: none !important;
    padding: 0 30px;
}

section.produkt-section>div>div>p:nth-child(2) {
    max-width: 960px !important;
    padding-bottom: 30px;
}

.single .content_wrap {
    padding-top: 190px;
}

.single h2 {
    color: #000;
    margin-top: 45px;
    margin-bottom: 10px;
    text-transform: none;
    font-size: 28px;
    font-weight: 500;
    text-align: center;
    overflow: hidden;
    clear: both;
}

.single h2:before,
.single h2:after {
    border-bottom: 1px solid #242424;
    content: "";
    display: inline-block;
    height: .2em;
    position: relative;
    vertical-align: middle;
    width: 50%;
    margin-bottom: .15em;
}

.single h2:before {
    right: 0.5em;
    margin-left: -50%;
}

.single h2:after {
    left: 0.5em;
    margin-right: -50%;
}

.single .wp-post-image {
    max-width: 665px;
    margin: 30px auto;
}

.single article {
    padding-bottom: 100px;
    text-align: center;
}

.single article p {
    max-width: 960px !important;
    margin: 0 auto;
}

.single .entry-meta-header {
    text-align: center;
    font-size: 16px;
}

.single .entry-meta-header .genericon {
    margin-top: 3px;
}

.onas-header {
    padding-top: 190px;
    text-align: center;
}

.onas-header h1 {
    margin-bottom: 50px;
    margin-top: 70px;
    font-size: 36px;
}

.onas-header p {
    font-size: 20px;
    max-width: 830px;
    margin: 0 auto;
}

.onas-header .button {
    margin-top: 50px;
    margin-bottom: 10px;
    background: #e9e9e9;
    color: #222222;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px;
    text-transform: none;
    margin-top: 50px;
    margin-bottom: 140px;
}

.onas-section .wp-post-image {
    margin: 30px auto 90px auto;
}

.onas-section h2 {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 20px;
    text-transform: none !important;
}

.onas-section #cd-timeline {
    margin-top: 0;
}

.onas-section .cd-timeline-img {
    background: #f2f2f2 !important;
    border: 0 !important;
    padding-top: 45px;
    font-size: 20px !important;
    font-weight: 500;
}

.onas-section .cd-timeline-block:nth-child(odd) p {
    text-align: right;
}

.onas-section .cd-timeline-block:nth-child(even) p {
    text-align: left;
}

.onas-section .cd-timeline-content {
    margin-left: 35px;
}

.onas-section .cd-timeline-img {
    width: 100px !important;
    height: 100px;
    background: #e2007a !important;
    color: #fff;
    padding-top: 37px;
}

.onas-section #cd-timeline {
    margin-bottom: 190px;
}

.onas-section .clanky {
    padding-bottom: 150px;
}

.onas-section .clanky {
    max-width: 1020px !important;
}

.onas-section .clanky .columns {
    padding: 0 35px;
}

.onas-section .clanky h3 {
    text-align: left;
    line-height: 32px;
}

.onas-section .clanky h3 a {
    color: #222;
    font-size: 23px;
    font-weight: 500;
}

.onas-section .clanky h3 a:hover {
    color: #e2007a;
}

.onas-section .clanky h3 a:hover {
    text-decoration: underline;
}

.onas-section .clanky small {
    font-size: 15px;
    color: #999999;
    font-weight: 400;
    position: relative;
    line-height: 17px;
}

.onas-section .onas-row {
    padding: 32px 0;
}

.animate-me {
    display: block;
    font-weight: 600;
    padding-bottom: 10px;
    font-size: 36px;
    margin-bottom: 15px;
    color: #CECECE;
}

.nav-single h1 {
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #343434 !important;
}

.nav-single .large-12 {
    text-align: center;
}

.nav-single span {
    width: 100%;
}

.nav-single .nav-previous {
    text-align: right;
}

.nav-single .nav-next {
    text-align: left;
}


/* festivaly 2015*/

/* .page-template-page-template-festivaly .main-content {} */

.page-template-page-template-festivaly .main-content h1 {
    text-transform: uppercase;
    font-size: 45px;
    line-height: 50px;
    /* margin-top: 35px; */
    letter-spacing: 1px;
    margin-bottom: 0;
}

.page-template-page-template-festivaly .main-content h1 span.pink {
    color: #e31f83;
}

.page-template-page-template-festivaly .main-content h1 img {
    position: relative;
    top: -30px;
}

.page-template-page-template-festivaly .main-content h2 {
    color: #fff;
    font-size: 26px;
    margin-top: -13px;
}

.stars {
    background: url('images/stars.jpg') no-repeat #fff top center;
    min-height: 475px;
    padding-top: 122px;
}

.stars h2 {
    text-align: center;
    font-size: 37px;
    margin: 0 auto;
    line-height: 60px;
}

.stars h2 span {
    display: block;
    color: #fff;
    font-weight: 700;
    margin-bottom: 38px;
    font-size: 40px;
}

.festivaly-fakta {
    background: url('images/fakta2.jpg') no-repeat #fff top center;
    background-size: cover;
    min-height: 600px;
    padding-top: 85px;
    text-align: center;
}

.festivaly-fakta h2 {
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
    /* margin-left: -30px; */
    color: #000;
    letter-spacing: 1px;
    margin-bottom: 16px;
}

.festivaly-fakta p {
    font-size: 36px;
    /*	font-weight: 600;*/
    color: #262626;
    max-width: 900px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.festivaly-fakta p#p2 {
    max-width: 1040px;
}

.festivaly-fakta p u {
    text-decoration: none;
    border-bottom: 5px solid #000;
}

.festivaly-fakta p span.pink,
.festivaly-fakta p span.black {
    color: #fff;
    background: #e31f83;
    font-weight: 600;
    padding: 0 10px;
    font-size: 42px;
    line-height: 46px;
    display: inline-block;
}

.festivaly-fakta p span.black {
    background: #1a171b;
    font-weight: 600;
    line-height: 50px;
}

.festivaly-eko {
    background: url('images/eko3.jpg') no-repeat #fff top center;
    background-size: cover;
    min-height: 500px;
    padding-top: 83px;
    text-align: center;
    padding-bottom: 50px;
}

.festivaly-eko h2 {
    font-size: 45px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #000;
    margin-bottom: 10px;
}

.festivaly-eko h2 span.pink {
    color: #fff;
    background: #e31f83;
    font-weight: 600;
    padding: 0 10px;
    font-size: 42px;
    line-height: 46px;
    display: inline-block;
}

.festivaly-eko p {
    font-size: 36px;
    line-height: 50px;
    max-width: 840px;
    margin: 0 auto;
    color: #000;
    margin-bottom: 30px;
}

.festivaly-eko p span.pink {
    color: #fff;
    background: #e31f83;
    font-weight: 600;
    padding: 0 10px;
    font-size: 42px;
    line-height: 46px;
    display: inline-block;
}

.festivaly-nejlepsi {
    background: #fff;
    min-height: 360px;
    padding-top: 63px;
    padding-bottom: 40px;
    text-align: center;
}

.festivaly-nejlepsi h2 {
    font-weight: 700;
    font-size: 44px;
    letter-spacing: 1px;
}

.festivaly-nejlepsi h2 span {
    font-weight: 400;
    display: block;
    font-size: 34px;
    margin-top: 14px;
}

.festivaly-nejlepsi img {
    margin-top: 62px;
    margin-bottom: 74px;
}

.festivaly-nejlepsi p {
    font-size: 38px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px;
}

.festivaly-nejlepsi .button {
    background: #e9e9e9;
    color: #222222;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    padding: 11px;
    margin-top: 10px;
    margin-bottom: 40px;
}


/* =Animations
----------------------------------------------- */

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    60% {
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    60% {
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@-ms-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    60% {
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    60% {
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}


/**
 * CONTACT v2
 */

/* .kontakt-v2 {} */

.kontakt-v2 .left-column {
    padding: 0 40px;
}

.kontakt-v2 .right-column {
    padding: 0 40px;
}

.kontakt-v2 .kontakt-form {
    width: 100%;
}

.kontakt-v2 .gmap {
    min-height: 400px;
}

.kontakt-v2 h3 {
    font-size: 20px;
}

.kontakt-v2 .ppl-box {
    margin-bottom: 50px;
    min-height: 155px;
}

.kontakt-v2 .ppl-box h3 {
    margin-top: 30px;
}

.kontakt-v2 .portrait {
    float: right;
    width: auto;
    width: 120px;
    height: 120px;
    margin-left: 30px;
    border: 2px solid #eee;
    border-radius: 50%;
    margin-right: 14%;
}

/**
 * CONTACT v3
 */

.kontakt-v3 .kontakt-form {
    float: none;
    width: 100%;
    max-width: 1200px;
}
@media only screen and (max-width: 40em) {
    .kontakt-v3 > .row,
    .kontakt-v3 .background--gray {
        padding: 0 20px;
    }
}

.quick-contact h2 {
    margin-top: 0;
}
.quick-contact__content {
    color: #e2007a;
    padding-top: 50p;
}
.quick-contact__content p {
    color: #e2007a;
    padding-top: 1.75rem;
}

.kontakt-v3 .ppl-box .portrait img {
    margin-bottom: 35px;
}
.ppl-box__name {
    font-size: 1.25rem; /* 20px */
}

.kontakt-v3 #gform_wrapper_1 #field_1_2 {
    width: 34%;
}
.kontakt-v3 #field_1_3 input {
    width: 100%;
}
.kontakt-v3 #field_1_4 {
    clear: both;
}
.kontakt-v3 #field_1_4 .gfield_label {
    padding-top: 20px;
    padding-right: calc(33% * 0.05);
    width: 33%;
    text-align: center;
}
.kontakt-v3 .gfield_label {
    padding-bottom: 20px;
    font-size: 1.25rem; /* 20px */;
}
.kontakt-v3 #field_1_1 .gfield_label,
.kontakt-v3 #field_1_2 .gfield_label,
.kontakt-v3 #field_1_3 .gfield_label {
    padding-right: 5%;
    text-align: center;
}
.kontakt-v3 .kontakt-form {
    padding: 0 20px;
}
.kontakt-v3 .kontakt-form h2 {
    padding-top: 50px;
    padding-bottom: 70px;
}
.kontakt-v3 .kontakt-form .gform_footer {
    text-align: center;
}
.kontakt-v3 .kontakt-form input[type="submit"] {
    background: #e2007a;
    font-size: 1.25rem; /* 20px */
    padding: 13px 20px;
    border-radius: 0;
    min-width: 380px;
    margin: 50px 0;
}
.kontakt-v3 .kontakt-form input[type="submit"]:hover {
    background: black;
}
@media only screen and (max-width: 40em) {
    .kontakt-v3 .kontakt-form input[type="submit"] {
        min-width: initial;
    }
    .kontakt-v3 .kontakt-form .gfield,
    .kontakt-v3 .kontakt-form .gfield input {
        width: 100% !important;
    }
    #gform_wrapper_1 input {
        margin-top: 30px;
    }
    .kontakt-v3 #field_1_4 .gfield_label {
        width: 100%;
        padding-right: 0;
    }
    .kontakt-v3 #field_1_1 .gfield_label,
    .kontakt-v3 #field_1_2 .gfield_label,
    .kontakt-v3 #field_1_3 .gfield_label {
        padding-right: 0;
    }
    #gform_wrapper_1 input {
        margin-top: 0;
    }
    .kontakt-v3 .gfield_label {
        padding-bottom: 10px;
    }
    .kontakt-v3 #field_1_4 .gfield_label {
        padding-top: 0;
    }
    .kontakt-v3.kontakt-section {
        padding-top: 60px;
    }
    .kontakt-v3 .ppl-box .portrait img {
        max-width: 150px;
        margin-bottom: 20px;
    }
    .kontakt-v3 .ppl-box {
        padding-bottom: 20px;
    }
}

.kontakt-v3 .office-box,
.kontakt-v3 .warehouse-box {
    margin-top: 0;
    z-index: 0;
}
.kontakt-v3 .office-box .entry-content,
.kontakt-v3 .warehouse-box .entry-content {
    margin-bottom: -80px;
}
.kontakt-v3 .office-box .entry-content p,
.kontakt-v3 .warehouse-box .entry-content p {
    color: #e2007a;
    margin: 0;
}
.kontakt-v3 .office-box .entry-content h2,
.kontakt-v3 .warehouse-box .entry-content h2 {
    margin-bottom: 30px;
    text-transform: uppercase;
}
@media only screen and (max-width: 40em) {
    .kontakt-v3 .warehouse-box {
        padding-top: 50px;
    }
}

.kontakt-v3 .gmap {
    min-height: 400px;
    z-index: -1;
}
.kontakt-v3 .gmap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 1;

    background: transparent; /* Old browsers */
    background: -moz-linear-gradient(to top, transparent 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(to top, transparent 0%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, transparent 0%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.kontakt-v3 .addresses {
    padding-bottom: 70px;
}

.flex-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex-wrapper .flex-medium-4 {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
    float: none;
}
@media screen and (max-width: 640px) {
    .flex-wrapper .flex-medium-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.element--lined {
    position: relative;
    z-index: 0;
    margin-top: 70px;
    margin-bottom: 50px;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
}
@media screen and (max-width: 1024px) {
    .element--lined {
        border-left: 0;
        border-right: 0;
    }
}
.element--lined::before {
    content: '';
    height: 1px;
    width: 100%;
    background: black;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}
.element--lined__inner {
    background: white;
    padding: 0 2rem;
    text-transform: uppercase;
}
@media screen and (max-width: 450px) {
    .element--lined::before {
        display: none;
    }
    .element--lined__inner {
        padding: 0 1rem;
    }
}

.background--gray {
    background: #f3f3f3;
}

.move-right .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: none;
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    top: 0;
    bottom: 0;
    left: 250px !important;
    right: -250px !important;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent;
}

.warehouse-box {
    margin-top: 40px;
}

.residency-box {
    margin-top: 40px;
}


.pinkish {
    text-transform: none !important;
    font-size: 45px !important;
    color: #e6007e !important;
    margin: 45px 0 74px 0 !important;
    letter-spacing: -1px;
}

.pinkish:after,
.pinkish:before {
    display: none !important;
}

.page-template-page-template-produkt-v2 .produkt-section {
    background: #fff;
}

.cup-section {
    padding: 82px 0 55px 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,ffffff+100 */
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 70%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7f7f7 0%, #ffffff 70%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7f7f7 0%, #ffffff 70%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
@media only screen and (max-width: 40em) {

    .cup-section {
        padding-top: 0;
    }
}




.cup-section .badge-cont {
    position: absolute;
    top: -44px;
    right: -15px;
    z-index: 2;
}
.ps.cup-section .badge-cont {
    position: absolute;
    top: 12px;
    right: 29px;
}

.cup-section .image {
    text-align: center;
    position: relative;
    padding-right: 32px;
    padding-left: 22px

}

.cup-section .image .img-cont {
    border: 1px solid #e4e4e4;
    padding: 50px 0 47px 0;
    position: relative;
    background: #fff;
}

.cup-section .image .img-cont .static {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}


.cup-section .image .img-cont:hover .static {
    opacity: 0;
}

.ps.cup-section .image .img-cont {
    border: 1px solid transparent;
    padding: 50px 0 47px 0;
    position: relative;
    background: transparent;
}

.rorate-icon {
    bottom: 20px;
    right: 31px;
    position: absolute;
}

.cup-section .content h2 .number {
    display: inline-block;
    width: 58px;
    height: 58px;
    color: #fff;
    background: #cfcfcf;
    border-radius: 50%;
    text-align: center;
    margin-right: 27px;
    padding-top: 5px;
    font-size: 36px;
}

.cup-section .content h2 {
     font-size: 41px;
     font-weight: 300;
     vertical-align: top;
}

.cup-section .content {
    padding-left: 4.5%;
    padding-right: 0%;
    padding-bottom: 40px;
    padding-right:  15px;
}

.ps.cup-section .content {
    padding-left: 9%;
    padding-right: 0%;
    padding-top: 71px;
}

.cup-section .short-description {
    font-size: 21px;
    letter-spacing: -0.8px;
    margin: 28px 0 19px 0;
}

.plus-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    z-index: 3;
    background: url("./images/icon_plus.png") no-repeat center center;
    position: relative;
    left: -2px;
    top: -5px;
    vertical-align: top;
}

.expanded .plus-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    z-index: 3;
    background: url("./images/icon_minus.png") no-repeat center center;
    position: relative;
    left: -2px;
    top: -5px;
    vertical-align: top;
}

.toggle-btn {
    color: #000;
    font-size: 16px;
    display: inline-block;
    padding: 0 0 16px;
}

.toggle-btn:hover,
.toggle-btn:focus {
    outline: none;
    color: #e2017b;
}

.long-desc-cont {
    background: #fff;
    padding: 10px 40px;
    position: relative;
    top: -27px;
    /* z-index: -1; */
    display: none;
}

.no-hide {
    display: block;
    padding: 0;
    margin: 36px 0 20px 0;
    z-index: 1;
}
.long-desc-cont p {
    margin: 0;
}

.attr-list {
    margin: 0;
    list-style: none;
}

.attr-list li {
    font-size: 17px;
    width: 110%;
    margin: 1px 0;
    color: #000;
}

.gform_confirmation_message  {
    color: #fff;
    font-size: 26px;
    text-align: center;
    padding: 30px 0 30px 0;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.rs .attr-list li {
    width: 100%;
}

.attr-list li  strong {
  font-weight: 600;
}

.button.toggle-form  {
    margin-top: 36px;
    background: #e2017b;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 17px 24px;
}


.ps .button.toggle-form  {
    margin: 0;
}


.cup-slider-row h2 {
    margin: 57px 0 20px 0;
    text-align: center;
    font-size: 37px;
}

.rs {
    padding-top: 153px;
    padding-bottom: 56px;
}

.iml.cup-section .badge-cont,
.hc.cup-section .badge-cont,
.fp.cup-section .badge-cont {
    position: absolute;
    top: -30px;
    right: auto;
    left: 12px;
    z-index: 2;
}

.rs.cup-section .content {
    padding-top: 66px;
}

.img-var-list {
    margin: 0;
    list-style: none;
    /* position; */
    position: absolute;
    left:  0;
    top:  0;
    width:  100%;
    height: 100%;
}

.img-var-list li:first-child {
    z-index: 2;
}

.img-var-list li {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.bk .img-cont {
    padding-top: 121.7% !important; /* 500/411 = 1.217 to match video aspect ratio */
}

/* Ensure images in colored cup sections match video dimensions */
.bk .img-var-list .img,
.bk .smart-media-container video {
    width: 411px !important;
    height: 500px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

/* Reduce colored cup overlay IMAGE size by 15% */
#barevny-kelimek .img-var-list .img {
    width: 349px !important; /* 411 * 0.85 = 349.35 */
    height: 425px !important; /* 500 * 0.85 = 425 */
    max-height: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important; /* Center the image */
    display: block !important;
}

/* Increase hot cup overlay IMAGE size by 25% */
#barevny-hotcup .img-var-list .img {
    width: 514px !important; /* 411 * 1.25 = 513.75 */
    height: 625px !important; /* 500 * 1.25 = 625 */
    max-width: none !important; /* Unset max-width completely */
    max-height: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important; /* Center the image */
    display: block !important;
}

.color-var-list {
    margin: 0;
    list-style: none;
    margin-left: -4px;
}

.color-var-list  li {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid transparent;
    margin: 0 0px 0 0;
    cursor: pointer;
}

.color-var-list  li {
    border: 1px solid #ddd;
}

.color-var-list  li  .color-inner {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* .bk.cup-section section {} */

.bk.cup-section .image {
    padding-top: 118px;
}

.bk.cup-section .fancybox.image {
    padding: 0;
}

.bk.cup-section .content {
    padding-top: 80px;
    padding-left: 8.2%;
}

.bk.cup-section .content .short-description {
    margin: 20px 0 10px 0;
}

.bk.cup-section .content .toggle-btn {
    margin-bottom: 0;
}

.above-text-cont {
    margin: 0 0  7px 0;
}

.above-text-cont span {
    color: #aaa;
    font-size: 20px;
}

.below-text-cont {
    margin: 6px 0 15px 8px;
}

.below-text-cont {
    color: #bbb;
    font-size: 18px;
}


.bk {
    padding-bottom: 124px;
}

.page-template-page-template-produkt-v2 .cont-vid {
    height: 731px;
    overflow: hidden;
}

.ps.cup-section {
    padding-bottom: 0px;
    background: #fff;
}

.ps.cup-section .row {
    max-width: 1600px !important;
}

.ps.cup-section .image {
    padding: 0;
}

.page-template-page-template-produkt-v2 .vychytavky-section {
    margin-top:  0;
}


.page-template-page-template-produkt-v2 .slick-prev {
    width: 60px;
    left: 10px;
    z-index: 9999;
}

.page-template-page-template-produkt-v2 .slick-next {
    width: 60px;
    right: 10px;
    /* height: 100%; */
    z-index: 9999;
}

.page-template-page-template-produkt-v2 .slick-slider {
    margin: 0;
}

.page-template-page-template-produkt-v2 .slick-slider {
    max-height: 330px;
    overflow: hidden;
    transition: 0.5s ease-in;
}

.loaded.page-template-page-template-produkt-v2 .slick-slider {
    opacity: 1
}

.reveal-modal {
    z-index: 99999;
    padding-top: 10px !important;
}
.reveal-modal .row:not(.header) .columns {
    padding: 0 5rem;
}

.reveal-modal-bg {
    z-index: 10005;
}

body .product-form-modal {
    background: url("./images/lo_form.jpg");
    background: url("./images/pattern_cup.png") #e2007a no-repeat center 180px/100%;
    height: auto !important;
    max-width: 1920px !important;
    width:  100%;
    margin-left: auto !important;
}

.gform_wrapper .product-form  .validation_error {
    color: #fff !important;
    font-size: 24px;
    text-align: center;
    border-top: 2px solid #fff !important;
    /* border-; */
    padding: 21px 20px !important;
    border-bottom: 2px solid #fff !important;
    margin-bottom: 60px !important;
}

.gform_wrapper .product-form .validation_message {
    color: #fff !important;
    position: absolute !important;
    line-height: 1;
}

.product-form-modal .title-cont {
    text-align: center;

}

.product-form-modal .form-header {
    text-align: center;
    color: #fff;
    font-size: 30px;
    padding: 46px 0 47px 0;
    display: inline-block;
    margin: 0 auto;
    position: relative;
}

.product-form-modal .header {
    max-width: 1778px !important;
    overflow: hidden;
    position: relative;
}

.product-form-modal .form-header:after,
.product-form-modal .form-header:before {
    content: '';
    width: 250%;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
}

.product-form-modal .form-header:before {
    right: calc(100% + 78px);
}

.product-form-modal .form-header:after {
    left: calc(100% + 78px);
}

.product-form .gfield {
    display: inline-block;
}

.product-form {
    max-width: 1325px !important;
    margin: 0 auto;
    margin-top: 0px !important;
}

.product-form .gfield.title h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    font-size: 1.4rem;
}
.product-form .gfield.title h3 .number {
    color: #000;
    margin-right: 20px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #fff;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    line-height: 42px;
}

.product-form .gfield.title small {
    margin-left: 25px;
    color: #fe90d4;
    font-size: 1rem;

}

.product-form .gform_footer {
    padding-top: 20px !important;
    text-align: center;
    clear: both;
    position: relative;
}

.product-form .gform_footer .button {
    padding: 20px 54px 20px 54px;
    text-transform: uppercase;
    font-size: 20px !important;
    border-radius: 0 !important;
    background: #3cb084;
}

.product-form .gform_footer .button:not([disabled]):hover {
    background: #000;
}

.product-form {
    padding-bottom: 0;
}

#field_7_1, #field_15_1, #field_21_1,
#field_9_1, #field_14_1, #field_20_1,
#field_10_1, #field_12_1, #field_18_1 {
    width: 100%;
    margin-top: 10px !important;
}

.col-p-field,
#field_7_2, #field_15_2, #field_21_2,
#field_7_3, #field_15_3, #field_21_3,
#field_7_4, #field_15_4, #field_21_4,
#field_9_2, #field_14_2, #field_20_2,
#field_9_3, #field_14_3, #field_20_3,
#field_9_4, #field_14_4, #field_20_4,
#field_11_2, #field_13_2, #field_19_2,
#field_11_3, #field_13_3, #field_19_3,
#field_11_4, #field_13_4, #field_19_4 {
    width: 210px;
    max-width: 260px;
    margin-bottom: 51px !important;
    margin-top: 10px !important;
}

#field_7_2, #field_15_2, #field_21_2,
#field_9_2, #field_14_2, #field_20_2 {
    margin-left: 65px !important;
}

#field_11_2, #field_13_2, #field_19_2 {
    margin-top: 0px !important;
}

.col-p-field .gfield_label,
#field_7_2 .gfield_label, #field_15_2 .gfield_label, #field_21_2 .gfield_label,
#field_7_3 .gfield_label, #field_15_3 .gfield_label, #field_21_3 .gfield_label,
#field_7_4 .gfield_label, #field_15_4 .gfield_label, #field_21_4 .gfield_label,
#field_9_2 .gfield_label, #field_14_2 .gfield_label, #field_20_2 .gfield_label,
#field_9_3 .gfield_label, #field_14_3 .gfield_label, #field_20_3 .gfield_label,
#field_9_4 .gfield_label, #field_14_4 .gfield_label, #field_20_4 .gfield_label,
#field_11_2 .gfield_label, #field_13_2 .gfield_label, #field_19_2 .gfield_label,
#field_11_3 .gfield_label, #field_13_3 .gfield_label, #field_19_3 .gfield_label,
#field_11_4 .gfield_label, #field_13_4 .gfield_label, #field_19_4 .gfield_label {
    width:  50px;
    margin-top: 10px;
}

.gform_wrapper .product-form ul li.gfield .gfield_label {
    color: #fff;
    font-size: 1rem;
    font-weight: 200;
    vertical-align: top;
    display: inline-block;
}
.gform_wrapper .product-form ul li.gfield .ginput_container {
    display: inline-block;
    margin-top: 0 !important;
    vertical-align: top;
}

.gform_wrapper  .product-form ul li.gfield .ginput_container input {
    margin: 0;
    height: 49px;
    font-size: 24px !important;
    border: none;
    box-shadow: inset 3px 3px 9px rgba(0, 0, 0, 0.27);
    color:  #000;
    padding: 10px 20px !important;
}

.gform_wrapper  .product-form ul li.gfield .ginput_container input.small {
    height: 40px;
    font-size: 1rem !important;
    text-align: center;
    padding: 10px 10px !important;
}

.product-form .color {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 3px;
    margin: 0 auto;
    background: #fff;
}

.product-form .color:not(.long) {
    background: transparent;
    border: 3px solid lightgray;
    width: 35px;
    height: 35px;
    padding: 4px;
}

.product-form .color.color-checked {
    border-color: #fff;
    background: #fff;
    border-radius: 5px;
}

.product-form .color.long {
    display: inline-block;
    width: 100px;
    height: 40px;
    padding: 3px;
    background: #fff;
    line-height: 0;
    margin-right: 40px;
}

.product-form .color .color-inner {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.gform_wrapper .product-form ul li.gfield {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: top;
}

#field_10_81, #field_12_81, #field_18_81 {
    display: block;
}

#field_10_81 input, #field_12_81 input, #field_18_81 input {
    background: red;
}

#field_11_14, #field_13_14, #field_19_14 {
    display: none;
}

.product-form .color-section .gsection_title {
    padding-top: 0;
    margin-top: 0;
    float: left !important;
}

/* li.gfield.gsection:before {} */
#gform_fields_10 li.gfield.gsection, #gform_fields_12 li.gfield.gsection, #gform_fields_18 li.gfield.gsection,
#gform_fields_10 li.gfield_html, #gform_fields_12 li.gfield_html, #gform_fields_18 li.gfield_html {
    clear: left;
}
#gform_fields_10 li.gfield.gsection.color-section, #gform_fields_12 li.gfield.gsection.color-section, #gform_fields_18 li.gfield.gsection.color-section {
    margin-left: 65px !important;
}
#gform_fields_10 li.color-section, #gform_fields_12 li.color-section, #gform_fields_18 li.color-section,
#gform_fields_10 li.col-p-field, #gform_fields_12 li.col-p-field, #gform_fields_18 li.col-p-field {
    float: left;
}

.show-all-steps {
    color: white;
    text-decoration: underline;
    font-size: 1.6rem;
}
.show-all-steps:focus {
    color: #fff;
}

.step-hided {
    display: none !important;
}

.col-p-field .instruction,
#field_7_2 .instruction, #field_15_2 .instruction, #field_21_2 .instruction,
#field_7_3 .instruction, #field_15_3 .instruction, #field_21_3 .instruction,
#field_7_4 .instruction, #field_15_4 .instruction, #field_21_4 .instruction,
#field_9_2 .instruction, #field_14_2 .instruction, #field_20_2 .instruction,
#field_9_3 .instruction, #field_14_3 .instruction, #field_20_3 .instruction,
#field_9_4 .instruction, #field_14_4 .instruction, #field_20_4 .instruction,
#field_10_2 .instruction, #field_12_2 .instruction, #field_18_2 .instruction,
#field_10_3 .instruction, #field_12_3 .instruction, #field_18_3 .instruction,
#field_10_4 .instruction, #field_12_4 .instruction, #field_18_4 .instruction,
#field_11_2 .instruction, #field_13_2 .instruction, #field_19_2 .instruction,
#field_11_3 .instruction, #field_13_3 .instruction, #field_19_3 .instruction,
#field_11_4 .instruction, #field_13_4 .instruction, #field_19_4 .instruction {
    display: none;
}

.col-p-field .gfield_description,
#field_7_2 .gfield_description, #field_15_2 .gfield_description, #field_21_2 .gfield_description,
#field_7_3 .gfield_description, #field_15_3 .gfield_description, #field_21_3 .gfield_description,
#field_7_4 .gfield_description, #field_15_4 .gfield_description, #field_21_4 .gfield_description,
#field_9_2 .gfield_description, #field_14_2 .gfield_description, #field_20_2 .gfield_description,
#field_9_3 .gfield_description, #field_14_3 .gfield_description, #field_20_3 .gfield_description,
#field_9_4 .gfield_description, #field_14_4 .gfield_description, #field_20_4 .gfield_description,
/*#field_10_2 .gfield_description,
#field_10_3 .gfield_description,
#field_10_4 .gfield_description,*/
#field_11_2 .gfield_description, #field_13_2 .gfield_description, #field_19_2 .gfield_description,
#field_11_3 .gfield_description, #field_13_3 .gfield_description, #field_19_3 .gfield_description,
#field_11_4 .gfield_description, #field_13_4 .gfield_description, #field_19_4 .gfield_description  {
    color: #fff;
    font-size: 1rem;
    display: inline-block;
    width: 20px;
    padding:  0;
    margin: 10px 12px 0 7px;
}

#field_7_13, #field_15_13, #field_21_13,
#field_9_13, #field_14_13, #field_20_13,
#field_11_13, #field_13_13, #field_19_13 {
    display: none;
}

.col-p-field .ginput_container,
#field_7_2 .ginput_container, #field_15_2 .ginput_container, #field_21_2 .ginput_container,
#field_7_3 .ginput_container, #field_15_3 .ginput_container, #field_21_3 .ginput_container,
#field_7_4 .ginput_container, #field_15_4 .ginput_container, #field_21_4 .ginput_container,
#field_9_2 .ginput_container, #field_14_2 .ginput_container, #field_20_2 .ginput_container,
#field_9_3 .ginput_container, #field_14_3 .ginput_container, #field_20_3 .ginput_container,
#field_9_4 .ginput_container, #field_14_4 .ginput_container, #field_20_4 .ginput_container,
#field_10_2 .ginput_container, #field_12_2 .ginput_container, #field_18_2 .ginput_container,
#field_10_3 .ginput_container, #field_12_3 .ginput_container, #field_18_3 .ginput_container,
#field_10_4 .ginput_container, #field_12_4 .ginput_container, #field_18_4 .ginput_container,
#field_11_2 .ginput_container, #field_13_2 .ginput_container, #field_19_2 .ginput_container,
#field_11_3 .ginput_container, #field_13_3 .ginput_container, #field_19_3 .ginput_container,
#field_11_4 .ginput_container, #field_13_4 .ginput_container, #field_19_4 .ginput_container {
    max-width: 80px;
}

#field_11_13, #field_13_13, #field_19_13 {
    display: inline-block;
}

.col-p-field input,
#field_7_2 input, #field_15_2 input, #field_21_2 input,
#field_7_3 input, #field_15_3 input, #field_21_3 input,
#field_7_4 input, #field_15_4 input, #field_21_4 input,
#field_9_2 input, #field_14_2 input, #field_20_2 input,
#field_9_3 input, #field_14_3 input, #field_20_3 input,
#field_9_4 input, #field_14_4 input, #field_20_4 input,
#field_10_2 input, #field_12_2 input, #field_18_2 input,
#field_10_3 input, #field_12_3 input, #field_18_3 input,
#field_10_4 input, #field_12_4 input, #field_18_4 input,
#field_11_2 input, #field_13_2 input, #field_19_2 input,
#field_11_3 input, #field_13_3 input, #field_19_3 input,
#field_11_4 input, #field_13_4 input, #field_19_4 input {
    width: 100%;
}

.prod-downloads-block,
#field_7_5, #field_15_5, #field_21_5,
#field_9_5, #field_14_5, #field_20_5,
#field_10_5, #field_12_5, #field_18_5,
#field_11_5, #field_13_5, #field_19_5 {
    width: 61%;
    padding-right: 6% !important;
    background: url("./images/icon_triple_arrow.png") no-repeat 90% center;
}

.prod-downloads-block h3,
#field_7_5 h3, #field_15_5 h3,#field_21_5 h3,
#field_9_5 h3, #field_14_5 h3,#field_20_5 h3,
#field_10_5 h3, #field_12_5 h3, #field_18_5 h3,
#field_11_5 h3, #field_13_5 h3, #field_19_5 h3 {
    width: 100% !important;
    vertical-align: top;
}

.prod-downloads-block .downloads,
#field_7_5 .downloads, #field_15_5 .downloads, #field_21_5 .downloads,
#field_9_5 .downloads, #field_14_5 .downloads, #field_20_5 .downloads,
#field_10_5 .downloads, #field_12_5 .downloads, #field_18_5 .downloads,
#field_11_5 .downloads, #field_13_5 .downloads, #field_19_5 .downloads {
    display: inline-block;
    margin: 0 !important;
    list-style: none;
    padding-left: 65px !important;
}

.prod-downloads-block .downloads li,
#field_7_5 .downloads li, #field_15_5 .downloads li, #field_21_5 .downloads li,
#field_9_5 .downloads li, #field_14_5 .downloads li, #field_20_5 .downloads li,
#field_10_5 .downloads li, #field_12_5 .downloads li, #field_18_5 .downloads li,
#field_11_5 .downloads li, #field_13_5 .downloads li, #field_19_5 .downloads li {
    list-style: none !important;
    color: #fff;
    font-size: 1rem;
    margin-bottom: 7px;
    font-weight: 500;
}

.prod-downloads-block .downloads li a,
#field_7_5 .downloads li a, #field_15_5 .downloads li a, #field_21_5 .downloads li a,
#field_9_5 .downloads li a, #field_14_5 .downloads li a, #field_20_5 .downloads li a,
#field_10_5 .downloads li a, #field_12_5 .downloads li a, #field_18_5 .downloads li a,
#field_11_5 .downloads li a, #field_13_5 .downloads li a, #field_19_5 .downloads li a {
    color: #fff;
    font-size: 1rem;
/*    display: inline-block;*/
    position: relative;
    margin: 0px 0 0px 0;
    transition: 0.2s ease-in-out;
    text-decoration: underline;
    text-underline-position: under;
}

.prod-downloads-block .downloads li a:hover,
#field_7_5 .downloads li a:hover, #field_15_5 .downloads li a:hover, #field_21_5 .downloads li a:hover,
#field_7_5 .downloads li a:focus, #field_15_5 .downloads li a:focus, #field_21_5 .downloads li a:focus,
#field_9_5 .downloads li a:hover, #field_14_5 .downloads li a:hover, #field_20_5 .downloads li a:hover,
#field_9_5 .downloads li a:focus, #field_14_5 .downloads li a:focus, #field_20_5 .downloads li a:focus,
#field_10_5 .downloads li a:hover, #field_12_5 .downloads li a:hover, #field_18_5 .downloads li a:hover,
#field_10_5 .downloads li a:focus, #field_12_5 .downloads li a:focus, #field_18_5 .downloads li a:focus,
#field_11_5 .downloads li a:hover, #field_13_5 .downloads li a:hover, #field_19_5 .downloads li a:hover,
#field_11_5 .downloads li a:focus, #field_13_5 .downloads li a:focus, #field_19_5 .downloads li a:focus {
    color: #000;
}

/*.prod-downloads-block .downloads li a:hover:after,
#field_7_5 .downloads li a:hover:after, #field_15_5 .downloads li a:hover:after,
#field_7_5 .downloads li a:focus:after, #field_15_5 .downloads li a:focus:after,
#field_9_5 .downloads li a:hover:after, #field_14_5 .downloads li a:hover:after,
#field_9_5 .downloads li a:focus:after, #field_14_5 .downloads li a:focus:after,
#field_10_5 .downloads li a:hover:after, #field_12_5 .downloads li a:hover:after,
#field_10_5 .downloads li a:focus:after, #field_12_5 .downloads li a:focus:after,
#field_11_5 .downloads li a:hover:after, #field_13_5 .downloads li a:hover:after,
#field_11_5 .downloads li a:focus:after, #field_13_5 .downloads li a:focus:after {
    background: #000;
}

.prod-downloads-block .downloads li a:after,
#field_7_5 .downloads li a:after, #field_15_5 .downloads li a:after,
#field_9_5 .downloads li a:after, #field_14_5 .downloads li a:after,
#field_10_5 .downloads li a:after, #field_12_5 .downloads li a:after,
#field_11_5 .downloads li a:after, #field_13_5 .downloads li a:after {
    content: '';
    position: absolute;
    transition: 0.2s ease-in-out;
    height: 1px;
    width: 100%;
    bottom: 3px;
    background: #fff;
    left: 0;
}*/

.product-form  .gfield.prod-downloads-block .downloads li small,
#field_7_5 .downloads li small, #field_15_5 .downloads li small, #field_21_5 .downloads li small,
#field_9_5 .downloads li small, #field_14_5 .downloads li small, #field_20_5 .downloads li small,
#field_10_5 .downloads li small, #field_12_5 .downloads li small, #field_18_5 .downloads li small,
#field_11_5 .downloads li small, #field_13_5 .downloads li small, #field_19_5 .downloads li small {
    margin-left: -2px !important;
    font-size: 1rem;
}

.gform_wrapper .product-form ul li.gfield.prod-load-file-heading,
#field_7_12, #field_15_12, #field_21_12,
#field_9_12, #field_14_12, #field_20_12,
#field_10_12, #field_12_12, #field_18_12 {
    padding-left: 7% !important;
}


#field_10_78, #field_12_78, #field_18_78 {
    margin-top: 30px !important;
}

#field_11_12, #field_13_12, #field_19_12 {
    display: block;
}

/* PL versions needs breakpoint (1550px) */
.gform_wrapper .product-form ul li.gfield.prod-select-file-input,
#field_7_6, /*#field_15_6, */ #field_21_6,
#field_9_6, /*#field_14_6, */ #field_20_6,
#field_10_6, /*#field_12_6, */ #field_18_6,
#field_11_6, /*, #field_13_6 */ #field_19_6 {
    margin-left: calc(61% + 7%) !important;
    margin-top: -90px !important;
    margin-bottom: 40px !important;
}

.product-form .ginput_container_fileupload .ginput_preview {
    display: none;
}

/* PL versions needs other breakpoint (1550px) */
.gform_wrapper .product-form ul li.gfield.prod-select-file-input .gfield_label,
#field_7_6 .gfield_label, #field_15_6 .gfield_label, #field_21_6 .gfield_label,
#field_9_6 .gfield_label, #field_14_6 .gfield_label, #field_20_6 .gfield_label,
#field_10_6 .gfield_label, #field_12_6 .gfield_label, #field_18_6 .gfield_label,
#field_11_6 .gfield_label, #field_13_6 .gfield_label, #field_19_6 .gfield_label {
    display: inline-block;
    z-index: 2;
    font-size: 1rem;
    font-weight: 300;
    padding: 10px 15px;
    background: #aaa;
    transition: 0.2s ease-in-out;
    margin-left: calc(60px + .3em);
}

.gform_wrapper .product-form ul li.gfield.prod-select-file-input .gfield_label:hover,
#field_7_6 .gfield_label:hover, #field_15_6 .gfield_label:hover, #field_21_6 .gfield_label:hover,
#field_9_6 .gfield_label:hover, #field_14_6 .gfield_label:hover, #field_20_6 .gfield_label:hover,
#field_10_6 .gfield_label:hover, #field_12_6 .gfield_label:hover, #field_18_6 .gfield_label:hover,
#field_11_6 .gfield_label:hover, #field_13_6 .gfield_label:hover, #field_19_6 .gfield_label:hover {
    background: #000;
}

.gform_wrapper .product-form ul li.gfield.prod-select-file-input .ginput_container,
#field_7_6 .ginput_container, #field_15_6 .ginput_container, #field_21_6 .ginput_container,
#field_9_6 .ginput_container, #field_14_6 .ginput_container, #field_20_6 .ginput_container,
#field_10_6 .ginput_container, #field_12_6 .ginput_container, #field_18_6 .ginput_container,
#field_11_6 .ginput_container, #field_13_6 .ginput_container, #field_19_6 .ginput_container {
    width: 100%;
    max-width: 419px;
    float: right;
    visibility: hidden;
}

.gform_wrapper .product-form ul li.gfield.prod-select-file-input .ginput_container input,
#field_7_6 .ginput_container input, #field_15_6 .ginput_container input, #field_21_6 .ginput_containe input,
#field_9_6 .ginput_container input, #field_14_6 .ginput_container input, #field_20_6 .ginput_containe input,
#field_10_6 .ginput_container input, #field_12_6 .ginput_container input, #field_18_6 .ginput_containe input,
#field_11_6 .ginput_container input, #field_13_6 .ginput_container input, #field_19_6 .ginput_container input,
#field_10_81 .ginput_container input, #field_12_81 .ginput_container input, #field_18_81 .ginput_container input {
    box-shadow: none;
    color: #fff;
    width: 90%;
    float: right;
    opacity: 0;
    padding: 0 !important;
}

.gform_wrapper .product-form ul li.gfield.prod-select-file-input .ginput_container input:before,
#field_7_6 .ginput_container input:before, #field_15_6 .ginput_container input:before, #field_21_6 .ginput_container input:before,
#field_9_6 .ginput_container input:before, #field_14_6 .ginput_container input:before, #field_20_6 .ginput_container input:before,
#field_10_6 .ginput_container input:before, #field_12_6 .ginput_container input:before, #field_18_6 .ginput_container input:before,
#field_11_6 .ginput_container input:before, #field_13_6 .ginput_container input:before, #field_19_6 .ginput_container input:before,
#field_10_81 .ginput_container input:before, #field_12_81 .ginput_container input:before, #field_18_81 .ginput_container input:before {
    content: '';
    width: 145px;
    height: 40px;
    /* z-index: -1; */
    top: -2px;
    background: #e2007a;
    position: absolute;
}


.reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
    font-size: 4.8rem;
    line-height: 1;
    font-family: sans-serif;
    position: absolute;
    top: 0;
    right: 25px;
    color: #fff;
    font-weight: 300;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

.reveal-modal .close-reveal-modal:hover, dialog .close-reveal-modal:hover,
.reveal-modal .close-reveal-modal:focus, dialog .close-reveal-modal:focus {
    color: #aaa;
}

#field_7_8, #field_15_8, #field_21_8,
#field_7_9, #field_15_9, #field_21_9,
#field_7_10, #field_15_10, #field_21_10,
#field_9_8, #field_14_8, #field_20_8,
#field_9_9, #field_14_9, #field_20_9,
#field_9_10, #field_14_10, #field_20_10,
#field_10_8, #field_12_8, #field_18_8,
#field_10_9, #field_12_9, #field_18_9,
#field_10_10, #field_12_10, #field_18_10,
#field_11_8, #field_13_8, #field_19_8,
#field_11_9, #field_13_9, #field_19_9,
#field_11_11, #field_13_11, #field_19_11,
#field_11_13, #field_13_13, #field_19_13,
#field_11_12, #field_13_12, #field_19_12,
#field_11_13, #field_13_13, #field_19_13,
#field_11_10, #field_13_10, #field_19_10 {
    width: 50%;
    display: block;
    padding-right: 10px !important;
    margin: 0 0 15px 0 !important;
}

#field_10_8, #field_12_8, #field_18_8 {
    margin-top: 10px !important;
}

#field_7_8 .ginput_container, #field_15_8 .ginput_container, #field_21_8 .ginput_container,
#field_7_9 .ginput_container, #field_15_9 .ginput_container, #field_21_9 .ginput_container,
#field_7_10 .ginput_container, #field_15_10 .ginput_container, #field_21_10 .ginput_container,
#field_9_8 .ginput_container, #field_14_8 .ginput_container, #field_20_8 .ginput_container,
#field_9_9 .ginput_container, #field_14_9 .ginput_container, #field_20_9 .ginput_container,
#field_9_10 .ginput_container, #field_14_10 .ginput_container, #field_20_10 .ginput_container,
#field_10_8 .ginput_container, #field_12_8 .ginput_container, #field_18_8 .ginput_container,
#field_10_9 .ginput_container, #field_12_9 .ginput_container, #field_18_9 .ginput_container,
#field_10_10 .ginput_container, #field_12_10 .ginput_container, #field_18_10 .ginput_container,
#field_11_8 .ginput_container, #field_13_8 .ginput_container, #field_19_8 .ginput_container,
#field_11_9 .ginput_container, #field_13_9 .ginput_container, #field_19_9 .ginput_container,
#field_11_12 .ginput_container, #field_13_12 .ginput_container, #field_19_12 .ginput_container,
#field_11_13 .ginput_container, #field_13_13 .ginput_container, #field_19_13 .ginput_container,
#field_11_10 .ginput_container, #field_13_10 .ginput_container, #field_19_10 .ginput_container {
    width: 100%;
    margin: 0 !important;
}

#field_7_8 .ginput_container input, #field_15_8 .ginput_container input, #field_21_8 .ginput_container input,
#field_7_9 .ginput_container input, #field_15_9 .ginput_container input, #field_21_9 .ginput_container input,
#field_7_10 .ginput_container input, #field_15_10 .ginput_container input, #field_21_10 .ginput_container input,
#field_9_8 .ginput_container input, #field_14_8 .ginput_container input, #field_20_8 .ginput_container input,
#field_9_9 .ginput_container input, #field_14_9 .ginput_container input, #field_20_9 .ginput_container input,
#field_9_10 .ginput_container input, #field_14_10 .ginput_container input, #field_20_10 .ginput_container input,
#field_10_8 .ginput_container input, #field_12_8 .ginput_container input, #field_18_8 .ginput_container input,
#field_10_9 .ginput_container input, #field_12_9 .ginput_container input, #field_18_9 .ginput_container input,
#field_10_10 .ginput_container input, #field_12_10 .ginput_container input, #field_18_10 .ginput_container input,
#field_11_8 .ginput_container input, #field_13_8 .ginput_container input, #field_19_8 .ginput_container input,
#field_11_9 .ginput_container input, #field_13_9 .ginput_container input, #field_19_9 .ginput_container input,
#field_11_13 .ginput_container input, #field_13_13 .ginput_container input, #field_19_13 .ginput_container input,
#field_11_12 .ginput_container input, #field_13_12 .ginput_container input, #field_19_12 .ginput_container input,
#field_11_10 .ginput_container input, #field_13_10 .ginput_container input, #field_19_10 .ginput_container input {
    width: 100%;
}

#field_7_7 .gfield_label, #field_15_7 .gfield_label, #field_21_7 .gfield_label,
#field_7_8 .gfield_label, #field_15_8 .gfield_label, #field_21_8 .gfield_label,
#field_7_9 .gfield_label, #field_15_9 .gfield_label, #field_21_9 .gfield_label,
#field_7_10 .gfield_label, #field_15_10 .gfield_label, #field_21_10 .gfield_label,
#field_9_7 .gfield_label, #field_14_7 .gfield_label, #field_20_7 .gfield_label,
#field_9_8 .gfield_label, #field_14_8 .gfield_label, #field_20_8 .gfield_label,
#field_9_9 .gfield_label, #field_14_9 .gfield_label, #field_20_9 .gfield_label,
#field_9_10 .gfield_label, #field_14_10 .gfield_label, #field_20_10 .gfield_label,
#field_10_7 .gfield_label, #field_12_7 .gfield_label, #field_18_7 .gfield_label,
#field_10_8 .gfield_label, #field_12_8 .gfield_label, #field_18_8 .gfield_label,
#field_10_9 .gfield_label, #field_12_9 .gfield_label, #field_18_9 .gfield_label,
#field_10_10 .gfield_label, #field_12_10 .gfield_label, #field_18_10 .gfield_label,
#field_11_7 .gfield_label, #field_13_7 .gfield_label, #field_19_7 .gfield_label,
#field_11_8 .gfield_label, #field_13_8 .gfield_label, #field_19_8 .gfield_label,
#field_11_9 .gfield_label, #field_13_9 .gfield_label, #field_19_9 .gfield_label,
#field_11_12 .gfield_label, #field_13_12 .gfield_label, #field_19_12 .gfield_label,
#field_11_13 .gfield_label, #field_13_13 .gfield_label, #field_19_13 .gfield_label,
#field_11_10 .gfield_label, #field_13_10 .gfield_label, #field_19_10 .gfield_label {
    display: none;
}

#field_7_11, #field_15_11, #field_21_11,
#field_9_11, #field_14_11, #field_20_11,
#field_10_11, #field_12_11, #field_18_11,
#field_11_11, #field_13_11, #field_19_11 {
    padding-left: 30px !important;
    width: 50%;
    float: right;
    top: -263px;
    height: 0;
    position: relative;
}

#field_7_11 .gfield_label, #field_15_11 .gfield_label, #field_21_11 .gfield_label,
#field_9_11 .gfield_label, #field_14_11 .gfield_label, #field_20_11 .gfield_label,
#field_10_11 .gfield_label, #field_12_11 .gfield_label, #field_18_11 .gfield_label,
#field_11_11 .gfield_label, #field_13_11 .gfield_label, #field_19_11 .gfield_label {
    display: none;
}

#field_7_11 .ginput_container, #field_15_11 .ginput_container, #field_21_11 .ginput_container,
#field_9_11 .ginput_container, #field_14_11 .ginput_container, #field_20_11 .ginput_container,
#field_10_11 .ginput_container, #field_12_11 .ginput_container, #field_18_11 .ginput_container,
#field_11_11 .ginput_container, #field_13_11 .ginput_container, #field_19_11 .ginput_container {
    width: 100%;
    height: 177px;
    margin-top: 71px !important;
}

#field_7_11 .ginput_container textarea, #field_15_11 .ginput_container textarea, #field_21_11 .ginput_container textarea,
#field_9_11 .ginput_container textarea, #field_14_11 .ginput_container textarea, #field_20_11 .ginput_container textarea,
#field_10_11 .ginput_container textarea, #field_12_11 .ginput_container textarea, #field_18_11 .ginput_container textarea,
#field_11_11 .ginput_container textarea, #field_13_11 .ginput_container textarea, #field_19_11 .ginput_container textarea {
    box-shadow: inset 3px 3px 9px rgba(0, 0, 0, 0.27);
    font-size: 24px;
    height: 177px;
    min-height: 0;
    border:  none;
    padding: 10px 20px !important;
}

#field_10_13, #field_12_13, #field_18_13,
#field_10_81, #field_12_81, #field_18_81 {
    display: block;
}

#field_10_13 .ginput_container, #field_12_13 .ginput_container, #field_18_13 .ginput_container  {
    width: 100%;
    margin-bottom: 20px;
}

#field_10_13 .ginput_container .gfield_checkbox, #field_12_13 .ginput_container .gfield_checkbox, #field_18_13 .ginput_container .gfield_checkbox {
    list-style: none;
    margin: 10px 0 20px 70px !important;
}

#field_10_13 .ginput_container .gfield_checkbox li, #field_12_13 .ginput_container .gfield_checkbox li, #field_18_13 .ginput_container .gfield_checkbox li {
    float: left;
    width: 50px;
    display: inline-block;
    color: #fff;
    position: relative;
    padding-top: 20px;
}

#field_10_13 .ginput_container .gfield_checkbox li label, #field_12_13 .ginput_container .gfield_checkbox li label, #field_18_13 .ginput_container .gfield_checkbox li label {
    display: block;
    position: absolute;
    top: 0;color: #fff;
    margin: 0;
    left: -4px;
}

#field_10_13 .ginput_container .gfield_checkbox li input, #field_12_13 .ginput_container .gfield_checkbox li input, #field_18_13 .ginput_container .gfield_checkbox li input {
    width: 25px;
    display: inline-block;
    box-shadow: none;
    vertical-align: top;
    margin: 0 auto;
    height: 20px;
    visibility: hidden;
}


#input_10_81, #input_12_81, #input_18_81 {
   height: 20px;
   float: left;
   box-shadow: #444;

}

#field_11_1 small, #field_13_1 small, #field_19_1 small {
    display: none;
}

/* .product-form .color-section {} */

.product-form .gsection_title {
    color: #fff;
}

.product-form .cup-volume-row {
    display: block;
}
.product-form .cup-volume-row div {
    color: #fff;
    display: none;
}

.gfield_description {
    line-height: 1.5;
}

/* Job archive */
.job-archive-header {
    padding-top: 180px;
}
.job-archive-item {
    margin-bottom: 50px;
}

/* =Media Queries
----------------------------------------------- */

@media only screen and (max-width: 1600px) {

    .attr-list li {
        width: 100%;
    }
}

@media only screen and (max-width: 1300px) {
    #field_7_1, #field_15_1, #field_21_1,
    #field_9_1, #field_14_1, #field_20_1,
    #field_10_1, #field_12_1, #field_18_1,
    #field_11_1, #field_13_1, #field_19_1 {
        margin-top: 10px !important;
    }

    #field_11_1, #field_13_1, #field_19_1 {
        margin-top: 0 !important;
    }

    .prod-downloads-block .downloads,
    #field_7_5 .downloads, #field_15_5 .downloads, #field_21_5 .downloads,
    #field_9_5 .downloads, #field_14_5 .downloads, #field_20_5 .downloads,
    #field_10_5 .downloads, #field_12_5 .downloads, #field_18_5 .downloads,
    #field_11_5 .downloads, #field_13_5 .downloads, #field_19_5 .downloads {
        width: calc(100%);
        display: inline-block;
        margin: 0 !important;
        list-style: none;
    }

    /* PL versions needs other breakpoint */
    .prod-downloads-block,
    #field_7_5, /* #field_15_5, #field_21_5, */
    #field_9_5, /* #field_14_5, #field_20_5, */
    #field_10_5, /* #field_12_5, #field_18_5, */
    #field_11_5 /*, #field_13_5 #field_19_5 */ {
        width: 46%;
        padding-right: 0 !important;
        background: none;
    }

    .gform_wrapper .product-form ul li.gfield.prod-select-file-input,
    #field_7_6, #field_15_6, #field_21_6,
    #field_9_6, #field_14_6, #field_20_6 {
        margin-left: calc(46% + 7%) !important;
    }
}

@media only screen and (max-width: 1550px) {
    /* PL versions */
    #field_15_5, #field_21_5,
    #field_14_5, #field_20_5,
    #field_12_5, #field_12_77, #field_18_5, #field_18_77,
    #field_13_5, #field_19_5 {
        width: 46%;
        padding-right: 0 !important;
        background: none;
    }
    #field_15_6, #field_21_6,
    #field_14_6, #field_20_6,
    #field_12_6, #field_12_79, #field_18_6, #field_18_79,
    #field_13_6, #field_19_6 {
        /*margin-left: 61% !important;*/
        margin-left: calc(46% + 7% + 66px) !important;
        margin-top: -90px !important;
        margin-bottom: 40px !important;
    }
    #field_15_6 .gfield_label, #field_21_6 .gfield_label,
    #field_14_6 .gfield_label, #field_20_6 .gfield_label,
    #field_12_6 .gfield_label,  #field_12_79 .gfield_label, #field_18_6 .gfield_label,  #field_18_79 .gfield_label,
    #field_13_6 .gfield_label, #field_19_6 .gfield_label {
        margin-left: 0;
    }
    #field_21_6 .file-text,
    #field_20_6 .file-text,
    #field_18_6 .file-text, #field_18_79 .file-text,
    #field_19_6 .file-text {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1130px) and (min-width: 1025px) {
    /* .prod-downloads-block .downloads, */
    #field_7_5 .downloads,/* #field_15_5 .downloads, #field_21_5 .downloads,*/
    #field_9_5 .downloads,/* #field_14_5 .downloads, #field_20_5 .downloads,*/
    #field_10_5 .downloads,/* #field_12_5 .downloads, #field_18_5 .downloads,*/
    #field_11_5 .downloads/* #field_13_5 .downloads #field_19_5 .downloads */{
        padding-left: 0 !important;
    }
}

@media only screen and (max-width: 1780px) {
    #field_10_13 .ginput_container .gfield_checkbox li, #field_12_13 .ginput_container .gfield_checkbox li, #field_18_13 .ginput_container .gfield_checkbox li {
        width: 45px;
    }
}

@media only screen and (max-width: 1650px) {
    #field_10_13 .ginput_container .gfield_checkbox li, #field_12_13 .ginput_container .gfield_checkbox li, #field_18_13 .ginput_container .gfield_checkbox li {
        width: 40px;
    }
}

@media only screen and (max-width: 1560px) {
    #field_10_13 .ginput_container .gfield_checkbox li, #field_12_13 .ginput_container .gfield_checkbox li, #field_18_13 .ginput_container .gfield_checkbox li {
        width: 40px;
    }
    .col-p-field .gfield_label {
        width: 40px;
    }
    .col-p-field .ginput_container {
        max-width: 80px;
    }
    .col-p-field {
        width: 169px;
    }
    .gform_wrapper .product-form ul li.gfield .ginput_container input,
    #field_7_11 .ginput_container textarea, #field_15_11 .ginput_container textarea, #field_21_11 .ginput_container textarea,
    #field_9_11 .ginput_container textarea, #field_14_11 .ginput_container textarea, #field_20_11 .ginput_container textarea,
    #field_10_11 .ginput_container textarea, #field_12_11 .ginput_container textarea, #field_18_11 .ginput_container textarea,
    #field_11_11 .ginput_container textarea, #field_13_11 .ginput_container textarea, #field_19_11 .ginput_container textarea {
        font-size: 18px !important;
    }
}

@media only screen and (max-width: 1510px) {
    #field_10_13 .ginput_container .gfield_checkbox li, #field_12_13 .ginput_container .gfield_checkbox li, #field_18_13 .ginput_container .gfield_checkbox li {
        width: 35px;
    }
    .product-form .color:not(.long) {
        width: 30px;
        height: 30px;
    }
}

@media only screen and (max-width: 1380px) {
    #field_10_13 .ginput_container .gfield_checkbox li, #field_12_13 .ginput_container .gfield_checkbox li, #field_18_13 .ginput_container .gfield_checkbox li {
        width: 32px;
    }
    .product-form .color:not(.long) {
        width: 27px;
        height: 30px;
    }
}

@media only screen and (max-width: 1335px) {

    #field_11_2, #field_13_2, #field_19_2 {
        margin-left: 50px !important;
    }

/*
    #field_10_13 .ginput_container .gfield_checkbox li {
        width: 35px;
    }
    .product-form .color:not(.long) {
        width: 30px;
        height: 30px;
    }
*/
    .product-form .cup-volume-row div:not([cup-amount='0']) {
        display: block;
    }
    .product-form .cup-volume-row span {
        width: 80px;
        display: inline-block;
        text-align: center;
    }
    .col-p-field {
        width: 142px;
    }
    .product-form .cup-volume-row span.cup-volume-0-5 {
        margin-left: calc(65px + 100px + 40px);
    }
    .product-form .cup-volume-row span.cup-volume-0-4 {
        margin-left: calc(142px - 80px);
    }
    .product-form .cup-volume-row span.cup-volume-0-3 {
        margin-left: calc(142px - 80px);
    }
    #gform_10 ul li.gfield .gfield_label, #gform_12 ul li.gfield .gfield_label, #gform_18 ul li.gfield .gfield_label {
        display: none;
    }
    #gform_10 #field_10_79 .gfield_label, #gform_12 #field_12_79 .gfield_label, #gform_18 #field_18_79 .gfield_label {
        display: inline-block;
    }
    #field_10_13 .ginput_container, #field_12_13 .ginput_container, #field_18_13 .ginput_container {
        margin-bottom: 0;
    }
    #field_7_2, #field_15_2, #field_21_2,
    #field_7_3, #field_15_3, #field_21_3,
    #field_7_4, #field_15_4, #field_21_4,
    #field_9_2, #field_14_2, #field_20_2,
    #field_9_3, #field_14_3, #field_20_3,
    #field_9_4, #field_14_4, #field_20_4 {
        width: 180px;
    }
}

@media only screen and (max-width: 1300px) {
    #field_10_13 .ginput_container .gfield_checkbox li, #field_12_13 .ginput_container .gfield_checkbox li, #field_18_13 .ginput_container .gfield_checkbox li {
        width: 29px;
    }
    .product-form .color:not(.long) {
        width: 25px;
        height: 30px;
        border-left-width: 2px;
        border-right-width: 2px;
        padding-left: 3px;
        padding-right: 3px;
    }
}

@media only screen and (max-width: 1220px) {
    #field_10_13 .ginput_container .gfield_checkbox li, #field_12_13 .ginput_container .gfield_checkbox li, #field_18_13 .ginput_container .gfield_checkbox li {
        width: 45px;
    }
    .product-form .color:not(.long) {
        width: 30px;
        border-left-width: 3px;
        border-right-width: 3px;
        padding-left: 4px;
        padding-right: 4px;
    }
/*
    #field_10_13 .ginput_container .gfield_checkbox .gchoice_10_13_9 {
        clear: left;
    }
*/
    #gform_fields_10 li.gfield.gsection.color-section, #gform_fields_12 li.gfield.gsection.color-section, #gform_fields_18 li.gfield.gsection.color-section {
        width: 70px;
    }
    .product-form .color.long {
        width: 55px;
    }
    .col-p-field {
        width: 95px;
    }
    .col-p-field .ginput_container {
        width: 60px;
    }
    .col-p-field .gfield_description {
        margin-left: 5px !important;
        margin-right: 5px;
    }
    #gform_fields_12 .col-p-field .gfield_description {
        margin-left: 2px !important;
        margin-right: 8px;
    }
    .product-form .cup-volume-row span {
        width: 60px;
    }
    .product-form .cup-volume-row span.cup-volume-0-5 {
        margin-left: calc(65px + 70px + 0px);
    }
    .product-form .cup-volume-row span.cup-volume-0-4,
    .product-form .cup-volume-row span.cup-volume-0-3 {
        margin-left: calc(95px - 60px);
    }
    .gform_wrapper  .product-form ul li.gfield .ginput_container input.small {
        font-size: 0.9rem !important;
        padding: 10px 5px !important;
    }
    .product-form .gfield.title small {
        margin-left: 10px;
    }
    .gform_wrapper .product-form ul li.gfield .ginput_container input,
    #field_7_11 .ginput_container textarea, #field_15_11 .ginput_container textarea, #field_21_11 .ginput_container textarea,
    #field_9_11 .ginput_container textarea, #field_14_11 .ginput_container textarea, #field_20_11 .ginput_container textarea,
    #field_10_11 .ginput_container textarea, #field_12_11 .ginput_container textarea, #field_18_11 .ginput_container textarea,
    #field_11_11 .ginput_container textarea, #field_13_11 .ginput_container textarea, #field_19_11 .ginput_container textarea {
        font-size: 15px !important;
        padding: 10px 11px !important;
    }

    #field_7_2, #field_15_2, #field_21_2,
    #field_7_3, #field_15_3, #field_21_3,
    #field_7_4, #field_15_4, #field_21_4,
    #field_9_2, #field_14_2, #field_20_2,
    #field_9_3, #field_14_3, #field_20_3,
    #field_9_4, #field_14_4, #field_20_4 {
        width: 139px;
    }
    #field_7_2 .gfield_label, #field_15_2 .gfield_label, #field_21_2 .gfield_label,
    #field_7_3 .gfield_label, #field_15_3 .gfield_label, #field_21_3 .gfield_label,
    #field_7_4 .gfield_label, #field_15_4 .gfield_label, #field_21_4 .gfield_label,
    #field_9_2 .gfield_label, #field_14_2 .gfield_label, #field_20_2 .gfield_label,
    #field_9_3 .gfield_label, #field_14_3 .gfield_label, #field_20_3 .gfield_label,
    #field_9_4 .gfield_label, #field_14_4 .gfield_label, #field_20_4 .gfield_label {
        width: 35px;
    }
    #field_7_2 .ginput_container_number, #field_15_2 .ginput_container_number, #field_21_2 .ginput_container_number,
    #field_7_3 .ginput_container_number, #field_15_3 .ginput_container_number, #field_21_3 .ginput_container_number,
    #field_7_4 .ginput_container_number, #field_15_4 .ginput_container_number, #field_21_4 .ginput_container_number,
    #field_9_2 .ginput_container_number, #field_14_2 .ginput_container_number, #field_20_2 .ginput_container_number,
    #field_9_3 .ginput_container_number, #field_14_3 .ginput_container_number, #field_20_3 .ginput_container_number,
    #field_9_4 .ginput_container_number, #field_14_4 .ginput_container_number, #field_20_4 .ginput_container_number {
        max-width: 65px;
    }

    .product-form  .gfield.prod-downloads-block .downloads li small,
    #field_7_5 .downloads li small, #field_15_5 .downloads li small, #field_21_5 .downloads li small,
    #field_9_5 .downloads li small, #field_14_5 .downloads li small, #field_20_5 .downloads li small,
    #field_10_5 .downloads li small, #field_12_5 .downloads li small, #field_18_5 .downloads li small,
    #field_11_5 .downloads li small, #field_13_5 .downloads li small, #field_19_5 .downloads li small {
        font-size: 0.8rem;
    }
}

@media only screen and (max-width: 935px) {
    #field_10_13 .ginput_container .gfield_checkbox li, #field_12_13 .ginput_container .gfield_checkbox li, #field_18_13 .ginput_container .gfield_checkbox li {
        width: 35px;
    }
}

@media only screen and (max-width: 800px) {
    #header .header-contact a {
        float: right;
        padding: 0 5px;
        font-size: 14px;
        color: #868686;
        border-right: 1px solid #868686;
        line-height: 1.6;
    }
}

@media only screen and (max-width: 1200px) {
    #field_15_6 .gfield_label, #field_21_6 .gfield_label,
    #field_14_6 .gfield_label, #field_20_6 .gfield_label,
    #field_12_6 .gfield_label, #field_18_6 .gfield_label,
    #field_13_6 .gfield_label, #field_19_6 .gfield_label {
        font-size: 17px !important;
    }

    #field_15_6 .ginput_container, #field_21_6 .ginput_container,
    #field_14_6 .ginput_container, #field_20_6 .ginput_container,
    #field_12_6 .ginput_container, #field_12_79 .ginput_container, #field_18_6 .ginput_container, #field_18_79 .ginput_container,
    #field_13_6 .ginput_container, #field_19_6 .ginput_container {
        width: 100%;
        max-width: 419px;
        float: none;
    }

    #field_15_6, #field_21_6,
    #field_14_6, #field_20_6,
    #field_12_6, #field_12_79, #field_18_6, #field_18_79,
    #field_13_6, #field_19_6 {
        width: 100%;
        height: auto;
        position:  relative;
        top: 0;
        float: none;
        margin-top: 15px !important;
        /*margin-left: 0 !important;*/
        margin-left: 66px !important;
    }

    #field_15_12, #field_21_12,
    #field_14_12, #field_20_12,
    #field_12_12, #field_12_78, #field_18_12, #field_18_78,
    #field_13_12, #field_19_12 {
        padding-left: 0% !important;
        margin-top: 15px !important;
    }

    #field_15_5 .downloads, #field_21_5 .downloads,
    #field_14_5 .downloads, #field_20_5 .downloads,
    #field_12_5 .downloads, #field_18_5 .downloads,
    #field_13_5 .downloads, #field_19_5 .downloads {
        display: inline-block;
    }

    #field_15_5, #field_21_5,
    #field_14_5, #field_20_5,
    #field_12_5, #field_12_77, #field_18_5, #field_18_77,
    #field_13_5, #field_19_5 {
        width: 100%;
        background: none;
    }

    #field_15_5 .downloads li small, #field_21_5 .downloads li small,
    #field_14_5 .downloads li small, #field_20_5 .downloads li small,
    #field_12_5 .downloads li small, #field_18_5 .downloads li small,
    #field_13_5 .downloads li small, #field_19_5 .downloads li small {
        margin-left: -2px;
        font-size: 0.9rem;
    }

    #field_15_5 .downloads li, #field_21_5 .downloads li,
    #field_14_5 .downloads li, #field_20_5 .downloads li,
    #field_12_5 .downloads li, #field_18_5 .downloads li,
    #field_13_5 .downloads li, #field_19_5 .downloads li {
        list-style: none !important;
        color: #fff;
        font-size: 1rem;
        margin-bottom: 7px;
        font-weight: 500;
    }

    #field_15_5 .downloads li a, #field_21_5 .downloads li a,
    #field_14_5 .downloads li a, #field_20_5 .downloads li a,
    #field_12_5 .downloads li a, #field_18_5 .downloads li a,
    #field_13_5 .downloads li a, #field_19_5 .downloads li a {
        color: #fff;
        font-size: 1rem;
        /* display: inline-block; */
        position: relative;
        margin: 0px 0 0px 0;
        transition: 0.2s ease-in-out;
    }

    #field_15_6 .ginput_container_fileupload, #field_21_6 .ginput_container_fileupload,
    #field_20_6 .ginput_container_fileupload, #field_18_6 .ginput_container_fileupload, #field_18_79 .ginput_container_fileupload, #field_19_6 .ginput_container_fileupload {
        display: block;
    }
}

@media only screen and (max-width: 64em) {

    .product-form-modal .form-header:before {
        right: calc(100% + 30px);
    }
    .product-form-modal .form-header:after {
        left: calc(100% + 30px);
    }

    .reveal-modal .row:not(.header) .columns {
        padding: 0 3rem;
    }

    #field_11_2 /*, #field_13_2, #field_19_2*/ {
        width: 130px;
    }

    .gform_wrapper .product-form ul li.gfield.prod-select-file-input {
        margin-bottom: 0 !important;
    }

    #field_7_8, #field_15_8, #field_21_8,
    #field_7_9, #field_15_9, #field_21_9,
    #field_7_10, #field_15_10, #field_21_10,
    #field_9_8, #field_14_8, #field_20_8,
    #field_9_9, #field_14_9, #field_20_9,
    #field_9_10, #field_14_10, #field_20_10,
    #field_10_8, #field_12_8, #field_18_8,
    #field_10_9, #field_12_9, #field_18_9,
    #field_10_10, #field_12_10, #field_18_10,
    #field_11_8, #field_13_8, #field_19_8,
    #field_11_9, #field_13_9, #field_19_9,
    #field_11_11, #field_13_11, #field_19_11,
    #field_11_13, #field_13_13, #field_19_13,
    #field_11_12, #field_13_12, #field_19_12,
    #field_11_13, #field_13_13, #field_19_13,
    #field_11_10, #field_13_10, #field_19_10 {
        float: none;
        width: 100%;
        padding-right: 0 !important;
    }

    #field_7_11, #field_15_11, #field_21_11,
    #field_9_11, #field_14_11, #field_20_11,
    #field_10_11, #field_12_11, #field_18_11,
    #field_11_11, #field_13_11, #field_19_11 {
        padding-left: 0 !important;
        float: none;
        top: 0;
        height: auto;
        width: 100%;
    }

    #field_7_11 .ginput_container, #field_15_11 .ginput_container, #field_21_11 .ginput_container,
    #field_9_11 .ginput_container, #field_14_11 .ginput_container, #field_20_11 .ginput_container,
    #field_10_11 .ginput_container, #field_12_11 .ginput_container, #field_18_11 .ginput_container,
    #field_11_11 .ginput_container, #field_13_11 .ginput_container, #field_19_11 .ginput_container {
        margin-top: 0 !important;
        height: 150px;
    }

    .product-form .gform_footer .button {
        padding: 20px 30px 20px 30px;
        text-transform: uppercase;
        font-size: 18px !important;
        border-radius: 0 !important;
        background: #3cb084;
    }

    #field_7_11 .ginput_container, #field_15_11 .ginput_container, #field_21_11 .ginput_container {
        height: 233px;
        margin-top: -1px !important;
    }

    #field_7_11 .ginput_container textarea, #field_15_11 .ginput_container textarea, #field_21_11 .ginput_container textarea,
    #field_9_11 .ginput_container textarea, #field_14_11 .ginput_container textarea, #field_20_11 .ginput_container textarea,
    #field_10_11 .ginput_container textarea, #field_12_11 .ginput_container textarea, #field_18_11 .ginput_container textarea,
    #field_11_11 .ginput_container textarea, #field_13_11 .ginput_container textarea, #field_19_11 .ginput_container textarea {
        box-shadow: inset 3px 3px 9px rgba(0, 0, 0, 0.27);
        font-size: 18px !important;
        height: 150px;
        min-height: 0;
        border:  none;
        padding: 10px 20px !important;
    }
    /* PL version of fields have different breakpoint (1200) */
    .gform_wrapper .product-form ul li.gfield.prod-select-file-input .gfield_label,
    #field_7_6 .gfield_label,/* #field_15_6 .gfield_label, #field_21_6 .gfield_label,*/
    #field_9_6 .gfield_label,/* #field_14_6 .gfield_label, #field_20_6 .gfield_label,*/
    #field_10_6 .gfield_label,/* #field_12_6 .gfield_label, #field_18_6 .gfield_label,*/
    #field_11_6 .gfield_label/*, #field_13_6 .gfield_labe, #field_19_6 .gfield_label*/ {
        font-size: 17px !important;
    }
    /* PL version of fields have different breakpoint (1200) */
    .gform_wrapper .product-form ul li.gfield .ginput_container input {
        margin: 0;
        height: 57px;
        font-size: 18px !important;
        border: none;
        box-shadow: inset 3px 3px 9px rgba(0, 0, 0, 0.27);
        color:  #000;
        padding: 10px 20px !important;
    }
    /* PL version of fields have different breakpoint (1200) */
    .gform_wrapper .product-form ul li.gfield.prod-select-file-input .ginput_container,
    #field_7_6 .ginput_container,/* #field_15_6 .ginput_container, #field_21_6 .ginput_container,*/
    #field_9_6 .ginput_container,/* #field_14_6 .ginput_container, #field_20_6 .ginput_container,*/
    #field_10_6 .ginput_container,/* #field_12_6 .ginput_container, #field_18_6 .ginput_container,*/
    #field_11_6 .ginput_container/* #field_13_6 .ginput_container, #field_19_6 .ginput_container*/ {
        width: 100%;
        max-width: 419px;
        float: none;
    }
    /* PL version of fields have different breakpoint (1200) */
    .gform_wrapper .product-form ul li.gfield.prod-select-file-input,
    #field_7_6,/* #field_15_6, #field_21_6,*/
    #field_9_6,/* #field_14_6, #field_20_6,*/
    #field_10_6,/* #field_12_6, #field_18_6,*/
    #field_11_6/*, #field_13_6 #field_19_6*/ {
        width: 100%;
        height: auto;
        position:  relative;
        top: 0;
        float: none;
        margin-top: 15px !important;
        margin-left: 0 !important;
    }

    /* PL version of fields have different breakpoint (1200) */
    .gform_wrapper .product-form ul li.gfield.prod-load-file-heading,
    #field_7_12,/* #field_15_12, #field_21_6,*/
    #field_9_12,/* #field_14_12, #field_20_6,*/
    #field_10_12,/* #field_12_12, #field_18_6,*/
    #field_11_12/*, #field_13_12 #field_19_6*/ {
        padding-left: 0% !important;
        margin-top: 15px !important;
    }

    #field_7_1, #field_15_1, #field_21_6,
    #field_9_1, #field_14_1, #field_20_6,
    #field_10_1, #field_12_1, #field_18_6,
    #field_11_1, #field_13_1, #field_19_6  {
        width: 100%;
        margin-top: 10px !important;
    }

    #field_11_1, #field_13_1, #field_19_1 {
        width: auto;
        margin-top: 0 !important;
    }

    /* PL version of fields have different breakpoint (1200) */
    .prod-downloads-block .downloads,
    #field_7_5 .downloads,/*, #field_15_5 .downloads, #field_21_5 .downloads,*/
    #field_9_5 .downloads,/*, #field_14_5 .downloads, #field_20_5 .downloads,*/
    #field_10_5 .downloads,/*, #field_12_5 .downloads, #field_18_5 .downloads,*/
    #field_11_5 .downloads/*, #field_13_5 .downloads, #field_19_5 .downloads*/ {
        display: inline-block;
    }
    /* PL version of fields have different breakpoint (1200) */
    .prod-downloads-block,
    #field_7_5,/* #field_15_5, #field_21_5,*/
    #field_9_5,/* #field_14_5, #field_20_5,*/
    #field_10_5,/* #field_12_5, #field_18_5,*/
    #field_11_5/*, #field_13_5, #field_19_5*/ {
        width: 100%;
        background: none;
    }

    /* PL version of fields have different breakpoint (1200) */
    .prod-downloads-block .downloads li small,
    #field_7_5 .downloads li small,/* #field_15_5 .downloads li small,*/ #field_21_5 .downloads li small,
    #field_9_5 .downloads li small,/* #field_14_5 .downloads li small,*/ #field_20_5 .downloads li small,
    #field_10_5 .downloads li small,/* #field_12_5 .downloads li small,*/ #field_18_5 .downloads li small,
    #field_11_5 .downloads li small/*, #field_13_5 .downloads li small*/ #field_19_5 .downloads li small {
        margin-left: -2px;
        font-size: 0.9rem;
    }

    /* PL version of fields have different breakpoint (1200) */
    .prod-downloads-block  .downloads li,
    #field_7_5 .downloads li,/* #field_15_5 .downloads li,*/ #field_21_5 .downloads li,
    #field_9_5 .downloads li,/* #field_14_5 .downloads li,*/ #field_20_5 .downloads li,
    #field_10_5 .downloads li,/* #field_12_5 .downloads li,*/ #field_18_5 .downloads li,
    #field_11_5 .downloads li,/* #field_13_5 .downloads li*/ #field_19_5 .downloads li {
        list-style: none !important;
        color: #fff;
        font-size: 1rem;
        margin-bottom: 7px;
        font-weight: 500;
    }

    /* PL version of fields have different breakpoint (1200) */
    .prod-downloads-block .downloads li a,
    #field_7_5 .downloads li a,/* #field_15_5 .downloads li a,*/ #field_21_5 .downloads li a,
    #field_9_5 .downloads li a,/* #field_14_5 .downloads li a,*/ #field_20_5 .downloads li a,
    #field_10_5 .downloads li a,/* #field_12_5 .downloads li a,*/ #field_18_5 .downloads li a,
    #field_11_5 .downloads li a,/* #field_13_5 .downloads li a*/ #field_19_5 .downloads li a {
        color: #fff;
        font-size: 1re;
        display: inline-block;
        position: relative;
        margin: 0px 0 0px 0;
        transition: 0.2s ease-in-out;
    }

    .col-p-field .ginput_container,
    #field_7_2 .ginput_container, #field_15_2 .ginput_container, #field_21_2 .ginput_container,
    #field_7_3 .ginput_container, #field_15_3 .ginput_container, #field_21_3 .ginput_container,
    #field_7_4 .ginput_container, #field_15_4 .ginput_container, #field_21_4 .ginput_container,
    #field_9_2 .ginput_container, #field_14_2 .ginput_container, #field_20_2 .ginput_container,
    #field_9_3 .ginput_container, #field_14_3 .ginput_container, #field_20_3 .ginput_container,
    #field_9_4 .ginput_container, #field_14_4 .ginput_container, #field_20_4 .ginput_container,
    #field_10_2 .ginput_container, #field_12_2 .ginput_container, #field_18_2 .ginput_container,
    #field_10_3 .ginput_container, #field_12_3 .ginput_container, #field_18_3 .ginput_container,
    #field_10_4 .ginput_container, #field_12_4 .ginput_container, #field_18_4 .ginput_container,
    #field_11_3 .ginput_container, #field_13_3 .ginput_container, #field_19_3 .ginput_container,
    #field_11_4 .ginput_container, #field_13_4 .ginput_container, #field_19_4 .ginput_container {
        max-width: 120px;
    }

    .col-p-field,
    #field_7_2, #field_15_2, #field_21_2,
    #field_7_3, #field_15_3, #field_21_3,
    #field_7_4, #field_15_4, #field_21_4,
    #field_9_2, #field_14_2, #field_20_2,
    #field_9_3, #field_14_3, #field_20_3,
    #field_9_4, #field_14_4, #field_20_4,
    /*#field_10_2,
    #field_10_3,
    #field_10_4,*/
    #field_11_2, #field_13_2, #field_19_2,
    #field_11_3, #field_13_3, #field_19_3,
    #field_11_4, #field_13_4, #field_19_4 {
        max-width: 280px;
        margin-bottom: 35px !important;
    }
    #field_7_2, #field_15_2, #field_21_2,
    #field_7_3, #field_15_3, #field_21_3,
    #field_7_4, #field_15_4, #field_21_4,
    #field_9_2, #field_14_2, #field_20_2,
    #field_9_3, #field_14_3, #field_20_3,
    #field_9_4, #field_14_4, #field_20_4 {
        width: 139px;
    }

    #field_11_2, #field_13_2, #field_19_2 {
        margin-bottom: 51px !important;
    }

    .col-p-field .gfield_description,
    #field_7_2 .gfield_description, #field_15_2 .gfield_description, #field_21_2 .gfield_description,
    #field_7_3 .gfield_description, #field_15_3 .gfield_description, #field_21_3 .gfield_description,
    #field_7_4 .gfield_description, #field_15_4 .gfield_description, #field_21_4 .gfield_description,
    #field_9_2 .gfield_description, #field_14_2 .gfield_description, #field_20_2 .gfield_description,
    #field_9_3 .gfield_description, #field_14_3 .gfield_description, #field_20_3 .gfield_description,
    #field_9_4 .gfield_description, #field_14_4 .gfield_description, #field_20_4 .gfield_description,
    #field_10_2 .gfield_description, #field_12_2 .gfield_description, #field_18_2 .gfield_description,
    #field_10_3 .gfield_description, #field_12_3 .gfield_description, #field_18_3 .gfield_description,
    #field_10_4 .gfield_description, #field_12_4 .gfield_description, #field_18_4 .gfield_description,
    #field_11_2 .gfield_description, #field_13_2 .gfield_description, #field_19_2 .gfield_description,
    #field_11_3 .gfield_description, #field_13_3 .gfield_description, #field_19_3 .gfield_description,
    #field_11_4 .gfield_description, #field_13_4 .gfield_description, #field_19_4 .gfield_description {
        color: #fff;
        display: inline-block;
        padding:  0;
        margin-left: 12px;
        margin-top: 10px;
    }

    .gform_wrapper .product-form ul li.gfield .gfield_label {
        font-size: 21px;
    }

    #gform_7 ul li.gfield .gfield_label, #gform_15 ul li.gfield .gfield_label, #gform_21 ul li.gfield .gfield_label,
    #gform_9 ul li.gfield .gfield_label, #gform_14 ul li.gfield .gfield_label, #gform_20 ul li.gfield .gfield_label {
        font-size: 1rem;
        margin-right: 0;
    }
    #gform_7 ul li.gfield .ginput_container_number, #gform_15 ul li.gfield .ginput_container_number, #gform_21 ul li.gfield .ginput_container_number,
    #gform_9 ul li.gfield .ginput_container_number, #gform_14 ul li.gfield .ginput_container_number, #gform_20 ul li.gfield .ginput_container_number {
        max-width: 70px;
    }
    #gform_7 ul li.gfield .gfield_description, #gform_15 ul li.gfield .gfield_description, #gform_21 ul li.gfield .gfield_description,
    #gform_9 ul li.gfield .gfield_description, #gform_14 ul li.gfield .gfield_description, #gform_20 ul li.gfield .gfield_description {
        margin-left: 5px;
        margin-right: 5px;
    }

    .col-p-field .gfield_label,
    #field_7_2 .gfield_label, #field_15_2 .gfield_label, #field_21_2 .gfield_label,
    #field_7_3 .gfield_label, #field_15_3 .gfield_label, #field_21_3 .gfield_label,
    #field_7_4 .gfield_label, #field_15_4 .gfield_label, #field_21_4 .gfield_label,
    #field_9_2 .gfield_label, #field_14_2 .gfield_label, #field_20_2 .gfield_label,
    #field_9_3 .gfield_label, #field_14_3 .gfield_label, #field_20_3 .gfield_label,
    #field_9_4 .gfield_label, #field_14_4 .gfield_label, #field_20_4 .gfield_label,
    #field_10_2 .gfield_label, #field_12_2 .gfield_label, #field_18_2 .gfield_label,
    #field_10_3 .gfield_label, #field_12_3 .gfield_label, #field_18_3 .gfield_label,
    #field_10_4 .gfield_label, #field_12_4 .gfield_label, #field_18_4 .gfield_label,
    #field_11_2 .gfield_label, #field_13_2 .gfield_label, #field_19_2 .gfield_label,
    #field_11_3 .gfield_label, #field_13_3 .gfield_label, #field_19_3 .gfield_label,
    #field_11_4 .gfield_label, #field_13_4 .gfield_label, #field_19_4 .gfield_label {
        width: 35px;
        margin-right: 10px;
        margin-top: 10px;
    }

    .reveal-modal .close-reveal-modal,
    dialog .close-reveal-modal {
            font-size: 50px;
    }

    .product-form .gfield.title h3 {
        font-size: 20px;
    }

    .product-form-modal .form-header {
        font-size: 30px;
        padding: 50px 0 50px
    }

    .cup-section .content {
        padding-top: 40px;
    }

    .pinkish {
        text-transform: none !important;
        font-size: 28px !important;
        color: #e6007e !important;
        margin: 45px 0 32px 0 !important;
        letter-spacing: -1px;
    }

    .overlay-left {
        background: url('images/cover-left.png') repeat-y;
        background-size: 100% 100%;
        width: 120px;
    }

    .overlay-right {
        background: url('images/cover-right.png') repeat-y;
        background-size: 100% 100%;
        width: 120px;
    }

    .bk {
        padding: 50px 0 2px 0;
    }


    .ps.cup-section {
        padding: 50px 0 28px 0;
    }

    .ps.cup-section .content {
        padding-left: 15px;
        padding-right: 0%;
        padding-top: 0px;
    }

    #play {
        padding: 0 6px 0 15px;
    }

    #play svg {
        width: 60px;
        height: 60px;
    }

    .vid-text {
        font-size: 46px;
    }

    .page-template-page-template-produkt-v2 .cont-vid {
        height: 400px;
        overflow: hidden;
    }



    .cup-section .content h2 .number {
        font-size: 29px;
        padding-top: 10px;
    }

    .cup-section .content h2 {
        font-size: 30px;
        font-weight: 300;
        vertical-align: top;
    }

    .cup-section .image {
        padding-left: 20px;
        padding-right: 20px;
    }

    .bk.cup-section .image {
        padding-top: 0px;
        padding-right: 15px;
        padding-left:  15px;
    }

    .rs {
        padding-top: 70px;
        padding-bottom: 56px;
    }

    .bk.cup-section .content {
        padding-top: 0px;
        padding-left: 10px;
    }

    .rs.cup-section .content {
        padding-top: 0px;
        padding-left:  15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 1025px) {
    .tab-bar {
        position: absolute;
        width: 100%;
        z-index: 10000;
        background: transparent;
        background: #fff url(images/transparent-70.png) repeat top left;
    }
    .tab-bar .title img {
        height: 20px;
    }
    .tab-bar .left-small {
        border: 0;
    }
    .tab-bar .menu-icon span::after {
        box-shadow: 0 0 0 1px #e2007a, 0 7px 0 1px #e2007a, 0 14px 0 1px #e2007a;
    }
    .left-off-canvas-menu {
        background: #f8f8f8;
    }
    ul.off-canvas-list li a {
        color: #333;
        border-bottom: 1px solid #e8e8e8;
    }
    ul.off-canvas-list li a:hover {
        background: #E1ECFA;
    }

	#notice, .home #notice {
        position: relative;
        display: block;
        top: 0px !important;
        font-size: 12px;
        padding: 10px;
        line-height: 105%;
        text-align: justify;
    }
}

@media only screen and (max-width: 40em) {

    .product-form-modal .form-header:before,
    .product-form-modal .form-header:after {
        margin-top: 11px;
    }

    #field_10_1 h3, #field_12_1 h3, #field_18_1 h3 {
        width: 100%;
    }
    #field_10_1 small, #field_12_1 small, #field_18_1 small {
        margin-left: 65px;
    }

    .product-form .cup-volume-row span.cup-volume-0-4,
    .product-form .cup-volume-row span.cup-volume-0-3 {
        margin-left: calc(90px - 60px);
    }

    #gform_fields_10 li.gfield.gsection.color-section, #gform_fields_12 li.gfield.gsection.color-section, #gform_fields_18 li.gfield.gsection.color-section {
        margin-left: 0 !important;
    }
    .gform_wrapper .product-form ul li.col-p-field {
        width: auto;
    }
    .product-form .cup-volume-row span.cup-volume-0-5 {
        margin-left: calc(70px + 0px);
    }

       /* xoxo */

    #field_10_13 .ginput_container .gfield_checkbox li, #field_12_13 .ginput_container .gfield_checkbox li, #field_18_13 .ginput_container .gfield_checkbox li {
        margin-top: 0;
    }

    .gform_wrapper .product-form ul li.gfield.prod-select-file-input .ginput_container input:before,
    #field_7_6 .ginput_container input:before, #field_15_6 .ginput_container input:before, #field_21_6 .ginput_container input:before,
    #field_9_6 .ginput_container input:before, #field_14_6 .ginput_container input:before, #field_20_6 .ginput_container input:before,
    #field_10_6 .ginput_container input:before, #field_12_6 .ginput_container input:before, #field_18_6 .ginput_container input:before,
    #field_11_6 .ginput_container input:before, #field_13_6 .ginput_container input:before, #field_19_6 .ginput_container input:before {
        content: '';
        width: 115px;
        height: 40px;
        /* z-index: -1; */
        top: -2px;
        background: #e2007a;
        position: absolute;
    }

    #field_7_11 .ginput_container textarea, #field_15_11 .ginput_container textarea, #field_21_11 .ginput_container textarea,
    #field_9_11 .ginput_container textarea, #field_14_11 .ginput_container textarea, #field_20_11 .ginput_container textarea,
    #field_10_11 .ginput_container textarea, #field_12_11 .ginput_container textarea, #field_18_11 .ginput_container textarea,
    #field_11_11 .ginput_container textarea, #field_13_11 .ginput_container textarea, #field_19_11 .ginput_container textarea {
        box-shadow: inset 3px 3px 9px rgba(0, 0, 0, 0.27);
        font-size: 16px;
        height: 150px;
        min-height: 0;
        border:  none;
        padding: 10px 20px !important;
    }

    #field_7_8 .ginput_container input, #field_15_8 .ginput_container input, #field_21_8 .ginput_container input,
    #field_7_9 .ginput_container input, #field_15_9 .ginput_container input, #field_21_9 .ginput_container input,
    #field_7_10 .ginput_container input, #field_15_10 .ginput_container input, #field_21_10 .ginput_container input,
    #field_9_8 .ginput_container input, #field_14_8 .ginput_container input, #field_20_8 .ginput_container input,
    #field_9_9 .ginput_container input, #field_14_9 .ginput_container input, #field_20_9 .ginput_container input,
    #field_9_10 .ginput_container input, #field_14_10 .ginput_container input, #field_20_10 .ginput_container input,
    #field_10_8 .ginput_container input, #field_12_8 .ginput_container input, #field_18_8 .ginput_container input,
    #field_10_9 .ginput_container input, #field_12_9 .ginput_container input, #field_18_9 .ginput_container input,
    #field_10_10 .ginput_container input, #field_12_10 .ginput_container input, #field_18_10 .ginput_container input,
    #field_11_8 .ginput_container input, #field_13_8 .ginput_container input, #field_19_8 .ginput_container input,
    #field_11_9 .ginput_container input, #field_13_9 .ginput_container input, #field_19_9 .ginput_container input,
    #field_11_12 .ginput_container input, #field_13_12 .ginput_container input, #field_19_12 .ginput_container input,
    #field_11_13 .ginput_container input, #field_13_13 .ginput_container input, #field_19_13 .ginput_container input,
    #field_11_10 .ginput_container input, #field_13_10 .ginput_container input, #field_19_10 .ginput_container input {
        width: 100%;
        font-size: 16px !important;
    }

    .prod-downloads-block .downloads li,
    #field_7_5 .downloads li, #field_15_5 .downloads li, #field_21_5 .downloads li,
    #field_9_5 .downloads li, #field_14_5 .downloads li, #field_20_5 .downloads li,
    #field_10_5 .downloads li, #field_12_5 .downloads li, #field_18_5 .downloads li,
    #field_11_5 .downloads li, #field_13_5 .downloads li, #field_19_5 .downloads li {
        list-style: none !important;
        color: #fff;
        font-size: 16px;
        margin-bottom: 7px;
        font-weight: 500;
    }

    .prod-downloads-block .downloads li a,
    #field_7_5 .downloads li a, #field_15_5 .downloads li a, #field_21_5 .downloads li a,
    #field_9_5 .downloads li a, #field_14_5 .downloads li a, #field_20_5 .downloads li a,
    #field_10_5 .downloads li a, #field_12_5 .downloads li a, #field_18_5 .downloads li a,
    #field_11_5 .downloads li a, #field_13_5 .downloads li a, #field_19_5 .downloads li a {
        font-size: 16px;
    }

    .product-form-modal .form-header {
        font-size: 24px;
        padding-bottom: 20px;
    }

    .reveal-modal .close-reveal-modal,
    dialog .close-reveal-modal {
            font-size: 50px;
            right: 20px;
            top: 10px;
    }

    .product-form .gfield.title small {
        font-size: 16px;
        /*display: block;*/
        margin-left: 20px;
        top: -2px;
        position: relative;
    }
    .product-form  .gfield.title ul.downloads small {
        font-size: 16px;
        display: inline-block;
        margin-left: 60px;
        top: 0px;
        position: relative;
    }

    body .product-form-modal {
        padding: 0 5px;
    }

    #field_7_11, #field_15_11, #field_21_11,
    #field_9_11, #field_14_11, #field_20_11,
    #field_10_11, #field_12_11, #field_18_11,
    #field_11_11, #field_13_11, #field_19_11 {
        padding-left: 0px !important;
        width: 100%;
        float: right;
        top: 0px;
        height: auto;
        position: relative;
    }

    #field_11_11, #field_13_11, #field_19_11 {
        margin: 0 !important;
        padding: 0 !important;
    }

    #field_7_8, #field_15_8, #field_21_8,
    #field_7_9, #field_15_9, #field_21_9,
    #field_7_10, #field_15_10, #field_21_10,
    #field_9_8, #field_14_8, #field_20_8,
    #field_9_9, #field_14_9, #field_20_9,
    #field_9_10, #field_14_10, #field_20_10,
    #field_10_8, #field_12_8, #field_18_8,
    #field_10_9, #field_12_9, #field_18_9,
    #field_10_10, #field_12_10, #field_18_10,
    #field_11_8, #field_14_8, #field_19_8,
    #field_11_9, #field_14_9, #field_19_9,
    #field_11_12, /*#field_14_12,*/ #field_19_12,
    #field_11_13, /*#field_14_13,*/ #field_19_13,
    #field_11_10, #field_14_10, #field_19_10 {
        width: 100%;
        display: block;
        padding-right: 10px !important;
        padding:  0 !important;
        margin-bottom: 0 !important;
        margin: 0 0 18px 0 !important;
    }

    #field_10_8, #field_12_8, #field_18_8 {
        margin-top: 0px !important;
    }

    .gform_wrapper .product-form ul li.gfield.prod-select-file-input .ginput_container .gfield_label,
    #field_7_6 .ginput_container, #field_15_6 .ginput_container, #field_21_6 .ginput_container,
    #field_9_6 .ginput_container, #field_14_6 .ginput_container, #field_20_6 .ginput_container,
    #field_10_6 .ginput_container, #field_12_6 .ginput_container, #field_18_6 .ginput_container,
    #field_11_6 .ginput_container, #field_13_6 .ginput_container, #field_19_6 .ginput_container {
        min-width: 444px;
    }

    .gform_wrapper .product-form ul li.gfield.prod-select-file-input .gfield_label,
    #field_7_6 .gfield_label, #field_15_6 .gfield_label, #field_21_6 .gfield_label,
    #field_9_6 .gfield_label, #field_14_6 .gfield_label, #field_20_6 .gfield_label,
    #field_10_6 .gfield_label, #field_12_6 .gfield_label, #field_18_6 .gfield_label,
    #field_11_6 .gfield_label, #field_13_6 .gfield_label, #field_19_6 .gfield_label {
        right:  auto;
    }

    #field_7_6, #field_15_6, #field_21_6,
    #field_9_6, #field_14_6, #field_20_6,
    #field_10_6, #field_12_6, #field_18_6,
    #field_11_6, #field_13_6, #field_19_6 {
        margin-bottom: 0 !important;
    }

    .prod-downloads-block,
    #field_7_5, #field_15_5, #field_21_5,
    #field_9_5, #field_14_5, #field_20_5,
    #field_10_5, #field_12_5, #field_18_5,
    #field_11_5, #field_13_5, #field_19_5 {
        background: none;
    }

    .prod-downloads-block,
    #field_7_5, #field_15_5, #field_21_5,
    #field_9_5, #field_14_5, #field_20_5,
    #field_10_5, #field_12_5, #field_18_5,
    #field_11_5, #field_13_5, #field_19_5 {
        width: 100%;
        margin-top: 30px !important;
    }

    .prod-downloads-block .downloads,
    #field_7_5 .downloads, #field_15_5 .downloads, #field_21_5 .downloads,
    #field_9_5 .downloads, #field_14_5 .downloads, #field_20_5 .downloads,
    #field_10_5 .downloads, #field_12_5 .downloads, #field_18_5 .downloads,
    #field_11_5 .downloads, #field_13_5 .downloads, #field_19_5 .downloads {
        width: calc(100%);
        display: inline-block;
        /*padding-left: 0 !important;*/
    }

    /*.gform_wrapper .product-form ul li.col-p-field,*/
    #field_7_2, #field_15_2, #field_21_2,
    #field_7_3, #field_15_3, #field_21_3,
    #field_7_4, #field_15_4, #field_21_4,
    #field_9_2, #field_14_2, #field_20_2,
    #field_9_3, #field_14_3, #field_20_3,
    #field_9_4, #field_14_4, #field_20_4 {
        width: 100%;
        max-width: 280px;
        margin-bottom: 12px !important;
        margin-left: 65px !important;
    }

    #field_11_2, #field_13_2, #field_19_2 {
        margin: 10px 0 51px 20px !important;
    }

    #field_11_2 label, #field_13_2 label, #field_19_2 label {
        display: none !important;
    }

    #field_7_1, #field_15_1, #field_21_1,
    #field_9_1, #field_14_1, #field_20_1,
    #field_10_1, #field_12_1, #field_18_1 {
        width: 100%;
        margin-top: 10px !important;
    }
    #field_11_1, #field_13_1, #field_19_1 {
        width: auto;
        margin-top: 10px !important;
    }

    #play {
        padding: 0 6px 0 15px;
        margin: 0;
    }

    .rs {
        padding-top: 0px;
        padding-bottom: 56px;
    }

    .cup-slider-row h2 {
        font-size: 24px
    }

    .vid-text {
        font-size: 25px;
    }

    .above-text-cont span {
        color: #aaa;
        font-size: 16px;
    }

    .cup-section .content h2 {
        font-size: 24px;
        margin-top: 50px;
    }

    .cup-section .content h2 .number {
        font-size:  24px;
        width:  40px;
        height:  40px;
        padding-top:  5px;
        margin-right: 10px;
    }

    .cup-section .badge-cont {
        top: -44px;
        right: 15px;
        z-index: 2;
    }

    .kontakt-v2 .portrait {
        margin: 0;
    }

    .kontakt-v2 .right-column {
        padding: 0 20px;
    }

    .kontakt-v2 .ppl-box p {
        display: block;
        clear: both;
    }

    .kontakt-v2 .left-column {
        padding: 0 20px;
    }
    .parallax {
        min-height: 0;
    }
    /* max-width 640px, mobile-only styles, use when QAing mobile issues */
    .kontakt-section .hide-for-small-only {
        display: none !important;
    }
    .kontakt-form,
    .kde,
    #gform_wrapper_1 #field_1_1,
    #gform_wrapper_1 #field_1_2,
    #gform_wrapper_1 #field_1_3 {
        width: 100%;
    }
    .kontakt-section .columns .columns {
        padding: 0;
    }
    .kontakt-section .large-6:nth-child(2) h2 {
        display: none;
    }
    .kontakt-section .large-6:nth-child(2) a {
        float: left;
        clear: both;
        margin-top: 5px;
    }
    .kde h2 {
        margin-top: 40px;
    }
    #map,
    .kontakt-section h2 {
        margin-left: 0;
    }
    #map {
        margin-bottom: 60px;
        min-height: 200px;
    }
    .header_container {
        display: none;
    }
    /*.tab-bar {
        position: absolute;
        width: 100%;
        z-index: 10000;
        background: transparent;
    }*/
    .tab-bar .title img {
        height: 20px;
    }
    .tab-bar {
        background: #fff url('images/transparent-70.png') repeat top left;
        -webkit-box-shadow: 0px 3px 5px 2px rgba(1, 22, 65, 0.3);
        -moz-box-shadow: 0px 3px 5px 2px rgba(1, 22, 65, 0.3);
        box-shadow: 0px 3px 5px 2px rgba(1, 22, 65, 0.3);
    }
    .tab-bar .menu-icon span::after {
        box-shadow: 0 0 0 1px #e2007a, 0 7px 0 1px #e2007a, 0 14px 0 1px #e2007a;
    }
    .tab-bar .left-small {
        border: 0;
    }
    .left-off-canvas-menu {
        background: #f8f8f8;
    }
    ul.off-canvas-list li a {
        color: #333;
        border-bottom: 1px solid #e8e8e8;
    }
    ul.off-canvas-list li a:hover {
        background: #E1ECFA;
    }
    section.tab-bar-section img {
        height: 40px;
        /* background: #fff; */
    }
    /* parallax */
    .homeSlide {
        opacity: 0;
        height: auto;
        padding: 0;
    }
    .bcg {
        background-size: cover;
        height: 100%;
        background-attachment: initial;
        width: 100%;
        background-position: center top !important;
    }
    .hsContainer {
        display: table;
        table-layout: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }
    .hsContent {
        max-width: 100%;
        margin: 0px auto 0 auto;
        display: table-cell;
        vertical-align: middle;
        padding: 0 8%;
        text-align: center;
        position: relative;
    }
    body#lang-cs .slide-197 .hsContent {
        display: block;
    }
    body#lang-cs .slide-197 .hsContainer::before {
        opacity: 0;
    }
    .hsContent h2 {
        padding: 10px 5px;
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 12px;
        margin-top: 10px;
    }
    .hsContent p {
        width: 100%;
        /* color: #b2b2b2; */
        font-size: 15px;
    }
    .slide-237 h2 {
        margin-top: 40px;
    }
    .slide-176 .hsContainer h2 {
        margin-bottom: 0px;
    }
    .sluzby-vypis .columns {
        margin-bottom: 60px;
    }
    .slide-176 .button {
        margin-top: 0;
        margin-bottom: 40px;
    }
    #header .header-logo {
        top: 0;
    }
    #header {
        height: 100px !important;
        padding-top: 0;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.3);
        -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.3);
        box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.3);
    }
    #header div#logo {
        width: 180px;
        height: auto;
        line-height: 56px !important;
        position: relative;
    }
    #header div#logo img {
        margin-bottom: 0 !important;
    }
    #header .nav_container {
        top: 30px !important;
    }
    #header nav {
        margin-top: 15px !important;
        float: left;
        display: block;
        clear: both;
        text-align: left;
        width: 100%;
    }
    #header nav ul {
        margin-left: -12px;
    }
    #header nav a {
        line-height: 50px;
        font-size: 14px;
        padding: 0 14px;
    }
    #header.smaller .socials,
    #header.smaller .header-contact {
        top: 10px;
    }
    #slider {
        min-height: 485px;
    }
    #slider .demo-inner-content {
        padding-top: 100px;
        margin-top: 0;
    }
    #slider .demo-inner-content img {
        width: 250px;
    }
    #slider .demo-inner-content h1 {
        font-size: 34px;
    }
    #slider .demo-inner-content h2 {
        font-size: 22px;
    }
    #slider .demo-inner-content p {
        margin-bottom: 0;
    }
    .slide-172 h1 {
        margin-left: 0;
    }
    .slide-172 h2,
    .slide-172 p.animation {
        margin-right: 0;
    }
    .slide-200,
    .slide-200 .row {
        height: auto;
    }
    .slide-200 .clear {
        position: static;
        bottom: auto;
        left: auto;
        margin-left: 0;
    }
    .slide-200 img {
        margin-bottom: 40px;
    }
    .slide-200 .button {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .slide-200 p {
        margin-bottom: 20px !important;
    }
    .slide-200 p br {
        display: none;
    }
    .slide-200 h3 {
        font-size: 14px;
    }
    .reuse-system {
        margin-left: 0;
        margin-top: 0;
    }
    .slide-197 .bcg {
        background: #222 !important;
        padding: 30px 0;
    }
    .slide-197 h2 {
        color: #fff;
    }
    .slide-412 .hsContainer {
        height: 250px;
        background-position: center 100px;
    }
    .slide-234 .hsContainer {
        padding: 40px 0;
    }
    .newsletter {
        padding: 0px;
        background: url('images/newsletter.png') 10px 5px no-repeat;
        background-size: 60px auto;
        height: auto;
    }
    .newsletter h3 {
        font-size: 30px;
    }
    .newsletter p {
        font-size: 20px;
        line-height: 24px;
    }
    .newsletter .input-field {
        padding: 0;
    }
    .orbit-container li {
        padding: 0 60px;
    }
    .slide-199 {
        padding: 40px 0;
    }
    .slide-199 .button {
        margin-top: 0;
    }
    .slide-199 img {
        margin-bottom: 20px;
    }
    .orbit-container .columns {
        width: auto;
        height: auto;
    }
    .slide-202 .hsContainer {
        min-height: 350px;
    }
    .slide-202 .hsContent {
        vertical-align: top;
        padding-top: 60px;
    }
    .slide-202 h2 {
        margin-top: 0px;
        font-size: 30px;
        margin-bottom: 0
    }
    .slide-202 img {
        width: 200px;
    }
    .slide-202 p {
        margin-top: 10px;
    }
    #footer {
        text-align: center;
    }
    #footer * {
        text-align: left;
    }
    #footer .adresa2 {
        margin-top: -40px
    }
    #footer ul {
        margin: 0 auto;
        float: none !important;
        margin-bottom: 40px;
    }

    #footer ul.left {
        margin-bottom: 17px;
    }
    #footer h2 {
        margin-bottom: 10px;
        text-align: left;
    }
    #footer ul,
    #footer p {
        text-align: left;
    }
    #footer ul.pad {
        margin-top: -20px;
    }
    .socials {
        margin-top: 20px !important;
        text-align: left;
    }
    .socials div {
        display: inline-block;
        padding-left: 40px !important;
    }
    .socials .social-fb {
        margin-right: 20px;
    }
    .onas-header {
        padding-top: 140px;
    }
    .onas-header h1 {
        margin-bottom: 20px;
    }
    .onas-header .button {
        margin-bottom: 50px;
    }
    .onas-section .wp-post-image {
        margin-top: 10px;
    }
    .onas-section .timeline,
    .onas-section #cd-timeline {
        margin-top: 0 !important;
        margin-bottom: 100px;
    }
    .onas-section .cd-timeline-img {
        padding-top: 20px;
        font-size: 15px !important;
        width: 60px !important;
        height: 60px;
    }
    .history .cd-timeline-img {
        margin-top: 30px !important;
    }
    .onas-section .cd-timeline-content {
        margin-left: 80px;
    }
    .cd-timeline-content p {
        text-align: left !important;
        margin-top: 10px !important;
    }
    .produkt-section {
        padding-top: 85px;
    }
    .sluzby-header .main-content {
        padding-top: 63px;
    }
    .sluzby-header .main-content {
        height: 380px;
    }
    .sluzby-section {
        padding-top: 50px;
    }
    .reference-header .main-content {
        padding-top: 126px;
        height: 400px;
    }
    .news-header h1 {
        margin-top: 150px;
    }
    .news.timeline,
    .news #cd-timeline {
        margin-top: 0 !important;
        margin-bottom: 100px;
    }
    .news .cd-timeline-img {
        padding-top: 0px;
        font-size: 15px !important;
        width: 100px;
        height: 100px;
    }
    .news .cd-timeline-content {
        margin-left: 120px;
        padding-top: 0;
    }
    .news .cd-timeline-img img {
        width: 100px;
        height: 100px;
    }
    .news #cd-timeline::before {
        margin-left: 46px !important;
        height: calc(100% - 180px);
    }
    .news-footer {
        height: 200px;
        padding: 0;
    }
    .kontakt-section {
        padding-top: 100px;
    }
    .header-socials {
        top: 60px;
    }
    .zs-enabled .zs-slideshow .zs-bullets {
        bottom: 5px !important;
    }
    .parallax {
        background-image: none !important;
    }
    .homeSlide,
    .hsContainer,
    .homeSlide {
        opacity: 1;
    }
    .kontakt-section h1,
    .headline,
    .reuse-section h2,
    .proc-section h2,
    .vychytavky-section h2,
    .produkt-section h1 {
        color: #242424;
        margin-top: 35px;
        margin-bottom: 70px;
        text-transform: uppercase;
        font-size: 27px;
        font-weight: 400;
        overflow: hidden;
        text-align: center;
    }
    .kontakt-section h1:before,
    .kontakt-section h1:after,
    .headline:before,
    .headline:after,
    .reuse-section h2:before,
    .reuse-section h2:after,
    .proc-section h2:before,
    .proc-section h2:after,
    .vychytavky-section h2:before,
    .vychytavky-section h2:after,
    .produkt-section h1:before,
    .produkt-section h1:after,
    .hsContent h2:after,
    .hsContent h2:before {
        display: none !important;
    }
    #wrapper {
        padding: 0
    }
    #backtotop {
        background: rgb(0, 0, 0);
        opacity: 0.4;
        bottom: 2.5rem;
        width: 2.125rem;
        height: 2.125rem;
        font-size: 0.5625rem;
        line-height: 2.125rem;
        border-radius: 3.125rem;
    }
    #backtotop:hover {
        background: rgb(0, 0, 0);
        opacity: 1;
    }
    #wpadminbar {
        top: -2.875rem;
    }
    .slick-next {
        background-size: 20px auto !important;
        background-position: right 40% !important;
        top: -30px;
    }
    .slick-prev {
        background-size: 20px auto !important;
        background-position: left 40% !important;
        top: -30px;
    }
    .slide-914 .bcg {
        display: none;
    }
    .sluzby-header {
        /* background-position: left -400px top -50px; */
        background-position: center center;
        margin-top: 46px;
    }
    .reference-header,
    .proc-header {
        margin-top: 46px;
    }
    .proc-header .main-content {
        padding-top: 50px;
    }
    .produkt-kelimky {
        padding: 0;
        margin-top: 50px;
    }
    .produkt-kelimky .columns {
        height: auto;
    }
    .produkt-kelimky .small-12 {
        width: 100% !important;
    }
    .produkt-kelimky img {
        max-height: 300px;
    }
    .produkt-kelimky .produkt-text {
        position: static;
        top: auto;
        margin-top: 50px;
        padding-right: 10px;
    }
    .produkt-kelimky .produkt-kelimek-2 .produkt-text {
        margin-top: 100px;
    }
    .produkt-kelimky .produkt-kelimek-3 {
        margin-top: 40px;
    }
    .produkt-kelimky .produkt-kelimek-3 .small-5 {
        float: right;
    }
    .produkt-kelimky .produkt-kelimek-3 .produkt-text {
        text-align: right;
    }
    .produkt-kelimky .produkt-text h2 {
        font-size: 14px;
    }
    .produkt-kelimky .produkt-text p {
        font-size: 13px;
    }
    .produkt-kelimek-1,
    .produkt-kelimek-2,
    .produkt-kelimek-2 .large-7,
    .produkt-kelimek-3,
    .produkt-kelimek-3 .large-7 {
        left: 0px;
    }
    section.produkt-section p {
        padding: 0;
    }
    .overlay-left,
    .overlay-right {
        display: none;
    }
    .slick-prev,
    .slick-next {
        background-size: 10px 20px !important;
    }
    #gform_wrapper_2 {
        width: 100% !important;
    }
    .kvalita-section h2 {
        margin-left: 0;
        font-size: 21px;
        text-align: left;
        padding-right: 0 !important;
    }
    .kvalita-section li {
        line-height: 20px;
        margin-bottom: 20px;
    }
    .kvalita-section {
        padding-top: 40px;
    }
    .festivaly-fakta {
        padding-bottom: 30px;
    }
    .page-template-page-template-festivaly .main-content h1 img {
        display: none;
    }
    .page-template-page-template-festivaly .main-content h2 {
        margin-top: 20px;
    }
    .stars {
        background: url('images/stars_m.jpg') no-repeat #fff top center;
    }
    .stars h2 {
        font-size: 30px;
        line-height: 50px;
        margin-top: 5px;
    }
    .festivaly-fakta {
        padding: 50px 0 30px 0;
    }
    .festivaly-fakta h2 {
        font-size: 35px;
    }
    .festivaly-fakta h2 img {
        display: none;
    }
    .festivaly-fakta p {
        font-size: 30px;
        font-weight: 400;
    }
    .festivaly-fakta p u {
        border-bottom: 3px solid #000;
    }
    .festivaly-fakta p span.pink,
    .festivaly-fakta p span.black {
        font-size: 30px;
        line-height: 36px;
    }
    .festivaly-eko h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .festivaly-eko h2 span.pink {
        font-size: 35px;
        line-height: 45px;
    }
    .festivaly-eko p {
        font-size: 30px;
        line-height: 40px;
    }
    .festivaly-nejlepsi h2 {
        font-size: 35px;
    }
    .festivaly-nejlepsi h2 span {
        display: inline;
        font-size: 35px;
        margin-top: 0px;
    }
    .festivaly-nejlepsi p {
        font-size: 30px;
        margin-bottom: 35px;
    }
}

@media only screen and (max-width: 1440px) {
    #header nav a {
        padding: 0 14px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 1300px) {
    #header .header-logo {
        left: 5px;
    }
    #header.smaller .header-logo {
        top: 13px !important;
    }
    #header {
        height: 110px !important;
        padding-top: 5px;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.3);
        -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.3);
        box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.3);
    }
    #header div#logo {
        width: 220px !important;
        height: auto;
        line-height: 86px !important;
        position: relative;
        margin-left: 0;
    }
    #header.smaller div#logo {
        line-height: 111px;
    }
    #header div#logo img {
        margin-bottom: 0 !important;
    }
    #header .nav_container {
        top: 30px !important;
    }
    #header nav {
        margin-top: 13px !important;
        margin-left: -9px;
    }
    #header nav ul {
        margin-right: 20px;
    }
    #header nav a {
        line-height: 50px;
    }
    #header.smaller .socials,
    #header.smaller .header-contact {
        top: 10px;
    }
    #slider {
        min-height: 590px;
    }
    #slider .demo-inner-content {
        padding-top: 80px;
        margin-top: 0;
        margin-bottom: 80px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: ) {
    /*#header div#logo img {
        margin-bottom: 0 !important;
    }*/
}

@media only screen and (min-width: 641px) and (max-width: 1210px) {
    #header div#logo img {
        margin-bottom: 0 !important;
    }
    #header div#logo {
        width: 180px !important;
        height: auto;
        line-height: 28px !important;
        position: relative;
        margin-left: 0;
    }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


    #field_7_6 .gfield_label, #field_15_6 .gfield_label, #field_21_6 .gfield_label,
    #field_9_6 .gfield_label, #field_14_6 .gfield_label, #field_20_6 .gfield_label,
    #field_10_6 .gfield_label, #field_12_6 .gfield_label, #field_18_6 .gfield_label,
    #field_11_6 .gfield_label, #field_13_6 .gfield_label, #field_19_6 .gfield_label {
        /*pointer-events: none; */
        display: inline-block;
        float: right;
        width: auto;
        position: absolute;
        right: auto;
        font-size: 21px;
        font-weight: 300;
        padding: 15px 18px 13px 18px;
        background: #aaa;
        top: -11px;
        transition: 0.2s ease-in-out;
    }

    .objednej p {
        text-align: center !important;
    }
    .objednej p img {
        text-align: center;
        margin: 0 auto;
        float: none;
    }
    #gform_wrapper_2 {
        width: 100% !important;
    }
    .slick-next {
        top: -10px;
    }
    .slick-prev {
        top: -10px
    }
    #header .header-logo {
        left: 5px;
    }
    #header.small .header-logo {
        top: 13px !important;
    }
    #header {
        height: 110px !important;
        padding-top: 5px;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.3);
        -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.3);
        box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.3);
    }
    /*#header div#logo {
        width: 180px !important;
        height: auto;
        line-height: 28px !important;
        position: relative;
        margin-left: 0;
    }*/
    #header .nav_container {
        top: 30px !important;
    }
    #header nav {
        margin-top: 13px !important;
        margin-left: -9px;
    }
    #header nav ul {
        margin-right: 20px;
    }
    #header nav a {
        line-height: 50px;
        font-size: 14px;
        padding: 0 14px;
    }
    #header.smaller .socials,
    #header.smaller .header-contact {
        top: 10px;
    }
    #slider {
        min-height: 590px;
    }
    #slider .demo-inner-content {
        padding-top: 80px;
        margin-top: 0;
    }
    #slider .demo-inner-content img {
        zoom: 0.9;
        /* IE */
        -moz-transform: scale(0.9);
        /* Firefox */
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.9);
        /* Opera */
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.9);
        /* Safari And Chrome */
        -webkit-transform-origin: 0 0;
        transform: scale(0.9);
        /* Standard Property */
        transform-origin: 0 0;
        /* Standard Property */
    }
    #slider .demo-inner-content h1 {
        font-size: 40px;
    }
    #slider .demo-inner-content h2 {
        font-size: 35px;
    }
    #slider .demo-inner-content p {
        margin-bottom: 0;
    }
    .slide-172 h1 {
        margin-left: 0;
    }
    .slide-172 h2,
    .slide-172 p.animation {
        margin-right: 0;
    }
    .slide-200,
    .slide-200 .row {
        height: auto;
    }
    .slide-200 .clear {
        position: static;
        bottom: auto;
        left: auto;
        margin-left: 0;
    }
    .slide-200 .button {
        margin-top: 0;
    }
    .reuse-system {
        margin-left: 0;
    }
    .newsletter {
        padding-left: 80px;
        background: url('images/newsletter.png') 10px 5px no-repeat;
        background-size: 60px auto;
        height: auto;
    }
    .newsletter h3 {
        font-size: 30px;
    }
    .newsletter p {
        font-size: 20px;
    }
    .orbit-container li {
        padding: 0 60px;
    }
    .slide-199 .button {
        margin-top: 0;
    }
    .slide-202 .hsContainer {
        min-height: 0;
    }
    .slide-202 h2 {
        margin-top: 20px;
        font-size: 40px;
        margin-bottom: 0
    }
    .slide-202 p {
        margin-top: 10px;
    }
    .onas-header {
        padding-top: 140px;
    }
    .onas-header h1 {
        margin-bottom: 20px;
    }
    .onas-header .button {
        margin-bottom: 50px;
    }
    .onas-section .wp-post-image {
        margin-top: 10px;
    }
    .onas-section .timeline,
    .onas-section #cd-timeline {
        margin-top: 0 !important;
        margin-bottom: 100px;
    }
    .onas-section .cd-timeline-img {
        padding-top: 20px;
        font-size: 15px !important;
        width: 60px !important;
        height: 60px;
        margin-top: 21px !important;
    }
    .onas-section .cd-timeline-content {
        margin-left: 80px;
    }
    .cd-timeline-content p {
        text-align: left !important;
        margin-top: 10px !important;
    }
    .produkt-section {
        padding-top: 150px;
    }
    .sluzby-header .main-content {
        padding-top: 115px;
    }
    .sluzby-header .main-content {
        height: 380px;
    }
    .sluzby-section {
        padding-top: 50px;
    }
    .reference-header .main-content {
        padding-top: 150px;
        height: 400px;
    }
    .news-header h1 {
        margin-top: 150px;
    }
    .news.timeline,
    .news #cd-timeline {
        margin-top: 0 !important;
        margin-bottom: 100px;
    }
    .news .cd-timeline-img {
        padding-top: 0px;
        font-size: 15px !important;
        width: 100px;
        height: 100px;
    }
    .news .cd-timeline-content {
        margin-left: 120px;
        padding-top: 0;
    }
    .news .cd-timeline-img img {
        width: 100px;
        height: 100px;
    }
    .news #cd-timeline::before {
        margin-left: 46px !important;
        height: calc(100% - 230px);
    }
    .news-footer {
        height: 200px;
        padding: 0;
    }
    .kontakt-section {
        padding-top: 140px;
    }
    .slide-914 .bcg {
        background-size: 100%;
    }
    .slide-914 .button {
        margin: 0 auto;
        left: auto;
        top: 250px;
    }
    .slide-914 .hsContainer {
        height: 350px;
    }
    .produkt-kelimky {
        padding: 0 50px;
        margin-top: 50px;
    }
    .produkt-kelimky .columns {
        height: auto;
    }
    .produkt-kelimky .small-12 {
        width: 100% !important;
    }
    .produkt-kelimky img {
        max-height: 300px;
    }
    .produkt-kelimky .produkt-text {
        position: static;
        top: auto;
        margin-top: 100px;
    }
    .produkt-kelimky .produkt-kelimek-2 .produkt-text {
        margin-top: 135px;
    }
    .produkt-kelimky .produkt-kelimek-3 {
        margin-top: 40px;
    }
    .produkt-kelimky .produkt-kelimek-3 .small-5 {
        float: right;
    }
    .produkt-kelimky .produkt-kelimek-3 .produkt-text {
        text-align: right;
    }
    .produkt-kelimky .produkt-text h2 {
        font-size: 18px;
    }
    .produkt-kelimky .produkt-text p {
        font-size: 14px;
    }
    .produkt-kelimek-1,
    .produkt-kelimek-2,
    .produkt-kelimek-2 .large-7,
    .produkt-kelimek-3,
    .produkt-kelimek-3 .large-7 {
        left: 0px;
    }
    .festivaly-fakta {
        padding-bottom: 30px;
    }
    .page-template-page-template-festivaly .main-content h1 img {
        display: none;
    }
    .page-template-page-template-festivaly .main-content h2 {
        margin-top: 20px;
    }
}

/*@media only screen and (min-width: 40.063em) and (max-width: 920px) {
    #header nav a {
        padding: 0 10px;
        font-size: 13px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 780px) {
    #header nav a {
        line-height: 30px;
        font-size: 14px;
    }
}*/

@media only screen and (min-width: 64.063em) and (max-width: 1260px) {
    /* produkt - kelimky */
    .produkt-kelimky .columns {
        height: 300px;
    }
    .button.pink {
        margin-top: 35px !important;
    }
}

@media only screen and (min-width: 64.063em) and (max-width: 90em) {

    /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

    .produkt-kelimky .produkt-text {
        position: absolute;
        top: 50%;
    }

    .produkt-kelimky .produkt-text h2 {
        font-size: 14px;
    }

    .produkt-kelimky .produkt-text p {
        font-size: 11px;
    }

    .produkt-kelimek-1,
    .produkt-kelimek-2,
    .produkt-kelimek-3 .large-7 {
        left: auto;
    }

    .produkt-kelimek-2 .large-7,
    .produkt-kelimek-3 {
        left: -25px;
    }

    .button.pink {
        margin-top: 50px;
    }

    .slide-914 .bcg {
        background-size: 100%;
    }

    .slide-914 .button {
        margin: 0 auto;
        left: auto;
        top: 300px;
    }

    .slide-914 .hsContainer {
        height: 400px;
    }

}

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
    /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
}

@media only screen and (min-width: 641px) {
    .top-bar-section {
        transition: none 0 0;
        left: 0 !important;
    }
}

@media only screen and (max-width: 510px) {
    .show-all-steps {
        padding-left: 0 !important;
    }

    #field_10_13 .ginput_container .gfield_checkbox li, #field_12_13 .ginput_container .gfield_checkbox li {
        width: 30px;
    }
    .product-form .color:not(.long) {
        width: 25px;
        height: 25px;
        padding: 1px;
    }
}

@media only screen and (max-width: 550px) {
    #field_13_2 {
        margin-left: 65px !important;
    }
}

@media only screen and (max-width: 450px) {

	.product-form-modal .form-header:before {
        right: calc(100% + 15px);
    }
    .product-form-modal .form-header:after {
        left: calc(100% + 15px);
    }

    #field_7_1 h3, #field_15_1 h3, #field_21_1 h3,
    #field_9_1 h3, #field_14_1 h3, #field_20_1 h3 {
        width: 100%;
    }
    #field_7_1 small, #field_15_1 small, #field_21_1 small,
    #field_9_1 small, #field_14_1 small, #field_20_1 small {
        margin-left: 65px;
    }
    #field_11_1, #field_13_1, #field_19_1 {
        width: 100%;
    }
    #field_11_2,/*, #field_13_2*/#field_19_2 {
        margin-left: 65px !important;
    }
    .product-form .cup-volume-row span.cup-volume-0-5 {
        margin-left: calc(40px + 0px);
    }
    .product-form .cup-volume-row span.cup-volume-0-4,
    .product-form .cup-volume-row span.cup-volume-0-3 {
        margin-left: 5px;
    }
    #gform_10 .col-p-field .gfield_description, #gform_12 .col-p-field .gfield_description, #gform_18 .col-p-field .gfield_description {
        display: none;
    }
    #gform_10 .col-p-field .ginput_container_number, #gform_12 .col-p-field .ginput_container_number, #gform_18 .col-p-field .ginput_container_number {
        margin-right: 5px;
    }
    #gform_fields_10 li.gfield.gsection.color-section, #gform_fields_12 li.gfield.gsection.color-section, #gform_fields_18 li.gfield.gsection.color-section {
        width: 40px;
    }
    .product-form .color.long {
        width: 30px;
    }
    #field_10_81, #field_12_81, #field_18_81 {
        text-align: center;
    }
}

@media only screen and (max-width: 400px) {
    .gform_wrapper .product-form ul li.col-p-field,
    #field_7_2, #field_15_2, #field_21_2,
    #field_7_3, #field_15_3, #field_21_3,
    #field_7_4, #field_15_4, #field_21_4,
    #field_9_2, #field_14_2, #field_20_2,
    #field_9_3, #field_14_3, #field_20_3,
    #field_9_4, #field_14_4, #field_20_4,
    .gform_wrapper .product-form ul li.gfield.prod-select-file-input .gfield_label,
    #field_15_6, #field_21_6,
    #field_14_6, #field_20_6,
    #field_12_6, #field_12_79, #field_18_6, #field_18_79,
    #field_13_6, #field_19_6,
    #field_7_6 .gfield_label, #field_15_6 .gfield_label, #field_21_6 .gfield_label,
    #field_9_6 .gfield_label, #field_14_6 .gfield_label, #field_20_6 .gfield_label,
    #field_10_6 .gfield_label, #field_12_6 .gfield_label, #field_18_6 .gfield_label,
    #field_11_6 .gfield_label, #field_13_6 .gfield_label, #field_19_6 .gfield_label {
        margin-left: 0 !important;
    }

    .prod-downloads-block .downloads,
    #field_7_5 .downloads, #field_15_5 .downloads, #field_21_5 .downloads,
    #field_9_5 .downloads, #field_14_5 .downloads, #field_20_5 .downloads,
    #field_10_5 .downloads, #field_12_5 .downloads, #field_18_5 .downloads,
    #field_11_5 .downloads, #field_13_5 .downloads, #field_19_5 .downloads {
        padding-left: 0 !important;
    }

    #field_10_13 .ginput_container .gfield_checkbox, #field_12_13 .ginput_container .gfield_checkbox, #field_18_13 .ginput_container .gfield_checkbox {
        margin-left: 0 !important;
    }

    #field_10_13 .ginput_container .gfield_checkbox li, #field_12_13 .ginput_container .gfield_checkbox li, #field_18_13 .ginput_container .gfield_checkbox li {
        float: none;
    }
}

@media only screen and (max-width: 420px) and (min-width: 351px) {
    /* 3-row colors */
/*
    #field_10_13 .ginput_container .gfield_checkbox .gchoice_10_13_7,
    #field_10_13 .ginput_container .gfield_checkbox .gchoice_10_13_14 {
        clear: left;
    }
*/
    #field_10_13 .ginput_container .gfield_checkbox .gchoice_10_13_9, #field_12_13 .ginput_container .gfield_checkbox .gchoice_12_13_9, #field_18_13 .ginput_container .gfield_checkbox .gchoice_12_13_9 {
        clear: none;
    }
    #field_10_13 .ginput_container .gfield_checkbox li, #field_12_13 .ginput_container .gfield_checkbox li, #field_18_13 .ginput_container .gfield_checkbox li {
        margin-top: -14px;
    }
}

@media only screen and (max-width: 350px) {
    .product-form .gfield.title h3 .number {
        display: block;
        margin: auto;
        margin-bottom: 10px;
    }
    .reveal-modal .row:not(.header) .columns {
        padding: 0 2em;
        text-align: center;
    }
    .product-form .gfield.title small {
        margin-left: 0 !important;
        margin-bottom: 0px;
        padding-bottom: 10px;
        display: block;
    }
    #field_10_13 .ginput_container .gfield_checkbox, #field_12_13 .ginput_container .gfield_checkbox, #field_18_13 .ginput_container .gfield_checkbox {
        margin-bottom: 0 !important;
    }
    #field_10_13, #field_12_13, #field_18_13 {
        height: 130px;
    }
    #field_10_83, #field_12_83, #field_18_83 {
        margin-top: 15px !important;
    }
    #field_11_2, #field_13_2, #field_19_2 {
        display: block;
        margin: 10px 0 30px 44px !important;
        width: auto;
    }

    #gform_10 .col-p-field .ginput_container_number, #gform_12 .col-p-field .ginput_container_number, #gform_18 .col-p-field .ginput_container_number {
        margin-right: 0;
        width: 100%;
    }
    .gform_wrapper .product-form ul li.col-p-field {
        margin-right: 3% !important;
        width: 30%;
    }
    .product-form .color.long {
        margin-right: 0;
        width: 100% !important;
        height: 20px;
    }
    #gform_fields_10 li.gfield.gsection.color-section, #gform_fields_12 li.gfield.gsection.color-section, #gform_fields_18 li.gfield.gsection.color-section,
    .product-form .color-section .gsection_title {
        width: 98%;
    }
    .product-form .color-section .gsection_title {
        margin-top: .6rem;
        margin-bottom: .4rem;
    }
    .product-form .cup-volume-row span.cup-volume-0-5 {
        margin-left: 0;
    }
    .product-form .cup-volume-row span,
    .col-p-field .ginput_container {
        width: 30%;
    }
    .product-form .cup-volume-row span {
        margin-right: 3%;
        margin-left: 0 !important;
    }
    /* 4-row colors */
    #field_10_13 .ginput_container .gfield_checkbox .gchoice_10_13_5, #field_12_13 .ginput_container .gfield_checkbox .gchoice_12_13_5, #field_18_13 .ginput_container .gfield_checkbox .gchoice_12_13_5,
    #field_10_13 .ginput_container .gfield_checkbox .gchoice_10_13_14, #field_12_13 .ginput_container .gfield_checkbox .gchoice_12_13_14, #field_18_13 .ginput_container .gfield_checkbox .gchoice_12_13_14 {
        clear: left;
    }
    #field_10_13 .ginput_container .gfield_checkbox .gchoice_10_13_7, #field_12_13 .ginput_container .gfield_checkbox .gchoice_12_13_7, #field_18_13 .ginput_container .gfield_checkbox .gchoice_12_13_7 {
        clear: none;
    }
    #field_10_13 .ginput_container .gfield_checkbox li, #field_12_13 .ginput_container .gfield_checkbox li, #field_18_13 .ginput_container .gfield_checkbox li {
        margin-top: -14px;
    }

    #field_10_81, #field_12_81, #field_18_81 {
        padding-top: 15px !important;
    }
    #field_10_81 h2, #field_12_81 h2, #field_18_81 h2 {
        text-align: center;
    }
    .show-all-steps {
        font-size: 1.3rem;
    }
}
@media only screen and (max-width: 300px) {
    .reveal-modal .row:not(.header) .columns {
        padding: 0 1em;
    }
    input[type="submit"] {
        width: 100%;
        padding: 20px 10px;
        font-size: 15px !important;
    }
    #field_10_13 .ginput_container .gfield_checkbox li, #field_12_13 .ginput_container .gfield_checkbox li, #field_18_13 .ginput_container .gfield_checkbox li {
        float: none;
    }
    #field_10_13 .ginput_container .gfield_checkbox, #field_12_13 .ginput_container .gfield_checkbox, #field_18_13 .ginput_container .gfield_checkbox {
        text-align: center;
        width: 100%;
    }
}


#field_10_77, #field_12_77, #field_18_77 {
    margin-top: 30px !important;
}
@media only screen and (min-width: 120.063em) {
    /* min-width 1921px, xlarge screens */
    .slide-200 .cup1,
    .slide-200 .cup2,
    .slide-200 .product-labels {
        top: 30%;
    }
    .slide-172 {
        height: 820px;
    }
}

/* Custom Gform spinner */
.gform-spinner {
    text-align: center;
    position: absolute;
    left: calc(50% + 220px);
    top: 50%;
    transform: translate(-50%,-50%);
}

.gform-spinner > div {
  width: 15px;
  height: 15px;
  background-color: #fff;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.gform-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.gform-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
@media only screen and (max-width: 1135px) and (min-width: 610px) {
    .gform-spinner {
        left: calc(50% + 185px);
    }
}
@media only screen and (max-width: 610px) {
    .gform-spinner {
        position: relative;
        left: 0;
        top: 0;
        transform: translate(0,0);
        margin-bottom: 10px;
    }
}

/* Default page spacing */
.page-template-default article.page {
    padding-top: 150px;
    padding-bottom: 50px;
}
@media screen and (max-width:1024px) {
    .page-template-default article.page {
        padding-top: 100px;
    }
}
@media screen and (max-width:640px) {
    .page-template-default article.page {
        padding-top: 70px;
        padding-bottom: 30px;
    }
}

/* GDPR on order form */
.product-form-modal .product-form li.gdpr {
    display: inline-block !important;
    color: #fff;
    line-height: 1.2;
}
@media screen and (max-width:1024px) {
    .product-form-modal .product-form li.gdpr {
        padding-top: 10px !important;
    }
}
.product-form-modal .product-form li.gdpr a {
    color: #fff;
    text-decoration: underline;
}
.product-form-modal .product-form li.gdpr a:hover {
    color: #000;
}

/* Modal file upload text */
.file-text {
    display: inline-block;
    position: absolute;
    color: #dadada;
    visibility: visible;
    margin-left: 0;
}
@media screen and (min-width: 401px) {
    .file-text {
        margin-top: 0;
        margin-left: calc(60px + 0.3em);
    }
}
@media screen and (min-width: 641px) {
    .file-text {
        margin-top: 50px;
    }
}
@media screen and (min-width: 641px) and (max-width: 795px) {
    #field_10_79 .file-text, #field_18_79 .file-text {
        margin-top: 0;
    }
}
@media screen and (min-width: 796px) and (max-width: 934px) {
    #field_10_79 .file-text/*, #field_18_79 .file-text*/ {
        margin-top: 50px;
        margin-left: -153px;
    }
    #field_18_79 .file-text {
        margin-top: 0;
    }
}
@media screen and (min-width: 935px) and (max-width: 1024px) {
    #field_10_79 .file-text, #field_18_79 .file-text {
        margin-top: 0;
    }
}
@media screen and (min-width: 1025px) {
    .file-text {
        margin-top: 0;
    }
}
@media screen and (max-width: 350px) {
    .ginput_container_fileupload {
        min-width: unset !important;
    }
    .ginput_container_fileupload input[type="file"],
    .file-text {
        width: 100% !important;
    }
}

/* FAQ */
.faq-archive-header {
    padding-top: 180px;
}
@media screen and (max-width: 1024px) {
    .faq-archive-header {
        padding-top: 150px;
    }
}
@media screen and (max-width: 640px) {
    .faq-archive-header {
        padding-top: 85px;
    }
}
.faq-archive-header .archive-header-title {
    font-size: 25px;
    margin-top: 35px;
}
.faq-archive-content {
    margin: 30px 0;
}
@media screen and (max-width: 1024px) {
    .faq-archive-content {
        padding: 0;
    }
}
.faq-archive-content.accordion .accordion-navigation > a {
    background: #f3f3f3;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    color: #e2007a;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: calc(1rem + 26px);
}
@media screen and (max-width: 640px) {
    .faq-archive-content.accordion .accordion-navigation > a {
        font-size: 20px;
        line-height: 25px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
.faq-archive-content.accordion .accordion-navigation > a::after {
    position: absolute;
    content: '';
    left: 1rem;
    bottom: 0;
    width: calc(100% - 2rem);
    height: 1px;
    background: #000;
}
.faq-archive-content.accordion .accordion-navigation.active > a {
    background: #fff;
}
.faq-archive-content.accordion .accordion-navigation.active > a::after,
.faq-archive-content.accordion .accordion-navigation:last-child > a::after {
    background: transparent;
}
.faq-archive-content.accordion .accordion-navigation > a:hover {
    background: #fff;
}
.faq-archive-content.accordion .accordion-navigation > a:hover::before {
    content: '';
    position: absolute;
    right: 1rem;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
    background: url('icon_plus.png') no-repeat center center;
    background-size: contain;
}
.faq-archive-content.accordion .accordion-navigation.active > a::before {
    content: '';
    position: absolute;
    right: 1rem;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
    background: url('icon_minus.png') no-repeat center center;
    background-size: contain;
}
.faq-archive-content.accordion .accordion-navigation.active > a:hover::before {
    background: url('icon_minus.png') no-repeat center center;
    background-size: contain;
}
.faq-archive-content.accordion .accordion-navigation > .content {
    font-size: 16px;
    line-height: 19px;
    padding-top: 0;
    padding-bottom: 30px;
}
.faq-archive-content.accordion .accordion-navigation > .content ul {
    list-style-type: disc;
}

.reveal-modal-bg {
    background: rgba(255, 255, 255, 0.5);
}
.off-canvas-wrap {
    transition: filter 0.3s;
}
.element--blurred {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}
.element--italic {
    font-style: italic;
}

/* Gutenberg */
.gutenberg-content > *:not(.wp-block-cover):not(.full-width) {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 35px;
    padding-right: 35px;
}
.wp-block-columns {
    float: none !important;
}

.services-reasons {
    background-color: #F0F0F0;
}
.services-reasons .animate-me {
    color: #222222 !important;
}
.services-reasons .row p {
    font-size: 25px;
}

.tooltip {
    background: white;
    color: #000;
    filter: drop-shadow(0px 1px 2px rgba(0,0,0,.2));
}
body.logged-in .tooltip {
    margin-top: -40px;
}
.tooltip.tip-top > .nub {
    border-color: white transparent transparent transparent;
    /* filter: drop-shadow(0px 1px 2px rgba(0,0,0,.2)); */
}

/* ==========================================================================
   WORDPRESS ADMIN BAR OVERRIDE
   ========================================================================== */

/* Remove WordPress admin bar margin on mobile */
@media screen and (max-width: 782px) {
    html {
        margin-top: 0 !important;
    }
}