/********************************************************************************************/
/* Background-cover utility
/********************************************************************************************/
.background-cover-wrap {

	position: absolute;
        top: 0;
        left: 0;
	width: 100%;
	height: 100%;
	background: #0C0C0C;
}
.background-cover-wrap + .content {
  color: #FFF;
}
.background-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-position: center;
  background-size: cover;
	opacity: 0.75;
}
.background-cover-wrap .background-cover {
	top: -50px;
	height: calc(100% + 200px);
}
@media screen and (max-width: 768px) {
	.background-cover-wrap .background-cover {
		top: 0;
		height: 100%;
	}
}
/********************************************************************************************/
/* vertical-align utility
/********************************************************************************************/
.vertical-align-wrap {
  position: absolute;
	top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: table;
  z-index: 1;
  background: transparent;
  /*padding-right: 50px;*/
}
.vertical-align {
  display: table-cell;
  background: transparent;
}

.vertical-align--middle {
  vertical-align: middle;
}

.vertical-align--bottom {
  vertical-align: bottom;
}

/********************************************************************************************/
/* Boutons
/********************************************************************************************/
button {
	background: transparent;
	padding: 0;
  border: 0;
	border-radius: 0;
}
.btn, .btn-disabled {
  width: auto;
  display: inline-block;
  font-weight: 700;
	letter-spacing: 1px;
  font-size: 0.7rem;
  font-family: sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  overflow: hidden;
  padding: 0.7rem 2rem;
  background: transparent;
  border: solid 2px #FFF;
  color: #FFF;
  box-sizing: border-box;
  transition: 0.5s cubic-bezier(0.57, 0.21, 0.41, 1.01);
  -webkit-backface-visibility: hidden;
	white-space: normal;
	border-radius: 0;
	background-clip: padding-box;
	z-index: 0;
}
/* Chrome fix */
.chrome .btn, .chrome .btn-disabled {
  display: inline-table;
}
.btn i {
	font-size: 1.5em;
	margin-right: 7.5px;
	vertical-align: -3px;
}
.btn:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: -1px;
  bottom: -1px;
  left: 0;
  right: 0;
  background-color: #ec0928;
  transform: translateX(100%);
  transition: 0.5s cubic-bezier(0.57, 0.21, 0.41, 1.01);
}
.btn:hover {
  color: #FFF;
}
.btn:hover:before {
  transform: translateX(0%);
}

.btn.btn-red, .btn-red-disabled {
  color: white;
  background: #ec0928;
  border: solid 2px #ec0928;
}
.btn.btn-red:before {
  background-color: #FFF !important;
}
.btn.btn-red:hover {
  color: #ec0928;
  border: solid 2px #FFF;
}

.btn.btn-black, .btn-black-disabled {
  color: #000;
  background: transparent;
  border: solid 2px black;
}
.btn.btn-black:before {
  background-color: #ec0928 !important;

}
.btn.btn-black:hover {
  color: #FFF;
  border-color: #ec0928 !important;
}
.history .btn.btn-black,
.btn.btn-transparent,
.btn-transparent-disabled {
  color: #FFF;
  background: transparent;
  border: solid 2px #FFF;
}
.history .btn.btn-black:before,
.btn.btn-transparent:before {
  background-color: #ec0928 !important;
}
.history .btn.btn-black:hover,
.btn.btn-transparent:hover {
  color: #FFF;
  border-color: #ec0928;
}

.btn-more {
	font-size: 1.5rem;
	text-transform: uppercase;
}
.btn-more span, .btn-more i {
	font-size: 2rem;
	margin-left: 1rem;
	vertical-align: -6px;
	-ms-transform: rotate(70deg); /* IE 9 */
  -webkit-transform: rotate(70deg); /* Chrome, Safari, Opera */
  transform: rotate(70deg);
}
.btn-more:hover span, .btn-more:hover i {
	vertical-align: -6px;
}
/********************************************************************************************/
/* Slick Arrow
/********************************************************************************************/
.slider-arrow {
	margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .slider-arrow {
    margin-left: 1rem;
  }

}



.slider-arrow button::before {
  display: none !important;
}

.slider-arrow button {
  font-size: 0;
  margin: 0;
  position: initial;
  display: inline-block;
  text-align: left;
  height: auto;
	margin-right: 1rem;
	margin-left: 0;
	width: auto;
	transition: opacity 0.2s ease-in-out;
}
#yesterday-container .slider-arrow button {
	margin-right: 0;
	margin-left: 1rem;
}

