/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
	margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary { /* 1 */
	display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template,
[hidden] {
	display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
	outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
	font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
	font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
	background-color: #ff0;
	color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
	border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
	margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * Change font properties to `inherit` in all browsers (opinionated).
 */

button,
input,
select,
textarea {
	font: inherit;
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
	font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 * 2. Show the overflow in Edge, Firefox, and IE.
 */

button,
input,
select { /* 2 */
	overflow: visible;
}

/**
 * Remove the margin in Safari.
 * 1. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea { /* 1 */
	margin: 0;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Change the cursor in all browsers (opinionated).
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	cursor: pointer;
}

/**
 * Restore the default cursor to disabled elements unset by the previous rule.
 */

[disabled] {
	cursor: default;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS.
 */

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
input:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * Correct the odd appearance of search inputs in Chrome and Safari.
 */

[type="search"] {
	-webkit-appearance: textfield;
}

/**
 * Remove the inner padding and cancel buttons in Chrome on OS X and
 * Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/*
	GENERIC
		Normalize
 */

*,
*::before,
*::after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

video {
	max-width: 100%;
	max-height: 100%;
}

button,
input,
optgroup,
select,
textarea {
	border: 0 none;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

input[type=checkbox] {
	-webkit-appearance: checkbox;
}

input[type=radio] {
	-webkit-appearance: radio;
}

input:-webkit-autofill {
	-webkit-text-fill-color: black;
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}

textarea {
	resize: vertical;
}

*:focus {
	outline: none;
}

.touchevents a[href^="tel:"] {
	text-decoration: underline;
}

p > a,
li > a {
	border-bottom: 1px solid inherit;
}

ol,
ul {
	padding: 0 0 0 1em;
	list-style: disc outside none;
}

nav ul {
	list-style: none inside none;
	margin: 0;
	padding: 0;
}

/* Both are required to set input file size */

input[type="file"] {
	width: 100%;
	max-width: 100%;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/* Prevent iOS text resize */

html {
	-webkit-text-size-adjust: 100%;
}

/* Text selection */

::-moz-selection {
	background: lightGrey;
	text-shadow: none;
}

::selection {
	background: lightGrey;
	text-shadow: none;
}

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

.clearfix:after,
._container:after,
._row:after {
	clear: both;
}

/* Inline svg */

svg {
	background-color: transparent;
	fill: currentColor;
	max-width: 100%;
	max-height: 100%;
}

/* Phone links */

a[href^="tel:"] {
	color: currentColor;
	text-decoration: none !important;
}

.no-touchevents a[href^="tel:"] {
	color: inherit;
	cursor: default;
}

/*
	BASE
		Font faces
*/

/*
	BASE
		Document
*/

html {
	font-family: sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.2;
}

body {
	font-size: 1em;
	min-width: 320px;
	overflow-x: hidden;
}

body::before {
	display: none;
	content: "xl";
}

/*
	BASE
		Typography
 */

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

h1,
.h1 {
	font-size: 68px;
	font-weight: 300;
	font-size: 3.55vw;
}

h3,
.h3 {
	font-size: 68px;
	font-weight: 600;
	font-size: 3.2vw;
}

h4,
.h4 {
	font-size: 36px;
	font-weight: 300;
	font-size: 1.87vw;
}

p,
label,
ol,
ul,
input,
textarea,
span {
	margin: 0 0 1em;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 400;
	font-size: 32px;
	font-size: 1em;
}

.back-white ul,
.block-gray ul,
.text ul {
	padding-left: 40px;
	list-style: none;
}

.back-white ul li,
.block-gray ul li,
.text ul li {
	position: relative;
}

.back-white ul li:before,
.block-gray ul li:before,
.text ul li:before {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: -40px;
	width: 20px;
	height: 16px;
	background: url('../img/arrow.png') no-repeat center center;
	background-size: cover;
}

a {
	color: inherit;
	text-decoration: none;
	font-family: 'Barlow Condensed', sans-serif;
}

a[href^="mailto:"] {
	white-space: nowrap;
}

li {
	margin: 0 0 0.3em;
}

label {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 30px;
	font-size: 1.68vw;
	text-transform: uppercase;
	color: white;
}

select {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 30px;
	font-size: 1.68vw;
	text-transform: uppercase;
}

.menu li,
.back-color p,
.copyright,
.madeby {
	font-size: 24px;
}

button {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 30px;
	font-size: 1.55vw;
	font-weight: 600;
	color: #afb236;
	text-transform: uppercase;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	padding-bottom: 10px;
	border-bottom: 1px solid transparent;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	display: block;
	width: 137px;
}

.block-title {
	text-transform: uppercase;
	margin-bottom: 40px;
}

.block-title span {
	opacity: 0.35;
	font-size: 36px;
	text-transform: none;
}

.learn-more {
	font-size: 30px;
	font-size: 1.55vw;
	font-weight: 600;
	color: #afb236;
	text-transform: uppercase;
	text-align: left;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	padding-bottom: 10px;
	border-bottom: 1px solid transparent;
}

.no-touchevents .learn-more:hover,
.no-touchevents button:hover {
	border-bottom: 1px solid #afb236;
	padding-bottom: 0px;
}

.swiper-pagination-bullet {
	font-size: 36px;
	font-size: 1.87vw;
	font-weight: 300;
	text-transform: uppercase;
}

.back-gradient h3 {
	font-size: 62px;
	font-size: 3.22vw;
	margin: 0;
	color: white;
}

.file__selected {
	font-family: 'Barlow Condensed', sans-serif;
	color: white;
	font-size: 30px;
	font-size: 1.55vw;
}

.file__remove {
	font-family: 'Barlow Condensed', sans-serif;
	color: #a5a81e;
	position: relative;
	font-size: 1.55vw;
}

strong {
	text-transform: uppercase;
}

/*
	IMAGES
 */

/* Fallback for IE */

html[class*="ie"] img[src$=".svg"],
html[class*="ie"] img[src$=".SVG"] {
	width: 100%;
	height: 100%;
}

/*
	BASE
		Form
 */

.formulaire {
	background-color: #a5a71e;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(24%, #a5a71e), color-stop(88%, #0d4065));
	background-image: -webkit-linear-gradient(top, #a5a71e 24%, #0d4065 88%);
	background-image: linear-gradient(180deg, #a5a71e 24%, #0d4065 88%);
	padding: 130px 0;
}

.stores {
	display: flex;
	flex-wrap: wrap;
}
.store {
	vertical-align: top;
	text-align: left;
	flex: 0 0 50%;
	padding:  10px;
}

.form {
	width: 1287px;
	margin: 0 auto;
	display: block;
}

.ft-autofill {
	display: none;
}

.col-md-6 {
	width: 50%;
	display: inline-block;
}

input,
select,
textarea {
	width: 100%;
	border-radius: 40px;
	padding: 10px 30px;
	margin-top: 10px;
	background-color: white;
}

input,
select {
	height: 80px;
}

select {
	cursor: pointer;
}

button {
	background: none;
	text-align: center;
}

.ft-field--submit {
	text-align: center;
	margin-top: 5px;
}

.align-center {
	text-align: center;
	width: 986px;
	margin: 0 auto 30px;
	display: block;
	color: white;
}

.formulaire .border {
	margin: 7px auto 2px;
	float: none;
}

.align-center h2,
.align-center h3 {
	margin: 0;
}

.align-center h3 {
	margin-bottom: 38px;
}

.pad-left {
	padding-left: 20px;
}

.pad-left span.ft-invalid {
	right: 0;
}

.pad-right {
	padding-right: 20px;
}

.pad-right span.ft-invalid {
	right: 20px;
}

.ft-field {
	position: relative;
}

.ft-field--select:after {
	content: url("/wp-content/themes/bravad/assets/src/img/arrow-down.svg");
	position: absolute;
	height: 15px;
	width: 35px;
	right: 27px;
	top: 60%;
	pointer-events: none;
}

span.ft-invalid {
	color: white;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 16px;
	display: inline-block;
	background: red;
	padding: 1px 10px 2px 10px;
	border-radius: 15px;
}

section {
	position: relative;
}

.pic {
	padding: 0;
	position: relative;
	overflow: hidden;
}

.pic,
.text,
.pic2 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.text {
	padding: 111px 0;
	width: 50%;
	background-color: white;
	overflow: hidden;
}

.pad-side {
	padding: 0 160px;
}

.abso {
	top: -63px;
	bottom: inherit;
}

.full-width {
	width: 100%;
	height: 670px;
}

.pic1 {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.pic2 {
	width: 50%;
	height: 670px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.pic3 {
	width: 33.3333%;
	height: 670px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.match-height .pic2:first-child {
	border-right: 2px solid #fff;
}

.match-height .pic2:last-child {
	border-left: 2px solid #fff;
}

.match-height .pic3:first-child {
	border-right: 4px solid #fff;
}

.match-height .pic3:last-child {
	border-left: 4px solid #fff;
}

.embed-container {
	width: 50%;
	background-color: white;
	padding: 111px 0 111px 160px;
}

iframe {
	width: 100%;
	height: 100%;
}

.type {
	height: auto !important;
	background-color: #ededee;
}

.type .swiper-slide {
	height: auto !important;
}

.employe {
	padding: 100px 160px;
}

.round-pic {
	height: 400px;
	width: 400px;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	top: -10px;
	left: -37px;
}

.text-employe {
	width: 70%;
	display: inline-block;
	padding: 0 40px;
}

.poste {
	background-color: white;
	padding: 120px 160px;
}

.poste h3 {
	text-align: center;
	margin-top: 0;
}

.arrow-down-job {
	width: 45px;
	height: 26px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: 0.5s;
	transition: 0.5s;
	float: right;
	margin-top: 10px;
}

.arrow-down-job.rotate {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.poste-dispo {
	border-top: 1px solid #939393;
	padding-top: 48px;
	padding-bottom: 18px;
}

.border-gray {
	border-bottom: 1px solid #939393;
}

.job-description {
	display: none;
	padding-bottom: 30px;
}

.job-description p {
	margin-bottom: 6px;
}

.col-33 {
	width: 33.33%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.pad-side ul li img {
	float: none;
	margin: 10px;
	min-width: none;
}

.pad-side a,
.block-gray a {
	color: #a5a81e;
}

.pad-side a:hover,
.block-gray a:hover {
	color: #a5a81e;
	text-decoration: underline;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background: url("/wp-content/themes/bravad/assets/src/img/arrow-blue.svg") no-repeat 50% 50%;
	right: 166px;
	top: 23%;
	width: 43px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background: url("/wp-content/themes/bravad/assets/src/img/arrow-blue.svg") no-repeat 50% 50%;
	right: 220px;
	left: inherit;
	top: 23%;
	width: 43px;
}

.ft-field--file .ft-input,
.ft-field--file label,
.file__remove {
	display: none;
}

.button2 {
	margin: 0;
	width: inherit;
	text-align: left;
	margin-right: 10px;
	position: relative;
	display: inline-block;
}

.file__remove {
	cursor: pointer;
}

#ft-203 .ft-button--submit {
	left: inherit;
	margin: 0;
	width: inherit;
	position: inherit;
	text-align: center;
	display: inline-block;
	width: auto;
}

#ft-203 .ft-field--submit {
	text-align: center;
	margin-top: 20px;
	width: auto;
	position: relative;
	right: 0;
}

.bvfile.is-active .file__remove,
.file__selected {
	display: inline-block;
}

.block-gray {
	background-color: #ededee;
	padding: 60px 160px;
	overflow: hidden;
}

.ft-confirmation {
	display: block;
	background: #0d4065;
	color: #fff;
	padding: 10px 20px;
	border-radius: 20px;
	margin: 20px 0;
}

.ft-confirmation--invalid {
	background: red;
}

.study {
	position: relative;
	min-height: 745px;
	color: white;
	position: relative;
	overflow: hidden;
}

.max-study {
	position: absolute;
	left: 160px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	max-width: 640px;
}

.max-study h2,
.max-study h3 {
	margin: 0;
}

.max-study .border {
	margin: 10px 0;
	max-width: 560px;
}

footer {
	background-color: white;
	height: 65px;
	padding: 20px 160px 0;
}

.copyright {
	float: left;
	margin: 0;
}

.madeby {
	float: right;
	margin: 0;
	-webkit-transition: 1s;
	transition: 1s;
}

.no-touchevents .madeby:hover {
	color: #0c3f66;
}

.error404 .about,
.error404 .study {
	display: none;
}

#wplc_start_chat_btn {
	width: 250px !important;
	font-size: 20px;
	padding: 5px 20px !important;
}

#wp-live-chat span {
	font-size: 16px;
}

#wp-live-chat-2-inner {
	padding: 20px 12px 56px !important;
	background-color: #fff;
	overflow: hidden;
}

#wplc_end_chat_button {
	font-size: 15px !important;
}

#wp-live-chat-header {
	width: 42px !important;
	height: 42px !important;
}

.fbicon {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	width: 30px;
	height: 30px;
}

.fbicon:hover {
	opacity: 0.5;
}

.fbicon img {
	max-width: 100%;
}

.about {
	position: relative;
	padding: 135px;
	text-align: center;
}

.mask-white {
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: 0.9;
	background-color: white;
	top: 0;
	left: 0;
	z-index: -1;
}

.back-about {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -2;
	-webkit-transition: 1s;
	transition: 1s;
	background-attachment: fixed !important;
}

.back-color .back-about {
	background-attachment: scroll !important;
}

.back-white {
	background-color: white;
	padding: 120px 160px;
	width: 50%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.back-gradient {
	background-color: #a5a71e;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(24%, #a5a71e), color-stop(88%, #0d4065));
	background-image: -webkit-linear-gradient(top, #a5a71e 24%, #0d4065 88%);
	background-image: linear-gradient(180deg, #a5a71e 24%, #0d4065 88%);
	padding: 120px 160px;
	width: 50%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.match-height {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 100%;
}

.col-25 {
	width: 25%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.logo-about {
	height: 132px;
	width: 160px;
	position: absolute;
	bottom: -69px;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.back-color {
	position: relative;
	padding: 40px;
	text-align: center;
	color: white;
	height: 100%;
	overflow: hidden;
}

.border-blue {
	height: 1px;
	background-color: #7a94a7;
	width: 100%;
	margin: 7px auto;
	display: block;
	max-width: 695px;
}

.about h2,
.about h3 {
	margin: 0;
}

.border-white-fat {
	background-color: white;
	height: 16px;
	width: 100%;
	margin-top: 32px;
}

.mask {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	left: 0;
	top: 0;
	opacity: 0.9;
	-webkit-transition: 1s;
	transition: 1s;
}

.blue {
	background-color: #0c3f66;
}

.light-blue {
	background-color: #4c6b48;
}

.green {
	background-color: #5b7641;
}

.yellow {
	background-color: #a3a71f;
}

.uppercase {
	text-transform: uppercase;
}

.no-touchevents .link-defi:hover .mask {
	background-color: #000;
	opacity: 0.2;
}

.no-touchevents .link-defi:hover .back-about {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.up {
	border-bottom: 1px solid transparent;
	max-width: 110px !important;
	padding-bottom: 10px;
	-webkit-transition: 1s;
	transition: 1s;
}

.no-touchevents .up:hover {
	border-bottom: 1px solid white;
	padding-bottom: 0;
}

.pad-top {
	margin-top: 30px;
}

.icons {
	height: 145px;
	width: auto;
	margin: 0 auto;
	display: block;
}

.back-color h4 {
	margin-bottom: 28px;
	margin-top: 20px;
}

.back-color p {
	max-width: 346px;
	text-align: center;
	margin: 0 auto 1.2em;
}

.back-color .border {
	margin: 0 auto 23px;
	display: block;
	float: none;
	max-width: 320px;
}

.head {
	height: 540px;
	width: 100%;
	position: relative;
	color: white;
	overflow: hidden;
}

.text-head {
	position: absolute;
	left: 160px;
	top: 250px;
	width: 54%;
}

.text-head .border {
	max-width: inherit;
}

.text-head h1,
.text-head h3 {
	margin: 0;
}

.small {
	background: url("/wp-content/themes/bravad/assets/src/img/slide-triangle-petit.png") no-repeat 50% 50%;
	background-size: cover;
}

.icon {
	max-height: 150px;
	width: auto;
	position: absolute;
	left: 15%;
	top: 45%;
}

.menu li {
	display: inline-block;
	list-style: none;
	text-transform: uppercase;
	margin: 0 10px;
}

.nav {
	background-color: white;
	padding: 0 160px;
	margin-top: 80px;
	width: 100%;
	height: 80px;
	padding-top: 26px;
	-webkit-transition: 1s;
	transition: 1s;
}

.nav.change {
	margin-top: 0;
}

.menu a {
	border-bottom: 1px solid transparent;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.no-touchevents .menu a:hover,
.current-menu-item a {
	color: #0c3f66;
	padding-bottom: 5px;
	border-bottom: 1px solid #0c3f66;
}

.menu {
	text-align: right;
	margin: 0;
}

header {
	position: fixed;
	width: 100%;
	z-index: 100;
}

.logo {
	width: 240px;
	height: 100px;
	position: absolute;
	top: 42px;
	left: 160px;
	-webkit-transition: 1s;
	transition: 1s;
}

.logo.change {
	width: 180px;
	height: 75px;
	top: 1px;
}

body {
	background-color: black;
}

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

#menu-toggle span {
	display: block;
	background: #0c3f66;
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#menu-toggle {
	width: 35px;
	height: 35px;
	position: absolute;
	cursor: pointer;
	right: 80px;
	top: 100px;
	-webkit-transition: 1s;
	transition: 1s;
	z-index: 30;
	display: none;
}

#menu-toggle #hamburger {
	position: absolute;
	height: 100%;
	width: 100%;
}

#menu-toggle #hamburger span {
	width: 35px;
	height: 2px;
	position: relative;
	margin: 6px 0;
}

#menu-toggle #hamburger span:nth-child(1) {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}

#menu-toggle #hamburger span:nth-child(2) {
	-webkit-transition-delay: .425s;
	transition-delay: .425s;
	width: 50%;
}

#menu-toggle #hamburger span:nth-child(3) {
	-webkit-transition-delay: .65s;
	transition-delay: .65s;
}

#menu-toggle #hamburger span:nth-child(4) {
	-webkit-transition-delay: .55s;
	transition-delay: .55s;
	width: 50%;
}

#menu-toggle #cross {
	position: absolute;
	height: 100%;
	width: 100%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#menu-toggle #cross span:nth-child(1) {
	height: 0%;
	width: 2px;
	position: absolute;
	top: 0px;
	left: 16px;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

#menu-toggle #cross span:nth-child(2) {
	width: 0%;
	height: 2px;
	top: 16px;
	position: absolute;
	-webkit-transition-delay: .25s;
	transition-delay: .25s;
}

#menu-toggle.open #hamburger span {
	width: 0%;
}

#menu-toggle.open #hamburger span:nth-child(1) {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

#menu-toggle.open #hamburger span:nth-child(2) {
	-webkit-transition-delay: .25s;
	transition-delay: .25s;
}

#menu-toggle.open #hamburger span:nth-child(3) {
	-webkit-transition-delay: .15s;
	transition-delay: .15s;
}

#menu-toggle.open #hamburger span:nth-child(4) {
	-webkit-transition-delay: .20s;
	transition-delay: .20s;
}

#menu-toggle.open #cross span:nth-child(1) {
	height: 100%;
	-webkit-transition-delay: .525s;
	transition-delay: .525s;
}

#menu-toggle.open #cross span:nth-child(2) {
	width: 100%;
	-webkit-transition-delay: .275s;
	transition-delay: .275s;
}

