:root
{
	--cwd-red:#9e0b0f;
	--cwd-grey:#d1d3d4;
	--cwd-black:#231f20;
	--cwd-purple:#440e62;
	--cwd-red-box-shadow:rgba(157,13,22,0.3)
}

@font-face
{
	font-family:"Static";
	src:url(../fonts/Static.otf) format("truetype")
}

@font-face
{
	font-family:"OpenSans";
	src:url(../fonts/OpenSans-Regular.ttf) format("truetype")
}

.font-static
{
	font-family:Static
}

.color-cwd-red,
.COLOR-CWD-RED
{
	color:var(--cwd-red)
}

.color-cwd-purple
{
	color:var(--cwd-purple)
}

.color-cwd-black
{
	color:var(--cwd-black)
}

body
{
	background-color:#fefefe;
	background-image:url(../img/pattern.png);
	background-attachment:fixed;
	background-repeat:repeat;
	background-size:6px;
	font-family:'OpenSans',sans-serif;
	font-size:14px;
	letter-spacing:1px;
	min-height:100%;
	margin:0;
	padding:0;
	overflow-x:hidden;
	width:100%;
}

@media (max-width : 1024px){
	body {
		letter-spacing : 0.8px;
	}
}

html
{
	height:100%;
	overflow-x:hidden;
	width:100%
}

img
{
	max-width:100%
}

p
{
	font-size:13px;
	text-align : justify;
}

h1
{
	font-size:24px!important
}

h2,h3,h4
{
	font-size:22px!important
}

.bold
{
	font-weight:700;
	background-color:rgba(255,255,255,0.2)
}

.bold:hover
{
	background-color:rgba(255,255,255,0.3)
}

.text-right-not-xs
{
	text-align:right
}

.circled-r
{
	font-size:70%;
	vertical-align:top
}

#footer
{
	background-color:var(--cwd-red);
	color:#fff;
	border-top-left-radius:60px 60px;
	border-top-right-radius:60px 60px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	width:100%;
	font-size:13px
}

#footer a
{
	color:#fff;
	font-family:OpenSans
}

#footer li
{
	margin-top:0;
	margin-bottom:0
}

#footer #logo-fb-footer
{
	height:15px;
	margin-left:3px
}

#dots_lines_bottom
{
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	bottom:-170px;
	padding-right:10%;
	left:0;
	right:0
}

.download-userguide
{
	border:.3px solid var(--cwd-red);
	padding:10px
}

.download-userguide:hover
{
	color:var(--cwd-red)
}

@media (max-width: 767px) {
	.text-right-not-xs
	{
		text-align:inherit
	}
}

#nav-primary
{
	background-color:var(--cwd-red);
	border:0;
	border-radius:0;
	font-size:1em;
	padding:0
}

@media (max-width : 350px){
	.navbar-brand{
		width : 200px;
		height : auto;
	}
}

#nav-primary #country-selector-nav-item{
	text-align: center;
	padding-left : 10px;
	cursor : pointer;
}
#country-selector-nav-item>img, .flag.small {
	width : 24px;
}

#country-picker{
	padding-bottom : 5px;
	padding-top : 5px;
}

#country-picker, #country-picker input{
	position : absolute;
	right : 0;
	top : 45px;
	display: none;
	padding-left : 10px; 
	padding-right : 10px; 
	width : 200px;
	background-color: var(--cwd-red);
	z-index : 300;
	text-decoration: none;
	color: white;

}

#country-picker .btn{
	width : 120px;
	padding : 4px;
	margin : 5px;
	font-size : 13px;
}

/* HIDE RADIO */
#country-picker input[type=radio] { 
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	
  }
  
  /* IMAGE STYLES */
  #country-picker input[type=radio] + img {
	cursor: pointer;
	margin-top : 5px;
  }
  
  /* CHECKED STYLES */
  #country-picker input[type=radio]:checked + img {
	  outline-offset: 3px;
	outline: 2px solid lightblue;
  }
  #country-picker #countries{
	  border-right  : 2px solid white;
  }
#country-picker ul {
	list-style: none;
	text-decoration-color: white;
	padding-inline-start: 0px;
	margin-right : 0px;
	margin-bottom : 0px;
}
#country-picker ul a{
	text-decoration: none;
}

#country-picker ul li {
	color: white;
	margin-top : 5px;
	padding : 10px 5px;
	cursor : pointer;

}

#country-picker ul li:hover{
	font-weight:700;
	background-color:rgba(255,255,255,0.2)
}

#nav-primary img
{
	max-height:100%
}

#nav-primary .navbar-toggle .icon-bar
{
	background-color:#fff
}

#primary-navbar>ul
{
	height:100%
}

#primary-navbar>ul>li
{
	display:flex;
	align-items:center
}
#primary-navbar>ul>li>h2
{
	font-size:14px!important;
	padding: 0!important;
	line-height:40px!important;
	margin:0!important;
	font-weight:100!important;

}

