/* 
	Theme Name: ZALTO Glas GmbH 2018
	Theme URI: http://theme.preis.fr/
	Description: ZALTO Glas 2018 child theme for Genesis Framework.
	Author: BUREAU PREIS
	Author URI: https://www.preis.fr/

	Version: 1.1.0

	Tags: one-column
	Template: genesis

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

	Text Domain: zalto18
 
 Table of Contents
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
	- Float Clearing
- Defaults
	- Typographical Elements
	- Headings
	- Objects
	- Gallery
	- Forms
	- Tables
	- Screen Reader Text
- Structure and Layout
	- Site Container
	- Site Inner
- Common Classes
	- Avatar
	- Genesis
	- Search Form
	- Titles
	- WordPress
- Widgets
	- Featured Content
- Plugins
	- Genesis eNews Extended
	- Genesis Simple FAQ
	- Jetpack
	- Spinner
- Skip Links
- Site Header
	- Title Area
- Site Navigation
	- Responsive Menu
	- Header Menu
	- Footer Menu
- Content Area
	- Entry Content
	- Entry Meta
	- Pagination
	- Entry Comments
- Sidebar
- Footer Widgets
- Site Footer

- Media Queries
	- Min-width: 960px
		- Site Header
		- Genesis Menu
		- Responsive Menu
		- Header Menu
		- Site Inner
		- Content
		- Sidebar
		- Author Box
		- After Entry
		- Column Classes
		- Entry Misc.
		- Footer Widgets
- Print Styles
*/
/* @group FONTS */
@font-face {font-family: 'FuturaNDBook';src: url('webfonts/35EE24_0_0.eot');src: url('webfonts/35EE24_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/35EE24_0_0.woff2') format('woff2'),url('webfonts/35EE24_0_0.woff') format('woff'),url('webfonts/35EE24_0_0.ttf') format('truetype'),url('webfonts/35EE24_0_0.svg#wf') format('svg');}
 
@font-face {font-family: 'FuturaND-Medium';src: url('webfonts/35EE24_1_0.eot');src: url('webfonts/35EE24_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/35EE24_1_0.woff2') format('woff2'),url('webfonts/35EE24_1_0.woff') format('woff'),url('webfonts/35EE24_1_0.ttf') format('truetype'),url('webfonts/35EE24_1_0.svg#wf') format('svg');}
/* @end */ 

/* @group ROOT */

:root {
    --zalto18-bg-color: #FFFFFF;
    --zalto18-link-color: #3b3b3b;
    --zalto18-link-hover-color: #727471;
    --zalto18-text-color: #727471; 
    --zalto18-padding: 6px; 
    
   --font-family-base: 'FuturaNDBook', sans-serif;
   --font-size-base: 15px;
   --font-weight-base: 400;
   --line-height-base:1.525;
   --body-color: #727471;  
   --$body-bg: #FFFFFF; 

}
/* @end */
/* @group HTML5 Reset */

.pswp{ display: none;}
    
*:focus {outline:none}
button:focus {outline:0 !important;}

/* @group Baseline Normalize */
normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

/* @end */ /* @group Box Sizing */

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}
/* @end */ /* @group Float Clearing */

.author-box::before,
.clearfix::before,
.entry::before,
.entry-content::before,
.footer-widgets::before,
.nav-primary::before,
.nav-secondary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
	content: " ";
	display: table;
}

.author-box::after,
.clearfix::after,
.entry::after,
.entry-content::after,
.footer-widgets::after,
.nav-primary::after,
.nav-secondary::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
	clear: both;
	content: " ";
	display: table;
}
span {
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  /* hyphens: auto; */
}
/* @end */
/* @end *//* @group Defaults */
/* @end *//* @group Typographical Elements */

html {
	font-size: 62.5%; /* 10px browser default */
    overflow-x: hidden;
    /* height: 101%; */
    /* margin-right: calc(-1 * (100vw - 100%)); */ 
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased; 
    font-family: 'FuturaNDBook', sans-serif;
}

/* Chrome fix */
body > div {
	font-family: 'FuturaNDBook', sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.525;
    color:#727471;
}

body > div > a {
    text-decoration: none;
}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  
}	

button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
	/* transition: all 0.2s ease-in-out; */
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
/*	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;*/
}

a {
	color: #3b3b3b;
	text-decoration: none;
}

a:hover,
a:focus, a:hover h2 {
	color: #000;
	text-decoration: none;
}
p {
	margin: 0 0 24px;
	padding: 0;
}
.txt-b{
	color: #3b3b3b;
	text-decoration: none;
}
.txt-date{
	color: #3b3b3b;
    text-transform: uppercase;
    font-size: 0.85em;
    line-height: 1.8;
}

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

li {list-style-type: none;}

hr {
	border: 0;
	border-collapse: collapse;
	border-top: 1px solid #eee;
	clear: both;
	margin: 30px 0;
}

b,strong {font-weight: 400;color: #3b3b3b;}

blockquote,
cite,
em,
i {
	font-style: italic;
}

mark {
    background: #f5f5f5;
    color: #3b3b3b;
    padding: 4px 8px;
}

blockquote {
	margin: 30px;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	font-size: 3rem;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}
/* @end */ /* @group unzer payment */
.zalto-at .unzerUI.left {
    transform: unset;
    -webkit-transform: unset;
}
.zalto-at.woocommerce-checkout #payment ul.payment_methods li .unzerInput label {
    padding-left: 0px;
    font-family: 'FuturaNDBook', sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.525;
    color: #727471;
}
.zalto-at .unzerUI.input>.unzerInput, .unzerUI.input>input {
    box-shadow: none;
}
.zalto-at .unzerUI {
    font-family: unset;
}
.unzerUI.form, .zalto-at.woocommerce-checkout #payment div.payment_box {
    margin: 0.33rem 0 2rem 0;
}
.zalto-at.woocommerce-checkout #payment div.payment_box {
    font-size: 1em;
    color: #727471;
}
.zalto-at .unzerUI i:before {
   filter: saturate(0%) brightness(0.85) contrast(1);
}

/* @end */ /* @group 404 */
.error404 .entry-title{
    text-align: center;
}

/* @end */ /* @group Template Home */
.home .entry{
    margin-bottom: 20px;
}

/* @end */ /* @group Template Full */

.zgl18-page-full .site-inner {
	
}
.zgl18-page-full .site-inner .entry{
   
}
/* @end */ /* @group Template Full Slider */

.zgl18-page-full-slider .site-inner {
	
}
.zgl18-page-full-slider .content {
   
    width: 100%;
    padding: 0;}

.sticky-posts{
   
   margin: 0px 30px 60px 30px;
}
.sticky-posts h2{
   
   text-align: center;
}

/* @end */ /* @group Template Full Background Image */

.full-background {
	position: absolute;
	height: 692px;
	width: 100%;
	margin-top: 24px;
}
.no-featured-image .full-background {
/* background: url(images/your-image-title.jpg) no-repeat;
height: 180px; adjust this to support your image */
}
.zgl18-page-fullbg .site-inner {
    min-height: 692px;
    -webkit-box-shadow: 0 0 0 0px rgba(0,0,0,0);
    box-shadow: 0 0 0 0px rgba(0,0,0,0);
    width: 100%;
    max-width: 1144px;
    padding: 0 12px;
   
    }
