/*
Theme Name: Aurasens
Author URI: Dotty Style Creative
*/

/*Fonts*/

/*Reset Css*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

a {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-family: "Work Sans", sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
	background: #2e2e2e;
	font-family: "Work Sans", sans-serif;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	max-width: 100%;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

/* .disable-scroll {overflow:hidden;} */

/* Start Code Here*/

html,
body {
	-webkit-font-smoothing: antialiased;
	/*-webkit-overflow-scrolling: touch; */
}

header {
	position: fixed;
/*	padding: 46px 24px 25px;*/
padding: 25px 24px;
width: 100vw;
z-index: 212;
top: 0;
transition: background 1s ease;
box-sizing: border-box;
}

header.active {
	background: #2e2e2e;
}

header .col-3 {
	width: 15%;
	display: inline-block;
	float: left;
}

header .topmenu {
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	position: relative;
}

header .topmenu div:first-child {
	flex-grow: 1;
}

.translated-ltr header .topmenu ul {
	text-align: left;
}
.translated-ltr header .topmenu li:first-child {
	margin-right: 18px;
}
html .frenchcontent {
	display: none !important;
}
html .englishcontent{
	display: block !important;
}
html.translated-ltr .englishcontent {
	display: none !important;
}
html.translated-ltr .frenchcontent {
	display: block !important;
}
header .topmenu ul {
	margin-right: 40px;
	text-align: right;
}

header .topmenu li {
	padding: 0 11px;
	display: inline-block;
	text-align: center;
}

header .topmenu li a {
	display: block;
	color: #867772;
	text-decoration: none;
	font-size: 12px;
	border-bottom: transparent solid 1px;
}
header .topmenu li a:hover {
	color: rgb(234, 204, 194);
}
a.glink {
	border-bottom: transparent solid 1px;
}
a.glink:hover,
header .topmenu li:hover a,
header .topmenu li.active a {
	border-bottom: #eaccc2 solid 1px;
}
header .topmenu li.active a {
	border-bottom: #eaccc2 solid 1px;
	color: rgb(234, 204, 194);
}

header .topmenu li:last-child a,
header .topmenu li:first-child a {
	padding: 0;
}

header .logo {
	background: url(images/logo.svg) no-repeat;
	width: 158px;
	display: none;
}

header .logo.opacity {
	opacity: 0.5 !important;
}

header .logo a {
	text-indent: -99999px;
	display: block;
}

/*Body*/

body.lang-eng .lang-english {
	display: none !important;
}

body.lang-fr .lang-french {
	display: none !important;
}

.body section {
	background: #2e2e2e;
	vertical-align: top;
}

.body .about-img {
	position: relative;
	top: 0;
	background: url(images/aboutimg.jpg) no-repeat center center;
	background-size: contain;
	/* width:100vw;*/
	height: 100vh;
	top: 0;
}

.body .about .container {
	padding: 0;
	margin: 0;
}

.body .about-img img {
	max-width: 100%;
	min-width: 100%;
	position: relative;
}

section {
	height: 100vh;
	overflow: hidden;
}
/*h1,
.context-desc .context p,
.context-desc .quicklinks a,
.sidenav li a{
	font-weight: 300 !important;
}*/

h1 {
	color: #ebccc2;
	font-size: 36px;
	line-height: 48px;
}

.about {
	height: auto;
}

.intro {
	overflow: hidden;
}

.intro h1 {
	margin: 0 0 0 20vw;
	position: relative;
	top: 160px;
}

.container {
	width: 90vw;
	margin: auto;
	height: 100vh;
}

.fullbg {
	width: 58vw;
	height: 100vh;
	background-size: cover !important;
	float: left;
	background-repeat: no-repeat;
	transition: all 0.5s ease;
	background-position: center center;
	background-position-x: center !Important;
}

.fullpage.active {
	background-position: center 0px;
}

.context-desc {
	float: left;
	width: 42vw;
	height: 100vh;
	vertical-align: top;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.context-desc .inner {
	margin: 0 5% 0;
	height: 100%;
	position: relative;
	/* opacity: 0; */
}

.context-desc .quicklinks a {
	display: block;
	padding: 25px 0;
	color: #fff;
	border-top: #3d3938 solid 1px;
	position: relative;
	font-weight: normal;
	text-decoration: none;
	font-size: 16px;
	opacity: 0.5;
}
.context-desc .quicklinks a:last-child {
	padding-bottom: 0;
}
.context-desc .quicklinks a:hover {
	opacity: 1;
}

.context-desc .quicklinks a:after {
	content: "";
	width: 17px;
	height: 11px;
	background: url(images/right-arrow.svg) no-repeat;
	right: 0px;
	position: absolute;
	top: 28px;
}

.context-desc .quicklinks a:hover:after {
	background-position: left bottom;
}

.context-desc h1 {
	position: relative;
	top: 14%;
	opacity: 0;
}

/*.section.active .context-desc h4{top:-8px; position:relative}
.section.active .context-desc .context p,
.section.active .context-desc .quicklinks,
.section.active .context-desc h1{

	visibility: visible;
	opacity: 1;
	z-index: 1;
}*/

.context-desc .context {
	width: 100%;
	position: absolute;
	bottom: 46px;
	max-width: 440px;
	opacity: 0;
	color: #fff;
	font-size: 16px;
}

.section .context-desc h4 {
	top: 0px;
	position: relative;
	transition: all 1s ease-in-out;
	margin-bottom: 5px;
	font-size: 16px;
}
.section .context-desc h2,
.section .context-desc h5,
.section .context-desc h4,
.section .context-desc h3 {
	color: #eaccc4;
}
.section .context-desc h3 {
	font-size: 20px;
}
.section .context-desc h2 {
	font-size: 25px;
}
.context .quicklinks {
	margin-top: 40px;
	opacity: 0;
}

.context-desc .context p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 3vh;
	position: relative;
}
.context-desc .context p:last-child {
	margin-bottom: 0;
}

