@import url('//fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

.pink { color: #E8387E; } 
.yellow { color: #F7B500; }

:root {

  --font-family:'Manrope', sans-serif;
  --font-family-h: 'Oswald', sans-serif;

  --theme-main-bg:#FFFEFC;
  --theme-light-bg:#f5f5f5;
  --theme-dark-bg:#000000;
  --theme-dark-color:#ffffff;

  --color-accent-primary:#7F886A;
  --color-accent-secondary:#262626;
  --color-font:#181818;

  --color-red:#EF3340;
  --color-blue:#008BCE;
  --color-green:var(--color-accent-secondary);
  --color-grey:#dddddd;   

  --primary-btn-color: #ffffff;
  --primary-btn-background-color: var(--color-accent-primary);
  --primary-btn-border-color: var(--color-accent-primary);

  --primary-btn-two-color: var(--color-font);
  --primary-btn-two-background-color: var(--color-grey);
  --primary-btn-two-border-color: var(--color-grey);

  --secondary-btn-color: #ffffff;
  --secondary-btn-background-color: var(--color-accent-secondary);
  --secondary-btn-border-color: var(--color-accent-secondary);
  
  --secondary-btn-two-color: var(--color-accent-secondary);
  --secondary-btn-two-background-color: transparent;
  --secondary-btn-two-border-color: var(--color-accent-secondary);
  
  --secondary-btn-two-color-theme-dark: #ffffff;
  --secondary-btn-two-background-color-theme-dark: transparent;
  --secondary-btn-two-border-color-theme-dark: #ffffff;    
}

.theme-light {
  background-color: var(--theme-light-bg);
}
.theme-dark {
  background-color: var(--theme-dark-bg);
}
.theme-dark,
.theme-dark p,
.theme-dark span,
.theme-dark ul,
.theme-dark li,
.theme-dark a,
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6 {
  color: var(--theme-dark-color);
.grace a,
}

body {
  color: var(--color-font);
  background: var(--theme-main-bg);
}
p {
  font-weight: 300;
  font-size: 1.1em;
}
h1 {
  font-weight: 600;
  font-size: 3em;
}
h2 {
  font-weight: 600;
  font-size: 2em;
}
h3 {
  font-weight: 600;
  font-size: 1.4em;
}
h4 {
  font-weight: 600;
  font-size: 1em;
}
h5, h6{
  font-weight: 600;
  font-size: 1em;
}

#wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
main {flex: 1; width: 100%;}

main.main-content {background-color: var(--theme-main-bg);}
.woocommerce main.main-content,
.woocommerce main.main-content,
.woocommerce-cart main.main-content,
.woocommerce-checkout main.main-content,
.woocommerce-account main.main-content{background-color: var(--theme-main-bg)}

html, body, p, span:not(.display-name):not(.firebaseui-idp-text):not(.yellow):not(.pink), ul, li, a, ol, dl, dt,
h1, h2, h3, h4, h5, h6,
.mdc-top-app-bar .mdc-top-app-bar__action-item, 
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon, .mdc-list{
  color: var(--color-font);
}

html, body, p, span, ul, li, a, ol, dl, dt,
.entry-content p, 
.entry-content span,
.entry-content ul,
.entry-content li,
.entry-content a,
.entry-content ol, 
.entry-content dl, 
.entry-content dt,
.widget_text p,
.widget_text span,
.widget_text ul,
.widget_text li,
.widget_text a, 
.widget_text ol,  
.widget_text dl, 
.widget_text dt, 
.widget-content .rssSummary,
.entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt {
  font-family: var(--font-family);
  letter-spacing: normal;
}
h1, h2, h3, h4, h5, h6,
.vc_tta-container h1,
.vc_tta-container h2,
.vc_tta-container h3,
.vc_tta-container h4,
.vc_tta-container h5,
.vc_tta-container h6 {
  font-family: var(--font-family-h);
  letter-spacing: normal;
  text-transform: uppercase;
}

/* Header */
#header .mdc-top-app-bar__title img {
    /*height: 50px;*/
}
.mdc-top-app-bar__row {
  background: var(--theme-main-bg);
}
.mdc-top-app-bar {
  background-color: var(--theme-main-bg);
}
#header .mdc-tab {
    color: var(--color-font);
}
#header .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
    background-color: var(--color-accent-primary) !important;
}
ul.mega-menu li.menu-item.current-menu-item:after {
    border-bottom: 2px solid var(--color-accent-primary);
    content: '';
    display: block;
    padding-top: 1px;
}