@media only screen and (max-width: 959px) {
	.full-background {height: 692px;}
}
@media only screen and (max-width: 480px) {
	.full-background {height: 342px;}
}
.zgl18-page-fullbg .content, .zgl18-page-fullbg .nav-primary2nd{
   /* background-color: rgba(255,255,255,0.25); */
}
/* @end */ /* @group Template framed */
.zgl18-page-framed .site-inner, .woocommerce-page .site-inner {
  /* -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1); */
  /*  box-shadow: 0 0 0 1px rgba(0,0,0,.1); */
}
.zgl18-page-framed .content {width: 80%;}
@media only screen and (max-width: 959px) {
.zgl18-page-framed .content {width: 100%;}

}
/* @end */ /* @group Template page */
.page-wraper {width:100%;margin:0 auto;
}
.woocommerce .page-wraper {padding: 0 0 0 0px;}
@media only screen and (max-width: 959px) {
.page-wraper {width:100%;}
}

/* @end */ /* @group Headings */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
    font-weight: normal;
    display:block;
    width: 100%;
    line-height: 1.55em;
    padding-bottom: 1em;
    
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;

   
		}
	
h1,h2,h3,h4,.h1,.h2,.h3,.h4{
     letter-spacing: 0.3rem;
     text-transform: uppercase;
    }

.h1, h1, .h2, h2 {
    font-size: 1.8rem;
    font-size: 18px;
}
.h3, h3, .h4, h4 {
    font-size: 1.5rem;
    font-size: 15px;
}

h5,h6,.h5,.h6{
	font-size: 1.5rem;
	font-size: 15px;
	letter-spacing: 0.15rem;
    text-transform: none;
}
h1,h3,h5,.h1,.h3,.h5{
	color: #3b3b3b;
}
h2,h4,h6,.h2,.h4,.h6{
	color: #727471;
}

.payment-box label{
    font-size: 1.8rem;
    font-size: 18px;
    letter-spacing: 0.15rem;
    text-transform: uppercase;
    color: #3b3b3b;
}
.payment-box {
    display: block;
    width:100%;
    margin: 0 auto;
}

    

.payment-box label img, a.about_paypal{
  display: none !important;
}


/* @end */ /* @group Objects */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
	vertical-align: top;
	display: flex;
    margin: 0 auto;
}

figure {
	margin: 0;
}

/* @end */ /* @group Forms */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.1);
    color: #333;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 400;
	padding: 6px 12px;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}
input[type=checkbox],
input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
	 border: 1px solid #ccc;
    box-shadow: none;
    -webkit-appearance: none;
    display: inline-block;
    width: 16px !important;
    height: 16px !important;
    background: #fff;
    border-radius: 45%;

}
       
input[type="checkbox"]:checked, input[type=checkbox]:checked {
    background: #ccc;
    box-shadow: inset 0 0 0 0 #FFF;
    border: 1px solid #ccc;
}    

input[type="checkbox"]{
        
    position: relative;
    background: #fff;
   
}

::-moz-placeholder {
	color: #333;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #333;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	border: none;
	border-radius: 0rem;
    cursor: pointer;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: normal;
	padding: 1em 2em 0.8em 2em;
	margin: 0.5em 0;
	text-align: center;
	text-decoration: none;
	white-space: normal;
	width: 100%;
	text-transform: uppercase;
    
    
/*    
    background: rgba(0,0,0,.05);
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px rgba(0,0,0,.1); */


    color: #3b3b3b;
    background-color: rgba(0,0,0,.1);
    
    
    -o-transition:color .5s ease-out, background 0.15s ease-in;
  -ms-transition:color .5s ease-out, background 0.15s ease-in;
  -moz-transition:color .5s ease-out, background 0.15s ease-in;
  -webkit-transition:color .5s ease-out, background 0.15s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .5s ease-out, background 0.15s ease-in;
}

button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.button:focus,
.button:hover {
	 /*  
   text-decoration: none;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px rgba(0,0,0,.1); */
    background: rgba(0,0,0,.05);
    color: #222;
    border-radius: 2px;

}






.entry-content .button:focus,
.entry-content .button:hover {
	 color: #222;

}

.button {
	display: inline-block;
}

a.button.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
	padding: 8px 16px;
}

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
	background-color: #eee;
	border-width: 0;
	color: #777;
	cursor: not-allowed;
}
.btn {
    font-weight: normal;
    border-radius: 0;
    min-width: 10em;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid green;
  -webkit-text-fill-color: green;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

.zoom-card {
    display: block;
    padding: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 0;
    overflow: hidden;
}
.zoom-card:hover {
    filter: brightness(103%);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,0.15);
    background-size: 152% auto;
}

/* @end */ /* @group Tables */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
	word-break: break-all;
}

tbody {
	border-bottom: 1px solid #eee;
}

td,
th {
	text-align: left;
}

td {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;

	padding: 6px;
}

th {
	font-weight: 400;
	padding: 0 6px;
}

td:first-child,
th:first-child {
	padding-left: 0;
	border-left: none;

}



/* @end */ /* @group Screen Reader Text */

.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.widget_search input[type="submit"]:focus {
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	clip: auto !important;
	color: #333;
	display: block;
	font-size: 1em;
	font-weight: bold;
	height: auto;
	padding: 15px 23px 14px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.more-link {
	position: relative;
}
/* @end */
/* @end */ /* @group Structure and Layout */

.grid.framed {
  width: 100%;
    padding-right: 0;
    padding-left: 0px;
    margin:0 auto;
    max-width: 1128px;

}
.grid.fluid {
  width: 100%;
  padding-right: 6px;
  padding-left: 6px;
  margin-right: auto;
  margin-left: auto;
  margin-right: auto;
  margin-left: auto;

}

.grid .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -6px;
  margin-left: -6px;
}

.row {
    margin-left: -6px;
    margin-right: -6px;
}

.container {
    padding-left: 12px;
    padding-right: 12px;
}
.container-fluid {
    padding-right: 6px;
    padding-left: 6px;
    margin-right: auto;
    margin-left: auto;
}

.row.text > [class*='col-'] {
    padding-right: 24px;
    
}
.row > [class*='col-'] {
    padding-right:6px;
    padding-left:6px;
    padding-bottom: 6px;
    padding-top: 6px;
}

.container.wpv-loop{
	/* padding-left: 6px;*/
	/* padding-right: 6px;*/
}

/* @end */ /* @group Site Container */

.site-container {
	/* -webkit-animation: fadein 1s; */
	/*  animation:         fadein 1s; */
	word-wrap: break-word;
	margin-right: 0px;	}

