/* ECOSCRAPS v1.2 */


    
html {
    box-sizing: border-box;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
}

*,
*:before,
*:after {
    box-sizing: content-box;
}

* {
    margin: 0;
    padding: 0;
    max-height: 1000000px;
}

ul,
ol,
dl,
p,
h1,
h2,
h3,
h4,
h5,
h6,
address,
form,
table,
blockquote,
applet,
embed,
object,
iframe,
frameset {
    margin: 0 0 30px;
}

html,
body,
div,
span,
applet,
embed,
object,
iframe,
frameset,
p,
q,
blockquote,
sub,
sup,
a,
abbr,
acronym,
font,
img,
small,
center,
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
big,
u,
ins,
i,
cite,
em,
var,
dfn,
address,
s,
strike,
del,
dl,
dt,
dd,
ol,
ul,
li,
pre,
code,
kbd,
samp,
tt,
fieldset,
legend,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
    background: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block;
}

body {
    color: #6d6f71;
    font: 17px/23px "Chalet-LondonNineteenSixty", "Arial", "Helvetica", sans-serif;
    background: #fff;
    overflow-y: scroll;
    min-width: 320px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
    background: url(ecoscraps-loader-slow.gif) no-repeat fixed 50% 45%;
}

body.loaded {
    background: none;
}

a {
    text-decoration: none;
    color: #4faa6b;
    outline: none;
    opacity: 1;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

a:hover {
    text-decoration: none;
    opacity: .85;
}

img {
    max-width: 100%;
    height: auto;
}

a img {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

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

input,
textarea,
select {
    font: 100% "Chalet-LondonNineteenSixty", "Arial", "Helvetica", sans-serif;
    color: #000;
    vertical-align: middle;
    outline: none;
}

textarea {
    overflow: auto;
    resize: vertical;
    vertical-align: top;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    background: #fff;
    margin: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 1px solid #999;
    padding: 3px 7px;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    border-color: #4d4d4d;
}

label {
    vertical-align: middle;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

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

input[type="search"] {
    -webkit-appearance: none;
    box-sizing: border-box;
}

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

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

h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
th {
    font-weight: normal;
}

h1 {
    color: #656669;
    font: 64px/54px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    margin: 0 0 17px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: normal;
}

header h1 {
    color: #4faa6b;
    line-height: 36px;
    margin: 0 0 26px;
}

h1.title {
    margin: 0 auto 4px;
    font: 54px/54px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
  	text-transform: lowercase;
}


h2 {
    font-weight: normal;
    text-transform: lowercase;
    font: 64px/68px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    padding: 10px 0;
    margin: 0;
    color: #656669;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 1px;
    text-align: center;
}

h2.title {
    margin: 4px auto;
    font: 48px/48px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
}

.slide-text h2 {
    color: #fff;
    padding: 0 30px;
}

h3 {
    color: #656669;
    font: 36px/36px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    margin: 0 0 17px;
    text-align: left;
    font-weight: normal;
}

.product-list h3 {
    font-size: 16px;
    line-height: 20px;
    text-transform: lowercase;
    margin: 0 auto;
    padding: 0 0 10px;
    max-width: 70%;
    display: block;
    text-align: center;
}

.product-list a h3 {
    color: #818486;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.product-list a:hover h3 {
    text-decoration: none;
    color: #4baa69;
    opacity: 1;
}

.products-header h3,
.slide-text h3 {
    font: 32px/32px "Chalet-LondonNineteenSixty", "Arial", "Helvetica", sans-serif;
    margin: 15px auto 0;
    color: #fff;
    text-align: center;
    margin: 0;   
}
.blog .slide-text h3 {
    text-transform: lowercase;
        float: left;
    width: 80%;
    padding: 0 !important;
    margin: 0 10% !important;
}

h4 {
    font-size: 14px;
    margin: 0 0 5px 0;
    color: #9a9a9a;
    text-transform: lowercase;
    font: 14px/14px "Chalet-LondonNineteenSixty", "Arial", "Helvetica", sans-serif;
}

h5 {
    font-size: 100%;
}

h6 {
    font-size: 90%;
}

i,
cite,
em,
var,
dfn,
address {
    font-style: italic;
}

u,
ins {
    text-decoration: underline;
}

s,
strike,
del {
    text-decoration: line-through;
}

blockquote,
blockquote:before,
blockquote:after,
q,
q:before,
q:after {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote {
    border-left: 4px solid #ccc;
    padding-left: 10px;
    margin-left: 29.9999px;
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td {
    border: none;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

tr {
    border-bottom: 1px solid #c0c0c0;
}

th {
    border-color: #999;
    text-align: center;
    vertical-align: middle;
}

ul,
ol {
    padding-left: 25px;
}

ul ul,
ul ol,
ol ul,
ol ol {
    padding-left: 3em;
    margin: 0;
}

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

dl dt {
    float: left;
    clear: left;
    padding-right: 4px;
    font-weight: bold;
}

pre {
    max-width: 100%;
    overflow: auto;
}

@font-face {
    font-family: "Chalet-LondonNineteenSixty";
    src: url("Chalet-LondonNineteenSixty.eot");
    src: url("Chalet-LondonNineteenSixty.eot?#iefix") format("embedded-opentype"), url("Chalet-LondonNineteenSixty.woff2") format("woff2"), url("Chalet-LondonNineteenSixty.woff") format("woff"), url("Chalet-LondonNineteenSixty.ttf") format("truetype"), url("Chalet-LondonNineteenSixty.svg#Chalet-LondonNineteenSixty") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Chalet-NewYorkNineteenSixty";
    src: url("Chalet-NewYorkNineteenSixty.eot");
    src: url("Chalet-NewYorkNineteenSixty.eot?#iefix") format("embedded-opentype"), url("Chalet-NewYorkNineteenSixty.woff2") format("woff2"), url("Chalet-NewYorkNineteenSixty.woff") format("woff"), url("Chalet-NewYorkNineteenSixty.ttf") format("truetype"), url("Chalet-NewYorkNineteenSixty.svg#Chalet-NewYorkNineteenSixty") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "icomoon";
    src: url("icomoon.eot?qus99u");
    src: url("icomoon.eot?#iefixqus99u") format("embedded-opentype"), url("icomoon.woff?qus99u") format("woff"), url("icomoon.ttf?qus99u") format("truetype"), url("icomoon.svg?qus99u#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

.hidden:first-child {
    display: none;
}

.product-text .hidden,
.lightbox .hidden {
    display: block;
}

.product-text .hidden a.btn,
.product-text .hidden input[type="submit"],
.lightbox .form-order input[type="submit"] {
    display: none;
}


/* blog */

.shopify-posts .post {
    margin: 0 0 15px;
}

.shopify-posts .info-box {
    overflow: hidden;
}

.shopify-posts .btn-more {
    float: right;
}


/* paging */

.paging {
    margin: 0 0 15px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.paging li {
    display: inline;
    list-style-type: none;
    margin: 0 10px;
}

.paging li.active {
    font-weight: bold;
}


/* comments */

#comments {
    margin: 0 0 15px;
}

#comment-list {
    margin: 0;
    padding: 0 0 0 20px;
}

#comment-list li {
    list-style-position: outside;
    margin: 0 0 10px;
}

#comment-submit {
    padding: 0 7px;
}


/* search-results */

.search-results,
.search-results h2,
.search-results h3 {
    text-align: center !important;
}

.search-results h2 {}

.search-results ol {
    padding: 0 0 0 25px;
}

.search-results ol li {
    margin: 0 0 15px;
    list-style-position: outside;
}

.search-results ol li:after {
    display: block;
    content: "";
    clear: both;
}

.results a,
.results a:hover {
    opacity: 1 !important;
}

.results a img {
    float: left;
    opacity: 1;
    width: 200px;
    margin: -20px 50px 0 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.results a:hover img {
    opacity: .7;
}
ol li, ul li {
    margin: 0 25px 15px 0;
    color: #4fa96b;
}
.search-results ol li h3 {
    margin: 0 0 20px;
    text-align: left !important;
    text-transform: lowercase;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.results a p {
    text-align: left;
    color: #a2a3a5;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.results a:hover p:not(.btn) {
    text-align: left;
    color: #a2a3a5;
}

.results a:hover h3 {
    color: #4faa6b;
}

.results p.btn {
    display: inline-block;
    vertical-align: top;
    background: #4faa6b;
    border: 3px solid #4faa6b;
    text-transform: lowercase;
    color: #fff;
    padding: 11px 15px 10px;
    font: 14px/17px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
}

.results p.btn {
    float: left;
    margin: 0;
}

.results a:hover p.btn {
    text-align: left;
    color: #4faa6b;
    background: #fff;
    border: 3px solid #4faa6b;
}


/* cart */

.shopify-cart,
.shopify-cart table {
    width: 100%;
}

.shopify-cart .prd,
.shopify-cart .prc,
.shopify-cart .rmv,
.shopify-cart .qty {
    text-align: center;
    width: 24%;
    padding-bottom: 5px;
}

.shopify-cart .total {
    text-align: right;
}

.shopify-cart .img-box img {
    margin: 5px auto;
}


/* product slideshow */

.slideshow-product {
    float: right;
    width: 60%;
    position: relative;
    margin: 0 0 0 20px;
    min-height: 420px;
}

.slideshow-product .slideset {
    width: auto;
    float: left;
}

.slideshow-product.not-enough-slides .slideset {
    margin: 0 auto;
    float: none;
}

.slideshow-product.not-enough-slides div.slide-product {
    padding: 0;
}

.slideshow-product img {
    vertical-align: top;
    float: left;
}

.slide-product {
    max-width: 80%;
    width: 80%;
}

.lightbox .slide-product {
    max-width: 75%;
    width: 75%;
}

.slide-product.single {
    max-width: 100%;
    width: 100%;
}

.slideshow-product .pagination-product li {
    text-align: center;
}

.social-networks li span .stButton .stLarge {
    background: none !important;
}

.social-networks li span {
    color: #818282 !important;
    display: inline-block !important;
    line-height: 46px;
    vertical-align: top;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    font-family: "icomoon";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    width: auto !important;
    height: auto !important;
}

.post-box .social-networks li span,
.post-list .social-networks li span {
    color: #fff !important;
}

.lightbox-text .social-networks li span {
    margin: 3px 0 0 !important;
}

.social-networks li .st_pinterest_large span,
.social-networks li .st_facebook_large span {
    font-size: 33px;
}

.social-networks li .st_twitter_large span {
    font-size: 32px;
}

.social-networks li .st_instagram_large span {
    font-size: 31px;
}

.slideshow-product .pagination-product {
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 3;
    width: 96px;
}

.lightbox .slideshow-product .pagination-product {
    width: 72px;
}

.slideshow-product .pagination-product li {
    border: 1px solid #cdced0;
    list-style-type: none;
    margin: 0 0 10px;
    padding: 0;
    float: right;
}

.slideshow-product .pagination-product li a img {
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.slideshow-product .pagination-product li a:hover img {
    opacity: .9;
}

.slideshow-product .pagination-product img {
    display: inline;
}

div.slideshow-product div.slide-product {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    text-align: left;
    display: inline;
    box-sizing: content-box;
}

div.slideshow-product div.slide-product.active {
    z-index: 2;
}

div.slideshow-product.not-enough-slides a.btn-prev,
div.slideshow-product.not-enough-slides a.btn-next {
    visibility: hidden;
}

.st_pinterest_large .stLarge:before {
    content: "\e607";
}

.st_facebook_large .stLarge:before {
    content: "\e601";
}

.st_twitter_large .stLarge:before {
    content: "\e602";
}

.st_instagram_large .stLarge:before {
    content: "\e603";
}

.paging li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    padding: 0;
}

.paging li a,
input[type="submit"].js-placeholder-ready {
    width: 40px;
    height: 40px;
    padding: 5px;
    color: #fff;
    display: block;
    background: #4faa6b;
}

input[type="submit"].js-placeholder-ready {
    display: inline-block;
    vertical-align: top;
    border: none;
    width: auto;
    height: auto;
}

.paging li a:hover,
input[type="submit"].js-placeholder-ready:hover {
    text-decoration: none;
    opacity: 0.8;
}

.paging li:before {
    display: none;
}

#main {
    margin-top: 56px;
}

#header .header-holder:after,
#header .menu-box:after,
.social-networks:after,
main ul:after,
.email-block .sub-nav ul:after {
    content: " ";
    display: block;
    clear: both;
}

#nav ul,
.social-networks,
main ul,
.email-block .sub-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.privacy-notice .flex {
    display: flex;
}

.privacy-notice .flex .w-50 {
    width: 50%;
    margin: 0 0 30px;
}

.privacy-notice .flex .w-50 p {
    margin: 0 0 10px;
}

.privacy-notice .content ul,
.conditions-of-use .content ul {
    padding: 0 0 0 25px;
    letter-spacing: 0px;
}

.privacy-notice .content ul li,
.conditions-of-use .content ul li {
    color: #6d6f71;
}

[class^="icon-"],
[class*=" icon-"],
[class^="st_"],
[class*=" st_"] {
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-close:before {
    content: "\e605";
}

.icon-shopping-cart:before {
    content: "\e604";
}

.icon-pinterest:before,
.st_pinterest_custom:before {
    content: "\e607";
}

.icon-search:before {
    content: "\e600";
}

.icon-facebook:before,
.st_facebook_custom:before {
    content: "\e601";
}

.icon-twitter:before,
.st_twitter_custom:before {
    content: "\e602";
}

.icon-youtube:before {
    content: "\e608";
}

.icon-instagram:before {
    content: "\e603";
}

body {
    height: auto !important;
}

#wrapper {
    overflow: hidden;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: 0;
}

body.loaded #wrapper {
    opacity: 1;
}

#header {
    color: #fff;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 4;
    background-color: #fff;
}

#header.fixed-position {
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    background: #fff;
}

#header.fixed-position .desktop-logo {
    display: none;
}

.desktop-logo img {
    display: none;
}

#header.fixed-position .mobile-logo {
    display: block;
}

#header.fixed-position a,
#header.fixed-position .cost,
#header.fixed-position .social-networks a {
    color: #a2a3a5;
}

