/*
Theme Name: nice id // creative Theme
Theme URI: 
Author: Klee 2019
Author URI: 
Description: 
Version: 1.0
License: 
License URI: 
Text Domain: klee
Tags: 
*/

/* normalize.css v3.0.3 | */
/*
*/
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%}
body {
    margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden], template {
    display: none;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: 700;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: .67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -.5em;
}
sub {
    bottom: -.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto;
}
input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: 700;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td, th {
    padding: 0;
}
body {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
body, button, input, textarea, .pure-g [class *= "pure-u"] {
    color: #636362;
    font-family: "Roboto", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 1.618;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
}
select {
    color: initial;
    font-family: "Roboto", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: 300;
    margin: 0 0 .5407911001em;
    /*color: #131315;*/
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: 300;
}
.alpha, h1 {
    font-size: 2.617924em;
    line-height: 1.214;
    letter-spacing: -1px;
}
.beta, h2 {
    font-size: 2em;
    line-height: 1.214;
}
.beta+h3, h2+h3 {
    /*border-top: 1px solid rgba(0, 0, 0, .05);*/
    padding-top: .5407911001em;
}
.gamma, h3 {
    font-size: 1.618em;
}
.delta, h4 {
    font-size: 1.41575em;
}
.alpha, .beta, .delta, .gamma {
    display: block;
}
blockquote+h2, blockquote+h3, blockquote+h4, blockquote+header h2, form+h2, form+h3, form+h4, form+header h2, ol+h2, ol+h3, ol+h4, ol+header h2, p+h2, p+h3, p+h4, p+header h2, table+h2, table+h3, table+h4, table+header h2, ul+h2, ul+h3, ul+h4, ul+header h2 {
    margin-top: 2.2906835em;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 0 0 1.41575em;
}
p {
    margin: 0 0 1.41575em;
}
ol, ul {
    margin: 0 0 1.41575em 3em;
    padding: 0;
}
ul {
    list-style: disc;
    padding: 0 6px;
}
ol {
    list-style: decimal;
}
li>ol, li>ul {
    margin-bottom: 0;
    margin-left: 1em;
}
dt {
    font-weight: 600;
}
dd {
    margin: 0 0 1.618em;
}
b, strong {
    font-weight: 500;
}
cite, dfn, em, i {
    font-style: italic;
}
blockquote {
    padding: 0 1em;
    border-left: 3px solid rgba(0, 0, 0, .05);
    font-style: italic;
    margin-top:0;
    margin-bottom:0;
}
address {
    margin: 0 0 1.41575em;
}
pre {
    background: rgba(0, 0, 0, .1);
    font-family: "Courier 10 Pitch", Courier, monospace;
    margin-bottom: 1.618em;
    padding: 1.618em;
    overflow: auto;
    max-width: 100%}
code, kbd, tt, var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    background-color: rgba(0, 0, 0, .05);
    padding: .202em .5407911001em;
}
abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
ins, mark {
    text-decoration: none;
    font-weight: 600;
    background: 0 0;
}
sub, sup {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: 75%}
big {
    font-size: 125%}
figure {
    margin: 0;
}
table {
    margin: 0 0 1.41575em;
    width: 100%}
img {
    height: auto;
    max-width: 100%;
    display: block;
}
a {
    color: #2c2d33;
    text-decoration: none;
    font-weight: 400;
}
.storefront-cute * {
    font-family: "Comic Sans MS", sans-serif;
}
* {
    box-sizing: border-box;
}
body {
    background-color: #fff;
    overflow-x: hidden;
}
.site {
    overflow-x: hidden;
}
.header-widget-region, .site-content {
    -webkit-tap-highlight-color: transparent;
}
.site-header {
    background-color: #2c2d33;
    padding-top: 1.618em;
    padding-bottom: 1.618em;
    color: #9aa0a7;
    background-position: center center;
    position: relative;
    z-index: 999;
    /*border-bottom: 1px solid transparent;*/
}
.site-header .custom-logo-link, .site-header .site-logo-anchor, .site-header .site-logo-link {
    display: block;
}
.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
    max-width: 210px;
}
.site-header .custom-logo-link, .site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link {
    margin-bottom: 0;
    float: left;
}
.site-header .widget {
    margin-bottom: 0;
}
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 4.235801032em;
}
.no-wc-breadcrumb .site-header {
    margin-bottom: 4.235801032em;
}
.no-wc-breadcrumb.page-template-template-homepage .site-header {
    margin-bottom: 0;
}
.header-widget-region {
    position: relative;
    z-index: 99;
}
.site-branding .site-title {
    font-size: 2em;
    letter-spacing: -1px;
    margin: 0;
}
.site-branding .site-title a {
    font-weight: 700;
}
.site-branding .site-description {
    font-size: .875em;
    display: none;
}
.site-main {
    margin-bottom: 2.617924em;
}
.site-content {
    outline: none;
}
.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
    padding-top: 4.235801032em;
}
.page-template-template-homepage .type-page {
    padding-top: 2.617924em;
    padding-bottom: 2.617924em;
    position: relative;
}
.page-template-template-homepage .type-page .storefront-hero__button-edit {
    position: absolute;
    top: 1em;
    right: 1em;
    font-size: .875em;
}
.page-template-template-homepage .entry-content {
    font-size: 1.1em;
}
.page-template-template-homepage .entry-content p:last-child {
    margin-bottom: 0;
}
.page-template-template-homepage .entry-header h1 {
    font-size: 3.706325903em;
    margin-bottom: .2360828548em;
}
.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
    max-width: 41.0994671405em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail {
    background-size: cover;
    background-position: center center;
    padding-top: 6.8535260698em;
    padding-bottom: 6.8535260698em;
}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content, .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title {
    opacity: 0;
    -webkit-transition: all, ease, .5s;
    transition: all, ease, .5s;
}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded, .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title.loaded {
    opacity: 1;
}
.site-footer {
    background-color: #282727;
    color: #76787e;
    padding: 1.618em 0 3.706325903em;
}
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
    color: #65676d;
}
.site-footer a:not(.button) {
    color: #2c2d33;
}
.site-info {
    padding: 2.617924em 0;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
.screen-reader-text {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute!important;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto!important;
    display: block;
    font-weight: 700;
    height: auto;
    left: 0;
    line-height: normal;
    padding: 1em 1.618em;
    text-decoration: none;
    top: 0;
    width: auto;
    z-index: 100000;
    outline: none;
}
.clear:after, .clear:before, .comment-content:after, .comment-content:before, .entry-content:after, .entry-content:before, .site-content:after, .site-content:before, .site-footer:after, .site-footer:before, .site-header:after, .site-header:before {
    content: "";
    display: table;
}
.clear:after, .comment-content:after, .entry-content:after, .site-content:after, .site-footer:after, .site-header:after {
    clear: both;
}
table {
    border-spacing: 0;
    width: 100%;
    border-collapse: separate;
}
table caption {
    padding: 1em 0;
    font-weight: 600;
}
table td, table th {
    padding: 2px 0; 
    text-align: left;
    vertical-align: top;
}
table td p:last-child, table th p:last-child {
    margin-bottom: 0;
}
table th {
    font-weight: 600;
}
table thead th {
    padding: 1.41575em;
    vertical-align: middle;
}
table tbody h2 {
    font-size: 1em;
    letter-spacing: normal;
    font-weight: 400;
}
table tbody h2 a {
    font-weight: 400;
}
.error404 .site-content .widget_product_search {
    padding: 1.618em;
    background-color: rgba(0, 0, 0, .025);
}
.error404 .site-content .widget_product_search form {
    margin: 0;
}
.error404.left-sidebar .content-area, .error404.right-sidebar .content-area {
    width: 100%}
.error404 .fourohfour-columns-2 {
    padding: 2.617924em 0;
    border: 1px solid rgba(0, 0, 0, .05);
    border-width: 1px 0;
    margin-bottom: 2.617924em;
}
.error404 .fourohfour-columns-2:after, .error404 .fourohfour-columns-2:before {
    content: "";
    display: table;
}
.error404 .fourohfour-columns-2:after {
    clear: both;
}
.error404 .fourohfour-columns-2 .widget, .error404 .fourohfour-columns-2 ul.products, .error404 .fourohfour-columns-2 ul.products li.product {
    margin-bottom: 0;
}
.error404 .fourohfour-columns-2 .col-1 {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%}
.error404 .fourohfour-columns-2 .col-1 ul.products li.product {
    width: 45.4545454545%;
    float: left;
    margin-right: 9.0909090909%}
.error404 .fourohfour-columns-2 .col-2 {
    width: 47.8260869565%;
    float: right;
    margin-right: 0;
    padding: 1.618em;
    background-color: rgba(0, 0, 0, .025);
}
#comments {
    padding-top: 2.617924em;
}
#comments .comments-title {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding-bottom: .5407911001em;
    margin-bottom: 1.618em;
}
#comments .comment-list {
    list-style: none;
    margin-left: 0;
}
#comments .comment-list .comment-body:after, #comments .comment-list .comment-body:before {
    content: "";
    display: table;
}
#comments .comment-list .comment-body:after {
    clear: both;
}
#comments .comment-list .comment-content {
    padding-bottom: 1.618em;
    margin-bottom: 1.618em;
}
#comments .comment-list .comment-content .comment-text {
    padding: 1.618em;
    border-radius: 3px;
}
#comments .comment-list .comment-content .comment-text p:last-child {
    margin-bottom: 0;
}
#comments .comment-list .comment-meta {
    margin-bottom: 1em;
}
#comments .comment-list .comment-meta .avatar {
    margin-bottom: 1em;
    max-width: 64px;
    height: auto;
}
#comments .comment-list .comment-meta a.comment-date {
    font-size: .875em;
}
#comments .comment-list .comment-meta cite {
    font-style: normal;
    clear: both;
    display: block;
}
#comments .comment-list .reply {
    margin-bottom: 1.618em;
    padding-top: .6180469716em;
}
#comments .comment-list .reply:after, #comments .comment-list .reply:before {
    content: "";
    display: table;
}
#comments .comment-list .reply:after {
    clear: both;
}
#comments .comment-list .reply a {
    display: inline-block;
    margin-right: 1em;
}
#comments .comment-list .reply a:last-child {
    margin-right: 0;
}
#comments .comment-list .children {
    list-style: none;
}
.comment-content a {
    word-wrap: break-word;
}
#respond {
    clear: both;
    padding: 1.618em;
    background-color: rgba(0, 0, 0, .0125);
    position: relative;
}
#respond .comment-form-author input, #respond .comment-form-email input, #respond .comment-form-url input {
    width: 100%}