@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* @end */ /* @group Site Inner */
.site-inner {
	width: 100%;
	max-width: 1144px; /* 1140-12 */
	min-height: 333px;
	clear: both;
    word-wrap: break-word;   
    margin: 0 auto; 
    margin-top: 24px;
    margin-bottom: 10rem;
     -webkit-animation: fadein 0.35s;
    -moz-animation: fadein 0.35s;
    -ms-animation: fadein 0.35s;
    -o-animation: fadein 0.35s;
    animation: fadein 0.35s;   	}

.top-hint{
	width: 100%;
	max-width: 1144px; /* 1140-12 */
	clear: both;
    word-wrap: break-word;   
    margin: 0 auto; 
    margin-top: 24px;
    margin-bottom: 24px;
     -webkit-animation: fadein 0.75s;
    -moz-animation: fadein 0.75s;
    -ms-animation: fadein 0.75s;
    -o-animation: fadein 0.75s;
    animation: fadein 0.75s;   	}      	
    	
/* @end */ /* @group Common Classes */

/* @end */ /* @group Avatar */

.avatar {
	border-radius: 50%;
	float: left;
}

.author-box .avatar,
.alignleft .avatar {
	margin-right: 20px;
}

.alignright .avatar {
	margin-left: 20px;
}

.comment .avatar {
	margin: 0 15px 20px 0;
}

/* @end */ /* @group Genesis */

.after-entry,
.archive-description,
.author-box {
	margin-bottom: 40px;
}

.after-entry {
	box-shadow: 0 0 20px rgba(0,0,0,0.05);
	padding: 20px 30px;
}

.after-entry .widget:last-of-type {
	margin-bottom: 0;
}

.breadcrumb {
	border-bottom: 1px solid #eee;
	font-size: 15px;
	font-size: 1.6rem;
	margin-bottom: 40px;
	padding-bottom: 10px;
}

.archive-description p:last-child,
.author-box p:last-child {
	margin-bottom: 0;
}

/* @end */ /* @group Search Form */

.search-form {
	overflow: hidden;
}

.entry-content .search-form {
	margin-bottom: 40px;
	width: 50%;
}

.post-password-form input[type="submit"],
.search-form input[type="submit"] {
	margin-top: 10px;
}

.widget_search input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* @end */ /* @group Titles */
.archive-description .entry-title,
.archive-title,
.author-box-title {
	display: none;
	font-size: 22px;
    font-size: 2.2rem;
    font-weight: normal;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color: #3b3b3b;
    }
.blog  .archive-title {
    text-align: center;
    }  
.v-news-sticky h1 {
	font-size: 22px;
    font-size: 2.2rem;
    
    }
.v-news-sticky h1 {
    text-align: center;
    }    
.archive-tax {   
    text-transform: uppercase;
    line-height: 2em;
    color: #787878;  
    font-size: 0.85em;  
    }
.v-news-related-category .archive-tax, .archive .archive-tax {   
   display: none;
    }  
.v-news-related-category h2 {   
    font-size: 1.8rem;
    font-size: 18px;
    color: #3b3b3b;
    } 
.archive-desc {   
   color: #787878;
    font-size: 0.95em; 
    }         
.rmore      {   
     color: #3b3b3b;
    }              
     
.entry-title, .page-title {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 3;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color: #3b3b3b;
    margin-bottom: 0;
}

.woocommerce-page .page-title {
    text-align: center;
        margin: 24px 0;
}


.entry-title a, .page-title a,
.sidebar .widget-title a {
	color: #333;
	text-decoration: none;
}


.entry-title a:focus,
.entry-title a:hover {
	color: #3b3b3b;
}

.widget-title {
	font-size: 22px;
    font-size: 2.2rem;
    font-weight: normal;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color: #3b3b3b;
}

/* @end */ /* @group WP */

.aligncenter {
	text-align: center;
}

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

a.alignnone {
	display: inline-block;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 30px;
}

img.alignnone,
.alignnone {
	margin-bottom: 15px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 20px 20px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 20px 20px;
}

.gallery-caption,
.wp-caption-text {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
	margin: 0;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
	margin: 0 0 30px;
}

	.post-edit-link {
   position: fixed;
    left: 0;
    bottom: 0;
    display: block;
    width: 100px;
    height: 100px;
   
   
   text-indent: -9999px;
   color: #fff;

}
.post-edit-link:hover {
      text-indent:30px;
color: #a00;
}


/* @end */ /* @group Widgets*/

.widget {
	margin-bottom: 40px;
}

.widget p:last-child,
.widget ul > li:last-of-type {
	margin-bottom: 0;
}

.widget ul > li {
	margin-bottom: 10px;
}

.widget ul > li:last-of-type {
	padding-bottom: 0;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 20px;
	text-indent: -20px;
}

.widget li li {
	border: 0;
	margin: 0 0 0 30px;
	padding: 0;
}

.widget_calendar table {
	width: 100%;
}

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

/* @end */ /* @group Featured Content*/

.featured-content .entry {
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.featured-content .entry:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
}

.featured-content .entry-image {
	height: 75px;
	width: 75px;
}

.featured-content .entry-title {
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 5px;
	margin-top: 10px;
}

.f-size-10 img {
    padding: 0;
    width: 100%;
    height: auto;
}
.f-size-21 img, .f-size-22 img, .f-size-23 img {
    padding: 0;
    width: 100%;
    height: auto;
}


/* @end */ /* @group Plugins*/
.hidden {
	display: none !important;
	visibility: hidden !important;
}
.tawcvs-swatches {
	/*overflow: hidden;*/
	padding: 0px;
}

.tawcvs-swatches .swatch {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	display: inline-block;
	/*width: 100%; */
	 height: 2.25em; 
    /* line-height: 2.35em; */
    text-align: center;
    /* margin-right: 6px;  */
    /* margin-bottom: 6px; */
    /* margin-left: 2px; */
    /* margin-top: 2px; */
	cursor: pointer;
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.5);
    box-shadow: 0 0 0 1px rgba(0,0,0,.5);
	position: relative;
	opacity: 0.6;
	/* padding: 0 6px; */
}

.tawcvs-swatches .swatch:hover {
    
}
.tawcvs-swatches .swatch.selected:hover {
    
}

.tawcvs-swatches .swatch.selected {
	border-color: #333;
	opacity: 1;
    color: #3b3b3b;
    cursor: pointer;
   /* font-size: 15px; */
   /* font-size: 1.5rem; */
    
    height: 2.25em; 
    
    font-weight: normal;
    background: #fff;
    border-radius: 1px;
}


.tawcvs-swatches .swatch.disabled {
	opacity: 0.2;
}

.tawcvs-swatches .swatch-color {
	text-indent: -9999px;
	border: none;
   
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
    opacity: 1;

}

.tawcvs-swatches .swatch-color.selected {
	-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
   
}

.tawcvs-swatches .swatch-color.selected:before {
	
}

.tawcvs-swatches .swatch-label {
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.5);
    box-shadow: 0 0 0 1px rgba(0,0,0,.5);
}

.tawcvs-swatches .swatch-image {
	overflow: hidden;
}