.content-page #header {
    color: #a2a3a5;
}

#header .header-section {
    position: relative;
}

#header .header-holder {
    max-width: 1280px;
    margin: 0 auto;
    padding: 30px 30px 0;
    padding: 15px 30px 0;
    padding: 15px 0 0 0;
    width: 90%;
}

#header .header-holder.fixed-position {
    padding: 41px 10px 6px;
}

#header .header-frame {
    float: right;
    text-align: right;
    padding: 0;
    margin: 10px 0 0 0;
}

#header .sup-box {
    font-size: 10px;
    line-height: 13px;
    margin: 0 0 6px;
}

.sup-box a:eq(1) {
    display: none;
}

#header .sup-box .icon-shopping-cart {
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    margin: -3px 0 0 10px;
}

#header .sup-box .cost {
    margin: 0 0 0 5px;
}

#header .sup-box .find-link {
    margin: 0 11px 0 0;
}

#header a {
    color: #fff;
    color: #a2a3a5;
}

#header a:hover {
    text-decoration: none;
}

.content-page #header a {
    color: #a2a3a5;
}

#header a.find-link {
    text-transform: uppercase;
}

#header a.icon-shopping-cart:hover {
    text-decoration: none;
    opacity: .8;
}

#header .menu-box {
    clear: both;
}

#header .menu-box .icon-search {
    float: left;
    font-size: 19px;
    line-height: 22px;
    margin: 0 4px 0 21px;
}

#header .menu-box .icon-search:hover {
    text-decoration: none;
    color: #4faa6b;
    opacity: 1;
}

#header .menu-box .social-networks {
    float: left;
    margin: 0 0 0 6px;
}

#header .menu-box .social-networks li {
    float: left;
    margin: 0 0 0 21px;
}

#header .menu-box .social-networks a {
    float: left;
    line-height: 22px;
}

.content-page #header .menu-box .social-networks a {
    color: #aeaeae;
}

#header .menu-box .social-networks a:hover {
    text-decoration: none;
    color: #4faa6b;
    opacity: 1;
}

#header .menu-box .social-networks a.icon-facebook {
    font-size: 19px;
}

#header .menu-box .social-networks a.icon-twitter {
    font-size: 19px;
}

#header .menu-box .social-networks a.icon-pinterest {
    font-size: 19px;
}

#header .menu-box .social-networks a.icon-instagram {
    font-size: 19px;
}

#header .menu-box .social-networks a.icon-youtube {
    font-size: 19px;
}

.search-open-close {
    float: left;
}

.search-open-close .slide-search {
    /* 	position: absolute; */
    transition: all .4s;
    display: inline-block!important;
    float: left;
    top: 100%;
    right: 0;
}

.search-open-close .slide-search input {
    /* 	transition: .4s all; */
    /*     width: 1px; */
    vertical-align: top;
}

.search-open-close.active .slide-search input {
    width: 143px;
    padding: 6px 5px 3px;
    transition: .4s all;
    visibility: visible;
}

.search-open-close .slide-search form {
    margin-bottom: 0px;
}

.search-open-close form::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.search-open-close form:-ms-input-placeholder {
    color: #fff;
}

.search-open-close form::-webkit-input-placeholder {
    color: #fff;
}

.search-open-close input[type="search"] {
    font-family: Chalet-NewYorkNineteenSixty, Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    line-height: 22px;
    color: #fff !important;
    height: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    background: #d3d3d3;
    border: none;
    padding: 6px 5px 3px;
    margin: 0 0 0 5px;
    box-shadow: none;
    width: 0px;
    visibility: hidden;
    transition: .4s all;
    border-radius: 0;
    text-align: right;
}

.search-open-close input[type="search"]::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.search-open-close input[type="search"]:-ms-input-placeholder {
    color: #fff;
}

.search-open-close input[type="search"]::-webkit-input-placeholder {
    color: #fff;
}

.open-close {
    float: left;
}

.open-close .opener {
    display: none;
}

.open-close .slide {
    position: static !important;
}

#nav {
    display: inline-block;
    vertical-align: top;
    clear: both;
}

#nav ul {
    padding: 0;
    background: url(none.png);
    float: left;
}

#nav li {
    float: left;
    margin: 0 0 25px 27px;
    background: url(none.png);
    list-style-type: none;
    margin: 0 0 5px 27px;
}

#nav a {
    font: 16px/16px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    float: left;
    padding: 0 0 6px;
    letter-spacing: 0px;
    text-transform: lowercase;
    border-bottom: none;
}

#nav a:hover {
    text-decoration: none;
    border-bottom: none;
    color: #4faa6b;
    opacity: 1;
}

#nav li.active a {
    font: 16px/16px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    color: #767777 !important;
    border-bottom: none;
}

#nav li.hover a {
    border-bottom: none;
}

.content-page #nav a:hover {
    border-bottom: none !important;
    color: #4baa69;
    opacity: 1;
}

.icons-box {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -4px;
}

.logo {
    float: left;
    width: 210px;
    height: auto;
}

.logo .mobile-logo {
    /* 	display: none; */
}

.logo img {
    /* 	display: block; */
}

.social-networks {
    line-height: 0;
    font-size: 0;
    text-align: center;
}

.social-networks li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    margin: 0 27px;
}

.social-networks a {
    color: #818282;
    line-height: 46px;
    display: inline-block;
    vertical-align: top;
}

.social-networks a:hover {
    color: #4faa6b !important;
    opacity: 1;
}

.mail-box .social-networks a:hover {
    color: #fff !important;
    opacity: .8;
}

.social-networks a.icon-facebook {
    font-size: 33px;
}

.social-networks a.icon-twitter {
    font-size: 32px;
}

.social-networks a.icon-pinterest {
    font-size: 33px;
}

.social-networks a.icon-instagram {
    font-size: 31px;
}

.social-networks a.icon-youtube {
    font-size: 25px;
}


/*
#main {
    margin: 65px 0 -365px;
}*/

main ul {
    color: #4faa6b;
    letter-spacing: 1px;
    margin: 0 0 30px;
}

#page-article .main-block {
    padding: 0;
}

#page-article .content-column img {
    max-width: 110%;
    width: 110%;
    margin: 0 0 0 -5%;
}

#page-article .content-column img.right {
    width: 60%;
    float: right;
    display: inline;
    margin: 0 -5% 30px 30px;
}

#page-article .content-column img.left {
    width: 60%;
    float: left;
    display: inline;
    margin: 0 30px 30px -5%;
}

.main-holder,
.slide-text {
    width: 90%;
    max-width: 1280px;
    width: 75%;
    max-width: 1024px;
    margin: 75px auto 75px;
    padding: 0 20px;
    position: relative;
    z-index: 3;
}

#the-process.main-holder {
    margin: 30px auto 75px;
    padding: 45px 20px 0;
}
.main-holder.fuck-you {
 min-height:375px;   
}

.main-holder.products-holder {
    width: 90%;
    max-width: 1280px;
    margin: 75px auto 0;
}

.home-columns {
    margin-bottom: 55px;
    text-align: left;
    max-width: 1280px;
}

.home-columns.partners {
    text-align: left;
    margin-top: 50px;
    margin-bottom: 100px;
    height: auto;
}

.home-columns .col {
    visibility: visible;
    max-width: 29%;
    display: inline-block;
    padding: 0 5% 0 0;
    text-align: left;
    vertical-align: top;
  box-sizing: content-box;
}

.home-columns .col:nth-child(3n) {
    padding: 0 0 0 0;
}

.home-columns .col h3 {
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 0;
    margin-bottom: 20px;
    max-width: 200px;
}

.home-columns .col p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
}

.home-columns .col>a {
    display: block;
    font-weight: bold;
    position: relative;
    margin-left: 0;
    padding: 2px 0;
    white-space: nowrap;
}

.home-columns .col>a:hover {
    display: block;
    font-weight: bold;
    margin-left: 2px;
}

.partners .logos {
    display: inline-block;
    width: 30%;
    vertical-align: middle;
    text-align: right;
}

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

.partners .logos a img {
    width: 90%;
    margin: 10px 0;
}

.partners .logos.left a:nth-child(4) img {
    margin: 15px 0 0 0;
}
.logos.left a {
    float: left;
}
.partners .logos.right a:nth-child(3) img {
    margin: 5px 0 0 0;
}

.content-column {
    max-width: 766px;
    margin: 0 auto;
}

.content-column p {
    letter-spacing: 2px;
    word-spacing: -3px;
}

.content {
    padding: 206px 0 0;
    padding: 0 0 0;
}

.title-box {
    margin: 0 0 125px;
}

.comment-block {
    margin: 0 0 90px;
}

time {
    color: #a1a3a6;
    text-align: center;
    display: block;
    text-transform: uppercase;
    margin: 0 0 7px;
    letter-spacing: 2px;
    font: 15px/18px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
}

.name {
    display: block;
    color: #a2a3a5;
    font-size: 15px;
    line-height: 18px;
    display: block;
    letter-spacing: 1px;
    font-weight: normal;
    text-align: center;
}

.name span {
    text-transform: uppercase;
}

.visual {
    margin: 0 0 69px;
    padding: 37px 0 0;
    overflow: hidden;
}

.content-column .visual {
    margin: 0 -96px 69px;
}

.visual img {
    float: left;
    vertical-align: top;
}

.visual span {
    float: left;
}

.visual .small-img {
    margin: 0 0 0 26px;
}

.bold-box {
    font-weight: bold;
    line-height: 34px;
    overflow: hidden;
    margin: 0 0 4px;
}

.bold-box p {
    margin: 0 0 34px;
}

.post-box {
    margin: 100px 0;
    text-align: center;
    float: left;
    width: 100%;
}

.content-column .post-box {
    margin: 0 -145px 129px;
}

.post-box .box {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 250px;
    margin: 0 10px 20px;
}

.post {
    width: 30%;
    display: inline;
    float: left;
    text-align: left;
    margin: 0 10px;
}

#instafeed a {
    position: relative;
    float: left;
    width: 25%;
}

#instafeed a:after,
.slide-text:after {
    position: absolute;
    content: " ";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(79, 169, 107, .6);
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
#page-product .slide-text:after {
    background: rgba(79, 169, 107, .4);
}
#instafeed a:after {
    background: rgba(79, 169, 107, .4);
}

.slide-text:after {
    z-index: -1;
}

#instafeed a:hover:after {
    position: absolute;
    content: " ";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(79, 169, 107, .1);
}

#instafeed a:hover,
#instafeed a:hover img {
    opacity: 1 !important;
}


/*
.post-box .img-box a img:before {
    opacity: 0;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(177, 180, 182, .2);
}
*/

.post-box h3 {
    text-align: center;
    margin: 0 0 50px 0;
    text-transform: lowercase;
}

.post-box a h4 {
    margin: 0 0 0 10px;
    letter-spacing: 1px;
    font: 15px/18px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
}

.post-box a,
.post-box a:hover {
    opacity: 1 !important;
}

.post-box a h4 {
    color: #656669;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.post-box a img {
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.post-box a:hover h4 {
    text-decoration: none;
    color: #4faa6b;
}

.post a:hover img {
    opacity: .8 !important;
}

.email-block {
    background: #4fa96b;
    text-align: center;
    padding: 0 0 48px;
}

.email-block .img-box {
    overflow: hidden;
    position: relative;
    margin: 0 0 48px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 200%;
}

.email-block .img-box img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.email-block .img-box .title-block {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    text-align: center;
}

.email-block .img-box .title-block:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 1px;
    overflow: hidden;
    margin: 0 0 0 -5px;
    vertical-align: middle;
}

.email-block .img-box .title-holder {
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    padding: 31px 0 0;
}

.email-block .title {
    float: left;
    width: 100%;
    margin: 60px auto 40px;
    font: 48px/48px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    color: #fff;
}

.email-block .img-box .btn {
    /*   background: #4faa6b;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 19px 40px 17px;*/
    letter-spacing: 1px;
    font: 15px/18px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    text-transform: lowercase;
}

.email-block .img-box .btn:hover {
    text-decoration: none;
    background: #448c5a;
}

