/* ====================================================================================================================== 
    	INFORMATION
=========================================================================================================================

Your design must allow for customisable colours. It is best to decide these colours at the start.
Your design must allow for a background (selected by the user) and it must also fall back to a colour gradient background. 
Your design must allow for a customisable font.

Feel free to use the example(s) below.

Example colour set:
#FFFFFF
#FFFFFF

======================================================================================================================= */

html {
  height: 100%;
  color: #000000;
  font: 400 1em/1.4 Mada, sans-serif;
  text-rendering: optimizeLegibility;
}

body
{
    
    
    background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
  
	background: ;    
	-webkit-background-size:;
	-moz-background-size:;
	-o-background-size:;
	background-size:;   
    
    padding: 0;
    margin: 0;
    -webkit-transition: all 400ms cubic-bezier(0.4, 0, 0, 1);
    transition: all 400ms cubic-bezier(0.4, 0, 0, 1);
}
	
    
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

:root {
  --space: 1.5em;
  --space-lg: 2em;

  --primary: #0B9FF4;
  --primary-light: #5fc7ee;
  --secondary: hsl(16.5,81.1%,54.3%);

  --bg-black: hsl(0, 0%, 13%);
  --bg-dark: hsl(0, 0%, 15%);
  --bg-l-dark: hsl(0, 0%, 20%);
  --bg-xl-dark: hsl(0, 0%, 25%);
  --bg-xxl-dark: hsl(0, 0%, 30%);

  --bg-grey: hsl(0, 0%, 80%);
  --bg-l-grey: hsl(0, 0%, 94%);
  --bg-xl-grey: hsl(0, 0%, 96%);
  --bg-xxl-grey: hsl(0, 0%, 98%);
  --bg-white: hsl(0, 0%, 100%);
}

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

h2,li {
  color: #000000;
}

h1 {
  font-weight: 300;
  font-size: 2em;
  -webkit-font-kerning: normal;
  line-height: 1.4;
    margin-top: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 3px;
}
@media (min-width:768px) {
  h1 {
    font-size: 2.5em;
  }
}


h2 {
  font-size: 1.333em;
  font-weight: 300;
  margin: 0 0 calc(1.5em/1.333);
  text-transform: uppercase;
  letter-spacing: 2px;
}

h3 {
  font-size: 1em;
  font-weight: 300;
  margin: 0 0 1.5em;
  text-transform: uppercase;
  letter-spacing: 2px;
}

label {
  font-size: 0.75em;
  font-weight: 300;
  margin: 0 0 1.5em;
  text-transform: uppercase;
  letter-spacing: 2px;  
}

.dropdown-btn li, .pagination a  {
  font-size: 0.75em;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2px;  
}
.pagination{
    text-align: center;
}

p,
pre,
strong,
.content
 {
  margin: 0 0 1.5em;
  line-height: 28px;
  font-weight: 300;
}


small {
    font-size: 11px;
    font-weight: 200;
}

select, input, textarea, span, table {
    font-weight: 300;
  letter-spacing: 1px;
}

code,
pre {
  font-family: 'Menlo', 'Monaco', monospace;
}

code {
  font-size: .9em;
  font-weight: normal;
  color: #000;
}

pre > code {
  font: inherit;
  color: inherit;
}

a {
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
}


ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  margin-bottom: 0;
}

figure {
  margin: 0;
}

strong {
  font-weight: 600;
}

main {
    display: block;
}
@media(min-width: 992px){
    main {
        margin-top: 98px;
    }
}


.featured-blog {
  padding: 1em 1em;
}

.featured-blog h2{
  margin-bottom: 0;
}

.featured-blog__item {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2em;
  padding-top: 2em;
}

.featured-blog__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.featured-blog__img{
  width: 56px;
  height: 56px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.featured-blog__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  font-size: 0.75em;
  margin-bottom: 2em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.featured-blog__link {
  text-transform: inherit;
  margin-right: 1em;
  display: block;
}

.featured-blog__details{
  width: 100%;
  padding-left: 1.5em;
}

.featured-blog__title {
  margin-bottom: .5em;
  font-size: 1.5em;
}
.featured-blog__meta > * {
      margin-right: 1em;
      margin-bottom: 1em;
}

.featured-blog__date{
    display: block;
}

.comments {
    font-weight: 300;
}


@media(min-width: 768px){

  .featured-blog{
    padding: 2em 2em 4em 2em;
  }

  .featured-blog__img{
    width: 100px;
    height: 100px;
  }
}

.featured {
  padding: 1em;
  padding-bottom: 2em;
}

.results {
  padding: 1em;
}

.related {
  padding: 1em;
}

@media(min-width: 768px){
    .featured {
      padding: 0.5em 2em 2.5em 2em;
    }
    
    .results {
      padding: 4em 2em 4em 2em
    }
    
    .related {
      padding: 6em 2em 6em 2em;
    }
}

.results {
    border-bottom: 1px solid #e9e9e9;
}

.results h1 {
    font-size: 1.333em;
}

h1.is-hidden--desktop{
    margin-bottom: 0;
}

.featured__item {
  height: 100%;
}

.featured__img {
  position: relative;
    display: block;
    width: 100%;
}

.featured__img:after {
    content: "";
    display: block;
    padding-top: 100%;
}

.featured__details {
  padding: 1em;
  display: inline-block;
    position: absolute;
    z-index: 1;
    top: 0;
}

.featured__title {
  font-size: 1em;
  font-weight: 300;
  margin-bottom: 0.5em;
background:white;
padding: 0.5em;
}

@media(min-width: 992px){

  .featured__details {
    padding: 2em;
  }

  .featured__title {
    font-size: 1.5em;
  }
}

.results {
      
}

footer {
    color: #DDDDDD;
}
footer a {
    color: #DDDDDD;
}

footer a:hover{
    color: #DDDDDD;
}

.footer h3 {
  margin-bottom: 1em;
}

.footer .grid > .grid__cell {
  margin-bottom: 4em;
}

.no-margin {
    margin: 0!important;
}

.footer__top {
  background: #EEEEEE;
  padding: 6em 1em;
}

.footer__bottom {
  background:#222222;
  padding: 6em 1em;
}


@media (min-width: 768px){
  .footer__top {
    padding: 6em 4em;
  }

  .footer__bottom {
    padding: 6em 4em;
  }
}

#header {
  position: relative;
  z-index: 40;
}

.header__top {
  padding: 1em 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 0;
  border-bottom: 1px solid #e9e9e9;
  height: 83px;
  background: #FFFFFF;
}

@media (min-width: 992px){
  .header__top {
      padding: 1em 1.5em;
    }
}

.header__bottom {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  height: 98px;
}

@media (min-width: 992px){
  .header__bottom {
       -webkit-transform: translateY(100%);
               transform: translateY(100%);
    }
}