.tawcvs-swatches .swatch__tooltip {
	-webkit-transform: translate(-50%, -100%);
	-moz-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	position: absolute;
	left: 50%;
	top: 0;
	background: #333;
	z-index: 2;
	color: #fff;
	margin: -15px 0 0 0;
	padding: 5px 10px;
	text-indent: initial;
	font-size: 14px;
	font-weight: 500;
	opacity: 0;
	visibility: hidden;
	user-select: none;
}

.tawcvs-swatches .swatch__tooltip:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	background: #333;
	bottom: -4px;
	left: 50%;
	margin-left: -6px;
}
.tawcvs-swatches .swatch:hover .swatch__tooltip {
	opacity: 0;
	visibility: hidden;
	user-select: auto;
}



/* @end */ /* @group VIDEOFRONT*/

.nk-awb p {
 margin: 0;
 padding: 0;
}
#videosection {
 min-height: 333px;
 margin: 0 auto;
}

#videobackground {
  position: absolute;
  height: 100vh;
  top: 0px; right: 0; bottom: 0; left: 0;
  }

#videobackground .nk-awb {
  height: 100vh;
}
.videobg-header-space{
  position: absolute;
  top: 110px; /** This should be the same height as your header **/
  width: 100%;
  }
.videobg .nav-primary .genesis-nav-menu a {
    color: #eee;
}
.videobg .nav-primary .genesis-nav-menu a:hover {
    color: #FFFFFF;
}
.videobg .site-title a {
    background-image: url(images/zalto18_logo_eee.svg);
}
/* @end */ /* @group Genesis eNews Extended */

.after-entry .enews {
	text-align: center;
	padding: 10px;
}

.sidebar .enews {
	background-color: #f5f5f5;
	padding: 30px;
}

.enews-widget input {
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 10px;
}

.after-entry .enews-widget input {
	text-align: center;
}

.enews-widget input[type="submit"] {
	margin: 0;
	width: 100%;
}

.enews form + p {
	margin-top: 20px;
}

/* @end */ /* @group Genesis Simple FAQ */

.gs-faq__question {
	background: transparent;
	border-bottom: 1px solid #eee;
	color: #333;
	padding-left: 0;
	padding-right: 0;
}

.gs-faq__question:focus,
.gs-faq__question:hover {
	background: transparent;
	color: #3b3b3b;
}

.gs-faq__question::after {
	content: "\f132";
	font-family: "dashicons";
	float: right;
}

.gs-faq__question.gs-faq--expanded::after {
	content: "\f460";
}

/* @end */ /* @group Jetpack */

#wpstats {
	display: none;
}
/* @end */ /* @group Spinner */
.blockUI.blockOverlay {
  background-color: #add !important;
}
.woocommerce .blockUI.blockOverlay::before {
}

.spinner {
  width: 32px;
  height: 32px;
  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 1.4s infinite ease-in-out;
  animation: sk-bounce 1.4s infinite ease-in-out;
}
.double-bounce1{
  background-color:#787878;
 }
.double-bounce2{
  background-color:#787878;
 }

.double-bounce2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/* @end */ /* @group ICONS */

