/*!
Theme Name: SOCOTAB
Author: AirStudio
Description: Socotab
Author URI: http://froja.ch
Version: 1.0.0
*/
@font-face {
  font-family: "FontAwesome";
  src: url("./assets/fonts/fontawesome.woff2") format("woff2"), url("./assets/fonts/fontawesome.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

/* global box-sizing */
*,
*:after,
*:before {
  box-sizing: border-box; }

/* html element 62.5% font-size for REM use */
html {
  font-size: 62.5%; }

body {
  margin: 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  color: #4d4d4d;
  background-color: #fff; }

@media screen and (min-width: 992px) {
  body {
    font-size: 20px; } }

/* clear */
.clear:before,
.clear:after {
  content: ' ';
  display: table; }

.clear:after {
  clear: both; }

.clear {
  zoom: 1; }

img {
  max-width: 100%;
  vertical-align: bottom; }

a {
  color: #444;
  text-decoration: none; }

a:hover {
  color: #444; }

a:focus {
  outline: 0; }

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

input:focus {
  outline: 0;
  border: 1px solid #04A4CC; }

/* wrapper */
.wrapper {
  margin: 0 auto;
  position: relative; }

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

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0; }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0; }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left; }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0; }

/*------------------------------------*    WORDPRESS CORE
\*------------------------------------*/
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #FFF;
  border: 1px solid #F0F0F0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

.acf-map {
  width: 100%;
  height: 400px;
  margin: 32px 0; }

.wpcf7-form input {
  width: 100%;
  padding: 8px;
  font-size: 16px;
  color: #4d4d4d;
  background-color: #ffffff;
  border: 1px solid #ddd; }
  .wpcf7-form input:focus {
    border: 1px solid #04A4CC; }

.wpcf7-form textarea {
  width: 100%;
  padding: 12px;
  margin-bottom: 0;
  border: 1px solid #ddd;
  outline: 0; }
  .wpcf7-form textarea:focus {
    border: 1px solid #04A4CC; }

.wpcf7-form input[type="submit"] {
  display: inline-block;
  width: auto;
  padding: 10px 30px;
  color: #fff;
  background-color: #806138;
  border: solid 1px #806138;
  font-size: 18px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color .3s, color .3s; }
  .wpcf7-form input[type="submit"]:hover {
    color: #806138;
    background-color: #fff; }

.wpcf7-form .wpcf7-not-valid-tip {
  text-align: right;
  color: #ff4e4e; }

.wpcf7-form .wpcf7-response-output {
  margin-left: 0;
  margin-right: 0;
  padding: 13px; }

.wpcf7-form .wpcf7-validation-errors {
  color: #fff;
  background-color: #ff4e4e;
  border-color: #fff;
  border-width: 2px; }

@media screen and (min-width: 768px) {
  .wpcf7-form {
    width: 50%;
    margin-left: auto;
    margin-right: auto; } }

/* ==========================================================================
   Home
============================================================================= */
.section:not(.npad) {
  padding-left: 16px;
  padding-right: 16px; }

.section.wrapped,
.section-inner.wrapped {
  max-width: 1140px;
  margin: 0 auto; }

.section-inner.pad {
  padding-left: 16px;
  padding-right: 16px; }

.section__title {
  font-size: 9vw;
  line-height: 7.2vw;
  font-weight: 400;
  color: #816239;
  margin: 0; }

.section__content {
  padding-left: 16px; }

@media screen and (min-width: 600px) {
  .section__title {
    font-size: 48px;
    line-height: 52px; } }

@media screen and (min-width: 768px) {
  .section__title {
    font-size: 48px;
    line-height: 52px; }
  .section__content {
    padding-left: 0; } }

@media screen and (min-width: 1170px) {
  .section__title {
    font-size: 62px;
    line-height: 66px; } }

/* Home - Parallax Intro
============================================================================= */
.flex-wrapper.ie-fix {
  display: flex;
  flex-direction: row; }

.parallax-intro {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  min-height: 560px;
  background: transparent; }

.parallax-intro__wrapper {
  padding-left: 16px;
  padding-right: 16px;
  text-align: center; }

.parallax-intro-image {
  margin-bottom: 20px; }

.parallax-intro h1 {
  padding: 16px 25px 0;
  margin: 0;
  font-size: 32px;
  line-height: 36px;
  font-weight: 100;
  text-transform: uppercase;
  text-shadow: 0 0 1px #000;
  color: #fff;
  border-top: solid 1px; }

@media screen and (min-width: 768px) {
  .parallax-intro {
    min-height: 700px; }
  .parallax-intro h1 {
    padding-left: 50px;
    padding-right: 50px;
    font-size: 28px;
    line-height: 32px; } }

@media screen and (min-width: 992px) {
  .parallax-intro {
    min-height: 900px; } }

/* Home - About
============================================================================= */
#about {
  padding-top: 48px; }

@media screen and (min-width: 768px) {
  #about {
    padding-top: 64px; } }

@media screen and (min-width: 992px) {
  #about h1 {
    padding-left: 64px; } }

/* Home - About (History)
============================================================================= */
.about-history {
  position: relative; }

.about-history__flower {
  display: none; }

@media screen and (min-width: 768px) {
  .about-history {
    display: flex;
    margin-top: 16px;
    margin-bottom: 64px; }
  .about-history__text {
    padding-right: 16px; }
    .about-history__text :first-child {
      margin-top: 0; } }

@media screen and (min-width: 992px) {
  .about-history__text {
    margin-left: 14%; }
  .about-history__flower {
    display: block;
    position: absolute;
    top: -10px;
    left: -4vw; } }

/* Home - About (Quote)
============================================================================= */
.about-quote {
  padding-bottom: 64px; }

.about-quote__blockquote {
  width: 100%;
  margin: 0;
  font-size: 34px;
  line-height: 36px;
  font-weight: 300;
  opacity: .8; }

.about-quote__text {
  width: 100%;
  padding-left: 16px;
  border-left: solid 1px #806138; }
  .about-quote__text :last-child {
    margin-bottom: 0;
    padding-bottom: 0; }

.about-quote__text h3 {
  font-weight: 400; }

.about-quote__text h3 + p {
  margin-top: 0; }

@media screen and (min-width: 768px) {
  .about-quote {
    display: flex;
    align-items: center; }
  .about-quote__blockquote {
    padding-right: 16px;
    font-size: 36px;
    line-height: 40px; }
  .about-quote__text h3 {
    margin-top: 0; } }

/* Home - Our Crops
============================================================================= */
.ourcrops {
  position: relative;
  width: 100%; }

.ourcrops__parallax {
  min-height: 500px; }

.ourcrops__title {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, -35px, 0);
  margin: 0;
  padding: 15px 20px;
  font-size: 40px;
  white-space: nowrap;
  background-color: #fff;
  color: #816239;
  border: solid 4px; }

/* Home - Our Crops (Bulle)
============================================================================= */
.bulle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  text-transform: uppercase;
  text-align: center;
  background: rgba(62, 30, 1, 0.7);
  color: #fff;
  border-radius: 50%; }

.bulle.xs {
  width: 125px;
  height: 125px;
  font-size: 16px;
  line-height: 16px; }

.bulle.sm {
  width: 150px;
  height: 150px;
  font-size: 18px;
  line-height: 22px; }

.bulle.md {
  width: 200px;
  height: 200px;
  font-size: 30px;
  line-height: 27px; }

.bulle.lg {
  width: 300px;
  height: 300px;
  font-size: 40px;
  font-weight: 300;
  line-height: 35px; }

/* Home - Our Crops (Bulle => Position)
============================================================================= */
#bulle_1 {
  left: 7vw;
  top: 18%; }

#bulle_2 {
  right: 5vw;
  top: 8%; }

