.section-title2 .sub-title h2 span, .sub-title-2 .h2-black-title, .testi-content p{
	color:black;
}
.experience-title h2{
font-size: 96px;
color: #e49c11;
font-weight: 900;
font-family: "Roboto";
text-align: center;
}
/* revoir sur media queries position:relative */
.h2-options{
font-size: 130px;
margin-bottom: 0;
letter-spacing: 3px;
color: #dddddd;
font-weight: 900;
font-family: "Roboto";
text-align: center;
text-transform: capitalize;
position:relative;
top:120px;
}
.h2firstblock{
	font-size: 18px;
text-transform: capitalize;
margin: 0;
letter-spacing: 4px;
font-family: "Roboto";
font-weight: 500;
color: #e49c11;
}
.sub-title h3 span {
font-size: 60px;
color: #0b5260;
letter-spacing: 2px;
font-weight: 900;
font-family: "Roboto";
text-align: center;
text-transform: capitalize;
}
.testimonial-area .testimonial-content .testimonial-title .testi-mo-p, .testimonial-area .testimonial-content .testimonial-title .testi-mo-h4, .testimonial-area .testimonial-content .testimonial-icon i{
	color:black;
}
.compteur{
	font-size:9px;
	margin:25px 20px 25px auto;
	width:100px;
}
.single-title h4{
	font-size: 16px;
    letter-spacing: 1px;
    font-weight: 500;
    font-family: "Roboto";
    text-transform: capitalize;
    color: #fff;
    position: relative;
	color:white;
}
.single-title-2 h4 {
    font-size: 16px;
    padding-bottom: 30px;
    letter-spacing: 1px;
    font-weight: 500;
    font-family: "Roboto";
    text-transform: capitalize;
    color: #fff;
    position: relative;
	color:white;
}
.gris{
	background-color:#ebf0ee;
	padding:50px auto 50px auto;
	display:flex;
}
.section-title2 .sub-title h3 {
	color:#C69427;
}
.main-title h2 span{
	color:#C69427;
}
.main-title h2{
	color:#000;
}
.fl-end{
	display:flex;
	justify-content:end;
}
.img-ticket-opace{
	width:400px;
	height:395px;
}
.mg-autohi{
	margin:auto;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.container-title-fl{
	max-width:700px;
	padding-left:20px;
	line-height:1.4;
}
.choose-button a {
    display: inline-block;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 500;
    font-family: "Roboto";
    text-decoration: none;
    text-transform: none;
    background: #0A5260;
    color: #fff;
    transition: 0.5s;
    padding: 13px 43px 13px;
}
.choose-area .choose-title h3 {
    font-size: 48px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 900;
    font-family: "Roboto";
    color: #0b5260;
}
.choose-area .choose-title h2 {
    font-size: 18px;
    text-transform: capitalize;
    margin: 0;
    letter-spacing: 4px;
    font-family: "Roboto";
    font-weight: 500;
    color: #e49c11;
}
.choose-area .choose-title p{
	line-height:1.3;
}
.blog-area .blog-single-box .blog-text h3 a {
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    font-family: "Roboto";
    color: #fff;
    background: #E39B11;
    padding: 11px 8px 11px;
    transition: 0.5s;
    margin-right: 15px;
}
.img-ticket1{
	width:95%;
}
.centermt{
	text-align:center;
	margin:auto;
}
.choose-area{
	margin-top:0;
	padding:0 0 0;
}
.choose-area .container .img-tickets{
	margin-top: 45px;
}
/* animation image*/
.scaleAnimation{
	transform:scale(1.85);
}
.scaleAnimation1{
	transform:scale(1.84);
}
.scaleAnimation2{
	transform:scale(1.83);
}
.scaleAnimation3{
	transform:scale(1.82);
}
.scaleAnimation4{
	transform:scale(1.81);
}
.scaleAnimation5{
	transform:scale(1.80);
}
.scaleAnimation6{
	transform:scale(1.79);
}
.scaleAnimation7{
	transform:scale(1.78);
}
.scaleAnimation8{
	transform:scale(1.77);
}
.scaleAnimation9{
	transform:scale(1.76);
}
.scaleAnimation10{
	transform:scale(1.75);
}
.scaleAnimation11{
	transform:scale(1.74);
}
.scaleAnimation12{
	transform:scale(1.73);
}
.scaleAnimation13{
	transform:scale(1.72);
}
.scaleAnimation14{
	transform:scale(1.71);
}
.scaleAnimation15{
	transform:scale(1.70);
}
.scaleAnimation16{
	transform:scale(1.69);
}
.scaleAnimation17{
	transform:scale(1.68);
}
.scaleAnimation18{
	transform:scale(1.67);
}
.scaleAnimation19{
	transform:scale(1.66);
}
.scaleAnimation20{
	transform:scale(1.65);
}
.scaleAnimation21{
	transform:scale(1.64);
}
.scaleAnimation22{
	transform:scale(1.63);
}
.scaleAnimation23{
	transform:scale(1.62);
}
.scaleAnimation24{
	transform:scale(1.61);
}
.scaleAnimation25{
	transform:scale(1.60);
}
.scaleAnimation26{
	transform:scale(1.59);
}
.scaleAnimation27{
	transform:scale(1.58);
}
.scaleAnimation28{
	transform:scale(1.57);
}
.scaleAnimation29{
	transform:scale(1.56);
}
.scaleAnimation30{
	transform:scale(1.55);
}
.scaleAnimation31{
	transform:scale(1.54);
}
.scaleAnimation32{
	transform:scale(1.53);
}
.scaleAnimation33{
	transform:scale(1.52);
}
.scaleAnimation34{
	transform:scale(1.51);
}
.scaleAnimation35{
	transform:scale(1.50);
}
.scaleAnimation36{
	transform:scale(1.49);
}
.scaleAnimation37{
	transform:scale(1.48);
}
.scaleAnimation38{
	transform:scale(1.47);
}
.scaleAnimation39{
	transform:scale(1.46);
}
.scaleAnimation40{
	transform:scale(1.45);
}
.scaleAnimation41{
	transform:scale(1.44);
}
.scaleAnimation42{
	transform:scale(1.43);
}
.scaleAnimation43{
	transform:scale(1.42);
}
.scaleAnimation44{
	transform:scale(1.41);
}
.scaleAnimation45{
	transform:scale(1.4);
}
.scaleAnimation46{
	transform:scale(1.39);
}
.scaleAnimation47{
	transform:scale(1.38);
}
.scaleAnimation48{
	transform:scale(1.37);
}
.scaleAnimation49{
	transform:scale(1.36);
}
.scaleAnimation50{
	transform:scale(1.35);
}
.scaleAnimation51{
	transform:scale(1.34);
}
.scaleAnimation52{
	transform:scale(1.33);
}
.scaleAnimation53{
	transform:scale(1.32);
}
.scaleAnimation54{
	transform:scale(1.31);
}
.scaleAnimation55{
	transform:scale(1.3);
}
.scaleAnimation56{
	transform:scale(1.29);
}
.scaleAnimation57{
	transform:scale(1.28);
}
.scaleAnimation58{
	transform:scale(1.27);
}
.scaleAnimation59{
	transform:scale(1.26);
}
.scaleAnimation60{
	transform:scale(1.25);
}
.scaleAnimation61{
	transform:scale(1.24);
}
.scaleAnimation62{
	transform:scale(1.23);
}
.scaleAnimation63{
	transform:scale(1.22);
}
.scaleAnimation64{
	transform:scale(1.21);
}
.scaleAnimation65{
	transform:scale(1.2);
}
.scaleAnimation66{
	transform:scale(1.19);
}
.scaleAnimation67{
	transform:scale(1.18);
}
.scaleAnimation68{
	transform:scale(1.17);
}
.scaleAnimation69{
	transform:scale(1.16);
}
.scaleAnimation70{
	transform:scale(1.15);
}
.scaleAnimation71{
	transform:scale(1.14);
}
.scaleAnimation72{
	transform:scale(1.13);
}
.scaleAnimation73{
	transform:scale(1.12);
}
.scaleAnimation74{
	transform:scale(1.11);
}
.scaleAnimation75{
	transform:scale(1.1);
}
.scaleAnimation76{
	transform:scale(1.09);
}
.scaleAnimation77{
	transform:scale(1.08);
}
.scaleAnimation78{
	transform:scale(1.07);
}
.scaleAnimation79{
	transform:scale(1.06);
}
.scaleAnimation80{
	transform:scale(1.05);
}
.scaleAnimation81{
	transform:scale(1.04);
}
.scaleAnimation82{
	transform:scale(1.03);
}
.scaleAnimation83{
	transform:scale(1.02);
}
.scaleAnimation84{
	transform:scale(1.01);
}
.scaleAnimation85{
	transform:scale(1);
}
/*end of animation image*/
/* start animation left box*/
.scaleBox{
	transform:scale(0.15)
}
.scaleBox1{
	transform:scale(0.16);
}
.scaleBox2{
	transform:scale(0.17);
}
.scaleBox3{
	transform:scale(0.18);
}
.scaleBox4{
	transform:scale(0.19);
}
.scaleBox5{
	transform:scale(0.2);
}
.scaleBox6{
	transform:scale(0.21);
}
.scaleBox7{
	transform:scale(0.22);
}
.scaleBox8{
	transform:scale(0.23);
}
.scaleBox9{
	transform:scale(0.24);
}
.scaleBox10{
	transform:scale(0.25);
}
.scaleBox11{
	transform:scale(0.26);
}
.scaleBox12{
	transform:scale(0.27);
}
.scaleBox13{
	transform:scale(0.28);
}
.scaleBox14{
	transform:scale(0.29);
}
.scaleBox15{
	transform:scale(0.3);
}
.scaleBox16{
	transform:scale(0.31);
}
.scaleBox17{
	transform:scale(0.32);
}
.scaleBox18{
	transform:scale(0.33);
}
.scaleBox19{
	transform:scale(0.34);
}
.scaleBox20{
	transform:scale(0.35);
}
.scaleBox21{
	transform:scale(0.36);
}
.scaleBox22{
	transform:scale(0.37);
}
.scaleBox23{
	transform:scale(0.38);
}
.scaleBox24{
	transform:scale(0.39);
}
.scaleBox25{
	transform:scale(0.4);
}
.scaleBox26{
	transform:scale(0.41);
}
.scaleBox27{
	transform:scale(0.42);
}
.scaleBox28{
	transform:scale(0.43);
}
.scaleBox29{
	transform:scale(0.44);
}
.scaleBox30{
	transform:scale(0.45);
}
.scaleBox31{
	transform:scale(0.46);
}
.scaleBox32{
	transform:scale(0.47);
}
.scaleBox33{
	transform:scale(0.48);
}
.scaleBox34{
	transform:scale(0.49);
}
.scaleBox35{
	transform:scale(0.5);
}
.scaleBox36{
	transform:scale(0.51);
}
.scaleBox37{
	transform:scale(0.52);
}
.scaleBox38{
	transform:scale(0.53);
}
.scaleBox39{
	transform:scale(0.54);
}
.scaleBox40{
	transform:scale(0.55);
}
.scaleBox41{
	transform:scale(0.56);
}
.scaleBox42{
	transform:scale(0.57);
}
.scaleBox43{
	transform:scale(0.58);
}
.scaleBox44{
	transform:scale(0.59);
}
.scaleBox45{
	transform:scale(0.6);
}
.scaleBox46{
	transform:scale(0.61);
}
.scaleBox47{
	transform:scale(0.62);
}
.scaleBox48{
	transform:scale(0.63);
}
.scaleBox49{
	transform:scale(0.64);
}
.scaleBox50{
	transform:scale(0.65);
}
.scaleBox51{
	transform:scale(0.66);
}
.scaleBox52{
	transform:scale(0.67);
}
.scaleBox53{
	transform:scale(0.68);
}
.scaleBox54{
	transform:scale(0.69);
}
.scaleBox55{
	transform:scale(0.7);
}
.scaleBox56{
	transform:scale(0.71);
}
.scaleBox57{
	transform:scale(0.72);
}
.scaleBox58{
	transform:scale(0.73);
}
.scaleBox59{
	transform:scale(0.74);
}
.scaleBox60{
	transform:scale(0.75);
}
.scaleBox61{
	transform:scale(0.76);
}
.scaleBox62{
	transform:scale(0.77);
}
.scaleBox63{
	transform:scale(0.78);
}
.scaleBox64{
	transform:scale(0.79);
}
.scaleBox65{
	transform:scale(0.8);
}
.scaleBox66{
	transform:scale(0.81);
}
.scaleBox67{
	transform:scale(0.82);
}
.scaleBox68{
	transform:scale(0.83);
}
.scaleBox69{
	transform:scale(0.84);
}
.scaleBox70{
	transform:scale(0.85);
}
.scaleBox71{
	transform:scale(0.86);
}
.scaleBox72{
	transform:scale(0.87);;
}
.scaleBox73{
	transform:scale(0.88);
}
.scaleBox74{
	transform:scale(0.89);
}
.scaleBox75{
	transform:scale(0.9);
}
.scaleBox76{
	transform:scale(0.91);
}
.scaleBox77{
	transform:scale(0.92);
}
.scaleBox78{
	transform:scale(0.93);
}
.scaleBox79{
	transform:scale(0.94);
}
.scaleBox80{
	transform:scale(0.95);
}
.scaleBox81{
	transform:scale(0.96);
}
.scaleBox82{
	transform:scale(0.97);
}
.scaleBox83{
	transform:scale(0.98);
}
.scaleBox84{
	transform:scale(0.99);
}
.scaleBox85{
	transform:scale(1);
}
/*end of scale box left*/
/* start others div and ima	ges to scale/*/
.scaleBoxOther{
	transform:scale(0.04);
}
.scaleBoxOther1{
	transform:scale(0.06);
}
.scaleBoxOther2{
	transform:scale(0.08);
}
.scaleBoxOther3{
	transform:scale(0.1);
}
.scaleBoxOther4{
	transform:scale(0.12);
}
.scaleBoxOther5{
	transform:scale(0.14);
}
.scaleBoxOther6{
	transform:scale(0.16);
}
.scaleBoxOther7{
	transform:scale(0.18);
}
.scaleBoxOther8{
	transform:scale(0.2);
}
.scaleBoxOther9{
	transform:scale(0.22);
}
.scaleBoxOther10{
	transform:scale(0.24);
}
.scaleBoxOther11{
	transform:scale(0.26);
}
.scaleBoxOther12{
	transform:scale(0.28);
}
.scaleBoxOther13{
	transform:scale(0.3);
}
.scaleBoxOther14{
	transform:scale(0.32);
}
.scaleBoxOther15{
	transform:scale(0.34);
}
.scaleBoxOther16{
	transform:scale(0.36);
}
.scaleBoxOther17{
	transform:scale(0.38);
}
.scaleBoxOther18{
	transform:scale(0.4);
}
.scaleBoxOther19{
	transform:scale(0.42);
}
.scaleBoxOther20{
	transform:scale(0.44);
}
.scaleBoxOther21{
	transform:scale(0.46);
}
.scaleBoxOther22{
	transform:scale(0.48);
}
.scaleBoxOther23{
	transform:scale(0.5);
}
.scaleBoxOther24{
	transform:scale(0.52);
}
.scaleBoxOther25{
	transform:scale(0.54);
}
.scaleBoxOther26{
	transform:scale(0.56);
}
.scaleBoxOther27{
	transform:scale(0.58);
}
.scaleBoxOther28{
	transform:scale(0.6);
}
.scaleBoxOther29{
	transform:scale(0.62);
}
.scaleBoxOther30{
	transform:scale(0.64);
}
.scaleBoxOther31{
	transform:scale(0.66);
}
.scaleBoxOther32{
	transform:scale(0.68);
}
.scaleBoxOther33{
	transform:scale(0.7);
}
.scaleBoxOther34{
	transform:scale(0.72);
}
.scaleBoxOther35{
	transform:scale(0.74);
}
.scaleBoxOther36{
	transform:scale(0.76);
}
.scaleBoxOther37{
	transform:scale(0.78);
}
.scaleBoxOther38{
	transform:scale(0.8);
}
.scaleBoxOther39{
	transform:scale(0.82);
}
.scaleBoxOther40{
	transform:scale(0.84);
}
.scaleBoxOther41{
	transform:scale(0.86);
}
.scaleBoxOther42{
	transform:scale(0.88);
}
.scaleBoxOther43{
	transform:scale(0.9);
}
.scaleBoxOther44{
	transform:scale(0.92);
}
.scaleBoxOther45{
	transform:scale(0.94);
}
.scaleBoxOther46{
	transform:scale(0.96);
}
.scaleBoxOther47{
	transform:scale(0.98);
}
.scaleBoxOther48{
	transform:scale(1);
}
/* end of others images and div scale*/
.choose-title{
	margin-top:50px
}
.margtop{
	margin-top:50px;
}
.publicites{
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	flex-wrap:wrap;
	margin:45px auto 45px auto;
	width:970px;
}
.img-pub{
	width:320px;
	margin:auto;
}
.choose-area .choose-button a {
	text-transform:none;
	position:relative;
	z-index:999;
}
.service-area{
	animation-duration: 1.0s;
  	animation-name: topslide;
}
@keyframes topslide {
	0% {
	  transform:translateY(-600px);
	}
	100% {
		transform:translateY(0);
	}
}
.service-area .section-title .sub-title p{
	font-size:2rem;
	width:60%;
	margin:0 auto 0;
}
.p_anim{
	animation-duration: 1.0s;
	animation-name: leftslide;
}
@keyframes leftslide {
	0% {
	  transform:translateX(-400px);
	}
	100% {
		transform:translateX(0);
	}
}
.experience-area .experience-titles h3{
	color: #0b5260;
}
.owl-carousel .owl-item img{
	width:105px;
}
.testi-mo-p{
	text-align:left;
}
.horse-row{
	width:1400px;
	margin:auto;
}
.horse-run{
	z-index:5;
	width:120px;
	height:80px;
	margin-top:60px;
	animation-duration: 3s;
	animation-name: courseCheval;
	animation-iteration-count: infinite;
}
.poteau-arrivee{
	width:200px;
	height:200px;
	position:relative;
	left:1040px;
	animation-duration: 3s;
	animation-name: PoteauDontMove;
	animation-iteration-count: infinite;
	opacity:0.7;
}
.coupe-arrivee{
	width:150px;
	height:150px;
	position:relative;
	left:990px;
	z-index:6;
	rotate: 0deg;
	animation-duration: 3s;
	animation-name: coupeArrival;
	animation-iteration-count: infinite;
}
@keyframes courseCheval {
	0% {
	  margin-left:0;
	  opacity:1;
	}
	80% {
		opacity:1;
	}
	100% {
	  margin-left:80%;
	  opacity:0;
	}
}
@keyframes PoteauDontMove {
	0% {
	  margin-left:0;
	  opacity:1;
	  z-index:1;
	}
	80% {
		opacity:1;
		z-index:1;
	}
	100% {
	  margin-left:-80%;
	  opacity:0;
	  z-index:0;
	}
}
@keyframes coupeArrival {
	0% {
	  margin-left:-120px;
	  opacity:1;
	  z-index:3;
	  scale:0.5;
	}
	10%{
		opacity:0;
		z-index:3;
	}
	70% {
		opacity:0;
		z-index:3;
		rotate:-22.5deg;
		scale: 0.85;
	}
	85% {
	  margin-left:-120px;
	  opacity:0.65;
	  z-index:3;
	}
	100%{
		margin-left:-120px;
		opacity:0.85;
		z-index:3;
		rotate:0deg;
		scale: 1;
	}
}
.container-produit{
    display:flex;
    justify-content:space-around;
    flex-wrap: wrap;
    margin:auto;
}
.product{
    width:340px;
    margin:auto auto auto auto;
    display: flex;
    justify-content: space-around;
}
.card{
	transition: transform .4s;
}
.card:hover{
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    transform: scale(1.1);
}
.card-title{
	min-height: 44px;
}
img{
	transition: transform .4s;
}
img:hover{
	transform:scale(1.1);
}
.blue{
	color:#0d6efd !important;
}
.text-div{
	color:#022254;
}
.row.upper12 h3{
	color: #e49c11;
}
.product .card{
	background-color:#ecf0f4;
}
@media (min-width: 1024px) and (max-width: 1400px) {
	@keyframes courseCheval {
		0% {
		  margin-left:0;
		  opacity:1;
		}
		80% {
			opacity:1;
		}
		100% {
		  margin-left:70%;
		  opacity:0;
		}
	}
	@keyframes PoteauDontMove {
		0% {
		  margin-left:0;
		  opacity:1;
		  z-index:1;
		}
		80% {
			opacity:1;
			z-index:1;
		}
		100% {
		  margin-left:-70%;
		  opacity:0;
		  z-index:0;
		}
	}
	@keyframes coupeArrival {
		0% {
		  margin-left:-120px;
		  opacity:1;
		  z-index:3;
		  scale:0.5;
		}
		10%{
			opacity:0;
			z-index:3;
		}
		70% {
			opacity:0;
			z-index:3;
			rotate:-22.5deg;
			scale: 0.85;
		}
		85% {
		  margin-left:-120px;
		  opacity:0.65;
		  z-index:3;
		}
		100%{
			margin-left:-120px;
			opacity:0.85;
			z-index:3;
			rotate:0deg;
			scale: 1;
		}
	}
	.service-area .section-title .sub-title p {
	font-size:33px;
	width:100%;
	}
	.service-area .main-title h1{
		font-size:80px;
		margin-top: -25px;
	}
	@keyframes leftslide {
		0% {
		  margin-left:-400px;
		}
		100% {
		  margin-left:0;
		}
	}
	.choose-area .container .img-tickets{
		width:460px;
		margin-top: 45px;
	}
	.choose-area .container .img-ticket1{
		width:445px;
	}
	.horse-row{
		width:1024px;
	}
	.poteau-arrivee{
		left:690px;
		width:120px;
		height:120px;
	}
	.coupe-arrivee{
		left:699px;
		width:120px;
		height:120px;
	}
	.testi-setion-area {
		padding: 100px 0 90px 42px;
	}
	.row.upper12 {
		padding-left:0;
		padding-right:29px;
	}
	.blog-area .blog-single-box .blog-thumb img {
		height:100%;
	}
	.sub-title-2 h2 {
		font-size:38px;
	}
	.sub-title-2 h2 {
		font-size:38px;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	@keyframes courseCheval {
		0% {
		  margin-left:0;
		  opacity:1;
		}
		80% {
			opacity:1;
		}
		100% {
		  margin-left:70%;
		  opacity:0;
		}
	}
	@keyframes PoteauDontMove {
		0% {
		  margin-left:0;
		  opacity:1;
		  z-index:1;
		}
		80% {
			opacity:1;
			z-index:1;
		}
		100% {
		  margin-left:-70%;
		  opacity:0;
		  z-index:0;
		}
	}
	@keyframes coupeArrival {
		0% {
		  margin-left:-120px;
		  opacity:1;
		  z-index:3;
		  scale:0.5;
		}
		10%{
			opacity:0;
			z-index:3;
		}
		70% {
			opacity:0;
			z-index:3;
			rotate:-22.5deg;
			scale: 0.85;
		}
		85% {
		  margin-left:-120px;
		  opacity:0.65;
		  z-index:3;
		}
		100%{
			margin-left:-120px;
			opacity:0.85;
			z-index:3;
			rotate:0deg;
			scale: 1;
		}
	}
	.service-area .section-title .sub-title p {
	font-size:28px;
	width:100%;
	}
	@keyframes leftslide {
		0% {
		  margin-left:-400px;
		}
		100% {
		  margin-left:0;
		}
	}
	.choose-area .container .img-tickets{
		width:360px;
		height:174px;
		margin-top: 45px;
	}
	.choose-area .choose-title h3 {
		font-size: 40px;
	}
	.choose-area .container .img-ticket1{
		width:345px;
	}
	.publicites{
		width:768px;
	}
	.choose-title{
		padding:20px
 	}
 	.horse-row{
		width:768px;
	}
	.horse-run{
		margin-top:35px;
	}
	.poteau-arrivee{
		left:436px;
		width:120px;
		height:120px;
	}
	.coupe-arrivee{
		left:376px;
		width:120px;
		height:120px;
	}
	.testi-setion-area {
		padding: 100px 0 90px 42px;
	}
	.row.upper12 {
		padding-left:0;
		padding-right:29px;
	}
	.blog-area .blog-single-box .blog-thumb img {
		height:100%;
	}
	.sub-title-2 h2 {
		font-size:38px;
	}
	.sub-title-2 h2 {
		font-size:38px;
	}
	.service-area .main-title h1 {
		font-size: 65px;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	@keyframes courseCheval {
		0% {
		  margin-left:0;
		  opacity:1;
		}
		80% {
			opacity:1;
		}
		100% {
		  margin-left:70%;
		  opacity:0;
		}
	}
	@keyframes PoteauDontMove {
		0% {
		  margin-left:0;
		  opacity:1;
		  z-index:1;
		}
		80% {
			opacity:1;
			z-index:1;
		}
		100% {
		  margin-left:-70%;
		  opacity:0;
		  z-index:0;
		}
	}
	@keyframes coupeArrival {
		0% {
		  margin-left:-120px;
		  opacity:1;
		  z-index:3;
		  scale:0.5;
		}
		10%{
			opacity:0;
			z-index:3;
		}
		70% {
			opacity:0;
			z-index:3;
			rotate:-22.5deg;
			scale: 0.85;
		}
		85% {
		  margin-left:-120px;
		  opacity:0.65;
		  z-index:3;
		}
		100%{
			margin-left:-120px;
			opacity:0.85;
			z-index:3;
			rotate:0deg;
			scale: 1;
		}
	}
	.service-area .section-title .sub-title p {
	font-size:28px;
	width:100%;
	}
	@keyframes leftslide {
		0% {
		  margin-left:-400px;
		}
		100% {
		  margin-left:0;
		}
	}
	.fl-end{
		display:flex;
		justify-content:center;
	}
	.img-ticket-opace{
		width:520px;
		height:481px;
		margin-bottom:45px;
	}
	.mg-autohi{
		padding:25px;
	}
	.experience-title h2 {
		font-size: 96px;
	}
	.experience-area .experience-titles h2 {
		font-size: 42px;
	}
	.experience-area .experience-titles h3 {
		font-size: 30px;
		letter-spacing: 0;
	}
	.choose-area .choose-button {
		margin-top: 35px;
		margin-bottom: 35px;
	}
	.choose-area .container .img-tickets{
		width:520px;
	}
	.sub-title-2{
		margin-top:120px;
	}
	.choose-area .choose-title h3 {
		font-size: 30px;
	}
	.choose-area .container .img-ticket1{
		width:500px;
		margin-bottom:75px;
	}
	.publicites{
		width:576px;
	}
	.img-pub{
		margin:auto auto 15px auto;
	}
	.horse-row{
		width:576px;
	}
	.horse-run{
		margin-top:15px;
	}
	.poteau-arrivee{
		left:287px;
		width:120px;
		height:120px;
		opacity:0.7;
	}
	.coupe-arrivee{
		left:287px;
		width:120px;
		height:120px;
	}
	.product{
        width:auto;
    }
    .container-produit{
        flex-direction:column;
    }
	.testi-setion-area {
		padding: 100px 0 90px 42px;
	}
	.row.upper12 {
		padding-left:0;
		padding-right:29px;
	}
	.service-area .main-title h1 {
		font-size: 65px;
	}
}
@media (min-width: 320px) and (max-width: 575px) {
	@keyframes courseCheval {
		0% {
		  margin-left:0;
		  opacity:1;
		}
		80% {
			opacity:1;
		}
		100% {
		  margin-left:70%;
		  opacity:0;
		}
	}
	@keyframes PoteauDontMove {
		0% {
		  margin-left:0;
		  opacity:1;
		  z-index:1;
		}
		80% {
			opacity:1;
			z-index:1;
		}
		100% {
		  margin-left:-70%;
		  opacity:0;
		  z-index:0;
		}
	}
	@keyframes coupeArrival {
		0% {
		  margin-left:-120px;
		  opacity:1;
		  z-index:3;
		  scale:0.5;
		}
		10%{
			opacity:0;
			z-index:3;
		}
		70% {
			opacity:0;
			z-index:3;
			rotate:-22.5deg;
			scale: 0.85;
		}
		85% {
		  margin-left:-120px;
		  opacity:0.65;
		  z-index:3;
		}
		100%{
			margin-left:-120px;
			opacity:0.85;
			z-index:3;
			rotate:0deg;
			scale: 1;
		}
	}
	#myModal{
		height:517px;
	}
	p{
		line-height:1.4;
	}
	.service-area .section-title .sub-title p {
	font-size:30px;
	width:100%;
	}
	.fildariane{
		margin: 0px auto auto auto;
	}
	.service-area{
		margin:-70px auto -44px auto;
	}
	@keyframes leftslide {
		0% {
		  margin-left:-400px;
		}
		100% {
		  margin-left:0;
		}
	}
	.fl-end{
		display:flex;
		justify-content:center;
	}
	.img-ticket-opace{
		width:320px;
		height:295px;
		margin-bottom:45px;
	}
	.experience-area .experience-titles {
		margin-top: -33px;
	}
	.experience-title h2 {
		font-size: 70px;
	}
	.experience-area .experience-titles h2 {
		font-size: 27px;
	}
	.experience-area .experience-titles h3 {
		font-size: 17px;
		letter-spacing: 0;
	}
	.margtop{
		margin-top:5px;
	}
	.choose-area .choose-button {
		margin-top: 35px;
		margin-bottom: 35px;
	}
	.choose-area .container .img-tickets{
		width:100%;
		height:100%;
	}
	.choose-area .container .img-ticket1 {
		margin-bottom: -15px;
		margin-top: 5px;
	}
	.service-area.single-service-box{
		margin-right:0;
	}
	.experience-title h2{
		font-size: 64px;
	}
	.h2-options{
		font-size:80px;
	}
	.section-title .sub-title h3 span{
		font-size:55px;
	}
	.p-0{
		padding-left:25px!important;
	}
	.sub-title-2{
		margin-top:20px;
	}
	.choose-area .choose-title h3 {
		font-size: 30px;
	}
	.cht2{
		margin-top:-15px;
	}
	.cht3{
		margin-top:-35px;
	}
	.tab-area ul.tabs{
		margin: 0 auto 11px auto;
	}
	.tab-area ul.tabs li{
		margin: 0 10px 0 10px;
	}
	.tab-area .tab_content {
		padding: 23px 0 0 0;
	}
	.service-area .main-title h1{
		font-size:37px;
	}
	.publicites{
		width:320px;
		margin-bottom:-20px;
	}
	.img-pub{
		margin:auto auto 15px auto;
	}
	.testi-setion-area {
		padding: 0;
	}
	.owl-dots{
		margin-top:0;
	}
	.blog-area{
		padding:0 0 70px;
	}
	.owl-carousel .owl-stage-outer {
		margin-bottom: -50px;
	}
	.centermt{
		margin:-40px auto auto auto;
	}
	.testimonial-area{
		padding:0 0 65px;
	}
	.testimonial-area .row.abc {
		padding: 0 0 35px;
	}
	.chbtctrm{
		margin-top:55px;
		margin-bottom:-45px;
	}
	.horse-row{
		width:360px;
	}
	.horse-run{
		margin-top:10px;
	}
	.poteau-arrivee{
		left:140px;
		width:80px;
		height:80px;
	}
	.coupe-arrivee{
		left:184px;
		width:80px;
		height:80px;
	}
	.product{
		max-width: 265px;
    }
    .container-produit{
        flex-direction:column;
    }
	@keyframes topslide {
		0% {
		  margin-top:-500px;
		  margin-bottom:500px;
		}
		100% {
		  margin-top:-70px;
		  margin-bottom:-45px;
		}
	}
	.row.upper12 {
		padding-left:0;
	}
	.service-area .section-title .sub-title h2 {
		font-size:38px;
	}
	.sub-title-2 .h2-black-title{
		font-size:30px;
	}
	.pbm01{
		padding-left:0;
	}
	.blog-area .section-title .sub-title h2 {
		font-size:36px;
	}
	.blog-area .blog-single-box .blog-thumb img {
		height:100%;
	}
	.blog-area .section-title .sub-title p {
		padding: 0 10px 5px;
		text-align:left;
	}
}