#partners {
	background: #1c1c1c;
}

#partners li {
	position: relative;
	left: -20px;
}

#partners .context-desc {
	background: #2e2e2e;
}

.context-desc h4 {
	color: #eaccc4;
	font-size: 16px;
	font-weight: normal;
}

.partnerslist {
	height: 100vh;
	width: 32vw;
	float: right;
}

.partnerslist ul {
	position: relative;
	top: 17vh;
	text-align: center;
}

.partnerslist li {
	width: 49%;
	display: inline-block;
	margin: 0 0 5vh;
	position: relative;
	top: 30px;
	transition: all 1s ease-in-out;
}

.section.active .partnerslist li {
	top: 0px;
}

#fp-nav,
.sidenav {
	margin-top: 50px;
	top: 50%;
	-webkit-transform: translateX(0%) translateY(-50%);
	-moz-transform: translateX(0%) translateY(-50%);
	-ms-transform: translateX(0%) translateY(-50%);
	transform: translateX(0%) translateY(-50%);
}

.sidenav {
	position: fixed;
	left: 24px;
}

#fp-nav {
	width: 20px;
	overflow: hidden;
}

.sidenav ul {
	position: relative;
}

.sidenav li {
	display: block;
	margin-bottom: 57px;
}

.sidenav .indicator {
	display: none;
}

.sidenav ul span {
	position: relative;
	display: block;
	border-right: #fff solid 1px;
	left: 1.1px;
	position: absolute;
	height: 13.7%;
	opacity: 0.1;
}

.sidenav li a {
	display: block;
	padding: 4px 0 0px 49px;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.5s ease;
	opacity: 0.5;
}

.sidenav .indicator {
	position: fixed;
	left: -5px;
	width: 18px;
	margin-top: 0;
	height: 18px;
	/* background: url(images/navitem-active.png) no-repeat; */
	text-indent: -99999px;
	z-index: 300;
	border: 1px solid #fff;
	border-radius: 18px;
}
@media screen\0 {
	.sidenav .indicator {
		position: absolute !important;
	}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.sidenav .indicator {
		position: absolute !important;
	}
}

.sidenav .indicator:after {
	background: #fff;
	position: absolute;
	content: "";
	border-radius: 18px;
	width: 12px;
	height: 12px;
	top: 3px;
	left: 3px;
}

#fp-nav {
	position: fixed;
	left: 0px;
	margin-top: 0 !important;
}

body #fp-nav ul,
.fp-slidesNav ul {
	margin-top: -2px;
	margin-left: -5px;
	overflow: hidden;
}

#fp-nav li:first-child {
	display: none !Important;
}

#fp-nav li {
	display: block !important;
	margin-bottom: 51px !important;
	text-indent: -99999px;
	float: left;
	clear: both;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
	background: none;
}

.modal {
	position: fixed;
	top: 0;
	background: #2e2e2e;
	width: 100vw;
	height: 100vh;
	z-index: 199;
	padding-top: 10vh;
	display: none;
	z-index: 210;
}

.disabled {
	overflow: hidden !important;
	position: fixed !important;
}

.modal .container {
	padding: 15vh 0 0 0;
	width: 100vw;
}

.modal .col-5 {
	width: 45vw;
	float: left;
}

.modal .col-5.emailcontact {
	width: 42vw;
	float: right;
	margin-right: 40px;
}
.modal .col-5.emailcontact .email_list {
	margin-left: 40px;
}

.modal h2 {
	font-size: 30px;
	color: #fff;
	margin-bottom: 20px;
}

.modal a {
	text-decoration: none;
	color: #8e7c78;
}

.text {
	background: none;
	padding: 15px;
	color: #8e7c78;
	font-size: 18px;
	border: none;
}

.form {
	width: 70%;
	margin-left: 18%;
	position:relative;
}

.form .emailform {
	border-bottom: #8e7c78 solid 1px;
}

.form span {
	width: 80%;
	padding-left: 0;
	display: inline-block;
}

input:focus {
	outline: none;
}

.form .wpcf7-submit {
	float: right;
	background: url(images/arrow-icon.png) no-repeat;
	display: block;
	width: 17px;
	height: 11px;
	text-indent: -99999px;
	border: none;
	margin-top: 15px;
	cursor: pointer;
	z-index: 200;
	position: relative;
	top: 5px;
}

.modal .email_list h2 {
	margin-bottom: 17px;
}