#bulle_3 {
  left: 40vw;
  top: 40%; }

#bulle_4 {
  left: 5vw;
  bottom: 10%; }

#bulle_5 {
  right: 5vw;
  bottom: 5%; }

@media screen and (min-width: 768px) {
  #bulle_1 {
    left: 7vw;
    top: 34%; }
  #bulle_2 {
    left: 22vw;
    top: 2%;
    right: auto; }
  #bulle_3 {
    left: 42vw;
    top: 14%; }
  #bulle_4 {
    right: 24vw;
    top: 32%;
    left: auto;
    bottom: auto; }
  #bulle_5 {
    right: 7vw;
    top: 6%;
    left: auto;
    bottom: auto; } }

/* Home - What we do
============================================================================= */
#whatwedo {
  padding-top: 48px;
  margin-bottom: 64px; }

#whatwedo .section__content {
  position: relative; }

.whatwedo__leafs {
  display: none; }

.whatwedo__text :last-child {
  margin-bottom: 0; }

.whatwedo__text h3 {
  font-weight: 400; }

@media screen and (min-width: 768px) {
  #whatwedo {
    padding-top: 64px; }
  .whatwedo__text {
    margin-left: 14%; } }

@media screen and (min-width: 950px) {
  .whatwedo__leafs {
    display: block;
    position: absolute;
    top: -10px;
    left: -6vw; } }