.email-block .mail-box {
    padding: 0 20px 20px;
}

.email-block .label {
    font: 30px/33px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    text-transform: lowercase;
    color: #fff;
    margin: 0 0 19px;
    letter-spacing: -1px;
    display: inline-block;
    vertical-align: top;
}

.email-block .social-networks {
    margin: 0 0 33px;
}

.email-block .social-networks li,
.email-block .social-networks li:last-child {
    margin: 0 30px;
    padding: 0;
}

.email-block .social-networks a {
    color: #fff;
}

.email-block .social-networks a.icon-facebook {
    font-size: 23px;
}

.email-block .social-networks a.icon-pinterest {
    font-size: 24px;
}

.email-block .social-networks a.icon-instagram {
    font-size: 23px;
}

.email-block .social-networks a.icon-twitter {
    font-size: 23px;
}

.email-block .social-networks a.icon-youtube {
    font-size: 20px;
}

.email-block .sub-nav ul {
    text-transform: lowercase;
    padding: 0 40px 0 0;
    font: 14px/20px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
}

.email-block .sub-nav li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    padding: 0 0 0 23px;
    margin: 0 0 0 17px;
    background: url(separate.png) no-repeat 0 3px;
}

.email-block .sub-nav li:before {
    display: none;
}

.email-block .sub-nav li:first-child {
    background: none;
}

.email-block .sub-nav a {
    color: #fff;
    display: inline-block;
    vertical-align: top;
}

.email-block .sub-nav a:hover {
    text-decoration: none;
}

.mail-form {
    margin: 0 0 49px;
}

.mail-form input[type="email"] {
    width: 520px;
    padding: 12px 9px 13px;
    letter-spacing: 1px;
    background: none;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    border: none;
    text-align: center;
    font: 20px/24px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    border: 3px solid #fff;
}

.mail-form input[type="email"]::-moz-placeholder {
    color: #53aa6e;
    opacity: 1;
}

#mc-embedded-subscribe {
    padding: 10px 10px;
    margin: 0 auto 10px auto;
    text-transform: lowercase;
    font-size: 16px;
    font-weight: normal;
    -webkit-transition: all .2s;
    transition: all .2s;
    font: 14px/20px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    opacity: 0;
    visibility: hidden;
    color: #4fa96b;
    background: #fff;
    width: 524px;
}

#mc-embedded-subscribe.focused:hover {
    opacity: .9;
}

.mail-form input[type="email"]:-ms-input-placeholder {
    text-transform: color: #fff;
}

.mail-form input[type="email"]::-webkit-input-placeholder {
    color: #fff;
}

.mail-form::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.mail-form:-ms-input-placeholder {
    color: #fff;
}

.mail-form::-webkit-input-placeholder {
    color: #fff;
}

.mail-form .clear {
    display: block;
    overflow: hidden;
}


/*.mail-form input[type="submit"] {
	display: none;
}*/

.mail-form #mc_embed_signup_scroll.focused input[type="submit"] {
    display: inline-block;
    vertical-align: top;
    opacity: 1;
    visibility: visible;
}

.mail-form input[type="email"] {
    -webkit-transition: all .2s;
    transition: all .2s;
    border: 3px solid #fff;
    width: 520px;
}

.mail-form input[type="email"]:hover {
    color: #fff;
}

.mail-form input[type="email"]:focus {
    background: none !important;
    color: #fff;
    border: 3px solid #fff;
    font: 20px/24px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
}

.email-block .img-box .btn {
    border: 3px solid #4faa6b;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.email-block .img-box .btn:hover {
    background: none !important;
    color: #fff;
    border: 3px solid #fff;
    opacity: 1 !important;
}

.address {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    margin: -40px 0 50px;
    font-style: normal;
}

.text-column {
    max-width: 28%;
    display: inline-block;
    text-align: left;
    margin: 0 0 0 0;
    vertical-align: top;
}

.text-column h1 {
    text-align: left;
}

.story-intro .text-column a {
    display: block;
    font: 17px/24px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.story-intro .text-column a:hover {
    display: block;
    margin-left: 2px;
}

.story-intro,
.story-body {
    margin: 0;
    text-align: center;
}

.story-intro p,
.story-body p {
    margin: 0 0 20px 0;
}

.story-body .bullet {
    font-weight: bold;
}

.img-column {
    width: 70%;
    display: inline-block;
}

.img-column.squares img {
    width: 100%;
    margin: 0 0 30px 30px;
    display: inline-block;
}

.story-iframe {
    display: inline-block;
    vertical-align: bottom;
    width: 70%;
    float: right;
}

.text-column.video {
    max-width: 25%;
    display: inline-block;
    text-align: left;
    margin-right: 30px;
    vertical-align: top;
}

.story-iframe iframe {
    min-height: 400px;
    width: 100%;
}

#footer {
    text-align: center;
    position: relative;
    margin: -375px 0 0 0;
    min-height: 400px;
}

#footer .box-img {
    overflow: hidden;
    position: relative;
    z-index: 2;
}

#footer .box-img img {
    float: left;
    width: 100%;
    height: auto;
}

#footer .footer-text {
    z-index: 1;
    position: absolute;
    left: 50%;
    bottom: 89px;
    width: 260px;
    margin: 0 0 0 -130px;
    text-transform: uppercase;
    font: 14px/23px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    color: #fff;
}

.main-visual {
    position: relative;
    text-align: center;
    color: #fff;
    margin: 0 0 99px;
}

.main-visual img {
    width: 100%;
    vertical-align: top;
    height: auto;
}

.main-visual .visual-holder {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    text-align: center;
}

.main-visual .visual-holder:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 1px;
    overflow: hidden;
    margin: 0 0 0 -5px;
    vertical-align: middle;
}

.main-visual header {
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
}

.main-visual h1 {
    font-size: 45px;
    line-height: 48px;
    color: #fff;
    margin: 0 0 15px;
}

.main-visual time {
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    margin: 0 0 17px;
}

.main-visual .name {
    color: #fff;
}

div.main-slideshow {
    margin: 0;
    position: relative;
    height: auto;
    overflow: hidden;
}

div.main-slideshow .slideset {
    overflow: hidden;
}

div.main-slideshow.blogslides,
.blogslides div.main-slide {
    height: 350px;
}

div.main-slideshow.blogslides h1 {
    text-align: center;
}

div.main-slideshow.blogslides .slide-text .made-from {
    margin: 0 auto;
}

#page-index div.main-slideshow,
#page-index div.main-slide {
    height: auto;
}

#page-index div.main-slideshow .slideset {
    /* 	max-height:90vh; */
    height: 350px;
    max-height: 350px;
}
.main-visual,
.main-visual .slide-img {
    height: 350px;
}

.slide-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    height: 350px;
}

.thick .slide-img {
    height: 600px;
}

div.main-slideshow .slide-holder {
    position: absolute;
    left: 0;
    top: 0;
    /* 	bottom: 0; */
    height: 50vh;
    right: 0;
    z-index: 1;
    text-align: center;
}

div.main-slideshow .slide-holder:after {
    position: absolute;
    content: " ";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(79, 169, 107, .4);
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

div.main-slideshow .slide-holder:after {
    z-index: -1;
}

div.main-slideshow .slide-text {
    /* vertical-align: middle; */
    /* display: inline-block; */
    white-space: normal;
    height: 100%;
    display: table;
}

div.main-slideshow .slide-text h2 {
    color: white;
    border-bottom: none;
    /* margin: 36% 0 !important; */
    /* display: table-cell; */
    vertical-align: middle;
    display: table-cell;
    /* display: table; */
    /* height: 100%; */
    /* width: 100%; */
    /* height: 100%; */
    
}

div.main-slideshow .slide-text h2 a {
    color: #fff;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

div.main-slideshow .slide-text h2 a:hover {
    color: #5bc67c;
}

div.main-slideshow .slide-text .btn {
    color: #fff;
    display: inline-block;
    padding: 10px;
    font-size: 15px;
    padding: 8px 30px;
    font-size: 17px;
    line-height: 15px;
    text-transform: lowercase;
    margin: 25px auto 0;
    background: #4faa6b;
    border: 3px solid #4faa6b;
    font-family: Chalet-NewYorkNineteenSixty, Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

div.main-slideshow .slide-text .btn:hover {
    text-decoration: none;
    background: #448c5a;
}

div.main-slideshow .slide-text .made-from {
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
}

div.main-slideshow .slide-text .made-from a {
    color: #fff;
    font-weight: bold;
}

div.main-slideshow img,
.products-header .slide-img img {
    object-fit: cover;
    width: 100%;
    height: auto;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
}

div.main-slideshow .main-btn-prev,
div.main-slideshow .main-btn-next {
    position: absolute;
    top: 50%;
    overflow: hidden;
    font-size: 30px;
    overflow: hidden;
    text-indent: -9999px;
    width: 28px;
    height: 49px;
    z-index: 2;
    margin: -25px 0 0;
}

div.main-slideshow .main-btn-prev:hover,
div.main-slideshow .main-btn-next:hover {
    opacity: .8;
}

div.main-slideshow .main-btn-prev {
    background: url(sprite-arrow-white.png) no-repeat;
    left: 5%;
}

div.main-slideshow .main-btn-next {
    right: 5%;
    background: url(sprite-arrow-white.png) no-repeat 100% 0;
}

div.main-slideshow .slide-img {
    background-size: cover;
}

div.main-slideshow div.main-slide {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    height: 350px;
}

#page-index div.main-slideshow div.main-slide {
    height: 350px;
}

div.main-slideshow div.main-slide.active {
    z-index: 2;
}

div.main-slideshow.not-enough-slides a.main-btn-prev,
div.main-slideshow.not-enough-slides a.main-btn-next {
    visibility: hidden;
}

.block {
    text-align: center;
    color: #a2a3a5;
    margin: 0 0 166px;
}

#page-index .block {
    margin: 0 0 0px;
}

.block .block-text {
    overflow: hidden;
    padding: 0 0 35px;
}

.block h2 {
    letter-spacing: 1px;
    word-spacing: -2px;
    margin: 0 0 74px;
    padding: 0 42px 11px;
}

.block .title {
    font: 36px/44px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    text-transform: uppercase;
    display: block;
    color: #4faa6b;
    letter-spacing: 2px;
    word-spacing: 2px;
    margin: 0 0 54px;
}

.block .btn {
    background: #4faa6b;
    font: 20px/23px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding: 21px 48px 23px;
    display: inline-block;
    vertical-align: top;
}

.block .btn:hover {
    text-decoration: none;
}

.block p {
    margin: 0 0 55px;
}

.block p span {
    text-transform: uppercase;
    font-size: 14px;
}

.banner-block {
    overflow: hidden;
    margin: 0 0 90px;
    display: none;
}

.banner-block .banner {
    float: left;
    position: relative;
    width: 33.333%;
    overflow: hidden;
}

.banner-block .banner .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
}

.banner-block .banner.founders-box .mask {
    background: url(banner-bg-01.png);
}

.banner-block .banner.partners-box .mask {
    background: url(banner-bg-02.png);
}

.banner-block .banner.ecoscraps-box .mask {
    background: url(banner-bg-03.png);
}

.banner-block .banner a {
    opacity: 1;
}

.banner-block .banner img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.banner-block .banner .banner-holder {
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    text-align: center;
    opacity: 0;
}

.banner-block .banner .banner-holder:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 1px;
    overflow: hidden;
    margin: 0 0 0 -5px;
    vertical-align: middle;
}

.banner-block .banner .banner-text {
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
}