.hero::after{
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

/*.hero {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.slider-wrapper img {
    position: relative;
  display: block;
  width: 100%;
    height: calc(100vh - 217px);
  -o-object-fit: cover;
     object-fit: cover;
}*/

.flex-direction-nav a {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    text-shadow: none!important;
}

.flex-direction-nav a{
    color: #0B9FF4;
}

a.flex-next:before {
    content: "\f105"!important;
    font-family: FontAwesome!important;
    font-size: 40px;
    display: inline-block;
    margin-top: 25px;
}

a.flex-prev:before {
    content: "\f104"!important;
    font-family: FontAwesome!important;
    font-size: 40px;
    display: inline-block;
    margin-top: 25px;
}

.hero__message {
  position: absolute;
  bottom: 20px;
  z-index: 10;
}

.menu {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
  z-index: 1;
  border-bottom: 1px solid #e9e9e9;
  background: #FFFFFF;
}

.menu form {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}

@media (min-width: 992px){
    
    .menu form {
        margin-left: 3em;
    }
}

.menu--hidden {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
}

.menu--open {
  opacity: 1;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
}

@media (max-width: 992px){
    
    .menu--open {
        -webkit-transform: translateY(98px);
                transform: translateY(98px);
    }

}

.menu li {
  padding-top: 1.5em;
}

.submenu {
    background: #FFFFFF;
  font-weight: 400;
}

@media (max-width: 992px){
    .submenu {
      margin-left: 1em;
    }
}

@media (min-width: 992px){
  .nav--toggle-container.is-hidden--desktop {
    display: none;
  }

  .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding: 1.5em;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    
  }

  .menu li {
    padding: 0;
  }

  .space {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

}

.popular {
  padding: 1em;
}

.popular__details {
  padding: 1em;
    padding: 1em;
    display: inline-block;
}

.popular__title {
  font-size: 1em;
  font-weight: 300;
  margin-bottom: 0.5em;
    background:white;
    padding: 0.75em;
}

.popular__item {
  height: 100%;
}

.popular__img {
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%!important;
  border:1px solid #efefef;
  border-radius: 2px;
}

.popular__img:after {
    content: "";
    display: block;
    padding-top: 50%;
}

@media(min-width: 768px){

  .popular {
    padding: 2em 2em 6em;
  }
}


.btn {
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  display: inline-block;
  padding: 0.6em 1em;
  background: hsla(31, 15%, 50%, 0.15);
  color: inherit;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  font-size: 0.8125em;
  font-weight: 300;
  line-height: normal;
  text-decoration: none;
  white-space: nowrap;
  text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
}
.btn:focus {
  outline: thin dotted #666;
  text-decoration:none;
}
.btn:active,
.btn:focus,
.btn:hover {
  border: 0;
  background: hsla(31, 15%, 50%, 0.25);
  text-decoration:none;
}

.btn--action {
  background-color: #0B9FF4;
  color: #fff;
}
.btn--action:active,
.btn--action:focus,
.btn--action:hover {
  background-color: var(--primary-light);
}

.btn--wide {
  padding: 1em 2em;
}

.btn.is-large {
  padding: 2em 3em;
}

.btn.is-fullwidth{
  width: 100%;
}

.btn.is-primary {
    background: #0B9FF4;
    color: white;
}

.btn.is-danger {
    background: crimson;
    color: white;
}


.navbar-burger {
  cursor: pointer;
  display: block;
  position: relative;
  width: 15px;
  height: 15px;
}

.navbar-burger span {
  background-color: #4a4a4a;
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0, 1);
  width: 15px;
}

.navbar-burger span:nth-child(1) {
  margin-top: -6px;
}

.navbar-burger span:nth-child(2) {
  margin-top: -1px;
}

.navbar-burger span:nth-child(3) {
  margin-top: 4px;
}

.navbar-burger:hover {
  /*background-color: whitesmoke;*/
}

.navbar-burger.is-active span {
  background-color: #0B9FF4;
}

.navbar-burger.is-active span:nth-child(1) {
  margin-left: 2px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.navbar-burger.is-active span:nth-child(2) {
  opacity: 0;
}

.navbar-burger.is-active span:nth-child(3) {
  margin-left: 2px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}


.shopping-cart {
  position: relative; 
}

.copy {
    font-size: 12px;
    color: #DDDDDD;
}

.cart{
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}

.cart__count {
position: absolute;
    font-family: 'nato';
    left: 8px;
    top: -15px;
    background: #0B9FF4;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-weight: 900;
    text-align: center;
    color: white;
    font-size: 12px;
    padding-top: 6.4px;
    border: 2px solid white;
}
@media (min-width: 768px){
  .cart {
    margin-left: 2em;
  }
}


@media (min-width: 992px){
    .categories {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-left: -1em;
    }
    
    .categories > li {
        margin-left: 1em;
    }
    
}

.field:not(:last-child) {
    margin-bottom: 0.75rem;
}

.field, .control {
    width: 100%;
}

.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}

.select:not(.is-multiple) {
  height: 2.25em;
}

.select:not(.is-multiple)::after {
  border: 1px solid #0B9FF4;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.5em;
  pointer-events: none;
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 0.5em;
  margin-top: -0.375em;
  right: 1.125em;
  top: 50%;
  z-index: 4;
}

.select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top;
  background-color: white;
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  outline: none;
}

.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
  outline: none;
}

.select select[disabled] {
  cursor: not-allowed;
}

.select select:hover, .select select.is-hovered {
  border-color: #0B9FF4;
}

.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
  border-color: #0B9FF4;
}

.select select[disabled] {
  background-color: whitesmoke;
  border-color: whitesmoke;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #7a7a7a;
}

.select select[disabled]::-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.select select[disabled]::-webkit-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.select select[disabled]:-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.select select[disabled]:-ms-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.select select:hover {
  border-color: #c1c1c1;
}

.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
  border-color: #0B9FF4;
}

.select select::-ms-expand {
  display: none;
}

.select select[disabled]:hover {
  border-color: whitesmoke;
}

.select select:not([multiple]) {
  padding-right: 2.5em;
}

.select select[multiple] {
  height: unset;
  padding: 0;
}

.select select[multiple] option {
  padding: 0.5em 1em;
}

.select:hover::after {
  border-color: #c1c1c1;
}

.select--fancy {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #e9e9e9;
}

.select.is-dark {
  border-color: #4e4e4e;
  background: #222222;
  color: #DDDDDD;
}

.select.is-white select {
  border-color: white;
}

.select.is-black select {
  border-color: #0a0a0a;
}

.select.is-light select {
  border-color: whitesmoke;
}

.select.is-dark select {
  border-color: #c1c1c1;
}

.select.is-primary select {
  border-color: #00d1b2;
}

.select.is-info select {
  border-color: #3273dc;
}

.select.is-success select {
  border-color: #23d160;
}

.select.is-warning select {
  border-color: #ffdd57;
}

.select.is-danger select {
  border-color: #ff3860;
}

.select.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}

.select.is-medium {
  font-size: 1.25rem;
}

.select.is-large {
  font-size: 1.5rem;
}

.select.is-disabled::after {
  border-color: #7a7a7a;
}

.select.is-fullwidth {
  width: 100%;
}

.select.is-fullwidth select {
  width: 100%;
}

.select.is-loading::after {
  -webkit-animation: spinAround 500ms infinite linear;
          animation: spinAround 500ms infinite linear;
  border: 2px solid #dbdbdb;
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
  margin-top: 0;
  position: absolute;
  right: 0.625em;
  top: 0.625em;
  -webkit-transform: none;
          transform: none;
}

.select.is-loading.is-small:after {
  font-size: 0.75rem;
}

.select.is-loading.is-medium:after {
  font-size: 1.25rem;
}

.select.is-loading.is-large:after {
  font-size: 1.5rem;
}

.control {
    font-size: 1em;
    position: relative;
    text-align: left;
}

.control.is-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.control.has-icons-left .input, .control.has-icons-left .select select {
    padding-left: 2.25em;
}

.control.has-icons-left .icon.is-left {
    left: 0;
}

.control.has-icons-left .icon, .control.has-icons-right .icon {
    color: #dbdbdb;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.25em;
    z-index: 4;
}

.input,
.textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top;
  background-color: white;
  border-color: #e1e1e1;
  max-width: 100%;
  width: 100%;
}

.input:focus, .input.is-focused, .input:active, .input.is-active,
.textarea:focus,
.textarea.is-focused,
.textarea:active,
.textarea.is-active {
  outline: none;
}

.input[disabled],
.textarea[disabled] {
  cursor: not-allowed;
}

.input:hover, .input.is-hovered,
.textarea:hover,
.textarea.is-hovered {
  border-color: #c1c1c1;
}

.input:focus, .input.is-focused, .input:active, .input.is-active,
.textarea:focus,
.textarea.is-focused,
.textarea:active,
.textarea.is-active {
  border-color: #0B9FF4;
}

.input[disabled],
.textarea[disabled] {
  background-color: whitesmoke;
  border-color: whitesmoke;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #7a7a7a;
}

.input[disabled]::-moz-placeholder,
.textarea[disabled]::-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.input[disabled]::-webkit-input-placeholder,
.textarea[disabled]::-webkit-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.input[disabled]:-moz-placeholder,
.textarea[disabled]:-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.input[disabled]:-ms-input-placeholder,
.textarea[disabled]:-ms-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.input[type="search"],
.textarea[type="search"] {
  border-radius: 290486px;
}