.mdc-drawer .mdc-list-item,
.mdc-drawer .mdc-list-item--activated,
.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic,
.mdc-list-item--selected,
.mdc-list-item--activated{
    color: var(--color-font);
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated::before, 
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated::after {
    background-color: #dadada;
}


/* Footer */
#footer {
  background-color: var(--theme-dark-bg);
  border-top: 1px solid var(--theme-dark-bg);
  text-transform: uppercase;
}
#footer .mdc-list {
    display: block;
    }
#footer .mdc-list li {
  display: block;
  margin-right: 16px;
}
#footer .mdc-list li a {
  color: var(--theme-dark-color);
  opacity: 0.7;
  font-weight: 400;

}
#footer .mdc-list li a:hover {
  color: var(--theme-dark-color);
  opacity: 1;

}
#footer .copyright {
    display: block;
    margin-right: 16px;
    font-weight: 400;
}
#footer .copyright span small {
  color: #5d5e5d;
  font-size: 16px;
}
@media (min-width: 600px){
  #footer .mdc-list {
    display: block;
  }
  #footer .mdc-list li {
    display: block;
    margin-right: 16px;
    text-align: right;
  }
  #footer .mdc-list li.align-left {
    float:left;
    margin-top: 0;
  }
  #footer .copyright {
    margin-top: -45px;
  }
}


button, .button, .btn, input[type="button"], input[type=submit], input[type=reset],
.vc_row .vc_btn, .vc_row .vc_btn2, .vc_row .vc_btn3,
.vc_row .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern,
.woocommerce .woocommerce-error .button, 
.woocommerce .woocommerce-info .button, 
.woocommerce .woocommerce-message .button, 
.woocommerce-page .woocommerce-error .button, 
.woocommerce-page .woocommerce-info .button, 
.woocommerce-page .woocommerce-message .button,
.woocommerce #respond input#submit, .woocommerce a.button, 
.woocommerce button.button, .woocommerce input.button,
#firebase-login-form button,
#firebase-register-form button {
  margin-right:1rem;
  padding: 0.8rem 1.5rem;
/*  border-radius: 3rem;*/
  border-width: 1px;
  border-style: solid;
  line-height: 1;
  text-align: center;
  font-family: var(--font-family);
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 500;
}

/* Butoon Primary */
main button, button.primary, button.button, button.btn, button.btn.primary, button.button.primary,
.button, .button.primary, .button.btn, .button.btn.primary,
.btn, .btn.primary, .btn.button,
.primary button, .primary .button, .primary .btn, .primary .input[type="button"], .primary input[type=submit],
input[type="button"], input[type="button"].primary, input[type="button"].btn, input[type="button"].button,
input[type=submit], input[type=submit].primary, input[type=submit].btn, input[type=submit].button,
.mdc-button--raised, .mdc-button.mdc-button--raised,
.vc_row .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern,
.primary .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
  color: var(--primary-btn-color);
  background-color: var(--primary-btn-background-color);
  border-color: var(--primary-btn-border-color);
  font-family: var(--font-family);
}

/* Butoon Primary - Hover */
main button:hover, button.primary:hover, button.button:hover, button.btn:hover, button.btn.primary:hover, button.button.primary:hover,
.button:hover, .button.primary:hover, .button.btn:hover, .button.btn.primary:hover,
.btn:hover, .btn.primary:hover, .btn.button:hover,
.primary button:hover, .primary .button:hover, .primary .btn:hover, .primary .input[type="button"]:hover, .primary input[type=submit]:hover,
input[type="button"]:hover, input[type="button"].primary:hover, input[type="button"].btn:hover, input[type="button"].button:hover,
input[type=submit]:hover, input[type=submit].primary:hover, input[type=submit].btn:hover, input[type=submit].button:hover,
.mdc-button--raised:hover, .mdc-button.mdc-button--raised:hover,
.vc_row .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover,
.primary .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
  opacity: 0.75;
  color: var(--primary-btn-color);
  background-color: var(--primary-btn-background-color);
  border-color: var(--primary-btn-border-color);
  font-family: var(--font-family);
}