.modal .email_list li {
	padding: 36px 0;
	border-bottom: #8e7c78 solid 1px;
	margin-left: 5%;
}

.modal .email_list li a {
	color: #e3c6be;
}

.modal .email_list li:hover a {
	color: #cea195;
}

.modal .email_list li:first-child {
	padding-top: 0;
}

.navlink {
	position: fixed;
	top: 62%;
	right: 1px;
	z-index: 150;
	display: none !important;
}

.navlink a {
	display: block;
	width: 34px;
	height: 18px;
	right: 4%;
	z-index: 200;
	opacity: 1;
	background-size: auto 100% !important;
}

.fp-viewing-sixthPage .nxt {
	display: none !important;
}

.navlink .prev {
	background: url("images/prev-arrow.svg") no-repeat center center;
	margin-bottom: 100px;
}

.navlink .nxt {
	background: url("images/next-arrow.svg") no-repeat center center;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.navlink .nxt.shy-hide {
	opacity: 0;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.menudrop {
	display: none;
	transform: translate3d(100vw, 0, 0);
}

div.wpcf7-mail-sent-ng {
	color: #fff;
	padding: 15px;
}

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors {
	color: #fff;
	font-size: 13px;
	padding: 10px;
	line-height: 19px;
}

.emailform .text {
	padding-left: 0;
	color: #e3c6be;
	font-family: "Work Sans", sans-serif;
	font-weight: 300;
	font-size: 18px;
}

::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #e3c6be;
	font-family: "Work Sans", sans-serif;
	font-weight: 300;
	font-size: 18px;
	opacity: 0.5;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #e3c6be;
	opacity: 1;
	font-family: "Work Sans", sans-serif;
	font-weight: 300;
	font-size: 18px;
	opacity: 0.5;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #867772;
	opacity: 1;
	font-family: "Work Sans", sans-serif;
	font-weight: 300;
	font-size: 18px;
	opacity: 0.5;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #e3c6be;
	font-family: "Work Sans", sans-serif;
	font-weight: 300;
	font-size: 18px;
	opacity: 0.5;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #e3c6be;
	font-family: "Work Sans", sans-serif;
	font-weight: 300;
	font-size: 18px;
	opacity: 0.5;
}

.translated-ltr .glink[title="French"],
body .glink[title="English"] {
	display: none;
}

.translated-ltr .glink[title="English"] {
	display: inline-block;
}

body .glink {
	color: #867772;
	text-decoration: none;
	font-size: 13px;
}

/* Responsive*/

@media (max-width: 1024px) {
	.intro h1 {
		margin: 0 0 0 30vw;
	}
	.sidenav li a {
		padding-left: 35px;
	}
	.modal h2 {
		font-size: 26px;
	}
}
@media (max-width: 1235px) {
	header .topmenu li {
		padding: 0 10px;
	}
}

@media (max-width: 1146px) {
	header .topmenu li {
		padding: 0 5px;
	}
}
@media (max-width: 1146px) {
	header .topmenu li {
		padding: 0 5px;
	}
}
@media only screen and (max-width: 1024px) {
	/* header .col-2 {
				width: 75%;
		} */
	}

	@media only screen and (max-width: 991px) {
	/* header .col-2 {
				width: 70%;
		} */
	}
	@media (max-width: 1029px) {
	/* header .topmenu{
				width:70%
		} */
		header .topmenu li {
			padding: 0 5px;
		}
	}

	@media (max-width: 956px) {
		header .topmenu li {
			margin: 0;
			float: none;
			text-align: left;
		}
		.modal h2 {
			font-size: 26px;
		}
		.sidenav li a {
			padding-left: 27px;
		}
	}

	.desktopview {
		display: block;
	}

	.about h1 {
		display: none !important;
	}

	@media (max-width: 876px) {
		.partnerslist {
			width: 30vw;
		}
	}

	.homearrow {
		display: none;
	}

	@media (max-width: 350px) {
	}

	.mobilehead,
	.mobilenav {
		display: none;
	}

	header .mobilelogo {
		float: left;
	}

	header .menudrop ul li.language a {
		color: #867772;
		text-decoration: none;
		font-size: 13px;
		text-transform: capitalize;
	}
	header .menudrop ul li.social a {
		display: block;
		color: #867772;
		text-decoration: none;
		font-size: 13px;
		text-transform: capitalize;
	}

	header .burger {
		float: right;
	}

	header .burger a {
		width: 24px;
		height: 17px;
		text-indent: -99999px;
		display: block;
		background: url(images/burger.svg) no-repeat;
	}

	header .burger a.active {
		background: url(images/close.svg) no-repeat;
	}

	.mobilelogo img {
		display: inline-block;
		margin-right: 15px;
		vertical-align: middle;
	}

	.mobilelogo .actiontag {
		font-size: 14px;
		vertical-align: middle;
		color: #eaccc2;
		text-transform: capitalize;
		display: inline-block;
		position: relative;
		top: -7px;
		white-space: nowrap;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		transform: translate3d(0, 0, 0);
	}
	.mobilelogo a {
		text-decoration: none;
	}
	.mobilelogo a:hover,
	.mobilelogo a:focus,
	.mobilelogo a:visited {
		outline: none;
		text-decoration: none;
	}

	.mobilelogo .actiontag .link-title {
		position: absolute;
		top: 0;
		opacity: 0;
		-webkit-transform: translate3d(0, 15px, 0);
		transform: translate3d(0, 15px, 0);
		-webkit-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s,
		transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s;
		transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s,
		transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s;
	}

	.mobilelogo .actiontag .link-title.active {
		display: block;
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.mobilelogo .actiontag .link-title.prev {
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}

	.section.mobileview {
		display: none;
	}

	@media (max-width: 400px) {

		h1 {
			font-size: 1.2em;
		}
	/* body .modal {
				padding: 0;
		} */
		.modal h2 {
			font-size: 22px;
		}
		.modal .email_list li a {
			color: #dbb5ab;
			font-size: 18px;
		}
		.context-desc .quicklinks a {
			font-size: 0.8em;
			padding: 19px 0;
		}
		section#partners li {
			position: relative;
			left: 0;
			text-align: center;
			width: 36%;
			display: inline-block;
		}
		.menudrop ul li a {
			font-size: 14px;
		}
	}

/* preloader */

.preloader-wrap {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	background: #2e2e2e;
	z-index: 1000;
}

.percentage {
	z-index: 100;
	text-align: center;
	color: #fff;
	line-height: 30px;
	font-size: 15px;
}

/* .loader,
.percentage{
	height: 30px;
	font-weight: 300;
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0;
	margin : auto; 
} */

.trackbar {
	width: 100%;
	height: 100%;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	overflow: hidden;
	position: relative;
	opacity: 0.99;
}

.loadbar {
	width: 0%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	animation: flicker 5s infinite;
	overflow: hidden;
}

@keyframes animation {
	10% {
		opacity: 0.9;
	}
	30% {
		opacity: 0.86;
	}
	60% {
		opacity: 0.8;
	}
	80% {
		opacity: 0.75;
	}
}

.loader-wrapper {
	position: fixed;
	top: 50%;
	left: 50%;
	/* width: 7.33333em;
	height: 7.33333em;
	margin-left: -3.66667em;
	margin-top: -3.66667em; */
}

.loader-block {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: #2e2e2e;
	border: 1px #eaccc2 solid;
	border-radius: 1em;
}

.loader-block:nth-child(1) {
	top: -40px;
	left: -40px;
	/* border: 1px red solid; */
}

.loader-block:nth-child(2) {
	top: -40px;
	left: 0px;
	/* border: 1px rgb(238, 255, 0) solid; */
}

.loader-block:nth-child(3) {
	top: -40px;
	left: 40px;
	/* border: 1px rgb(255, 0, 34) solid; */
}

.loader-block:nth-child(4) {
	top: 0px;
	left: -40px;
	/* border: 1px rgb(23, 245, 3) solid; */
}

.loader-block:nth-child(5) {
	top: 0px;
	left: 0px;
	/* border: 1px rgb(0, 89, 255) solid; */
}

.loader-block:nth-child(6) {
	top: 0px;
	left: 40px;
	/* border: 1px rgb(255, 0, 242) solid; */
}

.loader-block:nth-child(7) {
	top: 40px;
	left: -40px;
	/* border: 1px rgb(0, 195, 255) solid; */
}

.loader-block:nth-child(8) {
	top: 40px;
	left: 0px;
	/* border: 1px rgb(0, 255, 191) solid; */
}

.loader-block:nth-child(9) {
	top: 40px;
	left: 40px;
	/* border: 1px rgb(30, 255, 0) solid; */
}

@-webkit-keyframes show {
	from,
	40% {
		background: #eaccc2;
	}
	41%,
	to {
		background: #eaccc2;
	}
}

@keyframes show {
	from,
	40% {
		background: #eaccc2;
	}
	41%,
	to {
		background: #eaccc2;
	}
}

.preloader {
	background: #2e2e2e;
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 500;
	top: 0;
}

.loader-wrapper {
	width: 112px;
	/* height: 10vh; */
	top: 50%;
	left: 50%;
	position: fixed;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.loader-wrapper .dots {
	width: 10px;
	height: 10px;
	background: #2e2e2e;
	border: 1px #eaccc2 solid;
	border-radius: 1em;
	display: block;
}

.loader-wrapper .set {
	position: relative;
	bottom: 0;
	overflow: hidden;
}

.loader-wrapper .set.five {
	margin: 0 6px;
}

.loader-wrapper .set.five .left {
	float: left;
}

.loader-wrapper .set.six .right {
	float: right;
}

.loader-wrapper .set.six .center {
	float: left;
	margin: 0 0 0 16px;
}

.loader-wrapper .fourth {
	margin: 0 0 0 35px;
}

.loader-wrapper .set.seven {
	text-align: center;
	margin: 0 0 0 7px;
}

.loader-wrapper .set.third {
	text-align: center;
	margin: 0 0 0 14px;
}

.loader-wrapper .set.second {
	margin: 0 6px;
}

.loader-wrapper .dots {
	float: left;
	margin: 0px 1px;
}

.loader-wrapper .dots.right {
	float: right;
}

/* EDITED : PIERRE */

.set.third .dots {
	margin-top: 0px;
	margin-bottom: 0px;
}

.set.seven .dots {
	margin-top: 0;
	margin-bottom: 1px;
}

.set.fourth .dots {
	margin-top: 0px;
	margin-bottom: 0px;
}

.set.second .dots {
	margin-top: 0;
}

/* .headtext{
		 left: 30vw;
		position: absolute;
		top: 20vh;
		z-index: 200
} */

/* .body section.intro {
		height: 10vh !Important;
		display: block !important;
} */

.body section.about .container {
	z-index: 200;
	position: relative;
}

.body section {
	position: relative;
}

.body section.about h1 {
	margin-top: 20%;
	margin-left: 30%;
}

.body section .container {
	padding: 0;
	margin: 0;
}

.body section.about .container {
	width: 90vw;
	margin: 0 auto;
	height: auto;
}

.headtext {
	left: 30vw;
	position: absolute;
	top: 20vh;
	z-index: 50;
}

.sidenav {
	z-index: 200;
}

.abimg {
	width: 100%;
	text-align: center;
	margin: 0;
	/* margin-top:34vh; */
	/* margin-top: 37vh; */
	margin-top: 72vh;
	position: relative;
	top: -150px;
}

.abimg img {
	width: 100%;
	height: auto;
}

.body section#experience,
.body section#technology,
.body section#benefits,
.body section#origins,
.body section#team,
.body section#partners {
	z-index: 100;
}

.aboutsection {
	position: fixed;
	top: 20vh;
	z-index: 90;
	width: 100vw;
}

.aboutsection h1 {
	margin-top: 32px !important;
	margin-left: 0 !important;
	font-size: 1.2em;
	margin-bottom: 20px;
	line-height: 43px;
	text-align: center;
	margin-bottom: 10vh;
	font-size: 37px;
}

/* Cloyd append */

.sidenav .indicator {
	border: none;
	left: -3px;
	display: block;
	top: 0;
}

.sidenav li {
	position: relative;
}

.sidenav li:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 53px;
	background-color: #fff;
	display: block;
	left: 5.5px;
	top: 19px;
	opacity: 0.1;
}

