@import 'https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i';
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,400i,500,500i,700,700i');
@import url('font-awesome.css');
@import url('reset.css');

@-webkit-keyframes elementor-headline-dash{0%{stroke-dasharray:0 1000}15%{stroke-dasharray:1000 1000}85%{opacity:1}90%{stroke-dasharray:1000 1000;opacity:0}to{stroke-dasharray:0 1500;opacity:0}}@keyframes elementor-headline-dash{0%{stroke-dasharray:0 1000}15%{stroke-dasharray:1000 1000}85%{opacity:1}90%{stroke-dasharray:1000 1000;opacity:0}to{stroke-dasharray:0 1000;opacity:0}}

#cookieChoiceInfo{font-size:1vw!important}
*{box-sizing:border-box;}
body{margin:0px;padding:0px;width:100%;font-family: 'PT Sans', sans-serif;overflow-x:hidden;}
a,button{-webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;}
p{font-size:1.3em;margin:10px 0px 0px 0px;line-height:1.5em;}
header{width:100%;position:absolute;top:0px;}
div.container{width:100%;padding-right:2%;padding-left:2%;}
header img.slide{position:absolute;height:100%;top:0px;right:0px;z-index:-1;}
header div.gradient{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+12&1+34,0+46 */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 12%, rgba(255,255,255,1) 34%, rgba(255,255,255,0) 46%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 12%,rgba(255,255,255,1) 34%,rgba(255,255,255,0) 46%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 12%,rgba(255,255,255,1) 34%,rgba(255,255,255,0) 46%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */}
header img.home{position:absolute;height:85%;top:7%;right:5%;z-index:1;}
header div.logo{padding-top:20px;width:100%;position:relative;z-index:+2;margin-left:4%}
header div.logo p{position:absolute;bottom:10px;margin-top:0px;left:100px;font-size:1.3em;font-weight:300;font-style:italic;}
header div.payoff{margin-top:40px;margin-bottom:70px;position:relative;z-index:+2;}
header div.payoff h3{font-size:2.5em;font-weight:600;text-transform:uppercase;color:#343434}
header div.payoff h3 span{color:#0275ae;}
header div.payoff h2{font-size:3.5em;font-weight:600;color:#0275ae;margin-top:30px;position:relative;display:inline-block;}
header div.payoff h2 svg{position: absolute;bottom:-100%;left: 52%;width: calc(100% + 20px);height: calc(100% + 20px);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);overflow: visible;}
header div.payoff h2 svg path{stroke: #DEBD3D;stroke-width: 9;fill: none;stroke-dasharray: 1500;-webkit-animation: elementor-headline-dash 4s infinite;animation: elementor-headline-dash 4s infinite;stroke-linecap: round;stroke-linejoin: round;}
header div.plus{width:40%;position:relative;z-index:+2;}
header div.plus div.el{width:100%;margin-right:60px;float:left;display:flex;justify-content:left;margin-bottom:10px;text-align:center;align-items:center;color:#0275ae;}
header div.plus div.el svg{height:50px;margin-right:15px;fill:#0275ae;max-width:8%}
header div.plus div.el img{width:8%;height:auto;margin-right:15px;}
header div.plus div.el p{color:#0275ae;text-align:center;margin-top:0px;font-size:1.5em;text-transform:uppercase;font-weight:600;}
section.content{width:100%;}
section.content h2{font-size:4em;line-height:1em;font-weight:100;width:100%;text-align:center;margin-bottom:40px;}
section.content h3{font-size:2.5em;line-height:1em;font-weight:100;width:100%;text-align:center;margin-bottom:40px;}
section.block{padding:80px 0px 80px 0px;}

div.caption{position: absolute; top: 0px; left: 0px; width:100%; height: 100%; display: flex; align-items: center;justify-content:flex-start}
div.caption h2{font-size:3.0em;width:42%; color:#fff;line-height:1.5em;padding:0px 15px;background:rgba(0,0,0,0.3);margin-left:6%;font-weight:400}

div.block{width:100%;display:flex;justify-content:space-between;margin:40px 0px 0px 0px;flex-wrap:wrap;}
div.block div.el{width:calc(100% / 4 - 2%);}
div.block div.el div.img{width:100%;position:relative;}
div.block div.el div.img div.over{display:flex;width:100%;height:100%;position:absolute;align-items:center;justify-content:center;z-index:+1;top:0px;font-weight:400;font-size:2em;color:#ffffff;background:rgba(0,0,0,0.4);}
div.block div.el div.img div.over p{text-align:center;}
div.block div.el div.img img{width:100%;}
div.block div.el div.content{width:100%;margin-top:10px;}
div.block div.el div.content p.title{font-weight:400;width:100%;text-align:center;font-size:2em;margin-top:0px;}
div.block div.el div.content div{line-height:1.5em;}

div.contact_button{display: none;}

div.col-12{width:100%;}
div.col-9{width:calc((100% / 4)*3);}
div.col-8{width:calc((100% / 3)*2);}
div.col-6{width:calc(100% / 2);}
div.col-4{width:calc(100% / 3);}
div.col-3{width:calc(100% / 4);}
div.col-2{width:calc(100% / 6);}

section.slideshow,div.slide_hp{height:100vh}

section.side1{width:100%;display:flex;flex-wrap:wrap;background:#f3f3f3;}
div.side1{padding:2% 5%;}
div.side1 img{max-width:100%;}
div.side1_text{padding:5%;display:flex;align-items:center;flex-wrap:wrap;}
div.side1_text h2{font-size:3em;margin-bottom:30px;}
ul.plus{margin:0px 0px 0px 0px;padding:0px;}
ul.plus li{display:flex;font-size:1.2em;line-height:1.5em;margin-bottom:20px;align-items:center;}
ul.plus li span.tick{font-size:1.5em;line-height:0.5em;color:#666666;margin-right:15px;}
ul.plus li span.tick svg{height:25px;width:auto;fill:#666666;}

section.side2{width:100%;display:flex;flex-wrap:wrap;background:#ffffff;min-height:650px;}
div.side2{padding:2% 5%;position:relative;}
div.side2 img{max-width:100%;position:absolute;top:5%;}
div.side2_text{padding:5%;display:flex;align-items:center;flex-wrap:wrap;}
div.side2_text h2{font-size:3em;margin-bottom:30px;}
section.side2 ul.plus li{margin-bottom:10px;}
section.side2 ul.plus li span.tick{color:#666666;}

section.side3{width:100%;display:flex;flex-wrap:wrap;align-items:center;background:#ffffff;min-height:650px;}
div.side3{position:relative;}
div.side3 img{max-width:100%;}
div.side3_text{padding:0% 5%;display:flex;align-items:center;flex-wrap:wrap;}
div.side3_text h2{font-size:2.8em;margin-bottom:0px;text-align:left;line-height:1.5em;}

/*PARALLAX*/
.parallax {height: 600px;background-attachment: fixed;background-position:right;background-repeat: no-repeat; background-size: cover;}
.image_banner .col-8:nth-child(odd) .parallax{background-position:left}

.parallax div.overlay{width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;align-content:center}
.parallax div.overlay h3{width: 100%;text-align:center;color:#fff;font-size:3em;margin-bottom:40px}
.parallax div.overlay p{width: 60%;text-align:center;color:#fff;}


section.video{padding:80px 0px;display:flex;align-items:center;position:relative;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}
section.video div.video_frame{height:650px;background-image:url(../images/mac.png);background-repeat:no-repeat;background-position:center;position:relative;width:860px;margin:0 auto;}
section.video iframe{position:absolute;top:100px;left:60px;width:740px;height:430px;}
section.video div.container{positiion:relative;z-index:+10;}
section.video div.overlay{width:100%;position:absolute;top:0px;left:0px;height:100%;background:rgba(255,255,255,0.0);}

section.counter{padding:30px 0px;background:#666666;}
section.counter div.container{display:flex;justify-content:space-between;flex-wrap:wrap;}
section.counter div.el{width:calc(100% / 4 - 3%);}
section.counter div.el div.counter{width:100%;font-size:3em;color:#ffffff;line-height:1em;font-weight:600;text-align:center;}
section.counter div.el p{width:100%;font-size:1.2em;line-height:1.5em;text-transform:uppercase;color:#ffffff;text-align:center;}

section.recensioni{padding:40px 0px 20px 0px;}
div.recensioni_container{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
div.slick_container {width: 49%;box-sizing:border-box;padding:1%;position: relative;border: 1px dotted #aaaaaa;margin-bottom: 40px;text-align: left;}
img.vignetta {position: absolute;top: -12px;left: 1%;height: 18px;}
div.test {float: right;width: 25%;}
div.test img {width: 100%;border-radius:50%;}
.slick-slide img {display: block;}
div.slick div {padding: 3px;margin-top: 3px;}
div.test_text {width: 100%;float: right;font-style: italic;font-size: 1.3em;line-height: 1.5em;padding:3px!important;}
div.firma {width: 95%;margin-top: 15px!important; text-align: right;}

.image_banner img{height:450px;width:100%}


section.form{background:url(../images/rexal.jpg);background-size:cover;position:relative;display:flex;justify-content:flex-end;align-items:center;padding-right:2%}


section.form div.container{display:flex;justify-content:space-between;}
section.form div.form_container{background:#ffffff;border-radius:5px;padding:2%;margin-right:10%;-webkit-box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.75);
box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.75);}
section.form div.form_container h2{font-size:2em;font-weight:600;margin-bottom:15px;}
section.form div.form_container p{font-size:1.1em;font-weight:300;margin-bottom:15px;width:100%;text-align:center;}
section.form form{padding:0px;margin:0px;display:flex;justify-content:space-between;flex-wrap:wrap;}
section.form form div.el{width:100%;margin-bottom:5px;}
section.form form div.el label{width:100%;font-size:1.2em;line-height:1.5em;}
section.form form div.el input{width:100%;padding:10px;border-radius:5px;font-size:1em;border:1px solid #cccccc;}
section.form form div.el input[type="checkbox"]{width:auto;}
section.form form div.el button{width:80%;border:0px;background:#50B849;padding:15px;color:#ffffff;font-size:1em;line-height:1em;margin:0 auto;}
section.video{height:900px;}

div.fixed_bar{display:none;}
.slick-dots li{margin-top:15px;}
.slick-dots li button{width:25px;height:25px;}

footer{background:#000;color:#ffffff;padding:40px;font-size:1.2em;text-align:center;font-weight:400;}

div.detach_why div.side1{padding-right:0px;padding-left:0px;}
div.detach_why div.side1_text{padding-right:0px;padding-left:0px;padding-bottom:0px;}
div.detach_why ul.plus{padding:0px;}

.scroll_ban{display:flex;flex-wrap:wrap;align-items:center}

@media screen and (min-width:701px) and (max-width:1200px){
	header div.payoff{margin-bottom:30px;}
	#cookieChoiceInfo{font-size:1.5vw!important}
	.scroll_ban:nth-child(odd){flex-wrap:wrap-reverse}
	.parallax{height:100%;background-attachment:unset!important}
	.col-8,.col-4{width:100%!important;margin:20px 0px;}
	.col-4{height:auto!Important}
	.col-4 p{padding:10px 20px!important}
	.col-8{height:700px}
}

@media screen and (max-width:700px){
	.col-8{height:270px}
	.scroll_ban:nth-child(odd){flex-wrap:wrap-reverse}
	.parallax{height:100%;background-attachment:unset!important}
	.col-8,.col-4{width:100%!important;margin-bottom:20px;}
	.col-4{height:auto!Important}
	.col-4 p{padding:10px 20px!important}
	#cookieChoiceInfo{font-size:2.5vw!important}
	body{font-size:2.2vw;}
	p{font-size:2.1em;line-height:1.8em;}
	header{display:flex;flex-direction:row;flex-wrap:wrap;height:auto;}
	header div.logo{padding-top:10px;text-align:center;}
	header div.logo img{height:auto;max-width:100%;}
	header div.logo p{font-size:4vw;right:0px;}
	header div.container{order:1;}
	header img.slide{order:2;height:100%;width:125%;right:25%;top:25%;position:relative;margin-top:30px;}
	header div.gradient{display:none;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 12%, rgba(255,255,255,1) 34%, rgba(255,255,255,0) 40%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 12%,rgba(255,255,255,1) 34%,rgba(255,255,255,0) 40%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 12%,rgba(255,255,255,1) 34%,rgba(255,255,255,0) 40%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}
	header div.plus{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
	header div.plus div.el{width:49%;text-align:center;margin-right:0px;font-size:1.5em;flex-wrap:wrap;justify-content:center;}
	header div.plus div.el svg{max-width:20%;margin-right:0px;}
	header div.payoff{margin-bottom:0px;margin-top:10px;}
	header div.plus{order:3;position:relative;top:0px;margin-bottom:20px;padding-top:20px;background:#ffffff;}
	header div.payoff h2,header div.payoff h3{width:100%;text-align:center;}
	header div.payoff h3{font-size:3.5em;}
	header div.payoff h2{margin-top:0px;}
	header div.payoff h2 svg{bottom:-125%;width:calc(85% + 20px);}
	section.counter{padding:40px 0px 0px 0px;}
	section.counter div.el{width:calc(100% / 2 - 3%);margin-bottom:40px;}
	section.counter div.el div.counter{font-size:4em;}
	section.counter div.el p{font-size:1.8em;text-align:center;font-weight:400;}
	section.block,section.video{padding:40px 0px;}
	div.block div.el{width:calc(100% / 2 - 2%);margin-bottom:20px;}
	section.content h2{font-weight:300;font-size:5em;text-align:center}
	section.content h3{font-weight:300;font-size:3.3em!important;text-align:center;font-weight:400;margin-bottom:15px;}
	div.block div.el div.img div.over p.title{font-size:1.5em;text-align:center;}
	div.block div.el div.content div{font-size:2em;}
	div.col-6{width:100%;}
	ul.plus li{font-size:2em;margin-bottom:15px;}
	section.side2{flex-direction:row;}
	section.side2 div.side2_text{order:2;}
	section.side2 div.side2{order:1;}
	section.video{height:auto;}
	div.side3{padding:0px;}
	section.video div.video_frame{width:100%;background:none;height:auto;}
	section.video iframe{position:static;width:100%;}
	div.slick_container{width:100%;padding:0px;padding-top:20px;border:0px;box-sizing: border-box }
	img.vignetta{top:0px;}
	section.form{padding-right:0px;}
	section.form div.form_container{width:80%;margin:0 auto;padding:4%}
	section.form div.form_container h2{font-size:3em;}
	section.form div.form_container p{font-size:2em;}
	section.form form div.el label{font-size:2em;}
	section.form form div.el button{font-size:2em;}
	div.test_text{font-size:2em;}
	section.video div.overlay{background:rgba(255,255,255,0.6);}
	div.fixed_bar{display:block;width:100%;position:fixed;bottom:0px;background:#0275ae;display:flex;justify-content:space-between;z-index:+100;border-top:1px solid #ffffff;}
	div.fixed_bar div.left,div.fixed_bar div.right{width:50%;display:flex;align-items:center;justify-content:center;border-right:1px solid #ffffff;}
	
	div.fixed_bar div.left a,div.fixed_bar div.right a{display:flex;align-items:center;font-size:6vw;font-weight:400;color:#ffffff;text-decoration:none;line-height:1.2em;padding-top:20px;padding-bottom:20px;text-align:center;}
	div.fixed_bar div.left a svg,div.fixed_bar div.right a svg{margin-right:20px;height:35px;}
	div.fixed_bar div.left a svg{height:45px;}
	div.fixed_bar div.left a svg{fill:#DEBD3D;}
	.heartbeat {
		-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
				animation: heartbeat 1.5s ease-in-out infinite both;
	}
	.vibrate-1 {
		-webkit-animation: vibrate-1 0.3s linear 3 both;
				animation: vibrate-1 0.3s linear 3 both;
	}
	.shake-horizontal {
		-webkit-animation: shake-horizontal 0.9s linear both;
				animation: shake-horizontal 0.9s linear both;
	}
	div.contact_button{display: block; position: fixed; bottom: 65px;z-index:+100;text-align:center;width:100%;}
	div.form2{display:none!important;}
	div.caption h2{width:75%;font-size:4em; color:#fff;line-height:1.5em;padding:0px 15px;background:rgba(0,0,0,0.3);margin-left:4%;font-weight:400}
	footer{font-size:1.7em;line-height:1.4em;padding:20px;}
}

/* ----------------------------------------------
 * Generated by Animista on 2019-3-11 9:47:59
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2019-3-11 9:52:51
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation vibrate-1
 * ----------------------------------------
 */
@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2019-3-11 9:57:35
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
  80% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  90% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
  80% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  90% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
}