@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');

@font-face {
    font-family: 'Korolev';
    src: url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20light/Korolev-Light.eot'); 
    src: url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20light/Korolev-Light.eot#iefix') format('embedded-opentype'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20light/Korolev-Light.woff2') format('woff2'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20light/Korolev-Light.woff') format('woff'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20light/Korolev-Light.ttf') format('truetype'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20light/Korolev-Light.svg#Korolev-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Korolev';
    src: url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20bold/Korolev-Bold.eot');
    src: url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20bold/Korolev-Bold.eot#iefix') format('embedded-opentype'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20bold/Korolev-Bold.woff2') format('woff2'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20bold/Korolev-Bold.woff') format('woff'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20bold/Korolev-Bold.ttf') format('truetype'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20bold/Korolev-Bold.svg#Korolev-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Korolev';
    src: url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20light%20italic/Korolev-LightItalic.eot');
    src: url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20light%20italic/Korolev-LightItalic.eot#iefix') format('embedded-opentype'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20light%20italic/Korolev-LightItalic.woff2') format('woff2'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20light%20italic/Korolev-LightItalic.woff') format('woff'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20light%20italic/Korolev-LightItalic.ttf') format('truetype'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20light%20italic/Korolev-LightItalic.svg#Korolev-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Korolev';
    src: url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20medium/Korolev-Medium.eot');
    src: url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20medium/Korolev-Medium.eot#iefix') format('embedded-opentype'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20medium/Korolev-Medium.woff2') format('woff2'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20medium/Korolev-Medium.woff') format('woff'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20medium/Korolev-Medium.ttf') format('truetype'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/korolev%20medium/Korolev-Medium.svg#Korolev-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'NeusaNextW10';
    src: url('../fonts/Neusa Next Std light/NeusaNextW10-Light.eot');
    src: url('../fonts/Neusa Next Std light/NeusaNextW10-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Neusa Next Std light/NeusaNextW10-Light.woff2') format('woff2'),
        url('../fonts/Neusa Next Std light/NeusaNextW10-Light.woff') format('woff'),
        url('../fonts/Neusa Next Std light/NeusaNextW10-Light.ttf') format('truetype'),
        url('../fonts/Neusa Next Std light/NeusaNextW10-Light.svg#NeusaNextW10-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NeusaNextW05';
    src: url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/Neusa%20next%20std%20light/NeusaNextW05-Light.eot');
    src: url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/Neusa%20next%20std%20light/NeusaNextW05-Light.eot#iefix') format('embedded-opentype'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/Neusa%20next%20std%20light/NeusaNextW05-Light.woff2') format('woff2'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/Neusa%20next%20std%20light/NeusaNextW05-Light.woff') format('woff'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/Neusa%20next%20std%20light/NeusaNextW05-Light.ttf') format('truetype'),
        url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/fonts/Neusa%20next%20std%20light/NeusaNextW05-Light.svg#NeusaNextW05-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

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

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/

/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

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

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

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

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

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

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 0px;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements
Base HMTL elements are styled in this section (<body<, <h1>, <a>, <p>, <button> etc.)
*/

body {
  line-height: 1.4;
  word-break: break-word;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  word-break: break-all;
}

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.4rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 15px;
}

/* Horizontal rules */

hr {
  background-color: #CCC;
  border: none;
  color: #CCC;
  height: 1px;
}

/* Image alt text */

img {
  font-size: 14px;
  word-break: normal;
}
button,
.button {
  cursor: pointer;
  display: inline-block;
  font-size: 0.92rem;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

button:disabled,
.button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

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

button:active,
.button:active {
  text-decoration: none;
}


/*------- custom button style ------*/

a.cta-btn,
a.cta_button,
.cta-btn-outer a {
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 1.2px;
    color: #4B4B4B;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #707070;
    padding: 11.5px 3.25px;
	display: inline-block;
	min-width: 148px;
	text-align: center;
	transition: all 0.3s ease-in-out;
	font-family: 'korolev';
	font-weight: 300;
  box-sizing: border-box !important;
  padding: 11.5px 15px;
  min-width: 168px;
}
a.cta-btn.large-btn,
a.cta_button.large-btn,
.cta-btn-outer a {
/*     width: 234px; */
   min-width: 168px;
}
a.cta-btn.large-btn:hover,
a.cta_button.large-btn:hover,
.cta-btn-outer a:hover {
    color: #000;
    font-weight: 400;
}



.form-section form input.hs-button.primary.large,
.application-form form .hs_submit.hs-submit .actions input.hs-button,
.subscribe-form form .hs-submit input.hs-button{
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 1.2px;
    color: #4b4b4b;
    background-color: transparent;
    border: 1px solid #707070;
    padding: 11.5px 14px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	font-family: 'korolev';
	font-weight: 300;
	min-width: 148px;
	text-transform: uppercase;
  border-radius: 0;
  box-sizing: border-box !important;
  min-width: 168px;
   padding: 11.5px 15px;
}
a.cta-btn:hover,
a.cta_button:hover,
.form-section form input.hs-button.primary.large:hover,
.application-form form .hs_submit.hs-submit .actions input.hs-button:hover,
.subscribe-form form .hs-submit input.hs-button:hover{
    font-size: 16px;
    letter-spacing: 1.28px;
    color: #000;
    border: 1px solid #000;
    transition: all 0.3s ease-in-out;
	font-weight: 500;
}

a.appointment-btn {
    margin-right: 24px;
    width: 234px;
    box-sizing: border-box !important;
}
a.appointment-btn:last-child {
    margin-right: 0;
}
a.appointment-btn:hover,
a.appointment-btn.active-btn{
    background-color: #b1525a;
    color: #fff;
	border: 1px solid #b1525a;
	cursor: pointer;
  font-size: 16px;
    letter-spacing: 1.28px;
   transition: all .3s ease-in-out;
    font-weight: 500;
}
a.appointment-btn:focus{
    color: #fff;
    background-color: #b1525a;
    font-size: 16px;
    letter-spacing: 1.28px;
    transition: all .3s ease-in-out;
    font-weight: 500;
}
a.appointment-btn:active{
   color: #fff;
}

/*---- lightbox-btn ------*/

.tab-gallery-cta {
    text-align: center;
}

/*----- showcase btn ------*/

a.showcase-btn {
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 1.2px;
    color: #4b4b4b;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
	  border-bottom: 1px solid;
	  padding-bottom: 3.5px;
    margin-bottom: 5.5px;
    box-sizing: border-box !important;
}

/*--------------------------------*/


@media screen and (max-width: 768px){
    .tab-gallery-cta {
        text-align: center;
        margin-bottom: 50px;
    }
}
/* Form fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Help text - legends */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  background-color: #FFF;
  border: 2px solid;
  border-radius: 3px;
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - datepicker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  font-size: 0.92rem;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}
/* Table */

table {
  border: 1px solid;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table Cells */

th,
td {
  border: 1px solid;
  padding: 0.75rem;
  vertical-align: top;
}

/* Table Header */

thead th,
thead td {
  border-bottom: 2px solid;
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/* Header DND sections */

.header .dnd-section {
  padding: 0;
}

/* Header container */

.header__container {
  display: flex;
  justify-content: space-between;
}

.header__row-1 {
  padding-top: 20px;
}

.header__row-1,
.header__row-2 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 1150px) and (min-width: 767px) {
  .header__column {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .header__container {
    flex-direction: column;
    padding: 20px 0 0;
  }

  .header__column {
    position: relative;
  }

  .header__row-1 {
    padding-top: 0;
  }

  .header__row-2 {
    justify-content: center;
    padding: 30px;
  }
}

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */

.header__logo {
  align-items: center;
  display: flex;
  height: auto;
  margin-right: auto;
  max-width: 200px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .header__logo {
    margin: 0 auto;
    width: 100%;
  }
}

.header__logo img {
  max-width: 100%;
}

.header__logo .logo-company-name {
  font-size: 28px;
  margin-top: 7px;
}

.header__logo--main {
  padding-top: 20px;
}

/* Search bar */

.header__search {
  padding: 0 22px;
  width: auto;
}

.header__search .hs-search-field__input {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
  background-position: center right 15px;
  background-repeat: no-repeat;
  height: 45px;
  padding: 0 15px;
}

.header__search .hs-search-field--open .hs-search-field__input {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  max-width: 100%;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  background-color: #FFF;
  border: 2px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  border-top-width: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-size: 0.875rem;
}

.header__search .hs-search-field__suggestions li a {
  color: #494A52;
  padding: 10px 15px;
  text-decoration: none;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}

@media (min-width: 767px) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

  .header__search label {
    margin: 0 20px 0 0;
  }

  .header__search .hs-search-field__input {
    width: auto;
  }
}

@media (max-width: 767px) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 30px;
  }
}


/* Language switcher */

.header__language-switcher {
  cursor: pointer;
  padding-right: 35px;
}

.header__language-switcher .lang_switcher_class {
  position: static;
}

.header__language-switcher .lang_list_class {
  border: 2px solid;
  border-radius: 6px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  display: block;
  left: calc(100% - 24px);
  opacity: 0;
  min-width: 100px;
  padding-top: 0;
  text-align: left;
  top: 100%;
  transition: opacity 0.3s;
  visibility: hidden;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}

.header__language-switcher .lang_list_class:before {
  left: 70%;
  top: -25px;
}

.header__language-switcher .lang_list_class:after {
  left: 70%;
  top: -22px;
}

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  font-size: 18px;
  padding: 10px 15px;
}

.header__language-switcher .lang_list_class li:first-child {
  border-radius: 6px 6px 0 0;
  border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.header__language-switcher .lang_list_class li:hover {
  background-color: #EBEFF3;
  transition: background-color 0.3s;
}

.header__language-switcher--label {
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  align-items: center;
  display: flex;
  font-size: 18px;
  margin-bottom: 5px;
  margin-left: 10px;
}

.header__language-switcher--label-current:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #494A52;
  content: "";
  display: block;
  height: 0px;
  margin-left: 10px;
  margin-top: 3px;
  width: 0px;
}

@media (max-width: 767px) {
  .header__language-switcher {
    border-top: 2px solid #CED4DB;
    padding-left: 30px;
    padding-right: 0;
  }

  .header__language-switcher .lang_list_class {
    border: none;
    box-shadow: unset;
    display: block;
    left: 30px;
    opacity: 1;
    padding: 0 30px;
    top: 0;
    visibility: visible;
  }

  .header__language-switcher .lang_list_class li {
    background-color: inherit;
    font-size: 22px;
  }

  .header__language-switcher--label-current {
    display: none;
  }

  .header__language-switcher .globe_class {
    background-image: none;
  }

  .header__language-switcher .lang_list_class li:hover{
    background-color: inherit;
  }

  .header__language-switcher .lang_list_class:before,
  .header__language-switcher .lang_list_class:after {
    content: none;
  }
}

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: 767px) {
  .header__navigation,
  .header__search,
  .header__language-switcher {
    display: none;
    width: 100%;
  }

  .header__navigation.open,
  .header__search.open,
  .header__language-switcher.open {
    background-color: #F8FAFC;
    display: block;
    height: calc(100vh - 115px);
    left: 0;
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 2;
  }

  .header__navigation--toggle,
  .header__search--toggle,
  .header__language-switcher--toggle,
  .header__close--toggle {
    cursor: pointer;
    margin: 0 5vw;
    position: relative;
  }

  .header__navigation--toggle.hide,
  .header__search--toggle.hide,
  .header__language-switcher--toggle.hide {
    display: none;
  }

  .header__navigation--toggle.open,
  .header__search--toggle.open,
  .header__language-switcher--toggle.open {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }

  .header__navigation--toggle:after,
  .header__search--toggle:after,
  .header__language-switcher--toggle:after {
    display: none;
    font-size: 26px;
    font-weight: 600;
    position: absolute;
    left: 40px;
    text-transform: uppercase;
    top: -10px;
  }

  .header__navigation--toggle.open:after,
  .header__search--toggle.open:after,
  .header__language-switcher--toggle.open:after {
    display: block;
    word-break: normal;
  }

  .header__navigation--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__navigation--toggle:after {
    content: "Menu";
  }

  .header__language-switcher--toggle {
    background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__language-switcher--toggle:after {
    content: "Language";
  }

  .header__search--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__search--toggle:after {
    content: "Search";
  }

  .header__close--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 110%;
    display: none;
    height: 25px;
    margin-right: 0;
    width: 25px;
  }

  .header__close--toggle.show {
    display: block;
  }
}


/*============ header start ===========*/

header.header {
    padding: 55.54px 0;
    background-color: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
}

header.header .content-wrapper {
    max-width: 1280px;
        padding: 0;
}
header.header .content-wrapper .header-top-row-0-vertical-alignment {
    max-width: 1145px;
    margin-left: auto;
}
.header-top-row-0-vertical-alignment > .row-fluid {
    justify-content: space-between;
}
.header-top-row-0-vertical-alignment > .row-fluid:before, .header-top-row-0-vertical-alignment > .row-fluid:after {
    display: none;
}
.header-top-row-0-vertical-alignment > .row-fluid a{
   display: inline-block;
}
.header-top-row-0-vertical-alignment > .row-fluid > .span3:nth-child(2){
   width: 33.75%;
}

.header-top-row-0-vertical-alignment > .row-fluid > .span4:nth-child(1) {
    max-width: 201px;
        width: auto;
}

.header-top-row-0-vertical-alignment > .row-fluid > .span4:nth-child(1) span.hs_cos_wrapper_type_logo a img{
   max-width: 200px;
}
.header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(2) {
    margin-left: 3.6%;
    max-width: 406px !important;
    width: auto;
}
.header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(3){
   width: auto;
}
.header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(2) .submenu.level-1>li {
    display: inline-block;
    padding: 0;
    text-transform: uppercase;
    margin-right: 45px;
}
.header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(2) .submenu.level-1>li:last-child {
    margin-right: 0;
}

.header-top-row-0-vertical-alignment > .row-fluid > .span4:nth-child(3) .row-fluid > .span4:nth-child(1) img{
    width: 19px;
}

.header-top-row-0-vertical-alignment > .row-fluid > .span4:nth-child(3) .row-fluid > .span4:nth-child(1) a.cta_button{
    font-size: inherit;
    line-height: inherit;
    letter-spacing: 0;
    color: inherit;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    padding: 0;
    display: inline-block;
    min-width: unset;
    text-align: left;
    transition: all .3s ease-out;
    font-family: 'korolev';
    font-weight: normal;
}

.header-top-row-0-vertical-alignment > .row-fluid > .span4:nth-child(3) .row-fluid > .span4:nth-child(2) img{
    width: 25px;
    height: 22.22px;
    vertical-align: middle;
}
.header-top-row-0-vertical-alignment > .row-fluid > .span4:nth-child(3) .row-fluid > .span4:nth-child(3) .header__navigation--toggle{
    width: 24px;
    height: 16px;
    margin-left: 29px;
    cursor: pointer;
    background-image: url(https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/images/toggle.png);
    margin-top: 5px;
}
.header-top-row-0-vertical-alignment > .row-fluid > .span2:nth-child(4) img{
    width: 25px;
}
.header-top-row-0-vertical-alignment > .row-fluid > .span4:nth-child(3) .row-fluid > .span4{
   width: auto;
}
.header-top-row-0-vertical-alignment > .row-fluid > .span4:nth-child(3) .row-fluid{
   justify-content: flex-end;
}

.header-top-row-0-vertical-alignment > .row-fluid > .span4:nth-child(3) .row-fluid>.span4{
   margin-left: 0;
}
.header-top-row-0-vertical-alignment > .row-fluid > .span4:nth-child(3) .row-fluid>.span4:nth-child(2) a {
    margin-left: 0;
    display: inline-block;
}
.header__navigation--toggle{
   
}


.right-menu-list ul>li.hs-menu-item.hs-menu-depth-1:last-child a img {
    width: 16px;
    vertical-align: text-top;
    margin-top: 1px;
    margin-right: 5px;
}

.burger-right-sec .contact-info-sec{
   margin-top: 40px;
}
.burger-right-sec .contact-info-sec h4 {
    font-size: 17px;
    letter-spacing: 1.36px;
    color: #505050;
    margin-bottom: 15px;
    font-weight: 600;
    line-height: 37.5px;
    font-family: 'korolev';
}
.burger-right-sec .contact-info-sec p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.8px;
    color: #505050;
    display: inline-block;
    margin-bottom: 25px;
    font-family: 'korolev';
    font-weight: 300;
    max-width: 210px;
}
.contact-info-sec p:last-child > a {
    display: block;
    text-decoration: none;
    color: inherit;
}
.right-social-icons {
    margin-top: 40px;
}
.right-social-icons a img {
    height: 20px;
}

.header--toggle.header__navigation--toggle.hide ~ .header__close--toggle{
    cursor: pointer;
}

.left-menu-list ul.submenu.level-2>li > a {
    text-decoration: none;
    color: inherit;
    display: inline-block;
}
.left-menu-list ul.submenu.level-2>li:hover a {
    color: #000;
}
nav.navigation-primary ul.submenu.level-1>.has-submenu>.menu-arrow {
    display: none;
}
.left-menu-list nav.navigation-primary ul.submenu.level-1>li.has-submenu > a {
    position: relative;
}
.left-menu-list nav.navigation-primary ul.submenu.level-1>li.has-submenu > a::after {
    content: '+';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: auto;
    width: auto;
    bottom: auto;
    left: auto;
    background-color: transparent;
}
.left-menu-list nav.navigation-primary ul.submenu.level-1>li.has-submenu:hover > a::after {
    display: none;
}
.left-menu-list ul.submenu.level-1>li:nth-child(4) {
    max-width: 73%;
}
/* .header-top-row-0-vertical-alignment > .row-fluid > .span4:nth-child(3){
   width: 13.5%;
} */

.burger-main-menu {
    display: none;
}

.burger-first-row{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    max-width: 1008px;
    margin: 0 auto;
    margin-bottom: 80px;
}

.burger-first-row .header__close--toggle{
    display: block;
    cursor: pointer;
}
.search-outer-main {
    margin-right: 30px;
    min-width: 25px;
}
.burger-first-row .search-outer-main {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    min-width: 25px;
    margin-left: 30px;
}
.srch img {
    width: 25px;
}
.srch > a {
    position: relative;
    z-index: 1;
}
.input-srch{
    height: 0;
    margin: 0;
}
.burger-first-row .input-srch input.hs-search-field__input{
    background-color: transparent;
}
.input-srch input.hs-search-field__input {
    width: 0;
    height: 35px;
    background-color: #fff;
    outline: none;
    border: none;
    padding: 18px 5px;
    border-bottom: 2px solid #98938f;
    transition: all 0.3s ease-out;
    visibility: hidden;
    margin-right: -30px;
    border-radius: 0;
}
.input-srch.show{
    display: block !important;
}
.input-srch.show input.hs-search-field__input {
    width: 180px;
    transition: all 0.3s ease-out;
    visibility: visible;
}
.input-srch input.hs-search-field__input::placeholder{
    font-size: 0;
}

nav.navigation-primary ul.submenu.level-1 > li > a{
   font-family: 'Korolev';
    font-weight: 300;
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 1.2px;
    line-height: 16px;
    text-transform: uppercase;
    color: #4B4B4B;
    transition: 0.3s ease-out;
    border-top: 2px solid transparent;
    padding: 5px 0;
    position: relative;
}  

nav.navigation-primary ul.submenu.level-1 > li > a::before {
    content: '';
    display: block;
    width: 85%;
    height: 2px;
    background-color: #000;
    left: 0;
    top: -2px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-out;
}
nav.navigation-primary ul.submenu.level-1 > li > a:hover::before {
    opacity: 1;
    visibility: visible;
}
.header__navigation--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-size: cover;
    height: 25px;
    width: 25px;
}
.header--toggle.header__navigation--toggle.hide {
    display: block;
}

.header--toggle.header__navigation--toggle.hide ~ .burger-main-menu {
    display: block;
    background-color: #e5dcd3;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99;
    overflow-y: auto;
    padding: 52px 0 80px;
}
.header__close--toggle {
    display: none;
}
.header--toggle.header__navigation--toggle.hide ~ .header__close--toggle {
    display: block;
    position: relative;
    z-index: 999;
}

.burger-second-row {
    display: flex;
    max-width: 1008px;
    margin: 0 auto;
}
.left-menu-list{
   max-width: 636px;
    width: 100%;
}
.left-menu-list nav ul.submenu > li {
    display: block;
}
.burger-right-sec .right-menu-list ul{
    flex-direction: column;
}