.input--fancy {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #e9e9e9;
}

.input.bg-is-dark,
.textarea.bg-is-dark {
  background-color: #222222;
 border-color: #4e4e4e;
 color: #DDDDDD;
}

.input.bg-is-dark:hover, .input.bg-is-dark.is-hovered {
  border-color: #c1c1c1;
}

.input.bg-is-dark:focus, .input.bg-is-dark.is-focused, .input.bg-is-dark:active, .input.bg-is-dark.is-active {
  border-color: #0B9FF4;
}


.input.is-white,
.textarea.is-white {
  border-color: white;
}

.input.is-black,
.textarea.is-black {
  border-color: #0a0a0a;
}

.input.is-light,
.textarea.is-light {
  border-color: whitesmoke;
}

.input.is-dark,
.textarea.is-dark {
  border-color: #c1c1c1;
}

.input.is-primary,
.textarea.is-primary {
  border-color: #00d1b2;
}

.input.is-info,
.textarea.is-info {
  border-color: #3273dc;
}

.input.is-success,
.textarea.is-success {
  border-color: #23d160;
}

.input.is-warning,
.textarea.is-warning {
  border-color: #ffdd57;
}

.input.is-danger,
.textarea.is-danger {
  border-color: #ff3860;
}

.input.is-small,
.textarea.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}

.input.is-medium,
.textarea.is-medium {
  font-size: 1.25rem;
}

.input.is-large,
.textarea.is-large {
  font-size: 1.5rem;
}

.input.is-fullwidth,
.textarea.is-fullwidth {
  display: block;
  width: 100%;
}

.input.is-inline,
.textarea.is-inline {
  display: inline;
  width: auto;
}

.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
}

.grid--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.fit {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.grid__cell {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.grid--whitesmoke {
    background: whitesmoke;
}

.grid--flexcells > .grid__cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.grid--top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.grid--bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.grid--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.grid--justifycenter {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.grid__cell--top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.grid__cell--bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.grid__cell--center {
  -ms-flex-item-align: center;
      align-self: center;
}

.grid__cell--autosize {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--fit > .grid__cell {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.grid--full > .grid__cell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

.grid--1of2 > .grid__cell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

.grid--1of3 > .grid__cell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.3333%;
}

.grid--1of4 > .grid__cell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}

/* phone */
@media (min-width: 544px) {
  .small-grid--fit > .grid__cell {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .small-grid--full > .grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .small-grid--1of2 > .grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .small-grid--1of3 > .grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333%;
  }
  .small-grid--1of4 > .grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
}

/* tablet */
@media (min-width: 768px) {
  .med-grid--fit > .grid__cell {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .med-grid--full > .grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .med-grid--1of2 > .grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .med-grid--1of3 > .grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333%;
  }
  .med-grid--1of4 > .grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
}

/* desktop */
@media (min-width: 992px) {
  .large-grid--fit > .grid__cell {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .large-grid--full > .grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .large-grid--1of2 > .grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .large-grid--1of3 > .grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333%;
  }
  .large-grid--1of4 > .grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
}

/* large desktop */
@media (min-width: 1200px) {
  .xl-grid--fit > .grid__cell {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .xl-grid--full > .grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .xl-grid--1of2 > .grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .xl-grid--1of3 > .grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333%;
  }
  .xl-grid--1of4 > .grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
}

.grid--gutters {
  margin: -1em 0 0 -1em;
}
.grid--gutters > .grid__cell {
  padding: 1em 0 0 1em;
}

.grid--gutterslg {
  margin: -1.5em 0 0 -1.5em;
}
.grid--gutterslg > .grid__cell {
  padding: 1.5em 0 0 1.5em;
}

.grid--guttersxl {
  margin: -2em 0 0 -2em;
}
.grid--guttersxl > .grid__cell {
  padding: 2em 0 0 2em;
}

@media (min-width: 384px) {
  .small-grid--gutters {
    margin: -1em 0 1em -1em;
  }
  .small-grid--gutters > .grid__cell {
    padding: 1em 0 0 1em;
  }
  .small-grid--gutterslg {
    margin: -1.5em 0 1.5em -1.5em;
  }
  .small-grid--gutterslg > .grid__cell {
    padding: 1.5em 0 0 1.5em;
  }
  .small-grid--guttersxl {
    margin: -2em 0 2em -2em;
  }
  .small-grid--guttersxl > .grid__cell {
    padding: 2em 0 0 2em;
  }
}

@media (min-width: 576px) {
  .med-grid--gutters {
    margin: -1em 0 1em -1em;
  }
  .med-grid--gutters > .grid__cell {
    padding: 1em 0 0 1em;
  }
  .med-grid--gutterslg {
    margin: -1.5em 0 1.5em -1.5em;
  }
  .med-grid--gutterslg > .grid__cell {
    padding: 1.5em 0 0 1.5em;
  }
  .med-grid--guttersxl {
    margin: -2em 0 2em -2em;
  }
  .med-grid--guttersxl > .grid__cell {
    padding: 2em 0 0 2em;
  }
}

@media (min-width:768px) {
  .large-grid--gutters {
    margin: -1em 0 1em -1em;
  }
  .large-grid--gutters > .grid__cell {
    padding: 1em 0 0 1em;
  }
  .large-grid--gutterslg {
    margin: -1.5em 0 1.5em -1.5em;
  }
  .large-grid--gutterslg > .grid__cell {
    padding: 1.5em 0 0 1.5em;
  }
  .large-grid--guttersxl {
    margin: -2em 0 0 -2em;
  }
  .large-grid--guttersxl > .grid__cell {
    padding: 2em 0 0 2em;
  }
}

.gutter {
  margin: -1em 0 0 -1em;
}
.gutter > * {
  margin: .5em 0 0 1em;
  display: inline-block;
}
.gutter > * > * {
    margin-bottom: .5em;
}

.gutter-lg {
  margin: -1.5em 0 0 -1.5em;
}
.gutter-lg > * {
  margin: 1.5em 0 0 1.5em;
}

.gutter-xl {
  margin: -2em 0 0 -2em;
}
.gutter-xl > * {
  margin: 2em 0 0 2em;
}



.hidden {
    display: none;
}

@media (min-height: 768px){
  .hidden--large {
    display: none;
  }
}

.fa-search {
  color: var(--bg-black);
}

.fa-plus {
  color: var(--bg-black);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
}

.fa-bars {
  color: var(--bg-black);
}

.fa-fire-extinguisher {
    color: var(--bg-black);
}

.arrow {
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    width: 0;
    height: 0;
    margin-left: 0.25em;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #ccc;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
}


.rotate-45 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
}


@media (min-width: 768px){
  .login {
    margin-left: 2em;
    margin-top: 5px;
  }
}


@media (min-width: 992px){
  .logo {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-right: 2em;
  }
}

@media (min-width: 992px){
  .quick-links-container {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-left: -1em;
  }

  .quick-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 2em;
    margin-right: 1em;
    border-right: 1px solid #e9e9e9;
  }
}

.search-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.search__input {
    width: 100%;
}

.search__input.is-active {
    opacity:1;
    -webkit-transition: all 0.75s cubic-bezier(0.4, 0, 0, 1);
    transition: all 0.75s cubic-bezier(0.4, 0, 0, 1);
}

.search__input.is-hidden{
    opacity:0;
    width: 0;
    -webkit-transition: all 0.75s cubic-bezier(0.4, 0, 0, 1);
    transition: all 0.75s cubic-bezier(0.4, 0, 0, 1);
}

.search__icon.is-light {
    
}

.search__icon.is-dark {
    color: #000;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
}

.search__icon {
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
}


.search__input:after{
  padding-bottom: 100px!important;
}

@media (min-width: 992px){
  .search-container {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

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

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

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

@media (min-width: 992px){
  .text-left--desktop {
    text-align: left;
  }

  .text-right--desktop {
    text-align: right;
  }

  .text-center--desktop {
    text-align: center;
  }
  
  .js-fixed {
        position: fixed;
        top:0; left:0;
        width: 100%; 
        -webkit-transform: inherit; 
                transform: inherit;
    }
    
    .logo {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    .logo.is-hidden {
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
      transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
      opacity: 0;
    }
    
    .logo.is-active {
      opacity: 1;
      -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
      transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
    }
    
    .cart {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    .cart.is-hidden {
        -webkit-transform: translateX(50%);
                transform: translateX(50%);
        -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
        transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
        opacity: 0;
    }
    
    .cart.is-active {
      opacity: 1;
      -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
      transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
    }
    
    .js-banner-fit{
        margin-top: 36px;
    }
}

.category--toggle {
    cursor: pointer;
}

.category--header-container {   
    margin-top: 2em;
}

.category--header {
    content: "";
    display: block;
    padding-top: 50%;
}

.logo img{
    width: 75px;
    height: 50px;
}

.generic-content-container, .footer-banner-container{
    padding: 1em;
    border-bottom: 1px solid #e9e9e9;
    padding: 2em 1.5em;
    max-width: 640px;
    margin: 0 auto 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-weight: 300;
    line-height: 28px;
}

.category--description{
    padding: 1em;
    border-bottom: 1px solid #e9e9e9;
    padding: 2em 1.5em;
    max-width: 640px;
    margin: 0 auto 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-weight: 300;
    line-height: 28px;
}

.footer-banner-container{
    padding: 2em;
}

@media (min-width: 992px){
    .generic-content-container, .category--description{
        padding: 6em 2em;
    }
    .footer-banner-container{
        padding: 6em 2em;
    }
}


/* tablet down */
@media (max-width: 992px){
    .categories-container {
        padding-bottom: 1.5em;
    }
    
    .login {
        margin-left: 0;
        padding-top: 1em;
    }
}

/*details layout */

/* swiper */
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.swiper-slide {
    display: block;
}

.product {
    border-bottom: 1px solid #e9e9e9;
}


.product__details {
    margin-bottom: 2em;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 1em;
}

.product__info {
    padding: 1.5em;
    margin-bottom: 2em;
    padding-bottom: 2em;
}

@media (min-width: 768px) {
  .product{
    padding: 2em;
  }
  
.product__info{
    padding: 0 2em 2em 2em;
  }
}

.product__img {
  width: 100%;
  height: 100%;
}

.product__img:before, .product__img:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.breadcrumb {
  margin-left: -0.75em;
}

.header__details {
  margin-bottom: 1em;
  border-bottom: 1px solid #e9e9e9;
}

.product__options {
  margin-bottom: 2em;
}

.quantity {
  margin-bottom: 1.5em;
}

.details {
  display: none;
}

.bulk-rules {
  display: none;
}

.description > *, .bulk-rules > *, .details > * {
  margin: 1em 0;
}

.reviews-container {
    margin-bottom: 2em;
}

.share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.share span {
    text-transform: uppercase;
    font-size: 0.75em;
}

.reviews__header {
  margin-bottom: 2em;
}

/* media utilities */

.u-full {
width: 100% !important;
-webkit-box-flex: 0 !important;
    -ms-flex: none !important;
        flex: none !important;
}


/* =============== 
        STOCK-NOTIFY
================== */

.stock_notify {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
    max-width: 600px;
    width: 90%;
    margin: 20px auto;
}

.stock_notify img {
    display: none;
}

.stock_notify center{
    text-align: left;
    margin-bottom: 20px;
}

.stock_notify h3 {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
}

.stock_notify header {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 300;
    display: none;
}

.stock_notify label {
    font-weight: 600;
    display: block;
}


.stock_notify input,
.stock_notify textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top;
  background-color: white;
  border-color: #e1e1e1;
 
  max-width: 100%;
  width: 100%;
}

.stock_notify input:focus, .stock_notify input.is-focused, .stock_notify input:active, .stock_notify input.is-active,
.stock_notify textarea:focus,
.stock_notify textarea.is-focused,
.stock_notify textarea:active,
.stock_notify textarea.is-active {
  outline: none;
}

.stock_notify input[disabled],
.stock_notify textarea[disabled] {
  cursor: not-allowed;
}

.stock_notify input:hover, .stock_notify input.is-hovered,
.stock_notify textarea:hover,
.stock_notify textarea.is-hovered {
  border-color: #c1c1c1;
}

.stock_notify input:focus, .stock_notify input.is-focused, .stock_notify input:active, .stock_notify input.is-active,
.stock_notify textarea:focus,
.stock_notify textarea.is-focused,
.stock_notify textarea:active,
.stock_notify textarea.is-active {
  border-color: #0B9FF4;
}

.stock_notify textarea {
    min-height: 250px;
}

.stock_notify label {
    padding-top: 2em;
}

.stock_notify span {
    color: crimson;
    padding-top: 1em;
}

.stock_notify > center > *:not(:first-child) {
    display: none;
}


.stock_notify_cancel, .stock_notify_submit {
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  display: inline-block;
  padding: 0.6em 1em;
  background: hsla(31, 15%, 50%, 0.15);
  color: inherit;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
  text-decoration: none;
  white-space: nowrap;
  text-transform: uppercase;
}

 .stock_notify_submit {
   background-color: #0B9FF4;
  color: #fff;
  
 }
 
.stock_notify_cancel {
   background-color: crimson;
  color: #fff;
    margin-bottom: 20px;
    margin-top: 2em;
}


.add-to-cart button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  text-align: center;
  border-radius: 2px;
  margin-top: 20px;
  outline: none;
  font-size: 12px;
  background: none;
  border: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 30px 0;
  background: #[Primary];
  width: 100%;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}

.button-price {
    border-right: 1px solid #e9e9e9;
}

.share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px  !important;
}

.share h6 {
    margin: 0;
    font-weight: 500;
}
.share ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 30px !important;
}
.share a {
  margin-left: 30px;
}

.product-tabs-container {
  margin-top: 30px;
}

.product-tabs-container h1 {
    margin: 50px 0 20px 0;
    font-weight: 300;
}
.product-name {
  letter-spacing: 4px;
}

.product-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #333;
}

