/*
Theme Name: Fouquets
Author: 60fps
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fouquets
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2019 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.page-padding-left {
  padding-left: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .page-padding-left {
    padding-left: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .page-padding-left {
    padding-left: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .page-padding-left {
    padding-left: 6.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .page-padding-left {
    padding-left: 100px;
  }
}
.page-padding-right {
  padding-right: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .page-padding-right {
    padding-right: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .page-padding-right {
    padding-right: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .page-padding-right {
    padding-right: 6.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .page-padding-right {
    padding-right: 100px;
  }
}
.page-margin-left {
  margin-left: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .page-margin-left {
    margin-left: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .page-margin-left {
    margin-left: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .page-margin-left {
    margin-left: 6.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .page-margin-left {
    margin-left: 100px;
  }
}
.page-margin-right {
  margin-right: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .page-margin-right {
    margin-right: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .page-margin-right {
    margin-right: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .page-margin-right {
    margin-right: 6.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .page-margin-right {
    margin-right: 100px;
  }
}
div[class^='bloc-']:not(:first-child),
footer {
  margin-top: 21.33vw;
}
@media only screen and (min-width: 768px) {
  div[class^='bloc-']:not(:first-child),
  footer {
    margin-top: 5.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  div[class^='bloc-']:not(:first-child),
  footer {
    margin-top: 88.89px;
  }
}
@media only screen and (min-width: 768px) {
  div[class^='bloc-']:not(:first-child),
  footer {
    margin-top: 7.64vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  div[class^='bloc-']:not(:first-child),
  footer {
    margin-top: 122.22px;
  }
}
@font-face {
  font-family: 'Lucien Book';
  src: url('./fonts/Lucien-Book.woff2') format('woff2'), url('./fonts/Lucien-Book.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lucien';
  src: url('./fonts/Lucien-Bold.woff2') format('woff2'), url('./fonts/Lucien-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lucien';
  src: url('./fonts/Lucien-Regular.woff2') format('woff2'), url('./fonts/Lucien-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Minion Pro';
  src: url('./fonts/MinionPro-Regular.woff2') format('woff2'), url('./fonts/MinionPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tajawal';
  src: url('./fonts/Tajawal-Bold.woff2') format('woff2'), url('./fonts/Tajawal-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Tajawal';
  src: url('./fonts/Tajawal-Regular.woff2') format('woff2'), url('./fonts/Tajawal-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Amiri';
  src: url('./fonts/Amiri-Regular.woff2') format('woff2'), url('./fonts/Amiri-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Amiri';
  src: url('./fonts/Amiri-Italic.woff2') format('woff2'), url('./fonts/Amiri-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
.style-text {
  font-family: 'Lucien Book';
  font-size: 3.73vw;
  letter-spacing: 0.16vw;
  line-height: 5.33vw;
  color: #EBF0F3;
  margin-bottom: -2.13vw;
}
.rtl .style-text {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  .style-text {
    font-size: 0.97vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-text {
    font-size: 15.56px;
  }
}
@media only screen and (min-width: 768px) {
  .style-text {
    letter-spacing: 0.04vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-text {
    letter-spacing: 0.67px;
  }
}
@media only screen and (min-width: 768px) {
  .style-text {
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-text {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) {
  .style-text {
    margin-bottom: -0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-text {
    margin-bottom: -8.89px;
  }
}
@media only screen and (min-width: 768px) {
  .style-text {
    font-size: 0.83vw;
    letter-spacing: 0.05vw;
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-text {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .style-text {
    font-size: 1vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .style-text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-text {
    letter-spacing: 0.83px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .style-text {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .style-text {
    letter-spacing: 1px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-text {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .style-text {
    line-height: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .style-text {
    line-height: 26.67px;
  }
}
.style-titre {
  font-family: 'Minion Pro';
  font-size: 8vw;
  line-height: 8vw;
  letter-spacing: 0.08vw;
  color: #2B2B2B;
  text-transform: uppercase;
  margin-bottom: -2.13vw;
}
.rtl .style-titre {
  font-family: 'Amiri';
}
@media only screen and (min-width: 768px) {
  .style-titre {
    font-size: 2.08vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-titre {
    font-size: 33.33px;
  }
}
@media only screen and (min-width: 768px) {
  .style-titre {
    line-height: 2.08vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-titre {
    line-height: 33.33px;
  }
}
@media only screen and (min-width: 768px) {
  .style-titre {
    letter-spacing: 0.02vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-titre {
    letter-spacing: 0.33px;
  }
}
@media only screen and (min-width: 768px) {
  .style-titre {
    margin-bottom: -0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-titre {
    margin-bottom: -8.89px;
  }
}
.style-titre + *:not(.button-wrapper):not(.button):not([data-component='scroll-to']):not(.hashtag) {
  margin-top: 8.53vw;
}
@media only screen and (min-width: 768px) {
  .style-titre + *:not(.button-wrapper):not(.button):not([data-component='scroll-to']):not(.hashtag) {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-titre + *:not(.button-wrapper):not(.button):not([data-component='scroll-to']):not(.hashtag) {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .style-titre + *:not(.button-wrapper):not(.button):not([data-component='scroll-to']):not(.hashtag) {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-titre + *:not(.button-wrapper):not(.button):not([data-component='scroll-to']):not(.hashtag) {
    margin-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .style-titre {
    font-size: 2.78vw;
    letter-spacing: 0.15vw;
    line-height: 2.78vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-titre {
    font-size: 44.44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .style-titre {
    font-size: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .style-titre {
    font-size: 53.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-titre {
    letter-spacing: 2.33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .style-titre {
    letter-spacing: 0.17vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .style-titre {
    letter-spacing: 2.8px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-titre {
    line-height: 44.44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .style-titre {
    line-height: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .style-titre {
    line-height: 53.33px;
  }
}
.style-sf {
  font-family: 'Lucien';
  font-weight: bold;
  font-size: 3.2vw;
  line-height: 5.33vw;
  letter-spacing: 0.22vw;
  color: #2B2B2B;
  text-transform: uppercase;
  margin-bottom: -2.67vw;
}
.rtl .style-sf {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  .style-sf {
    font-size: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-sf {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) {
  .style-sf {
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-sf {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) {
  .style-sf {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-sf {
    letter-spacing: 0.92px;
  }
}
@media only screen and (min-width: 768px) {
  .style-sf {
    margin-bottom: -0.69vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .style-sf {
    margin-bottom: -11.11px;
  }
}
.shadow[data-relativeto] {
  position: absolute;
}
.shadow[data-relativeto] > div {
  position: absolute;
  top: 2px;
  left: 0;
  bottom: -2px;
  right: 0;
  background: rgba(0, 0, 0, 0.07);
  filter: blur(15px);
}
[data-component="hover-underline"] {
  position: relative;
}
[data-component="hover-underline"].gold span u {
  background: #A57B1B;
}
[data-component="hover-underline"].gray-light3 span u {
  background: #EBF0F3;
}
[data-component="hover-underline"].dark span u {
  background: #030303;
}
[data-component="hover-underline"] span {
  position: relative;
  padding-top: 1.6vw;
  padding-bottom: 1.6vw;
  overflow: hidden;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  [data-component="hover-underline"] span {
    padding-top: 0.42vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  [data-component="hover-underline"] span {
    padding-top: 6.67px;
  }
}
@media only screen and (min-width: 768px) {
  [data-component="hover-underline"] span {
    padding-bottom: 0.42vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  [data-component="hover-underline"] span {
    padding-bottom: 6.67px;
  }
}
[data-component="hover-underline"] span u {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 1px;
  background: #A57B1B;
  width: 100%;
  display: block;
  transform: translateX(-101%);
}
[data-component="hover-underline"] span ~ span {
  margin-top: -1.6vw;
  padding-top: 0px;
}
@media only screen and (min-width: 768px) {
  [data-component="hover-underline"] span ~ span {
    margin-top: -0.42vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  [data-component="hover-underline"] span ~ span {
    margin-top: -6.67px;
  }
}
.hover-opacity {
  transition: opacity 0.4s linear;
}
.notouch .hover-opacity:hover {
  opacity: 0.7;
}
.texts-wrapper.page-padding-left.page-padding-right {
  margin-top: -12.8vw;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .texts-wrapper.page-padding-left.page-padding-right {
    margin-top: -3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .texts-wrapper.page-padding-left.page-padding-right {
    margin-top: -53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .texts-wrapper.page-padding-left.page-padding-right {
    margin-top: -6.25vw;
    padding-left: 6.25vw;
    padding-right: 6.25vw;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .texts-wrapper.page-padding-left.page-padding-right {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .texts-wrapper.page-padding-left.page-padding-right {
    padding-left: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .texts-wrapper.page-padding-left.page-padding-right {
    padding-right: 100px;
  }
}
.texts-wrapper.page-padding-left.page-padding-right .texts {
  background: white;
  color: #030303;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.07);
  padding-left: 8.53vw;
  padding-right: 8.53vw;
  padding-top: 12.8vw;
  padding-bottom: 12.8vw;
}
@media only screen and (min-width: 768px) {
  .texts-wrapper.page-padding-left.page-padding-right .texts {
    padding-left: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .texts-wrapper.page-padding-left.page-padding-right .texts {
    padding-left: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .texts-wrapper.page-padding-left.page-padding-right .texts {
    padding-right: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .texts-wrapper.page-padding-left.page-padding-right .texts {
    padding-right: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .texts-wrapper.page-padding-left.page-padding-right .texts {
    padding-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .texts-wrapper.page-padding-left.page-padding-right .texts {
    padding-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .texts-wrapper.page-padding-left.page-padding-right .texts {
    padding-bottom: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .texts-wrapper.page-padding-left.page-padding-right .texts {
    padding-bottom: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .texts-wrapper.page-padding-left.page-padding-right .texts {
    padding-left: 8.33vw;
    padding-right: 8.33vw;
    padding-top: 4.17vw;
    padding-bottom: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .texts-wrapper.page-padding-left.page-padding-right .texts {
    padding-left: 133.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .texts-wrapper.page-padding-left.page-padding-right .texts {
    padding-right: 133.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .texts-wrapper.page-padding-left.page-padding-right .texts {
    padding-top: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .texts-wrapper.page-padding-left.page-padding-right .texts {
    padding-bottom: 66.67px;
  }
}
.texts-wrapper.page-padding-left.page-padding-right .texts h2 {
  margin-top: 4.27vw;
}
@media only screen and (min-width: 768px) {
  .texts-wrapper.page-padding-left.page-padding-right .texts h2 {
    margin-top: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .texts-wrapper.page-padding-left.page-padding-right .texts h2 {
    margin-top: 17.78px;
  }
}
form .form-item {
  margin-top: 12.8vw;
  position: relative;
}
@media only screen and (min-width: 768px) {
  form .form-item {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item {
    margin-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item {
    width: 50%;
    display: inline-block;
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item {
    margin-top: 53.33px;
  }
}
form .form-item label {
  font-family: 'Minion Pro';
  font-size: 4.8vw;
  letter-spacing: 0.22vw;
  color: #2B2B2B;
  display: block;
  margin-bottom: -2.13vw;
}
.rtl form .form-item label {
  font-family: 'Amiri';
}
@media only screen and (min-width: 768px) {
  form .form-item label {
    font-size: 1.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item label {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item label {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item label {
    letter-spacing: 0.91px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item label {
    margin-bottom: -0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item label {
    margin-bottom: -8.89px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item label {
    font-size: 1.53vw;
    letter-spacing: 0.07vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item label {
    font-size: 24.44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  form .form-item label {
    font-size: 1.83vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  form .form-item label {
    font-size: 29.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item label {
    letter-spacing: 1.11px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  form .form-item label {
    letter-spacing: 0.08vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  form .form-item label {
    letter-spacing: 1.33px;
  }
}
form .form-item .content {
  position: relative;
  margin-top: 4.27vw;
}
@media only screen and (min-width: 768px) {
  form .form-item .content {
    margin-top: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content {
    margin-top: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item .content {
    margin-top: 2.08vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content {
    margin-top: 33.33px;
  }
}
form .form-item .content input,
form .form-item .content textarea {
  border: none;
  font-family: 'Lucien Book';
  font-size: 3.73vw;
  letter-spacing: 0.16vw;
  line-height: 5.33vw;
  color: #EBF0F3;
  margin-bottom: -2.13vw;
  font-size: 4.27vw;
  color: #2B2B2B;
  border-bottom: 1px solid #2B2B2B;
  width: 100%;
}
.rtl form .form-item .content input,
.rtl form .form-item .content textarea {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  form .form-item .content input,
  form .form-item .content textarea {
    font-size: 0.97vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content input,
  form .form-item .content textarea {
    font-size: 15.56px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item .content input,
  form .form-item .content textarea {
    letter-spacing: 0.04vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content input,
  form .form-item .content textarea {
    letter-spacing: 0.67px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item .content input,
  form .form-item .content textarea {
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content input,
  form .form-item .content textarea {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item .content input,
  form .form-item .content textarea {
    margin-bottom: -0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content input,
  form .form-item .content textarea {
    margin-bottom: -8.89px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item .content input,
  form .form-item .content textarea {
    font-size: 0.83vw;
    letter-spacing: 0.05vw;
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content input,
  form .form-item .content textarea {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  form .form-item .content input,
  form .form-item .content textarea {
    font-size: 1vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  form .form-item .content input,
  form .form-item .content textarea {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content input,
  form .form-item .content textarea {
    letter-spacing: 0.83px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  form .form-item .content input,
  form .form-item .content textarea {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  form .form-item .content input,
  form .form-item .content textarea {
    letter-spacing: 1px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content input,
  form .form-item .content textarea {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  form .form-item .content input,
  form .form-item .content textarea {
    line-height: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  form .form-item .content input,
  form .form-item .content textarea {
    line-height: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item .content input,
  form .form-item .content textarea {
    font-size: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content input,
  form .form-item .content textarea {
    font-size: 17.78px;
  }
}
form .form-item .content .placeholder {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  font-family: 'Lucien Book';
  font-size: 3.73vw;
  letter-spacing: 0.16vw;
  line-height: 5.33vw;
  color: #EBF0F3;
  margin-bottom: -2.13vw;
  color: #9E9E9E;
  pointer-events: none;
  border-bottom: 1px solid transparent;
}
.rtl form .form-item .content .placeholder {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  form .form-item .content .placeholder {
    font-size: 0.97vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content .placeholder {
    font-size: 15.56px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item .content .placeholder {
    letter-spacing: 0.04vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content .placeholder {
    letter-spacing: 0.67px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item .content .placeholder {
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content .placeholder {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item .content .placeholder {
    margin-bottom: -0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content .placeholder {
    margin-bottom: -8.89px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item .content .placeholder {
    font-size: 0.83vw;
    letter-spacing: 0.05vw;
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content .placeholder {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  form .form-item .content .placeholder {
    font-size: 1vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  form .form-item .content .placeholder {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content .placeholder {
    letter-spacing: 0.83px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  form .form-item .content .placeholder {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  form .form-item .content .placeholder {
    letter-spacing: 1px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content .placeholder {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  form .form-item .content .placeholder {
    line-height: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  form .form-item .content .placeholder {
    line-height: 26.67px;
  }
}
form .form-item .content textarea {
  resize: none;
  height: 26.67vw;
}
@media only screen and (min-width: 768px) {
  form .form-item .content textarea {
    height: 6.94vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content textarea {
    height: 111.11px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item .content textarea {
    height: 9.38vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .content textarea {
    height: 150px;
  }
}
form .form-item .error-message {
  font-family: 'Lucien Book';
  font-size: 3.73vw;
  letter-spacing: 0.16vw;
  line-height: 5.33vw;
  color: #EBF0F3;
  margin-bottom: -2.13vw;
  color: #AD1B2D;
  position: absolute;
  bottom: -6.4vw;
  left: 0px;
  opacity: 0;
  transition: opacity 0.3s linear;
}
.rtl form .form-item .error-message {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  form .form-item .error-message {
    font-size: 0.97vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .error-message {
    font-size: 15.56px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item .error-message {
    letter-spacing: 0.04vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .error-message {
    letter-spacing: 0.67px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item .error-message {
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .error-message {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item .error-message {
    margin-bottom: -0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .error-message {
    margin-bottom: -8.89px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item .error-message {
    font-size: 0.83vw;
    letter-spacing: 0.05vw;
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .error-message {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  form .form-item .error-message {
    font-size: 1vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  form .form-item .error-message {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .error-message {
    letter-spacing: 0.83px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  form .form-item .error-message {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  form .form-item .error-message {
    letter-spacing: 1px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .error-message {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  form .form-item .error-message {
    line-height: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  form .form-item .error-message {
    line-height: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  form .form-item .error-message {
    bottom: -1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .form-item .error-message {
    bottom: -26.67px;
  }
}
form .form-item.error .content textarea,
form .form-item.error .content input {
  border-color: #AD1B2D;
}
form .form-item.error .error-message {
  opacity: 1;
}
form .submit-item {
  text-align: center;
  margin-top: 12.8vw;
}
@media only screen and (min-width: 768px) {
  form .submit-item {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .submit-item {
    margin-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  form .submit-item {
    text-align: right;
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  form .submit-item {
    margin-top: 53.33px;
  }
}
form .submit-item .button {
  display: inline-block;
}
.button-wrapper {
  text-align: center;
  display: block;
}
.button {
  height: 12.8vw;
  line-height: 12.8vw;
  position: relative;
  border: 1px solid #A57B1B;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  box-sizing: content-box;
}
@media only screen and (min-width: 768px) {
  .button {
    height: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button {
    height: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .button {
    line-height: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button {
    line-height: 53.33px;
  }
}
.button .bg-hover {
  position: absolute;
  height: 105%;
  left: 0px;
  right: 0px;
  top: 100%;
  background: #A57B1B;
}
.button.button-margin-top {
  margin-top: 12.8vw;
}
@media only screen and (min-width: 768px) {
  .button.button-margin-top {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button.button-margin-top {
    margin-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .button.button-margin-top {
    margin-top: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button.button-margin-top {
    margin-top: 66.67px;
  }
}
.button span {
  color: #A57B1B;
  font-family: 'Lucien';
  font-size: 2.67vw;
  line-height: 2.67vw;
  letter-spacing: 0.22vw;
  text-transform: uppercase;
  min-width: 48vw;
  display: inline-block;
  vertical-align: middle;
  padding-left: 8.53vw;
  padding-right: 8.53vw;
  white-space: nowrap;
  position: relative;
  top: 0.4vw;
}
.rtl .button span {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  .button span {
    font-size: 0.69vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button span {
    font-size: 11.11px;
  }
}
@media only screen and (min-width: 768px) {
  .button span {
    line-height: 0.69vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button span {
    line-height: 11.11px;
  }
}
@media only screen and (min-width: 768px) {
  .button span {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button span {
    letter-spacing: 0.92px;
  }
}
@media only screen and (min-width: 768px) {
  .button span {
    min-width: 12.5vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button span {
    min-width: 200px;
  }
}
@media only screen and (min-width: 768px) {
  .button span {
    padding-left: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button span {
    padding-left: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .button span {
    padding-right: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button span {
    padding-right: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .button span {
    top: 0.1vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button span {
    top: 1.67px;
  }
}
@media only screen and (min-width: 768px) {
  .button span {
    padding-left: 4.17vw;
    padding-right: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button span {
    padding-left: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button span {
    padding-right: 66.67px;
  }
}
.button svg {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2.67vw;
}
@media only screen and (min-width: 768px) {
  .button svg {
    margin-left: 0.69vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button svg {
    margin-left: 11.11px;
  }
}
.rtl .button svg {
  margin-left: 0px;
  margin-right: 2.67vw;
}
@media only screen and (min-width: 768px) {
  .rtl .button svg {
    margin-right: 0.69vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .rtl .button svg {
    margin-right: 11.11px;
  }
}
.button svg polygon {
  fill: #A57B1B;
}
.button svg path {
  stroke: #A57B1B;
}
.button svg.svg-external-link {
  width: 4.27vw;
}
@media only screen and (min-width: 768px) {
  .button svg.svg-external-link {
    width: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button svg.svg-external-link {
    width: 17.78px;
  }
}
.button.background-gold {
  background: #A57B1B;
}
.button.background-gold .bg-hover {
  background-color: white;
}
.button.background-gold span {
  color: white;
}
.burger {
  margin-right: 6.4vw;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .burger {
    margin-right: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .burger {
    margin-right: 26.67px;
  }
}
.rtl .burger {
  margin-left: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .rtl .burger {
    margin-left: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .rtl .burger {
    margin-left: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .rtl .burger {
    margin-left: 2.08vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .rtl .burger {
    margin-left: 33.33px;
  }
}
@media only screen and (min-width: 768px) {
  .burger {
    margin-right: 2.08vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .burger {
    margin-right: 33.33px;
  }
}
.burger.hidden .line i {
  transition-delay: 0s !important;
  transform: scaleX(0) !important;
}
.notouch .burger:hover .line:first-child .gold {
  transition-delay: 0s;
}
.notouch .burger:hover .line:nth-child(2) .gold {
  transition-delay: 0.1s;
}
.notouch .burger:hover .line:last-child .gold {
  transition-delay: 0.2s;
}
.notouch .burger:hover .line:first-child .red {
  transition-delay: 0.35s;
}
.notouch .burger:hover .line:nth-child(2) .red {
  transition-delay: 0.45s;
}
.notouch .burger:hover .line:last-child .red {
  transition-delay: 0.55s;
}
.notouch .burger:hover .line .gold {
  transform: scaleX(0);
  transform-origin: 100% 0;
}
.notouch .burger:hover .line .red {
  transform: scaleX(1);
}
.burger .line {
  height: 1px;
  width: 8.53vw;
  margin-top: 2.13vw;
  margin-bottom: 2.13vw;
  display: block;
  position: relative;
  transition: transform 0.4s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
@media only screen and (min-width: 768px) {
  .burger .line {
    width: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .burger .line {
    width: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .burger .line {
    margin-top: 0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .burger .line {
    margin-top: 8.89px;
  }
}
@media only screen and (min-width: 768px) {
  .burger .line {
    margin-bottom: 0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .burger .line {
    margin-bottom: 8.89px;
  }
}
@media only screen and (min-width: 768px) {
  .burger .line {
    width: 2.08vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .burger .line {
    width: 33.33px;
  }
}
.burger .line i {
  transition: transform 0.25s cubic-bezier(0.65, 0.25, 0.67, 0.36);
}
.burger .line .gold {
  background: #A57B1B;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  display: block;
  transform: scaleX(1);
  transform-origin: 100% 0;
}
.burger .line .red {
  background: #AD1B2D;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  transform: scaleX(0);
  display: block;
  transform-origin: 0% 0;
  transition-delay: 0s;
}
.burger .line:first-child:after,
.burger .line:last-child:after {
  content: "";
  position: absolute;
  height: 3px;
  top: -1px;
  width: 1.07vw;
  background: white;
}
@media only screen and (min-width: 768px) {
  .burger .line:first-child:after,
  .burger .line:last-child:after {
    width: 0.28vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .burger .line:first-child:after,
  .burger .line:last-child:after {
    width: 4.44px;
  }
}
.burger .line:first-child:after {
  left: 1.6vw;
}
@media only screen and (min-width: 768px) {
  .burger .line:first-child:after {
    left: 0.42vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .burger .line:first-child:after {
    left: 6.67px;
  }
}
.burger .line:first-child .gold {
  transition-delay: 0.35s;
}
.burger .line:first-child .red {
  transition-delay: 0.2s;
}
.burger .line:nth-child(2) .gold {
  transition-delay: 0.45s;
}
.burger .line:nth-child(2) .red {
  transition-delay: 0.1s;
}
.burger .line:last-child .gold {
  transition-delay: 0.55s;
}
.burger .line:last-child .red {
  transition-delay: 0s;
}
.burger .line:last-child:after {
  right: 1.6vw;
}
@media only screen and (min-width: 768px) {
  .burger .line:last-child:after {
    right: 0.42vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .burger .line:last-child:after {
    right: 6.67px;
  }
}
.button-close {
  cursor: pointer;
  position: absolute;
  right: 6.4vw;
  top: 2.13vw;
  width: 12.8vw;
  height: 12.8vw;
  line-height: 12.8vw;
  overflow: hidden;
  background: white;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .button-close {
    right: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button-close {
    right: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .button-close {
    top: 0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button-close {
    top: 8.89px;
  }
}
@media only screen and (min-width: 768px) {
  .button-close {
    width: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button-close {
    width: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .button-close {
    height: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button-close {
    height: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .button-close {
    line-height: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button-close {
    line-height: 53.33px;
  }
}
.rtl .button-close {
  right: auto;
  left: 4.27vw;
}
@media only screen and (min-width: 768px) {
  .rtl .button-close {
    left: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .rtl .button-close {
    left: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  .button-close {
    right: 2.08vw;
    top: 2.08vw;
    width: 3.33vw;
    height: 3.33vw;
    line-height: 3.33vw;
  }
  .rtl .button-close {
    right: auto;
    left: 2.08vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button-close {
    right: 33.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button-close {
    top: 33.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button-close {
    width: 53.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button-close {
    height: 53.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button-close {
    line-height: 53.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .rtl .button-close {
    left: 33.33px;
  }
}
.button-close.hidden > div > span .line i {
  transition-delay: 0s !important;
  transform: scaleX(0) !important;
}
.button-close > div {
  display: inline-block;
}
.button-close > div > span {
  position: relative;
  top: 50%;
  display: block;
}
.button-close > div > span:first-child {
  transform: rotate(45deg);
}
.button-close > div > span:first-child .line .gold {
  transition-delay: 0.35s;
}
.button-close > div > span:first-child .line .red {
  transition-delay: 0.1s;
}
.button-close > div > span:last-child {
  transform: rotate(-45deg);
}
.button-close > div > span:last-child .line:after {
  content: "";
  position: absolute;
  height: 3px;
  top: -1px;
  width: 1.07vw;
  background: white;
  right: 1.6vw;
}
@media only screen and (min-width: 768px) {
  .button-close > div > span:last-child .line:after {
    width: 0.28vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button-close > div > span:last-child .line:after {
    width: 4.44px;
  }
}
@media only screen and (min-width: 768px) {
  .button-close > div > span:last-child .line:after {
    right: 0.42vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button-close > div > span:last-child .line:after {
    right: 6.67px;
  }
}
.button-close > div > span:last-child .line .gold {
  transition-delay: 0.45s;
}
.button-close > div > span:last-child .line .red {
  transition-delay: 0s;
}
.button-close > div > span .line {
  height: 1px;
  width: 8.53vw;
  display: block;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .button-close > div > span .line {
    width: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button-close > div > span .line {
    width: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .button-close > div > span .line {
    width: 2.08vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .button-close > div > span .line {
    width: 33.33px;
  }
}
.button-close > div > span .line i {
  transition: transform 0.25s cubic-bezier(0.65, 0.25, 0.67, 0.36);
}
.button-close > div > span .line .gold {
  background: #A57B1B;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  display: block;
  transform: scaleX(1);
  transform-origin: 100% 0;
}
.button-close > div > span .line .red {
  background: #AD1B2D;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  transform: scaleX(0);
  display: block;
  transform-origin: 0% 0;
  transition-delay: 0s;
}
.notouch .button-close:hover > div > span:first-child .line .gold {
  transition-delay: 0s;
}
.notouch .button-close:hover > div > span:last-child .line .gold {
  transition-delay: 0.1s;
}
.notouch .button-close:hover > div > span:first-child .line .red {
  transition-delay: 0.35s;
}
.notouch .button-close:hover > div > span:last-child .line .red {
  transition-delay: 0.45s;
}
.notouch .button-close:hover > div > span .line .gold {
  transform: scaleX(0);
  transform-origin: 100% 0;
}
.notouch .button-close:hover > div > span .line .red {
  transform: scaleX(1);
}
.slideshow {
  position: relative;
  overflow: hidden;
  font-size: 0px;
}
.slideshow .content {
  direction: ltr;
}
@media only screen and (min-width: 768px) {
  .slideshow .content {
    padding-bottom: 0px;
  }
}
.slideshow .picture-wrapper {
  overflow: hidden;
  position: relative;
}
.touch .slideshow.items[data-touch-native="true"] {
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.touch .slideshow.items[data-touch-native="true"] .content {
  padding-bottom: 12.8vw;
}
@media only screen and (min-width: 768px) {
  .touch .slideshow.items[data-touch-native="true"] .content {
    padding-bottom: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .touch .slideshow.items[data-touch-native="true"] .content {
    padding-bottom: 53.33px;
  }
}
.touch .slideshow.items[data-touch-native="true"] .content .item {
  padding-bottom: 0px;
}
.slideshow.pictures .slideshow-nav {
  position: absolute;
  right: 0vw;
  bottom: 12.8vw;
}
@media only screen and (min-width: 768px) {
  .slideshow.pictures .slideshow-nav {
    right: 0vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .slideshow.pictures .slideshow-nav {
    right: 0px;
  }
}
@media only screen and (min-width: 768px) {
  .slideshow.pictures .slideshow-nav {
    bottom: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .slideshow.pictures .slideshow-nav {
    bottom: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .slideshow.pictures .slideshow-nav {
    right: auto;
    left: 0px;
    bottom: 0px;
  }
}
.slideshow.pictures .content {
  white-space: nowrap;
}
.slideshow.pictures .content > .item {
  display: inline-block;
  vertical-align: top;
}
.slideshow-nav {
  white-space: nowrap;
  direction: ltr;
}
.slideshow-nav.no-prev > div:first-child {
  pointer-events: none;
  background: #dbdbdb;
}
.slideshow-nav.no-prev > div:first-child svg polyline {
  stroke: #6d6d6d !important;
}
.slideshow-nav.no-next > div:last-child {
  pointer-events: none;
  background: #dbdbdb;
}
.slideshow-nav.no-next > div:last-child svg polyline {
  stroke: #6d6d6d !important;
}
.slideshow-nav > div {
  width: 12.8vw;
  height: 12.8vw;
  line-height: 12.8vw;
  border: 1px solid #dbdbdb;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  position: relative;
  overflow: hidden;
  background: white;
  transition: background-color 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86);
  pointer-events: all;
}
@media only screen and (min-width: 768px) {
  .slideshow-nav > div {
    width: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .slideshow-nav > div {
    width: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .slideshow-nav > div {
    height: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .slideshow-nav > div {
    height: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .slideshow-nav > div {
    line-height: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .slideshow-nav > div {
    line-height: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .slideshow-nav > div {
    width: 4.17vw;
    height: 4.17vw;
    line-height: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .slideshow-nav > div {
    width: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .slideshow-nav > div {
    height: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .slideshow-nav > div {
    line-height: 66.67px;
  }
}
.slideshow-nav > div .bg-hover {
  position: absolute;
  height: 105%;
  left: 0px;
  right: 0px;
  top: 100%;
  background: #A57B1B;
}
.slideshow-nav > div span {
  position: relative;
  width: 100%;
  display: inline-block;
  color: #030303;
}
.slideshow-nav > div svg {
  width: 1.6vw;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .slideshow-nav > div svg {
    width: 0.42vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .slideshow-nav > div svg {
    width: 6.67px;
  }
}
.slideshow-nav > div svg polyline {
  stroke: #030303;
}
.slideshow-nav > div:last-child {
  border-left: none;
}
.slideshow-bullets {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 4.27vw;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .slideshow-bullets {
    bottom: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .slideshow-bullets {
    bottom: 17.78px;
  }
}
.slideshow-bullets i {
  width: 4px;
  height: 4px;
  border: 1px solid white;
  display: inline-block;
  margin-left: 2.13vw;
  margin-right: 2.13vw;
  transition: background 0.4s linear;
  border-radius: 50%;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .slideshow-bullets i {
    margin-left: 0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .slideshow-bullets i {
    margin-left: 8.89px;
  }
}
@media only screen and (min-width: 768px) {
  .slideshow-bullets i {
    margin-right: 0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .slideshow-bullets i {
    margin-right: 8.89px;
  }
}
@media only screen and (min-width: 768px) {
  .slideshow-bullets i {
    width: 6px;
    height: 6px;
    margin-left: 1.67vw;
    margin-right: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .slideshow-bullets i {
    margin-left: 26.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .slideshow-bullets i {
    margin-right: 26.67px;
  }
}
.slideshow-bullets i.selected {
  background: white;
  pointer-events: none;
}
.border-left {
  padding-left: 4.27vw;
  border-left: 1px solid #AD1B2D;
}
@media only screen and (min-width: 768px) {
  .border-left {
    padding-left: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .border-left {
    padding-left: 17.78px;
  }
}
.rtl .border-left {
  padding-left: 0px;
  padding-right: 4.27vw;
  border-right: 1px solid #AD1B2D;
  border-left: none;
}
@media only screen and (min-width: 768px) {
  .rtl .border-left {
    padding-right: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .rtl .border-left {
    padding-right: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  .rtl .border-left {
    padding-right: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .rtl .border-left {
    padding-right: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .border-left {
    padding-left: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .border-left {
    padding-left: 53.33px;
  }
}
.bloc-head .texts {
  background: white;
  margin-right: 4.27vw;
  margin-left: 4.27vw;
  margin-top: -34.13vw;
  padding: 8.53vw;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .bloc-head .texts {
    margin-right: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-head .texts {
    margin-right: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-head .texts {
    margin-left: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-head .texts {
    margin-left: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-head .texts {
    margin-top: -8.89vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-head .texts {
    margin-top: -142.22px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-head .texts {
    padding: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-head .texts {
    padding: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-head .texts {
    margin-right: 4.17vw;
    margin-left: 4.17vw;
    margin-top: -6.25vw;
    padding: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-head .texts {
    margin-right: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-head .texts {
    margin-left: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-head .texts {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-head .texts {
    padding: 66.67px;
  }
}
.bloc-head .texts h1 {
  margin-top: 4.27vw;
}
@media only screen and (min-width: 768px) {
  .bloc-head .texts h1 {
    margin-top: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-head .texts h1 {
    margin-top: 17.78px;
  }
}
.bloc-head .texts .button-wrapper {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .bloc-head .texts .button-wrapper {
    text-align: left;
  }
}
.bloc-menu .head {
  text-align: center;
  padding-left: 16vw;
  padding-right: 16vw;
}
@media only screen and (min-width: 768px) {
  .bloc-menu .head {
    padding-left: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .head {
    padding-left: 66.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .head {
    padding-right: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .head {
    padding-right: 66.67px;
  }
}
.bloc-menu .head .subtitle {
  padding-top: 2.13vw;
}
@media only screen and (min-width: 768px) {
  .bloc-menu .head .subtitle {
    padding-top: 0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .head .subtitle {
    padding-top: 8.89px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .head .subtitle {
    padding-top: 2.08vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .head .subtitle {
    padding-top: 33.33px;
  }
}
.bloc-menu .navigation {
  border-bottom: 1px solid #979797;
  margin-top: 10.13vw;
  padding-left: 8.53vw;
  padding-right: 8.53vw;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .bloc-menu .navigation {
    margin-top: 2.64vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .navigation {
    margin-top: 42.22px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .navigation {
    padding-left: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .navigation {
    padding-left: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .navigation {
    padding-right: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .navigation {
    padding-right: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .navigation {
    margin-top: 2.08vw;
    padding-bottom: 0.97vw;
    padding-left: 4.17vw;
    padding-right: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .navigation {
    margin-top: 33.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .navigation {
    padding-bottom: 15.56px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .navigation {
    padding-left: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .navigation {
    padding-right: 66.67px;
  }
}
.bloc-menu .navigation .cursor {
  position: absolute;
  background: #A57B1B;
  width: 0px;
  height: 3px;
  bottom: -1px;
  left: 0px;
  transition: all 0.6s ease-in-out;
}
.bloc-menu .navigation ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.bloc-menu .navigation ul li {
  font-family: 'Lucien';
  font-weight: bold;
  font-size: 3.2vw;
  line-height: 5.33vw;
  letter-spacing: 0.22vw;
  color: #2B2B2B;
  text-transform: uppercase;
  margin-bottom: -2.67vw;
  padding: 2.67vw;
  position: relative;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
.rtl .bloc-menu .navigation ul li {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  .bloc-menu .navigation ul li {
    font-size: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .navigation ul li {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .navigation ul li {
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .navigation ul li {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .navigation ul li {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .navigation ul li {
    letter-spacing: 0.92px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .navigation ul li {
    margin-bottom: -0.69vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .navigation ul li {
    margin-bottom: -11.11px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .navigation ul li {
    padding: 0.69vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .navigation ul li {
    padding: 11.11px;
  }
}
.notouch .bloc-menu .navigation ul li:hover {
  color: #A57B1B;
}
.bloc-menu .navigation ul li.current {
  pointer-events: none;
}
.bloc-menu > .navigation ul li {
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) {
  .bloc-menu > .navigation {
    display: none;
  }
}
.bloc-menu .slideshow-wrapper {
  position: relative;
}
.bloc-menu .slideshow-wrapper > .shadow {
  display: none;
}
@media only screen and (min-width: 768px) {
  .bloc-menu .slideshow-wrapper > .shadow {
    display: block;
  }
}
.bloc-menu .slideshow-wrapper .pictures {
  margin-top: 8.53vw;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .bloc-menu .slideshow-wrapper .pictures {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .pictures {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .slideshow-wrapper .pictures {
    margin-top: 4.17vw;
    padding-right: 33.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .pictures {
    margin-top: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .pictures {
    padding-right: 533.33px;
  }
}
.bloc-menu .slideshow-wrapper .pictures .content {
  overflow: hidden;
  width: 100%;
  height: 90.67vw;
  position: relative;
  z-index: 0;
}
@media only screen and (min-width: 768px) {
  .bloc-menu .slideshow-wrapper .pictures .content {
    height: 23.61vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .pictures .content {
    height: 377.78px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .slideshow-wrapper .pictures .content {
    height: 45.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .pictures .content {
    height: 733.33px;
  }
}
.bloc-menu .slideshow-wrapper .pictures .content > * {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
.bloc-menu .slideshow-wrapper .pictures .content > * > * {
  width: 100%;
  height: 100%;
}
.bloc-menu .slideshow-wrapper .pictures .content > *.current {
  z-index: 1;
}
.bloc-menu .slideshow-wrapper .pictures .content > *.animating {
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .bloc-menu .slideshow-wrapper .text-wrapper {
    background: white;
    position: absolute;
    left: 45.83vw;
    right: 4.17vw;
    top: 4.17vw;
    bottom: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper {
    left: 733.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper {
    right: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper {
    top: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper {
    bottom: 66.67px;
  }
}
.bloc-menu .slideshow-wrapper .text-wrapper > .navigation {
  display: none;
}
@media only screen and (min-width: 768px) {
  .bloc-menu .slideshow-wrapper .text-wrapper > .navigation {
    display: flex;
  }
}
.bloc-menu .slideshow-wrapper .text-wrapper .menus {
  min-height: 20px;
}
@media only screen and (min-width: 768px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus {
    padding-left: 8.33vw;
    padding-right: 8.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus {
    padding-left: 133.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus {
    padding-right: 133.33px;
  }
}
.bloc-menu .slideshow-wrapper .text-wrapper .menus .category {
  display: none;
}
.bloc-menu .slideshow-wrapper .text-wrapper .menus .category.current {
  display: block;
}
.bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
  display: none;
}
@media (max-width: 1200px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    margin-top: 4.17vw !important;
    font-size: 1.74vw !important;
    line-height: 1.74vw !important;
  }
}
@media (max-width: 1200px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    margin-top: 66.67px;
  }
}
@media (max-width: 1200px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    font-size: 27.78px;
  }
}
@media (max-width: 1200px) and (max-width: 1200px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    font-size: 2.08vw;
  }
}
@media (max-width: 1200px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    font-size: 33.33px;
  }
}
@media (max-width: 1200px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    line-height: 27.78px;
  }
}
@media (max-width: 1200px) and (max-width: 1200px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    line-height: 2.08vw;
  }
}
@media (max-width: 1200px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    line-height: 33.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    display: block;
    margin-top: 4.17vw;
    font-size: 1.74vw;
    line-height: 1.74vw;
    letter-spacing: 0.14vw;
    color: #2B2B2B;
    font-family: 'Minion Pro';
    text-transform: uppercase;
  }
  .rtl .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    font-family: 'Amiri';
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    margin-top: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    font-size: 27.78px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    font-size: 2.08vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    font-size: 33.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    line-height: 27.78px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    line-height: 2.08vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    line-height: 33.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    letter-spacing: 2.22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    letter-spacing: 0.17vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category .title {
    letter-spacing: 2.67px;
  }
}
.bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li {
  font-family: 'Lucien';
  font-weight: bold;
  font-size: 3.2vw;
  line-height: 5.33vw;
  letter-spacing: 0.22vw;
  color: #2B2B2B;
  text-transform: uppercase;
  margin-bottom: -2.67vw;
  margin-top: 12.8vw;
  text-transform: none;
  letter-spacing: 0.43vw;
  line-height: 1em;
  transition: opacity 0.4s linear;
}
.rtl .bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li {
    font-size: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li {
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li {
    letter-spacing: 0.92px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li {
    margin-bottom: -0.69vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li {
    margin-bottom: -11.11px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li {
    margin-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li {
    letter-spacing: 0.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li {
    letter-spacing: 1.78px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li {
    margin-top: 2.43vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li {
    margin-top: 38.89px;
  }
}
.bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li u.selected {
  transition: transform 0.4s cubic-bezier(0.79, 0.14, 0.15, 0.86);
  transform: translateX(101%);
}
.bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li.current {
  pointer-events: none;
}
.bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li.current span u:not(.selected) {
  display: none;
}
.bloc-menu .slideshow-wrapper .text-wrapper .menus .category ul li.current span u.selected {
  transform: translateX(0);
  transition: none;
}
.bloc-menu .footer {
  position: relative;
}
.bloc-menu .footer .description {
  display: none;
  width: 100%;
}
.bloc-menu .footer .description:first-child {
  display: block;
}
.bloc-menu .footer .description p {
  font-family: 'Lucien Book';
  font-size: 3.73vw;
  letter-spacing: 0.16vw;
  line-height: 5.33vw;
  color: #EBF0F3;
  margin-bottom: -2.13vw;
  margin-top: 12.8vw;
  text-align: center;
  color: #030303;
  padding-left: 4.27vw;
  padding-right: 4.27vw;
}
.rtl .bloc-menu .footer .description p {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  .bloc-menu .footer .description p {
    font-size: 0.97vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .footer .description p {
    font-size: 15.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .footer .description p {
    letter-spacing: 0.04vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .footer .description p {
    letter-spacing: 0.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .footer .description p {
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .footer .description p {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .footer .description p {
    margin-bottom: -0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .footer .description p {
    margin-bottom: -8.89px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .footer .description p {
    font-size: 0.83vw;
    letter-spacing: 0.05vw;
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .footer .description p {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-menu .footer .description p {
    font-size: 1vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-menu .footer .description p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .footer .description p {
    letter-spacing: 0.83px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-menu .footer .description p {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-menu .footer .description p {
    letter-spacing: 1px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .footer .description p {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-menu .footer .description p {
    line-height: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-menu .footer .description p {
    line-height: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .footer .description p {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .footer .description p {
    margin-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .footer .description p {
    padding-left: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .footer .description p {
    padding-left: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .footer .description p {
    padding-right: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .footer .description p {
    padding-right: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-menu .footer .description p {
    margin-top: 6.25vw;
    padding-left: 25vw;
    padding-right: 25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .footer .description p {
    margin-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .footer .description p {
    padding-left: 400px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-menu .footer .description p {
    padding-right: 400px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-quote {
    margin-top: 13.89vw !important;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote {
    margin-top: 222.22px;
  }
}
.bloc-quote .picture {
  position: relative;
  margin-left: 14.93vw;
  margin-right: 14.93vw;
}
@media only screen and (min-width: 768px) {
  .bloc-quote .picture {
    margin-left: 3.89vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .picture {
    margin-left: 62.22px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-quote .picture {
    margin-right: 3.89vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .picture {
    margin-right: 62.22px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-quote .picture {
    margin-right: 14.58vw;
    margin-left: 52.08vw;
    top: -6.25vw;
    z-index: 1;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .picture {
    margin-right: 233.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .picture {
    margin-left: 833.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .picture {
    top: -100px;
  }
}
.bloc-quote .texts {
  background: #F4F4F4;
  margin-top: -66.13vw;
  padding-top: 78.93vw;
  padding-bottom: 12.8vw;
  padding-left: 14.93vw;
  padding-right: 14.93vw;
}
@media only screen and (min-width: 768px) {
  .bloc-quote .texts {
    margin-top: -17.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .texts {
    margin-top: -275.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-quote .texts {
    padding-top: 20.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .texts {
    padding-top: 328.89px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-quote .texts {
    padding-bottom: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .texts {
    padding-bottom: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-quote .texts {
    padding-left: 3.89vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .texts {
    padding-left: 62.22px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-quote .texts {
    padding-right: 3.89vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .texts {
    padding-right: 62.22px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-quote .texts {
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin-top: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    left: 6.25vw;
    right: 6.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .texts {
    left: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .texts {
    right: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-quote .texts > div {
    padding-left: 8.33vw;
    padding-right: 54.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .texts > div {
    padding-left: 133.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .texts > div {
    padding-right: 866.67px;
  }
}
.bloc-quote .texts > div .title1 {
  color: #AD1B2D;
  font-family: 'Minion Pro';
  font-style: italic;
  font-size: 6.4vw;
}
.rtl .bloc-quote .texts > div .title1 {
  font-family: 'Amiri';
}
@media only screen and (min-width: 768px) {
  .bloc-quote .texts > div .title1 {
    font-size: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .texts > div .title1 {
    font-size: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-quote .texts > div .title1 {
    font-size: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .texts > div .title1 {
    font-size: 35.56px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-quote .texts > div .title1 {
    font-size: 2.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-quote .texts > div .title1 {
    font-size: 42.67px;
  }
}
.bloc-quote .texts > div > p {
  color: #030303;
}
.bloc-quote .texts > div .signature {
  margin-top: 8.53vw;
  width: 46.13vw;
}
@media only screen and (min-width: 768px) {
  .bloc-quote .texts > div .signature {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .texts > div .signature {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-quote .texts > div .signature {
    width: 12.01vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .texts > div .signature {
    width: 192.22px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-quote .texts > div .signature {
    margin-top: 2.08vw;
    width: 10.63vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .texts > div .signature {
    margin-top: 33.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-quote .texts > div .signature {
    width: 170px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-quote .texts > div .button-wrapper {
    text-align: inherit;
  }
}
.bloc-textpicture {
  padding-right: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture {
    padding-right: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture {
    padding-right: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture {
    padding-right: 6.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture {
    padding-right: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture {
    padding-left: 6.25vw;
    padding-right: 6.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture {
    padding-left: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture {
    padding-right: 100px;
  }
}
.bloc-textpicture.news-item .texts > div .title1 {
  font-family: 'Lucien';
  font-weight: bold;
  font-size: 3.2vw;
  line-height: 5.33vw;
  letter-spacing: 0.22vw;
  color: #AD1B2D;
  text-transform: uppercase;
  font-style: normal;
}
.rtl .bloc-textpicture.news-item .texts > div .title1 {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture.news-item .texts > div .title1 {
    font-size: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture.news-item .texts > div .title1 {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture.news-item .texts > div .title1 {
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture.news-item .texts > div .title1 {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture.news-item .texts > div .title1 {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture.news-item .texts > div .title1 {
    letter-spacing: 0.92px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture.news-item .texts > div .title1 {
    font-size: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture.news-item .texts > div .title1 {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-textpicture.news-item .texts > div .title1 {
    font-size: 1vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-textpicture.news-item .texts > div .title1 {
    font-size: 16px;
  }
}
.bloc-textpicture .pictures {
  margin-right: 12.8vw;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture .pictures {
    margin-right: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture .pictures {
    margin-right: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture .pictures {
    margin-right: 29.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture .pictures {
    margin-right: 466.67px;
  }
}
.bloc-textpicture .pictures .picture,
.bloc-textpicture .pictures picture {
  width: 100%;
}
.bloc-textpicture .texts {
  margin-left: 6.4vw;
  padding-left: 8.53vw;
  padding-right: 8.53vw;
  padding-top: 12.8vw;
  padding-bottom: 12.8vw;
  margin-top: -12.8vw;
  background: white;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture .texts {
    margin-left: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture .texts {
    margin-left: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture .texts {
    padding-left: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture .texts {
    padding-left: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture .texts {
    padding-right: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture .texts {
    padding-right: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture .texts {
    padding-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture .texts {
    padding-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture .texts {
    padding-bottom: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture .texts {
    padding-bottom: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture .texts {
    margin-top: -3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture .texts {
    margin-top: -53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture .texts {
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    top: 6.25vw;
    right: 10.42vw;
    left: 56.25vw;
    padding: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture .texts {
    top: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture .texts {
    right: 166.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture .texts {
    left: 900px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture .texts {
    padding: 66.67px;
  }
}
.bloc-textpicture .texts > div .title1 {
  color: #AD1B2D;
  font-family: 'Minion Pro';
  font-style: italic;
  font-size: 6.4vw;
  letter-spacing: -0.16vw;
  margin-top: -2.13vw;
}
.rtl .bloc-textpicture .texts > div .title1 {
  font-family: 'Amiri';
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture .texts > div .title1 {
    font-size: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture .texts > div .title1 {
    font-size: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture .texts > div .title1 {
    letter-spacing: -0.04vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture .texts > div .title1 {
    letter-spacing: -0.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture .texts > div .title1 {
    margin-top: -0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture .texts > div .title1 {
    margin-top: -8.89px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture .texts > div .title1 {
    font-size: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture .texts > div .title1 {
    font-size: 35.56px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-textpicture .texts > div .title1 {
    font-size: 2.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-textpicture .texts > div .title1 {
    font-size: 42.67px;
  }
}
.bloc-textpicture .texts > div > p {
  color: #030303;
  margin-bottom: 0px !important;
}
.bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item),
.bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n),
.bloc-textpicture.inversed {
  padding-left: 6.4vw;
  padding-right: 0px;
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item),
  .bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n),
  .bloc-textpicture.inversed {
    padding-left: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item),
  .bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n),
  .bloc-textpicture.inversed {
    padding-left: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item),
  .bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n),
  .bloc-textpicture.inversed {
    padding-left: 6.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item),
  .bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n),
  .bloc-textpicture.inversed {
    padding-left: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item),
  .bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n),
  .bloc-textpicture.inversed {
    padding-left: 6.25vw;
    padding-right: 6.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item),
  .bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n),
  .bloc-textpicture.inversed {
    padding-left: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item),
  .bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n),
  .bloc-textpicture.inversed {
    padding-right: 100px;
  }
}
.bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item) .pictures,
.bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n) .pictures,
.bloc-textpicture.inversed .pictures {
  margin-right: 0px;
  margin-left: 12.8vw;
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item) .pictures,
  .bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n) .pictures,
  .bloc-textpicture.inversed .pictures {
    margin-left: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item) .pictures,
  .bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n) .pictures,
  .bloc-textpicture.inversed .pictures {
    margin-left: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item) .pictures,
  .bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n) .pictures,
  .bloc-textpicture.inversed .pictures {
    margin-left: 29.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item) .pictures,
  .bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n) .pictures,
  .bloc-textpicture.inversed .pictures {
    margin-left: 466.67px;
  }
}
.bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item) .pictures .slideshow-nav,
.bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n) .pictures .slideshow-nav,
.bloc-textpicture.inversed .pictures .slideshow-nav {
  right: auto;
  left: 0px;
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item) .pictures .slideshow-nav,
  .bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n) .pictures .slideshow-nav,
  .bloc-textpicture.inversed .pictures .slideshow-nav {
    left: auto;
    right: 0px;
  }
}
.bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item) .texts,
.bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n) .texts,
.bloc-textpicture.inversed .texts {
  margin-right: 6.4vw;
  margin-left: 0px;
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item) .texts,
  .bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n) .texts,
  .bloc-textpicture.inversed .texts {
    margin-right: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item) .texts,
  .bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n) .texts,
  .bloc-textpicture.inversed .texts {
    margin-right: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item) .texts,
  .bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n) .texts,
  .bloc-textpicture.inversed .texts {
    margin-right: 0px;
    left: 10.42vw;
    right: 56.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item) .texts,
  .bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n) .texts,
  .bloc-textpicture.inversed .texts {
    left: 166.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-textpicture + .bloc-textpicture:nth-child(2n+1):not(.news-item) .texts,
  .bloc-textpicture + .bloc-textpicture.news-item:nth-child(2n) .texts,
  .bloc-textpicture.inversed .texts {
    right: 900px;
  }
}
.bloc-findus .picture {
  margin-left: 19.2vw;
  display: block;
}
@media only screen and (min-width: 768px) {
  .bloc-findus .picture {
    margin-left: 5vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .picture {
    margin-left: 80px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-findus .picture {
    margin-right: 10.42vw;
    margin-left: 39.58vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .picture {
    margin-right: 166.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .picture {
    margin-left: 633.33px;
  }
}
.bloc-findus .picture img {
  width: 100%;
}
.bloc-findus .texts {
  margin-top: -12.8vw;
  position: relative;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.07);
  margin-left: 10.67vw;
  margin-right: 10.67vw;
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts {
    margin-top: -3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts {
    margin-top: -53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts {
    margin-left: 2.78vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts {
    margin-left: 44.44px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts {
    margin-right: 2.78vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts {
    margin-right: 44.44px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts {
    margin-top: -37.5vw;
    margin-right: 56.25vw;
    margin-left: 6.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts {
    margin-top: -600px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts {
    margin-right: 900px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts {
    margin-left: 100px;
  }
}
.bloc-findus .texts > div {
  background: white;
  position: relative;
  padding-top: 8.53vw;
  padding-bottom: 8.53vw;
  padding-left: 8.53vw;
  padding-right: 8.53vw;
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div {
    padding-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div {
    padding-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div {
    padding-bottom: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div {
    padding-bottom: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div {
    padding-left: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div {
    padding-left: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div {
    padding-right: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div {
    padding-right: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div {
    padding-top: 6.25vw;
    padding-right: 8.33vw;
    padding-bottom: 6.25vw;
    padding-left: 8.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div {
    padding-right: 133.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div {
    padding-left: 133.33px;
  }
}
.bloc-findus .texts > div .mail,
.bloc-findus .texts > div .phone,
.bloc-findus .texts > div .mail + .title {
  margin-top: 12.8vw;
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone,
  .bloc-findus .texts > div .mail + .title {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone,
  .bloc-findus .texts > div .mail + .title {
    margin-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone,
  .bloc-findus .texts > div .mail + .title {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone,
  .bloc-findus .texts > div .mail + .title {
    margin-top: 53.33px;
  }
}
.bloc-findus .texts > div .text {
  margin-top: 5.87vw;
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div .text {
    margin-top: 1.53vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div .text {
    margin-top: 24.44px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div .text {
    margin-top: 2.64vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div .text {
    margin-top: 42.22px;
  }
}
.bloc-findus .texts > div .title {
  font-family: 'Minion Pro';
  color: #2B2B2B;
  font-size: 6.4vw;
  letter-spacing: 0.2vw;
  text-transform: uppercase;
}
.rtl .bloc-findus .texts > div .title {
  font-family: 'Amiri';
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div .title {
    font-size: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div .title {
    font-size: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div .title {
    letter-spacing: 0.05vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div .title {
    letter-spacing: 0.83px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div .title {
    font-size: 2.22vw;
    letter-spacing: 0.14vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div .title {
    font-size: 35.56px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-findus .texts > div .title {
    font-size: 2.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-findus .texts > div .title {
    font-size: 42.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div .title {
    letter-spacing: 2.22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-findus .texts > div .title {
    letter-spacing: 0.17vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-findus .texts > div .title {
    letter-spacing: 2.67px;
  }
}
.bloc-findus .texts > div .text,
.bloc-findus .texts > div .mail,
.bloc-findus .texts > div .phone {
  font-family: 'Lucien Book';
  font-size: 3.73vw;
  letter-spacing: 0.16vw;
  line-height: 5.33vw;
  color: #EBF0F3;
  margin-bottom: -2.13vw;
  color: #030303;
  display: block;
}
.rtl .bloc-findus .texts > div .text,
.rtl .bloc-findus .texts > div .mail,
.rtl .bloc-findus .texts > div .phone {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div .text,
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone {
    font-size: 0.97vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div .text,
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone {
    font-size: 15.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div .text,
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone {
    letter-spacing: 0.04vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div .text,
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone {
    letter-spacing: 0.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div .text,
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone {
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div .text,
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div .text,
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone {
    margin-bottom: -0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div .text,
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone {
    margin-bottom: -8.89px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div .text,
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone {
    font-size: 0.83vw;
    letter-spacing: 0.05vw;
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div .text,
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-findus .texts > div .text,
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone {
    font-size: 1vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-findus .texts > div .text,
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div .text,
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone {
    letter-spacing: 0.83px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-findus .texts > div .text,
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-findus .texts > div .text,
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone {
    letter-spacing: 1px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-findus .texts > div .text,
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-findus .texts > div .text,
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone {
    line-height: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-findus .texts > div .text,
  .bloc-findus .texts > div .mail,
  .bloc-findus .texts > div .phone {
    line-height: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div .mail {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-findus .texts > div .button-wrapper {
    text-align: inherit;
  }
}
.bloc-contactus .subtitle {
  font-family: 'Minion Pro';
  font-size: 3.73vw;
  line-height: 3.73vw;
  letter-spacing: 0.17vw;
  color: #2B2B2B;
  margin-top: 8.53vw;
}
.rtl .bloc-contactus .subtitle {
  font-family: 'Amiri';
}
@media only screen and (min-width: 768px) {
  .bloc-contactus .subtitle {
    font-size: 0.97vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-contactus .subtitle {
    font-size: 15.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-contactus .subtitle {
    line-height: 0.97vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-contactus .subtitle {
    line-height: 15.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-contactus .subtitle {
    letter-spacing: 0.04vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-contactus .subtitle {
    letter-spacing: 0.71px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-contactus .subtitle {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-contactus .subtitle {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-contactus .subtitle {
    font-size: 0.83vw;
    line-height: 0.83vw;
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-contactus .subtitle {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-contactus .subtitle {
    font-size: 1vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-contactus .subtitle {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-contactus .subtitle {
    line-height: 13.33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-contactus .subtitle {
    line-height: 1vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-contactus .subtitle {
    line-height: 16px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-contactus .subtitle {
    margin-top: 53.33px;
  }
}
.bloc-contactus .part1 {
  overflow: hidden;
  position: relative;
  margin-top: 0px !important;
  padding-bottom: 2px;
}
.bloc-contactus .texts-wrapper {
  padding-left: 10.67vw;
  padding-right: 10.67vw;
}
@media only screen and (min-width: 768px) {
  .bloc-contactus .texts-wrapper {
    padding-left: 2.78vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-contactus .texts-wrapper {
    padding-left: 44.44px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-contactus .texts-wrapper {
    padding-right: 2.78vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-contactus .texts-wrapper {
    padding-right: 44.44px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-contactus .texts-wrapper {
    padding-left: 6.25vw;
    padding-right: 6.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-contactus .texts-wrapper {
    padding-left: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-contactus .texts-wrapper {
    padding-right: 100px;
  }
}
.bloc-contactus .success {
  color: #2B2B2B;
  display: none;
  overflow: hidden;
  position: relative;
}
.bloc-contactus .success span {
  padding-top: 4.27vw;
  display: block;
}
@media only screen and (min-width: 768px) {
  .bloc-contactus .success span {
    padding-top: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-contactus .success span {
    padding-top: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-contactus .success span {
    padding-top: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-contactus .success span {
    padding-top: 66.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-contactus .columns {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-contactus .columns .column {
    width: 33.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-contactus .columns .column {
    width: 533.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-contactus .columns .column .form-item {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-louvre .texts-wrapper.page-padding-left.page-padding-right {
    padding-left: 27.08vw;
    padding-right: 27.08vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-louvre .texts-wrapper.page-padding-left.page-padding-right {
    padding-left: 433.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-louvre .texts-wrapper.page-padding-left.page-padding-right {
    padding-right: 433.33px;
  }
}
.bloc-louvre .texts-wrapper.page-padding-left.page-padding-right .title {
  text-align: center;
}
.bloc-louvre .texts-wrapper.page-padding-left.page-padding-right p {
  text-align: center;
  color: #030303;
}
.bloc-story {
  background: #F4F4F4;
  padding-left: 6.4vw;
  margin-bottom: -21.33vw;
  padding-bottom: 12.8vw;
}
@media only screen and (min-width: 768px) {
  .bloc-story {
    padding-left: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story {
    padding-left: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-story {
    margin-bottom: -5.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story {
    margin-bottom: -88.89px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-story {
    padding-bottom: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story {
    padding-bottom: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-story {
    padding-bottom: 0px;
  }
}
.rtl .bloc-story {
  padding-left: 0px;
  padding-right: 6.4vw;
  perspective: 1px;
}
@media only screen and (min-width: 768px) {
  .rtl .bloc-story {
    padding-right: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .rtl .bloc-story {
    padding-right: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-story {
    margin-bottom: -7.64vw;
    padding-left: 14.58vw;
  }
  .rtl .bloc-story {
    padding-right: 14.58vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story {
    margin-bottom: -122.22px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story {
    padding-left: 233.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .rtl .bloc-story {
    padding-right: 233.33px;
  }
}
.bloc-story .title-sf {
  padding-top: 12.8vw;
}
@media only screen and (min-width: 768px) {
  .bloc-story .title-sf {
    padding-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .title-sf {
    padding-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-story .title-sf {
    padding-top: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .title-sf {
    padding-top: 66.67px;
  }
}
.bloc-story .subtitle {
  font-family: 'Minion Pro';
  font-style: italic;
  font-size: 6.4vw;
  color: #AD1B2D;
  margin-top: 4.27vw;
}
.rtl .bloc-story .subtitle {
  font-family: 'Amiri';
}
@media only screen and (min-width: 768px) {
  .bloc-story .subtitle {
    font-size: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .subtitle {
    font-size: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-story .subtitle {
    margin-top: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .subtitle {
    margin-top: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-story .subtitle {
    font-size: 2.22vw;
    margin-top: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .subtitle {
    font-size: 35.56px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-story .subtitle {
    font-size: 2.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-story .subtitle {
    font-size: 42.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .subtitle {
    margin-top: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-story .title br {
    display: none;
  }
}
.bloc-story .slideshow {
  margin-top: 12.8vw;
  white-space: nowrap;
  padding-left: 8.53vw;
}
@media only screen and (min-width: 768px) {
  .bloc-story .slideshow {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow {
    margin-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-story .slideshow {
    padding-left: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow {
    padding-left: 35.56px;
  }
}
.rtl .bloc-story .slideshow {
  transform: rotate3d(0, 1, 0, 180deg);
  perspective: 1px;
}
@media only screen and (min-width: 768px) {
  .bloc-story .slideshow {
    margin-top: 3.33vw;
    padding-left: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow {
    margin-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow {
    padding-left: 66.67px;
  }
}
.bloc-story .slideshow .item {
  width: 64vw;
  padding-bottom: 12.8vw;
  margin-right: 8.53vw;
  white-space: normal;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .bloc-story .slideshow .item {
    width: 16.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow .item {
    width: 266.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-story .slideshow .item {
    padding-bottom: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow .item {
    padding-bottom: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-story .slideshow .item {
    margin-right: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow .item {
    margin-right: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-story .slideshow .item {
    padding-bottom: 0px;
  }
}
.rtl .bloc-story .slideshow .item > div {
  direction: rtl;
  transform: rotate3d(0, 1, 0, 180deg);
}
@media only screen and (min-width: 768px) {
  .bloc-story .slideshow .item {
    width: 20.83vw;
    margin-right: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow .item {
    width: 333.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow .item {
    margin-right: 66.67px;
  }
}
.bloc-story .slideshow .item .date {
  font-size: 21.33vw;
  line-height: 16vw;
  letter-spacing: 0.38vw;
  color: #A57B1B;
  font-family: 'Minion Pro';
  margin-bottom: -1.87vw;
}
@media only screen and (min-width: 768px) {
  .bloc-story .slideshow .item .date {
    font-size: 5.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow .item .date {
    font-size: 88.89px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-story .slideshow .item .date {
    line-height: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow .item .date {
    line-height: 66.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-story .slideshow .item .date {
    letter-spacing: 0.1vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow .item .date {
    letter-spacing: 1.59px;
  }
}
.rtl .bloc-story .slideshow .item .date {
  font-family: 'Amiri';
}
@media only screen and (min-width: 768px) {
  .bloc-story .slideshow .item .date {
    margin-bottom: -0.49vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow .item .date {
    margin-bottom: -7.78px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-story .slideshow .item .date {
    font-size: 8.33vw;
    line-height: 6.6vw;
    letter-spacing: 0.15vw;
    margin-bottom: -0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow .item .date {
    font-size: 133.33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-story .slideshow .item .date {
    font-size: 10vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-story .slideshow .item .date {
    font-size: 160px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow .item .date {
    line-height: 105.56px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-story .slideshow .item .date {
    line-height: 7.92vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-story .slideshow .item .date {
    line-height: 126.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow .item .date {
    letter-spacing: 2.38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-story .slideshow .item .date {
    letter-spacing: 0.18vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-story .slideshow .item .date {
    letter-spacing: 2.85px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow .item .date {
    margin-bottom: -13.33px;
  }
}
.bloc-story .slideshow .item .separator {
  margin-top: 8.53vw;
  height: 1px;
  background: #A57B1B;
}
@media only screen and (min-width: 768px) {
  .bloc-story .slideshow .item .separator {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow .item .separator {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-story .slideshow .item .separator {
    margin-top: 2.08vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow .item .separator {
    margin-top: 33.33px;
  }
}
.bloc-story .slideshow .item p {
  margin-top: 8.53vw;
  color: #030303;
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) {
  .bloc-story .slideshow .item p {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow .item p {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-story .slideshow .item p {
    margin-top: 3.33vw;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow .item p {
    margin-top: 53.33px;
  }
}
.bloc-story .slideshow .slideshow-nav {
  display: none;
}
@media only screen and (min-width: 768px) {
  .bloc-story .slideshow .slideshow-nav {
    margin-top: 6.25vw;
    display: block;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-story .slideshow .slideshow-nav {
    margin-top: 100px;
  }
}
.bloc-expertise .texts {
  margin-left: 6.4vw;
  margin-right: 6.4vw;
  margin-top: -12.8vw;
  padding-left: 8.53vw;
  padding-right: 8.53vw;
  padding-top: 12.8vw;
  padding-bottom: 12.8vw;
  background: white;
  position: relative;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.07);
}
@media only screen and (min-width: 768px) {
  .bloc-expertise .texts {
    margin-left: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-expertise .texts {
    margin-left: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-expertise .texts {
    margin-right: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-expertise .texts {
    margin-right: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-expertise .texts {
    margin-top: -3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-expertise .texts {
    margin-top: -53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-expertise .texts {
    padding-left: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-expertise .texts {
    padding-left: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-expertise .texts {
    padding-right: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-expertise .texts {
    padding-right: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-expertise .texts {
    padding-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-expertise .texts {
    padding-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-expertise .texts {
    padding-bottom: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-expertise .texts {
    padding-bottom: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-expertise .texts {
    position: absolute;
    margin: 0px;
    top: 0px;
    bottom: 0px;
    background: none;
    right: 10.42vw;
    left: 56.25vw;
    padding: 0px;
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-expertise .texts {
    right: 166.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-expertise .texts {
    left: 900px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-expertise .texts > div {
    background: white;
    padding: 6.25vw;
    padding-bottom: 6.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-expertise .texts > div {
    padding: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-expertise .texts > div {
    padding-bottom: 100px;
  }
}
.bloc-expertise .texts > div .title1 {
  color: #AD1B2D;
  font-family: 'Minion Pro';
  font-style: italic;
  font-size: 6.4vw;
  letter-spacing: -0.16vw;
}
.rtl .bloc-expertise .texts > div .title1 {
  font-family: 'Amiri';
}
@media only screen and (min-width: 768px) {
  .bloc-expertise .texts > div .title1 {
    font-size: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-expertise .texts > div .title1 {
    font-size: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-expertise .texts > div .title1 {
    letter-spacing: -0.04vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-expertise .texts > div .title1 {
    letter-spacing: -0.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-expertise .texts > div .title1 {
    font-size: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-expertise .texts > div .title1 {
    font-size: 35.56px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-expertise .texts > div .title1 {
    font-size: 2.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-expertise .texts > div .title1 {
    font-size: 42.67px;
  }
}
.bloc-expertise .texts > div > p {
  color: #030303;
}
.bloc-news {
  padding-left: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .bloc-news {
    padding-left: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news {
    padding-left: 26.67px;
  }
}
.rtl .bloc-news {
  transform: rotate3d(0, 1, 0, 180deg);
}
@media only screen and (min-width: 768px) {
  .bloc-news {
    padding-left: 0px;
  }
}
.bloc-news .button-wrapper {
  padding-right: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .bloc-news .button-wrapper {
    padding-right: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .button-wrapper {
    padding-right: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-news .button-wrapper {
    padding-right: 0px;
  }
}
.rtl .bloc-news .texts {
  transform: rotate3d(0, 1, 0, 180deg);
}
@media only screen and (min-width: 768px) {
  .bloc-news .texts {
    position: absolute;
    top: 6.25vw;
    left: 10.42vw;
    right: 56.25vw;
    padding-left: 4.17vw;
    padding-right: 4.17vw;
    padding-top: 6.25vw;
    padding-bottom: 10.42vw;
    background: white;
    z-index: 1;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .texts {
    top: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .texts {
    left: 166.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .texts {
    right: 900px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .texts {
    padding-left: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .texts {
    padding-right: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .texts {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .texts {
    padding-bottom: 166.67px;
  }
}
.bloc-news .texts .subtitle {
  font-family: 'Minion Pro';
  font-style: italic;
  font-size: 6.4vw;
  color: #AD1B2D;
}
.rtl .bloc-news .texts .subtitle {
  font-family: 'Amiri';
}
@media only screen and (min-width: 768px) {
  .bloc-news .texts .subtitle {
    font-size: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .texts .subtitle {
    font-size: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-news .texts .subtitle {
    font-size: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .texts .subtitle {
    font-size: 35.56px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-news .texts .subtitle {
    font-size: 2.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-news .texts .subtitle {
    font-size: 42.67px;
  }
}
.bloc-news .texts .button-wrapper {
  display: none;
}
@media only screen and (min-width: 768px) {
  .bloc-news .texts .button-wrapper {
    display: block;
    text-align: inherit;
  }
}
.bloc-news .texts .slideshow-nav {
  display: none;
}
@media only screen and (min-width: 768px) {
  .bloc-news .texts .slideshow-nav {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
  .rtl .bloc-news .texts .slideshow-nav {
    left: 0px;
    right: auto;
  }
}
.bloc-news .slideshow {
  margin-top: 8.53vw;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .bloc-news .slideshow {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .slideshow {
    margin-top: 35.56px;
  }
}
.rtl .bloc-news .slideshow {
  transform: rotate3d(0, 1, 0, -0.00001deg);
}
@media only screen and (min-width: 768px) {
  .bloc-news .slideshow {
    padding-left: 35.42vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .slideshow {
    padding-left: 566.67px;
  }
}
.bloc-news .slideshow .item {
  width: 68.27vw;
  margin-right: 4.27vw;
  white-space: normal;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .bloc-news .slideshow .item {
    width: 17.78vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .slideshow .item {
    width: 284.44px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-news .slideshow .item {
    margin-right: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .slideshow .item {
    margin-right: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-news .slideshow .item {
    width: 33.33vw;
    margin-right: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .slideshow .item {
    width: 533.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .slideshow .item {
    margin-right: 66.67px;
  }
}
.notouch .bloc-news .slideshow .item:hover .subtitle {
  color: #AD1B2D;
}
.notouch .bloc-news .slideshow .item:hover .picture-wrapper .background {
  transform: scale(1.05);
}
.rtl .bloc-news .slideshow .item > div {
  transform: rotate3d(0, 1, 0, 180deg);
}
.bloc-news .slideshow .item > div .date {
  text-transform: uppercase;
  color: #AD1B2D;
  margin-top: 8.53vw;
}
@media only screen and (min-width: 768px) {
  .bloc-news .slideshow .item > div .date {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .slideshow .item > div .date {
    margin-top: 35.56px;
  }
}
.rtl .bloc-news .slideshow .item > div .date {
  direction: rtl;
}
@media only screen and (min-width: 768px) {
  .bloc-news .slideshow .item > div .date {
    margin-top: 2.08vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .slideshow .item > div .date {
    margin-top: 33.33px;
  }
}
.bloc-news .slideshow .item > div .subtitle {
  font-family: 'Minion Pro';
  font-size: 6.4vw;
  line-height: 6.4vw;
  color: #2B2B2B;
  margin-top: 4.27vw;
  transition: color 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86);
  margin-bottom: 5px;
}
.rtl .bloc-news .slideshow .item > div .subtitle {
  font-family: 'Amiri';
}
@media only screen and (min-width: 768px) {
  .bloc-news .slideshow .item > div .subtitle {
    font-size: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .slideshow .item > div .subtitle {
    font-size: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-news .slideshow .item > div .subtitle {
    line-height: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .slideshow .item > div .subtitle {
    line-height: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-news .slideshow .item > div .subtitle {
    margin-top: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .slideshow .item > div .subtitle {
    margin-top: 17.78px;
  }
}
.rtl .bloc-news .slideshow .item > div .subtitle {
  direction: rtl;
}
@media only screen and (min-width: 768px) {
  .bloc-news .slideshow .item > div .subtitle {
    font-size: 2.22vw;
    line-height: 2.22vw;
    margin-top: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .slideshow .item > div .subtitle {
    font-size: 35.56px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-news .slideshow .item > div .subtitle {
    font-size: 2.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-news .slideshow .item > div .subtitle {
    font-size: 42.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .slideshow .item > div .subtitle {
    line-height: 35.56px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .bloc-news .slideshow .item > div .subtitle {
    line-height: 2.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  .bloc-news .slideshow .item > div .subtitle {
    line-height: 42.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-news .slideshow .item > div .subtitle {
    margin-top: 17.78px;
  }
}
.bloc-news .slideshow .item > div .background {
  transition: transform 1s cubic-bezier(0.22, 0.61, 0.34, 1);
}
.bloc-news .slideshow .slideshow-nav {
  position: absolute;
  top: 0px;
  left: 0px;
  background: white;
}
.rtl .bloc-news .slideshow .slideshow-nav {
  transform: rotate3d(0, 1, 0, 180deg);
}
.touch .bloc-news .slideshow .slideshow-nav {
  display: none;
}
@media only screen and (min-width: 768px) {
  .bloc-news .slideshow .slideshow-nav {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-news > .button-wrapper {
    display: none;
  }
}
.rtl .bloc-news > .button-wrapper .button {
  transform: rotate3d(0, 1, 0, 180deg);
}
.bloc-fullpicture picture,
.bloc-fullpicture img {
  width: 100%;
}
.bloc-title {
  text-align: center;
}
.bloc-title .title {
  margin-top: 12.8vw;
}
@media only screen and (min-width: 768px) {
  .bloc-title .title {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-title .title {
    margin-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-title .title {
    margin-top: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-title .title {
    margin-top: 66.67px;
  }
}
.bloc-title .subtitle {
  margin-top: 4.27vw;
}
@media only screen and (min-width: 768px) {
  .bloc-title .subtitle {
    margin-top: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-title .subtitle {
    margin-top: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-title .subtitle {
    margin-top: 1.11vw;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-title .subtitle {
    margin-top: 17.78px;
  }
}
.bloc-title .style-text {
  color: #030303;
  margin-top: 8.53vw;
}
@media only screen and (min-width: 768px) {
  .bloc-title .style-text {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-title .style-text {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-title .style-text {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-title .style-text {
    margin-top: 53.33px;
  }
}
.bloc-newshead {
  margin-top: 8.53vw !important;
}
@media only screen and (min-width: 768px) {
  .bloc-newshead {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newshead {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-newshead {
    margin-top: 3.33vw !important;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newshead {
    margin-top: 53.33px;
  }
}
.bloc-newshead .pictures {
  overflow: hidden;
  position: relative;
}
.bloc-newshead .pictures .content {
  overflow: hidden;
  width: 100%;
  height: 76.8vw;
  position: relative;
  z-index: 0;
}
@media only screen and (min-width: 768px) {
  .bloc-newshead .pictures .content {
    height: 20vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newshead .pictures .content {
    height: 320px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-newshead .pictures .content {
    height: 38.89vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newshead .pictures .content {
    height: 622.22px;
  }
}
.bloc-newshead .pictures .content > * {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  background: white;
}
.bloc-newshead .pictures .content > * > * {
  width: 100%;
  height: 100%;
}
.bloc-newshead .pictures .content > *.current {
  z-index: 1;
}
.bloc-newshead .pictures .content > *.animating {
  z-index: 2;
}
.bloc-newshead .bloc-youtube {
  height: 76.8vw;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .bloc-newshead .bloc-youtube {
    height: 20vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newshead .bloc-youtube {
    height: 320px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-newshead .bloc-youtube {
    height: 38.61vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newshead .bloc-youtube {
    height: 617.78px;
  }
}
.bloc-newshead .slideshow-bullets {
  z-index: 3;
  pointer-events: all;
  bottom: 15.47vw;
}
@media only screen and (min-width: 768px) {
  .bloc-newshead .slideshow-bullets {
    bottom: 4.03vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newshead .slideshow-bullets {
    bottom: 64.44px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-newshead .slideshow-bullets {
    bottom: 8.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newshead .slideshow-bullets {
    bottom: 133.33px;
  }
}
.bloc-newslisting .pagination {
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-top: 21.33vw;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .bloc-newslisting .pagination {
    padding-top: 5.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newslisting .pagination {
    padding-top: 88.89px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-newslisting .pagination {
    padding-top: 7.64vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newslisting .pagination {
    padding-top: 122.22px;
  }
}
.bloc-newslisting .pagination a {
  margin-left: 4.27vw;
  margin-right: 4.27vw;
  padding-left: 2.13vw;
  padding-right: 2.13vw;
  color: #AD1B2D;
  font-family: 'Lucien';
  font-weight: bold;
  font-size: 3.73vw;
  line-height: 3.73vw;
  letter-spacing: 0.23vw;
  cursor: initial;
}
@media only screen and (min-width: 768px) {
  .bloc-newslisting .pagination a {
    margin-left: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newslisting .pagination a {
    margin-left: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-newslisting .pagination a {
    margin-right: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newslisting .pagination a {
    margin-right: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-newslisting .pagination a {
    padding-left: 0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newslisting .pagination a {
    padding-left: 8.89px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-newslisting .pagination a {
    padding-right: 0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newslisting .pagination a {
    padding-right: 8.89px;
  }
}
.rtl .bloc-newslisting .pagination a {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  .bloc-newslisting .pagination a {
    font-size: 0.97vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newslisting .pagination a {
    font-size: 15.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-newslisting .pagination a {
    line-height: 0.97vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newslisting .pagination a {
    line-height: 15.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-newslisting .pagination a {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newslisting .pagination a {
    letter-spacing: 0.98px;
  }
}
.bloc-newslisting .pagination a[href] {
  color: #2B2B2B;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
.notouch .bloc-newslisting .pagination a[href]:hover {
  color: #AD1B2D;
}
.bloc-newspictures {
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .bloc-newspictures.three-columns .content .item {
    width: 13.89vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newspictures.three-columns .content .item {
    width: 222.22px;
  }
}
.bloc-newspictures .content.center-items {
  text-align: center;
}
.bloc-newspictures .content.center-items .item:nth-child(2) {
  margin-right: 0px;
}
.bloc-newspictures .content .item {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .bloc-newspictures .content .item {
    width: 21.88vw;
    margin-right: 2.08vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newspictures .content .item {
    width: 350px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newspictures .content .item {
    margin-right: 33.33px;
  }
}
.bloc-newspictures .slideshow-nav {
  display: none;
}
@media only screen and (min-width: 768px) {
  .bloc-newspictures .slideshow-nav {
    display: block;
    position: absolute;
    width: 100%;
    pointer-events: none;
    top: 50%;
    bottom: 0px;
    margin-top: -2.08vw;
  }
  .bloc-newspictures .slideshow-nav > div {
    border: 1px solid #dbdbdb;
  }
  .bloc-newspictures .slideshow-nav > div[data-direction="left"] {
    position: absolute;
    right: 100%;
    margin-right: 2.08vw;
  }
  .bloc-newspictures .slideshow-nav > div[data-direction="right"] {
    position: absolute;
    left: 100%;
    margin-left: 2.08vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newspictures .slideshow-nav {
    margin-top: -33.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newspictures .slideshow-nav > div[data-direction="left"] {
    margin-right: 33.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-newspictures .slideshow-nav > div[data-direction="right"] {
    margin-left: 33.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-newspictures .slideshow-bullets {
    display: none;
  }
}
.bloc-instagram {
  direction: ltr;
}
@media only screen and (min-width: 768px) {
  .bloc-instagram {
    padding-left: 10.42vw;
    padding-right: 10.42vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram {
    padding-left: 166.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram {
    padding-right: 166.67px;
  }
}
.bloc-instagram > .wrapper {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.07);
  padding-top: 12.8vw;
  padding-bottom: 12.8vw;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .bloc-instagram > .wrapper {
    padding-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper {
    padding-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-instagram > .wrapper {
    padding-bottom: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper {
    padding-bottom: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-instagram > .wrapper {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper {
    padding-bottom: 100px;
  }
}
.bloc-instagram > .wrapper .title {
  text-align: center;
}
.bloc-instagram > .wrapper .hashtag {
  font-size: 3.73vw;
  line-height: 3.73vw;
  color: #AD1B2D;
  text-align: center;
  margin-top: 4.27vw;
}
@media only screen and (min-width: 768px) {
  .bloc-instagram > .wrapper .hashtag {
    font-size: 0.97vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper .hashtag {
    font-size: 15.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-instagram > .wrapper .hashtag {
    line-height: 0.97vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper .hashtag {
    line-height: 15.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-instagram > .wrapper .hashtag {
    margin-top: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper .hashtag {
    margin-top: 17.78px;
  }
}
.bloc-instagram > .wrapper .slideshow {
  margin-top: 8.53vw;
  box-sizing: content-box;
  width: 100%;
  padding-right: 6.4vw;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .bloc-instagram > .wrapper .slideshow {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper .slideshow {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-instagram > .wrapper .slideshow {
    padding-right: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper .slideshow {
    padding-right: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-instagram > .wrapper .slideshow {
    margin-top: 3.33vw;
    padding-right: 10.42vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper .slideshow {
    margin-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper .slideshow {
    padding-right: 166.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-instagram > .wrapper .slideshow .content {
    padding-bottom: 0px;
  }
}
.bloc-instagram > .wrapper .slideshow .content .item {
  display: inline-block;
  width: 59.73vw;
  margin-right: 4.27vw;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .bloc-instagram > .wrapper .slideshow .content .item {
    width: 15.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper .slideshow .content .item {
    width: 248.89px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-instagram > .wrapper .slideshow .content .item {
    margin-right: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper .slideshow .content .item {
    margin-right: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-instagram > .wrapper .slideshow .content .item {
    margin-right: 4.17vw;
    width: 33.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper .slideshow .content .item {
    margin-right: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper .slideshow .content .item {
    width: 533.33px;
  }
}
.bloc-instagram > .wrapper .slideshow .content .item:first-child {
  margin-left: 14.93vw;
}
@media only screen and (min-width: 768px) {
  .bloc-instagram > .wrapper .slideshow .content .item:first-child {
    margin-left: 3.89vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper .slideshow .content .item:first-child {
    margin-left: 62.22px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-instagram > .wrapper .slideshow .content .item:first-child {
    margin-left: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper .slideshow .content .item:first-child {
    margin-left: 66.67px;
  }
}
.bloc-instagram > .wrapper .slideshow .content .item:last-child {
  margin-right: 14.93vw;
}
@media only screen and (min-width: 768px) {
  .bloc-instagram > .wrapper .slideshow .content .item:last-child {
    margin-right: 3.89vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper .slideshow .content .item:last-child {
    margin-right: 62.22px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-instagram > .wrapper .slideshow .content .item:last-child {
    margin-right: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-instagram > .wrapper .slideshow .content .item:last-child {
    margin-right: 66.67px;
  }
}
.bloc-instagram > .wrapper .slideshow .content .item img {
  width: 100%;
}
.bloc-instagram > .wrapper .slideshow-nav {
  display: none;
}
@media only screen and (min-width: 768px) {
  .bloc-instagram > .wrapper .slideshow-nav {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
}
.bloc-youtube {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 53.33vw;
}
@media only screen and (min-width: 768px) {
  .bloc-youtube {
    height: 13.89vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-youtube {
    height: 222.22px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-youtube {
    height: 21.53vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-youtube {
    height: 344.44px;
  }
}
.bloc-youtube > [data-component="youtube-player"] {
  height: 100%;
  width: 100%;
}
.bloc-youtube .controls {
  pointer-events: all;
}
.bloc-youtube .controls svg {
  position: absolute;
  cursor: pointer;
}
.bloc-youtube .controls svg path {
  transition: fill 0.2s linear;
}
.notouch .bloc-youtube .controls svg:hover path {
  fill: #A57B1B !important;
}
.bloc-youtube .controls .icon-play,
.bloc-youtube .controls .icon-pause {
  margin-bottom: 4.27vw;
  left: 6.4vw;
  bottom: 11.2vw;
}
@media only screen and (min-width: 768px) {
  .bloc-youtube .controls .icon-play,
  .bloc-youtube .controls .icon-pause {
    margin-bottom: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-youtube .controls .icon-play,
  .bloc-youtube .controls .icon-pause {
    margin-bottom: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-youtube .controls .icon-play,
  .bloc-youtube .controls .icon-pause {
    left: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-youtube .controls .icon-play,
  .bloc-youtube .controls .icon-pause {
    left: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-youtube .controls .icon-play,
  .bloc-youtube .controls .icon-pause {
    bottom: 2.92vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-youtube .controls .icon-play,
  .bloc-youtube .controls .icon-pause {
    bottom: 46.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-youtube .controls .icon-play,
  .bloc-youtube .controls .icon-pause {
    bottom: 2.08vw;
    margin-bottom: 0px;
    left: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-youtube .controls .icon-play,
  .bloc-youtube .controls .icon-pause {
    bottom: 33.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-youtube .controls .icon-play,
  .bloc-youtube .controls .icon-pause {
    left: 66.67px;
  }
}
.bloc-youtube .controls .icon-mute,
.bloc-youtube .controls .icon-unmute {
  top: 4.27vw;
  right: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .bloc-youtube .controls .icon-mute,
  .bloc-youtube .controls .icon-unmute {
    top: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-youtube .controls .icon-mute,
  .bloc-youtube .controls .icon-unmute {
    top: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-youtube .controls .icon-mute,
  .bloc-youtube .controls .icon-unmute {
    right: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-youtube .controls .icon-mute,
  .bloc-youtube .controls .icon-unmute {
    right: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  .bloc-youtube .controls .icon-mute,
  .bloc-youtube .controls .icon-unmute {
    top: 2.08vw;
    right: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-youtube .controls .icon-mute,
  .bloc-youtube .controls .icon-unmute {
    top: 33.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .bloc-youtube .controls .icon-mute,
  .bloc-youtube .controls .icon-unmute {
    right: 66.67px;
  }
}
.bloc-youtube .controls.muted .icon-mute {
  display: none;
}
.bloc-youtube .controls.unmuted .icon-unmute {
  display: none;
}
.bloc-youtube .controls.playing .icon-play {
  display: none;
}
.bloc-youtube .controls.pausing .icon-pause {
  display: none;
}
header {
  height: 70px;
  line-height: 70px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  background: white;
  z-index: 100;
}
@media only screen and (min-width: 768px) {
  header {
    text-align: center;
    height: 90px;
    line-height: 90px;
    transition: transform 0.4s ease-in-out;
    will-change: transform;
  }
}
@media only screen and (min-width: 768px) {
  header.collapsed {
    transform: translate3d(0, -90px, 0);
  }
}
header > a {
  padding-left: 6.4vw;
}
@media only screen and (min-width: 768px) {
  header > a {
    padding-left: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  header > a {
    padding-left: 26.67px;
  }
}
.rtl header > a {
  padding-left: 0px;
  padding-right: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .rtl header > a {
    padding-right: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .rtl header > a {
    padding-right: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  header > a {
    padding-left: 0px;
    padding-right: 0px;
  }
}
header > a img,
header > a svg {
  width: 103px;
  line-height: 1em;
  vertical-align: middle;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  header > a img,
  header > a svg {
    width: 146px;
  }
}
header .right {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.rtl header .right {
  right: auto;
  left: 0px;
}
header .right > * {
  display: inline-block;
  vertical-align: middle;
}
header .right .button {
  display: none;
}
@media only screen and (min-width: 768px) {
  header .right .button {
    display: inline-block;
    margin-right: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  header .right .button {
    margin-right: 66.67px;
  }
}
header .right .bell {
  width: 8.53vw;
  margin-right: 8.53vw;
  line-height: 1em;
}
@media only screen and (min-width: 768px) {
  header .right .bell {
    width: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  header .right .bell {
    width: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  header .right .bell {
    margin-right: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  header .right .bell {
    margin-right: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  header .right .bell {
    display: none;
  }
}
footer {
  background: #030303;
  text-align: center;
  position: relative;
  width: 100%;
  direction: ltr;
}
.rtl footer {
  perspective: 1px;
}
footer #footer-border {
  border-top: 1px solid #A57B1B;
  height: 2px;
  background: white;
  border-bottom: 4px solid #A57B1B;
  box-sizing: content-box;
}
footer .content {
  position: relative;
  padding-top: 21.33vw;
  padding-left: 12.8vw;
  padding-right: 12.8vw;
}
@media only screen and (min-width: 768px) {
  footer .content {
    padding-top: 5.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content {
    padding-top: 88.89px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content {
    padding-left: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content {
    padding-left: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content {
    padding-right: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content {
    padding-right: 53.33px;
  }
}
.rtl footer .content {
  transform: rotate3d(0, 1, 0, 180deg);
}
@media only screen and (min-width: 768px) {
  footer .content {
    padding-top: 6.25vw;
    padding-left: 6.25vw;
    padding-right: 6.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content {
    padding-left: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content {
    padding-right: 100px;
  }
}
@media (min-width: 1600px) {
  footer .content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
  }
}
footer .content .back-to-top {
  width: 12.8vw;
  height: 12.8vw;
  line-height: 12.8vw;
  border: 1px solid #EBF0F3;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  cursor: pointer;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  footer .content .back-to-top {
    width: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .back-to-top {
    width: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .back-to-top {
    height: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .back-to-top {
    height: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .back-to-top {
    line-height: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .back-to-top {
    line-height: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .back-to-top {
    position: absolute;
    top: 6.25vw;
    right: 11.94vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .back-to-top {
    top: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .back-to-top {
    right: 191.11px;
  }
}
footer .content .back-to-top span {
  padding: 0 !important;
  min-width: 0px;
  color: white;
}
footer .content .back-to-top span svg {
  width: 3.2vw;
  height: 5.87vw;
  vertical-align: middle;
  display: inline-block;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
@media only screen and (min-width: 768px) {
  footer .content .back-to-top span svg {
    width: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .back-to-top span svg {
    width: 13.33px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .back-to-top span svg {
    height: 1.53vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .back-to-top span svg {
    height: 24.44px;
  }
}
footer .content .back-to-top span svg path {
  stroke: white;
}
footer .content .logo {
  margin-top: 12.8vw;
}
@media only screen and (min-width: 768px) {
  footer .content .logo {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .logo {
    margin-top: 53.33px;
  }
}
.rtl footer .content .logo {
  transform: rotate3d(0, 1, 0, 180deg);
}
@media only screen and (min-width: 768px) {
  footer .content .logo {
    margin-top: 0px;
  }
}
footer .content .logo img,
footer .content .logo svg {
  width: 41.33vw;
}
@media only screen and (min-width: 768px) {
  footer .content .logo img,
  footer .content .logo svg {
    width: 10.76vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .logo img,
  footer .content .logo svg {
    width: 172.22px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .logo img,
  footer .content .logo svg {
    width: 14.38vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .logo img,
  footer .content .logo svg {
    width: 230px;
  }
}
footer .content .shares {
  width: 59.73vw;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 8.53vw;
}
@media only screen and (min-width: 768px) {
  footer .content .shares {
    width: 15.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .shares {
    width: 248.89px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .shares {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .shares {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .shares {
    text-align: left;
    position: absolute;
    top: 6.25vw;
    left: 11.25vw;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .shares {
    top: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .shares {
    left: 180px;
  }
}
footer .content .shares a {
  text-align: center;
  display: inline-block;
  padding: 4.27vw;
}
@media only screen and (min-width: 768px) {
  footer .content .shares a {
    padding: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .shares a {
    padding: 17.78px;
  }
}
footer .content .shares a svg {
  width: 4.27vw;
  height: 4.27vw;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  footer .content .shares a svg {
    width: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .shares a svg {
    width: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .shares a svg {
    height: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .shares a svg {
    height: 17.78px;
  }
}
.rtl footer .content .shares a svg {
  transform: rotate3d(0, 1, 0, 180deg);
}
@media only screen and (min-width: 768px) {
  footer .content .shares a svg {
    width: 1.67vw;
    height: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .shares a svg {
    width: 26.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .shares a svg {
    height: 26.67px;
  }
}
footer .content .columns {
  margin-top: 8.53vw;
}
@media only screen and (min-width: 768px) {
  footer .content .columns {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .columns {
    display: flex;
  }
}
footer .content .columns > div {
  position: relative;
  padding-top: 12.8vw;
  padding-bottom: 12.8vw;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div {
    padding-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div {
    padding-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div {
    padding-bottom: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div {
    padding-bottom: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div {
    width: 33.33333333%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-left: 5.69vw;
    padding-right: 3.61vw;
    padding-top: 1.04vw;
    padding-bottom: 1.04vw;
  }
  footer .content .columns > div:last-child:before {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div {
    padding-left: 91.11px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div {
    padding-right: 57.78px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div {
    padding-top: 16.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div {
    padding-bottom: 16.67px;
  }
}
footer .content .columns > div h3 {
  font-family: 'Minion Pro';
  font-size: 5.87vw;
  line-height: 5.87vw;
  letter-spacing: 0.2vw;
  color: #EBF0F3;
}
.rtl footer .content .columns > div h3 {
  font-family: 'Amiri';
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div h3 {
    font-size: 1.53vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div h3 {
    font-size: 24.44px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div h3 {
    line-height: 1.53vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div h3 {
    line-height: 24.44px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div h3 {
    letter-spacing: 0.05vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div h3 {
    letter-spacing: 0.83px;
  }
}
.rtl footer .content .columns > div h3 {
  transform: rotate3d(0, 1, 0, 180deg);
}
@media only screen and (min-width: 768px) {
  .rtl footer .content .columns > div h3 {
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div h3 {
    font-size: 2.08vw;
    line-height: 2.08vw;
    letter-spacing: 0.07vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div h3 {
    font-size: 33.33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  footer .content .columns > div h3 {
    font-size: 2.5vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  footer .content .columns > div h3 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div h3 {
    line-height: 33.33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  footer .content .columns > div h3 {
    line-height: 2.5vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  footer .content .columns > div h3 {
    line-height: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div h3 {
    letter-spacing: 1.11px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  footer .content .columns > div h3 {
    letter-spacing: 0.08vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  footer .content .columns > div h3 {
    letter-spacing: 1.33px;
  }
}
.rtl footer .content .columns > div p {
  transform: rotate3d(0, 1, 0, 180deg);
}
@media only screen and (min-width: 768px) {
  .rtl footer .content .columns > div p {
    text-align: right;
  }
}
footer .content .columns > div p,
footer .content .columns > div a {
  margin-top: 8.53vw;
  font-family: 'Lucien Book';
  font-size: 3.73vw;
  letter-spacing: 0.16vw;
  line-height: 5.33vw;
  color: #EBF0F3;
  margin-bottom: -2.13vw;
  display: block;
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    margin-top: 35.56px;
  }
}
.rtl footer .content .columns > div p,
.rtl footer .content .columns > div a {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    font-size: 0.97vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    font-size: 15.56px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    letter-spacing: 0.04vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    letter-spacing: 0.67px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    margin-bottom: -0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    margin-bottom: -8.89px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    font-size: 0.83vw;
    letter-spacing: 0.05vw;
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    font-size: 1vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    letter-spacing: 0.83px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    letter-spacing: 1px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    line-height: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    line-height: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    margin-top: 2.64vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div p,
  footer .content .columns > div a {
    margin-top: 42.22px;
  }
}
footer .content .columns > div p svg,
footer .content .columns > div a svg,
footer .content .columns > div p span,
footer .content .columns > div a span {
  display: inline-block;
  vertical-align: middle;
}
footer .content .columns > div p svg u,
footer .content .columns > div a svg u,
footer .content .columns > div p span u,
footer .content .columns > div a span u {
  background: #EBF0F3;
}
.rtl footer .content .columns > div p svg,
.rtl footer .content .columns > div a svg,
.rtl footer .content .columns > div p span,
.rtl footer .content .columns > div a span {
  transform: rotate3d(0, 1, 0, 180deg);
}
footer .content .columns > div p svg,
footer .content .columns > div a svg {
  margin-right: 4vw;
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div p svg,
  footer .content .columns > div a svg {
    margin-right: 1.04vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div p svg,
  footer .content .columns > div a svg {
    margin-right: 16.67px;
  }
}
footer .content .columns > div p .svg-whatsapp,
footer .content .columns > div a .svg-whatsapp {
  width: 9.33vw;
  height: 7.73vw;
  margin-right: 1.87vw;
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div p .svg-whatsapp,
  footer .content .columns > div a .svg-whatsapp {
    width: 2.43vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div p .svg-whatsapp,
  footer .content .columns > div a .svg-whatsapp {
    width: 38.89px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div p .svg-whatsapp,
  footer .content .columns > div a .svg-whatsapp {
    height: 2.01vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div p .svg-whatsapp,
  footer .content .columns > div a .svg-whatsapp {
    height: 32.22px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div p .svg-whatsapp,
  footer .content .columns > div a .svg-whatsapp {
    margin-right: 0.49vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div p .svg-whatsapp,
  footer .content .columns > div a .svg-whatsapp {
    margin-right: 7.78px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div p .svg-whatsapp,
  footer .content .columns > div a .svg-whatsapp {
    margin-left: -0.49vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div p .svg-whatsapp,
  footer .content .columns > div a .svg-whatsapp {
    margin-left: -7.78px;
  }
}
footer .content .columns > div p .svg-phone,
footer .content .columns > div a .svg-phone {
  width: 5.33vw;
  height: 5.33vw;
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div p .svg-phone,
  footer .content .columns > div a .svg-phone {
    width: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div p .svg-phone,
  footer .content .columns > div a .svg-phone {
    width: 22.22px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div p .svg-phone,
  footer .content .columns > div a .svg-phone {
    height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div p .svg-phone,
  footer .content .columns > div a .svg-phone {
    height: 22.22px;
  }
}
footer .content .columns > div p .svg-mail,
footer .content .columns > div a .svg-mail {
  width: 5.33vw;
  height: 3.47vw;
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div p .svg-mail,
  footer .content .columns > div a .svg-mail {
    width: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div p .svg-mail,
  footer .content .columns > div a .svg-mail {
    width: 22.22px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div p .svg-mail,
  footer .content .columns > div a .svg-mail {
    height: 0.9vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div p .svg-mail,
  footer .content .columns > div a .svg-mail {
    height: 14.44px;
  }
}
footer .content .columns > div:before {
  content: "";
  background: #979797;
  opacity: 0.41;
  height: 1px;
  position: absolute;
  top: 0px;
  width: 59.73vw;
  left: 50%;
  margin-left: -29.87vw;
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div:before {
    width: 15.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div:before {
    width: 248.89px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div:before {
    margin-left: -7.78vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .columns > div:before {
    margin-left: -124.44px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .columns > div:before {
    right: 0px;
    left: auto;
    width: 1px;
    height: 100%;
    top: 0px;
    margin-left: 0px;
  }
}
footer .content .links {
  opacity: 0.57;
  padding-bottom: 21.33vw;
}
@media only screen and (min-width: 768px) {
  footer .content .links {
    padding-bottom: 5.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .links {
    padding-bottom: 88.89px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .links {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-left: 5.69vw;
    padding-right: 5.69vw;
    padding-bottom: 6.25vw;
    padding-top: 6.25vw;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .links {
    padding-left: 91.11px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .links {
    padding-right: 91.11px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .links {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .links {
    padding-top: 100px;
  }
}
footer .content .links li {
  font-family: 'Lucien Book';
  font-size: 3.73vw;
  letter-spacing: 0.16vw;
  line-height: 5.33vw;
  color: #EBF0F3;
  margin-bottom: -2.13vw;
}
.rtl footer .content .links li {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  footer .content .links li {
    font-size: 0.97vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .links li {
    font-size: 15.56px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .links li {
    letter-spacing: 0.04vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .links li {
    letter-spacing: 0.67px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .links li {
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .links li {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .links li {
    margin-bottom: -0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .links li {
    margin-bottom: -8.89px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .links li {
    font-size: 0.83vw;
    letter-spacing: 0.05vw;
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .links li {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  footer .content .links li {
    font-size: 1vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  footer .content .links li {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .links li {
    letter-spacing: 0.83px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  footer .content .links li {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  footer .content .links li {
    letter-spacing: 1px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .links li {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  footer .content .links li {
    line-height: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  footer .content .links li {
    line-height: 26.67px;
  }
}
.rtl footer .content .links li {
  transform: rotate3d(0, 1, 0, 180deg);
}
footer .content .links li + li {
  margin-top: 12.8vw;
}
@media only screen and (min-width: 768px) {
  footer .content .links li + li {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  footer .content .links li + li {
    margin-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .links li + li {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 768px) {
  footer .content .links li:first-child {
    text-align: right;
  }
  footer .content .links li:last-child {
    text-align: left;
  }
}
#cookies {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding-top: 10.67vw;
  padding-left: 4vw;
  padding-right: 4vw;
  padding-bottom: 10.67vw;
  background: #2B2B2B;
  display: none;
  z-index: 1000;
}
@media only screen and (min-width: 768px) {
  #cookies {
    padding-top: 2.78vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #cookies {
    padding-top: 44.44px;
  }
}
@media only screen and (min-width: 768px) {
  #cookies {
    padding-left: 1.04vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #cookies {
    padding-left: 16.67px;
  }
}
@media only screen and (min-width: 768px) {
  #cookies {
    padding-right: 1.04vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #cookies {
    padding-right: 16.67px;
  }
}
@media only screen and (min-width: 768px) {
  #cookies {
    padding-bottom: 2.78vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #cookies {
    padding-bottom: 44.44px;
  }
}
@media only screen and (min-width: 768px) {
  #cookies {
    justify-content: space-between;
    align-items: center;
    padding-left: 6.25vw;
    padding-right: 6.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #cookies {
    padding-left: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #cookies {
    padding-right: 100px;
  }
}
#cookies.visible {
  display: block;
}
@media only screen and (min-width: 768px) {
  #cookies.visible {
    display: flex;
  }
}
#cookies p {
  font-family: 'Lucien Book';
  font-size: 3.2vw;
  line-height: 3.2vw;
  letter-spacing: 0.27vw;
  color: white;
}
.rtl #cookies p {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  #cookies p {
    font-size: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #cookies p {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) {
  #cookies p {
    line-height: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #cookies p {
    line-height: 13.33px;
  }
}
@media only screen and (min-width: 768px) {
  #cookies p {
    letter-spacing: 0.07vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #cookies p {
    letter-spacing: 1.11px;
  }
}
#cookies p a {
  text-transform: uppercase;
  font-family: 'Lucien';
}
.rtl #cookies p a {
  font-family: 'Tajawal';
}
#cookies .buttons {
  margin-top: 9.33vw;
  display: flex;
  justify-content: space-around;
}
@media only screen and (min-width: 768px) {
  #cookies .buttons {
    margin-top: 2.43vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #cookies .buttons {
    margin-top: 38.89px;
  }
}
@media only screen and (min-width: 768px) {
  #cookies .buttons {
    display: inline-block;
    margin-top: 0px;
  }
}
#cookies .buttons a {
  color: white;
}
@media only screen and (min-width: 768px) {
  #cookies .buttons a {
    padding-left: 2.43vw;
    padding-right: 2.43vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #cookies .buttons a {
    padding-left: 38.89px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #cookies .buttons a {
    padding-right: 38.89px;
  }
}
#scrollbar {
  position: fixed;
  right: 0px;
  bottom: 0px;
  top: 0px;
  background: #EBF0F3;
  z-index: 1000;
  width: 5px;
  transition: width 0.3s ease-in-out;
}
.rtl #scrollbar {
  right: auto;
  left: 0px;
}
.notouch #scrollbar:hover {
  width: 10px;
}
#scrollbar div {
  width: 100%;
  height: 500px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #A57B1B;
  border-radius: 20px;
  cursor: pointer;
}
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #A57B1B;
  border: none;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
  background: #000000;
}
::-webkit-scrollbar-track {
  background: none;
  border-bottom: 2px solid #EBF0F3;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
#menu {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 101;
  overflow: hidden;
  position: fixed;
}
#menu.hidden {
  display: none;
}
@media only screen and (min-width: 768px) {
  #menu {
    position: absolute;
    display: flex;
  }
}
#menu > div {
  position: relative;
  width: 100%;
  height: 100%;
}
#menu .background {
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  width: 60%;
  overflow: hidden;
  position: absolute;
}
.rtl #menu .background {
  left: auto;
  right: 0;
}
@media only screen and (min-width: 768px) {
  #menu .background {
    display: block;
  }
}
#menu .background div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-origin: 50% 50%;
  position: absolute;
}
#menu .content {
  padding-left: 19.2vw;
  padding-right: 19.2vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: white;
}
@media only screen and (min-width: 768px) {
  #menu .content {
    padding-left: 5vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content {
    padding-right: 5vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content {
    padding-right: 80px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content {
    width: 40%;
    max-width: none;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: 0px;
  }
  .rtl #menu .content {
    margin-right: auto;
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
  }
}
#menu .content > div .top {
  padding-top: 8.53vw;
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top {
    padding-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top {
    padding-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 6.25vw;
    padding-bottom: 14.58vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top {
    padding-bottom: 233.33px;
  }
}
#menu .content > div .top .logo-fouquets {
  width: 102px;
  position: absolute;
  top: 0px;
  top: 4.27vw;
  left: 50%;
  margin-left: -51px;
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top .logo-fouquets {
    top: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top .logo-fouquets {
    top: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top .logo-fouquets {
    width: 146px;
    margin-left: -73px;
  }
}
#menu .content > div .top .logo-fouquets svg {
  width: 100%;
}
#menu .content > div .top .items li {
  position: relative;
  font-family: 'Minion Pro';
  font-size: 6.4vw;
  line-height: 6.4vw;
  letter-spacing: 0.27vw;
  color: #2B2B2B;
  margin-top: 8.53vw;
  margin-bottom: -2.13vw;
}
.rtl #menu .content > div .top .items li {
  font-family: 'Amiri';
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top .items li {
    font-size: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top .items li {
    font-size: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top .items li {
    line-height: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top .items li {
    line-height: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top .items li {
    letter-spacing: 0.07vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top .items li {
    letter-spacing: 1.11px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top .items li {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top .items li {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top .items li {
    margin-bottom: -0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top .items li {
    margin-bottom: -8.89px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top .items li {
    margin-top: 3.33vw;
    margin-bottom: -0.42vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top .items li {
    margin-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top .items li {
    margin-bottom: -6.67px;
  }
}
#menu .content > div .top .items li a {
  transition: color 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
#menu .content > div .top .items li a polygon {
  transition: fill 0.4s linear;
}
.notouch #menu .content > div .top .items li a:hover {
  color: #AD1B2D;
}
.notouch #menu .content > div .top .items li a:hover polygon {
  fill: #AD1B2D;
}
#menu .content > div .top .items li span {
  color: #AD1B2D;
  position: absolute;
  left: -8.53vw;
  font-family: 'Lucien';
  font-weight: bold;
  font-size: 3.2vw;
  line-height: 3.2vw;
  letter-spacing: 0.2vw;
  top: 0px;
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top .items li span {
    left: -2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top .items li span {
    left: -35.56px;
  }
}
.rtl #menu .content > div .top .items li span {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top .items li span {
    font-size: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top .items li span {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top .items li span {
    line-height: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top .items li span {
    line-height: 13.33px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top .items li span {
    letter-spacing: 0.05vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top .items li span {
    letter-spacing: 0.83px;
  }
}
.rtl #menu .content > div .top .items li span {
  left: auto;
  right: -8.53vw;
}
@media only screen and (min-width: 768px) {
  .rtl #menu .content > div .top .items li span {
    right: -2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .rtl #menu .content > div .top .items li span {
    right: -35.56px;
  }
}
@media only screen and (min-width: 768px) {
  .rtl #menu .content > div .top .items li span {
    right: -2.92vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .rtl #menu .content > div .top .items li span {
    right: -46.67px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top .items li span {
    left: -2.92vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top .items li span {
    left: -46.67px;
  }
}
#menu .content > div .top .items li .svg-external-link {
  width: 4.27vw;
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top .items li .svg-external-link {
    width: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top .items li .svg-external-link {
    width: 17.78px;
  }
}
#menu .content > div .top .items li .svg-external-link path {
  fill: #2B2B2B;
}
#menu .content > div .top > div > a {
  font-family: 'Lucien Book';
  font-size: 3.73vw;
  letter-spacing: 0.27vw;
  color: #030303;
  display: block;
  margin-top: 8.53vw;
  margin-bottom: -2.13vw;
}
.rtl #menu .content > div .top > div > a {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top > div > a {
    font-size: 0.97vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top > div > a {
    font-size: 15.56px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top > div > a {
    letter-spacing: 0.07vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top > div > a {
    letter-spacing: 1.11px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top > div > a {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top > div > a {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top > div > a {
    margin-bottom: -0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top > div > a {
    margin-bottom: -8.89px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div .top > div > a {
    margin-top: 3.33vw;
    margin-bottom: -0.42vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top > div > a {
    margin-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .top > div > a {
    margin-bottom: -6.67px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div .bottom {
    position: absolute;
    bottom: 6.25vw;
    width: 100%;
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .bottom {
    bottom: 100px;
  }
}
@media only screen and (max-height: 850px) and (min-width: 768px) {
  #menu .content > div .bottom {
    bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div .bottom .button-wrapper .button {
    margin-top: 0px;
  }
}
#menu .content > div .bottom .languages {
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  margin-top: 12.8vw;
  width: 70%;
  direction: ltr;
}
@media only screen and (min-width: 768px) {
  #menu .content > div .bottom .languages {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .bottom .languages {
    margin-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div .bottom .languages {
    width: 40%;
  }
}
#menu .content > div .bottom .languages li {
  color: #2B2B2B;
  font-family: 'Lucien';
  font-weight: bold;
  font-size: 3.73vw;
  letter-spacing: 0.23vw;
  transition: color 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86);
  cursor: pointer;
}
.rtl #menu .content > div .bottom .languages li {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  #menu .content > div .bottom .languages li {
    font-size: 0.97vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .bottom .languages li {
    font-size: 15.56px;
  }
}
@media only screen and (min-width: 768px) {
  #menu .content > div .bottom .languages li {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .content > div .bottom .languages li {
    letter-spacing: 0.98px;
  }
}
#menu .content > div .bottom .languages li.current-lang,
.notouch #menu .content > div .bottom .languages li:hover {
  color: #AD1B2D;
}
#menu .button-close {
  margin-right: -2.67vw;
}
@media only screen and (min-width: 768px) {
  #menu .button-close {
    margin-right: -0.69vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #menu .button-close {
    margin-right: -11.11px;
  }
}
#book {
  z-index: 1001;
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: rgba(43, 43, 43, 0.3);
  display: none;
}
@media only screen and (min-width: 768px) {
  #book {
    position: absolute;
  }
}
#book .content {
  position: absolute;
  top: 12.8vw;
  left: 4.27vw;
  right: 4.27vw;
  bottom: 12.8vw;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  #book .content {
    top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #book .content {
    top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  #book .content {
    left: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #book .content {
    left: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  #book .content {
    right: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #book .content {
    right: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  #book .content {
    bottom: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #book .content {
    bottom: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  #book .content {
    top: 3.33vw;
    left: 27.08vw;
    right: 27.08vw;
    bottom: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #book .content {
    top: 53.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #book .content {
    left: 433.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #book .content {
    right: 433.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #book .content {
    bottom: 53.33px;
  }
}
#book .content .iframe-wrapper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  #book .content .iframe-wrapper {
    max-width: 700px;
  }
}
#book .content .iframe-wrapper iframe {
  width: 100%;
  height: 100%;
  border: none;
  background: #2B2B2B;
}
@media only screen and (min-width: 768px) {
  #book .content .iframe-wrapper iframe {
    display: block;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
#book .content .iframe-wrapper .button-close {
  top: 0px;
  right: 0px;
  z-index: 1002;
}
.rtl #book .content .iframe-wrapper .button-close {
  left: 0px;
  right: auto;
}
#legals h1 {
  margin-top: 8.53vw;
  padding-bottom: 4.27vw;
  text-align: center;
  font-family: 'Minion Pro';
  font-size: 8vw;
  line-height: 8vw;
  letter-spacing: 0.08vw;
  color: #2B2B2B;
  text-transform: uppercase;
  margin-bottom: -2.13vw;
}
@media only screen and (min-width: 768px) {
  #legals h1 {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals h1 {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  #legals h1 {
    padding-bottom: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals h1 {
    padding-bottom: 17.78px;
  }
}
.rtl #legals h1 {
  font-family: 'Amiri';
}
@media only screen and (min-width: 768px) {
  #legals h1 {
    font-size: 2.08vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals h1 {
    font-size: 33.33px;
  }
}
@media only screen and (min-width: 768px) {
  #legals h1 {
    line-height: 2.08vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals h1 {
    line-height: 33.33px;
  }
}
@media only screen and (min-width: 768px) {
  #legals h1 {
    letter-spacing: 0.02vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals h1 {
    letter-spacing: 0.33px;
  }
}
@media only screen and (min-width: 768px) {
  #legals h1 {
    margin-bottom: -0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals h1 {
    margin-bottom: -8.89px;
  }
}
#legals h1 + *:not(.button-wrapper):not(.button):not([data-component='scroll-to']):not(.hashtag) {
  margin-top: 8.53vw;
}
@media only screen and (min-width: 768px) {
  #legals h1 + *:not(.button-wrapper):not(.button):not([data-component='scroll-to']):not(.hashtag) {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals h1 + *:not(.button-wrapper):not(.button):not([data-component='scroll-to']):not(.hashtag) {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  #legals h1 + *:not(.button-wrapper):not(.button):not([data-component='scroll-to']):not(.hashtag) {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals h1 + *:not(.button-wrapper):not(.button):not([data-component='scroll-to']):not(.hashtag) {
    margin-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  #legals h1 {
    font-size: 2.78vw;
    letter-spacing: 0.15vw;
    line-height: 2.78vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals h1 {
    font-size: 44.44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #legals h1 {
    font-size: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  #legals h1 {
    font-size: 53.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals h1 {
    letter-spacing: 2.33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #legals h1 {
    letter-spacing: 0.17vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  #legals h1 {
    letter-spacing: 2.8px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals h1 {
    line-height: 44.44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #legals h1 {
    line-height: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  #legals h1 {
    line-height: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  #legals h1 {
    margin-top: 8.33vw;
    padding-bottom: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals h1 {
    margin-top: 133.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals h1 {
    padding-bottom: 66.67px;
  }
}
#legals .content {
  padding-left: 8.53vw;
  padding-right: 8.53vw;
}
@media only screen and (min-width: 768px) {
  #legals .content {
    padding-left: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content {
    padding-left: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  #legals .content {
    padding-right: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content {
    padding-right: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  #legals .content {
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.07);
    padding: 4.17vw;
    margin-top: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content {
    padding: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content {
    margin-top: 66.67px;
  }
}
#legals .content h2 {
  font-family: 'Lucien';
  font-weight: bold;
  font-size: 3.2vw;
  line-height: 5.33vw;
  letter-spacing: 0.22vw;
  color: #2B2B2B;
  text-transform: uppercase;
  margin-bottom: -2.67vw;
  margin-top: 8.53vw;
  margin-bottom: 4.27vw;
}
.rtl #legals .content h2 {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  #legals .content h2 {
    font-size: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content h2 {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) {
  #legals .content h2 {
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content h2 {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) {
  #legals .content h2 {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content h2 {
    letter-spacing: 0.92px;
  }
}
@media only screen and (min-width: 768px) {
  #legals .content h2 {
    margin-bottom: -0.69vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content h2 {
    margin-bottom: -11.11px;
  }
}
@media only screen and (min-width: 768px) {
  #legals .content h2 {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content h2 {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  #legals .content h2 {
    margin-bottom: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content h2 {
    margin-bottom: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  #legals .content h2 {
    margin-top: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content h2 {
    margin-top: 66.67px;
  }
}
#legals .content p {
  font-family: 'Lucien Book';
  font-size: 3.73vw;
  letter-spacing: 0.16vw;
  line-height: 5.33vw;
  color: #EBF0F3;
  margin-bottom: -2.13vw;
  color: #030303;
  margin-top: 1.33vw;
}
.rtl #legals .content p {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  #legals .content p {
    font-size: 0.97vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content p {
    font-size: 15.56px;
  }
}
@media only screen and (min-width: 768px) {
  #legals .content p {
    letter-spacing: 0.04vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content p {
    letter-spacing: 0.67px;
  }
}
@media only screen and (min-width: 768px) {
  #legals .content p {
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content p {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) {
  #legals .content p {
    margin-bottom: -0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content p {
    margin-bottom: -8.89px;
  }
}
@media only screen and (min-width: 768px) {
  #legals .content p {
    font-size: 0.83vw;
    letter-spacing: 0.05vw;
    line-height: 1.39vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content p {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #legals .content p {
    font-size: 1vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  #legals .content p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content p {
    letter-spacing: 0.83px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #legals .content p {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  #legals .content p {
    letter-spacing: 1px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content p {
    line-height: 22.22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #legals .content p {
    line-height: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  #legals .content p {
    line-height: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  #legals .content p {
    margin-top: 0.35vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content p {
    margin-top: 5.56px;
  }
}
@media only screen and (min-width: 768px) {
  #legals .content p {
    margin-top: 1.04vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #legals .content p {
    margin-top: 16.67px;
  }
}
#error-404 .background {
  display: block;
}
@media only screen and (min-width: 768px) {
  #error-404 .background {
    padding-left: 29.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #error-404 .background {
    padding-left: 466.67px;
  }
}
@media only screen and (min-width: 768px) {
  #error-404 .texts-wrapper {
    margin-top: 0px;
    position: absolute;
    top: 4.17vw;
    bottom: 4.17vw;
    left: 0vw;
    right: 37.5vw;
    display: flex;
    align-items: center;
    width: auto;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #error-404 .texts-wrapper {
    top: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #error-404 .texts-wrapper {
    bottom: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #error-404 .texts-wrapper {
    left: 0px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #error-404 .texts-wrapper {
    right: 600px;
  }
}
#error-404 .texts-wrapper .links h3 {
  font-family: 'Lucien Book';
  font-size: 3.2vw;
  letter-spacing: 0.27vw;
  line-height: 10.67vw;
  margin-top: 12.8vw;
}
.rtl #error-404 .texts-wrapper .links h3 {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  #error-404 .texts-wrapper .links h3 {
    font-size: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #error-404 .texts-wrapper .links h3 {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) {
  #error-404 .texts-wrapper .links h3 {
    letter-spacing: 0.07vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #error-404 .texts-wrapper .links h3 {
    letter-spacing: 1.11px;
  }
}
@media only screen and (min-width: 768px) {
  #error-404 .texts-wrapper .links h3 {
    line-height: 2.78vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #error-404 .texts-wrapper .links h3 {
    line-height: 44.44px;
  }
}
@media only screen and (min-width: 768px) {
  #error-404 .texts-wrapper .links h3 {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #error-404 .texts-wrapper .links h3 {
    margin-top: 53.33px;
  }
}
#error-404 .texts-wrapper .links ul {
  width: 80%;
}
#error-404 .texts-wrapper .links ul li {
  font-family: 'Lucien';
  font-size: 3.2vw;
  letter-spacing: 0.2vw;
  line-height: 3.2vw;
  margin-bottom: -2.13vw;
  margin-top: 11.47vw;
}
.rtl #error-404 .texts-wrapper .links ul li {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  #error-404 .texts-wrapper .links ul li {
    font-size: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #error-404 .texts-wrapper .links ul li {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) {
  #error-404 .texts-wrapper .links ul li {
    letter-spacing: 0.05vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #error-404 .texts-wrapper .links ul li {
    letter-spacing: 0.83px;
  }
}
@media only screen and (min-width: 768px) {
  #error-404 .texts-wrapper .links ul li {
    line-height: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #error-404 .texts-wrapper .links ul li {
    line-height: 13.33px;
  }
}
@media only screen and (min-width: 768px) {
  #error-404 .texts-wrapper .links ul li {
    margin-bottom: -0.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #error-404 .texts-wrapper .links ul li {
    margin-bottom: -8.89px;
  }
}
@media only screen and (min-width: 768px) {
  #error-404 .texts-wrapper .links ul li {
    margin-top: 2.99vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #error-404 .texts-wrapper .links ul li {
    margin-top: 47.78px;
  }
}
#error-500 .background {
  display: block;
}
#error-500 h3 {
  font-family: 'Lucien Book';
  font-size: 3.2vw;
  letter-spacing: 0.27vw;
  line-height: 6.4vw;
  margin-top: 12.8vw;
}
.rtl #error-500 h3 {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  #error-500 h3 {
    font-size: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #error-500 h3 {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) {
  #error-500 h3 {
    letter-spacing: 0.07vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #error-500 h3 {
    letter-spacing: 1.11px;
  }
}
@media only screen and (min-width: 768px) {
  #error-500 h3 {
    line-height: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #error-500 h3 {
    line-height: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  #error-500 h3 {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  #error-500 h3 {
    margin-top: 53.33px;
  }
}
#error-500 .lazyload,
#error-500 .lazyloading {
  opacity: 1 !important;
}
article {
  padding-top: 1px;
  position: relative;
  margin-top: -1px;
  margin-bottom: -21.33vw;
}
@media only screen and (min-width: 768px) {
  article {
    margin-bottom: -5.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article {
    margin-bottom: -88.89px;
  }
}
@media only screen and (min-width: 768px) {
  article {
    margin-bottom: -7.64vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article {
    margin-bottom: -122.22px;
  }
}
article .article-back {
  margin-top: 12.8vw;
  font-family: 'Lucien';
  font-weight: bold;
  font-size: 3.2vw;
  line-height: 3.2vw;
  letter-spacing: 0.22vw;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86);
  color: #2B2B2B;
  z-index: 10;
}
@media only screen and (min-width: 768px) {
  article .article-back {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-back {
    margin-top: 53.33px;
  }
}
.rtl article .article-back {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  article .article-back {
    font-size: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-back {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-back {
    line-height: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-back {
    line-height: 13.33px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-back {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-back {
    letter-spacing: 0.92px;
  }
}
.notouch article .article-back:hover {
  color: #AD1B2D;
}
article .article-back span {
  display: inline-block;
  margin-left: 4.27vw;
}
@media only screen and (min-width: 768px) {
  article .article-back span {
    margin-left: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-back span {
    margin-left: 17.78px;
  }
}
body.rtl article .article-back span {
  margin-left: auto;
  margin-right: 4.27vw;
}
@media only screen and (min-width: 768px) {
  body.rtl article .article-back span {
    margin-right: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  body.rtl article .article-back span {
    margin-right: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-back.bottom {
    display: none;
  }
}
article .article-back.top {
  position: absolute;
  top: 0px;
  left: 6.4vw;
}
@media only screen and (min-width: 768px) {
  article .article-back.top {
    left: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-back.top {
    left: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-back.top {
    left: 14.58333333%;
    margin-top: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-back.top {
    margin-top: 66.67px;
  }
}
body.rtl article .article-back.top {
  left: auto;
  right: 6.4vw;
}
@media only screen and (min-width: 768px) {
  body.rtl article .article-back.top {
    right: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  body.rtl article .article-back.top {
    right: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  body.rtl article .article-back.top {
    right: 14.58333333%;
  }
}
article .bloc-title {
  margin-top: 21.33vw !important;
}
@media only screen and (min-width: 768px) {
  article .bloc-title {
    margin-top: 5.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .bloc-title {
    margin-top: 88.89px;
  }
}
@media only screen and (min-width: 768px) {
  article .bloc-title {
    margin-top: 4.17vw !important;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .bloc-title {
    margin-top: 66.67px;
  }
}
article .bloc-title .title {
  margin-top: 0px !important;
}
article .bloc-newshead + .article-content {
  margin-top: -11.2vw;
}
@media only screen and (min-width: 768px) {
  article .bloc-newshead + .article-content {
    margin-top: -2.92vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .bloc-newshead + .article-content {
    margin-top: -46.67px;
  }
}
@media only screen and (min-width: 768px) {
  article .bloc-newshead + .article-content {
    margin-top: -6.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .bloc-newshead + .article-content {
    margin-top: -100px;
  }
}
article .article-content {
  background: white;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.07);
  position: relative;
  padding-top: 12.8vw;
  padding-bottom: 12.8vw;
  padding-left: 8.53vw;
  padding-right: 8.53vw;
  margin-top: 8.53vw;
}
@media only screen and (min-width: 768px) {
  article .article-content {
    padding-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content {
    padding-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-content {
    padding-bottom: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content {
    padding-bottom: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-content {
    padding-left: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content {
    padding-left: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-content {
    padding-right: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content {
    padding-right: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-content {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-content {
    white-space: nowrap;
    margin-top: 4.17vw;
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
    padding-left: 4.17vw;
    margin-right: 10.42vw;
    margin-left: 10.42vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content {
    margin-top: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content {
    padding-left: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content {
    margin-right: 166.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content {
    margin-left: 166.67px;
  }
}
article .article-content .left {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  article .article-content .left {
    width: 16.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .left {
    width: 266.67px;
  }
}
article .article-content .center {
  width: 100%;
  color: #030303;
  margin-top: 8.53vw;
}
@media only screen and (min-width: 768px) {
  article .article-content .center {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .center {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-content .center {
    width: 45.83vw;
    margin-top: 0px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .center {
    width: 733.33px;
  }
}
article .article-content .center .chapo {
  padding-left: 4.27vw;
  border-left: 1px solid #AD1B2D;
  font-family: 'Lucien';
}
@media only screen and (min-width: 768px) {
  article .article-content .center .chapo {
    padding-left: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .center .chapo {
    padding-left: 17.78px;
  }
}
.rtl article .article-content .center .chapo {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  article .article-content .center .chapo {
    padding-left: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .center .chapo {
    padding-left: 53.33px;
  }
}
body.rtl article .article-content .center .chapo {
  padding-right: 4.27vw;
  border-right: 1px solid #AD1B2D;
  border-left: none;
}
@media only screen and (min-width: 768px) {
  body.rtl article .article-content .center .chapo {
    padding-right: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  body.rtl article .article-content .center .chapo {
    padding-right: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  body.rtl article .article-content .center .chapo {
    padding-right: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  body.rtl article .article-content .center .chapo {
    padding-right: 53.33px;
  }
}
article .article-content .center p {
  margin-bottom: -1.6vw;
}
@media only screen and (min-width: 768px) {
  article .article-content .center p {
    margin-bottom: -0.42vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .center p {
    margin-bottom: -6.67px;
  }
}
article .article-content .center p.big {
  font-family: 'Minion Pro';
  font-size: 6.4vw;
  line-height: 6.4vw;
  letter-spacing: 0.23vw;
  color: #2B2B2B;
}
.rtl article .article-content .center p.big {
  font-family: 'Amiri';
}
@media only screen and (min-width: 768px) {
  article .article-content .center p.big {
    font-size: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .center p.big {
    font-size: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-content .center p.big {
    line-height: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .center p.big {
    line-height: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-content .center p.big {
    letter-spacing: 0.06vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .center p.big {
    letter-spacing: 0.96px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-content .center p.big {
    font-size: 2.22vw;
    line-height: 2.22vw;
    letter-spacing: 0.14vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .center p.big {
    font-size: 35.56px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  article .article-content .center p.big {
    font-size: 2.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  article .article-content .center p.big {
    font-size: 42.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .center p.big {
    line-height: 35.56px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  article .article-content .center p.big {
    line-height: 2.67vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  article .article-content .center p.big {
    line-height: 42.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .center p.big {
    letter-spacing: 2.22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  article .article-content .center p.big {
    letter-spacing: 0.17vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  article .article-content .center p.big {
    letter-spacing: 2.67px;
  }
}
article .article-content .center figure {
  width: 100%;
  margin: 0px;
}
article .article-content .center .bloc-fullpicture,
article .article-content .center figure,
article .article-content .center p,
article .article-content .center .bloc-newspictures,
article .article-content .center .bloc-youtube {
  margin-top: 8.53vw;
}
@media only screen and (min-width: 768px) {
  article .article-content .center .bloc-fullpicture,
  article .article-content .center figure,
  article .article-content .center p,
  article .article-content .center .bloc-newspictures,
  article .article-content .center .bloc-youtube {
    margin-top: 2.22vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .center .bloc-fullpicture,
  article .article-content .center figure,
  article .article-content .center p,
  article .article-content .center .bloc-newspictures,
  article .article-content .center .bloc-youtube {
    margin-top: 35.56px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-content .center .bloc-fullpicture,
  article .article-content .center figure,
  article .article-content .center p,
  article .article-content .center .bloc-newspictures,
  article .article-content .center .bloc-youtube {
    margin-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .center .bloc-fullpicture,
  article .article-content .center figure,
  article .article-content .center p,
  article .article-content .center .bloc-newspictures,
  article .article-content .center .bloc-youtube {
    margin-top: 53.33px;
  }
}
article .article-content .left,
article .article-content .right,
article .article-content .center {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
article .article-content .time-counter {
  display: flex;
  align-items: middle;
}
article .article-content .time-counter .rt-reading-time {
  font-family: 'Lucien';
  font-weight: bold;
  color: #2B2B2B;
  font-size: 3.2vw;
  letter-spacing: 0.2vw;
  line-height: 3.2vw;
  margin-left: 4.27vw;
  margin-right: 4.27vw;
  margin-top: 0.27vw;
}
.rtl article .article-content .time-counter .rt-reading-time {
  font-family: 'Tajawal';
}
@media only screen and (min-width: 768px) {
  article .article-content .time-counter .rt-reading-time {
    font-size: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .time-counter .rt-reading-time {
    font-size: 13.33px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-content .time-counter .rt-reading-time {
    letter-spacing: 0.05vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .time-counter .rt-reading-time {
    letter-spacing: 0.83px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-content .time-counter .rt-reading-time {
    line-height: 0.83vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .time-counter .rt-reading-time {
    line-height: 13.33px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-content .time-counter .rt-reading-time {
    margin-left: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .time-counter .rt-reading-time {
    margin-left: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-content .time-counter .rt-reading-time {
    margin-right: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .time-counter .rt-reading-time {
    margin-right: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  article .article-content .time-counter .rt-reading-time {
    margin-top: 0.07vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .article-content .time-counter .rt-reading-time {
    margin-top: 1.11px;
  }
}
article .article-content .time-counter .rt-reading-time span {
  display: inline-block;
}
article .article-content .time-counter .rt-reading-time .rt-prefix {
  display: none;
}
article .read-also {
  width: 100%;
  background: #F4F4F4;
  padding-top: 12.8vw;
  padding-left: 6.4vw;
  padding-right: 6.4vw;
  padding-bottom: 21.33vw;
}
@media only screen and (min-width: 768px) {
  article .read-also {
    padding-top: 3.33vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .read-also {
    padding-top: 53.33px;
  }
}
@media only screen and (min-width: 768px) {
  article .read-also {
    padding-left: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .read-also {
    padding-left: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  article .read-also {
    padding-right: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .read-also {
    padding-right: 26.67px;
  }
}
@media only screen and (min-width: 768px) {
  article .read-also {
    padding-bottom: 5.56vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .read-also {
    padding-bottom: 88.89px;
  }
}
@media only screen and (min-width: 768px) {
  article .read-also {
    padding-top: 4.17vw;
    padding-left: 4.17vw;
    padding-right: 4.17vw;
    padding-bottom: 4.17vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .read-also {
    padding-top: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .read-also {
    padding-left: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .read-also {
    padding-right: 66.67px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .read-also {
    padding-bottom: 66.67px;
  }
}
article .read-also .also-title {
  text-align: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
article .read-also .article-back {
  margin-top: 0px;
}
article .read-also .also-description {
  text-align: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 4.27vw;
  transition: color 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86);
  font-size: 4.8vw;
  letter-spacing: 0.17vw;
  line-height: 4.8vw;
}
@media only screen and (min-width: 768px) {
  article .read-also .also-description {
    margin-top: 1.11vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .read-also .also-description {
    margin-top: 17.78px;
  }
}
@media only screen and (min-width: 768px) {
  article .read-also .also-description {
    font-size: 1.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .read-also .also-description {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) {
  article .read-also .also-description {
    letter-spacing: 0.04vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .read-also .also-description {
    letter-spacing: 0.71px;
  }
}
@media only screen and (min-width: 768px) {
  article .read-also .also-description {
    line-height: 1.25vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .read-also .also-description {
    line-height: 20px;
  }
}
@media only screen and (min-width: 768px) {
  article .read-also .also-description {
    font-size: 1.67vw;
    letter-spacing: 0.07vw;
    line-height: 1.67vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .read-also .also-description {
    font-size: 26.67px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  article .read-also .also-description {
    font-size: 2vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  article .read-also .also-description {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .read-also .also-description {
    letter-spacing: 1.11px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  article .read-also .also-description {
    letter-spacing: 0.08vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  article .read-also .also-description {
    letter-spacing: 1.33px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1600px) {
  article .read-also .also-description {
    line-height: 26.67px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  article .read-also .also-description {
    line-height: 2vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1600px) {
  article .read-also .also-description {
    line-height: 32px;
  }
}
.notouch article .read-also .also-description:hover {
  color: #AD1B2D;
}
* {
  box-sizing: border-box;
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
ol {
  margin: 0;
  padding: 0;
  display: block;
  font-weight: normal;
}
p {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
}
ul {
  list-style-type: none;
}
a {
  text-decoration: inherit;
  border: none;
  color: inherit;
  cursor: pointer;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  a.link-phone,
  a[href^="tel:"] {
    pointer-events: none;
  }
}
input,
textarea {
  border: none;
  padding: 0;
  margin: 0;
  border: 0px;
  border-radius: 0px;
}
html {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
body {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: 0px;
  -webkit-touch-callout: none;
  font-weight: normal;
  font-style: normal;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: 'Lucien Book';
  color: #030303;
  transition: opacity 0.3s linear 0.2s;
  -webkit-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  -webkit-overflow-scrolling: touch;
}
.rtl body {
  font-family: 'Tajawal';
}
@media (min-width: 1600px) {
  body #root {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
  }
}
body.rtl {
  direction: rtl;
}
#body {
  padding-top: 70px;
  background: white;
}
@media only screen and (min-width: 768px) {
  #body {
    padding-top: 90px;
  }
}
picture {
  position: relative;
  display: block;
}
picture img {
  width: 100%;
}
section,
div[class^='bloc-'] {
  position: relative;
}
.rtl section {
  perspective: 1px;
}
button {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: none;
  border-radius: 0px;
}
#root {
  min-height: 50vh;
}

/*# sourceMappingURL=style.css.map*/