/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
html {
  scroll-behavior: auto !important;
}
body {
    overflow-x: hidden;
	background: #000;
}
.elementor a{
	color: inherit; 
}
.elementor a:hover{
	color: inherit; 
}
a.elementor-button,
.foot-li-spit a,
.elementor-location-footer a,
.elementor-location-header a {
    text-decoration: none;
}
.overflowhidden{
	overflow: hidden;
}
.age-gate {
    width: 100%;
    max-width: none;
    background: transparent;
    margin: 0;
    padding: 0;
    height: 100%; 	
	overflow: hidden;	
}
.age-gate__additional-information,.age-gate__heading,
.age-gate__buttons button{
	opacity: 0;
	visibility: hidden;
}
.age-gate__errors {
    position: absolute;
    bottom: 7.5vw;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-size: 1.3vw;
	font-family: "Sergio FY", Sans-serif;
	font-weight: bold;
}
.age-gate__buttons button{
    margin: 0 10vw;
    color: #C49A6C;
	font-family: "Sergio FY", Sans-serif;
	font-weight: bold;
    background: transparent;
    border: 2px solid;
    font-size: 1.2vw;
    width: 15vw;
    height: 4vw;
    line-height: 1;
    border-radius: 0;
} 
.age-gate-form, .age-gate__form,
.age-gate__wrapper{
	display: block;
}
.age-gate__heading {
    width: 30vw;
}
.age-gate__heading {
    width: 100%;
    position: absolute;
    top: 1vw;
}
img.age-gate__heading-title.age-gate__heading-title--logo {
    width: 33vw;
}
.age-gate__buttons {
    position: absolute;
    width: 100%;
    bottom: 12vw;
}
.age-gate__additional-information {
    position: absolute;
	bottom: 4vw;
	color: #8D9F72;
	font-size: 1.2vw;
	text-align: center;
	width: 100%;
}
.age-gate__additional-information p {
    margin: 0;
	font-family: "Sergio FY", Sans-serif;
	font-weight: bold;
}	
.age-gate__buttons button span:nth-child(2) {
    top: 0.7vw;
	opacity: 0;
	visibility: hidden;
}
.age-gate__buttons button span {
    position: absolute;
    padding: 0.7vw;
    left: 0;
    width: 100%;
    top: 0.7vw;
	transition: opacity 1s ease 0s;
}
.age-gate__buttons button:focus span:nth-child(2),
.age-gate__buttons button:hover span:nth-child(2) {
	opacity: 1;
	visibility: visible;
}
.age-gate__buttons button:focus span:first-child,
.age-gate__buttons button:hover span:first-child {
	opacity: 0;
	visibility: hidden;
}
button.age-gate__submit.age-gate__submit--yes:focus,
button.age-gate__submit.age-gate__submit--yes:hover {
    border: 2px solid #9DDB30;
    background: rgba(157, 219, 48, .10);
}