.sidenav li:last-child::after {
	display: none;
}

.sidenav li a:focus {
	outline: none;
}

.sidenav li a:before {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
	z-index: 1;
	opacity: 0.5;
	width: 10px;
	height: 10px;
	/* border: 1px solid #fff; */
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 10px;
	transition: opacity 0.6s ease-in-out;
}
.sidenav li:hover a,
.sidenav li.active a {
	color: #fff;
	opacity: 1;
}
.sidenav li:hover a:before {
	opacity: 1;
	border: 1px solid rgba(255, 255, 255, 1);
}
.sidenav li.active a:before {
	/* background-image: none !important; */
	opacity: 0.2;
}

.sidenav li span.border-indicator {
	position: absolute;
	top: -1px;
	left: -3.55px;
	opacity: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #fff;
	border-radius: 18px;
	transition: opacity 0.6s ease-in-out;
}

.sidenav li.active span.border-indicator {
	opacity: 1;
	/* transform: scale(1.6); */
}
.dkhide{
	display:none
}
@media (max-width: 767px) {
	.appendval {
		position: absolute;
		bottom: 41px !important;
	}
	.appendval .error-contact .englishcontent{
		position:relative;
		top:10px;
	}
	.dkhide{
		display:block !important
	}
	.scrolldisabled {
		overflow: hidden !important;
	}
	#origins .context-desc h1,
	#origins .context-desc .context {
		margin-left: 38px;
	}
	.mCSB_inside > .mCSB_container {
		margin-right: 24px !important;
	}

	.context-desc h1,
	.context-desc .context {
		opacity: 1;
	}
	body .context-desc,
	body .context-desc .inner {
		opacity: 1 !important;
		display: block !important;
		top: 0;
	}
	body .context-desc {
		height: auto;
	}
	.section {
		height: auto;
		min-height: auto;
		max-height: auto;
	}
	.about.desktopview.section {
		display: block !important;
		/* height: 100vh !important; */
		/* min-height: 100vh; */
		padding-bottom: 60px;
	}
	.context-desc .context p {
		font-size: 14px;
		line-height: 24px;
	}
	.partnerslist li {
		top: 0 !important;
		margin: 0 0 1vh;
	}
	.about .fp-tableCell {
		vertical-align: top !important;
	}
	.abimg {
		margin-top: 10vh;
		width: auto !important;
	}
	.body section {
		background: #232323;
	}
	.body section.about .container {
		z-index: 177 !important;
		height: 100%;
		padding-top: 80px;
		margin: 0 auto;
		/* height: calc(100vh - 120px); */
	}
	html .about h1.englishcontent {
		display: block !important;
	}
	html .about h1.frenchcontent {
		display: none !important;
	}
	html.translated-ltr .about h1.frenchcontent{
		display:block !important
	}
	html.translated-ltr .about h1.englishcontent {
		display:none !important
	}
	.body section.about h1 {
		font-size: 1.2em;
		margin-bottom: 20px;
		line-height: 32px;
		text-align: center;
		margin-left: 40px;
		padding-left: 0;
		width: auto;
		margin-top: 5%;
		/* margin: auto; */
		/* margin-left: 0; */
		text-align: left;
	}
	.body section.about span {
		text-align: left;
		display: inline-block;
	}
	.abimg {
		margin-top: 0 !important;
		top: 0;
	}
	section .container {
		width: 100vw;
	}
	.context-desc .inner {
		opacity: 1 !important;
		display: block !important;
	}
	.body section.about h1 span {
		text-align: left;
	}
	.homearrow {
		display: block;
		position: relative;
		margin-bottom: 30px;
		margin-left: 57px;
		top: 5%;
	}
	.context .quicklinks {
		opacity: 1 !important;
	}
	.homearrow a {
		background: url(images/next-arrow.svg) no-repeat;
		text-indent: -99999px;
		display: block;
		width: 11px;
		height: 17px;
		margin-bottom: 10px;
		cursor: pointer;
	}
	.desktopview {
		display: none;
	}
	.mobileview {
		display: block !important;
	}
	.headtext {
		display: none;
	}
	.fp-viewing-secondPage .prev {
		display: block;
	}
	.fp-viewing-about .navlink {
		display: none !important;
	}
	.context-desc .context {
		/* width: 70%; */
		width: auto;
		max-width: initial;
	}

	.section .context-desc h4 {
		margin-bottom: 8px;
	}
	header .menudrop ul li.language {
		margin-left: -25px;
		margin-right: 30px;
	}
	header .menudrop ul li.language a {
		background: url(http://studionerve-aurasens.dottylabs.com/wp-content/uploads/2017/11/arrowdown2.png)
		no-repeat right center;
		position: static;
		width: 100% !important;
	}
	.modal .container {
		/*width: 77vw;*/
		width: 86%;
		/* margin: auto; */
		height: 100vh;
		margin: 0 0 0 0px;
		padding: 0;
	}
	.modal .form h2 {
		margin-bottom: 30px !important;
	}
	.modal h2 {
		width: 200px;
		line-height: 30px;
		font-size: 24px;
	}
	.modal .email_list h2 {
		margin-bottom: 0;
		width: auto !important;
	}
	.modal .email_list li a {
		color: #dbb5ab;
		font-size: 14px;
	}
	body {
		font-size: 20px;
	}

	.context-desc .quicklinks a {
		font-size: 16px;
		padding: 19px 0;
	}
	h1 {
		font-size: 1.5em;
	}
	body .modal {
		/*padding-left: 16vw;*/
		padding-left: 75px;
		top: 62px;
	}
	.modal .col-5 {
		width: auto;
		float: none;
	}
	.modal .col-5.emailcontact {
		width: auto;
		float: none;
		margin-right: 0;
	}
	.modal .email_list li,
	.modal .col-5.emailcontact .email_list {
		margin-left: 0;
	}

	.modal .email_list li:last-child {
		border: none;
	}
	.modal .form {
		width: auto;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.menudrop {
		display: block;
	}
	section.intro .mobileview {
		display: block;
		margin: 80px 0 50px 0;
	}
	section.intro .mobileview img {
		max-width: 100%;
		min-width: 100%;
	}
	section.intro h1 {
		padding: 0;
		margin: 0;
		top: 0 !important;
		text-align: center;
	}
	body {
		padding-top: 57px;
	}
	.menudrop.active {
		transform: translate3d(0, 0, 0);
	}
	.menudrop {
		position: fixed;
		z-index: 900;
		font-weight: bold;
		font-size: 0.8em;
		width: 100%;
		background: #232323;
		position: absolute;
		text-align: center;
		font-size: 12px;
		top: 53px;
		height: calc(100vh - 50px);
		overflow: auto;
		transition: transform 0.7s ease;
	}

	.scrollainner {
		margin-left: 42px;
	}

	.menudrop ul li a {
		border-bottom: #554d4b solid 1px;
		padding: 20px 0;
		font-size: 17px;
		display: block;
		color: #fff;
		text-decoration: none;
		text-transform: capitalize;
		text-align: left;
		font-weight: normal;
	}
	.menudrop ul li a:hover {
		color: #554d4b;
	}
	.mobilelogo {
		margin-left: 20px;
		float: left;
	}
	header .col-3,
	header .col-2 {
		display: none;
	}
	header .mobilehead {
		display: block;
	}
	header .burger {
		margin: 10px 20px 0 0;
	}
	header {
		background: #232323;
		padding: 12px 24px;
		overflow: visible;
	}
	.context-desc .inner {
		padding-top: 0;
		margin-top: 0;
		overflow: visible;
		opacity: 1;
	}
	.context-desc .inner,
	.context-desc {
		width: auto;
		/* max-height: 70vh; */
	}
	.context-desc {
		/* height: 82vh; */
		width: auto;
		/* width: auto; */
		top: 0;
		float: none;
		/* transform: translate3d(0, 32vh, 0); */
		position: relative;
		background: #2e2e2e;
		/* margin: 46vh 10% 0% 0; */
		z-index: 3 !important;
		padding: 10% 0 10% 0;
		/* margin-bottom: 5vh; */
		clear: both;
	}
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		background: #2f2e2f;
		background-color: #2f2e2f !important;
	}
	.context-desc h1 {
		font-size: 24px;
		line-height: 32px !important;
		margin-bottom: 15px;
	}
	#fp-nav,
	.sidenav {
		opacity: 0;
		pointer-events: none;
	}
	.fullbg {
		width: auto;
	}
	.fullbg {
		height: 500px !important;
		display: block;
		position: static;
		width: 100%;
		top: 0px;
		background-position: center center !important;
	}
	.context-desc .context,
	.context-desc h1 {
		top: 0;
		position: static;
		clear: both;
		transform: none;
	}
	.context-desc h1,
	.context-desc .context {
		/* margin-left: 15%; */
		margin-left: 40px;
	}
	section .partnerslist ul {
		position: relative;
		top: 60px;
		text-align: center;
		max-width: 70%;
		margin: 0 auto;
	}
	section#partners .partnerslist {
		height: 100vh;
		width: auto;
		float: none;
	}
	section#partners li {
		position: relative;
		left: 0;
		text-align: center;
		width: 50%;
		display: inline-block;
	}
	section#partners li img {
		width: 57%;
	}

	::-webkit-input-placeholder {
		/* WebKit, Blink, Edge */
		color: #e3c6be;
		font-family: "Work Sans", sans-serif;
		font-weight: 300;
		font-size: 14px;
		opacity: 0.5;
	}

	:-moz-placeholder {
		/* Mozilla Firefox 4 to 18 */
		color: #e3c6be;
		opacity: 1;
		font-family: "Work Sans", sans-serif;
		font-weight: 300;
		font-size: 14px;
		opacity: 0.5;
	}

	::-moz-placeholder {
		/* Mozilla Firefox 19+ */
		color: #867772;
		opacity: 1;
		font-family: "Work Sans", sans-serif;
		font-weight: 300;
		font-size: 14px;
		opacity: 0.5;
	}

	:-ms-input-placeholder {
		/* Internet Explorer 10-11 */
		color: #e3c6be;
		font-family: "Work Sans", sans-serif;
		font-weight: 300;
		font-size: 14px;
		opacity: 0.5;
	}

	::-ms-input-placeholder {
		/* Microsoft Edge */
		color: #e3c6be;
		font-family: "Work Sans", sans-serif;
		font-weight: 300;
		font-size: 14px;
		opacity: 0.5;
	}

	body .menudrop .langtrans {
		border-bottom: #554d4b solid 1px;
		padding: 20px 0;
		font-size: 17px;
		display: block;
		color: #fff;
		text-decoration: none;
		text-transform: capitalize;
		text-align: left;
		font-weight: normal;
		margin-top: 15px;
		position: static;
		width: 100%;
		float: none;
		margin-right: 20px;
		background: url(http://studionerve-aurasens.dottylabs.com/wp-content/uploads/2017/11/arrowdown2.png)
		no-repeat right center;
	}
	body .menudrop .langtrans a {
		position: static;
	}
	.context-desc .quicklinks a:after {
		top: 55%;
	}
}