/* Butoon Primary Two - Outlined */
button .two, button.primary.two, button.button.two, button.btn.two, button.btn.primary.two, button.button.primary.two,
.button.two, .button.primary.two, .button.btn.two, .button.btn.primary.two,
.btn.two, .btn.primary.two, .btn.button.two,
.primary button.two, .primary .button.two, .primary .btn.two, .primary .input[type="button"].two, .primary input[type=submit].two,
.two button, .two .button, .two .btn, .two .input[type="button"], .two input[type=submit],
input[type="button"].two, input[type="button"].primary.two, input[type="button"].btn.two, input[type="button"].button.two,
input[type=submit].two, input[type=submit].primary.two, input[type=submit].btn.two, input[type=submit].button.two,
.mdc-button--outlined, .mdc-button.mdc-button--outlined
.vc_row .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern.primary.two,
.vc_row .two .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern,
.primary.two .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
  color: var(--primary-btn-two-color);
  background-color: var(--primary-btn-two-background-color);
  border-color: var(--primary-btn-two-border-color);
  font-family: var(--font-family);
}

/* Butoon Secondary */
button.secondary, button.btn.secondary, button.button.secondary,
.button.secondary, .button.btn.secondary,
.btn.secondary, .btn.button.secondary,
.secondary button, .secondary .button, .secondary .btn, .secondary .input[type="button"], .secondary input[type=submit],
input[type="button"].secondary, input[type="button"].btn.secondary, input[type="button"].button.secondary,
input[type=submit].secondary, input[type=submit].btn.secondary, input[type=submit].button.secondary,
.mdc-button--raised.secondary, .mdc-button.mdc-button--raised.secondary,
.secondary .mdc-button--raised, .secondary .mdc-button.mdc-button--raised,
.vc_row .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern.secondary,
.secondary .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern  {
	color: var(--secondary-btn-color);
  background-color: var(--secondary-btn-background-color);
  border-color: var(--secondary-btn-border-color);
  font-family: var(--font-family);
}

/* Butoon Secondary - Hover */
button.secondary:hover, button.btn.secondary:hover, button.button.secondary:hover,
.button.secondary:hover, .button.btn.secondary:hover,
.btn.secondary:hover, .btn.button.secondary:hover,
.secondary button:hover, .secondary .button:hover, .secondary .btn:hover, .secondary .input[type="button"]:hover, .secondary input[type=submit]:hover,
input[type="button"].secondary:hover, input[type="button"].btn.secondary:hover, input[type="button"].button.secondary:hover,
input[type=submit].secondary:hover, input[type=submit].btn.secondary:hover, input[type=submit].button.secondary:hover,
.mdc-button--raised.secondary:hover, .mdc-button.mdc-button--raised.secondary:hover,
.secondary .mdc-button--raised:hover, .secondary .mdc-button.mdc-button--raised:hover,
.vc_row .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern.secondary:hover,
.secondary .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover  {
  opacity: 0.75;
  color: var(--secondary-btn-color);
  background-color: var(--secondary-btn-background-color);
  border-color: var(--secondary-btn-border-color);
  font-family: var(--font-family);
}

/* Butoon Secondary Two - Outlined */
button.secondary.two, button.btn.secondary.two, button.button.secondary.two,
.button.secondary.two, .button.btn.secondary.two,
.btn.secondary.two, .btn.button.secondary.two,
.secondary button.two, .secondary .button.two, .secondary .btn.two, .secondary .input[type="button"].two, .secondary input[type=submit].two,
input[type="button"].secondary.two, input[type="button"].btn.secondary.two, input[type="button"].button.secondary.two,
input[type=submit].secondary.two, input[type=submit].btn.secondary.two, input[type=submit].button.secondary.two,
.mdc-button--outlined.secondary, .mdc-button.mdc-button--outlined.secondary,
.secondary .mdc-button--outlined, .secondary .mdc-button.mdc-button--outlined,
.vc_row .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern.secondary.two,
.secondary.two .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
	color: var(--secondary-btn-two-color);
  background-color: var(--secondary-btn-two-background-color);
  border-color: var(--secondary-btn-two-border-color);
  font-family: var(--font-family);
}