.menu-item-has-children {
	position: relative;
}

.sub-menu {
	position: absolute;
	background-color: #0c3f66;
	padding: 20px;
	top: 54px;
	min-width: 200px;
	display: none;
}

.sub-menu li {
	display: block;
	color: white;
	padding: 10px 0;
}

.no-touchevents .sub-menu li a:hover {
	color: white;
	border-bottom: 1px solid white;
}

.sub-menu .current-menu-item a {
	color: #fff;
	border-bottom: 1px solid #fff;
}

#Map {
	width: 100%;
	height: 100%;
	position: relative;
	max-width: none !important;
}

#Map h2 {
	margin-top: 0;
}

#Map button {
	left: auto;
}

#Map img {
	max-height: none;
	max-width: none;
	-webkit-appearance: none;
}

.col-50 {
	width: 50%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.information .about {
	padding: 104px 120px;
}

.top {
	bottom: inherit;
	top: 475px;
	z-index: 20;
}

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
	float: left;
}

.swiper-container-vertical > .swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-property: transform,-webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-property: transform,-webkit-transform;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height,-webkit-transform;
	transition-property: height,-webkit-transform;
	-o-transition-property: transform,height;
	transition-property: transform,height;
	transition-property: transform,height,-webkit-transform;
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x;
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
	display: none;
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%;
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
	position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(0.66);
	-ms-transform: scale(0.66);
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(0.66);
	-ms-transform: scale(0.66);
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: .2s top,.2s -webkit-transform;
	transition: .2s top,.2s -webkit-transform;
	-o-transition: .2s transform,.2s top;
	-webkit-transition: .2s transform,.2s top;
	transition: .2s transform,.2s top;
	-webkit-transition: .2s transform,.2s top,.2s -webkit-transform;
	transition: .2s transform,.2s top,.2s -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s left,.2s -webkit-transform;
	transition: .2s left,.2s -webkit-transform;
	-o-transition: .2s transform,.2s left;
	-webkit-transition: .2s transform,.2s left;
	transition: .2s transform,.2s left;
	-webkit-transition: .2s transform,.2s left,.2s -webkit-transform;
	transition: .2s transform,.2s left,.2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s right,.2s -webkit-transform;
	transition: .2s right,.2s -webkit-transform;
	-o-transition: .2s transform,.2s right;
	-webkit-transition: .2s transform,.2s right;
	transition: .2s transform,.2s right;
	-webkit-transition: .2s transform,.2s right,.2s -webkit-transform;
	transition: .2s transform,.2s right,.2s -webkit-transform;
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, 0.25);
	position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000;
}

