@charset "UTF-8";
.position_center, .images_container > .content, .logo.center, div#page_one img.logo, #page_two .main_pic, .main_pic .content, .image_section_wrapper .content, .gallery-wrapper > .main_pic > img, .item-container .item img, .main_pic .title, .item-container .item > .title, #fullpage .section.landing img.logo, .content > .main_picture img, .content.about .main_pic .content {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%); }

.position_center_vertical, .section-content.center, .page-wrapper .sub-header > .content, .indicator img, .right_colum .photo img, .left_colum.small img, .image-wrapper.full > img, header nav, header .language, .mobile-nav {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Safari */
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%); }

.position_center_horizontal, .discover-wrapper, .discover, .arrow_section.bt50, .main-logo {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -webkit-transform: translateX(-50%);
  /* Safari */
  -webkit-transform: -webkit-translateX(-50%);
  -o-transform: translate(-50%);
  -moz-transform: translateX(-50%); }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

@font-face {
  font-family: 'PSLight';
  src: url("fonts/POLICESTUDIOGenericLight.eot");
  src: url("fonts/POLICESTUDIOGenericLight.eot") format("embedded-opentype"), url("fonts/POLICESTUDIOGenericLight.woff2") format("woff2"), url("fonts/POLICESTUDIOGenericLight.woff") format("woff"), url("fonts/POLICESTUDIOGenericLight.ttf") format("truetype"), url("fonts/POLICESTUDIOGenericLight.svg#POLICESTUDIOGenericLight") format("svg"); }

@font-face {
  font-family: 'INTERMARCHEBold';
  src: url("fonts/INTERMARCHEBold.eot");
  src: url("fonts/INTERMARCHEBold.eot") format("embedded-opentype"), url("fonts/INTERMARCHEBold.woff2") format("woff2"), url("fonts/INTERMARCHEBold.woff") format("woff"), url("fonts/INTERMARCHEBold.ttf") format("truetype"), url("fonts/INTERMARCHEBold.svg#INTERMARCHEBold") format("svg"); }

@font-face {
  font-family: 'PSPLight';
  src: url("fonts/policestudiopublique-light-webfont.woff2") format("woff2"), url("fonts/policestudiopublique-light-webfont.woff") format("woff"), url("fonts/policestudiopublique-light-webfont.svg#policestudio_publiquelight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'PS700';
  src: url("fonts/policestudiogeneric-700-webfont.woff2") format("woff2"), url("fonts/policestudiogeneric-700-webfont.woff") format("woff"); }

@font-face {
  font-family: 'PS400';
  src: url("fonts/policestudiogeneric-400-webfont.woff2") format("woff2"), url("fonts/policestudiogeneric-400-webfont.woff") format("woff"), url("fonts/policestudiogeneric-400-webfont.ttf") format("truetype"), url("fonts/policestudiogeneric-400-webfont.svg#policestudio_generic400") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'PS300';
  src: url("fonts/policestudiogeneric-300-webfont.woff2") format("woff2"), url("fonts/policestudiogeneric-300-webfont.woff") format("woff"), url("fonts/policestudiogeneric-300-webfont.svg#policestudio_generic300") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'PSRegular';
  src: url("fonts/policestudiopublique-regular-webfont.woff2") format("woff2"), url("fonts/policestudiopublique-regular-webfont.woff") format("woff"), url("fonts/policestudiopublique-regular-webfont.ttf") format("truetype"), url("fonts/policestudiopublique-regular-webfont.svg#policestudio_publiqueregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'PSGeneric300';
  src: url("fonts/policestudiogeneric-300-webfont.eot");
  src: url("fonts/policestudiogeneric-300-webfont.woff2") format("woff2"), url("fonts/policestudiogeneric-300-webfont.woff") format("woff"), url("fonts/policestudiogeneric-300-webfont.svg#policestudio_generic300") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'PSExtraBold';
  src: url("fonts/POLICESTUDIOGenericExtraBold.eot");
  src: url("fonts/POLICESTUDIOGenericExtraBold.eot") format("embedded-opentype"), url("fonts/POLICESTUDIOGenericExtraBold.woff2") format("woff2"), url("fonts/POLICESTUDIOGenericExtraBold.woff") format("woff"), url("fonts/POLICESTUDIOGenericExtraBold.ttf") format("truetype"), url("fonts/POLICESTUDIOGenericExtraBold.svg#POLICESTUDIOGenericExtraBold") format("svg"); }

.page-wrapper {
  padding: 0 !important;
  margin-bottom: calc(150px + 3em); }

#page_one, #page_two {
  position: relative;
  width: 100%; }

#page_one {
  height: 100%;
  width: 100%;
  background-image: url("../img/bg_home.jpg");
  background-size: cover;
  background-position: center center; }

h2 {
  text-align: center;
  margin: 4em 0em;
  font-family: 'PS400';
  color: black; }

.images_container {
  position: relative;
  width: 80%;
  margin: auto; }

.images_container > .content {
  position: absolute;
  color: white;
  line-height: 1.1;
  font-size: 4em;
  font-family: 'PSGeneric300';
  width: 70%;
  margin: auto;
  text-align: center; }

.images_container .container {
  display: inline-block;
  width: calc(50% - 8px);
  padding: 0; }

.container.left {
  margin-right: 16px; }

.full_image img, .images_container > img {
  width: 100%;
  height: auto; }

.images_container .container img {
  width: 100%;
  height: auto; }

#page_three {
  margin-bottom: 10em; }

#page_one, #page_two {
  height: calc(100vh - 100px);
  min-height: 600px; }

.logo.center {
  position: absolute !important;
  width: 340px; }

.swiper-button-prev {
  left: 15% !important; }

.swiper-button-next {
  right: 15% !important; }

.discover-wrapper {
  position: absolute;
  bottom: 30px;
  color: white;
  font-size: 0.8em; }

li.slide_img.ng-scope {
  list-style-type: none; }

div#page_one img.logo {
  position: absolute;
  z-index: 100;
  width: 350px;
  max-width: 350px;
  z-index: 1000;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  top: calc(50% - 40px); }

.swiper-slide img {
  width: 100%;
  height: 100%;
  max-height: 100%; }

.slick-container {
  height: 100%;
  width: 100%;
  overflow: hidden; }

.swiper-container {
  height: 100%;
  width: 100%; }

.discover {
  position: absolute;
  bottom: 40px;
  z-index: 10;
  color: white;
  text-align: center;
  line-height: 2.5em; }

#page_two .main_pic {
  width: 100%;
  height: 100%;
  background: url(../img/page_two/main.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#page_two .main_pic img {
  width: 100%;
  height: auto; }

