@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap');

:root {
  --colore_1: rgb(0, 140, 60);
  --colore_1_alpha2: rgba(170,224,77,.2);
  --colore_testo_1: #4E4E4E;
  --bianco: #ffffff;
  --nero: #000000;
  --errore: #B22222;
  --placeholder: rgba(255,255,255,0.3);
  --dark: #141213;
  -webkit-font-smoothing: antialiased!important;

}

/*GENERALI*/
html,body{
	scroll-behavior: smooth;
	overflow-x: hidden!important;
	background-color: #ffffff;


}
button:focus,a:focus {outline: 0;}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;color:var(--colore_testo_1);font-weight: 400;}
p,input,ul,li,label,table,tr,td,button, a{font-family: 'Montserrat', sans-serif;font-weight: 300;color:var(--colore_testo_1);font-size: 18px;line-height: 25px}
label{line-height: 30px}

tr{border:1px solid #707070;}
td{border-right:1px solid #707070;padding: 10px;}

.grey{color:rgba(255,255,255,0.20);transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.white{color: #ffffff!important;}
.green{color: rgb(0, 140, 60);}

strong{font-weight: 600;}

.myjlab2{
	position: fixed !important;
    left: 100px;
    top: calc(50% - 123px);
    z-index: 100;
    padding: 3px 20px !important;
}
@media (max-width: 991px) {
	.myjlab2{display: none!important;}
	.myjlab{
		position: absolute !important;
		left: auto;
		right: 100px;
		top: 20px;
		z-index: 100;
		padding: 3px 20px !important;
	}
}
@media (max-width: 768px) {
	.myjlab{
	position: absolute !important;
	left: auto;
	right: 100px;
	top: 11px;
	z-index: 100;
	padding: 3px 15px !important;
	font-size: 14px !important;
}
}
a{transition: all 0.3s ease;color:var(--colore_1);}
a:hover{color:var(--colore_1);}
dl, ol, ul {margin-top: 0;margin-bottom: 0;}
footer .studio09{max-width: 100px;width: 200px;}
.wow{visibility: hidden;}
ul{padding-inline-start: 0px;}
.collapsing {transition: none !important;}
.navbar-collapse{
    display: block;
	top: 0;
	opacity: 0;
	transition: opacity 1s cubic-bezier(.215, .61, .355, 1);
    left: 0;
    width: 100vw;
    height: 100vh;
	background: url(../img/bg-jlab.jpg) no-repeat center center;
	position: fixed;
	background-size: cover;
	z-index: -100;
}
.navbar-collapse::before {content:"";
	position:absolute;
	background: rgba(0, 140, 60, 0.70);
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 1;
}
.navbar-collapse::after {content:"";
	position:absolute;
	background: linear-gradient(114deg, rgba(0, 0, 0, 0.00) 18.63%, #000 92.55%);
	background-blend-mode: multiply;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transform: rotate(180deg);
	z-index: 1;
}
.box-test{z-index: 100;position: fixed!important;width: 100vw;height: 100vh;top: 0;left: 0;background-color: #ccc;overflow-x: scroll;overflow-y: hidden;overscroll-behavior: none;}



.process {
overscroll-behavior: none;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-item-align: center;
align-self: center;
height: 100vh !important;
}


.panel-menu {will-change: transform;}
.navbar-collapse.show{opacity: 1;z-index: 100;}
.navbar {
	transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.fix-menu{background-color: #000000;padding-top: .5rem;
}
#menu-orizzontale::-webkit-scrollbar {display: none;}
#menu-orizzontale{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.navbar-nav {overflow-x:scroll;position: relative;z-index: 100;margin-top: 150px;}
.navbar-brand{z-index: 1000;position: relative;width: 200px;}
.fix-menu .navbar-brand{width: 120px;}


.navbar-toggler{background:transparent!important; width: 55px;height: 18px;border-radius: 0px;text-align: right;padding: 0;z-index: 1000;position: relative;}
.navbar-toggler-linea{transition: all 0.3s ease;border-radius:0px;background:var(--bianco)!important;height: 3px;width: 55px;display:block;margin:0px 0 12px auto;position:relative;top:0;right: 0;}
.navbar-toggler-linea:nth-child(2){margin-bottom: 0px;width: 36px;right: -2px; }
.navbar-toggler:hover .navbar-toggler-linea:nth-child(2){right: 17px;}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0rem;
}
@media (max-width: 767px) {
	.navbar-brand{max-width: 120px;}
}
/* .navbar-nav li{
	max-height: 120px;
} */
.navbar-nav .nav-link{
	text-align: center;
	display: block;
    line-height: 100px;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0em;
	text-transform: uppercase;
	margin:0 auto;
	color: #ffffff;
	opacity: 1;
	z-index: 100;
	position: relative;
	transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.navbar-nav .nav-link.active{
	opacity: 1;
}
.navbar-nav .nav-link:hover{
	opacity: 0.6;
}
@media (max-width: 767px) {
	.navbar-nav .nav-link {
		line-height: 60px;
		font-size: 20px;
		margin-left: 0;
	}}

@media (max-width: 575px) {
	.navbar-nav .nav-link {
		line-height: 60px;
		font-size: 20px;
		margin-left: 0;
	}}



/*MARGIN-TOP*/
.mt-10{margin-top: 10px;}.mt-20{margin-top: 20px;}.mt-30{margin-top: 30px;}.mt-40{margin-top: 40px;}.mt-50{margin-top: 50px;}.mt-60{margin-top: 60px;}.mt-70{margin-top: 70px;}.mt-80{margin-top: 80px;}.mt-90{margin-top: 90px;}.mt-100{margin-top: 100px;}.mt-120{margin-top: 120px;}.mt-240{margin-top: 240px;}
/*MARGIN-BOTTOM*/
.mb-10{margin-bottom: 10px;}.mb-20{margin-bottom: 20px;}.mb-30{margin-bottom: 30px;}.mb-40{margin-bottom: 40px;}.mb-50{margin-bottom: 50px;}.mb-60{margin-bottom: 60px;}.mb-70{margin-bottom: 70px;}.mb-80{margin-bottom: 80px;}.mb-90{margin-bottom: 90px;}.mb-100{margin-bottom: 100px;}.mb-120{margin-bottom: 120px;}.mb-240{margin-bottom: 240px;}

/*PADDING-TOP*/
.pt-10{padding-top: 10px;}.pt-20{padding-top: 20px;}.pt-30{padding-top: 30px;}.pt-40{padding-top: 40px;}.pt-50{padding-top: 50px;}.pt-60{padding-top: 60px;}.pt-70{padding-top: 70px;}.pt-80{padding-top: 80px;}.pt-90{padding-top: 90px;}.pt-100{padding-top: 100px;}.pt-120{padding-top: 120px;}.pt-180{padding-top: 180px;}
/*PADDING-BOTTOM*/
.pb-10{padding-bottom: 10px;}.pb-20{padding-bottom: 20px;}.pb-30{padding-bottom: 30px;}.pb-40{padding-bottom: 40px;}.pb-50{padding-bottom: 50px;}.pb-60{padding-bottom: 60px;}.pb-70{padding-bottom: 70px;}.pb-80{padding-bottom: 80px;}.pb-90{padding-bottom: 90px;}.pb-100{padding-bottom: 100px;}.pb-120{padding-bottom: 120px;}.pb-180{padding-bottom: 180px;}

.ml-70{margin-left: 70px;}

.due-colonne{column-count: 2;column-gap: 50px;}
.tre-colonne{column-count: 3;column-gap: 50px;}

.ls-20{letter-spacing: 3px;}

.fs-15{font-size: 15px;line-height: 22px}
.fs-20{font-size: 20px;line-height: 26px}
.fs-22{font-size: 22px;line-height: 28px}
.fs-24{font-size: 24px;line-height: 30px}
.fs-26{font-size: 26px;line-height: 32px}
.fs-28{font-size: 28px;line-height: 34px}
.fs-30{font-size: 30px;line-height: 38px}
.fs-35{font-size: 35px;line-height: 42px}
.fs-40{font-size: 40px;line-height: 55px}

.lh-40{line-height: 40px;}
.lh-42{line-height: 42px;}
.lh-45{line-height: 45px;}
.lh-50{line-height: 50px;}
.lh-35{line-height: 35px;}


.fw-200{font-weight: 200}
.fw-300{font-weight: 300}
.fw-400{font-weight: 400}
.fw-500{font-weight: 500}
.fw-600{font-weight: 600}
.fw-700{font-weight: 700}
.br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.br-15{border-radius: 15px;}
.br-16{border-radius: 16px;}
.br-25{border-radius: 25px;}
.br-30{border-radius: 30px;}
.br-40{border-radius: 40px;}


/*.privacy {display: none;}*/





/* BOTTONI */
.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #008c3c;
    border: 0;
    padding: 13px 38px 13px 38px;
    font-size: 18px;
	text-transform: uppercase;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	position:relative;
	border-radius: 40px;
}

.btn:hover {color: #ffffff;}
@media (max-width: 768px) {
	.btn{padding: 10px 48px 10px 28px;font-size: 15px;}
	.btn::after{
	  top: 15px;
	  right: 23px;
	  width: 12px;
	  height: 12px;
	}
  }
  
.btn-success,
.btn-success:hover,
.btn-success.focus,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
	background-color: var(--colore_1);
	border-color: var(--colore_1);
}

.btn-success {
	transition: box-shadow .3s ease-in-out;
	transition-delay: 0;
}

.btn-success:hover,
.btn-success.focus,
.btn-success:focus {
	box-shadow: var(--colore_1_alpha2) 0 0 0 6px;
}

.btn-sm {
	padding-top: .5rem;
	padding-bottom: .375rem;
	font-size: 1rem;
}

.btn-circle.btn-sm {
	padding-left: .4375rem;
	padding-right: .4375rem;
	min-width: calc(.875rem + 1.5em + 2px);
}



/* FORMS */
.message {display: none;}
.form-check{position: relative;}
.form-group-material {
	margin-bottom: .625rem;
	padding-top: 1rem;
	position: relative;
}

.form-group-material .label {
	position: absolute;
	left: .75rem;
	font-size: 1.125rem;
	color: var(--placeholder);
	pointer-events: none;
	transform-origin: left top;
	transition: all .3s ease-in-out;
}

.form-group-material .label,
.form-group-material.active .label {
	transform: scale(.77777778);
	top: -5px;
}

.form-group-material .label {
	transform: scale(1);
	top: 1.5625rem;
}

.form-group-material .form-control {
	border-radius: 0;
	color: var(--bianco);
}

form a,form .form-check-label{color: #ffffff!important;font-size: 13px;}
.form-border-bottom .form-group-material .form-control {
	background: #000000;
	border: 0;
	border-bottom: .5px solid #ffffff;
	padding-left: 0;
}
.form-border-bottom .form-group-material .label {
	left: 0;
}

.form-group-material .form-control:not(textarea) {
	height: calc(1.5em + 1rem + 1px);
}

.form-group-material .form-control:focus {
	outline: none;
	box-shadow: none;
}
.invalid-tooltip{padding: .03rem .3rem;font-size: 12px;top: 98%;border-radius: 0 0 .25rem .25rem}
label.error {
	margin-top: .5rem;
	margin-bottom: 0;
	color: var(--errore);
    width: 100%;
    font-size: 90%;
}

.form-control.error,
.form-control.error:focus {
	border-color: var(--errore);
	color: var(--errore);
}

.control-file {
	margin-top: 1.625rem;
	margin-bottom: 2.5rem;
	position: relative;
}

.control-file i {
	position: absolute;
	left: -.25rem;
	top: .5625rem;
	font-size: 1.625rem;
}

.control-file .file-path-wrapper {
	overflow: hidden;
}

.control-file input.file-path {
	padding: 0 0 0 2.125rem;
	border: none;
	border-radius: 0;
	background: transparent;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.125rem;
}

.control-file input.file-path::-moz-placeholder {
	color: var(--placeholder);
	text-decoration: underline;
	opacity: 1;
	transition: color .3s ease;
}

.control-file:hover input.file-path::-moz-placeholder {
	color: var(--colore_1);
}

.control-file input.file-path:-ms-input-placeholder {
	color: var(--placeholder);
	text-decoration: underline;
	transition: color .3s ease;
}

.control-file:hover input.file-path:-ms-input-placeholder {
	color: var(--colore_1);
}

.control-file input.file-path::-webkit-input-placeholder {
	color: var(--placeholder);
	text-decoration: underline;
	transition: color .3s ease;
}

.control-file:hover input.file-path::-webkit-input-placeholder {
	color: var(--colore_1);
}

.control-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1.125rem;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0)
}
/*
.custom-checkbox .custom-control-label::before {border-radius: 0;border: var(--colore_1) solid 2px;}
.custom-control-input:checked~.custom-control-label::before {color: var(--bianco);border-color: var(--colore_1);background-color: var(--colore_1);}
*/
.control-file input[type=file]::-webkit-file-upload-button {
	display: none;
}
.custom-checkbox .custom-control-label::before {border-radius: 0;border: var(--colore_1) solid 2px;}
.custom-control-input:checked~.custom-control-label::before {color: var(--bianco);border-color: var(--colore_1);background-color: var(--colore_1);}

.glass-effect{background-color: #ffffff10;
backdrop-filter: blur(120x);
-webkit-backdrop-filter: blur(12px);}




.main {
	overflow: hidden;

}

.panel{
	top: 0;
	min-height: 100vh;
	width: 100vw;
}


  .titolo{
	opacity: 0;
	transform: translate(-100px, 0px);
  }
  .comparsa-laterale-horizontal{
		opacity: 0;
	transform: translate(-100px, 0px);
  }
  .panel-content{
	padding: 0;
	border: 0;
	width:100%;
	height:100vh;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center
  }
  /* .panel-content-vh2{height: 200vh;} */
  .pos-rel{position: relative;}


  .block h3:visible{
	color:red!important;
  }
  .block{
	width: 34%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: start;
	overflow: visible;
}

@media (max-width: 991px) {
    .block{
		width: 45%;
	}
}
@media (max-width: 768px) {
    .block{
		width: 80%;
	}
}
  .block p,  .block h3{
	opacity: 0.2;
	transition: all 1s cubic-bezier(.215, .61, .355, 1);
  }
  .block.play p,.block.play h3{
	opacity: 1;
  }


  .splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: transparent!important;
    border: 0;
    border-radius: 0!important;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-190px)!important;
    width: 27px!important;
    z-index: 1;
}
.splide__arrow svg {
    height: 27px!important;
    width: 27px!important;
}
.logo{position: fixed;top: 100px;left: calc(50% - 109px);width: 218px;z-index: 100;}
.bg_jlab_home{
	height: 100vh;
	position: relative;
	background: url(../img/bg-jlab.jpg) no-repeat center center;
	background-size: cover;
}
.bg_jlab_home .container{
	position: relative;
	z-index: 10;
}
.bg_jlab_home::before {content:"";
	position:absolute;
	background: rgba(0, 140, 60, 0.70);
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 1;
}
.bg_jlab_home::after {content:"";
	position:absolute;
	background: linear-gradient(114deg, rgba(0, 0, 0, 0.00) 18.63%, #000 92.55%);
	background-blend-mode: multiply;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transform: rotate(180deg);
	z-index: 1;
}

  .my-slider-progress {
	background: #ccc;
    position: relative;
    margin-top: -120px;
    z-index: 100;
	height: 1px;
}
  
  .my-slider-progress-bar {
    background: var(--bianco);
    height: 7px;
    transition: width 400ms ease;
    width: 0;
	margin-top: -3px;
    position: absolute;
  }



  #nutrizione{
	height: 100vh;
	position: relative;
	background: url(../img/nutrizione_bg.jpg) no-repeat center center;
	background-size: cover;
}

#nutrizione .container{
	position: relative;
	z-index: 10;
}
#nutrizione::before {content:"";
	position:absolute;
	background: rgba(255, 255, 255, 0.2);
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 1;
}
#nutrizione::after {content:"";
	position:absolute;
	background: linear-gradient(114deg, rgba(0, 0, 0, 0.00) 18.63%, rgba(0, 0, 0, 0.80) 92.55%);
	background-blend-mode: multiply;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transform: rotate(180deg);
	z-index: 1;
}




