/*
Theme Name: Twenty Twenty-Two
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Full Site Editing features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
a{text-decoration:none !important}
h2{font-family:roboto,arial;}
/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}



/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}

/***********/
.compteur, header{
	background : #fdefc2 url(images/fanions.png) no-repeat;
	background-size: 100%;
	padding-bottom: 3px;
	padding-top: 83px;
}
.compteurVelo{
display:flex;
justify-content:center;
max-width:100%;
padding-top: 137px;
}
.velo{
	background : url(images/velo.png) no-repeat;
	background-size:100%;
	padding-top: 226px;
	padding-bottom: 29px;
	width:50%;
	max-width:400px;
	margin-left: 50px;
}
.col-md-3 {
  width: 42% !important;
}
.clock-item{padding:0 !important}
.clock-days{margin-left: -3px;margin-top: -48px;}
.clock-hours{margin-left: 67px;margin-top: -41px;}
.clock-minutes{margin-left: -3px;margin-top: -48px;}
.clock-seconds{margin-left: 67px;margin-top: -41px;}
.countdown-container {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.clock-item .inner {
height: 0px;
padding-bottom: 100%;
position: relative;
width: 100%;
}
.clock-canvas {
background-color: rgba(255, 255, 255, .1);
border-radius: 50%;
height: 0px;
padding-bottom: 100%;
}
.text {
color: #f7cb34;
font-size: 30px;
font-weight: bold;
margin-top: -50px;
position: absolute;
top: 50%;
text-align: center;
width: 100%;
}
.text .val {
font-size: 50px;
}
.text .type-time {
font-size: 20px;
}
 @media (min-width: 768px) and (max-width: 991px) {
.clock-item {
margin-bottom: 30px;
}
}
 @media (max-width: 767px) {
.clock-item {
margin: 0px 30px 30px 30px;
}
}

.wp-container-2 > * {
max-width: 100% !important;}
main{margin:0 !important}
.titre-parution{background: #000;
color: #fff;
padding: 10px 30px;
text-transform: uppercase;
max-width: 328px !important;
text-align: center;
font-size: 20px;}
.wp-block-site-logo{text-align:center;margin-bottom: 60px;position:relative;z-index:20}
.txtfooter{
text-align:center;letter-spacing:1px;padding-bottom:20px;
}
.txtfooter a{color:#000}
.txtfooter a:hover{color:#872d7c ;text-decoration:none}
.wp-site-blocks{padding:0}
.elementor {max-width:100% !important}
#video2022{display:block;max-width:1200px;margin:auto}
#section1{
	background:url(images/bg_trame.png) #fff no-repeat;
	background-size:100%;
	padding: 0 5%;
}
#section1 h1{
	font-size:37px;
color: #fff !important;
text-transform: uppercase;
font-weight: normal !important;
width: 254px;
line-height: 1.8 !important;
}
#section1 h1:after{content:" ";width:54px; height:43px; background:url(images/gouttes-violette.png);display: block;position: absolute;top: -37px;left: 238px; animation-duration: 2s;animation-iteration-count: infinite;transform-origin: bottom;animation-name: bounce-7;animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);}
@keyframes bounce-7 {
        0%   { transform: scale(1,1)      translateY(0); }
        10%  { transform: scale(1.1,.9)   translateY(0); }
        30%  { transform: scale(.9,1.1)   translateY(-10px); }
        50%  { transform: scale(1.05,.95) translateY(0); }
        57%  { transform: scale(1,1)      translateY(-7px); }
        64%  { transform: scale(1,1)      translateY(0); }
        100% { transform: scale(1,1)      translateY(0); }
    }
#section1 h1 span{ background:#000 ;padding: 10px;}
#section1 h2{color:#000 !important; text-transform:uppercase;font-size:16px; }
#section1 .bttirage .elementor-button-link{margin-top:100px}
.elementor-button-link,.pt-cv-readmore{
	background: #872d7c !important;
color: #fff;
text-transform: uppercase;
border-radius: 50px;
padding: 20px 50px;
}
.elementor-button-text {font-weight:normal}
.elementor-button-text span{
	font-weight: bold;
font-size: 26px;
text-transform: none;
}
.elementor-button-link:hover ,.pt-cv-readmore:hover{text-decoration:none; background:#000 !important}
#section2{
	background:url(images/fanions2.png) #fefceb top right no-repeat;padding: 30px;
}

#section2 .elementor-widget-wrap{
	display:flex;
	justify-content: center;
}
.elementor-widget-counter {width:33%; max-width:400px;display:inline-block;border-right: 1px solid #000;padding: 10px 50px;}
.elementor-widget-counter:last-child {border:none}
.elementor-counter-number-prefix{display:none}
.elementor-widget-counter .elementor-counter-number,.elementor-counter-number-suffix{
color:#872d7c;text-align: left !important;font-size: 40px;
}

.elementor-widget-counter .elementor-counter-title{
font-size: 16px !important;
line-height: 1.3 !important;
text-align: left !important;
}
#section3{background:#fefceb;}
#section3 h2, #section4 h2, #section5 h2, #section6 h2, #section7 h2, #section8 h2, #section9 h2,.page-id-311 h2{color:#000; text-transform:uppercase;font-size:30px; display:inline; background:url(images/fd_h2.png) repeat-x bottom;}
.elementor-widget-text-editor {
color: #000 !important;}

#section3  .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
  padding: 0px;
}
.elementor-counter-title{font-family:roboto !important;color:#000 !important}
#section3 .elementor-widget-button{display: inline-block;width: auto;margin-right:30px}
#section3texte{padding-top:100px;max-width: 678px;}
#section3texte .elementor-button-link, .pt-cv-readmore,#section6 .elementor-button-link{background:#000 !important}
#section3texte .elementor-button-link:hover, .pt-cv-readmore:hover,#section6 .elementor-button-link:hover{background:#872d7c !important}
#btcollector:after{content:" ";width:54px; height:43px; background:url(images/gouttes-violette.png);display: block;position: absolute;top: -37px;left: 310px; animation-duration: 2s;animation-iteration-count: infinite;transform-origin: bottom;animation-name: bounce-7;animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);}
#section4{padding-top: 50px;
padding-bottom: 30px;}
#section4 h2 a{color:#000;font-weight:normal}
.pt-cv-thumbnail.pull-right {
  margin-left: 50px;
}
.pt-cv-content{padding-top:50px ;text-align:justify-content}
.pt-cv-readmore{margin-top:50px;border-radius: 50px !important;
padding: 20px 50px !important; border:none !important}
.pt-cv-ifield {
  padding-left: 70px;text-align: justify;
}

#section5,#section6,#section7,#section8{
	background:#fefceb;
	padding: 0 5%;
	text-align:center;
}
#section5{padding:50px 5%;}
#section6 .elementor-widget-icon, #section6 .elementor-widget-button{
	display: inline;