.main_pic .content, .image_section_wrapper .content {
  position: absolute !important;
  text-align: center;
  color: white;
  line-height: 1.1;
  font-size: 5.5rem;
  font-family: 'PSGeneric300';
  padding-top: 100px;
  width: 70%; }

#page_three {
  position: relative;
  width: 100%; }

#page_three > .title {
  font-size: 1.3em;
  font-family: 'PS700';
  text-align: center;
  margin-bottom: 4em;
  margin-top: 4em; }

.gallery-wrapper {
  width: 80%;
  position: relative;
  margin: auto; }

.gallery-wrapper > .main_pic {
  position: relative;
  width: 100%;
  height: 35vw;
  margin: auto;
  background-color: #EDEDED; }

div#page_three .title img {
  width: 30px;
  margin-top: 0.5em; }

.gallery-wrapper > .main_pic > img {
  max-height: 100%;
  max-width: 100%; }

.gallery-wrapper.all > .item-container > .item {
  margin-top: 0;
  margin-bottom: 16px; }

.gallery-wrapper .item-container {
  width: 100%; }

.item-container .item {
  width: calc(33.333% - 11px);
  display: inline-block;
  vertical-align: top;
  background-color: #EDEDED;
  height: 250px;
  margin-top: 16px;
  position: relative; }

.item-container .item.margin {
  margin-right: 16px;
  margin-left: 16px; }

.item-container .item img {
  max-width: 100%;
  max-height: 100%;
  z-index: 1; }

.main_pic .title {
  position: absolute !important;
  text-transform: uppercase;
  color: white;
  z-index: 3;
  text-align: center;
  font-size: 2em; }

.item-container .item > .title {
  position: absolute !important;
  text-transform: uppercase;
  color: white;
  z-index: 3;
  text-align: center; }

.filter {
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0;
  position: absolute;
  z-index: 2; }

.filter.display {
  opacity: 0.5; }

.third_width {
  display: inline-block;
  width: 33.333%;
  height: 100%;
  vertical-align: top; }

.hv_logo {
  width: 90%;
  margin: 0;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%); }

header .section {
  width: 100%;
  height: 33%;
  text-align: right; }

header .section .text.up {
  position: relative;
  letter-spacing: 2.2px;
  top: 50%;
  transform: translateY(-55%);
  -ms-transform: translateY(-55%);
  /* IE 9 */
  -webkit-transform: translateY(-55%);
  /* Safari */
  -o-transform: translateY(-55%);
  -moz-transform: translateY(-55%); }

header .picto {
  width: 15px;
  display: inline-block; }

.section .text, .section .langage, .section .langage div, .social {
  display: inline-block;
  vertical-align: middle; }

.third_width .section .wpr {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%); }

.social {
  margin: 0 1em; }

.sub-header-bg {
  height: 100px;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  z-index: -1;
  left: 0; }

#nav-icon2 {
  width: 40px;
  height: 35px;
  position: relative;
  margin: auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; }

/* Icon 2 */
#nav-icon2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 50%;
  background: white;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0; }

#nav-icon2 span:nth-child(odd) {
  left: 0px;
  border-radius: 9px 0 0 9px; }

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px; }

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 10px; }

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 20px; }

#nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

#nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 7px; }

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px; }

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0; }

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0; }

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 17px; }

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 17px; }

.section-container, .section-content {
  height: 100%;
  width: 100%; }

.section-content.center {
  position: relative; }

#fullpage .section.landing img.logo {
  position: absolute !important;
  width: 340px;
  z-index: 1000; }

.navigation_bullet .bullet {
  display: inline-block;
  margin: 0px 5px; }

.navigation_bullet .bullet.active {
  color: red; }

.navigation_bullet .bullet .circle {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  border: 1px solid white;
  background-color: transparent;
  /* width and height can be anything, as long as they're equal */ }

.navigation_bullet .bullet.active .circle {
  background-color: white; }

#fullpage .about .section-wrapper {
  height: 100%;
  top: 100px;
  position: relative; }

.section .section-wrapper {
  height: calc(100% - 200px);
  position: relative; }

.section.marginbt .section-container {
  margin-top: 50px; }

.section.fp .section-wrapper {
  height: 100%; }

.section.marginbt .section-wrapper {
  margin-left: 10%;
  margin-right: 10%; }

#fullpage .section.landing .section-content {
  background: url(../img/bg_home.jpg) no-repeat center bottom;
  -webkit-background-size: cover; }

#fullpage .section.one .section-content {
  background: url(../img/page_two/main.jpg) no-repeat center center;
  -webkit-background-size: cover; }

#fullpage .section.three .section-content {
  background: url(../img/hervet_salon.jpg) no-repeat center center;
  -webkit-background-size: cover; }

#fullpage .section.four .section-content {
  background: url(../img/hervet_table_zoom.jpg) no-repeat center center;
  -webkit-background-size: cover; }

.iScrollIndicator {
  opacity: 0; }

img.arrow {
  width: 60px !important; }

.section.fp-auto-height.footer {
  padding: 0 !important;
  margin-top: 16px; }

.section.fp-auto-height.footer .footer_wrapper.ng-scope {
  top: 0 !important; }

.section.fp-auto-height.footer.nomargin {
  margin-top: 0px; }

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-device-width: 340px) and (max-device-width: 480px) {
  /* Styles */ }

/* Smartphones (landscape) ----------- */
@media screen and (min-width: 321px) {
  /* Styles */ }

/* Smartphones (portrait) ----------- */
@media screen and (max-width: 340px) {
  /* Styles */ }

/* iPads (portrait and landscape) ----------- */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */ }

/* iPads (landscape) ----------- */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* Styles */ }

/* iPads (portrait) ----------- */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* Styles */ }

@media screen and (min-width: 1600px) {
  .section.marginbt .section-wrapper, .gallery-wrapper, footer > .content {
    margin: auto !important; }
  .page-wrapper.details > .content {
    padding: 0px !important; }
  .page-wrapper.details > .content {
    max-width: 1280px !important; }
  .page.press, .page-wrapper.details > .content {
    margin-left: auto !important;
    margin-right: auto !important; } }

/* Desktops and laptops ----------- */
@media screen and (min-width: 1224px) {
  /* Styles */
  .hv_logo {
    max-width: 250px;
    max-height: 80px; }
  footer > .content {
    margin: 0px 15%; } }

/* Large screens ----------- */
@media screen and (min-width: 1824px) {
  /* Styles */ }

