@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:0px;}
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.catalogo {margin-right:240px;}
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.5em; color:#fff;line-height:1.5em;padding:10px 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.catalogo a{margin:25px;}

div.info_button{display:flex!important;position:fixed;bottom:0px;z-index: 900;justify-content:center;width:20%;padding:0px 0px;bottom:20px;left:40%}
a.btn{margin:0px 5px;font-size:18px;cursor:pointer;color:rgb(255, 255, 255)!important;text-decoration:none!important;padding:10px 25px;border-radius:4px;text-transform:uppercase;}
a.btn_info{background:#FF0000;}

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);}
div.scroll_ban{width:100%;}


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: none;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/TrackP.jpg);background-size:cover;height:fit-content;position:relative;display:flex;justify-content:flex-start;align-items:center;padding:2%;}

section.form div.container{display:flex;justify-content:space-between;}
section.form div.form_container{background:#ffffff;border-radius:5px;padding:1% 2%;width:55%;margin-left:2%;-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:calc(100% / 2 - 1%);margin-bottom:5px;}
section.form form div.el select{width:100%;padding:12px 0px;border-radius:3px;border:1px solid #cccccc;background:#fff;height:40px;}
section.form form div.el label{width:100%;font-size:1.1em;line-height:1.5em;}
section.form form div.el input{width:100%;padding:10px;border-radius:5px;font-size:1em;border:1px solid #cccccc;font-size:16px;}
section.form form div.el input[type="checkbox"]{width:auto;}
section.form form div.el textarea{font-size:16px;}
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.form form div.el button .fa{margin-left:5px;}
section.form form div.el button:hover{cursor:pointer;background:#41933B;}
section.form form div.el_radio{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:10px;}
section.form form div.el_radio input{width:fit-content;margin-left:20px;}
section.form form div.el_radio label{width:fit-content;margin-right:20px;}
section.form form div.el div.el_data{display:grid;grid-template-columns:1fr 1fr;gap:10px;}

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;width:100%;}

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}

video.video{outline:0;}

div.plus h1{font-size:42px;text-align:center;margin-bottom:70px;}
div.plus{width:100%;background:#fff;padding:70px 0px;}
div.plus div.side{align-items:flex-start;display:flex;flex-wrap:wrap;width:90%;margin:0px auto;}
div.plus div.el{padding-right:20px;padding-left:0px;width:calc(100% / 3 - 4%);margin:0px 2% 40px;}
div.plus div.el div.title{font-size:20px;line-height:1.2em;margin-bottom:15px;display:flex;align-items:center;font-weight:400;border-bottom:2px solid #ccc;padding-bottom:10px;min-height:48px;}
div.plus div.el div.title svg{height:38px;width:38px;margin-right:8px;}
div.plus div.el div.desc{line-height:23px;}
div.plus div.el:nth-last-child(-n+3){margin-bottom:0px;}

section#recensioni{display:block;background:#eeeeee;width:100%;float:left;border-bottom:0px solid #dddddd;margin-top:0px;padding:40px 0px;margin-bottom:40px}
section#recensioni div.content{margin:0 auto;width:90%;}
section#recensioni div.el{width:49%;float:left;margin:0px;padding:35px 30px 25px 30px;box-sizing:border-box;
background-image: url(/images/apici_1.png), url(/images/apici_2.png);
background-position: left top, right bottom;
background-repeat:no-repeat,no-repeat;
}
section#recensioni div.el:nth-child(2){width:49%;float:right;margin:0px;}
section#recensioni div.el h4{color:#565656;font-size:18px;margin-bottom:10px;width:70%}
section#recensioni div.el div{color:#454545;line-height:23px;font-style:italic;}
section#recensioni h1{font-size:50px;color:#ffffff;font-weight:100;}

div.stars{position:absolute;right:35px;top:33px;}
div.stars i{color:#EBAB00;}

@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}
	section.form div.form_container{margin-right:5%; margin-left:5%;}
	div.catalogo{float:left; display:block; width:none;  margin-right:0px; margin-top:450px; position:absolute;}
	div.catalogo{float:left; display:block; width:none;  margin-right:0px; margin-top:450px; position:absolute;}
	div.form_container{float:left; display:block; width:100%;  margin-bottom:99px!important; margin-right:0px;}
}

@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:10% 2% 0%;}
	section.form div.form_container{width:80%;margin:0 auto;padding:4%;margin-right:1%;}
	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;}
	section.form form div.el_radio{display:block;}
	section.form form div.el_radio span{font-size:16px;margin-bottom:5px;}
	section.form form div.el{width:100%;}
	div.info_button{width:70%;left:15%;}
	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.caption h2{font-size:3.5em; color:#fff;line-height:1.5em;padding:10px 15px;background:rgba(0,0,0,0.3);margin-right:3%;margin-left:3%;font-weight:400}
	div.catalogo{float:left; display:block; width:100%;  margin-right:0px; margin-top:332px; position:absolute;}
	div.form_container{float:left; display:block; width:100%;  margin-bottom:99px!important; margin-right:0px;}
	
	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.7em;line-height:1.4em;padding:20px;}
	img.play{width:60px!important;height:60px!important;position:absolute;top:44%;left:44%}
	div.scala1 div.parallax{width: 100%!important;}
	p.coupon{font-size:16px;width: 70%!important;}
	div.flyled{margin-left: 10%;}
	div.chrome{margin-right: 18%;}
	div.hr_rx2{margin-left: -2%;}
	p.promo{font-size:14px!important;}
	div.coupon{margin-left:22%!important;}
	div.trattamento{padding-bottom:0px!important;}
	span.title2{font-size:22px!important;}
	p.info_btn{padding: 10px 10px!important;}
	
	div.plus div.el{width:100%;margin:20px 0px!important;padding:0px;}
	div.plus h1{margin-bottom:30px;font-size:28px;}
	div.plus div.el div.desc{font-size:16px;line-height:1.5em;}
	section#recensioni div.content{width:100%;display:flex;flex-wrap:wrap;}
	section#recensioni div.el{width:92%;margin:0px auto 20px;font-size:14px;}
	section#recensioni div.el:nth-child(2){width:92%;margin:0px auto;}
}

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