.right-menu-list ul > li.hs-menu-item.hs-menu-depth-1{
    list-style: none;
    font-size: 17px;
    letter-spacing: 1.36px;
    color: #505050;
    margin-bottom: 5px;
    font-weight: 500;
    line-height: 35px;
}
.right-menu-list ul > li.hs-menu-item.hs-menu-depth-1 a {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    border-top: 2px solid transparent;
    transition: 0.3s ease-out;
    font-family: 'korolev';
}
.right-menu-list ul>li.hs-menu-item.hs-menu-depth-1 a:hover {
    border-top: 2px solid;
    color: #000;
}
.left-menu-list nav.navigation-primary{
    display: block;
    margin-right: 50px;
}
.left-menu-list ul.submenu.level-1{
    display: block;
}
.left-menu-list ul.submenu.level-1 > li {
    font-size: 40px;
    letter-spacing: 3.2px;
    color: #4b4b4b;
    text-transform: uppercase;
    margin-bottom: 40px;
    list-style: none;
    line-height: 64px;
    font-family: 'korolev';
    font-weight: 300;
    padding: 0;
    position: relative;
    display: block;
}
.left-menu-list nav.navigation-primary ul.submenu.level-1 > li > a{
    text-decoration: none;
    color: inherit;
    padding:0;
    padding-right: 30px;
    display: inline-block;
    border-top: 2px solid transparent;
     font-family: 'korolev';
    font-weight: 300;
    font-size: 40px;
    line-height: 64px;
}

.left-menu-list ul.submenu.level-2 {
    position: absolute;
    top: 0;
    right: 0;
    left: auto !important;
    padding: 10px 0 20px;
    z-index: 10;
    width: auto;
    border: none;
    transform: translateX(0);
    background-color: transparent;
    box-shadow: none;  
    visibility: hidden;
}
.left-menu-list ul.submenu.level-2 > li::before {
    display: none;
}

.left-menu-list ul.submenu.level-2 > li{
   font-size: 25px;
    letter-spacing: 0.38px;
    list-style: none;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 24px;
    line-height: 37.5px;
    border: none;
    font-family: 'korolev';
    font-weight: 300;
}
.left-menu-list ul.submenu.level-2 > li > a.menu-link{
   text-decoration: none;
    color: inherit;
    display: inline-block !important;
    font-family: 'korolev';
    font-weight: 300;
    background-color: transparent !important;
    padding: 0 !important;
    line-height: 37.5px;
}

.burger-first-row {
    /* display: flex; */
    /* justify-content: flex-end; */
    margin-bottom: 80px;
    /* align-items: center; */
}
.burger-right-sec {
    padding-left: 87px;
    border-left: 1px solid;
    /* width: 100%; */
}

body.small-header .header {
    box-shadow: rgb(173 173 173 / 50%) 0 4px 20px -2px;
}

/*===================================*/

/*------ changes -------*/
/*------ 14-sept-21 -------*/
.burger-main-menu .burger-first-row .globe_class ul.lang_list_class {
    display: block;
    position: static;
    transform: translateX(0);
    padding: 0;
    margin: 0;
     margin-right: 0;
}
.burger-main-menu .burger-first-row .globe_class .lang_list_class::before,
.burger-main-menu .burger-first-row .globe_class .lang_list_class::after{
    display: none;
}
.burger-main-menu .burger-first-row .globe_class{
    background-image: none;
    border-radius: 0;
    width: auto;
    height: auto;
}
.burger-main-menu .burger-first-row .globe_class ul.lang_list_class li{
   display: inline-block;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.19px;
    color: #505050;
    padding: 0;
    border: none;
    background-color: transparent;
}
.burger-main-menu .burger-first-row .globe_class ul.lang_list_class li:first-child{
    padding-right: 5px;
}
.burger-main-menu .burger-first-row .globe_class ul.lang_list_class li a{
    text-decoration: none;
    color: inherit;
    display: inline-block;
}
.burger-main-menu .burger-first-row .globe_class ul.lang_list_class li:first-child::after {
    content: '';
    display: block;
    height: 100%;
    width: 1px;
    background-color: #505050;
    right: 0;
    top: 0;
    position: absolute;
}


/*------ 29-sept-21 --------*/

.header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(2) nav.navigation-primary ul.submenu.level-1>li>a.active-item {
    font-weight: bold;
}
.header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(2) nav.navigation-primary ul.submenu.level-1>li>a.active-item::before {
    visibility: visible;
    opacity: 1;
}
.header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(2) .navigation-primary .submenu.level-1>li>a::after {
    display: none;
}


/*---- french header -----*/

.french-header .left-menu-list ul.submenu.level-2 {
    background-color: #e5dcd3;
    padding: 10px 15px;
    max-width: 300px;
}
.french-header .left-menu-list ul.submenu.level-1>li:nth-child(4) {
    max-width: 90%;
}
.french-header .left-menu-list nav.navigation-primary ul.submenu.level-1>li>a {
    font-size: 30px;
    line-height: 52px;
}
.submenu.level-1>li.has-submenu:hover .submenu.level-2 {
    visibility: visible;
}
.french-header .left-menu-list ul.submenu.level-2>li>a {
    font-size: 20px;
    white-space: initial;
}
.french-header .left-menu-list ul.submenu.level-2>li{
    margin-bottom: 10px;
    line-height: 20px;
}



/*-------------------------*/

/*------------------------*/

/*------- responsive --------*/

@media screen and (min-width: 992px){
   .input-srch {
    position: relative;
    margin-right: -55px;
    margin-top: 15px;
     margin: 0;
     height: 100%;
   }
  
  .header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(3) .row-fluid>.span4:nth-child(2) .row-fluid .hs_cos_wrapper_widget {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    min-width: 25px;
    margin-left: 29px;
  }
  
}

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

  header.header .content-wrapper {
     max-width: 100%;
     padding: 0 20px;
  }
  
  .burger-first-row {
     margin-bottom: 80px;
     padding: 0 30px;
   }
  .header--toggle.header__navigation--toggle.hide ~ .burger-main-menu{
     padding: 52px 15px 80px;
  }
  
}


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

  header.header{
     padding: 29.725px 0;
  } 
  .header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(2) .submenu.level-1>li{
     margin-right: 15px;
  }
  .header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(3) .row-fluid>.span4:nth-child(2) {
     position: relative;
  }
  .header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(3) .row-fluid>.span4:nth-child(2) .input-srch {
     position: absolute;
     right: 25px;
     top: -3px;
  }
  .header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(3) .row-fluid>.span4:nth-child(2) a {
     margin-left: 29px;
  }
  .header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(1) span.hs_cos_wrapper_type_logo a img {
     max-width: 160px;
  }
  
  .left-menu-list ul.submenu.level-1>li,
  .left-menu-list nav.navigation-primary ul.submenu.level-1>li>a{
     font-size: 30px;
     line-height: 54px;
  }
  
  .left-menu-list {
     margin-right: 20px;
     width: 82.9%;
  }
  .burger-right-sec {
     padding-left: 40px;
     width: 35%;
  }
  .left-menu-list ul.submenu.level-1>li:nth-child(4) {
     max-width: 69%;
  }
  .left-menu-list ul.submenu.level-2>li {
     font-size: 20px;
     line-height: 32.5px;
  }
  .burger-first-row {
     margin-bottom: 45px;
     padding: 0 30px;
  }
  
  /*---- french header ------*/
  
  .french-header .left-menu-list ul.submenu.level-1>li:nth-child(4) {
    max-width: 100%;
  }
  
}

@media screen and (max-width: 991px) and (min-width: 769px){
   
  /*---- french header -----*/
   .french-header .left-menu-list ul.submenu.level-2{
       max-width: 250px;
  }
  .french-header .left-menu-list ul.submenu.level-2>li>a.menu-link{
         white-space: initial;
  }
}

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

  .burger-second-row{
     display: flex;
     flex-wrap: wrap;
  }
  .left-menu-list {
    margin-right: 0;
    width: 100%;
  }
  .burger-right-sec {
    border-left: none;
    padding-left: 0;
    width: 100%;
    margin-top: 20px;
  }
  .left-menu-list ul.submenu.level-1>li{
     font-size: 30px;
     line-height: 40px;
     margin-bottom: 15px;
  }
  .left-menu-list ul.submenu.level-1>li, .left-menu-list nav.navigation-primary ul.submenu.level-1>li>a {
     font-size: 30px;
     line-height: 40px;
  }
  .left-menu-list ul.submenu.level-2 {
     position: relative;
     padding-left: 30px;
     display: block;
     opacity: 1;
     top: 4px;
    visibility: visible;
  }
  .header--toggle.header__navigation--toggle.hide ~ .burger-main-menu {
     padding: 25px 15px;
     padding-bottom: 125px;
  }
  .burger-right-sec .contact-info-sec p {
     display: block;
  }
  
}

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

  .left-menu-list ul.submenu.level-2 > li {
     background-color: transparent;
  }
  .left-menu-list nav.navigation-primary ul.submenu.level-1>li.has-submenu>a::after {
      display: none; 
  }
  .header__close--toggle{
     background-image: none;
  }
  .left-menu-list ul.submenu.level-2>li{
     font-size: 20px;
     line-height: 25px;
     margin-bottom: 15px;
  }
  .left-menu-list ul.submenu.level-2>li>a.menu-link{
     font-size: 20px;
     line-height: 25px;
  }
  .left-menu-list ul.submenu.level-1>li, .left-menu-list nav.navigation-primary ul.submenu.level-1>li{
    font-size: 25px;
    line-height: 30px;
     margin-bottom: 15px;
    border-top: none;
  }
  .left-menu-list ul.submenu.level-1>li, .left-menu-list nav.navigation-primary ul.submenu.level-1>li>a {
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 3.2px;
  }
  nav.navigation-primary ul.submenu.level-1>li>a::before{
     display: none;
  }
  .left-menu-list nav.navigation-primary ul.submenu.level-1>li:hover a {
     color: #000;
  }
  .burger-first-row .header__close--toggle{
      margin-right: 0;
      margin-left: 0;
  }
  .burger-first-row .search-outer-main{
     margin-left: 0;
     margin-right: 20px;
  }
  .header--toggle.header__navigation--toggle.hide ~ .burger-main-menu{
     padding: 40px 15px;
  }
  .burger-first-row .search-outer-main .hs-search-field {
     position: absolute;
     right: 25px;
     top: -5px;
  }
  .burger-first-row {
     padding: 0 15px;
  }
  .submenu.level-1 {
    display: none !important;
  }
  
  .burger-second-row .submenu.level-1{
     display: block !important;
  }
  
 .header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(3) .row-fluid >.span4 .header__row-2 .header__search--toggle{
     display: none;
  }
  .header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(3) .row-fluid {
     justify-content: flex-end;
     display: flex;
     align-items: center;
  }
  .header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(3) .row-fluid::before,
  .header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(3) .row-fluid::after{
     display: none;
  }
   .header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(3) .row-fluid >.span4 .header__row-2{
      padding: 0;
  }
  .header-top-row-0-vertical-alignment>.row-fluid {
     justify-content: space-between;
     display: flex;
  }
  .header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(3) .row-fluid>.span4:nth-child(1) img {
     width: 20px;
  }
  .header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(3) .row-fluid>.span4:nth-child(2) img {
     width: 24px;
  }
  .header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(3) .row-fluid>.span4:nth-child(3) .header__navigation--toggle{
      width: 22px;
      margin-left: 18px;
      margin-right: 0;
  }
  .header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(3) .row-fluid>.span4:nth-child(2) a {
      margin-left: 18px;
  }
  .burger-first-row .header__close--toggle{
      text-align: center;
  }
  
  .submenu.level-2 .menu-item .menu-link::before {
    content: '+';
    display: inline-block;
    left: 0;
    margin-right: 10px;
}
  
  /*----- changes ------*/
  /*---- 14-sept-21----*/
  .burger-main-menu .burger-first-row .globe_class ul.lang_list_class {
     margin-right: 20px;
  }
  .burger-main-menu .input-srch.show input.hs-search-field__input{
     background-color: #e5dcd3;
  }
  
  /*-------------------*/
  
}

@media screen and (max-width: 991px) and (min-width: 768px){

  .burger-first-row .search-outer-main{
     align-items: unset;
  }
}


/*** chnages 28-08-2023 ***/
@media (min-width:991px){
  .header-top-row-0-vertical-alignment > .row-fluid > .span4:nth-child(1) {
    max-width: 320px;
    width: 320px;
    margin-right: 28px;
}
  header.header .header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(2) {
  flex-grow: 1;
}
}


