.floating-wpp{position:fixed;bottom:15px;left:15px;font-size:14px;transition:bottom .2s}.floating-wpp .floating-wpp-button{position:relative;border-radius:50%;box-shadow:1px 1px 4px rgba(60,60,60,.4);transition:box-shadow .2s;cursor:pointer;overflow:hidden}.floating-wpp .floating-wpp-button img,.floating-wpp .floating-wpp-button svg{position:absolute;width:100%;height:auto;object-fit:cover;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.floating-wpp:hover{bottom:17px}.floating-wpp:hover .floating-wpp-button{box-shadow:1px 2px 8px rgba(60,60,60,.4)}.floating-wpp .floating-wpp-popup{border-radius:6px;background-color:#E5DDD5;position:absolute;overflow:hidden;padding:0;box-shadow:1px 2px 8px rgba(60,60,60,.25);width:0;height:0;bottom:0;opacity:0;transition:bottom .1s ease-out,opacity .2s ease-out;transform-origin:bottom}.floating-wpp .floating-wpp-popup.active{padding:0 12px 12px;width:260px;height:auto;bottom:82px;opacity:1}.floating-wpp .floating-wpp-popup .floating-wpp-message{background-color:#fff;padding:8px;border-radius:0 5px 5px;box-shadow:1px 1px 1px rgba(0,0,0,.15);opacity:0;transition:opacity .2s}.floating-wpp .floating-wpp-popup.active .floating-wpp-message{opacity:1;transition-delay:.2s}.floating-wpp .floating-wpp-popup .floating-wpp-head{text-align:right;color:#fff;margin:0 -15px 10px;padding:6px 12px;display:flex;justify-content:space-between;cursor:pointer}.floating-wpp .floating-wpp-input-message{background-color:#fff;margin:10px -15px -15px;padding:0 15px;display:flex;align-items:center}.floating-wpp .floating-wpp-input-message textarea{border:1px solid #ccc;border-radius:4px;box-shadow:none;padding:8px;margin:10px 0;width:100%;max-width:100%;font-family:inherit;font-size:inherit;resize:none}.floating-wpp .floating-wpp-btn-send{margin-left:12px;font-size:0;cursor:pointer}
    #WAButton { z-index: 99999; }
 	
	html, body { margin: 0px; padding: 0px; 
	  font-family: "Outfit", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: <weight>; 
	  font-style: normal;
	}

	.np { padding: 0px; }

	.content-sub-text h1 {
		margin-top: 0px; 
		font-size: 29px;
    	color: #c18c00;
	}
	.container-fluid {
		padding: 0px; margin: 0px;
	}
	.btn:hover {
		background-color: #d49900; 
	}
	.header-section {
		
		background-color: #eaeaea;
	}
	.container-splash {
		min-height: 90vh; 
		padding-top: 10vh; 
		background-color: white; 
		padding-bottom: 120px;
	}
	.btn-splash-container { padding-top: 5vh; } 
	.container-giros {
		min-height: 100vh; 
		background-color: #f5b100; 
	}
	.container-prices {
		min-height: 70vh; 
		background-color: #f2f2f2; 
	} 
	.container-splash {
		text-align: center;
	} 
	.slogan-1 {
		font-size: 40px; 
		display: inline; 
		font-weight: 700; 
		line-height: 40px;
		color: #535353;
	}
	.slogan-2 {
		font-size: 22px; 
		display: block; 
		font-style: italic;
	} 
	.btn-style {
		padding: 10px 40px; 
		font-size: 17px;
		font-weight: 600;
		margin: 20px;
		border-radius: 12px;
	}
	.btn-main {
		background-color: #f5b100;
		border: gray;
	}
	.btn-sub {
		background-color: #eaeaea; 
		color: black;
		border: none; 
	} 
	.body-section { padding: 0px; }
	.logo {
		height: 45px; 
		margin-top: 5px;
		margin-bottom: 	10px; 
	}
	.content-logo {
		text-align: center;
		padding-bottom: 20px; 
	}

	.content-slider-prices {
				padding: 40px 140px;
			}
	@media( max-width: 1200px ) {

		.content-slider-prices {
				padding: 40px 0px;
			}
		.list-pack-options { padding-left: 10px; }
	}
	@media( max-width: 700px ) {
		.content-slider-prices {
				padding: 40px 0px;
			}
		.container-prices {
			min-height: auto; 
		}
	 	.logo {
	 		width: 100%;
	 		height: auto; 
	 		padding-top: 5px; 
	 	}
	 	.container-logo {
	 		padding: 0px; 
	 	}
		.slogan-1 { 
			font-size: 34px; 
			line-height: 34px;
		}	
		.slogan-2 { 
			padding-top: 20px;
		}	
		.container-splash {
			padding: 10px; 
			padding-top: 10vh;
		}
		.btn-style {
			min-width: 240px; 
		}
	}
	 @media( min-width: 700px ) { 
	 	.content-form {
	 		padding: 40px 20vw; 
	 	}
	 	.content-giros {
	 		padding: 25px; 
	 	}	
	 	.btn-style {
			min-width: 240px; 
		} 
	 }
	.btn-login {
	 	padding: 5px 35px;
	    background-color: #f2af00;
	    border-color: #f2af00;
	    font-weight: 700;
	    border-radius: 17px;
	    font-size: 17px;	
	 }
	.btn-enter {
	 	padding: 5px 35px;
	    background-color: #eaeaea;
	    border-color: #eaeaea;
	    font-weight: 700;
	    border-radius: 17px;
	    font-size: 17px;
	    color: #595959;
	 }
 	#overlay{ 
	  position: fixed;
	  top: 0;
	  z-index: 99999;
	  width: 100%;
	  height:100%;
	  display: none;
	  background: rgba(0,0,0,0.6);
	}
	.cv-spinner {
	  height: 100%;
	  display: flex;
	  justify-content: center;
	  align-items: center;  
	}
	.spinner {
	  width: 40px;
	  height: 40px;
	  border: 4px #ddd solid;
	  border-top: 4px #2e93e6 solid;
	  border-radius: 50%;
	  animation: sp-anime 0.8s infinite linear;
	}
	@keyframes sp-anime {
	  100% { 
	    transform: rotate(360deg); 
	  }
	}
	.is-hide{
	  display:none;
	}


	/* Slider images infinite */ 
	.main-div { display: flex; }
	.main-div .animet-text {
	    margin: 0;
	    height: 40px;
	    line-height: 40px;
	    overflow: hidden;
	    padding: 0;
	}
	.animet-text li {
	    list-style: none;
	    color: #2c2c51;
	    font-size: 25px;
	    font-weight: 600;
	    position: relative;
	    top: 0;
	    animation: slide 12s steps(4) infinite;
	}


	.content-extra-txt {
		padding-top: 0vh;
		margin-bottom: 20px; 
	}


	@media( max-width: 700px ) {
		.animet-text li {
	    	font-size: 14px;
		}
	}
	@keyframes slide {
	    100% {
	        top: -160px;
	    }
	}
	.animet-text li span {
	    position: relative;
	    margin: 5px 0;
	    line-height: 30px;
	}
	.animet-text li span::after {
	    content: "";
	    position: absolute;
	    left: 0;
	    height: 40px;
	    width: 100%;
	    background: #fff;
	    border-left: 3px solid #000000;
	    animation: typing 3s steps(10)  infinite;
	}
	@keyframes typing {
	    40%,
	    60% {
	        left: calc(100% + 0px);
	    }
	    100% {
	        left: 0;
	    }
	}
		.content-auto-scroll {
						padding-top: 35px; 
					}
		.company {
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
			height: 170px;
			background-size: cover;
		}
		.company-1 {
			/*background-image: url("./img-carousel-1.png"); */  
			background: #eee url('./img-carousel-1.png') center center no-repeat;
		}
		.company-2 {
			/*background-image: url("./img-carousel-2.png");*/ 
			background: #eee url('./img-carousel-2.png') center center no-repeat;
		}
		.company-3 { 
			/*background-image: url("./img-carousel-3.png");*/ 
			background: #eee url('./img-carousel-3.png') center center no-repeat;
		}
		.company-4 {
			/*background-image: url("./img-carousel-4.png");*/ 
			background: #eee url('./img-carousel-4.png') center center no-repeat;
		} 
		.company-5 {
			/*background-image: url("./img-carousel-5.png");*/ 
			background: #eee url('./img-carousel-5.png') center center no-repeat;
		}
		.company-6 {
			/*background-image: url("./img-carousel-6.png");*/ 
			background: #eee url('./img-carousel-6.png') center center no-repeat;
		}
		.company-7 {
			/*background-image: url("./img-carousel-7.png");*/ 
			background: #eee url('./img-carousel-7.png') center center no-repeat;
		}
		
		.content-auto-scroll ul {
		  --d: 40s;
		  display: grid;
		  grid-template-columns: repeat(4, 1fr);
		  overflow: hidden;
		  -webkit-mask: linear-gradient(90deg, #0000, #000 20% 80%, #0000);
		  margin: 0;
		  padding: 0;
		  list-style: none; }

		.content-auto-scroll ul > li {
		  grid-area: 1/1;
		  animation: r var(--d) linear infinite;
		  font-family: system-ui;
		  font-size: 1.3rem;
		  padding: 1rem;
		  text-align: center;
		  border-radius: 1rem; 
		  color: white;
		  min-height: 70px;
		  font-weight: bolder; 
		  font-size: 18px;
		  border: 1px solid #e2e2e2;
		  margin: 5px;
		}

		.content-auto-scroll ul > li:nth-child(2) {
		  animation-delay: calc(-0.1428571429*var(--d)); }

		.content-auto-scroll ul > li:nth-child(3) {
		  animation-delay: calc(-0.2857142857*var(--d)); }

		.content-auto-scroll ul > li:nth-child(4) {
		  animation-delay: calc(-0.4285714286*var(--d)); }

		.content-auto-scroll ul > li:nth-child(5) {
		  animation-delay: calc(-0.5714285714*var(--d)); }

		.content-auto-scroll ul > li:nth-child(6) {
		  animation-delay: calc(-0.7142857143*var(--d)); }

		.content-auto-scroll ul > li:nth-child(7) {
		  animation-delay: calc(-0.8571428571*var(--d)); }

		@keyframes r {
		  14.2857142857% {
		    transform: translate(-100%); }
		  14.2957142857% {
		    transform: translate(600%); } }

		.content-auto-scroll ul.alt li {
		  animation-direction: reverse; 
		}
	/* SLIDER INFINITE IMGS */ 

	.container-qr {
		min-height: 30vh; 
		background-color: white;
		}
	.inter-content {
		padding: 15px 0px;
	}
	.slogan-step {
		font-size: 32px; 
		display: inline; 
		font-weight: 900; 
	}
	.under-step {
		display: block; color: gray; font-size: 22px; 
	}
	.step {
		font-size: 47px;  
		color: #f5b100;
		border: 4px solid #f5b100;;
		display: inline-block;
		width: 70px; 
		height: 70px; 
		border-radius: 50%;
	}
	.center{
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	}
	i {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	}
	.square {
	  width: 150px;
	  height: 150px;
	  background: transparent;
	  border: 5px solid gray;
	}

	.scan {
	  width: 100%;
	  height: 40px;
	  background: linear-gradient(cyan, transparent);
	  animation: scanning 1.5s linear alternate infinite;
	}
	@keyframes scanning {
	  0%{transform: translatey(0px);}
	  100%{transform: translatey(120px);}
	}

	.name-mode {
		color: white;
	    background-color: #f5b100;
	    padding: 15px 30px;
	    border-radius: 22px;
	    font-size: 22px;
	    font-weight: bolder;
	}
	.content-prices {
		text-align: center;
		padding: 100px;  
	}
	@media( max-width: 500px ) { 
		.btn-price-pack { padding: 10px 20px!important; width: 140px!important; }
	}
	@media( max-width: 700px ) {
		.content-prices {
			padding: 70px 20px; 
		} 
		.slogan-step {
			font-size: 22px;
			line-height: 22px;  
		}
		.step {
			font-size: 32px;  
			float: left;
			width: 45px; 
				height: 45px; 
				padding-top: 7px; 
		}
	}
		.content-giros {
			padding-top: 45px;
			display: inline-block;
			/*box-shadow: 0px -20px 20px 0px #f5b100;*/ 
		}
		.header-giros {
			text-align: center;
		}
		.info-content {
			margin-top: 20px;
		}

		.more-info {
			display: block;
			font-size: 22px!important; 	
		    color: white !important;
		    display: inline-block;
		    padding: 5px 10px;
		    border-radius: 7px;
		}
		.mi-b {
			font-weight: 400!important;
			font-size: 20px!important;
			background-image: url('yt.svg');
			background-position: center;
			background-repeat: no-repeat;
			width: 200px;
			height: 40px;
		}

		.item-info:hover {
			cursor: pointer;
		}
		.item-info {
			min-height: 95px;
			padding-top: 10px;
		    background-color: #ffc01b;
			text-align: center;
			margin-bottom: 10px; 
			border-radius: 7px;
		}
		.item-info span {
			color: white;
			font-weight: 600; 
			font-size: 22px; 
		}
		.bullet-text {
			color: white;
		}
		.text-slogan {
			font-size: 34px;
			color: white;
		}
		.selected-info {
			background-color: #eaeaea; 
			color: #ffc01b; 
		}
		.selected-info span {
			color: #606060;
		}
		.content-extra-txt {
			padding-top: 10px; 
		}
		.info-foo-txt {
			font-size: 24px; 
			line-height: 24px; 
			color: white; 
		}
		.content-extra-price span {
			display: block;
			color: #575757;
		}
		.content-extra-price {
			text-align: center;
			font-size: 32px; 
			padding-top: 60px; 
		}

	@media( max-width: 900px ) {
		.item-info span {
			line-height: 18px; 
		}
		.content-giros .info-content {
			padding: 0px!important; 
		}
		.content-giros {
			padding: 40px 0px; 
		}
		.info-content { margin-top: 15px; }
		.under-step { line-height: 20px; }
	}
	@media( max-width: 700px ) {
		.content-extra-price {
			font-size: 18px; 
		}
		.item-info {
			min-height: 80px; 
			line-height: 17px;
		}
		.item-info span {
			font-size: 17px; 
			min-height: 22px; 
		}
		.content-block-info {
			padding: 2px;
		}
		.more-info {
			font-size: 14px!important; 
		}

		.text-slogan {
			font-size: 22px!important;
		}
		.slogan-1 {
			font-size: 27px;
		}
		.info-foo-txt {
		    font-size: 17px;
		    font-weight: bolder;
		}
		.content-extra-txt {
			padding-top: 0vh;
		}
	}
 	
	.slogan-text {
		font-size: 32px;
		line-height: 32px;
		font-weight: 700;
	}
	.header-prices {
		text-align: center;
	}
	.not-show {
		display: none; 
	}
	.show {
		display: inline-block!important;
	}
	.dish-content {
				min-height: 350px;
				background-position: center;
				background-size: cover; 
				border-radius: 7px; 
			}
	.courtain-slider {
		width: 100%;
	    height: 100%;
	    background-color: #0000008a; 
	    border-radius: 	12px; 
	    /*display: inline-block;*/ 
	    position: fixed;
	    text-align: center;
	    font-weight: bolder; 
	    color: white;
	    padding-top: 20%;
	    font-size: 24px;
	}
	.content-slider {
		margin-top: 40px; 
	}
	.subtitle-info {
		color: white;
		font-size: 17px; 
		font-weight: 400;
		display: block; 
		min-height: 155px; 
	}

	.section-prices {
		min-height: 100vh; 
		padding-top: 40px;
	}
	
	.main-line {
		font-size: 30px; 
		font-weight: 600;
	}
	.content-prices-blocks {
		margin-top: 40px; 
		display: inline-block;
	}
	.line-price {
		font-size: 34px;
		font-weight: bolder; 
		display: block; 
	}
	.block-price {
		border: 1px solid #eaeaea;
		background-color: #f5b100; 
		padding: 25px; 
		border-radius: 12px; 
		text-align: center;
		margin-bottom: 15px; 
	}
	.line-block {
		font-size: 24px; 
		font-weight: bolder; 
		color: #4f4f4f;
	}
	.subline-block {
		display: block; 
		font-size: 24px; 
		line-height: 24px; 
		margin-top: 10px; 
		font-style: italic;
		color: white;
	} 
	.price-container {
		padding: 10px 20px; 
	}
	.price-pack {
		background-color: #F2F2F2; 
		border-radius: 12px; 
		padding: 20px 20px; 
	}
	.price-header {
		text-align: center;
	}
	.price-header img {
		width: 180px!important;
		display: inline-block!important;
	}

	.price-body {
		text-align: center;
	}
	.price-pack-font {
		font-size: 22px; 
		color: #f5b100;
		font-weight: 600;
		padding: 20px 0px;
	}
	.total-pack-price {
		color: gray;
		display: block;
	}
	.btn-select-pack {
		background-color: #175ABC; 
		border-radius: 12px; 
		font-weight: 600;
		margin-top: 20px;
		font-size: 18px; 
		padding: 10px 25px;
	}
	.list-pack-options {
		color: gray;
		font-size: 18px; 
		display: inline-block;
		text-align: left;
		margin: 20px 0px; 
	}
	.list-pack-options li {
		padding-top: 7px;
	} 
	.price-header h4 {
		font-size: 20px; 
		color: #b4b4b4;  
		font-weight: 800;
	}
	.pack-description {  
		font-size: 20px; 
		line-height: 22px; 
		font-weight: 600;
		color: gray;
		display: inline-block; 
		padding: 10px 0px;
	} 
	.section-form {
		background-color: white; 
		min-height: 70vh; 
		padding: 40px 0px; 
	}
	.header-form {
		text-align: center;
	}
	.text-main-form {
		font-size: 32px; 
		font-weight: bolder; 
		color: #f5b100;
	}
	.content-form {
		padding-top: 40px; 
	} 
	.btn-form {
		font-size: 18px; 
		font-weight: bolder; 
		padding: 10px 32px; 
		border-radius: 22px; 
		background-color: #f5b100;
		border: 1px solid #f5b100;
	} 
	.content-form input, .content-form select {
		margin-bottom: 10px; 
		height: 40px; 
		font-size: 18px; 
	}
	.success-mail {
		font-size: 28px;
	    font-weight: bolder;
	    color: #6acc6e;
	} 
	.footer-last {
		min-height: 30vh;
		background-color: #eaeaea;
		padding-top: 40px;  
	} 
	.content-footer {
		text-align: center;
		padding-top: 40px; 
	}
	.content-footer p {
		font-size: 22px;
	}
	@media( max-width: 700px ) {
	.title-slider { font-size: 17px; }
	.btn-style { margin: 10px; }
	.slogan-1 { line-height: 22px; }
		.content-footer {
			padding-top: 60px; 
		}
		.dish-content {
			min-height: 300px; 
		}
	} 
	.header-footer-option {
		color: #f5b100;
		font-size: 20px; 
		font-weight: 600;
	}
	.list-footer {
		list-style: none; 
		margin-left: 0px; 
		padding-left: 0px;
	}
	.list-footer li {
		padding-top: 5px; 
		font-size: 15px; 
	} 
	.to-top:hover {
	cursor: pointer;
	}
	.to-top {
		display: inline-block;
		right: 40px; 
		bottom: 20px;
		width: 50px; 
		height: 40px; 
		background-color: #e0e0e0;
		position: fixed;
		border-radius: 7px; 
		background-image: url('./up-arrow.svg'); 
		background-size: contain;
		background-position: center;
		z-index: 99;
		display: none; 
	}