/**
* Theme Name: Forma
* Author: Principal
* Author URI: http://principal.studio
* Version: 1.5.4
*/



@import url('style/reset.min.css');
@import url('style/fonts.css');



/**
* General
*/

body {
  /* font-family: 'Avenir'; */
  font-family: 'Atlas Grotesk';
  font-size: 18px;
  line-height: 28px;
  -webkit-font-smoothing: antialiased !important;
  -webkit-text-size-adjust: 100%;
}
body.no-scroll {
  overflow: hidden;
}

#page {
  margin: 0 auto;
  max-width: 1100px;
  width: 100%;
}
#page > .inside {
  margin: 0;
}

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

a:hover,
a.gray {
opacity: 0.4;
}

.current_page_item a {
  border-bottom: solid 1px #000000;
}

.no-hover a:hover {
  opacity: 1;
}
.gray a:hover{
  opacity: 1;
}
.gray a {
  opacity: .4;
}

pre {
  font-family: monospace;
}

hr {
  background-color: #000;
  border: none;
  height: 1px;
  margin: 24px 0;
}

img {
  -ms-interpolation-mode: bicubic !important;
}

img.aligncenter {
  display: block;
  margin: 0 auto;
}



/**
* Typography
*/

.type-largest {
  font-family: 'Druk';
  font-size: 90px;
  font-weight: normal;
  letter-spacing: 3px;
  line-height: 60px;
  text-transform: uppercase;
}
.type-large {
  font-size: 45px;
  font-weight: normal;
  line-height: 48px;
}
.type-medium-large {
  font-size: 32px;
  font-weight: normal;
  line-height: 32px;
}
.type-medium {
  font-size: 22px;
  font-weight: normal;
  line-height: 26px;
}
.type-regular {
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
}
.type-small {
  font-size: 14px;
  line-height: 18px;
}

.font-druk {
  font-family: 'Druk';
  font-weight: normal;
  text-transform: uppercase;
}

p {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 28px;
}

h1 {
  font-size: 45px;
  line-height: 48px;
  margin-bottom: 48px;
  margin-top: 6px;
}

h2 {
  font-size: 36px;
  line-height: 42px;
  margin-bottom: 42px;
}

h3 {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 34px;
  margin-top: 48px;
}

h4 {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 34px;
}

.light {
  opacity: .4;
}
.white {
  color: #fff;
}

td {
  vertical-align: top;
}

blockquote {
  margin-left: -260px;
  margin-right: -20px;
  border-bottom: 1px solid rgba(0,0,0,.1);
  border-top: 1px solid rgba(0,0,0,.1);
  padding-top: 65px;
  /* 	padding-right: 120px; */
  margin-top: 70px;
  margin-bottom: 70px;
  padding-bottom: 30px;
}
.blockquote-image {
  margin-left: -260px;
  margin-right: -20px;
  /* 	padding-top: 65px; */
  /* 	padding-right: 120px; */
  margin-top: 70px;
  margin-bottom: 70px;
  /* 	padding-bottom: 30px; */
}



/**
* Header
*/

#header {
  border-bottom: 1px solid rgba(0,0,0,.1);
  margin-bottom: 57px;
  margin-top: 10px;
  padding-bottom: 55px;
  overflow: hidden;
}
#header .language {
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: right;
  text-transform: uppercase;
}
#header .bottom {
  position: relative;
}
#header .bottom .navigation ul {
  overflow: hidden;
}
#header .bottom .navigation ul li {
  float: left;
  font-size: 22px;
  margin-left: 20px;
}
#lang_sel .lang_sel_sel {
  display: none;
}

#header-mobile {
  background-color: #fff;
  border-bottom: 1px solid rgba(0,0,0,.1);
  display: none;
  left: 0;
  padding: 20px 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20000;
}
#header-mobile > .inner {
  margin: 0 15px;
  position: relative;
}
.header-mobile-burger {
  position: absolute;
  right: 0px;
  top: 0px;
}
.header-mobile-close {
  display: none;
  position: absolute;
  right: 0px;
  top: 2px;
}






/**
* Nav Mobile
*/