.product-details > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.tab-toggle {
  width: 100%;
  cursor: pointer;
}

.tab-message {
  display: none;
  padding: 20px 0;
  line-height: 1.5;
  word-spacing: 3px;
  letter-spacing: 0.1px;
}

#product-details-description {
    display: block;
}

.tab-toggle-header {
  border-bottom: 1px solid #e9e9e9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}


.u-1of2 {
width: 50% !important;
-webkit-box-flex: 0 !important;
    -ms-flex: none !important;
        flex: none !important;
}
.u-1of3 {
width: 33.3333% !important;
-webkit-box-flex: 0 !important;
    -ms-flex: none !important;
        flex: none !important;
}
.u-2of3 {
width: 66.6667% !important;
-webkit-box-flex: 0 !important;
    -ms-flex: none !important;
        flex: none !important;
}
.u-1of4 {
width: 25% !important;
-webkit-box-flex: 0 !important;
    -ms-flex: none !important;
        flex: none !important;
}
.u-3of4 {
width: 75% !important;
-webkit-box-flex: 0 !important;
    -ms-flex: none !important;
        flex: none !important;
}
  
@media (min-width: 1200px) {
  .u-xl-full {
    width: 100% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important;
  }
  .u-xl-1of2 {
    width: 50% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important;
  }
  .u-xl-1of3 {
    width: 33.3333% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important;
  }
  .u-xl-2of3 {
    width: 66.6667% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important;
  }
  .u-xl-1of4 {
    width: 25% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important;
  }
  .u-xl-3of4 {
    width: 75% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important;
  }
}

/* breadcrumb */
.breadcrumb {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}

.breadcrumb:not(:last-child) {
  margin-bottom: 1.5em;
}

.breadcrumb a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5em 0.75em;
}

.breadcrumb a:hover {
 
  text-decoration: none !important;
}

.breadcrumb li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.breadcrumb li.is-active a {
 
  cursor: default;
  pointer-events: none;
}