#primary-navbar>ul>li a:hover
{
	color:#fefefe;
	text-decoration:none;
	font-weight:900
}

#nav-primary .navbar-nav li.active a
{
	background-color:inherit;
	color:#fefefe;
	font-weight:900
}

#nav-primary li.dropdown>a
{
	background-image:url(../img/icon-user.png);
	background-size:2.5vh;
	background-position:center;
	background-repeat:no-repeat;
	padding:.75vh 0;
	width:30px
}

#nav-primary .dropdown.open>a,#nav-primary .dropdown:hover>a
{
	background-color:var(--cwd-red);
	background-image:url(../img/icon-user-active.png)
}

#nav-primary
{
	min-height:0;
	font-size:14px
}

#nav-primary .navbar-brand
{
	display:inline-block;
	height:100%;
	margin-top:0;
	padding:5px 15px
}

#nav-primary div
{
	height:100%
}

#nav-primary .navbar-nav>li a
{
	padding:1vh 12px;
	line-height:40px;
	font-size:14px;
	color:rgba(255,255,255,0.9);
	width:100%;
	height:100%
}

#nav-primary li.dropdown>a
{
	background-size:3vh;
	background-position:center;
	background-repeat:no-repeat;
	padding:1vh 0;
	width:50px
}

.courses nav.text-right
{
	background:#fefefe;
	padding-right:15px
}