#contatti{
	height: 100vh;
	position: relative;
	background: url(../img/contatti_bg.jpg) no-repeat center center;
	background-size: cover;
}  
#contatti .container{
	position: relative;
	z-index: 10;
}
#contatti::before {content:"";
	position:absolute;
	background: rgba(0, 140, 60, 0.70);
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 1;
}
#contatti::after {content:"";
	position:absolute;
	background: linear-gradient(114deg, rgba(0, 0, 0, 0.00) 18.63%, #000 92.55%);
	background-blend-mode: multiply;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transform: rotate(180deg);
	z-index: 1;
}


  /* Not great browser support :(
  html {
	scroll-behavior: smooth;
  } 
  */
  nav {
	position: fixed;
	top: calc(50% - 80px);
	left: 100px;
	padding: 0px 10px;
	z-index: 100;
  }
  nav>ul{list-style: none;position: relative;}
  nav>ul>li{list-style: none;position: relative;margin-top: 5px;margin-bottom: 5px;}

  nav a {
	color: white;
	font-size: 16px;
	line-height: 32px;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
  }
  nav a:hover {
	color: white;
	text-decoration: none!important;
  }
  
  nav a.active {
	font-weight: 600;
}

nav>ul>li>a::after {
	content:"";
	position:absolute;
	background:#ffffff;
	top:8px;
	border-radius: 20px;
	left:-13px;
	width:3px;
	height:3px;
}