/* Butoon Secondary Two - Outlined - Theme Dark */
.theme-dark button.secondary.two, .theme-dark button.btn.secondary.two, .theme-dark button.button.secondary.two,
.theme-dark .button.secondary.two, .theme-dark .button.btn.secondary.two,
.theme-dark .btn.secondary.two, .theme-dark .btn.button.secondary.two,
.theme-dark .secondary button.two, .theme-dark .secondary .button.two, .theme-dark .secondary .btn.two, .theme-dark .secondary .input[type="button"].two, .theme-dark .secondary input[type=submit].two,
.theme-dark input[type="button"].secondary.two, .theme-dark input[type="button"].btn.secondary.two, .theme-dark input[type="button"].button.secondary.two,
.theme-dark input[type=submit].secondary.two, .theme-dark input[type=submit].btn.secondary.two, .theme-dark input[type=submit].button.secondary.two,
.theme-dark .mdc-button--outlined.secondary, .theme-dark .mdc-button.mdc-button--outlined.secondary,
.theme-dark .secondary .mdc-button--outlined, .theme-dark .secondary .mdc-button.mdc-button--outlined,
.theme-dark .vc_row .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern.secondary.two,
.theme-dark .secondary.two .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
	color: var(--secondary-btn-two-color-theme-dark);
  background-color: var(--secondary-btn-two-background-color-theme-dark);
  border-color: var(--secondary-btn-two-border-color-theme-dark);
  font-family: var(--font-family);
}


/* Visual Composer reset */
.vc_row .vc_btn,
.vc_row .vc_btn2,
.vc_row .vc_btn3,
.vc_row .vc_btn3.vc_btn3-style-modern {
    background-image: unset;
    background-image: unset;
    background-image: unset;
    background-repeat: no-repeat;
}
.vc_row .vc_general.vc_cta,
.vc_row .vc_general.vc_cta2,
.vc_row .vc_general.vc_cta3,
.vc_row .vc_general.vc_cta3.vc_cta3-style-classic   {
    border: unset;
    border-color: transparent;
    background-color: transparent;
    padding: 0;
}
main .vc_col-has-fill>.vc_column-inner, 
main .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, 
main .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, 
main .vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0;
}
.vc_row .wpb_content_element {
    margin-bottom: 0;
}

/* Visual Composer Grid */
.vc_row[data-vc-full-width]{
  padding-top:4%;
  padding-bottom:3%;
  padding-left:3% !important;
  padding-right:3% !important;
}
.vc_row.wpb_row.vc_row-fluid:not([data-vc-full-width]):not(.vc_row-o-full-height):not(.vc_inner):not(.no-card){
  margin-left: 2%;
  margin-right: 2%;
  /*margin-top: 5%;
  margin-bottom: 5%;*/
/*
  border-radius: 3px;
  background-color: var(--theme-main-bg);
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
*/
}
@media (max-width: 960px){
  .vc_row.wpb_row.vc_row-fluid:not([data-vc-full-width]):not(.vc_row-o-full-height){
    padding: 30px 15px;
  }
}
@media (min-width: 961px){
  .vc_row.wpb_row.vc_row-fluid:not([data-vc-full-width]):not(.vc_row-o-full-height){
    padding: 50px 35px;
  }
}

.vc_row.wpb_row.vc_row-fluid:not([data-vc-full-width]):not(.vc_row-o-full-height) .wpb_single_image img {
    border-radius: 3px;
}
.vc_row-no-padding{
  padding-top:0;
  padding-bottom:0;
}
.vc_row-no-padding .wpb_content_element{
    margin-bottom: 0;
}
.wpb_text_column.wpb_content_element {
    margin-bottom: 35px;
}

/* Visual Composer Background Image Overlay */
/*.upb_row_bg:before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.5);
}*/

