html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 { clear: both; display: block; padding: 0 0 5px 0; margin:0; line-height:1; text-align: inherit; font-weight:bold; color: inherit; font-family: 'futura', sans-serif;}

h1, .h1{ font-size: 68px; line-height: 1.1;}
h2, .h2{ font-size: 32px; }
h3, .h3{ font-size: 28px; }
h4, .h4{ font-size: 24px; }
h5, .h5{ font-size: 18px; }
h6, .h6{ font-size: 14px; }
.h1, .h2, .h3, .h4, .h5{margin-bottom: 10px;}

.par-col-txt .h1, .par-col-txt .h2, .par-col-txt .h3{margin-bottom: 25px;}

.padding-y{padding-top: 1.5em; padding-bottom: 1.5em;}
.padding-bottom{ padding-bottom: 1.5em;}
.padding-top{padding-top: 1.5em;}
.font-bold{font-weight:bold;}
.text-left{ text-align: left;}
.text-center{ text-align: center;}
.text-right{ text-align: right;}

:root{ --primario: #0A2740; --secondario: #2E76BD ; --grigio: #EBEBEB ; --chiaro: #fff ; --rosso: #FF004D; --giallo: #F6FF00; --fucsia: #E6007E; --verde: #8CF788; --swiper-theme-color: #2E76BD; }
img{ width: 100%; height: auto; display: block; line-height: 1;}
a{display: block; text-decoration: none; color: var(--primario);}

p{font-size: 16px; padding: 10px 0;}

.futura{font-family: 'futura', sans-serif;}
.nimbus{font-family: 'nimbus', sans-serif;}

@font-face {
    font-family: 'nimbus';
    src: url('fonts/NimbusSanL-Reg-webfont.woff');
}
@font-face {
    font-family: 'nimbus';
    src: url('fonts/NimbusSanL-Bol-webfont.woff');
    font-weight: bold;
}
@font-face {
    font-family: 'nimbus';
    src: url('fonts/NimbusSanL-RegIta-webfont.woff');
    font-style: italic;
}
@font-face {
    font-family: 'futura';
    src: url('fonts/FuturaPT-Book.woff');
}
@font-face {
    font-family: 'futura';
    src: url('fonts/FuturaPT-Bold.woff');
    font-weight: bold;
}
@font-face {
    font-family: 'futura';
    src: url('fonts/FuturaPT-Medium.woff');
    font-weight: 600;
}

.myIn{ max-width: 1400px; width: 90%; margin: 0 auto; box-sizing: border-box;}

.cta_cnt{display: inline-block; margin: 10px 0;}
.btn{font-family: 'futura', sans-serif; font-size: 18px; padding: 10px 20px; border-radius: 10px; color: #FFF; transition: all .7s ease; border: none;}
.btn-cta{background-color: var(--secondario); box-shadow: 2px 2px 10px rgba(18, 92, 131, 0.32);}
.btn-fucsia{background-color: var(--fucsia); box-shadow: 2px 2px 10px rgba(157, 34, 77, 0.32); color: #FFF !important; text-decoration: none !important;}
.row-cta-loginpage .btn-cta{
	background-color: var(--fucsia); box-shadow: 2px 2px 10px rgba(157, 34, 77, 0.32);
}

/* HOVER CTA */ 

#goo{transform: translate(0, 0);}

.btn {
    filter: url('#goo_cnt');
}

.btn {
    display: inline-block;
    text-align: center;
    background-color: var(--secondario);
    color: #FFF;
    font-weight: bold;
    padding: 15px 20px;
    line-height: 1;
    border-radius: 0;
    position: relative;
    min-width: 150px; 
    text-decoration: none;
    font-size: 18px;
    border-radius: 10px;
}
.btn.btn-fucsia, .btn.btn-fucsia:before, .btn.btn-fucsia:after {background: var(--fucsia);}
.row-cta-loginpage .btn-cta, .row-cta-loginpage .btn-cta:before, .row-cta-loginpage .btn-cta:after {background: var(--fucsia);}

.btn-min{font-size: 16px; padding: 12px 18px; border-radius: 8px; min-width: auto;  }


.btn:before,
.btn:after {
    width: 80px;
    height: 50px;
    position: absolute;
    content: "";
    display: inline-block;
    background: var(--secondario);
    border-radius: 50%;
    transition: transform .7s cubic-bezier(0.24, 0.49, 0.34, 0.96);
    transform: scale(0);
    z-index: -1;
}

.btn:before {
    top: -25%;
    left: 15%;
}

.btn:after {
    bottom: -25%;
    right: 15%;
}

.btn:hover:before,
.btn:hover:after {
    transform: none;
}

.btn:hover{border-radius: 30px; padding: 15px 10px;}


.btn:disabled{opacity: .4;}
.btn:disabled:hover{filter: inherit; border-radius: 10px;}
.btn:disabled:hover:before,
.btn:disabled:hover:after {
    transform: scale(0);
}


/* -- END HOVER BUTTON */



.celeste{background-color: var(--secondario); color: #FFF;}
.blu{background-color: var(--primario); color: #FFF;}

.con-ghirigori{background-image: url(img/scarabocchi_light.png); background-size: 40%;}


body{font-family: 'nimbus', sans-serif;}

body.ovrflwhddn{overflow: hidden;}

.main_container{min-height: 70vh;}

.app_header{background-color: var(--primario); color: var(--chiaro); display: flex; align-items: center; height: 120px; justify-content: space-between; width: 100%; padding: 0 40px; box-sizing: border-box;}
#logo_prime_tutor path {fill: var(--chiaro);}
.home .app_header{background-color: transparent; display: flex; color: var(--primario); z-index: 10; position: relative;}
.home #logo_prime_tutor path {fill: var(--primario);}


	
	.main_menu{list-style: none; display: flex; align-items: center; justify-content: center;}
		.main_menu li a{padding: 5px 20px; font-size: 18px; text-transform: capitalize; font-family: 'futura', sans-serif; font-weight: 600; color: #FFF; transition: color .3s ease; position: relative;}
		body.home .main_menu li a{color: var(--primario); transition: color .3s ease;}
	
			.main_menu li a:hover, body.home .main_menu li a:hover{color: var(--fucsia);}
	
	
	
	.main_menu li.sel a, body.home .main_menu li.sel a{color: var(--fucsia);}
		
	.main_menu li a svg {
		  fill: none;
		  stroke: var(--fucsia);
		  stroke-width: 4;
		  stroke-miterlimit: 10;
		  stroke-dasharray: 338;
		  stroke-dashoffset: 338;
		  stroke-linecap: round;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  width: calc(100% + 10px);
		  opacity: 0;
		  transform: translate(-50%, -50%);
		  transition: stroke-dashoffset 0s 0.2s, opacity 0.2s;
		  z-index: 1;
		}
		
		
		.main_menu li a:hover svg {
		  stroke-dashoffset: 0;
		  opacity: 1;
		  transition: opacity 0s, stroke-dashoffset 0.4s cubic-bezier(0.85, 0.01, 0.28, 1);
		}
			
	
	.header_tools{display: flex; align-items: center; justify-content: center; width: 170px;}
	

	.txt-sx-img-dx, .img-sx-txt-dx{padding: 50px 0;}
	
	.row-paragrafo-basic{padding: 100px 0; text-align: center;}
	.row-gallery{ position: relative; overflow: hidden;}
	
	.img-sx-txt-dx.blu, .txt-sx-img-dx.blu{background-color: var(--primario);}
	.img-sx-txt-dx.celeste, .txt-sx-img-dx.celeste{background-color: var(--secondario);}
		.img-sx-txt-dx .myIn, .txt-sx-img-dx .myIn{display: flex; align-items: center;}
			.txt-sx-img-dx .myIn{flex-direction: row-reverse;}
			.par-col-img{width: 35%;}
			.par-col-txt{width: 65%; padding: 140px 40px; box-sizing: border-box;}
			.txt-sx-img-dx .par-col-txt{text-align: right;}

	
	
	.img-sx-txt-dx-sufascia, .txt-sx-img-dx-sufascia{margin: 60px 0;}
	
		.img-sx-txt-dx-sufascia.blu, .txt-sx-img-dx-sufascia.blu{background: linear-gradient(0deg, rgba(255,255,255,1) 25%, var(--primario) 25%, var(--primario) 75%, rgba(255,255,255,1) 75%);}
		.img-sx-txt-dx-sufascia.celeste, .txt-sx-img-dx-sufascia.celeste{background: linear-gradient(0deg, rgba(255,255,255,1) 25%, var(--secondario) 25%, var(--secondario) 75%, rgba(255,255,255,1) 75%);}
		
			.img-sx-txt-dx-sufascia .myIn, .txt-sx-img-dx-sufascia .myIn{display: flex; align-items: center;}
				.txt-sx-img-dx-sufascia .myIn{flex-direction: row-reverse;}
	
				.par-col-img{width: 35%;}
				.par-col-txt{width: 65%; padding: 140px 40px; box-sizing: border-box;}
	
				.txt-sx-img-dx-sufascia .par-col-txt{text-align: right;}
	
	
				.img-sx-txt-dx-sufascia h3, .txt-sx-img-dx-sufascia h3{padding-top: 60px;}
				.img-sx-txt-dx-sufascia .par_fascia, .txt-sx-img-dx-sufascia par_fascia{padding-bottom: 60px;}
	
				
				.img-sx-txt-dx-sufascia .cta_cnt, .txt-sx-img-dx-sufascia .cta_cnt{padding-bottom: 60px;}
				
	
	
		.row-columns{margin: 100px 0;}
			.row_column_cnt{display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap;}
	
			.row_column_item{width: 25%; padding: 20px; box-sizing: border-box; text-align: center;}
				.row_column_item h4{padding: 10px 0;}
					.row_column_item p{color: var(--secondario);}
	
					.column_item_thumb{padding-top: 35%; position: relative; margin-bottom: 20px;}
	
					.row_column_item img {position: absolute; left: 0; right: 0; top: 0; height: 100%; bottom: 0; object-fit: contain;}
	
	.blocchetto-txt-sx{background-color: var(--primario); padding: 80px 0; margin: 0px;}
				.blocchetto-txt-sx .row_column_item{display: flex; text-align: left; align-items: flex-start; width: 33%; padding: 20px 40px;}
					.blocchetto-txt-sx .column_item_thumb{padding-top: 0; position: relative; margin: 0; width: 30%;}
					.blocchetto-txt-sx .column_item_txts{width: 70%; color: #FFF; padding-left: 20px; box-sizing: border-box;}
	
					.blocchetto-txt-sx .row_column_item img {position: relative; height: 100%; bottom: 0; object-fit: contain;}
						
					.blocchetto-txt-sx .row_column_item p{color: #FFF; font-size: 14px;}
	
					.blocchetto-txt-sx .column_item_txts h4{padding: 0; font-size: 18px;}
	
	.blu .column_item_txts{ color: #FFF;}
	
	
	.row-solotesto{margin: 60px 0;}
		.row-solotesto p{opacity: 1 !important; animation: none !important;}
		.row-solotesto ul{list-style-position: inside;}
	
	
	
	.row-header-homepage{padding-top: 120px; margin-top: -120px; background-image: url(img/scarabocchi_light.png); background-size: 40%; position: relative;}
		.row-header-homepage:after{content: ''; position: absolute; left: 70%; top: 0; bottom: 0; right: 0; background-image: url(img/scarabocchi.png); z-index: 1; background-size: 100%;}
		.row-header-homepage .myIn{display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 5;}
	
		.header-homepage-contents{width: 40%;}
			.header-homepage-img{margin-right: 5%; animation: up-and-down 8s ease-in-out infinite;}
			
	
	.webpage_dettaglio_corso_head{
		padding: 80px 0;
		background-image: url(img/scarabocchi_light.png); background-size: 40%;
		background-color: var(--grigio); color: var(--primario);
	}
		.webpage_dettaglio_corso_head h1.nome_scuola{ line-height: 1; }
		.webpage_dettaglio_corso_head h3.nome_scuola{  color: var(--fucsia); font-size: 24px; line-height: 1;  }
		.webpage_dettaglio_corso_head h4.nome_anno{color: var(--secondario); font-size: 24px; line-height: 1; }
	
	.header_page_flex{ display: flex; flex-direction: row; justify-content: space-between; }
	.header_page_flex_cta{ width: 50%; text-align: right;}
	.header_page_flex_cta .cta_mess{ font-size: 1.7em; line-height: 1.0; font-weight: 700; font-family: 'futura', sans-serif; padding: 0 0 1em 0; }
	
	.webpage_dettaglio_corso_description{
		padding: 30px 0;
		background-color: var(--secondario); color: #FFF;
	}
	.webpage_dettaglio_corso_lezioni{
		padding: 30px 0;
	}
		.webpage_dettaglio_corso_lezioni_list{/* display: grid; align-items: start;  justify-items: start;   grid-template-columns: auto auto;   row-gap: 50px;   column-gap: 50px; */ column-count: 2;}
			.webpage_dettaglio_corso_lezioni_list_item{align-items: center; box-sizing: border-box; width: 100%; padding: 20px; display: inline-flex; border-bottom: 1px dotted var(--grigio); justify-content: space-between;}
				.webpage_dettaglio_corso_lezioni_list_item:last-child{border-bottom: none;}
			
			.webpage_dettaglio_corso_lezioni_list_item_info{display: flex; align-items: center; font-weight: bold;}
				.webpage_dettaglio_corso_lezioni_list_item img{width: 80px; margin: 0 10px; border: 1px solid var(--grigio); border-radius: 3px;}
				.webpage_dettaglio_corso_lezioni_list_item h5{padding: 0; font-weight: bold; color: var(--fucsia);}
				
				.webpage_dettaglio_corso_lezioni_list_item_durata{color: var(--secondario);}
			
			


	.all_corsi_wizard-row{display: flex; min-height: 500px; background: var(--grigio);}
		.all_corsi_wizard-titoli_cnt{width: 40%; display: flex; align-items: center; justify-content: center; background-color: var(--primario); box-sizing: border-box; padding: 100px 60px 100px 40px; background: url(img/bg_wizard.svg) right center no-repeat; background-size: cover; color: #FFF; position: relative;}
		.all_corsi_wizard-cnt{width: 60%;  padding: 60px 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: relative;}
	
	
		.fre_wizard_cnt{width: 180px; position: absolute; right: 20px; top: 50%;}
		
	
		.percorso-anni{display: none;}
		.percorso-anno-corsi{display: none;}
	
		.percorso-btn{background: var(--secondario); margin: 10px; color: #FFF; padding: 20px; border-radius: 10px; box-sizing: border-box; font-size: 18px; width: 200px;}
			.percorso-btn h3{font-size: 16px; text-align: center; padding: 0;}
		
		
		.percorso-anno-corso-btn{width: 180px; text-align: center; background: #FFF; border-radius: 10px; padding: 10px; box-sizing: border-box; color: var(--secondario); margin: 5px;}
			.percorso-anno-corso-btn h5{font-size: 14px;}
			
		.percorso-anno-btn{background: var(--secondario); padding: 10px 20px; border-radius: 30px; margin: 10px;}	
			.percorso-anno-btn h4{color: #FFF; font-size: 16px; text-align: center; line-height: 1; margin: 0; padding: 0;}
			
	
			
			
		#animation_artboard{width: 100%; display: flex; overflow: hidden; align-items: center; position: relative;}	
			
		.step_wizard{width: 100%; flex: none; overflow: hidden; transition: margin-left .7s cubic-bezier(0.59, 0, 0.27, 1.21);}
			
			#back_step_btn{position: absolute; left: 0; top: 20px; width: 50px; cursor: pointer;}
			#back_step_btn.step_1{display: none;}
		
		
		#step_1{display: flex; align-content: center; justify-content: center; flex-wrap: wrap; animation: marg-left .7s cubic-bezier(0.59, 0, 0.27, 1.21);}
		#step_2{display: flex; flex-direction: column; align-items: center; justify-content: center;}
		#step_3{display: flex; align-content: center; justify-content: center; flex-wrap: wrap;}
		
		
		#animation_artboard.step_1 #step_1{margin-left: 0%;}
		#animation_artboard.step_2 #step_1{margin-left: -100%;}
		#animation_artboard.step_3 #step_1{margin-left: -200%;}
		
		#step_2 .percorso-anni{display: block;}
	
		#step_3 .percorso-anno-corsi{display: block;}	
			
.app_login_page_cnt{
	box-sizing: border-box;
	padding: 80px 0;
	min-height: calc(100vh - 120px);
}	

	.app_login_page_cnt h1{margin-bottom: 40px; font-size: 50px;}

	
	.form_login_cnt{
		display: flex;
		justify-content: center;
	}
	form.form_login{
		width: 80%;
		max-width: 400px;
	}
	form.form_sign_up{
		width: 80%;
		max-width: 500px;
	}
		
		
	
	.row-subscription-status{position: fixed; top: 0; left: 200px; right: 0; color: #FFF; transform: translateY(-40px); box-sizing: border-box; font-size: 16px; font-weight: bold; text-align: center; animation: scroll_top .5s ease forwards; animation-delay: .3s; padding: 3px 0;}	
		
	.row-subscription-status-not-found{background: var(--rosso);}
	.row-subscription-status-in-scadenza{background: var(--secondario);}
	
	.row-subscription-status a{color: #FFF; text-decoration: underline; display: inline-block;}	
	
	.row-cta-loginpage{margin: 40px 0;}	
		
		
	.profile_switch_cnt{display: flex; justify-content: center;}	
	
	.profile_switch_item{display: block; width: 220px; padding: 20px; box-sizing: border-box; text-align: center;}
	.profile_switch_item_nickname{font-size: 32px; color: var(--primario); font-weight: bold; text-align: center; font-family: 'futura', sans-serif; margin: 15px 0; transition: transform 1s ease-in-out;}
	
	.profile_switch_item_thumb{margin-bottom: 0; line-height: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
	.profile_switch_item_thumb svg{overflow: visible; width: 100%; height: auto;}
		.profile_switch_item_thumb svg #profile_thumb_rect{stroke-dasharray: 1000; stroke-dashoffset: 1000; stroke-width: 10; stroke-linecap: round; stroke-width: 5; stroke: #FFF; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; transition: all 1s ease-out;}
			.profile_switch_item:hover .profile_switch_item_thumb svg #profile_thumb_rect{stroke: #FFF; stroke-dashoffset: 0; stroke-dasharray: 1000; stroke-width: 5; stroke-linecap: round;}
			.profile_switch_item:hover .profile_switch_item_nickname{transform: translateY(-10px);}
	
	
	.profile_switch_item_add_new .profile_switch_item_thumb{background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='white' stroke-width='5' stroke-dasharray='10%25%2c 5%25' stroke-dashoffset='63' stroke-linecap='round'/%3e%3c/svg%3e");
border-radius: 10px; height: 180px; display: flex; align-items: center; justify-content: center; font-size: 110px; color: #FFF; padding-bottom: 15%;}
	
	
	.profile_switch_item_add_new .profile_switch_item_nickname{color: #FFF;}
	
	
	.user_profile_switch .website_footer, .user_profile_switch .main_navbar{display: none;}		
	
	
	.profile_switch_item_thumb_1 svg rect{fill: var(--fucsia);}
	.profile_switch_item_thumb_2 svg rect{fill: var(--verde);}
	.profile_switch_item_thumb_2 svg #profile_thumb_group_in path{fill: var(--primario);}
	
	
	
	.abbonamenti_front_cnt{display: flex; justify-content: center; margin: 60px 0;}
		.abbonamento_front{margin: 0 20px; padding: 40px; background: #F2F7FB; border-radius: 10px; box-shadow: 2px 2px 10px rgba(18, 92, 131, 0.32); text-align: center; position: relative;}
	
		.abbonamento_front h4{color: var(--primario); font-size: 31px; margin-bottom: 10px;}
	
	
		.prezzo_abbonamento{display: flex; align-items: baseline; justify-content: center; color: var(--secondario); margin-bottom: 40px;}
		
			.prezzo_abbonamento_coin{font-size: 50px; font-weight: 200;}
			.prezzo_abbonamento_type{text-transform: lowercase; font-size: 28px; margin-left: 5px;}
	
			.abb_descr{text-align: left; margin-bottom: 100px; color: #7c7c7c;}
				.abb_descr ul{list-style-position: inside;}
	
	
			.abbonati_cta{position: absolute; bottom: 40px; left: 0; right: 0;}
	
			.prezzo_abbonamento_full{color: #5e5e5e; text-decoration: line-through; text-decoration-color: var(--fucsia); display: block; min-height: 22px; line-height: 1;}
	
	
			.webpage_dettaglio_corso_head .prezzo_abbonamento_full{display: inline;}
	
	
	.website_footer{background: var(--primario);}
	
		
		.footer_col-logo{text-align: center;}
	
	
		.footer_flex{display: flex; justify-content: space-between; align-items: center; padding: 50px 0;}
			.loghi_footer{display: flex; align-items: center; justify-content: space-around; border-top: 1px solid #FFF; margin-top: 10px; padding-top: 10px;}
				.loghi_footer a{width: 25px; height: 25px; margin: 10px;}
					.loghi_footer a img{width: 100%; height: 100%; object-fit: contain;}
	
	
	.footer_navbar ul{list-style: none; display: flex;}
		.footer_navbar ul li a{color: #FFF; padding: 5px 10px; display: block; transition: color .4s ease;}
			.footer_navbar ul li a:hover{color: var(--fucsia);}
	
	
		.footer_firma{text-align: center; color: #FFF; padding: 20px 0; font-size: 14px;}
	
	
	
	
	.swiper{}

	
	
	

		
		
			
			
			

	
/*. .title .h1{opacity: 0;}
	.row-paragrafo figure{opacity: 0;}
*/
	.title .block{clip-path: inset(0 100% 0 0);}
	
	.in_view .title {
	  width: 100%;
	  position: relative;
	  align-items: center;
	  height: auto;
	}
	.in_view .title .block {
	  left: -50px;
	  right: -50px;
	  /* background: var(--fucsia); */
	  background: url(//s2.svgbox.net/pen-brushes.svg?ic=brush-1&color=e6007e);
	  position: absolute;
	  /* animation: mainBlock 1s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards; */
	  animation: down-enter 1s cubic-bezier(0.89, 0.02, 0.28, 1) forwards;
	  display: flex;
	  z-index: 2;
	 
	}
	.in_view .title .h1, .in_view .title .h2, .in_view .title .h3, .in_view .title .h4, .in_view .title .h5, .in_view .title p {
	  -webkit-animation: mainFadeIn .5s forwards;
	  -o-animation: mainFadeIn .5s forwards;
	  animation: mainFadeIn .5s forwards;
	  animation-delay: .3s;
	  opacity: 0;
	  display: flex;
	  align-items: baseline;
	  z-index: 1;
	  position: relative;
	}
	
/*	.in_view .h1, .in_view .h2, .in_view .h3, .in_view .h4, .in_view .h5, .in_view p, .in_view .cta_cnt, .in_view figure{opacity: 0;} */
	.in_view .h1, .in_view .h2, .in_view .h3, .in_view .h4, .in_view .h5, .in_view p, .in_view .cta_cnt, .in_view figure{-webkit-animation: mainFadeIn 1s forwards; -o-animation: mainFadeIn 1s forwards; animation: mainFadeIn 1s forwards; animation-delay: .4s; }
	.in_view figure{animation-delay: .2s;}
	.in_view .h1{animation-delay: .4s;}
	.in_view .h2{animation-delay: .6s;}
	.in_view .h3{animation-delay: .8s;}
	.in_view .h4{animation-delay: 1s;}
	.in_view .h5{animation-delay: 1.2s;}
	.in_view p{animation-delay: 1s;}
	
	.col_in_view .row_column_item{opacity: 0; animation: mainFadeIn 2s ease forwards; animation-delay: .4s;}
		.col_in_view .row_column_item:nth-child(2){animation-delay: .6s;}
		.col_in_view .row_column_item:nth-child(3){animation-delay: .8s;}
		.col_in_view .row_column_item:nth-child(4){animation-delay: 1s;}
		.col_in_view .row_column_item:nth-child(5){animation-delay: 1.2s;}
		.col_in_view p{animation-delay: 0;}
		
	
	@keyframes up-and-down {
	  0% {transform: translateY(0)}
	  50% {transform: translateY(-20px)}
	  100% {transform: translateY(0)}
	}
	
	
	@keyframes marg-left {
	  0% {margin-left: 100%;}
	  100% {margin-left: 0%;}
	}
	
	@keyframes down-enter {
	  0% { clip-path: inset(0 100% 0 0); }
	  50% { clip-path: inset(0); }
	  100% { clip-path: inset(0 0 0 100%); }
	}
	
	@keyframes mainBlock {
	  0% {
	    width: 0%;
	    left: 0;
	  }
	  50% {
	    width: 100%;
	    left: 0;
	  }
	  100% {
	    width: 0;
	    left: 100%;
	  }
	}
	@keyframes secBlock {
	  0% {
	    width: 0%;
	    left: 0;
	  }
	  50% {
	    width: 100%;
	    left: 0;
	  }
	  100% {
	    width: 0;
	    left: 100%;
	  }
	}
	@keyframes mainFadeIn {
	  0% {
	    opacity: 0;
	  }
	  100% {
	    opacity: 1;
	  }
	}
	@keyframes secFadeIn {
	  0% {
	    opacity: 0;
	  }
	  100% {
	    opacity: 0.5;
	  }
	}
	
	@keyframes top {
	  0% {
	    opacity: 0;
	    bottom: -80px;
	  }
	  100% {
	    opacity: 1;
	    bottom: 0px;
	  }
	}
	@keyframes icon {
	  0% {
	    opacity: 0;
	    transform: scale(0);
	  }
	  50% {
	    opacity: 1;
	    transform: scale(1.3) rotate(-2deg);
	  }
	  100% {
	    opacity: 1;
	    bottom: 0px;
	  }
	}
	
	@keyframes scroll_top {
	  0% {
		  transform: translateY(-40px)
	  }
	  100% {
	    transform: translateY(0px)
	  }
	}
	
	
		
	.recupera_pass_link_cnt{ text-align: right; display: block;  margin: 5px ;}
	.recupera_pass_link{  text-decoration: underline; color: #FFF; font-size: 16px; }
	.alert{ display: block; text-align: center; margin: 10px 10px; border-radius: 10px; padding: 10px 10px; background-color: var(--verde); color: var(--primario)} 
	.alert-danger{background-color: var(--rosso); color: #FFF;}
	form{
		display: block; clear: both; margin: 0; padding: 0; box-sizing: border-box;
	}
	.form_row{ display: flex; width: 100%; box-sizing: border-box; padding: 5px;}
	.form_field{ box-sizing:  border-box; padding: 5px; width: 100%;}
	label{
		font-size: 16px; line-height: 1; margin: 0; padding: 15px 0 5px 0 ; font-weight: 600; font-family: 'nimbus', sans-serif; display: block; clear: both; box-sizing: border-box; color: var(--primario);
	}
	.celeste label{color: #FFF;}
	
	input{
		font-size: 18px; width: 100%; line-height: 1; margin: 0; padding: 5px ; font-weight: 400; font-family: 'futura', sans-serif; display: block; clear: both; box-sizing: border-box; border: none; border-radius: 5px;
	}
	select{
		font-size: 18px; width: 100%; line-height: 1; margin: 0; padding: 5px ; font-weight: 400; font-family: 'futura', sans-serif; display: block; clear: both; box-sizing: border-box; border: none; border-radius: 5px;

	}
	.form_field_btn{ display: flex;justify-content:center }
	.form_field_login_btn{ display: flex;justify-content: flex-end }
	.btn-app,  
	.btn-app-login{ 
		background-color: var(--fucsia); font-family: 'futura', sans-serif; font-size: 18px;  border-radius: 10px; color: #FFF; border: none;  cursor: pointer;
		display: inline-block; text-align: center; font-weight: bold; padding: 15px 20px; line-height: 1; 
	}
	.btn-app-login{ 
		background-color: var(--verde); color: var(--primario);
	}

	.form_field_checkbox .label_checkbox{display: flex; justify-content: flex-start; align-items: center; font-weight: 400; font-size: 13px; padding: 5px 0;}
	
	.form_field_checkbox .label_checkbox input{width: auto; margin-right: 10px;}
	.form_field_checkbox .label_checkbox a{color: var(--fucsia); text-decoration: underline; display: inline;}
	
	
		.registrati_abbonamento_cnt{margin: 40px 0;}
		.registrati_abbonamento_form{max-width: 1000px; margin: 0 auto;}
	
			.registrati_abbonamento_form input{border: 1px solid #b6b6b6; padding: 5px 10px;}
			.registrati_abbonamento_form button{display: block; margin: 20px auto;}
			
		
		.prezzi_abbonamento_dett{color: var(--secondario); padding: 30px 0;}	
		.prezzi_abbonamento_dett .prezzo_abbonamento_full{font-size: 35px;}
		
		
		.form_field_promocode{background: var(--grigio); max-width: 300px; border-radius: 20px; margin: 10px auto; padding: 20px 30px;}
	
			.form_field_promocode label{color: var(--fucsia); margin: 0 0 10px 0; padding: 0; text-align: center;}
			.form_field_promocode input{text-transform: uppercase; border: none;}
	
	
		.descrizione_offerta_abbonamento_dett{margin-top: 10px;}
		.descrizione_offerta_abbonamento_dett, .descrizione_offerta_abbonamento_dett p{font-size: 18px;}
	
		.descrizione_offerta_abbonamento_dett ul{list-style-position: inside;}
	
	
/* ------MENU BUTTON------- */

.hamburger {
    padding: 0;
    display: none;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    overflow: visible;
    z-index: 80;
    
    
}

.hamburger:hover {
    opacity: 0.7;
}

.hamburger span {
    padding: 5px 10px;
    display: block;
    float: left;
    font-weight: bold;
    border-left: 3px solid #000;
}

.hamburger-box {
    width: 35px;
    height: 24px;
    display: block;
    float: left;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 35px;
    height: 2px;
    background-color: var(--fucsia);
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}


.is-active .hamburger-inner,
.is-active .hamburger-inner::before,
.is-active .hamburger-inner::after {
    background-color: var(--fucsia);
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.loghi_carte{font-size: 1em; color: var(--secondario); text-align:center;}
.stripe_container{ max-width: 500px; padding: 2em; background-color: var(--primario); margin: 5px 0 15px 0; border-radius: 1em;}
.stripe_container button{font-family: 'futura', sans-serif; font-size: 18px; padding: 10px 20px; border-radius: 10px; color: #FFF; transition: all .7s ease; border: none; background-color: var(--fucsia); box-shadow: 2px 2px 10px rgba(157, 34, 77, 0.32); cursor: pointer; display: block;}
.payment_form_field_cnt {
    display: block;
    margin: 5px 0;
    padding: 10px 0;
}
.carta_nome_cnt input {
    width: 100%;
    box-sizing: border-box;
    display: block;
    clear: both;
    height: 40px;
    padding: 10px 12px;
    font-size: 16px;
    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 {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 1px 3px 0 #b6bbc1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.stripe_pay_mess{padding: 20px 0; font-size: 14px; color: var(--fucsia); display: inline;}
.send_payment_cnt{display: flex; flex-direction: row-reverse; justify-content: space-between;}