@media screen and (max-width: 767px) {
	section .partnerslist ul {
		top: 0;
	}
	#partners .inner{
		min-height:500px
	}
}

@media screen and (max-width: 480px) {
	.fullbg {
		height: 300px !important;
	}
	.body section.about h1 br {
		display: none;
	}
	.body section.about h1 {
		/* padding-left: 12%; */
		/* font-size: 16px; */
		width: 80%;
		padding-left: 18px;
	}
	.body section.about h1 p {
		max-width: 80%;
	}
	section .partnerslist ul {
		top: 40px;
	}
}
@media (max-width: 700px) {
	.context-desc .inner {
		margin: 0 45px 0 40px;
	}
	.scrollainner {
		margin-left: 60px;
	}
	body .modal {
		/* padding-left: 16vw; */
		padding-left: 78px;
		width: 82%;
	}
}
@media (max-width: 375px) {
	.body section.about h1 {
		padding-left: 22px;
		width: auto;
	}
}

@media (max-width: 330px) {
	.body section.about .container {
		padding-top: 25px !important;
	}
	.body section.about h1 {
		font-size: 1em;
	}
	.scrollainner {
		margin-left: 65px;
	}
	body .modal {
		padding-left: 81px;
		padding-top: 3vh !important;
		width: 76% !important;
	}
	.modal h2 {
		font-size: 21px !important;
	}
	.menudrop ul li a {
		font-size: 15px;
	}
	.modal .email_list li {
		padding: 20px 0 25px 0;
		border-bottom: #8e7c78 solid 1px;
		margin-left: 0;
	}
	.body section.about h1 {
		line-height: 25px;
	}
}
div.wpcf7-mail-sent-ng {
	border: 0 !important;
	margin: 13px 0 0 !important;
	padding: 0 !important;
	color: #EBCCC2 !important;
	font-size:14px;
}
div.wpcf7-validation-errors {
	border: 0 !important;
	margin: 13px 0 0 !important;
	padding: 0 !important;
	color: #EBCCC2 !important;
	font-size:14px;
}
.emailform .wpcf7-not-valid-tip{display:none}