button.age-gate__submit.age-gate__submit--no:focus,
button.age-gate__submit.age-gate__submit--no:hover {
    border: 2px solid #FBB040;
    background: rgba(251, 176, 64, .10);
}
.close-b{
	fill:#8dc63f;
	transition: fill .6s ease 0s;
}
#ourinspiration-btnclose{
	cursor: pointer;
}
#ourinspiration-btnclose:hover .close-b{
	fill:#E4CCA3;
}
.readmorebtn svg{
    width: 2vw;
    margin-right:0.5vw;
}
.readmorebtn svg .close-b{
    fill:#BA9764;
}
.readmorebtn{
    font-family: "Sergio FY", Sans-serif;
    font-size: 1.2vw;
    font-weight: 600;
    color: #BA9764;
    display: flex;
    align-items: center;
}
body:not(.elementor-editor-active) #cocaAnimationSC{
	opacity: 0;
}
body:not(.elementor-editor-active) #ourinspiration-btnnext, 
body:not(.elementor-editor-active) #ourinspiration-btnprev, 
body:not(.elementor-editor-active) #ourinspiration-btnclose,
body:not(.elementor-editor-active) #ourinspiration-btnclose,
body:not(.elementor-editor-active) .ourinspiration-items{
	display: none; 
}
.ourinspiration-hov{ 
	transition: opacity .8s ease 0s !important;
	cursor: pointer; 
	opacity: 0;
} 
.ourinspiration-hov:hover,
.ourinspiration-hov.sc-active{
	opacity: 1;
} 
.pulsesc{  
  animation: pulsesc 1.5s infinite ease-in-out;
} 
@keyframes pulsesc {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.elementor-field-group{
    padding: 0.3vw 0.3vw 0.3vw 0.3vw;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E4CCA3;
}
.elementor-field-type-text.elementor-field-group.elementor-column.elementor-field-group-field_74f55c3.elementor-col-50,
.elementor-field-type-text.elementor-field-group.elementor-column.elementor-field-group-name.elementor-col-50, 
.elementor-field-type-email.elementor-field-group.elementor-column.elementor-field-group-email.elementor-col-50{
	width: 49%;
}
.elementor-field-type-email.elementor-field-group.elementor-column.elementor-field-group-email.elementor-col-50.elementor-field-required{
	margin-left: 2%;
}
.elementor-field-group.elementor-field-type-submit {
    width: auto;
}
body:not(.elementor-editor-active) #enterTXT {
	opacity: 0;
}
#sliderOw{
	opacity: 0;
	transition: all 1s;
}
#sliderOw.sc-active{
	opacity: 1;
}
#cocaAnimationTextBg{
	opacity: 0;
    transform: translate3d(0px, 30px, 0px);
}
.tooltip-content {
    position: absolute;
    top: 100%;
}
.tc-50 .tooltip-content {
    top: 0%;
}
.tooltip-content .elementor-widget-text-editor p:last-child {
    margin: 0;
}
.tooltip-content {
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s !important;
	cursor: default;
}
.tooltip-container{
	cursor: pointer;
}
.tooltip-container:hover .tooltip-content {
    visibility: visible;
    opacity: 1;
    transform: translateY(0); 
    z-index: 100;
}
.elementor-widget-button {
    line-height: 1em;
} 
.tooltip-container.tc-overlay-altura .tooltip-content a,
.tooltip-container.tc-overlay-picante .tooltip-content a,
.tooltip-container.tc-overlay-classico .tooltip-content a,
.tooltip-container.tc-overlay-vida .tooltip-content a{
	color: inherit;
	text-decoration: underline;
}
.tc-overlay-altura .elementor-button{
	background: #e4cca3;
	color: #77492c
} 
.tc-overlay-classico .elementor-button{
	background: #004300;
	color: #a3ce5c
}
.tc-overlay-vida .elementor-button{
	background: #eebcdd;
	color: #983556
}
.tc-overlay-picante .elementor-button{
	background: #595656;
	color: #302d30
}
.elementor-button-text small,
.elementor-heading-title small {
    vertical-align: top;
    font-size: 0.7em;
    line-height: 1;
}
.slider-brown .swiper-pagination-bullet {
    border: 3px solid #33210b;
    background: #3b2412;
	opacity: 1;
}
.slider-brown .swiper-pagination-bullet:hover,
.slider-brown .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 3px solid #33210b;
    background: #5a3a13;
}
.slider-green .swiper-pagination-bullet {
    border: 3px solid #004300;
    background: #004300;
	opacity: 1;
}
.slider-green .swiper-pagination-bullet:hover,
.slider-green .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 3px solid #004300;
    background: #a3ce5b; 
}
.slider-red .swiper-pagination-bullet {
    border: 3px solid #404041;
    background: #404041;
	opacity: 1;
}
.slider-red .swiper-pagination-bullet:hover,
.slider-red .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 3px solid #404041;
    background: #be1e2d; 
}
.slider-pink .swiper-pagination-bullet {
    border: 3px solid #6C1640;
    background: #6C1640;
	opacity: 1;
}
.slider-pink .swiper-pagination-bullet:hover,
.slider-pink .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 3px solid #6c1640;
    background: #ed8298; 
}
.slider-black .swiper-pagination-bullet {
    border: 3px solid #000;
    background: #000;
	opacity: 1;
}
.slider-black .swiper-pagination-bullet:hover,
.slider-black .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 3px solid #000;
    background: #BD202E; 
}
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0;
}
.botanical-image-sc .elementor-widget-heading {
    max-width: none !important;
    white-space: nowrap;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
	visibility: hidden;
	transition: all .6s; 
}
.botanical-image-sc > div:hover .elementor-widget-heading{
    bottom: 0;
	visibility: visible;
    opacity: 1
}
.sliderCont{
	cursor: pointer;
	text-decoration: none !important;
}
body:not(.elementor-editor-active) .tooltip-container-andy .tooltip-container{
	opacity: 0;
	transition: opacity .6s; 
}
body:not(.elementor-editor-active) .tooltip-container-andy .tooltip-container:hover{
	opacity: 1; 
}
.scho-image:hover{
	opacity: 1 !important;
}
.scho-image img{
	opacity: 0;
	transition: opacity .6s; 
}
.scho-image:hover img{
	opacity: 1;
}
a.elementor-button.elementor-button-link {
    min-width: 13vw;
	width: 100%;
}
#ourinspiration-btnprev a.elementor-button.elementor-button-link,#ourinspiration-btnnext a.elementor-button.elementor-button-link{
	min-width: 0;
}
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li a {
    font-family: "Sergio FY", Sans-serif !important;
    font-weight: bold !important;
    text-transform: uppercase;
    padding: 0 !important;
    font-size: 0.8vw;
}
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li a svg {
	width: 0.5vw;
	position: absolute;
	right: 1vw;
}  
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li a svg path {
    fill: #808285;
}
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li.menu-clasico a path{
    fill: #369e47;
}
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li.menu-vida a path{
    fill: #983556;
}
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li.menu-picante a path{
    fill: #808285;
}
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li.menu-dealtura a path{
    fill: #e4cca3;
}
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li.menu-clasico a:hover path{
    fill: #a3ce5b;
}
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li.menu-vida a:hover path{
    fill: #ed8298;
}
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li.menu-picante a:hover path{
    fill: #302d30;
}
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li.menu-dealtura a:hover path{
    fill: #9f8352;
}
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li.menu-clasico a{
	background: #a3ce5b;
	color: #369e47;
}
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li.menu-clasico a:hover{
	background: #369e47;
	color: #a3ce5b;
}
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li.menu-vida a{
	background: #ed8298;
	color: #983556;
}
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li.menu-vida a:hover{
	background: #983556;
	color: #ed8298;
}
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li.menu-picante a{
	background: #302d30;
	color: #808285;
}
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li.menu-picante a:hover{
	background: #808285;
	color: #302d30;
}
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li.menu-dealtura a{
	background: #9f8352;
	color: #e4cca3;
}
.elementor-location-header .sub-menu.elementor-nav-menu--dropdown > li.menu-dealtura a:hover{
	background: #e4cca3;
	color: #9f8352;
} 
.elementor-button-text .japanflag {
    width: 1.16em;
    display: inline-block;
    height: auto;
    vertical-align: middle;
    position: relative;
    top: -0.06em;
	margin-right: 0.1em
}
@media only screen and (min-width: 768px) {
	body:not(.elementor-editor-active) .mobileOnly{
		display: none !important;
	}
}
@media only screen and (max-width: 768px) {
	.parentAnimBottle,.parentAnimWrap,#CASC-bg{
		display: none
	}
	body:not(.elementor-editor-active) #cocaAnimationSC,
	body:not(.elementor-editor-active) #enterTXT {
		opacity: 1;
        margin: 0;
	}
	#CASC-mainwrap{
		transform: none !important;
	} 
	body:not(.elementor-editor-active) .desktopOnly{
		display: none;
	}
	img.age-gate__heading-title.age-gate__heading-title--logo {
		width: 76vw;
	}
	.age-gate__heading { 
		top: 16vw;
	}
	.age-gate__buttons { 
		bottom: 26vw;
	}
	.age-gate__buttons button {
		margin: 0 0vw; 
		font-size: 3.5vw;
		width: 40vw;
		height: 12vw; 
	}
	.age-gate__errors {
		bottom: 15vw;
		font-size: 3vw;
	}
	.age-gate__additional-information {
		bottom: 0;
		font-size: 3vw;
	} 
	.readmorebtn{
		font-size: 3vw;
	}
	.readmorebtn svg,
	.readmorebtn svg{
		width: 4vw; 
	} 
}