/*!
Theme Name:   Storefront
Theme URI:    https://woocommerce.com/storefront/
Author:       Automattic
Author URI:   https://woocommerce.com/
Description:  Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Version:      4.1.0
Tested up to: 5.8.0
Requires PHP: 5.6.0
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  storefront
Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Storefront is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

All sizing (typography, layout, padding/margins, etc) are inspired by a modular scale that uses 1em as a base size with a 1.618 ratio.
You can read more about the calculator we use in our Sass here: https://github.com/modularscale/modularscale-sass

FontAwesome License: SIL Open Font License - http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
Images License: GNU General Public License v2 or later
*//*!
 * normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
 */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
 body.woocommerce #primary {
    float: none;
    width: 100%;
  }
  body {
    background: #fff;
    overflow-x: hidden;
  }
  @font-face {
    font-family: 'Gotham Pro';
    src: url('fonts/GothamPro-BoldItalic.eot');
    src: local('Gotham Pro Bold Italic'), local('GothamPro-BoldItalic'), url('fonts/GothamPro-BoldItalic.eot@#iefix') format('embedded-opentype'), url('fonts/GothamPro-BoldItalic.woff') format('woff'), url('fonts/GothamPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
  }
  @font-face {
    font-family: 'Gotham Pro';
    src: url('fonts/GothamPro-Italic.eot');
    src: local('Gotham Pro Italic'), local('GothamPro-Italic'), url('fonts/GothamPro-Italic.eot@#iefix') format('embedded-opentype'), url('fonts/GothamPro-Italic.woff') format('woff'), url('fonts/GothamPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
  }
  @font-face {
    font-family: 'Gotham Pro';
    src: url('fonts/GothamPro-Medium.eot');
    src: local('Gotham Pro Medium'), local('GothamPro-Medium'), url('fonts/GothamPro-Medium.eot@#iefix') format('embedded-opentype'), url('fonts/GothamPro-Medium.woff') format('woff'), url('fonts/GothamPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: 'Gotham Pro';
    src: url('fonts/GothamPro-BlackItalic.eot');
    src: local('Gotham Pro Black Italic'), local('GothamPro-BlackItalic'), url('fonts/GothamPro-BlackItalic.eot@#iefix') format('embedded-opentype'), url('fonts/GothamPro-BlackItalic.woff') format('woff'), url('fonts/GothamPro-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
  }
  @font-face {
    font-family: 'Gotham Pro';
    src: url('fonts/GothamPro-Bold.eot');
    src: local('Gotham Pro Bold'), local('GothamPro-Bold'), url('fonts/GothamPro-Bold.eot@#iefix') format('embedded-opentype'), url('fonts/GothamPro-Bold.woff') format('woff'), url('fonts/GothamPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
  }
  @font-face {
    font-family: 'Gotham Pro Narrow';
    src: url('fonts/GothamProNarrow-Bold.eot');
    src: local('Gotham Pro Narrow Bold'), local('GothamProNarrow-Bold'), url('fonts/GothamProNarrow-Bold.eot@#iefix') format('embedded-opentype'), url('fonts/GothamProNarrow-Bold.woff') format('woff'), url('fonts/GothamProNarrow-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
  }
  @font-face {
    font-family: 'Gotham Pro Narrow';
    src: url('fonts/GothamProNarrow-Medium.eot');
    src: local('Gotham Pro Narrow Medium'), local('GothamProNarrow-Medium'), url('fonts/GothamProNarrow-Medium.eot@#iefix') format('embedded-opentype'), url('fonts/GothamProNarrow-Medium.woff') format('woff'), url('fonts/GothamProNarrow-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: 'Gotham Pro';
    src: url('fonts/GothamPro-LightItalic.eot');
    src: local('Gotham Pro Light Italic'), local('GothamPro-LightItalic'), url('fonts/GothamPro-LightItalic.eot@#iefix') format('embedded-opentype'), url('fonts/GothamPro-LightItalic.woff') format('woff'), url('fonts/GothamPro-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
  }
  @font-face {
    font-family: 'Gotham Pro';
    src: url('fonts/GothamPro-Light.eot');
    src: local('Gotham Pro Light'), local('GothamPro-Light'), url('fonts/GothamPro-Light.eot@#iefix') format('embedded-opentype'), url('fonts/GothamPro-Light.woff') format('woff'), url('fonts/GothamPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
  }
  @font-face {
    font-family: 'Gotham Pro';
    src: url('fonts/GothamPro-Black.eot');
    src: local('Gotham Pro Black'), local('GothamPro-Black'), url('fonts/GothamPro-Black.eot@#iefix') format('embedded-opentype'), url('fonts/GothamPro-Black.woff') format('woff'), url('fonts/GothamPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
  }
  @font-face {
    font-family: 'Gotham Pro';
    src: url('fonts/GothamPro.eot');
    src: local('Gotham Pro'), local('GothamPro'), url('fonts/GothamPro.eot@#iefix') format('embedded-opentype'), url('fonts/GothamPro.woff') format('woff'), url('fonts/GothamPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Gotham Pro';
    src: url('fonts/GothamPro-MediumItalic.eot');
    src: local('Gotham Pro Medium Italic'), local('GothamPro-MediumItalic'), url('fonts/GothamPro-MediumItalic.eot@#iefix') format('embedded-opentype'), url('fonts/GothamPro-MediumItalic.woff') format('woff'), url('fonts/GothamPro-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
  }
  @font-face {
    font-family: 'Bicubik';
    src: url('fonts/Bicubik.eot');
    src: local('Bicubik'), url('fonts/Bicubik.eot@#iefix') format('embedded-opentype'), url('fonts/Bicubik.woff') format('woff'), url('fonts/Bicubik.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  .contacts p{margin: 0px;color: #000;}
  .up {
    text-transform: uppercase;
  }
  .none {
    text-decoration: none;
  }
  .th {
    font-weight: 100;
  }
  .el {
    font-weight: 200;
  }
  .l {
    font-weight: 300;
  }
  .reg {
    font-weight: 400;
  }
  .med {
    font-weight: 500;
  }
  .sb {
    font-weight: 600;
  }
  .bold {
    font-weight: 700;
  }
  .eb {
    font-weight: 800;
  }
  .black {
    font-weight: 900;
  }
  .un {
    text-decoration: underline;
  }
  .in {
    display: inline-block;
  }
  .vam {
    vertical-align: middle;
  }
  .rel {
    position: relative;
  }
  .bl {
    display: block;
  }
  .abs {
    position: absolute;
  }
  .tr {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .try {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .trx {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .tc {
    display: table-cell;
    vertical-align: middle;
  }
  .dn {
    display: none;
  }
  .tac {
    text-align: center;
  }
  .tal {
    text-align: left;
  }
  .tar {
    text-align: right;
  }
  .taj {
    text-align: justify;
  }
  .it {
    font-style: italic;
  }
  .sn {
    font-style: normal;
  }
  .popup {
    position: fixed;
    width: 120%;
    height: 100%;
    left: -10%;
    top: 0;
    overflow-y: scroll;
    background: rgba(1, 1, 1, 0.7);
    z-index: 11;
    display: none;
  }
  .b0 {
    border: 0;
  }
  .bn {
    background: none;
  }
  .w100 {
    width: 100%;
  }
  .h100 {
    height: 100%;
  }
  .wa {
    width: auto;
  }
  .p0 {
    padding: 0;
  }
  .m0 {
    margin: 0;
  }
  .poi {
    cursor: pointer;
  }
  .auto {
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
  .noup {
    text-transform: none;
  }
  .fix {
    position: fixed;
  }
  .tn {
    -webkit-transform: none;
            transform: none;
  }
  .bf {
    background: #fff;
  }
  .cf {
    color: #fff;
  }
  .c0 {
    color: #222222;
  }
  .ap {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  body,
  html {
    width: 100%;
    height: 100%;
  }
  body {
    background: #fff;
    overflow-x: hidden;
  }
  body,
  th,
  td {
    font-family: 'Gotham Pro';
    font-size: 14px;
    color: #222222;
  }
  body,
  form,
  object,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin: 0;
    padding: 0;
  }
  img,
  table {
    border: none;
  }
  table {
    border-collapse: collapse;
  }
  table td {
    padding: 0;
  }
  a {
    color: #222222;
    cursor: pointer;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
  }
  a:hover {
    text-decoration: none;
  }
  input,
  textarea,
  button,
  select {
    margin: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    border: 0;
    font-family: 'Gotham Pro';
  }
  button,
  input[type='submit'] {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    cursor: pointer;
    border: 0;
  }
  ol,
  ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  img {
    max-width: 100%;
  }
  .an {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
  }
  .box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  section,
  header,
  footer,
  nav,
  main {
    display: block;
  }
  .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first1 {
    background: url('img/first.jpg') center / cover;
    /* padding: 70px 0 350px; */
    padding:130px 0 350px;
  }
  .first1 .logo {
    /* padding-top: 10px; */
  }
  .fixed {
    position: fixed;
    top: 0;
    min-height: 2em;
    z-index: 9999;
  }
  .first1 .logo a {
    font-family: 'Bicubik';
    font-size: 40px;
    color: #222222;
  }
  .first1 .logo a span {
    color: #007ce1;
  }
  .first1 .contacts {
    text-align: right;
    font-size: 18px;
    padding-right: 290px;
    position: relative;
    top: 25px;
  }
  .first1 .contacts .tel {
    color: #000;
    display: block;
    font-weight: 900;
    font-size: 28px;
    padding-left: 35px;
    background: url('img/phone.png') no-repeat 0 14px;
  }
  .first1 .contacts .button {
    position: absolute;
    border: 1px solid #faa519;
    border-radius: 36px;
    padding: 4px;
    top: 5px;
    right: 0;
  }
  .first1 .contacts .button:hover {
    border: 1px solid #faca17;
  }
  .first1 .contacts .button:hover button {
    background: #faca17;
  }
  .first1 .contacts .button button {
    width: 250px;
    height: 50px;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    background: #faa519;
    border-radius: 36px;
  }
  .first1 .text {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    padding-top: 130px;
    padding-top: 40px;
    width: 50%;
  }
  .first1 .text span {
    display: block;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 55px;
    line-height: 61px;
    color: #007ce1;
    margin-bottom: 15px;
  }
  .top-form {
    background: -webkit-gradient(linear, left top, right top, from(#faca17), to(#ff9c48));
    background: linear-gradient(to right, #faca17, #ff9c48);
    position: relative;
    padding: 1px 0;
  }
  .top-form.other {
    background: #d7d4db;
  }
  .top-form.other.other2 .content:before {
    background: url('img/bg7.jpg') right center / cover;
  }
  .top-form.other.other3 .content:before {
    background: url('img/bg9.jpg') right center / cover;
  }
  .top-form.other .content:before {
    background: url('img/bg5.jpg') right center / cover;
  }
  .top-form .content {
    padding: 90px 0 70px;
    color: #fff;
    position: relative;
    margin: 50px 0 -50px;
  }
  .top-form .content:before {
    content: "";
    position: absolute;
    width: 140%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('img/bg1.jpg') center / cover;
  }
  .top-form .content .image {
    position: absolute;
    top: -400px;
    left: 280px;
  }
  .top-form .content .name {
    font-weight: 900;
    font-size: 35px;
    padding: 0 70px;
    line-height: 41px;
  }
  .top-form .content .name a {
    display: block;
    color: #fff;
    /* margin-top: 40px; */
  }
  .top-form .content form {
    margin-left: -40px;
    margin-top: 20px;
  }
  .top-form .content form  {
    width: 100%;
    height: 120px;
    font-size: 22px;
    color: #fff;
   
    margin-bottom: 30px;
    background: none;
  }
  .top-form .content form input[type='text']::-webkit-input-placeholder {
    color: #fff;
  }
  .top-form .content form .checkbox {
    display: none;
  }
  .top-form .content form .checkbox + label {
    padding-left: 40px;
    font-size: 16px;
    background: url('img/checkbox.png') no-repeat 0 3px;
    line-height: 18px;
    min-height: 30px;
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 20px;
  }
  .top-form .content form .checkbox:checked + label {
    background: url('img/checkbox-active.png') no-repeat 0 3px;
  }
  .top-form .content form .button {
    border: 1px solid #faa519;
    border-radius: 36px;
    padding: 4px;
    margin-bottom: 20px;
    width: 100%;
  }
  .top-form .content form .button:hover {
    border: 1px solid #faca17;
  }
  
  .button1 {
    margin: 0;
    display: inline-block;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    border: 0;
    font-family: 'Gotham Pro';
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    cursor: pointer;
    border: 0;
  }
  .top-form .content form .button:hover button {
    background: #faca17;
  }
  .top-form .content form .button button {
    width: 100%;
    height: 50px;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    background: #faa519;
    border-radius: 36px;
  }
  .top-form .content form .button:hover .button1 {
    background: #faca17;
  }
  .top-form .content form .button .button1 {
    width: 100%;
    height: 50px;
  display: inline-block;
   text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    background: #faa519;
    border-radius: 36px;
  padding: 10px 10px 0 10px;
  
  }
  .top-form .content form p {
    font-weight: 700;
    font-size: 18px;
  }
  .gotop {
    position: fixed;
    left: 15px;
    bottom: -50px;
    background: #faa519;
    width: 50px;
    height: 50px;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
    font-size: 30px;
    text-align: center;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
  }
  .gotop.active {
    bottom: 15px;
  }
  .recallfix {
    display: none;
    position: fixed;
    right: 25px;
    bottom: 25px;
    background: #faa519 url('img/phone-fix.png') no-repeat center center;
    background-size:35px;
    width: 75px;
    height: 75px;
    color: #fff;
    border-radius: 75px;
    cursor: pointer;
    font-size: 30px;
    text-align: center;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
  }
  .catalog {
    background: url('img/bg2.jpg') center / cover;
    padding: 120px 0 50px;
  }
  .catalog .tabNavigation {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 35px;
  }
  .catalog .tabNavigation li {
    width: 23%;
  }
  .catalog .tabNavigation li a {
    display: block;
    text-align: center;
    font-weight: 700;
    padding-bottom: 20px;
    font-size: 18px;
    position: relative;
  }
  .catalog .tabNavigation li a.selected:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #faa519;
    left: 0;
    bottom: 0;
  }
  .catalog .tabNavigation li a img {
    display: block;
    margin: 0 auto 10px auto;
  }
  .catalog .item {
    border: 1px solid #eaeaea;
    background: #fff;
    -webkit-box-shadow: rgba(1, 1, 1, 0.1) 0 0 3px;
            box-shadow: rgba(1, 1, 1, 0.1) 0 0 3px;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 700;
    padding-bottom: 30px;
    
    width: 255px;
      margin-left: auto;
      margin-right: auto;
      max-width: 100%;
  }
  .catalog .item:hover {
    -webkit-box-shadow: rgba(1, 1, 1, 0.1) 0 0 15px;
            box-shadow: rgba(1, 1, 1, 0.1) 0 0 15px;
  }
  .catalog .item .photo {
    padding: 40px 15px;
    border-bottom: 1px solid #eaeaea;
  }
  .catalog .item .scheme {
    padding: 20px 5px;
  }
  .catalog .item .name {
    display: block;
    font-size: 18px;
  }
  .catalog .item .price {
    font-size: 18px;
    margin: -5px 0 10px;
  }
  .catalog .item .price span {
    font-size: 30px;
  }
  .catalog .item .button {
    border: 1px solid #faa519;
    border-radius: 36px;
    padding: 4px;
    display: inline-block;
  }
  .catalog .item .button:hover {
    border: 1px solid #faca17;
  }
  .catalog .item .button:hover button {
    background: #faca17;
  }
  .catalog .item .button button {
    width: 170px;
    height: 50px;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    background: #faa519;
    border-radius: 36px;
  }
  .second-form {
    background: url('img/bg3.jpg') center / cover;
    color: #fff;
    padding: 130px 0 65px;
  }
  .second-form .container {
    position: relative;
  }
  .second-form .image {
    position: absolute;
left: -70px;
bottom: -25px;
width: 55%;
  }
  .second-form form {
    margin-left: -40px;
  }
  .second-form form .name {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 10px;
  }
  .second-form form .name span {
    display: block;
    font-weight: 900;
    font-size: 35px;
    line-height: 41px;
  }
  .second-form  input[type='text'] input[type="tel"] {
    width: 100%;
    height: 50px;
    font-size: 22px;
    color: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 30px;
    background: none;
  }
  .second-form form input[type='text']::-webkit-input-placeholder {
    color: #fff;
  }
  .second-form form .checkbox {
    display: none;
  }
  .second-form form .checkbox + label {
    padding-left: 40px;
    font-size: 16px;
    background: url('img/checkbox.png') no-repeat 0 3px;
    line-height: 18px;
    min-height: 30px;
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 20px;
  }
  .second-form form .checkbox:checked + label {
    background: url('img/checkbox-active.png') no-repeat 0 3px;
  }
  .second-form form .button {
    border: 1px solid #fff;
    border-radius: 36px;
    padding: 4px;
    margin-bottom: 20px;
    width: 100%;
  }
  .second-form form .button:hover {
    opacity: .8;
  }
  .second-form form .button button {
    width: 100%;
    height: 50px;
    font-weight: 700;
    color: #faa519;
    font-size: 18px;
    background: #fff;
    border-radius: 36px;
  }
  
  .second-form form .button .button1 {
    width: 100%;
    display:inline-block;
    height: 50px;
    font-weight: 700;
    color: #faa519;
    text-align: center;
    font-size: 18px;
    background: #fff;
    border-radius: 36px;
    padding: 10px 10px 0 10px;
  }
  
  .second-form form p {
    font-weight: 700;
    font-size: 18px;
  }
  .block-container {
    background: radial-gradient(#00f8ff, #007de1);
    color: #fff;
    padding: 1px 0 60px;
  }
  .block-container .name {
    font-weight: 700;
    font-size: 40px;
    margin: 80px 0 50px;
    padding-left: 70px;
    background: url('img/name.png') no-repeat 0 24px;
  }
  .block-container .tabNavigation {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 35px;
  }
  .block-container .tabNavigation li {
    display: inline-block;
  }
  .block-container .tabNavigation li a {
    display: block;
    text-align: center;
    font-weight: 700;
    padding: 0 90px 20px 90px;
    color: #fff;
    font-size: 18px;
    position: relative;
  }
  .block-container .tabNavigation li a.selected:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #fff;
    left: 0;
    bottom: 0;
  }
  .block-container .tabNavigation li a img {
    display: block;
    margin: 0 auto 10px auto;
  }
  .catalog2 {
    background: url('img/bg4.jpg') center / cover;
    padding: 1px 0 80px;
  }
  .catalog2 .name {
    font-weight: 700;
    font-size: 40px;
    /* margin: 80px 0 50px; */
    padding-left: 70px;
    background: url('img/name2.png') no-repeat 0 24px;
  }
  .catalog2 .item {
    border: 1px solid #eaeaea;
    margin-bottom: 35px;
    background: #fff;
    -webkit-box-shadow: rgba(1, 1, 1, 0.1) 0 0 15px;
            box-shadow: rgba(1, 1, 1, 0.1) 0 0 15px;
        
    width: 255px;
      margin-left: auto;
      margin-right: auto;
      max-width: 100%;
  }
  .catalog2 .item:hover {
    -webkit-box-shadow: rgba(1, 1, 1, 0.3) 0 0 15px;
            box-shadow: rgba(1, 1, 1, 0.3) 0 0 15px;
  }
  .catalog2 .item img {
    width: 100%;
  }
  .catalog2 .item .content {
    border-top: 1px solid #eaeaea;
    padding: 10px 20px 40px 20px;
    text-align: center;
  }
  .catalog2 .item .content .n {
    height: 90px;
    position: relative;
  }
  .catalog2 .item .content .n a,
  .catalog2 .item .content .n span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    left: 0;
    line-height: 22px;
  }
  .catalog2 .item .content .button {
    border: 1px solid #faa519;
    border-radius: 36px;
    padding: 4px;
    display: inline-block;
  }
  .catalog2 .item .content .button:hover {
    border: 1px solid #faca17;
  }
  .catalog2 .item .content .button:hover button {
    background: #faca17;
  }
  .catalog2 .item .content .button button {
    width: 170px;
    height: 50px;
    font-weight: 700;
    color: #fff;
    font-size: 1rem;
    background: #faa519;
    border-radius: 36px;
  }
  .catalog2 .bottom-button {
    text-align: center;
  }
  .catalog2 .bottom-button .button {
    border: 1px solid #faa519;
    border-radius: 36px;
    padding: 4px;
    display: inline-block;
  }
  .catalog2 .bottom-button .button:hover {
    border: 1px solid #faca17;
  }
  .catalog2 .bottom-button .button:hover button {
    background: #faca17;
  }
  .catalog2 .bottom-button .button button {
    padding: 0 30px;
    height: 50px;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    background: #faa519;
    border-radius: 36px;
  }
  .gallery {
    background: url('img/bg6.jpg') center / cover;
    padding: 60px 0;
  }
  .gallery .block-name {
    font-weight: 700;
    font-size: 40px;
    margin: 80px 0 50px;
    padding-left: 70px;
    background: url('img/name2.png') no-repeat 0 24px;
  }
  .gallery .tabNavigation {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 35px;
  }
  .gallery .tabNavigation li {
    width: 23%;
  }
  .gallery .tabNavigation li a {
    display: block;
    text-align: center;
    font-weight: 700;
    padding-bottom: 20px;
    font-size: 18px;
    position: relative;
  }
  .gallery .tabNavigation li a.selected:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #faa519;
    left: 0;
    bottom: 0;
  }
  .gallery .tabNavigation li a img {
    display: block;
    margin: 0 auto 10px auto;
  }
  .gallery .item {
    width: 49.8%;
    margin-bottom: 4px;
  }
  .gallery .items {
    width: 49.8%;
  }
  .gallery .items .item {
    width: 49.6%;
  }
  .gallery .list .slick-prev,
  .gallery .list .slick-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 36px;
    height: 30px;
    padding: 0;
    font-size: 0;
    z-index: 2;
  }
  .gallery .list .slick-prev {
    left: -70px;
    background: url('img/prev.png');
  }
  .gallery .list .slick-next {
    right: -70px;
    background: url('img/next.png');
  }
  * {
    outline: none!important;
  }
  .reviews {
    background: url('img/bg8.jpg') center / cover;
    padding: 60px 0 70px;
  }
  .reviews .block-name {
    font-weight: 700;
    font-size: 40px;
    margin: 80px 0 30px;
    padding-left: 70px;
    background: url('img/name2.png') no-repeat 0 24px;
  }
  .reviews .list {
    margin: 0 -20px;
  }
  .reviews .list .item {
    margin: 20px;
  }
  .reviews .list .item img {
    width: 100%;
    border: 1px solid #eaeaea;
    -webkit-box-shadow: rgba(1, 1, 1, 0.1) 0 0 20px;
            box-shadow: rgba(1, 1, 1, 0.1) 0 0 20px;
  }
  .reviews .list .item img:hover {
    -webkit-box-shadow: rgba(1, 1, 1, 0.3) 0 0 20px;
            box-shadow: rgba(1, 1, 1, 0.3) 0 0 20px;
  }
  .reviews .list .slick-prev,
  .reviews .list .slick-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 36px;
    height: 30px;
    padding: 0;
    font-size: 0;
    z-index: 2;
  }
  .reviews .list .slick-prev {
    left: -70px;
    background: url('img/prev.png');
  }
  .reviews .list .slick-next {
    right: -70px;
    background: url('img/next.png');
  }
  .contacts-block {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    background: #fff;
  }
  .contacts-block .content {
    display: inline-block;
    padding: 100px 40px 100px 0;
    position: relative;
    font-size: 18px;
    line-height: 22px;
  }
  .contacts-block .content span {
    display: block;
    font-weight: 900;
    font-size: 35px;
    line-height: 41px;
    margin-bottom: 15px;
  }
  .contacts-block .content a {
    display: block;
    margin-top: 20px;
  }
  .contacts-block .content .map {
    position: absolute;
    width: 1500px;
    height: 100%;
    top: 0;
    left: 100%;
  }
  .footer {
    background: #cecbd3;
    padding: 120px 0 80px;
  }
  .footer .logo {
    padding-top: 10px;
  }
  .footer .logo a {
    font-family: 'Bicubik';
    font-size: 40px;
    color: #222222;
  }
  .footer .logo a span {
    color: #007ce1;
  }
  .footer .contacts {
    text-align: right;
    font-size: 18px;
    margin-right: -180px;
  }
  .footer .contacts .tel {
    display: block;
    font-weight: 900;
    font-size: 28px;
    padding-left: 35px;
    background: url('img/phone.png') no-repeat 0 14px;
  }
  .footer .made {
    line-height: 30px;
    margin-top: 5px;
    line-height: 30px;
margin-top: 14px;
width: 30%;
  }
  .footer .made a {
    color: #007ce1;
    text-decoration: none;
    /* background: url('img/logouh.png') no-repeat 0 0; */
    padding-left: 70px;
    display:inline-block;
    /* -webkit-transition: all 200ms ease; */
    transition: all 200ms ease;
  }
  /* .footer .made a:hover {
    background: url('img/dev_h.png') no-repeat 0 0;
  } */
  .popup .window {
    width: 1140px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100px;
    margin-bottom: 100px;
    background: #fff;
    text-align: center;
  }
  .popup .window .close {
    position: absolute;
    right: -40px;
    top: 0;
    opacity: 1;
    background: url('/wp-content/themes/storefront/img/close.png');
    width: 26px;
    height: 26px;
  }
   .popup .window form {
    width: 27.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #007ce1;
    color: #fff;
    padding: 20px;
  }
  .frmdop{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #007ce1;
    color: #fff;
    padding: 20px;
    height: 320px;
    border-radius: 40px;
  }
  .modal-content{    
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #007ce1;
    color: #fff;
    top: 130px;
    border-radius: 40px;
  }
  .name{
    color: #fff;
    font-weight: 900;
font-size: 30px;
line-height: 34px;
padding: 15px 0 10px 0;
text-align: center;
  }
  .site-main ul.products.columns-3 li.product:hover{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  }
  ul.products li.product .woocommerce-loop-product__title{
    font-size: 22px !important;
    font-weight: 600 !important;
  }
  ul.products li.product .price{
    color: #0d0d0d !important;
    font-size: 20px !important;
    font-weight: 600 !important;
  }
  .single-product div.product .summary {
    text-align: center !important;
  }
  input::-webkit-input-placeholder {color:  #43454b !important; }
  input[type="text"], input[type="tel"] {
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: #43454b;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    background: none;
  }
  input[type="submit"]{
    background-color: #faca17;
border-color: #eeeeee;
color: #333333;
margin: 0 auto;
border: 3px solid #faa519 !important;
border-radius: 36px !important;
padding: 10px 40px;
margin-bottom: 20px !important;
font-size: 18px;
font-weight: 600;
  }

  .popup .window form .photo {
    background: #fff;
    text-align: center;
    padding: 30px 10px;
  }
  .popup .window form .name {
    font-weight: 900;
    font-size: 30px;
    line-height: 34px;
    padding: 15px 0 10px 0;
  }
  .popup .window form  {
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: #fff;
    /* border-bottom: 1px solid #fff; */
    margin-bottom: 10px;
    background: none;
  }
  .popup .window form input[type='text']::-webkit-input-placeholder {
    color: #fff;
  }
  .popup .window form .checkbox {
    display: none;
  }
  .popup .window form .checkbox + label {
    padding-left: 40px;
    background: url('img/checkbox.png') no-repeat 0 3px;
    line-height: 18px;
    min-height: 30px;
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 20px;
  }
  .popup .window form .checkbox:checked + label {
    background: url('img/checkbox-active.png') no-repeat 0 3px;
  }
  .popup .window form .button {
    border: 1px solid #faa519 !important;
    border-radius: 36px !important;
    padding: 4px !important;
    margin-bottom: 20px !important;
  }
   .button{
    border: 2px solid #faa519 !important;
    border-radius: 36px !important;
    /* padding: 4px !important;
    margin-bottom: 20px !important; */
  }





  


  .popup .window form .button:hover {
    border: 1px solid #faca17;
  }
   .button .popup .window form .button:hover button,
   .button .popup .window form .button:hover .button1 {
    background: #faca17;
  }
   .button .popup .window form .button button,
   .button .popup .window form .button .button1
   {
    width: 100%;
    height: 50px;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    background: #faa519;
    border-radius: 36px;
    display:block;
  }
  .popup .window form .button .button1 {
    padding:10px 10px 0 10px;
    text-align:center;
  }
  .popup .window form p {
    font-weight: 700;
    font-size: 18px;
  }
  .popup .window .tbl {
    width: 72.5%;
    padding: 20px;
    border: 1px solid #007ce1;
  }
  .popup .window .tbl table {
    width: 100%;
  }
  .popup .window .tbl table thead {
    background: #007ce1;
  }
  .popup .window .tbl table thead tr td {
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    padding: 5px;
  }
  .popup .window .tbl table tbody tr td {
    text-align: center;
    padding: 5px;
    border: 1px solid #007ce1;
    background: #f0f0f0;
  }
  .popup2 .window form {
    width: 100%;
  }
  .popup2 .window {
    border-radius: 20px;
    width:600px;
    max-width:80%;
    height: 55%;
    background: #007ce1;
  }
  .popup2 .window form .name {
    text-align:center;
  }
  .popup2 .window form .answ {
    text-align:center;
  }
  .answ {
    text-align:center;
  }
  .popup2 .window form .checkbox + label {
      background: url(img/checkbox.png) no-repeat 0 0;
      line-height: 30px;
  }
  .popup2 .window form .checkbox:checked + label {
      background: url(img/checkbox-active.png) no-repeat 0 0;
  }
  
  @media (max-width: 1200px) {
    .top-form .content .name {
      font-size: 30px;
    }
    .footer .contacts {
      margin-right: 0;
    }
    .popup .window {
      width: 900px;
    }
    .popup .window form .name {
      font-size: 24px;
      line-height: 28px;
    }
    .catalog2 .item .content .button button {
      width: 150px;
    }
  }
  @media (max-width: 991px) {
    .first1 .contacts {
      padding-right: 0;
    }
    .first1 .contacts .button {
      position: relative;
      top: auto;
      bottom: auto;
      left: auto;
      right: auto;
      margin-top: 10px;
    }
    .first1 .text {
      padding-top: 60px;
      width: 70%;
    }
    .top-form .content .name {
      padding: 0 25px;
      font-size: 24px;
      line-height: 28px;
    }
    .top-form .content form {
      margin: 0;
    }
    .top-form .content {
      padding: 40px 0;
    }
    .top-form .content:before {
      width: 130%;
    }
    .top-form .content form input[type='text'] {
      height: 40px;
      font-size: 18px;
    }
    .catalog .tabNavigation li {
      width: 25%;
    }
    .catalog .tabNavigation li a {
      font-size: 15px;
    }
    .second-form .image {
      left: -70px;
    }
    .gallery .tabNavigation li {
      width: 25%;
    }
    .gallery .tabNavigation li a {
      font-size: 15px;
    }
    .footer .logo {
      width: 100%;
      text-align: center;
      margin-bottom: 30px;
    }
    .popup .window {
      width: 700px;
    }
    .popup .window form {
      width: 100%;
    }
    .popup .window .tbl {
      width: 100%;
    }
    .popup .window form .checkbox + label {
      min-height: 40px;
    }
  }
  @media (max-width: 767px) {
    .firsty{
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    .first1 {
      padding: 30px 0 240px;
      margin-top: 180px;
    }
    .name {font-size: 22px;}
    .second-form{
      padding: 30px 0 65px;
    }
    .top-form .content::before {
      content: "";
      position: absolute;
      width: 140%;
      height: 130%;
    }

    .wpcf7-spinner{display: none;}
    .first1 .contacts .tel {
      font-size: 24px;
      padding: 1px 0 1px 30px;
      background: url('img/phone.png') no-repeat 0 6px;
      display: initial;
    }
    .first1 .contacts .button button {
      width: 200px;
    width: 100%;
    }
    .first1 .logo {
      padding-top: 0;
    }
    .first1 .logo a {
      font-size: 32px;
    }
    .first1 .text {
      width: auto;
      padding-top: 40px;
    }
/* SHOP */


    
    .top-form .content .image {
      top: -270px;
      left: 0;
    }
    .first1 {
      padding: 40px 0 240px;
      background: url('img/first.jpg') top center / cover;
    overflow:hidden;
    }
    .first2 {
      padding: 40px 0 240px;
      background: url('wp-content/themes/storefront/img/first2.jpg') top center / cover;
    overflow:hidden;
    }
    .top-form {
      /*overflow:hidden;*/
    }
    .top-form .content {
      padding: 30px 20px;
    }
    .top-form .content .name {
      padding: 0 0 20px 0;
    }
    .top-form .content form .checkbox + label {
      font-size: 14px;
    }
    .catalog .tabNavigation li {
      width: 50%;
      margin-bottom: 20px;
    }
    .second-form .image {
      display: none;
    }
    .block-container .tabNavigation li a {
      padding: 0 30px 20px 30px;
    }
    .catalog2 .bottom-button .button button {
      font-size: 16px;
    }
    .gallery .tabNavigation li {
      width: 50%;
      margin-bottom: 20px;
    }
    .gallery .item {
      width: 100%;
    }
    .gallery .items {
      width: 100%;
    }
    .popup .window {
      width: 500px;
    }
    .popup .window .tbl .scr {
      overflow-x: scroll;
    }
    .popup .window .tbl table tbody tr td {
      white-space: nowrap;
    }
  }
  @media (max-width: 576px) {
    .first1 {
      padding: 0px 0 240px;
      margin-top: 0px;
    }
    
    .fixed {
      position: initial;
    }
    .first1 .logo {
      /* width: 100%;
      text-align: center; */
      margin: 0 auto;
      width: 70%;
    }
    .first1 .contacts {
      margin: 20px auto 20px auto;
      text-align: center;
    }
    .first1 .text span {
      font-size: 30px;
      line-height: 36px;
    }
    .first1 .text {
      font-size: 16px;
      text-align: center;
    }
    .top-form .content .name {
      font-size: 20px;
    }
    .top-form .content:before {
      width: 100%;
    }
    .top-form .content form p {
      font-size: 16px;
    }
    .catalog .tabNavigation li a {
      font-size: 12px;
    }
    .catalog .tabNavigation li a img {
      zoom: .6;
    }
    .second-form form {
      margin-left: 0;
    }
    .second-form form .name {
      font-size: 18px;
    }
    .second-form form .name span {
      font-size: 24px;
      line-height: 28px;
    }
    .second-form form input[type='text'] {
      font-size: 18px;
      height: 40px;
    }
    .block-container .name {
      background: none;
      padding: 0;
      font-size: 24px;
    }
    .catalog2 .name {
      background: none;
      padding: 0;
      font-size: 24px;
    }
    .catalog2 .bottom-button .button button {
      font-size: 13px;
      padding: 0 20px;
    }
    .gallery .block-name {
      background: none;
      padding: 0;
      font-size: 24px;
    }
    .gallery .tabNavigation li a {
      font-size: 12px;
    }
    .gallery .tabNavigation li a img {
      zoom: .6;
    }
    .gallery .list {
      padding: 0 50px;
    }
    .gallery .list .slick-prev {
      left: 0;
    }
    .gallery .list .slick-next {
      right: 0;
    }
    .reviews .block-name {
      background: none;
      padding: 0;
      font-size: 24px;
    }
    .reviews .list {
      margin: 0;
      padding: 0 30px;
    }
    .reviews .list .slick-prev {
      left: 0;
    }
    .reviews .list .slick-next {
      right: 0;
    }
    .contacts-block .content {
      display: block;
      padding: 30px 0 330px;
    }
    .contacts-block .content .map {
      width: 100%;
      height: 300px;
      left: 0;
      top: auto;
      bottom: 0;
    }
    .footer {
      padding: 80px 0 30px;
    }
    .footer .logo {
      width: 100%;
      text-align: center;
      padding: 0;
      margin: 70px 0 20px 0;
    }
    .footer .logo a {
      font-size: 30px;
    }
    .footer .contacts {
      margin: 10px auto;
      text-align: center;
    }
    .footer .made {
      /* margin: 10px auto; */
      width: 70%;
    }
    .popup .window {
      width: 300px;
    }
    .popup .window .close {
      right: 0;
      top: -40px;
    }
  }
  



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



    background: none;
    background-color: #43454b;
    border: 2px solid #faa519 !important;
    border-color: #43454b;
    border-radius: 36px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    padding: .6180469716em 1.41575em;
    text-decoration: none;
    text-shadow: none;
    webkit-appearance: none;
  }
  button::after,input[type=button]::after,input[type=reset]::after,input[type=submit]::after,.button::after,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link::after,.added_to_cart::after
  {
    display: none;
  }
  button.cta,button.alt,input[type=button].cta,input[type=button].alt,input[type=reset].cta,input[type=reset].alt,input[type=submit].cta,input[type=submit].alt,.button.cta,.button.alt,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt,.added_to_cart.cta,.added_to_cart.alt
  {
    background-color: #2c2d33;
    border-color: #2c2d33;
  }
  button.cta:hover,button.alt:hover,input[type=button].cta:hover,input[type=button].alt:hover,input[type=reset].cta:hover,input[type=reset].alt:hover,input[type=submit].cta:hover,input[type=submit].alt:hover,.button.cta:hover,.button.alt:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt:hover,.added_to_cart.cta:hover,.added_to_cart.alt:hover
  {
    background-color: #2c2d33;
  }
  button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,.button:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,.added_to_cart:hover
  {
    background: #faca17 !important;
  }
  button.loading,input[type=button].loading,input[type=reset].loading,input[type=submit].loading,.button.loading,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading,.added_to_cart.loading
  {
    opacity: .5;
  }
  button.small,input[type=button].small,input[type=reset].small,input[type=submit].small,.button.small,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.small,.added_to_cart.small
  {
    font-size: .875em;
    padding: .5407911001em .875em;
  }
  button.disabled,button:disabled,input[type=button].disabled,input[type=button]:disabled,input[type=reset].disabled,input[type=reset]:disabled,input[type=submit].disabled,input[type=submit]:disabled,.button.disabled,.button:disabled,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,.added_to_cart.disabled,.added_to_cart:disabled
  {
    cursor: not-allowed;
    opacity: .5 !important;
  }
  button.disabled:hover,button:disabled:hover,input[type=button].disabled:hover,input[type=button]:disabled:hover,input[type=reset].disabled:hover,input[type=reset]:disabled:hover,input[type=submit].disabled:hover,input[type=submit]:disabled:hover,.button.disabled:hover,.button:disabled:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled:hover,.added_to_cart.disabled:hover,.added_to_cart:disabled:hover
  {
    opacity: .5 !important;
  }
  .button.woocommerce-MyAccount-downloads-file
  {
    ms-word-break: break-all;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .wc-block-components-button:not(.is-link).disabled,.wc-block-components-button:not(.is-link):disabled
  {
    cursor: not-allowed;
    opacity: .5;
  }
  .wc-block-components-button:not(.is-link).disabled:hover,.wc-block-components-button:not(.is-link):disabled:hover
  {
    opacity: .5;
  }
  input[type=checkbox],input[type=radio]
  {
    padding: 0;
  }
  input[type=checkbox]+label,input[type=radio]+label
  {
    margin: 0 0 0 .3819820591em;
  }
  input[type=search]::-webkit-search-decoration
  {
    webkit-appearance: none;
  }
  input[type=search]
  {
    box-sizing: border-box;
  }
  input[type=search]::placeholder
  {
    color: #616161;
  }
  button::-moz-focus-inner,input::-moz-focus-inner
  {
    border: 0;
    padding: 0;
  }
  input[type=text],input[type=number],input[type=email],input[type=tel],input[type=url],input[type=password],input[type=search],textarea,.input-text
  {
    background-color: #f2f2f2;
    border: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.125) ;
    box-sizing: border-box;
    color: #43454b !important;
    font-weight: 400;
    padding: .6180469716em;
    webkit-appearance: none;
  }
  input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus,.input-text:focus
  {
    background-color: #ededed;
  }
  textarea
  {
    overflow: auto;
    padding-left: .875em;
    vertical-align: top;
    width: 100%;
  }
  label
  {
    font-weight: 400;
  }
  label.inline input
  {
    width: auto;
  }
  fieldset
  {
    border: 0;
    margin: 0;
    margin-bottom: 1.618em;
    margin-top: 1.618em;
    padding: 1.618em;
    padding-top: 1em;
  }
  fieldset legend
  {
    font-weight: 600;
    margin-left: -1em;
    padding: .6180469716em 1em;
  }
  [placeholder]:focus::-webkit-input-placeholder
  {
    opacity: 0;
    transition: opacity .5s .5s ease;
    webkit-transition: opacity .5s .5s ease;
  }
  .page-content img.wp-smiley,.entry-content img.wp-smiley,.comment-content img.wp-smiley
  {
    border: none;
    border-radius: 0;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
  }
  .wp-caption
  {
    margin-bottom: 1em;
    max-width: 100%;
  }
  .wp-caption img[class*=wp-image-]
  {
    display: block;
    margin: 0 auto;
  }
  .wp-caption .wp-caption-text
  {
    border-bottom: 2px solid rgba(0,0,0,.05);
    font-style: italic;
    padding: 1em 0;
    text-align: left;
  }
  .gallery
  {
    margin-bottom: 1em;
  }
  .gallery::before,.gallery::after
  {
    content: "";
    display: table;
  }
  .gallery::after
  {
    clear: both;
  }
  .gallery .gallery-item
  {
    float: left;
  }
  .gallery .gallery-item .gallery-icon a
  {
    display: block;
  }
  .gallery .gallery-item .gallery-icon img
  {
    border: none;
    height: auto;
    margin: 0 auto;
  }
  .gallery .gallery-item .gallery-caption
  {
    margin: 0;
    text-align: center;
  }
  .gallery.gallery-columns-1 .gallery-item
  {
    width: 100%;
  }
  .gallery.gallery-columns-2 .gallery-item
  {
    width: 50%;
  }
  .gallery.gallery-columns-3 .gallery-item
  {
    width: 33.3%;
  }
  .gallery.gallery-columns-4 .gallery-item
  {
    width: 25%;
  }
  .gallery.gallery-columns-5 .gallery-item
  {
    width: 20%;
  }
  .gallery.gallery-columns-6 .gallery-item
  {
    width: 16.666666667%;
  }
  .gallery.gallery-columns-7 .gallery-item
  {
    width: 14.285714286%;
  }
  .gallery.gallery-columns-8 .gallery-item
  {
    width: 12.5%;
  }
  .gallery.gallery-columns-9 .gallery-item
  {
    width: 11.111111111%;
  }
  embed,iframe,object,video
  {
    max-width: 100%;
  }
  .secondary-navigation
  {
    display: none;
  }
  button.menu-toggle
  {
    background-image: none;
    border: 2px solid transparent;
    border-radius: 2px;
    box-shadow: none;
    cursor: pointer;
    float: right;
    font-size: .875em;
    max-width: 120px;
    padding: .6180469716em .875em .6180469716em 2.617924em;
    position: relative;
    text-align: left;
  }
  button.menu-toggle:hover
  {
    background-image: none;
  }
  button.menu-toggle span::before
  {
    transition: all,ease,.2s;
  }
  button.menu-toggle::before,button.menu-toggle::after,button.menu-toggle span::before
  {
    border-radius: 3px;
    content: "";
    display: block;
    height: 2px;
    left: 1em;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    transition: all,ease,.2s;
    width: 14px;
  }
  button.menu-toggle::before
  {
    transform: translateY(-4px);
  }
  button.menu-toggle::after
  {
    transform: translateY(4px);
  }
  .toggled button.menu-toggle::before,.toggled button.menu-toggle::after
  {
    transform: rotate(45deg);
  }
  .toggled button.menu-toggle::after
  {
    transform: rotate(-45deg);
  }
  .toggled button.menu-toggle span::before
  {
    opacity: 0;
  }
  .primary-navigation
  {
    display: none;
  }
  .main-navigation::before,.main-navigation::after
  {
    content: "";
    display: table;
  }
  .main-navigation::after
  {
    clear: both;
  }
  .main-navigation div.menu
  {
    display: none;
  }
  .main-navigation div.menu:last-child
  {
    display: block;
  }
  .main-navigation .menu
  {
    clear: both;
  }
  .handheld-navigation,.nav-menu,.main-navigation div.menu>ul:not(.nav-menu)
  {
    max-height: 0;
    overflow: hidden;
    transition: all,ease,.8s;
  }
  .handheld-navigation
  {
    clear: both;
  }
  .handheld-navigation ul
  {
    margin: 0;
  }
  .handheld-navigation ul.menu li
  {
    position: relative;
  }
  .handheld-navigation ul.menu li button::after
  {
    transition: all,ease,.9s;
  }
  .handheld-navigation ul.menu li button.toggled-on::after
  {
    transform: rotate(180deg);
  }
  .handheld-navigation ul.menu .sub-menu
  {
    max-height: 0;
    opacity: 0;
    transition: all,ease,.9s;
    visibility: hidden;
  }
  .handheld-navigation ul.menu .sub-menu.toggled-on
  {
    max-height: 9999px;
    opacity: 1;
    visibility: visible;
  }
  .handheld-navigation .dropdown-toggle
  {
    background: transparent;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
  .main-navigation.toggled .handheld-navigation,.main-navigation.toggled .menu>ul:not(.nav-menu),.main-navigation.toggled ul[aria-expanded=true]
  {
    max-height: 9999px;
  }
  .main-navigation ul
  {
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
  }
  .main-navigation ul ul
  {
    display: block;
    margin-left: 1.41575em;
  }
  .main-navigation ul li a
  {
    display: block;
    padding: .875em 0;
  }
  .main-navigation ul li a:hover
  {
    color: #e6e6e6;
  }
  .site-main nav.navigation
  {
    clear: both;
    padding: 2.617924em 0;
  }
  .site-main nav.navigation::before,.site-main nav.navigation::after
  {
    content: "";
    display: table;
  }
  .site-main nav.navigation::after
  {
    clear: both;
  }
  .site-main nav.navigation .nav-previous a,.site-main nav.navigation .nav-next a
  {
    display: inline-block;
  }
  .site-main nav.navigation .nav-previous
  {
    float: left;
    width: 50%;
  }
  .site-main nav.navigation .nav-next
  {
    float: right;
    text-align: right;
    width: 50%;
  }
  .pagination,.woocommerce-pagination
  {
    border: 1px solid rgba(0,0,0,.05);
    border-width: 1px 0;
    clear: both;
    padding: 1em 0;
    text-align: center;
  }
  .pagination ul.page-numbers::before,.pagination ul.page-numbers::after,.woocommerce-pagination ul.page-numbers::before,.woocommerce-pagination ul.page-numbers::after
  {
    content: "";
    display: table;
  }
  .pagination ul.page-numbers::after,.woocommerce-pagination ul.page-numbers::after
  {
    clear: both;
  }
  .pagination .page-numbers,.woocommerce-pagination .page-numbers
  {
    list-style: none;
    margin: 0;
    vertical-align: middle;
  }
  .pagination .page-numbers li,.woocommerce-pagination .page-numbers li
  {
    display: inline-block;
  }
  .pagination .page-numbers li .page-numbers,.woocommerce-pagination .page-numbers li .page-numbers
  {
    background-color: rgba(0,0,0,.025);
    border-left-width: 0;
    color: #43454b;
    display: inline-block;
    padding: .3342343017em .875em;
  }
  .pagination .page-numbers li .page-numbers.current,.woocommerce-pagination .page-numbers li .page-numbers.current
  {
    background-color: #2c2d33;
    border-color: #2c2d33;
  }
  .pagination .page-numbers li .page-numbers.dots,.woocommerce-pagination .page-numbers li .page-numbers.dots
  {
    background-color: transparent;
  }
  .pagination .page-numbers li .page-numbers.prev,.pagination .page-numbers li .page-numbers.next,.woocommerce-pagination .page-numbers li .page-numbers.prev,.woocommerce-pagination .page-numbers li .page-numbers.next
  {
    padding-left: 1em;
    padding-right: 1em;
  }
  .pagination .page-numbers li a.page-numbers:hover,.woocommerce-pagination .page-numbers li a.page-numbers:hover
  {
    background-color: rgba(0,0,0,.05);
  }
  .rtl .pagination a.next,.rtl .pagination a.prev,.rtl .woocommerce-pagination a.next,.rtl .woocommerce-pagination a.prev
  {
    transform: rotateY(180deg);
  }
  .widget
  {
    margin: 0 0 3.706325903em;
  }
  .widget select
  {
    max-width: 100%;
  }
  .widget .widget-search .search-submit
  {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    webkit-clip-path: inset(50%);
    width: 1px;
    word-wrap: normal !important;
  }
  .widget .widget-title,.widget .widgettitle
  {
    border-bottom: 1px solid rgba(0,0,0,.05);
    font-size: 1.41575em;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 1em;
    padding: 0 0 1em;
  }
  .widget ul
  {
    list-style: none;
    margin-left: 0;
  }
  .widget ul ul
  {
    margin-left: 1.618em;
  }
  .widget-area .widget
  {
    font-size: .875em;
    font-weight: 400;
  }
  .widget-area .widget h1.widget-title
  {
    font-size: 1.41575em;
  }
  .widget-area .widget a
  {
    font-weight: 600;
    text-decoration: underline;
  }
  .widget-area .widget a:hover
  {
    text-decoration: none;
  }
  .widget-area .widget a.button,.widget-area .widget a.components-button:not(.is-link),.widget-area .widget a.wp-block-button__link
  {
    text-decoration: none;
  }
  .widget-area .widget a.button
  {
    font-weight: 600 !important;
  }
  .widget_search form:not(.wp-block-search),.widget_product_search form:not(.wp-block-search)
  {
    position: relative;
  }
  .widget_search form:not(.wp-block-search) input[type=text],.widget_search form:not(.wp-block-search) input[type=search],.widget_product_search form:not(.wp-block-search) input[type=text],.widget_product_search form:not(.wp-block-search) input[type=search]
  {
    width: 100%;
  }
  .widget_search form:not(.wp-block-search) input[type=submit],.widget_search form:not(.wp-block-search) button[type=submit],.widget_product_search form:not(.wp-block-search) input[type=submit],.widget_product_search form:not(.wp-block-search) button[type=submit]
  {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    left: 0;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    webkit-clip-path: inset(50%);
    width: 1px;
    word-wrap: normal !important;
  }
  .widget_recent_entries ul,.widget_pages ul,.widget_categories ul,.widget_archive ul,.widget_recent_comments ul,.widget_nav_menu ul,.widget_links ul,.widget_product_categories ul,.widget_layered_nav ul,.widget_layered_nav_filters ul
  {
    margin: 0;
  }
  .widget_recent_entries ul li,.widget_pages ul li,.widget_categories ul li,.widget_archive ul li,.widget_recent_comments ul li,.widget_nav_menu ul li,.widget_links ul li,.widget_product_categories ul li,.widget_layered_nav ul li,.widget_layered_nav_filters ul li
  {
    line-height: 1.41575em;
    list-style: none;
    margin-bottom: 1em;
  }
  .widget_recent_entries ul .children,.widget_pages ul .children,.widget_categories ul .children,.widget_archive ul .children,.widget_recent_comments ul .children,.widget_nav_menu ul .children,.widget_links ul .children,.widget_product_categories ul .children,.widget_layered_nav ul .children,.widget_layered_nav_filters ul .children
  {
    margin-left: 0;
    margin-top: 1em;
  }
  #wp-calendar th,#wp-calendar td,.wp-calendar-table th,.wp-calendar-table td
  {
    padding: .236em;
    text-align: center;
  }
  .widget_recent_entries ul ul.children,.widget_pages ul ul.children
  {
    margin: .6180469716em 0 0 1.41575em;
  }
  .widget_rating_filter .wc-layered-nav-rating
  {
    margin-bottom: .6180469716em;
  }
  .widget_rating_filter .wc-layered-nav-rating a
  {
    text-decoration: none !important;
  }
  .widget_rating_filter .wc-layered-nav-rating .star-rating
  {
    display: inline-block;
    height: 1em;
    line-height: 1;
  }
  @media(min-width: 768px)
  {
    table.shop_table_responsive tbody tr td,table.shop_table_responsive tbody tr th
    {
      text-align: left;
    }
    .site-header
    {
      padding-bottom: 0;
      padding-top: 2.617924em;
    }
    .site-header .site-branding
    {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      margin-right: 0;
      width: 100%;
    }
    .site-header .site-branding img
    {
      height: auto;
      max-height: none;
      max-width: 230px;
    }
    .woocommerce-active .site-header .site-branding
    {
      float: left;
      margin-right: 4.347826087%;
      width: 73.9130434783%;
    }
    .woocommerce-active .site-header .site-search
    {
      clear: none;
      float: right;
      margin-right: 0;
      width: 21.7391304348%;
    }
    .woocommerce-active .site-header .main-navigation
    {
      clear: both;
      float: left;
      margin-right: 4.347826087%;
      width: 73.9130434783%;
    }
    .woocommerce-active .site-header .site-header-cart
    {
      float: right;
      margin-bottom: 0;
      margin-right: 0;
      width: 21.7391304348%;
    }
    .storefront-secondary-navigation .site-header .site-branding
    {
      float: left;
      margin-right: 4.347826087%;
      width: 39.1304347826%;
    }
    .storefront-secondary-navigation .site-header .secondary-navigation
    {
      float: right;
      margin-right: 0;
      width: 56.5217391304%;
    }
    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding
    {
      float: left;
      margin-right: 4.347826087%;
      width: 21.7391304348%;
    }
    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation
    {
      float: left;
      margin-right: 4.347826087%;
      width: 47.8260869565%;
    }
    .site-branding .site-description
    {
      display: block;
      margin-bottom: 0;
    }
    .site-branding,.site-search,.site-header-cart,.site-logo-anchor,.site-logo-link,.custom-logo-link
    {
      margin-bottom: 1.41575em;
    }
    .site-header .subscribe-and-connect-connect
    {
      float: right;
      margin-bottom: 1em;
    }
    .site-header .subscribe-and-connect-connect .icons
    {
      list-style: none;
      margin: 0;
    }
    .site-header .subscribe-and-connect-connect .icons a
    {
      font-size: 1em !important;
    }
    .site-header .subscribe-and-connect-connect .icons li
    {
      display: inline-block;
      margin: 0 0 0 .5407911001em !important;
    }
    .col-full
    {
      box-sizing: content-box;
      margin-left: auto;
      margin-right: auto;
      max-width: 66.4989378333em;
      padding: 0 2.617924em;
      margin-top: 40px;
    }
    .storefront-sticky-add-to-cart{display: none !important;}
    .wpcf7-spinner{display: none;}
    .col-full::before,.col-full::after
    {
      content: "";
      display: table;
    }
    .col-full::after
    {
      clear: both;
    }
    .col-full:after
    {
      clear: both;
      content: " ";
      display: block;
    }
    .site-content::before,.site-content::after
    {
      content: "";
      display: table;
    }
    .site-content::after
    {
      clear: both;
    }
    .content-area
    {
      float: left;
      margin-right: 4.347826087%;
      width: 73.9130434783%;
    }
    .widget-area
    {
      float: right;
      margin-right: 0;
      width: 21.7391304348%;
    }
    .right-sidebar .content-area
    {
      float: left;
      margin-right: 4.347826087%;
      width: 73.9130434783%;
    }
    .right-sidebar .widget-area
    {
      float: right;
      margin-right: 0;
      width: 21.7391304348%;
    }
    .left-sidebar .content-area
    {
      float: right;
      margin-right: 0;
      width: 73.9130434783%;
    }
    .left-sidebar .widget-area
    {
      float: left;
      margin-right: 4.347826087%;
      width: 21.7391304348%;
    }
    .storefront-full-width-content .content-area
    {
      float: left;
      margin-left: 0;
      margin-right: 0;
      width: 100%;
    }
    .content-area,.widget-area
    {
      margin-bottom: 2.617924em;
    }
    .page-template-template-fullwidth-php .content-area,.page-template-template-homepage-php .content-area
    {
      float: left;
      margin-left: 0;
      margin-right: 0;
      width: 100%;
    }
    .footer-widgets
    {
      border-bottom: 1px solid rgba(0,0,0,.05);
      padding-top: 4.235801032em;
    }
    .footer-widgets::before,.footer-widgets::after
    {
      content: "";
      display: table;
    }
    .footer-widgets::after
    {
      clear: both;
    }
    .footer-widgets.col-2 .block
    {
      float: left;
      margin-right: 4.347826087%;
      width: 47.8260869565%;
    }
    .footer-widgets.col-2 .block.footer-widget-2
    {
      float: right;
      margin-right: 0;
    }
    .footer-widgets.col-3 .block
    {
      float: left;
      margin-right: 4.347826087%;
      width: 30.4347826087%;
    }
    .footer-widgets.col-3 .block.footer-widget-3
    {
      float: right;
      margin-right: 0;
    }
    .footer-widgets.col-4 .block
    {
      float: left;
      margin-right: 4.347826087%;
      width: 21.7391304348%;
    }
    .footer-widgets.col-4 .block.footer-widget-4
    {
      float: right;
      margin-right: 0;
    }
    .comment-list::before,.comment-list::after
    {
      content: "";
      display: table;
    }
    .comment-list::after
    {
      clear: both;
    }
    .comment-list .comment
    {
      clear: both;
    }
    .comment-list .comment-meta
    {
      float: left;
      margin-right: 5.8823529412%;
      text-align: right;
      width: 17.6470588235%;
    }
    .comment-list .comment-meta .avatar
    {
      float: right;
    }
    .comment-list .comment-content
    {
      margin-bottom: 3.706325903em;
      padding-bottom: 3.706325903em;
    }
    .comment-list .comment-content,.comment-list #respond
    {
      float: right;
      margin-right: 0;
      width: 76.4705882353%;
    }
    .comment-list #respond
    {
      float: right;
    }
    .comment-list #respond .comment-form-author,.comment-list #respond .comment-form-email,.comment-list #respond .comment-form-url
    {
      margin-right: 0;
      width: 100%;
    }
    .comment-list .comment-body #respond
    {
      box-shadow: 0 6px 2em rgba(0,0,0,.2);
      margin-bottom: 2.617924em;
      margin-top: -1.618em;
    }
    .comment-list .reply
    {
      clear: both;
      text-align: right;
    }
    .comment-list ol.children
    {
      float: right;
      list-style: none;
      margin-right: 0;
      width: 88.2352941176%;
    }
    .comment-list ol.children .comment-meta
    {
      float: left;
      margin-right: 6.6666666667%;
      width: 20%;
    }
    .comment-list ol.children .comment-content,.comment-list ol.children #respond
    {
      float: right;
      margin-right: 0;
      width: 73.3333333333%;
    }
    .comment-list ol.children ol.children
    {
      float: right;
      margin-right: 0;
      width: 86.6666666667%;
    }
    .comment-list ol.children ol.children .comment-meta
    {
      float: left;
      margin-right: 7.6923076923%;
      width: 23.0769230769%;
    }
    .comment-list ol.children ol.children .comment-content,.comment-list ol.children ol.children #respond
    {
      float: right;
      margin-right: 0;
      width: 69.2307692308%;
    }
    .comment-list ol.children ol.children ol.children
    {
      float: right;
      margin-right: 0;
      width: 84.6153846154%;
    }
    .comment-list ol.children ol.children ol.children .comment-meta
    {
      float: left;
      margin-right: 9.0909090909%;
      width: 27.2727272727%;
    }
    .comment-list ol.children ol.children ol.children .comment-content,.comment-list ol.children ol.children ol.children #respond
    {
      float: right;
      margin-right: 0;
      width: 63.6363636364%;
    }
    .comment-list ol.children ol.children ol.children ol.children
    {
      float: right;
      margin-right: 0;
      width: 81.8181818182%;
    }
    .comment-list ol.children ol.children ol.children ol.children .comment-meta
    {
      float: left;
      margin-right: 11.1111111111%;
      width: 33.3333333333%;
    }
    .comment-list ol.children ol.children ol.children ol.children .comment-content,.comment-list ol.children ol.children ol.children ol.children #respond
    {
      float: right;
      margin-right: 0;
      width: 55.5555555556%;
    }
    #respond
    {
      padding: 2.617924em;
    }
    #respond .comment-form-author,#respond .comment-form-email,#respond .comment-form-url
    {
      float: left;
      margin-right: 5.8823529412%;
      width: 29.4117647059%;
    }
    #respond .comment-form-url
    {
      float: right;
      margin-right: 0;
    }
    #respond .comment-form-comment
    {
      clear: both;
    }
    .hentry .entry-header
    {
      margin-bottom: 2.617924em;
    }
    .menu-toggle,.handheld-navigation,.main-navigation.toggled .handheld-navigation,.main-navigation.toggled div.menu
    {
      display: none;
    }
    .primary-navigation
    {
      display: block;
    }
    .main-navigation,.secondary-navigation
    {
      clear: both;
      display: block;
      width: 100%;
    }
    .main-navigation ul,.secondary-navigation ul
    {
      display: block;
      list-style: none;
      margin: 0;
      padding-left: 0;
    }
    .main-navigation ul li,.secondary-navigation ul li
    {
      display: inline-block;
      position: relative;
      text-align: left;
    }
    .main-navigation ul li a,.secondary-navigation ul li a
    {
      display: block;
    }
    .main-navigation ul li a::before,.secondary-navigation ul li a::before
    {
      display: none;
    }
    .main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul,.secondary-navigation ul li:hover>ul,.secondary-navigation ul li.focus>ul
    {
      display: block;
      left: 0;
    }
    .main-navigation ul li:hover>ul li>ul,.main-navigation ul li.focus>ul li>ul,.secondary-navigation ul li:hover>ul li>ul,.secondary-navigation ul li.focus>ul li>ul
    {
      left: -9999px;
    }
    .main-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,.main-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device,.secondary-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,.secondary-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device
    {
      display: none;
      left: 0;
    }
    .main-navigation ul li:hover>ul li:hover>ul,.main-navigation ul li:hover>ul li.focus>ul,.main-navigation ul li.focus>ul li:hover>ul,.main-navigation ul li.focus>ul li.focus>ul,.secondary-navigation ul li:hover>ul li:hover>ul,.secondary-navigation ul li:hover>ul li.focus>ul,.secondary-navigation ul li.focus>ul li:hover>ul,.secondary-navigation ul li.focus>ul li.focus>ul
    {
      display: block;
      left: 100%;
      top: 0;
    }
    .main-navigation ul ul,.secondary-navigation ul ul
    {
      float: left;
      left: -9999px;
      position: absolute;
      top: 100%;
      z-index: 99999;
    }
    .main-navigation ul ul.sub-menu--is-touch-device,.secondary-navigation ul ul.sub-menu--is-touch-device
    {
      display: none;
      left: 0;
    }
    .main-navigation ul ul li,.secondary-navigation ul ul li
    {
      display: block;
    }
    .main-navigation ul ul li a,.secondary-navigation ul ul li a
    {
      width: 200px;
    }
    ul.menu li.current-menu-item>a
    {
      color: #43454b;
    }
    .storefront-primary-navigation
    {
      clear: both;
    }
    .storefront-primary-navigation::before,.storefront-primary-navigation::after
    {
      content: "";
      display: table;
    }
    .storefront-primary-navigation::after
    {
      clear: both;
    }
    .main-navigation div.menu
    {
      display: block;
    }
    .main-navigation ul.menu,.main-navigation ul.nav-menu
    {
      margin-left: -1em;
      max-height: none;
      overflow: visible;
      transition: none;
    }
    .main-navigation ul.menu>li>a,.main-navigation ul.nav-menu>li>a
    {
      padding: 1.618em 1em;
    }
    .main-navigation ul.menu>li.menu-item-has-children:hover::after,.main-navigation ul.menu>li.page_item_has_children:hover::after,.main-navigation ul.nav-menu>li.menu-item-has-children:hover::after,.main-navigation ul.nav-menu>li.page_item_has_children:hover::after
    {
      display: block;
    }
    .main-navigation ul.menu ul,.main-navigation ul.nav-menu ul
    {
      margin-left: 0;
    }
    .main-navigation ul.menu ul li a,.main-navigation ul.nav-menu ul li a
    {
      font-size: .875em;
      font-weight: 400;
      padding: .875em 1.41575em;
    }
    .main-navigation ul.menu ul li:last-child,.main-navigation ul.nav-menu ul li:last-child
    {
      border-bottom: 0;
    }
    .main-navigation ul.menu ul ul,.main-navigation ul.nav-menu ul ul
    {
      box-shadow: none;
      margin-left: 0;
    }
    .main-navigation ul.menu ul a:hover,.main-navigation ul.menu ul li:hover>a,.main-navigation ul.menu ul li.focus,.main-navigation ul.nav-menu ul a:hover,.main-navigation ul.nav-menu ul li:hover>a,.main-navigation ul.nav-menu ul li.focus
    {
      background-color: rgba(0,0,0,.025);
    }
    .main-navigation a
    {
      padding: 0 1em 2.2906835em;
    }
    .secondary-navigation
    {
      clear: none;
      line-height: 1;
      margin: 0 0 1.618em;
      width: auto;
    }
    .secondary-navigation .menu
    {
      float: right;
      font-size: .875em;
      width: auto;
    }
    .secondary-navigation .menu>li:hover>a
    {
      text-decoration: none;
    }
    .secondary-navigation .menu ul a
    {
      background: rgba(0,0,0,.05);
      padding: .326em .875em;
    }
    .secondary-navigation .menu ul li:first-child a
    {
      padding-top: 1em;
    }
    .secondary-navigation .menu ul li:last-child a
    {
      padding-bottom: 1em;
    }
    .secondary-navigation .menu ul ul
    {
      margin-top: -.6180469716em;
    }
    .secondary-navigation .menu a
    {
      color: #737781;
      font-weight: 400;
      padding: 1em .875em;
    }
    .secondary-navigation .menu a:hover
    {
      text-decoration: none;
    }
    .error404 .fourohfour-columns-2 .col-1
    {
      float: left;
      margin-right: 4.347826087%;
      width: 47.8260869565%;
    }
    .error404 .fourohfour-columns-2 .col-1 ul.products
    {
      margin-bottom: 0;
    }
    .error404 .fourohfour-columns-2 .col-2
    {
      float: right;
      margin-right: 0;
      width: 47.8260869565%;
    }
  }
  @media(max-width: 66.4989378333em)
  {
    .col-full
    {
      margin-left: 2.617924em;
      margin-right: 2.617924em;
      padding: 0;
    }
  }
  @media(max-width: 568px)
  {
    .col-full
    {
      margin-top: 20px;
      margin-left: 1.41575em;
      margin-right: 1.41575em;
      padding: 0;
    }
  }