html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	background: #e4edf2;
	font-size: 16px;
	line-height: 1.5;
	font-family: "Roboto Condensed", Arial, sans-serif;
	color: #555;
}

h1,h2,h3,h4,h5,h6 {
	-webkit-font-smoothing: antialiased;
	color: #222;
	font-weight: 700;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.h3, h3 {
    font-size: 24px;
}

.h4, h4 {
    font-size: 18px;
}
.h5, h5 {
    font-size: 14px;
}

p {
	margin-bottom: 25px;
}

p.lead {
	font-weight: 400;
	font-size: 24px;
	color: #333;
	margin-bottom: 35px;
}

p.lead.styled {
	text-align: center;
	font-size: 18px;
	padding: 0 10%;
	margin-bottom: 45px;
}

hr {
	margin: 15px 0 30px 0;
	border-color: #ededed;
}

h2.main_title {
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 42px;
	color: #F60;
	text-transform: uppercase;
}

h2.main_title span {
	display: block;
	color: #999;
	font-size: 24px;
	text-transform: none;
}

h2.main_title em {
	display: block;
	width: 40px;
	height: 4px;
	background-color: #ededed;
	margin: auto;
	-webkit-border-radius: 5 px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
}

/*General links color*/
a {
	color: #409fff;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	outline: none;
}

a:hover,
a:focus {
	color: #333;
	text-decoration: none;
	outline: none;
}

a.animated_link {
	position: relative;
	text-decoration: none;
}

a.animated_link:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: -5px;
	opacity: 1;
	left: 0;
	background-color: #333;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

a.animated_link:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

a.animated_link_2 {
	position: relative;
	text-decoration: none;
	color: #555;
}

a.animated_link_2:hover {
	color: #111;
}

a.animated_link_2:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -5px;
	opacity: 1;
	left: 0;
	background-color: #111;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

a.animated_link_2:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

nav.navbar .question-btn {
	background-color: #2cc4b3 !important;
	color: #fff;
}

/* Rating Style*/

.rating {
	display: inline-block;
	font-size: 0;
	position: relative;
	margin-top: 8px;
}

.rating_type {
	float: left;
	font-size: 18px;
	color: #0072bc;
	margin-top: 8px;
	font-weight: normal;
}

.rating-input {
	float: right;
	padding: 0;
	margin: 0 0 0 0;
	opacity: 0;
}

.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover~.rating-star,
.rating-input:checked~.rating-star {
	background-position: 0 0;
}

.rating-star,
.rating:hover .rating-star {
	cursor: pointer;
	float: right;
	display: block;
	width: 25px;
	height: 24px;
	background: url(../Images/stars.png) 0 -23px;
}

/* footer */
footer {
	background-color: #fff;
	border-top: 1px solid #ededed;
	padding: 25px 0;
}
footer#home {
	width: 1000px;
	margin: auto;
	font-size: 15px;
	margin-bottom: 30px;
	color: #777;
	background-color: transparent;
	border-top: none;
	padding: 0;
}
footer p {
	margin: 0;
	padding: 0;
	float: left;
}
footer ul {
	float: right;
	margin: 0;
	padding: 0;
}
footer ul li{
	float: left;
	margin-right: 15px;
	list-style: none;
}
footer ul li:last-child {
    margin-right: 0;
}
footer ul li:after {
    content: "|";
    font-weight: 300;
    position: relative;
    left: 9px;
}
footer ul li:last-child:after {
    content: "";
}
footer ul li a{
	color: #777;
}

#medias {
	
	background-color: #eb024d;
	height: auto;
	padding-top: 40px;
	padding-bottom: 40px;
}

#medias .questionnaire-wrapper {
	margin: 10vh 0 10vh !important;
	color: #333;
}

#medias video {
	margin-bottom: 20px;
}

#medias .controlBar {
	width: 80% !important;
	align-self: center !important;
}

/* Content */
.ExplicationIndex {
    background-color: #fff;
}
.col-md-12, .col-md-8 {
    background: #fff;
}
header {
    margin-bottom: 20vh;
}

nav.navbar .btn {
	padding: 0.4rem 0.8rem;
	background-color: #4d4d4d;
}
nav.navbar .btn:hover {
	background-color: #343a40;
}