@media screen and (min-width: 992px) {
  #whatwedo h1 {
    padding-left: 64px; } }

/* Home - Steps
============================================================================= */
.popup-title {
  font-weight: 600;
  font-size: 22px; }

#steps {
  padding-top: 48px;
  padding-bottom: 48px;
  background-color: #9F7D4E;
  color: #fff; }

#steps .section__title {
  color: inherit;
  line-height: 34px;
  font-size: calc(22px + .8vw);
  font-weight: 300;
  margin-bottom: 48px; }

.steps__gallery {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }

.steps-gallery__item {
  flex-basis: calc(50% - 8px);
  max-width: calc(50% - 8px); }
  .steps-gallery__item:nth-child(n+3) {
    margin-top: 16px; }

.steps-gallery-item__image {
  cursor: pointer;
  transition: opacity .3s; }
  .steps-gallery-item__image:hover {
    opacity: .8; }

.steps-gallery-item__description {
  display: none;
  padding: 16px;
  margin: 0 16px;
  color: #000;
  background-color: #fff;
  border-radius: 3px; }
  .steps-gallery-item__description i {
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer; }
  .steps-gallery-item__description :last-child {
    margin-bottom: 0; }

.steps-gallery-item__title {
  margin-top: 2px;
  margin-bottom: 0;
  font-size: inherit;
  font-weight: 400; }

@media screen and (min-width: 768px) {
  .steps-gallery-item__description {
    margin: 0; } }

@media screen and (min-width: 1170px) {
  #steps .section__title {
    text-align: center; }
  .steps-gallery__item {
    flex-basis: calc(33.333333% - 10.6666666px);
    max-width: calc(33.333333% - 10.6666666px); }
    .steps-gallery__item:nth-child(n+3) {
      margin-top: 0; }
    .steps-gallery__item:nth-child(n+4) {
      margin-top: 32px; }
  .steps-gallery-item__title {
    margin-top: 6px;
    font-size: 20px; } }

/* Home - How We Do
============================================================================= */
#howwedo {
  padding-top: 48px;
  margin-bottom: 64px; }

#howwedo .section__content {
  position: relative; }

.howwedo__hand {
  display: none; }

.howwedo__text :last-child {
  margin-bottom: 0; }

.howwedo__text h3 {
  font-weight: 400; }

@media screen and (min-width: 768px) {
  #howwedo {
    padding-top: 64px; }
  .howwedo__text {
    margin-left: 14%; } }

@media screen and (min-width: 950px) {
  .howwedo__hand {
    display: block;
    position: absolute;
    top: -10px;
    left: -6vw; } }

@media screen and (min-width: 992px) {
  #howwedo h1 {
    padding-left: 64px; } }

/* Home - Oriental Tobacco
============================================================================= */
.orientaltobacco-parallax {
  width: auto;
  min-height: 500px;
  background: transparent; }

#orientaltobacco {
  padding-top: 48px;
  padding-bottom: 48px; }

#orientaltobacco p {
  font-size: 32px;
  line-height: 34px; }

#orientaltobacco ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-width: 800px; }

#orientaltobacco ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  #orientaltobacco ul li + li {
    margin-top: 16px; }

.orientaltobacco__hand-pointing {
  margin-right: 16px;
  max-width: 100px; }