#respond .form-submit, #respond form {
    margin-bottom: 0;
}
#respond #cancel-comment-reply-link {
    position: absolute;
    top: .5407911001em;
    right: .5407911001em;
    display: block;
    height: 1em;
    width: 1em;
    overflow: hidden;
    line-height: 1;
    font-size: 1.41575em;
    text-align: center;
    -webkit-transition: ease, .3s, -webkit-transform;
    transition: ease, .3s, -webkit-transform;
    transition: transform, ease, .3s;
    transition: transform, ease, .3s, -webkit-transform;
}
#respond #cancel-comment-reply-link:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
.hentry {
    margin: 0 0 4.235801032em;
}
.hentry .wp-post-image {
    margin-bottom: 1.618em;
    margin-left: auto;
    margin-right: auto;
}
.hentry .entry-header {
    margin-bottom: 1em;
    /*    border-bottom: 1px solid rgba(0, 0, 0, .05);*/
}
.hentry .entry-header .byline, .hentry .entry-header .posted-on {
    font-size: .875em;
}
.hentry .entry-header .byline a, .hentry .entry-header .posted-on a {
    font-weight: 400;
    text-decoration: underline;
}
.hentry .entry-header .byline a:hover, .hentry .entry-header .posted-on a:hover {
    text-decoration: none;
}
.hentry .entry-meta {
    font-weight: 300;
}
.hentry.type-page .entry-header {
    border-bottom: 0;
    margin-bottom: 0;
}
.byline, .updated:not(.published) {
    display: none;
}
.group-blog .byline, .single .byline {
    display: inline;
}
.page-links {
    clear: both;
    margin: 0 0 1em;
}
.author, .cat-links, .comments-link, .tags-links {
    display: block;
    margin-bottom: 1.618em;
}
.author .avatar {
    width: 64px;
    margin-bottom: 1em;
}
form {
    margin-bottom: 1.618em;
}
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}
.added_to_cart, .button, button, input[type=button], input[type=reset], input[type=submit] {
    border: 0;
    background: 0 0;
    background-color: #43454b;
    border-color: #43454b;
    color: #fff;
    cursor: pointer;
    padding: .6180469716em 1.41575em;
    text-decoration: none;
    font-weight: 600;
    text-shadow: none;
    display: inline-block;
    outline: none;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    border-radius: 0;
}
.added_to_cart.alt, .added_to_cart.cta, .button.alt, .button.cta, button.alt, button.cta, input[type=button].alt, input[type=button].cta, input[type=reset].alt, input[type=reset].cta, input[type=submit].alt, input[type=submit].cta {
    background-color: #2c2d33;
    border-color: #2c2d33;
}
.added_to_cart.alt:hover, .added_to_cart.cta:hover, .button.alt:hover, .button.cta:hover, button.alt:hover, button.cta:hover, input[type=button].alt:hover, input[type=button].cta:hover, input[type=reset].alt:hover, input[type=reset].cta:hover, input[type=submit].alt:hover, input[type=submit].cta:hover {
    background-color: #fff;
}
.added_to_cart:hover, .button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    color: #fff;
}
.added_to_cart:focus, .button:focus, button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus {
    outline: none;
}
.added_to_cart.loading, .button.loading, button.loading, input[type=button].loading, input[type=reset].loading, input[type=submit].loading {
    opacity: .5;
}
.added_to_cart.small, .button.small, button.small, input[type=button].small, input[type=reset].small, input[type=submit].small {
    padding: .5407911001em .875em;
    font-size: .875em;
}
.added_to_cart.disabled, .added_to_cart:disabled, .button.disabled, .button:disabled, button.disabled, button:disabled, input[type=button].disabled, input[type=button]:disabled, input[type=reset].disabled, input[type=reset]:disabled, input[type=submit].disabled, input[type=submit]:disabled {
    /*opacity: .5!important;*/
    cursor: not-allowed;
}
.added_to_cart.disabled:hover, .added_to_cart:disabled:hover, .button.disabled:hover, .button:disabled:hover, button.disabled:hover, button:disabled:hover, input[type=button].disabled:hover, input[type=button]:disabled:hover, input[type=reset].disabled:hover, input[type=reset]:disabled:hover, input[type=submit].disabled:hover, input[type=submit]:disabled:hover {
    opacity: .5!important;
}
input[type=checkbox], input[type=radio] {
    padding: 0;
}
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
input[type=search] {
    box-sizing: border-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.input-text, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], textarea {
    padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    outline: none;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .125);
}
.input-text:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus {
    background-color: #e6e5e5;
    color: #2b2c30;
}
textarea {
    overflow: auto;
    padding-left: .875em;
    vertical-align: top;
    width: 100%}
label {
    font-weight: 400;
}
label.inline input {
    width: auto;
}
fieldset {
    padding: 1.618em;
    padding-top: 1em;
    border: 0;
    margin: 0;
    margin-bottom: 1.618em;
    margin-top: 1.618em;
}
fieldset legend {
    font-weight: 600;
    padding: .6180469716em 1em;
    margin-left: -1em;
}
[placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: opacity .5s .5s ease;
    transition: opacity .5s .5s ease;
    opacity: 0;
}
img {
    border-radius: 3px;
}
.comment-content img.wp-smiley, .entry-content img.wp-smiley, .page-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    display: inline-block;
    border-radius: 0;
}
.wp-caption {
    margin-bottom: 1em;
    max-width: 100%}
.wp-caption img[class*=wp-image-] {
    display: block;
    margin: 0 auto;
}
.wp-caption .wp-caption-text {
    text-align: left;
    font-style: italic;
    /*border-bottom: 2px solid rgba(0, 0, 0, .05);*/
    padding: 5px 0;
}
.gallery {
    margin-bottom: 1em;
}
.gallery:after, .gallery:before {
    content: "";
    display: table;
}
.gallery:after {
    clear: both;
}
.gallery .gallery-item {
    float: left;
}
.gallery .gallery-item .gallery-icon a {
    display: block;
}
.gallery .gallery-item .gallery-icon img {
    border: none;
    height: auto;
    margin: 0 auto;
}
.gallery .gallery-item .gallery-caption {
    margin: 0;
    text-align: left;
    font-style:italic;
    color:#3c3c3b;
    font-size:15px;
    margin:5px 0 0 5px;

}
.gallery.gallery-columns-1 .gallery-item {
    width: 100%}
.gallery.gallery-columns-2 .gallery-item {
    width: 50%}
.gallery.gallery-columns-3 .gallery-item {
    width: 33.3%}
.gallery.gallery-columns-4 .gallery-item {
    width: 25%}
.gallery.gallery-columns-5 .gallery-item {
    width: 20%}
.gallery.gallery-columns-6 .gallery-item {
    width: 16.666666667%}
.gallery.gallery-columns-7 .gallery-item {
    width: 14.285714286%}
.gallery.gallery-columns-8 .gallery-item {
    width: 12.5%}
.gallery.gallery-columns-9 .gallery-item {
    width: 11.111111111%}
embed, iframe, object, video {
    max-width: 100%}