/* Visual Composer Icons */
.vc_icon_element-icon,
.vc_row .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon,
.vc_row .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-blue .vc_icon_element-icon {
    color: var(--color-font);
}
.primary .vc_icon_element-icon, .vc_icon_element-icon.primary,
.primary .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-blue .vc_icon_element-icon,
.primary .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon,
.primary .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-blue .vc_icon_element-icon {
    color: var(--color-accent-primary);
}
.secondary .vc_icon_element-icon, .vc_icon_element-icon.secondary,
.secondary .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-blue .vc_icon_element-icon,
.secondary .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon,
.secondary .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-blue .vc_icon_element-icon {
    color: var(--color-accent-secondary);
}


/* Content classes for VC */
.vh100 {height: 100vh; min-height: 70rem;}
.vw100 {height: 100vw;}

.vc_column_container.card .vc_column-inner>:first-child{
    border-radius: 3px;
    background-color: var(--theme-main-bg);
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    padding: 5%;
}
.app-download {
    width: 48%;
    float: left;
}
.underline h2 {
  border-bottom: 1px solid var(--color-font);
  display: inline-block;
  font-weight: bold;
}
.img460 img {
    max-height: 460px;
    width: auto;
}


/* VC Accordion */
.wpb-js-composer .theme-light .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    border-color: #f5f5f5;
    background-color: #ffffff;
}
.wpb-js-composer .theme-light .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: #f5f5f5;
    background-color: #ffffff;
}
.wpb-js-composer .theme-light .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    border-color: #f5f5f5;
    background-color: #f9f9f9;
}

/* VC Video */
.ult-video .ultv-video__play-icon {
  z-index: 3;
}

/* Meta slider */
main .metaslider .theme-default .nivoSlider {
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
}

/* Woocommerce */
.woocommerce-cart main.main-content .woocommerce,
.woocommerce-account main.main-content .woocommerce,
.woocommerce-checkout main.main-content .woocommerce {
  padding-top: 5%;
}
.woocommerce div.product div.summary {
    margin-bottom: 2em;
    border-radius: 3px;
}
.woocommerce .product .entry-title {
  text-align: center;
}
.woocommerce div.product .woocommerce-product-gallery__image.flex-active-slide a {
  position: relative;
  display: block;
  text-align: center;
}
.woocommerce div.product div.images .oocommerce-product-gallery__image.flex-active-slide img  {
    display: block;
    width: auto;
    height: 100%;
    box-shadow: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}

.woocommerce div.product p.price, 
.woocommerce div.product span.price {
    font-size: 1em;
}
.woocommerce div.product div.summary p.price{
  padding-top: 0;
  margin-top: 0;
}
.woocommerce div.product div.summary .woocommerce-variation-price {
  margin-bottom: 35px;
}

.woocommerce div.product.product-type-variable-subscription div.images.woocommerce-product-gallery {
  /* display: none; */
}
.woocommerce div.product.product-type-variable-subscription div.summary {
  /* float: left; */
  /* width: 100%; */
  /* clear: none; */
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
  display: none;
}
.woocommerce span.onsale {
  display: none;
}

.woocommerce img, .woocommerce-page img {
    max-width: unset;
    height: unset;
}
.woocommerce button.button.alt.disabled {
  background-color: #f9f9f9;
  color: #525252;
}
.woocommerce div.product .product_meta {
  display: none;
}


