/*
 =========================================================
 =========================================================
 * EventAtelier - v1.0.0
 =========================================================
 =========================================================
*/



 body {
	position: relative;
	font-family:'SF UI Display Light';
}












/*==============================================================*/
/* ================ LOADING  =================*/
/*==============================================================*/
.text-loading {
	font-family:'SF UI Display Bold';
	font-size: 1.8rem;
}














 /*
 =========================================================
 * CARDS
 =========================================================
 */

 .card {overflow:hidden}
.card.large {
height: 600px;
-webkit-backface-visibility: hidden;
backface-visibility: initial;
border-radius: 5px;
}
.media-content {
overflow: hidden;
}
.title.no-padding {
margin-bottom: 0 !important;
}
#flow span {
display: block;
width: 200vw;
height: 200vw;
position: absolute;
top: -180vw;
left: -50vw;
border-radius: 90vw;
opacity: 0.6;
}
.flow-1 {
background: #3281ff;
-webkit-animation: rotating 20s linear infinite;
-moz-animation: rotating 20s linear infinite;
-ms-animation: rotating 20s linear infinite;
-o-animation: rotating 20s linear infinite;
animation: rotating 20s linear infinite;
}
.flow-2 {
background: #f442ee;
position: absolute;
-webkit-animation: rotating 15s linear infinite;
-moz-animation: rotating 15s linear infinite;
-ms-animation: rotating 15s linear infinite;
-o-animation: rotating 15s linear infinite;
animation: rotating 15s linear infinite;
}
.flow-3 {
background: #42eef4;
position: absolute;
-webkit-animation: rotating 7s linear infinite;
-moz-animation: rotating 7s linear infinite;
-ms-animation: rotating 7s linear infinite;
-o-animation: rotating 7s linear infinite;
animation: rotating 7s linear infinite;
}
@-webkit-keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.rotating {
-webkit-animation: rotating 2s linear infinite;
-moz-animation: rotating 2s linear infinite;
-ms-animation: rotating 2s linear infinite;
-o-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
}
.footer{
background-color: #222831;
color: white;
}
.footer p
{color: white}
.footer a:hover
{color: #  background: rgba(0,166,208,1);
background: -moz-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,166,208,1)), color-stop(60%, rgba(123,226,247,1)), color-stop(100%, rgba(105,204,224,1)));
background: -webkit-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: -o-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: -ms-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: linear-gradient(to right, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6d0', endColorstr='#69cce0', GradientType=1 );}
.fa
{color: white;
    margin: 10px}










.descripcion {
    font-size: 0.72rem!important;
    line-height: 1.2!important;
}

.city {
	color: #8d8d8d;
    font-size: 0.65rem;
    line-height: 1!important;
    text-transform: uppercase;
}




















 /*
 =========================================================
 * BACKGROUNDS
 =========================================================
 */


 .bg-taste {
    /*background-color: #6b8f00;*/
    background-color: #568f03 !important;
}


.bg-black {
	background-color: black !important;
}







 /*
 =========================================================
 * NAV BAR
 =========================================================
 */

a.navbar-item:hover, a.navbar-item.is-active,
.navbar-link:hover,
.navbar-link.is-active {
/*   background-color: #568f03 !important; */
/*   background-color: #eaeaea !important; */
  color: black !important;
}




.goback {
background: none;
margin: 0;
position: fixed;
top: 5px;
right: 60px;
width: 34px;
height: 39px;
z-index: 30;
display: none;
text-decoration: none;
color: white;
background-color: transparent;
font-size: 23px;
}




/*  .blurbar {
	 backdrop-filter: blur(12px);
	 saturate(150%);
	 -webkit-backdrop-filter: blur(12px);
	 -webkit-saturate(150%);
	 background: rgb(255,255,255);
	 background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.90) 40%, rgba(255,255,255,0.50) 85%);
	 background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.90) 40%, rgba(255,255,255,0.50) 85%);
 } */



  .blurbar {
    backdrop-filter: blur(12px);
    saturate(150%);
    -webkit-backdrop-filter: blur(12px);
    -webkit-saturate(150%);
    background: rgb(255,255,255);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.40) 40%, rgba(255,255,255,0.40) 85%);
    background: linear-gradient(180deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.40) 40%, rgba(255,255,255,0.40) 85%);
  }



.button.is-transparent {
  background-color: transparent;
  border-color: transparent;
  color: #0a0a0a;
}

.button.is-transparent:hover, .button.is-transparent.is-hovered {
  background-color: #f9f9f9;
  border-color: transparent;
  color: #0a0a0a;
}

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

.button.is-transparent:focus:not(:active), .button.is-transparent.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}

.button.is-transparent:active, .button.is-transparent.is-active {
  background-color: transparent;
  border-color: transparent;
  color: #0a0a0a;
}

.button.is-transparent[disabled],
fieldset[disabled] .button.is-transparent {
  background-color: white;
  border-color: transparent;
  box-shadow: none;
}






 /*
 =========================================================
 * CARDS
 =========================================================
 */

/*==== HORIZONTAL SLIDER =========*/

.cardslider {
  /* line them up horizontally */
  display: flex;
  /* allow for scrolling */
  overflow-x: auto;
  /* make it smooth on iOS */
  -webkit-overflow-scrolling: touch;
  margin-top: 5px;
}


.cardslider > .column {
	padding: 0.75em 1em;
}


@media (max-width:320px) {
	.cardslider > div {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 80%;
	  max-width: 310px;
	  /*height: 300px;*/
	  margin-left: -5px;
	  /*padding-right: 15px;*/
	  /*padding-right: 10px;*/
	}
}







@media only screen and (max-width : 480px) {
    .modal-card {
      position: relative;
      width: 100%!important;
      overflow: hidden;
      opacity: 1;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      z-index: 1;
    }
  }


  @media only screen and (min-width : 481px) and (max-width : 768px) {
    .modal-card {
      position: relative;
      width: 75%!important;
      overflow: hidden;
      opacity: 1;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      z-index: 1;
    }
  }


  @media only screen and (min-width : 769px) and (max-width : 1024px) {
    .modal-card {
      position: relative;
      width: 65%!important;
      overflow: hidden;
      opacity: 1;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      z-index: 1;
    }
  }


  @media only screen and (min-width : 1025px) {
    .modal-card {
      position: relative;
      width: 55%!important;
      overflow: hidden;
      opacity: 1;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      z-index: 1;
    }
  }










@media (max-width:767px) {
	.cardslider > div {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 40%;
/* 	  max-width: 500px; */
	  max-width: 300px;
	  /*height: 300px;*/
	  margin-left: -5px;
	  /*padding-right: 15px;*/
	  /*padding-right: 10px;*/
	}
}


@media (min-width:768px) {
	.cardslider > div {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 35%;
	  max-width: 500px;
	  /*height: 300px;*/
	  margin-left: -5px;
	  /*padding-right: 15px;*/
	  /*padding-right: 10px;*/
	}
}













/*==== HORIZONTAL SLIDER LARGE =========*/

.cardslider_lrg {
  /* line them up horizontally */
  display: flex;
  /* allow for scrolling */
  overflow-x: auto;
  /* make it smooth on iOS */
  -webkit-overflow-scrolling: touch;
/*   margin-top: 5px; */
}


.cardslider_lrg > .column {
	padding: 0.75em 1em;
}


@media (max-width:320px) {
	.cardslider_lrg > div {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 75%;
	  max-width: 310px;
	  /*height: 300px;*/
	  margin-left: -5px;
	  /*padding-right: 15px;*/
	  /*padding-right: 10px;*/
	}
}


@media (max-width:640px) {
	.cardslider_lrg > div {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 65%;
	  max-width: 480px;
	  /*height: 300px;*/
	  margin-left: -5px;
	  /*padding-right: 15px;*/
	  /*padding-right: 10px;*/
	}
}


@media (max-width:767px) {
	.cardslider_lrg > div {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 55%;
/* 	  max-width: 500px; */
	  max-width: 300px;
	  /*height: 300px;*/
	  margin-left: -5px;
	  /*padding-right: 15px;*/
	  /*padding-right: 10px;*/
	}
}


@media (min-width:768px) {
	.cardslider_lrg > div {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 48%;
	  max-width: 550px;
	  /*height: 300px;*/
	  margin-left: -5px;
	  /*padding-right: 15px;*/
	  /*padding-right: 10px;*/
	}
}














.cardslider_sml {
  display: flex;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  margin-top: 15px;
  margin-left: 15px!important;
}
.cardslider_sml > div {
  flex-shrink: 0;
/*
  width: 45%;
  max-width: 310px;
*/
  margin-left: 15px!important;
  padding-right: 0px;
}



.cardslider_med {
  display: flex;
  overflow-x: auto;
  margin-top: 15px;
  margin-left: 5px!important;
}
.cardslider_med > div {
  flex-shrink: 0;
  margin-left: 10px!important;
  padding-right: 20px;
}








.minicardslider {
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 15px;
  margin-left: 15px;
}
.minicardslider > div {
  flex-shrink: 0;
  width: 90%;
  max-width: 310px;
  margin-left: 5px;
  padding-right: 0px;
}




.minisection {
  padding: 0.025rem 1rem 0.025rem 1rem;
}






.rating-div {
	margin-top: -20px;
	/*padding-bottom: 10px;*/
}




.rounded-corners {
	border-radius: 9px;
}

.card-shadow {
	-webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.05);
	box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.05);
}

.card-shadow:hover {
	-webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.15);
	box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.15);
}









.card-category {
	-webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.25);
	box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.25);
	opacity: 0.6!important;
}

.card-category-selected {
	-webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.45);
	box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.45);
	opacity:1!important;
}




.card-mainbrand {
	float: right;
	text-align: right;
	top: 10px;
	right: 10px;
	position: absolute;
	height: 70px;
	max-width: 80px;
}
.card-mainbrand-med {
	float: right;
	text-align: right;
	top: 7px;
	right: 7px;
	position: absolute;
	height: 50px;
	max-width: 60px;
}
.card-mainbrand-mini {
	float: right;
	text-align: right;
	top: 5px;
	right: 5px;
	position: absolute;
	height: 40px;
	max-width: 50px;
}



















 /*
 =========================================================
 * HORIZONTAL SLIDER
 =========================================================
 */

/*==============================================================*/
/* ================ STICKY SEARCH ALPHA HEADER =================*/
/*==============================================================*/


.alphaheader {
    margin: 0 auto;
    top: 0;
    width: 100%;
    z-index: 9;
}

.alphaheader-fixed {
	position: fixed;
	margin-top: 50px;
}

.alphaheader-unfixed {
	position: relative;
	margin-top: 0px;
}




.alphaslider {
  /* line them up horizontally */
  display: flex;
  /* allow for scrolling */
  overflow-x: auto;
  /* make it smooth on iOS */
  -webkit-overflow-scrolling: touch;

}


@media (max-width:320px) {
	.alphaslider > a {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 90%;
	  max-width: 40px;
	  /*height: 300px;*/
	  margin-left: -5px;
	  /*padding-right: 15px;*/
	  padding-right: 6px;
	}
}


@media (max-width:640px) {
	.alphaslider > a {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 97%;
	  max-width: 40px;
	  /*height: 300px;*/
	  /*margin-left: -5px;*/
	  /*padding-right: 15px;*/
	  /*padding-right: 6px;*/
	}
}
@media (min-width:641px) {
	.alphaslider > a {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 99%;
	  max-width: 40px;
	  /*height: 300px;*/
	  margin-left: -5px;
	  /*padding-right: 15px;*/
	  padding-right: 6px;
	}
}



.sorter {
	float: left;
	font-weight: 300;
	font-size: 14px;
	line-height: 1;
}




a.button .highlighted {
  color: #ffc600;
}









.button.is-taste {
  background-color: #568f03;
  border-color: transparent;
  color: #fff;
}

.button.is-taste:hover, .button.is-taste.is-hovered {
  background-color: #30A6F5;
  border-color: transparent;
  color: #fff;
}

.button.is-taste:focus, .button.is-taste.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-taste:focus:not(:active), .button.is-taste.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}

.button.is-taste:active, .button.is-taste.is-active {
  background-color: #30A6F5;
  border-color: transparent;
  color: #fff;
}

.button.is-taste[disabled] {
  background-color: #568f03;
  border-color: transparent;
  box-shadow: none;
}

.button.is-taste.is-inverted {
  background-color: #fff;
  color: #568f03;
}

.button.is-taste.is-inverted:hover {
  background-color: #f2f2f2;
}

.button.is-taste.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #568f03;
}

.button.is-taste.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-taste.is-outlined {
  background-color: transparent;
  border-color: #568f03;
  color: #568f03;
}

.button.is-taste.is-outlined:hover, .button.is-taste.is-outlined:focus {
  background-color: #568f03;
  border-color: #568f03;
  color: #fff;
}

.button.is-taste.is-outlined.is-loading::after {
  border-color: transparent transparent #568f03 #568f03 !important;
}

.button.is-taste.is-outlined[disabled] {
  background-color: transparent;
  border-color: #568f03;
  box-shadow: none;
  color: #568f03;
}

.button.is-taste.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-taste.is-inverted.is-outlined:hover, .button.is-taste.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: #568f03;
}

.button.is-taste.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}


















.button.is-gris {
  background-color: #7f8184;
  border-color: transparent;
  color: #fff;
}

.button.is-gris:hover, .button.is-gris.is-hovered {
  background-color: #494b4d;
  border-color: transparent;
  color: #fff;
}

.button.is-gris:focus, .button.is-gris.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-gris:focus:not(:active), .button.is-gris.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}

.button.is-gris:active, .button.is-gris.is-active {
  background-color: #494b4d;
  border-color: transparent;
  color: #fff;
}

.button.is-gris[disabled] {
  background-color: #7f8184;
  border-color: transparent;
  box-shadow: none;
}

.button.is-gris.is-inverted {
  background-color: #fff;
  color: #7f8184;
}

.button.is-gris.is-inverted:hover {
  background-color: #f2f2f2;
}

.button.is-gris.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #7f8184;
}

.button.is-gris.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-gris.is-outlined {
  background-color: transparent;
  border-color: #7f8184;
  color: #7f8184;
}

.button.is-gris.is-outlined:hover, .button.is-gris.is-outlined:focus {
  background-color: #7f8184;
  border-color: #7f8184;
  color: #fff;
}

.button.is-gris.is-outlined.is-loading::after {
  border-color: transparent transparent #7f8184 #7f8184 !important;
}

.button.is-gris.is-outlined[disabled] {
  background-color: transparent;
  border-color: #7f8184;
  box-shadow: none;
  color: #7f8184;
}