@media screen and (max-width: 1093px) {
  .third_width {
    font-size: 0.8em; }
  #mce-EMAIL {
    width: 106px !important; }
  .newsletter {
    font-size: 0.8em; } }

@media screen and (max-width: 1085px) {
  #page_two .main_pic, .header-wrapper, .gallery-wrapper {
    width: 85% !important; }
  footer > .content {
    margin: 0% 7.5% !important; }
  .third_width.contacts {
    font-size: 0.6em !important; }
  header .section .text.up {
    letter-spacing: 2.5px; }
  .column.four {
    width: 100% !important; }
  #mce-EMAIL {
    width: 97px !important; }
  .section.marginbt .section-wrapper {
    margin: 0 7.5%; }
  footer #mce-EMAIL {
    width: 106px !important; } }

/* SMALL SCREEN ----------- */
@media screen and (max-width: 1085px) {
  /* Styles */
  #fullpage .section.landing img.logo {
    max-width: 70%; }
  .swiper-button-next {
    right: 5% !important; }
  .swiper-button-prev {
    left: 5% !important; }
  div#page_one img.logo {
    width: 50%; }
  .section.two.marginbt .section-container, .section.one.marginbt .section-container, .section.four.marginbt .section-container {
    margin-top: 0px; }
  .section.two .images_container {
    margin: 1.5em 0em !important; }
  .scroll_section_wrapper {
    padding-top: 0px !important; }
  .hideOnMobile {
    display: none; }
  img.arrow {
    width: 40px !important; }
  .section.two.marginbt.fp-auto-height-responsive.space {
    margin-bottom: 3em; }
  .section .section-wrapper {
    height: calc(100% - 100px); }
  footer > .content {
    margin: 0px 5%; }
  footer > .content > .column {
    width: 33% !important; }
  footer .column.three {
    margin-left: 33%;
    margin-top: 2em; }
  footer .column.four {
    margin-top: 2em; }
  footer .newsletter {
    float: left !important; }
  .socials, footer #mc-embedded-subscribe-form {
    justify-content: flex-start !important; }
  .header-wrapper .third_width.menu {
    display: none !important; }
  .third_width.contacts {
    display: none !important; }
  .third_width.menu .position_center_vertical, .third_width.menu .section-content.center, .third_width.menu .page-wrapper .sub-header > .content, .page-wrapper .third_width.menu .sub-header > .content, .third_width.menu .indicator img, .indicator .third_width.menu img, .third_width.menu .right_colum .photo img, .right_colum .photo .third_width.menu img, .third_width.menu .left_colum.small img, .left_colum.small .third_width.menu img, .third_width.menu .image-wrapper.full > img, .third_width.menu header nav, header .third_width.menu nav, .third_width.menu header .language, header .third_width.menu .language, .third_width.menu .mobile-nav {
    display: none; }
  .hamburger_menu {
    color: white;
    display: block !important;
    position: absolute;
    height: 100%;
    top: 0;
    display: block; }
  .hamburger_menu .content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Safari */
    -webkit-transform: -webkit-translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    color: white;
    padding: 5px;
    border: 1px solid white; }
  .sub-header-mobile li.sub.ng-scope {
    margin-bottom: 0; }
  .sub-header-mobile ul.sub {
    margin-bottom: 15px; }
  a.ssm_sub div {
    margin-bottom: 10px; }
  .third_width.mainlogo {
    width: 100% !important;
    text-align: center; }
  .third_width.mainlogo .hv_logo {
    width: 50% !important;
    margin: auto;
    max-width: 260px; }
  .mobile-nav {
    display: block !important; }
  .logo_wrapper {
     display: block; }
  .nav-wrapper, .logo_wrapper.show {
    display: none; }
  .sub-header-mobile {
    position: fixed;
    top: 100px;
    width: 100%;
    z-index: 100000; }
  .sub-header-mobile.show {
    max-height: 500px !important;
    height: auto !important; }
  .sub-header-mobile.big.show {
    top: 150px; }
  .sub-header-mobile {
    -webkit-transition: top 0.5s linear;
    -moz-transition: top 0.5s linear;
    -o-transition: top 0.5s linear;
    transition: top 0.5s linear; }
  #page_two .main_pic .content, .images_container .content {
    font-size: 2.5em; }
  .images_container .container {
    width: 100%;
    margin-bottom: 15px; } }

/* SMALL SCREEN ----------- */
@media screen and (max-width: 670px) {
  /* Styles */
  div#page_one img.logo {
    width: 50%; }
  header {
    color: blue !important; }
  .item-container .item {
    width: calc(50% - 13px); }
  .item-container .item.margin {
    margin-left: 0;
    margin-right: 0; }
  .item.ng-scope.small_margin {
    margin-right: 26px; }
  #page_two .main_pic .content, .images_container .content {
    font-size: 1.5em; }
  .main_pic .content {
    font-size: 1.6em;
    width: 90%;
    margin: auto; }
  .section.two .images_container {
    width: 100% !important;
    margin: 1.5em 0em !important; }
  .section.two .fp-scroller {
    overflow: auto;
    height: 100%; }
  .section.two .section-wrapper {
    height: 100%; }
  .section.four .main_pic .content {
    padding: 0px; }
  .item-container .item {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px; }
  footer > .content > .column {
    width: 50% !important; }
  footer .column.two {
    margin-left: 50%;
    margin-top: 2em; }
  footer .column.four {
    margin-left: 50%;
    margin-top: 2em; }
  footer .column.three {
    margin-left: 50%;
    margin-top: 2em; }
  .socials, footer #mc-embedded-subscribe-form {
    justify-content: space-between !important; }
  footer .column.four {
    margin-top: 3em;
    margin-left: 0px;
    width: 100% !important; } }