.orientaltobacco__argument {
  color: #816239;
  font-weight: 600; }

@media screen and (min-width: 768px) {
  #orientaltobacco .section__content {
    margin-left: 14%; } }

@media screen and (min-width: 992px) {
  #orientaltobacco h1 {
    padding-left: 64px; } }

/* Home - Our farming Partners
============================================================================= */
#ourfarmingpartners {
  padding-top: 48px;
  padding-bottom: 48px;
  background-color: #EBE9E4; }

.ourfarmingpartners__text {
  position: relative;
  padding-left: 16px;
  margin-bottom: 32px; }
  .ourfarmingpartners__text :last-child {
    margin-bottom: 0; }

.ourfarmingpartners__text img {
  display: none; }

.ourfarmingpartners__copyright {
  text-align: center;
  margin-bottom: 0; }

.ourfarmingpartners-gallery {
  display: none; }

.ourfarmingpartners-gallery img {
  transition: opacity .3s; }
  .ourfarmingpartners-gallery img:hover {
    opacity: .5; }

@media screen and (max-width: 767px) {
  #ourfarmingpartners h1 {
    line-height: 9vw; } }

@media screen and (min-width: 768px) {
  #ourfarmingpartners .ourfarmingpartners__text {
    margin-left: 14%; }
  .ourfarmingpartners__copyright {
    padding-left: 16px;
    text-align: left; } }

@media screen and (min-width: 992px) {
  #ourfarmingpartners .section__title {
    padding-left: 64px; }
  .ourfarmingpartners__text img {
    display: block;
    position: absolute;
    width: 300px;
    top: -10px;
    left: -4vw;
    transform: translateX(-100%); }
  .ourfarmingpartners-gallery {
    display: block; }
  .ourfarmingpartners-gallery-mobile {
    display: none; }
  .ourfarmingpartners-gallery {
    padding-left: 16px;
    padding-right: 16px; }
    .ourfarmingpartners-gallery ul {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      margin: 0;
      padding: 0;
      list-style: none; }
    .ourfarmingpartners-gallery li {
      flex-basis: calc(25% - 12px);
      max-width: calc(25% - 12px); }
      .ourfarmingpartners-gallery li:nth-child(n+5) {
        margin-top: 16px; } }

/* Home - Our Infrastrcture
============================================================================= */
.ourinfrastructure-image {
  width: auto;
  min-height: 500px;
  background: transparent; }

#ourinfrastructure {
  padding-top: 48px;
  padding-bottom: 96px; }

.ourinfrastructure__title img {
  display: none; }

@media screen and (min-width: 768px) {
  .ourinfrastructure__title {
    margin-bottom: 1rem; }
  .ourinfrastructure__text {
    column-count: 2; }
    .ourinfrastructure__text :first-child {
      margin-top: 0; } }

@media screen and (min-width: 992px) {
  .ourinfrastructure__title {
    display: flex;
    align-items: center;
    margin-bottom: 64px; }
    .ourinfrastructure__title img {
      display: inline-flex;
      width: 150px;
      margin-right: 64px; } }

/* Home - Our Infrastrcture (Gallery)
============================================================================= */
#ourinfrastructure-gallery {
  padding-left: 16px;
  padding-right: 16px;
  max-width: 1432px;
  margin: 32px auto 0; }

.ourinfrastructure-gallery__title {
  margin: 0 0 4px;
  font-size: 20px; }

#ourinfrastructure-gallery .ourinfrastructure-factory:not(:last-of-type) {
  margin-bottom: 32px; }

@media screen and (min-width: 992px) {
  #ourinfrastructure-gallery {
    margin-top: 64px; }
  #ourinfrastructure-gallery .ourinfrastructure-factory:not(:last-of-type) {
    margin-bottom: 48px; }
  .ourinfrastructure-gallery__title {
    margin-bottom: 16px;
    padding-left: 32px;
    font-size: 20px; } }

/* Home - Our Infrastrcture (Factory)
============================================================================= */
.ourinfrastructure-factory ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: space-between; }
  .ourinfrastructure-factory ul li {
    flex-basis: calc(50% - 8px);
    max-width: calc(50% - 8px); }