width: auto; margin-right:20px
}
#section6 .elementor-widget-wrap{display:flex;justify-content:center}
.elementor-icon {background-color: #000;}
#section9{
background:url(images/bg_trame.png) #fdefc2;
	background-size:100%;
	padding: 250px 15% 50px;
	margin-top: -100px;
}
#section9 h2 span{
	background: #000;
	line-height: 50px;
	color: #fff;
	padding: 5px 10px;
}
#section9 h2:after{content:" ";width:54px; height:43px; background:url(images/gouttes-violette.png);display: block;position: absolute;top: -37px;left: 202px; animation-duration: 2s;animation-iteration-count: infinite;transform-origin: bottom;animation-name: bounce-7;animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);}
#section9 .elementor-widget-text-editor{font-weight:bold}
#livres{display: flex;justify-content: center;z-index: 1;position: relative;}
.livre{
	width:250px; height:353px;overflow:hidden;margin-left:50px; box-shadow:-17px 17px 0 -10px #000;
}
.livre span{
	position: absolute;
bottom: 0;
color: #fff;
background: #000;
display: block;
width: 250px;
padding: 10px;
height: 130px;

}
#section1 .elementor-widget-wrap{padding-top:0}
#calade .elementor-widget-wrap{padding:0}
#calade{
	max-width: 500px;