/* woocommerce product list */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;
    border-radius: 3px;
    background-color: var(--theme-main-bg);
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    padding: 1.5%;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    font-family: WooCommerce;
    content: none;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 2em 1em 0;
    margin: 0 0 2em;
    position: relative;
    background-color: transparent;
    color: var(--color-font);
    border-top: unset;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
}
.woocommerce-error {
    border-top-color: var(--color-red);
}
.woocommerce-error::before {
    color: var(--color-red);
}
.woocommerce-message {
    border-top-color: var(--color-green);
}
.woocommerce-message::before {
    color: var(--color-green);
}
.woocommerce-info {
    border-top-color: #e7e7e5;
}
.woocommerce-info::before {
    color: var(--color-accent-primary);
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    border-color: #e6e6e6;
    background-color: #f9f9f9;
    color: var(--color-font);
    font-weight:normal;
}
.woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover, .woocommerce-page .woocommerce-error .button:hover, .woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-message .button:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    border-color: #e6e6e6;
    background-color: #f9f9f9;
    color: var(--color-font);
}
fieldset {
  border: 1px solid #cccccc;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {   
    color: var(--primary-btn-color);
    background-color: var(--primary-btn-background-color);
    border-color: var(--primary-btn-border-color);
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {   
    opacity: 0.75;
    color: var(--primary-btn-color);
    background-color: var(--primary-btn-background-color);
    border-color: var(--primary-btn-border-color);
}




/*======================
>>   pricing-plan >>
========================*/
/* Plan Animation */

#tab-pricing-plan .mdc-tab-scroller__scroll-content,
.pricing-plan-toggle {
  width: 100%;
  display: flex;
  padding-bottom: 10px;
}
.pricing-plan-toggle {
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  #tab-pricing-plan .mdc-tab-scroller__scroll-content {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.pricing-plan {
  display: block;
  margin: 5% 2% 5px;
  min-width: 29.3%;
  width: 29.3%;
  float: left;
  height: fit-content;
}
@media screen and (min-width: 601px) and (max-width: 800px) {
  #tab-pricing-plan .mdc-tab-scroller__scroll-content {display: block;}
  .pricing-plan {
    min-width: 46%;
    width: 46%;   
  }
}
@media screen and (max-width: 600px) {
  #tab-pricing-plan .mdc-tab-scroller__scroll-content {display: block;}
  .pricing-plan {
    min-width: 46%;
    width: 96%;   
  }
}
.pricing-plan {-webkit-transition: .3s ease transform, .3s ease -webkit-transform;transition: .3s ease transform, .3s ease -webkit-transform;-webkit-transform: translateY(0px);transform: translateY(0px);}
.pricing-plan:hover {-webkit-transform: translateY(-10px);transform: translateY(-10px);}

/* Pricing Plan */
.pricing-plan {text-align: center;padding: 35px 25px;margin-bottom:5px;-webkit-transition: .3s ease all;transition: .3s ease all;}
.pricing-head {position: relative;}
.pricing-head .name {padding-bottom: 20px;font-size: 13px;text-transform: uppercase;color: #000;}
.pricing-head span.value {display: block;font-size: 2em;line-height: normal;-webkit-transition: all .25s ease;transition: all .25s ease;}

.pricing-head span.value del,
.pricing-head span.value del .woocommerce-Price-amount,
.pricing-head span.value del .woocommerce-Price-currencySymbol{
  font-size: 1.5rem;color: #a5a5a5;
}
.pricing-head span.duration {margin-top: 7px;display: block;color: #999;font-size: 14px;}
.pricing-body {padding-top: 40px;}
.pricing-body ul {padding-left: 0;list-style: none;font-size: 12px;color: #999;}
.pricing-body ul li:nth-child(n+2) {padding-top: 12px;}
.pricing-footer {padding-top: 30px;padding-bottom: 5px;display: inline-flex;}
.pricing-plan .button {margin-left: 0;}

.badge:before, 
.badge:after {content: '';position: absolute;border: 15px solid transparent;z-index: -1;top: 0;}
.badge:before {left: -30px;border-right-color: #fff;}
.badge:after {right: -30px;border-left-color: #fff;}

.pricing-plan.featured, 
.pricing-plan:hover {-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);box-shadow: 0 2px 6px rgba(0,0,0,.2);}

.pricing-plan {background-color: rgb(255, 254, 252);}
.pricing-plan:hover {background: #ffffff;}
.badge {color: #fff;position: absolute;font-size: 11px;line-height: 20px;left: 50%;top: -13px;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);padding: 2px 15px 4px;border-radius: 0;}
.badge{background: var(--primary-btn-background-color);}

.pricing-plan:hover .pricing-head span.value {color: var(--color-accent-primary);}
.pricing-plan.featured .pricing-head span.value {color: ;}

.pricing-plan.featured .button {
  color: var(--secondary-btn-color);
  background-color: var(--primary-btn-background-color);
  border-color: var(--primary-btn-border-color);
}
.pricing-plan .button {
  color: var(--color-font);
  background-color: var(--primary-btn-two-background-color);
  border-color: var(--color-font);
}
.pricing-plan:hover .button {
  color: var(--primary-btn-color);
  background-color: var(--primary-btn-background-color);
  border-color: var(--primary-btn-border-color);
}
  
.pricing-plan:hover .button:hover {
  opacity: 0.75;
  color: var(--primary-btn-color);
  background-color: var(--primary-btn-background-color);
  border-color: var(--primary-btn-border-color);
 }
.secondary .badge{
  background: var(--secondary-btn-background-color);
}
.secondary .pricing-plan:hover .pricing-head span.value {
  color: var(--color-accent-secondary);
}
.secondary .pricing-plan.featured .button {
  color: var(--secondary-btn-color);
  background-color: var(--secondary-btn-background-color);
  border-color: var(--secondary-btn-border-color);
}

.secondary .pricing-plan .button {
  color: var(--color-font);
  background-color: var(--secondary-btn-two-background-color);
  border-color: var(--color-font);
}
.secondary .pricing-plan:hover .button {
  color: var(--secondary-btn-color);
  background-color: var(--secondary-btn-background-color);
  border-color: var(--secondary-btn-border-color);
}
.secondary .pricing-plan:hover .button:hover {
  opacity: 0.75;
  color: var(--secondary-btn-color);
  background-color: var(--secondary-btn-background-color);
  border-color: var(--secondary-btn-border-color);
 }


#tab-pricing-plan .toggle,#tab-pricing-plan .toggler {
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
}

#tab-pricing-plan .toggler {
  color: #ddd;
  transition: .2s;
  font-weight: bold;
}

#tab-pricing-plan .toggler--is-active {
  color: var(--color-accent-primary);
}

#tab-pricing-plan .b {
  display: block;
}

#tab-pricing-plan .toggle {
  position: relative;
  width: 80px;
  height: 35px;
  border-radius: 100px;
  background-color: #dddddd;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}

#tab-pricing-plan .check {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 6;
}

#tab-pricing-plan .check:checked ~ .switch {
  right: 2px;
  left: 57.5%;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: .08s, 0s;
}

#tab-pricing-plan .switch {
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 57.5%;
  background-color: #fff;
  border-radius: 36px;
  z-index: 1;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: 0s, .08s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

#tab-pricing-plan .hide{
  display: none;
}