.banner-block .banner h3 {
    font: 20px/23px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    color: #fff;
    margin: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.banner-block .banner h3 span {
    display: block;
    letter-spacing: 5px;
    font: 48px/51px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    font-size: 35px;
}

.banner-block .banner.hover .mask,
.banner-block .banner.hover .banner-holder {
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.sale-img {
    text-align: center;
    font: 20px/27px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    color: #fff;
    position: relative;
    max-width: 933px;
    margin: 0 auto 70px;
}

.sale-img p {
    letter-spacing: 1px;
    margin: 0 30px 0 0;
}

.sale-img img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.sale-img .sale-holder {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    white-space: nowrap;
}

.sale-img .sale-holder:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 1px;
    overflow: hidden;
    margin: 0 0 0 -5px;
    vertical-align: middle;
}

.sale-img .sale-text {
    display: inline-block;
    vertical-align: middle;
    padding-left: 36px;
}

.sale-img .sale-title {
    display: block;
    text-transform: uppercase;
    font: 121px/120px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    color: #fff;
    margin: 0 0 10px;
    letter-spacing: 35px;
    position: relative;
}

.sale-img .sale-title:after {
    content: "";
    display: block;
    height: 2px;
    background: #fff;
    margin: 0 auto;
    width: 261px;
    position: relative;
    left: -17px;
}

.block-product {
    text-align: center;
}

blockquote {
    text-align: center;
    border: none;
    margin: 0 0 102px;
    padding: 0;
    font-size: 18px;
    line-height: 29px;
    color: #a2a3a5;
}

blockquote q {
    display: block;
    margin: 0 0 46px;
}

blockquote cite {
    display: block;
    letter-spacing: 1px;
    text-transform: uppercase;
    font: 23px/25px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
}

.nav-items {
    color: #a1a3a6;
    text-align: center;
    letter-spacing: -4px;
    overflow: hidden;
    text-transform: lowercase;
}

.nav-items.fixed {
    position: fixed;
    left: 0;
    top: 115px;
    width: 100%;
    z-index: 4;
    background: url(sticky-filter.png);
    background: rgba(255, 255, 255, .85);
    overflow: visible;
}

.nav-items ul {
    font-weight: normal;
    /* 	border-bottom: 2px solid #a1a3a6; */
    float: none;
    font-size: 14px;
    line-height: 17px;
    padding: 25px 70px 20px;
    margin: 0 -70px 70px;
    letter-spacing: normal;
}

.nav-items.fixed ul {
    padding: 25px 20px 25px;
    margin: 0 auto;
    border: none;
    max-width: 1270px;
}

.nav-items li {
    margin: 0 0 0 20px;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 1px;
    list-style-type: none;
}

.nav-items.fixed ul li {
    margin: 0 0 0 20px;
}

.nav-items li:before {
    display: none;
}

.nav-items li.active a,
.nav-items li.active a:hover {
    font-family: "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    color: #767777 !important;
    border: none !important;
}

.nav-items a {
    display: inline-block;
    vertical-align: top;
    color: #a1a3a6;
    color: rgba(161, 163, 166, 1);
    border-bottom: none;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.nav-items a:hover {
    color: #4faa6b !important;
    text-decoration: none;
    border-bottom: none;
}

.products-header {
    height: 350px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    overflow: hidden;
}

.products-header .slide-img {
    background-size: cover;
}

.slide-text {
    height: 350px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: none !important;
    margin: 0 auto;
/*    padding: 0 5%;*/
    position: relative;
    z-index: 3;
    text-align: center;
  	box-sizing: border-box;
}

.products-header.thick {
    height: 600px !important;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    overflow: hidden;
}

.slide-text.thick {
    height: 600px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    /*padding: 0 12.5%;*/
    position: relative;
    z-index: 3;
}

.story-body .slide-text h2 {
    text-align: left;
    text-transform: none !important;
}

.story-body h2 {
    text-align: left;
    width: 100%;
}

.story-body h3 {
    margin: 50px 0 5px;
}

.story-body h3:first-child {
    margin: 0 0 5px;
}

.our-story .slide-text.thick h2 {
    font: 28px/36px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    text-transform: none !important;
    padding: 0 40px;
}

.story-body ul {
    font: 42px/43px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    text-align: left;
    margin: 0 0 0 75px;
}

main .did-you-know ul {
    margin: 0 0 30px 30px;
    font: 18px/20px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif
}

main .did-you-know ul li {
    margin: 0 0 10px 0;
}

.story-body li {
    margin: 0 0 30px 0;
    list-style: normal;
}

.story-body li a {
    opacity: 1;
    display: inline-block;
    position: relative;
}

.story-body li a::before {
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 1em;
    width: 100%;
    border-bottom: 4px solid rgba(113, 186, 135, .8);
    margin-top: -5px;
    z-index: -1;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.story-body li a:hover {
    opacity: 1;
}

.story-body li a:hover::before {
    opacity: 1;
    border-bottom: 4px solid rgba(113, 186, 135, 1)
}

.img-column p:first-child,
.img-column p:last-child {
    display: none;
}

.product-list {
    line-height: 0;
    color: #727577 !important;
}

ul.product-list {
    margin: 0;
}

.product-list li {
    text-align: center;
    float: left;
    width: 33%;
    height: 500px;
    padding: 0;
    margin: 0 0 70px 0;
    box-sizing: border-box;
    list-style: none;
}

.other-product .product-list li {
    height: 400px;
}


/*
.product-list li.plant-foods {
    padding: 10px;
}*/

.product-list li:before {
    display: none;
}

.price {
    font: 14px/14px "Chalet-LondonNineteenSixty", "Arial", "Helvetica", sans-serif;
    color: #9a9a9a;
    font-size: 14px;
}

.product-list li .img-box {
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none !important;
}

.product-list li .img-box img {
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    width: 80%;
    height: auto;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform: translateZ(0);
}

.product-list li .img-box:hover img {
    opacity: .7;
}

.product-list .img-box {
    position: relative;
    margin: 0 0 41px;
    display: inline-block;
    vertical-align: top;
}

.product-list .img-box .view {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    position: absolute;
    left: 50%;
    top: 50%;
    text-transform: uppercase;
    font: 13px/16px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    color: #fff;
    background: #4faa6b;
    padding: 10px 14px;
    letter-spacing: 1px;
    margin: -9px 0 0 0;
    -webkit-transform: translateX(-50%) translateZ(0px);
    -ms-transform: translateX(-50%) translateZ(0px);
    transform: translateX(-50%) translateZ(0px);
    white-space: nowrap;
}

.product-list .img-box .view i {
    font-size: 16px;
    margin: 0 6px 0 0;
    vertical-align: text-bottom;
}

.product-list .img-box.hover .view {
    visibility: visible;
    background: #4faa6b;
    -webkit-transition: .4s;
    transition: .4s;
    opacity: 1;
}

.product-list .img-box.hover .view:hover {
    text-decoration: none;
    background: #448c5a;
}

.product-list .cost {
    color: #a2a3a5;
    font: 14px/15px "Chalet-LondonNineteenSixty", "Arial", "Helvetica", sans-serif;
}

.product-list .cost i {
    font-size: 14px;
    line-height: 13px;
    color: #bababa;
    margin: 1px 6px 0 0;
    display: inline-block;
    vertical-align: top;
    display: none;
}

.product-list .cost:hover {
    text-decoration: none;
    opacity: 1;
}

.product-list .cost:hover span {
    color: #53aa6e;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out;
}


/* example lightbox styles */

.popup-holder {
    position: relative;
    overflow: hidden;
    height: 0;
}

.lightbox p {
    margin: 0 0 32px;
    /*letter-spacing: 2px;*/
    letter-spacing: 0px;
}

div.lightbox {
    background: #fff;
    max-width: 1068px;
    padding: 0;
    text-align: center;
    position: relative;
    line-height: 26px;
    box-sizing: content-box;
}

div.lightbox .lightbox-holder {
    overflow: hidden;
    padding: 0;
}

div.lightbox .lightbox-frame {
    padding: 50px 60px 25px 60px;
    overflow: hidden;
    box-sizing: content-box;
}

div.lightbox .lightbox-text {
    overflow: hidden;
    text-align: left;
    padding: 0;
    box-sizing: content-box;
    width: 480px;
}

div.lightbox .slideshow-product {
    float: right;
    width: 320px;
    position: relative;
    margin: 0 0 0 20px;
    min-height: 300px;
}

.lightbox p.desc {
    display: none;
}

.lightbox-text h5,
.lightbox-text h6,
.lightbox .info-product {
    display: none;
}

div.lightbox h3 {
    font-weight: normal;
    text-transform: lowercase;
    font: 28px/28px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    padding: 0 !important;
    margin: 0 0 25px !important;
    color: #818184;
    display: block;
    vertical-align: top;
    letter-spacing: normal;
    letter-spacing: 2px;
    width: 100%;
}

.lightbox h3.tag {
    font: 22px/20px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    padding: 0 !important;
    text-align: left;
    padding: 0 !important;
    margin: 0 0 10px !important;
    color: #8f8f91;
}

div.lightbox .close {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #7a8084;
    font-size: 33px;
    line-height: 35px;
}

div.lightbox .close:hover {
    text-decoration: none;
    opacity: 1;
    color: #4faa6b;
}

.wrap .js-placeholder-ready,
.select-holder,
.wrap label {
    display: none;
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url(fancybox.png);
}

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none;
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: none;
    display: none;
    box-sizing: content-box !important;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}

#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0 solid #fff;
    box-sizing: content-box !important;
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101;
}

#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url(fancybox.png) -40px 0;
    cursor: pointer;
    z-index: 1103;
    display: none !important;
}

#fancybox-error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 14px;
    margin: 0;
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
}

#fancybox-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fancybox-left,
#fancybox-right {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background: transparent url(blank.gif);
    z-index: 1102;
    display: none;
}

#fancybox-left {
    left: 0;
}

#fancybox-right {
    right: 0;
}

#fancybox-left-ico,
#fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}

#fancybox-left-ico {
    background-image: url(fancybox.png);
    background-position: -40px -30px;
}

#fancybox-right-ico {
    background-image: url(fancybox.png);
    background-position: -40px -60px;
}

#fancybox-left:hover,
#fancybox-right:hover {
    visibility: visible;
    /* IE6 */
}

#fancybox-left:hover span {
    left: 20px;
}

#fancybox-right:hover span {
    left: auto;
    right: 20px;
}

.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}


/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg {
    background: transparent !important;
}

.fancybox-ie #fancybox-bg-n {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_n.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-ne {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_ne.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-e {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_e.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-se {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_se.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-s {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_s.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-sw {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_sw.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-w {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_w.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-nw {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_nw.png', sizingMethod='scale');
}

.form-order .row {
    display: block;
    margin: 0 0 10px;
}

.form-order .row .wrap {
    display: inline-block;
    vertical-align: top;
    float: left;
}

.form-order label {
    float: left;
    font-size: 12px;
    line-height: 15px;
    padding: 10px 14px 0 4px;
    margin-bottom: 10px;
    color: #a2a3a5;
}

.form-order input[type="text"],
.form-order .qty-input {
    border: 1px solid #a2a3a5;
    width: 29px;
    height: 23px;
    color: #a2a3a5;
    text-align: center;
    margin: 0 11px 10px 0;
    padding: 5px 5px 6px;
    float: left;
    font: 12px/22px "open_sansregular", "Arial", "Helvetica", sans-serif;
}

.form-order input[type="text"]::-moz-placeholder,
.form-order .qty-input::-moz-placeholder {
    color: #a2a3a5;
    opacity: 1;
}

.form-order input[type="text"]:-ms-input-placeholder,
.form-order .qty-input:-ms-input-placeholder {
    color: #a2a3a5;
}

.form-order input[type="text"]::-webkit-input-placeholder,
.form-order .qty-input::-webkit-input-placeholder {
    color: #a2a3a5;
}

.form-order::-moz-placeholder {
    color: #a2a3a5;
    opacity: 1;
}

.form-order:-ms-input-placeholder {
    color: #a2a3a5;
}

.form-order::-webkit-input-placeholder {
    color: #a2a3a5;
}

.form-order .btn {
    display: inline-block;
    vertical-align: top;
    background: #4faa6b;
    text-transform: lowercase;
    color: #fff;
    padding: 11px 15px 10px;
    font: 14px/17px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
}

.form-order .btn {
    float: left;
    margin: 0;
}



.form-order .btn:hover {
    text-decoration: none;
}


.cost-box {
    color: #a2a3a5;
    float: left;
    width: auto;
    white-space: nowrap;
    margin: 13px 15px 0 0;
    /*padding: 10px 12px 8px;
    border: 2px solid #a2a3a5;*/
    font: 14px/14px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
}
.cost-box a {
    color: #a2a3a5;
    text-transform: lowercase;
    padding: 11px 12px 10px;
    border: 2px solid #a2a3a5;
}
.lightbox .cost-box {
    margin: 13px 15px 0 15px;
}


.cost-box a:hover {
    color: #4faa6b;
    text-transform: lowercase;
    opacity: 1;
    border: 2px solid #4faa6b;
}

.cost-box em {
    font-style: normal;
    font-weight: normal;
    padding: 0 5px 0 0;
}

.cost-box .cost {
    padding: 0 9px 0 0;
}

.share-box {
    text-align: center;
    margin: 0 0 0 -33px;
}

.share-box strong,
.share-box span {
    display: block;
    font-size: 20px;
    line-height: 23px;
    padding: 0 0 21px;
}

.share-box .social-networks li {
    margin: 0 32px;
}

.share-box .social-networks a.icon-facebook,
.share-box .social-networks a .st_facebook_custom {
    font-size: 37px;
}

.share-box .social-networks a.icon-twitter,
.share-box .social-networks a .st_twitter_custom {
    font-size: 37px;
}

.share-box .social-networks a.icon-pinterest,
.share-box .social-networks a .st_pinterest_custom {
    font-size: 39px;
}

.share-box .social-networks a.icon-instagram {
    font-size: 37px;
}

.share-box .social-networks a.icon-youtube {
    font-size: 30px;
}

.share-box .social-networks a span {
    display: inline-block;
    vertical-align: middle;
}

.product-section {
    text-align: center;
    color: #a2a3a5;
    font-size: 20px;
    line-height: 24px;
    margin-top: 80px;
}

.product-section h2 {
    margin: 0 0 62px;
}

.product-section .slideshow-product .pagination-product li:before {
    display: none;
}

.product-section .product-text {
    overflow: visible;
    text-align: left;
    padding: 0 50px 0 0;
}

.product-section .info-product,
.product-section h5,
.product-section h6 {
    color: #53aa6e;
}

.product-section .info-product .title {
    color: #53aa6e;
    margin: 0 0 17px;
}