#nav-mobile {
  background-color: #fafafa;
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 19000;
  -webkit-transform: translate3d(100%,0,0);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
}
#nav-mobile > .inner {
  height: 100%;
  overflow-y: scroll;
  padding: 68px 0 0 0;
  -webkit-overflow-scrolling: touch;
}
#nav-mobile .menu-container-2 {
  padding-bottom: 220px;
}
#nav-mobile ul li {
  border-top: 1px solid rgba(0,0,0,.1);
  font-size: 16px !important;
}
#nav-mobile ul li a {
  display: block;
  font-size: 16px !important;
  padding: 15px;
}
#nav-mobile ul li.menu-item-has-children > ul.sub-menu li a {
  font-size: 16px !important;
  padding: 15px 45px;
}
#nav-mobile ul li.menu-item-has-children > ul.sub-menu li.menu-item-has-children > ul.sub-menu li a {
  font-size: 16px !important;
  padding: 15px 90px;
}
body.mobile-nav-opened #nav-mobile {
  -webkit-transform: translate3d(0,0,0);
}
body.mobile-nav-opened {
  height: 100%;
  overflow: hidden;
}






/**
* Footer
*/

#footer {
  border-top: 1px solid rgba(0,0,0,.1);
  padding-top: 60px;
}
#footer > .inside {

}
#footer .footer-column {
  float: left;
  font-size: 14px;
  line-height: 22px;
  width: 25%;
}
#footer .footer-column > .inside {
  margin: 0 10px;
}
.footer-social {
  font-size: 14px;
  line-height: 14px;
  text-align: center;
}
.footer-social-icon {
  width: 28px;
  object-fit: contain;
  height: 28px;
  margin: 0 5px;
  width: auto;
}
#footer .ekita-express-button a {
  display: block;
  margin: 0 auto;
  padding: 8px 0 5px;
  background-color: #c8b5a7;
  width: 180px;
  color: #282022;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
}
#footer .ekita-express-button a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  background-image: url("style/images/express.png");
  background-size: cover;
  margin-top: -2px;
  margin-right: 6px;
}
#footer .client-button a {
  display: block;
  margin: 10px auto 0;
  padding: 10px 0 10px;
  background-color: #282022;
  width: 180px;
  color: #b7b7b7;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}
#footer .client-button a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  background-image: url("style/images/padlock.png");
  background-size: cover;
  margin-top: -3px;
  margin-right: 7px;
}



/**
* Content
*/

#content {

}
#content > .inside {
  /* max-width: 740px; */
  overflow: hidden;
}
#content.page .menu {
  float: left;
  margin-top: 9px;
  width: 220px;
}
#content.page .menu li {
  font-size: 18px;
  line-height: 28px;
  list-style: none;
}
#content.page .content {
  float: left;
  margin-left: 40px;
  max-width: calc(100% - 280px);
}
#content.page .content-2 {
  margin-left: 260px;
  max-width: calc(100% - 280px);
}






/**
* Home
*/

#content.home {
  overflow: hidden;
}
#content.home .blocs-container {
  margin: 0 -15px;
  overflow: hidden;
}
#content.home .blocs-container > .bloc {
  float: left;
  height: 450px;
  margin-bottom: 45px;
}
#content.home .blocs-container > .bloc .inside {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 450px;
  margin: 0 15px;
}
@media (max-width: 450px) {
  #content.home .blocs-container > .bloc .inside {
    margin: 0;
    }
}
#content.home .blocs-container > .bloc.one {
  width: 50%;
}
#content.home .blocs-container > .bloc.two {
  width: 100%;
}

/** Block with background image **/

#content.home .blocs-container > .bloc.bloc-with-background-image .text {
  display: table;
  text-align: center;
  width: 100%;
}
#content.home .blocs-container > .bloc.bloc-with-background-image .text > .inside {
  display: table-cell;
  vertical-align: middle;
}
#content.home .blocs-container > .bloc.bloc-with-background-image .text > .inside .title {
  font-weight: 500;
  margin-bottom: 15px;
}

/** Block with text **/