background: #fff;
position: absolute;
right: 0;
margin-right:-5%;z-index: 1;padding-top:17px;
border-bottom: 6px solid #000;
border-left: 6px solid #000;
}
#calade .elementor-widget-wrap{display:flex; justify-content:space-evenly}
#calade .elementor-widget-wrap div{width:auto;display:inline-block}
#calade .elementor-element-597fcfe, #calade .elementor-element-e83ae7c{position:relatif;top:-10px}
#calade .elementor-element-597fcfe a, #calade .elementor-element-e83ae7c a{color:#000}
#calade .elementor-element-597fcfe a:hover, #calade .elementor-element-e83ae7c a:hover{color:#872d7c; text-decoration:none}
#calade .elementor-widget-icon{position: relative;top: 5px;}
#calade .elementor-widget:not(:last-child) {
  margin-bottom: 10px;
}
#grandlivre{padding-top: 150px;}
#cleft{padding-top:50px}
#cright{text-align:center}

footer .wp-block-group,footer .alignfull{padding-top:10px !important;margin-left: 0 !important;margin-right: 0 !important;}
.pt-cv-colsys {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#collector h1{
	font-size: 36px;
color: #fff !important;
text-transform: uppercase;
font-weight: normal !important;
width: 386px;
line-height: 1.8 !important;
background:#000;
padding: 0px 10px;
}
#collector h1:after{content:" ";width:54px; height:43px; background:url(images/gouttes-violette.png);display: block;position: absolute;top: -37px;left: 370px; animation-duration: 2s;animation-iteration-count: infinite;transform-origin: bottom;animation-name: bounce-7;animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);}
#collector .elementor-widget-container > h2{
	background: none;
font-size: 18px;
text-align: center;
margin-left: 65px;
top: -10px;
position: relative;
}

#bonus{display: flex;flex-wrap: wrap;margin-bottom:50px}
#bonus div{display: flex;width: 45%;margin-top: 30px;}
#bonus img{padding-right: 10px;
border-right: 1px solid #000;
margin-right: 10px;width: 78px;
height: 71px;}
#bonus h2{font-size:23px;font-weight:bold}
.page-id-189 #section3 .elementor-container {
  max-width: 100%;
}
.page-id-189 #calade{margin:0}

.back{
	text-transform: uppercase;
font-size: 17px;
background: url(images/fd_h2.png) repeat-x bottom;
font-weight: bold;
padding: 0 5px 5px;
margin-left: 3%;
top: 12px;
position: relative;
}
.back:before{content:" ";display:inline-block;width:16px;height:13px; background:url(images/back.png);  margin-right: 10px;}

#biker{margin-top: -116px;max-width: 100%;}

.pull-left{float:left}
.pull-right{float:right}
.clearfix:after,.clearfix:before{content:'';display:table}
.clearfix:after{clear:both;display:block}

.cloud:before,
.cloud:after,
.building:before,
.building:after,
.tree>div:before,
.tree>div:after,
.tree>div>i:before,
.tree>div>i:after,
.wrap2 .building .middle:before,
.wrap2 .building .middle:after,
.wrap2 .building .bottom:before,
.wrap2 .building .bottom:after{
	content:'';
	position:absolute;
}

.wrap2{
	top: 62px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 489px;
position: relative;
overflow: hidden;
display: block;
}
.inner2{
	width:100%;
}

.building,
.building .middle,
.building .bottom{margin:auto;position:relative}