.secondary-navigation {
    display: none;
}
button.menu-toggle {
    cursor: pointer;
    text-align: left;
    float: right;
    position: relative;
    border: 2px solid transparent;
    box-shadow: none;
    border-radius: 2px;
    background-image: none;
    padding: .6180469716em .875em .6180469716em 2.617924em;
    font-size: .875em;
}
button.menu-toggle:hover {
    background-image: none;
}
button.menu-toggle span:before {
    -webkit-transition: all, ease, .2s;
    transition: all, ease, .2s;
}
button.menu-toggle span:before, button.menu-toggle:after, button.menu-toggle:before {
    content: "";
    display: block;
    height: 2px;
    width: 14px;
    position: absolute;
    top: 50%;
    left: 1em;
    margin-top: -1px;
    -webkit-transition: all, ease, .2s;
    transition: all, ease, .2s;
    border-radius: 3px;
}
button.menu-toggle:before {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
}
button.menu-toggle:after {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
}
.toggled button.menu-toggle:after, .toggled button.menu-toggle:before {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.toggled button.menu-toggle:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.toggled button.menu-toggle span:before {
    opacity: 0;
}
.primary-navigation {
    display: none;
}
.main-navigation:after, .main-navigation:before {
    content: "";
    display: table;
}
.main-navigation:after {
    clear: both;
}
.main-navigation div.menu {
    display: none;
}
.main-navigation div.menu:last-child {
    display: block;
}
.main-navigation .menu {
    clear: both;
}
.handheld-navigation, .main-navigation div.menu>ul:not(.nav-menu), .nav-menu {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all, ease, .8s;
    transition: all, ease, .8s;
}
.handheld-navigation {
    clear: both;
}
.handheld-navigation ul {
    margin: 0;
}
.main-navigation.toggled .handheld-navigation, .main-navigation.toggled .menu>ul:not(.nav-menu), .main-navigation.toggled ul[aria-expanded=true] {
    max-height: 1750px;
}
.main-navigation ul {
    margin-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.main-navigation ul ul {
    display: block;
    margin-left: 1.41575em;
}
.main-navigation ul li a {
    padding: .875em 0;
    display: block;
}
.main-navigation ul li a:hover {
    color: #e6e6e6;
}
.site-main nav.navigation {
    clear: both;
    padding: 2.617924em 0;
}
.site-main nav.navigation:after, .site-main nav.navigation:before {
    content: "";
    display: table;
}
.site-main nav.navigation:after {
    clear: both;
}
.site-main nav.navigation .nav-next a, .site-main nav.navigation .nav-previous a {
    display: inline-block;
    -webkit-transition: all, ease, .3s;
    transition: all, ease, .3s;
    padding: .6180469716em 1em;
    border-radius: 3px;
}
.site-main nav.navigation .nav-previous {
    float: left;
    width: 50%}
.site-main nav.navigation .nav-previous a:hover {
    -webkit-transform: translate(-1em);
    -ms-transform: translate(-1em);
    transform: translate(-1em);
}
.site-main nav.navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%}
.site-main nav.navigation .nav-next a:hover {
    -webkit-transform: translate(1em);
    -ms-transform: translate(1em);
    transform: translate(1em);
}
.pagination, .woocommerce-pagination {
    padding: 1em 0;
    /*border: 1px solid rgba(0, 0, 0, .05);*/
    /*border-width: 1px 0;*/
    text-align: center;
    clear: both;
}
.pagination ul.page-numbers:after, .pagination ul.page-numbers:before, .woocommerce-pagination ul.page-numbers:after, .woocommerce-pagination ul.page-numbers:before {
    content: "";
    display: table;
}
.pagination ul.page-numbers:after, .woocommerce-pagination ul.page-numbers:after {
    clear: both;
}
.pagination .page-numbers, .woocommerce-pagination .page-numbers {
    list-style: none;
    margin: 0;
}
.pagination .page-numbers li, .woocommerce-pagination .page-numbers li {
    display: inline-block;
}
.pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers {
    border-left-width: 0;
    display: inline-block;
    padding: .3342343017em .875em;
    background-color: rgba(0, 0, 0, .025);
    color: #43454b;
}
.pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: #2c2d33;
    border-color: #2c2d33;
}
.pagination .page-numbers li .page-numbers.dots, .woocommerce-pagination .page-numbers li .page-numbers.dots {
    background-color: transparent;
}
.pagination .page-numbers li .page-numbers.next, .pagination .page-numbers li .page-numbers.prev, .woocommerce-pagination .page-numbers li .page-numbers.next, .woocommerce-pagination .page-numbers li .page-numbers.prev {
    padding-left: 1em;
    padding-right: 1em;
}
.pagination .page-numbers li a.page-numbers:hover, .woocommerce-pagination .page-numbers li a.page-numbers:hover {
    background-color: rgba(0, 0, 0, .05);
}
.rtl .pagination a.next, .rtl .pagination a.prev, .rtl .woocommerce-pagination a.next, .rtl .woocommerce-pagination a.prev {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.widget {
    margin: 0 0 3.706325903em;
}
.widget select {
    max-width: 100%}
.widget .widget-search .search-submit {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute!important;
}
.widget .widget-title, .widget .widgettitle {
    font-size: 1.41575em;
    letter-spacing: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding: 0 0 1em;
    margin-bottom: 1em;
    font-weight: 300;
}
.widget ul {
    margin-left: 0;
    list-style: none;
}
.widget ul ul {
    margin-left: 1.618em;
}
.widget-area .widget {
    font-weight: 300;
}
.widget-area .widget a.button {
    font-weight: 600!important;
}
.header-widget-region:after, .header-widget-region:before {
    content: "";
    display: table;
}
.header-widget-region:after {
    clear: both;
}
.header-widget-region .widget {
    margin: 0;
    padding: 1em 0;
    font-size: .875em;
}
.widget_product_search form, .widget_search form {
    position: relative;
}
.widget_product_search form input[type=search], .widget_product_search form input[type=text], .widget_search form input[type=search], .widget_search form input[type=text] {
    width: 100%}
.widget_product_search form input[type=submit], .widget_search form input[type=submit] {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute!important;
    top: 0;
    left: 0;
}
.widget_archive ul, .widget_categories ul, .widget_layered_nav ul, .widget_layered_nav_filters ul, .widget_links ul, .widget_nav_menu ul, .widget_pages ul, .widget_product_categories ul, .widget_recent_comments ul, .widget_recent_entries ul {
    margin: 0;
}
.widget_archive ul li, .widget_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li, .widget_links ul li, .widget_nav_menu ul li, .widget_pages ul li, .widget_product_categories ul li, .widget_recent_comments ul li, .widget_recent_entries ul li {
    list-style: none;
    margin-bottom: 1em;
    line-height: 1.41575em;
}
.widget_archive ul .children, .widget_categories ul .children, .widget_layered_nav ul .children, .widget_layered_nav_filters ul .children, .widget_links ul .children, .widget_nav_menu ul .children, .widget_pages ul .children, .widget_product_categories ul .children, .widget_recent_comments ul .children, .widget_recent_entries ul .children {
    margin-top: .6180469716em;
    margin-left: 1.618em;
}
.widget_archive ul .children, .widget_categories ul .children, .widget_layered_nav ul .children, .widget_layered_nav_filters ul .children, .widget_links ul .children, .widget_nav_menu ul .children, .widget_pages ul .children, .widget_product_categories ul .children, .widget_recent_comments ul .children, .widget_recent_entries ul .children {
    margin-left: 0;
    margin-top: 1em;
}
.footer-widgets #wp-calendar td, .footer-widgets #wp-calendar th, .widget-area #wp-calendar td, .widget-area #wp-calendar th {
    padding: .236em;
    text-align: center;
}
.widget_pages ul ul.children, .widget_recent_entries ul ul.children {
    margin: .6180469716em 0 0 1.41575em;
}
.widget_rating_filter .wc-layered-nav-rating {
    margin-bottom: .6180469716em;
}
.widget_rating_filter .wc-layered-nav-rating a {
    text-decoration: none!important;
}
.widget_rating_filter .wc-layered-nav-rating .star-rating {
    display: inline-block;
    height: 1em;
    line-height: 1;
}
.widget-area .widget {
    font-size: .875em;
}
.widget-area .widget h1.widget-title {
    font-size: 1.41575em;
}
.widget-area .widget a:not(.button) {
    font-weight: 400;
    text-decoration: underline;
}
.widget-area .widget a:not(.button):hover {
    text-decoration: none;
}
@media (min-width:768px) {
    table.shop_table_responsive tbody tr td, table.shop_table_responsive tbody tr th {
        text-align: left;
    }
    .site-header {
        padding-top: 2.617924em;
        padding-bottom: 0;
    }
    .site-header .site-branding {
        display: block;
        width: 21.7391304348%;
        float: left;
        margin-right: 4.347826087%;
        clear: both;
    }
    .site-header .site-branding img {
        height: auto;
        max-width: 100%;
        max-height: none;
    }
    .woocommerce-active .site-header .secondary-navigation {
        width: 47.8260869565%;
        float: left;
        margin-right: 4.347826087%}
    .woocommerce-active .site-header .site-search {
        width: 21.7391304348%;
        float: right;
        margin-right: 0;
        clear: none;
    }
    .woocommerce-active .site-header .main-navigation {
        width: 73.9130434783%;
        float: left;
        margin-right: 4.347826087%;
        clear: both;
    }
    .woocommerce-active .site-header .site-header-cart {
        width: 21.7391304348%;
        float: right;
        margin-right: 0;
        margin-bottom: 0;
    }
    .site-branding .site-description {
        margin-bottom: 0;
        display: block;
    }
    .custom-logo-link, .site-branding, .site-header-cart, .site-logo-anchor, .site-logo-link, .site-search {
        margin-bottom: 1.41575em;
    }
    .site-header .subscribe-and-connect-connect {
        float: right;
        margin-bottom: 1em;
    }
    .site-header .subscribe-and-connect-connect .icons {
        list-style: none;
        margin: 0;
    }
    .site-header .subscribe-and-connect-connect .icons a {
        font-size: 1em!important;
    }
    .site-header .subscribe-and-connect-connect .icons li {
        margin: 0 0 0 .5407911001em!important;
        display: inline-block;
    }
    .col-full {
        max-width: 66.4989378333em;
        margin-left: auto;
        margin-right: auto;
        padding: 0 2.617924em;
        box-sizing: content-box;
    }
    .col-full:after, .col-full:before {
        content: "";
        display: table;
    }
    .col-full:after {
        clear: both;
    }
    .col-full:after {
        content: " ";
        display: block;
        clear: both;
    }
    .site-content:after, .site-content:before {
        content: "";
        display: table;
    }
    .site-content:after {
        clear: both;
    }
    .content-area {
        width: 73.9130434783%;
        float: left;
        margin-right: 4.347826087%}
    .widget-area {
        width: 21.7391304348%;
        float: right;
        margin-right: 0;
        display:inline-block;
    }
    .right-sidebar .content-area {
        width: 73.9130434783%;
        float: left;
        margin-right: 4.347826087%}
    .right-sidebar .widget-area {
        width: 21.7391304348%;
        float: right;
        margin-right: 0;
    }
    .left-sidebar .content-area {
        width: 73.9130434783%;
        float: right;
        margin-right: 0;
    }
    .left-sidebar .widget-area {
        width: 21.7391304348%;
        float: left;
        margin-right: 4.347826087%}
    .storefront-full-width-content .content-area {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
    }
    .content-area, .widget-area {
        margin-bottom: 2.617924em;
    }
    .page-template-template-fullwidth-php .content-area, .page-template-template-homepage-php .content-area {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
    }
    .footer-widgets {
        padding-top: 4.235801032em;
        border-bottom: 1px solid rgba(0, 0, 0, .05);
    }
    .footer-widgets:after, .footer-widgets:before {
        content: "";
        display: table;
    }
    .footer-widgets:after {
        clear: both;
    }
    .footer-widgets.col-2 .block {
        width: 47.8260869565%;
        float: left;
        margin-right: 4.347826087%}
    .footer-widgets.col-2 .block.footer-widget-2 {
        float: right;
        margin-right: 0;
    }
    .footer-widgets.col-3 .block {
        width: 30.4347826087%;
        float: left;
        margin-right: 4.347826087%}
    .footer-widgets.col-3 .block.footer-widget-3 {
        float: right;
        margin-right: 0;
    }
    .footer-widgets.col-4 .block {
        width: 21.7391304348%;
        float: left;
        margin-right: 4.347826087%}
    .footer-widgets.col-4 .block.footer-widget-4 {
        float: right;
        margin-right: 0;
    }
    .comment-list:after, .comment-list:before {
        content: "";
        display: table;
    }
    .comment-list:after {
        clear: both;
    }
    .comment-list .comment {
        clear: both;
    }
    .comment-list .comment-meta {
        width: 17.6470588235%;
        float: left;
        margin-right: 5.8823529412%;
        text-align: right;
    }
    .comment-list .comment-meta .avatar {
        float: right;
    }
    .comment-list .comment-content {
        padding-bottom: 3.706325903em;
        margin-bottom: 3.706325903em;
    }
    .comment-list #respond, .comment-list .comment-content {
        width: 76.4705882353%;
        float: right;
        margin-right: 0;
    }
    .comment-list #respond {
        float: right;
    }
    .comment-list #respond .comment-form-author, .comment-list #respond .comment-form-email, .comment-list #respond .comment-form-url {
        width: 100%;
        margin-right: 0;
    }
    .comment-list .comment-body #respond {
        box-shadow: 0 6px 2em rgba(0, 0, 0, .2);
        margin-bottom: 2.617924em;
        margin-top: -1.618em;
    }
    .comment-list .reply {
        clear: both;
        text-align: right;
    }
    .comment-list ol.children {
        width: 88.2352941176%;
        float: right;
        margin-right: 0;
        list-style: none;
    }
    .comment-list ol.children .comment-meta {
        width: 20%;
        float: left;
        margin-right: 6.6666666667%}
    .comment-list ol.children #respond, .comment-list ol.children .comment-content {
        width: 73.3333333333%;
        float: right;
        margin-right: 0;
    }
    .comment-list ol.children ol.children {
        width: 86.6666666667%;
        float: right;
        margin-right: 0;
    }
    .comment-list ol.children ol.children .comment-meta {
        width: 23.0769230769%;
        float: left;
        margin-right: 7.6923076923%}
    .comment-list ol.children ol.children #respond, .comment-list ol.children ol.children .comment-content {
        width: 69.2307692308%;
        float: right;
        margin-right: 0;
    }
    .comment-list ol.children ol.children ol.children {
        width: 84.6153846154%;
        float: right;
        margin-right: 0;
    }
    .comment-list ol.children ol.children ol.children .comment-meta {
        width: 27.2727272727%;
        float: left;
        margin-right: 9.0909090909%}
    .comment-list ol.children ol.children ol.children #respond, .comment-list ol.children ol.children ol.children .comment-content {
        width: 63.6363636364%;
        float: right;
        margin-right: 0;
    }
    .comment-list ol.children ol.children ol.children ol.children {
        width: 81.8181818182%;
        float: right;
        margin-right: 0;
    }
    .comment-list ol.children ol.children ol.children ol.children .comment-meta {
        width: 33.3333333333%;
        float: left;
        margin-right: 11.1111111111%}
    .comment-list ol.children ol.children ol.children ol.children #respond, .comment-list ol.children ol.children ol.children ol.children .comment-content {
        width: 55.5555555556%;
        float: right;
        margin-right: 0;
    }
    #respond {
        padding: 2.617924em;
    }
    #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url {
        width: 29.4117647059%;
        float: left;
        margin-right: 5.8823529412%}
    #respond .comment-form-url {
        float: right;
        margin-right: 0;
    }
    #respond .comment-form-comment {
        clear: both;
    }
    .hentry .entry-header {
        margin-bottom: 2.617924em;
    }
    .hentry.type-post:after, .hentry.type-post:before {
        content: "";
        display: table;
    }
    .hentry.type-post:after {
        clear: both;
    }
    .hentry.type-post .entry-meta {
        width: 17.6470588235%;
        float: left;
        margin-right: 5.8823529412%;
        font-size: .875em;
    }
    .hentry.type-post .entry-content {
        width: 76.4705882353%;
        float: right;
        margin-right: 0;
    }
    .handheld-navigation, .main-navigation.toggled .handheld-navigation, .main-navigation.toggled div.menu, .menu-toggle {
        display: none;
    }
    .primary-navigation {
        display: block;
    }
    .main-navigation, .secondary-navigation {
        clear: both;
        display: block;
        width: 100%}

    .element-is-sticky .main-navigation ul, .secondary-navigation ul {
        padding: 6px 0 0 13px !important;
    }
    .main-navigation ul li, .secondary-navigation ul li {
        position: relative;
        display: inline-block;
        text-align: left;
    }
    .main-navigation ul li a, .secondary-navigation ul li a {
        display: block;
    }
    .main-navigation ul li a:before, .secondary-navigation ul li a:before {
        display: none;
    }
    .main-navigation ul li.focus>ul, .main-navigation ul li:hover>ul, .secondary-navigation ul li.focus>ul, .secondary-navigation ul li:hover>ul {
        left: 0;
        display: block;
    }
    .main-navigation ul li.focus>ul li>ul, .main-navigation ul li:hover>ul li>ul, .secondary-navigation ul li.focus>ul li>ul, .secondary-navigation ul li:hover>ul li>ul {
        left: -9999px;
    }
    .main-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device, .main-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device, .secondary-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device, .secondary-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device {
        display: none;
        left: 0;
    }
    .main-navigation ul li.focus>ul li.focus>ul, .main-navigation ul li.focus>ul li:hover>ul, .main-navigation ul li:hover>ul li.focus>ul, .main-navigation ul li:hover>ul li:hover>ul, .secondary-navigation ul li.focus>ul li.focus>ul, .secondary-navigation ul li.focus>ul li:hover>ul, .secondary-navigation ul li:hover>ul li.focus>ul, .secondary-navigation ul li:hover>ul li:hover>ul {
        left: 100%;
        top: 0;
        display: block;
    }
    .main-navigation ul ul, .secondary-navigation ul ul {
        float: left;
        position: absolute;
        top: 100%;
        z-index: 99999;
        left: -9999px;
    }
    .main-navigation ul ul.sub-menu--is-touch-device, .secondary-navigation ul ul.sub-menu--is-touch-device {
        display: none;
        left: 0;
    }
    .main-navigation ul ul li, .secondary-navigation ul ul li {
        display: block;
    }
    .main-navigation ul ul li a, .secondary-navigation ul ul li a {
        width: 200px;
    }
    ul.menu li.current-menu-item>a {
        color: #282727;
    }
    .storefront-primary-navigation {
        clear: both;
        margin-left: -99em;
        margin-right: -99em;
        padding-left: 99em;
        padding-right: 99em;
    }
    .storefront-primary-navigation:after, .storefront-primary-navigation:before {
        content: "";
        display: table;
    }
    .storefront-primary-navigation:after {
        clear: both;
    }
    .main-navigation div.menu {
        display: block;
    }
    .main-navigation ul.menu, .main-navigation ul.nav-menu {
        max-height: none;
        overflow: visible;
    }
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        padding: 1.618em 1em;
    }
    .main-navigation ul.menu>li:first-child, .main-navigation ul.nav-menu>li:first-child {
        margin-left: -1em;
    }
    .main-navigation ul.menu>li.menu-item-has-children:hover:after, .main-navigation ul.menu>li.page_item_has_children:hover:after, .main-navigation ul.nav-menu>li.menu-item-has-children:hover:after, .main-navigation ul.nav-menu>li.page_item_has_children:hover:after {
        display: block;
    }
    .main-navigation ul.menu ul, .main-navigation ul.nav-menu ul {
        margin-left: 0;
    }
    .main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
        padding: .875em 1.41575em;
        font-weight: 400;
        font-size: .875em;
    }
    .main-navigation ul.menu ul li:last-child, .main-navigation ul.nav-menu ul li:last-child {
        border-bottom: 0;
    }
    .main-navigation ul.menu ul ul, .main-navigation ul.nav-menu ul ul {
        margin-left: 0;
        box-shadow: none;
    }
    .main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li:hover>a, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li:hover>a {
        background-color: rgba(0, 0, 0, .025);
    }
    .main-navigation a {
        padding: 0 1em 2.2906835em;
    }
    .secondary-navigation {
        margin: 0 0 1.618em;
        width: auto;
        clear: none;
        line-height: 1;
    }
    .secondary-navigation .menu {
        font-size: .875em;
        width: auto;
        float: right;
    }
    .secondary-navigation .menu>li:hover>a {
        text-decoration: none;
    }
    .secondary-navigation .menu ul a {
        padding: .326em .875em;
        background: rgba(0, 0, 0, .05);
    }
    .secondary-navigation .menu ul li:first-child a {
        padding-top: 1em;
    }
    .secondary-navigation .menu ul li:last-child a {
        padding-bottom: 1em;
    }
    .secondary-navigation .menu ul ul {
        margin-top: -.6180469716em;
    }
    .secondary-navigation .menu a {
        padding: 1em .875em;
        color: #737781;
        font-weight: 400;
    }
    .secondary-navigation .menu a:hover {
        text-decoration: none;
    }
}@media (max-width:66.4989378333em) {
    .col-full {
        margin-left: 2.617924em;
        margin-right: 2.617924em;
        padding: 0;
    }
}@media (max-width:568px) {
    .col-full {
        margin-left: 1.41575em;
        margin-right: 1.41575em;
        padding: 0;
    }
}