.product-section .info-product ul,
.product-text h5,
.product-text h6 {
    font: 16px/20px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    margin: 0 0 17px;
    text-transform: lowercase;
    font-weight: normal;
    letter-spacing: normal;
    font-size: auto!important;
}

.product-text h5 {
    font-size: 100%!important;
    margin: 50px 0 20px;
}

.product-section .info-product ul li {
    padding: 0 0 22px;
}

.product-section .info-product ul li:before {
    display: none;
}

.product-section .info-product .sub-box {
    font-size: 18px;
    line-height: 21px;
    overflow: hidden;
    margin: 0 0 41px 0;
    color: #a2a3a5;
}

.product-section .info-product .sub-box ul {
    color: #a2a3a5;
    font-size: 18px;
    font-family: "Chalet-LondonNineteenSixty", "Arial", "Helvetica", sans-serif;
    font-weight: normal;
    padding: 0;
    margin: 0 -42px 0 0;
    list-style: none;
}

.product-section .info-product .sub-box ul li {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

.product-section .info-product .sub-box ul li {
    width: 320px;
    display: inline;
    color: #a2a3a5;
}

.product-section .info-product .sub-box span {
    float: left;
    width: 65px;
    /* 	padding: 0 42px 0 0; */
}

.product-section .info-product .sub-box ul span {
    max-width: 150px;
    text-transform: uppercase;
    display: inline;
    width: auto;
    margin: 0 15px 0 0;
}

.product-section .form-order {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    text-align: center;
}

.product-section .form-order select,
.product-section .form-order .jcf-select {
    float: left;
    width: auto;
    margin: 0 11px 10px 0;
}

.product-section .form-order label {
    font-size: 14px;
    line-height: 17px;
    padding: 8px 18px 0 0;
    display: inline-block;
    vertical-align: top;
}

.product-section .form-order input[type="text"] {
    font-size: 14px;
    line-height: 22px;
    width: 40px;
    height: 36px;
    display: inline-block;
    vertical-align: top;
}

.product-text .btn {
    font-size: 14px;
    line-height: 17px;
    padding: 7px 10px 10px 9px;
    display: inline-block;
    vertical-align: top;
}

.product-section .share-box {
    margin: 0 -10px 0 -3px;
}

.product-section .share-box>strong,
.product-section .share-box>span {
    font-size: 16px;
    line-height: 19px;
    padding: 0 0 34px;
}

.product-section .social-networks {
    margin: 0 -23px;
}

.product-section .social-networks li {
    margin: 0 27px;
    padding: 0;
}

.product-section .social-networks a.icon-facebook,
.product-section .social-networks a .st_facebook_custom {
    font-size: 33px;
}

.product-section .social-networks a.icon-twitter,
.product-section .social-networks a .st_twitter_custom {
    font-size: 32px;
}

.product-section .social-networks a.icon-pinterest,
.product-section .social-networks a .st_pinterest_custom {
    font-size: 33px;
}

.product-section .social-networks a.icon-instagram {
    font-size: 31px;
}

.product-section .social-networks a.icon-youtube {
    font-size: 25px;
}

.product-section .social-networks a span {
    display: inline-block;
    vertical-align: middle;
}

.product-section .title {
    text-transform: uppercase;
    display: block;
    margin: 0 0 4px;
    font-weight: normal;
    font-family: "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    color: #a2a3a5;
}

.product-section p {
    margin: 0 0 25px;
    text-transform: lowercase;
}

.other-product {
    text-align: center;
    width: 100%;
    margin: 0 0 100px 0;
}

.other-product h2 {
    color: #8f8f91;
    font-size: 24px;
    margin: 100px auto 50px;
    width: 100%;
}

.other-product .product-list li {
    width: 250px;
    margin: 0px 2%;
    float: none;
    display: inline-block;
    vertical-align: top;
}

.other-product .product-list li .view {
    margin: -5px 0 0 0;
}

.columns-block {
    overflow: hidden;
    position: relative;
    padding: 6px 48px 53px;
    margin: 0 -84px 0 0;
}

.columns-block .loader {
    display: none;
    background: url(loader.png) no-repeat;
    width: 85px;
    height: 19px;
    position: absolute;
    left: 50%;
    bottom: 175px;
    margin: 0 0 0 -43px;
}

.columns-block.ajax-loading .loader {
    display: block;
}

.columns-block .post {
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    margin: 0 7.5% 30px 0;
    width: 42%;
    float: left;
    color: #a2a3a5;
    /* 	opacity: 0; */
}

.columns-block .post .box-img {
    position: relative;
    margin: 0 0 13px;
}

.columns-block .post .box-img img {
    vertical-align: top;
}

.columns-block .post .box-img .mask {
    visibility: hidden;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-color: rgba(177, 180, 182, .65);
}

.columns-block .post .box-img.hover .mask,
.columns-block .post .box-img.hover .box-holder {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
}

.columns-block .post .box-img.hover .box-holder {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.columns-block .post .box-holder {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.columns-block .post .box-holder .box-frame {
    display: table;
    width: 100%;
    height: 100%;
}

.columns-block .post .box-holder .box-social {
    display: table-cell;
    vertical-align: middle;
}

.columns-block .post .social-networks {
    position: relative;
    z-index: 1;
    font-size: 30px;
}

.columns-block .post .social-networks li {
    margin: 0 14px;
    padding: 0;
}

.columns-block .post .social-networks li:before {
    content: none;
}

.columns-block .post .social-networks a {
    color: #fff;
}

.columns-block .post .social-networks a.icon-facebook {
    font-size: 37px;
}

.columns-block .post .social-networks a.icon-pinterest {
    font-size: 39px;
}

.columns-block .post .social-networks a.icon-instagram {
    font-size: 36px;
}

.columns-block .post img {
    width: 100%;
    height: auto;
}

.columns-block .post h2 {
    color: #707274;
    text-transform: lowercase;
    font-size: 20px;
    line-height: 24px;
    padding: 0 5px 0 0;
    margin: 0 0 10px;
    border: none;
    text-align: left;
}

.columns-block .post h2 a {
    color: #707274;
}

.columns-block .post h2 a:hover {
    color: #4faa6b;
}

.columns-block .post h2 a:hover {
    text-decoration: none;
}

.columns-block .post time {
    display: block;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 28px;
    color: #a1a3a6;
    text-align: left;
    font-size: 14px;
    line-height: 17px;
}

.columns-block .post p {
    letter-spacing: 0px;
    text-transform: lowercase;
}

.columns-block .post p a {
    font-size: 15px;
    text-transform: lowercase;
    color: #4faa6b;
    font-family: "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    border: none !important;
    white-space: nowrap;
}

.columns-block .post p a:hover {
    text-decoration: none;
    margin-left: 2px;
    border: none !important;
}

.columns-block .post.shown {
    opacity: 1;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear;
}


/* NEW SOCIAL SHARING */

.share {
    float: right;
    position: relative;
    display: inline;
}

ul.social {
    list-style: none !important;
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
}

ul.social li:before {
    content: none !important;
}

ul.social li {
    list-style: none !important;
    margin: 0;
    float: left;
    display: inline;
    margin: 8px 10px;
    padding: 0;
}

ul.social li:last-child {
    margin: 8px 0 0 5px;
}

ul.social li a {
    color: #818282;
    font-size: 20px;
}

.slide-text ul.social {
    list-style: none !important;
    margin: 20px 0;
    padding: 0;
    float: left;
    display: inline;
    text-align: center;
  width: 100%;
}

.slide-text ul.social li {
    list-style: none !important;
    margin: 0;
    float: none;
    text-align: center;
    display: inline;
    margin: 8px 10px;
    padding: 0;
}

.slide-text ul.social li a {
    color: #fff;
    font-size: 26px;
}

#page-article .slide-text h3 {
    font: 24px/32px "Chalet-LondonNineteenSixty", "Arial", "Helvetica", sans-serif;
}


/* QUICKVIEW SHARING */

.share-quick {
    float: left;
    width: auto;
    display: inline;
}

.share-quick ul.social {
    list-style: none !important;
    margin: 7px 0 0 0;
    width: 100%;
    padding: 0;
    text-align: center;
}

.share-quick ul.social li {
    list-style: none !important;
    margin: 0;
    float: none;
    display: inline;
    margin: 0 20px 0 0;
}

.share-quick ul.social li:first-child {
    margin: 0 25px 0 0;
}

ul.social li a {
    color: #818282;
    font-size: 20px;
}

ul.social li a:hover {
    color: #4faa6b;
    opacity: 1;
}

.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 1px solid #a2a3a5;
    background: #fff;
    margin: 0 0 12px;
    min-width: 100px;
    height: 36px;
    font: bold 12px/15px "open_sansregular", 'Arial', 'Helvetica', sans-serif;
}

.jcf-select select {
    z-index: 1;
    left: 0;
    top: 0;
}

.jcf-select .jcf-select-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    font-size: 14px;
    line-height: 30px;
    margin: 0 35px 0 8px;
    color: #a2a3a5;
}

.jcf-select .jcf-select-opener {
    position: absolute;
    text-align: center;
    width: 26px;
    bottom: 0;
    right: 0;
    top: 0;
}

.jcf-select .jcf-select-opener:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -5px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #a2a3a5 transparent transparent transparent;
}

body>.jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999;
}

body>.jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0px;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px;
}

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid #f00;
}


/* multiple select styles */

.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px;
}


/* select options styles */

.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    line-height: 14px;
    font-size: 12px;
    width: 100%;
}

.jcf-list .jcf-list-content {
    vertical-align: top;
    display: inline-block;
    overflow: auto;
    width: 100%;
}

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

.jcf-list ul li {
    overflow: hidden;
    display: block;
}

.jcf-list .jcf-overflow {
    overflow: auto;
}

.jcf-list .jcf-option {
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    padding: 5px 9px;
    color: #656565;
    height: 1%;
}

.jcf-list .jcf-disabled {
    background: #fff !important;
    color: #aaa !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
    background: #e6e6e6;
    color: #000;
}

.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: bold;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px;
}


/* common custom form elements styles */

.jcf-disabled {
    background: #ddd !important;
}


/* TEXTILE */

.textile p {
    margin: 1em 0;
}

.textile ul,
.textile ol {
    padding-left: 2em;
}

.textile h1 {
    font-size: 140%;
    border: none;
}

.textile h2 {
    font-size: 130%;
    border: none;
}

.textile h3 {
    font-size: 120%;
}

.textile h4 {
    font-size: 110%;
}

.textile h5,
.textile h6 {
    font-size: 100%;
}

.textile blockquote {
    padding-left: 15px;
}


/* LIGHTBOX */

#lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#lightbox img {
    width: auto;
    height: auto;
}

#lightbox a img {
    border: none;
}

#outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#imageContainer {
    padding: 10px;
}

#loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#imageContainer>#hoverNav {
    left: 0;
}

#hoverNav a {
    outline: none;
}

#prevLink,
#nextLink {
    width: 49%;
    height: 100%;
    background-image: url(data:image/gif;base64,AAAA);
    /* Trick IE into showing hover */
    display: block;
}

#prevLink {
    left: 0;
    float: left;
}

#nextLink {
    right: 0;
    float: right;
}

#prevLink:hover,
#prevLink:visited:hover {
    background: url(prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover,
#nextLink:visited:hover {
    background: url(nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
}

#imageData {
    padding: 0 10px;
    color: #666;
}

#imageData #imageDetails {
    width: 70%;
    float: left;
    text-align: left;
}

#imageData #caption {
    font-weight: bold;
}

#imageData #numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
    outline: none;
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
}


/* TWEAKS */

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

body {
    background: url(ecoscraps-loader-slow.gif) no-repeat fixed 50% 45%;
    background-size: 60px 60px !important;
    background-size: cover;
}

#header .sup-box {
    font-size: 11px;
    margin: 0px 3px 5px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

#header .sup-box a:hover {
    opacity: .8;
}

#nav a {
    padding: 0 0 2px 0;
}

.page-header {
    width: 100%;
    text-align: center;
}

#header .sup-box a {
    display: inline-block;
    padding: 3px;
}

p a {
    -webkit-transition: all .4s;
    transition: all .4s;
    border-bottom: 1px solid #fff;
}

p a:hover {
    opacity: 1 !important;
    color: #83c497;
    border-bottom: 1px solid #b1d9bd;
}

.block .btn {
    padding: 21px 48px 18px;
    border: 3px solid #4faa6b;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.block .btn:hover {
    background: #fff;
    border: 3px solid #4faa6b;
    color: #4faa6b;
}

.product-list li .img-box {
    margin: 0 0 20px;
}