/* VERY SMALL SCREEN ----------- */
@media screen and (max-width: 370px) {
  /* Styles */
  .item-container .item {
    width: 100%; }
  .item-container .item.margin {
    margin-left: 0;
    margin-right: 0; }
  .item.ng-scope.small_margin {
    margin-left: 0;
    margin-right: 0; }
  .gallery-wrapper > .main_pic {
    height: 250px; }
  header {
    color: yellow !important; }
  #page_two .main_pic .content, .images_container .content {
    font-size: 1.5em; }
  footer > .content > .column {
    width: 100% !important; }
  footer .column.two {
    margin-left: 0%;
    margin-top: 2em; }
  footer .column.two {
    margin-left: 0%;
    margin-top: 2em; }
  footer .column.four {
    margin-left: 0%;
    margin-top: 2em; }
  footer .column.three {
    margin-left: 0%;
    margin-top: 2em; }
  h2 {
    font-size: 15px; }
  #page_one, #page_two {
    min-height: 0px; }
    #nav-icon2 {
    width: 30px;
    height: 25px;
    position: relative;
    margin: auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer; }
  /* Icon 2 */
  #nav-icon2 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  #nav-icon2 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 50%;
    background: white;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }
  #nav-icon2 span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0; }
  #nav-icon2 span:nth-child(odd) {
    left: 0px;
    border-radius: 9px 0 0 9px; }
  #nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
    top: 0px; }
  #nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
    top: 7px; }
  #nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
    top: 14px; }
  #nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  #nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  #nav-icon2.open span:nth-child(1) {
    left: 5px;
    top: 7px; }
  #nav-icon2.open span:nth-child(2) {
    left: calc(50% - 5px);
    top: 7px; }
  #nav-icon2.open span:nth-child(3) {
    left: -50%;
    opacity: 0; }
  #nav-icon2.open span:nth-child(4) {
    left: 100%;
    opacity: 0; }
  #nav-icon2.open span:nth-child(5) {
    left: 6px;
    top: 11px; }
  #nav-icon2.open span:nth-child(6) {
    left: calc(50% - 5px);
    top: 12px; } }

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */ }

@media screen and (max-width: 768px) {
  body, html {
    overflow: scroll; } }

.page-wrapper {
  position: relative;
  top: 100px;
  width: 100%; }

.page-wrapper.details {
  margin-bottom: 100px; }

.gallery-wrapper.all {
   min-height: 100vh; }