.slider-arrow button span {
  font-size: 3rem;
  color: #282828;
}
.history .slider-arrow button span {
  font-size: 3rem;
  color: #FFF;
}

.slider-arrow button.arrow-hidden {
	opacity: 0;
	pointer-events: none;
}

/********************************************************************************************/
/* Font Size
/********************************************************************************************/
.fontbig { font-size: 7rem;line-height: 6rem;}
.fontbigmobile { font-size: 6rem;line-height: 5rem;}
.font80 { font-size: 5rem;line-height: 4rem;}
.font64 { font-size: 4rem;line-height: 3.5rem;}
.font56 { font-size: 3.5rem;line-height: 3rem; }
.font50 { font-size: 3.125rem;line-height: 3rem; }
.font40 { font-size: 2.5rem;line-height: 2.5rem;}
.font32 { font-size: 2rem; }
.font28 { font-size: 1.750rem;line-height: 1.750rem; }
.font24 { font-size: 1.5rem; }
.font20 { font-size: 1.3rem;line-height: 1.5rem; }
.font18 { font-size: 1.125rem; line-height: 1.875rem; }
.font16 { font-size: 1rem; line-height: 1.6em;}
.font14 { font-size: 0.875em }
.font10 { font-size: 0.6rem }
.font8 	{ font-size: 0.5rem; }
.cover-sup20 { font-size: 7rem !important; line-height: 1em; }
.cover-sup40 { font-size: 6rem !important; line-height: 1em; }
.cover-sup50 { font-size: 5rem !important; line-height: 1em; }
@media (max-width: 1200px) {
  .fontbig {
		font-size: 4rem;line-height: 4rem;
	}
	.cover-sup20 { font-size: 5rem !important; line-height: 5rem; }
}
@media (max-width: 767px) {
  .fontbig {
		font-size: 2.6rem;line-height: 2.6rem;
	}
	.cover-sup20 { font-size: 3rem !important; line-height: 1em; }
	.cover-sup40 { font-size: 3rem !important; line-height: 1em; }
	.cover-sup50 { font-size: 3rem !important; line-height: 1em; }
	.font80 { font-size: 3rem;line-height: 2.7rem;}
	.font50 { font-size: 2rem;line-height: 2rem; }
	.font56 { font-size: 2rem;line-height: 2rem; }
}


.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }

.light 			{ font-weight: 200; }
.bold 			{ font-weight: 700; }
.extrabold 	{ font-weight: 900; }

.padding-small { padding-bottom: 0.25rem; }

.letter-spacing3 { letter-spacing: 3px; }
.letter-spacing2 { letter-spacing: 2px; }
.letter-spacing1 { letter-spacing: 1px; }
.letter-spacing05 { letter-spacing: 0.5px; }
/********************************************************************************************/
/* Color
/********************************************************************************************/
.bg-beige 		{ background-color: #f8f7f4; }
.bg-black			{ background-color: #0c0c0c; }
.bg-white			{ background-color: #FFF; }
.color-red 		{ color: #ec0928; }
.color-beige 	{ color: #f3f1ea; }
.color-white 	{ color: #FFF; }
.color-black 	{ color: #000; }
.color-grey 	{ color: #565656 !important; }
/********************************************************************************************/
/* social-list snippet
/********************************************************************************************/
.social-list {
	display: inline-block;
	font-size: 0;
}
.social-list ul {
	font-size: 0;
	line-height: 100%;
}
.social-list li {
  border-radius: 50%;
  vertical-align: middle;
	background: #FFF;
	display: inline-block;
	font-size: 1rem;
	margin: 0 0.25rem;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
}
/* fix FIREFOX IE */
.social-list li a span{
  display: block;
  line-height: 2rem;
}
.social-list li a {
  display: inline-block;
  vertical-align: middle;
	text-align: center;
	line-height: 2.5rem;
	width: 100%;
	height: 100%;
}
.social-list li a [class^="icon-"] {
  transition: all .3s;
}
.social-list li a:hover  [class^="icon-"]{
  color: #ec0928;
}
.tools .social-list ul li {

}

.history-opened .social-list ul li {
  background: #282828;
}
.history-opened .social-list ul li [class^="icon-"]{
  color: #FFF;
}