.closeicon {
  position: absolute;
  right: 8px;
  top: 6px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.closeicon:before, .closeicon:after {
  position: absolute;
  left: 12px;
  content: ' ';
  height: 24px;
  width: 2px;
  background-color: #787878; 
  
}
.closeicon:before {
  transform: rotate(45deg);
}
.closeicon:after {
  transform: rotate(-45deg); 
}
.closeicon:hover::before, .closeicon:hover::after {
  background-color: #3b3b3b;  
}

/* @end */ /* @group Skip Links */

.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link .skip-link-hidden {
	display: none;
	visibility: hidden;
}

.genesis-skip-link li {
	height: 0;
	list-style: none;
	width: 0;
}

/* @end */ /* @group Display outline on focus */
:focus {
	color: #333;
	outline: none;
}
html > :focus {
	color: #333;
	outline: none;
}
body > :focus {
	color: #333;
	outline: none;
}



/* @end */ /* @group Site Header */

.site-header {
	background-color: #fff;
	webkit-box-shadow: 0 0 24px -1px rgba(0,0,0,0.05);	
	box-shadow: 0 0 24px -1px rgba(0,0,0,0.05);
	}
.home .site-header {
	/*background-color: transparent;*/
	/* -webkit-box-shadow: none; */
	/* box-shadow: 0 0 20px rgba(0,0,0,0.05); */
	/* box-shadow:none;*/
	}

/* @end */ /* @group Title Area */

.title-area {
	padding-bottom: 12px;
    padding-top: 12px;
    width: 100%;
    text-align: center;
}

.wp-custom-logo .title-area {
	max-width: 350px;
	padding-bottom: 6px;
	padding-top: 6px;
}

.site-title{
	
margin: 1.75em auto 0.5em;

	}
.site-title a {
	display: block;
    min-height: 80px;
    font-size: 0rem;
    line-height: 0;
    text-align: center;
    background-image: url(images/zalto18_logo.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 160px 80px;
    color: #333;
    text-decoration: none;
    width: 100%;
    margin: 0 auto;
}

.site-title a:focus,
.site-title a:hover {
	color: #333;
	opacity: 0.9;
}
.site-description{
   display:none;
  
}
.wp-custom-logo .site-title {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

/* @end */ /* @group Shop-Only Navigation */



/* @end */ /* @group Shop-Only Navigation */
/* @end */ /* @group Top utility Bar */
.fixed, .position-fixed{
    padding: 0;
    border-radius: 0px;
    margin: 0;
    box-shadow: none;
    top: 0px;
    left: 0px;
    z-index: 999998;
    cursor: pointer;
    overflow: hidden;
    position: fixed;
        
}
.wpml-ls-sidebars-top-bar-left{
	letter-spacing: 0.15em;
    font-size: 15px;
    font-size: 1.5rem;
	}
.zalto-at .wpml-ls-legacy-list-horizontal {
    padding: 32px 14px;
}

.zalto-at .wpml-ls-legacy-list-horizontal a {
    
    color: #787878;
    padding: 6px 3px;
    background: #fff;
   }	
.zalto-at .wpml-ls-current-language a span, .zalto-at .wpml-ls-sidebars-top-bar-left a:hover{
    color: #000;
   }	
	
.zalto-at .wpml-ls-item.wpml-ls-current-language img{
	opacity: 1;}	
.zalto-at .wpml-ls-item img{
	opacity: 0.3;}	
.zalto-at .wpml-ls-item img:hover{
	opacity: 1;}
	
	
/* @end */ /* @group Top utility Bar */


.genesis-nav-menu {
	clear: both;
	width: 100%;
	text-align: center;
}



.genesis-nav-menu .menu-item {
	display: block;
	float: none;
	position: relative;
}

.genesis-nav-menu a {
	color: #787878;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	outline-offset: -1px;
	padding-bottom: 12px;
	padding-top: 12px;
	text-decoration: none;
}

.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu .current-menu-ancestor > a,
.genesis-nav-menu .current-menu-parent > a,
.genesis-nav-menu .current_page_parent > a,
.genesis-nav-menu .urrent_page_ancestor > a{
	color: #3b3b3b;
	text-decoration: none;
}

.genesis-nav-menu .sub-menu,
.genesis-nav-menu .sub-menu a {
	width: 100%;
}

.genesis-nav-menu .sub-menu {
	clear: both;
	display: none;
	left: -9999px;
	margin: 0;
	opacity: 1;
	padding-left: 15px;
	position: static;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background-color: #fff;
	position: relative;
	word-wrap: break-word;
}

.genesis-nav-menu .menu-item:focus,
.genesis-nav-menu .menu-item:hover {
	position: relative;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-nav-menu > li:last-child > a{
    padding-right: 0;
   /* background-color: rgba(0,0,0,0.25); */
}
.genesis-nav-menu > li:first-child > a{
    padding-left: 0;
   /* background-color: rgba(0,0,0,0.25); */

}

/* @end */ /* @group Responsive Menu */

.menu .menu-item:focus {
	position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-responsive-menu {
	display: none;
	padding-bottom:0;
	position: relative;
}

.menu-toggle,
.sub-menu-toggle {
	background-color: transparent;
	border-width: 0;
	color: #333;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	visibility: visible;
}

.menu-toggle:focus,
.menu-toggle:hover,
.sub-menu-toggle:focus,
.sub-menu-toggle:hover {
	background-color: transparent;
	border-width: 0;
	color: #3b3b3b;
}

.menu-toggle {
	float: none;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 15px 0;
	position: relative;
	z-index: 1000;
}

.site-header .menu-toggle::before {
	float: left;
	margin-right: 5px;
	position: relative;
	text-rendering: auto;
	top: 1px;
}

.sub-menu-toggle {
	float: right;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999;
	text-align:right;
	width: auto;
    margin-right: 12px;
    padding: 16px 16px;
	
}
.sub-menu-toggle:hover .sub-menu-toggle::before {
  border-color: #3b3b3b;
}

.sub-menu .sub-menu-toggle {
	padding: 16px 16px;
	}

.sub-menu-toggle::before {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-top: 3px solid;
    border-right: 3px solid;
    content: "";
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    text-rendering: auto;
    border-color: #a1a1a1;
}

.sub-menu-toggle.activated::before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
     border-color: #3b3b3b;
    
}


/* @end */ /* @group Header Menu */

.nav-primary {
	clear: left;
	width: 100%;
}
.menu-primary{
	font-size: 18px;
	font-size: 1.8rem;
	display: flex;
    justify-content: space-between;
	
	}
.menu-secondary,.menu-secondary-2nd-lv,.menu-primary-2nd-lv,ul.sub-menu{
	font-size: 15px;
	font-size: 1.5rem;
}

.menu-primary-2nd-lv, .menu-secondary-2nd-lv, .menu-primary-3rd-lv, .menu-secondary-3rd-lv{
    justify-content: space-around;
    display: flex;
    max-width: 1072px;
    margin: 0 auto;
}






/* @end */ /* @group Swiper Slider */
.swiper-slide{
    background-color: transparent;
    }
.swiper-container.product-content{
   max-width: 1260px;
   margin: 0 auto;
   z-index:1;
  

}
.swiper-container.product-img .swiper-wrapper{
  margin-left: 0px;
  margin-right: 0px;
}
.swiper-container.product-img{
   width: 1260px;
   margin: 0 auto;
    z-index:2;
}

.swiper-container.product-img {
   
    overflow: visible;
    
}

.swiper-container.product-img .swiper-slide {
    opacity: 0.5;
   /* max-width: 150px; */
}
.swiper-container.product-img .swiper-slide.swiper-slide-active {
    opacity: 1;
 
}
.swiper-container.product-img .swiper-slide.swiper-slide-active .img-active{
    display: block;
    width: 300px;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin-left: -70%;
    opacity: 1;


   
}
.swiper-container.product-img .swiper-slide.swiper-slide-active h3 {
    display: none;

   
}
.swiper-zoom-container>img, .swiper-zoom-container>svg {
    margin: 0;
}
.img-active, .swiper-slide.swiper-slide-active .img-thumb {
    opacity: 0;
    height: 0;
 
}
.img-thumb {
    padding:0 12px;
    cursor: crosshair;
        
}
.swiper-slide.swiper-slide-active{}
.swiper-slide{}
h3.center{
  text-align:center;
}
.swiper-button-prev, .swiper-button-next{}
.swiper-container.product-img:hover .swiper-button-next{}
.fancybox-bg {
    background: #fff;
   }

/* @end */ /* @group Footer Menu */

.nav-secondary {
	margin-top: 0px;
}

.nav-secondary2nd .genesis-nav-menu, .nav-primary2nd .genesis-nav-menu{
	margin-top: 0;
    padding: 24px 0 32px;
    border-top: 1px solid rgba(0,0,0,.1);
    }

.nav-secondary .genesis-nav-menu {
	line-height: 1.5;
}

.nav-secondary .menu-item {
	display: inline-block;
}

.nav-secondary a {
	margin-left: 12px;
	margin-right: 12px;
	padding: 0;
	
}

/* @end */ /* @group Content Area */

/* @end */ /* @group Entry Content */

.entry {
	margin-bottom: 40px;
}

.entry-content ol,
.entry-content ul {
	
	margin-bottom: 30px;
	margin-left: 0px;
}
.entry-content ol ul, .entry-content ul ul {
    
    margin-left: 12px;
}
.entry-content ul > ul {
    
    margin-bottom: 24px;
}

.entry-content ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
	list-style-type: none;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content code {
	background-color: transparent;
}

.entry-content .caption {
	font-size: 14px;
	font-weight: 600;
	margin-top: -20px;
	text-align: center;
}

.content .sticky {
	background-color: #f5f5f5;
	padding: 30px;
}




/* @end */ /* @group Entry Meta */

p.entry-meta {
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 0;
}

.entry-header .entry-meta {
	margin-bottom: 20px;
}

.entry-footer .entry-meta {
	border-top: 1px solid #eee;
	padding-top: 20px;
}

.entry-categories,
.entry-tags {
	display: block;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}

/* @end */ /* @group Pagination */

.pagination {
	clear: both;
	margin: 60px 0;
}

.adjacent-entry-pagination {
	margin-bottom: 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	background-color: #f5f5f5;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 4px;
	padding: 8px 12px;
	text-decoration: none;
}

.archive-pagination li a:focus,
.archive-pagination li a:hover,
.archive-pagination li.active a {
	background-color: #333;
	color: #fff;
}

/* @end */ /* @group Entry Comments */

.comment-respond,
.entry-comments,
.entry-pings {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 40px;
}

.comment-list li {
	padding: 40px 0 0 30px;
}

.comment-list .depth-1 {
	padding-left: 0;
}

.comment-list .bypostauthor {
}

.comment-header {
	margin-bottom: 30px;
}

.comment-content {
	clear: both;
}

.comment-content ul > li {
	list-style-type: disc;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%;
}

.comment-respond label {
	display: block;
	margin-right: 12px;
}

.comment-header p {
	margin-bottom: 0;
}

.entry-pings .reply {
	display: none;
}


/* @end */ /* @group Sidebar */

.sidebar {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5;
}

.sidebar .widget {
	margin-bottom: 40px;
}

.sidebar p {
	margin-bottom: 20px;
}


/* @end */ /* @group Footer Widgets */

.footer-widgets {
	border-top: 1px solid #eee;
	background-color: #fff;
	clear: both;
	font-size: 18px;
	font-size: 1.8rem;
	padding: 60px 0;
}

.footer-widgets .wrap {
	margin-left: auto;
	margin-right: auto;
}

.footer-widget-area {
	margin-bottom: 40px;
	padding-left: 30px;
	padding-right: 30px;
}

.footer-widget-area:last-child ,
.footer-widgets .widget:last-child {
	margin-bottom: 0;
}


/* @end */ /* @group Site Footer */

.site-footer {

	text-align: center;
	font-size: 15px;
    font-size: 1.5rem;
    margin: 0;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    padding: 12px 0 7px;

}
.site-footer-relative {

	text-align: center;
	font-size: 15px;
    font-size: 1.5rem;
    margin: 0;
    text-align: center;
   
    display: block;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    padding: 12px 0 7px;

}

.site-footer p {
	margin-bottom: 0;
}
/* @end */ /* @group ## BAR LEFT Navigation */
.bar_left {
	position: fixed;
	left: 0;
	top: 0;
}
/* @end */ /* @group ## BAR RIGHT Navigation */
.bar_right {
	position: fixed;
	right: 0;
	top: 0;
}
.cart_link {
display: block;
    min-height: 30px;
    font-size: 0rem;
    font-weight: 100;
    line-height: 0;
    text-align: center;
    background-image: url(images/cart_zalto.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px 25px;
}
/* @end */ /* @group # cookie-notice Styles */



#cookie-notice {
     margin-bottom: 40px;
}
#cookie-notice .cookie-notice-container {
    background-color: #f5f5f5;
    font-family: 'FuturaNDBook', sans-serif;
    color: #3b3b3b;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    }
.cookie-notice-container {
    padding: 3px !important;
}

#cookie-notice span {
   
    padding: 12px;
       }

#cookie-notice a.button {
    background-color: transparent;
    color: #3b3b3b;
    padding: 0px 8px;
    font-weight: normal; 
    text-transform: uppercase;
    letter-spacing: 0.3em;
    width: auto;
    box-shadow: none;
    }
 #cookie-notice .cn-button{   
 	font-family: 'FuturaNDBook', sans-serif;
 	color:#727471;
}
.xoo-wsc-icon-cross:before{   
 	color:#727471;
}
#cookie-notice a.button:hover {
    color: #000;
    }

 
    
    