.page-wrapper .sub-header {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #F2F2F2;
  color: #1A171B; }

.page-wrapper .sub-header > .content {
  margin-left: 15%;
  font-size: 1.1rem;
  text-transform: uppercase; }

.page-wrapper > .content {
  padding: 0px 10% !important;
  font-size: 0.8em; }

.content > .left_colum, .description-wrapper > .description, .description-wrapper > .finitions, .content > .downloads, .page-wrapper .sub-header > .content {
  box-sizing: border-box;
  padding: 10px; }

.content > .left_colum, .content > .right_colum, .left_colum.big {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  height: 500px;
  color: #1A171B; }

.content > .left_colum, .left_colum.big {
  position: relative; }

.content > .left_colum > .about {
  padding-top: 15px;
  padding-bottom: 20px; }

.content > .left_colum a {
  color: #1A171B;
  text-decoration: underline; }

.content > .right_colum {
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  overflow-y: auto;
  position: relative;
  background-color: #ededed; }

.content > .right_colum .product_list {
  position: relative;
  overflow-y: auto; }

.indicator {
  position: absolute;
  width: 100%;
  height: 30px;
  bottom: 0;
  background-color: #FDFDFD;
  text-align: center;
  border-top: 1px solid #808080; }

.indicator img {
  width: 12%;
  margin: auto;
  top: 40%; }

.right_colum .photo {
  width: 100%;
  height: 170px;
  text-align: center; }

.right_colum .photo img {
  width: auto;
  max-width: 100%;
  margin: auto;
  position: relative;
  height: auto;
  max-height: 95%;
  top: 50%; }

.content > .right_colum .photo {
  opacity: 0.5;
  transition: opacity 0.5s linear;
  -webkit-transition: opacity 0.5s linear; }

.content > .right_colum .photo.active {
  opacity: 1;
  background-color: #EDEDED; }

.content > .main_picture {
  display: inline-block;
  vertical-align: top;
  width: calc(80% - 2px);
  height: 500px;
  background: #EDEDED;
  border: 1px solid #808080;
  border-top: none; }

.content > .main_picture img {
  width: 100%;
  height: auto; }

.main_picture .swiper-button-next {
  right: 5% !important; }

.main_picture .swiper-button-prev {
  left: 5% !important; }

.left_colum.small {
  height: 200px;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080; }

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

.left_colum > .share.link {
  margin-bottom: 15px; }

.left_colum > .backtotable.link {
  position: absolute;
  bottom: 15px;
  text-transform: uppercase; }

.left_colum > .backtotable.link a {
  text-decoration: none !important; }

.description-wrapper {
  width: calc(60% - 2px);
  display: inline-block;
  vertical-align: top;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
  background: white;
  height: 200px; }

.desc a, .desc a:hover, .desc a:visited, .desc a:active {
  text-decoration: underline;
  color: black !important; }

.description-wrapper, .downloads, .old_picture, .relative-wrapper {
  font-family: 'PSRegular'; }

.description-wrapper a, .description-wrapper a:hover, .description-wrapper a:visited, .description-wrapper a:active {
  text-transform: uppercase;
  color: #9E9FA0 !important; }

.downloads a:hover, .downloads a:active {
  color: #9E9FA0 !important; }

.description-wrapper > .description {
  display: inline-block;
  width: 66.666%;
  height: 200px;
  border-right: 1px solid #808080;
  vertical-align: top; }

.description-wrapper > .description .title {
  font-size: 1.1em;
  text-transform: uppercase;
  font-family: 'PSExtraBold'; }

.description-wrapper > .description .reference {
  text-transform: uppercase; }

.description-wrapper > .finitions {
  display: inline-block;
  width: 33.333%;
  height: 200px;
  overflow: auto; }

.finitions .content {
  padding-bottom: 1em; }

.more_product {
  margin-bottom: 2em; }

.downloads {
  display: inline-block;
  width: 20%;
  height: 200px;
  background: white;
  color: black;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080; }

.downloads > .title, .finitions .title {
  font-family: 'PSExtraBold';
  font-size: 1.1em; }

.downloads a {
  color: black; }

.downloads a, .downloads a:hover, .downloads a:visited, .downloads a:active {
  color: black;
  text-decoration: underline !important; }

.downloads a:visited {
  color: black !important; }

.downloads img {
  width: 10px; }

.old_picture {
  padding: 10px;
  display: inline-block;
  vertical-align: top;
  width: 20%;
  height: 200px;
  background: white;
  color: black;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  text-align: center; }

.old_picture img {
  margin: auto;
  height: auto;
  max-width: 100%;
  max-height: 155px; }

.old_picture .desc {
  text-align: left;
  margin-top: 10px;
  text-decoration: underline; }

.relative-wrapper {
  width: calc(100% - 2px);
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
  border-left: 1px solid #F2F2F2; }

.left_colum.big {
  padding: 10px;
  box-sizing: border-box;
  height: auto; }

.left_colum.big .title {
  font-family: 'PSExtraBold';
  text-transform: uppercase;
  font-size: 1.1em; }

.left_colum.big .direction, .left_colum.big .object {
  margin-top: 0.16px; }

.relative_picture {
  padding: 10px;
  width: calc(80%);
  border-right: 1px solid #808080;
  display: inline-block;
  vertical-align: top;
  line-height: 0; }

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

.relatives_products {
  margin-top: 8px; }

.relative-wrapper {
  border-left: 1px solid #808080;
  border-bottom: 1px solid #808080; }

.image-wrapper.full {
  width: 100%;
  height: 500px;
  background: #F2F2F2;
  text-align: center;
  position: relative;
  margin-top: 5em; }

.image-wrapper.full > img {
  width: 20%; }

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-device-width: 340px) and (max-device-width: 480px) {
  /* Styles */ }

/* Smartphones (landscape) ----------- */
@media screen and (min-width: 321px) {
  /* Styles */ }

/* Smartphones (portrait) ----------- */
@media screen and (max-width: 340px) {
  /* Styles */ }

/* iPads (portrait and landscape) ----------- */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */ }

/* iPads (landscape) ----------- */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* Styles */ }

/* iPads (portrait) ----------- */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* Styles */ }

/* Desktops and laptops ----------- */
@media screen and (min-width: 1224px) {
  /* Styles */
  .page-wrapper.details > .content {
    padding: 0px 10%;
    font-size: 0.8em; } }

/* Large screens ----------- */
@media screen and (min-width: 1824px) {
  /* Styles */
  .header-wrapper {
    height: 100%;
    width: 85%;
    margin: auto; } }

@media screen and (max-width: 1050px) {
  .page-wrapper > .content {
    padding: 0px 7.5% !important; }
  .content > .right_colum {
    display: none; }
  .main_picture {
    width: 100% !important; }
  .description-wrapper > .description {
    overflow: auto; } }

/* SMALL SCREEN ----------- */
@media screen and (max-width: 870px) {
  /* Styles */
  .description-wrapper {
    width: 80%; }
  .description-wrapper > .description .title {
     color: red !important; }
  .old_picture {
    display: none; }
  .relative_picture {
    width: 100%;
    border-right: none; }
  .relative-wrapper, .left_colum.big {
    width: 100%; }
  .left_colum.big {
    border-top: 1px solid #808080; }
  .content .main_picture {
     height: 300px !important;
    max-height: 300px; } }

/* SMALL SCREEN ----------- */
@media screen and (max-width: 670px) {
  /* Styles */
  .description-wrapper {
    width: 100%;
    height: 400px; }
  .downloads {
    display: none; }
  .content .main_picture {
     height: 300px !important;
    max-height: 300px; }
  .description-wrapper > .description {
    border-right: none; }
  .description-wrapper > .finitions {
    border-top: 1px solid #808080;
    overflow: auto; }
  .description-wrapper .description, .description-wrapper .finitions {
    width: 100%; } }

.signature-wrapper {
  margin-top: 3em; }

.signature-wrapper > img {
  width: 40% !important;
  position: relative;
  left: 55% !important; }

.main_picture.about.empty {
  height: 300px; }

.address a, .address a:visited, .address a:active, .address a:hover {
  color: white !important;
  text-decoration: none !important; }

.content.about {
  padding: 0px 10%; }

.content.about .main_pic {
  width: 100%;
  position: relative;
  text-align: center; }

.content.about .main_pic .main {
  font-size: 5.5rem;
  line-height: 1; }

.content.about .main_pic .sub {
  font-size: 4.8rem; }

.content.about .main_pic .desc {
  font-size: 2em; }

.content.about .main_pic img {
  width: 100%;
  height: auto; }

.content.about .main_pic .content {
  position: absolute;
  color: white; }

.content.about .images_container {
  width: 100%; }

.more {
  text-align: center;
  color: white;
  font-size: 1.8em;
  margin: 4em 0em; }

.more img {
  width: 50px; }

.more_infos {
  position: relative;
  z-index: 0; }

.line {
  height: 1px;
  color: white;
  background: white;
  position: absolute;
  left: 0;
  z-index: 100;
  width: 100%; }

.left-content-wrapper, .right-content-wrapper {
  vertical-align: top;
  font-family: 'PSRegular';
  font-size: 1.1em; }

.left-content-wrapper {
  background: black;
  color: white;
  width: 60%;
  display: inline-block; }

.left-content-wrapper > .content {
  padding: 15px;
  text-align: left; }

.right-content-wrapper {
  background: black;
  display: inline-block;
  width: 40%;
  border-left: 1px solid white;
  border-right: 1px solid white; }

.map-wrapper {
  width: 100%;
  height: auto;
  text-align: center;
  padding: 15px;
  border-bottom: 1px solid white; }

.map-wrapper img {
  position: relative;
  width: 100%;
  height: auto;
  max-height: 100%;
  border-radius: 10px; }

.visit-wrapper img {
  width: 70%; }

.visit-wrapper {
  width: 100%;
  text-align: center;
  margin-top: 3em; }

.find-us-wrapper {
  background: black;
  color: white; }

.link a, .link a:hover, .link a:visited, .link a:active {
  text-decoration: underline; }

.find-us-wrapper > .content {
  padding: 15px; }

.find-us-wrapper > .content .shop {
  margin-bottom: 5px; }

.find-us-wrapper > .content > .title {
  text-transform: uppercase;
  font-family: 'PSExtraBold';
  margin-bottom: 1em; }

#shoplist {
  overflow: auto;
  overflow: -moz-scrollbars-vertical;
  overflow-y: auto; }

.find-us-wrapper img {
  width: 15px; }

#fullpage .section.one .section-content.about.landing {
  background: url(../img/page1.jpg) no-repeat center bottom;
  -webkit-background-size: cover; }

#fullpage .section.one .section-content.about.two {
  background: url(../img/hervet_wood.jpg) no-repeat center center;
  -webkit-background-size: cover; }

.overline {
  border-top: 1px solid white;
  border-bottom: 1px solid black !important; }

.overline .content {
  border-bottom: 1px solid black; }

.section-wrapper.fh_i {
  top: 0px; }

.section-container.fh_i {
  margin-top: 0px !important; }

.fh_i {
  height: 100%; }

.right-content-wrapper.fh_i {
  max-width: 500px; }

.section.about .fp-scroller {
  height: 100%; }

.section-wrapper.fh_i.more_infos.fp-auto-height {
  height: calc(100% - 100px) !important;
  top: 50px !important; }

.left-content-wrapper {
  max-height: calc(100% - 100px);
  overflow: auto;
  overflow: -moz-scrollbars-vertical;
  overflow-y: auto; }

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-device-width: 340px) and (max-device-width: 480px) {
  /* Styles */ }

/* Smartphones (landscape) ----------- */
@media screen and (min-width: 321px) {
  /* Styles */ }

/* Smartphones (portrait) ----------- */
@media screen and (max-width: 340px) {
  /* Styles */ }

/* iPads (portrait and landscape) ----------- */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */ }

/* iPads (landscape) ----------- */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* Styles */ }

