.title_star,.title_nostar{max-width:700px;display:inline-block;font-size:2.5rem;line-height:2.9rem;font-family:'Prata',sans-serif;padding:0 100px;overflow:hidden;position:relative;margin-bottom:50px}
.title_star::before,.title_star::after{content:'';position:absolute;top:-webkit-calc(50% - 10.5px);top:calc(50% - 10.5px);width:21px;height:21px;overflow:hidden;background:transparent url('https://www.sf-catholiques.com/medias/imports/alterna_star_21.svg') no-repeat right center;background-size:75px 21px;-webkit-transition:all 600ms;-o-transition:all 600ms;transition:all 600ms}
.title_star::before{right:100%}
.title_star::after{left:100%;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.title_star.active::before{width:75px;right:-webkit-calc(100% - 75px);right:calc(100% - 75px)}
.title_star.active::after{width:75px;left:-webkit-calc(100% - 75px);left:calc(100% - 75px)}
.title_nostar{text-align:left;padding:0}
.title_sub_style1{padding:0;text-transform:uppercase;color:#ff9700;font-size:1.3125rem}
.unmarged{margin-bottom:2px!important}
footer{background-color:#1b355d;padding:30px 20px 0;color:#FFF;line-height:1rem;font-size:0.875rem;text-align:left}
footer .wrapped{padding:0}
a.starified:hover{color:#ff9700}
footer .title{display:block;text-transform:uppercase;margin-bottom:20px}
#sitemap{margin-right:10px}
.starified{display:block;color:#FFF;padding:0 15px;margin-bottom:2px;position:relative}
.starified::before{content:'';display:block;position:absolute;top:2px;left:0;width:10px;height:10px;background:url('https://www.sf-catholiques.com/medias/imports/alterna_star_21.svg') no-repeat right center;background-size:auto 10px}
#social_footer{margin:0 10px}
#social_footer span{display:inline-block;margin-right:20px;color:#FFF;font-size:1.8rem}
#social_footer a:hover{color:#ff9700}
#bottom_contact{margin:0 10px}
#legals{margin-left:10px}
#legals .title.marged{margin-top:20px;margin-bottom:0}
#legals .notes{margin-bottom:10px}
#copyright{font-size:0.75rem;padding:20px;text-align:center}
#copyright a{color:#FFF}
#copyright a:hover{color:#ff9700}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{width:calc(100% - 40px);margin:0 auto}
.tarteaucitronCTAButton{margin-bottom:10px}
@media screen and (max-width:1279px){a.starified:hover,#social_footer a:hover,#copyright a:hover{color:#FFF}}
@media screen and (max-width:1080px){.title_star,.title_nostar{max-width:98%;font-size:1.5rem;line-height:2rem;padding:0 50px}
.title_star.active::before{width:35px;right:-webkit-calc(100% - 35px);right:calc(100% - 35px)}
.title_star.active::after{width:35px;left:-webkit-calc(100% - 35px);left:calc(100% - 35px)}
footer nav,#social_footer,#bottom_contact{width:100%!important;margin-bottom:30px}
footer{text-align:center!important}
.starified{display:inline-block;color:#FFF;padding:0 15px;margin-bottom:5px;position:relative}
.starified:nth-child(even){width:100%}
.starified:nth-child(odd){width:100%}
.starified::before{display:inline-block;position:relative;top:auto;left:auto;margin-right:5px}
#social_footer{text-align:center}
#social_footer a{margin:0 10px}
#contactForm .choix{top:40px}
#legals{width:100%}}#atouts{min-height:820px;overflow:hidden}
#atouts .content{padding:90px -webkit-calc(40% + 40px) 90px 0;padding:90px calc(40% + 40px) 90px 0}
.atout{width:180px;margin:0 20px 40px}
.atout img{display:inline-block;margin-bottom:25px;width:130px;height:130px;object-fit:contain}
#collage_atouts{width:1335px;height:820px;top:-webkit-calc( (100% - 820px) / 2);top:calc( (100% - 820px) / 2);left:60%}
#collage_atouts .relative::before{width:360px;height:360px;top:-webkit-calc(50% - 180px);top:calc(50% - 180px);left:0}
#collage_atouts .photo{width:820px;height:820px;margin-left:240px}
#collage_atouts .photo span{top:0;left:0;width:820px;height:820px}
#collage_atouts .photo span img{width:820px;height:820px;object-position:-240px top}
#steps{overflow:hidden;background:url('https://www.alterna-obseques.com/medias/imports/line_steps_background.svg') no-repeat center 185px;background-size:2200px 800px}
#steps_content{margin-bottom:40px}
.step{position:relative;width:350px;height:350px;padding:40px 0 0 40px;margin-right:200px}
.step:nth-child(3){margin-left:300px}
.step:nth-child(4){margin-right:0}
.step::after{content:attr(data-step);font-size:3.8125rem;padding-top:10px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center;align-content:center;width:90px;height:90px;border-radius:50%;background:#fffef3;color:#ff9700;font-family:'Prata',sans-serif;position:absolute;z-index:2;top:0;left:15px;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);box-shadow:0 0 20px 0 rgba(0,0,0,0.2)}
.step .title{text-align:left;width:315px;height:315px;padding-left:100px;position:absolute;z-index:1;top:5px;left:10px;color:#ff9700;text-transform:uppercase;font-size:1.5625rem;letter-spacing:0.1rem}
.step .text{width:270px;height:270px;padding:10px 30px 0;border-radius:50%;background:#1b355d;color:#FFF;overflow:hidden;font-size:1.125rem;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;-webkit-transition:transform 500ms;-o-transition:transform 500ms;transition:transform 500ms;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);box-shadow:0 0 20px 0 rgba(0,0,0,0.2)}
.step:hover .text{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.pre_link_text{text-transform:uppercase;margin-bottom:20px}
#testimonials{background:url('https://www.alterna-obseques.com/medias/imports/line_wave_background.svg') no-repeat center 230px;background-size:1920px 310px}
#testimonials .wrapper{position:relative}
#testimonials .addCarousel{margin:0 auto;overflow:hidden}
#testimonials .swiper-wrapper{width:100%;margin:0 auto;height:450px}
#testimonials .swiper-slide{width:100%;height:100%;padding:20px;position:relative}
#testimonials .inner{width:100%;height:100%;background:#afc9de;border-radius:0 0 0 20px;padding:30px;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);box-shadow:0 0 20px 0 rgba(0,0,0,0.2)}
.rate{width:183px;height:33px;overflow:hidden;margin:0 auto 30px;position:relative;background:#FFF}
.rate::before{content:'';display:block;position:absolute;z-index:1;top:0;left:0;width:0;height:100%;background:#1b355d;-webkit-transition:width 900ms 700ms;-o-transition:width 900ms 700ms;transition:width 900ms 700ms}
#testimonials_slideshow_container.active .rate.s1::before{width:37px}
#testimonials_slideshow_container.active .rate.s2::before{width:74px}
#testimonials_slideshow_container.active .rate.s3::before{width:111px}
#testimonials_slideshow_container.active .rate.s4::before{width:148px}
#testimonials_slideshow_container.active .rate.s5::before{width:185px}
.rate::after{content:'';width:185px;height:35px;background:url('https://www.alterna-obseques.com/medias/imports/rate_mask.svg') no-repeat center center;background-size:185px 35px;position:absolute;z-index:2;top:-0.5px;left:-0.5px}
#testimonials .maintext{width:100%;height:250px;margin-bottom:10px;overflow:auto;font-size:0.9375rem;line-height:1.2rem}
#testimonials .name{position:absolute;left:0;bottom:40px;right:0;font-size:1.0625rem}
#testimonials button{border:none;position:absolute;z-index:1;top:-webkit-calc(50% - 17px);top:calc(50% - 17px);cursor:pointer;background:transparent;width:28px;height:34px}
#testimonials .cPrev{left:-30px}
#testimonials .cNext{right:-30px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#testimonials svg{width:28px;height:34px}
#testimonials .swiper-pagination{margin-top:30px;width:100%}
#testimonials .swiper-pagination-bullet{width:20px;height:20px;margin:0 5px;border:2px solid #1b355d;background:#fffef3}
#testimonials .swiper-pagination-bullet-active{width:15px;height:15px;border-color:transparent;background:#1b355d}
#avis_verifies{margin-top:20px;font-size:0.9rem}
#avis_verifies img{display:inline-block;height:26px}
#avis_verifies p{margin-top:20px}
#avis_verifies mark{background-color:transparent;display:block;margin-top:3px;text-align:center;font-size:1.1rem;line-height:0.9rem;font-weight:700;color:#1b355d}
.avis_item{margin:0 30px 40px}
.avis_item a{color:#ff9700;transition:color 500ms}
.avis_item a:hover{color:#ff8441}
@media screen and (max-width:1279px){.step{margin-right:100px}
.step:nth-child(3){margin-left:200px}
.step:hover .text{transform:none}}
@media screen and (max-width:1080px){#atouts .wrapped{padding-bottom:0!important}
#atouts .content{padding:550px 0 0}
.atout{width:180px}
#collage_atouts{top:-120px;left:-300px;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}
#collage_atouts.collage .relative span.small{width:280px;height:280px}
.step,.step:nth-child(3),.step:nth-child(4){margin:0 auto}
#testimonials .addCarousel{width:90%}
#testimonials .cPrev{left:15px}
#testimonials .cNext{right:15px}}#offers .wrapped{position:relative;padding-top:0}
#offers .title_star{margin-bottom:30px}
#offers .text{height:240px;width:250px;margin:0 auto;margin-bottom:160px;overflow:auto}
#offers.toped .text{margin-bottom:270px}
#offers .uppercase{position:absolute;bottom:115px;left:-webkit-calc(50% - 125px);left:calc(50% - 125px);width:250px;margin:0 auto;margin-bottom:40px}
#offers a.lightblue.home{position:absolute;bottom:90px;left:-webkit-calc(50% - 125px);left:calc(50% - 125px)}
#offers .linestar{width:250px;position:absolute;z-index:5;bottom:20px}
#offers .linestar.left{left:150px}
#offers .linestar.right{left:885px}
.offer{width:470px;height:550px;position:absolute;z-index:20;top:10px}
#two.offer{right:0}
.offer .relative{display:inline-block;height:100%;padding:40px 0 20px 40px}
.offer .relative::before{content:'';position:absolute;top:0;left:-webkit-calc(50% + 22px);left:calc(50% + 22px);width:1px;height:40px;background:#1b355d}
.offer .relative::after{content:'';position:absolute;top:127px;left:-126px;width:510px;height:255px;border-top-left-radius:256px;border-top-right-radius:256px;border-width:1px;border-style:solid;border-color:#1b355d;border-bottom:0;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.offer .inner{overflow:hidden;color:#FFF;display:block;width:430px;height:430px;padding:60px 40px 20px;border-radius:50%;background:#1b355d;font-size:1.125rem}
.offer .title{font-size:1.5625rem;margin-bottom:25px;color:#ff9700;text-transform:uppercase}
.price{color:#ff9700;text-transform:uppercase;position:absolute;left:290px;bottom:15px;text-align:left;white-space:nowrap;line-height:1.5rem;opacity:0}
.price::before{content:'';display:block;position:absolute;left:-25px;top:8px;width:21px;height:21px;overflow:hidden;background:transparent url('https://www.alterna-obseques.com/medias/imports/alterna_star_21.svg') no-repeat right center;background-size:75px 21px}
.offer.active .price{-webkit-animation:fade-in 0.5s cubic-bezier(0.550,0.085,0.680,0.530) 400ms both;animation:fade-in 0.5s cubic-bezier(0.550,0.085,0.680,0.530) 400ms both}
.price span{display:block;font-size:1.5625rem;text-align:left}
#details_common .title_star{margin-bottom:80px}
.section_title{position:absolute;top:130px;left:20px;z-index:2;width:220px;height:220px;padding:20px 20px 0;border-radius:50%;background:#afc9de;text-transform:uppercase;color:#1b355d;font-size:1.3125rem;line-height:2rem;text-align:center;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);box-shadow:0 0 20px 0 rgba(0,0,0,0.2)}
.offer_inner{position:relative;text-align:left;padding:0 0 70px 280px}
.offer_inner::before,.offer_inner::after{content:'';display:block;position:absolute;z-index:1;border-style:solid;border-color:#1b355d}
.offer_inner::before{width:110px;border-width:1px 0 0 1px;top:40px;left:130px;bottom:0}
.offer_inner::after{border-width:0 1px 1px 0;width:50%;left:130px;bottom:0;height:40px}
#details_common .wrapped{padding-bottom:0}
#details_common .wrapped.min_height{text-align:left;min-height:820px;padding-top:0;padding-bottom:80px}
.title_nostar{padding-right:100px;margin-bottom:30px}
.long .title_nostar{padding-right:150px}
#details_common .content{padding:10px -webkit-calc(30% + 30px) 50px 0;padding:10px calc(30% + 30px) 50px 0}
#collage_details_common{width:870px;height:715px;top:-webkit-calc( (100% - 800px) / 2);top:calc( (100% - 800px) / 2);left:70%}
#collage_details_common .relative::before{width:360px;height:360px;top:-webkit-calc(50% - 180px);top:calc(50% - 180px);left:0}
#collage_details_common .photo{width:715px;height:715px;margin-left:240px}
#collage_details_common .photo span{top:0;left:0;width:715px;height:715px}
#collage_details_common .photo span img{width:715px;height:715px;object-position:-240px top}
#details_offers_section .wrapped{padding-top:0}
.offer_details{position:relative;width:-webkit-calc(60% - 20px);width:calc(60% - 20px);margin-bottom:40px;padding-left:280px}
.offer_details.short{width:-webkit-calc(40% - 20px);width:calc(40% - 20px);padding-left:80px}
.offer_details.short::before{width:50px;left:0}
.offer_details.short::after{left:0}
#offers_download{margin-top:40px;padding:0 30%}
#offers_download.maintext .lightblue{margin-top:20px;text-decoration:none}
@media screen and (max-width:1279px){#offers .wrapped{padding-bottom:200px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:center;text-align:center}
#offers .text{width:100%;height:auto;margin-bottom:10px}
.offer{position:relative;top:auto}
#one.offer{margin-right:30px}
#two.offer{margin-left:30px}
#offers .uppercase{width:100%;left:0}}
@media screen and (max-width:1080px){.offer{width:380px;height:442px;margin:0 auto 40px}
#one.offer{margin-right:auto}
#two.offer{margin-left:auto}
.offer .relative{padding:20px 0 20px 20px}
.offer .relative::before{left:-webkit-calc(50% + 10px);left:calc(50% + 10px);height:20px}
.offer .relative::after{top:100px;left:-100px;width:400px;height:200px;border-top-left-radius:200px;border-top-right-radius:200px}
.offer .inner{width:360px;height:360px;padding:40px 40px 20px;font-size:1rem;line-height:1.4rem}
#offers.toped .text{margin-bottom:0;padding-bottom:30px}
.offer .title{margin-bottom:15px}
.price{left:230px}
#offers .linestar{bottom:60px}
#offers .linestar.left{left:-webkit-calc(50vw - 125px);left:calc(50vw - 125px)}
#details_common .wrapped.min_height{min-height:200px;padding-top:550px;padding-bottom:0}
#details_common .content{padding:10px 20px 0}
.offer_inner{text-align:center!important;padding:280px 0 70px}
.offer_inner::before{width:0;height:100px;border-width:0 1px 0 0;top:160px;left:50%;bottom:auto}
.offer_inner::after,.offer_details.short::before,.offer_details.short::after{height:0;width:auto;border-width:0 0 1px 0;top:260px;left:70px;right:70px;bottom:auto}
.offer_details.short::before{top:-60px;left:70px;right:70px;bottom:auto}
.offer_details.short::after{top:auto;left:70px;right:70px;bottom:0}
.section_title{top:0;left:-webkit-calc(50% - 110px);left:calc(50% - 110px)}
.title_nostar,.long .title_nostar{max-width:100%;width:100%;text-align:center;padding:0 20px}
.offer_details,.offer_details.short{width:100%;padding-left:20px;padding-right:20px}
.offer_details.short{padding-top:0;padding-bottom:0}
#offers_download{padding:0 20px}
#collage_details_common{top:-105px;left:-200px;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}
#collage_details_common.collage .relative span.small{width:280px;height:280px}}
@media screen and (max-width:320px){.offer{width:300px;height:352px;margin:0 auto 40px}
.offer .relative::after{top:80px;left:-80px;width:320px;height:160px;border-top-left-radius:160px;border-top-right-radius:160px}
.offer .inner{width:280px;height:280px;padding:40px 20px 20px;font-size:0.8rem;line-height:1rem}
.offer .title{margin-bottom:10px}
.price{left:190px;font-size:0.8rem;line-height:1.2rem}
.price span{font-size:1.2rem}}::placeholder{color:#fffef3}
#contactForm .checkField{font-size:1.1rem;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;align-content:center;margin-bottom:20px;position:relative}
#contactForm .inner{width:-webkit-calc(100% - 340px);width:calc(100% - 340px);height:100%;align-items:center;align-content:center}
#contactForm .checkField label.item{width:280px;height:50px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center;align-content:center;background:#1b355d;color:#FFF;padding:10px;border-radius:0 0 0 20px}
#contactForm .checkField input,.radio .checkmark{border:1px solid #1b355d;background:#fffef3;font-size:1.25rem;height:45px;border-radius:30px;padding-top:5px;text-transform:uppercase;color:#1b355d}
#contactForm .checkField input[type=text]{padding:5px 20px;width:-webkit-calc(100% - 340px);width:calc(100% - 340px)}
.radio{width:-webkit-calc( (100% - 60px) / 3);width:calc( (100% - 60px) / 3);height:45px;margin-right:20px;position:relative}
.radio input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.radio .checkmark,.select{display:inline-block;color:#1b355d;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center;align-content:center;cursor:pointer;padding-bottom:3px}
.radio input:checked ~ .checkmark{background-color:#1b355d;color:#FFF}
#contactForm .click{border-radius:30px;cursor:pointer;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;text-align:left;width:-webkit-calc(100% - 340px);width:calc(100% - 340px);height:46px;border:none;position:absolute;z-index:1;top:2px;right:0;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#contactForm .click.active{z-index:3}
#contactForm .click svg{width:28px;margin-left:10px;-webkit-transition:transform 500ms;-o-transition:transform 500ms;transition:transform 500ms}
#contactForm .click.active svg{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
#contactForm .click.active path{fill:#FFF}
#contactForm .choix{display:none;position:absolute;z-index:2;top:4px;right:0;width:220px;padding:40px 15px 10px;background:#1b355d;color:#FFF;text-transform:uppercase;border-radius:20px}
#contactForm .choix mark{cursor:pointer;display:block;width:100%;border:none;border-bottom:1px solid #fffef3;background:transparent;color:#FFF;font-size:1rem;text-transform:uppercase;padding:10px 5px 8px;-webkit-transition:color 500ms;-o-transition:color 500ms;transition:color 500ms}
#contactForm .choix mark:last-child,#contactForm .choix mark:last-of-type{border:none}
#contactForm .choix mark:hover{color:#ff9700}
.select{position:relative;width:-webkit-calc( (100% - 40px) / 3);width:calc( (100% - 40px) / 3)}
#contactForm .select .click{width:100%;top:0;right:0}
#contactForm .select .click.active svg{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
#contactForm .select .choix{top:auto;bottom:3px;right:-1px;padding:10px 15px 40px}
#contactForm .select input[type=text]{width:100%}
.submit{position:relative;margin-top:40px}
.submit input[type=submit]{cursor:pointer;height:65px;border:none;background:transparent;color:transparent;position:absolute;z-index:50;top:0;left:-webkit-calc(50% - 125px);left:calc(50% - 125px)}
.submit span{-webkit-transition:all 300ms!important;-o-transition:all 300ms!important;transition:all 300ms!important}
.submit input[type=submit]:hover + span{background-color:#ff9700;color:#FFF}
@media screen and (max-width:1080px){::placeholder{color:#1b355d;font-size:1.1rem}
form{margin:0 auto;width:-webkit-calc(100vw - 40px);width:calc(100vw - 40px)}
#contactForm .checkField label.tohide{display:none}
#contactForm .checkField label.item{width:100%;justify-content:flex-start;font-size:1.2rem;border-radius:0;height:auto;padding:2px 0 8px;color:#1b355d;background:transparent}
#contactForm .checkField input[type="text"]{width:100%}
#contactForm .inner{width:100%}
#contactForm .click{width:100%;top:32px}
#contactForm .choix{top:32px}
.radio{width:120px}
.radio:last-child{margin-right:0}
.select{width:250px}
.radio .checkmark,.select{letter-spacing:0;white-space:nowrap}
#contactForm .checkField input,.radio .checkmark{font-size:1.1rem}}
@media screen and (max-width:480px){.radio{width:auto;margin-right:10px}
.radio .checkmark{padding:3px 15px}}@-webkit-keyframes fade-in{0%{opacity:0}
100%{opacity:1}}
@keyframes fade-in{0%{opacity:0}
100%{opacity:1}}
@keyframes circleIn{0%{right:-100px;opacity:0;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
100%{right:20px;opacity:1;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}}
@-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}}