.product-list li .img-box img {
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.product-list li .img-box:hover img {
    opacity: .7;
}

.product-list h3 a {
    padding: 2px 0;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.product-section .info-product .sub-box ul {
    font-size: 14px !important;
}

#footer .box-img a img {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.product-section .info-product {
    margin-top: 40px;
}

div.main-slideshow .slide-text h2 {
    color: white;
    border-bottom: none;
    float: left;
    width: 80%;
    padding: 0 !important;
    margin: 0 10% 10px !important;
}

div.main-slideshow .made-from {
    max-width: 660px !important;
}

div.main-slideshow .slide-text .made-from {
    display: block;
    text-transform: none;
    color: #fff;
    font-weight: normal;
    font-size: 110%;
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

div.main-slideshow .slide-text .btn:hover {
    opacity: 1;
    background: none;
    border: 3px solid #fff;
    color: #fff;
}

.email-block .img-box {
    /*     background-size: auto 140%; */
    background-size: auto 120%;
}

.social-networks li span {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.social-networks li:last-child {
    margin: 0 14px 0 10px;
    padding: 0;
}

.share-box strong,
.share-box span {
    font-size: 16px;
    line-height: 16px;
    padding: 0 0 15px;
}

.product-section .share-box>strong,
.product-section .share-box>span {
    padding: 0 0 15px;
}

.clear {
    clear: both;
}

.small-text {
    font-size: 75%;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.about p {
    margin: 0 0 30px 0 !important;
}

.about h2 {
    margin: 0 0 30px 0 !important;
}

address a {
    color: #fff !important;
}


/*#cart tr:nth-child(even) {
    background-color: #f8f8f8;
}
#cart tr:nth-child(odd) {
    background-color: #f4f4f4;
}*/

th,
td {
    border: 1px bottom #eee;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

#cart {
    margin: 0 0 100px 0;
}

#cart-table {
    margin: 0 0 50px 0;
}

.shopify-cart .prd {
    width: 20%;
}

.shopify-cart .ttl {
    width: 30%;
}

.shopify-cart .qty {
    width: 20%;
}

.shopify-cart .prc,
.shopify-cart .rmv {
    width: 10%;
}

.rmv a {
    color: #B56767 !important;
}

.qty input[type="number"] {
    padding: 10px;
    width: 40%;
    color: #6d6f71;
}

.qty input[type="submit"] {
    padding: 12px;
    color: #4faa6b;
    background: #fff;
}

.product-section .share-box {
    margin: 0 !important;
    position: absolute;
    right: 0;
    bottom: 164px;
    z-index: 99 !important;
}

.product-section .social-networks li {
    margin: 0 10px;
    padding: 5px;
}

#header .sup-box {
    font-size: 11px;
    margin: 0px 3px 5px;
    -webkit-transition: all .2s;
    transition: all .2s;
    visibility: hidden;
    margin: 0px 3px 0px;
}

.page-header {
    width: 100%;
    text-align: center;
}

.storefinder .page-header {
    padding: 35px 0 25px;
}

#header .sup-box a {
    display: inline-block;
    padding: 3px;
    padding: 2px;
}

p a {
    -webkit-transition: all .4s;
    transition: all .4s;
    border-bottom: 1px solid #fff;
}

p a:hover {
    opacity: 1 !important;
    color: #83c497;
    border-bottom: 1px solid #b1d9bd;
}

.block .btn {
    padding: 21px 48px 18px;
    border: 3px solid #4faa6b;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.block .btn:hover {
    background: #fff;
    border: 3px solid #4faa6b;
    color: #4faa6b;
}

.product-section .info-product .sub-box ul {
    font-size: 14px !important;
}

#footer .box-img a img {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.product-section .info-product {
    margin-top: 40px;
}


/*div.main-slideshow .slide-img {
    background-size: auto 120%;
}*/

.email-block .img-box {
    background-size: auto 140%;
}

.share-box strong,
.share-box span {
    font-size: 16px;
    line-height: 16px;
    padding: 0 0 15px;
}

.product-section .share-box>strong,
.product-section .share-box>span {
    padding: 0 0 15px;
}

.block .title {
    font-size: 46px;
    line-height: 60px;
}

.small-text {
    font-size: 75%;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.about p {
    margin: 0 0 30px 0 !important;
}

.about h2 {
    margin: 0 0 30px 0 !important;
}

address a {
    color: #fff !important;
}


/*#cart tr:nth-child(even) {
    background-color: #f8f8f8;
}
#cart tr:nth-child(odd) {
    background-color: #f4f4f4;
}*/

th,
td {
    border: 1px bottom #eee;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

#cart {
    margin: 0 0 100px 0;
}

#cart-table {
    margin: 0 0 50px 0;
}

.shopify-cart .prd {
    width: 20%;
}

.shopify-cart .ttl {
    width: 30%;
}

.shopify-cart .qty {
    width: 20%;
}

.shopify-cart .prc,
.shopify-cart .rmv {
    width: 10%;
}

.rmv a {
    color: #B56767 !important;
}

.qty input[type="number"] {
    padding: 10px;
    width: 40%;
    color: #6d6f71;
}

.qty input[type="submit"] {
    padding: 12px;
    color: #4faa6b;
    background: #fff;
}

.social-networks li span {
    font-size: 27px !important;
}

.product-section .social-networks {
    margin: 0;
    opacity: 0.6;
}

.product-section .social-networks li {
    margin: 0 10px;
    padding: 5px;
}

.product-section .share-box>span {
    padding: 0 !important;
}

section .form-order .jcf-select {
    float: none !important;
    margin: 0 0 30px 0 !important;
}

.search-results ol {
    padding: 0 !important;
    list-style: none !important;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    opacity: 1 !important;
}

.search-results ol li {
    position: relative;
    padding: 0;
    text-align: center;
    margin: 0 auto 100px auto !important;
    width: 100%;
}


/* Information selector */

#under-product {
    margin: 0;
    float: left;
    width: 100%;
    text-align: left;
}

#under-product .headline {
    min-height: 40px;
    margin: 150px 0 20px 0;
}

#under-product .buttons {
    width: 13%;
    float: left;
}

#under-product .info {
    float: left;
    width: 85%;
    position: relative;
}

p.legend {
    text-align: center;
    width: 90%;
    font: 12px/16px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    color: #a2a3a5;
}

#under-product span {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    margin: 0 0 0 40px;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

#under-product .headline span {
    margin: 0 0 0 0;
}

#under-product span.show {
    visibility: visible;
    opacity: 1;
}

#under-product h3 {
    text-align: left;
    margin: 0 0 20px 0;
    color: #4baa69;
    font: 54px/60px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
}

#under-product img {
    transition: .4s all;
    cursor: pointer;
    opacity: 1;
    width: 90%;
    margin: 0;
    padding: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

#under-product img:hover {
    transition: .4s all;
    opacity: .7;
}

.order-summary {
    background: #0f0 !important;
}

.share-box .social-networks li {
    margin: 0 10px 0 22px;
}

#page-article header h2 {
    color: #fff !important;
    font-size: 130% !important;
    border-color: #fff !important;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    color: inherit;
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

#page-collection div.main-slideshow {
    margin: 0 0 0 0 !important;
}

#page-collection .main-holder {
    margin: -160px auto 0;
}

.content-column p {
    letter-spacing: 1px;
    word-spacing: 0px;
}

.tcon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    height: 30px;
    transition: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 40px;
    background: transparent;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}

.tcon>* {
    display: block;
}

.tcon:hover,
.tcon:focus {
    outline: none;
}

.tcon::-moz-focus-inner {
    border: 0;
}

.tcon-menu__lines {
    display: inline-block;
    height: 3px;
    width: 30px;
    border-radius: 1.5px;
    transition: 0.3s;
    background: black;
    background: #a2a3a5;
    position: relative;
}

.tcon-menu__lines::before,
.tcon-menu__lines::after {
    display: inline-block;
    height: 3px;
    width: 40px;
    border-radius: 1.5px;
    transition: 0.3s;
    background: #a2a3a5;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transform-origin: 1.5px center;
    transform-origin: 1.5px center;
    width: 100%;
}

.tcon-menu__lines::before {
    top: 8px;
}

.tcon-menu__lines::after {
    top: -8px;
}

.tcon-transform .tcon-menu__lines {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
}

.tcon-menu--xcross {
    width: auto;
}

.tcon-menu--xcross.tcon-transform .tcon-menu__lines {
    background: transparent;
}

.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before,
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
    background: #4faa6b;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 40px;
}

.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

.tcon-visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.tcon-visuallyhidden:active,
.tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

#where-to-buy {}

#storemapper {
    float: left;
    padding: 45px 0 0;
    height: 500px !important;
}

#storemapper-right {
    width: 100%;
}

body #storemapper-form {
    margin: 30px 0px 30px -20px;
    padding: 0 !important;
    position: relative !important;
    width: 400px !important;
    display: inline-block;
    pointer-events: all;
}
#storemapper-right .gm-style-iw div {
    overflow: hidden !important;
}

body #storemapper-form label {
    display: none;
}

#storemapper p:not(.storemapper-popup-phone) a {
    font: 16px/16px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
}

.gm-style .gm-style-iw {
    text-align: center;
}


/* WHITE BG */

body #storemapper #storemapper-zip,
body #storemapper #storemapper-go {
    width: 300px;
    height: 45px;
    background: #fff;
    border: 3px solid #fff;
    text-align: center;
    border-radius: 0;
    outline: none;
    font: 24px/24px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    color: #4fa96b;
    padding: 0 5px;
    margin: -3px 0 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
    display: inline;
    float: left;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

body #storemapper #storemapper-go {
    width: 100px;
    position: relative;
    left: -3px;
    font: 17px/24px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    text-transform: lowercase;
    padding: 8px 0;
    background: #4fa96b;
    border: 3px solid #4fa96b;
    color: #fff;
}

#storemapper-right>div>div>div.gmnoprint.gm-style-cc>div:nth-child(2)>a {
    font-size: 10px;
}

body #storemapper #storemapper-zip::-webkit-input-placeholder {
    color: #4fa96b !important;
}

body #storemapper #storemapper-zip:-moz-placeholder {
    color: #4fa96b !important;
}

body #storemapper #storemapper-zip::-moz-placeholder {
    color: #4fa96b !important;
}

body #storemapper #storemapper-zip:-ms-input-placeholder {
    color: #4fa96b !important;
}

body #storemapper #storemapper-go:hover,
body #storemapper #storemapper-go:active,
body #storemapper #storemapper-go:focus {
    outline: 0;
    outline: none;
    border: 3px solid #4baa69 !important;
    background: #4baa69 !important;
    color: #fff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
}

body #storemapper #storemapper-zip:focus {
    outline: 0;
    outline: none;
    background: #fff;
    color: #4baa69 !important;
    border: 3px solid #fff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
}


/* GREEN BORDER
body #storemapper #storemapper-zip,
body #storemapper #storemapper-go {
    width: 300px;
    height: 45px;
    background: none;
    border: 3px solid #4fa96b;
    text-align: center;
    border-radius: 0;
    outline: none;
    font: 24px/24px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    color: #4fa96b;
    padding: 0 5px;
    margin: -3px 0 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
    display: inline;
    float: left;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

body #storemapper #storemapper-go {
    width: 100px;
    position: relative;
    left: -3px;
    font: 17px/24px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    text-transform: uppercase;
    padding: 10px 0;
}

#storemapper-right>div>div>div.gmnoprint.gm-style-cc>div:nth-child(2)>a {
    font-size: 10px;
}

body #storemapper #storemapper-zip::-webkit-input-placeholder {
    color: #4fa96b !important;
}

body #storemapper #storemapper-zip:-moz-placeholder {
    color: #4fa96b !important;
}

body #storemapper #storemapper-zip::-moz-placeholder {
    color: #4fa96b !important;
}

body #storemapper #storemapper-zip:-ms-input-placeholder {
    color: #4fa96b !important;
}
body #storemapper #storemapper-go:hover,
body #storemapper #storemapper-go:active,
body #storemapper #storemapper-go:focus {
    outline: 0;
    outline: none;
    border: 3px solid #4baa69 !important;
    background: #4baa69 !important;
    color: #fff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
}

body #storemapper #storemapper-zip:focus {
    outline: 0;
    outline: none;
    background: #fff;
    color: #4baa69 !important;
    border: 3px solid #fff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
}
*/


/* WHITE BORDER
body #storemapper #storemapper-zip,
body #storemapper #storemapper-go {
    width: 300px;
    height: 45px;
    background: none;
    border: 3px solid #fff;
    text-align: center;
    border-radius: 0;
    outline: none;
    font: 24px/24px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    color: #fff;
    padding: 0 5px;
    margin: -3px 0 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    display: inline;
    float: left;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

body #storemapper #storemapper-go {
    width: 100px;
    position: relative;
    left: -3px;
    font: 17px/24px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    text-transform: uppercase;
    padding: 10px 0;
}

#storemapper-right>div>div>div.gmnoprint.gm-style-cc>div:nth-child(2)>a {
    font-size: 10px;
}

body #storemapper #storemapper-zip::-webkit-input-placeholder {
    color: #fff !important;
}

body #storemapper #storemapper-zip:-moz-placeholder {
    color: #fff !important;
}

body #storemapper #storemapper-zip::-moz-placeholder {
    color: #fff !important;
}

body #storemapper #storemapper-zip:-ms-input-placeholder {
    color: #fff !important;
}
*/