/* iPads (portrait) ----------- */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* Styles */ }

/* Desktops and laptops ----------- */
@media screen and (min-width: 1224px) {
  /* Styles */ }

@media screen and (max-width: 1050px) {
  .content.about {
    margin: 0%;
    padding: 0% 7.5%; }
  .content.about .images_container {
    width: 100% !important; } }

/* Large screens ----------- */
@media screen and (min-width: 1824px) {
  /* Styles */ }

/* SMALL SCREEN ----------- */
@media screen and (max-width: 870px) {
  /* Styles */
  .section.two.marginbt.fp-auto-height-responsive {
    height: auto !important; }
  .section.two.marginbt.fp-auto-height-responsive h2 {
    margin-top: 2em !important;
    margin-bottom: 2em !important; }
  .section.two.marginbt h2.tight_m  {
    margin-top: 1em !important; }
  .section.two.marginbt.fp-auto-height-responsive .section-wrapper {
    height: auto !important; }
  .section.two.marginbt.fp-auto-height-responsive .fp-tableCell {
    height: 100% !important; }
  .section.two.marginbt.fp-auto-height-responsive .section-content.center {
    position: relative;
    top: 0%;
    transform: inherit; }
  #fullpage .about .section-wrapper {
    top: 0px;
    margin-top: 1.5em; }
  .left-content-wrapper {
    padding-bottom: 1.5em !important; }
  #shoplist {
    max-height: 999px !important; }
  .main_pic .content {
    width: 90% !important; }
  .find-us-wrapper {
    min-height: 400px; }
  .more_infos .left-content-wrapper, .more_infos .right-content-wrapper {
    width: 100% !important; }
  .more_infos .right-content-wrapper {
    border-top: 1px solid white; }
  .left-content-wrapper {
    margin: 0%; }
  .section.two.marginbt {
    display: block; }
  .section.two.about.marginbt.fp-section.fp-table, .section.two.about.marginbt.fp-section.fp-table .fp-tableCell {
    height: auto !important; }
  .right-content-wrapper.fh_i {
    max-width: 9999px; } }

/* SMALL SCREEN ----------- */
@media screen and (max-width: 670px) {
  /* Styles */
  .main_pic .content .city, .main_pic .content .address {
    font-size: inherit !important; }
  .content.about {
    flex-direction: column;
    margin-bottom: 14em; }
  .content.about {
    margin: 0%;
    padding: 0% 7.5% !important; }
  .left-content-wrapper, .right-content-wrapper {
    width: 100%; }
  .find-us-wrapper {
    margin-bottom: 0; }
  .signature-wrapper > img {
    width: 50% !important;
    left: 50% !important; }
  .find-us-wrapper {
    min-height: 400px; }
  .page-wrapper {
    padding: 0 !important; }
  .page-wrapper > .content {
    padding: 0px 5%; }
  .page-wrapper > .content.about {
    padding: 0%; }
  .page-wrapper .sub-header > .content {
    margin-left: 7.5%; } }

/* VERY SMALL SCREEN ----------- */
@media screen and (max-width: 370px) {
  /* Styles */ }

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */ }

.page-wrapper > .content.press {
  padding: 0px !important; }

.content.press {
  margin-bottom: 3em;
  max-height: 800px;
  overflow: hidden; }

.content.press.extended {
  max-height: 9999px !important; }

.content.press a {
  color: black !important;
  text-decoration: underline !important; }

.page.press {
  margin: 0px 10%;
  margin-bottom: 0px;
  position: relative;
  top: 100px;
  margin-bottom: 100px; }

.press-wrp {
  position: relative;
  top: 100%;
  border-left: 1px solid #9FA0A1;
  border-right: 1px solid #9FA0A1; }

.press_item {
  display: block;
  background: #EDEDED; }

.press_item.white {
  background: white; }

.more_article {
  padding-bottom: 3em; }

.logo-wrapper {
  width: 28%;
  height: 100%;
  display: inline-block;
  text-align: center;
  position: relative; }

.logo-wrapper > img {
  width: 60%;
  height: auto;
  max-height: 90%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Safari */
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%); }

.date-wrapper {
  width: 20%;
  display: inline-block;
  padding: 15px;
  box-sizing: border-box;
  vertical-align: top;
  border-bottom: 1px solid #F0F0F0;
  position: relative; }

@media screen and (max-width: 1050px) {
  .page.press {
    margin-left: 7.5%;
    margin-right: 7.5%; } }

.press_item > .description {
  position: relative;
  width: 72%;
  display: inline-block;
  vertical-align: top;
  height: 200px;
  overflow: auto; }

.press_item {
  height: 200px; }

.press_item > .description > .content-wrapper > .content, .press_item > .description > .content-wrapper .website {
  box-sizing: border-box; }

.description .content-wrapper .content.ng-binding {
  height: 100%;
  font-family: 'PS400';
  font-size: 1.2em;
  width: 66%;
  display: inline-block; }

.description .content-wrapper {
  position: relative;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Safari */
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%); }

.description > .content-wrapper .website {
  text-decoration: underline;
  margin-right: 0 !important;
  margin-left: 5%;
  font-family: 'PSRegular'; }

.more_article .title {
  text-align: center;
  font-family: 'PS400'; }

.more_article .title img {
  width: 40px;
  margin-top: 0.5em; }

.responsive {
  display: none; }

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-device-width: 340px) and (max-device-width: 480px) {
  /* Styles */ }

/* Smartphones (landscape) ----------- */
@media screen and (min-width: 321px) {
  /* Styles */ }

/* Smartphones (portrait) ----------- */
@media screen and (max-width: 340px) {
  /* Styles */ }

/* iPads (portrait and landscape) ----------- */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */ }

/* iPads (landscape) ----------- */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* Styles */ }

/* iPads (portrait) ----------- */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* Styles */ }

@media screen and (max-width: 1050px) {
  .page-wrapper.press {
    padding-left: 7.5%;
    padding-right: 7.5%; } }

/* Desktops and laptops ----------- */
@media screen and (min-width: 1224px) {
  /* Styles */ }

/* Large screens ----------- */
@media screen and (min-width: 1824px) {
  /* Styles */ }