#container-1,#container-2,#container-3,#container-4,#container-5,#container-6,#container-7,#container-8,#container-9,
#container-10,#container-11,#container-12,#container-13,#container-14,#container-15{
	margin-top: 35vh;
}

	#container-1 .container.mt-4 div,
	#container-2 .container.mt-4 div,
	#container-3 .container.mt-4 div,
	#container-4 .container.mt-4 div,
	#container-5 .container.mt-4 div,
	#container-6 .container.mt-4 div,
	#container-7 .container.mt-4 div,
	#container-8 .container.mt-4 div,
	#container-9 .container.mt-4 div,
	#container-10 .container.mt-4 div,
	#container-11 .container.mt-4 div,
	#container-12 .container.mt-4 div,
	#container-13 .container.mt-4 div,
	#container-14 .container.mt-4 div,
	#container-15 .container.mt-4 div {
		flex-direction: row;
	}

.ExplicationIndex input.form-control{
	background-color: #ebebeb;
}

/* results page */
.results, .cont-error{
	margin-top: 15vh !important;
}

.warning-heart svg {
	color: var(--warning);
	width: 120px;
	margin-bottom: 10px;
}

.success-heart svg {
	color: #34D1BF !important;
	width: 120px;
	margin-bottom: 10px;
}

.col-md-8.avis {
	left: 13vw;
	padding: 15px;
	border-radius: 15px;
	text-align: center;
	margin-top: 30px;
}
.thank-you {
	margin-bottom: 20vh;
	border-radius: 15px;
	align-items: center;
}

.thank-you .col-md-12 {
	height: 52vh;
	border-radius: 15px;
	padding: 30px;
}

.thank-you .col-md-12 div {
	align-items: center;
	flex-direction: column;
}
/* Style Landing Page */