/* @end */ /* @group ## Views */
.top-entry {
		
		margin-bottom: 2.5em;
}
    
/* @end */ /* @group ## Accordions */
.accordion-container {
		position: relative;
		width: 100%;
		outline: 0;
		cursor: pointer;
		text-transform: uppercase;
		margin-top: 24px;
}

.accordion-container .accordion-title {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		color: #787878;
		cursor: pointer;
}

.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-container .content-entry.open .accordion-title {
		
		color: #3b3b3b;
}

.accordion-container .accordion-title:hover i:before,
.accordion-container .accordion-title:hover i:active,
.accordion-container .content-entry.open i {
		color: #3b3b3b;
}

.accordion-container .content-entry i {
	position: absolute;
    top: 0.7em;
    right: 12px;
    font-style: inherit;
    font-size: inherit;
    color: inherit;
}

.accordion-container .content-entry i {
		
 
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: transform .25s ease-in-out;

}

.accordion-container .content-entry.open i {
		transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transition: transform .25s ease-in-out;
 }

.accordion-content {
		display: none;
		padding-left: 0em;
}

.accordion-container .li-sub{
		
		padding-bottom: 0.15em;
}
.entry-content .accordion-container ul ul {
    margin-bottom: 0.75em;
}
i {
    border: solid #333;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
}

.unzerUI i {
    border: 0 solid #fff;
    border-width: 0 0px 0px 0;
    display: inline-block;
    padding: 4px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}


/* @end */ /* @group ## Modals */   
.modal-wt .modal-backdrop {
  background-color: rgba(255,255,255,0.95);
}



@media (min-width: 576px){
.modal-wt .modal-dialog  {max-width: 90%;}
.modal-dialog {
    max-width: 960px;
    margin: 0 auto;
}}
.modal-content {
    border: none;
    border-radius: 0;
    padding: 12px;
}
.modal-backdrop {
  background-color: rgba(0,0,0,0.35);
}
.modal-header {
    padding: 0;
    border-bottom: none;
    border-top-left-radius:0;
    border-top-right-radius:0;
}
.no2ndnav .nav-primary2nd{
   display: none;
}
.modal-body {
    padding: 0;
}
.modal.fade{
    -webkit-transition: opacity .2s linear, none;
    -moz-transition: opacity .2s linear, none;
    -ms-transition: opacity .2s linear, none;
    -o-transition: opacity .2s linear, none;
    transition: opacity .2s linear, none;
    
}
.modal.fade .modal-dialog 
{
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
}
.modal
{
    z-index: 10500;}


/* @end */ /* @group ## Frontpage Entries */
.f-row-item{display: block;width: 100%;background-size: cover;
   min-height: 230px;
background-color: #f1f1f1;}

/* .f-size-10{height: 430px;display: block;}
.f-size-21, .f-size-22, .f-size-23{height: 226px;display: block;} */

.home .entry-header{padding: 0;}



.col-md-4 .ftitle{
	 position: absolute;
	 top: 0;
	 left: 0;
	 padding: 0px 12px;
	 color: #fff;
	 display: block;	 
}
.ftitle.entry-title{
	line-height: 1.5em; 
	padding-top: 12px;
}

.col-md-4:nth-child(1) .fbody{
	left: 12px;
    bottom: 12px;
     width: 88%;
         margin: 0 auto;
	}
.col-md-4:nth-child(2) .fbody{
		
	 left: 12px;
	  right: 12px;
    margin: 0 auto;
    bottom: 12px;
     width: 100%;
	
}
.col-md-4:nth-child(3) .fbody{
	  right: 12px;
    bottom: 12px;	
     width: 88%;
         margin: 0 auto;
	}
.col-md-4 .fbody {
	position: absolute;
    color: #fff;
    width: 100%;
}


.col-md-12 .ftitle  {
	position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    width: 100%;
    padding: 24px 12px;  
	
	
}
.col-md-12 .ftitle.txt-10 {
    padding:12px;
}
.col-md-12 .fbody {
	position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    width: 35%;
    padding: 24px 12px;  
    text-align: right;
	
}

.fbody p {
	margin: 0;
	
}
.fimg-10{ opacity: 0.85;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
}
.fimg-10:hover{opacity: 1;}

.fimg-21,.fimg-22,.fimg-23{
  opacity: 0.85;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
}

.fimg-21:hover,.fimg-22:hover,.fimg-23:hover{
  opacity: 1;
}

.txt-23 {
   text-align:right;
   right:0px;
}
.txt-22 {
   text-align:center;
   right:0 !important;
    left:0 !important;
}
.txt-21 {
  text-align:left;
  left:12px;
}
#genesis-content img .full {
width: 100%;
height: auto!important;
}