/* SMALL SCREEN ----------- */
@media screen and (max-width: 870px) {
  /* Styles */
  .date-wrapper {
    display: none; } }

/* SMALL SCREEN ----------- */
@media screen and (max-width: 670px) {
  /* Styles */
  .press_item, .press_item .description {
    height: auto !important; }
  .description > .content-wrapper .website {
    margin-left: 0px; }
  .website {
    width: calc(100% - 30px);
    text-align: left;
    font-size: 1em; }
  .logo-wrapper, .press_item .description {
    width: 100%;
    height: 100px; }
  .logo-wrapper img {
    max-width: 70%;
    width: auto;
    margin: auto; }
  .description .content-wrapper {
    height: auto !important;
    top: 0%;
    transform: translateY(0%);
    -ms-transform: translateY(0%);
    /* IE 9 */
    -webkit-transform: translateY(0%);
    /* Safari */
    -o-transform: translateY(0%);
    -moz-transform: translateY(0%); }
  .description .content-wrapper .content {
    width: 100% !important;
    padding: 10px;
    text-align: center; }
  .website {
    width: 100%;
    text-align: center;
    margin: 10px 0px; } }

/* VERY SMALL SCREEN ----------- */
@media screen and (max-width: 370px) {
  /* Styles */ }

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */ }

.page-wrapper {
  min-height: 800px; }

.page-wrapper.bigHeader {
  top: 150px;
  margin-bottom: 150px; }

.discover_category, #pic_container > .title {
  color: black;
  text-align: center;
  line-height: 1.5em;
  transition: opacity 0.5s linear;
  -webkit-transition: opacity 0.5s linear;
  opacity: 1;
  font-size: 1.3em;
  font-family: 'PS400';
  margin-top: 4em; }

.discover_category.hide {
  opacity: 0; }

.discover_category img {
  width: 30px; }

.page-wrapper.cat .title {
  text-align: center;
  padding: 1em;
  font-size: 2em; }

.page-wrapper.cat .gallery-wrapper.all .item .title {
  font-size: 1em; }

#pic_container .gallery-wrapper {
  width: 90%; }

.gallery-wrapper.category {
  opacity: 0;
  display: none;
  /*max-height: 0px; */
  -webkit-transition-property: opacity;
  /* Safari */
  -webkit-transition-duration: 5s;
  /* Safari */
  -webkit-transition-delay: 2s;
  /* Safari */
  transition-property: opacity;
  transition-duration: 5s;
  transition-delay: 2s;
  margin-bottom: 10em; }

.gallery-wrapper.category.display {
  opacity: 1;
  /*max-height: 1000px;*/
  display: block; }

.gallery-wrapper.category .title {
  text-align: center;
  padding-bottom: 3em;
  font-size: 1em; }

#pic_container {
  padding-bottom: 3em; }

#pic_container img.arrow {
  width: 30px;
  text-align: center; }

body {
  font-family: "PSLight"; }

a, a:visited, a:hover {
  background-color: transparent;
  color: white;
  text-decoration: none; }

[ng-click], [data-ng-click], [x-ng-click] {
  cursor: pointer; }

header.underline {
  border-bottom: 1px solid white; }

header {
  transition: height 0.5s linear;
  background: black;
  height: 100px;
  font-family: "PSLight", serif;
  position: fixed;
  z-index: 999;
  width: 100%;
  color: white;
  font-size: 0.8em; }

header.big {
  height: 150px; }

header .logo {
  text-align: center;
  width: 100%;
  display: none; }

header .logo.show {
  display: block !important; }

.hamburger_menu {
  display: none; }

header nav {
  display: inline-block;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%; }

header nav li.category {
  display: inline-block;
  margin-right: 2em;
  color: white !important;
  font-family: 'PS700';
  letter-spacing: 2px; }

header li.sub {
  display: inline-block;
  margin-right: 30px;
  vertical-align: top; }

header a, a:visited, a:hover {
  color: white !important;
  text-decoration: none !important; }

header input {
  background-color: black;
  border: none; }

.newsletter .content {
  font-size: 1.08em; }

header .newsletter {
  position: absolute;
  right: 15%;
  top: 0px;
  font-family: "INTERMARCHEBold", serif; }

header .newsletter.show {
  display: block; }

header .newsletter {
  display: none; }

.third_width.contacts {
  font-size: 0.78em; }

.third_width.contacts {
  font-family: 'PS400';
  letter-spacing: 2px; }

header .language {
  position: absolute;
  right: 15%;
  top: 50%; }

input[type="email"] {
  border-bottom: 1px solid white !important; }

input[type="submit"] {
  padding-left: 0px; }

#mce-EMAIL {
  width: 108px; }

header ul.sub {
  display: inline-block;
  position: absolute;
  padding-left: 0;
  list-style: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  top: calc(100% + 42px);
  text-align: left;
  width: 905px;
  padding: 0;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 2em;
  box-sizing: content-box;
  width: 100%;
  transform: translateX(-15px);
  -ms-transform: translateX(-15px);
  /* IE 9 */
  -webkit-transform: translateX(-15px);
  /* Safari */
  -o-transform: translateX(-15px);
  -moz-transform: translateX(-15px); }
  header ul.sub .sub.ng-scope {
    display: inline-block; }

header li.sub a::first-letter {
  text-transform: uppercase; }

.section.marginbt .section-wrapper, .header-wrapper, .gallery-wrapper, footer .content, .page.press {
  max-width: 1280px !important; }

.arrow_section.bt50 {
  position: absolute;
  bottom: 50px; }

.header-wrapper {
  height: 100%;
  width: 80%;
  margin: auto; }

.header-wrapper .third_width .wpr input[type="text"] {
  width: 106px; }

header .home img {
  width: 24px; }

ul.main {
  margin: 0; }

.main-logo {
  width: 100%;
  text-align: center; }

.main-logo img {
  width: 15%; }

.nav-wrapper, .logo_wrapper {
  position: relative; }

.logo_wrapper {
  margin-bottom: 1em;
  display: none; }

.logo_wrapper.show {
  display: block; }

/* Icon 1 */
.mobile-nav {
  display: none; }

.main-logo-mobile {
  text-align: center; }

.main-logo-mobile img {
  width: 200px; }

.sub-header-mobile nav {
  padding-left: 5%;
  padding-bottom: 25px;
  padding-top: 25px; }

ul.mobile-nav-cat {
  margin-bottom: 0px;
  list-style: none; }

.mobile-nav-cat li {
  margin-bottom: 15px; }

a.ssm_sub {
  text-transform: uppercase; }

.sub-header-mobile {
  height: 0px;
  background: black; }