/*body #storemapper #storemapper-zip:after {
    display: block !important;
    content: '';
    background: url(./assets/svg/line1-black.svg) center no-repeat !important;
    height: 9px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
body #storemapper #storemapper-go:hover,
body #storemapper #storemapper-go:active,
body #storemapper #storemapper-go:focus {
    outline: 0;
    outline: none;
    border: 3px solid #4baa69 !important;
    background: #4baa69 !important;
    color: #fff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
}

body #storemapper #storemapper-zip:focus {
    outline: 0;
    outline: none;
    background: #fff;
    color: #4baa69 !important;
    border: 3px solid #fff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
}
*/

body #storemapper .help-block {
    display: block !important;
    color: #4fa96b !important;
    position: absolute;
    top: 48px;
    width: 100%;
    font-size: 18px;
    z-index: 99999 !important;
    float: left;
    position: absolute;
}

body #storemapper .gm-style+div {
    transform-origin: 0px 0px 0px;
    transform: matrix(1, 0, 0, 1, 41, 517) !important;
}

.map-wrap .submt:hover,
#storemapper #storemapper-go:hover,
#storemapper #storemapper-go:focus,
#storemapper #storemapper-go:active,
#storemapper #storemapper-go.active,
#storemapper .open>.dropdown-toggle#storemapper-go {
    border: 3px solid #fff !important;
    color: #fff !important;
    background: rgba(255, 255, 255, .2) !important;
}

#storemapper-right p {
    color: #818486 !important;
    font: 16px/16px "Chalet-LondonNineteenSixty", "Arial", "Helvetica", sans-serif;
    text-transform: lowercase;
}

p.storemapper-popup-address {
    margin: 0 0 10px 0 !important;
}

body p.storemapper-popup-phone {
    font: 16px/16px "Chalet-LondonNineteenSixty", "Arial", "Helvetica", sans-serif !important;
    padding: 0 0 10px 0 !important;
}

.green {
    color: #4baa69;
}

.london {
    font-family: "Chalet-LondonNineteenSixty", "Arial", "Helvetica", sans-serif;
}

.ny,
strong {
    font-family: "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
}


/*xx MEDIA QUERIES */

@media only screen and (max-width: 1200px) {
    .main-holder {
        width: 90%;
    }
}

@media only screen and (max-width: 1070px) {
    .main-slideshow h1 a {
        font-size: 35px;
    }
    #header .header-holder {}
    .header-frame {
        margin: -1px 0 0 0;
    }
    .content-column .post-box {
        margin: 0 -134px 129px;
    }
    div.main-slideshow .main-btn-prev {
        left: 30px;
    }
    div.main-slideshow .main-btn-next {
        right: 30px;
    }
    .product-section .form-order {
        margin: 0 -50px 47px 0 !important;
    }
    .product-section .social-networks li {
        margin: 0 17px;
    }
    .other-product .product-list li {
        margin: 0 45px;
    }
}

@media only screen and (max-width: 1024px) {
    div.main-slideshow .slideset {
        height: 585px;
    }
    .other-product .product-list li {
    margin: 0 25px;
}
    .banner-block .banner .mask,
    .banner-block .banner .banner-holder {
        opacity: 1;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }
    .product-list li {
        height: 400px;
    }
    div.main-slideshow img,
    .products-header .slide-img img {
        object-fit: cover;
        height: 350px;
        max-width: none;
        vertical-align: top;
        position: absolute;
        top: 0;
        left: 0;
    }
    .products-header.thick .slide-img img {
     height: 600px;   
    }
}

@media only screen and (max-width: 1023px) {
    #nav ul {
        font-size: 12px;
        line-height: 20px;
    }
    #nav li {
        margin: 0 0 5px 15px;
    }
    .logo {
        height: auto;
        width: 172px;
        /*     margin: 8px 0 0; */
        margin: 4px 0 0;
    }
    #header .header-holder {
        padding: 15px 10px 0px;
    }
    .main-block {
        padding: 0 0 75px;
    }
    .content-column .visual {
        margin: 0 0 69px;
    }
    .visual img {
        width: 100%;
        height: auto;
    }
    .visual span.big-img {
        width: 60%;
    }
    .visual span.small-img {
        width: 35%;
    }
    .content-column .post-box {
        margin: 0 0 20px;
    }
    .post-box h3 {
        font-size: 13px;
        margin: 0;
    }
    .email-block .img-box .title {
        line-height: 65px;
        margin: 0 0 15px;
    }
    .email-block .img-box .btn {
        padding: 14px 20px 13px;
    }
    .main-visual {
        margin: 0 0 50px;
    }
    .main-visual .visual-holder:after {
        margin: 0 0 0 -15px;
    }
    div.main-slideshow {
        margin: 0 0 50px;
    }
    .block h2 {
        margin: 0 0 30px;
    }
    .block .btn {
        font-size: 15px;
        padding: 14px 25px;
    }
    blockquote {
        margin: 0 0 50px;
    }
    blockquote q {
        margin: 0 0 30px;
    }
    .slideshow-product {
        float: none;
        margin: 0 auto 20px;
        overflow: hidden;
    }
    .slide-product {
        max-width: 100%;
        width: 75%;
    }
    div.slideshow-product div.slide-product {
        text-align: center;
    }
    .form-order {
        display: inline-block;
        vertical-align: top;
    }
    .share-box {
        margin: 0;
    }
    .product-section .slideshow-product {
        float: none;
        margin: 0 auto 20px;
    }
    .product-section .slideshow-product .pagination-product {
        margin: 0 !important;
    }
    .product-section .info-product .sub-box {
        font-size: 14px;
        line-height: 17px;
    }
    .product-section .share-box {
        margin: 0;
        text-align: left;
    }
    .product-section .social-networks {
        margin: 0;
        text-align: left;
    }
    .product-section .social-networks li:first-child {
        margin-left: 0;
    }
    .other-product .product-list {
        margin: 0 auto 50px;
    }
    .other-product .product-list li {
        margin: 0 25px;
        width: 175px;
    }
    .columns-block {
        margin: 0 -54px 53px 0;
    }
    #under-product {
        min-height: 500px;
    }
}

@media only screen and (max-width: 850px) {
    div.main-slideshow h1 a {
        font-size: 30px;
    }
    #under-product {
        min-height: 600px;
    }
    #under-product .buttons,
    p.legend,
    #under-product .info {
        width: 100%;
    }
    .product-list li {
        margin: 0 0 25px 0;
    }
    #under-product .buttons img {
        width: 23%;
        margin: 0 0 0 .5%;
        padding: 0;
    }
    #under-product .buttons img:first-child {
        margin;
        0;
    }
    #under-product .info,
    #under-product .info span {
        margin: 0;
    }
    .slide-text,
    .slide-text.thick {
        width: 100%;
        padding: 0;
    }
    .text-column,
    .text-column.video,
    .img-column {
        max-width: 90%;
        width: 90%;
        display: inline-block;
        text-align: left;
        margin: 0 auto;
        vertical-align: top;
    }
    .story-iframe {
        width: 90%;
        float: none;
        margin: 50px 0 0 0;
    }
    .story-body ul {
        margin: 25px 0 0 25px;
    }
    .img-column.squares img {
        width: 100%;
        margin: 25px 0;
    }
}

@media only screen and (max-width: 830px) {
    #nav li {
        margin-left: 10px;
    }
    .search-open-close.active .slide-search input {
        width: 73px;
    }
    div.lightbox .slideshow-product {
        float: none;
        width: 320px;
        margin: 0 auto;
        min-height: 400px;
    }
    div.lightbox .lightbox-text {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .lightbox {
        display: none !important;
    }
    .our-story .slide-text.thick h2 {
    font: 24px/24px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    }
    .search-open-close.active .slide-search input {
        width: 143px;
    }
    .product-section .info-product .sub-box ul li {
        width: auto;
    }
    div.main-slideshow .slideset {
        height: 783px;
    }
    .home-columns.partners {
        text-align: center;
    }
    .partners .logos {
        width: auto;
        display: inline;
    }
    .partners .logos img {
        max-width: 30%;
    }
    .home-columns .col h1 {
        max-width: none;
        text-align: center;
    }
    .open-close .slide {
        margin-top: 0;
    }
    .home-columns.partners .col {
        max-width: 88%;
    }
    #header {
        position: fixed !important;
        color: #a2a3a5;
        background: #fff;
    }
    #nav ul {
        font-size: 18px;
        line-height: 40px;
    }
    #header .header-holder {
        padding: 15px 15px 0px;
    }
    #header .header-frame {
        text-align: center;
    }
    #header .sup-box {
        display: block;
        margin: 10px 0 0;
        display: none;
        vertical-align: top;
    }
    .open-close .opener {
        display: block;
    }
    .open-close .openerz span {
        display: block;
        height: 5px;
        width: 40px;
        margin: 0 0 7px;
        background: #a2a3a5;
        overflow: hidden;
        text-indent: -9999px;
    }
    .open-close .openerz:after,
    .open-close .openerz:before {
        display: block;
        width: 100%;
        height: 5px;
        margin: 0 0 7px;
        background: #a2a3a5;
        content: "";
    }
    .open-close .slide {
        position: absolute !important;
        left: 0;
        top: 100%;
        width: 100%;
        z-index: 3;
        text-align: center;
        padding: 10px 10px 30px;
        box-sizing: border-box;
        background: #fff;
    }
    #nav {
        display: block;
    }
    #nav ul {
        float: none;
        text-align: center;
        padding: 5px 0 20px;
    }
    #nav li {
        float: none;
        margin: 0 10px;
    }
    #nav li.hover {
        padding: 0;
    }
    #nav a {
        display: inline-block;
        vertical-align: top;
        float: none;
        padding: 0;
        margin: 0 0 10px 0;
    }
    .icons-box {
        float: none;
        margin: 0 24px 0 0;
        display: inline-block;
        vertical-align: top;
    }
    .logo .mobile-logo {
        display: none;
        display: block;
    }
    .logo .desktop-logo {
        display: none;
    }
    .logo {
        margin: 2px 0 0;
    }
    main ul {
        margin: 0 0 0 25px;
    }
    main ul li {
        padding: 0 0 0 19px;
    }
    .main-block {
        padding: 0 36px 160px;
    }
    .content {
        padding: 100px 0 0;
    }
    .title-box {
        margin: 0 0 53px;
    }
    h1 {
        margin: 0 0 15px;
    }
    h2 {
        margin: 0 0 25px;
    }
    .block .title {
        font-size: 32px;
        line-height: 40px;
    }
    time {
        margin: 0 0 8px;
    }
    .visual {
        margin: 0 -273px 70px;
        padding: 109px 0 0;
    }
    .content-column .visual {
        margin: 0 -273px 70px;
    }
    .visual img {
        position: relative;
        float: none;
    }
    .visual img:after,
    .visual img:before {
        position: absolute;
        width: 2px;
        top: 0;
        bottom: 0;
        content: "";
        background: #fff;
    }
    .visual img:before {
        left: 0;
    }
    .visual img:after {
        right: 0;
    }
    .visual span {
        float: none;
        display: block;
        overflow: hidden;
        width: auto;
        padding: 0 273px;
    }
    .visual span.big-img {
        margin: 0 -59px;
        position: relative;
        z-index: 1;
        width: auto;
    }
    .visual span.small-img {
        margin: -2px -40px 0;
        width: auto;
    }
    .visual .small-img {
        margin: 0;
    }
    .bold-box {
        margin: 0;
    }
    .post-box .box {
        width: 100%;
        margin: 0 auto 46px;
        max-width: 409px;
    }
    .post-box .box img, .post-box a img {
        width: 100%;
        height: auto;
    }
    .post-box .img-box {
        margin: 0 0 13px;
    }
    .post-box .img-box .social-holder:after {
        margin: 0 0 0 -8px;
    }
    .post-box .social-networks li {
        margin: 0 9px 0 10px;
    }
    .post-box .social-networks a.icon-facebook {
        font-size: 27px;
    }
    .post-box .social-networks a.icon-pinterest {
        font-size: 27px;
    }
    .post-box .social-networks a.icon-instagram {
        font-size: 25px;
    }
    .post-box h3 {
        font-size: 25px;
        line-height: 29px;
        margin: 0 3px 0 14px;
    }
    .main-visual {
        margin: 0 0 22px;
    }
    .main-visual .visual-img {
        margin: 0 -96px;
    }
    .main-visual header {
        padding: 40px 30px 0;
    }
    .main-visual h1 {
        line-height: 39px;
        margin: 0 0 34px;
    }
    div.main-slideshow {
        margin: 0 0 20px;
    }
    div.main-slideshow.blogslides {
        margin: 65px 0 20px;
    }
    div.main-slideshow .slide-img {
        margin: 0 -300px;
    }
    div.main-slideshow h1 {
        margin: 0 0 20px;
    }
    /*div.main-slideshow h1 span {
		margin: 0;
		font-size: 40px;
		line-height: 49px;
		padding: 7px 0 0;
		max-width: 400px;
	}*/
    div.main-slideshow .slide-holder:after {
        margin: 0 0 0 -8px;
    }
    .block {
        padding: 0 40px;
    }
    .block .block-text {
        padding: 0;
    }
    .block h2 {
        margin: 0 0 52px;
    }
    .block .btn {
        font-size: 20px;
        line-height: 23px;
        padding: 22px 49px;
        margin: 0 0 75px;
    }
    .banner-block {
        margin: 0 0 97px;
    }
    .banner-block .banner {
        float: none;
        width: 100%;
    }
    .banner-block .banner h3 {
        font-size: 23px;
        line-height: 26px;
        letter-spacing: 3px;
    }
    .banner-block .banner h3 span {
        font-size: 54px;
        line-height: 57px;
        letter-spacing: 7px;
        font-size: 33px;
    }
    .sale-img {
        margin: 0 0 35px;
    }
    .sale-img .sale-box {
        margin: 0 -230px;
    }
    .sale-img .sale-text {
        padding-left: 33px;
    }
    blockquote {
        margin: 0 0 119px;
    }
    div.lightbox {
        width: 100% !important;
    }
    div.lightbox .close {}
    .slideshow-product {
        width: 100%;
        max-width: 480px;
    }
    .slideshow-product .pagination-product {
        position: absolute;
        right: 0px;
        top: 1px;
    }
    div.slideshow-product div.slide-product {
        padding: 10px 123px 0 149px;
        text-align: left;
    }
    .form-order input[type="text"],
    .form-order .qty-input {
        width: 39px;
        height: 36px;
    }
    .share-box .social-networks li {
        margin: 0 10px;
    }
    .product-section h2 {
        margin: 0 0 79px;
        word-spacing: 0;
        letter-spacing: normal;
    }
    .product-section .product-text {
        padding: 0 40px;
    }
    .product-section .product-text p {
        margin: 0 0 33px;
    }
    .product-section .info-product ul,
    .product-section .info-product .sub-box ul {
        margin: 0 0 9px;
        display: inline-block;
    }
    .product-section .info-product .sub-box {
        font-size: 18px;
        line-height: 21px;
        margin: 0 0 60px;
    }
    .product-section .info-product .sub-box span {
        padding: 0 0 0 42px;
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 100px;
        width: 140px!important;
        display: block;
        /* text-align: center; */
        padding: 0;
        margin: 0 auto;
    }
    .product-section .form-order {
        margin: 0 0 36px 0 !important;
    }
    .product-section .share-box strong,
    .product-section .share-box span {
        text-align: center !important;
    }
    .product-section .social-networks {
        text-align: center;
    }
    .product-section .social-networks li {
        margin: 0 27PX;
    }
    .product-section .social-networks li:first-child {
        margin-left: 16px;
    }
    .other-product .product-list li {
        margin: 0px 15px;
    }
    .product-section .form-order {
        text-align: left;
        width: 100%;
    }
    #page-product ul.social {
        float: right;
        margin: 8px 0 0 10px;
    }
    .columns-block {
        margin: 0;
        padding: 6px 0 200px;
    }
    .columns-block .post {
        width: 100%;
        float: none;
        margin: 0 0 50px;
    }
    .columns-block .post .box-img {
        max-width: 432px;
        margin: 0 auto 13px;
    }
    .columns-block .post .social-networks a {
        width: 40px;
    }
    .columns-block .post time {
        text-align: center;
    }
    .slideshow-product {
        min-height: 100px;
        padding: 0;
    }
    .form-order .row .wrap {
        float: none;
    }
    .product-section .slideshow-product .slideset .slide-product {
        padding: 0 90px 0 0 !important;
    }
    .main-holder {
        padding: 0 10px;
    }
    .share {
        float: none;
        text-align: center;
        position: relative;
        top: 0;
        right: 0;
    }
    ul.social li {
        float: none;
        display: inline;
        margin: 0 0 0 10px;
    }
    ul.social li:last-child {
        float: none;
        margin: 0 0 0 5px;
    }
    .home-columns .col p,
    .home-columns .col>a {
        text-align: left;
    }
    .home-columns .col,
    .home-columns .col:nth-child(3n) {
        padding: 30px;
        max-width: none;
    }
    #header .header-frame {
        margin: -5px 0 0 0;
    }
    .partners .logos img,
    .partners .logos a img {
        max-width: 60%;
        width: 60%;
        text-align: center;
        margin: 25px 20% !important;
    }
    .logos.right {
        margin: 0 0 75px 0;
    }
}