/* side cart */

.wfc_cart_basket {
  border: 1px solid #e6e6e6;
  background-color: #ffffff !important;
}
.wfc_cart_basket .cart_box img {
  display: block;
  width: 100%;
}
.wfc_cart_basket .wfc_item_count {
  background-color: #ebeaea !important;
  color: var(--color-font) !important;
  font-size: 12px !important;
}
.wfc_cart_basket .wfc_item_count .float_countc {
  color: var(--color-font);
}
.wfc_container {
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
}
.wfc_container .wfc_header {
  background-color: #ffffff;
  border-bottom: 1px solid #e6e6e6;
}

.wfc_container table.wfc_cust_mini_cart td.image_div {
  padding: 5px;
}
.wfc_container .image_div img,
.wfc_container img.attachment-thumbnail.size-thumbnail {
  height: 48px;
  width: 48px;
}
.wfc_container .wfc_total_tr {
  background-color: #ffffff;
  border-top: 1px solid #e6e6e6;
}
.wfc_container .wfc_slider {
  border-top: 0px solid transparent;
}
.wfc_container .wfc_footer {
  background-color: #ffffff;
  border-top: 1px solid #e6e6e6;
}
.wfc_container div.wfc_ship_txt {
  text-transform: none;
}
.wfc_container .wfc_footer a {
  border-color: #e6e6e6;
  background-color: #f9f9f9 !important;
  color: var(--color-font) !important;
  border: 1px solid #e6e6e6;
  border-radius: 16px;
}

/* mail optin */
.columbine-three-col1, .columbine-three-col2 {
  padding-right: 10px;
}

.mo-optin-success-msg{
  border-color: var(--color-accent-secondary);
  padding: 2em;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
}

