@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap');

@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: 'Raleway', 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:85vh;max-height:1024px;overflow:hidden;}
div.container{width:100%;height:100%;display:flex;align-items:center;align-content:center;flex-wrap:wrap;padding-right:2%;padding-left:2%;}
header img.slide{position:absolute;top:0px;right:0px;z-index:-1;min-height:100%}
header div.gradient{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+27,000000+61&0.75+27,0+53 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0.75) 27%, rgba(0,0,0,0) 53%, rgba(0,0,0,0) 61%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.75) 27%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 61%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.75) 27%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 61%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

}
header img.home{position:absolute;height:85%;top:7%;right:5%;z-index:1;}
header div.logo{padding-top:0px;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:70px;margin-bottom:70px;position:relative;z-index:+2;width:100%;}
header div.payoff h3{font-size:2.5em;font-weight:600;text-transform:uppercase;color:#ffffff}
header div.payoff h3 span{color:#00A3E6;}
header div.payoff h2{font-size:60px;font-weight:600;color:#ffffff;margin-top:40px;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:#ffffff;}
header div.plus div.el svg{height:50px;margin-right:15px;fill:#ffffff;max-width:8%}
header div.plus div.el img{width:8%;height:auto;margin-right:15px;}
header div.plus div.el p{color:#ffffff;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;}
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.col-6{width:calc(100% / 2);}
div.col-3{width:calc(100% / 4);}
div.col-4{width:calc(100% / 3);}

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: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:#00A3E6;margin-right:15px;}
ul.plus li span.tick svg{height:25px;width:auto;fill:#00A3E6;}

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:#00A3E6;}

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 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:#00A3E6;}
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;margin-bottom: 40px;text-align: left;-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.27);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.27);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.27);}
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_2.jpg);background-size:cover;height:100vh;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);z-index:+2;position:relative;}
section.form div.overlay-form{width:100%;height:100%;position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.2);}

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;}
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:#00A3E6;padding:15px;color:#ffffff;font-size:1em;line-height:1em;margin:0 auto;cursor:pointer;}
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:#00A3E6;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;}

div.gallery{display:flex;width:100%;justify-content:space-between;margin-top:50px;}
div.gallery a{display:block;width:calc(100% / 3 - 2%);}
div.gallery a img{max-width:100%;}

section.plus{background:#00A3E6;color:#ffffff;transform: skewY(-3deg);padding:120px 0px;margin-top:50px;}
section.plus div.container{transform: skewY(3deg);}
section.plus h2{font-weight:400;}
div.block{width:100%;display:flex;align-items:center;justify-content:center;}
div.block div.el{width:calc(100% / 2 - 1%);margin-bottom:20px;display:flex;align-items:center;justify-content:flex-start;}
div.block div.el div.img{width:10%;text-align:center;margin-bottom:0px;margin-right:15px;}
div.block div.el div.img svg{width:100%;fill:#ffffff}
div.block div.el div.content{line-height:27px;font-size:16px;margin-top:0px;text-align:left;}
div.block div.el div.content p.title{font-size:30px;font-weight:400;margin-bottom:10px;text-align:left;font-size:24px;}
section.plus video{-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.56);
-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.56);
box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.56);}

@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 (max-width:700px){
	#cookieChoiceInfo{font-size:3.5vw!important;line-height:25px;}
	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:70px;max-width:100%;}
	header div.logo p{font-size:4vw;right:0px;}
	header div.container{order:1;padding:0px;}
	header div.logo{padding:10px 2%;background:rgba(0,0,0,0.5);}
	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;align-items:flex-start;align-content:flex-start;}
	header div.plus div.el p{width:100%;}
	header div.plus div.el svg{max-width:20%;margin-right:0px;}
	header div.payoff{margin-bottom:0px;margin-top:20px;color:#000;}
	header div.plus{order:3;position:relative;top:0px;margin-bottom:20px;padding-top:20px;background:#01A3E6;}
	header div.payoff h2,header div.payoff h3{width:100%;text-align:center;}
	header div.payoff h3{font-size:7.5vw;color:#000;line-height:45px;}
	header div.payoff h2{margin-top:0px;color:#00A3E6;font-size:13vw;margin:20px 0px 40px 0px;}
	header div.payoff h2 svg{bottom:-90%;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;}
	div.gallery{flex-wrap:wrap;}
	div.gallery a{width:100%;margin-bottom:15px;}
	section.plus{padding:80px 0px!important;}
	section.plus div.block{margin-top:0px;}
	section.plus div.block div.el{width:100%;margin-bottom:10px;}
	section.plus div.block div.el p.title{margin-bottom:0px;}
	section.block,section.video{padding:40px 0px;}
	div.video{margin-top:15px;}
	div.video video{max-width:100%;}
	div.block div.el{width:calc(100% / 2 - 2%);margin-bottom:20px;}
	section.content h2{font-weight:300;font-size:5em;}
	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:18px;padding:15px!important;box-sizing:border-box;}
	div.slick_container{box-shadow:none;}
	section.video div.overlay{background:rgba(255,255,255,0.6);}
	div.fixed_bar{display:block;width:100%;position:fixed;bottom:0px;background:#00A3E6;display:flex;justify-content:space-between;z-index:+100;border-top:0px solid #ffffff;-webkit-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.32);
-moz-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.32);
box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.32);}
	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:5vw;font-weight:400;color:#ffffff;text-decoration:none;line-height:1.2em;padding:20px 10px;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.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);
  }
}