/* @end */ /* @group Transition */


iframe #paymentFrameForm{
    width:444px;
}
/* @end */ 

/* @group plugin xoo-wsc woocommerce side cart */

.zalto-at .xoo-wsc-header {
    padding: 18px 16px;
}
.xoo-wsc-header, .xoo-wsc-ft-totals{
    padding: 12px;
    color: #787878;
    letter-spacing: 0.3em;
    outline-offset: -1px;
    text-decoration: none;
}
.xoo-wsc-footer{
    padding: 12px;
    color: #787878;
    outline-offset: -1px;
    text-decoration: none;
}
.zalto-at .xoo-wsc-ft-amt {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-content: flex-start;
    align-items: center;
}
.xoo-wsc-container {
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
}

.zalto-at .xoo-wsc-basket {
	padding: 0;
	border-radius: 0px !important;
	margin: 12px;
	box-shadow: none !important;
	top: 0px;
	right: 12px;
	z-index: 999999;
	cursor: pointer;
	background-color: transparent !important;
	 /* background-image: url(https://www.zalto.shop/data/zgl18_shop_sprite_bl.png); */
    background-image: url(https://www.zalto.shop/data/zgl23_shop_cart_bl.svg);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	position: fixed;
	background-position: 0px 10px;
    width: 42px;
	height: 42px;
	opacity: 0.7;
}

.xoo-wsc-basket:hover {
	opacity: 0.9;
}

.xoo-wsc-items-count {
	border-radius: 0;
	left: 0 !important;
	right: 0 !important;
	margin: 0 auto;
	position: absolute;
	top: 0 !important;
	font-size: 18px !important;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1;
	width: 60px;
	height: 25px;
	line-height: 28px;
	text-align: center;
	overflow: hidden;
	font-weight: normal;
	color: #787878 !important;
	background-color: transparent !important;
}
.xoo-wsc-bki {
	color: #fff;
	font-size: 1px;
	display: none;
}
.zalto-at .xoo-wsc-cart-active .xoo-wsc-opac {
    background-color: #fff;
    z-index: 999998;
    opacity: 0;
}
.xoo-wsc-container, .xoo-wsc-slider {
    text-transform: uppercase;
}
.zalto-at span.xoo-wsc-smr-del {
   font-size: 18px;
   color: #ddd;
}
.zalto-at span.xoo-wsc-smr-del:hover {
   font-size: 18px;
   color: #ae0000;
}

.zalto-at .xoo-wsc-icon-cross {
    font-size: 28px;
    right: 12px;
    top: 10px;
    
  
}
.zalto-at .xoo-wsc-icon-cross:hover  {
    color: #333;
}
.zalto-at .xoo-wsc-icon-cross::before {
     content: "\00d7"; 
     color: #787878;
}
.zalto-at .xoo-wsc-product {
    padding: 10px 20px 10px 0px;
}
.zalto-at .xoo-wsch-top {
    justify-content: left;
}
.woocommerce .xoo-wsc-ft-buttons-cont a.button{
	margin: 0em 0;
}
.zalto-at span.xoo-wsc-ft-amt-label {
    font-weight: normal;
}
.xoo-wsc-footer{
    border-top: 1px solid #ddd;
}
.xoo-wsc-header{
    border-bottom: 1px solid #ddd;
}
.zalto-at span.xoo-wsc-pname, .zalto-at span.xoo-wsc-pname a {
    font-weight: 200;
    font-weight: normal;
    color: #333;
    font-size: 15px;
    font-size: 1.5rem;

}

.zalto-at .xoo-wsc-footer a{
   border-radius: 0rem;
    cursor: pointer;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal;
    padding: 1em 2em 0.8em 2em;
    margin: 0.0em 0;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    width: 100%;
    text-transform: uppercase;
    color: #3b3b3b;
    background-color: rgba(0,0,0,.1);
    -o-transition: color .5s ease-out, background 0.15s ease-in;
    -ms-transition: color .5s ease-out, background 0.15s ease-in;
    -moz-transition: color .5s ease-out, background 0.15s ease-in;
    -webkit-transition: color .5s ease-out, background 0.15s ease-in;
    transition: color .5s ease-out, background 0.15s ease-in;
}
.xoo-wsc-pmeta dl.variation, .xoo-wsc-pmeta dl.variation p {
    display: inline-block;
}
.zalto-at .xoo-wsc-pmeta dl.variation dd, .zalto-at .xoo-wsc-pmeta dl.variation dt {
    margin: 0 4px 0 0;
    display: inline-block;
    float: left;
    font-style:normal;
    text-transform: none;
}

.xoo-wsc-body, .xoo-wsc-body span.amount, .xoo-wsc-body a {
    font-family: 'FuturaNDBook', sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.525;
    color: #727471;
}

.zalto-at.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading::after
{
    position: absolute;
    -webkit-animation: bp-bounce 1.35s infinite ease-in-out;
    animation: bp-bounce 1.35s infinite ease-in-out;
    display: inline-block;
    z-index: 1;
    background-color: #3b3b3b !important;
    opacity: .75;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    right: 5px;
    top: 5px;
    margin: auto;
     content: "";
}
/* @end */ 
 /* @group Media Queries <= MD*/

@media only screen and (max-width: 767.98px) {
.site-header {
    background-color: #fff;
    box-shadow: none;
}	
.archive-title {
    text-align: center;
    } 
	
.menu-primary {
    display: block;
    text-align: left;	
}	
	
.mq-hide{
    display: none;
    visibility: hidden;
}	

.genesis-responsive-menu .genesis-nav-menu .menu-item {
    display: block;
    float: none;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #f1f1f1;
}	
.genesis-responsive-menu .genesis-nav-menu .menu-item a {
    border: none;
    margin-bottom: 1px;
    padding: 24px 12px;
    width: 100%;
    text-align: left;
}

#menu-primary-shop-only li, #menu-primary-shop-only-1 li, #menu-primary-shop-only li:first-child, #menu-primary-shop-only li:last-child, #menu-primary-shop-only-1 li:first-child, #menu-primary-shop-only-1 li:last-child{width: 100%;}

#videobackground {
  position: relative;
  
  }
  .videobg .nav-primary .genesis-nav-menu a {
    color: #787878;
}
.videobg .nav-primary .genesis-nav-menu a:hover {
    color: #3b3b3b;
}
.videobg .site-title a {
    background-image: url(images/zalto18_logo.svg);
}
  
/* Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    padding: 30px 0 15px 0;
    display: block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    /*  background-color: transparent;
    border: 0; */
    line-height: 1; /* to remove extra unwanted vertical space of .menu-toggle */
    margin: 0px auto 0 auto;
    overflow: visible;
}

.hamburger:hover {
    opacity: 1;
} 