@media (min-width:768px){
header.header .header-top-row-0-vertical-alignment>.row-fluid>.span4:nth-child(2) {
    margin: 0;
    max-width: initial !important;
}
}
footer {
    background-color: #CEC2B4;
    padding: 60px 0;
}
.footer-nav ul {
    display: flex;
    justify-content: space-evenly;
}
.footer-nav ul li {
    display: inline-block;
}
.footer-nav ul li a {
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 1.2px;
    text-decoration: none;
    color: #4B4B4B;
    text-transform: uppercase;
    font-weight: 300;
	font-family: 'Korolev';
}
.footer-social-icons {
    margin-top: 80px;
}
.footer-social-icons .social-icons {
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-social-icons .social-icons a {
    display: inline-block;
	margin-right: 30px;
}
.footer-social-icons .social-icons a:last-child {
    margin-right: 0;
}
.footer-social-icons .social-icons a img {
    height: 26px;
	filter: brightness(0) invert(1);
}

.footer-social-icons .social-icons > a:nth-child(1) img {
    width: 27px;
    height: 27px;
}
.footer-social-icons .social-icons > a:nth-child(2) img {
    width: 29px;
    height: 22px;
}
.footer-social-icons .social-icons > a:nth-child(3) img {
    width: 26px;
    height: 26px;
}
.footer-social-icons .social-icons > a:nth-child(4) img {
    width: 27px;
    height: 27px;
}


.copyright-content {
    margin-top: 80px;
}
.copyright-content p {
    font-size: 15px;
    line-height: 16px;
    font-weight: 300;
    letter-spacing: 1.2px;
    color: #4B4B4B;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
	font-family: 'Korolev';
}
ul.footer-links {
    text-align: center;
}
ul.footer-links li{
	display: inline-block;
	position: relative;
}
ul.footer-links li:first-child::after {
    
}
ul.footer-links li a {
    font-size: 11px;
    line-height: 17px;
    letter-spacing: 0px;
    color: #4B4B4B;
    text-decoration: none;
	position: relative;
	font-weight: 600;
}
ul.footer-links li:first-child a{
	padding-right: 5px;
}
ul.footer-links li:first-child a::after{
	content: '';
    display: block;
    height: 100%;
    width: 1px;
    background-color: #4b4b4b;
    top: 0;
    right: 0;
    position: absolute;
}


/*-------------------- responsive footer ---------------------*/

@media screen and (max-width: 640px){
	
	footer {
        padding: 40px 0;
    }
	.footer-nav ul {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
	.footer-nav ul > * {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
	.footer-nav ul > *:last-child {
        margin-bottom: 0;
    }
	.footer-social-icons {
        margin-top: 50px;
    }
	.copyright-content {
        margin-top: 50px;
    }
	
}

/*-----------------------------------------------------------*/

/*-------- footer style --------*/

footer.footer {
    background-color: #CEC2B4;
    padding: 0px 0 60px;
  margin-top:45px;
}
.footer .content-wrapper {
    max-width: 100%;
    padding: 0;
}
.footer-top-row .dnd-section>.row-fluid {
    max-width: 100%;
}
.footer-bottom-row {
    padding: 60px 0 0 !important;
    background-color: #CEC2B4;
}
.footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-1.dnd-section ul {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
}
.footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-1.dnd-section ul li{
     display: inline-block;
}
.footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-1.dnd-section ul li a{
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 1.2px;
    text-decoration: none;
    color: #4B4B4B;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Korolev';
}

.footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-2.dnd-section {
    margin-top: 80px;
}
.footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-2.dnd-section .row-fluid .hs_cos_wrapper_type_rich_text{
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-2.dnd-section .row-fluid .hs_cos_wrapper_type_rich_text > a{
    display: inline-block;
    margin-right: 30px;
}
.footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-2.dnd-section .row-fluid .hs_cos_wrapper_type_rich_text>a:last-child {
    margin-right: 0;
}
.footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-2.dnd-section .row-fluid .hs_cos_wrapper_type_rich_text > a:nth-child(1) img{
    width: 27px;
    height: 27px;
}
.footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-2.dnd-section .row-fluid .hs_cos_wrapper_type_rich_text > a:nth-child(2) img{
    width: 29px;
    height: 22px;
}
.footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-2.dnd-section .row-fluid .hs_cos_wrapper_type_rich_text > a:nth-child(3) img{
    width: 26px;
    height: 26px;
}
.footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-2.dnd-section .row-fluid .hs_cos_wrapper_type_rich_text > a:nth-child(4) img{
    width: 27px;
    height: 27px;
}
.footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-2.dnd-section .row-fluid .hs_cos_wrapper_type_rich_text > a img{
    filter: brightness(0) invert(1);
}

.footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-3.dnd-section {
    margin-top: 80px;
}
.footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-3.dnd-section p {
    font-size: 15px;
    line-height: 16px;
    font-weight: 300;
    letter-spacing: 1.2px;
    color: #4B4B4B;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
    font-family: 'Korolev';
}
.footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-3.dnd-section ul{
   padding: 0;
   margin-bottom: 0;
}
.row-fluid-wrapper > .row-fluid > .span12.widget-span.widget-type-cell .row-fluid > .span12.widget-span.widget-type-custom_widget.dnd-module {
    min-height: 0;
}



/*------ responsive -----*/

@media screen and (max-width: 1199px) and (min-width: 768px){
 
  .footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-1.dnd-section ul{
     padding: 0 20px;
  }
  .footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-2.dnd-section .row-fluid .hs_cos_wrapper_type_rich_text{
     padding: 0 20px;
  }
  .footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-3.dnd-section{
      padding: 0 20px;
  }
  
}


@media screen and (max-width: 640px){
  
  .footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-1.dnd-section ul {
     display: flex;
     justify-content: space-evenly;
     flex-wrap: wrap;
   }
   .footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-1.dnd-section ul li {
      width: 100%;
      text-align: center;
      margin-bottom: 15px;
   }
  .footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-1.dnd-section ul li:last-child {
      margin-bottom: 0;
  }
  .footer-bottom-row {
      padding: 40px 0 0 !important;
  }
  .footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-2.dnd-section {
      margin-top: 50px;
  } 
  .footer-bottom-row .row-fluid-wrapper.row-depth-1.row-number-3.dnd-section {
       margin-top: 50px;
  }
  
}


/*-----------------------------*/
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}





/*------ body style -----*/


/*----------- typography -----------*/

h1,h2,h3,h4,h5,h6{
  font-family: 'Korolev';
  font-weight: 300;
}
h1{
  font-size: 48px;
  letter-spacing: 0.48px;
  line-height: 56px;
  color: #505050;
  margin: 0;
  margin-bottom: 30px;
}
h2 {
  font-size: 44px;
  color: #505050;
  line-height: 56px;
  letter-spacing: 0.44px;
  font-weight: 300;
  margin: 0;
  margin-bottom: 20px;
}
h3{
  font-size: 28px;
  color: #4b4b4b;
  line-height: 35px;
  letter-spacing: 1.4px;
  font-weight: 300;
  margin: 0;
  margin-bottom: 20px;
}
h6{
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 1px;
  color: #b1525a;
  margin: 0;
  margin-bottom: 10px;
  font-weight: bold;
}

p{
  letter-spacing: 0px;
  color: #000000;
  font-size: 17px;
  line-height: 27px;
  font-weight: 300;
  margin-bottom: 50px;
}

blockquote {
  font-size: 28px;
  line-height: 40px;
  letter-spacing: 0.42px;
  color: #4b4b4b;
  margin-bottom: 20px;
  font-style: italic;
  font-weight: 300;
  font-family: 'Korolev';
  position: relative;
  padding: 0;
  border: none;
}
blockquote::before {
  content: '"';
  display: block;
  position: absolute;
  top: -13px;
  left: -55px;
  font-size: 80px;
  line-height: 102px;
  color: #cec2b4;
  font-family: 'Lora', serif;
  width: 62px;
}

.anchorlink{
  display: block;
  position: relative;
  top: -250px;
  visibility: hidden;
}

/*----------------------------------*/



body{
  margin: 0;
  padding: 0;
  font-family: 'NeusaNextW05';
  /*font-family: 'NeusaNextW05';*/
  margin-top: 151.63px;
}
.container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
}
.right-section{
  background-image: url('../images/banner.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 733px;
  width: 64%;
  position: absolute;
  right: 0;
  top: 0;
}
.left-section {
  width: 345px;
}
.main-section {
  position: relative;
}
.left-section h2 {
  font-size: 48px;
  color: #505050;
  line-height: 56px;
  font-weight: 400;
  margin: 0;
  padding-top: 50px;
}
.left-section p {
  font-size: 19px;
  line-height: 27px;
  color: #000;
}
img.inner-banner {
  position: relative;
  left: 330px;
  top: -30px;
}
.allen-left{
  background-image: url('../images/allen.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 53%;
  height: 100vh;
  padding: 100px 0;
}
.alles-section {
  padding-top: 80px;
}
.alles-main {
  display: flex;
}
.allen-right {
  margin-top: 100px;
  margin-left: 25px;
  width: 407px;
}
.allen-txt h2 {
  font-size: 44px;
  line-height: 52px;
  margin-top: 60px;
  color: #505050;
  font-weight: 300;
}
.allen-txt {
  margin-left: 80px;
}
.allen-txt p {
  font-size: 19px;
  line-height: 30px;
  color: #000;
}

.philoss {
  padding-top: 100px;
}
.phillose-img {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  padding: 0 15px;
}
.phillose-img h2 {
  color: #4B4B4B;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 1px;
}
.phillose-img p {
  font-size: 18px;
  line-height: 27px;
  color: #000000;
}

.video{
  background-image: url('../images/Rechteck.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 672px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 120px;
  position: relative;
}
.video:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 32%);
}
.testimonial {
  padding-top: 120px;
}
.testimonial-main {
  display: flex;
  width: 800px;
  align-items: center;
  margin: 0 auto;
}
.testimonial-right {
  padding: 0px 70px;
}

/*--------------------------------------------------------------*/

img{
  vertical-align: bottom;
}

.left-right-banner-with-img-text.shuffle-content.shuffle-images {
  padding: 75px 0;
}
.left-right-banner-with-img-text.shuffle-content.shuffle-images .right-small-img {
  margin-top: 0;
}
.left-right-banner-with-img-text.shuffle-content.shuffle-images .right-img-text-btn {
  padding-top: 105px;
}
.left-right-banner-with-img-text.shuffle-content.shuffle-images .right-small-img{
  margin-bottom: 95px;
}
.left-right-simple-banner .left-text h1 {
  max-width: 310px;
}

.leftimg-righttextimg{
  display: flex;
  align-items: center;
}
.leftimg-righttextimg .left-sec{
  width: 714px;
  height: 1190.4px;
}
.leftimg-righttextimg .right-sec .right-small-img{
  width: 406px;
  margin-bottom: 95px;	
  margin-left: 24px;	
}
.leftimg-righttextimg .right-sec .right-small-img img{
  width: 100%;
}
.leftimg-righttextimg .right-sec .right-text{
  max-width: 339px;	
  margin-left: 110px;	
}

.simple-illus-section {
  padding: 75px 0;
}
.simple-illus-section .illus-content {
  max-width: 492px;
  margin: 0 auto;
  text-align: center;
}

.video-section{
  position: relative;
  margin-bottom: 150px;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 75px;
}
.video-section::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}
.video-content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;
}
video{
  width: 100%;
  vertical-align: bottom;
  max-height: 672px;
  object-fit: cover;
}
.video-btn {

}
.video-btn a.cta-btn{
  color: #fff;
  border: 1px solid #fff;
}
.video-btn a.cta-btn:hover{
  color: #fff;
  border: 1px solid #fff;
}



.socialmedia-feed {
  padding: 150px 0 75px;
}
.socialfeed-inner {
  padding-left: 17.35%;
}
.socialfeed-header {
  max-width: 602px;
}
.socialfeed-header p {
  max-width: 492px;
  margin-bottom: 65px;
}

.socialfeed-header .eui-widget-title.eapps-instagram-feed-title {
  text-align: left;
  padding: 0;
  margin-bottom: 45px;
}
.socialfeed-header .eui-widget-title.eapps-instagram-feed-title a {
  font-size: 44px;
  color: #505050;
  line-height: 56px;
  letter-spacing: 0.44px;
  font-weight: 300;
  margin: 0;
  margin-bottom: 20px;
  display: inline-block;
  text-decoration: none;
  font-family: 'Korolev';
}
.socialfeed-header {
  max-width: 833px;
}

.socialfeed-box {
  width: 833px;
  height: 625px;
}
.socialfeed-box img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.socialfeed-btn {
  text-align: center;
  max-width: 833px;
  margin-top: 50px;
}
.socialfeed-btn a img {
  width: 17px;
  margin-right: 10px;
}
.socialfeed-btn a span {
  display: inline-block;
}

.two-col-sec {
  padding: 75px 0;
}
.leftimg-righttext {
  display: flex;
  align-items: flex-end;
}
.leftimg-righttext .left-sec {
  width: 714px;
}
.leftimg-righttext .left-sec img {
  width: 100%;
}
.leftimg-righttext .right-sec {
  width: 309px;
  margin-left: 110px;
}

.topimg-bottomtext {
  width: 1058px;
  margin-left: auto;
}
.topimg-bottomtext .top-img{
  margin-bottom: 40px;
}
.topimg-bottomtext .top-img img {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}
.topimg-bottomtext .bottom-text {
  max-width: 664px;
  margin: 0 auto;
}
.bottom-text p{
  width: 492px;
}

.simple-content-sec{
  padding: 75px 0 150px;
}

.form-section {
  background-color: #e5dcd3;
  padding: 85px 0;
}
.form-section-inner {
  max-width: 791px;
  margin: 0 auto;
}
.form-section h2 {
  margin-bottom: 30px;
  text-align: center;
}
.form-content p {
  max-width: 492px;
  margin: 0 auto;
  margin-bottom: 30px;
  font-size: 22px;
  line-height: 30px;
}
.form-section form{
  max-width: 492px;
  margin: 0 auto;
}

.form-section form fieldset.form-columns-2, 
.form-section form fieldset.form-columns-1{
  margin-bottom: 20px;
}
.form-section form fieldset.form-columns-1 .input input.hs-input{
  width: 100%;
  height: 34px;
  background-color: #fff;
  border: 0;
  color: #4b4b4b;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 1.2px;
  outline: 0;
}
.form-section form fieldset.form-columns-2 > .hs-form-field,
.form-section form fieldset.form-columns-1 > .hs-form-field{
  margin-bottom: 0;
}

.form-section form fieldset.form-columns-2 input.hs-input {
  width: 238px;
  height: 34px;
  background-color: #fff;
  border: none;
  color: #4b4b4b;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 1.2px;
  outline: none;
}
ul.hs-error-msgs li {
  list-style: none;
  color: red;
  margin-top: 10px;
}
.form-section form label.hs-form-booleancheckbox-display {
  display: inline-block;
  align-items: center;
}
.form-section form fieldset.form-columns-1 ul.inputs-list > li.hs-form-booleancheckbox {
  list-style: none;
}
.form-section form fieldset.form-columns-1 ul.inputs-list > li.hs-form-booleancheckbox input.hs-input{
  width: 25px;
  height: 25px;
  border: 1px solid #707070;
  background-color: #e5dcd3;
  display: inline-block;
  margin-right: 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.form-section form label.hs-form-booleancheckbox-display span{
  font-size: 17px;
  line-height: 27px;
  color: #000;
  font-weight: 300;
}
.form-section form label.hs-form-booleancheckbox-display span a {
  color: inherit;
  text-decoration: underline;
}
.form-section form .hs_submit.hs-submit .actions {
  margin-top: 35px;
  text-align: center;
}

.form-section form label.hs-form-booleancheckbox-display {
  position: relative;
}
.form-section form fieldset.form-columns-1 ul.inputs-list > li.hs-form-booleancheckbox span::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 8px;
  border-left: 3px solid;
  border-bottom: 3px solid;
  transform: rotate(-45deg);
  left: 5px;
  top: 7px;
  opacity: 0;
  visibility: hidden;
}
.form-section form fieldset.form-columns-1 ul.inputs-list > li.hs-form-booleancheckbox input.hs-input:checked + span::before {
  opacity: 1;
  visibility: visible;
}

label.hs-error-msg {
  color: red !important;
}
.form-section .form-content h2 {
  color: #505050;
}

/*---------------------------------------------------------------*/

/*---- scroll top -----*/

.move-top {
  position: fixed;
  bottom: 45px;
  right: 45px;
  cursor: pointer;
  z-index: 9999;
  transition: 0.3s ease-in-out;
  background-color: #fff;
  padding: 0;
  border-radius: 100%;
  z-index: 999;
}
.move-top img{
  transition: all 0.3s ease-out;
}
.move-top:hover img{
  filter: invert(0) brightness(0);
  transform: scale(1.07);
}
.move-top img {
  width: 43px;
}

/*--------------------*/

/*---------------- accessoires page -----------------*/
.left-right-simple-banner {
  padding-bottom: 75px;
}
.left-right-simple-inner {
  display: flex;
  align-items: flex-start;
}
.left-right-simple-inner .left-text {
  margin-left: auto;
  margin-right: 24px;
  max-width: 320px;
  padding-top: 45px;
}
.left-right-simple-inner .right-img {
  width: 800px;
  height: auto;
  position: relative;
}
.left-right-simple-inner .right-img img{
  vertical-align: bottom;
  height: 100%;
}

/*------ banner slider ------*/

.slider-for img{
  height: 733px !important;
  object-fit: cover;
}
.slider-nav img{
  height: 320px !important;
  object-fit: cover;
}

.slider-nav.slick-initialized.slick-slider .slick-active + .slick-slide {
  display:block!important;
  opacity:1;
}
.slider-nav.slick-initialized.slick-slider .slick-slide {
  display:none;
}
.item-slick.slick-slide.slick-current.slick-active {
  outline: none!important
}


.slider-for img {
  width: 100%;
  min-height: 100%;
}

.slider-nav {
  margin: -160px 0px 0px -100px;
}

.slider-nav .item-slick {
  max-width: 320px;
  margin-right: 0px;
  outline: none!important;
  cursor: pointer;
}

.slider-nav .item-slick img {
  max-width: 100%;
  background-size: cover;
  background-position: center;
}


.banner-slider img {
  width: 100%;
}

/*--------------------------*/


.two-col-repeater-section {
  padding: 75px 0;
}
.two-col-repeater-inner {
  /*
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  */
}
.two-col-repeater-inner > * {
  /*
  flex-basis: 30%;
  max-width: 30%;
  margin-right: 6.88%;
  */
}
/*
.two-col-repeater-inner > *:nth-child(2n) {
margin-right: 0;
}
*/
.two-col-repeater-section .single-col {
  text-align: center;
}
.two-col-repeater-section .single-col img {
  margin-bottom: 30px;
}
.two-col-repeater-section .single-col h3{
  max-width: 375px;
  margin: 0 auto;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.two-col-repeater-section .single-col p{
  max-width: 375px;
  margin: 0 auto;
  margin-bottom: 50px;
}
/*
.two-col-repeater-section .single-col:nth-child(4){
margin-top: -122px;
}
*/
/*
.two-col-repeater-section .single-col:last-child{
margin-top: -215px;
}
*/

/*---------------------------------------------*/


/*--------------- farben page --------------*/

.two-col-repeater-section-with-btn {
  padding: 75px 0 25px;
}
.two-col-repeater-inner-with-btn{
  /*
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  */
}
.two-col-repeater-inner-with-btn > *{
  /*
  flex-basis: 30%;
  max-width: 30%;
  margin-right: 6.88%;
  */

  width: calc(50% - 40px);
}
/*
.two-col-repeater-inner-with-btn .single-col:nth-child(4) {
margin-top: -101px;
} */
/*
.col-mt-101{
margin-top: -101px;
}
*/
.two-col-repeater-inner-with-btn .single-col{
  text-align: center;
  padding-bottom: 80px;
}
.two-col-repeater-section-with-btn .single-col img {
  margin-bottom: 30px;
  max-width: 100%;
}
.two-col-repeater-section-with-btn .single-col h3 {
  max-width: 376px;
  margin: 0 auto;
  margin-bottom: 35px;
  text-transform: uppercase;
}
.two-col-repeater-section-with-btn .single-col p {
  max-width: 375px;
  margin: 0 auto;
  margin-bottom: 50px;
}
a.cta-btn.col-btn{
  padding: 11.5px 48.94px;
}


/*------------------------------------------*/

/*---------- grifflosungen page ----------*/

/*
.col-mt-280 {
margin-top: -280px;
}
*/

/*----------------------------------------*/

/*----------- sortiment page -----------*/

.double-banner {
  padding-bottom: 235px;
}
.double-small-banner {
  position: absolute;
  bottom: -160px;
  left: -85px;
}
.double-small-banner img {
  vertical-align: bottom;
}


/*------ masonary style ------*/

.two-col-repeater-inner-with-btn.gallery-masonary,
.two-col-repeater-inner.gallery-masonary{
  max-width: 836px;
  margin: 0 auto;
}
.item-masonary.single-col p {
 /* margin-bottom: 40px;*/
}

.two-col-repeater-inner > *{
  width: calc(50% - 40px);
  margin-bottom: 60px;
}
.two-col-repeater-inner .grid-sizer {
  margin-bottom: 0;
}
.two-col-repeater-section {
  padding: 75px 0 15px;
}
.two-col-repeater-inner.gallery-masonary .single-col p {
  margin-bottom: 0;
}

/*---------------------------*/

/*----- slider style ------*/
.slider-section {
  padding: 75px 0;
}
.slider-header{
  text-align: center;
}
.slider-header h2{
  margin-bottom: 40px;
}
.slider-img {
  margin-bottom: 30px;
}
.slider-img img {
  vertical-align: bottom;
}

.filter-single-col.single-wide-two-col .gallery-content .slider-img {
  height: 547px;
}
.filter-single-col .gallery-content .slider-img {
  height: 275px;
}
.filter-desc .slide-content h3 {
  min-height: auto;
}
.filter-single-col .gallery-content .slider-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.publish-info {
  margin-bottom: 15px;
}
.publish-info span {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1.04px;
  text-transform: uppercase;
  color: #cec2b4;
  display: inline-block;
  margin-right: 12px;
  font-family: 'korolev';
  font-weight: 300;
}
.publish-info span a{
  display: inline-block;
  color: inherit;
  text-decoration: none;
}
.slide-content p {
  font-size: 17px;
  line-height: 27px;
  color: #000;
}

.gallery-content .slide-content p{
  margin-bottom: 31px;
}

.slide-content p strong,
.slide-content p a{
  font-size: 17px;
  line-height: 27px;
  color: #000;
  font-family: NeusaNextW05,sans-serif;
  font-weight: normal;
}
.slide-content p a{
  color: #cec2b4;
}
.publish-info span:last-child{
  margin-right: 0;
}
.slide-content h3 {
  text-transform: uppercase;
  min-height: 105px;
}
.slide-content p {
  margin-bottom: 31px;
  max-width: 258px;
}
a.slider-btn {
  padding: 11.5px 46.68px;
}
.slider-section-inner {
  max-width: 1080px;
  margin: 0 auto;
}
.slides-row {
  position: relative;
}
button.slick-arrow {
  position: absolute;
  z-index: 1;
  background-color: transparent;
  border: none;
  font-size: 0;
  cursor: pointer;
  padding: 0;
}

button.slick-prev {
  left: -20px;
  top: 23.5%;
}
button.slick-prev::after{
  background-image: url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/images/Icon%20feather-arrow-up-circle.svg');
  transform: rotate(180deg);
  width: 42px;
  height: 42px;
  content: '';
  display: block;
  background-repeat: no-repeat;
}

button.slick-prev:before {
  display: none
}

button.slick-arrow:hover{
  transform: scale(1.1);
  background-color: transparent;
}
button.slick-arrow:focus {
  background-color: transparent;
}
button.slick-next {
  right: -20px;
  top: 23.5%;
}
button.slick-next::after{
  background-image: url('https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/images/Icon%20feather-arrow-up-circle.svg');
  width: 42px;
  height: 42px;
  content: '';
  display: block;
  background-repeat: no-repeat;
}
button.slick-next:hover{
  transform: scale(1.1);
}

button.slick-next:before {
  display: none
}

.blog-gallery .hs_cos_gallery_main .slick-slide img {
  max-height: 500px;
}

.blog-gallery .slick-prev,
.blog-gallery .slick-next {
  top: 50%;
  transform: translateY(-50%);
}

.blog-gallery button.slick-arrow:hover {
  transform: scale(1.1) translateY(-50%);
}

.blog-gallery ul.slick-dots {
  margin-top: 15px;
}

.blog-gallery .container {
  max-width: 1000px;
}

/*-------------------------*/

/*--------------------------------------*/


/*--- supermatte oberflachen page ----*/

.simple-two-col-section{
  padding: 75px 0;
}
.simple-two-col-sec-inner h2{
  text-align: center;
  margin-bottom: 92px;
}
.simple-two-col-row {
  max-width: 908px;
  margin: 0 auto;
  display: flex;
}
.simple-two-col-row > * {
  text-align: center;
  max-width: 454px;
  width: 100%;
}
.simple-two-col-row > * h3 {
  text-transform: uppercase;
}
.simple-two-col-row > * p {
  max-width: 283px;
  margin: 0 auto;
  margin-bottom: 38px;
}
.simple-col-link a.link {
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-decoration: none;
  color: #4b4b4b;
  margin-right: 42px;
  display: inline-block;
  font-family: 'korolev';
  font-weight: 300;
  cursor: pointer;
  border-top: 1px solid transparent;
  padding-top: 8px;
}
.simple-col-link a.link:hover {
  color: #000;
  font-weight: 500;
  border-top: 1px solid #000;
}
.simple-col-link a.link:last-child {
  margin-right: 0;
}
a.link.active {
  color: #000;
  border-top: 1px solid #000;
  font-weight: 500;
}

/*------ color plate ------*/

.color-platte {
  display: none;
}
.color-platte-inner{
  display: flex;
  max-width: 454px;
  margin-top: 27px;
  flex-wrap: wrap;
}
.color-platte-inner > * {
  flex-basis: 29.958%;
  margin-right: 5%;
  margin-bottom: 25px;
}
.color-platte-inner > *:nth-child(3n){
  margin-right: 0;
}
.simple-two-col-section.two-column-sec .single-color img {
  width: 136px;
  border: 0.25px solid #707070;
  height: 136px !important;
  border: none;
}
.color-platte-inner p {
  margin-bottom: 0;
  hyphens: auto;
}

/*----- new changes -----*/
/*----- after options -----*/

.simple-two-col-row>* {
  max-width: 500px;
  margin: 0 auto;
}
.simple-two-col-section.one-column-sec .simple-two-col-row>* p {
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 38px;
}

.simple-two-col-section.one-column-sec .single-color img {
  width: 136px;
  height: 136px !important;
  object-fit: cover;
  max-width: 136px !important;
}

/*------------------------*/

/*------ review dots -----*/

.single-review {
  display: flex;
  align-items: center;
}
.color-platte-review {
  margin-top: 22px;
  padding: 40px 0 33px;
  background-color: #e5dcd3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.review-dots {
  margin-right: 24px;
}
.review-dots span{
  width: 9px;
  height: 9px;
  border: 1px solid #4b4b4b;
  background-color: #4b4b4b;
  border-radius: 100%;
  display: inline-block;
}
.review-dots span.unfill{
  background-color: transparent;
}
.review-content p {
  margin-bottom: 0;
}

/*------------------------*/

/*------------------------------------*/


/*---------- profis page ---------*/

.left-right-simple-banner.illus-banner {
  padding-top: 35.95px;
  padding-bottom: 0;
}
.left-right-simple-banner.illus-banner .container {
  max-width: 1024px;
}
.left-right-simple-banner.illus-banner .left-right-simple-inner{
  align-items: flex-start;
}
.left-right-simple-banner.illus-banner .left-right-simple-inner .left-text {
  margin-left: 0;
  margin-right: 103px;
  max-width: 320px;
}
.left-right-simple-banner.illus-banner .left-right-simple-inner .right-img {
  width: 100%;
  height: 100%;
  position: relative;
}
.left-right-simple-banner.illus-banner .left-right-simple-inner .right-img img{
  vertical-align: bottom;
}

.two-col-repeater-section-with-illus {
  padding: 150px 0 75px;
}
.two-col-repeater-inner-with-illus {
  /*
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  */
  max-width: 836px;
  margin: 0 auto;
}
.two-col-repeater-inner-with-illus > * {
  /*
  flex-basis: 29.3%;
  margin-right: 6.641%;
  margin-bottom: 90px;
  */
  width: calc(50% - 40px);
  margin-bottom: 90px;
}
.two-col-repeater-inner-with-illus h3 {
  text-transform: uppercase;
}
.two-col-repeater-inner-with-illus .single-col.illus p {
  margin-bottom: 0;
}
.single-col.illus img {
  margin-bottom: 5px;
}
.two-col-repeater-inner-with-illus > * p {
  margin-bottom: 0;
}

.gallery-masonary .single-col.mt-80:nth-child(2n + 1) {
    margin-top: 0;
}


.mt-80{
  margin-top: -80px;
}
.last-child-full .single-col.illus:last-child {
  max-width: 662px;
  flex-basis: 100%;
  margin-bottom: 0;
}
.two-col-repeater-inner-with-illus.last-child-full.gallery-masonary .single-col.illus:last-child {
  width: 100%;
  max-width: 662px;
}
.two-col-repeater-section-with-illus {
  padding: 60px 0 75px;
}
.three-col-dwnld-section {
  padding: 75px 0;
}
.three-col-dwnld-section .container {
  max-width: 1008px;
}
.three-col-header {
  padding-left: 0;
  margin-bottom: 53px;
}
.three-col-header h2{
  margin-bottom: 0;
  text-align: center;
}
.three-col-row {
  display: flex;
  flex-wrap: wrap;
}
.three-col-row > * {
  flex-basis: 31.747%;
  margin-right: 24px;
}
.three-col-row > *:last-child {
  margin-right: 0;
}
.three-col-row .dwnld-image {
  width: 234px;
  height: 234px;
  background-color: #e5dcd3;
  border-radius: 100%;
  margin: 0 auto;
  margin-bottom: 33px;
}
.three-col-row .dwnld-image img {
  width: 100%;
  height: 100% !important;
  vertical-align: bottom;
  display: inline-block;
  border-radius: 100%;
}
.three-col-row .dwnld-content {
  text-align: center;
}
.three-col-row .dwnld-content h3 {
  margin-bottom: 15px;
}
.three-col-row .dwnld-content p {
  max-width: 257px;
  margin: 0 auto;
  margin-bottom: 33px;
}


/*--------------------------------*/

/*----------- jobs page ----------*/

.left-right-simple-banner.combine-banner {
  padding-bottom: 90px;
}
.left-right-simple-banner.combine-banner .container {
  padding-left: 0;
  background-color: #e5dcd3;
  max-width: 1280px;
}
.left-right-simple-banner.combine-banner .left-right-simple-inner-with-btn {
  display: flex;
  align-items: center;
}
.left-right-simple-banner.combine-banner .left-text-inner {
  max-width: 320px;
  margin-right: 24px;
}
.left-right-simple-banner.combine-banner .left-text{
  margin-left: auto;
}
.left-right-simple-banner.combine-banner .right-img{
  margin-bottom: -90px;
  margin-left: 0;
}
.left-right-simple-banner.combine-banner .right-img img {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}
.banner-with-video .right-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto !important;
    width: 58% !important;
    margin: 0 !important;
}
.banner-with-video .left-right-simple-inner-with-btn {
    padding: 60px 0;
}
.left-text-inner h2 {
    text-transform: none;
}
.team-row {
  display: flex;
  align-items: center;
  max-width: 883px;
  margin: 0 auto;
  justify-content: center;
}
.right-quote .quote {
  max-width: 328px;
  margin-left: 109px;
}
.team-post span {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.8px;
  color: #cec2b4;
  display: inline-block;
  font-family: 'korolev';
  font-weight: bold;
}
.team-btn {
  margin-top: 50px;
}
.simple-link-section {
  padding: 150px 0;
}
.simple-link-content {
  max-width: 602px;
  margin: 0 auto;
}
.simple-link-content h2 {
  margin-bottom: 40px;
}
.simple-link-content p {
  max-width: 492px;
}
.simple-link-box {
  max-width: 492px;
}
.simple-link-box a.simple-link {
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 1.28px;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px solid;
  max-width: 492px;
  width: 100%;
  padding: 12px 0;
  font-family: 'Korolev';
  font-weight: 300;
}
.simple-link-box a.simple-link:hover{
  font-weight: 500;
}
.simple-link-box a.simple-link:last-child {
  border: none;
}
/*--------------------------------*/

/*------- uberuns-philosophie page -------*/

.simple-text-section {
  padding: 92px 0 45px;
}
.simple-text-section .simple-text-content {
  max-width: 664px;
  margin: 0 auto;
}
.simple-text-content h2 {
  margin-bottom: 40px;
}
.simple-text-content p{
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 28px;
  color: #4b4b4b;
}
.simple-text-content p:last-child {
  margin-bottom: 0;
}
.simple-text-content p strong,
.small-width-simple-section p strong{
  display: block;
}

.small-width-simple-section {
  padding-bottom: 150px;
}
.small-width-simple-section .container {
  max-width: 664px;
}
.left-right-small-sec {
  display: flex;
  margin-bottom: 39px;
}
.left-right-small-sec .left-img{
  height: 100%;
  margin-right: 24px;
}
.left-right-small-sec .left-img img {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.small-width-simple-section p {
  font-size: 18px;
  line-height: 28px;
  color: #4b4b4b;
  margin-bottom: 0;
}
.top-bottom-small-sec blockquote{
  max-width: 404px;
  margin: 100px auto;
}
.top-bottom-small-sec-img {
  margin-top: 75px;
}
.top-bottom-small-sec-img img {
  margin-left: -172px;
}
.small-width-simple-section .left-right-small-sec .right-text {
  max-width: 320px;
}
.small-width-simple-section .top-bottom-small-sec p {
  max-width: 664px;
  margin: 0 auto;
}
.top-bottom-small-sec-img {
  margin-top: 75px;
  width: 1008px;
  height: 596px;
  margin-left: -80px;
}
.top-bottom-small-sec-img img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  margin-left: 0;
  max-width: 100%;
}

/*-----------------------------------------*/


/*---------- reportage-1 page -----------*/

.reportage-page .left-right-simple-inner .left-text {
  margin-left: 10.62%;
  margin-right: 52px;
}
.reportage-page h1{
  margin-bottom: 38px;
}
.intro-text-section {
  padding: 50px 0 33px;
}
.intro-text-section .intro-text{
  max-width: 664px;
  margin: 0 auto;
}
.intro-text-section .intro-text p{
  margin-bottom: 0;
}
.reportage-double-banner-quote {
  padding: 75px 0;
}
.reportage-banner-img {
  position: relative;
  width: 1058px;
}
.reportage-double-banner {
  position: absolute;
  right: -85px;
  bottom: -294px;
}
.banner-quote-post {
  max-width: 443px;
  margin-left: 222px;
  margin-top: 99px;
}
.banner-quote-post span {
  font-size: 20px;
  line-height: 24px;
  color: #cec2b4;
  display: inline-block;
  font-family: 'korolev';
  font-weight: bold;
}

/*---------------------------------------*/

/*-------- reportage-2 page ---------*/

.reportage-image-text-quote {
  padding-top: 50px;
}
.reportage-page .reportage-image-quote-inner {
  display: flex;
}
.reportage-page .reportage-content p {
  max-width: 320px;
  margin-left: 110px;
  margin-bottom: 125px;
}
.reportage-page .reportage-content .small-img{
  margin-left: 24px;
}
.reportage-page .image-quote {
  margin-top: 84px;
}
.intro-text-section.small-width {
  padding: 35px 0 75px;
}
.intro-text-section.small-width .intro-text {
  max-width: 578px;
}
.reportage-page .slider-section {
  padding: 75px 0 150px;
}


/*-----------------------------------*/

/*--------- newsletter page ---------*/

.center-banner-section {
  padding-top: 42px;
}
.center-banner-img {
  max-width: 836px;
  margin: 0 auto;
}
.subscribe-section {
  padding: 53px 0 150px;
}
.subscribe-content-form {
  max-width: 664px;
  margin: 0 auto;
  text-align: center;
}
.subscribe-content-form h1 {
  margin-bottom: 30px;
}
.subscribe-content-form p {
  max-width: 492px;
  margin: 0 auto;
}
.subscribe-form{
  max-width: 488px;
  margin: 0 auto;
  margin-top: 70px;
  padding: 34px;
}
.form-section .form {
  max-width: 566px;
  margin: 0 auto;
  padding: 35px;
}

/*-----------------------------------*/

/*--------- showroom page ----------*/

.showroom-section {
  padding: 53px 0 91px;
}
.showroom-content {
  max-width: 664px;
  margin: 0 auto;
}
.appointment-text {
  max-width: 490px;
  margin: 0 auto;
  text-align: center;
}
.appointment-text p {
  margin-bottom: 25px;
}
.appointment-text p:last-child {
  margin-bottom: 0;
}
.appointment-btns {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 34px;
}

.meeting-callendar {
  display: none;
}

/*---------------------------------*/

/*------ partner network page ------*/

.left-right-simple-banner.location-section {
  padding-bottom: 0;
}
.left-right-simple-banner.location-section .left-right-simple-inner {
  align-items: flex-start;
}
.location-section .left-right-simple-inner .left-text {
  margin-left: 10.626%;
  margin-right: 24px;
  padding-top: 70px;
}
/* .location-embed {
height: 803px;
} */
.contact-info-repeater-section .single-contact-info p {
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 18px;
}
.contact-info-repeater-section .single-contact-info p a {
  color: inherit;
  display: inline-block;
  text-decoration: none;
}
.contact-info-repeater-section .single-contact-info p:last-child {
  margin-bottom: 0;
}
.contact-info-repeater-section .single-contact-info p span {
  display: block;
}
.contact-info-repeater-section .single-contact-info {
  margin-bottom: 40px;
}
.info-aside-section {
  padding-bottom: 150px;
}

.left-right-simple-banner.location-section .left-right-simple-inner .right-img{
  position: sticky;
  top: 135px;
}
.region-selector {
  max-width: 234px;
  margin-bottom: 78px;
  position: relative;
}
.region-selector .selector-box {
  border: 1px solid #707070;
  height: 41px;
  display: flex;
  align-items: center;
  padding: 10px 18px;
  position: relative;
}
.region-selector .selector-box::after {
  content: '';
  display: block;
  width: 7.9px;
  height: 7.9px;
  background-color: transparent;
  border: 1px solid #4b4b4b;
  position: absolute;
  right: 18px;
  top: 45%;
  transform: translateY(-50%) rotate(-45deg);
  border-color: transparent transparent #4b4b4b #4b4b4b;
  transition: 0.3s ease-out;
}
.region-selector .selector-box p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #4b4b4b;
  transition: 0.3s ease-out;
  font-family: 'korolev';
  font-weight: 300;
}
.selector-dropdown {
  position: absolute;
  width: 100%;
  height: auto;
  display: none;
  z-index: 2;
}
.selector-dropdown ul {
  padding: 20px 0;
  background-color: #e5dcd3;
  border: 1px solid #e5dcd3;
}
.selector-dropdown ul li {
  font-size: 16px;
  line-height: 16px;
  color: #000;
  list-style: none;
  margin-bottom: 14px;
  padding-left: 18px;
  font-family: 'korolev';
  font-weight: 300;
  letter-spacing: 1.28px;
  position: relative;
}
.selector-dropdown ul li:hover{
  font-weight: 500;
}
.selector-dropdown ul li:last-child {
  margin-bottom: 0;
}
.selector-dropdown ul li input {
  margin-right: 11px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  width: 13px;
  height: 13px;
  border: 1px solid #707070;
  background-color: transparent;
  display: inline-block;
  z-index: 10;
}
.selector-dropdown ul li span::before {
  content: "";
  position: absolute;
  width: 5.5px;
  height: 2.5px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  transform: rotate( -45deg);
  left: 20.5px;
  top: 3px;
  opacity: 0;
  visibility: hidden;
}
.selector-dropdown ul li input:checked + span::before {
  opacity: 1;
  visibility: visible;
}
.selector-box.with-bg {
  background-color: #e5dcd3;
  border: 1px solid transparent;
}
.region-selector.open .selector-box::after{
  transform: rotate(135deg);
  border: 2px solid;
  border-color: transparent transparent #000 #000;
}
.region-selector:hover .selector-box::after{
  border: 2px solid;
  border-color: transparent transparent #000 #000;
}
.region-selector.open .selector-box p,
.region-selector:hover .selector-box p,
.region-selector.highlight .selector-box p{
  font-size: 16px;
  color: #000;
  font-weight: 300;
}

