/* ---------------------------------------------------------------------- */
/*  Settings -> Variables
/* ---------------------------------------------------------------------- */

:root {
 
    /* Colors */

    --main-bg-color: #E8E4E0;
    --secondary-bg-color: #222;
    --main-font-color: #222;
    --error-color: #bf1a1a;

    /* Typography */

    --main-font-family: 'Times New Roman', serif;
    --secondary-font-family: 'Didot', serif;
    --base-font-size: 15px; 
    --small-font-size: 14px; 
    --smallest-font-size: 12px; 
    --medium-small-font-size: 18px;
    --medium-font-size: 26px;
    --big-font-size: 36px;
    --bigger-font-size: 68px; 
    --product-title: 19px; 

    /* Box Model */

    --spacer: 20px;
    --spacer-2x: 40px;
    --spacer-3x: 60px;
    --spacer-half: 10px;
    --container-width: 1280px;

    --site-logo: 230px;
    
}

@media (max-width: 1025px) {
  :root {
    --bigger-font-size: 5.8vw;
    --medium-font-size: 22px;
    --product-title: 16px; 

    --spacer: 20px;
    --spacer-2x: 40px;
    --spacer-3x: 60px;
    --spacer-half: 5px;

    --container-width: 100%;
  }
}


@media (max-width: 767.98px) {
  :root {
    --bigger-font-size: 5.8vw;
    --medium-font-size: 22px;
    --product-title: 16px; 

    --spacer: 10px;
    --spacer-2x: 20px;
    --spacer-3x: 30px;
    --spacer-half: 5px;

    --container-width: 100%;
  }
}



/* ---------------------------------------------------------------------- */
/*  Generic > Box Sizing
/* ---------------------------------------------------------------------- */

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

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ---------------------------------------------------------------------- */
/*  Generic > Shared
/* ---------------------------------------------------------------------- */
html, body {font-family: var(--main-font-family); font-size: var(--base-font-size); font-weight: 400; color: var(--main-font-color); line-height: 1.5; }
body {margin:0;  background-color:var(--main-bg-color); }

a {color: var(--main-font-color); text-decoration: none; transition: .6s; }

h1 {font-family: var(--secondary-font-family); margin: 0;  font-size: var(--bigger-font-size); font-weight: 400; line-height: 1; text-transform: uppercase; text-align: center;}
h2 {font-family: var(--secondary-font-family); margin: 0;  font-size: var(--big-font-size); font-weight: 400; text-transform: none; line-height: 1.2;}
h3 {font-family: var(--secondary-font-family); margin: 0;  font-size: var(--medium-font-size); font-weight: 400; text-transform: none; line-height: 1.2;}
h4 {font-family: var(--secondary-font-family); margin: 0;  font-size: var(--medium-small-font-size); font-weight: 400; text-transform: none; line-height: 1.2;}

a:hover {opacity: 0.7;}

.d-flex {display: flex;}
.center {text-align: center;}
p a {text-decoration: underline;}
p:first-of-type {margin-top: 0;}
p:last-of-type {margin-bottom: 0;}

img {display: block; max-width: 100%;}
figure {margin: 0; padding: 0px}
ul {margin: 0; padding: 0; list-style: none;}


main, .wrapper {width: var(--container-width); max-width:100%; margin: 0 auto; padding: 0  var(--spacer-3x);}
main {margin-top: var(--spacer-3x); min-height: calc(100vh - 500px);}

section {margin: var(--spacer-3x) 0;}
section h1 {margin-bottom: var(--spacer-2x);}

ul.pager {opacity: 0;}

* {
  -webkit-overflow-scrolling: touch;
}


@media all and (max-width: 1025px) {
    .no-mobile {display: none!important;}
    .mobile {display: block!important;}
    main, .wrapper {padding: 0  var(--spacer-2x);}

 }
 
 @media all and (min-width: 768px) and (max-width: 1025px) {
    
 }

 @media all and (min-width: 1025px)  {
  .mobile {display: none!important;}

}


#snow-container {
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  position: fixed;
  pointer-events: none;
}


/* ---------------------------------------------------------------------- */
/*  Elements > Header
/* ---------------------------------------------------------------------- */