.hamburger-box {
    width: 40px; 
  /* width: 20px; */
    height: 24px; 
  /* height: 12px; */
    display: inline-block;
    position: relative;
    vertical-align: middle; /* added this to vertically align with MENU text */
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
     width: 40px; 
  /*   width: 20px; */
     height: 4px;
  /*   height: 3px; */
     background-color: #3b3b3b; */
    background-color: #333;
    border-radius: 0px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

/*Slider*/

.hamburger--slider .hamburger-inner {
    top: 2px;
}

.hamburger--slider .hamburger-inner::before {
    top: 10px;
    /* top: 5px; */
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
    top: 20px;
  /* top: 10px;*/
}

.hamburger--slider.activated .hamburger-inner {
     transform: translate3d(0, 10px, 0) rotate(45deg); 
   /*  transform: translate3d(0, 5px, 0) rotate(45deg); */
}

.hamburger--slider.activated .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
}

.hamburger--slider.activated .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); 
  /*  transform: translate3d(0, -10px, 0) rotate(-90deg);*/
}

.hamburger-label {
    font-weight: 700;
    font-size: 15px;
    font-size: 1.5rem;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.title-area {
    padding-bottom: 0;
   
}
.site-description{
  margin: 0;
   
}

.txt-10, .txt-21, .txt-22 ,.txt-23 {
   text-align:center;
   display: block;
   left: 0!important;
   right: 0!important;
   width: 100%;
}

.col-md-12 .fbody, .col-md-4 .fbody {
    width: 100%;
    padding: 6px;
    text-align: center;
}




    }
    
/* @end */ /* @group Media Queries > MD */
@media only screen and (min-width: 768px) {
	
	  	

	/* Site Header
	--------------------------------------------- */
	.site-header-fixed {
	    position: fixed; 
	   	width: 100%;
		padding-bottom: 12px;
	}
	.site-header {
	    position: relative; 
	   	width: 100%;
		
		padding-bottom: 6px;
		margin-bottom: 0;
	}

	/*  Genesis Menu
	--------------------------------------------- */

	.genesis-nav-menu .menu-item {
		display: inline-block;
	}

	.genesis-nav-menu .menu-item:focus,
	.genesis-nav-menu .menu-item:hover {
		position: relative;
	}

	.genesis-nav-menu > .menu-bold > a {
		font-weight: 700;
	}

	.genesis-nav-menu > .menu-highlight > a {
		background-color: #333;
		border-radius: 3px;
		color: #fff;
		font-weight: 600;
		margin-left: 15px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.genesis-nav-menu > .menu-highlight > a:hover,
	.genesis-nav-menu > .menu-highlight > a:focus {
		background-color: #3b3b3b;
	}

	.genesis-responsive-menu .genesis-nav-menu .sub-menu,
	.genesis-responsive-menu .genesis-nav-menu .sub-menu a {
		width: 180px;
		visibility:hidden;
	}

	.genesis-nav-menu .sub-menu {
		border-top: 1px solid #eee;
		opacity: 0;
		padding-left: 0;
		position: absolute;
		transition: opacity .4s ease-in-out;
	}

	.genesis-nav-menu .sub-menu a {
		border: 1px solid #eee;
		border-top: 0;
		padding-bottom: 15px;
		padding-top: 15px;
	}

	.genesis-nav-menu .sub-menu .sub-menu {
		margin: -46px 0 0 179px;
	}

	/*  Responsive Menu
	--------------------------------------------- */

	.genesis-responsive-menu {
		display: block;
		padding-top: 0;
	}

	.menu-toggle,
	.sub-menu-toggle {
		display: none;
		visibility: hidden;
	}
	
	button .sub-menu-toggle	{
		width: auto;
	}

	
	/* Header Menu
	--------------------------------------------- */

	.nav-primary {
		clear: none;
	    margin: 0 auto;
        max-width: 1144px;
        text-align: center;
        margin: 12px auto 24px;
        }


.nav-primary .genesis-nav-menu a, .nav-primary2nd .genesis-nav-menu a  {
		padding: 0 6px;
			}

/*  BS TAB Menus
	--------------------------------------------- */
.nav-tabs {
    margin-left: 0px;
    margin-right: 0px;
}


.nav-tabs .nav-item .nav-link {
		    text-transform: uppercase;
    font-size: 1.5px;
    font-size: 15px;
    white-space: nowrap;
    letter-spacing: 0.3rem;
   }
.nav-link {
    display: block;
    padding: 1.225rem 1rem;
}
.nav-tabs .nav-item .nav-link, .nav-tabs .nav-link {
    border-color: #fff #fff #e5e5e5 #fff;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #3b3b3b;
    background-color: #fff;
    border-color: #e5e5e5 #e5e5e5 #fff;
}	
.nav-tabs .nav-item:first-child .nav-link {
    border-left-color: #fff;
}
.nav-tabs .nav-item:last-child .nav-link {  
    border-right-color: #fff;
}	

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}
.tab-content{
  padding: 0;
 }

.fade {
   -webkit-transition: opacity 0.2s ease-in-out;
      -moz-transition: opacity 0.2s ease-in-out;
       -ms-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
           transition: opacity 0.2s ease-in-out;
 }

	/* Content
	--------------------------------------------- */

	.content {
		float: left;
		width: 100%;
		padding: 0;
	}

	.full-width-content .content,
	.landing-page .content {
		float: none;
		margin-left: auto;
		margin-right: auto;
	
	}

	/*  Sidebar
	--------------------------------------------- */

	/*  Author Box
	--------------------------------------------- */

	/*  After Entry
	--------------------------------------------- */

	.after-entry {
		padding: 40px 60px;
	}

	.after-entry .enews {
		padding-left: 30px;
		padding-right: 30px;
	}

	/* Column Classes
	--------------------------------------------- */

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		float: left;
		margin-left: 2.564102564102564%;
	}

	.one-half,
	.three-sixths,
	.two-fourths {
		width: 48.717948717948715%;
	}

	.one-third,
	.two-sixths {
		width: 31.623931623931625%;
	}

	.four-sixths,
	.two-thirds {
		width: 65.81196581196582%;
	}

	.one-fourth {
		width: 23.076923076923077%;
	}

	.three-fourths {
		width: 74.35897435897436%;
	}

	.one-sixth {
		width: 14.52991452991453%;
	}

	.five-sixths {
		width: 82.90598290598291%;
	}

	.first {
		clear: both;
		margin-left: 0;
	}

	/* Entry Misc.
	--------------------------------------------- */

	.after-entry,
	.archive-description,
	.author-box,
	.comment-respond,
	.entry,
	.entry-comments,
	.entry-pings {
	margin-bottom: 12px;
    margin-left: 0;
    margin-right: 0;
	}

	/* Footer Widgets
	--------------------------------------------- */

	.footer-widgets .wrap {
		max-width: 1144px;
	}

	.footer-widget-area {
		float: left;
		margin-bottom: 0;
		width: 33.33%; /* @end */ /* @group fallback for older browsers */
		width: calc(100% / 3);
	}

}