nav a.light,nav a.light:hover {
	color: #4E4E4E;
}
nav>ul>li>a.light::after {
	background:var(--colore_1);
}




.cerchio{
	margin: -30px auto 60px;
	width: 183px;
	height: 183px;
	flex-shrink: 0;
	border: 1px solid #FDD849;
	border-radius: 200px;
	text-align: center;
	opacity: 0;
	position: relative;
}
/* .cerchio{border-color: #FDD849;background-color:#FDD849;background-image: url(../img/esercizio-fisico.jpg);background-repeat: no-repeat;background-size: cover;background-blend-mode: multiply;}
.cerchio::after {content:"";
	position:absolute;
	background-color:#FDD849;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius: 300px;
	opacity: 0.3;
	z-index: 1;
}
.cerchio2{border-color: #CDBCDC;background:#CDBCDC;margin-top: 100px;background-image: url(../img/attivita-fisica-sportiva.jpg);background-repeat: no-repeat;background-size: cover;background-blend-mode: multiply;}
.cerchio2::after{background-color:#CDBCDC;}
.cerchio3{border-color: #AAD59F;background:#AAD59F;background-image: url(../img/life-style.jpg);background-repeat: no-repeat;background-size: cover;background-blend-mode: multiply;}
.cerchio3::after{background-color:#AAD59F;}
.cerchio p{margin: 0;font-weight: 500;line-height: 20px;position: relative;z-index: 10;color: #ffffff;text-shadow: 0 0 7px rgba(0, 0, 0, 0.80);}
 */


 .cerchio{border-color: #FDD849;}
.cerchio2{border-color: #CDBCDC;margin-top: 100px;}
.cerchio3{border-color: #AAD59F;}
.cerchio p{margin: 0;font-weight: 500;line-height: 20px;position: relative;z-index: 10;}





.freccia{
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	border: 1px solid #4E4BD3;
	text-align: center;
	background: #ffffff;
	margin: 30px 40px 80px auto;
	transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.freccia img{
	width: 26px;
}

.freccia_indietro{
	transform: rotate(180deg);
	position: absolute;
	margin: 0px 0px 0px auto;
	bottom: -70px;
	right: 40px;
	opacity: 0;
	transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.freccia_indietro1{
	bottom: 80px;
	right: 120px;
	transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.step{margin-top:60px;width: 100%;position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: start;
	overflow: visible;opacity: 1;
	transition: all 1s cubic-bezier(.215, .61, .355, 1);}

.inner-step{width: calc(100% - 60px);min-height: 100%;padding:60px;border: 1px solid #4E4BD3;border-radius: 16px;}
/* .step2 .inner-step{border: 1px solid #FDD849;}
.step3 .inner-step{border: 1px solid #AAD59F;} */
.step4 .inner-step{border: 0!important;}

.step>div{
	flex: 0 0 100%;
}
.step h4{color:#4E4BD3 ;}
/* .step2 h4{color:#FDD849 ;}
.step3 h4{color:#AAD59F ;} */

.container-panel2{
	/* position: absolute; */
	width: 100%;
	height: 0px;
	background-color: transparent;
  }
.horizontal-wrapper{
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	max-height: 470px;
	overflow: visible;
}

.horizontal-wrapper::after {
	content:"";
	position:absolute;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 89%, rgba(255,255,255,0) 100%);
	top:0;
	left:-1005px;
	width:1000px;
	height:calc(100% + 100px);
}


.horizontal-wrapper::before {
	content:"";
	position:absolute;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 89%, rgba(255,255,255,0) 100%);
	top:0;
	right:-950px;
	width:1000px;
	height:calc(100% + 100px);
	transform: rotate(180deg);
	z-index: 10;
}

.panel2{  overflow: visible;}
.panel2 .container{  overflow: visible;}
/* .panel2>.panel-content{height: calc(100vh + 300px);} */


.inner_nutrizione{
	background-color: #ffffff;
	border-radius: 16px 16px 0px 0px;
	padding: 60px;
	height: 90vh;
}


#nutrizione>.panel-content{
	justify-content: end;
	align-items: end
  }

.nutrizione-row{position: relative;display: block;}





.splide__pagination.splide__pagination--ltr{display: none!important;}

.splide__arrows{position: relative;}
.splide__arrow.splide__arrow--next {
    width: 50px!important;
    height: 50px!important;
    line-height: 50px!important;
    border-radius: 50px!important;
    border: 1px solid #ffffff;
    text-align: center;
    background: #ffffff;
    margin: 0;
	top: auto!important;
	bottom: 0!important;
	right: 0!important;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
	transform:translateY(60px)!important;
}

.splide__arrow.splide__arrow--prev {
    width: 50px!important;
    height: 50px!important;
    line-height: 50px!important;
    border-radius: 50px!important;
    border: 1px solid #ffffff;
    text-align: center;
    background: #ffffff;
	top: auto!important;
	bottom: 0!important;
	left: 0!important;
	margin: 0;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
	transform:translateY(60px)!important;
}
.border-white-1{border: 1px solid #fff;}

.bottone{text-decoration: none;}

.informative{text-decoration: none;color: #ffffff;border:0;background: none;font-size: 15px;padding: 0;}





/* RESPONSIVE */

@media (max-height: 980px) {
	.container.pos-rel.mt-xs-80{margin-top: 20px;}
	p.ml-70{margin-bottom: 0;}
	.cerchio {margin: 0px auto 40px;}
	.cerchio2 {margin-top: 70px;}
	.col-md-9.col-lg-8.min-height-100{width: 100%!important;}
	.min-height-br{display: none;}
	.fs-30 {font-size: 27px;}
	.fs-40 {font-size: 36px;line-height: 51px;}
	.lh-40{line-height: 32px;}
	a,p,input,ul,li,table,tr,td,button, a{font-size: 16px;line-height: 24px}
	.inner_nutrizione {padding: 40px;}
	.mb-5.min-height-bottom{margin-bottom:1rem!important ;}
	.mb-4.min-height-bottom{margin-bottom:1rem!important ;}
	.mb-md-5.min-height-bottom{margin-bottom:1rem!important ;}
	.step {margin-top: 30px;}
	.inner-step {width: calc(100% - 60px);min-height: 100%;padding: 48px;}
	.horizontal-wrapper {max-height: 400px;}

}
@media (max-height: 740px) {
	.logo{position: fixed;top: 50px;left: calc(50% - 100px);width: 200px;z-index: 100;}

}
@media (max-height: 790px) {
	.mt-xs-80{margin-top: 80px;}
	.mt-xs-100{margin-top: 100px;}
	.mt-xs-120{margin-top: 120px;}

}


@media (max-width: 1199px) {
    .invalid-tooltip{font-size: 11px}

}



@media (max-width: 991px) {
    a,p,input,ul,li,table,tr,td,button, a{font-size: 16px;line-height: 24px}
	.mb-120{margin-bottom: 80px!important;}
	.fs-lg-24{font-size: 24px!important;}
	.ml-70{margin-left: 50px;}
	nav{left: 30px;}
	.cerchio{
		margin: 40px auto;
		width: 165px;
		height: 165px;
	}
	.panel-content{height:auto;}
	.panel0 .panel-content{height:100vh;}
	.panel4 .panel-content{height:auto;}
	#contatti{height:auto;padding-bottom: 100px;padding-top: 100px;}

	.logo{position: fixed;top: 30px;left: calc(50% - 75px);width: 150px;z-index: 100;}
	.mt-xs-80{margin-top: 80px;}
	.mt-xs-120{margin-top: 120px;}
	.horizontal-wrapper{transition: all 1s cubic-bezier(.215, .61, .355, 1);max-height: 500px;margin-bottom: 150px;}
	.horizontal-wrapper::after {display: none;}
	
	.inner-step{width: calc(100% - 40px);}

	.horizontal-wrapper::before{display: none;}
	.container-panel2{height: auto;}
	nav{display: none;}
	#nutrizione.panel{
		min-height: auto;height: auto;
	}
	.inner_nutrizione{height: auto;margin-top: 160px;padding: 25px;}
}



@media (max-width: 767px)  {
    .due-colonne,.tre-colonne{column-count: 1;column-gap: 0px;}
    a,p,input,ul,li,label,table,tr,td,button, a{font-size: 15px;line-height: 22px}
	.fs-md-16{font-size: 16px!important;}
	.fs-md-18{font-size: 16px!important;}
	.fs-md-24{font-size: 24px!important;}
	.fs-md-35{font-size: 35px!important;}
	.vh-100{height: 85vh!important;}
	.mt-xs-0{margin-top: 0!important;}
	.ml-70{margin-left: 30px;}
	.cerchio{
		margin: 40px auto 0px;
		width: 185px;
		height: 185px;
	}
	.cerchio3{margin-bottom: 40px;}
	.inner-step{padding: 25px;}
	.step {margin-top: 20px}

}


@media (max-width: 575px) {
	.fs-xs-15{font-size: 15px!important;}
	.fs-xs-13{font-size: 13px!important;}
	.fs-xs-22{font-size: 22px!important;line-height: 30px;}
	.fs-xs-25{font-size: 25px!important;line-height: 32px;}
	.fs-xs-30{font-size: 30px!important;line-height: 40px;}
	.fs-xs-28{font-size: 28px!important;line-height: 35px;}
	.mb-xs-20{margin-bottom: 20px!important;}
	.mt-xs-50{margin-top: 50px!important;}
	.mt-xs-40{margin-top: 40px!important;}

	.my-slider-progress {
		margin-top: -50px;
	}
	.splide__arrow {
		transform: translateY(-100px)!important;
	}

}