/* *************** Fonts */

/* roboto-100 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('fonts/roboto-v18-latin-100.eot'); /* IE9 Compat Modes */
    src: local('Roboto Thin'), local('Roboto-Thin'),
        url('fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/roboto-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/roboto-v18-latin-100.woff') format('woff'), /* Modern Browsers */
        url('fonts/roboto-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'),
        url('fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
        url('fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
        url('fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'),
        url('fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
        url('fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}


@font-face {
    font-family: 'sansation';
    src: url('fonts/Sansation-Regular-webfont.eot');
    src: url('fonts/Sansation-Regular-webfont.eot?#iefix') format('embedded-opentype'),        
        url('fonts/Sansation-Regular-webfont.woff') format('woff'),
        url('fonts/Sansation-Regular-webfont.ttf') format('truetype'),
        url('fonts/Sansation-Regular-webfont.svg#sansationregular') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'sansation';
    src: url('fonts/Sansation-Light-webfont.eot');
    src: url('fonts/Sansation-Light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/Sansation-Light-webfont.woff') format('woff'),
        url('fonts/Sansation-Light-webfont.ttf') format('truetype'),
        url('fonts/Sansation-Light-webfont.svg#sansationregular') format('svg');
    font-weight: 100;
    font-style: normal;

}


/***********************************************************************************************/
/***********************************************************************************************/
/***********************************************************************************************/
/***********************************************************************************************/



.page {
    /*font-family:sans-serif !important;*/
}

p {
    margin: 0 0 14px;
}
a {
    font-weight:inherit;
}
table tbody td {
    /* background-color: #fff;*/
}

.content-area {
    float:none;
    width:100%;
    margin:0;
}

object, embed { 
    outline: none;
}
input::-moz-focus-inner { 
    border: none; 
}

.input-text, input[type="email"], 
input[type="password"], 
input[type="search"], 
input[type="text"], 
input[type="url"], 
textarea {
    box-shadow: none;
}

button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover, 
.button:hover, .added_to_cart:hover, 
.widget a.button:hover, 
.site-header-cart 
.widget_shopping_cart a.button:hover {
    /*background-color:#000 !important;*/
    border-color:#fff;
    border:none;

}

/* *************** Content */
.site-content .container {
    /*max-width:100%;*/
    margin:0 auto;
}

.custominner
{
    max-width:1000px;
    margin:0 auto;
}
.customouter {
    max-width:1400px;
    margin:0 auto;
}
.customfull
{
    width:100%;
    margin:0;
    display:block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}


@media screen and (max-width: 1200px) {
    .custominner {
        padding: 0 3%;
    }

}
.site-main {
    margin-bottom:0;
}
.bottom-line {
    max-width:1200px;
    margin:44px auto 0 auto;
    height:5px;
}



/* *************** Webseiten CI */
/**Headline**/
h1 {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 100;
    font-family:'sansation';
    letter-spacing: 1px;
}
/**Headline kursiv/Claim**/
h2 {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 300;
    font-family:'Roboto';
    /*font-style: oblique;*/
    letter-spacing: 0.2px;
}
/**Labels, Icontext, Buttons**/
h4 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
    font-family:'Roboto';
}
/**Skyline**/
h5 {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 500;
    font-family:'Roboto';
    margin-bottom:0;
    text-transform:uppercase;
}
h6 {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 300;
    font-family:'Roboto';
    margin-bottom:0;
}
h3 {
    line-height: 1.5;
    font-size:25px;
}


@media screen and (max-width: 640px) {
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 30px;
    }    
    h5 {
        font-size: 15px;
    }
    h6 {
        font-size: 15px;
    }

}

blockquote + h2, blockquote + h3, blockquote + h4, blockquote + header h2, form + h2, form + h3, form + h4, form + header h2, ol + h2, ol + h3, ol + h4, ol + header h2, p + h2, p + h3, p + h4, p + header h2, table + h2, table + h3, table + h4, table + header h2, ul + h2, ul + h3, ul + h4, ul + header h2 {
    margin-top: 1.291em;
}

.custombasetext {
    font-family:'Roboto';
    font-weight:300;
    line-height: 1.4;
    color: #282727;
    font-size:15px;
}




/************* BacktoTop */
.backtotop {
    height:133px;
    text-align:center;
    background-color:#b1aa98;
}
.backtotop-button-container {
    width:51px;
    height:27px;
    display:inline-block;
    text-align:center;
    margin:20px;

    /*background-color:#eee;*/
    cursor:pointer;

}


.customgreenbg {
    background-color:#3f3;    
}

/************* Scrolldown Arrow */

.arrow-wrap {
    position:absolute;
    z-index:1;
    left:50%;
    bottom:-2em;
    margin-left:-1em;
    /*background:#111;*/
    width:10em;
    height:10em;
    padding:0;
    /*border-radius:50%;*/
    font-size:0.5em;
    display:block;
    /*box-shadow:0px 0px 8px 0px #333;*/
}

.arrow {
    float:left;
    position:relative;
    width: 35px;
    height: 35px;
    border-style: solid;
    border-width: 0 3px 3px 0;
    border-color: #ffffff;
    -webkit-transform:rotate(45deg)
}

/*
.arrow:after {
    content:'';
    position:absolute;
    top:-3.2em;
    left:-3em;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 3em 3em 0 3em;
    border-color: #111 transparent transparent transparent;
    -webkit-transform:rotate(360deg)
}
*/

.hint {
    position:absolute;
    top:0.6em;
    width:100%;
    left:0;
    font-size:2em;
    font-style:italic;
    text-align:center;
    color:#fff;
    opacity:0;
}


.arrow-wrap:hover .hint {
    opacity:1;
}


@-webkit-keyframes arrows {
    0% { top:0; }
    25% { top:20%; }
    50% { top:0%; }
    75% { top:20%; }
    100% { top:0%; }
}

.arrow-wrap .arrow {
    -webkit-animation-name: arrows;
    animation-name: arrows;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: 99;
    animation-iteration-count: 99;
    animation-direction: normal;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;  
}


/************* Header */

#site-navigation {
    padding-bottom:0;
}

.site-header {
    background:#fff;
    padding-top: 0px;
    padding-bottom: 0;
    margin-bottom:0 !important;
}

.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, .site-footer .storefront-handheld-footer-bar a:not(.button), button.menu-toggle, button.menu-toggle:hover {
    font-family:'Roboto';
    /*font-family:sans-serif;*/
    font-size:18px;
    margin:0;
    padding: 8px 17px 1px 12px !important;
    font-weight:400;
    letter-spacing:0.5px;
    transition: all .1s ease-in-out;
    line-height:1.5;
}
.main-navigation ul li a:hover {
    color:#000;    
}

.navigation-top .wrap {
    max-width: 1000px;
    margin: 0 auto;    
}

#member-login {
    display:block;
    min-height:20px;
    background-color:#fff;
}
.member-login-container {
    max-width:1000px;
    margin:0 auto;
}

.member-login-container a {
    float:right;
    padding:5px 0 5px 0;
}

.member-login-container p{
    margin:0;
    padding:0;
    font-size:18px;
}
.login-icon-container {
    display:inline-block;
    vertical-align:top;
    padding-top: 4px;
}
.login-button-container {
    display:inline-block;
    vertical-align:top;
    padding:10px 20px 0 0;

}

#floating-top-menu {
    background-color:#fff;
    /*padding:20px;*/
    text-align:left;
    text-transform: uppercase;
}

.header-menu-container {
    width: 100%;
    float: left;
    height:66px;
    padding:4px 0 0px 0;
    /*    -webkit-transform: skew(-20deg); 
        -moz-transform: skew(-20deg); 
        -o-transform: skew(-20deg);
        transform: skew(-20deg);  
        margin-right:16px;
    */
}
.header-menu-container li {
    /*
        -webkit-transform: skew(20deg); 
        -moz-transform: skew(20deg); 
        -o-transform: skew(20deg);
        transform: skew(20deg);    
    */
}

.main-menu-mobile {
    /*display:none !important;*/
    /*text-transform: initial !important;*/
    font-weight:300 !important;
}
.custom-logo-mobile {
    display:none;
}
.custom-logo img{
    max-width:185px;
}

.header-logo-container {
    transition: all 0.5s ease;
}


.element-is-sticky .header-logo-container img {
    height:40px;    

}

.element-is-sticky .header-bar {
    padding-top:10px;
}



.element-is-sticky {
    /*box-shadow: 0px 0px 20px #ccc;*/
}




.header-logo-container {
    width: 100%;
    float: right;

}

.element-is-sticky .header-logo-container{
    padding: 0 !important; 
    /*20px 5% 10px 0%;*/
}

.header-logo-container a {
    padding:0;
    margin:0;
}
.header-logo-container img{
    /*height:66px;*/
}

.header-logo-container .custom-logo {
    float:right;    
}


.navigation-top {
    padding-bottom:20px;
}

.element-is-sticky .navigation-top {
    padding-bottom:0 !important;
}