.swiper-pagination-lock {
	display: none;
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%;
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	left: 0;
	top: 0;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-scrollbar-lock {
	display: none;
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.swiper-slide-zoomed {
	cursor: move;
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube {
	overflow: visible;
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0;
}

.swiper-container-flip {
	overflow: visible;
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px;
}

.swiper-container,
.swiper-slide {
	width: 100%;
	height: 100vh;
	position: relative;
}

.swiper-pagination {
	bottom: 0;
}

.slide-triangle {
	position: absolute;
	left: 0;
	top: 0;
	width: 60%;
	height: 100%;
	background: url("/wp-content/themes/bravad/assets/src/img/slide-triangle.png") no-repeat right center;
	background-size: cover;
	z-index: 1;
}

.back-slide {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: -2;
	top: 0;
	-webkit-box-shadow: inset 0 -96px 119px #0a2d48;
	box-shadow: inset 0 -96px 119px #0a2d48;
}

.text-slide {
	position: absolute;
	top: 50%;
	left: 160px;
	z-index: 5;
	text-align: left;
	max-width: 585px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.text-slide h2,
.text-slide h3 {
	margin: 0;
	color: white;
}

.swiper-pagination {
	width: 100%;
	bottom: 60px !important;
	left: 0;
	padding: 0 160px;
}

.swiper-pagination-bullet {
	width: 21%;
	background: transparent;
	opacity: 1;
	color: white;
	border-bottom: 1px solid white;
	height: 40px;
	border-radius: 0;
	text-align: left;
	margin: 0 5% 0 0 !important;
	padding-bottom: 55px;
	float: left;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.swiper-pagination-bullet:last-child {
	margin: 0 !important;
}

.swiper-pagination-bullet-active,
.no-touchevents .swiper-pagination-bullet:hover {
	color: #a5a81e;
	border-bottom: 1px solid #a5a81e;
}

.border {
	height: 1px;
	background-color: white;
	width: 100%;
	margin: 7px 0 2px;
	max-width: 695px;
	margin-left: 4px;
	float: left;
}

.back-slide2 {
	display: none;
}

/*
	COMPONENTS
		Wordpress
*/

/* Images */

img.alignnone,
.wp-caption.alignnone,
img.alignleft,
.wp-caption.alignleft {
	float: left;
	margin: 0 1.1em 1.1em 0;
}

img.alignright,
.wp-caption.alignright {
	float: right;
	margin: 0 0 1.1em 1.1em;
}

img.aligncenter,
.wp-caption.aligncenter {
	display: block;
	margin: 0 auto 1.1em;
}

.wp-caption-text {
	font-size: 0.75em;
	margin: 1.45em 0;
}

[id^="attachment_"] {
	width: auto !important;
}

/*
	OBJECTS
		Grid
 */

/* Container */

._container {
	padding: 0 3rem;
	clear: both;
}

._container--full {
	padding: 0;
	overflow-x: hidden;
}

/* Row */

._row {
	margin: 0 -1rem;
}

._row--small-margin {
	margin: 0 -0.5rem;
}

._row--large-margin {
	margin: 0 -1.5rem;
}

._row--no-margin {
	margin: 0;
}

/* Columns */

._col {
	padding: 0 1rem;
	min-height: 1px;
	float: left;
}

._col--small-padding {
	padding: 0 0.5rem;
}

._col--large-padding {
	padding: 0 1.5rem;
}

._col--no-padding {
	padding: 0;
}

/*
	All possible widths
		- Alike : All sibling columns have same width. Applies only to
				  breakpoint specified with class.
		- Total : Use column count instead of width
*/

._col--xl-1 {
	width: 8.3333333333%;
}

._col--xl-1--alike:nth-of-type(1n+2) {
	clear: both;
}

._col--xl-total-1 {
	width: 100%;
}

._col--xl-2 {
	width: 16.6666666667%;
}

._col--xl-2--alike:nth-of-type(2n+3) {
	clear: both;
}

._col--xl-total-2 {
	width: 50%;
}

._col--xl-3 {
	width: 25%;
}

._col--xl-3--alike:nth-of-type(3n+4) {
	clear: both;
}

._col--xl-total-3 {
	width: 33.3333333333%;
}

._col--xl-4 {
	width: 33.3333333333%;
}

._col--xl-4--alike:nth-of-type(4n+5) {
	clear: both;
}

._col--xl-total-4 {
	width: 25%;
}

._col--xl-5 {
	width: 41.6666666667%;
}

._col--xl-5--alike:nth-of-type(5n+6) {
	clear: both;
}

._col--xl-total-5 {
	width: 20%;
}

._col--xl-6 {
	width: 50%;
}

._col--xl-6--alike:nth-of-type(6n+7) {
	clear: both;
}

._col--xl-total-6 {
	width: 16.6666666667%;
}

._col--xl-7 {
	width: 58.3333333333%;
}

._col--xl-7--alike:nth-of-type(7n+8) {
	clear: both;
}

._col--xl-total-7 {
	width: 14.2857142857%;
}

._col--xl-8 {
	width: 66.6666666667%;
}

._col--xl-8--alike:nth-of-type(8n+9) {
	clear: both;
}

._col--xl-total-8 {
	width: 12.5%;
}

._col--xl-9 {
	width: 75%;
}

._col--xl-9--alike:nth-of-type(9n+10) {
	clear: both;
}

._col--xl-total-9 {
	width: 11.1111111111%;
}

._col--xl-10 {
	width: 83.3333333333%;
}

._col--xl-10--alike:nth-of-type(10n+11) {
	clear: both;
}

._col--xl-total-10 {
	width: 10%;
}

._col--xl-11 {
	width: 91.6666666667%;
}

._col--xl-11--alike:nth-of-type(11n+12) {
	clear: both;
}

._col--xl-total-11 {
	width: 9.0909090909%;
}

._col--xl-12 {
	width: 100%;
}

._col--xl-12--alike:nth-of-type(12n+13) {
	clear: both;
}

._col--xl-total-12 {
	width: 8.3333333333%;
}

/*
	OBJECTS
		Helpers
*/

/* Spacer */

._spacer {
	min-width: 1px;
	height: 2rem;
	clear: both;
	overflow: hidden;
}

._spacer--small {
	height: 1rem;
}

._spacer--large {
	height: 3rem;
}

._spacer--txt {
	height: 1.2em;
}

/*
	OBJECTS
		Layout
*/

/*
	Utilities
		Typography
*/

.u-txt-center {
	text-align: center !important;
}

.u-txt-right {
	text-align: right !important;
}

.u-txt-left {
	text-align: left !important;
}

/*
	Utilities
		Layout
 */

.u-clear {
	clear: both !important;
	width: 100% !important;
}

.u-pull-right {
	float: right !important;
}

.u-pull-left {
	float: left !important;
}

.u-offset-parent {
	position: relative;
}

.u-overflow-visible {
	overflow: visible !important;
}

/* Visible / Hidden */

.u-hidden {
	display: none !important;
}

.u-visible {
	display: block !important;
}

.u-hidden-xl {
	display: none !important;
}

.u-visible-xl {
	display: block !important;
}

@media screen and (max-width: 1750px) {

.study {
	min-height: 650px;
}

}

@media screen and (max-width: 1600px) {

.study .slide-triangle {
	width: 69%;
}

.menu li {
	margin: 0 10px;
}

.menu li,
.back-color p,
.copyright,
.madeby {
	font-size: 21px;
}


}

@media screen and (max-width: 1400px) {

	.menu li,
	.back-color p,
	.copyright,
	.madeby {
		font-size: 19px;
	}

.study {
	min-height: 558px;
}

.menu li {
	margin: 0 5px;
}

.nav {
	padding: 26px 80px;
}

.slide-triangle {
	width: 60%;
}

}

@media screen and (max-width: 1300px) {

.form {
	width: 100%;
	padding: 0 20px;
}

.align-center {
	width: 100%;
	padding: 0 20px;
}

.slide-triangle {
	width: 70%;
}

.swiper-pagination-bullet {
	padding-bottom: 40px;
}

}

@media screen and (max-width: 1200px) {

body::before {
	content: "lg";
}

.menu li {
	font-size: 24px;
}

.embed-container {
	padding: 20px;
}

iframe {
	width: 100%;
	min-height: 400px;
}

.text {
	padding: 80px 0;
	background-color: #fff;
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
}

.round-pic {
	height: 218px;
	width: 218px;
}

.pic3,
.pic2,
.pic {
	width: 100%;
}

.col-33 {
	width: 100%;
}

.arrow-down-job {
	width: 25px;
	height: 26px;
	margin-top: -5px;
}

.full-width {
	height: 560px;
}

.block-gray {
	padding: 60px 80px;
}

.pad-side {
	padding: 0 80px;
}

.max-study {
	left: 80px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.study .slide-triangle {
	width: 80%;
}

.study {
	min-height: 480px;
}

.menu {
	display: none;
}

#menu-toggle {
	display: block;
}

#menu-toggle.change {
	top: 20px;
}

.menu {
	position: absolute;
	background-color: #0c3f66;
	height: 100vh;
	width: 100%;
	z-index: -1;
	padding: 180px 0 0;
	left: 0;
	top: 0;
}

.nav {
	z-index: 15;
}

.menu li {
	display: block;
	color: white;
	text-align: left;
	padding: 0 80px;
	margin: 0 0 25px;
	margin-bottom: 25px;
}

.logo {
	left: 80px;
}

.menu.change {
	padding: 110px 0 0;
}

.swiper-pagination {
	display: none;
}

.no-touchevents .menu-item-has-children:hover .sub-menu {
	display: none;
}

.current-menu-item a,
.no-touchevents .menu a:hover {
	color: white;
	border-bottom: 1px solid white;
}

.sub-menu {
	position: relative;
	top: 20px;
}

._col[class*="--alike"] {
	clear: none;
}

._col--lg-1 {
	width: 8.3333333333%;
}

._col--lg-1--alike:nth-of-type(1n+2) {
	clear: both;
}

._col--lg-total-1 {
	width: 100%;
}

._col--lg-2 {
	width: 16.6666666667%;
}

._col--lg-2--alike:nth-of-type(2n+3) {
	clear: both;
}

._col--lg-total-2 {
	width: 50%;
}

._col--lg-3 {
	width: 25%;
}

._col--lg-3--alike:nth-of-type(3n+4) {
	clear: both;
}

._col--lg-total-3 {
	width: 33.3333333333%;
}

._col--lg-4 {
	width: 33.3333333333%;
}

._col--lg-4--alike:nth-of-type(4n+5) {
	clear: both;
}

._col--lg-total-4 {
	width: 25%;
}

._col--lg-5 {
	width: 41.6666666667%;
}

._col--lg-5--alike:nth-of-type(5n+6) {
	clear: both;
}

._col--lg-total-5 {
	width: 20%;
}

._col--lg-6 {
	width: 50%;
}

._col--lg-6--alike:nth-of-type(6n+7) {
	clear: both;
}

._col--lg-total-6 {
	width: 16.6666666667%;
}

._col--lg-7 {
	width: 58.3333333333%;
}

._col--lg-7--alike:nth-of-type(7n+8) {
	clear: both;
}

._col--lg-total-7 {
	width: 14.2857142857%;
}

._col--lg-8 {
	width: 66.6666666667%;
}

._col--lg-8--alike:nth-of-type(8n+9) {
	clear: both;
}

._col--lg-total-8 {
	width: 12.5%;
}

._col--lg-9 {
	width: 75%;
}

._col--lg-9--alike:nth-of-type(9n+10) {
	clear: both;
}

._col--lg-total-9 {
	width: 11.1111111111%;
}

._col--lg-10 {
	width: 83.3333333333%;
}

._col--lg-10--alike:nth-of-type(10n+11) {
	clear: both;
}

._col--lg-total-10 {
	width: 10%;
}

._col--lg-11 {
	width: 91.6666666667%;
}

._col--lg-11--alike:nth-of-type(11n+12) {
	clear: both;
}

._col--lg-total-11 {
	width: 9.0909090909%;
}

._col--lg-12 {
	width: 100%;
}

._col--lg-12--alike:nth-of-type(12n+13) {
	clear: both;
}

._col--lg-total-12 {
	width: 8.3333333333%;
}

.u-hidden-lg {
	display: none !important;
}

.u-visible-lg {
	display: block !important;
}

}

@media screen and (max-width: 1150px) {

.about,
.back-color,
.back-gradient,
.back-white {
	padding: 60px 80px;
}

.logo-about {
	height: 82px;
	width: 100px;
	position: absolute;
	bottom: -41px;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.slide-triangle {
	width: 80%;
}

}

@media screen and (max-width: 979px) {

body::before {
	content: "md";
}

.copyright,
.madeby,
.back-color p {
	font-size: 18px;
}

.back-gradient h3,
h3,
.h3,
h1,
.h1 {
	font-size: 28px;
}

.learn-more,
button,
.file__selected {
	font-size: 18px;
}

p,
label,
ol,
ul,
input,
textarea,
span,
option,
select,
.file__remove {
	font-size: 18px;
}

.back-color h4 {
	font-size: 18px;
}

.col-md-6 {
	width: 100%;
	display: block;
}

.pad-left {
	padding-left: 0px;
}

.pad-right {
	padding-right: 0px;
}

.pad-right span.ft-invalid {
	right: 0px;
}

.formulaire {
	padding: 60px 0;
}

.ft-field--select {
	margin-bottom: 20px;
}

.full-width {
	width: 100%;
	height: 400px;
}

.pic2,
.pic {
	height: 300px;
}

.embed-container {
	padding: 40px 20px;
	width: 100%;
}

.text {
	width: 100%;
}

.text {
	padding: 40px 0;
	background-color: #fff;
}

.abso {
	top: -55px;
}

.text-employe {
	width: 100%;
	display: inline-block;
	padding: 0 20px;
}

.employe {
	padding: 40px 20px;
}

.poste {
	background-color: #fff;
	padding: 40px 20px;
}

.round-pic {
	margin: 0 auto;
	display: block;
}

.border-blue {
	max-width: 200px;
}

.back-color .border {
	max-width: 50%;
	float: none;
	margin: 7px auto 23px;
	display: block;
}

.block-gray {
	padding: 40px 80px;
}

.pad-side {
	padding: 0 80px;
}

.study {
	min-height: 290px;
	background-attachment: scroll !important;
}

.max-study {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mask-blue-study {
	background-color: rgba(12, 63, 102, 0.9);
	height: 100%;
	width: 100%;
	position: absolute;
}

.study .slide-triangle {
	height: 100%;
	background: none;
}

.max-study {
	max-width: 80%;
	left: 80px;
}

footer {
	padding: 20px 80px;
}

.back-gradient,
.back-white,
.col-25 {
	width: 100%;
}

.match-height {
	display: block;
}

.back-gradient,
.back-white {
	min-height: inherit;
}

.about,
.back-color,
.back-gradient,
.back-white {
	padding: 40px 80px;
}

.logo-about {
	display: none;
}

.icons {
	height: 100px;
}

.back-about {
	background-attachment: scroll !important;
}

.small {
	height: 100%;
}

.head {
	height: 450px;
}

.text-head {
	left: 80px;
}

.small {
	background-position: 200% 0 !important;
}

.icon {
	display: none;
}

.head {
	background-attachment: scroll !important;
}

.col-50 {
	width: 100%;
}

.top {
	top: 400px;
}

#Map {
	min-height: 450px;
}

.back-color .border {
	max-width: 80%;
}

.swiper-container,
.swiper-slide {
	width: 100%;
	position: relative;
}

.swiper-container,
.swiper-slide,
.slide-triangle,
.mask-blue {
	height: 500px;
}

.slide-triangle {
	background: url("/wp-content/themes/bravad/assets/src/img/slide-triangle.png") no-repeat right center;
	background-size: cover;
	z-index: 1;
	width: 80%;
	bottom: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mask-blue {
	width: 100%;
	bottom: 0;
	position: absolute;
	z-index: 2;
}

.text-slide {
	left: 80px;
}

._col[class*="--alike"] {
	clear: none;
}

._col--md-1 {
	width: 8.3333333333%;
}

._col--md-1--alike:nth-of-type(1n+2) {
	clear: both;
}

._col--md-total-1 {
	width: 100%;
}

._col--md-2 {
	width: 16.6666666667%;
}

._col--md-2--alike:nth-of-type(2n+3) {
	clear: both;
}

._col--md-total-2 {
	width: 50%;
}

._col--md-3 {
	width: 25%;
}

._col--md-3--alike:nth-of-type(3n+4) {
	clear: both;
}

._col--md-total-3 {
	width: 33.3333333333%;
}

._col--md-4 {
	width: 33.3333333333%;
}

._col--md-4--alike:nth-of-type(4n+5) {
	clear: both;
}

._col--md-total-4 {
	width: 25%;
}

._col--md-5 {
	width: 41.6666666667%;
}

._col--md-5--alike:nth-of-type(5n+6) {
	clear: both;
}

._col--md-total-5 {
	width: 20%;
}

._col--md-6 {
	width: 50%;
}

._col--md-6--alike:nth-of-type(6n+7) {
	clear: both;
}

._col--md-total-6 {
	width: 16.6666666667%;
}

._col--md-7 {
	width: 58.3333333333%;
}

._col--md-7--alike:nth-of-type(7n+8) {
	clear: both;
}

._col--md-total-7 {
	width: 14.2857142857%;
}

._col--md-8 {
	width: 66.6666666667%;
}

._col--md-8--alike:nth-of-type(8n+9) {
	clear: both;
}

._col--md-total-8 {
	width: 12.5%;
}

._col--md-9 {
	width: 75%;
}

._col--md-9--alike:nth-of-type(9n+10) {
	clear: both;
}

._col--md-total-9 {
	width: 11.1111111111%;
}

._col--md-10 {
	width: 83.3333333333%;
}

._col--md-10--alike:nth-of-type(10n+11) {
	clear: both;
}

._col--md-total-10 {
	width: 10%;
}

._col--md-11 {
	width: 91.6666666667%;
}

._col--md-11--alike:nth-of-type(11n+12) {
	clear: both;
}

._col--md-total-11 {
	width: 9.0909090909%;
}

._col--md-12 {
	width: 100%;
}

._col--md-12--alike:nth-of-type(12n+13) {
	clear: both;
}

._col--md-total-12 {
	width: 8.3333333333%;
}

.u-hidden-md {
	display: none !important;
}

.u-visible-md {
	display: block !important;
}

}

@media screen and (max-width: 760px) {

body::before {
	content: "sm";
}

._col[class*="--alike"] {
	clear: none;
}

._col--sm-1 {
	width: 8.3333333333%;
}

._col--sm-1--alike:nth-of-type(1n+2) {
	clear: both;
}

._col--sm-total-1 {
	width: 100%;
}

._col--sm-2 {
	width: 16.6666666667%;
}

._col--sm-2--alike:nth-of-type(2n+3) {
	clear: both;
}

._col--sm-total-2 {
	width: 50%;
}

._col--sm-3 {
	width: 25%;
}

._col--sm-3--alike:nth-of-type(3n+4) {
	clear: both;
}

._col--sm-total-3 {
	width: 33.3333333333%;
}

._col--sm-4 {
	width: 33.3333333333%;
}

._col--sm-4--alike:nth-of-type(4n+5) {
	clear: both;
}

._col--sm-total-4 {
	width: 25%;
}

._col--sm-5 {
	width: 41.6666666667%;
}

._col--sm-5--alike:nth-of-type(5n+6) {
	clear: both;
}

._col--sm-total-5 {
	width: 20%;
}

._col--sm-6 {
	width: 50%;
}

._col--sm-6--alike:nth-of-type(6n+7) {
	clear: both;
}

._col--sm-total-6 {
	width: 16.6666666667%;
}

._col--sm-7 {
	width: 58.3333333333%;
}

._col--sm-7--alike:nth-of-type(7n+8) {
	clear: both;
}

._col--sm-total-7 {
	width: 14.2857142857%;
}

._col--sm-8 {
	width: 66.6666666667%;
}

._col--sm-8--alike:nth-of-type(8n+9) {
	clear: both;
}

._col--sm-total-8 {
	width: 12.5%;
}

._col--sm-9 {
	width: 75%;
}

._col--sm-9--alike:nth-of-type(9n+10) {
	clear: both;
}

._col--sm-total-9 {
	width: 11.1111111111%;
}

._col--sm-10 {
	width: 83.3333333333%;
}

._col--sm-10--alike:nth-of-type(10n+11) {
	clear: both;
}

._col--sm-total-10 {
	width: 10%;
}

._col--sm-11 {
	width: 91.6666666667%;
}

._col--sm-11--alike:nth-of-type(11n+12) {
	clear: both;
}

._col--sm-total-11 {
	width: 9.0909090909%;
}

._col--sm-12 {
	width: 100%;
}

._col--sm-12--alike:nth-of-type(12n+13) {
	clear: both;
}

._col--sm-total-12 {
	width: 8.3333333333%;
}

.u-hidden-sm {
	display: none !important;
}

.u-visible-sm {
	display: block !important;
}

}

@media screen and (max-width: 640px) {

input,
select {
	height: 50px;
}

input,
select,
textarea {
	border-radius: 30px;
}

.formulaire .border {
	max-width: 200px;
}

.ft-field--select:after {
	content: url("/wp-content/themes/bravad/assets/src/img/arrow-down.svg");
	width: 29px;
}

.abso {
	top: -30px;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right: 20px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	right: 65px;
}

iframe {
	width: 100%;
	min-height: 300px;
}

.block-gray {
	padding: 40px 20px;
}

.round-pic {
	top: -10px;
	width: 150px;
	height: 150px;
}

.pad-side {
	padding: 0 20px;
}

.copyright,
.madeby {
	float: none;
	display: block;
	text-align: center;
}

.max-study {
	max-width: 80%;
	left: 20px;
}

footer {
	background-color: #fff;
	height: auto;
	padding: 20px;
}

.back-gradient,
.back-white {
	padding: 40px 20px;
}

.about {
	padding: 40px 20px;
}

.logo-about {
	display: none;
}

.back-color {
	padding: 20px;
}

.head {
	height: 300px;
}

.text-head {
	left: 20px;
	top: -webkit-calc(50% + 45px);
	top: calc(50% + 45px);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 55%;
}

.small {
	background-position: 100% 0 !important;
}

.logo {
	width: 120px;
	height: 50px;
	top: 25px;
	left: 20px;
}

.nav {
	height: 50px;
	margin-top: 40px;
}

#menu-toggle {
	top: 50px;
	height: 30px;
	width: 30px;
	right: 20px;
}

#menu-toggle #hamburger span {
	margin: 4px 0;
	width: 30px;
}

#menu-toggle.change {
	top: 11px;
}

.logo.change {
	height: 35px;
	width: 84px;
	top: 6px;
}

#menu-toggle #cross span:nth-child(2) {
	width: 0;
	height: 2px;
	top: 14px;
	position: absolute;
	-webkit-transition-delay: .25s;
	transition-delay: .25s;
}

#menu-toggle #cross span:first-child {
	height: 0%;
	width: 2px;
	position: absolute;
	top: 0;
	left: 14px;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.menu li {
	padding: 0 20px;
}

.top {
	top: 337px;
}

.information .about {
	padding: 60px 20px;
}

#Map {
	min-height: 350px;
}

.swiper-container,
.swiper-slide,
.slide-triangle,
.mask-blue {
	height: 300px;
}

.slide-triangle {
	width: 100%;
}

.text-slide {
	left: 20px;
	top: -webkit-calc( 50% + 45px);
	top: calc( 50% + 45px);
}

}

@media screen and (max-width: 560px) {

body::before {
	content: "xs";
}

._col[class*="--alike"] {
	clear: none;
}

._col--xs-1 {
	width: 8.3333333333%;
}

._col--xs-1--alike:nth-of-type(1n+2) {
	clear: both;
}

._col--xs-total-1 {
	width: 100%;
}

._col--xs-2 {
	width: 16.6666666667%;
}

._col--xs-2--alike:nth-of-type(2n+3) {
	clear: both;
}

._col--xs-total-2 {
	width: 50%;
}

._col--xs-3 {
	width: 25%;
}

._col--xs-3--alike:nth-of-type(3n+4) {
	clear: both;
}

._col--xs-total-3 {
	width: 33.3333333333%;
}

._col--xs-4 {
	width: 33.3333333333%;
}

._col--xs-4--alike:nth-of-type(4n+5) {
	clear: both;
}

._col--xs-total-4 {
	width: 25%;
}

._col--xs-5 {
	width: 41.6666666667%;
}

._col--xs-5--alike:nth-of-type(5n+6) {
	clear: both;
}

._col--xs-total-5 {
	width: 20%;
}

._col--xs-6 {
	width: 50%;
}

._col--xs-6--alike:nth-of-type(6n+7) {
	clear: both;
}

._col--xs-total-6 {
	width: 16.6666666667%;
}

._col--xs-7 {
	width: 58.3333333333%;
}

._col--xs-7--alike:nth-of-type(7n+8) {
	clear: both;
}

._col--xs-total-7 {
	width: 14.2857142857%;
}

._col--xs-8 {
	width: 66.6666666667%;
}

._col--xs-8--alike:nth-of-type(8n+9) {
	clear: both;
}

._col--xs-total-8 {
	width: 12.5%;
}

._col--xs-9 {
	width: 75%;
}

._col--xs-9--alike:nth-of-type(9n+10) {
	clear: both;
}

._col--xs-total-9 {
	width: 11.1111111111%;
}

._col--xs-10 {
	width: 83.3333333333%;
}

._col--xs-10--alike:nth-of-type(10n+11) {
	clear: both;
}

._col--xs-total-10 {
	width: 10%;
}

._col--xs-11 {
	width: 91.6666666667%;
}

._col--xs-11--alike:nth-of-type(11n+12) {
	clear: both;
}

._col--xs-total-11 {
	width: 9.0909090909%;
}

._col--xs-12 {
	width: 100%;
}

._col--xs-12--alike:nth-of-type(12n+13) {
	clear: both;
}

._col--xs-total-12 {
	width: 8.3333333333%;
}

.u-hidden-xs {
	display: none !important;
}

.u-visible-xs {
	display: block !important;
}

}

@media screen and (max-width: 320px) {

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	top: 9%;
}

}

@-webkit-keyframes swiper-preloader-spin {

100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

}

@keyframes swiper-preloader-spin {

100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

}