.desktop-hidden{
  display: none;
}

.selector-dropdown ul li span::before{
  width: 8px;
  height: 5px;
}

/*----------------------------------*/

/*---------- our team page --------*/

.team-members-section {
  padding: 90px 0 105px;
}
.team-member-with-search {
  padding-top: 76px;
}
.dropdown-search-row {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 99;
}
.search-box {
  border: 1px solid #707070;
  height: 41px;
  display: flex;
  align-items: center;
  padding: 10px 18px;
  position: relative;
  margin-left: 24px;
}
.search-box p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 1.2px;
  color: #4b4b4b;
  text-transform: uppercase;
}
.search-box::after {
  content: '';
  display: block;
  background-color: transparent;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s ease-out;
  background-image: url(https://4404883.fs1.hubspotusercontent-na1.net/hubfs/4404883/Stocklin-2021/images/search-icon-1.svg);
  width: 21px;
  height: 21px;
}
.team-selector{
  margin-bottom: 0;
}
.team-selector .selector-box, .team-selector .selector-dropdown, .search-box {
  width: 234px;
}
.member-content {
  text-align: center;
}
.single-team-col {
  text-align: center;
}
.member-dp {
  margin-bottom: 25px;
}
.member-content p {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 24px;
  color: #2f2f2f;
  font-family: 'korolev';
  font-weight: bold;
}
.member-content span {
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 1.28px;
  color: #4b4b4b;
  margin-bottom: 14px;
  display: inline-block;
  font-family: 'korolev';
  font-weight: 300;
}
/*
.team-member-repeater {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 885px;
margin: 0 auto;
}
.team-member-repeater > * {
flex-basis: 27.12%;
margin-right: 9.3%;
margin-bottom: 45px;
}
.team-member-repeater > *:nth-child(3n) {
margin-right: 0;
}
*/
.team-members-section .grid {
  margin: 0;
}
.team-member-repeater.grid {
  max-width: 885px;
  margin: 0 auto;
}
.single-team-col.grid-item {
  margin-bottom: 45px;
}


.team-members-section .grid-sizer,
.team-members-section .grid-item {
  width: calc(100% / 3);
}
.team-members-section .grid-item {
  padding: 15px;
  box-sizing: border-box;
}

.team-members-section .grid-item.open {
  z-index: 2;
}

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

  .team-members-section .grid-sizer, .team-members-section .grid-item {
    width: calc(100% / 2);
  }

}


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

  .team-members-section .grid-sizer, .team-members-section .grid-item {
    width: calc(100% / 1);
  }
  .banner-with-video .left-right-simple-inner-with-btn{
  padding:0;
  }
}



/*---------------------------------*/

/*--------- uberuns page ---------*/

.our-values-section {
  padding: 100px 0;
}
.values-content {
  max-width: 492px;
  margin: 0 auto;
  text-align: center;
}
.values-content h1 {
  margin-bottom: 30px;
}
.values-content p {
  margin-bottom: 0;
}
.illus-with-team-section {
  padding-bottom: 75px;
}
.illus-with-team-row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.single-col.illus.with-btn {
  text-align: center;
  margin-bottom: 76px;
}
.single-col.illus.with-btn:last-child {
  margin-bottom: 0;
}
.left-illus-sec {
  margin-right: 112px;
  max-width: 406px;
}
.right-team-sec {
  max-width: 320px;
}
.team-thumbnail {
  margin-bottom: 35px;
}
.team-content {
  text-align: center;
}
.team-content h3 {
  text-transform: uppercase;
}
.left-right-banner-with-img-text {
  padding-bottom: 150px;
}
.left-right-banner-text-row {
  display: flex;
}
.left-double-banner {
  margin-right: 24px;
  position: relative;
}
.left-small-banner {
  margin-right: 86px;
  margin-left: auto;
  width: 320px;
  margin-top: -175px;
  position: relative;
}

.right-banner-single {
  position: relative
}

.dot{
  position: absolute;
  top: 43.684%;
  left: 56.25%;
  z-index: 3;
}


.circle-dot {
  width: 21px;
  height: 21px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0px 0px 10px #00000052;
  cursor: pointer;
  transition: all 0.3s ease-out;
  position: relative;
  z-index: 2;
}
.circular-dot-pulse{
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  animation: av_pulsate 2s infinite;
  opacity: 0;
  z-index: 1;
  display: block;
  width: 43px;
  height: 43px;
  left: -10.8px;
  top: -11.3px;
}
.circular-dot-main {
  animation: avia_hotspot_appear 0.7s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  opacity: 1;
  visibility: visible;
}
.circle-dot:hover {
  background-color: #b1525b;
}
.showcase.show + .circular-dot-main .circle-dot,
.showcase.show + .circular-dot-main .circular-dot-pulse{
  background-color: #b1525b;
}

/*---- animation ----*/

@keyframes av_pulsate{
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 0.0;
  }
}

@keyframes avia_hotspot_appear{
  0% {
    transform: translate(0,80px);
    opacity: 0.1;
  }
  100% {
    transform: translate(0,0px);
    opacity: 1;
  }
}

/*------------------*/

.showcase {
  background-color: #fff;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%,10.5px);
  min-width: 161px;
  bottom: 100%;
  padding: 20px 0;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.showcase.show{
  opacity: 1;
  visibility: visible;
}
.showcase.show + .circle-dot{
  background-color: #b1525b;
}
.showcase-content p {
  margin-bottom: 0;
}
.showcase-content p span {
  display: block;
  line-height: 17px;
  margin-bottom: 6px;
}
.showcase-content p span:last-of-type {
  margin-bottom: 12px;
}

.right-img-text-btn {
  padding-top: 108px;
}
.right-small-img {
  margin-bottom: 95px;
}
.right-text-content {
  max-width: 320px;
  margin-left: auto;
}
.right-text-content h2 {
  margin-bottom: 25px;
}
.right-text-content p {
  margin-bottom: 30px;
}
.right-text-content p:last-of-type {
  margin-bottom: 0;
}
.right-btn {
  margin-top: 40px;
}

/*-------------------------------*/

/*------- assistance page ------*/

.simple-banner-section {
  padding: 125px 0 135px;
  background-color: #e5dcd3;
}
.simple-banner-section .banner-content {
  max-width: 664px;
  margin: 0 auto;
}
.simple-banner-section .banner-content p {
  max-width: 492px;
  margin-bottom: 0;
}
.assistance-section {
  padding: 55px 0;
}
.assistance-content {
  max-width: 664px;
  margin: 0 auto;
}
.assistance-content ul {
  margin-bottom: 50px;
  padding-left: 20px;
}
.assistance-content ul li {
  font-size: 17px;
  line-height: 27px;
  color: #000;
}
.assistance-application-form {
  padding: 55px 0 150px;
}
.assistance-application-sec-inner {
  max-width: 664px;
  margin: 0 auto;
}
.application-form-header h3 {
  margin-bottom: 35px;
}

/*------------------------------*/

/*--------- toggle menu --------*/

.toggle-menu {
  background-color: #e5dcd3;
  padding: 52px 0 80px;
  font-family: 'korolev';
  font-weight: 300;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 100;
  overflow-y:auto;
}
body.overflow-hidden {
  overflow: hidden;
}
.toggle-menu-container{
  max-width: 1008px;
  margin: 0 auto;
}
.toggle-menu-header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 80px;
  align-items: center;
}
ul.language-switch {
  margin-right: 30px;
}
ul.language-switch li {
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.19px;
  color: #505050;
}
ul.language-switch li a{
  text-decoration: none;
  color: inherit;
  display: inline-block;
}
ul.language-switch li:first-child {
  padding-right: 5px;
  position: relative;
}
ul.language-switch li:first-child::after {
  content: '';
  display: block;
  height: 100%;
  width: 1px;
  background-color: #505050;
  right: 0;
  top: 0;
  position: absolute;
}
.search-bar {
  margin-right: 30px;
  min-width: 25px;
}
.close-toggle:hover {
  cursor: pointer;
}
.close-btn img {
  width: 17px;
  vertical-align: bottom;
}
.toggle-menu-content {
  display: flex;
}
.toggle-left-content {
  max-width: 636px;
  margin-right: 50px;
  width: 100%;
}
.toggle-menu-content ul.left-menu > li {
  font-size: 40px;
  letter-spacing: 3.2px;
  color: #4b4b4b;
  text-transform: uppercase;
  margin-bottom: 40px;
  list-style: none;
  line-height: 64px;
}
.toggle-menu-content ul.left-menu > li:nth-child(4) {
  max-width: 73%;
}

@media screen and (min-width: 768px){
  li.has-submenu:hover ul.has-parent{
    display: block;
  }
}