@media screen and (min-width: 769px) {
    .header-menu-container {
        padding:0 0 12px 0;
    }
    .main-navigation ul, .secondary-navigation ul {
        list-style: none;
        margin: 0;
        /*padding-left: 0;*/
        display: block;
        padding: 36px 0 0 13px;
    }
}


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






    .main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, .site-footer .storefront-handheld-footer-bar a:not(.button), button.menu-toggle, button.menu-toggle:hover {
        line-height:1.4;
    }

    #top-menu {
        padding:0;  
    }

    .header-bar {
        padding:0 2%;
    }

    .header-menu-container {
        /*padding:0 0 12px 0;*/
        padding: 22px 2px 17px 0;
    }

    .element-is-sticky .header-logo-container img {
        height:auto;   

    }

    .element-is-sticky .header-logo-container{
        /*padding: 10px 2% 10px 2%;*/
    }    


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

    .custom-logo {
        display:none;
    }

    .custom-logo-mobile {
        display:inline-block !important;
        float:right;
        /*padding:10px 5px 5px 5px !important;*/
        padding:7px 0 0 0;
    }
    .pass-button {
        margin-top:12px;
    }
    .main-menu-mobile {
        display:inline-block !important;
    }


    #mobile-menu-toggle {
        display:inline-block !important;
        float:right;
        cursor:pointer;
        margin: 12px 7px 24px 0;
        height: 25px;
        /*min-width: 26px;*/
        width:100%;
    }

    #mobile-menu-toggle img{
        /*width:32px;*/
        margin:0;
        padding:0;
    }


    #mobile-menu-toggle .menu-icon{
        padding:0px 0 0 8px !important;
        margin:0;
        width:42px;
    }    
    #mobile-menu-toggle .mobile-icon{
        padding:0;
        margin:0;
        width:100px;
    }    

    #mobile-menu-toggle .mobile-icon {
        display:inline-block;
    }
    #mobile-menu-toggle .menu-icon {
        display:inline-block;
    }
    #mobile-menu-toggle .contact-icon {
        margin-right: 13px;
        display:inline-block;
    }



    .header-logo-container a{
        /*float:left;*/
        /*padding-top:2px;*/
    }

    #member-login {
        display:none;
    }
    .header-logo-container img{
        width:40%;
    }

    .menu-toggle {
        display:none;
    }
    .header-menu-container {
        width: 100%;
        float: left;
        height:auto;
        /*padding:12px;*/
        -webkit-transform: skew(0deg); 
        -moz-transform: skew(0deg); 
        -o-transform: skew(0deg);
        transform: skew(0deg);  
        margin-right:0px;
        display:none;
        line-height:1.6;
    }
    .header-menu-container li {
        -webkit-transform: skew(0deg); 
        -moz-transform: skew(0deg); 
        -o-transform: skew(0deg);
        transform: skew(0deg);    
    }
    .header-logo-container img{
        padding:10px;
        height:auto;
    }

}

@media screen and (max-width: 600px) {
    .header-logo-container {
        padding:0;
        height:auto;
    }

}




.menu-scroll-down {
    display:none;
}

#top-menu .current-menu-item {
    color:#000;
    background-color:#b1aa98;
    /*  border-bottom:5px solid #333;*/
}

#menu-header-single .current-menu-item {
    color:#000;
    background-color:#b1aa98;
    /*  border-bottom:5px solid #333;*/
}

.header-bar {
    /*height:72px;*/
}

.menu-item a {
    color: #b1aa98;
}
.menu-item:hover a {
    color: #282727;
}

.mobile-menu-left {
    text-align:left;    
}
.mobile-menu-left img {
    padding: 4px 0 0 8px;    
}
.mobile-menu-right {
    text-alignright;
}



@media only screen and (max-width: 768px) and (min-width: 601px) {
    #mobile-menu-toggle img{
        /*margin-top:8px;*/
        /*width:36px;*/
    }
}



@media only screen and (max-width: 1000px) and (min-width: 769px) {
    .header-logo-container img{
        height:auto;
    }

}



/********* Suche ********/

#mobile-search-form {
    margin-bottom:10px;
}


.search-mobile {
    float:right;
    padding:4px 12px;
    font-weight:400;
    font-family:'Roboto';
    font-size:20px;

}
.search-mobile-icon{
    width:35px;
    height:35px;
    background-color:#fff;    
    display:inline-block;
    float:right;
    cursor:pointer;
}
.search-mobile-input {
    padding:0 10px !important;
    width:80%;
    height:35px;
    background-color:#fff !important;
    display:inline-block;
    text-align:right;

}


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

    .search-mobile {
        display:block !important;
    }
}



/****** Footer ******/


.site-footer {
    padding: 41px 0 300px 0;
}

.footer-info-container {
    margin-top:0px;

}
.footer-info-container .footer-headline{
    clear:both;
    font-weight:400;
    font-size:19px;
    padding-bottom:11px;
    /*font-family: sans-serif;*/
}
.footer-info-container .subzeile{
    margin:20px auto 20px auto;
    font-size:15px;
    font-family:'Roboto'; 
    font-weight:300;
    color:#8a8a8d;
    text-align:center;

}
.footer-info-container .subzeile a:hover{
    color:#fff;
}


.footer-logo {
    margin:6px auto 26px auto;
    text-align:center;    
}
.footer-logo img{
    margin:0 auto;
    text-align:center;    
}


.footer-text-column {
    font-size:15px;
    line-height:23px;
}

.footer-list-item a {
    color: #aaa;
    font-family:'Roboto';
    font-size:15px;
    font-weight:300;
}
.footer-list-item:hover {
    color: #fff;
}
.footer-list-item {
    color: #dadad9;
    clear:both;
    display:inline-block;
    float:left;
    height:22px;
    text-rendering: optimizeLegibility;
}
.footer-bullet{
    padding:0 10px 0 0;
    display:inline-block;
    float:left;
    color:#b1aa98;

}
.site-footer a:not(.button) {
    color: #fff; 
    /*inherit !important;*/
}
.footer-search-container {
    height:58px;
    background-color:#565656;
    width:100%;
    margin-top:10px;
}
.footer-widget-container {
    width:100%;
    float:right;
    padding:0;
    vertical-align:top;
    color:#fff;
    font-size:15px;
}
.footer-search-form {
    /*width:80%;*/
    margin:0;
    padding:0;
    text-align:left;
}
.footer-search-form #search {
    border-style: none;
    background-color: #565656;
    color: white;
    font-weight: bold;
    padding: 14px 0 15px 18px;    
    font-size:17px;
    font-weight:100;

}
.footer-search-form #search-icon {
    padding: 0px 0 0px 0px;    
}

.footer-right-column {
    text-align:right;
}
.footer-contact-details {
    float:right;
    text-align:left;
    width:100%;
    font-size:15px;
    font-family: 'Roboto';
    font-weight:300;
}
.footer-contact-details h5 {
    margin-bottom:10px;
}
.footer-social{
    margin:7px 7px 0 2px;
    color:#fff;
}
.footer-social img{
    /*top: 12px;*/
    /*position: relative;*/
    margin-right: 5px;   
    display: inline;
    width:38px;
}
.social-name {
    position:relative;
    top:-6px;
    margin-left:5px;
}

.footer-social-1,
.footer-social-2,
.footer-social-3,
.footer-social-4
{
    clear:both;
    line-height:20px;

}
.footer-social-1,
.footer-social-2,
.footer-social-3
{
    margin-right:2px;
}

@media screen and (max-width: 768px) {
    .site-footer .pure-g {
        padding-left:7%;
        margin-bottom:30px;
    }
    .footer-right-column {
        display:block;
        width:100%;
        text-align:left;
        text-align:left;
        margin-top:30px;
    }

    .footer-widget-container {
        text-align:left;
        float:left;
    }
    .site-footer .subzeile {
        padding-left:7%;
        float:left;
    }
    .site-footer .subzeile p{
        color:#8a8a8d;
    }
    .footer-list-item {
        height:26px;
    }
    .footer-list-item a {
        font-size:18px;
    }

    .footer-right-column {
        margin-top:50px;
    }

}


/****** SLideout ******/


#slideout {
    position: relative;
    top: 24px;
    left: 0;
    width: 80px;
    height:0;
    padding: 12px 0;
    text-align: center;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-align:center;
}
#slideout_inner {
    position: relative;
    top: -270px;
    left: -1400px;
    background: #fff;
    width: 1400px;
    padding: 25px;
    height: 370px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-align: left;
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}
#slideout:hover {
    left: -25px;
}
#slideout:hover #slideout_inner {
    left: 0;
}
#slideout .infobox {
    display:inline-block; 
    margin-right:20px;
    height:250px; 
    width:390px;
    margin-right:10px;
    background-position: top right;
    background-size: auto;
    background-repeat: no-repeat;
    padding: 25px 0 0 25px;
    vertical-align:top;
    overflow:hidden;

}
.slideout-label {
    text-align:center;
    color:#fff;
    padding:65px 10px 65px 28px;

    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
}

/****** Content Sections ******/

.cs-container {
    overflow:hidden;
}


/****** Product Teaser ******/

.product-grid {
    margin-top:32px;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;    
}
.product-grid-item {
    width:33.3333333333%;
    display:inline-block;
    padding-bottom:20px;
    /*overflow:hidden;*/
    cursor:pointer;
}
.product-grid-wrapper {
    min-height:500px;
    position:relative;
    overflow:hidden;
}
.product-teaser-image {
    min-height:500px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;
    transition: all .3s ease-in-out;    
}

.product-grid-item:hover .product-teaser-image{
    transform: scale(1.1);   
}


.product-claim {
    position: absolute;
    width: 100%;
    min-height: 170px;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
}
.category-news .product-claim {
    position: absolute;
    width: 100%;
    min-height: 170px;
    right: 0;
    bottom: 0;
    background:#3c3c3e ;
}
.category-news .product-teaser-image {
    min-height:625px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;
    transition: all .3s ease-in-out;    
}


.category-news .product-grid-wrapper {
    min-height:625px;
    position:relative;
    overflow:hidden;
}

.category-news .product-claim {
    position: absolute;
    width: 100%;
    min-height: 300px;
    right: 0;
    bottom: 0;
    background:#3c3c3e ;
}

.category-news .product-claim .excerpt-container{
    margin:20px 5px 0 0;
    font-size:15px;
    line-height:1.3;    
}

.category-news .product-grid-item:nth-child(5n+1) {
    padding-left:0;
    padding-right:10px;
    width:33%;
}
.category-news .product-grid-item:nth-child(5n+2) {
    padding-left:5px;
    padding-right:5px;
    width:33%;
}
.category-news .product-grid-item:nth-child(5n+3) {
    padding-left:10px;
    padding-right:0;
    width:33%;
}
.category-news .product-grid-item:nth-child(5n+4) {
    padding-left:0px;
    padding-right:0;
    width:66%;
}
.category-news .product-grid-item:nth-child(5n+5) {
    padding-left:15px;
    padding-right:0;
    width:33%;
}

.category-news .product-grid-item:nth-child(5n+4) .product-claim
{
    width:50%;
}



.product-claim-text {
    width: 100%;
    min-height: 170px;
    /*  padding: 23px 12px 0 30px;*/
    padding: 23px 16px 5px 30px;
}

.category-news .product-claim-text {
    width: 100%;
    min-height: 300px;
    /*  padding: 23px 12px 0 30px;*/
    padding: 23px 16px 5px 30px;
}


.product-grid-item:nth-child(3n+1) {
    padding-left:0;
    padding-right:10px;
}
.product-grid-item:nth-child(3n+2) {
    padding-left:5px;
    padding-right:5px;
}
.product-grid-item:nth-child(3n+3) {
    padding-left:10px;
    padding-right:0;
}
@media screen and (max-width: 900px) {
    .product-grid-item {
        width:100%;
        padding-right:0 !important;
        padding-left:0 !important;
    }
    .category-news .product-grid-item:nth-child(5n+1) {
        width:100%;
    }
    .category-news .product-grid-item:nth-child(5n+2) {
        width:100%;
    }
    .category-news .product-grid-item:nth-child(5n+3) {
        width:100%;
    }
    .category-news .product-grid-item:nth-child(5n+4) {
        width:100%;
    }
    .category-news .product-grid-item:nth-child(5n+5) {
        width:100%;
    }
    .category-news .product-grid-item:nth-child(5n+4) .product-claim
    {
        width:100%;
    }

    .single .breadcrumb-container {
        margin-left:3%;
        margin-right:3%;
    }
    .single article {
        margin:0 3%;
    }

    /*
    .product-grid-item:nth-child(2n+1) {
        padding-left:12px;
        padding-right:0;
    }
    .product-grid-item:nth-child(2n+2) {
        padding-left:12px;
        padding-right:0;
    }
    */
}
@media screen and (max-width: 600px) {
    .product-grid-item {
        width:100%;
        padding:20px 0 20px 0 !important;
    }
}


/********* Teaser **********/


.teaser-header-claim-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    min-height: 652px;
    position: relative;
}

.teaser-header-claim {
    width: 50%;
    min-height: 250px;
    right: 0;
    padding: 30px 0 0 41px;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    bottom: 0;

}
.teaser-button-container .more-button {
    position:absolute;
    bottom:0;
    right:0;
    padding: 12px 33px 8px 33px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    font-family: 'Roboto';
    display: inline-block;
    cursor:pointer;
}

.category-news .teaser-button-container .more-button {
    position:absolute;
    bottom:0;
    right:0;
    padding: 12px 20px 20px 33px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    font-family: 'Roboto';
    display: inline-block;
}
.teaser-button-container {
    /*min-height:220px;*/
    width:100%;
    position:relative;
}