.building{width:305px;text-align:right}
.building:before{
	left:70px;
	width:98px;
	height:12px;
	bottom:36px;
}
.building:after{
	width:72px;
	right:48px;
	bottom:36px;
	height:16px;
}
.building .line,
.building:before,
.building:after,
.building .middle,
.building .bottom{
	color:#872d7c ;
	background-color:#872d7c;
}
.building .middle{height:15px;width:290px;display:inline-block;vertical-align:middle}
.building .bottom{height:22px;width:305px}
.building .middle:before,
.building .middle:after,
.building .bottom:before,
.building .bottom:after{background-color:inherit}
.building .middle:before{
	bottom:36px;
	right:137px;
	background-color:transparent;
	border:20px solid transparent;
	border-bottom:14px solid;
}
.building .middle:after{
	width:40px;
	height:10px;
	bottom:26px;
	right:137px;
}
.building .bottom:before{
	left:70px;
	width:35px;
	height:25px;
	bottom:48px;
}
.building .bottom:after{
	width:25px;
	right:95px;
	height:25px;
	bottom:40px;
	transform:skewY(-18deg);
}
.building .line{
	left:50%;
	bottom:0;
	height:2px;
	width:610px;
	position:absolute;
	margin-left:-305px;
}
.tree{
	bottom:60px;
	position:absolute;
	transform-origin:50% 100%;
}
.tree>div{
	bottom:0;
	width:6px;
	height:200px;
	position:absolute;
	background-color:#4d3486;
}
.tree>div:before,
.tree>div:after{
	z-index:1;
	height:32px;
	width:inherit;
	background-color:inherit;
}
.tree>div:before{
	top:66px;
	left:-12px;
	transform:rotate(-40deg);
}
.tree>div:after{
	top:46px;
	right:-12px;
	transform:rotate(40deg);
}
.tree>div>i,
.tree>div>i:before,
.tree>div>i:after{
	border-radius:50%;
	background-color:#872d7c;
}
.tree>div>i{
	left:50%;
	top:-35px;
	z-index:-10;
	width:70px;
	height:70px;
	margin-left:-35px;
	position:absolute;
}
.tree>div>i:before{
	top:88px;
	left:-2px;
	width:30px;
	height:30px;
}
.tree>div>i:after{
	top:74px;
	right:1px;
	width:22px;
	height:22px;
}
.trees .tree-b>div:after,
.trees .tree-c>div:before,.trees .tree-c>div>i:before,
.trees .tree-d>div:after,.trees .tree-d>div>i:after,
.trees .tree-e>div:before,.trees .tree-e>div:after,.trees .tree-e>div>i:after{display:none}
.trees .tree-e>div>i:before{top:80px;left:5px;width:22px;height:22px}

.trees .left .tree{left:-5%;animation:move-left-tree 3s linear infinite}
.trees .left .tree-a{animation-delay:.5s}
.trees .left .tree-b{animation-delay:1.5s}
.trees .left .tree-c{animation-delay:1s}
.trees .left .tree-d{animation-delay:2s}
@keyframes move-left-tree{
	0%{left:-5%;opacity:1;transform:scale(2)}
	75%{opacity:1}
	100%{left:40%;opacity:0;transform:scale(0)}
}

.trees .right .tree{right:-5%;animation:move-right-tree 3s linear infinite}
.trees .right .tree-a{animation-delay:2s}
.trees .right .tree-b{animation-delay:1.5s}
.trees .right .tree-c{animation-delay:1s}
.trees .right .tree-d{animation-delay:.5s}
@keyframes move-right-tree{
	0%{right:-5%;opacity:1;transform:scale(2)}
	75%{opacity:1}
	100%{right:40%;opacity:0;transform:scale(0)}
}