.breadcrumb li + li::before {
  color: #4a4a4a;
  content: "\0002f";
}

.breadcrumb ul, .breadcrumb ol {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.breadcrumb .icon:first-child {
  margin-right: 0.5em;
}

.breadcrumb .icon:last-child {
  margin-left: 0.5em;
}

.breadcrumb.is-centered ol, .breadcrumb.is-centered ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.breadcrumb.is-right ol, .breadcrumb.is-right ul {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.breadcrumb.is-small {
  font-size: 0.75rem;
}

.breadcrumb.is-medium {
  font-size: 1.25rem;
}

.breadcrumb.is-large {
  font-size: 1.5rem;
}

.breadcrumb.has-arrow-separator li + li::before {
  content: "\02192";
}

.breadcrumb.has-bullet-separator li + li::before {
  content: "\02022";
}

.breadcrumb.has-dot-separator li + li::before {
  content: "\000b7";
}

.breadcrumb.has-succeeds-separator li + li::before {
  content: "\0227B";
}

/* tabs */
.tabs {
  -webkit-overflow-scrolling: touch;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}

.tabs:not(:last-child) {
  margin-bottom: 1.5rem;
}

.tabs a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom-color: #dbdbdb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: -1px;
  padding: 0.5em 1em;
  vertical-align: top;
}

.tabs a:hover {
  border-bottom-color: #c1c1c1;
 
}

.tabs li {
  display: block;
  cursor: pointer;
}

.tabs li.is-active a {
  border-bottom-color: #0B9FF4;
  color: #0B9FF4;
}

.tabs ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom-color: #dbdbdb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.tabs ul.is-left {
  padding-right: 0.75em;
}

.tabs ul.is-center {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.tabs ul.is-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-left: 0.75em;
}

.tabs .icon:first-child {
  margin-right: 0.5em;
}

.tabs .icon:last-child {
  margin-left: 0.5em;
}

.tabs.is-centered ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tabs.is-right ul {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.tabs.is-boxed a {
  border: 1px solid transparent;
  border-radius: 3px 3px 0 0;
}

.tabs.is-boxed a:hover {
  background-color: whitesmoke;
  border-bottom-color: #dbdbdb;
}

.tabs.is-boxed li.is-active a {
  background-color: white;
  border-color: #e1e1e1;
  border-bottom-color: transparent !important;
}

.tabs.is-fullwidth li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.tabs.is-toggle a {
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0;
  position: relative;
}

.tabs.is-toggle a:hover {
  background-color: whitesmoke;
  border-color: #c1c1c1;
  z-index: 2;
}

.tabs.is-toggle li + li {
  margin-left: -1px;
}

.tabs.is-toggle li:first-child a {
  border-radius: 3px 0 0 3px;
}

.tabs.is-toggle li:last-child a {
  border-radius: 0 3px 3px 0;
}

.tabs.is-toggle li.is-active a {
  background-color: #00d1b2;
  border-color: #00d1b2;
  color: #fff;
  z-index: 1;
}

.tabs.is-toggle ul {
  border-bottom: none;
}

.tabs.is-small {
  font-size: 0.75rem;
}

.tabs.is-medium {
  font-size: 1.25rem;
}

.tabs.is-large {
  font-size: 1.5rem;
}

/* card */
.card {
  background-color: white;
  -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
          box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  max-width: 100%;
  position: relative;
}

.card-header {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
          box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card-header-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-weight: 700;
  padding: 0.75rem;
}

.card .title, .card .subtitle {
    font-size: 12px;
    font-weight: 200;
}

.card p {
    line-height: inherit;
}

.card-header-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.75rem;
}

.card-image {
  display: block;
  position: relative;
}

.card-content {
  padding: 1.5rem;
}

.card-footer {
  border-top: 1px solid #dbdbdb;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card-footer-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.75rem;
}

.card-footer-item:not(:last-child) {
  border-right: 1px solid #dbdbdb;
}

.card .media:not(:last-child) {
  margin-bottom: 0.75rem;
}

.media-content p {
    margin-bottom: 0;
}

/* image */
.image {
  display: block;
  position: relative;
}

.image img {
  display: block;
  height: auto;
  width: 100%;
}

.image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.image.is-square, .image.is-1by1 {
  padding-top: 100%;
}

.image.is-4by3 {
  padding-top: 75%;
}

.image.is-3by2 {
  padding-top: 66.6666%;
}

.image.is-16by9 {
  padding-top: 56.25%;
}

.image.is-2by1 {
  padding-top: 50%;
}

.image.is-16x16 {
  height: 16px;
  width: 16px;
}

.image.is-24x24 {
  height: 24px;
  width: 24px;
}

.image.is-32x32 {
  height: 32px;
  width: 32px;
}

.image.is-48x48 {
  height: 48px;
  width: 48px;
}

.image.is-64x64 {
  height: 64px;
  width: 64px;
}

.image.is-96x96 {
  height: 96px;
  width: 96px;
}

.image.is-128x128 {
  height: 128px;
  width: 128px;
}

/* bulma media */
.media {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}

.media .content:not(:last-child) {
  margin-bottom: 0.75rem;
}

.media .media {
  border-top: 1px solid rgba(219, 219, 219, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.75rem;
}

.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
  margin-bottom: 0.5rem;
}

.media .media .media {
  padding-top: 0.5rem;
}

.media .media .media + .media {
  margin-top: 0.5rem;
}

.media + .media {
  border-top: 1px solid rgba(219, 219, 219, 0.5);
  margin-top: 1rem;
  padding-top: 1rem;
}

.media.is-large + .media {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}

.media-left,
.media-right {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.media-left {
  margin-right: 1rem;
}

.media-right {
  margin-left: 1rem;
}

.media-content {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  text-align: left;
}

/* label */

.label{
    display: block;
  margin-bottom: 0.5em;
}


/* table */
.table {
  background-color: white;
 
  margin-bottom: 1.5rem;
}

.table td,
.table th {
  border: 1px solid #dbdbdb;
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
  width: 50%;
}

.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}

.table th {
 
  text-align: left;
}

.table tr:hover {
  background-color: #fafafa;
}

.table tr.is-selected {
  background-color: #00d1b2;
  color: #fff;
}

.table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor;
}

.table tr.is-selected td,
.table tr.is-selected th {
  border-color: #fff;
  color: currentColor;
}

.table thead td,
.table thead th {
  border-width: 0 0 2px;
 
}

.table tfoot td,
.table tfoot th {
  border-width: 2px 0 0;
 
}

.table t§ tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}

.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px;
}

.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}

.table.is-fullwidth {
  width: 100%;
}

.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}

.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: #fafafa;
}

.table.is-striped tbody tr:not(.is-selected):nth-child(even):hover {
  background-color: whitesmoke;
}


@media (max-width: 992px){
    .is-hidden--mobile {
        display: none!important;
    }
}

@media (min-width: 992px){
    .is-hidden--desktop {
        display: none!important;
    }
    
    .menu__controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
                flex: 1 0 0%;
    }
    
    .logo {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
                flex: 1 0 0%;
    }
    
    .quick-links > li, .categories > li {
        margin-left: 2em;
    }

}

.quick-links li, .categories li {
    font-weight: 300;
}

.swiper-pagination-bullet {
    width: 11px!important;
    height: 11px!important;
}

.swiper-pagination-bullet-active {
    background:var(--primary)!important;
}

@media (min-width: 992px){
    .main-image {
        outline: none;
    }
    .thumbnail-link {
        outline: none;
    }
    .fancybox__thumbnail {
        width: 100px;
        height: auto;
        margin-right: 1em;
        margin-top: 1em;
        height: 75px;
    }
    .fancybox__thumbnail:before{
        display: block;
        content: "";
        padding-bottom: 100%;
    }

}

.rating-container {
    width: 80px;
}


.breadcrumb li {
    cursor: pointer;
}

.breadcrumb li:last-child {
    cursor: text;
}

.price_breakdown {
    margin: 0 0 1em;
    font-weight: 300;
    letter-spacing: 2px;
    font-size: 18px;
}

