/**
** Home
*/

body {
	padding: 0;
}

.home .menu-container .nav-menu {
	background-color: transparent;
}

.wity-app.wity-app-home {
	height: 100%;
	color: white;
}

.section {
	position: relative;
	background-size: cover;
    background-position: center;
}

.section .slide {
	position: relative;
}

/**
** Section Menu
*/

.section-menu {
	width: 20px;
	position: fixed;
	top: 50%;
	left: -20px;
	z-index: 10;
	color: #ffffff;
	overflow: hidden;
	transition: width 0.4s, left 0.2s;
	transform: translate(0, -50%);
}

.section-menu.visible {
	left: 5px;
}

@media (min-width: 992px) {
	.section-menu.visible {
		left: 20px;
	}

	.section-menu:hover, .section-menu.opened {
		width: 250px;
	}
}

.section-menu .section-menu-inner {
	width: 250px;
}

.section-menu .aligner {
	width: 1px;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.section-menu .indicators {
	width: 250px;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	list-style: none;
}

.section-menu .indicators li {
	padding: 10px 0 10px 0;
	cursor: pointer;
}

.section-menu .indicators li a {
	color: white;
	text-decoration: none;
}

.section-menu .indicators li .bullet-point-container {
	display: inline-block;
	width: 16px;
	text-align: center;
	opacity: 0.5;
}

.section-menu .indicators li:hover .bullet-point-container,
.section-menu .indicators li.active .bullet-point-container {
	opacity: 1;
}

.section-menu .indicators li .bullet-point {
	display: inline-block;
	vertical-align: middle;
	border: 2px solid #ffffff;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.section-menu .indicators li:hover .bullet-point,
.section-menu .indicators li.active .bullet-point {
	width: 16px;
	height: 16px;
	background: white;
}

.section-menu .indicators li .indicator-text {
	opacity: 0.5;
	margin-left: 5px;
	text-transform: uppercase;
}

.section-menu .indicators li:hover .indicator-text {
	opacity: 1;
}

/**
** Section Intro
*/

.section.intro {
	color: white;
	background-image: url('../../../../themes/epoc/img/backgrounds/home.jpg');
}

.section.intro .slide.home {
	opacity: 1;
}

.section.intro .btn-scroll-container {
	max-width: 615px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 30;
}

.section.intro .btn-scroll-container .btn-scroll-box-container {
	width: 100%;
	padding-top: 28.94%; /* 615x178 px ratio */
	position: relative;
}

.section.intro .btn-scroll-box {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: url('../../../../themes/epoc/img/home/btn-scroll-bg.png');
	background-position: center bottom;
	background-size: 100% auto;
	background-repeat: no-repeat;
	text-align: center;
}

.section.intro .btn-scroll-box .btn-scroll {
	display: inline-block;
	height: 90%;
	margin: 10px auto 0 auto;
}

.section.intro .btn-scroll-box .btn-scroll img {
	width: auto;
	height: 100%;
}

.section.intro .welcome-col {
	font-size: 1.2vh;
	padding: 15px;
}

.section.intro .welcome-col .welcome-inner {
	text-align: center;
}

.section.intro .welcome-col .welcome-inner .logo-epoc {
	display: inline;
	max-width: 150px;
}

@media (min-width: 992px) {
	.section.intro .welcome-col {
		margin-left: 24%;
		font-size: 0.9vw;
		padding: 0;
	}

	.section.intro .welcome-col .welcome-inner {
		text-align: left;
		max-width: 570px;
		margin: auto;
	}

	.section.intro .welcome-col .welcome-inner .logo-epoc {
		width: 40%;
		max-width: initial;
		margin-left: -16px;
		margin-bottom: 70px;
		display: block;
	}
}

.section.intro .welcome-col .welcome-inner h1 {
	font-size: 2em;
	text-transform: none;
	font-weight: normal;
}

.section.intro .welcome-col .welcome-inner .highlight {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1;
	display: block;
	margin: 20px 0;
	text-transform: uppercase;
}

.section.intro .welcome-col .welcome-inner .rollover {
	position: relative;
}

.section.intro .welcome-col .welcome-inner .rollover .rollover-content {
	padding-top: 150px;
	opacity: 0;
	transition: opacity 0.5s;
}

.section.intro .welcome-col .welcome-inner .rollover .rollover-content.visible {
	opacity: 1;
}

.section.intro .welcome-col .welcome-inner .rollover .pun {
	font-family: Comfortaa, sans-serif;
	font-size: 3em;
}

.section.intro .sprites-col {
	height: 100%;
	text-align: center;
	display: flex;
}

.section.intro .sprites-col .sprites-inner {
	max-width: 600px;
	margin: auto;
	position: relative;
	flex: 1;
}

.section.intro .sprites-col .sprites-inner .sprite {
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 200% auto;
	display: block;
	position: absolute;
	animation-duration: 5s;
	animation-name: animateSprite;
	animation-iteration-count: infinite;
}

@keyframes animateSprite {
	
	0% { 
		background-position: right bottom;
	}

	19.99% {
		background-position: right bottom;
	}

	20% {
		background-position: left bottom;
	}

	99.99% {
		background-position: left bottom;
	}

	100% {
		background-position: right bottom;
	}
}

.section.intro .sprites-col .sprites-inner .sprite-daily-tasks {
	bottom: 16%;
	left: 0;
	width: 26.8817%;
	height: 70.1754%;
	background-image: url('../../../../themes/epoc/img/home/sprites/01-daily-tasks.png');
}

.section.intro .sprites-col .sprites-inner .sprite-genetic {
	bottom: 7.6%;
	left: 24%;
	width: 38.7098%;
	height: 83.9599%;
	background-image: url('../../../../themes/epoc/img/home/sprites/02-genetic.png');
	animation-delay: 1s;
}

.section.intro .sprites-col .sprites-inner .sprite-physical-activity {
	bottom: 2%;
	left: 31%;
	width: 39.1398%;
	height: 100%;
	background-image: url('../../../../themes/epoc/img/home/sprites/03-physical-activity.png');
	animation-delay: 2s;
}

.section.intro .sprites-col .sprites-inner .sprite-diet {
	bottom: 13%;
	left: 41%;
	width: 45.8065%;
	height: 72.1805%;
	background-image: url('../../../../themes/epoc/img/home/sprites/04-diet.png');
	animation-delay: 3s;
}

.section.intro .sprites-col .sprites-inner .sprite-treatments {
	bottom: 15%;
	left: 77%;
	width: 23.871%;
	height: 66.416%;
	background-image: url('../../../../themes/epoc/img/home/sprites/05-treatments.png');
	animation-delay: 4s;
}

.section.intro .sprites-col .sprites-inner .sprite.showSprite {
	background-position: right bottom;
}

.section.intro .sprites-col .sprites-inner .link {
	display: block;
	position: absolute;
}

.section.intro .sprites-col .sprites-inner .link-daily-tasks {
	bottom: 16%;
	left: 0;
	width: 25.5%;
	height: 70.2635%;
}

.section.intro .sprites-col .sprites-inner .link-genetic {
	bottom: 7.6%;
	left: 25.5%;
	width: 18%;
	height: 84.191%;
}

.section.intro .sprites-col .sprites-inner .link-physical-activity {
	bottom: 2%;
	left: 43.5%;
	width: 20%;
	height: 100%;
}

.section.intro .sprites-col .sprites-inner .link-diet {
	bottom: 13%;
	left: 63.5%;
	width: 19%;
	height: 72.02%;
}

.section.intro .sprites-col .sprites-inner .link-treatments {
	bottom: 17%;
	left: 82.5%;
	width: 17.5%;
	height: 65.872%;
}

/* Popup */
.epoc-popup {
	color: white;
	margin: 100px 30px 30px 30px;
	padding: 15px 15px 100px 15px;
	position: relative;
}

@media(max-width: 767px) {
	.epoc-popup {
		margin-top: 60px;
	}
}

.epoc-popup .shadow-top {
	background-image: url('../../../../themes/epoc/img/home/popup-bg-shadow-top.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% 39px;
	position: absolute;
	top: -39px;
	left: 0;
	right: 0;
	height: 39px;
}

.epoc-popup .shadow-left {
	background-image: url('../../../../themes/epoc/img/home/popup-bg-shadow-left.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 37px 100%;
	position: absolute;
	top: 0;
	left: -37px;
	bottom: 0;
	width: 37px;
}

.epoc-popup .background {
	background-image: url('../../../../themes/epoc/img/home/popup-bg-shadow.png');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: -10px;
	bottom: 0;
}

.epoc-popup .logo-epoc {
	margin-left: -10px;
}

.epoc-popup h2 {
	font-size: 1.2em;
	margin-bottom: 30px;
}

.epoc-popup .scroller {
	position: relative;
}

@media (max-width: 991px) {
	/* Hide btn scroll when popu is opened */
	.fp-viewing-intro-1 .box-btn-scroll {
		display: none;
	}
}

@media (min-width: 768px) {
	.epoc-popup .background {
		right: -40px;
		bottom: -40px;
	}

	.epoc-popup .shadow-top {
		left: -40px;
		right: -40px;
	}

	.epoc-popup .shadow-left {
		bottom: -40px;
	}
}

@media (min-width: 992px) {
	.epoc-popup {
		font-size: 0.95vw;
		position: absolute;
		top: 4%;
		left: 10%;
		right: 51%;
		bottom: 11%;
		z-index: 100;
		margin: 0;
		padding: 50px 6% 50px 50px;
	}
}

/**
** Section with interactions
*/

.section .section-icon {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	background: url('../../../../themes/epoc/img/icons/section-title-arrow-bg.png') center no-repeat;
	background-size: auto 100%;
	padding: 45px 0 35px 0;
}

.section .section-icon img {
	width: 120px;
	height: auto;
}

.section .section-icon.pinned {
	width: 60px;
	height: 60px;
	top: 105px;
	left: 35px;
	background: none;
	padding: 0;
}

.section .section-icon.pinned img {
	width: 60px;
}

.section .slide.title h3 {
	display: inline-block;
	font-weight: bold;
	font-size: 4.5vw;
	background: url('../../../../themes/epoc/img/icons/quotation-marks-left.png') left top no-repeat,
		url('../../../../themes/epoc/img/icons/quotation-marks-right.png') right top no-repeat;
	padding: 2% 4% 0 4%;
	background-size: 10px auto;
	text-transform: uppercase;
}

@media (min-width: 767px) {
	.section .slide.title h3 {
		background-size: 20px auto;
	}
}

@media (min-width: 992px) {
	.section .slide.title h3 {
		background-size: 30px auto;
	}
}

@media (min-width: 1200px) {
	.section .slide.title h3 {
		background-size: 40px auto;
	}
}

@media (max-width: 992px) {
	.section .section-icon {
		display: none;
	}
}

.section .section-content-inner {
	height: 100%;
	opacity: 0;
	overflow: hidden;
}

.section .section-content-inner.visible {
	opacity: 1;
}

.section .content .coming-soon {
	font-size: 1.4em;
}

.section .section-content-inner .illustrations-container .illustration {
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	display: flex;
	align-items: center;
}

.section .section-content-inner .illustrations-container .illustration img {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.section .section-content-inner .illustrations-container .illustration.after {
	opacity: 0;
}

/* Advice */
.section .section-content-inner .advice-container {
	padding: 15px;
}

.section .section-content-inner .advice {
	text-transform: uppercase;
	opacity: 0;
	align-self: center;
}

.section .section-content-inner .advice .btn-what-we-know {
	background: transparent;
	border: none;
}

.section .section-content-inner .advice .btn-what-we-know img {
	width: 80%;
	margin: auto;
}

@media (max-width: 992px) {
	.section .section-content-inner .illustrations-container {
		height: 50%;
		margin: 70px 30px 0 30px;
		position: relative;
	}

	.section .section-content-inner .advice-container {
		text-align: center;
		max-width: 400px;
		margin: auto;
		padding: 10px 30px 0 30px;
	}

	.section .section-content-inner .advice .btn-what-we-know img {
		max-width: 100px;
	}
}

@media (max-height: 600px) {
	.section .section-content-inner .illustrations-container {
		margin-top: 15px;
		margin-left: 40px;
		margin-right: 40px;
	}
}

@media (min-width: 992px) {
	.section .section-content-inner .illustrations-container {
		width: 60%;
		position: absolute;
		left: 0;
		right: 0;
		top: 110px;
		bottom: 110px;
		margin: auto;
	}

	.section .section-content-inner .advice-container {
		width: 20%;
		position: absolute;
		right: 0;
		top: 110px;
		bottom: 110px;
		display: flex;
	}
}

/* Slider */
.section .section-content-inner .footer-slider-container {
	width: 100%;
	height: 70px;
	position: absolute;
	bottom: 20px;
}

.section .section-content-inner .footer-slider-positionner {
	width: 100%;
	height: 70px;
	max-width: 1000px;
	margin: auto;
	padding: 0 20px;
}

.section .section-content-inner .footer-slider {
	position: relative;
	background-image: url('../../../../themes/epoc/img/home/sections/daily-tasks/dash-point.png');
	background-repeat: repeat-x;
	background-position: center;
}

.section .section-content-inner .footer-slider-inner {
	margin: 0 35px;
	position: relative;
	height: 70px;
}

.section .section-content-inner .footer-slider .progress {
	width: 0;
	height: 3px;
	top: 34px;
	left: 0;
	position: absolute;
	margin: 0;
}

.section .section-content-inner .footer-slider .slider-button {
	width: 70px;
	height: 70px;
	border: none;
	padding: 0;
	position: absolute;
	margin: 0 -35px;
	border-radius: 50%;
	border: 2px solid white;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	left: 0px;
}

.section .section-content-inner .footer-slider .line {
	height: 2px;
	top: 34px;
}

.section .section-content-inner .footer-slider .line.line-left {
	width: 400px;
	position: absolute;
	left: -414px;
	background-repeat: no-repeat;
}

.section .section-content-inner .footer-slider .line.line-right {
	width: 400px;
	position: absolute;
	right: -414px;
	background-repeat: no-repeat;
}

.section .section-content-inner .footer-slider .extremity {
	width: 14px;
	height: 14px;
	border: 2px solid white;
	border-radius: 50%;
	position: absolute;
}

.section .section-content-inner .footer-slider .extremity.extremity-left {
	top: 28px;
	left: -14px;
}

.section .section-content-inner .footer-slider .extremity.extremity-right {
	top: 28px;
	right: -14px;
}

@media(max-width: 767px) {
	.section .section-content-inner .footer-slider-container {
		height: 40px;
		bottom: 5px;
	}

	.section .section-content-inner .footer-slider-positionner {
		height: 40px;
	}

	.section .section-content-inner .footer-slider-inner {
		margin: 0 20px;
		height: 40px;
	}

	.section .section-content-inner .footer-slider .progress {
		top: 19px;
	}

	.section .section-content-inner .footer-slider .slider-button {
		width: 40px;
		height: 40px;
		margin: 0 -20px;
	}

	.section .section-content-inner .footer-slider .line {
		top: 19px;
	}

	.section .section-content-inner .footer-slider .extremity.extremity-left,
	.section .section-content-inner .footer-slider .extremity.extremity-right {
		top: 13px;
	}
}

/* What we know */
.section .section-what-we-know {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	opacity: 0;
}

.section .section-what-we-know.visible {
	opacity: 1;
}

.section .section-what-we-know .container-fluid,
.section .section-what-we-know .row,
.section .section-what-we-know .illustrations-container {
	height: 100%;
}

.section .section-what-we-know .illustration {
	position: absolute;
	left: 70px;
	top: 70px;
	bottom: 70px;
	right: 20px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.section .section-what-we-know .btn-what-we-know img {
	display: block;
	width: 80%;
	padding: 5% 20% 5% 10%;
}

.section .section-what-we-know .popup-container {
	height: 100%;
	overflow: auto;
	padding: 40px;
}

.section .section-what-we-know .popup {
	position: relative;
	padding: 30px 50px 50px 50px;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 30px;
}

.section .section-what-we-know .popup h4 {
	margin-bottom: 30px;
	font-size: 1.2em;
}

.section .section-what-we-know .popup .popup-title {
	font-family: Comfortaa, sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 30px;
}

.section .section-what-we-know .popup .popup-subtitle {
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.section .section-what-we-know .popup .btn-close {
	background-repeat: no-repeat;
	background-color: inherit;
	background-position: center;
	background-size: 100% auto;
	width: 120px;
	height: 40px;
	border: none;
	border-color: transparent;
}

.section .section-what-we-know .popup .graph .col-graph img {
	margin: 0 auto 20px auto;
}

.section.diet .section-what-we-know .popup .graph .col-graph img {
	margin-bottom: 50px;
}

.section .section-what-we-know .popup .popup-table {
	margin-bottom: 30px;
}

.section .section-what-we-know .popup .popup-table .popup-table-titles {
	margin-bottom: 10px;
}

.section .section-what-we-know .popup .popup-table .popup-table-titles .col-title {
	padding-left: 5px;
	padding-right: 5px;
}

.section .section-what-we-know .popup .popup-table .popup-table-titles .title {
	line-height: 60px;
	background-image: url('../img/popups/treatments/graph2-header-bg.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-align: center;
	font-size: 0.9vw;
}

.section .section-what-we-know .popup .popup-table .popup-table-titles .title .inner {
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
}

.section .section-what-we-know .popup .popup-table .popup-table-line {
	background-image: url('../img/popups/table-line-bg.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 15px;
	margin-bottom: 10px;
}

.section.treatments .section-what-we-know .popup .popup-table .popup-table-line .col-icon {
	text-align: center;
}

.section .section-what-we-know .popup .information {
	display: flex;
	font-size: 0.8em;
	margin-bottom: 50px;
}

.section .section-what-we-know .popup .information .icon {
	display: flex;
	border-right: 1px solid white;
	justify-content: center;
	flex-direction: column;
	padding-right: 5px;
	margin-right: 15px;
}

.section .section-what-we-know .popup .information .content img {
	margin-right: 10px;
	margin-bottom: 2px;
}

.section .section-what-we-know .popup .downloads {
	display: flex;
}

.section .section-what-we-know .popup .downloads .icon {
	margin-right: 10px;
}

.section .section-what-we-know .popup .downloads .document-icon.pdf {
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.section .section-what-we-know .popup .downloads .icon {
		display: none;
	}
}

@media (max-width: 992px) {
	.section .section-what-we-know .popup-container {
		padding: 60px 30px 30px 30px;
	}

	.section .section-what-we-know .popup-container .popup {
		padding: 30px 15px 30px 15px;
	}
}

.section .section-what-we-know .popup .item .row {
	margin-bottom: 30px;
}

.section .section-what-we-know .popup .item .col-img {
	padding: 0;
}

.section .section-what-we-know .popup .item .col-img img {
	margin: 15px auto 0 auto;
}

.section .section-what-we-know .popup .item h4,
.section .section-what-we-know .popup .item h5 {
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 20px;
}

.section .section-what-we-know .popup .item p {
	font-size: 0.85em;
}

.section .section-what-we-know .popup .item ul {
	margin: 0;
	padding-left: 15px;
}

/* Eraser effect */
.section .section-content-inner.eraser .canvas-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}

.section .section-content-inner.eraser .canvas {
	max-width: 100%;
	max-height: 100%;
}

.section .section-content-inner.eraser .canvas-before {
	position: absolute;
	z-index: 1;
}

.section .section-content-inner.eraser .illustrations-container .hand {
	width: 42%;
	height: auto;
	position: absolute;
	left: 65%;
	top: 40%;
	z-index: 2;
	pointer-events: none;
	cursor: pointer;
}

/*
** Customization for each interaction
*/

/* Daily tasks */
.section.daily-tasks { background-image: url('../../../../themes/epoc/img/backgrounds/daily-tasks.jpg'); }
.section.daily-tasks .footer-slider .progress { background-color: #45f0df; }
.section.daily-tasks .footer-slider .line-left { background-image: url('../../../../themes/epoc/img/home/sections/daily-tasks/left-gradient.png'); }
.section.daily-tasks .footer-slider .line-right { background-image: url('../../../../themes/epoc/img/home/sections/daily-tasks/right-gradient.png'); }
.section.daily-tasks .footer-slider .extremity { background: #45f0df; }
.section.daily-tasks .footer-slider .slider-button { background-color: #45f0df; background-image: url('../../../../themes/epoc/img/home/sections/daily-tasks/arrow-scroll.png'); }
.section.daily-tasks .section-what-we-know .popup { background-color: #2fb4b2; }
.section.daily-tasks .section-what-we-know .popup .btn-close { background-image: url('../../../../themes/epoc/img/home/sections/daily-tasks/back.png'); }
.section.daily-tasks .section-what-we-know .illustration { background-image: url('../../../../themes/epoc/img/home/sections/daily-tasks/details.png'); }

/* Treatment */
.section.treatments { background-image: url('../../../../themes/epoc/img/backgrounds/treatments.jpg'); }
.section.treatments .footer-slider .progress { background-color: #58bfe8; }
.section.treatments .footer-slider .line-left { background-image: url('../../../../themes/epoc/img/home/sections/treatments/left-gradient.png'); }
.section.treatments .footer-slider .line-right { background-image: url('../../../../themes/epoc/img/home/sections/treatments/right-gradient.png'); }
.section.treatments .footer-slider .extremity { background: #64d7ff; }
.section.treatments .footer-slider .slider-button { background-color: #64d7ff; background-image: url('../../../../themes/epoc/img/home/sections/treatments/arrow-scroll.png'); }
.section.treatments .section-what-we-know .popup { background-color: #348bbf; }
.section.treatments .section-what-we-know .popup .btn-close { background-image: url('../../../../themes/epoc/img/home/sections/treatments/back.png'); }
.section.treatments .section-what-we-know .illustration { background-image: url('../../../../themes/epoc/img/home/sections/treatments/details.png'); }

/* Genetic */
.section.genetic { background-image: url('../../../../themes/epoc/img/backgrounds/genetic.jpg'); }
.section.genetic .section-content .advice { opacity: 1; }
.section.genetic .section-what-we-know .popup { background-color: #e14f5f; }
.section.genetic .section-what-we-know .popup .btn-close { background-image: url('../../../../themes/epoc/img/home/sections/genetic/back.png'); }
.section.genetic .section-what-we-know .illustration { background-image: url('../../../../themes/epoc/img/home/sections/genetic/details.png'); }

/* Physical activity */
.section.physical-activity { background-image: url('../../../../themes/epoc/img/backgrounds/physical-activity.jpg'); }
.section.physical-activity .footer-slider .progress { background-color: #00ffce; }
.section.physical-activity .footer-slider .line-left { background-image: url('../../../../themes/epoc/img/home/sections/physical-activity/left-gradient.png'); }
.section.physical-activity .footer-slider .line-right { background-image: url('../../../../themes/epoc/img/home/sections/physical-activity/right-gradient.png'); }
.section.physical-activity .footer-slider .extremity { background: #00cca5; }
.section.physical-activity .footer-slider .slider-button { background-color: #00cca5; background-image: url('../../../../themes/epoc/img/home/sections/physical-activity/arrow-scroll.png'); }
.section.physical-activity .section-what-we-know .popup { background-color: #00907c; }
.section.physical-activity .section-what-we-know .popup .btn-close { background-image: url('../../../../themes/epoc/img/home/sections/physical-activity/back.png'); }
.section.physical-activity .section-what-we-know .illustration { background-image: url('../../../../themes/epoc/img/home/sections/physical-activity/details.png'); }

/* Diet */
.section.diet { background-image: url('../../../../themes/epoc/img/backgrounds/diet.jpg'); }
.section.diet .footer-slider .progress { background-color: #ffe783; }
.section.diet .footer-slider .line-left { background-image: url('../../../../themes/epoc/img/home/sections/diet/left-gradient.png'); }
.section.diet .footer-slider .line-right { background-image: url('../../../../themes/epoc/img/home/sections/diet/right-gradient.png'); }
.section.diet .footer-slider .extremity { background: #ffe783; }
.section.diet .footer-slider .slider-button { background-color: #ffe783; background-image: url('../../../../themes/epoc/img/home/sections/diet/arrow-scroll.png'); }
.section.diet .section-what-we-know .popup { background-color: #ffc064; }
.section.diet .section-what-we-know .popup .btn-close { background-image: url('../../../../themes/epoc/img/home/sections/diet/back.png'); }
.section.diet .section-what-we-know .illustration { background-image: url('../../../../themes/epoc/img/home/sections/diet/details.png'); }

/* Footer section */

.section.footer {
	background: white;
}

.section.footer .section-footer-inner {
	min-height: 100%;
}

.section.footer #page-footer {
	width: 100%;
}

.section.footer .title-arrow {
	min-height: 120px;
	background-image: url('../../../../themes/epoc/img/home/footer/title-arrow.png');
	padding-top: 35px;
}

.section.footer .box-blue {
	padding: 50px 15px 0 15px;
}

.section.footer .bird-big {
	width: 180px;
	position: absolute;
	top: -20px;
	right: -50px;
}

.section.footer .bird-small {
	width: 50px;
	position: absolute;
	top: 150px;
	left: -30px;
}

.section.footer .link {
	margin-bottom: 10px;
	display: block;
	text-transform: uppercase;
	color: white;
}

@media (max-width: 992px) {
	.section.footer .title-arrow {
		font-size: 5vw;
	}
}

@media (min-width: 992px) {
	.section.footer .section-footer-inner {
		padding-bottom: 250px;
	}

	.section.footer .box-blue {
		padding: 50px 50px 0 50px;
	}

	.section.footer .link {
		margin-bottom: 50px;
	}

	.section.footer #page-footer {
		position: absolute;
		bottom: 0;
	}
}

.section.footer .link:hover {
	text-decoration: none;
}

.section.footer .link:hover .text {
	text-decoration: underline;
}

.section.footer .link .icon {
	width: 50px;
	height: 50px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.section.footer .link.qui-sommes-nous .icon { background-image: url('../../../../themes/epoc/img/home/footer/qui-sommes-nous-icon.png')}
.section.footer .link.temoignages .icon { background-image: url('../../../../themes/epoc/img/home/footer/temoignages-icon.png')}
.section.footer .link.programme-epoc .icon { background-image: url('../../../../themes/epoc/img/home/footer/programme-epoc-icon.png')}
.section.footer .link.outils-epoc .icon { background-image: url('../../../../themes/epoc/img/home/footer/outils-epoc-icon.png')}
.section.footer .link.opinions-craintes .icon { background-image: url('../../../../themes/epoc/img/home/footer/opinions-craintes-icon.png')}
.section.footer .link.actualites .icon { background-image: url('../../../../themes/epoc/img/home/footer/actualites-icon.png')}

.section.footer .link .text {
	display: inline-block;
	vertical-align: middle;
}

/**
** Carousel
*/

.fp-slidesContainer {
	transform: none !important;
}

.slide.fp-slide {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 0;
	transition: all .7s ease-in-out;
}

.slide.fp-slide.active {
	opacity: 1;
	z-index: 1;
}