.button.is-gris.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-gris.is-inverted.is-outlined:hover, .button.is-gris.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: #7f8184;
}

.button.is-gris.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}













.button.is-rating {
  background-color: #ffc237;
  border-color: transparent;
  color: #606060;
}

.button.is-rating:hover, .button.is-rating.is-hovered {
  background-color: #ffb729;
  border-color: transparent;
  color: #fff;
}

.button.is-rating:focus, .button.is-rating.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-rating:focus:not(:active), .button.is-rating.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}

.button.is-rating:active, .button.is-rating.is-active {
  background-color: #ffb729;
  border-color: transparent;
  color: #606060;
}

.button.is-rating[disabled] {
  background-color: #ffd478;
  border-color: transparent;
  box-shadow: none;
}

.button.is-rating.is-inverted {
  background-color: #fff;
  color: #ffb729;
}

.button.is-rating.is-inverted:hover {
  background-color: #f2f2f2;
}

.button.is-rating.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #ffb729;
}

.button.is-rating.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-rating.is-outlined {
  background-color: transparent;
  border-color: #ffd478;
  color: #ffd478;
}

.button.is-rating.is-outlined:hover, .button.is-rating.is-outlined:focus {
  background-color: #ffd478;
  border-color: #ffd478;
  color: #fff;
}

.button.is-rating.is-outlined.is-loading::after {
  border-color: transparent transparent #ffd478 #ffd478 !important;
}

.button.is-rating.is-outlined[disabled] {
  background-color: transparent;
  border-color: #ffd478;
  box-shadow: none;
  color: #ffb729;
}

.button.is-rating.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-rating.is-inverted.is-outlined:hover, .button.is-rating.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: #ffb729;
}

.button.is-rating.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}


.has-text-rating {
  color: #ffc237 !important;
}

a.has-text-rating:hover, a.has-text-rating:focus {
  color: #ffb729 !important;
}



















 /*
 =========================================================
 * TABS
 =========================================================
 */

.tabs li.is-live a {
  border-bottom-color: #568f03;
  color: #568f03;
}













 /*
 =========================================================
 * LOGIN
 =========================================================
 */

.is-taste {
  background-color: #568f03;
  color: #fff;
}


.hero.is-taste.is-bold {
  /*background-image: linear-gradient(141deg, #568f03 0%, #ec3434 35%, #910d0d 100%);*/
  background: rgba(0,166,208,1);
background: -moz-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,166,208,1)), color-stop(60%, rgba(123,226,247,1)), color-stop(100%, rgba(105,204,224,1)));
background: -webkit-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: -o-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: -ms-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: linear-gradient(to right, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6d0', endColorstr='#69cce0', GradientType=1 );
}

.bg-taste.is-bold {
  /*background-image: linear-gradient(141deg, #568f03 0%, #ec3434 35%, #910d0d 100%);*/
  background: rgba(0,166,208,1);
background: -moz-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,166,208,1)), color-stop(60%, rgba(123,226,247,1)), color-stop(100%, rgba(105,204,224,1)));
background: -webkit-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: -o-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: -ms-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: linear-gradient(to right, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6d0', endColorstr='#69cce0', GradientType=1 );
}
















 /*
 =========================================================
 * CATEGORIES
 =========================================================
 */

.category-title {
	font-weight: bold;
	color: #000;
	font-size: 1.04rem;
	line-height: 1;
	text-align: left;
	position: absolute;
	float: left;
	top: 5px;
	left: 7px;

}

.category-places {
	font-weight: normal;
	color: #626262;
	font-size: 0.6rem;
	line-height: 1;
	text-align: center;
	position: absolute;
	float: right;
	bottom: 5px;
	right: 5px;

}

.catshadow {
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

.snowshadow {
	text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.94);
}













 /*
 =========================================================
 * SHOP
 =========================================================
 */
.parallax {
  /* The image used */
  /* Set a specific height */
  height: 300px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: auto;
}
















 /*
 =========================================================
 * MENU
 =========================================================
 */
.menu-currency {
	font-size: 0.7rem !important;
}



.footer-price {
	font-weight: 600;
	font-size: 1.4rem;
	line-height: 0.8rem;
}

.footer-currency {
	font-weight: 300;
	font-size: 0.7rem !important;
	top: -2px;
    height: 0;
    line-height: 0.7rem;
}






 .img-circle {
    border-radius: 50%;
}

















 /*
 =========================================================
 * PUBLICIDAD
 =========================================================
 */
 .publicidad p {
    padding-bottom: 10px!important;
}




















 /*
 =========================================================
 * MONI COLORS
 =========================================================
 */


 .bg-moniblue {
    background-color: #03b5c8 !important;
}



.button.is-moniblue {
  background-color: #03b5c8;
  border-color: transparent;
  color: #fff;
}

.button.is-moniblue:hover, .button.is-moniblue.is-hovered {
  background-color: #02d7ee;
  border-color: transparent;
  color: #fff;
}

.button.is-moniblue:focus, .button.is-moniblue.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-moniblue:focus:not(:active), .button.is-moniblue.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}

.button.is-moniblue:active, .button.is-moniblue.is-active {
  background-color: #02d7ee;
  border-color: transparent;
  color: #fff;
}

.button.is-moniblue[disabled] {
  background-color: #03b5c8;
  border-color: transparent;
  box-shadow: none;
}

.button.is-moniblue.is-inverted {
  background-color: #fff;
  color: #03b5c8;
}

.button.is-moniblue.is-inverted:hover {
  background-color: #f2f2f2;
}

.button.is-moniblue.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #03b5c8;
}

.button.is-moniblue.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-moniblue.is-outlined {
  background-color: transparent;
  border-color: #03b5c8;
  color: #03b5c8;
}

.button.is-moniblue.is-outlined:hover, .button.is-moniblue.is-outlined:focus {
  background-color: #03b5c8;
  border-color: #03b5c8;
  color: #fff;
}

.button.is-moniblue.is-outlined.is-loading::after {
  border-color: transparent transparent #03b5c8 #03b5c8 !important;
}

.button.is-moniblue.is-outlined[disabled] {
  background-color: transparent;
  border-color: #03b5c8;
  box-shadow: none;
  color: #03b5c8;
}

.button.is-moniblue.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-moniblue.is-inverted.is-outlined:hover, .button.is-moniblue.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: #03b5c8;
}

.button.is-moniblue.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.is-moniblue {
  background-color: #03b5c8;
  color: #fff;
}


.hero.is-moniblue.is-bold {
  background-image: linear-gradient(141deg, #03b5c8 0%, #ec3434 35%, #910d0d 100%);
}

.bg-moniblue.is-bold {
  background-image: linear-gradient(141deg, #03b5c8 0%, #ec3434 35%, #910d0d 100%);
}














 .bg-monipink {
    background-color: #ef5675 !important;
}









.button.is-monipink {
  background-color: #ef5675;
  border-color: transparent;
  color: #fff;
}

.button.is-monipink:hover, .button.is-monipink.is-hovered {
  background-color: #ff5a7c;
  border-color: transparent;
  color: #fff;
}

.button.is-monipink:focus, .button.is-monipink.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-monipink:focus:not(:active), .button.is-monipink.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}

.button.is-monipink:active, .button.is-monipink.is-active {
  background-color: #ff5a7c;
  border-color: transparent;
  color: #fff;
}

.button.is-monipink[disabled] {
  background-color: #ef5675;
  border-color: transparent;
  box-shadow: none;
}

.button.is-monipink.is-inverted {
  background-color: #fff;
  color: #ef5675;
}

.button.is-monipink.is-inverted:hover {
  background-color: #f2f2f2;
}

.button.is-monipink.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #ef5675;
}

.button.is-monipink.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-monipink.is-outlined {
  background-color: transparent;
  border-color: #ef5675;
  color: #ef5675;
}

.button.is-monipink.is-outlined:hover, .button.is-monipink.is-outlined:focus {
  background-color: #ef5675;
  border-color: #ef5675;
  color: #fff;
}

.button.is-monipink.is-outlined.is-loading::after {
  border-color: transparent transparent #ef5675 #ef5675 !important;
}

.button.is-monipink.is-outlined[disabled] {
  background-color: transparent;
  border-color: #ef5675;
  box-shadow: none;
  color: #ef5675;
}

.button.is-monipink.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-monipink.is-inverted.is-outlined:hover, .button.is-monipink.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: #ef5675;
}

.button.is-monipink.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.is-monipink {
  background-color: #ef5675;
  color: #fff;
}


.hero.is-monipink.is-bold {
  background-image: linear-gradient(141deg, #ef5675 0%, #ec3434 35%, #910d0d 100%);
}

.bg-monipink.is-bold {
  background-image: linear-gradient(141deg, #ef5675 0%, #ec3434 35%, #910d0d 100%);
}


















 .bg-moniyellow {
    background-color: #ffde00 !important;
}









.button.is-moniyellow {
  background-color: #ffde00;
  border-color: transparent;
  color: black;
}

.button.is-moniyellow:hover, .button.is-moniyellow.is-hovered {
  background-color: #d4b900;
  border-color: transparent;
  color: black;
}

.button.is-moniyellow:focus, .button.is-moniyellow.is-focused {
  border-color: transparent;
  color: black;
}

.button.is-moniyellow:focus:not(:active), .button.is-moniyellow.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}

.button.is-moniyellow:active, .button.is-moniyellow.is-active {
  background-color: #d4b900;
  border-color: transparent;
  color: black;
}

.button.is-moniyellow[disabled] {
  background-color: #ffde00;
  border-color: transparent;
  box-shadow: none;
}

.button.is-moniyellow.is-inverted {
  background-color: #fff;
  color: #ffde00;
}

.button.is-moniyellow.is-inverted:hover {
  background-color: #f2f2f2;
}

.button.is-moniyellow.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #ffde00;
}

.button.is-moniyellow.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-moniyellow.is-outlined {
  background-color: transparent;
  border-color: #ffde00;
  color: #ffde00;
}

.button.is-moniyellow.is-outlined:hover, .button.is-moniyellow.is-outlined:focus {
  background-color: #ffde00;
  border-color: #ffde00;
  color: black;
}

.button.is-moniyellow.is-outlined.is-loading::after {
  border-color: transparent transparent #ffde00 #ffde00 !important;
}

.button.is-moniyellow.is-outlined[disabled] {
  background-color: transparent;
  border-color: #ffde00;
  box-shadow: none;
  color: #ffde00;
}

.button.is-moniyellow.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: black;
}

.button.is-moniyellow.is-inverted.is-outlined:hover, .button.is-moniyellow.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: #ffde00;
}

.button.is-moniyellow.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #black;
}

.is-moniyellow {
  background-color: #ffde00;
  color: black;
}