#content.home .blocs-container > .bloc .inside.align-left {
  background-position: left center;
}
#content.home .blocs-container > .bloc .inside.align-center {
  background-position: center;
}
#content.home .blocs-container > .bloc .inside.align-right {
  background-position: right center;
}




/**
* Archive
*/
#content.archive .menu {
  text-align: center;
  height: 100%;
}
#content.archive .menu-container {
  height: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
#content.archive .menu ul {
  overflow: visible;
  text-align: center;
}
#content.archive .menu ul li {
  display: inline-block;
  font-size: 36px;
  line-height: 36px;
  margin: 0 10px;
  position: relative;
  overflow: visible;
  z-index: 16000;
}
#content.archive .menu ul li > a {
  position: relative;
  z-index: 16000;
}
#content.archive .menu ul li > .sub-menu {
  display: none;
  background-color: #fff;
  font-size: 18px;
  left: 50%;
  margin-left: -100px;
  padding-bottom: 2px;
  padding-top: 42px;
  position: absolute;
  top: 3px;
  width: 200px;
  z-index: 15000;
}
#content.archive .menu ul li > .sub-menu li {
  display: block;
  margin-left: 0;
  width: 100%;
}
#content.archive .menu ul li > .sub-menu li a {
  /* 	color: rgba(0,0,0,1); */
  display: block;
  font-size: 18px;
  padding: 6px 0 6px 0;
}
#content.archive .menu ul li.current-menu-item .sub-menu li a {
  opacity: 1;
}
#content.archive .menu ul li.current-menu-item .sub-menu li a:hover {
  opacity: .4;
}
#content.archive .menu ul li:hover > .sub-menu {
  display: block;
}
#content.archive .title-bloc {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  height: 450px;
  margin-bottom: 30px;
  width: 100%;
}
#content.archive .title-bloc .inside {
  height: 450px;
}
#content.archive .title-bloc .text {
  display: table;
  text-align: center;
  width: 100%;
}
#content.archive .title-bloc .text > .inside {
  display: table-cell;
  vertical-align: middle;
}
#content.archive .title-bloc .text > .inside .title {
  margin-bottom: 20px;
}
#content.archive .title-bloc .text > .inside .subtitle {
  margin: 0 40px;
}
#content.archive .products .products-bloc-anchor {
  transform: translateY(-170px);
}
#content.archive .products .products-bloc {
  margin: 0 -15px;
  overflow: hidden;
}
#content.archive .products .products-bloc > .inside {
  position: relative;
}
#content.archive .products .products-bloc .products-bloc-title {
  font-size: 36px;
  margin: 84px 0 54px 0;
  text-align: center;
}
#content.archive .products .products-bloc .product {
  float: left;
  margin-bottom: 35px;
  width: 25%;
}
#content.archive .products .products-bloc .product .inside {
  margin: 0 15px;
  transition: opacity .2s;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
}
#content.archive .products .products-bloc .product .inside .image img {
  height: auto;
  width: 100%;
}
#content.archive .products .products-bloc .product .inside .text {
  font-size: 18px;
  line-height: 21px;
  margin-top: 14px;
}
#content.archive .products .products-bloc .product .inside:hover {
  /* cursor: pointer; */
  /* 	opacity: .4; */
}
.archives-clients-logos {
  margin-top: 120px;
  text-align: center;
}



/**
* Product Single
*/

#content.archive .single-product {
  overflow: hidden;
  margin: 0 -10px 66px -10px;
}
#content.archive .single-product .type-large{
  margin-top: 20px;
}
#content.archive .single-product-image {
  float: left;
  width: 50%;
}
#content.archive .single-product-image > .inside {
  margin: 0 10px;
}
#content.archive .single-product-image img {
  height: auto;
  width: 100%;
}
#content.archive .single-product-spacer {
  float: left;
  width: 8.333333%
}
#content.archive .single-product-details {
  float: left;
  width: 41.666666%;
}
#content.archive .single-product-details > .inside {
  margin: 0 10px;
}
#content.archive .single-product-details .title {
  margin-bottom: 40px;
}
#content.archive .single-product-details .label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
#content.archive .single-product-details .size {
  background-color: #fff;
  border: 1px solid #000;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 6px 10px 5px 10px;
  text-transform: uppercase;
}
#content.archive .product-detail-block {
  margin-bottom: 30px;
}
.single-product-next-prev {
  font-size: 24px;
  margin-bottom: 30px;
  margin-top: 110px;
  position: relative;
}
.single-product-next-prev .prev-button {
  display: block;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 50%;
}
.single-product-next-prev .next-button {
  display: block;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 50%;
}
.products.similar-products {
  border-top: 1px solid rgba(0,0,0,.1);
  margin-top: 120px;
}
#content.archive .products.similar-products .products-bloc-title {
  margin-top: 58px;
}