.langtrans {
	padding-left: 5px;
}

.langtrans a:hover {
	color: rgb(234, 204, 194);
}
.scrolla {
	position: relative;
	display: inline-block;
	width: 90%;
	height: 86vh;
	font-size: 30px;
	overflow: hidden;
}
.closebtn {
	display: block !important;
	position: absolute;
	z-index: 200;
	width: 100%;
	height: 100%;
	display: none;
}
.error-container {
	text-align: center;
	width: 100vw;
	height: 100vh;
	position: relative;
}
.errorimg {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 50%);
}

/* .scroll_content{height:50vh; overflow:auto;} */
.sidenav ul li a span{
	position: static;
	display: block;
	border-right: none;
	left: 0;
	height: auto;
	opacity: 1;
}

#bitnami-banner {display:none;}

html .actiontag.englishcontent{
	display:inline-block !important
}
html .actiontag.frenchcontent{
	display:none !important
}
html.translated-ltr  .actiontag.englishcontent{
	display:none !important
}
html.translated-ltr  .actiontag.frenchcontent{

	display:inline-block !important
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color: none;
	background-image: none;
	color: rgb(0, 0, 0);
}
div.wpcf7-mail-sent-ok{
	background: url(images/checkicon.png) no-repeat 1px 3px;
	padding-left: 10px;
	border: 0 !important;
	margin: 13px 0 0 !important;
	padding: 0 0 0 24px !important;
	color: #EBCCC2 !important;
	font-size: 15px;
}
.appendval {
	position: absolute;
	bottom: -45px;
}
.appendval .success-contact,
.appendval .error-contact{opacity:0;}
.appendval span{
	border: 0 !important;
	margin: 13px 0 0 !important;
	padding: 0 !important;
	color: #EBCCC2 !important;
	font-size: 14px;
	width:auto
}
.appendval .error-contact{
	position: relative;
	top: 4px;
}
.appendval .success-contact{  
	position: relative;
	top: -20px;
}
.appendval .error-contact .frenchcontent{
	position: relative;
	top: 20px;
}
.success-contact span{
	background: url(images/checkicon.png) no-repeat 1px 2px;
	padding-left: 10px;
	border: 0 !important;
	margin: 13px 0 0 !important;
	padding: 0 0 0 24px !important;
	color: #EBCCC2 !important;
	font-size: 15px;
}
div.wpcf7-mail-sent-ok,
.wpcf7-validation-errors{display:none !important}