.hero.is-moniyellow.is-bold {
  background-image: linear-gradient(141deg, #ffde00 0%, #ec3434 35%, #910d0d 100%);
}

.bg-moniyellow.is-bold {
  background-image: linear-gradient(141deg, #ffde00 0%, #ec3434 35%, #910d0d 100%);
}


















/*==============================================================*/
/* ================ CARD FILTERING  =================*/
/*==============================================================*/

.filtered {
	font-size: 0.85rem;
	font-weight: 400;
}



/*==============================================================*/
/* ================ STICKY SEARCH ALPHA HEADER =================*/
/*==============================================================*/


.headroom {
    margin: 0 auto;
    top: 0;
    width: 100%;
    z-index: 9;
}

.headroom-fixed {
	position: fixed;
	margin-top: 0px;
}

.headroom-unfixed {
	position: relative;
	margin-top: 0px;
}






.product_sectiontitle {

}












/*==============================================================*/
/* ================ NEW MODAL CARD OPEN  =================*/
/*==============================================================*/






.openmodal-btn {
  position: absolute;
  float: right;
  right: 5px;
  top: 5px;
  height: 28px;
  width: 28px;
  line-height: 29px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  color: #363d44;
  opacity: 0.85;
  text-align: center;
  cursor: pointer;
  visibility: visible;
  transition: all 0.15s ease-in-out;
  z-index: 600;
 }

.card.open .openmodal-btn {
  opacity: 0;
  visibility: hidden;
}










.modal-card.open {
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    height: 100vh;
    margin-top: 0px;
  	position: fixed;
  	float: left;
  	left: 0;
  	top: 0;
  	z-index: 100;
  	background-color: white;
  	padding-bottom: 5px;
}



.modal-content-area {
	/*height: 40vh;*/
	text-overflow: ellipsis;
	overflow: hidden;
	/*padding-bottom: 20px;*/
}

.modal-content-area.open {
	padding-bottom: 0px;
	height: 100%;
	overflow: auto;
	padding-bottom: 100px;
}








.modal-banner {
  position: relative;
  /*height: 200px;*/
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

.modal-banner.open {
  position: relative;
  width: 100%;
  height: 150px;
  overflow: auto;
  z-index: 1;
  border-radius: 0;
}






.card-img-top {
	border-top-left-radius: 12px !important;
	border-top-right-radius: 12px !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.card .card-img-top a img {
	border-radius: 0px;
	border-top-left-radius: 12px !important;
	border-top-right-radius: 12px !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}




.modal-icons {
	background-color: transparent;
 	 z-index: 1;
}

.modal-icons.open {
	position: absolute;
	float: left;
	top: 100px;
	left: 0px;
	background-color: #f5f5f5;
  z-index: 2;

}

























/*==============================================================*/
/* ================ COLOR PALETTE  =================*/
/*==============================================================*/

/*
#FFA5A5 ea_pink
#8A4B38 ea_brown
#EBBD93 ea_cream
#FAEFED ea_whitesmoke
#191919 ea_blackie
*/


.has-text-ea_pink {
  color: #FFA5A5 !important;
}

a.has-text-ea_pink:hover, a.has-text-white:focus {
  color: #191919 !important;
}

.has-background-ea_pink {
  background-color: #FFA5A5 !important;
}


.has-text-ea_brown {
  color: #8A4B38 !important;
}

a.has-text-ea_brown:hover, a.has-text-white:focus {
  color: #191919 !important;
}

.has-background-ea_brown {
  background-color: #8A4B38 !important;
}


.has-text-ea_cream {
  color: #EBBD93 !important;
}

a.has-text-ea_cream:hover, a.has-text-white:focus {
  color: #191919 !important;
}

.has-background-ea_cream {
  background-color: #EBBD93 !important;
}


.has-text-ea_whitesmoke {
  color: #FAEFED !important;
}

a.has-text-ea_whitesmoke:hover, a.has-text-white:focus {
  color: #191919 !important;
}

.has-background-ea_whitesmoke {
  background-color: #FAEFED !important;
}


.has-text-ea_whitesmoke {
  color: #191919 !important;
}

a.has-text-ea_whitesmoke:hover, a.has-text-white:focus {
  color: #EBBD93 !important;
}

.has-background-ea_whitesmoke {
  background-color: #191919 !important;
}




p {
	padding-bottom: 10px;
}









.persistent_cart_icon {
	float: left;
/* 	width: 65%; */
}





.persistent_cart_qty_badge {
	float: left;
	font-family:'SF UI Display Bold';
	font-size: 12px;
}











.product_type_title {
color: #2f2f2f;
/* font-size: 1.5rem; */
font-weight: 600;
line-height: 1.1;
}















/*==============================================================*/
/* ================ STRIPE INTEGRATION  =================*/
/*==============================================================*/

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}


.result-message {
  line-height: 22px;
  font-size: 16px;
}

.result-message a {
  color: rgb(89, 111, 214);
  font-weight: 600;
  text-decoration: none;
}

.hidden {
  display: none;
}

.card-error {
  color: rgb(105, 115, 134);
  text-align: left;
  font-size: 13px;
  line-height: 17px;
  margin-top: 12px;
}

#card-element {
  border-radius: 4px 4px 0 0 ;
  padding: 12px;
  border: 1px solid rgba(50, 50, 93, 0.1);
  height: 44px;
  width: 100%;
  background: white;
}

#payment-request-button {
  margin-bottom: 32px;
}

/* Buttons and links */
.stripebutton {
  background: #ffde00;
  color: #141414;
  font-family: Helvetica, 'Helvetica Neue', sans-serif;
  border-radius: 0 0 4px 4px;
  border: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: block;
  transition: all 0.2s ease;
  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
  width: 100%;
}
.stripebutton:hover {
  filter: contrast(115%);
}
.stripebutton:disabled {
  opacity: 0.5;
  cursor: default;
}

/* spinner/processing state, errors */
.stripespinner,
.stripespinner:before,
.stripespinner:after {
  border-radius: 50%;
}
.stripespinner {
  color: #ffffff;
  font-size: 22px;
  text-indent: -99999px;
  margin: 0px auto;
  position: relative;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.stripespinner:before,
.stripespinner:after {
  position: absolute;
  content: "";
}
.stripespinner:before {
  width: 10.4px;
  height: 20.4px;
  background: #5469d4;
  border-radius: 20.4px 0 0 20.4px;
  top: -0.2px;
  left: -0.2px;
  -webkit-transform-origin: 10.4px 10.2px;
  transform-origin: 10.4px 10.2px;
  -webkit-animation: loading 2s infinite ease 1.5s;
  animation: loading 2s infinite ease 1.5s;
}
.stripespinner:after {
  width: 10.4px;
  height: 10.2px;
  background: #5469d4;
  border-radius: 0 10.2px 10.2px 0;
  top: -0.1px;
  left: 10.2px;
  -webkit-transform-origin: 0px 10.2px;
  transform-origin: 0px 10.2px;
  -webkit-animation: loading 2s infinite ease;
  animation: loading 2s infinite ease;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media only screen and (max-width: 600px) {
  form {
    width: 80vw;
  }
}























/*==============================================================*/
/* ================ STRIPE INTEGRATION  =================*/
/*==============================================================*/

.imgloader,
.imgloader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.imgloader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}













/*==============================================================*/
/* ================ COLOR PALETTE  =================*/
/*==============================================================*/
.has-text-pm_steelblue {
	color: #235471
}

.has-text-pm_sky {
	color: #4FAABB
}

.has-text-pm_lightblue {
	color: #82C9D4
}

.has-text-pm_blackie {
	color: #181A19
}

.has-text-pm_orange {
	color: #EA6040
}

.has-text-pm_mango {
	color: #FBA65C
}

.has-text-pm_paleyellow {
	color: #FFD96C
}

.has-text-pm_violet {
	color: #8C00E7
}

.has-text-pm_magento {
	color: #FF1885
}

.has-text-pm_mamey {
	color: #FF5D00
}

.has-text-pm_royalblue {
	color: #0089C5
}

.has-text-pm_aqua {
	color: #EE6D22
}












.has-background-pm_steelblue {
	background-color:  #235471
}

.has-background-pm_sky {
	background-color:  #4FAABB
}

.has-background-pm_lightblue {
	background-color:  #82C9D4
}

.has-background-pm_blackie {
	background-color:  #181A19
}

.has-background-pm_orange {
	background-color:  #EA6040
}

.has-background-pm_mango {
	background-color:  #FBA65C
}

.has-background-pm_paleyellow {
	background-color:  #FFD96C
}

.has-background-pm_violet {
	background-color:  #8C00E7
}

.has-background-pm_magento {
	background-color:  #FF1885
}

.has-background-pm_mamey {
	background-color:  #FF5D00
}

.has-background-pm_royalblue {
	background-color:  #0089C5
}

.has-background-pm_aqua {
	background-color:  #EE6D22
}







.has-gradient-orange {
	font-size: 72px;
	background: -webkit-linear-gradient(#FF5D00, #FFD955);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.has-gradient-magento {
	font-size: 72px;
	background: -webkit-linear-gradient(#8B00E7, #FF1485);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.has-gradient-blue {
	font-size: 72px;
	background: -webkit-linear-gradient(#0089C6, #1CACBD);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}




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













/*==============================================================*/
/* ================ COLOR PALETTE BUTTONS  =================*/
/*==============================================================*/

/* ==================== */
/* pm_steelblue */
/* ==================== */

.button.is-pm_steelblue {
  background-color: #235471;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_steelblue:hover, .button.is-pm_steelblue.is-hovered {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_steelblue:focus, .button.is-pm_steelblue.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-pm_steelblue:focus:not(:active), .button.is-pm_steelblue.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pm_steelblue:active, .button.is-pm_steelblue.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_steelblue[disabled],
fieldset[disabled] .button.is-pm_steelblue {
  background-color: #235471;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pm_steelblue.is-inverted {
  background-color: #fff;
  color: #235471;
}

.button.is-pm_steelblue.is-inverted:hover, .button.is-pm_steelblue.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pm_steelblue.is-inverted[disabled],
fieldset[disabled] .button.is-pm_steelblue.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #235471;
}

.button.is-pm_steelblue.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_steelblue.is-outlined {
  background-color: transparent;
  border-color: #235471;
  color: #235471;
}

.button.is-pm_steelblue.is-outlined:hover, .button.is-pm_steelblue.is-outlined.is-hovered, .button.is-pm_steelblue.is-outlined:focus, .button.is-pm_steelblue.is-outlined.is-focused {
  background-color: #235471;
  border-color: #235471;
  color: #fff;
}

.button.is-pm_steelblue.is-outlined.is-loading::after {
  border-color: transparent transparent #235471 #235471 !important;
}

.button.is-pm_steelblue.is-outlined.is-loading:hover::after, .button.is-pm_steelblue.is-outlined.is-loading.is-hovered::after, .button.is-pm_steelblue.is-outlined.is-loading:focus::after, .button.is-pm_steelblue.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_steelblue.is-outlined[disabled],
fieldset[disabled] .button.is-pm_steelblue.is-outlined {
  background-color: transparent;
  border-color: #235471;
  box-shadow: none;
  color: #235471;
}

.button.is-pm_steelblue.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pm_steelblue.is-inverted.is-outlined:hover, .button.is-pm_steelblue.is-inverted.is-outlined.is-hovered, .button.is-pm_steelblue.is-inverted.is-outlined:focus, .button.is-pm_steelblue.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #235471;
}

.button.is-pm_steelblue.is-inverted.is-outlined.is-loading:hover::after, .button.is-pm_steelblue.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-pm_steelblue.is-inverted.is-outlined.is-loading:focus::after, .button.is-pm_steelblue.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #235471 #235471 !important;
}

.button.is-pm_steelblue.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pm_steelblue.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pm_steelblue.is-light {
  background-color: #ebfffc;
  color: #235471;
}

.button.is-pm_steelblue.is-light:hover, .button.is-pm_steelblue.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #235471;
}

.button.is-pm_steelblue.is-light:active, .button.is-pm_steelblue.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #235471;
}


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



/* ==================== */
/* pm_sky */
/* ==================== */

.button.is-pm_sky {
  background-color: #4FAABB;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_sky:hover, .button.is-pm_sky.is-hovered {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_sky:focus, .button.is-pm_sky.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-pm_sky:focus:not(:active), .button.is-pm_sky.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pm_sky:active, .button.is-pm_sky.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_sky[disabled],
fieldset[disabled] .button.is-pm_sky {
  background-color: #4FAABB;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pm_sky.is-inverted {
  background-color: #fff;
  color: #4FAABB;
}

.button.is-pm_sky.is-inverted:hover, .button.is-pm_sky.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pm_sky.is-inverted[disabled],
fieldset[disabled] .button.is-pm_sky.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #4FAABB;
}

.button.is-pm_sky.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_sky.is-outlined {
  background-color: transparent;
  border-color: #4FAABB;
  color: #4FAABB;
}

.button.is-pm_sky.is-outlined:hover, .button.is-pm_sky.is-outlined.is-hovered, .button.is-pm_sky.is-outlined:focus, .button.is-pm_sky.is-outlined.is-focused {
  background-color: #4FAABB;
  border-color: #4FAABB;
  color: #fff;
}

.button.is-pm_sky.is-outlined.is-loading::after {
  border-color: transparent transparent #4FAABB #4FAABB !important;
}

.button.is-pm_sky.is-outlined.is-loading:hover::after, .button.is-pm_sky.is-outlined.is-loading.is-hovered::after, .button.is-pm_sky.is-outlined.is-loading:focus::after, .button.is-pm_sky.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_sky.is-outlined[disabled],
fieldset[disabled] .button.is-pm_sky.is-outlined {
  background-color: transparent;
  border-color: #4FAABB;
  box-shadow: none;
  color: #4FAABB;
}

.button.is-pm_sky.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pm_sky.is-inverted.is-outlined:hover, .button.is-pm_sky.is-inverted.is-outlined.is-hovered, .button.is-pm_sky.is-inverted.is-outlined:focus, .button.is-pm_sky.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #4FAABB;
}

.button.is-pm_sky.is-inverted.is-outlined.is-loading:hover::after, .button.is-pm_sky.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-pm_sky.is-inverted.is-outlined.is-loading:focus::after, .button.is-pm_sky.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #4FAABB #4FAABB !important;
}

.button.is-pm_sky.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pm_sky.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pm_sky.is-light {
  background-color: #ebfffc;
  color: #4FAABB;
}

.button.is-pm_sky.is-light:hover, .button.is-pm_sky.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #4FAABB;
}

.button.is-pm_sky.is-light:active, .button.is-pm_sky.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #4FAABB;
}


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




/* ==================== */
/* pm_lightblue */
/* ==================== */

.button.is-pm_lightblue {
  background-color: #82C9D4;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_lightblue:hover, .button.is-pm_lightblue.is-hovered {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_lightblue:focus, .button.is-pm_lightblue.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-pm_lightblue:focus:not(:active), .button.is-pm_lightblue.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pm_lightblue:active, .button.is-pm_lightblue.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_lightblue[disabled],
fieldset[disabled] .button.is-pm_lightblue {
  background-color: #82C9D4;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pm_lightblue.is-inverted {
  background-color: #fff;
  color: #82C9D4;
}

.button.is-pm_lightblue.is-inverted:hover, .button.is-pm_lightblue.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pm_lightblue.is-inverted[disabled],
fieldset[disabled] .button.is-pm_lightblue.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #82C9D4;
}

.button.is-pm_lightblue.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_lightblue.is-outlined {
  background-color: transparent;
  border-color: #82C9D4;
  color: #82C9D4;
}

.button.is-pm_lightblue.is-outlined:hover, .button.is-pm_lightblue.is-outlined.is-hovered, .button.is-pm_lightblue.is-outlined:focus, .button.is-pm_lightblue.is-outlined.is-focused {
  background-color: #82C9D4;
  border-color: #82C9D4;
  color: #fff;
}

.button.is-pm_lightblue.is-outlined.is-loading::after {
  border-color: transparent transparent #82C9D4 #82C9D4 !important;
}

.button.is-pm_lightblue.is-outlined.is-loading:hover::after, .button.is-pm_lightblue.is-outlined.is-loading.is-hovered::after, .button.is-pm_lightblue.is-outlined.is-loading:focus::after, .button.is-pm_lightblue.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_lightblue.is-outlined[disabled],
fieldset[disabled] .button.is-pm_lightblue.is-outlined {
  background-color: transparent;
  border-color: #82C9D4;
  box-shadow: none;
  color: #82C9D4;
}

.button.is-pm_lightblue.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pm_lightblue.is-inverted.is-outlined:hover, .button.is-pm_lightblue.is-inverted.is-outlined.is-hovered, .button.is-pm_lightblue.is-inverted.is-outlined:focus, .button.is-pm_lightblue.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #82C9D4;
}

.button.is-pm_lightblue.is-inverted.is-outlined.is-loading:hover::after, .button.is-pm_lightblue.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-pm_lightblue.is-inverted.is-outlined.is-loading:focus::after, .button.is-pm_lightblue.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #82C9D4 #82C9D4 !important;
}

.button.is-pm_lightblue.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pm_lightblue.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pm_lightblue.is-light {
  background-color: #ebfffc;
  color: #82C9D4;
}

.button.is-pm_lightblue.is-light:hover, .button.is-pm_lightblue.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #82C9D4;
}

.button.is-pm_lightblue.is-light:active, .button.is-pm_lightblue.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #82C9D4;
}


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



/* ==================== */
/* pm_orange */
/* ==================== */

.button.is-pm_orange {
  background-color: #EA6040;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_orange:hover, .button.is-pm_orange.is-hovered {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_orange:focus, .button.is-pm_orange.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-pm_orange:focus:not(:active), .button.is-pm_orange.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pm_orange:active, .button.is-pm_orange.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_orange[disabled],
fieldset[disabled] .button.is-pm_orange {
  background-color: #EA6040;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pm_orange.is-inverted {
  background-color: #fff;
  color: #EA6040;
}

.button.is-pm_orange.is-inverted:hover, .button.is-pm_orange.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pm_orange.is-inverted[disabled],
fieldset[disabled] .button.is-pm_orange.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #EA6040;
}

.button.is-pm_orange.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_orange.is-outlined {
  background-color: transparent;
  border-color: #EA6040;
  color: #EA6040;
}

.button.is-pm_orange.is-outlined:hover, .button.is-pm_orange.is-outlined.is-hovered, .button.is-pm_orange.is-outlined:focus, .button.is-pm_orange.is-outlined.is-focused {
  background-color: #EA6040;
  border-color: #EA6040;
  color: #fff;
}