@import url("https://fonts.googleapis.com/css?family=Rubik:400,500,700&display=swap");
body{font-size:.9rem;color:#717172;font-family:"Rubik",sans-serif}
h1,h2,h3,h4,h5,h6{color:#343a40;font-family:"Rubik",sans-serif;font-weight:500}
a{text-decoration:none !important;outline:none}
p{line-height:1.8;font-size:15px}.card{border:none;-webkit-box-shadow:0px 8px 35px 0px rgba(73,80,87,0.05);box-shadow:0px 8px 35px 0px rgba(73,80,87,0.05);border-radius:7px;margin-bottom:30px}.section{position:relative;padding-top:80px;padding-bottom:80px}.small-title{letter-spacing:1px;font-size:14px}.btn{font-size:.9rem;padding:0.7rem 1.4rem;font-weight:500;-webkit-transition:all 0.4s;transition:all 0.4s;border-radius:7px}.btn:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);outline:none;text-decoration:none}.btn-sm{padding:.25rem .5rem;font-size:.875rem}.btn-rounded{border-radius:30px}.bg-primary{background-color:#2f55d4 !important}.bg-soft-primary{background-color:rgba(47,85,212,0.1) !important}.text-primary{color:#2f55d4 !important}.icon-dual-primary{color:#2f55d4;fill:rgba(47,85,212,0.2)}.btn-primary{color:#fff;background:#2f55d4;border-color:#2f55d4;-webkit-box-shadow:0 8px 14px rgba(47,85,212,0.2);box-shadow:0 8px 14px rgba(47,85,212,0.2)}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.focus,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary .open>.dropdown-toggle.btn-primary{-webkit-box-shadow:0px 16px 31px -16px #2f55d4;box-shadow:0px 16px 31px -16px #2f55d4;background:#294dc6;border-color:#294dc6}.btn-outline-primary{color:#2f55d4;border-color:#2f55d4}.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active,.btn-outline-primary.active,.btn-outline-primary.focus,.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary .open>.dropdown-toggle.btn-primary{-webkit-box-shadow:0px 16px 31px -16px #2f55d4;box-shadow:0px 16px 31px -16px #2f55d4;background:#294dc6;border-color:#294dc6}.bg-success{background-color:#34D1BF !important}.bg-soft-success{background-color:rgba(52,209,191,0.1) !important}.text-success{color:#34D1BF !important}.icon-dual-success{color:#34D1BF;fill:rgba(52,209,191,0.2)}.btn-success{color:#fff;background:#34D1BF;border-color:#34D1BF;-webkit-box-shadow:0 8px 14px rgba(52,209,191,0.2);box-shadow:0 8px 14px rgba(52,209,191,0.2)}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.focus,.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success .open>.dropdown-toggle.btn-primary{-webkit-box-shadow:0px 16px 31px -16px #34D1BF;box-shadow:0px 16px 31px -16px #34D1BF;background:#2cc4b3;border-color:#2cc4b3}.btn-outline-success{color:#34D1BF;border-color:#34D1BF}.btn-outline-success:hover,.btn-outline-success:focus,.btn-outline-success:active,.btn-outline-success.active,.btn-outline-success.focus,.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success .open>.dropdown-toggle.btn-primary{-webkit-box-shadow:0px 16px 31px -16px #34D1BF;box-shadow:0px 16px 31px -16px #34D1BF;background:#2cc4b3;border-color:#2cc4b3}.bg-info{background-color:#57B8FF !important}.bg-soft-info{background-color:rgba(87,184,255,0.1) !important}.text-info{color:#57B8FF !important}.icon-dual-info{color:#57B8FF;fill:rgba(87,184,255,0.2)}.btn-info{color:#fff;background:#57B8FF;border-color:#57B8FF;-webkit-box-shadow:0 8px 14px rgba(87,184,255,0.2);box-shadow:0 8px 14px rgba(87,184,255,0.2)}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.focus,.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled):active:focus,.btn-info .open>.dropdown-toggle.btn-primary{-webkit-box-shadow:0px 16px 31px -16px #57B8FF;box-shadow:0px 16px 31px -16px #57B8FF;background:#43afff;border-color:#43afff}.btn-outline-info{color:#57B8FF;border-color:#57B8FF}.btn-outline-info:hover,.btn-outline-info:focus,.btn-outline-info:active,.btn-outline-info.active,.btn-outline-info.focus,.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info .open>.dropdown-toggle.btn-primary{-webkit-box-shadow:0px 16px 31px -16px #57B8FF;box-shadow:0px 16px 31px -16px #57B8FF;background:#43afff;border-color:#43afff}.navbar-custom .navbar-nav .nav-item .nav-link:hover,.navbar-custom .navbar-nav .nav-item .nav-link:active{color:#2f55d4}.navbar-custom .navbar-nav .nav-item.active .nav-link{color:#2f55d4}.navbar-custom .navbar-btn{margin-left:10px;color:#34D1BF;background:rgba(52,209,191,0.2);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.navbar-custom .navbar-btn:hover{color:#fff;-webkit-box-shadow:0px 16px 31px -16px #34D1BF;box-shadow:0px 16px 31px -16px #34D1BF;background:#2cc4b3;border-color:#2cc4b3}.navbar-toggler{font-size:24px;margin-top:5px;margin-bottom:0px;color:#fff}.nav-sticky.navbar-custom{margin-top:0px;padding:10px 0px;background-color:#fff;-webkit-box-shadow:0 10px 33px -14px rgba(0,0,0,0.1);box-shadow:0 10px 33px -14px rgba(0,0,0,0.1)}.nav-sticky.navbar-custom .logo .logo-light{display:none}.nav-sticky.navbar-custom .logo .logo-dark{display:inline-block}.nav-sticky.navbar-custom .navbar-nav .nav-item .nav-link{color:rgba(52,58,64,0.9)}.nav-sticky.navbar-custom .navbar-nav .nav-item .nav-link:hover,.nav-sticky.navbar-custom .navbar-nav .nav-item .nav-link:active{color:#2f55d4}.nav-sticky.navbar-custom .navbar-nav .nav-item.active .nav-link{color:#2f55d4}.hero-section{padding-top:275px;overflow:hidden}.home-img{position:relative}.home-img::before{content:"";position:absolute;width:360px;height:330px;background-color:rgba(47,85,212,0.1);border-radius:30% 70% 59% 41% / 30% 38% 62% 70%;z-index:-1;top:90px;right:15px}
.footer{background-color:#0f1b42;color:rgba(255,255,255,0.5);padding-top:80px;padding-bottom:40px}
.footer-list-title{font-size:16px;color:#fff}
.footer-list-menu li a{display:inline-block;font-size:15px;color:rgba(255,255,255,0.5);margin-bottom:14px;-webkit-transition:all 0.4s;transition:all 0.4s}
.footer-list-menu li a:hover{color:rgba(255,255,255,0.9)}
@media (max-width: 991px){
	.navbar-custom{margin-top:0px;padding:10px 0px !important;background-color:#f8fafe !important;-webkit-box-shadow:0 10px 33px -14px rgba(0,0,0,0.1);box-shadow:0 10px 33px -14px rgba(0,0,0,0.1)}
	.navbar-custom.navbar-expand-lg>.container{width:90%}
	.navbar-custom .logo img{height:18px}
	.navbar-custom .navbar-nav .nav-item .nav-link{-webkit-transition:all 0.4s;transition:all 0.4s;margin:0px;padding:6px 0px;color:rgba(52,58,64,0.9)}
	.navbar-custom .navbar-nav .nav-item.active .nav-link{color:#2f55d4}
	.navbar-custom .navbar-btn{margin-left:0px}
	.navbar-toggler{font-size:24px;margin-top:0px;margin-bottom:0px;color:rgba(52,58,64,0.9)}
	.hero-section{padding-top:130px}
}
@media (max-width: 767.98px){
	.hero-title{font-size:32px}
}
.hero-wrapper, .questionnaire-wrapper{
	display: flex;
	flex-direction: column;
	margin:20vh 0 15vh !important;
	background: rgba(255,255,255,0.8);
	color: #1e47d0;
	border-radius: 15px;
	text-align: center;
	padding: 15px;
}
#home, #teletravail{ 
	height: auto;
}
nav{
	background: #fff;
}

.bg-light{height: auto;}
#home {
	background: url(/Views/Images/bureau.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
#teletravail{
	background: url(/Views/Images/teletravail.jpg) center center;
	background-size: cover; 
	background-repeat: no-repeat;
}

#questionnaire{background: url(/Views/Images/business.jpg) top center;
	 background-size: cover; background-repeat: no-repeat;}
#questionnaire p {
	color: rgb(61, 61, 61); 
	font-size:15px}
#contact {
	background-color: #34d1bf;
	color: #fff;
	height: auto;
}
#contact a {
	color: #0826c7;
}
/*# sourceMappingURL=style.min.css.map */