li.has-submenu > a:hover::after,
li.has-submenu:hover a::after{
  display: none;
}
.toggle-menu-content ul.left-menu > li > a {
  text-decoration: none;
  color: inherit;
  padding-right: 30px;
  display: inline-block;
  border-top: 2px solid transparent; 
}
.toggle-menu-content ul.left-menu > li:hover a{
  color: #000;
}
.toggle-menu-content ul.left-menu > li > a:not(.submenu):hover{
  border-top: 2px solid;
}
a.submenu {
  position: relative;
}
a.submenu::after {
  content: '+';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
ul.has-parent > li >a{
  text-decoration: none;
  color: inherit;
  display: inline-block;
}
span.login-user{
  margin-right: 5px;
}
span.login-user img {
  width: 16px;
  vertical-align: text-top;
  margin-top: 1px;
}
.toggle-right-content {
  padding-left: 87px;
  border-left: 1px solid;
}
.toggle-right-main {
  max-width: 210px;
}
.right-nav ul li {
  list-style: none;
  font-size: 17px;
  letter-spacing: 1.36px;
  color: #505050;
  margin-bottom: 5px;
  font-weight: 500;
  line-height: 35px;
}
.right-nav ul li a{
  display: inline-block;
  text-decoration: none;
  color: inherit;
  border-top: 2px solid transparent;
  transition: 0.3s ease-out;
}
.right-nav ul li a:hover{
  border-top: 2px solid;
  color: #000;
}
.right-contact-info {
  margin-top: 40px;
}
.right-contact-info p {
  font-size: 17px;
  letter-spacing: 1.36px;
  color: #505050;
  margin-bottom: 15px;
  font-weight: 600;
  line-height: 37.5px;
}
.right-contact-info p a {
  text-decoration: none;
  color: inherit;
  border-top: 2px solid transparent;
  transition: 0.3s ease-out;
  display: inline-block;
}
.right-contact-info p a:hover{
  color: #000;
  border-top: 2px solid;
}

.right-contact-info span {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.8px;
  color: #505050;
  display: inline-block;
  margin-bottom: 25px;
}
.right-contact-info span a {
  text-decoration: none;
  color: inherit;
}
.right-contact-info span:last-of-type {
  margin-bottom: 0;
}
.right-social-icons {
  margin-top: 40px;
}
.right-social-icons a img {
  height: 20px;
}
li.has-submenu {
  position: relative;
  border-top: 2px solid transparent;
}
ul.has-parent {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  padding: 10px 0 20px;
  z-index: 10;
}
ul.has-parent >li {
  font-size: 25px;
  letter-spacing: 0.38px;
  list-style: none;
  color: #000;
  text-transform: capitalize;
  margin-bottom: 24px;
  line-height: 37.5px;
}
ul.has-parent >li:last-child {
  margin-bottom: 0;
}

/*-----------------------------*/

/*------ kuchenwelten page ------*/

.left-right-double-banner-section .double-banner-row {
  display: flex;
}
.left-right-double-banner-section .double-banner-row .left-text {
  max-width: 320px;
  margin-right: 199px;
  margin-left: auto;
  padding-top: 45px;
}
.right-double-banner {
  position: relative;
}
.small-left-banner {
  top: 148px;
  position: absolute;
  left: -175px;
}
.left-right-banner-with-img-text.shuffle-content {
  padding: 150px 0;
}
.left-right-banner-with-img-text.shuffle-content .right-small-img {
  margin-top: 104px;
  margin-bottom: 0;
  position: relative;
}
.left-right-banner-with-img-text.shuffle-content .right-img-text-btn {
  padding-top: 35px;
}
.two-banner-simple-section {
  padding-bottom: 150px;
  padding-top: 75px;
}
.two-banner-simple-section .single-banner-img {
  margin-left: auto;
  width: 1058px;  
  position: relative;
}
.left-img-right-text-simple {
  display: flex;
}
.right-banner-content {
  max-width: 492px;
  margin-top: 62px;
}
.right-banner-content p {
  max-width: 406px;
}
.left-banner-img {
  margin-right: 111px;
  margin-top: -114px;
  position: relative;
}
.left-right-banner-with-img-text.reshuffle-content {
  padding-top: 150px;
  padding-bottom: 75px;
}
.left-img-text-btn {
  margin-right: 24px;
  margin-left: auto;
  max-width: 406px;
}
.left-text-content {
  max-width: 320px;
}
.left-small-img {
  margin-bottom: 86px;
  margin-top: 146px;
  position: relative;
}
.two-banner-simple-section.reshuffle .single-banner-img {
  margin-right: auto;
  width: 1058px;
  margin-left: 0;
  position: relative;
}
.left-text-right-img-simple {
  display: flex;
  max-width: 1008px;
  margin: 0 auto;
}
.left-banner-content {
  max-width: 406px;
  margin-right: 110px;
  margin-left: auto;
  margin-top: 62px;
}
.right-banner-img {
  margin-top: -111px;
  position: relative;
}

.simple-sec-with-img-btn-inner {
  max-width: 836px;
  margin: 0 auto;
}
.simple-sec-img {
  margin-bottom: 43px;
}
.simple-sec-content {
  max-width: 662px;
}
.simple-section-with-img-btn {
  padding-bottom: 75px;
}

/*-------------------------------*/

/*-------- aktuell page ---------*/

.aktuell-section-with-filter {
  padding: 53px 0 150px;
}
.aktuell-section {
  padding: 53px 0 66px;
}
.aktuell-content {
  max-width: 664px;
  margin: 0 auto;
  text-align: center;
}
.aktuell-content > p {
  max-width: 492px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.grid-box {
  max-width: 1008px;
  margin: 0 auto;
}
.filter-repeater {
  margin-top: 66px;
}

/*
.grid-box .filter-repeater {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
grid-template-rows: minmax(540px, auto);
grid-auto-flow: dense;
grid-gap: 24px;
grid-row-gap: 53px;
}
.grid-box .filter-repeater .single-col-filter{
place-items: center;
display: grid;
}
*/
.grid-box .filter-repeater .single-col-filter:nth-child(1){
  grid-column: span 2;
  grid-row: span 1;
  background-image: url('../images/20-Familie Reinhard@2x.png');
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;

}
.single-col-filter:nth-child(1) .slide-content h3, 
.single-col-filter:nth-child(1) .slide-content p, 
.single-col-filter:nth-child(1) .slide-content a {
  color: #fff;
}
.single-col-filter:nth-child(1) .slide-content a,
.single-col-filter:nth-child(6) .slide-content a{
  border: 1px solid #fff;
}
.grid-box .filter-repeater .single-col-filter:nth-child(6){
  grid-column: span 2;
  grid-row: span 1;
  background-image: url('../images/20-Familie Reinhard@2x.png');
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.single-col-filter:nth-child(6) .slide-content h3, 
.single-col-filter:nth-child(6) .slide-content p, 
.single-col-filter:nth-child(6) .slide-content a {
  color: #fff;
}
.single-col-filter:nth-child(1) .publish-info span,
.single-col-filter:nth-child(6) .publish-info span{
  color: #fff;
}
.single-col-filter:nth-child(1) .gallery-content,
.single-col-filter:nth-child(6) .gallery-content{
  position: absolute;
  left: 32px;
  bottom: 52px;
  z-index: 10;
}
.single-col-filter.wide-two-col .slide-content p{
  display: none;
}

/*
.single-col-filter {
width: calc(33.33333% - 20px);
border-bottom: 0px;
}
.grid-sizer {
width: calc(33.33333% - 20px);
border-bottom: 0px;
}
.single-col-filter.wide-two-col {
width: calc(66.66666% - 20px);
}
*/

/*
.single-col-filter.wide-two-col {
width: 664px;
height: 547px;
background-image: url('../images/20-Familie Reinhard@2x.png');
background-size: cover;
background-repeat: no-repeat;
}
.single-col-filter {
width: 320px;
height: auto;
}
*/
.region-selector.filter-bar .selector-dropdown ul li {
  text-align: left;
  font-weight: 300;
}
.region-selector.filter-bar .selector-dropdown ul li:hover span{
  font-weight: 500;
}

.search-box input.quicksearch{
  border: none;
  outline: none;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 1.2px;
  color: #4b4b4b;
  text-transform: uppercase;
  font-family: 'NeusaNextW05';
}
.search-box input.quicksearch::placeholder {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 1.2px;
  color: #4b4b4b;
  text-transform: uppercase;
}

.gallery-content .img-content {
  background-color: #e5dcd3;
  padding: 30px 0 30px 37px;
}
.gallery-content .img-content span {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1.04px;
  text-transform: uppercase;
  margin-bottom: 22px;
  display: block;
  color: #4b4b4b;
  font-family: 'Korolev';
  font-weight: 300;
}
.gallery-content .img-content span:last-of-type{
  margin-bottom: 30px;
}
.gallery-content .img-content h3 {
  text-transform: uppercase;
}

.single-col-filter:nth-child(7) .gallery-content .img-content {
  margin-bottom: 0;
  margin-top: 30px;
}
.single-col-filter.wide-two-col:hover::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 50%;
  mix-blend-mode: multiply;
}

/* .slider-section .slides-row .slick-track .single-slide {
max-width: 320px;
}

.slider-section .slides-row .slider-img{
width: 320px;
height: 275px;
} */

.slider-section .slides-row{
  max-width: 1008px;
  margin: 0 auto;
}
.slider-section .slides-row .slick-list{
  margin: 0 -12px;
}
.slider-section .slides-row .slick-track .single-slide{
  margin: 0 12px;
  position: relative;
  min-height: 578px;
}
.slider-section .slides-row .slick-track .single-slide .slide-content{
  padding-bottom: 60px;
}
.slider-section .slides-row .slick-track .single-slide a.slider-btn {
  position: absolute;
  bottom: 0;
}
.slider-section .slides-row .slider-img{
  height: 275px;
}
.slider-section .slides-row .slider-img img{
  width: 100%;
  object-fit: cover;
  height: 100%;
}

/*---- filter grid style -----*/
.aktuell-sec-inner {
  margin-bottom: 66px;
}

.element-item {
  position: absolute;
  left: 0px;
  top: 0px;
}
.grid {
  margin-right: -24px;
}
.columns {
  max-width: 1008px;
  margin: 0 auto;
}
.filter-single-col{
  width: calc(33.33333% - 24px);
}

.filter-single-col {
  margin-bottom: 53px;
}
.filter-single-col:nth-child(6),
.filter-single-col:nth-child(7){
  margin-bottom: 0;
}
.filter-single-col:nth-child(6) .slider-img {
  margin-bottom: 0;
}

/*-----------------------------*/


/*------- lightbox-tabs -------*/

.tabs-with-lightbox {
  padding: 100px 0 75px;
}
div#horizontalTab {
  max-width: 836px;
  margin: 0 auto !important;
}
ul.resp-tabs-list {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
ul.resp-tabs-list > li.resp-tab-item {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1.04px;
  text-transform: uppercase;
  font-family: 'Korolev';
  font-weight: 500;
  margin-right: 56px;
  padding-top: 8px;
  border-top: 1px solid transparent;
  color: #505050;
}
li.resp-tab-item.resp-tab-active {
  color: #000 !important;
  border-top: 1px solid #000 !important;
}
ul.resp-tabs-list > li.resp-tab-item:hover{
  border-top: 1px solid #000;
  cursor: pointer;
  color: #000;
}
ul.resp-tabs-list > li.resp-tab-item:last-child {
  margin-right: 0;
}

/*----------------------------*/


/*-------------------------------*/

/*------- tabs style -----*/




.resp-tabs-list li {
  margin: 0;
  list-style: none;
}

h2.resp-accordion {
  display: none;
}

.resp-tab-content {
  display: none;
}


.resp-content-active,
.resp-accordion-active { display: block; }


/*-----------Accordion styles-----------*/

.resp-easy-accordion h2.resp-accordion { display: block; }

.resp-tab-content-active { display: block; }

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

  ul.resp-tabs-list { display: none; }

  h2.resp-accordion { display: block; }

  .
  .resp-accordion-closed { display: none !important; }

}


/*----- light box css -----*/

/* ===============================
Async image loading
=============================== */
.async-image-holder {
  position: relative;
  overflow: hidden;
}
.async-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity .3s ease-out 0s;
}
.async-image.loaded {
  opacity: 1;
}
.async-image.low-res {
  filter: blur(3px);
}

/* ===============================
BEGIN GALLERY
=============================== */
.gallery{
  display: flex;
  flex-flow: wrap row;
  justify-content: space-between;

  width: 95%;
  margin: 50px auto;
}
/* These three lines are incredibly useful for flexbox.
Kudos to https://stackoverflow.com/a/34816625*/
.gallery:after {
  content: "";
  display: inline-block;
  flex: auto;
}

/* =========================================
Gallery image sizes
========================================== */
/*Setting height by padding-top maintains aspect ratio when window is resized*/
/* 2 columns */
.gallery-image {
  width: 49.57%;
  padding-top: 35%;
  margin: .2%;
  background-color: rgba(20, 20, 20, .3);
}

/* 3 columns */
@media screen and (min-width: 500px){
  .gallery-image{
    width: 33.1%;
    padding-top: 23.3709%;
    margin: .1%;
  }
}
/* 4 columns */
@media screen and (min-width: 700px){
  .gallery-image{
    width: 24.8%;
    padding-top: 17.5105%;
    margin: .1%;
  }
}
/* 5 columns */
@media screen and (min-width: 800px){
  .gallery-image{
    width: 19.8%;
    padding-top: 13.9802%;
    margin: .1%;
  }
}
/* 6 columns */
@media screen and (min-width: 1200px){
  .gallery-image{
    width: 16.5%;
    padding-top: 11.6501%;
    margin: .082%;
  }
}



/* ===============================
BEGIN LIGHTBOX
=============================== */

/* ===========================
Transition vars
============================ */
$swgl-overlay-open-length: 250ms;
$swgl-overlay-open-type:  linear;
$swgl-overlay-close-length: 250ms;
$swgl-overlay-close-type:  linear;
$swgl-slide-change-length: 250ms;
$swgl-slide-change-type: ease-out;
$slide-effect-time: 500ms;

/* =========================
Overlay
========================= */
$swgl-overlay-close-transition: opacity $swgl-overlay-close-length $swgl-overlay-close-type 0s;
#swgl-overlay { 
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  background-color: rgba(0,0,0,.9);
  transition: max-height 0s linear ($swgl-overlay-close-length + 20ms), $swgl-overlay-close-transition;
  max-height: 0px;
  overflow: hidden;
}
#swgl-overlay.active { 
  opacity: 1;
  max-height: 100vh;
  transition: max-height 0s linear 0s, $swgl-overlay-close-transition;
}
/* =========================
CONTROLS
========================= */
#swgl-controls {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
}
.swgl-digitizer {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.swgl-btn {
  position: absolute;

  border-width: 0;
  font-size: 35px;
  color: rgb(255,255,255);
  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
  padding: 156px 16px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.swgl-btn:focus,.swgl-btn:active {
  outline: none !important;
}
.swgl-nav-btn {
  top: 50%;
  transform: translateY(-50%);
  width: 110px;
  color: rgba(255,255,255,.6);
  transition: background-color .4s ease 0s, color .4s ease 0s;
}
.swgl-nav-btn:hover {
  color: rgba(255,255,255,1);
  background-color: rgba(60,60,60, .4);
}
#swgl-close-btn {
  top: 0px;
  right: 0px;
  padding: 7px 15px;
  font-size: 45px;
  z-index: 4000;
}
#swgl-prev-btn {
  left: 0px;
  text-align: left;
}
#swgl-next-btn {
  right: 0px;
  text-align: right;
}
/* =========================
Slide wrapper
========================= */
#swgl-slide-wrapper{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
} 
/* ==========================
Loading spinner
===========================*/
.swgl-loading-spinner {
  position: absolute;
  display: block;
  width: 65px;
  height: auto;
  top: 50%;
  left: 50%;
  animation-name: swgl-spinner;
  animation-iteration-count: infinite;
  animation-duration: 2s;
}
/* The animation code */
@keyframes swgl-spinner {
  from { transform: translate(-50%, -50%) rotate(0deg) }
  to { transform: translate(-50%, -50%) rotate(360deg) }
}
/* =========================
SLIDE
========================= */
.swgl-slide {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 400px;
  max-height: 260px;
  top: 50%;
  left: 50%;
  border-radius: 2px;

  border: 2px solid rgb(255,255,255);
  background: rgb(228, 228, 228);
  overflow: hidden;

  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  transition: opacity $slide-effect-time linear 0s, transform $slide-effect-time ease-out 0s, max-height $slide-effect-time ease 0s, max-width $slide-effect-time ease 0s;
}
.swgl-slide.loaded {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.swgl-left {
  opacity: 0;
  transform: translate(-155%, -50%) !important;
}
.swgl-right {
  opacity: 0;
  transform: translate(55%, -50%) !important;
}
.swgl-center {
  opacity: 0;
}
.swgl-slide-img {
  display: block;
  width: auto;
  height: auto;
  max-height: 98vh;
  max-width: 98vw;
  opacity: 0;
  transition: opacity .4s ease-out 0s;
}
.swgl-slide-img.loaded {
  opacity: 1;
  width: auto;
  height: auto;
}
// Caption is present but not visible
.swgl-caption {
  display: none;
}

/*------------------------*/


/*---------- hubspot forms ----------*/
/*---- textseite page ----*/
.application-form {
  margin-top: 40px;
}
.application-form form fieldset.form-columns-2 > * {
  width: 320px !important;
}
.application-form form fieldset.form-columns-2 {
  display: flex;
  justify-content: space-between;
  border: none;
  margin-bottom: 30px;
}
.application-form form fieldset.form-columns-2 input.hs-input {
  width: 320px !important;
  outline: none;
  height: 41px;
  border: 1px solid #707070;
  border-radius: 0;
}
.application-form form .hs_submit.hs-submit .actions {
  text-align: center;
  margin-top: 50px;
}


/*----- newsletter page ------*/
.subscribe-form{ box-shadow: rgb(173 173 173 / 50%) 0 4px 20px -2px;}
.subscribe-form form{text-align: left;}
.subscribe-form form fieldset{border: none; margin-bottom: 10px;}
.subscribe-form form fieldset input{ outline:none; height: 41px; border: none; border-bottom: 1px solid #e3e3e3;}
.subscribe-form fieldset.form-columns-2 {display: flex; justify-content: space-between;}
.subscribe-form form .hs-submit .actions{ margin-top: 24px;}
.subscribe-form form .hs-submit input.hs-button{ font-size: 15px; line-height: 16px; letter-spacing: 1.2px; color: #4b4b4b; background-color: transparent; border: 1px solid #707070; padding: 11.5px 14px; cursor: pointer; transition: all 0.3s ease-out; font-family: 'korolev'; font-weight: 300; min-width: 148px; text-transform: uppercase;}
.subscribe-form form span.hs-form-required {color: red;}
.subscribe-form form label.hs-error-msg {font-size: 12px;}


/*-----------------------------------*/

/*------ lightbox -----*/

.gallery-modal{
  z-index: 99999 !important;
}

/*--------------------*/


/*------------- lightbox page -----------*/

.resp-tabs-container {
  margin: 70px 0px 0px;
}
.gallery-content {
  margin: 30px 0px 0px;
}
.gallery-content p {
  margin: 0px;
}
.tab-gallery {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-right: -50px;
  flex-wrap: wrap;
}

.gallery-col {
  width: calc(100%/3 - 50px);
  margin-right: 50px;
  margin-bottom: 70px;
  text-align: center;
  transition: all 0.3s ease-out;	
}
.gallery-col:hover {
  cursor: pointer;
  transform: scale(1.02);
}
.gallery-col img {
  max-width: 100%;
}
.gallery-modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding: 10px 62px 0px 62px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

.gallery-modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  padding: 0 0 0 0;
  width: 80%;
  max-width: 1200px;
  margin-top: 0;
  height: 100%;
}


.image-slide {
  width: 100%;
}

.modal-preview {
  width: 100%;
}

.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
  z-index: 99;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.gallery-tab-btn{
  text-align: center;
}	

.previous,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #000;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.previous:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;	
}	
ul.resp-tabs-list{
  padding: 0;
} 
.resp-tabs-container .tab-gallery {
  justify-content: flex-start;
} 
.previous, .next{
  text-decoration: none !important;
}  


/*--------------------------------------*/

/*-------- aktuel blog listing ----------*/

.filter-outer-grid {
  display: flex;
  margin-right: -24px;
  flex-wrap: wrap;
}
.filter-single-col {
  margin-right: 24px;
}
.filter-single-col img {
  width: 100%;
}
.filter-single-col.single-wide-two-col {
  width: calc(66.66666% - 24px)
}
.show-item {
  display: block;
}
.hide-item {
  display: none;
}
.filter-single-content-above .filter-desc {
  position: absolute;
  bottom: 0;
  padding: 40px;
  width: 100%;
}	
.gallery-content {
  position: relative;
}
.filter-single-content-above .slide-content h3 a{
text-decoration:none;
}
.aktuell-section-with-filter h3 a {
    color: #505050;
    text-decoration:none;
}
.filter-single-content-above .publish-info span,
.filter-single-content-above .slide-content h3,
.filter-single-content-above .slide-content h3 a,
.filter-single-content-above .slide-content p,
.filter-single-content-above a.cta-btn {
  color: #fff;
}
.filter-single-content-above a.cta-btn {
  border-color: #fff;
}
.filter-single-content-above .slide-content p {
  opacity: 0;
  height: 0;
  transition: all 0.3s;
}
.filter-single-content-above:hover .slide-content p {
  opacity: 1;
  height: 81px;
}
.gallery-content::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, .5);
  transition: all 0.3s;
  opacity: 0;
  visibility: visible;
  mix-blend-mode: multiply;
}
.filter-single-content-above:hover .gallery-content::before {
  opacity: 1;
  visibility: visible;
}
.filter-content-bottom .img-content {
  margin: 30px 0px 0px;
}
.filter-desc {
  position: relative;
}
.slider-img.img-content {
  position: relative;
}
.filter-single-col.single-wide-two-col img {
  height: 547px;
}

