@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(//fonts.googleapis.com/css?family=Libre+Baskerville);
@import url(//fonts.googleapis.com/css?family=Marck+Script);

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html, body{
    height: 100%;
    max-width: 100% !important;
	overflow-x: hidden !important;

	max-height: 100% !important;
	overflow: hidden !important;
}
.noScrollIphone{
	position: fixed !important;
}
.noScrollIpad{
	position: fixed !important;
	left: 50%;
	margin-left: -250px;
}

body{
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	font-smoothing: antialiased;
	margin: 0;
	overflow: hidden;
	background: -webkit-linear-gradient(#0e1037, #4d6bd9); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#0e1037, #4d6bd9); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#0e1037, #4d6bd9); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#0e1037, #4d6bd9); /* Standard syntax */
}

@media (min-width: 500px){
	body {
		/*background-image: url(./images/bg-page.jpg);*/
		background: #f1f1f1;
	}
	.shadow{
		-webkit-box-shadow: 0px 2px 66px 2px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 2px 66px 2px rgba(0,0,0,0.75);
		box-shadow: 0px 2px 66px 2px rgba(0,0,0,0.75);
	}
	.slide4 .container_4{
		background-color:#0060b1;
		max-width: 80%;
		height:100vh;
		color: white;
		border-radius: 0px 30px 0px 0px;
		padding: 30px 20px;
		text-align: left;
	}

	.slide4 .text{
		font-size: 12pt;
	}

	.slide4 .text-2{
		margin-top: 32px;
		font-size: 8pt;
		max-width: 180px;
	}
	.slide4 .btn_container{
		margin-top: 70px;
		margin-bottom: 20px;
	
	}

	.slide4 .store_bt{
		width: 120px;
		display: block;
		margin-top: 16px;
		
	}

	.womans{
		position: absolute;
		top: 4000px;
		left:200px;
		width: 70%;

	}
}

a{
	text-decoration: none;
	color: #677eac;
}

a:link, a:visited{
	color: #677eac;
}

h3{
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 22px;
	color: #606060;
}

.default-testo{
	color: #5f5f5f;
	font-size: 16px;
}
.default-titolo{
	color: #5f5f5f;
	font-size: 2.2em;
}
.default-titoloCookie{
	color: #ffffff!important;
	position: absolute;
	bottom: 15px;
	width: 100%;
}

.clear{
	clear: both;
}
.hide{
	display: none;
}
.padding10{
	padding: 10px;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.margin-auto{
	margin: 0 auto;
}
.margin-bottom-10{
	margin-bottom:10px;
}
.margin-bottom-40{
	margin-bottom:40px;
}
.margin-top10{
	margin-top:10px;
}
.margin-top20{
	margin-top:20px;
}
.margin-top30{
	margin-top:30px;
}
.float-right{
	float: right;
}
.float-left{
	float: left;
}

.bold{
	font-weight: bold;
}

.testo-cover-swipe{
	z-index: 9999;
	position:absolute;
	bottom:25%;
	width:100%;
	color: #fff;
	padding:10px 20px 10px 20px;
	min-height: 20%;
}
.box-call{
	position:relative;
	top:0%;
	color: #000;
	min-height:50px;
	text-align:center;
}
.box-mask{
  	 -webkit-border-radius: 999em;
  	position: relative;
  	top:20%;
  	text-align: center;
  	margin:0 auto 10px auto;
}
.circle{
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.box-call-to-action{
	position:relative;
	top:3%;
	margin: 0 auto;
	color: #000;
	font-size: 1em;
	min-height:40px;
	text-align:center;
}

.container {
	position: relative;
	margin: 0 auto;
	-webkit-perspective: 2200px;
	-moz-perspective: 2200px;
	-ms-perspective: 2200px;
	perspective: 2200px;
}
.page {
	width: 50.06667%;
	height: 100%;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: none;
}
.page > div {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	background: #fff;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.page .back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}
.page .outer{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	z-index: 999;
}
.page .content{
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.overlay, .flipoverlay{
	background-color: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.flipoverlay{
	background-color: rgba(0, 0, 0, 0.2);
}
.page .content .inner{
	height: 100%;
}
.page h1{
	text-align: center;
}
.page.cover .front .content,
.page.cover-back .back .content{
	width: 100% !important;
}
.page.cover .front .content:after,
.page.cover-back .back .content:after{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 100%;
	content: '';
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.01) 16%,rgba(0,0,0,0) 17%,rgba(0,0,0,0) 44%,rgba(0,0,0,0.08) 60%,rgba(0,0,0,0.09) 61%,rgba(0,0,0,0.35) 100%);
	opacity: 0.2;
}
.page.cover-back .back .content:after{
	left: auto;
	right: 0px;
	background:-webkit-linear-gradient(left, rgba(0,0,0,0.53) 0%,rgba(0,0,0,0.1) 10%,rgba(0,0,0,1) 100%);
}
.page.cover .front .content .inner{
	padding-top: 20px;
}
.page.cover-back .back .content{
	background: #B0D5FF;
}
.page.cover h1{
	color: rgba(255,255,255,0.9);
	text-align: right;
	font-weight: 300;
	font-size: 34px;
	margin: 0 0 0 60%;
	line-height: 34px;
	padding-bottom: 10px;
	cursor: default;
}
.page.cover h1 span{
	display: block;
	font-weight: 300;
	font-size: 15px;
}
.f-cover-swipe{
	position: absolute;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.49) 40%, rgba(0,0,0,0.5) 41%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.49) 40%,rgba(0,0,0,0.5) 41%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.49) 40%,rgba(0,0,0,0.5) 41%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
	top: 0%;
	text-align: center;
	cursor: pointer;
}
.f-cover-swipe img {
	z-index: 9999;
	margin:0 auto;
	text-align: center;
	position: relative;
	top: 30%;
}
.box{
	overflow: hidden;
	position: relative;
	background: #fff;
	cursor: pointer;
	top: 0px;
	margin: 0 auto;
}
.img-cont{
	z-index: 9999;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.box p{
	padding:10px 10px 10px 10px;
	position: relative;
}
.w-25{ width: 25%; margin: 0 auto}
.w-50{ width: 50%; }
.w-75{ width: 75%; }
.w-100{ width: 100%; }
.h-25{ height: 25%; }
.h-50{ height: 50%; }
.h-75{ height: 75%; }
.h-100{ height: 100%; }

.box-expanded.box-img-left .img-cont,
.box-img-left .img-cont{
	float: left;
	width: 40%;
	height: 100%;
	margin-right: 2%;
}
.box-img-left:after{
	left:  42%;
}
.box-img-left p{
	margin-left: 42%;
}
.box-img-right .img-cont{
	float: right;
	width: 40%;
	height: 100%;
	margin-left: 2%;
}
.box-img-right:after{
	right: 42%;
}
.box-img-right p{
	margin-right: 42%;
}
.text-align-center{
	text-align: center;
}
.title-top{
	position: relative;
	margin: 4em auto;
	width: 100%;
	padding:10px 20px 10px 20px;
}
.title-top-trampolino{
	position: relative;
	margin: 0 auto;
	/*text-align: center;*/
	color: #9b9b9b;
	width: 100%;
	padding:10px 20px 10px 20px;
}

.box-privacy{
	font-family: 'Roboto', sans-serif;
	position:absolute;
	bottom:12%;
	width:100%;
	color: #606060;
	overflow: hidden;
	text-align:center;
	padding:10px 20px 10px 20px;
}
.box-expanded{
	border: none;
	padding: 50px 10px 20px 10px;
}
.box-expanded .img-cont{
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	float: left;
	width: 50%;
	height: 50%;
	margin-right: 20px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.box.box-expanded p{
	font-size: 20px;
	line-height: 30px;
}
.box.box-expanded:after{
	background: transparent;
}
.box-expanded .box-close{
	/*background-image: url(../img/close.png);
	background-repeat: no-repeat;*/
	position: absolute;
	top:10px;
	right: 20px;
	width: 36px;
	height: 36px;
	color: #fff;
	font-size: 1em;
	text-align: center;
	line-height: 30px;
}
.footer-call{
	position: absolute;
	bottom: 5%;
	color: #5f5f5f;
	font-size: 0.6em;
	width: 100%;
	margin: 0 auto;
	height: 7%;
	text-align: center;
}
.call{
	width: 80px;
	height: 80px;
	margin: 20px auto 10px;
}
#loading{
	margin-top: 40%;
	text-align: center;
	color: #fff;
}
.landscape{
	display: none;
	margin-top: 10%;
	text-align: center;
	color: #fff;
}
.ie{
	display: none;
	margin-top: 40%;
	text-align: center;
	color: #fff;
}

.field {
  color: #ababab;
  border: none;
  width: 90%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 60px;
  background-color: #fff;
  box-shadow: 0px 0px 0px 3px #e8e6e3;
  padding-left: 10px;
  font-family: 'Roboto',sans-serif!important;
  font-size: 22px;
  line-height: 30px;
  margin: 0 auto;
}

.box-shadow {
  position: relative;
  top: 0px;
  /* width: 300px; */
  text-align: center;
  margin: 0 auto;
}

.blurred {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	pointer-events: none;
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}

.poweredBy {
	width:100%;
	height:40px;
	padding:5px 0;
	text-align:center;
	z-index:9999;
}
.poweredByLogo {
	display: inline-block;
    width: auto;
    height: 100%;
}

.cookie-banner__container {
	width: 100%;
	padding: 0% 4%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #043673ba;
	z-index: 9999999;
	position: fixed;
	bottom: 0;
	min-height: 70px;
}
.cookie-banner__text {
	color: #fff;
	margin-right: 2%;
}
.cookie-banner__text .cmp-text p {
	font-size: 0.7rem !important;
	line-height: 1rem;
}
.cookie-banner__text .cmp-text b, .cookie-banner__text .cmp-text a {
	color: #eea7bf;
	text-decoration: underline;
	font-weight: normal;
}
.cookie-banner__button button {
	background-color: #eea7bf;
	display: inline-block;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	font-weight: 500;
	margin: 0 5px;
	line-height: 18px;
	-webkit-margin-after: 1em;
	margin-block-end: 1em;
	padding: 0.36rem 1.5rem;
}
.cookie-banner__button button span {
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 0.87rem !important;
}
@media (min-width: 768px) {
	.cookie-banner__container {
		display: grid;
		gap: 3%;
		grid-template-columns: 2.5fr 0.7fr;
		justify-items: center;
	}
	.cookie-banner__text .cmp-text p {
		font-size: .9rem !important;
		line-height: 1.2rem;
	}
	.cookie-banner__button button {
		-webkit-margin-after: 0;
		margin-block-end: 0;
		padding: 0.5rem 1.5rem;
	}
	.cookie-banner__button button span {
		font-size: .9rem !important;
	}
}
@media (max-width: 1200px) {
	.cmp-button {
		margin: 0.5vw;
		padding: 2vw 5vw;
	}
}

.slide4 *{
	margin: 0;
	padding: 0;
}

.slide4 .header{
	width: 100%;
}

.slide4 .container_4{
	background-color:#0060b1;
	max-width: 80%;
	height:100vh;
	color: white;
	border-radius: 0px 30px 0px 0px;
	padding: 30px 25px;
	text-align: left;
}


.slide4 .text{
	font-size: 9pt;
}

.slide4 .text-2{
	margin-top: 0px;
	font-size: 6pt;
	max-width: 140px;

}


.slide4 .store_bt_img{
	width: 80px;
	display: block;
	margin-left: 15px;
}

.slide4 .store_bt{
	margin-left: 15px;
	position: relative;
	z-index: 9999999!important;
}
.womans{
	position: absolute;
	top: 400px;
	left:160px;
	width: 58%;

}

@media (min-width: 768px) { 
	.slide4 .container_4{
		background-color:#0060b1;
		max-width: 80%;
		height:100vh;
		color: white;
		border-radius: 0px 30px 0px 0px;
		padding: 30px 50px;
		text-align: left;
	}

	.slide4 .text{
		font-size: 12pt;
	}

	.slide4 .text-2{
		margin-top: 32px;
		font-size: 8pt;
		max-width: 180px;

	}
	.slide4 .btn_container{
		margin-top: 70px;
		margin-bottom: 20px;
	
	}

	.slide4 .store_bt{
		
		width: 120px;
		display: block;
		margin-top: 16px;
		position: relative;
	    z-index: 99999999999999999;
	}

	.womans{
		position: absolute;
		top: 531px;
		left: 219px;
		width: 55%;
	
	}
}