.helmet:before,
.helmet:after,
.helmet .dtl:before,
.helmet .dtl:after,
.face:before,
.face:after,
.glass:before,
.glass:after,
.chest:before,
.chest:after,
.main .hand .bottom:after,
.legs:before,
.legs .leg:after,
.legs .leg:before,
.legs .leg>i:before,
.bike:before,
.bike:after,
.bike .wheel:before,
.bike .wheel:after,
.bike .hand:before,
.bike .hand:after{
	content:'';
	position:absolute;
}
.cycling{
	left:50%;
	width:150px;
	margin-left:-75px;
	position:absolute;
	bottom: 0;
	z-index:1
}
.legs{
	width:75px;
	margin:auto;
	position:relative;
}
.legs:before{
	top:0;
	width:35px;
	height:90px;
	position:absolute;
	border:20px solid #4d3486;
	border-bottom:none;
}
.legs .leg{
	top:80px;
	z-index:1;
	width:20px;
	height:160px;
	position:absolute;
	background:#ff9266;
	border-radius:20px 20px 0 0;
}
.legs .leg:before{
	bottom:0;
	height:80px;
	width:inherit;
}
.leg.left{animation:leg-l 1.2s linear infinite}
.leg.right{right:0;animation:leg-r 1.2s linear infinite}
.leg.left:before{background-color:#872d7c}
.leg.right:before{background-color:#872d7c}
.legs .leg:after{
	left:50%;
	bottom:0;
	width:30px;
	height:12px;
	margin-left:-15px;
	background-color:#55303c;
}
.legs .leg>i{
	bottom:0;
	height:22px;
	width:inherit;
	position:absolute;
	background-color:#fff;
	border-radius:50% 50% 0 0;
}
.legs .leg>i:before{
	height:5px;
	bottom:70px;
	width:inherit;
	background-color:inherit;
}
@keyframes leg-l{
	0%,100%{top:15px}
	50%{top:80px}
}
@keyframes leg-r{
	0%,100%{top:80px}
	50%{top:15px}
}
.head{
	left:50%;
	z-index:10;
	width:40px;
	height:55px;
	bottom:10px;
	margin-left:-20px;
	position:absolute;
	animation:head .8s linear infinite;
}
.helmet{
	top:-30px;
	left:50%;
	width:70px;
	height:50px;
	margin-left:-35px;
	position:absolute;
}
.helmet:before,
.helmet:after{height:28px;width:70px}
.helmet:before{top:0;background-color:#872d7c;border-radius:50px 50px 0 0}
.helmet:after{bottom:0;background-color:#4d3486;border-radius:0 0 50px 50px}
.helmet .dtl{width:inherit;display:block}
.helmet .dtl:before,
.helmet .dtl:after{top:10px;width:16px;height:6px;background-color:#4d3486}
.helmet .dtl:before{left:10px;border-radius:6px 6px 0 0;border-top-right-radius:14px 8px}
.helmet .dtl:after{right:10px;border-radius:6px 6px 0 0;border-top-left-radius:14px 8px}

.face{
	width:inherit;
	height:inherit;
	position:absolute;
	display:inline-block;
	background-color:#ffae71;
	border-radius:0 0 40px 40px;
	border-top:5px solid #ff9665;
	border-bottom:5px solid #55303c;
}
.face:before,
.face:after{top:13px;width:6px;height:12px;background-color:#ff9665}
.face:before{left:-6px;border-radius:6px 0 0 6px}
.face:after{right:-6px;border-radius:0 6px 6px 0}
.face .dtl{
	left:50%;
	width:8px;
	height:8px;
	bottom:-13px;
	margin-left:-4px;
	position:absolute;
	border-top:2px solid #55303c;
	border-left:2px solid #55303c;
	transform:rotate(45deg);
}
@keyframes head{
	0%,100%{transform:rotate(-4deg)}
	33.33%{transform:rotate(0deg)}
	66.66%{transform:rotate(4deg)}
}


.glass{width:inherit;position:absolute;top:15px}
.glass:before,
.glass:after{width:20px;height:10px;background-color:#55303c}
.glass:before{left:-6px;border-radius:0 0 4px 10px}
.glass:after{right:-6px;border-radius:0 0 10px 4px}

.main{
	left:50%;
	top:-50px;
	width:80px;
	height:60px;
	position:absolute;
	margin-left:-40px;
}
.chest{
	z-index:2;
	width:inherit;
	height:inherit;
	overflow:hidden;
	position:relative;
	border-radius:22px;
	background-color:#872d7c;
	border-top:8px solid #9e4293;
	transform-origin:50%;
	animation:chest 1s linear infinite
}
.chest:before,
.chest:after{
	top:24px;
	width:inherit;
	height:inherit;
	border-radius:inherit;
	border:10px solid #f7cb34;
}
.chest:before{left:-45px}
.chest:after{right:-45px}
@keyframes chest{
	0%,100%{transform:rotate(8deg)}
	33.33%{transform:rotate(0deg)}
	66.66%{transform:rotate(-8deg)}
}
.main .hand{width:20px;position:absolute}
.main .hand.left{left:-38px}
.main .hand.right{right:-38px}
.main .hand>i{width:20px;display:inline-block;position:absolute}
.main .hand>.top{z-index:1;top:-40px;height:75px;background-color:#872d7c ;border-radius:0 0 20px 20px}
.main .hand>.bottom{top:10px;height:75px;background-color:#ffae75;border-radius:8px 8px 0 0}
.main .hand.left>.top{left:15px;transform:rotate(45deg)}
.main .hand.right>.top{right:15px;transform:rotate(-45deg)}
.main .hand .bottom:after{
	bottom:0;
	height:15px;
	width:inherit;
	background-color:#4d3486;
	border-radius:15px 15px 0 0;
}
.main .hand.left .top{animation:hand-lt 1.2s linear infinite}
.main .hand.left .bottom{transform-origin:80% 100%;animation:hand-lb 1.2s linear infinite}
.main .hand.right .top{animation:hand-rt 1.2s linear infinite}
.main .hand.right .bottom{transform-origin:80% 100%;animation:hand-rb 1.2s linear infinite}
@keyframes hand-lt{
	0%,100%{transform:translate(-4px,8px) rotate(45deg)}
	50%{transform:translate(8px,-4px) rotate(48deg)}
}
@keyframes hand-lb{
	0%,100%{transform:translate(-8px,8px)}
	50%{transform:translate(15px,-4px) rotate(-8deg)}
}
@keyframes hand-rt{
	0%,100%{transform:translate(-8px,-8px) rotate(-45deg)}
	50%{transform:translate(8px,8px) rotate(-48deg)}
}
@keyframes hand-rb{
	0%,100%{transform:translate(-15px,-4px) rotate(8deg)}
	50%{transform:translate(12px,8px)}
}

.bike{
	z-index:10;
	width:14px;
	margin:auto;
	height:215px;
	margin-top:65px;
	position:relative;
	transform-origin:50% 100%;
	animation:bike 1.2s linear infinite;
}
.bike:before{
	left:50%;
	top:-5px;
	width:32px;
	height:20px;
	margin-left:-16px;
	border-top:10px solid #55303c;
	border-radius:20px;
}
.bike:after{
	width:14px;
	height:70px;
	background-color:#7d61a6;
	border-radius:14px 14px 0 0;
}
.bike .wheel{
	bottom:0;
	left:50%;
	z-index:1;
	width:20px;
	height:160px;
	position:absolute;
	margin-left:-10px;
	border-radius:20px;
	background-color:#55303c;
}
.bike .wheel:before,.bike .wheel:after{top:50%;width:5px;height:10px;margin-top:-5px;background-color:#69cece}
.bike .wheel:before{left:-5px;border-radius:5px 0 0 5px}
.bike .wheel:after{right:-5px;border-radius:0 5px 5px 0}

.bike .handle-wrap{
	top:10px;
	left:50%;
	z-index:1;
	width:150px;
	height:35px;
	margin-left:-75px;
	position:absolute;
}
.bike .handle{
	width:150px;
	height:35px;
	margin:auto;
	position:relative;
	border:10px solid #55303c;
	border-bottom:none;
	border-top-right-radius:25px 30px;
	border-top-left-radius:25px 30px;
}
.bike .hand{
	top:12px;
	width:28px;
	height:34px;
	position:absolute;
	border-radius:34px;
	border:14px solid transparent;
	border-top:none;
	border-bottom:none;
}
.bike .hand.left{left:-6px;border-left-color:#4d3486;border-right-color:#ff9266}
.bike .hand.right{right:-6px;border-left-color:#ff9266;border-right-color:#4d3486}
.bike .hand.left:before,
.bike .hand.right:after{
	bottom:0;
	z-index:1;
	width:33px;
	height:22px;
	color:#ffae75;
	border-radius:8px;
	border-bottom:12px solid;
}
.bike .hand.left:before{left:-17px;border-left:10px solid}
.bike .hand.right:after{right:-17px;border-right:10px solid}
@keyframes bike{
	0%,100%{transform:rotate(-4deg)}
	50%{transform:rotate(4deg)}
}

@media screen and (max-width: 1430px) {
   #section2 { background-size: 200px; }
  .pt-cv-ifield {padding-left: 10px;  }
   #section9 { padding: 250px 5% 50px; }
  .elementor-widget-counter { width: 33% !important;}
}
@media screen and (max-width: 1350px) {
   #section3texte { padding-right: 20px;}
   #section7, #section8{display:none}
   #section9 { padding: 50px 5% 50px;}
}
@media screen and (max-width: 1000px) {
   #cleft{width: 400px;}
   #cright{width:100%}
   .elementor-widget-counter { padding: 10px 10px;}
}
@media screen and (max-width: 600px) {
   #calade {
	  max-width: 100%;
	  background: #fff;
	  box-shadow: none;
	  position: relative;
	  right: 0;
	  margin-right: 0;
	  z-index: 1;
	  padding-top: 10px;
	  border-bottom: 6px solid #000;
	}
	.elementor-widget-counter {
	  width: 100% !important;
	  max-width: 400px;
	  display: inline-block;
	  border-right: none;
	  padding: 10px 50px;
	}
	#section3texte {
	  padding: 20px;
	}
	#bonus div {width:100%}
	.elementor-189 .elementor-element.elementor-element-5da9cbb {
  padding: 50px 0px 0px 0px;
}
#collector{padding:20px}

}