/* SG widget */
.sg-widget {text-align: center;}
.sg-widget .button {
  margin-right: 1rem;
  padding: 0.8rem 1.5rem;
  border-radius: 3rem;
  border-width: 1px;
  border-style: solid;
  line-height: 1;
  text-align: center;
}
.sg-widget input {
  box-sizing: border-box;
  margin: 0 0 10px;
  outline: 0;
  line-height: normal;
  height: 50px;
  padding: 0 1em;
  border-radius: 2px;
  -webkit-appearance: none;
  border: 1px solid #ccc;
  max-width: 100%;
  font-size: 14px;
}
@media screen and (max-width: 820px) {
  .sg-widget input {
  width: 100%;
  }
}
.sg-widget input::-webkit-input-placeholder {color: #999;}
.sg-widget input:-ms-input-placeholder {color: #999;}
.sg-widget input::placeholder {color: #999;}

.sendgrid-subscription-widget .sg-response.success,
.sendgrid-subscription-widget .sg-response.error{
  width: 100%;
  max-width: 687px;
  margin: 10px auto;
  padding: 10px 20px;
  background: #f9f9f9;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
}
.sendgrid-subscription-widget .sg-response.error{border-color:#f00;color: #f00;}
.sendgrid-subscription-widget .sg-response.success{border-color: green;color: green}
    
.sendgrid-subscription-widget input {} 
.sendgrid-subscription-widget .sg_signup_first_name, .sendgrid-subscription-widget .sg_signup_last_name { margin-right: .5em } 
.sendgrid-subscription-widget .sg-submit-btn { display: inline-block; cursor: pointer;} 
.sendgrid-subscription-widget .sg-submit-btn:active {} 
.sendgrid-subscription-widget .response { display: none;} 
.sendgrid-subscription-widget .success {  } 
.sendgrid-subscription-widget .sg-consent-text a { color: #666666 } 
.sendgrid-subscription-widget .sg-consent-text { font-size: .9em } 
.sendgrid-subscription-widget .sg-consent-text label { font-weight: 400 } 
.sendgrid-subscription-widget .required { outline: 1px solid #f00; } 
.sendgrid-subscription-widget .sg_custom { margin-left: 5px; } 
.sendgrid-subscription-widget .checkbox_label { padding-left: 3px; } 



/* WP admin bar */
#wp-toolbar #wp-admin-bar-my-account #wp-admin-bar-user-info .sgi-letter-avatar.avatar {
  position: absolute;
  left: -72px;
  top: 4px;
  width: 64px !important;
  height: 64px !important;
  border-radius:50%;
  text-align:center;
}
#wp-toolbar #wp-admin-bar-my-account #wp-admin-bar-user-info .sgi-letter-avatar.avatar span{
  text-transform:uppercase;
  font-size: 24px !important;
  line-height: 64px !important;
}
#wp-toolbar #wp-admin-bar-my-account .ab-item .sgi-letter-avatar.avatar {
  background-color: #f4f4f4;
  color: var(--color-font);
}
#wp-toolbar #wp-admin-bar-my-account .ab-item .sgi-letter-avatar.avatar span {
  line-height: inherit;
  text-transform:uppercase;
}
.woocommerce #wp-toolbar #wp-admin-bar-my-account .ab-item .sgi-letter-avatar.avatar {
    background-color: #f4f4f4;
    color: var(--color-font);
    border-radius: 50%;
    display: inline-block;
    height: 16px !important;
    width: 16px !important;
    margin: 3px 0 0 6px;
    line-height: 16px !important;
}
.woocommerce #wp-toolbar #wp-admin-bar-my-account .ab-item .sgi-letter-avatar.avatar span{
  font-size: 12px;
}


ul.mega-menu li a.menu_avatar{
  padding: 0 1em 0 0 !important;
}
.sgi-letter-avatar, 
.menu_avatar .sgi-letter-avatar {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f4f4f4;
  color: var(--color-font);
  text-align: center;
  border-radius: 50%;
}
.menu_avatar .sgi-letter-avatar span {
    font-size: 24px !important;
    text-transform: uppercase;
}
.woocommerce .menu_avatar .sgi-letter-avatar {
  background-color: #f4f4f4;
  color: var(--color-font);

}
.woocommerce .menu_avatar .sgi-letter-avatar span{
  vertical-align: text-top;
  line-height: 27px;
}
.myaccount_avatar .sgi-letter-avatar{
  background-color: #f4f4f4;
  color: var(--color-font);
  position: relative;
}
.myaccount_avatar .sgi-letter-avatar span{
  font-size: 24px !important;
  text-transform: uppercase;
}
.myaccount_avatar {padding-left: 1em;}

/* Menu fonts */
ul.mega-menu li a {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 3px;
}