.details label {
    font-weight: 600;
}

.details {
    font-size: 1em;
}

.details > .grid > .grid__cell {
    margin-bottom: 0.5em;
}

@media (max-width: 992px){
    
    .oos-btn {
        font-size: 0.75em;
    }

}

.pagination {
  font-size: 1rem;
  margin: -0.25rem;
}

.pagination.is-small {
  font-size: 0.75rem;
}

.pagination.is-medium {
  font-size: 1.25rem;
}

.pagination.is-large {
  font-size: 1.5rem;
}

.pagination,
.pagination-list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0.25rem;
  text-align: center;
}

.pagination-previous:focus, .pagination-previous.is-focused, .pagination-previous:active, .pagination-previous.is-active,
.pagination-next:focus,
.pagination-next.is-focused,
.pagination-next:active,
.pagination-next.is-active,
.pagination-link:focus,
.pagination-link.is-focused,
.pagination-link:active,
.pagination-link.is-active,
.pagination-ellipsis:focus,
.pagination-ellipsis.is-focused,
.pagination-ellipsis:active,
.pagination-ellipsis.is-active {
  outline: none;
}

.pagination-previous[disabled],
.pagination-next[disabled],
.pagination-link[disabled],
.pagination-ellipsis[disabled] {
  cursor: not-allowed;
}

.pagination-previous,
.pagination-next,
.pagination-link {
  border-color: #e1e1e1;
  min-width: 2.25em;
}

.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
  border-color: #c1c1c1;
 
}

.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
  border-color: #0B9FF4;
}

.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
          box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
}

.pagination-previous[disabled],
.pagination-next[disabled],
.pagination-link[disabled] {
  background-color: #dbdbdb;
  border-color: #e1e1e1;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #7a7a7a;
  opacity: 0.5;
}

.pagination-previous,
.pagination-next {
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}

.pagination-list > li > a.current {
  background-color: #0B9FF4;
  border-color: #0B9FF4;
  color: #fff;
}

.pagination-ellipsis {
  color: #b5b5b5;
  pointer-events: none;
}