.pagination
{
	margin-top:15px;
	background-color:#fff
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover
{
	color:#fff;
	background-color:var(--cwd-red);
	border-color:var(--cwd-red)
}

.pagination>li>a,.pagination>li>span
{
	color:var(--cwd-red);
	background-color:#fff;
	border:1px solid #9c0f0630;
	border-radius:5%
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover
{
	color:var(--cwd-red);
	background-color:var(--cwd-red)30;
	border-color:var(--cwd-red)30
}

.home .not-home
{
	display:none!important
}

.home h1
{
	margin:0
}

.home h2
{
	text-align:center;
	margin:20px 0;
	font-weight:600;
	font-size:22px
}

.cwd-title
{
	color:var(--cwd-red)
}

.home h4
{
	color:var(--cwd-red);
	font-weight:600
}

.home .red
{
	color:var(--cwd-red)
}

.home .navbar
{
	margin-bottom:0
}

.home .overlay-base
{
	position:relative;
	margin-bottom:25px
}

.home .overlay
{
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	color:#fefefe
}

.home .overlay .container
{
	position:relative
}

.home .connection
{
	position:absolute;
	right:30px;
	top:5%
}

.text-ipulse-by-arioneo
{
	position:absolute;
	right:5%;
	top:70%;
	height:27%
}

.text-girth-banner
{
	position:absolute;
	right:7%;
	top:55%;
	font-size:3vw;
	color:#fff;
	font-family:Static;
	letter-spacing:5px;
	text-transform:uppercase
}

.text-saddle-banner
{
	position:absolute;
	right:5%;
	top:60%;
	font-size:3vw;
	color:#fff;
	font-family:Static;
	letter-spacing:5px;
	text-transform:uppercase
}

.home .banner-buttons
{
	position:absolute;
	bottom:10%;
	left:5%;
	z-index:100
}

.home .banner-btn
{
	text-transform:uppercase;
	font-weight:600;
	font-size:15px;
	width:250px;
	padding-top:12px;
	padding-bottom:12px;
	transition:ease all .2s
}

.home .banner-btn.primary
{
	background:var(--cwd-red);
	color:#fff
}

.home .banner-btn.primary:hover
{
	background:#6a0d06
}

.btn
{
	text-transform:uppercase;
	font-weight:600;
	font-size:15px;
	padding-top:12px;
	padding-bottom:12px;
	transition:ease all .2s
}

.home .banner-btn.secondary,.btn-secondary
{
	background:#fff;
	color:var(--cwd-red);
	text-transform:uppercase;
	border:#fff
}

.home .banner-btn.secondary:hover,.btn-secondary:hover
{
	background:#ffe1e0;
	color:var(--cwd-red)
}

.home .video
{
	padding-left:15px;
	padding-right:15px
}

.home .video video
{
	border-radius:4px;
	max-width:100%
}

.home .important
{
	border-radius:4px;
	margin-top:20px;
	background:#F2F2F3;
	padding:10px;
	font-weight:600;
	font-size: 14px;
}

.home .block-title
{
	display:inline-flex
}

.home .block .block-title img
{
	width:24px;
	height:24px
}

.home .block .block-title h3
{
	font-size:22px;
	line-height:22px;
	padding-left:10px;
	letter-spacing:2px
}

.home #anchors .block-title img
{
	width:20px;
	height:20px
}

.home #anchors .block-title a
{
	font-size:20px;
	line-height:20px;
	padding-left:10px;
	margin-bottom:10px;
	transition:all ease .2s
}

.home #anchors .block-title a:hover
{
	color:#6a0d06;
	text-decoration:none;
	padding-left:15px
}

.home .block-title h3,.home .block-title a
{
	color:var(--cwd-red);
	margin:0;
	text-transform:uppercase
}

.home #anchors
{
	margin-top:50px;
	margin-bottom:50px
}

.home .subtitle
{
	color:var(--cwd-red);
	font-size:22px;
	margin:20px 0;
	line-height:30px
}

.home .subtitle p
{
	color:var(--cwd-red);
	font-size:22px;
	margin:20px 0;
	line-height:30px
}

.home .subtitle .subtitle
{
	font-size:18px;
	margin:0
}

.home #video,.home #performance,.home #technic,.home #founding,.home #testimonials,.home #buttons
{
	margin-bottom:60px
}

.home #buttons
{
	margin-top:50px
}

.home #performance .block
{
	display:flex;
	align-items:center
}

.home #founding .list ul
{
	list-style-position:inside;
	list-style-image:url(../img/bullet.png);
	margin:0;
	padding:0
}

.home #founding .list li
{
	margin:5px 0;
	font-size:13px
}

.home #founding .loan
{
	display:flex;
	align-items:center
}

.home #conditions .plus
{
	color:var(--cwd-red);
	font-size:40px
}

.home #testimonials .testimonial .name
{
	margin:0;
	font-weight:600
}

.home #testimonials .testimonial .quote::before
{
	content:'« '
}

.home #testimonials .testimonial .quote::after
{
	content:' ­»'
}

.home #buttons .btn
{
	margin-bottom:20px
}

.home #alerts
{
	opacity:.8;
	position:absolute;
	width:50%;
	left:25%;
	top:2%
}

#alerts
{
	z-index:150;
	opacity:.8;
	position:absolute;
	width:50%;
	left:25%;
	top:70px
}

#main
{
	z-index:50;
	padding-bottom:250px
}

@media (max-width: 767px) {
	#main
	{
		z-index:50;
		padding-bottom:500px
	}
}

body.activities #main
{
	padding-bottom:50px
}

#page-container
{
	position:relative;
	min-height:100vh
}

.form
{
	text-align:center;
	margin-top:50px
}

.form h1
{
	font-size:39px;
	color:var(--cwd-red);
	text-transform:uppercase;
	margin:0 0 30px
}

.form label
{
	display:none
}

.form input
{
	text-align:center
}

.form .form-group.password
{
	margin-bottom:5px
}

.form .forgotten-password a
{
	color:#363b3e
}

.form .forgotten-password a:hover
{
	color:#5b6469;
	text-decoration:none
}

.form .login.btn
{
	margin-top:20px
}

/* used to make the screen shake when the user tries to click a disabled button */
@keyframes shake {
	0% { transform: translate(1px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -2px) rotate(-1deg); }
	20% { transform: translate(-3px, 0px) rotate(1deg); }
	30% { transform: translate(3px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	50% { transform: translate(-1px, 2px) rotate(-1deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg); }
	70% { transform: translate(3px, 1px) rotate(-1deg); }
	80% { transform: translate(-1px, -1px) rotate(1deg); }
	90% { transform: translate(1px, 2px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-1deg); }
  }

  


#login-disabled{
	opacity: 0.5; 
	cursor: not-allowed;
}}

.form .links
{
	margin-top:20px
}

.form .links a
{
	color:#363b3e
}

.form .links a:hover
{
	color:#5b6469;
	text-decoration:none
}

.ipulse p
{
	font-size:13px;
	text-align:justify;
	text-justify: distribute;
text-align-last: left;
}

#presentation_ipulse p
{
	margin-bottom:70px;
	font-size:17px;
	text-align:justify
}

#img-explanation-ipulse,#img-explanation-ijump
{
	padding-left:7%;
	padding-right:7%
}

.form .btn
{
	background-color:var(--cwd-red);
	border-color:var(--cwd-red);
	width:80%;
	padding:15px;
	color:#fff;
	text-transform:uppercase;
	font-weight:600
}

.form .btn:hover
{
	background-color:#dc182c
}

.filters
{
	padding:12px 20px;
	background-color:var(--cwd-red)
}

.filters .form-group
{
	max-width:100%;
	margin-bottom:0
}

.filters input
{
	border-radius:17px;
	background-image:url(../img/icon-search.png);
	background-position:8px center;
	background-repeat:no-repeat;
	background-size:10%;
	padding-left:35px;
	max-width:100%
}

.filters a
{
	line-height:34px;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	background-image:url(../img/icon-sort.png);
	background-position:right 0 top 7px;
	background-repeat:no-repeat;
	padding-right:28px
}

.course-selector
{
	width:100%;
	height:100%;
	color:#d9d9d9;
	background-color:#fff;
	border:5px solid #fff;
	border-radius:5px;
	font-size:1.5em;
	line-height:1em
}

.course-selector:hover
{
	border-color:var(--cwd-red)
}

.change-button
{
	margin-left:10px;
	font-size:10px
}

.change-button:hover
{
	cursor:pointer
}

.compare-button img
{
	width:70px
}

.course-selector p
{
	margin-bottom:50px
}

.course-selector .item
{
	margin:0;
	color:#000;
	font-size:.25em;
	line-height:1.5em;
	cursor:pointer
}

.course-selector .item img
{
	max-width:100%;
	display:block;
	margin-top:10px;
	margin-bottom:10px
}

.course-selector .item .video img
{
	border-radius:50%
}

.course-selector .item .information
{
	margin-bottom:10px
}

.course-selector .item .information .title
{
	font-size:3em;
	line-height:2em;
	font-weight:700
}

.course-selector .item .information em
{
	color:#919191
}

.course-selector hr
{
	clear:both;
	width:90%;
	margin:0 auto;
	border-color:#000
}

.course-selector .item:last-child hr
{
	display:none
}

.courses
{
	background-color:#fff
}

.courses hr
{
	border-color:#a0001845;
	margin:10px 25px
}

.courses hr:last-child
{
	display:none
}

.activities hr
{
	border-color:#a0001845;
	margin:10px 25px
}

.activities hr:last-child
{
	display:none
}

.course-information
{
	background-color:#fff;
	padding:15px 25px
}

.course-information .date p
{
	margin:30px 0
}

.course-information .icon-new
{
	background-image:url(../img/icon-star.png);
	width:34px;
	background-size:100%;
	height:34px;
	position:absolute;
	top:5px;
	right:22px
}

.course-information em
{
	font-style:normal
}

.course-information img.medium
{
	width:128px;
	height:128px
}

.course-information img.small
{
	width:70px
}

.course-information img
{
	max-width:100%;
	border-radius:50%
}

.course-information i.icon
{
	width:28px;
	height:28px;
	display:inline-block;
	max-width:100%;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center
}

.course-information i.icon-play-cwd
{
	background-image:url(../img/icon-play-cwd.png)
}

.course-information i.icon-play-green
{
	background-image:url(../img/icon-play-green.png)
}

.course-information i.icon-edit-yellow
{
	background-image:url(../img/icon-edit-yellow.png)
}

.course-information i.icon-delete-red
{
	background-image:url(../img/icon-delete-red.png)
}

@media (max-width: 992px) {
	.course-information .snapshot,.course-information .information
	{
		margin-bottom:20px
	}
	
	.course-information .rider
	{
		clear:both;
		margin-bottom:20px
	}
}

.activity-information
{
	background-color:#fff;
	padding:20px 0 15px 15px;
	margin-top:20px;
	margin-bottom:20px
}

.activity-information.saddle
{
	border-top:5px solid var(--cwd-red)
}

.activity-information.girth
{
	border-top:5px solid var(--cwd-black)
}

.activity-information .date p
{
	margin:30px 0
}

.activity-information .icon-new
{
	background-image:url(../img/icon-star.png);
	width:34px;
	background-size:100%;
	height:34px;
	position:absolute;
	top:5px;
	right:22px
}

.activity-information .activity-type
{
	text-transform:uppercase;
	font-weight:600
}

.activity-information em
{
	font-style:normal
}

.activity-information img.medium
{
	width:128px
}

.activity-information img.small
{
	width:70px
}

.activity-information img.circle
{
	max-width:100%;
	border-radius:50%
}

.activity-information i.icon
{
	width:28px;
	height:28px;
	display:inline-block;
	max-width:100%;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center
}

.activity-information i.icon-play-cwd
{
	background-image:url(../img/icon-play-cwd.png)
}

.activity-information i.icon-play-green
{
	background-image:url(../img/icon-play-green.png)
}

.activity-information i.icon-edit-yellow
{
	background-image:url(../img/icon-edit-yellow.png)
}

.activity-information i.icon-delete-red
{
	background-image:url(../img/icon-delete-red.png)
}


.activity-information-small{


}

.course-presentation{
width : 100vw;
overflow-x : hidden;
}

.product-icons
{
	position:absolute;
	top:-25px
}

.activity-information .icon-product
{
	height:50px;
	width:50px;
	margin:5px
}

.activity-information .icon_girth
{
	background-color:var(--cwd-black);
	padding:10px 5px;
	height:50px
}

.activity-information .icon_saddle
{
	background-color:var(--cwd-red);
	padding:10px
}

@media (max-width: 992px) {
	.activity-information .snapshot,.activity-information .information
	{
		margin-bottom:20px
	}
	
	.activity-information .rider
	{
		clear:both;
		margin-bottom:20px
	}
}

#courses-view .course-information,#courses-compare .course-information
{
	margin-bottom:20px
}

#activities-view .activity-information,#courses-compare .course-information
{
	margin-bottom:20px
}

.course-video
{
	position:relative
}

.course-video video
{
	width:100%;
	display:block;
	position:relative
}

.course-data .data-wrapper
{
	position:relative;
	background-color:#9d0d16;
	width:18%;
	padding-bottom:18%;
	float:left;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	overflow:hidden;
	margin:2vh 1% 0;
	box-shadow:0 0 0 4px #b3b3b3
}

.course-data .data-wrapper.active
{
	box-shadow:0 0 0 4px #fff
}

.course-data div div:last-child .data-wrapper:first-child
{
	margin-left:11%
}

@media (min-width: 992px) {
	#courses-view .course-data .data-wrapper
	{
		width:100%;
		padding-bottom:100%;
		float:none
	}
	
	#courses-view .course-data div div:last-child .data-wrapper
	{
		margin-left:0
	}
	
	#courses-view .course-data div div:last-child .data-wrapper:first-child
	{
		margin-top:45%;
		margin-left:0
	}
}

@media (min-width: 1200px) {
	#courses-view .course-data .data-wrapper
	{
		width:80%;
		padding-bottom:80%;
		margin:0 0 10% 20%
	}
	
	#courses-view .course-data div div:last-child .data-wrapper,#courses-view .course-data div div:last-child .data-wrapper:first-child
	{
		margin-left:-20%
	}
}

@media (min-width: 992px) {
	#activities-view .course-data .data-wrapper
	{
		width:100%;
		padding-bottom:100%;
		float:none
	}
	
	#activities-view .course-data div div:last-child .data-wrapper
	{
		margin-left:0
	}
	
	#activities-view .course-data div div:last-child .data-wrapper:first-child
	{
		margin-top:45%;
		margin-left:0
	}
}

@media (min-width: 1200px) {
	#activities-view .course-data .data-wrapper
	{
		width:80%;
		padding-bottom:80%;
		margin:0 0 10% 20%
	}
	
	#activities-view .course-data div div:last-child .data-wrapper,#activities-view .course-data div div:last-child .data-wrapper:first-child
	{
		margin-left:-20%
	}
}

.course-data .data
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:75%;
	background-position:center
}

.course-data .data .title
{
	color:#dadada;
	text-align:center;
	margin:15% auto 0;
	padding-bottom:5%;
	height:25%
}

.course-data .data-wrapper-compare .title
{
	color:#dadada;
	text-align:center;
	margin:35% auto 0;
	padding-bottom:5%;
	height:25%
}

.course-data .data hr
{
	margin:0 15%;
	height:1%
}

.course-data .data .value
{
	color:#fff;
	height:3%;
	margin-top:-8%
}

.course-data .data-symetrie .value,.course-data .data-abord .value
{
	color:#fff;
	height:40%;
	margin-top:-5%
}

.course-data .data-regularite .value,.course-data .data-cadence .value,.course-data .data-bpm .value,.course-data .data-foulee .value,.course-data .data-abord .value,.course-data .data-equilibre .value,.course-data .data-reprise .value,.course-data .data-symetrie .value
{
	text-align:center;
	font-size:2.5em;
	line-height:1.5em
}

.course-data .data-vitesse .value
{
	text-align:center;
	font-size:2em
}

.course-data .data-rebond .value
{
	text-align:center;
	font-size:1.75em;
	background-image:url(../img/data/rebond-0.png);
	background-position:center 85%;
	background-repeat:no-repeat;
	background-size:70%
}

.course-data .data-abord img
{
	display:block;
	margin:0 auto;
	max-height:80%
}

.course-data .data-symetrie img
{
	display:block;
	margin:0 auto;
	max-height:80%
}

.course-data .data-regularite .value,.course-data .data-cadence .value,.course-data .data-foulee .value,.course-data .data-bpm .value
{
	font-size:1.85em
}

.course-data .data-rebond .value
{
	font-size:1.25em
}

.course-data .data-reprise .value
{
	font-size:1.85em
}



@media (min-width: 1024px) {
	.course-data .data-wrapper-compare
	{
		position:relative;
		background-color:#9d0d16;
		height:105px;
		width:105px;
		float:left;
		border-radius:50%;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		overflow:hidden;
		margin:.5% 1%;
		box-shadow:0 0 0 4px #b3b3b3
	}
}


.course-data .data-wrapper-compare.active
{
	box-shadow:0 0 0 4px #fff
}

.course-data div div:last-child .data-wrapper-compare:first-child
{
	margin-left:11%
}

.course-data .data-wrapper-compare .value-top
{
	color:#fff;
	height:40%;
	margin-top:5%
}

.course-data .data-wrapper-compare .value-bottom
{
	color:#fff;
	height:40%;
	margin-top:-5%;
	vertical-align:top
}

.course-data .data-wrapper-compare .title
{
	color:#dadada;
	text-align:center;
	margin:-5% auto 0;
	padding-bottom:5%;
	height:25%
}

.course-data .data-wrapper-compare .data-abord .value,.course-data .data-wrapper-compare .data-symetrie .value
{
	text-align:center;
	font-size:1.5em;
	line-height:1.5em
}

.course-graph-tabs .nav-tabs .nav-link,.course-graph-tabs .nav-tabs li a
{
	background:none;
	border:none;
	color:#6f6f6f;
	line-height:2.5em;
	text-decoration:none;
	display:inline-block
}

.course-graph-tabs .nav-tabs li.active a
{
	background:none;
	border:none;
	background-image:url(../img/graphs/tab-selector.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:20px
}

.course-graph-tabs .nav-tabs li.active a:hover,.course-graph-tabs .nav-tabs li.active a:focus
{
	border:none
}

.course-graph-tabs .icon
{
	width:22px;
	height:22px;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	margin-right:3px;
	display:none
}

.icon-running
{
	background-image:url(../img/graphs/tab-running.png)
}

.icon-jumping
{
	background-image:url(../img/graphs/tab-jumping.png)
}

.icon-landing
{
	background-image:url(../img/graphs/tab-landing.png)
}

.icon-user
{
	background-image:url(../img/icon-user-active.png)
}

.icon-cardio
{
	background-image:url(../img/icon-cardio.png)
}

.icon-picto-horse
{
	background-image:url(../img/picto-horse.png)
}

.icon-duration
{
	background-image:url(../img/picto-duration.png)
}

@media (min-width: 1025px) {
	.course-graph-tabs .icon
	{
		display:inline-block
	}
}

.course-graph-tabs .nav-tabs li a
{
	width:100%;
	height:100%
}

.course-graph-tabs>.nav .nav-link
{
	padding:0
}

.course-graph-tabs>.nav .nav-link.active
{
	padding:0;
	background-color:transparent
}

.course-graphs
{
	background-color:var(--cwd-red);
	min-height:150px;
	padding:0
}

.course-graphs svg
{
	width:1024px;
	height:250px;
	overflow-x:scroll;
	background-color:var(--cwd-red)
}

.course-graphs svg .jump-number-circle
{
	fill:none;
	stroke:rgba(255,255,255,0.5);
	stroke-width:4px
}

.course-graphs svg .jump-number-circle.course-1
{
	stroke:rgba(0,0,0,0.5)
}

.course-graphs svg .jump-number-text
{
	fill:rgba(255,255,255,0.5)
}

.course-graphs svg .jump-number-text.course-1
{
	fill:rgba(0,0,0,0.5)
}

.course-graphs svg .y-line-info
{
	fill:none;
	stroke:rgba(255,255,255,1);
	stroke-width:1px;
	stroke-dasharray:1 3
}

.course-graphs svg .y-line-origin
{
	stroke:rgba(255,255,255,1);
	stroke-width:2px
}

.course-graphs svg .y-text
{
	fill:rgba(255,255,255,1);
	font-weight:700
}

.course-graphs svg .y-units
{
	fill:rgba(255,255,255,1);
	font-weight:700;
	font-size:smaller
}

.course-graphs svg .cadency-bar,.course-graphs svg .regularity-bar,.course-graphs svg .impulsion-bar,.course-graphs svg .reprise-bar,.course-graphs svg .frequency-bar
{
	fill:#fff;
	opacity:.5
}

.course-graphs svg .bar.course-1
{
	fill:#000
}

.course-graphs svg .cadency-tt,.course-graphs svg .regularity-tt,.course-graphs svg .impulsion-tt,.course-graphs svg .reprise-tt,.course-graphs svg .frequency-tt
{
	fill:rgba(0,0,0,1)
}

.course-graphs svg .tt.course-1
{
	fill:rgba(255,255,255,1)
}

.course-graphs svg .speed-line,.course-graphs svg .cardio-line,.course-graphs svg .stride-line
{
	stroke:#fff;
	opacity:.5;
	stroke-width:10px;
	fill:none;
	stroke-linejoin:round;
	stroke-linecap:round;
	cursor:pointer;
	z-index:10
}

.path_cardio_allures
{
	opacity:.5;
	stroke-width:2px;
	fill:none;
	stroke-linejoin:round;
	stroke-linecap:round
}

.path-gallop
{
	stroke:#9d162c
}

.area-gallop
{
	fill:#9d162c
}

.path-trot
{
	stroke:#000;
	fill:#000
}

.area-trot
{
	fill:#000
}

.path-walk
{
	stroke:#99989c
}

.area-walk
{
	fill:#99989c
}

.path-inactivity
{
	stroke:#efefef
}

.area-inactivity
{
	fill:#efefef
}

.course-graphs svg .line.course-1
{
	stroke:#000
}

.course-graphs svg .speed-line.time,.course-graphs svg .cardio-line.time,.course-graphs svg .stride-line.time
{
	opacity:1
}

.course-graphs svg .time.course-1
{
	stroke:#000
}

.course-graphs svg .speed-cursor,.course-graphs svg .cardio-cursor,.course-graphs svg .stride-cursor
{
	fill:rgba(255,255,255,1)
}

.course-graphs svg .cursor.course-1
{
	fill:rgba(0,0,0,1)
}

.course-graphs svg .speed-tt,.course-graphs svg .cardio-tt,.course-graphs svg .stride-tt
{
	fill:rgba(255,255,255,1)
}

.course-graphs svg .symetry-block
{
	fill:#fff;
	opacity:.5
}

.progression .select
{
	color:var(--cwd-red);
	border-color:var(--cwd-red);
	text-transform:uppercase;
	margin:5px 0
}

#product_selection
{
	font-style:bold
}

.product_section
{
	background-color:var(--cwd-red);
	padding:5px;
	cursor:pointer;
	color:rgba(255,255,255,0.5)
}

.product_section.active
{
	cursor:pointer;
	color:rgba(255,255,255,1)
}

.product_links>ul>li>a
{
	color:#6a0d06;
	cursor:pointer;
	margin-right:10px;
	margin-top:3px;
	padding:5px
}

.product_links>ul>li>a:hover
{
	font-weight:bolder;
	text-decoration:underline
}

.product_links>ul>li.active
{
	margin-left:10px
}

.product_links>ul>li.active>a:before
{
	content:">  ";
	color:var(--cwd-red)
}

.product_section:not(.active):after
{
	content:"+";
	color:#fff;
	opacity:.5;
	position:absolute;
	right:15px;
	font-size:1.5em;
	top:0;
	bottom:0
}

.product_section.active:after
{
	content:"–";
	color:#fff;
	position:absolute;
	right:15px;
	font-size:1.5em;
	top:0;
	bottom:0
}

.section_faq.active
{
	display:block
}

.section_faq:not(.active)
{
	display:none
}

.vh-50
{
	height:50%
}

.vh-45
{
	height:45%
}

.vh-10
{
	height:10%
}

.vh-20
{
	height:20%
}

.vh-40
{
	height:40%
}

.course-metadata
{
	font-size:2em;
	line-height:1em
}

#compare-play-button
{
	position:relative;
	background-color:#9d0d16;
	text-align:center;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:auto;
	margin-bottom:auto;
	box-shadow:0 0 0 4px #b3b3b3
}

#fullscreen-button
{
	background-color:#9d0d16;
	text-align:center;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
	display:flex;
	align-items:center;
	margin-top:auto;
	margin-bottom:auto;
	justify-content:center;
	box-shadow:0 0 0 4px #b3b3b3
}

@media (max-width: 1024px) {
	#controls
	{
		right:10px;
		width:10%;
		height:70px;
		display:flex;
		margin:.2% .5%;
		justify-content:end
	}
	
	#fullscreen-button,#compare-play-button
	{
		background-color:#9d0d16;
		height:50px;
		width : 50px;
	}

	#compare-play-button{
		margin-top : 20px;

	}
	
	#fullscreen-icon
	{
		font-size:2em
	}
	
	#play-pause-icon
	{
		font-size:2em
	}
}

@media (min-width: 1025px) {
	#controls
	{
		height:105px;
		right:10px;
		width:20%;
		display:flex;
		margin:.5% 1%;

	}
	
	#fullscreen-button,#compare-play-button
	{
		height:105px;
		width:105px
	}
	
	#fullscreen-icon
	{
		font-size:3em
	}

	#fullscreen-button,#compare-play-button
	{
		background-color:#9d0d16;
		height:105px;
	}
	
	#play-pause-icon
	{
		font-size:3em
	}
}

#play-button-wrapper
{
	margin-left:2%;
	width:110px;
	height:110px;
	margin-top:auto;
	margin-bottom:auto
}

#play-button-wrapper:hover
{
	width:110px;
	height:110px;
	cursor:pointer
}

.btn-primary
{
	background-color:#9d0d16;
	text-transform:uppercase;
	border-color:var(--cwd-red)
}

.daterangepicker td.active,.daterangepicker td.active:hover, .daterangepicker .ranges li.active
{
	background-color:#9d0d16
}

.daterangepicker td.in-range
{
	background-color:#9d0d1677
}

.carousel-indicators
{
	bottom:-40px
}

.carousel-indicators li
{
	border-radius:20px;
	width:20px;
	height:20px;
	background-color:var(--cwd-grey);
	border:none
}

.carousel-indicators li.active
{
	background-color:var(--cwd-red)
}

#text_carrousel_connected_horseriding
{
	position:absolute;
	top:24%;
	left:9%;
	z-index:60;
	font-size:3vw;
	line-height:1.6em
}

.products_links_home
{
	margin-bottom:60px
}

#text_saddle_ijump_div
{
	position:absolute;
	top:55%;
	left:12%;
	font-size:225%;
	color:var(--cwd-red)
}

#text_girth_ipulse_div
{
	position:absolute;
	top:55%;
	right:12%;
	font-size:225%;
	text-align:right;
	color:var(--cwd-red)
}

.img-3div-home
{
	height:150px
}

.divs-3-home
{
	padding-left:15px;
	padding-right:15px;
	margin-bottom:60px
}

#dots_lines_left
{
	position:absolute;
	left:0;
	top:70px
}

#dots_lines_right
{
	position:absolute;
	right:0;
	top:35%
}

#arrow_down
{
	justify-content:center;
	margin-left:0;
	margin-right:0
}

#div_screenshots
{
	background-color:#fff
}

#carousel_screenshots
{
	text-align:center;
	width:100%
}

#div_screenshots h2
{
	text-align:center;
	margin-bottom:30px;
	padding-top:30px
}

#carousel_screenshots .carousel-control-prev-icon
{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
	width:100px;
	background-position-x:-30px
}

#carousel_screenshots .carousel-control-next-icon
{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
	width:100px;
	background-position-x:30px
}

.screenshot-carousel-item>img
{
	height:581px;
	width:269px
}

.carousel-inner>.carousel-item>img
{
	margin:auto
}

#screenshot_preview_previous,#screenshot_preview_next
{
	position:absolute;
	height:275px;
	width:150px;
	top:15%
}

#screenshot_preview_previous
{
	left:15%
}

#screenshot_preview_next
{
	right:15%
}

.div_link_home
{
	background-color:#fff;
	border:1px solid #000;
	padding:10px;
	text-align:center;
	height:300px;
	width:300px!important;
	max-width:300px!important;
	flex-basis:300px;
	margin-bottom:50px
}

@media (min-width: 992px) {
	.spacer-divs-home
	{
		max-width:15px;
		flex-basis:15px;
		padding:0
	}
}

@media (min-width: 1200px) {
	.spacer-divs-home
	{
		max-width:105px;
		flex-basis:105px
	}
}

.read_more
{
	position:absolute;
	display:flex;
	justify-content:center;
	bottom:-45px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:10;
	width:95px;
	text-align:center;
	height:95px;
	background-color:#fff;
	border-radius:90px;
	transition:all .2s ease-in-out
}

.read_more:hover
{
	font-size:120%;
	width:105px;
	height:105px;
	bottom:-50px;
	display:flex;
	justify-content:center;
	transition:all .2s ease-in-out
}

.read_more span
{
	position:absolute;
	padding:10px;
	top:10px
}

#read_more_research
{
	color:var(--cwd-purple);
	text-transform:uppercase;
	border:1px solid var(--cwd-purple)
}

#read_more_vision
{
	color:var(--cwd-red);
	text-transform:uppercase;
	border:1px solid var(--cwd-red)
}

#read_more_partner
{
	color:var(--cwd-black);
	text-transform:uppercase;
	border:1px solid var(--cwd-black)
}

#div_research
{
	border:1px solid var(--cwd-purple)
}

#div_partner
{
	border:1px solid var(--cwd-black)
}

#div_vision
{
	border:1px solid var(--cwd-red)
}

.div_link_home h4
{
	margin-top:5px;
	margin-bottom:25px;
	color:#000
}

#div_vision p
{
	color:var(--cwd-red);
	font-size:130%;
	text-align:left;
	padding:20px
}

.breadcrumb
{
	background-color:transparent
}

.breadcrumb a
{
	color:#000
}

#research
{
	background-color:transparent
}

#headline_3_objectives
{
	font-size:4em
}

.objective_purple_circle
{
	color:#fff;
	height:130px!important;
	width:130px!important;
	max-width:130px!important;
	min-width:130px!important;
	background-color:var(--cwd-purple);
	font-size:1em;
	vertical-align:middle;
	border-radius:100%;
	left:0;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:25px;
	margin-top:20px;
	padding:25px 10px
}

#objective_treatment
{
	top:40%
}

#div_circles_objectives
{
	margin-bottom:150px
}

#research
{
	text-align:justify
}

#research_arrow_right
{
	position:absolute;
	margin-left:10px;
	left:-46px;
}

#research_molecule
{
	position:absolute;
	margin-left:10px;
	left:15px;
	top:50%
}

#vision
{
	margin-top:20px;
	text-align:justify
}

#vision_target
{
	position:absolute;
	right:0;
	top:-100px
}

#vision_dots
{
	position:absolute;
	display:flex;
	justify-content:center;
	bottom:-30px;
	left:0;
	right:0
}

#vision_cwd_connected_concept
{
	margin:40px 30px
}

#vision_arrow_right
{
	position:absolute;
	margin-left:10px;
	left:-46px;
}

#partner
{
	text-align:justify
}

#partner_arrow_right
{
	position:absolute;
	margin-left:10px;
	left:-46px;
}

.btn-cwd
{
	background:var(--cwd-red);
	color:#fff;
	border-color:var(--cwd-red)
}

.btn-cwd:hover,.btn-primary:hover
{
	background:#6a0d06;
	color:#fff
}

.form-control:focus
{
	border-color:var(--cwd-red);
	box-shadow:0 0 0 .2rem var(--cwd-red-box-shadow)
}

.pagination li a:focus
{
	border-color:var(--cwd-red);
	box-shadow:0 0 0 .2rem var(--cwd-red-box-shadow)
}

#carousel_screenshots .carousel-control-next,#carousel_screenshots .carousel-control-prev
{
	width:30%;
	width:30%
}

.legend-photo
{
	font-size:.65em;
	font-style:italic
}

.img-manual{
	transform: rotate(13deg);
	max-width: 50%;
}