#nav-icon1 {
  position: absolute;
  width: 30px;
  height: 17px;
  top: 30%;
  left: 7.5%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; }

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: white;
  border-radius: 5px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

#nav-icon1 span:nth-child(1) {
  top: 0px; }

#nav-icon1 span:nth-child(2) {
  top: 7px; }

#nav-icon1 span:nth-child(3) {
  top: 14px; }

#nav-icon1.open span:nth-child(1) {
  top: 9px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px; }

#nav-icon1.open span:nth-child(3) {
  top: 9px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.langage div {
  opacity: 0.5; }

.langage div.bright {
  opacity: 1; }

.footer_wrapper.ng-scope {
  position: relative;
  top: 100px; }

footer {
  display: block;
  position: relative;
  background: black;
  color: white;
  font-size: 0.8em; }

footer .content > .title {
  text-align: center;
  margin: 1.5em;
  margin-bottom: calc(1.5em + 25px);
  font-size: 15px; }

footer > .content {
  margin: 0px 10%;
  padding-top: 25px;
  padding-bottom: 6em;
  font-family: "PSPLight"; }

footer > .content > .column {
  width: 20%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-left: 10px; }

.column .title {
  font-family: "PS700"; }

.column span {
  font-family: "PS700"; }

footer > .newsletter {
  font-family: "PS700", serif; }

footer input {
  background-color: black;
  border: none; }

footer .nav {
  margin-bottom: 1em; }

footer .nav span {
  font-family: "PSLight";
  text-transform: uppercase; }

footer .nav img {
  max-width: 15px;
  max-height: 15px;
  display: inline-block; }

footer .newsletter {
  font-size: 0.78em;
  font-family: "PS400";
  letter-spacing: 2px;
  float: right; }

footer .socials {
  position: relative; }

.icon, .socials .text, .newsletter .langage, footer .socials, .langages div, .langages, form .text {
  display: inline-block;
  vertical-align: middle; }

footer .socials .icon {
  margin: 0 1em; }

footer .social_icon {
  display: inline-block;
  width: 14px;
  vertical-align: middle; }

.collection {
  text-align: right;
  letter-spacing: 1.7px; }

.column .language {
  position: absolute;
  right: 0;
  top: 0; }

#triangle {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 11px solid white; }

#page-bellame .bg-wp {
  background: url("../../assets/img/bellame/landing.jpg") no-repeat center bottom;
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 100%;
  max-width: 100%;
  height: 1100px;
  position: relative;
  top: 98px; }

#page-bellame .section.bellame {
  margin-top: 98px; }

#page-bellame .bellame {
  font-family: 'PSRegular';
  font-size: 13px; }
  #page-bellame .bellame .landing img {
    max-width: 100%; }
  #page-bellame .bellame strong {
    font-family: "PS400"; }
  #page-bellame .bellame .title {
    font-family: "PS400";
    margin-bottom: 30px; }
  #page-bellame .bellame h1 {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    font-family: 'PSLight'; }
  #page-bellame .bellame .container {
    margin-bottom: 0px;
    margin-top: 0px !important;
    border-left: 1px solid #00000042;
    border-right: 1px solid #00000042;
    padding-left: 0px;
    padding-right: 0px; }
  #page-bellame .bellame .container.img {
    border-top: 1px solid #00000042; }
  #page-bellame .bellame .container.duo {
    display: flex;
    text-align: left;
    border-top: 1px solid #00000042;
    padding-right: 0px;
    padding-left: 0px; }
    #page-bellame .bellame .container.duo div:first-child {
      margin-left: 0px;
      border-right: 1px solid #00000042; }
  #page-bellame .bellame .container.duo > div {
    padding: 50px;
    flex: 1; }
  #page-bellame .bellame .container img {
    max-width: 100%; }
  #page-bellame .bellame .container.gallery {
    margin-top: 30px;
    border: none; }
    #page-bellame .bellame .container.gallery .content {
      font-size: 0px;
      border: 1px solid #00000042; }
    #page-bellame .bellame .container.gallery .main_picture, #page-bellame .bellame .container.gallery .right_colum {
      display: inline-block;
      vertical-align: top;
      border: none; }
    #page-bellame .bellame .container.gallery .main_picture {
      border-right: 1px solid #00000042; }
    #page-bellame .bellame .container.gallery .description {
      padding: 40px;
      border-left: 1px solid #00000042;
      border-right: 1px solid #00000042; }
      #page-bellame .bellame .container.gallery .description > div {
        display: flex; }
        #page-bellame .bellame .container.gallery .description > div > div {
          flex: 1; }
        #page-bellame .bellame .container.gallery .description > div > div:first-child {
          flex: 3; }
      #page-bellame .bellame .container.gallery .description .title {
        text-transform: uppercase;
        font-family: 'PSExtraBold';
        margin-bottom: 5px; }
    #page-bellame .bellame .container.gallery .product_infos {
      border-right: 1px solid #00000042; }
    #page-bellame .bellame .container.gallery .product_infos > div {
      display: inline-block; }
    #page-bellame .bellame .container.gallery .product_infos > div:first-child {
      width: calc(80% - 1.5px); }
    #page-bellame .bellame .container.gallery .description > div {
      flex: 1; }

@media screen and (max-width: 1050px) {
  .bellame .container.gallery .main_picture, #page-bellame .bellame .container.gallery .content {
    border-right: none; }
  .container.gallery .right_colum {
    display: none !important; }
  .product_infos > div:first-child {
    width: 100%;
    border-right: none; }
  .bellame .container.gallery .main_picture, #page-bellame .bellame .container.gallery .description {
    width: 100%;
    border-right: none; } }

@media screen and (max-width: 870px) {
  .bellame .container.duo {
    flex-direction: column; }
  .bellame .container.duo > div {
    margin-left: 0px; }
  .bellame .container.gallery .main_picture > div, #page-bellame .bellame .container.gallery .description > div {
    display: block; }
  #page-bellame .bellame .container.duo > div:nth-child(2) {
    padding-top: 20px; }
  #page-bellame .bellame .container.duo > div:first-child {
    padding-bottom: 0px; }
  #page-project #landing {
    height: 50vh; } }

#page-project {
  position: relative;
  top: 98px; }
  #page-project #landing {
    height: 70vh; }

.projects .item-container .item img {
  height: 100%;
  width: 100%;
  object-fit: cover; }

.projects h1 {
  font-size: inherit; }

.project h2 {
  margin: 0px; }

.projects .introduction {
  margin-bottom: 30px; }
  .projects .introduction p {
    text-align: center; }