/* Mobile Style */

@media (max-width: 767.98px){
	.hero-section-5 h1 {
		font-size: 1.6em;
		font-weight: 600;
	}

	.hero-wrapper{
		margin-top: 5vh;
	}

	#home p, #teletravail p, #contact p {
		font-size: 0.9em;
		padding: 10px;
	}

	.copyright-desc {
		text-align: center;
	}

	.hero-wrapper .btn.btn-success {
		margin-bottom: 15px;
	}

	.questions-infos {
		margin-top: 20vh !important;
	}
	.ExplicationIndex {
		margin-top: 15vh !important;
	}

	#container-1 .container.mt-4 div,
	#container-2 .container.mt-4 div,
	#container-3 .container.mt-4 div,
	#container-4 .container.mt-4 div,
	#container-5 .container.mt-4 div,
	#container-6 .container.mt-4 div,
	#container-7 .container.mt-4 div,
	#container-8 .container.mt-4 div,
	#container-9 .container.mt-4 div,
	#container-10 .container.mt-4 div,
	#container-11 .container.mt-4 div,
	#container-12 .container.mt-4 div,
	#container-13 .container.mt-4 div,
	#container-14 .container.mt-4 div,
	#container-15 .container.mt-4 div {
		flex-direction: column;
	}

	#container-1,
	#container-2,
	#container-3,
	#container-4,
	#container-5,
	#container-6,
	#container-7,
	#container-8,
	#container-9,
	#container-10,
	#container-11,
	#container-12,
	#container-13,
	#container-14,
	#container-15 {
		margin-top: 20vh;
	}

	.col-md-8.avis {
		left: 0;
	}

	.thank-you h1 {
		text-align: center;
	}

	.results{
		margin-top: 20vh !important;
	}



}

.questions-infos {
	margin-top: 15vh !important;
}