.page header {
	background: #2e2e2e;
	z-index: 999;
	border-bottom: 1px solid rgb(235 204 194 / 22%);
}

.page__section {
	color: #fff;
	max-width: 1280px;
	padding: 80px 30px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.page__section ::-webkit-scrollbar {
	width: 10px;
}

.page__section ::-webkit-scrollbar-track {
	border-radius: 5px;
}

.page__section ::-webkit-scrollbar-thumb {
	background: #fff;
	border-radius: 10px;
}

.page__section * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.page__title {
	margin-bottom: 40px;
}

.page__content {
	font-size: 14px;
	line-height: 1.7;
}

.page__section h1,
.page__section h2,
.page__section h3,
.page__section h4,
.page__section h5,
.page__section h6 {
	color: #ebccc2;
	line-height: 1.2;
	margin-bottom: 20px;
}

.page__content h2 {
	font-size: 30px;
}

.page__content h3 {
	font-size: 27px;
}

.page__content h4 {
	font-size: 24px;
}

.page__content h5 {
	font-size: 21px;
}

.page__content h6 {
	font-size: 16px;
}

.page__content p {
	margin-bottom: 20px;
}

.page__content ul {
	padding-left: 20px;
	margin-top: -10px;
	margin-bottom: 20px;
}

.page__content ol {
	counter-reset: list;
	padding-left: 20px;
	margin-top: -10px;
	margin-bottom: 20px;
}

.page__content ol li {
	counter-increment: list;
	padding-left: 35px;
}

.page__content li {
	padding-left: 15px;
	margin-bottom: 5px;
	position: relative;
}

.page__content ul li:before {
	background: #fff;
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 0;
}

.page__content ol li:before {
	content: '(' counter(list) ')';
		border-radius: 50%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.page__content a {
		color: #fff;
		text-decoration: underline;
	}

	.page__content a:hover {
		color: rgba(255, 255, 255, 0.5);
	}

	.page__content strong {
		font-weight: 700;
	}

	.page__footer {
		text-align: right;
		padding-top: 20px;
		border-top: 1px solid rgb(235 204 194 / 22%);
	}

	.page__footer a {
		color: #ebccc2;
		text-decoration: none;
		transition: opacity 0.3s linear;
	}

	.page__footer a:hover {
		opacity: 0.5;
	}

	@media screen and (min-width: 768px) {
		header {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		header .logo {
			display: block;
		}

		.page__section {
			padding: 160px 15px 0;
		}

		.page__title {
			margin-bottom: 80px;
		}

		.page__content {
			font-size: 16px;
			line-height: 1.8;
		}
	}

	@media screen and (min-width: 992px) {
		.page__section {
			padding-top: 180px;
			padding-bottom: 80px;
		}
	}