/* Home - Social Responsability
============================================================================= */
#socialresponsability {
  text-align: center;
  background-color: #EBE9E4; }

#socialresponsability .section-inner {
  position: relative;
  padding-top: .1px; }

.socialresponsability__title {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 300px;
  margin: 0;
  padding: 10px 8px;
  line-height: 34px;
  font-size: 32px;
  font-weight: 300;
  border: solid 4px;
  color: #816239;
  background-color: #fff; }

.socialresponsability__argument {
  margin-top: 72px;
  margin-bottom: 24px;
  padding-left: 0;
  list-style-type: none;
  counter-reset: item; }

.socialresponsability__argument li:before {
  content: counter(item) " ";
  counter-increment: item;
  margin-right: 16px;
  font-size: 37px;
  font-weight: 600;
  color: #816239; }

.socialresponsability__argument li {
  display: flex; }
  .socialresponsability__argument li + li {
    margin-top: 24px; }
  .socialresponsability__argument li p {
    margin-top: -8px;
    margin-bottom: 0;
    text-align: left; }

@media screen and (min-width: 768px) {
  .socialresponsability__title {
    width: 360px;
    line-height: 33px;
    font-size: 40px; }
  .socialresponsability__argument {
    margin-top: 144px;
    margin-bottom: 48px; }
  .socialresponsability__argument li + li {
    margin-top: 32px; } }

/* Home - Social Responsability (Images)
============================================================================= */
.socialresponsability-images {
  display: none; }

@media screen and (min-width: 768px) {
  .socialresponsability-images-mobile {
    display: none; }
  .socialresponsability-images {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0 16px;
    list-style: none; }
    .socialresponsability-images li {
      flex-basis: calc(33.3333333% - 10.66666666px);
      max-width: calc(33.3333333% - 10.66666666px); } }

/* Home - Contact
============================================================================= */
#contact {
  padding-top: 48px; }

#contact .section__title,
#contact h2 {
  text-align: center; }

.contact-adress-field {
  margin-bottom: 32px; }
  .contact-adress-field :first-child {
    margin-top: 0; }
  .contact-adress-field :first-child span {
    font-size: 22px; }
  .contact-adress-field :last-child {
    margin-bottom: 0; }

.contact__form {
  margin-top: 32px;
  margin-bottom: 32px; }
  .contact__form h2 {
    margin-top: 0; }

@media screen and (min-width: 768px) {
  #contact {
    padding-left: 50px;
    padding-right: 50px; }
  .contact__adress {
    display: flex;
    flex-flow: row wrap; }
  .contact-adress-field {
    flex-basis: 50%;
    margin-bottom: 0; }
    .contact-adress-field + .contact-adress-field {
      margin-top: 0; }
    .contact-adress-field:nth-child(n+3) {
      margin-top: 32px; } }

@media screen and (min-width: 992px) {
  #contact {
    padding-left: 100px;
    padding-right: 100px; }
  .contact-adress-field {
    flex-basis: 33.33333333%; }
    .contact-adress-field:nth-child(n+3) {
      margin-top: 0; }
    .contact-adress-field:nth-child(n+4) {
      margin-top: 32px; } }

/* ==========================================================================
   Header
============================================================================= */
/* Header - Base Mobile
============================================================================= */
#bubble {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  background-color: #816239; }

.hamburger {
  height: 55px; }

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  background-color: #ffffff; }

.hamburger-logo img {
  width: 50%;
  padding-left: 16px;
  vertical-align: middle; }

/* Header - Responsive menu
============================================================================= */
#responsive-menu {
  display: none;
  position: fixed;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  z-index: 998;
  background: #806138;
  color: #fff;
  text-align: center; }

#responsive-menu ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0; }

#responsive-menu ul li {
  padding-bottom: 20px; }

#responsive-menu ul li a {
  color: #ffffff; }

