/*
 =========================================================
 =========================================================
 * TasteApp - v2.0.0
 =========================================================
 =========================================================
*/
 
 
 
 body {
	position: relative;
}
 
 










/*==============================================================*/
/* ================ LOADING  =================*/
/*==============================================================*/
.text-loading {
	font: 600 14px "Arial", "Helvetica Neue", sans-serif !important;
}













 
 /*
 =========================================================
 * 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, strong
{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: #2bbef5 !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: #2bbef5 !important;
  color: white !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;
}
 
 
 
 
 
 
 
 
 



 
 
 
 
 /*
 =========================================================
 * 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 (max-width:640px) {
	.cardslider > div {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 50%;
	  max-width: 420px;
	  /*height: 300px;*/
	  margin-left: -5px;
	  /*padding-right: 15px;*/
	  /*padding-right: 10px;*/
	}
}


@media (max-width:767px) {
	.cardslider > div {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 40%;
	  max-width: 500px;
	  /*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;*/
	}
}




.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: 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);
}

.card-shadow:hover {
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35);
}









.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: #2bbef5;
  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: #2bbef5;
  border-color: transparent;
  box-shadow: none;
}

.button.is-taste.is-inverted {
  background-color: #fff;
  color: #2bbef5;
}

.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: #2bbef5;
}

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

.button.is-taste.is-outlined {
  background-color: transparent;
  border-color: #2bbef5;
  color: #2bbef5;
}

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

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

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

.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: #2bbef5;
}

.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: #2bbef5;
  color: #2bbef5;
}











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

.is-taste {
  background-color: #2bbef5;
  color: #fff;
}


.hero.is-taste.is-bold {
  /*background-image: linear-gradient(141deg, #2bbef5 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, #2bbef5 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%);
}