ul.hs-error-msgs label {
  color: red;
}
.form-section .submitted-message {
  text-align: center;
  font-weight: 600;
}
.assistance-application-sec-inner .submitted-message {
  font-weight: 600;
}
.application-form form fieldset.form-columns-2 > * {
  margin-bottom: 0;
}
.application-form form fieldset.form-columns-2 > .hs-form-field > label {
  margin: 0;
}

/*--------------------------------------*/

/*------ map changes ------*/

.location-embed div#map{
  height: 100% !important;
  margin-top: 0;
}
.single-contact-info h6{
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 1px;
  color: #b1525a;
  margin: 0;
  margin-bottom: 10px;
  font-weight: bold;
}

/*-----------------------*/

/*------- slider changes ------*/

.slider-nav img {
  width: 320px;
}

/*------------------------*/

/*------ changes -------*/
/*----- 10-08-21 -----*/

@media screen and (min-width: 1200px){

  /*----- home ----*/

  .left-right-simple-banner.banner-double-slider .left-right-simple-inner .right-img {
    height: auto;
  }	
  .left-right-simple-banner.banner-double-slider .left-right-simple-inner .right-img.single-slide-outer {
    height: 733px !important;
  }	
  .left-double-banner{
    max-width: 714px;		
  }	
  .left-right-banner-with-img-text.shuffle-content.shuffle-images.large-height .left-double-banner > img{
    width: 100%;
    object-fit: cover;
    height: 1191px;
  }	
  .left-right-banner-with-img-text.shuffle-content.shuffle-images .right-small-img {
    max-width: 406px;
    height: 406px;
  }
  .left-right-banner-with-img-text.shuffle-content.shuffle-images .right-small-img img{
    width: 100%;
    object-fit: cover;
    height: 100%;
  }
  .single-col.illus img {
    object-fit: cover;
    width: 372px;
    height: 319px;
  }
  .team-row .left-img .team-member-img {
    max-width: 406px;
    height: 580px;
  }
  .team-row .left-img .team-member-img img{
    width: 100%;
    object-fit: cover;
    height: 100%;
  }
  .leftimg-righttext .left-sec{
    height: 579px;
  }
  .leftimg-righttext .left-sec img {
    width: 100%;
    object-fit: cover;
    height: 100%;
  }
  .topimg-bottomtext .top-img {
    max-width: 1058px;
    height: 773px;
  }
  .topimg-bottomtext .top-img img{
    object-fit: cover;
  }

  /*---- uberuns page -----*/

  .left-right-banner-with-img-text.small-height .left-double-banner > img{
    height: 1020px !important;
    object-fit: cover;
    width: 100%;
  }

  /*---- kuchenwelten page -----*/
  .right-double-banner {
    width: 628px;
    height: 666px;
  }	
  .right-double-banner img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
  }
  .small-left-banner{
    width: 320px;
    height: 372px;		
  }	
  .left-right-banner-with-img-text.shuffle-content .left-double-banner > img {
    width: 100%;
    height: 1020px;
    object-fit: cover;
  }	
  .left-right-banner-with-img-text.shuffle-content .right-small-img{
    width: 406px;
    height: 406px;		
  }	
  .left-right-banner-with-img-text.shuffle-content .right-small-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }	
  .left-right-banner-with-img-text.shuffle-content .left-small-banner {
    width: 320px;
    height: 451px;
  }
  .left-right-banner-with-img-text.shuffle-content .left-small-banner > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .two-banner-simple-section .single-banner-img{
    height: 782px;		
  }	
  .two-banner-simple-section .single-banner-img > img{
    width: 100%;
    height: 100%;
    object-fit: cover;		
  }	
  .left-banner-img{
    max-width: 541px;
    height: 405px;		
  }	
  .left-banner-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .left-banner-img .dot.bottom {
    top: 88.398%;
  }
  .left-small-img {
    width: 406px;
    height: 406px;
  }
  .left-small-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }	
  .right-banner-single {
    width: 714px;
    height: 1021px;
  }
  .right-banner-single img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }	

  .two-banner-simple-section.reshuffle .single-banner-img{
    height: 782px;		
  }	
  .two-banner-simple-section.reshuffle .single-banner-img img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
  }	
  .right-banner-img {
    width: 405px;
    height: 405px;
  }
  .right-banner-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }	
  .right-banner-img .dot.left {
    top: 60.743%;
  }	
  .right-banner-img .dot.center {
    top: 51.855%;
  }

  .simple-sec-img {
    width: 836px;
    height: 534px;
  }	
  .simple-sec-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }	

  /*----- furprofis page -----*/
  .left-right-simple-banner.illus-banner .left-right-simple-inner .right-img{
    width: 600px;
    height: 576px;		
  }	
  .left-right-simple-banner.illus-banner .left-right-simple-inner .right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }	

  /*----- sortiment page ------*/
  .left-right-simple-inner .right-img{
    height: 733px;	
    width: 800px;
  }	
  .left-right-simple-inner .right-img > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .double-small-banner{
    width: 320px;
    height: 320px;	
  }
  .double-small-banner > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /*---- uberuns page -----*/
  .left-right-simple-banner.combine-banner .right-img {
    width: 800px;
    height: 755px;
  }	
  .left-right-simple-banner.combine-banner .right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .left-right-banner-with-img-text.small-height .right-small-img {
    width: 406px;
    height: 406px;
  }	
  .left-right-banner-with-img-text.small-height .right-small-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }	
  .left-right-banner-with-img-text.small-height .left-small-banner{
    height: 451px;		
  }
  .left-right-banner-with-img-text.small-height .left-small-banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;		
  }


  /*----- uberuns-philosophie ------*/	
  .small-width-simple-section .left-right-small-sec .left-img {
    width: 492px;
    height: 662px;
  }
  .small-width-simple-section .container {
    max-width: 836px;
  }	
  .small-width-simple-section .left-right-small-sec {
    margin-left: -80px;
  } 

  /*---- uberuns team ------*/
  .member-dp {
    max-width: 220px;
    height: 213px;
    margin: 0 auto;
    margin-bottom: 25px;
  }	
  .member-dp img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
  }	


  /*---- partner page -----*/
  .left-right-simple-banner.location-section .left-right-simple-inner .right-img {
    height: auto;
  }	

  /*---- showroom page ----*/
  .center-banner-img {
    height: 407px;
  }
  .center-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }


  /*---- reportage page -----*/
  body.reportage-page .left-right-simple-inner .right-img {
    height: 664px;
    width: 800px;
  }
  body.reportage-page .left-right-simple-inner .left-text{
    max-width: 292px;		
  }	
  .reportage-page .left-right-simple-inner .left-text {
    margin-left: auto;
  }	
  .reportage-banner-img {
    width: 1058px;
    height: 782px;
  }	
  .reportage-banner-img > img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
  }	
  .reportage-double-banner {
    width: 405px;
    height: 405px;
  }	
  .reportage-double-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }	

  .reportage-image-text-quote .reportage-left-img .left-img {
    width: 714px;
    height: 983px;
  }	
  .reportage-image-text-quote .reportage-left-img .left-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .reportage-page .reportage-content .small-img {
    width: 406px;
    height: 406px;
  }
  .reportage-page .reportage-content .small-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /*------ changes ------*/
  /*---- 06-sept-21 -----*/

  .single-col.illus.with-btn > img {
    margin-bottom: 35px;
  }

  /*-------------------*/

  /*------ new changes ------*/
  /*---- 20-sept-21 -----*/

  .simple-illus-section .illus-content img {
    width: 430px;
  }

  /*------------------------*/

}

/*---- changes ----*/
/*----- 6-sept-21 ----*/

.single-col.illus.with-btn > img {
  margin-bottom: 35px;
}
.single-col.illus.with-btn > p {
  max-width: 370px;
  margin: 0 auto 50px;
}
.right-team-sec .team-content > p {
  max-width: 315px;
  margin: 0 auto 50px;
}
.single-col.illus img {
  margin-bottom: 35px;
}


/*---------------------*/

/*--------- new changes -----------*/
/*------- 8-sept-21 --------*/

.simple-two-col-section.three-column-sec .single-color img{
  width: 90px;
  height: 90px !important;
  object-fit: cover;
  max-width: 90px !important;
}
.right-img.single-slide-outer .slider-nav {
  display: none;
}

/*---- 09-sept-21 -----*/
.single-review .review-content > p {
  margin-bottom: 0 !important;
}


/*----- contact page -----*/

.contact-module-outer .contact-module-inner {
  display: flex;
  align-items: flex-start;
}
.contact-module-inner .contact-info-section {
  max-width: 320px;
  margin-right: 24px;
  margin-left: auto;
  padding-top: 70px;
  padding-bottom: 120px;
}
.contact-module-inner .contact-map-sec {
  width: 800px;
  position: sticky;
  top: 135px;
}
.contact-info-section p {
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 15px;
}
.contact-info-section p a {
  color: inherit;
  text-decoration: none;
}
.contact-info-section h6{
  font-size: 20px !important;
  line-height: 30px;
  letter-spacing: 1px;
  color: #b1525a !important;
  margin: 0;
  margin-bottom: 10px;
  font-weight: bold !important;
}
.contact-info-section h5 {
  font-size: 17px;
  line-height: 24px;
  color: #000;
  font-family: NeusaNextW05,sans-serif;
  font-weight: bold;
  margin-bottom: 20px;
}
.contact-info-section h5:nth-of-type(2){
  margin-top: 35px;
}
.contact-info-section p:last-of-type {
  margin-top: 60px;
  margin-bottom: 50px;
}
.contact-map-sec > .hs-responsive-embed-wrapper.hs-responsive-embed {
  max-width: 100% !important;
  max-height: unset !important;
}
.contact-map-sec iframe {
  height: 803px !important;
  position: static !important;
} 
.contact-map-sec>.hs-responsive-embed-wrapper.hs-responsive-embed>.hs-responsive-embed-inner-wrapper {
  padding: 0 !important;
}

/*--------------------------------*/

/*----- 29-sept-21 -----*/



/*--------------------*/


/*---------------------------- responsive layout --------------------------------*/

@media screen and (min-width: 1400px){

  .toggle-menu{
    padding: 55px 0 40px;
  }
}

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

  .container{
    max-width: 100% !important;
    padding: 0 15px;
  }
  img{
    max-width: 100%;
  }

  /*------ textseite page ---------*/

  /*------ reportage-1 page -------*/

  .reportage-page .left-right-simple-inner .left-text {
    margin-left: auto;
  }
  .left-right-simple-inner .right-img{
    width: 63%;
  }
  .left-right-simple-inner .right-img img {
    width: 100%;
  }
  .reportage-banner-img {
    width: 82.657%;
  }
  .reportage-banner-img img {
    width: 100%;
  }
  .reportage-double-banner {
    right: -8.035%;
    bottom: -37.597%;
    width: 38.28%;
  }
  .banner-quote-post{
    margin-left: 7%;
    margin-top: 50px;
  }
  .slider-section .slides-row.slick-initialized.slick-slider {
    max-width: 720px;
    margin: 0 auto;
  }

  /*------ reportage-2 page ------*/

  .reportage-image-text-quote .reportage-left-img{
    max-width: 60%;
  }
  .reportage-image-text-quote .reportage-right-text-img {
    max-width: 40%;
  }
  .reportage-page .reportage-content p{
    max-width: 100%;
    margin-left: 25.585%;
    margin-bottom: 50px;
  }
  .reportage-page .reportage-content .small-img {
    max-width: 94.42%;
  }
  .intro-text-section.small-width {
    padding: 40px 0 75px;
  }

  /*---- partner page -----*/
  .location-section .left-right-simple-inner .left-text{
    margin-left: auto;
  }
  .location-embed iframe {
    width: 100%;
  }

  /*---- uberuns jobs -----*/
  .left-right-simple-banner.combine-banner .container {
    padding-left: 15px;
    max-width: 100%;
  }

  /*----- uberuns philosophie page ------*/
  .simple-text-section .simple-text-content {
    max-width: 80%;
    margin: 0 auto;
  }
  .small-width-simple-section .container {
    max-width: 80%;
  }
  .left-right-small-sec .left-img {
    max-width: 100%;
  }
  .left-right-small-sec .right-text {
    max-width: 60%;
  }
  .left-right-small-sec .left-img img {
    margin-left: 0;
    margin-right: 24px;
  }

  .top-bottom-small-sec-img{
    width: 100%;
    margin-left: 0;
  }

  /*------ uberuns page ------*/
  .three-col-row > * {
    flex-basis: 31.65%;
  }

  /*----- beleuchtung page ----*/
  .topimg-bottomtext {
    width: 100%;
  }

  /*--- ausstattung&accessoires page ----*/
  .left-right-simple-banner {
    padding-bottom: 0;
  }

  .left-right-simple-inner .left-text{
    max-width: 400px;
  }

  /*----- oberflachen&farben page ------*/

  /*----- sortiment page ------*/
  .double-small-banner {
    bottom: -15.815%;
    left: -3.625%;
  }

  /*---- kuchenwelten page -----*/
  .two-banner-simple-section .single-banner-img,
  .two-banner-simple-section.reshuffle .single-banner-img{
    width: 100%;
  }
  .two-banner-simple-section.reshuffle .single-banner-img img{
    width: 100%;
  }
  .left-img-right-text-simple {
    align-items: flex-start;
  }

  /*-------- index page -------*/
  .socialfeed-inner {
    padding-left: 0;
  }


  /*---- changes ----*/
  /*--- 12-08-21 ---*/

  .leftimg-righttext .right-sec {
    margin-left: 40px;
  }

  .two-col-repeater-section-with-btn {
    padding: 140px 0 15px;
  }

  /*---------------*/

  .slide-content h3, .img-content h3 {
    font-size: 26px;
  }

  .left-right-banner-text-row .left-double-banner {
    max-width: 63%;
    width: 100%;
  }
  .left-right-banner-text-row .right-img-text-btn {
    max-width: 35.25%;
    width: 100%;
  }
  .left-right-banner-with-img-text.small-height .left-double-banner>img {
    height: 78% !important;
  }

  /*------- banner slider ------*/

  .slider-nav .item-slick {
    max-width: 320px !important;
    margin-right: 0px;
    outline: none!important;
    cursor: pointer;
  }

  /*---------------------------*/

  .left-right-double-banner-section .double-banner-row .left-text{
    width: 57%;
  }

  .slider-for img {
    height: auto !important;
  }

  /*--------- new changes -----------*/
  /*------- 8-sept-21 --------*/

  /*   .slider-for .slick-list img {
  height: 400px !important;
} */

  /*-----------------------------------*/  

}

@media screen and (max-width: 1199px) and (min-width:768px){

  /*--- changes ----*/
  .left-right-simple-banner.combine-banner .container {
    padding-right: 0;
    padding-left: 20px;
  }
  .reportage-page .reportage-content p {
    margin-left: 10.5%;
  }
  .location-section .left-right-simple-inner .left-text {
    max-width: 50%;
  }

  .container{
    padding: 0 20px;
  }

  /*---- banner slider -----*/

  .slider-for .slick-list img{
    height: 700px !important;
  }

  /*----- contact page -----*/
  /*--- 15-09-21 ----*/

  .contact-module-inner .contact-info-section {
    max-width: 50%;
  }
  .contact-module-outer .page-center {
    padding: 0 20px;
  }

  /*---------------*/
}

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

  body{
    margin-top: 120px;
  }

  /*------ reportage-1 page -------*/
  .banner-quote-post { 
    max-width: 360px;
  }
  blockquote{
    font-size: 20px;
    line-height: 30px;
  }

  /*-------- partner page -------*/
  .left-right-simple-banner.location-section .left-right-simple-inner .right-img {
    top: 100px;
  }

  /*-------- uberuns page ------*/
  .left-right-simple-banner.combine-banner .right-img {
    margin-bottom: 0;
  }
  .left-right-simple-banner.combine-banner .left-text {
    max-width: 40%;
  }
  .left-right-simple-banner.combine-banner .right-img {
    max-width: 60%;
    
  }
  .banner-with-video .right-img {
    flex: 0 0 60%;
}
  .left-right-simple-banner.combine-banner {
    padding-bottom: 60px;
  }
  .two-col-repeater-section-with-illus {
    padding: 0;
  }
  .simple-link-section {
    padding: 60px 0;
  }

  /*----- uberuns team ------*/
  .team-member-with-search {
    padding-top: 40px;
  }
  /*
  .team-member-repeater > * {
  flex-basis: 45%;
  margin-right: 10%;
  margin-bottom: 40px;
}
  .team-member-repeater > *:nth-child(2n) {
  margin-right: 0;
}
  .team-member-repeater > *:nth-child(3n) {
  margin-right: 10%;
}
  .team-member-repeater > *:nth-child(6n) {
  margin-right: 0;
}
  */
  .team-members-section {
    padding: 80px 0;
  }

  /*----- uberuns philosophie page ------*/
  .simple-text-section {
    padding: 40px 0;
  }
  .top-bottom-small-sec blockquote {
    margin: 40px auto;
  }
  .top-bottom-small-sec-img img {
    margin-left: 0;
    height: auto !important;
  }
  .small-width-simple-section {
    padding-bottom: 60px;
  }

  /*------ uberuns page ------*/
  .our-values-section {
    padding: 40px 0;
  }
  .three-col-row > * {
    flex-basis: 46.699%;
    margin-bottom: 30px;
  }
  .three-col-row > *:last-child {
    margin-bottom: 0;
  }

  /*----- beleuchtung page ----*/
  .left-right-simple-banner {
    padding-bottom: 40px;
  }
  .left-right-simple-inner {
    align-items: center;
  }
  .leftimg-righttext .left-sec {
    width: 60%;
  }
  .leftimg-righttext .right-sec {
    margin-left: 30px;
    width: 40%;
  }
  .two-col-repeater-section {
    padding: 40px 0 15px;
  }
  .two-col-sec {
    padding: 40px 0;
  }
  .leftimg-righttext{
    align-items: flex-start;
  }
  .simple-content-sec {
    padding: 60px 0;
  }

  /*----- grifflosungen page ------*/
  .two-col-repeater-section-with-btn {
    padding: 40px 0 15px;
  }
  .two-col-repeater-inner-with-btn > * {
    width: calc(100% - 0px);
  }

  /*------- grifflosungen-lightbox page -------*/

  .left-right-simple-inner .left-text{
    padding-top: 0;
  }
  .left-right-simple-banner.illus-banner .left-right-simple-inner .left-text{
    margin-right: 70px;
  }
  .tab-gallery{
    margin-right: 0 !important;
  }
  .gallery-col:nth-child(3n) {
    margin-right: 0;
  }

  /*-------------------------------------*/

  /*----- sortiment page ------*/
  .double-small-banner {
    bottom: -28.815%;
    left: -4.625%;
    width: 50%;
  }

  /*---- aktuell page -----*/
  .filter-single-col {
    width: calc(50% - 24px);
  }
  .filter-single-col.single-wide-two-col {
    width: calc(100% - 24px) !important;
  }
  .filter-single-col.single-wide-two-col img{
    object-fit: cover;
  }
  .slider-img.img-content {
    min-height: 306px;
  }

  /*----- supermatte oberflachen-1 page ------*/
  .simple-two-col-section.two-column-sec .single-color img{
    width: 100px;
    height: 100px !important;
  }

  .simple-two-col-section.one-column-sec .single-color img{
    width: 100px;
    height: 100px !important;
  }

  /*---- kuchenwelten page -----*/
  .left-right-double-banner-section .right-double-banner {
    width: 50%;
  }
  .left-right-double-banner-section .double-banner-row .left-text{
    max-width: 42.2%;
    margin-right: 70px;
  }

  .left-right-banner-with-img-text.reshuffle-content .left-right-banner-text-row .left-img-text-btn {
    width: 68%;
  }

  .right-double-banner .small-left-banner{
    width: 67.09%;
    top: 200px;
    left: -50px;
  }
  .left-right-banner-with-img-text.shuffle-content {
    padding: 60px 0;
  }
  .left-text-right-img-simple{
    align-items: flex-start;
  }
  .two-banner-simple-section {
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .left-right-banner-with-img-text.reshuffle-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  /*-------- index page -------*/
  .socialfeed-box {
    width: 100%;
    height: 100%;
  }
  .slider-nav {
    margin: -160px 0px 0px -20px !important;
  }

  /*---- our team page ------*/

  .grid-sizer, .grid-item {
    width: calc(100% / 2);
  }

  /*------------------------*/

  /*---- changes ----*/
  .two-col-repeater-inner-with-illus .grid-sizer {
    width: calc(50% - 40px);
  }
  .grid-sizer {
    width: calc(50% - 40px);
  }
  .two-col-repeater-section-with-btn {
    padding: 120px 0 15px;
  }

  .filter-single-col .gallery-content .slider-img {
    height: 300px;
  }
  .gallery-content {
    margin-top: 0;
  }
  .filter-single-col:nth-child(6) {
    margin-bottom: 53px;
  }

  .left-right-simple-inner .right-img.single-slide-outer {
    width: 42%;
  }

  /*--------- new changes -----------*/
  /*------- 8-sept-21 --------*/

  .simple-two-col-row {
    display: flex;
    flex-wrap: wrap;
  }
  .simple-two-col-row>* {
    margin-bottom: 50px;
    flex-basis: 50%;
  }
  .simple-two-col-row>*:last-child {
    margin-bottom: 0;
  }


  .simple-two-col-section.three-column-sec .single-color img{
    width: 90px;
    height: 90px !important;
    object-fit: cover;
  }
  .color-platte-inner p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 24px;
    hyphens: auto;
  }

  /*   .slider-for .slick-list img {
  height: 100% !important;
} */

  /*--------------------------------*/

  /*----- contact page -----*/
  /*--- 15-09-21 ----*/

  .contact-map-sec iframe {
    height: 800px !important;
    position: static !important;
  }
  .contact-map-sec > .hs-responsive-embed-wrapper.hs-responsive-embed > .hs-responsive-embed-inner-wrapper {
    padding: 0 !important;
  }
  .contact-module-inner .contact-map-sec {
    top: 100px;
  }


  /*----------------*/

}

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

  .resp-tabs-container {
    margin: 0 !important;
  }
  .tabs-with-lightbox {
    padding: 40px 0;
  }

  h2.resp-accordion {
    display: block;
    font-size: 16px !important;
    line-height: 16px;
    letter-spacing: 1.04px;
    text-transform: uppercase;
    font-family: 'Korolev';
    font-weight: 500;
    margin-right: 56px;
    padding-top: 8px;
    border-top: 1px solid transparent;
    color: #505050;
  }
  .gallery-tab-btn{
    margin: 10px 0 30px;
  }

}

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

  h2.resp-accordion {
    position: relative;
  }
  span.resp-arrow {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid;
    position: absolute;
    left: 135px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    border-color: transparent #000 #000 transparent;
  }
}

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

  body{
    margin-top: 120px;
  }
  .move-top{
    bottom: 25px;
    right: 5px;
  }
  .move-top img {
    width: 35px;
  }

  .container{
    max-width: 100%;
    padding: 0 15px;
  }

  h1{
    font-size: 36px !important;
    line-height: 44px;
  }
  h2{
    font-size: 32px !important;
    line-height: 44px;
  }

  /*------ textseite page ---------*/

  .simple-banner-section {
    padding: 40px 0;
  }
  .assistance-section {
    padding: 40px 0;
  }

  .assistance-application-form {
    padding: 40px 0;
  }
  .form-section {
    padding: 40px 0;
  }

  .form-section fieldset.form-columns-2 .hs-form-field{
    width: 100% !important;
    float: none !important;
  }
  fieldset.form-columns-2 .hs_firstname.hs-form-field {
    margin-bottom: 15px;
  }
  .form-section fieldset.form-columns-2 div.input{
    margin-right: 0;
  }
  .form-section fieldset.form-columns-2 input.hs-input {
    width: 100% !important;
  }
  .form-section .form{
    padding: 4px;
  }
  .application-form form fieldset.form-columns-2 input.hs-input{
    width: 100% !important;
  }
  .application-form form fieldset.form-columns-2 .hs-form-field {
    margin-bottom: 15px;
  }
  .application-form form .hs_submit.hs-submit .actions{
    margin-top: 40px;
  }



  /*------------------------------*/