/* Header - Nav (Tablets and desktops)
============================================================================= */
.nav {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 99;
  height: 50px;
  padding: 7px 0px 7px;
  background: #806138;
  color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.nav__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.logo {
  padding-left: 16px; }

.logo-img {
  height: 36px;
  width: auto;
  vertical-align: middle; }

.menu {
  flex: auto; }

.nav ul {
  display: flex;
  justify-content: space-around;
  padding: 0 16px 0 0;
  margin: 0;
  font-size: 15px;
  list-style: none; }

.nav ul li {
  padding-left: 1.2vw;
  text-align: center; }

.nav ul li a {
  display: inline-block;
  font-weight: 400;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  vertical-align: middle;
  transition: color .3s; }

.nav ul li:hover a {
  color: white; }

@media only screen and (min-width: 1270px) {
  #bubble {
    display: none; } }

@media only screen and (max-width: 1270px) {
  nav {
    display: none; } }

@media only screen and (min-width: 1500px) {
  #bubble {
    display: none; }
  .nav ul {
    font-size: calc(16px + 0.2vw); } }

@media only screen and (min-width: 1921px) {
  .nav__wrapper {
    width: 1920px;
    margin-left: auto;
    margin-right: auto; } }

/* footer */
.footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  font-size: 12px;
  color: #D5D5D5;
  background-color: #2b2822;
  padding-left: 16px;
  padding-right: 16px; }

.air {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #fff; }

.air a {
  text-decoration: none;
color:#ffffff;}

.air span {
  display: block;
	color:#ffffff;
 /* background: url(./assets/img/logo-air-studio.png) no-repeat;*/
  width: 72px;
  height: 12px;
  margin-left: 4px; }

.mini-gallery {
  text-align: center; }

/*------------------------------------*    SOCIAL RESPONSABILITY
\*------------------------------------*/
/*------------------------------------*    CONTACT
\*------------------------------------*/
/*------------------------------------*    MISC
\*------------------------------------*/
::-moz-selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none; }

::selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none; }

::-webkit-selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none; }

::-moz-selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none; }

@media only screen and (min-width: 1921px) {
  body {
    width: 1920px;
    margin-left: auto;
    margin-right: auto; } }


/* Home - Social Responsability
============================================================================= */
#sustainabilityreporting {
  padding-top: 40px;
  text-align: center;
  background-color: #EBE9E4; }

#sustainabilityreporting .section-inner {
  position: relative;
  padding-top: .1px; }

.sustainabilityreporting__title {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 300px;
  margin: 0;
  padding: 10px 8px;
  line-height: 34px;
  font-size: 32px;
  font-weight: 300;
  border: solid 4px;
  color: #816239;
  background-color: #fff; }

.sustainabilityreporting__argument {
  margin-top: 72px;
  margin-bottom: 24px;
  padding-left: 0;
  list-style-type: none;
  counter-reset: item; }

.sustainabilityreporting__argument li:before {
  content: counter(item) " ";
  counter-increment: item;
  margin-right: 16px;
  font-size: 37px;
  font-weight: 600;
  color: #816239; }

.sustainabilityreporting__argument li {
  display: flex; }
  .sustainabilityreporting__argument li + li {
    margin-top: 24px; }
  .sustainabilityreporting__argument li p {
    margin-top: -8px;
    margin-bottom: 0;
    text-align: left; }

@media screen and (min-width: 768px) {
  .sustainabilityreporting__title {
    width: 360px;
    line-height: 33px;
    font-size: 40px; }
  .sustainabilityreporting__argument {
    margin-top: 144px;
    margin-bottom: 48px; }
  .sustainabilityreporting__argument li + li {
    margin-top: 32px; } }

/* Home - Social Responsability (Images)
============================================================================= */
.sustainabilityreporting-images {
  display: none; }

@media screen and (min-width: 768px) {
  .sustainabilityreporting-images-mobile {
    display: none; }
  .sustainabilityreporting-images {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0 16px;
    list-style: none; }
    .sustainabilityreporting-images li {
      flex-basis: calc(33.3333333% - 10.66666666px);
      max-width: calc(33.3333333% - 10.66666666px); } }

/* Page fond blanc */

/* boxed content */
.page-white {
  background-color: #fff;
  padding: 16px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1024px) {
  .page-white {
    max-width: 1024px;
  }
}

.page-white h1 {
  color:rgba(62, 30, 1, 0.7)
}