.teaser-bild {
    border-bottom: 10px solid #b1aa98;
}


/************Banner******************/

.banner-image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;    
}

@media screen and (max-width: 768px) {
    .banner {
        padding:0 !important;        
    }
}


/************Banner Nice******************/

.banner-image-nice {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;
    transition: all 5s ease-in-out;
    transform: scale(1.1);
}

@media screen and (max-width: 768px) {
    .banner-nice {
        padding:0 !important;    
        /*transform:initial !important;*/
    }
    .banner-image-nice{
        background-position-x: -200px;
        /*transform: scale(1.1) translate(60px, 0px);*/
        min-height:500px !important;
        transform: scale(1);
        transition: none;
    }
    #banner-wrapper-nice {
        max-height:500px !important;
    }
    .banner-nice {
        min-height:500px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 601px) {
    .banner-image-nice{
        background-position-x: -50px;
    }    
}



.parallax-window .bannerclaim {
    margin:0 auto; 
    max-width:1000px;
    position:relative;
    padding-top:9%
}

@media screen and (max-width: 1000px) {
    .parallax-window .bannerclaim {
        margin:0 auto; 
        max-width:96%;
        position:relative;
        padding-top:30%;
    }
    .banner-image-nice{
        /*transform: initial;*/
        /* background-position-x: -252px;*/

    }

}


/************Button******************/

.more-button {
    padding:8px 32px 9px 32px;
    font-size: 17px;
    line-height: 26px;
    font-weight: 300;
    font-family:'Roboto';
    display:inline-block;
}


/************Feature Header******************/

#feature-header-wrapper {
    position:relative;
}


.feature-header-image {
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;      
}

.feature-header-claim-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    min-height: 652px;
    position: relative;
}

.feature-header-claim {
    width: 100%;
    min-height: 50%;
    right: 0;
    /*background: rgba(0, 0, 0, .7);*/
    position: absolute;
    bottom: 0;
    text-align:center;
}
.feature-header-text {
    width: 100%;
    /*min-height: 230px;*/
    /*padding: 30px 12px 0 41px;*/
}


.feature-header-image .more-button {
    /*    position:absolute; */
    /*    bottom:0;*/
    /*    right:0;*/
}
.feature-button-container {
    width:100%;
    position:relative;
    margin-top: 26px;
}

/************ Text zweispaltig******************/

.text-two-column ul,
.text-two-column-variant ul,
.text-one-column ul

{
    margin: 0 0 20px 16px;
    /*list-style: none;*/
}

.text-two-column li {
    /*padding-left:4px;*/
    list-style: disc;
}

.text-two-column li:before {
    /*content: "●"; */
    /*color: #bfd786;*/
    display: inline-block; 
    width: 24px;
    margin-left: -15px;
    font-size: 9px;
    vertical-align: top;
    padding-top: 2px;    
}


.custom-button {
    padding:11px 52px 11px 52px;
    background-color:#3c3c3b;
    color:#fff;
    font-family:'Roboto';
    font-size:22px;
    text-align:center;
    display:inline-block;
    font-weight:300;
    transition: all 0.5s ease-in-out;
}
.custom-button a{
    color:#fff;
}

.custom-button:hover {
    /*background-color:lighten($linkcolour, 50%);*/
    color:#fff !important;
}



.intro-wrapper {
    margin-top:0;
    padding:0;
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
}    

.intro1 {
    padding-top:77px;
}
.intro2 {
    text-align:right;
    padding: 55px 16px 0 0px;
}

.intro3 {
    text-align:center;
    padding: 34px 0 0 19px;
}
.intro2 p {
    margin: 0 0 4px;
}


@media screen and (max-width: 1000px) and (min-width: 601px) {
    .intro-wrapper {
        padding:30px !important;
    }
    .intro1 {
        padding-top:0;
    }
}


@media screen and (max-width: 600px) {
    .intro-wrapper {
        background-color:#282727 !important;
        padding:30px !important;
        background-image:none !important;
    }
    .intro1 {
        padding-top:0;
    }
    .intro2 {
        text-align:left;
        padding: 34px 0 0 10px
    }
    .intro3 {
        text-align:left;
        padding: 60px 0 19px 10px;
    }
    #termin .terminlinks {
        text-align:center;
        padding:10px;    
    }
    #termin .buttonwrapper {
        text-align:center !important;
    }
    #termin .terminrechts {
        text-align:center;
        padding:10px;    
    }
    #termin  {
        padding:0 !important;    
        margin:0 !important;    
    }
    #termin .text-two-column-left {
        padding:0;
    }

}

.text-two-column-left {
    padding-right:10px;   
}
.text-two-column-right {
    padding-left:10px;   
}

.text-three-column-left {
    padding-right:2px;   
}
.text-three-column-mid {
    padding:0 1px;   
}

.text-three-column-right {
    padding-left:1px;   
}



@media screen and (max-width: 768px) {
    .text-two-column-left {
        padding:0 0 40px 0;   
    }
    .text-two-column-right {
        padding:0 0 40px 0;   
    }
    .text-three-column-left {
        padding:0 0 40px 0;   
    }
    .text-three-column-mid {
        padding:0 0 40px 0;   
    }

    .text-three-column-right {
        padding:0 0 40px 0;   
    }

    .feature-header-claim {
        min-height: 21%;
    }


    .feature-header-claim {
        width:100%;
    }
    .cs-container {
        padding:2%;
    }

    .text-one-column {
        padding:4%;
    }
    .feature-header {
        padding:0;
        min-height:inherit !important;
    }

    .feature-header-text {
        padding:  0;
        margin: 0 auto;
        width: 90%;
    }
    #top-menu .current-menu-item {
        border-bottom:0;
    }
    #top-menu .current-menu-item a{
        color:#282727;
    }
    #slideout {
        display:none;
    }

    .text-one-column table {
        height:auto !important;
    }


}
/*********** Kontaktformular *******/

.labelclass {
    color:#eaeaea;
    font-family:'Roboto';
    font-size:18px;
    text-align:left;
    display:inline-block;
    font-weight:300;    
}

.wpcf7-form p {
    margin:0;
    padding:0;
}


.wpcf7-form input:focus {
    color:#fff;
}

.wpcf7-form .menu-466 select {
    width:480px;
} 
.wpcf7-form .custom-select {
    margin-bottom:11px;
    margin-top:0px;
} 
.wpcf7-form .firma input {
    width:480px;
    margin-bottom:11px;
    padding: 8px 20px;
} 
.wpcf7-form .fullname input {
    width:240px;
    margin-bottom:19px;
    padding: 17px 20px 5px 14px;
    color:#282727;
    font-family:'Roboto';
    font-size:17px;
    font-weight:300;    
} 
.wpcf7-form .company input {
    width:245px;
    margin-bottom:19px;
    padding: 17px 20px 5px 14px;
    color:#282727;
    font-family:'Roboto';
    font-size:17px;
    font-weight:300;  
    margin-left: 5px;
} 
.wpcf7-form .phone input {
    width:245px;
    margin-bottom:19px;
    padding: 17px 20px 5px 14px;
    color:#282727;
    font-family:'Roboto';
    font-size:17px;
    font-weight:300; 
    margin-left: 5px;
} 
.wpcf7-form .emailaddress input {
    width:240px;
    margin-bottom:19px;
    padding: 17px 20px 5px 14px;
    color:#282727;
    font-family:'Roboto';
    font-size:17px;
    font-weight:300;    
} 
.wpcf7-form .ihrenachricht textarea {
    width:500px;
    min-height:178px;
    margin-bottom:0px;
    padding-left: 14px;
    padding-top: 17px;
    color:#282727;
    font-family:'Roboto';
    font-size:17px;
    font-weight:300;    

} 
.wpcf7-form .ajax-loader{
    width:0;
    float:left;
    margin:0;
    padding:0;

} 
.wpcf7-form .wpcf7-submit {
    padding: 5px 25px 8px 25px;

    font-size: 18px;

    /*padding: 3px 38px;*/
    background-color: #282727;
    color: #b1aa98;
    font-family: 'Roboto';
    /*    font-size: 18px;*/
    text-align: center;
    display: inline-block;
    font-weight: 300;
    transition: all 0.5s ease-in-out;
}
.wpcf7-form .wpcf7-list-item{
    margin-left:0;
}
.wpcf7-form .wpcf7-list-item input {
    margin-right:10px;
}

span.wpcf7-not-valid-tip {
    font-size:18px;
    padding-bottom: 8px;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {

    border: 2px solid #fff;

}
.wpcf7-response-output {
    margin:0;
}
.cf7-halfsize {
    width:49.5%;
    display:inline-block;
    padding-right:10px;
    vertical-align: top;
}

.kontaktlight .fullname input {
    width:200px;
} 
.kontaktlight  .company input {
    width:200px;
} 
.kontaktlight  .emailaddress input {
    width:280px;
} 
.kontaktkontakinspirator .product-grid-item {
    margin:0 auto;
}

.contact-form-right {
    padding-top:10px;
}

.submitwrapper {
    float:right;
    position: relative;
    top: -42px;
}


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

    .contact-form {
        padding:0 4%;
        /*padding-top: 40px !important;*/
    }

    .wpcf7-form select {
        width:100% !important;
        clear:both !important;
    }
    .labelclass {
        display:inherit;
    }
    .contact-form-right label {
        float:right;
    }
    .contact-form-left {
        padding-right:12px;
    }

    .custom-select {
        max-width:100% !important;
        width:100% !important;

    }
    .wpcf7-form .firma input {
        max-width:100% !important;
        width:100% !important;
    } 
    .wpcf7-form .fullname input {
        max-width:100% !important;
        width:100% !important;
    } 
    .wpcf7-form .company input {
        max-width:100% !important;
        width:100% !important;
    } 
    .wpcf7-form .emailaddress input {
        max-width:100% !important;
        width:100% !important;
    } 
    .wpcf7-form .phone input {
        max-width:100% !important;
        width:100% !important;
    } 
    .wpcf7-form textarea {
        max-width:100% !important;
        width:100% !important;
        clear:both !important;
        /*margin:0 2% ;*/
    } 
    .cf7-halfsize {
        width:100%;
        display:inline-block;
        padding-right:0px;
        vertical-align: top;
    }
    .wpcf7-submit {
        margin-top:20px;
    }
    .submitwrapper {
        float:right;
        position: relative;
        top: 0px;
    }

}



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

    .contact-form-right label {
        float:left;
    }

    .footer-spalte-3 {
        width:100%;
    }


    .footer-spalte-4 {
        width:100%;
    }

    .wpcf7-form input {
        width:100% !important;
        clear:both !important;
        margin:5px 0 !important;

    } 
    .wpcf7-form select {
        width:100% !important;
        clear:both !important;
        margin:5px 0 !important;
    } 
    .wpcf7-form textarea {
        width:100% !important;
        clear:both !important;
        margin:5px 0 !important;
    } 
    .cf7-halfsize {
        width:100%;
        display:inline-block;
        padding-right:0;
        vertical-align: top;
        margin:5px 0 !important;
    }
    .wpcf7-submit {
        margin-top:0px !important;
    }
}


@media screen and (max-width: 800px) {
    .contact-form-left {
        padding-right:0px !important;
    }

    .footer-spalte-4 {
        margin-top:40px;
    }

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







object, embed { 
    outline: none;
}
input::-moz-focus-inner { 
    border: none; 
}
input:focus {
    background-color:#00f;
}

.input-text, input[type="email"], 
input[type="password"], 
input[type="search"], 
input[type="text"], 
input[type="url"], 
textarea {
    box-shadow: none;
    font-size:18px;
}

button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover, 
.button:hover, .added_to_cart:hover, 
.widget a.button:hover, 
.site-header-cart 
.widget_shopping_cart a.button:hover {
    border:none;
}

.pflichttext {
    padding:0;
    color:#282828;
    margin-top:0px;
}


/****** Custom Select ********/

.custom-select {
    position: relative;
    display: inline-block;
}
.custom-select select {
    width: 100%;
    margin: 0;
    outline: none;
    padding: 10px 20px 9px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    font-weight:400;
}
.custom-select::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 1em;
    z-index: 2;
    pointer-events: none;
    display: none;
}
.custom-select {
    background: #cfdd9d; 
    color:#fff;
    border:0;
    margin-top: 0.5em;
}
.custom-select select {
    /* color:#fff;*/
}
.custom-select option{
    color:#3a3a3a;
}
.custom-select::after {
    border-top: 7px solid #fff;
}