.button.is-pm_orange.is-outlined.is-loading::after {
  border-color: transparent transparent #EA6040 #EA6040 !important;
}

.button.is-pm_orange.is-outlined.is-loading:hover::after, .button.is-pm_orange.is-outlined.is-loading.is-hovered::after, .button.is-pm_orange.is-outlined.is-loading:focus::after, .button.is-pm_orange.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_orange.is-outlined[disabled],
fieldset[disabled] .button.is-pm_orange.is-outlined {
  background-color: transparent;
  border-color: #EA6040;
  box-shadow: none;
  color: #EA6040;
}

.button.is-pm_orange.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pm_orange.is-inverted.is-outlined:hover, .button.is-pm_orange.is-inverted.is-outlined.is-hovered, .button.is-pm_orange.is-inverted.is-outlined:focus, .button.is-pm_orange.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #EA6040;
}

.button.is-pm_orange.is-inverted.is-outlined.is-loading:hover::after, .button.is-pm_orange.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-pm_orange.is-inverted.is-outlined.is-loading:focus::after, .button.is-pm_orange.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #EA6040 #EA6040 !important;
}

.button.is-pm_orange.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pm_orange.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pm_orange.is-light {
  background-color: #ebfffc;
  color: #EA6040;
}

.button.is-pm_orange.is-light:hover, .button.is-pm_orange.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #EA6040;
}

.button.is-pm_orange.is-light:active, .button.is-pm_orange.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #EA6040;
}


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


/* ==================== */
/* pm_mango */
/* ==================== */

.button.is-pm_mango {
  background-color: #FBA65C;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_mango:hover, .button.is-pm_mango.is-hovered {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_mango:focus, .button.is-pm_mango.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-pm_mango:focus:not(:active), .button.is-pm_mango.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pm_mango:active, .button.is-pm_mango.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_mango[disabled],
fieldset[disabled] .button.is-pm_mango {
  background-color: #FBA65C;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pm_mango.is-inverted {
  background-color: #fff;
  color: #FBA65C;
}

.button.is-pm_mango.is-inverted:hover, .button.is-pm_mango.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pm_mango.is-inverted[disabled],
fieldset[disabled] .button.is-pm_mango.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #FBA65C;
}

.button.is-pm_mango.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_mango.is-outlined {
  background-color: transparent;
  border-color: #FBA65C;
  color: #FBA65C;
}

.button.is-pm_mango.is-outlined:hover, .button.is-pm_mango.is-outlined.is-hovered, .button.is-pm_mango.is-outlined:focus, .button.is-pm_mango.is-outlined.is-focused {
  background-color: #FBA65C;
  border-color: #FBA65C;
  color: #fff;
}

.button.is-pm_mango.is-outlined.is-loading::after {
  border-color: transparent transparent #FBA65C #FBA65C !important;
}

.button.is-pm_mango.is-outlined.is-loading:hover::after, .button.is-pm_mango.is-outlined.is-loading.is-hovered::after, .button.is-pm_mango.is-outlined.is-loading:focus::after, .button.is-pm_mango.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_mango.is-outlined[disabled],
fieldset[disabled] .button.is-pm_mango.is-outlined {
  background-color: transparent;
  border-color: #FBA65C;
  box-shadow: none;
  color: #FBA65C;
}

.button.is-pm_mango.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pm_mango.is-inverted.is-outlined:hover, .button.is-pm_mango.is-inverted.is-outlined.is-hovered, .button.is-pm_mango.is-inverted.is-outlined:focus, .button.is-pm_mango.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #FBA65C;
}

.button.is-pm_mango.is-inverted.is-outlined.is-loading:hover::after, .button.is-pm_mango.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-pm_mango.is-inverted.is-outlined.is-loading:focus::after, .button.is-pm_mango.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #FBA65C #FBA65C !important;
}

.button.is-pm_mango.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pm_mango.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pm_mango.is-light {
  background-color: #ebfffc;
  color: #FBA65C;
}

.button.is-pm_mango.is-light:hover, .button.is-pm_mango.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #FBA65C;
}

.button.is-pm_mango.is-light:active, .button.is-pm_mango.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #FBA65C;
}


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


/* ==================== */
/* pm_paleyellow */
/* ==================== */

.button.is-pm_paleyellow {
  background-color: #FFD96C;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_paleyellow:hover, .button.is-pm_paleyellow.is-hovered {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_paleyellow:focus, .button.is-pm_paleyellow.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-pm_paleyellow:focus:not(:active), .button.is-pm_paleyellow.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pm_paleyellow:active, .button.is-pm_paleyellow.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_paleyellow[disabled],
fieldset[disabled] .button.is-pm_paleyellow {
  background-color: #FFD96C;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pm_paleyellow.is-inverted {
  background-color: #fff;
  color: #FFD96C;
}

.button.is-pm_paleyellow.is-inverted:hover, .button.is-pm_paleyellow.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pm_paleyellow.is-inverted[disabled],
fieldset[disabled] .button.is-pm_paleyellow.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #FFD96C;
}

.button.is-pm_paleyellow.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_paleyellow.is-outlined {
  background-color: transparent;
  border-color: #FFD96C;
  color: #FFD96C;
}

.button.is-pm_paleyellow.is-outlined:hover, .button.is-pm_paleyellow.is-outlined.is-hovered, .button.is-pm_paleyellow.is-outlined:focus, .button.is-pm_paleyellow.is-outlined.is-focused {
  background-color: #FFD96C;
  border-color: #FFD96C;
  color: #fff;
}

.button.is-pm_paleyellow.is-outlined.is-loading::after {
  border-color: transparent transparent #FFD96C #FFD96C !important;
}

.button.is-pm_paleyellow.is-outlined.is-loading:hover::after, .button.is-pm_paleyellow.is-outlined.is-loading.is-hovered::after, .button.is-pm_paleyellow.is-outlined.is-loading:focus::after, .button.is-pm_paleyellow.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_paleyellow.is-outlined[disabled],
fieldset[disabled] .button.is-pm_paleyellow.is-outlined {
  background-color: transparent;
  border-color: #FFD96C;
  box-shadow: none;
  color: #FFD96C;
}

.button.is-pm_paleyellow.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pm_paleyellow.is-inverted.is-outlined:hover, .button.is-pm_paleyellow.is-inverted.is-outlined.is-hovered, .button.is-pm_paleyellow.is-inverted.is-outlined:focus, .button.is-pm_paleyellow.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #FFD96C;
}

.button.is-pm_paleyellow.is-inverted.is-outlined.is-loading:hover::after, .button.is-pm_paleyellow.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-pm_paleyellow.is-inverted.is-outlined.is-loading:focus::after, .button.is-pm_paleyellow.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #FFD96C #FFD96C !important;
}

.button.is-pm_paleyellow.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pm_paleyellow.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pm_paleyellow.is-light {
  background-color: #ebfffc;
  color: #FFD96C;
}

.button.is-pm_paleyellow.is-light:hover, .button.is-pm_paleyellow.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #FFD96C;
}

.button.is-pm_paleyellow.is-light:active, .button.is-pm_paleyellow.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #FFD96C;
}


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



/* ==================== */
/* pm_magento */
/* ==================== */

.button.is-pm_magento {
  background-color: #FF1885;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_magento:hover, .button.is-pm_magento.is-hovered {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_magento:focus, .button.is-pm_magento.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-pm_magento:focus:not(:active), .button.is-pm_magento.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pm_magento:active, .button.is-pm_magento.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_magento[disabled],
fieldset[disabled] .button.is-pm_magento {
  background-color: #FF1885;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pm_magento.is-inverted {
  background-color: #fff;
  color: #FF1885;
}

.button.is-pm_magento.is-inverted:hover, .button.is-pm_magento.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pm_magento.is-inverted[disabled],
fieldset[disabled] .button.is-pm_magento.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #FF1885;
}

.button.is-pm_magento.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_magento.is-outlined {
  background-color: transparent;
  border-color: #FF1885;
  color: #FF1885;
}

.button.is-pm_magento.is-outlined:hover, .button.is-pm_magento.is-outlined.is-hovered, .button.is-pm_magento.is-outlined:focus, .button.is-pm_magento.is-outlined.is-focused {
  background-color: #FF1885;
  border-color: #FF1885;
  color: #fff;
}

.button.is-pm_magento.is-outlined.is-loading::after {
  border-color: transparent transparent #FF1885 #FF1885 !important;
}

.button.is-pm_magento.is-outlined.is-loading:hover::after, .button.is-pm_magento.is-outlined.is-loading.is-hovered::after, .button.is-pm_magento.is-outlined.is-loading:focus::after, .button.is-pm_magento.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_magento.is-outlined[disabled],
fieldset[disabled] .button.is-pm_magento.is-outlined {
  background-color: transparent;
  border-color: #FF1885;
  box-shadow: none;
  color: #FF1885;
}

.button.is-pm_magento.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pm_magento.is-inverted.is-outlined:hover, .button.is-pm_magento.is-inverted.is-outlined.is-hovered, .button.is-pm_magento.is-inverted.is-outlined:focus, .button.is-pm_magento.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #FF1885;
}

.button.is-pm_magento.is-inverted.is-outlined.is-loading:hover::after, .button.is-pm_magento.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-pm_magento.is-inverted.is-outlined.is-loading:focus::after, .button.is-pm_magento.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #FF1885 #FF1885 !important;
}

.button.is-pm_magento.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pm_magento.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pm_magento.is-light {
  background-color: #ebfffc;
  color: #FF1885;
}

.button.is-pm_magento.is-light:hover, .button.is-pm_magento.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #FF1885;
}

.button.is-pm_magento.is-light:active, .button.is-pm_magento.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #FF1885;
}


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


/* ==================== */
/* pm_mamey */
/* ==================== */

.button.is-pm_mamey {
  background-color: #FF5D00;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_mamey:hover, .button.is-pm_mamey.is-hovered {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_mamey:focus, .button.is-pm_mamey.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-pm_mamey:focus:not(:active), .button.is-pm_mamey.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pm_mamey:active, .button.is-pm_mamey.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_mamey[disabled],
fieldset[disabled] .button.is-pm_mamey {
  background-color: #FF5D00;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pm_mamey.is-inverted {
  background-color: #fff;
  color: #FF5D00;
}

.button.is-pm_mamey.is-inverted:hover, .button.is-pm_mamey.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pm_mamey.is-inverted[disabled],
fieldset[disabled] .button.is-pm_mamey.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #FF5D00;
}

.button.is-pm_mamey.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_mamey.is-outlined {
  background-color: transparent;
  border-color: #FF5D00;
  color: #FF5D00;
}

.button.is-pm_mamey.is-outlined:hover, .button.is-pm_mamey.is-outlined.is-hovered, .button.is-pm_mamey.is-outlined:focus, .button.is-pm_mamey.is-outlined.is-focused {
  background-color: #FF5D00;
  border-color: #FF5D00;
  color: #fff;
}

.button.is-pm_mamey.is-outlined.is-loading::after {
  border-color: transparent transparent #FF5D00 #FF5D00 !important;
}

.button.is-pm_mamey.is-outlined.is-loading:hover::after, .button.is-pm_mamey.is-outlined.is-loading.is-hovered::after, .button.is-pm_mamey.is-outlined.is-loading:focus::after, .button.is-pm_mamey.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_mamey.is-outlined[disabled],
fieldset[disabled] .button.is-pm_mamey.is-outlined {
  background-color: transparent;
  border-color: #FF5D00;
  box-shadow: none;
  color: #FF5D00;
}

.button.is-pm_mamey.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pm_mamey.is-inverted.is-outlined:hover, .button.is-pm_mamey.is-inverted.is-outlined.is-hovered, .button.is-pm_mamey.is-inverted.is-outlined:focus, .button.is-pm_mamey.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #FF5D00;
}

.button.is-pm_mamey.is-inverted.is-outlined.is-loading:hover::after, .button.is-pm_mamey.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-pm_mamey.is-inverted.is-outlined.is-loading:focus::after, .button.is-pm_mamey.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #FF5D00 #FF5D00 !important;
}

.button.is-pm_mamey.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pm_mamey.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pm_mamey.is-light {
  background-color: #ebfffc;
  color: #FF5D00;
}

.button.is-pm_mamey.is-light:hover, .button.is-pm_mamey.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #FF5D00;
}

.button.is-pm_mamey.is-light:active, .button.is-pm_mamey.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #FF5D00;
}


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


/* ==================== */
/* pm_royalblue */
/* ==================== */

.button.is-pm_royalblue {
  background-color: #0089C5;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_royalblue:hover, .button.is-pm_royalblue.is-hovered {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_royalblue:focus, .button.is-pm_royalblue.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-pm_royalblue:focus:not(:active), .button.is-pm_royalblue.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pm_royalblue:active, .button.is-pm_royalblue.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_royalblue[disabled],
fieldset[disabled] .button.is-pm_royalblue {
  background-color: #0089C5;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pm_royalblue.is-inverted {
  background-color: #fff;
  color: #0089C5;
}

.button.is-pm_royalblue.is-inverted:hover, .button.is-pm_royalblue.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pm_royalblue.is-inverted[disabled],
fieldset[disabled] .button.is-pm_royalblue.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #0089C5;
}

.button.is-pm_royalblue.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_royalblue.is-outlined {
  background-color: transparent;
  border-color: #0089C5;
  color: #0089C5;
}

.button.is-pm_royalblue.is-outlined:hover, .button.is-pm_royalblue.is-outlined.is-hovered, .button.is-pm_royalblue.is-outlined:focus, .button.is-pm_royalblue.is-outlined.is-focused {
  background-color: #0089C5;
  border-color: #0089C5;
  color: #fff;
}

.button.is-pm_royalblue.is-outlined.is-loading::after {
  border-color: transparent transparent #0089C5 #0089C5 !important;
}

.button.is-pm_royalblue.is-outlined.is-loading:hover::after, .button.is-pm_royalblue.is-outlined.is-loading.is-hovered::after, .button.is-pm_royalblue.is-outlined.is-loading:focus::after, .button.is-pm_royalblue.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_royalblue.is-outlined[disabled],
fieldset[disabled] .button.is-pm_royalblue.is-outlined {
  background-color: transparent;
  border-color: #0089C5;
  box-shadow: none;
  color: #0089C5;
}

.button.is-pm_royalblue.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pm_royalblue.is-inverted.is-outlined:hover, .button.is-pm_royalblue.is-inverted.is-outlined.is-hovered, .button.is-pm_royalblue.is-inverted.is-outlined:focus, .button.is-pm_royalblue.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #0089C5;
}

.button.is-pm_royalblue.is-inverted.is-outlined.is-loading:hover::after, .button.is-pm_royalblue.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-pm_royalblue.is-inverted.is-outlined.is-loading:focus::after, .button.is-pm_royalblue.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #0089C5 #0089C5 !important;
}