/**
* Product Pop-Up
*/

#product-popup {
  background-color: rgba(255,255,255,.98);
  height: 100%;
  left: 0;
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}
#product-popup.loading {
  background-image: url('style/images/ajax-loader.gif');
  background-position: center;
  background-repeat: no-repeat;
}
#product-popup > .inside {
  display: none;
  overflow: hidden;
}
#product-popup .inside .image {
  float: left;
  text-align: right;
  width: 40%;
}
#product-popup .inside .image img {
  display: inline-block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
#product-popup .inside .image > .inside {
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 100px 0 100px 100px;
}
#product-popup .inside .content {
  /* overflow-y: scroll; */
  float: left;
  width: 60%;
}
#product-popup .inside .content > .inside {
  margin: 100px;
}
#product-popup .inside .content .category {
  margin-bottom: 25px;
}
#product-popup .inside .content .title {
  margin-bottom: 25px;
}
#product-popup .inside .content .description {
  margin-bottom: 30px;
}
#product-popup .inside .content .label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
#product-popup .inside .content .size {
  background-color: #fff;
  border: 1px solid #000;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 6px 10px 5px 10px;
  text-transform: uppercase;
}
#product-popup .inside .content .colors {
  margin-top: 30px;
}
#product-popup .inside .content .price {
  margin-top: 30px;
}






#login-form input[type=text],
#login-form input[type=password] {
  border: 1px solid rgba(0,0,0,.4);
  font-family: 'Avenir';
  font-size: 22px;
  padding: 10px;
  width: 90%;
  width: calc(100% - 22px);
}
#login-form textarea {
  font-family: 'Avenir';
  font-size: 22px;
  height: 200px;
  padding: 10px;
  width: 90%;
  width: calc(100% - 22px);
}
#login-form .label {
  font-size: 18px;
  margin: 40px 0 20px 0;
}
#login-form .login {
  margin: 100px 0 20px 0;
  text-align: center;
}
#login-form input[type=text]:focus,
#login-form input[type=password]:focus,
#login-form textarea:focus {
  outline: none;
}
.form-blocs-container {
  margin: 0 -10px;
  overflow: hidden;
}
.form-bloc {
  float: left;
  width: 50%;
}
.form-bloc > .inner {
  margin: 0 10px;
}
#login-form input[type=submit] {
  font-family: 'Avenir';
  font-size: 22px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background: none;
  border: 0;
  color: inherit;
  /* cursor: default; */
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button; /* for input */
  -webkit-user-select: none; /* for button */
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
}
#login-form input[type=submit]:hover {
  opacity: .4;
}



/**
* Single
*/

.embed-video {
  margin-bottom: 24px;
}






/**
* Responsive
*/

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

  #product-popup .inside .image > .inside {
    margin: 40px 0 40px 40px;
  }
  #product-popup .inside .content > .inside {
    margin: 40px;
  }

  #content.archive .products .products-bloc .product {
    width: 33.333333%;
  }

  #content.page .content-2 {
    margin-left: 0;
    max-width: 100%;
  }

  blockquote {
    margin-left: 0;
  }

  #content.archive .products .products-bloc-anchor {
    transform: translateY(-60px);
  }

}





















/* 1024 iPad */

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

  #content.home .blocs-container > .bloc.one {
    width: 100%;
  }

}