@media only screen and (max-width: 660px) {
    h2,
    .our-story .sli#mainde-text.thick h2 {
        font: 36px/36px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    }
    #footer {
        margin: -200px 0 0 0;
    }
    .mail-form input[type="email"] {
        width: 270px;
    }
    #mc-embedded-subscribe {
        width: 274px;
    }
    .email-block .title {
        font: 30px/36px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    }
    .email-block .label {
        font: 24px/32px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    }
    .nav-items ul {
        font-size: 20px;
        line-height: 23px;
        margin: 0 auto 50px;
    }
    .nav-items li {
        display: block;
        margin: 0 0 13px;
    }
    .product-list {
        padding: 0 !important;
    }
    .product-list li {
        width: 50%;
        margin: 0 0 70px;
    }
    .partners .logos img,
    .partners .logos a img {
        max-width: 80%;
        width: 80%;
        text-align: center;
        margin: 20px 10% !important;
    }
    .parnters .logos {
        margin: 0 0 75px 0;
    }
}

@media only screen and (max-width: 480px) {
.post {
    width: 100%;
    margin: 25px 0;
    }
    #page-article .main-holder {
        padding: 0 10px;
        margin: 25px auto 75px !important;
    }
    #under-product {
        min-height: 750px;
    }
    #under-product h3 {
        font: 30px/32px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    }
    .lightbox {
        display: none !important;
    }
    .product-list li {
        width: 100%;
        margin: 0 0 70px;
        height: 500px;
    }
    .products-header {
        position: relative;
    }
    body {
        font-size: 16px;
        line-height: 24px;
    }
    .main-block {
        padding: 0 10px 160px;
    }
    .block {
        padding: 0 10px;
    }
    h1 {
        font-size: 26px;
        line-height: 40px;
    }
    div.main-slideshow h1 {
        line-height: 40px;
    }
    h2 {
        font-size: 24px;
        line-height: 32px;
        padding: 0 0 10px;
    }
    h2.title {
        margin: 4px auto;
        font: 24px/32px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
        padding: 0 10px;
    }
    .slide-text h2 {
        font-size: 24px;
        padding: 0 30px 10px !important;
        display: table-cell;
        vertical-align: middle;
    }
    .slide-text,
    .slide-text.thick {
        display: table;
        height: 100%;
        width: 480px;
        margin: 0 auto !important;
        text-align: center;
        
    }
    .blogslides .slide-text {
        margin: 0;
        padding: 0;
    }
    .products-header h3,
    .slide-text h3 {
        font: 18px/24px "Chalet-LondonNineteenSixty", "Arial", "Helvetica", sans-serif !important;
        padding: 0 40px 0 !important;
    }
    .post-box h3 {
        font-size: 15px;
        line-height: 19px;
    }
    div.main-slideshow .main-btn-prev, div.main-slideshow .main-btn-next {
    font-size: 20px !important;
    width: 15px;
    height: 45px;
    }
        div.main-slideshow .main-btn-prev {
        left: 5px;
    }
    div.main-slideshow .main-btn-next {
        right: 5px;
    }
    .email-block .img-box .title-holder {
        display: block;
    }
    .email-block .social-networks li, .email-block .social-networks li:last-child {
        margin: 0 10px;
    }
    .main-visual h1 {
        font-size: 26px;
        line-height: 36px;
        margin: 0 0 20px;
    }
    .main-visual time {
        font-size: 15px;
        line-height: 18px;
    }
    .block .btn {
        padding: 10px;
        font-size: 15px;
        line-height: 21px;
    }
    .form-order label {
        float: none;
        /* 		display: inline-block; */
        vertical-align: top;
    }
    .form-order input[type="text"],
    .form-order .qty-input {
        float: none;
        /* 		display: inline-block; */
        vertical-align: top;
    }
    .form-order .btn {
        display: block;
        margin: 10px 0;
        width: 100%;
        width: 176px;
        float: none;
        padding-left: 0;
        box-sizing: border-box;
        padding-right: 0;
    }
    .cost-box {
        float: left;
        display: inline-block;
        vertical-align: top;
    }
   #page-product ul.social {
        margin: 8px 0 0 \20px;
    }
    #page-product ul.social li,
    #page-product ul.social li:last-child {
        float: none;
        display: inline;
        margin: 0 0 0 15px;
    }
    #page-product ul.social li:first-child {
        margin: 0;
    }
    .product-section .product-text {
        padding: 0;
        width: 100%;
    }
    .product-section .info-product .sub-box span {
        float: left;
        padding: 10px 0 0;
        text-align: left;
    }
    .product-section .form-order select,
    .product-section .form-order .jcf-select {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .product-section .social-networks li {
        margin: 0 10px;
    }
    .email-block .mail-box {
        padding: 0 20px 20px;
    }
    .email-block .sub-nav ul {
        font-size: 14px;
    }
    .address {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 50px;
    }
    .other-product .product-list li {
        margin: 0 auto;
        width: 240px;
    }
    .product-section {
        margin: 25px 0 0 0;
    }
    .product-section .slideshow-product {
        width: 100%;
        margin: 0 auto 25px;
    }
    .product-section .slideshow-product {
        min-height: 360px;
        height: auto;
        float: left;
        overflow: visible;
    }
    .slideshow-product .pagination-product {
        width: 60px;
    }
    .main-visual header {
        margin: 70px 0 0 0;
    }
    body #storemapper-form {
        margin: 30px 0px 30px -20px;
        width: 260px !important;
    }
    body #storemapper #storemapper-zip {
        width: 180px;
        font: 18px/24px "Chalet-NewYorkNineteenSixty", "Arial", "Helvetica", sans-serif;
    }
    body #storemapper #storemapper-go {
        width: 80px;
    }
    .email-block .sub-nav ul {
        padding: 0;
        margin: 0;
    }
    .email-block .sub-nav li {
        padding: 10px 0;
        margin: 0 auto;
        width: 100%;
        background: none !important;
    }
    #footer {
    margin: -600px 0 0 0;
    }
    #instafeed a {
    width: 50%;
    }

    .blog-slide-text {
    display: table-cell;
    vertical-align: middle;
    }
    div.main-slideshow .slide-text .btn {
    color: #fff;
    /* display: table-cell; */
    padding: 10px;
    font-size: 15px;
    padding: 8px 30px;
    font-size: 17px;
    line-height: 15px;
    text-transform: lowercase;
    margin: 25px auto 0;
    background: #4faa6b;
    border: 3px solid #4faa6b;
    font-family: Chalet-NewYorkNineteenSixty, Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
div.main-slideshow .slide-text .blog-slide-text h2, .slide-text .blog-slide-text h2 {
    color: white;
    border-bottom: none;
    text-align: center;
    float: left;
    width: 80%;
    padding: 0 !important;
    margin: 0 10% 10px !important;
}
    .slideshow-product .pagination-product {
        position: relative;
    }
    .slide-text ul.social {
    width: 100%;
    float: left;
    }
    .results a img {
    width: 40%;
    margin: 0 60% 20px 0 !imPORtant;
    }
}

/* Notifications */

.notification {
    position: fixed;
    z-index: 10;
    width: 100%;
    padding: 20px;
    background: rgba(50,50,50,1);
    left: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
}

.notification p,
.notification p a {
    margin: 0;
    color: rgba(255,255,255,.95);
    font-size: .75rem;
}

.notification p a {
    border-bottom: 1px solid;
}

.notification.active {
    opacity: 1;
}

.notification.bottom {
    bottom: 0;
    transform: translateY(102%);
}

.notification.bottom.active {
    transform: translateY(0%);
}

.notification.top {
    top: 0;
}

.notification a.button,
.notification a.button.small {
    padding: 10px 20px;
    margin: 0 60px 0 30px;
    background: rgba(255,255,255,.95);
    text-align: center  ;
}

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

    .notification {
        display: block;
        width: 90%;
    }

    .notification a.button,
    .notification a.button.small {
        display: block;
        margin: 20px 0;
        width: 87%;
    }

}


@media only screen and (max-width: 420px) {
    .slide-text,
    .slide-text.thick {
        width: 420px;
    }
}

@media only screen and (max-width: 400px) {
    .slide-text,
    .slide-text.thick {
        width: 400px;
    }
}

@media only screen and (max-width: 380px) {
    .slide-text,
    .slide-text.thick {
        width: 380px;
    }
}

@media only screen and (max-width: 360px) {
    .product-list li {
        width: 100%;
        margin: 0 0 70px;
        height: 450px;
    }
    .slide-text,
    .slide-text.thick {
        width: 360px;
        margin: 0 auto !important;
        text-align: center;
    }
    .mail-form input[type="email"] {
        width: 230px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 340px) {
    .slide-text,
    .slide-text.thick {
        width: 340px;
    }
    #page-product ul.social {
        margin: 8px 0 0 0;
    }
}

@media only screen and (max-width: 320px) {
    .slide-text,
    .slide-text.thick {
        width: 320px;
    }
}

.pac-container {
    display: none !important;
}
h3.tag {
    text-transform: lowercase;
    font-size: 28px;
}