.pagination-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .pagination {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .pagination-previous,
  .pagination-next {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .pagination-list li {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
}

@media screen and (min-width: 769px), print {
  .pagination-list {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .pagination-previous {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .pagination-next {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .pagination {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .pagination.is-centered .pagination-previous {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .pagination.is-centered .pagination-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .pagination.is-centered .pagination-next {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .pagination.is-right .pagination-previous {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .pagination.is-right .pagination-next {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .pagination.is-right .pagination-list {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.results_pager_container, .Pager {
    padding: 2em 0;
}

.results_sortby_container {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.snug {
    padding: 1em;
}

@media (min-width: 992px) {
    
    .snug {
        padding: 2em;
    }
}

/*  bulma dropdown */
.dropdown {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  vertical-align: top;
}

.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
  display: block;
}

.dropdown.is-right .dropdown-menu {
  left: auto;
  right: 0;
}

.dropdown-menu {
  display: none;
  left: 0;
  min-width: 12rem;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  z-index: 20;
}

.dropdown-content {
    background: #FFFFFF;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
          box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.dropdown-item {
  font-weight: 300;
  display: block;
  line-height: 1.5;
  padding: 0.375rem 1rem;
  position: relative;
}

a.dropdown-item {
  padding-right: 3rem;
  white-space: nowrap;
}

a.dropdown-item:hover {
  background-color: whitesmoke;
  color: #0a0a0a;
}

a.dropdown-item.is-active {
  background-color: #00d1b2;
  color: #fff;
}

.dropdown-divider {
  background-color: #dbdbdb;
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0;
}

@media (max-width: 992px){
    .dropdown--is-normal-mobile{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    .dropdown-content--is-normal-mobile {
        box-shadow: inherit;
        -webkit-box-shadow: inherit;
    }
    
    .dropdown-menu--is-normal-mobile {
        display: block;
        position: static;
    }
}


.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  height: 1.5em;
  width: 1.5em;
}

.button .icon:first-child:not(:last-child) {
  margin-left: calc(-0.375em - 1px);
  margin-right: 0.1875em;
}

.button .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: calc(-0.375em - 1px);
}

.button .icon:first-child:last-child {
  margin-left: calc(-0.375em - 1px);
  margin-right: calc(-0.375em - 1px);
}

.button {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #FFFFFF;
  border-color: #e1e1e1;
  cursor: pointer;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
  text-align: center;
  white-space: nowrap;
}

.button:focus, .button.is-focused, .button:active, .button.is-active {
  outline: none;
}

.button[disabled] {
  cursor: not-allowed;
}

.button strong {
  color: inherit;
}

.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  height: 1.5em;
  width: 1.5em;
}

.button .icon:first-child:not(:last-child) {
  margin-left: calc(-0.375em - 1px);
  margin-right: 0.1875em;
}

.button .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: calc(-0.375em - 1px);
}

.button .icon:first-child:last-child {
  margin-left: calc(-0.375em - 1px);
  margin-right: calc(-0.375em - 1px);
}

.button:hover, .button.is-hovered {
  border-color: #c1c1c1;
 
}

.button:focus, .button.is-focused {
  border-color: #0B9FF4;
 
}

.button:active, .button.is-active {
  border-color: #0B9FF4;
 
}

.results-controls {
    margin-bottom: 3em;
}

@media (min-width:992px){
    .results-controls {
        margin-bottom: 0;
    }
}

/* special offers */
.Pager div:nth-of-type(1) {
    display: none;
}

.Pager div:nth-of-type(2) span:nth-of-type(1) {
    display: none;
}

.Pager div:nth-of-type(2) span:nth-of-type(2) {
    display: none;
}

.Pager div:nth-of-type(2) span:nth-of-type(4) {
    display: none;
}

.Pager div:nth-of-type(2) span:nth-of-type(5) {
    display: none;
}


/* =============== 
        CONTACT
================== */

/* structure */
.contact_form section , .contact_address, .contact_sent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
    max-width: 600px;
    width: 90%;
    margin: 20px auto;
}

.contact_address {
    padding-top: 4em;
}
.contact_form label {
    margin-top: 2em;
}

.google-recaptcha {
    margin: 2em 0;
}

.contact_form span {
    color: crimson;
    padding: 1em 0;
}

/* =============== 
        REVIEW
================== */

.shop_product_review_form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
    max-width: 600px;
    width: 90%;
    margin: 20px auto;
    display: block;
}

.shop_product_review_form div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none !important;
}

.shop_product_review_form center {
    text-align:left;
    margin-bottom: 20px;
}

.shop_product_review_form h3 {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
}

.shop_product_review_form label {
    font-weight: 600;
    display: block;
}

/* review select */
.shop_product_review_form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top;
  background-color: white;
  border-color: #e1e1e1;
 
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  outline: none;
}

.shop_product_review_form  select:focus, .shop_product_review_form  select.is-focused, .shop_product_review_form select:active, .shop_product_review_form select.is-active {
  outline: none;
}

.shop_product_review_form select:hover, .shop_product_review_form select.is-hovered {
  border-color: #c1c1c1;
}

.shop_product_review_form select:focus, .shop_product_review_form select.is-focused, .select select:active, .shop_product_review_form select.is-active {
  border-color: #0B9FF4;
}

/* review input */
.shop_product_review_form input,
.shop_product_review_form textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top;
  background-color: white;
  border-color: #e1e1e1;
 
    max-width: 100%;
  width: 100%;
}

.shop_product_review_form input:focus, .shop_product_review_form input.is-focused, .shop_product_review_form input:active, .shop_product_review_form input.is-active,
.shop_product_review_form textarea:focus,
.shop_product_review_form textarea.is-focused,
.shop_product_review_form textarea:active,
.shop_product_review_form textarea.is-active {
  outline: none;
}

.shop_product_review_form input[disabled],
.shop_product_review_form textarea[disabled] {
  cursor: not-allowed;
}

.shop_product_review_form input:hover, .shop_product_review_form input.is-hovered,
.shop_product_review_form textarea:hover,
.shop_product_review_form textarea.is-hovered {
  border-color: #c1c1c1;
}

.shop_product_review_form input:focus, .shop_product_review_form input.is-focused, .shop_product_review_form input:active, .shop_product_review_form input.is-active,
.shop_product_review_form textarea:focus,
.shop_product_review_form textarea.is-focused,
.shop_product_review_form textarea:active,
.shop_product_review_form textarea.is-active {
  border-color: #0B9FF4;
}

.shop_product_review_form label {
    padding-top: 3em;
}
.shop_product_review_form textarea {
    min-height: 250px;
}

.shop_product_review_form br, .stock_notify br {
    display: none;
}

.shop_product_review_form center{
    display: none;
}

.shop_review_form_cancel {
    margin-top: 2em;
}

.shop_product_review_form img {
    display: none;
}

.shop_review_form_cancel, .shop_review_form_submit {
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  display: inline-block;
  padding: 0.6em 1em;
  background: #0B9FF4;
  color: inherit;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
  text-decoration: none;
  white-space: nowrap;
  text-transform: uppercase;
}

 .shop_review_form_submit {
   background-color: #[Primary];
  color: #fff;
 }
 
.shop_review_form_cancel {
   background-color: crimson;
  color: #fff;
    margin-bottom: 20px;
}

.review-meta {
    font-weight: 200;
}

.review-meta-label {
    font-size: 12px;
    letter-spacing: 1px;
}

.review-details {
    border-top: 1px solid #e9e9e9;
    padding: 20px 0;
}

.review-details:nth-last-child(1) {
    border-bottom: 1px solid #e9e9e9;
}

.review-details:nth-child(2) {
    margin-top: 20px;
    border-top: none;
}

.review-details h3 {
    font-size: 14px;
}

.review-details p {
    font-size: 14px;
    letter-spacing: 0.5px;
    margin: 10px 0;
}

.review_ip {
    display: none;
}

.shop_product_review_form span {
    color: crimson;
    padding-top: 1em;
}

/* =============== 
        MODALS
================== */


.md-content {
    color: #333;
  max-width: 300px;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
}

.md-content center {
    margin: 20px 0;
}

.md-content button {
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  display: inline-block;
  padding: 0.6em 1em;
    margin-top: 20px;
  color: inherit;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
  text-decoration: none;
  white-space: nowrap;
    color: #333;
}

.icon-money, .icon-basket {
    color: white !important;
}

.simplemodal-container {
    background: white!important;
    border-radius: 2px!important;
}

.simplemodal-close {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.simplemodal-data button {
      -webkit-transition: background-color 0.2s;
      transition: background-color 0.2s;
  display: inline-block;
  padding: 0.6em 1em;
    margin-top: 20px;
  color: inherit;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
  text-decoration: none;
  white-space: nowrap;
    color: #333;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    margin: 0 auto;
    padding: 1.5em;
    color: #fff;
    background: #0B9FF4;
}


/* =============== 
        SITEMAP
================== */

.sitemap_divider {
    display: none;
}

.fws_sitemap_container {
    text-align:left;   
}

.fws_sitemap_container h2 {
    margin-bottom: 10px !important;
}

.fws_sitemap_container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px !important;
    list-style: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: -1em;
}

.fws_sitemap_container ul li{
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  display: inline-block;
  padding: 0.6em 1em;
  background: hsla(31, 15%, 50%, 0.15);
  color: inherit;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
  text-decoration: none;
  white-space: nowrap;
  margin-right: 1em;
  margin-top: 1em;
}

.fws_sitemap_container ul li a{
    text-decoration: none;
}

/* instagram */
#instagrid{
    overflow: hidden;	
}

.fws-sb-instagram-style2 .instagram_item{
    width: 98%;
    margin: 1%;
}

.fws-sb-instagram-style2 .instagram_item a{
    background-color: #FFF;
    -webkit-box-shadow: 1px 1px 1px #C3C3C3;
            box-shadow: 1px 1px 1px #C3C3C3;
    display: block;
    padding: 5%;
    text-decoration: none;
    color: #404041;
}

.fws-sb-instagram-style2 .instagram_text{
    overflow: hidden;
}

.fws-sb-instagram-style2 .instagram_text span{
    color: #C02942;
    text-transform: capitalize;
    font-weight: bold;
}

.fws-sb-instagram-style2 .instagram_text i{
    color: #C02942;
}

.fws-sb-instagram-style2 .instagram_comments{
    float: left;
}

.fws-sb-instagram-style2 .instagram_likes{
    float: right;
}

.fws-sb-instagram-style2 .instagram_item img{
    width: 100%;
}


@media only screen and (min-width: 600px) {
    .fws-sb-instagram-style2 .instagram_item{
        width: 48%;
        float: left;
        min-height: 300px;
    }
}

@media only screen and (min-width: 1100px) {
    .fws-sb-instagram-style2 .instagram_item{
        width: 31%;
        min-height: 200px;
    }
}

@media only screen and (min-width: 1400px) {
    .fws-sb-instagram-style2 .instagram_item{
        width: 23%;
        min-height: 150px;
    }
}

.newsletter input {
    width: 300px;
}

.clean {
    padding: 0;
    margin: 0;
}

.subcategory-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 0;
}


.subcategory__title {
    font-size: 0.75em;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.is-bg-whitesmoke {
    background: whitesmoke;
}

.tags {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.tags .tag:not(:last-child) {
  margin-right: 0.5rem;
}

.tags:not(:last-child) {
  margin-bottom: 1rem;
}

.tags.has-addons .tag {
  margin-right: 0;
}

.tags.has-addons .tag:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.tags.has-addons .tag:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.tag {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: whitesmoke;
  border-radius: 3px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.75rem;
  height: 2em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
  font-weight: 300;
}

.tag .delete {
  margin-left: 0.25em;
  margin-right: -0.375em;
}

.tag.is-white {
  background-color: white;
  color: #0a0a0a;
}

.tag.is-black {
  background-color: #0a0a0a;
  color: white;
}

.tag.is-light {
  background-color: whitesmoke;
}


/* ===========================
       BLOG
============================== */

.blog-section {
  max-width: 640px;
  margin: 0 auto;
  height: 100%;
}

.blog-main-title {
  font-size: 1em;
  color: #333;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-bottom: 20px;

}

.blog-share {
    margin-bottom: 2em;
}

.blog-share li {
  margin-right: 20px;
  color: #333;
}

.blog-main-img {
  margin-bottom: 20px;

}

.blog-img {
  height: 100%;
}

.blog img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /*width: 200px;
  height: 200px;
  border-radius: 50%;*/
}

.blog-title {
  padding: 20px 0 10px 0;
  font-size: 2em;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.blog-content h1, .blog-content h2, .blog-content h3, .blog-content figcaption {
  margin-bottom: 20px;
}


.blog-content p {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 22px;
  margin-bottom: 20px;
}

.blog-meta {
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 22px;
  font-weight: 300;
  margin-bottom: 10px;
}

.blog-meta li {
  margin-right: 20px;
}


.blog-content {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 20px;
  max-width: 640px;
}

.blog-content img {
  margin-bottom: 20px;
}

.blog-response-section {
  margin-bottom: 20px;
  border: 1px solid #e1e1e1;
  padding: 20px;
  background: #fff;
   cursor:pointer;
}

.response-section {
  margin-top: 20px;
}


.response-item{
  margin-top: 20px;
  border-top: 1px solid #e9e9e9;
    padding-top: 20px;
    max-width: 640px;
    margin: 0 auto;
    padding: 20px;
    margin-top: 10px;
}

.response-btn span {
  padding-left: 5px;
  font-size: 16px;
}

.fa-reply {
    position: relative;
}

.fa-comment-o {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.fa-comment-o span{
  color: #666;
  padding-left: 2.5px;
  font-size: 14px;
}

#comment-response-btn {
    font-size: 14px;
}

.blog_comments_reply_reply {
    margin-bottom: 20px;
}

.response-name-input {
  padding: 1em;
  margin-bottom: 20px;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  outline: none;
  background: #fafafa;
}

.response-email-input {
  padding: 1em;
  margin-bottom: 20px;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  outline: none;
  background: #fafafa;
}

.response-email-textarea{
  padding: 1em;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  outline: none;
  margin-bottom: 20px;
  background: #fafafa;
  height: 150px;
}

.reply-btn {
  padding: 1em;
  border: none;
  border-radius: 2px;
  outline: none;
  background: #dedede;
  color: #666;
}

.blog-response-section span, .response-section span{
    font-family: inherit !important;
}

.comment-section {
max-width: 640px;
    height: 100%;
    margin-bottom: 1em;
}

.comment-item {
  margin-bottom: 20px;
  -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
          box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  border-radius: 2px;
  padding: 20px;
}

.comment-item:last-child{
  margin-bottom: 0;
}

.comment-details span{
    font-weight: 300;
}

.comment-date, .comment-name {
    font-size: 11px;
}

.comment {
  font-size: 16px;
  padding-top: 10px;
  line-height: 27px;
}

.subcomment {
  margin-top: 20px;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 20px;
}

.subcomment:first-child{
  border-top: 1px solid #d9d9d9;
  padding-top: 20px!important;
}

.subcomment:last-child{
  border-bottom: none;
  padding: 0;
}

/* flex */

.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

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

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

.hidden {
  display: none;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.col-full {
  width: 100%;
}

.col-fit {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.col-1-2 {
  width: 50%;
}

.justify--spacebetween {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}


/* ===========================
       BLOG COMMENTS
============================== */
.comments-section header{
    display: none;
}

.comments-section.is-hidden{
    display: none;
}

.comments-section {
    padding: 20px;
    margin-bottom: 2em;
}

.blog_comments_content, .blog_comments_reply_content{
    height: 250px !important;
    margin-bottom: 1em;
}

.blog_comments_author {
    margin-bottom: 1em;
}

.blog_comments_email, .blog_comments__reply_email, .blog_comments_reply_author {
    margin-bottom: 1em;
}

.blog_comments_email:first-of-type + div, .blog_comments__reply_email:first-of-type + div {
  display: none;
}


/* form */
.blog_comments_author,
.blog_comments_content,
.blog_comments_email,
.blog_comments_reply_content,
.blog_comments_reply_author,
.blog_comments__reply_email
 {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top;
  background-color: white;
  border-color: #e1e1e1;
 
  max-width: 100%;
  width: 100%;
}

.blog_comments_author:focus, .blog_comments_author.is-focused, .blog_comments_author:active, .blog_comments_author.is-active,
.blog_comments_content:focus,
.blog_comments_content.is-focused,
.blog_comments_content:active,
.blog_comments_content.is-active,
.blog_comments_email:focus, .blog_comments_email.is-focused, .blog_comments_email:active, .blog_comments_email.is-active,
.blog_comments_reply_content:focus,
.blog_comments_reply_content.is-focused,
.blog_comments_reply_content:active,
.blog_comments_reply_content.is-active,
.blog_comments_reply_author:focus, .blog_comments_reply_author.is-focused, .blog_comments_reply_author:active, .blog_comments_reply_author.is-active,
.blog_comments__reply_email:focus,
.blog_comments__reply_email.is-focused,
.blog_comments__reply_email:active,
.blog_comments__reply_email.is-active
 {
  outline: none;
}

.blog_comments_author:hover, .blog_comments_author.is-hovered,
.blog_comments_content:hover,
.blog_comments_content.is-hovered,
.blog_comments_email:hover, .blog_comments_email.is-hovered,
.blog_comments_reply_content:hover,
.blog_comments_reply_content.is-hovered,
.blog_comments_reply_author:hover, .blog_comments_reply_author.is-hovered,
.blog_comments__reply_email:hover,
.blog_comments__reply_email.is-hovered
 {
  border-color: #c1c1c1;
}

.blog_comments_author:focus, .blog_comments_author.is-focused, .blog_comments_author:active, .blog_comments_author.is-active,
.blog_comments_content:focus,
.blog_comments_content.is-focused,
.blog_comments_content:active,
.blog_comments_content.is-active,
.blog_comments_email:focus, .blog_comments_email.is-focused, .blog_comments_email:active, .blog_comments_email.is-active,
.blog_comments_reply_content:focus,
.blog_comments_reply_content.is-focused,
.blog_comments_reply_content:active,
.blog_comments_reply_content.is-active,
.blog_comments_reply_author:focus, .blog_comments_reply_author.is-focused, .blog_comments_reply_author:active, .blog_comments_reply_author.is-active,
.blog_comments__reply_email:focus,
.blog_comments__reply_email.is-focused,
.blog_comments__reply_email:active,
.blog_comments__reply_email.is-active
 {
  border-color: #0B9FF4;
}

/* button */
.blog_comments_submit, .blog_comments_reply_reply, .blog_comments_reply_submit  {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: white;
  border-color: #e1e1e1;
  cursor: pointer;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
  text-align: center;
  white-space: nowrap;
}

.blog_comments_submit:focus, .blog_comments_submit.is-focused, .blog_comments_submit:active, .blog_comments_submit.is-active,
.blog_comments_reply_reply:focus, .blog_comments_reply_reply.is-focused, .blog_comments_reply_reply:active, .blog_comments_reply_reply.is-active,
.blog_comments_reply_submit:focus, .blog_comments_reply_submit.is-focused, .blog_comments_reply_submit:active, .blog_comments_reply_submit.is-active

{
  outline: none;
}


.blog_comments_submit .icon:first-child:not(:last-child),
.blog_comments_reply_reply .icon:first-child:not(:last-child), 
.blog_comments_reply_submit .icon:first-child:not(:last-child) 
{
  margin-left: calc(-0.375em - 1px);
  margin-right: 0.1875em;
}

.blog_comments_submit:hover, .blog_comments_submit.is-hovered,
.blog_comments_reply_reply:hover, .blog_comments_reply_reply.is-hovered,
.blog_comments_reply_submit:hover, .blog_comments_reply_submit.is-hovered 
{
  border-color: #c1c1c1;
}

.blog_comments_submit:focus, .blog_comments_submit.is-focused,
.blog_comments_reply_reply:focus, .blog_comments_reply_reply.is-focused,
.blog_comments_reply_submit:focus, .blog_comments_reply_submit.is-focused 
{
  border-color: #0B9FF4;
 
}

.blog_comments_reply_reply-container {
    margin-bottom: 1.5em;
}

.img-link {
    display: block;
    position: relative;
}

.logo h1 {
    margin-bottom: 0;
}

/*.clone {
    width: auto!important;
}
*/





.wishlist_container{
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}


.wishlist_container a{
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.wishlist_container a span{
    margin-left: 10px;
    font-size: 0.8125em;
}

.wishlist_container a svg{
    font-size: 1.4rem;
    stroke: #0B9FF4;
    fill: transparent;
    transition: 0.2s;
    width: 30px;
    height: 30px;
    transform: scale(1);
}

#wishlist_logged_in_html a:hover svg,
#wishlist_not_logged_in_html a:hover svg{
    fill: #0B9FF4;
}

#wishlist_logged_in_html.wishlist_logged_in_html_activated a svg{
    fill: #0B9FF4;
    animation-name: wishlistAdd;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes wishlistAdd{
  0%   {transform: scale(1);}
  50%  {transform: scale(1.5);}
  100% {transform: scale(1);}
}

#wishlist_not_logged_in_html.wishlist_not_logged_in_html_activated a svg{
    fill: #0B9FF4;
    animation-name: wishlistAdding;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes wishlistAdding{
  0%   {transform: scale(1);}
  50%  {transform: scale(1.2);}
  100% {transform: scale(1);}
}


#wishlist_added_html a svg{
    fill: #0B9FF4;
}

#wishlist_added_html a:hover svg{
    fill: transparent;
}

#wishlist_added_html.wishlist_added_html_activated a svg{
    fill: transparent;
    animation-name: wishlistRemove;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes wishlistRemove{
  0%   {transform: scale(1);}
  50%  {transform: scale(0.5);}
  100% {transform: scale(1);}
}