.banner-with-video .right-img {
    flex: 0 0 100%;
}
  /*----- reportage-1 page ------*/
  .left-right-simple-inner {
    flex-wrap: wrap;
  }
  .reportage-page .left-right-simple-inner .left-text {
    margin-left: 0;
    max-width: 100%;
    margin-right: 0;
    padding-top: 40px;
  }
  .left-right-simple-banner .left-text h1 {
    max-width: 100%;
  }
  .reportage-page h1 {
    margin-bottom: 20px;
  }
  .left-right-simple-inner .right-img {
    width: 100%;
  }
  .left-right-simple-banner {
    padding-bottom: 40px;
  }
  .intro-text-section {
    padding: 40px 0 40px;
  }
  .reportage-double-banner-quote {
    padding: 40px 0;
  }
  .reportage-double-banner{
    right: -20%;
  }
  .slider-section {
    padding: 40px 0 40px;
  }
  .slider-section .slides-row.slick-initialized.slick-slider {
    max-width: 360px;
    margin: 0 auto;
  }
  .form-section h2{
    text-align: center;
  }

  .reportage-banner-img {
    width: 100%;
  }

  /*----- reportage-2 page -----*/
  .reportage-page .reportage-image-quote-inner {
    flex-wrap: wrap;
  }
  .reportage-image-text-quote .reportage-left-img {
    max-width: 100%;
  }
  .reportage-image-text-quote .reportage-right-text-img {
    max-width: 100%;
  }
  .reportage-page .reportage-content p {
    margin-top: 50px;
    margin-left: 0;
  }
  .reportage-page .reportage-content .small-img {
    max-width: 100%;
    margin-left: 0;
  }
  .intro-text-section.small-width {
    padding: 40px 0;
  }
  .reportage-image-text-quote {
    padding-top: 40px;
  }
  .reportage-page .image-quote {
    margin-top: 40px;
  }


  /*------ newsletter page -----*/
  .subscribe-section {
    padding: 40px 0;
  }

  /*------ showroom page ------*/
  .showroom-section {
    padding: 40px 0;
  }
  .appointment-btns{
    margin-top: 30px;
    margin-bottom: 30px;
  }

  /*----- partner page ------*/
  .location-section .left-right-simple-inner .left-text {
    max-width: 100%;
    margin-right: 0;
    padding: 40px 0;
  }
  .left-right-simple-banner.location-section .left-right-simple-inner .right-img {
    top: 0;
    position: relative;
    padding: 40px 0;
  }

  /*---- uberuns page ------*/
  .left-right-simple-banner.combine-banner .left-right-simple-inner-with-btn {
    flex-wrap: wrap;
  }
  .left-right-simple-banner.combine-banner .left-text {
    max-width: 100%;
    margin-bottom: 30px;
  }
  .left-right-simple-banner.combine-banner .right-img {
    max-width: 100%;
  }
  .left-right-simple-banner.combine-banner {
    padding-bottom: 0;
  }
  .left-right-simple-banner.combine-banner .container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .two-col-repeater-inner-with-illus > * {
    width: calc(100% - 0px);
    margin-bottom: 30px;
  }

  .two-col-repeater-inner-with-illus .single-col.illus p {
    margin-bottom: 30px;
  }
  .mt-80 {
    margin-top: 0;
  }
  .our-team-section {
    padding: 40px 0;
  }
  .team-row{
    flex-direction: column;
  }
  .team-row .right-quote .quote {
    max-width: 100%;
    margin-left: 40px;
    margin-top: 30px;
  }

  /*----- uberuns team -----*/
  .left-right-simple-banner.combine-banner .left-text-inner {
    max-width: 100%;
    margin-right: 0;
  }

  /*----- uberuns philosophie page ------*/
  .left-right-small-sec {
    flex-direction: column;
  }
  .left-right-small-sec .left-img img {
    margin-left: 0;
    margin-right: 0;
  }
  .left-right-small-sec .left-img {
    max-width: 100%;
    margin-bottom: 30px;
    margin-right: 0;
  }
  .left-right-small-sec .right-text {
    max-width: 100%;
  }
  .top-bottom-small-sec-img {
    margin-top: 40px;
    height: auto;
  }
  .small-width-simple-section {
    padding-bottom: 40px;
  }
  .simple-text-section .simple-text-content {
    max-width: 100%;
  }
  .small-width-simple-section .container {
    max-width: 100%;
  }

  .small-width-simple-section .left-right-small-sec .right-text {
    max-width: 100%;
  }

  /*------ uberuns page ------*/
  .illus-with-team-row {
    flex-wrap: wrap;
  }
  .left-illus-sec {
    margin-right: 0;
    max-width: 100%;
  }
  .single-col.illus.with-btn {
    margin-bottom: 40px;
  }
  .right-team-sec {
    max-width: 100%;
  }
  .team-thumbnail {
    text-align: center;
  }
  .right-team-sec {
    max-width: 100%;
    margin-top: 40px;
  }
  .three-col-row > * {
    flex-basis: 100%;
    margin-bottom: 30px;
    margin-right: 0;
  }
  .left-right-banner-text-row{
    flex-wrap: wrap;
  }
  .right-text-content {
    max-width: 100%;
  }
  .left-right-banner-with-img-text {
    padding-bottom: 40px;
  }
  .left-double-banner {
    margin-right: 0;
    width: 100%;
  }
  .left-small-banner{
    width: 44.82%;
    margin-top: -24.51%;
  }
  .right-small-img {
    margin-bottom: 40px;
  }
  .right-img-text-btn {
    padding-top: 40px;
  }
  .three-col-dwnld-section {
    padding: 40px 0;
  }

  /*----- beleuchtung page ----*/
  .left-right-simple-inner .left-text{
    margin-right: 0;
    max-width: 100%;
  }
  .two-col-repeater-inner > * {
    width: calc(100% - 0px);
    margin-bottom: 60px;
  }
  .leftimg-righttext {
    flex-wrap: wrap;
  }
  .leftimg-righttext .left-sec {
    width: 100%;
    margin-bottom: 30px;
  }
  .leftimg-righttext .right-sec {
    margin-left: 0;
    width: 100%;
  }
  .bottom-text p {
    width: 100%;
  }
  .simple-content-sec {
    padding: 40px 0;
  }

  /*---- sortiment page -----*/
  .double-small-banner{
    width: 50%;
    position: static;
    margin-top: -13.57%;
    margin-left: 25%;
  }
  .slider-img img {
    width: 100%;
  }

  /*--- furprofis page ----*/
  .left-right-simple-banner.illus-banner .left-right-simple-inner .left-text {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
  .single-col.illus {
    text-align: center;
  }
  .three-col-header {
    padding-left: 0;
    text-align: center;
  }

  /*---- aktuell page -----*/
  .filter-single-col {
    width: calc(100% - 0px);
    margin-right: 0 !important;
  }
  .filter-single-col.single-wide-two-col {
    width: calc(100% - 0px) !important;
  }
  .aktuell-section-with-filter {
    padding: 40px 0;
  }
  .filter-single-col.single-wide-two-col img {
    object-fit: cover;
  }
  .filter-outer-grid{
    margin-right: 0 !important;
  }
  .gallery-content .img-content{
    padding: 15px;
  }
  .filter-single-col:nth-child(7) {
    margin-top: 50px;
  }
  .filter-single-content-above .filter-desc{
    padding: 15px;
  }
  .slider-img.img-content {
    min-height: auto;
  }


  /*------- grifflosungen-lightbox page -------*/
  .gallery-col {
    width: calc(100%/1 - 0px) !important;
    margin-right: 0 !important;
    margin-bottom: 40px !important;
  }
  .gallery-modal{
    padding: 10px 20px !important;
  }
  .gallery-modal-content{
    width: 100% !important;
    margin: 0 !important;
  }
  .previous, .next{
    padding: 10px !important;
    margin-top: -25px !important;
  }

  /*----- supermatte oberflachen-1 page ------*/
  .simple-two-col-row{
    flex-wrap: wrap;
  }
  .simple-two-col-row > *{
    width: 100%;
    margin-bottom: 60px;
    max-width: 100%;
  }
  .simple-two-col-row > .simple-col:last-child {
    margin-bottom: 0;
  }
  .color-platte-inner{
    max-width: 100%;
  }
  .color-platte-inner > *{
    margin-right: 4%;
  }
  .simple-two-col-section {
    padding: 40px 0;
  }
  .simple-two-col-sec-inner h2{
    margin-bottom: 30px;
  }
  .simple-two-col-section.two-column-sec .single-color img {
    width: 80px;
    height: 80px !important;
  }
  .simple-two-col-section.one-column-sec .single-color img {
    width: 80px;
    height: 80px !important;
  }

  /*---- kuchenwelten page -----*/
  .left-right-double-banner-section .double-banner-row {
    flex-wrap: wrap;
  }
  .left-right-double-banner-section .double-banner-row .left-text {
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
  .left-right-double-banner-section .double-banner-row .left-text .left-text-content {
    max-width: 100%;
  }
  .left-right-double-banner-section .right-double-banner {
    width: 100%;
    margin-top: 30px;
  }
  .left-right-double-banner-section .right-double-banner img{
    width: 100%;
  }
  .left-right-banner-with-img-text.shuffle-content .right-small-img img{
    width: 100%;
    object-fit: cover;
  }
  .left-img-right-text-simple{
    align-items: flex-start;
  }
  .left-text-right-img-simple{
    align-items: flex-start;
  }
  .left-img-text-btn {
    margin-right: 0;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
    margin-bottom: 40px;
  }
  .left-small-img img {
    width: 100%;
  }
  .left-small-img {
    margin-bottom: 30px;
    margin-top: 0;
  }
  .left-text-content {
    max-width: 100%;
  }
  .left-right-banner-text-row .right-img-single-banner {
    width: 100%;
  }
  .right-img-single-banner .right-banner-single img {
    width: 100%;
  }
  .simple-section-with-img-btn {
    padding-bottom: 40px;
  }
  .left-img-right-text-simple{
    flex-wrap: wrap;
  }
  .right-banner-content {
    max-width: 100%;
    margin-top: 40px;
  }
  .left-right-banner-with-img-text.shuffle-content {
    padding: 40px 0;
    padding-top: 150px;
  }
  .left-right-banner-with-img-text.reshuffle-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .left-text-right-img-simple{
    flex-wrap: wrap;
  }
  .left-banner-content {
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-top: 40px;
  }
  .right-banner-img {
    margin-top: 30px;
  }
  .right-double-banner .small-left-banner{
    left: 40px;
  }
  .left-banner-img {
    margin-right: 0;
    margin-top: 30px;
  }
  /*
  .dot.bottom {
  left: 65%;
}
  */
  /*
  .two-banner-simple-section.reshuffle .single-banner-img .dot.top {
  left: 65%;
}
  */
  .showcase{
    min-width: 140px;
  }
  .showcase-content p{
    font-size: 15px;
    line-height: 20px;
  }
  a.showcase-btn{
    font-size: 14px;
    line-height: 14px;
  }
  /*
  .dot.left{
  left: 21%;
}
  */
  /*
  .right-banner-single .dot.top {
  top: 27%;
  left: 21%;
}
  */
  /*
  .right-banner-img .dot.center {
  top: 38%;
  left: 50%;
}
  */
  /*
  .right-banner-img .dot.left {
  top: 50%;
  left: 22%;
}
  */

  div.main-div{
    overflow-x: hidden;
  }
  .body-container-wrapper {
    overflow-x: hidden;
  }


  /*-------- index page -------*/
  .left-right-simple-inner .left-text {
    margin-bottom: 20px;
  }
  .left-right-banner-with-img-text.shuffle-content.shuffle-images {
    padding: 40px 0;
  }
  .left-right-banner-with-img-text.shuffle-content.shuffle-images .right-img-text-btn {
    padding-top: 40px;
  }
  .left-double-banner img{
    width: 100%;
  }
  .socialmedia-feed {
    padding: 40px 0;
  }
  /*
  .slider-nav{
  width: 150px;
  height: 150px;
}
  */
  .slider-nav {
    margin: -60px 0px 0px -15px !important;
  }
  .slider-nav .item-slick{
    max-width: 440px !important;
  }
  /*
  img.item-slick.slick-slide {
  width: 100% !important;
}
  */
  .slider-nav img {
    height: 100% !important;
  }
  .simple-illus-section {
    padding: 40px 0;
  }
  .video-section{
    margin: 40px 0;
  }

  .slider-for img {
    height: 450px !important;
    object-fit: cover;
  }
  .slider-nav .item-slick {
    max-width: 200px !important;
    height: 180px !important;
    object-fit: cover;
  }



  /*---- changes ------*/
  /*--- 11-08-21 ----*/

  .move-top {
    background-color: #fff;
    padding: 0;
    border-radius: 100%;
    z-index: 999;
  }
  body {
    margin-top: 120px;
  }
  h2.resp-accordion {
    position: relative;
  }
  span.resp-arrow {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid;
    position: absolute;
    left: 135px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    border-color: transparent #000 #000 transparent;
  }
  .location-embed {
    height: auto;
  }
  .location-embed iframe {
    width: 100%;
    height: 400px;
  }
  .mobile-hidden{
    display: none;
  }
  .desktop-hidden{
    display: block;
  }
  .left-right-simple-banner.location-section .left-right-simple-inner .right-img.desktop-hidden {
    padding: 0px 0 40px 0;
  }
  .location-section .left-right-simple-inner .left-text {
    padding: 0;
    margin-bottom: 0; 
  }

  .showroom-content h1 {
    text-align: center;
  }


  .right-double-banner .small-left-banner{
    display: none;
  }
  .left-right-banner-with-img-text.shuffle-content{
    padding-top: 40px;
  }
  .left-small-banner{
    display: none;
  }
  .double-small-banner{
    display: none;
  }
  .two-col-repeater-section-with-btn {
    padding: 40px 0 15px;
  }
  .reportage-double-banner{
    display: none;
  }

  .slider-nav.slick-initialized.slick-slider {
    display: none;
  }
  .left-right-banner-with-img-text.shuffle-content.shuffle-images .right-small-img {
    margin-bottom: 40px;
  }
  .toggle-menu {
    padding-top: 40px;
  }
  /*----------------*/

  /*---------- hubspot forms ----------*/
  /*---- textseite page ----*/
  .application-form form fieldset.form-columns-2 > * {
    width: 100% !important;
  }
  .application-form form fieldset.form-columns-2{
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  /*----------------------*/  
  .slide-content h3{
    min-height: auto;
  }

  .filter-single-col .gallery-content .slider-img {
    height: 280px;
  }
  .filter-single-col .gallery-content .slider-img.img-content {
    height: auto;
  }

  .left-right-banner-text-row .left-double-banner {
    max-width: 100%;
    width: 100%;
  }
  .left-right-banner-text-row .right-img-text-btn {
    max-width: 100%;
    width: 100%;
  }
  .left-right-banner-with-img-text.small-height .left-double-banner>img {
    height: auto !important;
  }

  .socialfeed-header .eui-widget-title.eapps-instagram-feed-title a{
    font-size: 32px;
    line-height: 44px;
  }
  .socialfeed-header .eui-widget-title.eapps-instagram-feed-title{
    margin-bottom: 25px;
  }

  .left-right-banner-with-img-text.reshuffle-content .left-right-banner-text-row .left-img-text-btn {
    margin-right: 0;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
    margin-bottom: 40px;
  }

  .left-right-simple-inner .right-img.single-slide-outer {
    width: 100%;
  }
  .right-img.single-slide-outer .slider-for .slick-track {
    width: 100% !important;
  }

  /*---- map page for mobile -----*/

  .desktop-hidden {
    display: block;
    visibility: visible;
    opacity: 1;
    height: 500px !important;
  }
  .desktop-hidden .location-embed {
    height: 100%;
  }

  /*---- changes -----*/
  /*---- 6-sept-21 ---*/
  .single-col.illus > img {
    max-width: 372px !important;
    width: 100%;
  }

  /*-------------------*/

  /*--------- new changes -----------*/
  /*------- 8-sept-21 --------*/
  .simple-two-col-row>* {
    flex-basis: 100%;
  }
  /*-------------------------*/  

  /*----- contact page -----*/
  /*--- 15-09-21 ----*/

  .contact-module-outer .contact-module-inner {
    flex-wrap: wrap;
  }
  .contact-module-inner .contact-info-section {
    max-width: 100%;
    margin-right: 0;
    width: 100%;
  }
  .contact-module-outer > .page-center {
    padding: 0 15px;
  }
  .contact-module-inner .contact-info-section {
    padding-top: 0;
    padding-bottom: 40px;
  }
  .contact-map-sec iframe {
    height: 400px !important;
  }

  /*---------------*/

  /*---- 30-sept-21 -----*/

  .form-section form fieldset.form-columns-1{
    margin-bottom: 0;
  }
  .form-section form fieldset.form-columns-1 .input{
    margin-right: 0;
  }
  .form-section form fieldset.form-columns-2{
    margin-bottom: 0;
  }
  .form-section form fieldset.form-columns-1 .hs_email{
    margin-bottom: 20px;
  }

}


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

  body{
    margin-top: 100px;
  }

  /*---- reportage page -----*/
  .banner-quote-post{
    margin-top: 100px;
  }
  .banner-quote-post{
    margin-left: 15%;
  }
  button.slick-next{
    right: -15px;
  }
  button.slick-prev{
    left: -15px;
  }

  /*---- showroom page -----*/
  .appointment-btns{
    max-width: 100%;
  }
  a.appointment-btn{
    display: block !important;
    margin: 0 auto;
    margin-right: auto!important;
  }
  a.appointment-btn:first-child {
    margin-bottom: 15px;
  }

  /*---- uberuns page -----*/
  .dropdown-search-row {
    flex-direction: column;
  }
  .team-selector {
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .search-box {
    margin: 0 auto;
  }
  .team-member-repeater > * {
    flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
  .team-member-repeater > *:nth-child(3n) {
    margin-right: 0;
  }
  .team-member-repeater > *:last-child {
    margin-bottom: 0;
  }

  /*---- changes -----*/

  .banner-quote-post {
    margin-top: 50px;
  }

  /*-----------------*/
}


/*---- changes ----*/

@media screen and (max-width:991px) and (min-width:768px){

  .double-small-banner {
    position: relative;
    margin-top: -70px;
    margin-left: 5px;
  }
  .two-col-repeater-section-with-btn {padding: 0 0 15px;}

}
/*-----------------*/

/*------------------------------------------------------------------------------*/


/*----- map page popup -----*/
.gm-style-iw-d {padding: 10px 10px 10px 20px;}
.gm-style-iw.gm-style-iw-c {padding: 20px 0;}
.info-window-cont h4 {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 1px;
  color: #b1525a;
  margin-bottom: 10px;
  font-weight: bold;
}
.info-window-cont a {
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 1.2px;
  color: #4b4b4b;
  cursor: pointer;
  transition: all .3s ease-in-out;
  font-family: 'korolev';
  font-weight: 300;
  display: inline-block;
}
.info-window-cont a:hover {
  color: inherit;
}
button.gm-ui-hover-effect {
  top: 0 !important;
  right: 0 !important;
}
button.gm-ui-hover-effect img {margin: 0 !important;width: 20px !important;height: 20px !important;position: absolute;top: 5px;right: 5px;}

/*-----------------------*/

/*------ new changes ------*/

/*----- 21-sept-21 ----*/
.team-member-repeater.grid {display: flex;flex-wrap: wrap;}
.single-team-col{height: 380px;}
span.dot-btn {display: block;}
span.dot-btn a.showcase-btn:hover {color: inherit;}
.gallery-modal-content div.slide p{color: #fff;text-align: center;font-weight: bold;}
/*----- 22-sept-21 ------*/
.location-embed {height: calc(100vh - 151px);}
.left-right-simple-banner.location-section .left-right-simple-inner .right-img {top: 151px;}
/*---- 20-sept-21 -----*/

@media screen and (max-width: 991px) and (min-width: 768px){
  .three-col-row>* {flex-basis: 30.62% !important;max-width: 30.62%;margin-right: 24px;}
}
@media screen and (max-width: 991px){
  /*---- uberuns team ------*/
  .member-dp {max-width: 220px;height: 213px;margin: 0 auto;margin-bottom: 25px;}	
  .member-dp img {width: 100%;height: 100% !important;object-fit: cover;}	
  .single-team-col {height: 360px;}
  /*----- grifflosungen ------*/
  .two-col-repeater-inner-with-btn>* img {max-width: 350px !important;height: 350px !important;width: 100%;}
  .location-embed {height: calc(100vh - 92px);}
  .left-right-simple-banner.location-section .left-right-simple-inner .right-img {top: 92px;}

}

@media screen and (max-width: 768px){
  .tabs-with-lightbox .resp-acc-out {display: block;}
  .tabs-with-lightbox h2.resp-accordion {display: inline-block;position: relative;padding-right: 20px;}
  .tabs-with-lightbox h2.resp-accordion span.resp-arrow {right: 0;left: unset;}
}

@media screen and (max-width: 767px){
  .simple-two-col-section.three-column-sec .single-color img {width: 80px;height: 80px !important;object-fit: cover;}
  /*----- grifflosungen ------*/
  .two-col-repeater-inner-with-btn>* img {max-width: 300px !important;height: 300px !important;width: 100%;}
  .body-container-wrapper {overflow: hidden;}
  /*---- animated dots -----*/
  .dot.tooltip-right .showcase{right: 0;left: auto;transform:translate(-10px,10.5px);}
  .dot.tooltip-left .showcase{right: auto;left: 20px;transform: translate(-10px,10.5px);}

  /*----- grifflosungen -------*/
  .left-right-simple-banner .left-text p {margin-bottom: 30px;}

}


/*------------------------*/

/*------- 23-sept-21 ------*/
.resp-tabs-container .tab-gallery .gallery-img {height: 122px;margin-bottom: 10px;}
.resp-tabs-container .tab-gallery .gallery-img img {height: 100% !important;}
.selector-dropdown ul li.buttons.bold-text {font-weight: 600;}
@media screen and (max-width: 1199px) and (min-width: 768px){
  .left-right-simple-banner.combine-banner .left-text-inner{padding-top: 30px;}
  .left-right-simple-banner.combine-banner .left-right-simple-inner-with-btn {align-items: unset;}
  .left-right-simple-banner.combine-banner .right-img img {height: 100% !important;object-fit: cover;}
  .left-right-simple-banner .container {padding: 0 0 0 20px;}
  .left-right-simple-banner.combine-banner .right-img{margin-bottom: -40px;}
  .banner-with-video .left-right-simple-inner-with-btn {
    padding: 60px 0;
}
  .banner-with-video .right-img {
    flex: 0 0 60%;
}
}

@media screen and (max-width: 991px){
  .left-right-simple-banner {padding-bottom: 60px;}
}
.member-dp img {border-radius: 50%;}	

/* New Pages
===============================*/

.password-page .systems-page {max-width: 1008px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);padding: 108px 85px;}
.password-page {padding: 20px 0px 50px;}
.password-page .systems-page h1 {text-transform: uppercase;}
.password-page .systems-page form input {max-width: 319px;border: 0px;border-radius: 0px;border-bottom: 2px solid;padding: 0 0 13px;font-size: 15px;height: auto !important;line-height: 15px;letter-spacing: 1.2px;margin-top: 0px !important;}
.password-page .systems-page form input:focus {outline: none;}
.password-page .systems-page form input[type="submit"] {margin: 75px 0px 0px !important;min-width: 234px;height: 41px !important;text-transform: uppercase;padding: 0 20px;background-color: transparent;border: 1px solid #000;color: #000;}
.password-page .systems-page form input[type="submit"]:hover {font-weight: bold;}
.sidebar-nav-module {position: relative;}
.sidebar-nav-module:before {content: "";position: absolute;right: 50px;top: 0;bottom: 0;background: #e5dcd3;z-index: -1;width: 100vw;}
.sidebar-nav-module nav {padding: 40px 50px 40px 0px;}
.sidebar-nav-module nav ul {margin: 0;padding: 0;list-style: none;position: relative;}
.sidebar-nav-module nav > ul:before {content: "";position: absolute;left: -40px;top: 0;bottom: 0;width: 2px;background: #333;}
.sidebar-nav-module nav ul li {margin: 0px 0px 20px;}
.sidebar-nav-module nav ul li.top-spacing {padding-top: 15px;}
.sidebar-nav-module nav ul li:last-child {margin: 0px 0px 0px;}
.sidebar-nav-module nav ul li a {color: #4b4b4b;font-weight: bold;font-family: NeusaNextW05,sans-serif;}
.aktuell-section-with-filter.recent-aktuell-posts {padding: 0;}
.recent-aktuell-posts .gallery-content {margin: 0px 0px 0px;}
.recent-aktuell-posts .slider-img {margin-bottom: 0;}
.recent-aktuell-posts .filter-single-col {width: calc(100%/2 - 24px);margin-bottom: 37px;}
.recent-aktuell-posts .filter-single-col.single-wide-two-col {width: calc(100% - 24px);}
.lieferbulletin-section-with-filter.recent-lieferbulletin-posts {padding: 0px;}
.simple-content-cta-module {/*min-height: 600px;*/padding: 40px 0px 0px ;}
}
@media (max-width: 1199px) {
  .sidebar-nav-module nav ul {padding: 0 0 0 20px;}
}

@media (max-width: 767px) {
  .password-page .systems-page {padding: 30px;}
  .password-page .systems-page form input[type="submit"] {margin: 50px 0px 0px !important;}
  .sidebar-nav-module nav,
  .recent-aktuell-posts .filter-single-col {width: 100%;}
  .aktuell-section-with-filter.recent-aktuell-posts {padding: 40px 0px 0px;}
  .lieferbulletin-section-with-filter.recent-lieferbulletin-posts {padding: 0px 0px 50px;}
  .simple-content-cta-module {min-height: auto;padding: 40px 0px;}
}

/* */
.body-container.left-right-area {position: relative;}
.inner-content-cta-main ul {padding-left: 20px;}
.planungs-list span {padding-bottom: 10px;display: block;font-size: 17px;}
.left-right-area .row-fluid-wrapper.dnd-section .row-fluid {align-items: flex-start;}

.gallery-content-sec {display: flex;align-items: self-start;justify-content: space-between;}
.gallery-content-sec > div {max-width: 320px;}
div#image-gallery {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
div#image-gallery .image a {border: 0.25px solid #7070705c;height: 48px;display: block;width:81px;}
.img-wrapper img {width: 100%;height: 100%;object-fit: contain;}
.btn-outer-main.first-btn-cta {display: inline-block;}
.btn-outer-main.sec-btn-cta {display: inline-block;margin-left: 19px;}

.narrow-width-sec .two-col-repeater-inner-with-btn.gallery-masonary,
.narrow-width-sec .two-col-repeater-inner.gallery-masonary {max-width: 100%;}
@media (min-width:767px){
.narrow-width-sec .two-col-repeater-inner-with-btn>*{width: calc(50% - 12px);}
}
.sidebar-nav-module nav ul li a{position: relative;}
.sidebar-nav-module nav ul li a:hover{text-decoration:none;}
.sidebar-nav-module nav > ul ul.nav-dropdown li a.inner-active:before,
.sidebar-nav-module nav > ul > li > a:before {content: "";position: absolute;left: 0;right: 0;height: 2px;background: #000;top: -5px;opacity: 0;}
.sidebar-nav-module nav > ul ul.nav-dropdown li a.inner-active:before,
.sidebar-nav-module nav ul li.active a:before{opacity: 1;}
.sidebar-nav-module nav ul li.active a{color:#000}
.sidebar-nav-module nav ul.nav-dropdown {padding-left: 30px !important;padding-top: 10px !important;width: 100% !important;}
.sidebar-nav-module nav ul.nav-dropdown li {margin-bottom: 15px;}
.sidebar-nav-module nav ul li.has-submenu > a:after {content: "+";font-size: 23px;display: inline-block;vertical-align: middle;margin-left: 5px;}

.sidebar-nav-module nav ul li a:hover, .sidebar-nav-module nav ul li a:focus {
    text-decoration: none;
}

/* Topas page */
.right-content-left-image-outer {display: flex;align-items: flex-start;justify-content: space-between;margin-bottom:119px;}
.right-content-left-image-outer > div {max-width: 320px;}

.color-specification-outer {margin-bottom: 80px;}
.specification-group-outer p{margin:0;}
.valuation-specification-outer,
.price-specification-outer,
.color-specification-main-outer {display: flex;flex-wrap: wrap;align-content: center;align-items: center;border-bottom: 1px solid #000;padding: 27px 0;}
.valuation-specification-title,
.price-specification-title,
.color-specification-title {min-width: 148px;}
.color-specification-outer h2 {font-size: 28px;}
.valuation-specification-title p,
.price-specification-title p,
.color-specification-title p{font-size:15px;line-height:1;font-family: Korolev,serif;font-weight:300;}

.color-specification-repeater .single-color-block {display: inline-block;}
.color-specification-repeater .color-box {width: 30px;height: 30px;}
.color-specification-repeater .single-color-block:first-child .color-box {border: 1px solid #707070;}
.price-specification-number,
.color-specification-number {min-width: 100px;}
.valuation-specification-outer {align-items: flex-start;margin-bottom: 50px;padding-top: 39px;padding-bottom: 30px;}
.color-specification-outer .cta-btn-outer {text-align: center;}
.valuation-block-outer {display: flex;align-items: center;margin-bottom: 20px;}
.valuation-block-outer:last-child{margin-bottom:0;}
.valuation-block-rate {min-width: 70px;margin-right: 17px;}
.valuation-block-rate .unfill,
.valuation-block-rate .fill {width: 9px;height: 9px;background: #000;border:1px solid #000;display: inline-block;border-radius: 50px;margin-right: 4px;}
.valuation-block-rate .unfill{background:transparent;}


/*.sample-order-module-main {padding-bottom: 50px;}*/
.sample-inner-repeater.table-first-row {padding-bottom: 27px;border-bottom: 1px solid #000;margin-bottom: 33px;}
.sample-inner-repeater.table-first-row .single-cell-text {font-size: 15px;font-family: Korolev,serif;color: #4B4B4B;letter-spacing: 1.2px;}
.sample-inner-repeater{display: flex;align-items: center;padding-bottom: 20px;}
.sample-inner-repeater .single-cell-text {width: 40%;font-size: 17px;color: #000;}
.sample-inner-repeater .single-cell-text:nth-child(2) {width: 25%;}
.sample-inner-repeater .single-cell-text:nth-child(3) {width: 35%;}
/*.sample-order-module .cta-btn-outer {padding-top: 30px;}*/
/*.sample-order-module .cta-btn-outer .first-btn-cta a {min-width: 234px;}*/


.download-document-module-outer .single-content-block-title h4 {font-size: 15px;margin-bottom: 12px;}
.download-document-module-outer .accordion.accordion-inner {margin-bottom: 80px;}
.download-document-module-outer .accordion.accordion-inner:last-child {margin-bottom: 45px;}
.download-document-module-outer .accordion-title-sec h2 {font-size: 24px;letter-spacing: 1.4px;}

.single-content-block {margin-bottom: 26px;}
.block-download-sec a {display: flex;align-items: center;line-height: 1;margin-bottom: 11px;}
.block-download-sec a:hover{text-decoration:none;color:#000;}
.block-download-sec a img {margin-right: 15px;}
.single-content-block-download:last-child a{margin: 0;}
.block-download-sec p {color: #4B4B4B;}

/*.hs-content-id-60864174753 .simple-content-cta-module {min-height: 500px;}*/
.single-row-block {display: flex;}
.single-row-block .left-col {min-width: 172px;font-family: Korolev,serif;padding-bottom: 17px;}
.single-row-block:last-child .left-col{padding-bottom: 0px;}

.form-section form .hs-error-msgs.inputs-list {display: none !important;}
.form-section form fieldset .field .input input.hs-input {border: 1px solid #fff;}
.form-section form fieldset .field  .input input.hs-input.error {border-color: red;}


@media only screen and (min-width:768px) and (max-width:1024px) {
  .body-container.left-right-area {padding: 0 24px;}
  .sidebar-nav-module nav {padding-right: 0;}
  .sidebar-nav-module:before {right: 0;}
  div#image-gallery .image a {margin-bottom: 10px;}
  .gallery-with-lightbox-main {margin-top: 32px;}
  .left-right-area  .sample-order-module {margin-bottom: 30px;}
  .right-content-left-image-outer .left-image-outer {padding-left: 0;}
  .right-content-left-image-outer>div {padding: 0 10px;width:50%}
  .right-content-outer p { margin: 0;}
  .right-content-left-image-outer {margin-bottom: 50px;}


}

@media only screen and (max-width:767px){
  .body-container.left-right-area {padding: 0 15px;}
  .sidebar-nav-module nav {margin-bottom: 32px;}
  .gallery-content-sec {flex-wrap: wrap;}
  .gallery-content-sec>div {max-width: 100%;}
  .gallery-with-lightbox-main {padding-top: 32px;}
  div#image-gallery {flex-wrap: wrap;justify-content: flex-start;}
  .image {margin-right: 10px;margin-bottom: 10px;}
  .image:nth-child(4n+4){margin-right: 0px;}

  .btn-outer-main.first-btn-cta a {min-width: auto;font-size:14px;}
  .btn-outer-main.sec-btn-cta {margin-left: 0px;}

  .left-image-right-content-with-top-title .container {padding: 0;}
  .right-content-left-image-outer {margin-bottom: 0;flex-wrap: wrap;}
  .color-specification-outer .container {padding: 0;}
  .right-content-left-image-outer .left-image-outer {margin-bottom: 30px;}

  .sample-inner-repeater.table-first-row {display: none;}
  .sample-inner-repeater {flex-wrap: wrap;background: #f2f2f2;padding: 20px;margin-bottom: 16px;}
  .sample-inner-repeater .single-cell-text:before {content: "PATTERN TYPE";display: inline-block;vertical-align: middle;font-weight: 600;font-size: 15px;margin-right: 10px;width: 110px;}
  .sample-inner-repeater .single-cell-text:nth-child(2):before{ content: "ARTICLE NO.";}
  .sample-inner-repeater .single-cell-text:nth-child(3):before{content: "DIMENSIONS (height x width)"; }
  .sample-inner-repeater .single-cell-text {width: 100%;border-bottom: 1px solid#ddd;padding: 12px 0;}
  .sample-inner-repeater .single-cell-text:nth-child(2) {width: 100%;}
  .sample-inner-repeater .single-cell-text:nth-child(3) {width: 100%;}
}


@media only screen and (max-width:540px){
  .two-col-repeater-inner-with-btn>* img {max-width: 100% !important;height: auto !important;}
  .sample-order-module .container {padding: 0;}
  .sidebar-nav-module:before {right: 0;}
  .left-right-area .two-col-repeater-section-with-btn .container {padding: 0;}
  .valuation-specification-title, .color-specification-title {margin-bottom: 15px;}
  .right-content-left-image-outer>div {max-width: 100%;}
  .sample-order-module .cta-btn-outer {text-align: center;}
  .sample-order-module .cta-btn-outer .first-btn-cta {margin-bottom: 15px;}
}

/* chandrakant's styling */
.color-specification-repeater .single-color-block .single-color-name {
    display: none;
    transition: .5s ease-in;
    position: absolute;
    width: max-content;
    top: -40px;
    background: #d3d3d3;
    left: -24px;
    border-radius: 5px;
}
.color-specification-repeater .single-color-block:hover .single-color-name{
    display: block;
}
.color-specification-repeater .single-color-block {
    display: inline-block;
    position: relative;
}
.color-specification-repeater .single-color-block .single-color-name h4 {
    font-size: 15px;
    margin: 0;
    padding: 5px;
}
.meeting-nodule-outer iframe {
    min-width: 100% !important;
}
.color-specification-repeater .single-color-block .single-color-image img {
    width: 30px;
    height: 30px !important;
    object-fit: cover;
}

@media(max-width: 480px){
  .specification-group-outer .color-specification-repeater{
   margin: 0 auto; 
  }
  .color-specification-repeater .single-color-block .single-color-image {
    margin: 5px;
  }
  .color-specification-repeater .single-color-block .single-color-name{
   left: -10px; 
  }
}

/*** css  for the from width 10-05-2023 ***/
form {
    max-width: 566px;
    margin-inline: auto;
}
form .hs-input:not(input[type=checkbox]) {
    width: 100% !important;
}




/**** css for recent blog page ****/

.blog-three-recent-posts .filter-outer-grid .filter-single-col {
    width: calc(100%/3 - 24px);
}

.blog-three-recent-posts .filter-desc {
    padding: 10px 0 0;
}

@media (max-width:991px){
.blog-three-recent-posts .filter-outer-grid .filter-single-col {
    width: calc(100%/2 - 24px);
}
}

@media (max-width:767px){
.blog-three-recent-posts .filter-outer-grid .filter-single-col {
    width:100%;
}
  .blog-three-recent-posts .slide-content p {
    max-width: 100%;
}
}


/**** 29-08-2023 ****/
.gallery-content a {
    text-decoration: none !important;
}

.gallery-content .cta-btn {
    padding: 11.5px 46.68px;
    display: inline-block;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 1.2px;
    color: #4B4B4B;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #707070;
    padding: 11.5px 3.25px;
    display: inline-block;
    min-width: 148px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    font-family: 'korolev';
    font-weight: 300;
    box-sizing: border-box !important;
    padding: 11.5px 15px;
    min-width: 168px;
}
.filter-single-content-above .gallery-content .cta-btn {
    border-color: #fff !important;
    color: #fff !important;
}

.gallery-content .cta-btn:hover {
    font-size: 16px;
    letter-spacing: 1.28px;
    color: #000;
    border: 1px solid #000;
    transition: all 0.3s ease-in-out;
    font-weight: 500;
}

/** overlay **/

.filter-single-col.active.show-item:not(.single-wide-two-col) .gallery-content::before {
    display: none;
}

.filter-single-content-above .filter-desc {
    position: absolute;
    bottom: 0;
    padding: 40px;
    width: 100%;
    display: grid;
    height: 100%;
    align-content: flex-end;
}

/** footer **/
.footer__container.content-wrapper.footer-bottom-row > .row-fluid-wrapper > .row-fluid >*:nth-child(2) {
    margin: 0 !important;
}