/* @media only screen and (max-device-width: 775px) { */
@media only screen and (max-width: 760px) {

  /**
  * Basic
  */

  .hide-on-mobile {
    display: none;
  }

  /**
  * Typography
  */

  .type-largest {
    font-size: 36px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 42px;
  }
  .type-large {
    font-size: 36px;
    font-weight: normal;
    line-height: 42px;
  }
  .type-medium-large {
    font-size: 24px;
    font-weight: normal;
    line-height: 26px;
  }
  .type-medium {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
  }
  .type-regular {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
  }
  .type-small {
    font-size: 12px;
    line-height: 16px;
  }
  p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
  }
  h1 {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 40px;
    margin-top: 30px;
  }
  h2 {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 42px;
  }
  h3 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 34px;
    margin-top: 48px;
  }
  h4 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 34px;
  }

  /**
  * Page
  */

  #page > .inside {
    margin: 85px 15px 0 15px;
  }

  /**
  * Header
  */

  #header {
    display: none;
  }
  #header-mobile {
    display: block;
  }

  #nav-mobile {
    display: block;
  }
  
  #nav-mobile ul li a {
    text-align: left;
    padding-left: 0;
  }

  /**
  * Footer
  */

  #footer {
    margin-top: 120px;
  }
  #footer .footer-mobile-group {
    float: left;
    overflow: hidden;
    width: 50%;
  }
  #footer .footer-column {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 40px;
    width: 100%;
  }
  .footer-social {
    font-size: 12px;
    line-height: 12px;
  }
  #footer #language-selector-translation {
    text-align: center;
  }
  #footer .flex-col {
    margin-bottom: 30px;
  }

  /**
  * Home
  */

  #content.home .blocs-container > .bloc {
    height: 200px;
    margin-bottom: 10px;
  }
  #content.home .blocs-container > .bloc .inside {
    height: 350px;
  }
  #content.home .blocs-container > .bloc .inside > .title {
    margin: 0 40px;
  }
  #content.home .blocs-container > .bloc .inside > .subtitle {
    margin: 0 40px;
  }

  /**
  * Archive
  */

  #content.archive .title-bloc {
    height: 200px;
  }
  #content.archive .title-bloc .inside {
    height: 200px;
  }
  #content.archive .title-bloc .text > .inside .title {
    margin-bottom: 0;
  }
  #content.archive .title-bloc .inside > .title {
    margin: 0 40px;
  }
  #content.archive .title-bloc .inside > .subtitle {
    margin: 0 40px;
  }
  #content.archive .products .products-bloc {
    margin: 0 -5px;
  }
  #content.archive .products .products-bloc .product {
    width: 50%;
  }
  #content.archive .products .products-bloc .product .inside {
    margin: 0 5px;
  }
  #content.archive .products .products-bloc .products-bloc-title {
    font-size: 24px;
    margin: 40px 0;
  }

  /**
  * Single Product
  */

  #content.archive .single-product {
    margin-top: 0;
  }
  #content.archive .single-product-image {
    width: 100%;
  }
  #content.archive .single-product-image > .inside {
    margin: 0 10px;
  }
  #content.archive .single-product-details {
    width: 100%;
  }
  #content.archive .single-product-details > .inside {
    margin: 20px 10px 0 10px;
  }
  .single-product-next-prev {
    font-size: 14px;
    margin-top: 60px;
  }
  .single-product-next-prev img {
    height: 10px;
  }
  #content.archive .single-product-details .label {
    font-size: 12px;
  }

  /**
  * Page
  */

  #content.page .menu {
    display: none;
  }
  #content.page .content {
    margin-left: 0;
    max-width: 100%;
    width: 100%;
  }
  #content.page .content-2 {
    margin-left: 0;
    max-width: 100%;
    width: 100%;
  }

  /**
  * Random
  */

  .archives-clients-logos {
    margin-top: 80px;
  }

  .archives-clients-logos img {
    height: auto;
    width: 100%;
  }

}

#test-info {
  color: #fff;
  font-family: Courier, monospace;
  font-size: 10px;
  line-height: 14px;
  left: 10px;
  position: fixed;
  top: 10px;
}