header {position: relative; border-bottom: 3px solid #000;}

header .top-bar {width: 100%; background-color: #000; color:#FFF; text-align:center; padding: 6px 0px; font-size: var(--smallest-font-size); text-transform: uppercase; letter-spacing: 1px;}
header li.home-logo {display: none;}
header li.home-logo img {width: 50px; position: relative; top: -6px}

.header-fixed header {background: #E8E4E0; position: fixed; top: -142px; right: 0; left: 0; z-index: 999;}
.header-fixed header li.home-logo {display: block;}
.header-fixed header li.home {display: none;}

header .site-logo {display: flex; justify-content: center; align-items: center; padding: var(--spacer) 0;}
header .site-logo img{width: var(--site-logo);}
header .site-logo-min {display: none;}

header .header-left {position:absolute; top: 50px; left:50px;}
header .newsletter-subscribe-btn {cursor:pointer; transition: all 0.5s linear;}
header .newsletter-subscribe-btn:hover {text-decoration: underline; opacity: 0.7;}
header .header-right {position: absolute; top: 50px; right: 50px; display: flex; align-items: center;}
header .header-right .search, header .header-right .wishlist{padding-right: var(--spacer); margin-right: var(--spacer); border-right: 1px solid #000; cursor: pointer;}
header .header-right .search img {width:14px}
header .header-right .wishlist img {width: 17px;}

header li.user-menu {text-transform: none; display: flex;}
header .basket {position: relative; margin-left: var(--spacer); cursor: pointer; top:-6px}
header .basket img {width: 33px;}
header .basket span {position: absolute; top: -9px; right:-12px; background: var(--secondary-bg-color); color: #fff; border-radius: 50%; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; font-size: 11px;}


nav {font-size: 13px; margin: var(--spacer) 0 var(--spacer-half) 0;}
nav ul {display: flex;justify-content: space-around; text-transform: uppercase;}

nav ul li ul.products-categories {
width: 100%;
background: rgb(232, 228, 224);
padding: var(--spacer) calc(((100vw - 1280px)/2) + 60px);
position: absolute;
top: 205px;
left: 0;
z-index: 999;
display: grid; grid-template-columns: repeat(5,auto); grid-gap: var(--spacer); justify-content: space-around;}

nav ul li ul.products-categories img {width: 30px; display: inline-flex; width: 30px; height: 35px; object-fit: contain; margin-right: var(--spacer-half);}
nav ul li ul.products-categories li a{display: flex; align-items: center;}

#nav-icon{
  width: 30px;
  height: 25px;
  position: absolute;
  top: 20px; left:20px;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; z-index:9999;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: #000;
  border-radius: 0;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {top: 0px;}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {top: 6px;}
#nav-icon span:nth-child(4) {top: 12px;}
#nav-icon.open span:nth-child(1) {top: 5px; width: 0%; left: 50%;}
#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon.open span:nth-child(4) {top: 18px; width: 0%; left: 50%;}

@media (max-width: 1025px) {
    .header-mobile {position: absolute; top:24px; right: 24px;}
    .header-mobile .basket img {width: 28px;}

    header {border-bottom: 2px solid #000;}
    .header-fixed header {top:0}
    .header-fixed .site-logo {display: none;}
    .header-fixed .site-logo-min {display: flex;}
    .header-fixed .site-logo-min img {height:35px; width: auto;}

    header .top-bar {display: none;}
    header .header-right {display: none;}
    header nav { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index:99; background-color: var(--main-bg-color); padding:var(--spacer-2x); margin-top: 0;
          -webkit-transition: all 0.6s ease-out;
          -moz-transition: all 0.6s ease 0s;
          -o-transition: all 0.6s ease 0s;
          transition: all 0.6s ease 0s;
          -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
          transform: translateX(-100%);
    }
    
    body.open-nav header nav {display: block; opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
    body.open-nav {position: fixed;}

    header nav ul {flex-flow: column; font-family: var(--secondary-font-family); font-size: var(--medium-font-size); margin-top:40px;}
    header nav>ul {height: calc(100vh - 200px); overflow: auto; justify-content: flex-start; padding-bottom: 40px}
    header nav>ul::-webkit-scrollbar {display: none;}

    
    header nav ul li {margin-bottom:var(--spacer)}
    nav ul.submenu {text-transform:none; font-size: 15px; margin-top: var(--spacer-2x)}


    nav ul li ul.products-categories { width: auto; background:unset; padding: 0; position: static; display: block}
    nav ul li ul.products-categories img{display: none;}
      
    header nav ul li.user-menu {display:none}
    header nav .nav-footer {background: var(--main-bg-color); border-top: 1px solid #000; position: fixed; bottom: 100px; width: calc(100% - 40px); padding: var(--spacer) 0; text-transform: uppercase; z-index: 20}
    
    header nav .nav-footer .grid {grid-template-columns: auto auto;}
    header nav .nav-footer .grid div:last-of-type {text-align: right;}
    header .search.mobile {position: absolute; top:20px; right: 70px; width: 20px; z-index: 99;}
    


}

@media all and  (min-width: 768px) and  (max-width: 1025px){
  header .top-bar {display: block;}
  #nav-icon {top: 50px;}
  .header-mobile {position: absolute; top: 48px; right: 24px;}
  header .header-right {display: flex!important; right: 70px;}
  header .basket {top: -2px;}
  header nav {margin-top: 0; padding: var(--spacer-3x)}
  header nav .nav-footer{width: calc(100% - 120px);}

}
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px){
  nav ul li ul.products-categories{ display: none!important;}
  
}

/* ---------------------------------------------------------------------- */
/*  Elements > Footer
/* ---------------------------------------------------------------------- */

footer {
  width: var(--container-width); max-width:100%;
  margin: var(--spacer-2x) auto;
  font-size: var(--smallest-font-size);
}

footer .footer-top {display: flex;   border-top: 1px solid #959595; border-bottom: 1px solid #959595; padding: 30px 0;}
footer ul.footer-menu {columns: 2; column-gap: var(--spacer-2x); }
footer .social {display:flex; margin-left: var(--spacer-3x);}
footer .social a {margin-right: var(--spacer-half);}
footer .social img {width: 20px;}

footer .right {margin-left: auto; display: flex; align-items: center;}
footer .cbook img {width: 100px; margin-right: var(--spacer-2x);}
footer .payment span {
  display: inline-block;
  padding: 4px;
  border: 1px solid #777;
  border-radius: 4px;
  font-size: 18px;
}

footer .footer-bottom {display: flex; padding-top: 30px;}
footer .footer-bottom .dev {margin-left: auto;}

.footer-newsletter {
  background-color: #000; 
  color: #fff;
  padding: var(--spacer-2x);
  margin-top: var(--spacer);
}
@media (max-width: 1025px) {
  footer {margin-top: 0;}
  footer ul.footer-menu {order:2}
  footer .footer-top {flex-wrap: wrap; padding:var(--spacer-2x)}
  footer .footer-top .social {width: 100%; margin: var(--spacer) 0; order:1}
  footer .right {margin-left: 0; order: 3; margin-top: var(--spacer);}
  footer .right .cbook {order:2; margin-left: var(--spacer-2x);}
  footer .footer-bottom{padding:var(--spacer-2x)}
}
/* ---------------------------------------------------------------------- */
/*  Elements > Search box
/* ---------------------------------------------------------------------- */

.search-container{padding: 60px;
    height: calc(100vh - 204px);
    position: absolute;
    width: 100%;
    background: #e7e4df;
    text-align: center; display: none; z-index: 100}

.search-container .grid {display: grid; grid-template-columns: auto 100px; width: 50%; margin: 60px auto 0 auto; align-items: flex-end; padding-bottom:10px; border-bottom:1px solid #000}

.search-container input {border: 0;  background:transparent; font-size: 26px; outline: none;}
.search-container input::placeholder { 
  color: #4d4d4d;
  opacity: 0.8; 
}
.search-container button {
  margin-top: 0;
  border: 0;
  color: #000;
  background: transparent;
  background: url(../img/arrow-right.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: right;
  padding: 0px;
  padding: 10px;
}
h3.search-title {
  margin-bottom: var(--spacer-3x);
}

@media (max-width: 767px) {
    .search-container {padding:100px 20px 20px 20px; height: calc(100vh - 94px);}
    .search-container .grid {width: 100%; grid-template-columns: auto auto;}
}

@media all and  (min-width: 768px) and  (max-width: 1025px){
  header .search.mobile {display: none!important;}
  .search-container { height: calc(100vh - 94px);}
  .search-container .grid {width: 80%; grid-template-columns: auto auto;}

}


/* ---------------------------------------------------------------------- */
/*  Elements > Notifications
/* ---------------------------------------------------------------------- */

.pop-notification {position: fixed;
    bottom: 10px;
    right: 10px;
    background: #000;
    color: #ffff;
    padding: 30px 70px 30px 30px;}
.pop-notification .close-pop-btn {padding:0; position:absolute; top: 20px; right:20px}
.pop-notification .close-pop-btn svg {fill: #fff; width:20px}
.pop-notification a {color:#fff; text-decoration: underline;}



/* ---------------------------------------------------------------------- */
/*  Elements > Grid
/* ---------------------------------------------------------------------- */

.grid {display: grid;}
.grid.page {grid-template-columns: 30% 50%;}
.grid.page.full {grid-template-columns: 30% 70%;}

.grid.grid-half {grid-template-columns: 1fr 1fr; grid-gap: var(--spacer-3x);}


@media (max-width: 1025px) {
  .grid.page aside {display: none;}
  .grid.page , .grid.page.full, .grid.grid-half {grid-template-columns: 1fr;}
}

@media all and  (min-width: 768px) and  (max-width: 1025px){
 
}


/* ---------------------------------------------------------------------- */
/*  Elements > Pages
/* ---------------------------------------------------------------------- */

aside h3 {margin-bottom: var(--spacer);}
aside ul {font-size: var(--small-font-size);}
aside ul li {padding: 2px 0;}
aside ul li a.active {text-decoration: underline;}
aside .thumbnail-page-symbol {max-width: 140px; max-height: 140px; object-fit: contain; margin-bottom: var(--spacer-2x);}
.page h2 {margin-bottom: var(--spacer-2x);}
.page .page-photo {margin-bottom: var(--spacer-2x); width: 100%;}

@media all and (min-height: 960px) {
  aside .sticky {position: sticky; top: 100px}

}

body[data-controller="news"] .media-container .page-photo {
  margin-bottom: var(--spacer-half);
  width: 100%;
}
@media all and (min-width: 1200px) {

body[data-controller="news"] .page-content {
    position: sticky;
    top: 100px;
    align-self: flex-start;
}
}

/* ---------------------------------------------------------------------- */
/*  Elements > Products Shared
/* ---------------------------------------------------------------------- */

.product figure {border: 6px solid #fff; position:relative}
.product h2 {font-size: var(--product-title); margin:0}
.product .info {display: grid; grid-template-columns: auto 60px; margin-top: var(--spacer-half); padding: 5px;}
.product .info .price {text-align: right;}
.product .info .price .old-price {text-decoration: line-through; font-size: var(--small-font-size); display: block;}
a.product {position: relative; display: block;}
.discount-tag {position: absolute; top: 20px; right: 0; padding: 8px 8px;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.8);
  font-size: 14px; z-index:10}



/* ---------------------------------------------------------------------- */
/*  Pages > Homepage
/* ---------------------------------------------------------------------- */

.products-highlights .grid {grid-template-columns: repeat(5, 1fr); grid-gap: var(--spacer);}

.products-bestsellers .grid {grid-template-columns: repeat(5, 1fr); grid-gap: var(--spacer-half);}
.products-bestsellers .grid a {display: grid; grid-template-columns: 1fr 1fr; align-items: flex-start; grid-gap: 10px;}
.products-bestsellers .grid h3 {font-size: var(--base-font-size);}
.products-bestsellers .grid .product .info {display: block; margin-top: 0;}
.products-bestsellers .grid .product .price {text-align: left;}
.products-bestsellers .discount-tag {top:10px}

.home-blocks {border: 1px dashed #000; grid-template-columns: 1fr 1fr; grid-gap: var(--spacer-2x); padding: var(--spacer);}
.home-blocks .home-block {display: grid; grid-template-columns: 1fr 1fr; grid-gap: var(--spacer);}
.home-blocks .home-block figure {align-self: center;}

.stores .grid {grid-template-columns: repeat(4, 1fr); grid-gap: var(--spacer);}

@media (max-width: 768px) {

 
  .products-bestsellers .grid {grid-template-columns:1fr}
  .products-bestsellers .grid article {width:70%; margin-right:10px;}
  .products-bestsellers .grid article a {width: 100%;}

  .home-blocks, .home-blocks .home-block {grid-template-columns: 1fr;}
  .home-blocks .home-block, .home-blocks .home-block p {text-align: center!important;}
  .home-blocks .home-block figure {display:flex; justify-content: center; margin-bottom: var(--spacer);}
  .home-blocks .home-block figure img {max-width: 80%; max-height: 150px; object-fit: contain;}

  .stores .grid {display:block}
  .stores .grid article {width:80%; margin-right:10px;}
  .stores .grid article a {width: 100%;}
}


@media all and (max-width: 1025px) {
  .products-highlights .grid {grid-template-columns: repeat(4, 1fr)}
  .products-highlights .grid  .product:nth-of-type(5) {display: none;}
}

@media all and (min-width: 768px) and (max-width: 1025px) {

  .products-highlights .grid {grid-template-columns: repeat(4, 1fr); grid-gap: var(--spacer);}
  .products-bestsellers .grid {grid-template-columns:1fr}
  .products-bestsellers .grid article {width: 40%;}
  .home-blocks, .home-blocks .home-block {grid-template-columns: 1fr 1fr;}
  .home-blocks .home-block, .home-blocks .home-block p {text-align: left!important;}
  .stores .grid {display:block}
  .stores .grid article {width: 50%;}
}

@media all and (min-width: 1024px) and (max-width: 1025px) {

  .products-bestsellers .grid article{width: 30%; margin-right: 20px;}
  .stores .grid article {width: 30%; margin-right: 20px;}
}




@media (max-width: 767px) {
  .products-highlights .grid {grid-template-columns: 1fr 1fr; grid-gap: var(--spacer);}

}
/* ---------------------------------------------------------------------- */
/*  Pages > About
/* ---------------------------------------------------------------------- */
.timeline .item {margin: var(--spacer-2x) 0; padding-bottom: var(--spacer-2x); border-bottom: 1px solid #000;}
.timeline .item h3 {margin-bottom: var(--spacer);}

.accordion-wrapper {border-bottom: 1px solid #000;}
.accordion-toggle {font-size: 22px; font-weight: normal; line-height: 1; cursor: pointer; position: relative; padding: 12px 0; display: flex; align-items: center;}
.accordion-toggle img {width: 15px; margin-left: auto; position: relative; right: 2px;}
.accordion-toggle img.up {transform: rotate(180deg);}
.accordion-content {display: none; padding: var(--spacer) 0;}


/* ---------------------------------------------------------------------- */
/*  Pages > Brands
/* ---------------------------------------------------------------------- */
.view_brands_btn {margin-top: var(--spacer-2x);}

/* ---------------------------------------------------------------------- */
/*  Pages > News
/* ---------------------------------------------------------------------- */

section.news  .grid {display: flex; flex-wrap: wrap;}
section.news article {width: calc(25% - 20px); margin-bottom: var(--spacer-2x);}
section.news .grid-sizer { width:calc((100vw / 4) - 20px);}
section.news article h3 {margin: var(--spacer) 0}
section.news article .text {border-bottom: 1px solid #000; padding-bottom: var(--spacer);}

body[data-controller="news"] time {margin: var(--spacer) 0; display: block;}

@media (max-width: 767.98px) {
  section.news article {width: calc(100%); margin-bottom: var(--spacer-2x);}
}

@media all and (min-width: 768px) and (max-width: 1025px) {

  section.news article{width: calc(50% - 20px);  margin-bottom: var(--spacer-2x)}
}


/* ---------------------------------------------------------------------- */
/*  Pages > Stores
/* ---------------------------------------------------------------------- */

section.stores figure {margin: var(--spacer-half) 0;}
section.stores figure img {width:100%; height: 120px; object-fit: cover;}

body[data-controller="stores"] .gallery {margin-bottom: var(--spacer-2x);}
body[data-controller="stores"] .gallery img {width: 100%; height: 370px; object-fit: cover;}
body[data-controller="stores"] address {margin-top: var(--spacer); font-style: normal;}
body[data-controller="stores"] #map {border:4px solid #fff; width: 100%; height:250px; margin: var(--spacer-2x) 0}




/* ---------------------------------------------------------------------- */
/*  Pages > Press
/* ---------------------------------------------------------------------- */

section.press {margin: 0;}
section.press .grid {grid-template-columns: repeat(3, 1fr); grid-gap: var(--spacer-2x);}
section.press .grid .article h4 {margin: var(--spacer) 0 var(--spacer-half);}
section.press .grid .article .text {font-size:var(--smallest-font-size)}
body[data-controller="press"] time { display: block;}

.quotes blockquote {font-size: var(--medium-font-size); font-family: var(--secondary-font-family); line-height: 1.2; margin:0 0 var(--spacer-2x); padding: 0;}
.quotes blockquote.big {font-size: var(--big-font-size); line-height: 1.2;}
.quotes blockquote span {    margin: 10px 0 0; font-size: var(--base-font-size); color: #757575; display: block;}

@media (max-width: 767.98px) {
  section.press .grid {grid-template-columns: calc(50% - 10px) calc(50% - 10px);}
}


/* ---------------------------------------------------------------------- */
/*  Pages > Products List
/* ---------------------------------------------------------------------- */

.category-banner {background-repeat: no-repeat; background-size: cover; background-position: center; height: 180px; display: flex; justify-content: center; align-items: center; flex-flow: row;}
.category-banner h1{display: inline-flex; padding: 4px 18px;
  border: 4px solid #FFF;
  font-family: var(--secondary-font-family);
  font-size: 50px;
  font-weight: bold;
  line-height: 54px;
  color: #FFF;
  text-transform: uppercase;}

  .product-list aside {padding-right: var(--spacer-2x);}
.product-list aside ul li:not(.active) ul {display: none}
.product-list aside ul li ul {margin-left: var(--spacer);}
.product-list {display: grid; grid-template-columns: 25% 75%;}
.product-list .grid {grid-template-columns: repeat(4, 202px); grid-gap: var(--spacer);}
.product-list a {display: block; position:relative}
.product-list .grid img { width:100%; height: 237px; object-fit: cover;}



@media (max-width: 768px) {
  .product-list aside {display: none;}
  .product-list {display: block;}
  .product-list .grid {grid-template-columns: calc(50% - 5px) calc(50% - 5px); grid-gap: var(--spacer);}
  .product-list .grid img { width:100%; height: auto; object-fit: unset;}
  .category-banner {height: 130px;}
  .category-banner h1 {font-size: var(--bigger-font-size);}

  .subcategories-menu {width: 100%; overflow: hidden;}
  .subcategories-menu ul {display: flex!important; list-style: none; margin-bottom: var(--spacer-2x); overflow: auto;}
  .subcategories-menu ul::-webkit-scrollbar {display:none}
  .subcategories-menu li {margin-right: 10px; border:1px dashed #000; padding: 8px 14px; white-space: nowrap}
  .subcategories-menu li.active {background-color: #000; color:#fff}
  .subcategories-menu li.active a {color: #fff;}
}

@media all and (min-width: 768px) and (max-width: 1025px) {

  .product-list .grid {grid-template-columns: 1fr 1fr 1fr; grid-gap: var(--spacer);}
}

@media all and (min-width: 1024px) {
  .subcategories-menu {display: none!important;}
}


/* ---------------------------------------------------------------------- */
/*  Pages > Products Show
/* ---------------------------------------------------------------------- */

.product-details {grid-template-columns: 1fr 1fr; grid-gap: var(--spacer-3x);}
.product-gallery {border: 6px solid #fff;}
.product-gallery img {width: 100%;}
.product-gallery .flickity-button:disabled {opacity: 0;}
.product-gallery .flickity-prev-next-button.previous {left: 0;}
.product-gallery .flickity-prev-next-button.next {right: 0;}
.product-gallery .flickity-prev-next-button {border-radius: 0; width: 35px; height: 35px;}

.product-info-container {padding-top: var(--spacer-2x);}
.product-info-header h1 {font-size: var(--big-font-size); text-align: left; text-transform: none;}
.product-info-container .price {font-size: 22px; margin: var(--spacer) 0}
.product-info-container .price .old-price-contain {text-decoration: line-through; font-size: 16px;}
.product-info-container .buttons-container {margin: 80px 0;}
.product-info-container .buttons-container .add-to-wishlist {background: none; border: 1px dashed #000; color: #000; padding: 9px 30px;}

.product-warnings .low-stock-warning {margin-top: 10px;}
.product-warnings .stock-notify-btn {margin-top: 10px; border-bottom: 1px solid; display: inline-flex; cursor: pointer;}

.product-options {display: grid; grid-template-columns: min-content auto; grid-row-gap: 10px; align-items: center; max-width: 450px; margin-top: var(--spacer-2x);}
.product-options label {background: #000; color: #fff; padding: 4px 10px; border: 1px solid #000; text-transform: capitalize;}
.product-options select { position: relative; top: -3px; padding: 0px; border: 0; background-position: right 3px}
.product-options .select-contain { border: 1px solid #000; padding: 0 10px 0 20px; height: 100%;}

.food-popup-btn{margin-top: var(--spacer-2x); border-bottom: 1px solid; display: inline-flex; cursor: pointer;}
.foodpopup-warning {flex-flow: column;}

@media (max-width: 1025px) {
  .product-details {grid-template-columns: 1fr;}
  .product-info-container .buttons-container {margin:var(--spacer-3x) 0}
  .product-info-container .buttons-container button, .product-info-container .buttons-container .btn {width:100%; margin-bottom: var(--spacer);}
  .product-options select {top: 0px}
  .related-products .grid {grid-template-columns:1fr}
  .related-products .grid article {width:60%; margin-right:10px;}
  .related-products .grid article a {width: 100%;}
}

@media all and (min-width: 768px) and (max-width: 1025px) {
  .product-details {grid-template-columns: 1fr 1fr;}
  .related-products .grid article {width:26%; margin-right:20px;}
}


/* ---------------------------------------------------------------------- */
/*  Cart
/* ---------------------------------------------------------------------- */

body.locked, body.search-open  {overflow: hidden; }

.full-cart h2 {margin-bottom: var(--spacer-2x);}

.cart{ position: fixed; background: var(--main-bg-color); top: 205px; left: 0; width:100vw; height: calc(100vh - 205px); z-index:99}
.cart .grid {grid-template-columns: 1fr 1fr; grid-gap:var(--spacer-2x);  height:100%}

body.header-fixed .cart {top: 63px; height: calc(100vh - 63px);}

.cart .bg {background: url(../uploads/pages/basket-bg.jpg); background-position: 0 -120px; background-size: cover;}

.cart .cart-content {padding: var(--spacer-2x) 0;  overflow-y: auto; height:calc(100vh - 63px); padding-bottom: 200px;}
.cart .cart-content::-webkit-scrollbar { display: none; }

.cart h2 {text-align: left; text-transform: none; margin-bottom: var(--spacer-2x);}
.cart-row {display: grid; grid-template-columns: 2fr 1fr; grid-gap: var(--spacer); align-items: flex-start; margin-bottom: var(--spacer);}
.cart-row .product-info {display:grid; grid-template-columns: 100px auto; grid-gap: var(--spacer-half);}
.cart-row .product-info img {width: 80px; border: 4px solid #FFF;}
.cart-row .product-titles {padding-top: var(--spacer-half);}

.product-info-right {display:grid; grid-template-columns: 1fr 1fr; grid-gap: var(--spacer); padding-top: var(--spacer-half); position: relative;}
.cart-row .quantity-container {display: grid; grid-template-columns: 30px auto 30px; justify-content: center; align-items: center; text-align: center; }
.cart-row .quantity-container span {display: flex;  justify-content: center; align-items: center; text-align: center; min-width: 30px; border: 1px solid #000}
.cart-row .quantity-container .quantity-remove,
.cart-row .quantity-container .quantity-add {background: #000; color: #fff; cursor: pointer;}
.cart-row .price {text-align: right;}

.tooltip.no-stock {background-color: #000; color:#fff; font-size: 12px; border-radius: 4px; position: absolute; top: 50px; padding: 2px 8px;}

.cart-totals {border-top: 1px solid #000; padding-top: var(--spacer); display:flex; flex-flow: column; align-items: flex-end;}
.cart-totals .btn {margin: var(--spacer-half) 0;}
.cart-totals .info {font-size: var(--small-font-size);}
.cart-totals .subtotal { font-weight: bold;}

.cart-totals > div {display: grid; grid-template-columns: auto 100px; grid-gap: var(--spacer); margin-bottom: 5px;}
.cart-totals > div span:last-of-type {margin-left: auto; }
.cart-totals > div.total {font-weight: bold;}

.cart-totals .taxes_included{margin-top: var(--spacer); display: block; font-size: var(--small-font-size);}

@media (max-width: 1025px) {
  .cart {top: 0; height: 100vh; z-index:999}
  body.header-fixed .cart {top:57px; height: calc(100vh - 57px);}
  .cart .bg {display: none;}
  .cart .grid {grid-template-columns: 1fr; height: unset;}
  .cart .cart-content {height:auto; padding-bottom:100px; overflow-y: unset;}

  .cart-row .product-info img {width: 50px;}
  .cart-row .product-info {grid-template-columns: 60px auto;}
  .cart-row .product-titles h4 {font-size:13px;}
  .cart-row .product-titles span {font-size: 12px;}
  .product-info-right {grid-template-columns: auto 50px;}
  .cart-row .quantity-container span {min-width: 24px;}
  .cart-row .quantity-container {grid-template-columns: 24px auto 24px;}
  body.header-fixed .cart {overflow-y: auto;}

}
@media all and (min-width: 768px) and (max-width: 1025px) {

body.header-fixed .cart{top:107px!important; height: calc(100vh - 107px)!important}

}
/* ---------------------------------------------------------------------- */
/*  Forms
/* ---------------------------------------------------------------------- */

button, .btn {-webkit-appearance:none; outline: 0; border: 0; background-color: #000; color: #fff; display: inline-flex; padding: 10px 30px; line-height: 1; cursor: pointer;}

button:disabled {cursor: default;}

.notification.error, label.error, .invalid label {color: #b11e1e!important;}
div.is-invalid {display: none!important;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: 000;
  box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}

select {-webkit-appearance:none; appearance: none; border: 0; border-bottom: 1px solid #000; background-color: transparent!important; width: 100%; border-radius: 0; outline: 0; padding: 0px 20px 6px 0px; margin-top: var(--spacer-half); position: relative; background-image: url(../img/down-arrow.svg); background-size: 12px; background-repeat: no-repeat; background-position: top right;}


.flickity-button {padding: 0;}

.ffl-wrapper {
  position: relative;
  display: block;
  padding-top: 1rem;
  margin-bottom: var(--spacer);
}
.ffl-wrapper .ffl-label {
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: ease;
  transition-delay: 0s;
  position: absolute;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  pointer-events: none;
  top: 1.25rem;
}
.ffl-wrapper.ffl-floated .ffl-label {
  top: 0;
}

.ffl-label {
  color: #000;
  line-height: 1.2;
}
.ffl-floated .ffl-label {
  color: #000;
}

.ffl-wrapper  input[type="text"], .ffl-wrapper  input[type="email"], .ffl-wrapper  input[type="password"]  {
  -webkit-appearance:none; border: 0; border-bottom: 1px solid #000; background-color: transparent!important; width: 100%; border-radius: 0; outline: 0; padding: 3px 0; margin-top: var(--spacer-half);
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.loading:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 20px;
  width: 16px;
  height: 16px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #000;
  animation: spinner .6s linear infinite;
}


/* ---------------------------------------------------------------------- */
/*  Login
/* ---------------------------------------------------------------------- */


.login-container {grid-template-columns: 1fr 1fr; grid-gap: var(--spacer-3x);}

.login h3, .new-account h3 {margin-bottom: var(--spacer);}
.login-container .new-account button {margin-top: var(--spacer);}
.login-container .check {margin-top: var(--spacer);}

.forgot-password-btn {display: block; margin-top: var(--spacer); text-decoration: underline;}
.forgot-password .info {margin-top: 10px;}
.forgot-password .notification {margin-bottom: var(--spacer);}
.forgot-password .info, .choose-password .info {margin-top: var(--spacer);}

.login-container label a {text-decoration: underline;}

.login-container .notification.error {margin: 20px 0}


@media (max-width: 767.98px) {
  .login-container {grid-template-columns: 1fr; grid-gap:60px}
  .login-container button, .login-container .new-account button {margin-top: var(--spacer-2x);}
  .login-container .check {margin-top: var(--spacer-2x);}
}


/* ---------------------------------------------------------------------- */
/*  Checkout
/* ---------------------------------------------------------------------- */

body[data-controller="checkout"] .basket, body[data-url="store/cart"] .basket  {display: none;}

.checkout-nav {display: flex; margin-bottom: var(--spacer); font-size: var(--small-font-size);}
.checkout-nav li:not(:last-of-type)::after{content: '>'; margin: 0 4px;}
.checkout-nav .active {font-weight: bold;}

.grid.checkout {grid-template-columns: 1fr 1fr; grid-gap: 100px;}
.checkout h2 {margin-bottom: var(--spacer-2x);}

.checkout form {display: flex; flex-flow: column;}
.checkout .cols-2 {grid-template-columns: 1fr 1fr; grid-gap: 0 var(--spacer-2x);}
.checkout .cols-2 .full {grid-column: 1/3;}

.checkout form input[type="text"]{-webkit-appearance:none; border: 0; border-bottom: 1px solid #000; background-color: transparent!important; width: 100%; border-radius: 0; outline: 0; padding: 3px 0; margin-top: var(--spacer-half);}

.checkout form button {align-self: flex-end; margin-top: var(--spacer-2x);}
.checkout .form-group {margin-bottom: var(--spacer);}
.checkout .product-info-right {display: block;}
.checkout select {-webkit-appearance:none; appearance: none; border: 0; border-bottom: 1px solid #000; background-color: transparent!important; width: 100%; border-radius: 0; outline: 0; padding: 3px 0; margin-top: var(--spacer-half);}

.checkout .shipping-details {margin-bottom: var(--spacer);}
.checkout .billing-details h3 {margin: var(--spacer) 0;}
.checkout .check {margin-bottom: 10px;}

.checkout a.back {font-size: var(--smallest-font-size); display: inline-flex;}
.checkout a.back svg {fill: #000000; width: 10px; margin-right: 4px;}




.horz-check {margin-bottom: var(--spacer-half);}
.horz-check .check {margin-bottom: 0;}

.horz-check label {
  background:#d2d0ca82;
  padding:10px 15px 10px 35px!important;
  border-radius: 4px;
  border: 1px solid transparent;
  display: flex!important;
}

.horz-check label span {margin-left: auto;}

.horz-check .check [type="radio"]:checked + label:before, .horz-check .check [type="radio"]:not(:checked) + label:before{
    top: 10px; left: 10px;
}

.horz-check .check [type="radio"]:checked + label:after, .horz-check .check [type="radio"]:not(:checked) + label:after {
  top: 14px; left: 14px;
}

.horz-check .check [type="radio"]:checked + label{
  border: 1px solid #bebebe;
  background: #d3d0cb;
}

.stock-preferences{margin-top: var(--spacer-2x);}
.stock-preferences p {margin-bottom: 10px;}
.stock-preferences .horz-check .check {margin-bottom: 10px;}
 
.checkout-is-gift {margin-top: var(--spacer-2x);}
.horz-check .collapse {
  border: 1px solid #bebebe;
  margin-top: -14px;
  padding: 30px 15px 15px;
  border-radius: 4px;
  border-top: 0;
}

.store_pickup label {flex-flow: column; background: none!important; border: none!important;}
.store_pickup address {font-size: var(--smallest-font-size); font-style: normal;}
.store_pickup .check {margin-bottom: 0;}

.checkout-is-gift textarea {border:1px solid #222; width: 100%; background: transparent; margin-top: var(--spacer); height: 100px; outline: 0; border-radius: 0; height: 60px; padding: 5px}
.checkout-is-gift  .gift-chars-info {font-size: var(--smallest-font-size);}

#submit-order-btn {position: relative; transition: all .5s;}
#submit-order-btn.loading {padding-left: 40px;}

@media all and (max-width: 767.98px) {
  .grid.checkout {grid-template-columns: 1fr;}
  .checkout-bar {background: #000; color: #fff; padding: 10px 20px; display: flex!important;}
  .checkout-bar span {margin-left: auto;}
  .grid.checkout>.details, .grid.checkout>.payment {order: 2;}
  .cart-simple {margin-top: var(--spacer); display: none}
}

@media all and (min-width: 768px) and (max-width: 1025px) {

  .grid.checkout {grid-gap: var(--spacer-2x); grid-template-columns: 1.2fr 0.8fr;}
  .checkout-bar {display: none!important;}
 
}

/* ---------------------------------------------------------------------- */
/*  Vouchers
/* ---------------------------------------------------------------------- */

.vouchers-page h4 {margin: var(--spacer-3x) 0 var(--spacer) 0}
.voucher-tags.grid {grid-template-columns: repeat(3,min-content); grid-gap: var(--spacer); margin-top:var(--spacer);}
.voucher-tags.grid .voucher_expires {margin-top:-15px; font-size: var(--smallest-font-size)}
.voucher-accumulated.grid {grid-template-columns: 130px auto; grid-gap: var(--spacer-2x); align-items: center;}
.voucher-accumulated.grid .c100 {font-family:var(--secondary-font-family);}
.voucher-accumulated.grid h4 {margin: 10px 0;}

.voucher-tags .voucher {padding: 5px 14px 5px 14px; border: 1px dashed #000; display: inline-flex; margin: var(--spacer-half) 0 var(--spacer) 0;}
.voucher-tags .voucher span {border-left: 1px dashed #000; margin-left: 14px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='modal__close-icon' viewBox='0 0 24 24'%3E%3Cpath d='M5.3 5.957l.707-.707 12.728 12.728-.707.707L5.3 5.957z'%3E%3C/path%3E%3Cpath d='M6.007 18.685l-.707-.707L18.028 5.25l.707.707L6.007 18.685z'%3E%3C/path%3E%3C/svg%3E"); width: 30px; background-size: 14px; background-repeat: no-repeat; background-position: 10px;}

.voucher-container .voucher-tags .voucher {padding: 5px 5px 5px 14px}
.copy-voucher {cursor: pointer;}
.voucher-container {margin-bottom: var(--spacer-3x);}
.voucher-container .notification {margin-top: -10px;}
.voucher-container .grid {grid-template-columns: auto 100px; margin: 20px 0; align-items: flex-start;}
.voucher-container .form-group{padding-bottom: 0; margin-bottom: 0;}
.voucher-container form button {
    margin-top: 0;
    border: 0;
    color: #000;
    background: transparent;
    border-bottom: 1px solid #000;
    background: url(../img/arrow-right.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right;
    padding: 0px;
    padding: 10px;}

  @media (max-width: 1025px) {
    .voucher-tags.grid{grid-template-columns: repeat(2,min-content); }
  }


/* ---------------------------------------------------------------------- */
/*  Checkout Thank you
/* ---------------------------------------------------------------------- */

.order-complete.grid {grid-template-columns: 1fr 1fr; grid-gap: var(--spacer-3x); margin-top: var(--spacer-3x);}
.order-complete:not(.grid) {text-align: center; margin-top: var(--spacer-3x);}
.order-complete  h4 {margin-bottom:var(--spacer);}
.order-complete  h3 {margin-bottom:var(--spacer);}

.order-complete .btn  {margin:var(--spacer) 0}
.order-complete .payment-notification {background: #fff; padding: var(--spacer); max-width:80%}
.order-complete:not(.grid) .payment-notification {margin: 0 auto; max-width: 50%;}


/* ---------------------------------------------------------------------- */
/*  Clients Area
/* ---------------------------------------------------------------------- */

body[data-controller="clientsarea"] .grid.page {grid-template-columns: 30% auto;}
.order-history .item {grid-template-columns: auto 150px 170px 40px; grid-gap:var(--spacer); border-bottom: 1px solid #000; padding: var(--spacer) 0;}
.order-history .item span, .order-history .item time {display: block; font-weight: bold; }
.order-history .item .total {text-align: right;}

.order-view {grid-template-columns: 300px auto; grid-gap: var(--spacer-3x);}
.order-view time {display: block; font-weight: bold;}
.order-view .order-addresses {margin: var(--spacer-2x) 0;}
.order-view .order-addresses address {font-style: normal; margin-bottom: var(--spacer-2x);}
.order-view .order-addresses h4 {margin-bottom: var(--spacer-half);}
.order-view .status {margin-top: var(--spacer); background: #000; color: #fff; display: inline-flex; padding:6px 14px;}
.order-view .track-order {display: block; font-size: var(--small-font-size); text-decoration: underline; margin-top: 4px;}
.order-view .order-payment-notification { background: #fff; padding: var(--spacer); margin: var(--spacer) 0;}
.order-view .product-info-right {display: block;}
.order-view .bordered-link {    background: none;
  border: 1px dashed #000;
  color: #000;
  padding: 4px 10px; display: inline-block; margin: 20px 0 0 0;}

.personal-data-form {display: flex; flex-flow: column;}
.personal-data-form .cols-2 {grid-template-columns: 1fr 1fr; grid-column-gap: var(--spacer-2x);}
.personal-data-form .cols-2 .cols-2 {grid-column-gap: var(--spacer);}
.personal-data-form button {align-self: flex-end; margin-top: var(--spacer-3x);}
.personal-data-form  select {margin-top:0;}
.personal-data-form   .ffl-wrapper {margin-bottom:30px;}
.personal-data-form .notification.success {color: green;}

.change-password-form {display: flex; flex-flow: column;}
.change-password-form button {align-self: flex-end; margin-top: var(--spacer-3x);}
.change-password-form .notification.success {color: green;}

.user-settings {margin-bottom: var(--spacer-3x);}
.user-settings h3 {margin-bottom: var(--spacer-half);}
.user-settings .btn {margin-top: var(--spacer-half);}

@media (max-width: 1025px) {

  body[data-controller="clientsarea"] .grid.page aside{display: block;}

  .order-view {grid-template-columns: 1fr;}
  .personal-data-form .cols-2 {grid-template-columns: 1fr;}
  .personal-data-form .cols-2 .form-group {margin-bottom: var(--spacer);}

}
@media all and (min-width: 768px) and (max-width: 1025px) {
  .order-history .item {grid-template-columns: auto 150px 100px 40px;}
}

@media (max-width: 767.98px) {
  body[data-controller="clientsarea"] .grid.page {grid-template-columns: 1fr;}
  body[data-controller="clientsarea"] .grid.page aside {overflow: hidden; margin-bottom: 40px;}

  body[data-controller="clientsarea"] .grid.page aside img {display: none;}
  body[data-controller="clientsarea"] .grid.page aside ul {    display: flex!important;
    list-style: none;
    margin-bottom: var(--spacer-2x);
    overflow: auto; width: 100%;}
    body[data-controller="clientsarea"] .grid.page aside ul::-webkit-scrollbar {display:none}

  body[data-controller="clientsarea"] .grid.page aside ul  li {margin-right: 10px;
  border: 1px dashed #000;
  padding: 8px 14px;
  white-space: nowrap;}

  body[data-controller="clientsarea"] .grid.page aside ul  li.active{ background-color: #000;
  color: #fff;}
  body[data-controller="clientsarea"] .grid.page aside ul  li.active a {color: #fff; text-decoration: none;}

  .order-history .item {grid-template-columns: 1fr 1fr;}
  .order-history .item .status, .order-history .item .total {display: none;}
}

/* ---------------------------------------------------------------------- */
/*  Pages > Wishlist
/* ---------------------------------------------------------------------- */

.wishlist-item {display: grid; grid-template-columns: 120px auto 200px; grid-gap: var(--spacer); border-bottom: 1px solid #000; padding-bottom: var(--spacer); margin-bottom: var(--spacer);}
.wishlist-item h3 {padding-right: var(--spacer);}
.remove-from-wishlist-btn {margin-top: var(--spacer-half); display: inline-flex; font-size: var(--smallest-font-size);}

@media (max-width: 767.98px) {
  .wishlist-item {grid-template-columns: 70px auto auto;}
  .wishlist-item  button {padding: 5px 10px}
  .wishlist-item h3 {font-size: 15px;}
}
/* ---------------------------------------------------------------------- */
/*  Clients Area
/* ---------------------------------------------------------------------- */


.check [type="checkbox"]:checked, .check [type="checkbox"]:not(:checked),
.check [type="radio"]:checked, .check [type="radio"]:not(:checked)  
{
    position: absolute;
    left: -9999px;
}
.check [type="checkbox"]:checked + label, .check [type="checkbox"]:not(:checked) + label,
.check [type="radio"]:checked + label, .check [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}
.check [type="checkbox"]:checked + label:before, .check [type="checkbox"]:not(:checked) + label:before,
.check [type="radio"]:checked + label:before, .check [type="radio"]:not(:checked) + label:before 
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #222;
    background: #fff;
}

.check [type="checkbox"]:checked + label:after, .check [type="checkbox"]:not(:checked) + label:after,
.check [type="radio"]:checked + label:after, .check [type="radio"]:not(:checked) + label:after 
{
    content: '';
    width: 10px;
    height: 10px;
    background: #222;
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.check [type="radio"]:checked + label:before, .check [type="radio"]:not(:checked) + label:before,
.check [type="radio"]:checked + label:after, .check [type="radio"]:not(:checked) + label:after 
 {
  border-radius: 50%;
}


.check [type="checkbox"]:not(:checked) + label:after,
.check [type="radio"]:not(:checked) + label:after  
{
    opacity: 0; -webkit-transform: scale(0); transform: scale(0);
}
.check [type="checkbox"]:checked + label:after,
.check [type="radio"]:checked + label:after  {
    opacity: 1; -webkit-transform: scale(1); transform: scale(1);
}



/* ==========================================================================
   404 PAGE NOT FOUND
   ========================================================================== */


   .error404 {height: 100vh;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;}

   .error404 .centered {width: 400px; max-width:  80vw;}
   
   .error404 .centered > a {display: block; border-bottom: 2px solid #000; padding-bottom: 20px;}
   .error404 .logo {width: 300px; margin: 0 auto}

   .error404 h1 {padding: 20px 0; font-size: 24px; text-transform: none;}

   

/* ---------------------------------------------------------------------- */
/*  Elements > Lightbox
/* ---------------------------------------------------------------------- */

.lightbox{position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0006;
  z-index: 9999;}

button.close-lightbox-btn {    background: none; width: auto; position: absolute; top: 15px; right: 15px; padding: 0; margin: 0;}
button.close-lightbox-btn.left {right: unset; left:15px}
button.close-lightbox-btn svg {fill: #000; width: 20px;}


/* ---------------------------------------------------------------------- */
/*  Elements > Modal
/* ---------------------------------------------------------------------- */

.modal {padding: var(--spacer-2x); background: #FFF; position: relative; width: 450px; transition: height 0.5s;}
.modal h4 {margin-bottom: var(--spacer);}
.modal .modal-feedback {display: none;}
.modal .form-group {margin: 20px 0px 20px;}

@media (max-width: 767.98px) {
  .modal {height: 100vh; justify-content: center; align-items: center; display: flex;}
}

/* ---------------------------------------------------------------------- */
/*  Elements > Popup
/* ---------------------------------------------------------------------- */


.popup {width: 700px; max-height: 80vh; overflow: hidden; background-color: #fff; margin: 20px auto; background: #dbd9d7;}
.popup .grid {grid-template-columns: 1fr 1fr; align-items: center;}
.popup .text-container {padding: var(--spacer);}
.popup .text-container h2 {margin-bottom: var(--spacer);}
.popup .grid figure {/*display: flex; */ justify-content: flex-end;}
.popup.popupformat_5 {text-align: center;}
.popup.popupformat_4 {width: unset; height: unset; max-height: unset; border: 10px solid #fff}

.popup.popupformat_4 img { max-height: 560px;}

.popup h4 {line-height: 1.4;}
@media (max-width: 767.98px) {
  .popup.popupformat_4 {margin: 20px;}
  .popup h4 {font-size: 9px;}
  .pop-up {max-height: unset;}

}


/* circle */
.c100.p100 .slice,.c100.p51 .slice,.c100.p52 .slice,.c100.p53 .slice,.c100.p54 .slice,.c100.p55 .slice,.c100.p56 .slice,.c100.p57 .slice,.c100.p58 .slice,.c100.p59 .slice,.c100.p60 .slice,.c100.p61 .slice,.c100.p62 .slice,.c100.p63 .slice,.c100.p64 .slice,.c100.p65 .slice,.c100.p66 .slice,.c100.p67 .slice,.c100.p68 .slice,.c100.p69 .slice,.c100.p70 .slice,.c100.p71 .slice,.c100.p72 .slice,.c100.p73 .slice,.c100.p74 .slice,.c100.p75 .slice,.c100.p76 .slice,.c100.p77 .slice,.c100.p78 .slice,.c100.p79 .slice,.c100.p80 .slice,.c100.p81 .slice,.c100.p82 .slice,.c100.p83 .slice,.c100.p84 .slice,.c100.p85 .slice,.c100.p86 .slice,.c100.p87 .slice,.c100.p88 .slice,.c100.p89 .slice,.c100.p90 .slice,.c100.p91 .slice,.c100.p92 .slice,.c100.p93 .slice,.c100.p94 .slice,.c100.p95 .slice,.c100.p96 .slice,.c100.p97 .slice,.c100.p98 .slice,.c100.p99 .slice,.rect-auto{clip:rect(auto,auto,auto,auto)}.c100 .bar,.c100.p100 .fill,.c100.p51 .fill,.c100.p52 .fill,.c100.p53 .fill,.c100.p54 .fill,.c100.p55 .fill,.c100.p56 .fill,.c100.p57 .fill,.c100.p58 .fill,.c100.p59 .fill,.c100.p60 .fill,.c100.p61 .fill,.c100.p62 .fill,.c100.p63 .fill,.c100.p64 .fill,.c100.p65 .fill,.c100.p66 .fill,.c100.p67 .fill,.c100.p68 .fill,.c100.p69 .fill,.c100.p70 .fill,.c100.p71 .fill,.c100.p72 .fill,.c100.p73 .fill,.c100.p74 .fill,.c100.p75 .fill,.c100.p76 .fill,.c100.p77 .fill,.c100.p78 .fill,.c100.p79 .fill,.c100.p80 .fill,.c100.p81 .fill,.c100.p82 .fill,.c100.p83 .fill,.c100.p84 .fill,.c100.p85 .fill,.c100.p86 .fill,.c100.p87 .fill,.c100.p88 .fill,.c100.p89 .fill,.c100.p90 .fill,.c100.p91 .fill,.c100.p92 .fill,.c100.p93 .fill,.c100.p94 .fill,.c100.p95 .fill,.c100.p96 .fill,.c100.p97 .fill,.c100.p98 .fill,.c100.p99 .fill,.pie{position:absolute;border:.08em solid #000;width:.84em;height:.84em;clip:rect(0,.5em,1em,0);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}.c100.p100 .bar:after,.c100.p100 .fill,.c100.p51 .bar:after,.c100.p51 .fill,.c100.p52 .bar:after,.c100.p52 .fill,.c100.p53 .bar:after,.c100.p53 .fill,.c100.p54 .bar:after,.c100.p54 .fill,.c100.p55 .bar:after,.c100.p55 .fill,.c100.p56 .bar:after,.c100.p56 .fill,.c100.p57 .bar:after,.c100.p57 .fill,.c100.p58 .bar:after,.c100.p58 .fill,.c100.p59 .bar:after,.c100.p59 .fill,.c100.p60 .bar:after,.c100.p60 .fill,.c100.p61 .bar:after,.c100.p61 .fill,.c100.p62 .bar:after,.c100.p62 .fill,.c100.p63 .bar:after,.c100.p63 .fill,.c100.p64 .bar:after,.c100.p64 .fill,.c100.p65 .bar:after,.c100.p65 .fill,.c100.p66 .bar:after,.c100.p66 .fill,.c100.p67 .bar:after,.c100.p67 .fill,.c100.p68 .bar:after,.c100.p68 .fill,.c100.p69 .bar:after,.c100.p69 .fill,.c100.p70 .bar:after,.c100.p70 .fill,.c100.p71 .bar:after,.c100.p71 .fill,.c100.p72 .bar:after,.c100.p72 .fill,.c100.p73 .bar:after,.c100.p73 .fill,.c100.p74 .bar:after,.c100.p74 .fill,.c100.p75 .bar:after,.c100.p75 .fill,.c100.p76 .bar:after,.c100.p76 .fill,.c100.p77 .bar:after,.c100.p77 .fill,.c100.p78 .bar:after,.c100.p78 .fill,.c100.p79 .bar:after,.c100.p79 .fill,.c100.p80 .bar:after,.c100.p80 .fill,.c100.p81 .bar:after,.c100.p81 .fill,.c100.p82 .bar:after,.c100.p82 .fill,.c100.p83 .bar:after,.c100.p83 .fill,.c100.p84 .bar:after,.c100.p84 .fill,.c100.p85 .bar:after,.c100.p85 .fill,.c100.p86 .bar:after,.c100.p86 .fill,.c100.p87 .bar:after,.c100.p87 .fill,.c100.p88 .bar:after,.c100.p88 .fill,.c100.p89 .bar:after,.c100.p89 .fill,.c100.p90 .bar:after,.c100.p90 .fill,.c100.p91 .bar:after,.c100.p91 .fill,.c100.p92 .bar:after,.c100.p92 .fill,.c100.p93 .bar:after,.c100.p93 .fill,.c100.p94 .bar:after,.c100.p94 .fill,.c100.p95 .bar:after,.c100.p95 .fill,.c100.p96 .bar:after,.c100.p96 .fill,.c100.p97 .bar:after,.c100.p97 .fill,.c100.p98 .bar:after,.c100.p98 .fill,.c100.p99 .bar:after,.c100.p99 .fill,.pie-fill{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.c100{position:relative;font-size:120px;width:1em;height:1em;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;float:left;margin:0 .1em .1em 0;background-color:#bfbcb5}.c100 *,.c100 :after,.c100 :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.c100.center{float:none;margin:0 auto}.c100.big{font-size:240px}.c100.small{font-size:80px}.c100>span{position:absolute;width:100%;z-index:1;left:0;top:0;width:5em;line-height:5em;font-size:.2em;color:#000;display:block;text-align:center;white-space:nowrap;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.c100:after{position:absolute;top:.08em;left:.08em;display:block;content:" ";-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;background-color:#f5f5f5;width:.84em;height:.84em;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in}.c100 .slice{position:absolute;width:1em;height:1em;clip:rect(0,1em,1em,.5em)}.c100.p1 .bar{-webkit-transform:rotate(3.6deg);-moz-transform:rotate(3.6deg);-ms-transform:rotate(3.6deg);-o-transform:rotate(3.6deg);transform:rotate(3.6deg)}.c100.p2 .bar{-webkit-transform:rotate(7.2deg);-moz-transform:rotate(7.2deg);-ms-transform:rotate(7.2deg);-o-transform:rotate(7.2deg);transform:rotate(7.2deg)}.c100.p3 .bar{-webkit-transform:rotate(10.8deg);-moz-transform:rotate(10.8deg);-ms-transform:rotate(10.8deg);-o-transform:rotate(10.8deg);transform:rotate(10.8deg)}.c100.p4 .bar{-webkit-transform:rotate(14.4deg);-moz-transform:rotate(14.4deg);-ms-transform:rotate(14.4deg);-o-transform:rotate(14.4deg);transform:rotate(14.4deg)}.c100.p5 .bar{-webkit-transform:rotate(18deg);-moz-transform:rotate(18deg);-ms-transform:rotate(18deg);-o-transform:rotate(18deg);transform:rotate(18deg)}.c100.p6 .bar{-webkit-transform:rotate(21.6deg);-moz-transform:rotate(21.6deg);-ms-transform:rotate(21.6deg);-o-transform:rotate(21.6deg);transform:rotate(21.6deg)}.c100.p7 .bar{-webkit-transform:rotate(25.2deg);-moz-transform:rotate(25.2deg);-ms-transform:rotate(25.2deg);-o-transform:rotate(25.2deg);transform:rotate(25.2deg)}.c100.p8 .bar{-webkit-transform:rotate(28.8deg);-moz-transform:rotate(28.8deg);-ms-transform:rotate(28.8deg);-o-transform:rotate(28.8deg);transform:rotate(28.8deg)}.c100.p9 .bar{-webkit-transform:rotate(32.4deg);-moz-transform:rotate(32.4deg);-ms-transform:rotate(32.4deg);-o-transform:rotate(32.4deg);transform:rotate(32.4deg)}.c100.p10 .bar{-webkit-transform:rotate(36deg);-moz-transform:rotate(36deg);-ms-transform:rotate(36deg);-o-transform:rotate(36deg);transform:rotate(36deg)}.c100.p11 .bar{-webkit-transform:rotate(39.6deg);-moz-transform:rotate(39.6deg);-ms-transform:rotate(39.6deg);-o-transform:rotate(39.6deg);transform:rotate(39.6deg)}.c100.p12 .bar{-webkit-transform:rotate(43.2deg);-moz-transform:rotate(43.2deg);-ms-transform:rotate(43.2deg);-o-transform:rotate(43.2deg);transform:rotate(43.2deg)}.c100.p13 .bar{-webkit-transform:rotate(46.8deg);-moz-transform:rotate(46.8deg);-ms-transform:rotate(46.8deg);-o-transform:rotate(46.8deg);transform:rotate(46.8deg)}.c100.p14 .bar{-webkit-transform:rotate(50.4deg);-moz-transform:rotate(50.4deg);-ms-transform:rotate(50.4deg);-o-transform:rotate(50.4deg);transform:rotate(50.4deg)}.c100.p15 .bar{-webkit-transform:rotate(54deg);-moz-transform:rotate(54deg);-ms-transform:rotate(54deg);-o-transform:rotate(54deg);transform:rotate(54deg)}.c100.p16 .bar{-webkit-transform:rotate(57.6deg);-moz-transform:rotate(57.6deg);-ms-transform:rotate(57.6deg);-o-transform:rotate(57.6deg);transform:rotate(57.6deg)}.c100.p17 .bar{-webkit-transform:rotate(61.2deg);-moz-transform:rotate(61.2deg);-ms-transform:rotate(61.2deg);-o-transform:rotate(61.2deg);transform:rotate(61.2deg)}.c100.p18 .bar{-webkit-transform:rotate(64.8deg);-moz-transform:rotate(64.8deg);-ms-transform:rotate(64.8deg);-o-transform:rotate(64.8deg);transform:rotate(64.8deg)}.c100.p19 .bar{-webkit-transform:rotate(68.4deg);-moz-transform:rotate(68.4deg);-ms-transform:rotate(68.4deg);-o-transform:rotate(68.4deg);transform:rotate(68.4deg)}.c100.p20 .bar{-webkit-transform:rotate(72deg);-moz-transform:rotate(72deg);-ms-transform:rotate(72deg);-o-transform:rotate(72deg);transform:rotate(72deg)}.c100.p21 .bar{-webkit-transform:rotate(75.6deg);-moz-transform:rotate(75.6deg);-ms-transform:rotate(75.6deg);-o-transform:rotate(75.6deg);transform:rotate(75.6deg)}.c100.p22 .bar{-webkit-transform:rotate(79.2deg);-moz-transform:rotate(79.2deg);-ms-transform:rotate(79.2deg);-o-transform:rotate(79.2deg);transform:rotate(79.2deg)}.c100.p23 .bar{-webkit-transform:rotate(82.8deg);-moz-transform:rotate(82.8deg);-ms-transform:rotate(82.8deg);-o-transform:rotate(82.8deg);transform:rotate(82.8deg)}.c100.p24 .bar{-webkit-transform:rotate(86.4deg);-moz-transform:rotate(86.4deg);-ms-transform:rotate(86.4deg);-o-transform:rotate(86.4deg);transform:rotate(86.4deg)}.c100.p25 .bar{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.c100.p26 .bar{-webkit-transform:rotate(93.6deg);-moz-transform:rotate(93.6deg);-ms-transform:rotate(93.6deg);-o-transform:rotate(93.6deg);transform:rotate(93.6deg)}.c100.p27 .bar{-webkit-transform:rotate(97.2deg);-moz-transform:rotate(97.2deg);-ms-transform:rotate(97.2deg);-o-transform:rotate(97.2deg);transform:rotate(97.2deg)}.c100.p28 .bar{-webkit-transform:rotate(100.8deg);-moz-transform:rotate(100.8deg);-ms-transform:rotate(100.8deg);-o-transform:rotate(100.8deg);transform:rotate(100.8deg)}.c100.p29 .bar{-webkit-transform:rotate(104.4deg);-moz-transform:rotate(104.4deg);-ms-transform:rotate(104.4deg);-o-transform:rotate(104.4deg);transform:rotate(104.4deg)}.c100.p30 .bar{-webkit-transform:rotate(108deg);-moz-transform:rotate(108deg);-ms-transform:rotate(108deg);-o-transform:rotate(108deg);transform:rotate(108deg)}.c100.p31 .bar{-webkit-transform:rotate(111.6deg);-moz-transform:rotate(111.6deg);-ms-transform:rotate(111.6deg);-o-transform:rotate(111.6deg);transform:rotate(111.6deg)}.c100.p32 .bar{-webkit-transform:rotate(115.2deg);-moz-transform:rotate(115.2deg);-ms-transform:rotate(115.2deg);-o-transform:rotate(115.2deg);transform:rotate(115.2deg)}.c100.p33 .bar{-webkit-transform:rotate(118.8deg);-moz-transform:rotate(118.8deg);-ms-transform:rotate(118.8deg);-o-transform:rotate(118.8deg);transform:rotate(118.8deg)}.c100.p34 .bar{-webkit-transform:rotate(122.4deg);-moz-transform:rotate(122.4deg);-ms-transform:rotate(122.4deg);-o-transform:rotate(122.4deg);transform:rotate(122.4deg)}.c100.p35 .bar{-webkit-transform:rotate(126deg);-moz-transform:rotate(126deg);-ms-transform:rotate(126deg);-o-transform:rotate(126deg);transform:rotate(126deg)}.c100.p36 .bar{-webkit-transform:rotate(129.6deg);-moz-transform:rotate(129.6deg);-ms-transform:rotate(129.6deg);-o-transform:rotate(129.6deg);transform:rotate(129.6deg)}.c100.p37 .bar{-webkit-transform:rotate(133.2deg);-moz-transform:rotate(133.2deg);-ms-transform:rotate(133.2deg);-o-transform:rotate(133.2deg);transform:rotate(133.2deg)}.c100.p38 .bar{-webkit-transform:rotate(136.8deg);-moz-transform:rotate(136.8deg);-ms-transform:rotate(136.8deg);-o-transform:rotate(136.8deg);transform:rotate(136.8deg)}.c100.p39 .bar{-webkit-transform:rotate(140.4deg);-moz-transform:rotate(140.4deg);-ms-transform:rotate(140.4deg);-o-transform:rotate(140.4deg);transform:rotate(140.4deg)}.c100.p40 .bar{-webkit-transform:rotate(144deg);-moz-transform:rotate(144deg);-ms-transform:rotate(144deg);-o-transform:rotate(144deg);transform:rotate(144deg)}.c100.p41 .bar{-webkit-transform:rotate(147.6deg);-moz-transform:rotate(147.6deg);-ms-transform:rotate(147.6deg);-o-transform:rotate(147.6deg);transform:rotate(147.6deg)}.c100.p42 .bar{-webkit-transform:rotate(151.2deg);-moz-transform:rotate(151.2deg);-ms-transform:rotate(151.2deg);-o-transform:rotate(151.2deg);transform:rotate(151.2deg)}.c100.p43 .bar{-webkit-transform:rotate(154.8deg);-moz-transform:rotate(154.8deg);-ms-transform:rotate(154.8deg);-o-transform:rotate(154.8deg);transform:rotate(154.8deg)}.c100.p44 .bar{-webkit-transform:rotate(158.4deg);-moz-transform:rotate(158.4deg);-ms-transform:rotate(158.4deg);-o-transform:rotate(158.4deg);transform:rotate(158.4deg)}.c100.p45 .bar{-webkit-transform:rotate(162deg);-moz-transform:rotate(162deg);-ms-transform:rotate(162deg);-o-transform:rotate(162deg);transform:rotate(162deg)}.c100.p46 .bar{-webkit-transform:rotate(165.6deg);-moz-transform:rotate(165.6deg);-ms-transform:rotate(165.6deg);-o-transform:rotate(165.6deg);transform:rotate(165.6deg)}.c100.p47 .bar{-webkit-transform:rotate(169.2deg);-moz-transform:rotate(169.2deg);-ms-transform:rotate(169.2deg);-o-transform:rotate(169.2deg);transform:rotate(169.2deg)}.c100.p48 .bar{-webkit-transform:rotate(172.8deg);-moz-transform:rotate(172.8deg);-ms-transform:rotate(172.8deg);-o-transform:rotate(172.8deg);transform:rotate(172.8deg)}.c100.p49 .bar{-webkit-transform:rotate(176.4deg);-moz-transform:rotate(176.4deg);-ms-transform:rotate(176.4deg);-o-transform:rotate(176.4deg);transform:rotate(176.4deg)}.c100.p50 .bar{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.c100.p51 .bar{-webkit-transform:rotate(183.6deg);-moz-transform:rotate(183.6deg);-ms-transform:rotate(183.6deg);-o-transform:rotate(183.6deg);transform:rotate(183.6deg)}.c100.p52 .bar{-webkit-transform:rotate(187.2deg);-moz-transform:rotate(187.2deg);-ms-transform:rotate(187.2deg);-o-transform:rotate(187.2deg);transform:rotate(187.2deg)}.c100.p53 .bar{-webkit-transform:rotate(190.8deg);-moz-transform:rotate(190.8deg);-ms-transform:rotate(190.8deg);-o-transform:rotate(190.8deg);transform:rotate(190.8deg)}.c100.p54 .bar{-webkit-transform:rotate(194.4deg);-moz-transform:rotate(194.4deg);-ms-transform:rotate(194.4deg);-o-transform:rotate(194.4deg);transform:rotate(194.4deg)}.c100.p55 .bar{-webkit-transform:rotate(198deg);-moz-transform:rotate(198deg);-ms-transform:rotate(198deg);-o-transform:rotate(198deg);transform:rotate(198deg)}.c100.p56 .bar{-webkit-transform:rotate(201.6deg);-moz-transform:rotate(201.6deg);-ms-transform:rotate(201.6deg);-o-transform:rotate(201.6deg);transform:rotate(201.6deg)}.c100.p57 .bar{-webkit-transform:rotate(205.2deg);-moz-transform:rotate(205.2deg);-ms-transform:rotate(205.2deg);-o-transform:rotate(205.2deg);transform:rotate(205.2deg)}.c100.p58 .bar{-webkit-transform:rotate(208.8deg);-moz-transform:rotate(208.8deg);-ms-transform:rotate(208.8deg);-o-transform:rotate(208.8deg);transform:rotate(208.8deg)}.c100.p59 .bar{-webkit-transform:rotate(212.4deg);-moz-transform:rotate(212.4deg);-ms-transform:rotate(212.4deg);-o-transform:rotate(212.4deg);transform:rotate(212.4deg)}.c100.p60 .bar{-webkit-transform:rotate(216deg);-moz-transform:rotate(216deg);-ms-transform:rotate(216deg);-o-transform:rotate(216deg);transform:rotate(216deg)}.c100.p61 .bar{-webkit-transform:rotate(219.6deg);-moz-transform:rotate(219.6deg);-ms-transform:rotate(219.6deg);-o-transform:rotate(219.6deg);transform:rotate(219.6deg)}.c100.p62 .bar{-webkit-transform:rotate(223.2deg);-moz-transform:rotate(223.2deg);-ms-transform:rotate(223.2deg);-o-transform:rotate(223.2deg);transform:rotate(223.2deg)}.c100.p63 .bar{-webkit-transform:rotate(226.8deg);-moz-transform:rotate(226.8deg);-ms-transform:rotate(226.8deg);-o-transform:rotate(226.8deg);transform:rotate(226.8deg)}.c100.p64 .bar{-webkit-transform:rotate(230.4deg);-moz-transform:rotate(230.4deg);-ms-transform:rotate(230.4deg);-o-transform:rotate(230.4deg);transform:rotate(230.4deg)}.c100.p65 .bar{-webkit-transform:rotate(234deg);-moz-transform:rotate(234deg);-ms-transform:rotate(234deg);-o-transform:rotate(234deg);transform:rotate(234deg)}.c100.p66 .bar{-webkit-transform:rotate(237.6deg);-moz-transform:rotate(237.6deg);-ms-transform:rotate(237.6deg);-o-transform:rotate(237.6deg);transform:rotate(237.6deg)}.c100.p67 .bar{-webkit-transform:rotate(241.2deg);-moz-transform:rotate(241.2deg);-ms-transform:rotate(241.2deg);-o-transform:rotate(241.2deg);transform:rotate(241.2deg)}.c100.p68 .bar{-webkit-transform:rotate(244.8deg);-moz-transform:rotate(244.8deg);-ms-transform:rotate(244.8deg);-o-transform:rotate(244.8deg);transform:rotate(244.8deg)}.c100.p69 .bar{-webkit-transform:rotate(248.4deg);-moz-transform:rotate(248.4deg);-ms-transform:rotate(248.4deg);-o-transform:rotate(248.4deg);transform:rotate(248.4deg)}.c100.p70 .bar{-webkit-transform:rotate(252deg);-moz-transform:rotate(252deg);-ms-transform:rotate(252deg);-o-transform:rotate(252deg);transform:rotate(252deg)}.c100.p71 .bar{-webkit-transform:rotate(255.6deg);-moz-transform:rotate(255.6deg);-ms-transform:rotate(255.6deg);-o-transform:rotate(255.6deg);transform:rotate(255.6deg)}.c100.p72 .bar{-webkit-transform:rotate(259.2deg);-moz-transform:rotate(259.2deg);-ms-transform:rotate(259.2deg);-o-transform:rotate(259.2deg);transform:rotate(259.2deg)}.c100.p73 .bar{-webkit-transform:rotate(262.8deg);-moz-transform:rotate(262.8deg);-ms-transform:rotate(262.8deg);-o-transform:rotate(262.8deg);transform:rotate(262.8deg)}.c100.p74 .bar{-webkit-transform:rotate(266.4deg);-moz-transform:rotate(266.4deg);-ms-transform:rotate(266.4deg);-o-transform:rotate(266.4deg);transform:rotate(266.4deg)}.c100.p75 .bar{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.c100.p76 .bar{-webkit-transform:rotate(273.6deg);-moz-transform:rotate(273.6deg);-ms-transform:rotate(273.6deg);-o-transform:rotate(273.6deg);transform:rotate(273.6deg)}.c100.p77 .bar{-webkit-transform:rotate(277.2deg);-moz-transform:rotate(277.2deg);-ms-transform:rotate(277.2deg);-o-transform:rotate(277.2deg);transform:rotate(277.2deg)}.c100.p78 .bar{-webkit-transform:rotate(280.8deg);-moz-transform:rotate(280.8deg);-ms-transform:rotate(280.8deg);-o-transform:rotate(280.8deg);transform:rotate(280.8deg)}.c100.p79 .bar{-webkit-transform:rotate(284.4deg);-moz-transform:rotate(284.4deg);-ms-transform:rotate(284.4deg);-o-transform:rotate(284.4deg);transform:rotate(284.4deg)}.c100.p80 .bar{-webkit-transform:rotate(288deg);-moz-transform:rotate(288deg);-ms-transform:rotate(288deg);-o-transform:rotate(288deg);transform:rotate(288deg)}.c100.p81 .bar{-webkit-transform:rotate(291.6deg);-moz-transform:rotate(291.6deg);-ms-transform:rotate(291.6deg);-o-transform:rotate(291.6deg);transform:rotate(291.6deg)}.c100.p82 .bar{-webkit-transform:rotate(295.2deg);-moz-transform:rotate(295.2deg);-ms-transform:rotate(295.2deg);-o-transform:rotate(295.2deg);transform:rotate(295.2deg)}.c100.p83 .bar{-webkit-transform:rotate(298.8deg);-moz-transform:rotate(298.8deg);-ms-transform:rotate(298.8deg);-o-transform:rotate(298.8deg);transform:rotate(298.8deg)}.c100.p84 .bar{-webkit-transform:rotate(302.4deg);-moz-transform:rotate(302.4deg);-ms-transform:rotate(302.4deg);-o-transform:rotate(302.4deg);transform:rotate(302.4deg)}.c100.p85 .bar{-webkit-transform:rotate(306deg);-moz-transform:rotate(306deg);-ms-transform:rotate(306deg);-o-transform:rotate(306deg);transform:rotate(306deg)}.c100.p86 .bar{-webkit-transform:rotate(309.6deg);-moz-transform:rotate(309.6deg);-ms-transform:rotate(309.6deg);-o-transform:rotate(309.6deg);transform:rotate(309.6deg)}.c100.p87 .bar{-webkit-transform:rotate(313.2deg);-moz-transform:rotate(313.2deg);-ms-transform:rotate(313.2deg);-o-transform:rotate(313.2deg);transform:rotate(313.2deg)}.c100.p88 .bar{-webkit-transform:rotate(316.8deg);-moz-transform:rotate(316.8deg);-ms-transform:rotate(316.8deg);-o-transform:rotate(316.8deg);transform:rotate(316.8deg)}.c100.p89 .bar{-webkit-transform:rotate(320.4deg);-moz-transform:rotate(320.4deg);-ms-transform:rotate(320.4deg);-o-transform:rotate(320.4deg);transform:rotate(320.4deg)}.c100.p90 .bar{-webkit-transform:rotate(324deg);-moz-transform:rotate(324deg);-ms-transform:rotate(324deg);-o-transform:rotate(324deg);transform:rotate(324deg)}.c100.p91 .bar{-webkit-transform:rotate(327.6deg);-moz-transform:rotate(327.6deg);-ms-transform:rotate(327.6deg);-o-transform:rotate(327.6deg);transform:rotate(327.6deg)}.c100.p92 .bar{-webkit-transform:rotate(331.2deg);-moz-transform:rotate(331.2deg);-ms-transform:rotate(331.2deg);-o-transform:rotate(331.2deg);transform:rotate(331.2deg)}.c100.p93 .bar{-webkit-transform:rotate(334.8deg);-moz-transform:rotate(334.8deg);-ms-transform:rotate(334.8deg);-o-transform:rotate(334.8deg);transform:rotate(334.8deg)}.c100.p94 .bar{-webkit-transform:rotate(338.4deg);-moz-transform:rotate(338.4deg);-ms-transform:rotate(338.4deg);-o-transform:rotate(338.4deg);transform:rotate(338.4deg)}.c100.p95 .bar{-webkit-transform:rotate(342deg);-moz-transform:rotate(342deg);-ms-transform:rotate(342deg);-o-transform:rotate(342deg);transform:rotate(342deg)}.c100.p96 .bar{-webkit-transform:rotate(345.6deg);-moz-transform:rotate(345.6deg);-ms-transform:rotate(345.6deg);-o-transform:rotate(345.6deg);transform:rotate(345.6deg)}.c100.p97 .bar{-webkit-transform:rotate(349.2deg);-moz-transform:rotate(349.2deg);-ms-transform:rotate(349.2deg);-o-transform:rotate(349.2deg);transform:rotate(349.2deg)}.c100.p98 .bar{-webkit-transform:rotate(352.8deg);-moz-transform:rotate(352.8deg);-ms-transform:rotate(352.8deg);-o-transform:rotate(352.8deg);transform:rotate(352.8deg)}.c100.p99 .bar{-webkit-transform:rotate(356.4deg);-moz-transform:rotate(356.4deg);-ms-transform:rotate(356.4deg);-o-transform:rotate(356.4deg);transform:rotate(356.4deg)}.c100.p100 .bar{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}.c100:hover{cursor:default}.c100:hover>span{width:3.33em;line-height:3.33em;font-size:.3em;color:#000}.c100:hover:after{top:.04em;left:.04em;width:.92em;height:.92em}.c100.dark{background-color:#777}.c100.dark .bar,.c100.dark .fill{border-color:#c6ff00!important}.c100.dark>span{color:#777}.c100.dark:after{background-color:#666}.c100.dark:hover>span{color:#c6ff00}.c100.green .bar,.c100.green .fill{border-color:#4db53c!important}.c100.green:hover>span{color:#4db53c}.c100.green.dark .bar,.c100.green.dark .fill{border-color:#5fd400!important}.c100.green.dark:hover>span{color:#5fd400}.c100.orange .bar,.c100.orange .fill{border-color:#dd9d22!important}.c100.orange:hover>span{color:#dd9d22}.c100.orange.dark .bar,.c100.orange.dark .fill{border-color:#e08833!important}.c100.orange.dark:hover>span{color:#e08833}