.button.is-pm_royalblue.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pm_royalblue.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pm_royalblue.is-light {
  background-color: #ebfffc;
  color: #0089C5;
}

.button.is-pm_royalblue.is-light:hover, .button.is-pm_royalblue.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #0089C5;
}

.button.is-pm_royalblue.is-light:active, .button.is-pm_royalblue.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #0089C5;
}


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


/* ==================== */
/* pm_aqua */
/* ==================== */

.button.is-pm_aqua {
  background-color: #EE6D22;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_aqua:hover, .button.is-pm_aqua.is-hovered {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_aqua:focus, .button.is-pm_aqua.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-pm_aqua:focus:not(:active), .button.is-pm_aqua.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pm_aqua:active, .button.is-pm_aqua.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_aqua[disabled],
fieldset[disabled] .button.is-pm_aqua {
  background-color: #EE6D22;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pm_aqua.is-inverted {
  background-color: #fff;
  color: #EE6D22;
}

.button.is-pm_aqua.is-inverted:hover, .button.is-pm_aqua.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pm_aqua.is-inverted[disabled],
fieldset[disabled] .button.is-pm_aqua.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #EE6D22;
}

.button.is-pm_aqua.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_aqua.is-outlined {
  background-color: transparent;
  border-color: #EE6D22;
  color: #EE6D22;
}

.button.is-pm_aqua.is-outlined:hover, .button.is-pm_aqua.is-outlined.is-hovered, .button.is-pm_aqua.is-outlined:focus, .button.is-pm_aqua.is-outlined.is-focused {
  background-color: #EE6D22;
  border-color: #EE6D22;
  color: #fff;
}

.button.is-pm_aqua.is-outlined.is-loading::after {
  border-color: transparent transparent #EE6D22 #EE6D22 !important;
}

.button.is-pm_aqua.is-outlined.is-loading:hover::after, .button.is-pm_aqua.is-outlined.is-loading.is-hovered::after, .button.is-pm_aqua.is-outlined.is-loading:focus::after, .button.is-pm_aqua.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_aqua.is-outlined[disabled],
fieldset[disabled] .button.is-pm_aqua.is-outlined {
  background-color: transparent;
  border-color: #EE6D22;
  box-shadow: none;
  color: #EE6D22;
}

.button.is-pm_aqua.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pm_aqua.is-inverted.is-outlined:hover, .button.is-pm_aqua.is-inverted.is-outlined.is-hovered, .button.is-pm_aqua.is-inverted.is-outlined:focus, .button.is-pm_aqua.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #EE6D22;
}

.button.is-pm_aqua.is-inverted.is-outlined.is-loading:hover::after, .button.is-pm_aqua.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-pm_aqua.is-inverted.is-outlined.is-loading:focus::after, .button.is-pm_aqua.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #EE6D22 #EE6D22 !important;
}

.button.is-pm_aqua.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pm_aqua.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pm_aqua.is-light {
  background-color: #ebfffc;
  color: #EE6D22;
}

.button.is-pm_aqua.is-light:hover, .button.is-pm_aqua.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #EE6D22;
}

.button.is-pm_aqua.is-light:active, .button.is-pm_aqua.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #EE6D22;
}


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









/* ==================== */
/* pm_bluenew */
/* ==================== */

.button.is-pm_bluenew {
  background-color: #11b4e0;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_bluenew:hover, .button.is-pm_bluenew.is-hovered {
  background-color: #058eb4;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_bluenew:focus, .button.is-pm_bluenew.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-pm_bluenew:focus:not(:active), .button.is-pm_bluenew.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pm_bluenew:active, .button.is-pm_bluenew.is-active {
  background-color: #00b3e5;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_bluenew[disabled],
fieldset[disabled] .button.is-pm_bluenew {
  background-color: #e5e5e5;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pm_bluenew.is-inverted {
  background-color: #fff;
  color: #11b4e0;
}

.button.is-pm_bluenew.is-inverted:hover, .button.is-pm_bluenew.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pm_bluenew.is-inverted[disabled],
fieldset[disabled] .button.is-pm_bluenew.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #11b4e0;
}

.button.is-pm_bluenew.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_bluenew.is-outlined {
  background-color: transparent;
  border-color: #11b4e0;
  color: #11b4e0;
}

.button.is-pm_bluenew.is-outlined:hover, .button.is-pm_bluenew.is-outlined.is-hovered, .button.is-pm_bluenew.is-outlined:focus, .button.is-pm_bluenew.is-outlined.is-focused {
  background-color: #11b4e0;
  border-color: #11b4e0;
  color: #fff;
}

.button.is-pm_bluenew.is-outlined.is-loading::after {
  border-color: transparent transparent #11b4e0 #11b4e0 !important;
}

.button.is-pm_bluenew.is-outlined.is-loading:hover::after, .button.is-pm_bluenew.is-outlined.is-loading.is-hovered::after, .button.is-pm_bluenew.is-outlined.is-loading:focus::after, .button.is-pm_bluenew.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_bluenew.is-outlined[disabled],
fieldset[disabled] .button.is-pm_bluenew.is-outlined {
  background-color: transparent;
  border-color: #11b4e0;
  box-shadow: none;
  color: #11b4e0;
}

.button.is-pm_bluenew.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pm_bluenew.is-inverted.is-outlined:hover, .button.is-pm_bluenew.is-inverted.is-outlined.is-hovered, .button.is-pm_bluenew.is-inverted.is-outlined:focus, .button.is-pm_bluenew.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #11b4e0;
}

.button.is-pm_bluenew.is-inverted.is-outlined.is-loading:hover::after, .button.is-pm_bluenew.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-pm_bluenew.is-inverted.is-outlined.is-loading:focus::after, .button.is-pm_bluenew.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #11b4e0 #11b4e0 !important;
}

.button.is-pm_bluenew.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pm_bluenew.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pm_bluenew.is-light {
  background-color: #a1ebff;
  color: #11b4e0;
}

.button.is-pm_bluenew.is-light:hover, .button.is-pm_bluenew.is-light.is-hovered {
  background-color: #058eb4;
  border-color: transparent;
  color: #11b4e0;
}

.button.is-pm_bluenew.is-light:active, .button.is-pm_bluenew.is-light.is-active {
  background-color: #a1ebff;
  border-color: transparent;
  color: #11b4e0;
}


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










/* ==================== */
/* pm_brown */
/* ==================== */

.button.is-pm_brown {
  background-color: #3e2a20;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_brown:hover, .button.is-pm_brown.is-hovered {
  background-color: #311d13;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_brown:focus, .button.is-pm_brown.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-pm_brown:focus:not(:active), .button.is-pm_brown.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pm_brown:active, .button.is-pm_brown.is-active {
  background-color: #311d13;
  border-color: transparent;
  color: #fff;
}

.button.is-pm_brown[disabled],
fieldset[disabled] .button.is-pm_brown {
  background-color: #e5e5e5;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pm_brown.is-inverted {
  background-color: #fff;
  color: #3e2a20;
}

.button.is-pm_brown.is-inverted:hover, .button.is-pm_brown.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pm_brown.is-inverted[disabled],
fieldset[disabled] .button.is-pm_brown.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #3e2a20;
}

.button.is-pm_brown.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_brown.is-outlined {
  background-color: transparent;
  border-color: #3e2a20;
  color: #3e2a20;
}

.button.is-pm_brown.is-outlined:hover, .button.is-pm_brown.is-outlined.is-hovered, .button.is-pm_brown.is-outlined:focus, .button.is-pm_brown.is-outlined.is-focused {
  background-color: #3e2a20;
  border-color: #3e2a20;
  color: #fff;
}

.button.is-pm_brown.is-outlined.is-loading::after {
  border-color: transparent transparent #3e2a20 #3e2a20 !important;
}

.button.is-pm_brown.is-outlined.is-loading:hover::after, .button.is-pm_brown.is-outlined.is-loading.is-hovered::after, .button.is-pm_brown.is-outlined.is-loading:focus::after, .button.is-pm_brown.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pm_brown.is-outlined[disabled],
fieldset[disabled] .button.is-pm_brown.is-outlined {
  background-color: transparent;
  border-color: #3e2a20;
  box-shadow: none;
  color: #3e2a20;
}

.button.is-pm_brown.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pm_brown.is-inverted.is-outlined:hover, .button.is-pm_brown.is-inverted.is-outlined.is-hovered, .button.is-pm_brown.is-inverted.is-outlined:focus, .button.is-pm_brown.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #3e2a20;
}

.button.is-pm_brown.is-inverted.is-outlined.is-loading:hover::after, .button.is-pm_brown.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-pm_brown.is-inverted.is-outlined.is-loading:focus::after, .button.is-pm_brown.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #3e2a20 #3e2a20 !important;
}

.button.is-pm_brown.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pm_brown.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pm_brown.is-light {
  background-color: #ebd8cf;
  color: #3e2a20;
}

.button.is-pm_brown.is-light:hover, .button.is-pm_brown.is-light.is-hovered {
  background-color: #311d13;
  border-color: transparent;
  color: #3e2a20;
}

.button.is-pm_brown.is-light:active, .button.is-pm_brown.is-light.is-active {
  background-color: #ebd8cf;
  border-color: transparent;
  color: #3e2a20;
}


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








/* ==================== */
/* sol_yellow */
/* ==================== */


.has-text-sol_yellow {
  color: #fbde1f;
}

.has-background-sol_yellow {
  background-color: #fbde1f;
}


.button.is-sol_yellow {
  background-color: #fbde1f;
  border-color: transparent;
  color: black;
}

.button.is-sol_yellow:hover,
.button.is-sol_yellow.is-hovered {
  background-color: #fbde1f;
  border-color: transparent;
  color: black;
}

.button.is-sol_yellow:focus,
.button.is-sol_yellow.is-focused {
  border-color: transparent;
  color: black;
}

.button.is-sol_yellow:focus:not(:active),
.button.is-sol_yellow.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-sol_yellow:active,
.button.is-sol_yellow.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: black;
}

.button.is-sol_yellow[disabled],
fieldset[disabled] .button.is-sol_yellow {
  background-color: #fbde1f;
  border-color: transparent;
  box-shadow: none;
}

.button.is-sol_yellow.is-inverted {
  background-color: #fff;
  color: #fbde1f;
}

.button.is-sol_yellow.is-inverted:hover,
.button.is-sol_yellow.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-sol_yellow.is-inverted[disabled],
fieldset[disabled] .button.is-sol_yellow.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #fbde1f;
}

.button.is-sol_yellow.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-sol_yellow.is-outlined {
  background-color: transparent;
  border-color: #fbde1f;
  color: #fbde1f;
}

.button.is-sol_yellow.is-outlined:hover,
.button.is-sol_yellow.is-outlined.is-hovered,
.button.is-sol_yellow.is-outlined:focus,
.button.is-sol_yellow.is-outlined.is-focused {
  background-color: #fbde1f;
  border-color: #fbde1f;
  color: #fff;
}

.button.is-sol_yellow.is-outlined.is-loading::after {
  border-color: transparent transparent #fbde1f #fbde1f !important;
}

.button.is-sol_yellow.is-outlined.is-loading:hover::after,
.button.is-sol_yellow.is-outlined.is-loading.is-hovered::after,
.button.is-sol_yellow.is-outlined.is-loading:focus::after,
.button.is-sol_yellow.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-sol_yellow.is-outlined[disabled],
fieldset[disabled] .button.is-sol_yellow.is-outlined {
  background-color: transparent;
  border-color: #fbde1f;
  box-shadow: none;
  color: #fbde1f;
}

.button.is-sol_yellow.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-sol_yellow.is-inverted.is-outlined:hover,
.button.is-sol_yellow.is-inverted.is-outlined.is-hovered,
.button.is-sol_yellow.is-inverted.is-outlined:focus,
.button.is-sol_yellow.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #fbde1f;
}

.button.is-sol_yellow.is-inverted.is-outlined.is-loading:hover::after,
.button.is-sol_yellow.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-sol_yellow.is-inverted.is-outlined.is-loading:focus::after,
.button.is-sol_yellow.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fbde1f #fbde1f !important;
}

.button.is-sol_yellow.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-sol_yellow.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-sol_yellow.is-light {
  background-color: #ebfffc;
  color: #fbde1f;
}

.button.is-sol_yellow.is-light:hover,
.button.is-sol_yellow.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #fbde1f;
}

.button.is-sol_yellow.is-light:active,
.button.is-sol_yellow.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #fbde1f;
}

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








/* ==================== */
/* sol_orange */
/* ==================== */


.has-text-sol_orange {
  color: #EE6E22;
}

.has-background-sol_orange {
  background-color: #EE6E22;
}


.button.is-sol_orange {
  background-color: #EE6E22;
  border-color: transparent;
  color: #fff;
}

.button.is-sol_orange:hover,
.button.is-sol_orange.is-hovered {
  background-color: #EE6E22;
  border-color: transparent;
  color: #fff;
}

.button.is-sol_orange:focus,
.button.is-sol_orange.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-sol_orange:focus:not(:active),
.button.is-sol_orange.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-sol_orange:active,
.button.is-sol_orange.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}

.button.is-sol_orange[disabled],
fieldset[disabled] .button.is-sol_orange {
  background-color: #EE6E22;
  border-color: transparent;
  box-shadow: none;
}

.button.is-sol_orange.is-inverted {
  background-color: #fff;
  color: #EE6E22;
}

.button.is-sol_orange.is-inverted:hover,
.button.is-sol_orange.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-sol_orange.is-inverted[disabled],
fieldset[disabled] .button.is-sol_orange.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #EE6E22;
}

.button.is-sol_orange.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-sol_orange.is-outlined {
  background-color: transparent;
  border-color: #EE6E22;
  color: #EE6E22;
}

.button.is-sol_orange.is-outlined:hover,
.button.is-sol_orange.is-outlined.is-hovered,
.button.is-sol_orange.is-outlined:focus,
.button.is-sol_orange.is-outlined.is-focused {
  background-color: #EE6E22;
  border-color: #EE6E22;
  color: #fff;
}

.button.is-sol_orange.is-outlined.is-loading::after {
  border-color: transparent transparent #EE6E22 #EE6E22 !important;
}

.button.is-sol_orange.is-outlined.is-loading:hover::after,
.button.is-sol_orange.is-outlined.is-loading.is-hovered::after,
.button.is-sol_orange.is-outlined.is-loading:focus::after,
.button.is-sol_orange.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-sol_orange.is-outlined[disabled],
fieldset[disabled] .button.is-sol_orange.is-outlined {
  background-color: transparent;
  border-color: #EE6E22;
  box-shadow: none;
  color: #EE6E22;
}