.custom-select select:focus {
    /*box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);*/
    /*box-shadow: 0 0 0 3px -moz-mac-focusring;*/
    color: #fff; /* Match-02 */
}

.custom-select select:focus {
    /*color:#fff;*/
}
.custom-select:hover {
    border-color: #fff;
}
.custom-select option {
    font-weight:400;
}

/****** Slider ********/

#slider-wrapper {
    position:relative;
}

.slider-image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;

}
/*
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 40px; line-height: 1; color: red; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }   

.slick-prev:before { content: "‹"; }
[dir="rtl"] .slick-prev:before { content: "›"; }

[dir="rtl"] .slick-next { left: -10px; top: 70px; right: auto; }
.slick-next:before { content: "›"; }
[dir="rtl"] .slick-next:before { content: "‹"; }
*/
.slick-next {
    right: 25px;
}
.slick-prev {
    left: 25px;
}
.nextarrow {
    width:30px;
    height:50px;
    position:absolute;
    top:50%;
    right:40px;
    cursor:pointer;
    z-index:100;
    -webkit-transition: all, ease, .5s;
    transition: all, ease, .5s;
}
.nextarrow img{
    float:right;
}

.nextarrow:hover {
    transform: scale(1.1,1.1)
}
.prevarrow:hover {
    transform: scale(1.1,1.1)
}

.prevarrow {
    width:30px;
    height:50px;
    position:absolute;
    top:50%;
    left:40px;
    cursor:pointer;
    z-index:100;
    -webkit-transition: all, ease, .5s;
    transition: all, ease, .5s;
}

.slick-dots {
    bottom: -81px;
}

.slick-dots li {
    width: 20px;
    height: 30px;
}

.slick-dots li button::before {
    font-size: 12px;
}

.slick-dots li button:hover::before {
    color: #282727 !important;    
}

.slick-dots li button:focus::before  {
    color: #282727 !important;
}



.slick-dots li.slick-active button::before {
    color:#282727 !important;
    opacity:1 !important;
}



@media screen and (max-width: 1000px) {
    .slider {
        padding:0;
        min-height:initial !important;
    }
    .slider-image {
        height:auto;
        /*width:100% !important;*/
        /*background-size: center;*/
        min-height:400px !important;
    }
}
@media screen and (max-width: 768px) {

    .nextarrow {
        display:none;
    }
    .prevarrow {
        display:none;
    }

    .slider-image {
        height:320px;
        /*background-size: contain;*/
        min-height:320px !important;

    }
    .slick-arrow {
        display:none !important;
        width:40px !important;
    }
}

@media screen and (max-width: 600px) {
    .slider-image {
        height:400px;
        /*background-size: contain;*/
        min-height:400px !important;
    }
}
@media screen and (max-width: 400px) {
    .slider-image {
        height:220px;
        /*background-size: contain;*/
        min-height:220px !important;
    }
}



/****** Videobox ********/

#main-video video {
    width:100%;
    border-bottom:10px solid #b1aa98;
}

.videobox-container .videosection {
    width:100%;
}



.video {

}

@media screen and (max-width: 900px) {
    .videobox {
        padding:0;
        min-height:inherit !important;
        height:auto;
    }
    .videobox iframe{
        height:400px;
    }

}

@media screen and (max-width: 767px) {
    .videobox {
        padding:0;
        min-height:inherit !important;
        height:auto;
    }
    .videobox iframe{
        height:300px;
    }

}

/***** Training teaser *******/
#training-teaser .text-three-column-left {
    padding-right: 12px;
}
#training-teaser .text-three-column-right {
    padding-left: 12px;
}
#training-teaser .text-three-column-mid {
    padding-left: 6px;
    padding-right: 6px;
}





/*********** Beitragsseite ******/

/*********** Beitragsseite mit Sidebar******/
.page-template-page-with-sidebar .site-content-contain .wrap {
    max-width:1000px;
    margin:0 auto;
}

.page-template-page-with-sidebar .content-area {
    width: 73.9130434783%;
    display:inline-block;
}


/****** Service seite ********/

.page-id-2049  li::before {
    color:#636362 !important;
}

.servicebullet {
    margin-right:8px;
}
.servicelist {
    line-height:1.22;
    font-size: 15px;
}

.servicecol1 {
    width:5%;    
}
.servicecol2 {
    width:95%;    
}

.servicepanel {
    padding: 27px 0 0 45px;
    min-height: 260px;
}

.servicepanel:nth-of-type(2n+1) {
    border-right:5px solid #282727;
    border-bottom:10px solid #282727;
}
.servicepanel:nth-of-type(2n+2) {
    border-left:5px solid #282727;
    border-bottom:10px solid #282727;
}
.serviceicon {
    position:absolute;
    right:0;
    top:0;
    min-height:80px;
    padding: 20px 37px 0 0;
}
.servicetext p {
    margin: 1px 0px 6px 0px;
}

@media screen and  (max-width: 600px) {
    .servicepanel:nth-of-type(2n+1) {
        border:5px solid #282727;
    }
    .servicepanel:nth-of-type(2n+2) {
        border:5px solid #282727;
    }
    .servicepanel {
        padding: 15% 0 8% 5%;
    }
    .servicecol1 {
        width:6%;    
    }
    .servicecol2 {
        width:94%;    
    }

}

@media screen and (max-width: 1000px) and (min-width: 601px) {
    .servicepanel {
        padding: 9% 0 5% 5%;
    }
    .servicecol1 {
        width:6%;    
    }
    .servicecol2 {
        width:94%;    
    }

}


/******* Tiles ******/

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


.tiles-image {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.tilesnice-image {
    opacity:0.7;
}
.tilesnice-image:hover {
    opacity:1;
}
.tilesnice-image img {
    border:2px solid #fff;
}



.tiles-wrapper {
    width:240px;
    margin-right:0;
    margin-left:0;
    display:inline-block;  
    line-height:0;
}

.tiles-container {
    line-height: 0;
    text-align:center;
    margin: 0 auto;

}

.tiles-image {
    padding:0;
}
.tiles-image img {
    margin:0 auto;
}


.tiles-wrapper .tiles-image{
    /*width:220px;*/
}


.icon-rechts {
    float:right;
    margin-right:5%;
}

img {
    border-radius:0;
}

/*********** 2 Tiles *******/


.two-tiles-text-right{
    padding:0 22px 0 55px;
    overflow:hidden;
}

.two-tiles-text-right h1:before {
    content:'';                                 
    display:block;                                 
    margin:-7px 0;
}


@media screen and (max-width: 900px) {
    .two-tiles-text-right{
        padding:30px 12px !important;
    }
    .two-tiles-text-right{
        padding:0 3% 0 3%;
        overflow:hidden;
    }
    .cs-two-tiles {
        padding:0 !important;
    }
    .cs-three-tiles {
        padding:0 !important;
    }

}

.three-tiles-text-right{
    padding:55px 20px 0 55px;
    overflow:hidden;
}


/*********** text variant *******/

.text-two-column-variant-right {
    padding:76px 20px 0 55px;
    background-position: right center;
    background-size:auto;
    background-repeat: no-repeat;    
}

.text-two-column-variant ul li{
    /*
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABXSURBVHjaYmQAggPXWwOAVD8QKwDxAyAudNCs3sAIlDAAcs4zYAJHJiCRz4AdxDNBjcIGFECSG3FIbmSEOghkpwGSxAWQnYwwHlBBAsy1QJcuAIkBBBgAhukVA5RPaa0AAAAASUVORK5CYII=");
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAJCAYAAAD+WDajAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABiSURBVHjaYmQAggPXWwOAVD8QKwDxAyAudNCs3sAIlDAAcs4zYAJHJiCRz4AdxDNBjcIGFECSG3FIbmSEOghkpwGSxAWQnYwwHlBBAsy1QJcuAIkx/v//nwEXYGLAAwACDADxrhgDHDnFDAAAAABJRU5ErkJggg==");
    */
}



@media screen and (max-width: 1000px) {
    .text-two-column-variant-right {
        background-position: center center;
        margin-top:80px;

    }
}
@media screen and (max-width: 768px) {
    .text-two-column-variant-right {
        background-image:none !important;
        margin-top:80px;

    }
}
@media screen and (max-width: 600px) {
    .two-tiles-text-right{
        padding:30px 20px 30px 55px;
        overflow:hidden;
    }
}

/***** Member **************/
.pass-button {
    color: #bfd786 !important;
    background-color: #3c3c3b !important;
    padding: 12px 33px 8px 33px !important;
    font-size: 18px !important;
    line-height: 26px !important;
    font-weight: 400 !important;
    font-family: 'Roboto' !important;
    display: inline-block;
}



a.anchor {
    /*
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
    */
}


.single-featured-image-header img{
    width:100%;
}




.custom-select .wpcf7-not-valid-tip {
    /*padding-left:20px;*/
}


.mce-cl-half {
    width:50%;
    padding:0 5px 10px 0;
    float:left;
}
.mce-cl-third {
    width:33%;
    padding:0 5px 10px 0;
    float:left;
}
.mce-cl-two-third {
    width:66%;
    padding:0 5px 10px 0;
    float:left;
}

.mce-clear {
    clear:both;
}


/****** Suche *******/
.search-desktop-input {
    display: inline-block;
    vertical-align:top;
    color:#3a3a3a;
    background-color:#fff;
    font-weight:500;
    border-left: 1px solid #6f6f6f;
    padding:0px 10px;
    margin:4px 0 0 0
}
.search-desktop-input input {
    font-weight:500;
    font-size:17px;
}
.search-results header {
    margin-bottom: 0px !important;
}

.search-results .pagination .page-numbers  {
    /*color:#eaeaea;*/
    font-family:'Roboto';
    font-size:18px;
    text-align:left;
    display:inline-block;
    font-weight:300;
    padding:11px 20px !important;

}

.search-results .pagination .current {
    /*color:#fff;*/
    background-color:#eaeaea;
    font-family:'Roboto';
    font-size:18px;
    text-align:left;
    display:inline-block;
    font-weight:400;
    padding:20px;
    border:0;
}

.archive .pagination .page-numbers  {
    /*color:#eaeaea;*/
    font-family:'Roboto';
    font-size:30px;
    text-align:left;
    display:inline-block;
    font-weight:300;
    margin:11px 0px !important;
    border-right:2px solid #e4e4e4;
    color:#e4e4e4;
    padding: 1px 20px;
    line-height:1;
}

.archive .pagination .page-numbers:last-child  {
    border-right:0;
}


.archive .pagination .current {
    color:#6f6f6f;
    /*background-color:#eaeaea;*/
    font-family:'Roboto';
    font-size:30px;
    text-align:left;
    display:inline-block;
    font-weight:400;
    border-right:2px solid #e4e4e4;
    padding: 1px 20px;
    line-height:1;
}

.archive .pagination .nextx {
    display:none;
}
.archive .pagination .prevx {
    display:none;
}

/************** Newsmag ********************/
.newsheader {
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;

}
.news-title {
    display:inline-block;
    padding:8px 0 0 20px;
    margin:0;
    color:#2c2d33;
    font-size:50px;
    font-family:'Roboto';
    font-style:italic;
    vertical-align:top;

}

.news-container {
    background: rgb(237,238,238);
    background: -moz-linear-gradient(top, rgb(237,238,238) 47%, rgb(255,255,255) 100%);
    background: -webkit-linear-gradient(top, rgb(237,238,238) 47%,rgb(255,255,255) 100%);
    background: linear-gradient(to bottom, rgb(237,238,238) 47%,rgb(255,255,255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeeee', endColorstr='#ffffff',GradientType=0 );   
}

.news-container .product-grid {
    padding-top:85px;
}


.category-news {

}

.cat-filter-headline {
    font-weight: 500;
    font-size: 18px;

}

.breadcrumb-container {
    margin:15px auto;
    max-width:1200px;
    font-size: 20px;
    font-weight: 300;
}
.breadcrumb-container a{
    color:#636362;
}


.cat-filter-container{
    margin:15px auto;
    max-width:1200px;
}
.cat-filter {
    width:80%;
    display:inline-block;
    margin-left:7px;
}
.cat-filter-container .search-wrap {
    width:32%;
    display:inline-block;
    vertical-align:top;
    float:right;
    background-color:#eaeaea !important;
}
.cat-filter-container input {
    background-color:#eaeaea !important;
}
.cat-filter li {
    width:25%;
    /* display:inline-block;*/
    list-style: disc;
    float: left;
    padding-left: 0;     
    margin:0 0 0 10px;
}
.cat-filter ul {
    overflow: auto; 
    margin:0 0 0 10px;
    padding-right:0;    
}
.cat-filter li a{
    font-size:18px;
    color:#636362;
    font-weight:300;

}

@media screen and (max-width: 768px) {
    .cat-filter li {
        width:90%;
        /* display:inline-block;*/
        margin:0 0 0 10px;
    }


    .cc_container .cc_btn {
        font-size: 16px !important;
        display: block;
    }

}


.search-news-icon{
    width:45px;
    height:45px;
    display:inline-block;
    float:right;
    cursor:pointer;
    margin-right:5px;
}
.search-news-input {
    padding:0 20px !important;
    width:80%;
    height:46px;

    display:inline-block;
    text-align:left;

}

/*********************************/

.beitrag-image {
    min-height:514px;
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;        
}
@media screen and (max-width: 1000px) {
    .beitrag-image {
        min-height:414px;
    }

}


@media screen and (max-width: 770px) {
    .beitrag-image {
        min-height:314px;
    }

}

/************CS Sidebar ***************/

.cs-wrapper .widget-area {
    width: 100%;
    float: left;
    margin: 0;
    display: inline-block;
}


/************CS Newsletter ***************/


.cs-newsletter {
    min-height:500px;
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;        

}

.newsletter-links {
    min-height:500px;
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;        

}
.newsletter-rechts {
    background-color:rgba(0, 0, 0);
    min-height:380px;
}
.newsletter-text {
    display:inline-block;
    float:left;
    padding:30px 0 0 40px;
}
.newsletter-logo {
    display:inline-block;
    float:right;
    padding:30px 40px 0 0;    
}
#newsletterform .wpcf7-submit {
    padding:2px 20px;
    margin:0;
}
#newsletterform .more-button {
    padding:0;
    margin:0;
}
#newsletterform .cf7-halfsize {
    width:47%
}
#newsletterform  .vorname input {
    width:100%;
    margin-bottom:0;
}
#newsletterform  .nachname input {
    width:100%;
    margin-bottom:0;
}
#newsletterform  .emailadresse input {
    width:100%;
    margin-bottom:0;
}
#newsletterform  .emaillabel {
    margin-top:10px;    
}
.cs-newsletter  form {
    margin:14px 0 0 0;
    width:100%;
}


