@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: 'Roboto', sans-serif;font-weight:300;font-weight:14px;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:relative;height:100vh;max-height:1024px;}
div.container{width:100%;max-width:1500px;padding-right:2%;padding-left:2%;margin:0 auto;}
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:50%;z-index:1;background: rgba(0,0,0,0.61);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.50) 0%, rgba(200,200,200,0) 100%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.50)), color-stop(100%, rgba(200,200,200,0)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.50) 0%, rgba(200,200,200,0) 100%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.50) 0%, rgba(200,200,200,0) 100%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.50) 0%, rgba(200,200,200,0) 100%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.50) 0%, rgba(200,200,200,0) 100%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=0 );}
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;}
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;line-height:1.2em;font-weight:600;color:#ffffff}
header div.payoff h3 span{color:#ffffff;}
header div.payoff h2{font-size:3.5em;line-height:1.5em;font-weight:600;color:#ffffff;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;}
header a.cta{display:inline-block;padding:15px 20px;background:#0275AE;color:#ffffff;text-decoration:none;font-weight:400;font-size:20px;}
section.content{width:100%;}
section.content h2{font-size:4em;line-height:1em;font-weight:100;width:100%;text-align:center;margin-bottom:60px;}
section.content h3{font-size:2.5em;line-height:1em;font-weight:100;width:100%;text-align:center;margin-bottom:60px;}
section.block{padding:60px 0px;}
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:0px;font-size:20px;padding:5px 10px;font-size:28px;text-align:center;line-height:33px;}
div.block div.el div.content p.title{font-weight:400;width:100%;text-align:center;font-size:2em;margin-top:0px;}

img.logo_mobile{display:none;}
img.img_mobile{display:none;}

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

div.side{display:flex;justify-content:space-between;align-items:center;}
div.side div.column{padding:0px 2.5%;}
section.grey{background:#eeeeee;}

section.side1 div.container{width:100%;display:flex;flex-wrap:wrap;}
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:40px 0px 0px 0px;padding:0px;}
ul.plus li{display:flex;font-size:1.2em;line-height:1.5em;margin-bottom:0px;align-items:center;margin-bottom:10px;}
ul.plus li span.tick{font-size:1.8em;line-height:0.5em;color:#0275ae;margin-right:15px;}
ul.plus li span.tick svg{height:25px;width:auto;fill:#0275ae;}

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:#0275ae;}

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

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{height:800px;}
section.video div.video_frame{position:relative;width:860px;margin:0 auto;background-image: url(../images/mac.png);background-repeat: no-repeat;background-position: center;height:515px;}
section.video iframe{top:30px;position:relative;left:0px;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:#0275ae;}
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:80px 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;}

section.form{background:url(/images/bg_form.jpg);background-size:cover;position:relative;}
section.form div.container{position:relative;}
section.form div.overlay{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.5);}
section.form div.container_side{position:relative;display:flex;justify-content:flex-end;align-items:center;padding-right:2%}
section.form div.container_side{display:flex;justify-content:space-between;}
section.form div.form_container{width:50%;background:#ffffff;border-radius:5px;padding:4%;margin-right:0%;-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:15px;}
section.form form div.el label{width:100%;font-size:1.2em;line-height:1.5em;color:#444444;}
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;}

a.whatsapp{display:inline-block;background:#50B849;color:#ffffff;border-radius:4px;text-decoration:none;padding:5px 10px;}

div.ccl{width:100%;display:flex;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;}
div.ccl div{width:calc(100% / 3 - 1%);}
div.ccl div img{max-width:100%;border-radius:5px;}

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

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

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;}


@media screen and (min-width:1100px) and (max-width:1400px){
	header div.payoff{margin-bottom:30px;}
	#cookieChoiceInfo{font-size:1.5vw!important}
}

@media screen and (min-width:701px) and (max-width:1100px){
	section.form div.container_side {
		display: block;
	}
	div.col-6 {
		width: 100%;
	}
	section.form div.form_container {
		width: 80%;
		margin-bottom:25px;
	}
	div.block div.el {
		width: calc(100% / 2 - 2%);
	}
	div.block div.el img{
		margin-bottom:5px;
		margin-top:20px;
	}
	div.video2 video{width:100%;margin-top:40px;}
	div.side {
		display: block;
		justify-content: space-between;
		align-items: center;
	}
}

@media screen and (max-width:700px){
	#cookieChoiceInfo{font-size:2.5vw!important}
	body{font-size:2.2vw;}
	p{font-size:1.2em;line-height:1.8em;}
	p.text1{font-size:1.8em;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:25px;}
	section.counter div.el div.counter{font-size:4em;}
	section.counter div.el p{font-size:1.6em;text-align:center;font-weight:400;}
	section.block,section.video{padding:40px 0px;}
	div.block div.el{width:100%;margin-bottom:20px;}
	div.block div.el img{margin-bottom:10px;margin-top:10px;}
	section.content h2{font-weight:300;font-size:4em;}
	section.content h3{font-weight:300;font-size:2.5em!important;text-align:center;font-weight:400;margin-bottom:40px;line-height: 35px!important;}
	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:95%;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;
	}
	footer{font-size:1.5em;line-height:1.4em;padding:20px;}
	div.logo img{height:unset!important;}
	header div.payoff h2 {
		font-size: 3.0em;
		text-align: left;
		color:black;
		text-align:center!important;
	}
	header div.payoff h3 {
		font-size: 3.0em;
		text-align: left;
		color:black;
		margin-bottom:15px;
		text-align:center!important;
	}
	header a.cta {
		margin-bottom: 10px;
	}
	section.form div.container_side {
		display: block;
	}
	div.side {
		display: block;
	}
	img.logo_mobile{display:block;margin-bottom:30px;margin-top:10px;}
	img.logo_desktop{display:none;}
	img.img_mobile{display:block;margin-bottom:10px;}
	header{background: none!important;}
	header div.payoff br{display:none;}
	div.button_cta{text-align:center!important;}
	div.video2{margin-top:50px;}
	
	div.ccl div{width:100%;margin-bottom:10px;}
}

/* ----------------------------------------------
 * 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);
  }
}