.button.is-sol_orange.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-sol_orange.is-inverted.is-outlined:hover,
.button.is-sol_orange.is-inverted.is-outlined.is-hovered,
.button.is-sol_orange.is-inverted.is-outlined:focus,
.button.is-sol_orange.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #EE6E22;
}

.button.is-sol_orange.is-inverted.is-outlined.is-loading:hover::after,
.button.is-sol_orange.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-sol_orange.is-inverted.is-outlined.is-loading:focus::after,
.button.is-sol_orange.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #EE6E22 #EE6E22 !important;
}

.button.is-sol_orange.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-sol_orange.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-sol_orange.is-light {
  background-color: #ebfffc;
  color: #EE6E22;
}

.button.is-sol_orange.is-light:hover,
.button.is-sol_orange.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #EE6E22;
}

.button.is-sol_orange.is-light:active,
.button.is-sol_orange.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #EE6E22;
}

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






/* ===================================================== */
/* ===================================================== */
/* ===================================================== */
/* pwa color guide */
/* ===================================================== */
/* ===================================================== */


/* ==================== */
/* pwa-primary */
/* ==================== */


.has-text-pwa-primary {
  color: #00A0AF;
}

.has-background-pwa-primary {
  background-color: #00A0AF;
}


.button.is-pwa-primary {
  background-color: #00A0AF;
  border-color: transparent;
  color: black;
}

.button.is-pwa-primary:hover,
.button.is-pwa-primary.is-hovered {
  background-color: #00A0AF;
  border-color: transparent;
  color: black;
}

.button.is-pwa-primary:focus,
.button.is-pwa-primary.is-focused {
  border-color: transparent;
  color: black;
}

.button.is-pwa-primary:focus:not(:active),
.button.is-pwa-primary.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pwa-primary:active,
.button.is-pwa-primary.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: black;
}

.button.is-pwa-primary[disabled],
fieldset[disabled] .button.is-pwa-primary {
  background-color: #00A0AF;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pwa-primary.is-inverted {
  background-color: #fff;
  color: #00A0AF;
}

.button.is-pwa-primary.is-inverted:hover,
.button.is-pwa-primary.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pwa-primary.is-inverted[disabled],
fieldset[disabled] .button.is-pwa-primary.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #00A0AF;
}

.button.is-pwa-primary.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pwa-primary.is-outlined {
  background-color: transparent;
  border-color: #00A0AF;
  color: #00A0AF;
}

.button.is-pwa-primary.is-outlined:hover,
.button.is-pwa-primary.is-outlined.is-hovered,
.button.is-pwa-primary.is-outlined:focus,
.button.is-pwa-primary.is-outlined.is-focused {
  background-color: #00A0AF;
  border-color: #00A0AF;
  color: #fff;
}

.button.is-pwa-primary.is-outlined.is-loading::after {
  border-color: transparent transparent #00A0AF #00A0AF !important;
}

.button.is-pwa-primary.is-outlined.is-loading:hover::after,
.button.is-pwa-primary.is-outlined.is-loading.is-hovered::after,
.button.is-pwa-primary.is-outlined.is-loading:focus::after,
.button.is-pwa-primary.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pwa-primary.is-outlined[disabled],
fieldset[disabled] .button.is-pwa-primary.is-outlined {
  background-color: transparent;
  border-color: #00A0AF;
  box-shadow: none;
  color: #00A0AF;
}

.button.is-pwa-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pwa-primary.is-inverted.is-outlined:hover,
.button.is-pwa-primary.is-inverted.is-outlined.is-hovered,
.button.is-pwa-primary.is-inverted.is-outlined:focus,
.button.is-pwa-primary.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #00A0AF;
}

.button.is-pwa-primary.is-inverted.is-outlined.is-loading:hover::after,
.button.is-pwa-primary.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-pwa-primary.is-inverted.is-outlined.is-loading:focus::after,
.button.is-pwa-primary.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #00A0AF #00A0AF !important;
}

.button.is-pwa-primary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pwa-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pwa-primary.is-light {
  background-color: #ebfffc;
  color: #00A0AF;
}

.button.is-pwa-primary.is-light:hover,
.button.is-pwa-primary.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #00A0AF;
}

.button.is-pwa-primary.is-light:active,
.button.is-pwa-primary.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #00A0AF;
}

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






/* ==================== */
/* pwa-secondary */
/* ==================== */


.has-text-pwa-secondary {
  color: #D47963;
}

.has-background-pwa-secondary {
  background-color: #D47963;
}


.button.is-pwa-secondary {
  background-color: #D47963;
  border-color: transparent;
  color: black;
}

.button.is-pwa-secondary:hover,
.button.is-pwa-secondary.is-hovered {
  background-color: #D47963;
  border-color: transparent;
  color: black;
}

.button.is-pwa-secondary:focus,
.button.is-pwa-secondary.is-focused {
  border-color: transparent;
  color: black;
}

.button.is-pwa-secondary:focus:not(:active),
.button.is-pwa-secondary.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pwa-secondary:active,
.button.is-pwa-secondary.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: black;
}

.button.is-pwa-secondary[disabled],
fieldset[disabled] .button.is-pwa-secondary {
  background-color: #D47963;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pwa-secondary.is-inverted {
  background-color: #fff;
  color: #D47963;
}

.button.is-pwa-secondary.is-inverted:hover,
.button.is-pwa-secondary.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pwa-secondary.is-inverted[disabled],
fieldset[disabled] .button.is-pwa-secondary.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #D47963;
}

.button.is-pwa-secondary.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pwa-secondary.is-outlined {
  background-color: transparent;
  border-color: #D47963;
  color: #D47963;
}

.button.is-pwa-secondary.is-outlined:hover,
.button.is-pwa-secondary.is-outlined.is-hovered,
.button.is-pwa-secondary.is-outlined:focus,
.button.is-pwa-secondary.is-outlined.is-focused {
  background-color: #D47963;
  border-color: #D47963;
  color: #fff;
}

.button.is-pwa-secondary.is-outlined.is-loading::after {
  border-color: transparent transparent #D47963 #D47963 !important;
}

.button.is-pwa-secondary.is-outlined.is-loading:hover::after,
.button.is-pwa-secondary.is-outlined.is-loading.is-hovered::after,
.button.is-pwa-secondary.is-outlined.is-loading:focus::after,
.button.is-pwa-secondary.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pwa-secondary.is-outlined[disabled],
fieldset[disabled] .button.is-pwa-secondary.is-outlined {
  background-color: transparent;
  border-color: #D47963;
  box-shadow: none;
  color: #D47963;
}

.button.is-pwa-secondary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pwa-secondary.is-inverted.is-outlined:hover,
.button.is-pwa-secondary.is-inverted.is-outlined.is-hovered,
.button.is-pwa-secondary.is-inverted.is-outlined:focus,
.button.is-pwa-secondary.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #D47963;
}

.button.is-pwa-secondary.is-inverted.is-outlined.is-loading:hover::after,
.button.is-pwa-secondary.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-pwa-secondary.is-inverted.is-outlined.is-loading:focus::after,
.button.is-pwa-secondary.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #D47963 #D47963 !important;
}

.button.is-pwa-secondary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pwa-secondary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pwa-secondary.is-light {
  background-color: #ebfffc;
  color: #D47963;
}

.button.is-pwa-secondary.is-light:hover,
.button.is-pwa-secondary.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #D47963;
}

.button.is-pwa-secondary.is-light:active,
.button.is-pwa-secondary.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #D47963;
}

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






/* ==================== */
/* pwa-success */
/* ==================== */


.has-text-pwa-success {
  color: #A2DE66;
}

.has-background-pwa-success {
  background-color: #A2DE66;
}


.button.is-pwa-success {
  background-color: #A2DE66;
  border-color: transparent;
  color: black;
}

.button.is-pwa-success:hover,
.button.is-pwa-success.is-hovered {
  background-color: #A2DE66;
  border-color: transparent;
  color: black;
}

.button.is-pwa-success:focus,
.button.is-pwa-success.is-focused {
  border-color: transparent;
  color: black;
}

.button.is-pwa-success:focus:not(:active),
.button.is-pwa-success.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pwa-success:active,
.button.is-pwa-success.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: black;
}

.button.is-pwa-success[disabled],
fieldset[disabled] .button.is-pwa-success {
  background-color: #A2DE66;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pwa-success.is-inverted {
  background-color: #fff;
  color: #A2DE66;
}

.button.is-pwa-success.is-inverted:hover,
.button.is-pwa-success.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pwa-success.is-inverted[disabled],
fieldset[disabled] .button.is-pwa-success.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #A2DE66;
}

.button.is-pwa-success.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pwa-success.is-outlined {
  background-color: transparent;
  border-color: #A2DE66;
  color: #A2DE66;
}

.button.is-pwa-success.is-outlined:hover,
.button.is-pwa-success.is-outlined.is-hovered,
.button.is-pwa-success.is-outlined:focus,
.button.is-pwa-success.is-outlined.is-focused {
  background-color: #A2DE66;
  border-color: #A2DE66;
  color: #fff;
}

.button.is-pwa-success.is-outlined.is-loading::after {
  border-color: transparent transparent #A2DE66 #A2DE66 !important;
}

.button.is-pwa-success.is-outlined.is-loading:hover::after,
.button.is-pwa-success.is-outlined.is-loading.is-hovered::after,
.button.is-pwa-success.is-outlined.is-loading:focus::after,
.button.is-pwa-success.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pwa-success.is-outlined[disabled],
fieldset[disabled] .button.is-pwa-success.is-outlined {
  background-color: transparent;
  border-color: #A2DE66;
  box-shadow: none;
  color: #A2DE66;
}

.button.is-pwa-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pwa-success.is-inverted.is-outlined:hover,
.button.is-pwa-success.is-inverted.is-outlined.is-hovered,
.button.is-pwa-success.is-inverted.is-outlined:focus,
.button.is-pwa-success.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #A2DE66;
}

.button.is-pwa-success.is-inverted.is-outlined.is-loading:hover::after,
.button.is-pwa-success.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-pwa-success.is-inverted.is-outlined.is-loading:focus::after,
.button.is-pwa-success.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #A2DE66 #A2DE66 !important;
}

.button.is-pwa-success.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pwa-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pwa-success.is-light {
  background-color: #ebfffc;
  color: #A2DE66;
}

.button.is-pwa-success.is-light:hover,
.button.is-pwa-success.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #A2DE66;
}

.button.is-pwa-success.is-light:active,
.button.is-pwa-success.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #A2DE66;
}

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







/* ==================== */
/* pwa-danger */
/* ==================== */


.has-text-pwa-danger {
  color: #DC4650;
}

.has-background-pwa-danger {
  background-color: #DC4650;
}


.button.is-pwa-danger {
  background-color: #DC4650;
  border-color: transparent;
  color: black;
}

.button.is-pwa-danger:hover,
.button.is-pwa-danger.is-hovered {
  background-color: #DC4650;
  border-color: transparent;
  color: black;
}

.button.is-pwa-danger:focus,
.button.is-pwa-danger.is-focused {
  border-color: transparent;
  color: black;
}

.button.is-pwa-danger:focus:not(:active),
.button.is-pwa-danger.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pwa-danger:active,
.button.is-pwa-danger.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: black;
}

.button.is-pwa-danger[disabled],
fieldset[disabled] .button.is-pwa-danger {
  background-color: #DC4650;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pwa-danger.is-inverted {
  background-color: #fff;
  color: #DC4650;
}

.button.is-pwa-danger.is-inverted:hover,
.button.is-pwa-danger.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pwa-danger.is-inverted[disabled],
fieldset[disabled] .button.is-pwa-danger.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #DC4650;
}

.button.is-pwa-danger.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pwa-danger.is-outlined {
  background-color: transparent;
  border-color: #DC4650;
  color: #DC4650;
}

.button.is-pwa-danger.is-outlined:hover,
.button.is-pwa-danger.is-outlined.is-hovered,
.button.is-pwa-danger.is-outlined:focus,
.button.is-pwa-danger.is-outlined.is-focused {
  background-color: #DC4650;
  border-color: #DC4650;
  color: #fff;
}

.button.is-pwa-danger.is-outlined.is-loading::after {
  border-color: transparent transparent #DC4650 #DC4650 !important;
}

.button.is-pwa-danger.is-outlined.is-loading:hover::after,
.button.is-pwa-danger.is-outlined.is-loading.is-hovered::after,
.button.is-pwa-danger.is-outlined.is-loading:focus::after,
.button.is-pwa-danger.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pwa-danger.is-outlined[disabled],
fieldset[disabled] .button.is-pwa-danger.is-outlined {
  background-color: transparent;
  border-color: #DC4650;
  box-shadow: none;
  color: #DC4650;
}

.button.is-pwa-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pwa-danger.is-inverted.is-outlined:hover,
.button.is-pwa-danger.is-inverted.is-outlined.is-hovered,
.button.is-pwa-danger.is-inverted.is-outlined:focus,
.button.is-pwa-danger.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #DC4650;
}

.button.is-pwa-danger.is-inverted.is-outlined.is-loading:hover::after,
.button.is-pwa-danger.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-pwa-danger.is-inverted.is-outlined.is-loading:focus::after,
.button.is-pwa-danger.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #DC4650 #DC4650 !important;
}

.button.is-pwa-danger.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pwa-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pwa-danger.is-light {
  background-color: #ebfffc;
  color: #DC4650;
}

.button.is-pwa-danger.is-light:hover,
.button.is-pwa-danger.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #DC4650;
}

.button.is-pwa-danger.is-light:active,
.button.is-pwa-danger.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #DC4650;
}

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






/* ==================== */
/* pwa-warning */
/* ==================== */


.has-text-pwa-warning {
  color: #FF9300;
}

.has-background-pwa-warning {
  background-color: #FF9300;
}


.button.is-pwa-warning {
  background-color: #FF9300;
  border-color: transparent;
  color: black;
}

.button.is-pwa-warning:hover,
.button.is-pwa-warning.is-hovered {
  background-color: #FF9300;
  border-color: transparent;
  color: black;
}

.button.is-pwa-warning:focus,
.button.is-pwa-warning.is-focused {
  border-color: transparent;
  color: black;
}

.button.is-pwa-warning:focus:not(:active),
.button.is-pwa-warning.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pwa-warning:active,
.button.is-pwa-warning.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: black;
}

.button.is-pwa-warning[disabled],
fieldset[disabled] .button.is-pwa-warning {
  background-color: #FF9300;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pwa-warning.is-inverted {
  background-color: #fff;
  color: #FF9300;
}