.mfp-arrow::before {
    border:0 !important;
}    
.mfp-arrow::after {
    border:0 !important;
}    

.mfp-arrow {
    margin-top:0 !important;
    width:60px !important;
    top:49% !important;
}


button.mfp-close, button.mfp-arrow{
    height: 42px !important;
    width:60px !important;
}
.mfp-arrow-left {
    /*background: url('https://www.nice-id.de/wp-content/uploads/arrow-left.png') no-Repeat top left !important;*/
    width: 50px;
    height: 40px;
    left: 37px !important;
}

.mfp-arrow-right {
    /*background: url('https://www.nice-id.de/wp-content/uploads/arrow-right.png') no-Repeat top left !important;*/
    width: 50px;
    height: 40px;
}

.mfp-arrow-left::before,
.mfp-arrow-right::before {
    display: none;
    content:''
}

.mfp-arrow-left::after,
.mfp-arrow-right::after {
    display: none;
    content:''
}    

#shinytable {
    background: #282727; 
    background: -moz-linear-gradient(top, #282727 0%, #282727 60%, #ffffff 60%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #282727 0%,#282727 60%,#ffffff 60%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #282727 0%,#282727 60%,#ffffff 60%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282727', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */    
}
#shinytable .banner-image {
    background-size:auto !important;
}


@media screen and (max-width: 1000px) {
    .mfp-arrow {
        top:47% !important;
    }


    #newsletterform .emailadresse input {
        width:93% !important;
    }
    .newsletter-logo {
        display:none;
    }
}


#newsletterform  .wpcf7-response-output {
    border:0;
    margin:5px 0;
    padding:0 0 0 40px;    
    color:#fff;
    font-size: 18px;
}


.feature-header-image {
    min-height:652px;
}
.feature-header-claim-container-mobile {
    /*min-height:230px;*/
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    position: relative;        

}

#terminbuttons .text-two-column-left {
    padding-right:26px;   
}
#terminbuttons .text-two-column-right {
    padding-left:26px;   
}

.goldbutton {
    letter-spacing: 1px;
    position:relative;    
}

.goldbutton:after {
    position:absolute;    
    display: inline-block;
    content: "";
    top: 28px;
    right: 30px;
    /*margin-left: 30px;*/
    width: 25px;
    height: 25px;
    transform: rotate(-45deg);
    border-right: 2px solid rgba(0,0,0,.8);
    border-bottom: 2px solid rgba(0,0,0,.8);
}

.goldbutton:hover::after {
    right: 20px;
    transition: all, ease, .2s;
}



@media screen and (max-width: 1000px) {
    .feature-header-image {
        min-height:523px;
    }

    .feature-header-claim-container {
        min-height: 523px;
    }

}

@media screen and (max-width: 770px) {
    .feature-header-claim-container-mobile {
        display:block !important;
    }
    .feature-header-claim-container {
        display:none;
    }

    .feature-header-image {
        min-height:323px;
    }

    .feature-header-claim-container {
        min-height: 423px;
    }

}


/***************** Member Area ************/
.member-buttons {
    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */

    font-family: Roboto, FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;

    /*display: -webkit-flex;*/
    -webkit-flex-flow: row wrap;

    display: -ms-flexbox;
    -ms-flex-flow: row wrap;

    /* Prevents distributing space between rows */
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

@media screen and (max-width: 770px) {
    .member-button {
        width:100% !important;
        margin:0 auto 10px auto !important;
    }      
    .memberheader .login-button-container,
    .memberheader  .login-icon-container {
        padding-top:0 !important;
    }
    .memberheader #mobile-menu-toggle a {
        padding:0 !important;
    }

}


@media screen and (max-width: 1000px) {
    .member-kontakt .custominner {
        padding-left: 3% !important;
        padding-right: 3% !important;
    }

}


.entry-content {
    font-size:18px;
}

.rangeslider,
.rangeslider__fill {
    display: block;
    -moz-box-shadow: 0 !important;
    -webkit-box-shadow: 0 !important;
    box-shadow: none !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.rangeslider {
    background: #9f9f9f;
    position: relative;
}

.rangeslider--horizontal {
    height: 20px;
    width: 100%;
}

.rangeslider--vertical {
    width: 20px;
    min-height: 150px;
    max-height: 100%;
}

.rangeslider--disabled {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}

.rangeslider__fill {
    background: #bfd786 !important;
    position: absolute;
}

.rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%;
}

.rangeslider--vertical .rangeslider__fill {
    bottom: 0;
    width: 100%;
}

.rangeslider__handle {
    background: white;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    background-image: none;
    background-size: 100%;
    box-shadow: none;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border-color: #bfd786;
    border: 3px solid #bfd786;
}

.rangeslider__handle:after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.rangeslider__handle:active {
}

.rangeslider__handle::after {
    background-image: none !important;
}

.rangeslider--horizontal .rangeslider__handle {
    top: -10px;
    touch-action: pan-y;
    -ms-touch-action: pan-y;
}

.rangeslider--vertical .rangeslider__handle {
    left: -10px;
    touch-action: pan-x;
    -ms-touch-action: pan-x;
}

input[type="range"]:focus+.rangeslider .rangeslider__handle {
}

.rangeslider__handle::after {
    background-color: #bfd786;
}

.legende {
    width: 100%;
    margin: 0 0;

}

.unit {
    text-align: center;
    display: inline-block;
    font-size: 20px;
    font-family: 'Roboto';
    color: #bfd786 !important;
}

.amountslider {
    margin:0px auto 10px auto;
}

.kontakinspirator .labelclass {
    color:#3c3c3c !important;
    font-family: 'Roboto';
    font-size: 20px !important;
    text-align: left !important;
    font-weight: 300;
    margin:0 0 4px 0;
}

.hideinspirator {
    margin:0 auto;
}

.kontakinspirator .custom-select select {
    width: 100%;
    margin: 0;
    outline: none;
    padding: 14px 20px 15px 15px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 300;
}


.kontakinspirator .inspirator-left {
    padding-right:10px;
}
.kontakinspirator .inspirator-right {
    padding-left:10px;
}

.kontakinspirator .wpcf7-text {
    width:95% !important;
    padding:11px !important;
}


.redbar-wrapper {
    max-width:1000px;
    margin:0 auto;
    height:0;
}

.redbar {
    position:relative;
    top:0;
    left:0;
    width:32%;
    height:12px;
    background-color: #b1aa98;
    z-index:300;
}

#floating-top-menu {
    z-index:301;
}

/******** Custom **********/



#csid-2 .text-two-column-right img {
    /*margin-top:9px;*/
}
#csid-2 .text-two-column-left .headline {
    /*line-height: 54px;*/
}

#digitalisierung .text-two-column-left {
    padding-left:70px;
}

.custombasetext p:first-child {
    margin:4px 0 !important;
}


span.wpcf7-not-valid-tip {
    color:#fff;
    font-size:15px;
    margin-left: 16px;
}

#kontakt .contact-form-right {
    padding-top:11px;
}

#kontakt .contact-form-right {
    padding-top:11px;
}



#agentur, #agentur:active, #agentur:focus,
#leistungen, #leistungen:active, #leistungen:focus,
#digitalisierung, #digitalisierung:active, #digitalisierung:focus,
#referenzen, #referenzen:active, #referenzen:focus,
#kontakt, #kontakt:active, #kontakt:focus,
#csid-1, #csid-1:active, #csid-1:focus,
#csid-2, #csid-2:active, #csid-2:focus,
.anchor, .specialoffer

{
    outline: none !important;
    outline: 0 !important;
}









/******************  Mobilanpassungen  **********************/

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

    .headline-versal {
        font-size:17px !important;
    }


    .redbar {
        width:50%;
    }

    #kontakt .nachname input,
    #kontakt .vorname input,
    #kontakt .telefonnummer input,
    #kontakt .nachricht input
    {
        margin: 10px 0;
    }

    #kontakt .emailadresse input 
    {
        margin: 10px 0 20px 0;
    }


    #kontakt {
        padding-top: 50px;
    }

    #terminbuttons .text-two-column-left,
    #terminbuttons .text-two-column-right 
    {
        padding:30px 0px;
    }

    #terminbuttons .buttonwrapper
    {
        text-align:center !important;
    }

    #training {
        padding-top:50px !important;
        padding-bottom:50px !important;
    }
    #csid-2 img {
        /*float:none;*/
    }
    #csid-2 {
        /*padding-top:60px !important;*/
    }

}

@media screen and (max-width: 1000px) {
    #digitalisierung .text-two-column-left {
        padding-left:2%;
    }

}


a, a:active, a:focus, 
button, button:focus, button:active, 
.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
    outline: 0;
}

input::-moz-focus-inner {
    border: 0;
}

.wpcf7-spinner {
    width:0 !important;
    margin:0 !important;
    padding:0 !important;
}
.wpcf7-textarea {
    resize: none;
}







@supports (-webkit-appearance:none) or (appearance: none) or ((-moz-appearance:none) and (mask-type:alpha)) {
    .custom-select::after {
        display: block;
    }
    .custom-select select {
        padding-right: 2em; 
        background: none; 
        border: 1px solid transparent; 
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .custom-select select:focus {
        border-color: #aaa; 
    }
}


@-moz-document url-prefix() {
    .custom-select {
        overflow: hidden;
    }
    .custom-select::after {
        display: block;
    }
    .custom-select select {
        overflow: -moz-hidden-unscrollable;
        padding-right: .4em;
        background: none; 
        border: 1px solid transparent; 
        min-width: 6em;
        width: 130%;
        min-width: -moz-calc(0em);
        width: -moz-calc(100% + 2.4em);
        min-width: calc(0em);
        width: calc(100% + 2.4em);
    }
    @supports ( mask-type: alpha ) {
        .custom-select {
            overflow: visible;
        }
        .custom-select select {
            -moz-appearance: none;
            width: 100%;
            padding-right: 2em; 
        }
    }
}