/*===================================================================*/
/*==================== @author Alexandre Lapoux =====================*/
/*=============== @editor Octopoos - www.octopoos.com ===============*/
/*==== @copyright (C) 2009 - 2017 OCTOPOOS. All Rights Reserved. ====*/
/*===================================================================*/
.tm-supermain.uk-clearfix > .uk-container{max-width:100%;}
#chart_div{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto;}
.uk-counter .counter-anim .uk-panel-title{padding:0;}
.uk-counter .uk-counter-hidden{display:none;}
.uk-counter .uk-flex-grid{position:relative;}
.uk-counter .counter-anim{z-index:1;position:relative;bottom:-3px;}
.uk-counter .counter-bg{height:400px;background-size:cover;position:relative;z-index:2;}
.uk-counter .counter-bg::before{content: "";background:linear-gradient(90deg,rgba(11,141,175,1) 0%,rgba(149,193,31,1) 100%);position:absolute;width:100%;height:100%;top:0;left:0;}
.uk-counter .counter-bg .counter-title{display:block;color:#fff;font-size:40px;text-align:center;line-height:46px;padding-bottom:32px;margin:0;}
.uk-counter .counter-bg .counter-title .counter{color:#fff;width:100%;display:block;text-align:center;font-size:104px;line-height:120px;padding:0 32px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.uk-counter .counter-bg .counter-title.counter-title.spe{padding:0;}
.uk-counter .counter-detail{margin-top:32px;position:relative;}
.uk-counter .counter-graph{background:#00B3DD;position:relative;margin:48px 0 0;}
.uk-counter .counter-graph h3{text-align:center;color:#fff;font-size:40px;line-height:46px;padding:32px 16px;}
.uk-counter .counter-graph h3::before{content:"";width:0;height:0;border-style:solid;border-width:32px 32px 0 32px;border-color:#00B3DD transparent transparent transparent;position:absolute;top:100%;left:50%;z-index:3;margin-left:-32px;}
.uk-counter .uk-counter-box{background:#95C11F;display:block;color:#fff;padding:16px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;}
.uk-counter .counter{font-size:40px;line-height:44px;display:block;text-align:center;}
.uk-counter .uk-counter-box-green{background:#95C11F;}
.uk-counter .uk-counter-box-black{background:#373737;}
.uk-counter .circle{border:4px solid #95C11F;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;text-transform:uppercase;color:#95C11F;font-size:22px;font-weight:bold;line-height:63px;text-align:center;vertical-align:middle;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;width:72px;height:72px;background:#fff;position:relative;top:-10px;}
.uk-counter .octo-dechets{color:#95C11F;font-size:100px;line-height:60px;position:relative;display:block;}
.uk-counter .octo-eiffel,.uk-counter .octo-cables,.uk-counter .octo-barils{color:#373737;font-size:100px;line-height:110px;text-align:center;}
.uk-counter h2{font-size:18px;line-height:20px;margin:0;text-transform:uppercase;text-align:center;}
.uk-counter .graph-1{height:246px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;position:relative;}
.uk-counter h2.spe{padding-bottom:24px;}
.uk-counter .arrow-left{position:absolute;left:32px;top:50%;}
.uk-counter .arrow-right{position:absolute;right:0;top:50%;}
.uk-counter .arrow-big{position:absolute;right:50%;bottom:-100%;margin-right:-44px;z-index:1;}
.uk-counter .bg{display:block;background:#fff;position:relative;z-index:3;padding:0 0 32px 0;}
.anim-container{position:relative;}
.anim{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;}
.anim-under{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;}
.anim-bg{position:relative;z-index:2;}
.anim-rotate{-webkit-animation:rotation 2s infinite linear;animation:rotation 2s infinite linear;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;}
.anim-rotate-invert{-webkit-animation:rotation-invert 2s infinite linear;animation:rotation-invert 2s infinite linear;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;}
@-webkit-keyframes rotation{
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(359deg);}
}
@keyframes rotation{
	from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
	to{-webkit-transform:rotate(359deg);transform:rotate(359deg);}
}
@-webkit-keyframes rotation-invert{
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(-359deg);}
}
@keyframes rotation-invert{
	from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
	to{-webkit-transform:rotate(-359deg);transform:rotate(-359deg);}
}
.anim-turbine{-webkit-animation-duration:3.s;animation-duration:3s;top:71.3%;left:15.175%;position:absolute;width:3.2%;}
.anim-recyclage{-webkit-animation-duration:10s;animation-duration:10s;top:34.0%;left:63.3%;position:absolute;width:5.3%;}
.anim-petite-turbine{-webkit-animation-duration:5s;animation-duration:5s;top:59.1%;left:44.5%;position:absolute;width:1.8%;}
.anim-grande-turbine{-webkit-animation-duration:10s;animation-duration:10s;top:44.1%;left:46.3%;position:absolute;width:5%;}
.anim-cercle-a{-webkit-animation-duration:50s;animation-duration:50s;top:17%;left:11.0%;position:absolute;width:23%;}
.anim-cercle-b{-webkit-animation-duration:50s;animation-duration:50s;top:17%;left:36.2%;position:absolute;width:23%;}
.anim-cercle-c{-webkit-animation-duration:50s;animation-duration:50s;top:17%;left:60.3%;position:absolute;width:23%;}
.anim-marker{-webkit-animation:bounce 1.5s ease infinite alternate;animation:bounce 1.5s ease infinite alternate;position:absolute;top:27%;left:36.3%;width:5.2%;}
@-webkit-keyframes bounce{
	from{-webkit-transform:translateY(0);transform:translateY(0);}
	to{-webkit-transform:translateY(-20px);transform:translateY(-20px);}
}
@keyframes bounce{
	from{-webkit-transform:translateY(0);transform:translateY(0);}
	to{-webkit-transform:translateY(-20px);transform:translateY(-20px);}
}
#smoke{position:absolute;z-index:3;width:1px;height:160px;left:59.2%;bottom:49%;}
#smoke span{display:block;position:absolute;bottom:-25px;left:50%;margin-left:-20px;height:0px;width:0px;border:20px solid #96d0dd;border-radius:35px;left:-14px;opacity:0;transform:scale(0.1);}
@keyframes smokeL{
	0%{transform:scale(0.2) translate(0,0)}
	10%{opacity:1;transform:scale(0.2) translate(0,-5px)}
	100%{opacity:0;transform:scale(1) translate(-20px,-90px)}
}
@keyframes smokeR{
	0%{transform:scale(0.2) translate(0,0)}
	10%{opacity:1;transform:scale(0.2) translate(0,-5px)}
	100%{opacity:0;transform:scale(1) translate(20px,-90px)}
}
#smoke .s0{animation:smokeL 10s 0s infinite}
#smoke .s1{animation:smokeR 10s 1s infinite}
#smoke .s2{animation:smokeL 10s 2s infinite}
#smoke .s3{animation:smokeR 10s 3s infinite}
#smoke .s4{animation:smokeL 10s 4s infinite}
#smoke .s5{animation:smokeR 10s 5s infinite}
#smoke .s6{animation:smokeL 10s 6s infinite}
#smoke .s7{animation:smokeR 10s 7s infinite}
#smoke .s8{animation:smokeL 10s 8s infinite}
#smoke .s9{animation:smokeR 10s 9s infinite}
#smoke .s0 {bottom: -15px;left:-14px;opacity: 1;transform: scale(.15);}
#smoke .s1 {bottom: -15px;left:-40px;opacity: 1;transform: scale(.25);}
#smoke .s2 {bottom: -2px;left:-25px;opacity: 1;transform: scale(.25);}
#smoke .s3 {bottom: 6px;left:-46px;opacity: 1;transform: scale(.35);}
#smoke .s4 {bottom: 24px;left:-35px;opacity: 1;transform: scale(.15);}

@media screen\0,screen and (min-width:1824px){
}
@media screen\0,screen and (max-width:1280px){
}
@media screen\0,screen and (min-width:960px){
}
@media screen\0,screen and (max-width:959px){
}
@media screen\0,screen and (min-width:768px) and (max-width:959px){
}
@media screen\0,screen and (min-width:768px){
}
@media screen and (max-width:767px){
		.uk-counter .counter-bg{height:220px;}
	.uk-counter .counter-bg p{font-size:16px;line-height:20px;padding-bottom:0;margin:0;}
	.uk-counter .counter-bg p .counter{font-size:50px;line-height:77px;}
	.counter-detail{margin:16px 16px 0;}
	.uk-counter .graph-1{height:auto;}
	.uk-counter .arrow-big{display:none;}
	.uk-counter .counter-graph h3{font-size:24px;line-height:26px;padding:16px;}
	.uk-counter .arrow-left{top:-50px;}
	.uk-counter .arrow-right{top:auto;bottom:-32px;}
	.uk-counter .arrow-left,.uk-counter .arrow-right{left:50%;right:auto;z-index:4;margin-left:-16px;transform:rotate(90deg);}
	#smoke{display:none;}
	.uk-counter .counter-bg .counter-title {

	font-size: 16px;

	line-height: 18px;
	padding-bottom: 32px;
}
.uk-counter .counter-bg .counter-title .counter {

	font-size: 40px;
	line-height: 46px;
	padding: 0 32px;
}
}
@media screen\0,screen and (min-width:481px) and (max-width:767px){
}
@media screen\0,screen and (min-width:481px){
}
@media screen\0,screen and (max-width:480px){
}
@media screen\0,screen and (min-width:320px) and (max-width:480px){
}
@media screen\0,screen and (max-width:319px){
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){
}
@media only screen and (min-device-width:720px) and (max-device-width:1280px) and (orientation:landscape){
	.uk-counter.uk-counter-detail .counter-bg{height:300px;}
}