.button.is-pwa-warning.is-inverted:hover,
.button.is-pwa-warning.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pwa-warning.is-inverted[disabled],
fieldset[disabled] .button.is-pwa-warning.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #FF9300;
}

.button.is-pwa-warning.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pwa-warning.is-outlined {
  background-color: transparent;
  border-color: #FF9300;
  color: #FF9300;
}

.button.is-pwa-warning.is-outlined:hover,
.button.is-pwa-warning.is-outlined.is-hovered,
.button.is-pwa-warning.is-outlined:focus,
.button.is-pwa-warning.is-outlined.is-focused {
  background-color: #FF9300;
  border-color: #FF9300;
  color: #fff;
}

.button.is-pwa-warning.is-outlined.is-loading::after {
  border-color: transparent transparent #FF9300 #FF9300 !important;
}

.button.is-pwa-warning.is-outlined.is-loading:hover::after,
.button.is-pwa-warning.is-outlined.is-loading.is-hovered::after,
.button.is-pwa-warning.is-outlined.is-loading:focus::after,
.button.is-pwa-warning.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pwa-warning.is-outlined[disabled],
fieldset[disabled] .button.is-pwa-warning.is-outlined {
  background-color: transparent;
  border-color: #FF9300;
  box-shadow: none;
  color: #FF9300;
}

.button.is-pwa-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pwa-warning.is-inverted.is-outlined:hover,
.button.is-pwa-warning.is-inverted.is-outlined.is-hovered,
.button.is-pwa-warning.is-inverted.is-outlined:focus,
.button.is-pwa-warning.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #FF9300;
}

.button.is-pwa-warning.is-inverted.is-outlined.is-loading:hover::after,
.button.is-pwa-warning.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-pwa-warning.is-inverted.is-outlined.is-loading:focus::after,
.button.is-pwa-warning.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #FF9300 #FF9300 !important;
}

.button.is-pwa-warning.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pwa-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pwa-warning.is-light {
  background-color: #ebfffc;
  color: #FF9300;
}

.button.is-pwa-warning.is-light:hover,
.button.is-pwa-warning.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #FF9300;
}

.button.is-pwa-warning.is-light:active,
.button.is-pwa-warning.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #FF9300;
}

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








/* ==================== */
/* pwa-info */
/* ==================== */


.has-text-pwa-info {
  color: #7F95B8;
}

.has-background-pwa-info {
  background-color: #7F95B8;
}


.button.is-pwa-info {
  background-color: #7F95B8;
  border-color: transparent;
  color: black;
}

.button.is-pwa-info:hover,
.button.is-pwa-info.is-hovered {
  background-color: #7F95B8;
  border-color: transparent;
  color: black;
}

.button.is-pwa-info:focus,
.button.is-pwa-info.is-focused {
  border-color: transparent;
  color: black;
}

.button.is-pwa-info:focus:not(:active),
.button.is-pwa-info.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pwa-info:active,
.button.is-pwa-info.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: black;
}

.button.is-pwa-info[disabled],
fieldset[disabled] .button.is-pwa-info {
  background-color: #7F95B8;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pwa-info.is-inverted {
  background-color: #fff;
  color: #7F95B8;
}

.button.is-pwa-info.is-inverted:hover,
.button.is-pwa-info.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pwa-info.is-inverted[disabled],
fieldset[disabled] .button.is-pwa-info.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #7F95B8;
}

.button.is-pwa-info.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pwa-info.is-outlined {
  background-color: transparent;
  border-color: #7F95B8;
  color: #7F95B8;
}

.button.is-pwa-info.is-outlined:hover,
.button.is-pwa-info.is-outlined.is-hovered,
.button.is-pwa-info.is-outlined:focus,
.button.is-pwa-info.is-outlined.is-focused {
  background-color: #7F95B8;
  border-color: #7F95B8;
  color: #fff;
}

.button.is-pwa-info.is-outlined.is-loading::after {
  border-color: transparent transparent #7F95B8 #7F95B8 !important;
}

.button.is-pwa-info.is-outlined.is-loading:hover::after,
.button.is-pwa-info.is-outlined.is-loading.is-hovered::after,
.button.is-pwa-info.is-outlined.is-loading:focus::after,
.button.is-pwa-info.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pwa-info.is-outlined[disabled],
fieldset[disabled] .button.is-pwa-info.is-outlined {
  background-color: transparent;
  border-color: #7F95B8;
  box-shadow: none;
  color: #7F95B8;
}

.button.is-pwa-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pwa-info.is-inverted.is-outlined:hover,
.button.is-pwa-info.is-inverted.is-outlined.is-hovered,
.button.is-pwa-info.is-inverted.is-outlined:focus,
.button.is-pwa-info.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #7F95B8;
}

.button.is-pwa-info.is-inverted.is-outlined.is-loading:hover::after,
.button.is-pwa-info.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-pwa-info.is-inverted.is-outlined.is-loading:focus::after,
.button.is-pwa-info.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #7F95B8 #7F95B8 !important;
}

.button.is-pwa-info.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pwa-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pwa-info.is-light {
  background-color: #ebfffc;
  color: #7F95B8;
}

.button.is-pwa-info.is-light:hover,
.button.is-pwa-info.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #7F95B8;
}

.button.is-pwa-info.is-light:active,
.button.is-pwa-info.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #7F95B8;
}

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






/* ==================== */
/* pwa-black */
/* ==================== */


.has-text-pwa-black {
  color: #1C1C1C;
}

.has-background-pwa-black {
  background-color: #1C1C1C;
}


.button.is-pwa-black {
  background-color: #1C1C1C;
  border-color: transparent;
  color: #fff;
}

.button.is-pwa-black:hover,
.button.is-pwa-black.is-hovered {
  background-color: #1C1C1C;
  border-color: transparent;
  color: #fff;
}

.button.is-pwa-black:focus,
.button.is-pwa-black.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-pwa-black:focus:not(:active),
.button.is-pwa-black.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pwa-black:active,
.button.is-pwa-black.is-active {
  background-color: #000;
  border-color: transparent;
  color: #fff;
}

.button.is-pwa-black[disabled],
fieldset[disabled] .button.is-pwa-black {
  background-color: #1C1C1C;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pwa-black.is-inverted {
  background-color: transparent;
  color: #1C1C1C;
}

.button.is-pwa-black.is-inverted:hover,
.button.is-pwa-black.is-inverted.is-hovered {
  background-color: #1C1C1C;
}

.button.is-pwa-black.is-inverted[disabled],
fieldset[disabled] .button.is-pwa-black.is-inverted {
  background-color: color(srgb 0.351 0.351 0.351);
  border-color: transparent;
  box-shadow: none;
  color: #1C1C1C;
}

.button.is-pwa-black.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pwa-black.is-outlined {
  background-color: transparent;
  border-color: #1C1C1C;
  color: #1C1C1C;
}

.button.is-pwa-black.is-outlined:hover,
.button.is-pwa-black.is-outlined.is-hovered,
.button.is-pwa-black.is-outlined:focus,
.button.is-pwa-black.is-outlined.is-focused {
  background-color: #1C1C1C;
  border-color: #1C1C1C;
  color: #fff;
}

.button.is-pwa-black.is-outlined.is-loading::after {
  border-color: transparent transparent #1C1C1C #1C1C1C !important;
}

.button.is-pwa-black.is-outlined.is-loading:hover::after,
.button.is-pwa-black.is-outlined.is-loading.is-hovered::after,
.button.is-pwa-black.is-outlined.is-loading:focus::after,
.button.is-pwa-black.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pwa-black.is-outlined[disabled],
fieldset[disabled] .button.is-pwa-black.is-outlined {
  background-color: transparent;
  border-color: #1C1C1C;
  box-shadow: none;
  color: #fff;
}

.button.is-pwa-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #1C1C1C;
  color: #fff;
}

.button.is-pwa-black.is-inverted.is-outlined:hover,
.button.is-pwa-black.is-inverted.is-outlined.is-hovered,
.button.is-pwa-black.is-inverted.is-outlined:focus,
.button.is-pwa-black.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #1C1C1C;
}

.button.is-pwa-black.is-inverted.is-outlined.is-loading:hover::after,
.button.is-pwa-black.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-pwa-black.is-inverted.is-outlined.is-loading:focus::after,
.button.is-pwa-black.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #1C1C1C #1C1C1C !important;
}

.button.is-pwa-black.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pwa-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pwa-black.is-light {
  background-color: #ebfffc;
  color: #1C1C1C;
}

.button.is-pwa-black.is-light:hover,
.button.is-pwa-black.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #1C1C1C;
}

.button.is-pwa-black.is-light:active,
.button.is-pwa-black.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #1C1C1C;
}

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








/* ==================== */
/* pwa-dark */
/* ==================== */


.has-text-pwa-dark {
  color: #5D5D5D;
}

.has-background-pwa-dark {
  background-color: #5D5D5D;
}


.button.is-pwa-dark {
  background-color: #5D5D5D;
  border-color: transparent;
  color: #fff;
}

.button.is-pwa-dark:hover,
.button.is-pwa-dark.is-hovered {
  background-color: #5D5D5D;
  border-color: transparent;
  color: #fff;
}

.button.is-pwa-dark:focus,
.button.is-pwa-dark.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-pwa-dark:focus:not(:active),
.button.is-pwa-dark.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pwa-dark:active,
.button.is-pwa-dark.is-active {
  background-color: #000;
  border-color: transparent;
  color: #fff;
}

.button.is-pwa-dark[disabled],
fieldset[disabled] .button.is-pwa-dark {
  background-color: #5D5D5D;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pwa-dark.is-inverted {
  background-color: #fff;
  color: #5D5D5D;
}

.button.is-pwa-dark.is-inverted:hover,
.button.is-pwa-dark.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-pwa-dark.is-inverted[disabled],
fieldset[disabled] .button.is-pwa-dark.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #5D5D5D;
}

.button.is-pwa-dark.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pwa-dark.is-outlined {
  background-color: transparent;
  border-color: #5D5D5D;
  color: #5D5D5D;
}

.button.is-pwa-dark.is-outlined:hover,
.button.is-pwa-dark.is-outlined.is-hovered,
.button.is-pwa-dark.is-outlined:focus,
.button.is-pwa-dark.is-outlined.is-focused {
  background-color: #5D5D5D;
  border-color: #5D5D5D;
  color: #fff;
}

.button.is-pwa-dark.is-outlined.is-loading::after {
  border-color: transparent transparent #5D5D5D #5D5D5D !important;
}

.button.is-pwa-dark.is-outlined.is-loading:hover::after,
.button.is-pwa-dark.is-outlined.is-loading.is-hovered::after,
.button.is-pwa-dark.is-outlined.is-loading:focus::after,
.button.is-pwa-dark.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pwa-dark.is-outlined[disabled],
fieldset[disabled] .button.is-pwa-dark.is-outlined {
  background-color: transparent;
  border-color: #5D5D5D;
  box-shadow: none;
  color: #5D5D5D;
}

.button.is-pwa-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-pwa-dark.is-inverted.is-outlined:hover,
.button.is-pwa-dark.is-inverted.is-outlined.is-hovered,
.button.is-pwa-dark.is-inverted.is-outlined:focus,
.button.is-pwa-dark.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #5D5D5D;
}

.button.is-pwa-dark.is-inverted.is-outlined.is-loading:hover::after,
.button.is-pwa-dark.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-pwa-dark.is-inverted.is-outlined.is-loading:focus::after,
.button.is-pwa-dark.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #5D5D5D #5D5D5D !important;
}

.button.is-pwa-dark.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pwa-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-pwa-dark.is-light {
  background-color: #ebfffc;
  color: #5D5D5D;
}

.button.is-pwa-dark.is-light:hover,
.button.is-pwa-dark.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #5D5D5D;
}

.button.is-pwa-dark.is-light:active,
.button.is-pwa-dark.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #5D5D5D;
}

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









/* ==================== */
/* pwa-white */
/* ==================== */


.has-text-pwa-white {
  color: white;
}

.has-background-pwa-white {
  background-color: white;
}


.button.is-pwa-white {
  background-color: white;
  border-color: transparent;
  color: #1C1C1C;
}

.button.is-pwa-white:hover,
.button.is-pwa-white.is-hovered {
  background-color: white;
  border-color: transparent;
  color: #1C1C1C;
}

.button.is-pwa-white:focus,
.button.is-pwa-white.is-focused {
  border-color: transparent;
  color: #1C1C1C;
}

.button.is-pwa-white:focus:not(:active),
.button.is-pwa-white.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-pwa-white:active,
.button.is-pwa-white.is-active {
  background-color: white;
  border-color: transparent;
  color: #1C1C1C;
}

.button.is-pwa-white[disabled],
fieldset[disabled] .button.is-pwa-white {
  background-color: white;
  border-color: transparent;
  box-shadow: none;
}

.button.is-pwa-white.is-inverted {
  background-color: transparent;
  color: white;
}

.button.is-pwa-white.is-inverted:hover,
.button.is-pwa-white.is-inverted.is-hovered {
  background-color: white;
}

.button.is-pwa-white.is-inverted[disabled],
fieldset[disabled] .button.is-pwa-white.is-inverted {
  background-color: color(srgb 0.351 0.351 0.351);
  border-color: transparent;
  box-shadow: none;
  color: white;
}

.button.is-pwa-white.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pwa-white.is-outlined {
  background-color: transparent;
  border-color: white;
  color: white;
}

.button.is-pwa-white.is-outlined:hover,
.button.is-pwa-white.is-outlined.is-hovered,
.button.is-pwa-white.is-outlined:focus,
.button.is-pwa-white.is-outlined.is-focused {
  background-color: white;
  border-color: white;
  color: #1C1C1C;
}

.button.is-pwa-white.is-outlined.is-loading::after {
  border-color: transparent transparent white white !important;
}

.button.is-pwa-white.is-outlined.is-loading:hover::after,
.button.is-pwa-white.is-outlined.is-loading.is-hovered::after,
.button.is-pwa-white.is-outlined.is-loading:focus::after,
.button.is-pwa-white.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-pwa-white.is-outlined[disabled],
fieldset[disabled] .button.is-pwa-white.is-outlined {
  background-color: transparent;
  border-color: white;
  box-shadow: none;
  color: #1C1C1C;
}

.button.is-pwa-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: white;
  color: #1C1C1C;
}

.button.is-pwa-white.is-inverted.is-outlined:hover,
.button.is-pwa-white.is-inverted.is-outlined.is-hovered,
.button.is-pwa-white.is-inverted.is-outlined:focus,
.button.is-pwa-white.is-inverted.is-outlined.is-focused {
  background-color: #1C1C1C;
  color: white;
}

.button.is-pwa-white.is-inverted.is-outlined.is-loading:hover::after,
.button.is-pwa-white.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-pwa-white.is-inverted.is-outlined.is-loading:focus::after,
.button.is-pwa-white.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent white white !important;
}

.button.is-pwa-white.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-pwa-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #1C1C1C;
  box-shadow: none;
  color: #1C1C1C;
}

.button.is-pwa-white.is-light {
  background-color: #1C1C1C;
  color: white;
}

.button.is-pwa-white.is-light:hover,
.button.is-pwa-white.is-light.is-hovered {
  background-color: #1C1C1C;
  border-color: transparent;
  color: white;
}

.button.is-pwa-white.is-light:active,
.button.is-pwa-white.is-light.is-active {
  background-color: #1C1C1C;
  border-color: transparent;
  color: white;
}

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







/* ==================== */
/* seleccionado */
/* ==================== */


.has-text-seleccionado {
  color: #fffadc;
}

.has-background-seleccionado {
  background-color: #fffadc;
}


.button.is-seleccionado {
  background-color: #fffadc;
  border-color: transparent;
  color: black;
}

.button.is-seleccionado:hover,
.button.is-seleccionado.is-hovered {
  background-color: #fffadc;
  border-color: transparent;
  color: black;
}

.button.is-seleccionado:focus,
.button.is-seleccionado.is-focused {
  border-color: transparent;
  color: black;
}

.button.is-seleccionado:focus:not(:active),
.button.is-seleccionado.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 250, 220, 0.3);
}

.button.is-seleccionado:active,
.button.is-seleccionado.is-active {
  background-color: #fffadc;
  border-color: transparent;
  color: black;
}

.button.is-seleccionado[disabled],
fieldset[disabled] .button.is-seleccionado {
  background-color: #fffadc;
  border-color: transparent;
  box-shadow: none;
}

.button.is-seleccionado.is-inverted {
  background-color: #fff;
  color: #fffadc;
}

.button.is-seleccionado.is-inverted:hover,
.button.is-seleccionado.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-seleccionado.is-inverted[disabled],
fieldset[disabled] .button.is-seleccionado.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #fffadc;
}

.button.is-seleccionado.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-seleccionado.is-outlined {
  background-color: transparent;
  border-color: #fffadc;
  color: #fffadc;
}

.button.is-seleccionado.is-outlined:hover,
.button.is-seleccionado.is-outlined.is-hovered,
.button.is-seleccionado.is-outlined:focus,
.button.is-seleccionado.is-outlined.is-focused {
  background-color: #fffadc;
  border-color: #fffadc;
  color: #fff;
}

.button.is-seleccionado.is-outlined.is-loading::after {
  border-color: transparent transparent #fffadc #fffadc !important;
}

.button.is-seleccionado.is-outlined.is-loading:hover::after,
.button.is-seleccionado.is-outlined.is-loading.is-hovered::after,
.button.is-seleccionado.is-outlined.is-loading:focus::after,
.button.is-seleccionado.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-seleccionado.is-outlined[disabled],
fieldset[disabled] .button.is-seleccionado.is-outlined {
  background-color: transparent;
  border-color: #fffadc;
  box-shadow: none;
  color: #fffadc;
}

.button.is-seleccionado.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-seleccionado.is-inverted.is-outlined:hover,
.button.is-seleccionado.is-inverted.is-outlined.is-hovered,
.button.is-seleccionado.is-inverted.is-outlined:focus,
.button.is-seleccionado.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #fffadc;
}

.button.is-seleccionado.is-inverted.is-outlined.is-loading:hover::after,
.button.is-seleccionado.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-seleccionado.is-inverted.is-outlined.is-loading:focus::after,
.button.is-seleccionado.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fffadc #fffadc !important;
}

.button.is-seleccionado.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-seleccionado.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-seleccionado.is-light {
  background-color: #ebfffc;
  color: #fffadc;
}

.button.is-seleccionado.is-light:hover,
.button.is-seleccionado.is-light.is-hovered {
  background-color: #cbcbcb;
  border-color: transparent;
  color: #fffadc;
}

.button.is-seleccionado.is-light:active,
.button.is-seleccionado.is-light.is-active {
  background-color: #ebfffc;
  border-color: transparent;
  color: #fffadc;
}

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












.has-background-black {
    background-color: #000000 !important;
}

.has-background-blackish {
      background-color: #1C1C1C !important;
  }


.has-background-maincolor {
    background-color: #00A0AF !important;
}














@media only screen and (max-width : 480px) {
    .promocard {
      width: 60%!important;
    }
  }


  @media only screen and (min-width : 481px) and (max-width : 768px) {
    .promocard {
      width: 45%!important;
    }
  }


  @media only screen and (min-width : 769px) and (max-width : 1024px) {
    .promocard {
      width: 30%!important;
    }
  }


  @media only screen and (min-width : 1025px) {
    .promocard {
      width: 20%!important;
    }
  }





.color_chooser {
  display:block;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  line-height: 1;
}


.color_chooser_selected {
  display:block;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  line-height: 1;
}


.color_chooser_select {
  border: solid 0.25px #CDCDCD!important;
}


.color_chooser_selected {
  border: solid 6px #fbde1f!important;
}










/* ==================== */
/* BULMA DIVIDER */
/* ==================== */

@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes spinAround {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.is-divider,
.is-divider-vertical {
  display: block;
  position: relative;
  border-top: .1rem solid #dbdbdb;
  height: .1rem;
  margin: 2rem 0;
  text-align: center
}

.is-divider-vertical[data-content]::after,
.is-divider[data-content]::after {
  background: #fff;
  color: #b5b5b5;
  content: attr(data-content);
  display: inline-block;
  font-size: .75rem;
  padding: .4rem .8rem;
  -webkit-transform: translateY(-1.1rem);
  transform: translateY(-1.1rem);
  text-align: center
}

@media screen and (min-width:769px),
print {
  .is-divider-vertical {
    display: block;
    flex: none;
    width: auto;
    height: auto;
    padding: 2rem;
    margin: 0;
    position: relative;
    border-top: none;
    min-height: 2rem
  }

  .is-divider-vertical::before {
    border-left: .1rem solid #dbdbdb;
    bottom: 1rem;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 1rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .is-divider-vertical[data-content]::after {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: .1rem;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
  }
}

.is-divider-vertical.is-white,
.is-divider.is-white {
  border-top-color: #fff
}

.is-divider-vertical.is-white[data-content]::after,
.is-divider.is-white[data-content]::after {
  background: #0a0a0a;
  color: #fff
}

.is-divider-vertical.is-white::before,
.is-divider.is-white::before {
  border-left-color: #fff
}

.is-divider-vertical.is-black,
.is-divider.is-black {
  border-top-color: #0a0a0a
}

.is-divider-vertical.is-black[data-content]::after,
.is-divider.is-black[data-content]::after {
  background: #fff;
  color: #0a0a0a
}

.is-divider-vertical.is-black::before,
.is-divider.is-black::before {
  border-left-color: #0a0a0a
}

.is-divider-vertical.is-light,
.is-divider.is-light {
  border-top-color: #f5f5f5
}

.is-divider-vertical.is-light[data-content]::after,
.is-divider.is-light[data-content]::after {
  background: #363636;
  color: #f5f5f5
}

.is-divider-vertical.is-light::before,
.is-divider.is-light::before {
  border-left-color: #f5f5f5
}

.is-divider-vertical.is-dark,
.is-divider.is-dark {
  border-top-color: #363636
}

.is-divider-vertical.is-dark[data-content]::after,
.is-divider.is-dark[data-content]::after {
  background: #f5f5f5;
  color: #363636
}

.is-divider-vertical.is-dark::before,
.is-divider.is-dark::before {
  border-left-color: #363636
}

.is-divider-vertical.is-primary,
.is-divider.is-primary {
  border-top-color: #00d1b2
}

.is-divider-vertical.is-primary[data-content]::after,
.is-divider.is-primary[data-content]::after {
  background: #fff;
  color: #00d1b2
}

.is-divider-vertical.is-primary::before,
.is-divider.is-primary::before {
  border-left-color: #00d1b2
}

.is-divider-vertical.is-link,
.is-divider.is-link {
  border-top-color: #3273dc
}

.is-divider-vertical.is-link[data-content]::after,
.is-divider.is-link[data-content]::after {
  background: #fff;
  color: #3273dc
}

.is-divider-vertical.is-link::before,
.is-divider.is-link::before {
  border-left-color: #3273dc
}

.is-divider-vertical.is-info,
.is-divider.is-info {
  border-top-color: #209cee
}

.is-divider-vertical.is-info[data-content]::after,
.is-divider.is-info[data-content]::after {
  background: #fff;
  color: #209cee
}

.is-divider-vertical.is-info::before,
.is-divider.is-info::before {
  border-left-color: #209cee
}

.is-divider-vertical.is-success,
.is-divider.is-success {
  border-top-color: #23d160
}

.is-divider-vertical.is-success[data-content]::after,
.is-divider.is-success[data-content]::after {
  background: #fff;
  color: #23d160
}

.is-divider-vertical.is-success::before,
.is-divider.is-success::before {
  border-left-color: #23d160
}

.is-divider-vertical.is-warning,
.is-divider.is-warning {
  border-top-color: #ffdd57
}

.is-divider-vertical.is-warning[data-content]::after,
.is-divider.is-warning[data-content]::after {
  background: rgba(0, 0, 0, .7);
  color: #ffdd57
}

.is-divider-vertical.is-warning::before,
.is-divider.is-warning::before {
  border-left-color: #ffdd57
}

.is-divider-vertical.is-danger,
.is-divider.is-danger {
  border-top-color: #ff3860
}

.is-divider-vertical.is-danger[data-content]::after,
.is-divider.is-danger[data-content]::after {
  background: #fff;
  color: #ff3860
}

.is-divider-vertical.is-danger::before,
.is-divider.is-danger::before {
  border-left-color: #ff3860
}

.is-divider-vertical.is-black-bis,
.is-divider.is-black-bis {
  border-top-color: #121212
}

.is-divider-vertical.is-black-bis[data-content]::after,
.is-divider.is-black-bis[data-content]::after {
  background: #fff;
  color: #121212
}

.is-divider-vertical.is-black-bis::before,
.is-divider.is-black-bis::before {
  border-left-color: #121212
}

.is-divider-vertical.is-black-ter,
.is-divider.is-black-ter {
  border-top-color: #242424
}

.is-divider-vertical.is-black-ter[data-content]::after,
.is-divider.is-black-ter[data-content]::after {
  background: #fff;
  color: #242424
}

.is-divider-vertical.is-black-ter::before,
.is-divider.is-black-ter::before {
  border-left-color: #242424
}

.is-divider-vertical.is-grey-darker,
.is-divider.is-grey-darker {
  border-top-color: #363636
}

.is-divider-vertical.is-grey-darker[data-content]::after,
.is-divider.is-grey-darker[data-content]::after {
  background: #fff;
  color: #363636
}

.is-divider-vertical.is-grey-darker::before,
.is-divider.is-grey-darker::before {
  border-left-color: #363636
}

.is-divider-vertical.is-grey-dark,
.is-divider.is-grey-dark {
  border-top-color: #4a4a4a
}

.is-divider-vertical.is-grey-dark[data-content]::after,
.is-divider.is-grey-dark[data-content]::after {
  background: #fff;
  color: #4a4a4a
}

.is-divider-vertical.is-grey-dark::before,
.is-divider.is-grey-dark::before {
  border-left-color: #4a4a4a
}

.is-divider-vertical.is-grey,
.is-divider.is-grey {
  border-top-color: #7a7a7a
}

.is-divider-vertical.is-grey[data-content]::after,
.is-divider.is-grey[data-content]::after {
  background: #fff;
  color: #7a7a7a
}

.is-divider-vertical.is-grey::before,
.is-divider.is-grey::before {
  border-left-color: #7a7a7a
}

.is-divider-vertical.is-grey-light,
.is-divider.is-grey-light {
  border-top-color: #b5b5b5
}

.is-divider-vertical.is-grey-light[data-content]::after,
.is-divider.is-grey-light[data-content]::after {
  background: #fff;
  color: #b5b5b5
}

.is-divider-vertical.is-grey-light::before,
.is-divider.is-grey-light::before {
  border-left-color: #b5b5b5
}

.is-divider-vertical.is-grey-lighter,
.is-divider.is-grey-lighter {
  border-top-color: #dbdbdb
}

.is-divider-vertical.is-grey-lighter[data-content]::after,
.is-divider.is-grey-lighter[data-content]::after {
  background: rgba(0, 0, 0, .7);
  color: #dbdbdb
}

.is-divider-vertical.is-grey-lighter::before,
.is-divider.is-grey-lighter::before {
  border-left-color: #dbdbdb
}

.is-divider-vertical.is-white-ter,
.is-divider.is-white-ter {
  border-top-color: #f5f5f5
}

.is-divider-vertical.is-white-ter[data-content]::after,
.is-divider.is-white-ter[data-content]::after {
  background: rgba(0, 0, 0, .7);
  color: #f5f5f5
}

.is-divider-vertical.is-white-ter::before,
.is-divider.is-white-ter::before {
  border-left-color: #f5f5f5
}

.is-divider-vertical.is-white-bis,
.is-divider.is-white-bis {
  border-top-color: #fafafa
}

.is-divider-vertical.is-white-bis[data-content]::after,
.is-divider.is-white-bis[data-content]::after {
  background: rgba(0, 0, 0, .7);
  color: #fafafa
}

.is-divider-vertical.is-white-bis::before,
.is-divider.is-white-bis::before {
  border-left-color: #fafafa
}

/* ==================== */
/* end BULMA DIVIDER */
/* ==================== */



.minheight1600 {
  min-height: 1600px!important;
}






/* div.dropdown-item {
  padding-right: 3rem;
  text-align: left;
  white-space: nowrap;
  width: 100%;
  cursor: pointer;
  text-decoration: none;
}

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

#content-child {
  flex-grow: 1;
  width: 100%;
  overflow-y:auto;
}

#tab-container {
  flex-direction: column;
  min-height: 1600px;
  width: 100%;
}

#list-child {
  flex-grow: 0;
  width: 100%;
} */



/* ==================== */
/* BANNER VIDEO hon HOME */
/* ==================== */
/* .bannervideos img {
	width:100%;
	height:auto;
}
a.bannervideo {
	float: left;
	position: relative;
}
a.bannervideo span {
	width: 100%;
	height: 100%;
	position: absolute;
	background: url("/images/play-button.png") no-repeat;
	background-position: 50% 50%;
	background-size: 300%;
}
@media screen and (max-width: 480px) {
	a.bannervideo span {
		background-size: 400%;
	}
} */