/** Shopify CDN: Minification failed

Line 196:0 All "@import" rules must come first
Line 415:4 A nested style rule cannot start with "p" because it looks like the start of a declaration
Line 755:0 Comments in CSS use "/* ... */" instead of "//"
Line 756:0 Comments in CSS use "/* ... */" instead of "//"
Line 850:0 Comments in CSS use "/* ... */" instead of "//"
Line 851:0 Comments in CSS use "/* ... */" instead of "//"
Line 852:0 Comments in CSS use "/* ... */" instead of "//"
Line 853:0 Comments in CSS use "/* ... */" instead of "//"
Line 854:0 Comments in CSS use "/* ... */" instead of "//"
Line 1116:3 A nested style rule cannot start with "svg" because it looks like the start of a declaration
... and 19 more hidden warnings

**/
@charset "utf-8";

@media screen and (max-width: 640px)
{
 
  .mobile-only, .footer-social.mobile {
    display: block !important;
}
  .Morphologie__text-block
  {
    width: 100% !important;
  }
  .Morphology__content {
    padding: 20px !important;
}
.Engagement__content {
    max-width: 100% !important;
    padding: 30px 20px !important;
      background-color: white !important;
}
  .Engagament__block-text, .Engagament__block-image {
    width: 100% !important;
}
  .u-h1, .Rte h1 {
    font-size: 30px !important;
}

  
.flex {
    flex-direction: column !important;
}
  .ml-100 {
    margin-left: 0 !important;
}
  
.Engagement__title {
    font-size: 30px !important;
    max-width: 90% !important;
    margin: auto !important;
}
}

@media screen and (min-width: 641px)
{

  .u-h1, .Rte h1 {
    font-size: 36px !important;
}

  .Newsletter .Form__Submit { margin: 0px !important;}
}

@media screen and (max-width: 640px)
{
  
.mobile-only {
    display: block !important;
}

  .desktop-only {
    display: none !important;
  }
  .Engagement__title
  {
    font-size: 30px !important;
  }

   .section-faqs .Page__section-title
  {
    font-size: 28px !important;
    font-family: 'Abhaya Libre', serif !important;
  }

  .Faq__Heading {
    font-family: "Abhaya Libre", serif !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    margin-top: 5px !important;
    padding-bottom: 30px !important;
    font-size: 30px !important;
}
}


@media screen and (min-width: 641px)
{
   #main {
  margin-bottom: -80px;
}
.mobile-only {
    display: none !important;
}
.Engagement__title {
    font-size: 40px !important;
}
  .desktop-only {
    display: block !important;
  }
  .section-faqs .Page__section-title
  {
    font-size: 40px !important;
    font-family: 'Abhaya Libre', serif !important;
  }

  .Faq__Heading {
    font-family: "Abhaya Libre", serif !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    margin-top: 5px !important;
    padding-bottom: 30px !important;
    font-size: 36px !important;
}

  .Newsletter__text {
    font-family: "Abhaya Libre", serif !important;
    color: #454545 !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    margin-bottom: 30px !important;
    font-size: 36px !important;
}
}

.ColorSwatch__Radio:checked+.ColorSwatch:after {
  border-radius: 50%;
}

#shopify-section-fournisseurs-map .u-h1 {
    font-size: 30px;
    font-family: 'Abhaya Libre', serif;
}

.Header .Text--subdued, .Header .Link--primary {
  color: #fff9ef !important;
  margin-right: 20px !important;
  font-weight: 400 !important;
  font-size: 28px !important;
  font-family: 'Apalu' !important;
}

@media screen and (min-width: 641px)
{
#section-template--16037802705062__slideshow .Heading {
  font-size: 50px !important;
}

  .SectionHeader__Heading {
  font-family: 'Abhaya Libre',serif!important;
}
  .SectionHeader__Heading {
  font-weight: 500;
  font-size: 36px;
}

  .ProductMeta__Title { font-size: 36px;
                      font-family: 'Abhaya Libre', serif !important;}
  
}

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

  .ProductMeta__Title { font-size: 30px;
                      font-family: 'Abhaya Libre', serif !important;}
  .product-size-chart { display: none;}
  .ProductMeta {padding-bottom: 0px !important;
                border-bottom: none !important; 
               }
  
}




@font-face {
 font-family: "Apalu";
 src: url("/cdn/shop/files/Apalu.ttf?v=1606219644") format("truetype");
}

/* Abhaya Font */
@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&display=swap');

:root {
--custom-font: 'Abhaya Libre', serif;
--grey: #454545;
--beige: #fffaf0;

--gutter: 20px;
--gutter-xsmall: 5px;
--gutter-small: 10px;
--gutter-medium: 30px;
--gutter-large: 70px;
--gutter-xlarge: 100px;
}

.grid--medium {
margin-left: calc(var(--gutter-medium) * -1);
}
.grid--medium .grid__cell {
padding-left: var(--gutter-medium);
}

.grid--large {
margin-left: calc(var(--gutter-large) * -1);
}
.grid--large .grid__cell {
padding-left: var(--gutter-large);
}

.grid--xl {
margin-left: calc(var(--gutter-xlarge) * -1);
}
.grid--xl .grid__cell {
padding-left: var(--gutter-xlarge);
}

.grid--flush {
margin-left: 0;
}
.grid--flush .grid__flush {
padding-left: 0;
}

@media screen and (max-width: 800px) {
.grid--custom {
margin-left: calc(var(--gutter-xsmall) * -1);
}
.grid--custom .grid__cell {
padding-left: var(--gutter-xsmall);
}

.grid--large,
.grid--xl {
margin-left: calc(var(--gutter) * -1);
}
.grid--large .grid__cell,
.grid--xl .grid__cell {
padding-left: var(--gutter);
}
}


.Header .Link--primary { 
    font-family: 'Apalu', serif !important;
 }

.SectionHeader__Heading.SectionHeader__Heading
{
  font-family: 'Abhaya Libre', serif !important;
}

.Engagement__title {
    font-family: 'Abhaya Libre', serif !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    text-shadow: none !important;
    margin-bottom: 10px !important;
}

.Engagement__newsletter-form {
  min-height: 200px !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background-color: white !important;
  padding: 30px !important;
  box-sizing: border-box !important;
}

/*================ Containers ================*/


.container-small {
  max-width: 800px;
  width: 85%;
  margin: auto;
}

.container-medium {
  max-width: 1300px;
  width: 90%;
  margin: auto;
}

.container-large {
  max-width: 1600px;
  width: 95%;
  margin: auto;
}

.container-full {
  max-width: 100%;
  width:100%;
  font-size: 0;
}

/*================ Headings ================*/

.Page__Heading{
  font-family: $custom-font;
  font-weight: 500;
  line-height: 1.2;
}

/*================ Utilities ================*/


.relative{
   position: relative;
}

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

.ml-100{
  margin-left: 100px;
}

.flex{
  display: flex;
}

.flex--rev {
   flex-direction: row-reverse;
}

.flex--middle {
  align-items: center;
}

.flex--center{
  justify-content: center;
}

.desktop-only{
  display: block;
}

.mobile-only{
  display: none;
}


@include av-mq('phone') {
  .flex{
    flex-direction: column;
  }
  .ml-100{
    margin-left: 0;
  }
  .desktop-only{
    display: none;
  }
  .mobile-only{
    display: block;
  }
}



/*================ Morphologie page ================*/

.container-morphologie{
  width: 90%;
  max-width: 1000px;
  margin: auto;
  padding-top: 50px;
  padding-bottom: 80px;
}

.Page__Header{
  padding: 50px 0;
  position: relative;
}

.background-left {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 100%;
 
}


.Morphology__block{
   padding: 60px 0;
   position: relative;
   min-height: 400px;
}

.Morphology__content{
   padding: 40px;
   min-height: 325px;
    p{
      text-align: justify;
    }
}

.Morphology__title{
  font-family: 'Abhaya Libre', serif;
  font-weight: 700;
  margin: 0;
  font-size: 28px !important;
  margin-bottom: 10px;
}

.extra-padding-right{
  padding-right: 70px;
}

.extra-padding-left{
  padding-left: 70px;
}

.Morphology__image{
  margin-top: 50px;
  max-width: 400px;
}

.Morphologie__text-block{
  width: 70%;
  z-index: 1;
}

.Morphologie__image-block{
  z-index: 2;
}

.mr-40{
  margin-right: -40px;
}

.ml-40{
  margin-left: -40px;
}

@include av-mq('phone') {

  .section-morphologie .Page__section-title{
    font-size: 28px;
  }

  .section-morphologie .Page__Header{
    padding-bottom: 10px;
  }

  .Morphology__block{
     padding: 50px 0;
  }


  .Morphologie__text-block{
    width: 100%;
  }

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

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

  .Morphology__content{
     padding: 20px;
  }
  .mr-40{
    margin-right: 0;
  }

  .ml-40{
    margin-left: 0;
  }

  .Morphology__image{
    margin-top: 20px;
  }
}



/*================ Page Faqs ================*/
 .section-faqs {
	 background-color: floralwhite;
	 padding-top: 50px;
	 padding-bottom: 80px;
}
 .container-faqs {
	 max-width: 1100px;
	 margin: auto;
}
 .section-faqs .Page__section-title {
	 font-size: 40px;
}
 .PageFaqs {
	 background-color: white;
	 padding: 30px 50px;
}
 .Faq__Item {
	 color: --heading-color;
	 padding: 15px 10px;
	 border: 1px solid --heading-color;
}
 .Faq__Heading {
	 font-family: --custom-font;
	 font-weight: 700;
	 line-height: 1.1;
	 margin-top: 5px;
	 padding-bottom: 30px;
}
 .Faq__separator {
	 margin-top: 30px;
}
 .Faq__picto {
	 max-width: 30px;
	 margin: auto;
	 text-align: center;
}
 

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

  .section-faqs .Page__section-title{
    font-size: 28px;
  }

  .PageFaqs {
      padding: 20px;
  }
  .section-faqs {
    padding: 40px 0;
  }

}

/*================ Engagement  ================*/

.container-engagement {
	 width: 90%;
	 max-width: 1300px;
	 margin: auto;
	 padding-top: 50px;
}
 .ImageHero__Engagement {
	 position: absolute;
	/* flex-basis: 379px;
	 */
	 right: 10%;
	 text-align: left;
	 max-width: 400px;
}
 .Engagement__Heading {
	 margin: 60px auto;
}
 .Engagement__Heading-text {
	 padding: 40px;
	 width: 60%;
	 margin: 0 auto;
	 margin-top: 50px;
}
 .ImageHero__Engagement-title {
	 font-family: --custom-font;
	 font-weight: 700;
	 line-height: 1.1;
	 text-shadow: none;
	 font-size: 40px;
}
 .Engagement__background {
	 height: 100%;
	 width: 100%;
}
 .Engagements__blocks {
	 width: 80%;
	 max-width: 1100px;
	 margin: auto;
}
 .Engagement__block {
	 padding-bottom: 80px;
}
 .Engagement__content {
	 max-width: 100%;
}
 .Engagement__title {
	 font-family: --custom-font;
	 font-weight: 700;
	 line-height: 1.1;
	 text-shadow: none;
	 font-size: 40px;
	 margin-bottom: 10px;
}
 .Engagement__text {
	 line-height: 2.2;
	 text-align: justify;
	 font-size: initial;
}
 .Engagement__image {
	 max-width: 950%;
	 margin: auto;
}
 .Engagement__image img {
	 width: 100%;
}
 .Engagament__block-text, .Engagament__block-image {
	 width: 50%;
}
 .Engagement__newsletter {
	 padding-top: 60px;
	 padding-bottom: 100px;
}
 .Engagement__newsletter-form {
	 min-height: 200px;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 background-color: white;
	 padding: 30px;
}
 .Engagement__newsletter-image img {
	 width: 100%;
}
 .Newsletter__text {
	 font-family: --custom-font;
	 color: --heading-color;
	 font-weight: 700;
	 line-height: 1.1;
	 margin-bottom: 30px;
}
 .Newsletter__engagements .Button--Form {
	 background-color: #E58055;
	 color: white;
	 border: none;
	 margin: 0;
	 max-width: 150px;
	 text-transform: inherit;
	 font-weight: 700;
}
 .Newsletter__engagements .Form__Input {
	 background-color: --beige;
	 border: none;
	 color: --heading-color;
	 min-width: 200px;
	 width: 250px;
	 font-size: 14px;
}
 .Newsletter__engagements .Form__Input::placeholder {
	 color: inherit !important;
	 opacity: 1;
	 display: block;
	 font-size: 14px;
	 line-height: 20px;
}
 .Video__Engagements {
	 max-width: 100%;
	 position: relative;
	 padding-bottom: 56.25%;
	 height: 0;
	 overflow: hidden;
	 margin: auto;
	 min-height: 350px;
}
 .Video__poster {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 z-index: 3;
}
 .Button__Video {
	 width: 100px;
	 height: 100px;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%, -50%);
	 z-index: 4;
	 cursor: pointer;
	 background-size: cover;
	 opacity: 0.6;
}
 

@media screen and (max-width: 640px) {
	 .Engagements__blocks {
		 width: 100%;
	}
	 .ImageHero__Engagement-title {
		 font-size: 34px;
	}
	 .Engagement__title {
		 font-size: 30px;
		 max-width: 90%;
		 margin: auto;
	}
	 .Engagament__block-text, .Engagament__block-image {
		 width: 100%;
	}
	 .Engagement__content {
		 max-width: 100%;
		 padding: 30px 20px;
		 background-color: white;
	}
	 .Engagement__image {
		 max-width: 90%;
	}
	 .Video__Engagements {
		 max-width: 90%;
	}
	 .Newsletter__engagements .Form__Input {
		 width: 100%;
		 margin-bottom: 15px;
	}
	 .Newsletter__engagements .Button--Form {
		 max-width: 100%;
	}
	 .Engagement__newsletter {
		 min-height: 500px;
	}
	 .Engagement__newsletter-image {
		 width: 90%;
		 margin: auto;
		 min-height: 600px;
		 margin-bottom: 30px;
	}
	 .Engagement__newsletter-form {
		 width: 90%;
	}
}
 


//// faqs closing at a time ////
//// page-faq-template-new /////

.accordion-main {
 margin-bottom: 30px;
 border:1px solid black;
 padding: 20px;
}
.accordion-main:last-child .accordion_body {
	 padding-bottom: 0;
}
 .accordion_head {
	 cursor: pointer;
	 color: --heading-color;
	 font-weight: bold;
	 font-style: normal;
	 font-stretch: normal;
	 line-height: normal;
	 letter-spacing: normal;
	 position: relative;
}
 .accordion_head p {
	 max-width: 95%;
	 margin: 0;
	 line-height: 1.5;
}
 .accordion_body {
	 background: transparent;
	 margin-top: 15px;
	 max-width: 955;
}
 .accordion_body p {
	 margin: 0px;
	 color: --heading-color;
}
 .plusminus {
	 position: absolute;
	 color: --heading-color;
	 font-size: 25px;
	 right: 0;
	 top: -8px;
}
 .hr-clc {
	 height: 2px;
	 background: black;
	 margin-top: 18px;
	 width: 10px;
	 padding: 0;
	 border: 0;
	 margin-left: -12px;
}
 .Fournisseurs__header {
	 padding-top: 50px;
}
 .container-fournisseurs {
	 width: 90%;
	 max-width: 1300px;
	 margin: auto;
}
 .Fournisseurs__Heading-text {
	 max-width: 1000px;
	 margin: auto;
	 margin-top: 30px;
}
 .Fournisseurs__map {
	 padding-top: 10px;
	 padding-bottom: 50px;
}
 .Fournisseurs__map-heading {
	 padding-bottom: 30px;
}
 .Fournisseurs__image {
	 max-width: 1000px;
	 margin: auto;
}
 .Fournisseurs__image img {
	 width: 100%;
}
 .Fournisseur {
	 position: absolute;
	 text-align: center;
}
 .Fournisseur h5 {
	 margin: 0;
}
 .Fournisseur h6 {
	 margin: 0;
}
 .Fournisseur__flag img {
	 max-width: 30px;
	 width: 30px;
}
 


// MODAL Bootstrap
// Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.

:root {
  --zindex-dropdown: 1000;
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-modal-backdrop: 1040;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
  --zindex-tooltip: 1070;
  --zindex-close: 1080;
}

/* Modals */
/* Padding applied to the modal body */
:root {
  --modal-inner-padding: 5rem 3rem;
}

:root {
  --modal-dialog-margin: 0.5rem;
  --modal-dialog-margin-y-sm-up: 1.75rem;
}

:root {
  --modal-title-line-height: 1.5;
}

:root {
  --modal-content-bg: white;
  --modal-content-border-color: rgba(0, 0, 0, 0.2);
  --modal-content-border-width: 2px;
  --modal-content-box-shadow-xs: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
  --modal-content-box-shadow-sm-up: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
}

:root {
  --modal-backdrop-bg: black;
  --modal-backdrop-opacity: 0.5;
  --modal-header-border-color: grey;
  --modal-footer-border-color: grey;
  --modal-header-border-width: 2px;
  --modal-footer-border-width: 2px;
  --modal-header-padding: 1rem;
}

:root {
  --modal-lg: 800px;
  --modal-md: 500px;
  --modal-sm: 300px;
}

:root {
  --modal-transition: transform 0.3s ease-out;
}


.modal-open {
	 overflow: hidden;
}
 .modal {
	 position: fixed;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 z-index: 1050;
	 display: none;
	 overflow: hidden;
	 outline: 0;
}
 .modal-open .modal {
	 overflow-x: hidden;
	 overflow-y: auto;
}
 .modal-dialog {
	 position: relative;
	 width: auto;
	 margin: 40px;
	 pointer-events: none;
}
 .modal.fade .modal-dialog {
	 transform: translate(0, -25%);
}
 .modal.show .modal-dialog {
	 transform: translate(0, 0);
}
 .modal-dialog-centered {
	 display: flex;
	 align-items: center;
	 min-height: calc(100% - (0.5rem * 2));
}
 .modal-content {
	 position: relative;
	 display: flex;
	 flex-direction: column;
	 width: 70%;
	 pointer-events: auto;
	 background-color: white;
	 background-clip: padding-box;
	 outline: 0;
	 margin: auto;
	 min-height: 250px;
}
 .modal-backdrop {
	 position: fixed;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 z-index: 1040;
	 background-color: black;
}
 .modal-backdrop.fade {
	 opacity: 0;
}
 .modal-backdrop.show {
	 opacity: 0.5;
}
 .modal-header {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 padding: 1rem;
	 border-bottom: 2px solid grey;
}
 .modal-header .close {
	 padding: 1rem;
	 margin: -1rem -1rem -1rem auto;
}
 .modal-title {
	 margin-bottom: 0;
	 line-height: 1.5;
}
 .modal-body {
	 position: relative;
	 padding: 5rem 3rem;
}
 .modal-scrollbar-measure {
	 position: absolute;
	 top: -9999px;
	 width: 50px;
	 height: 50px;
	 overflow: scroll;
}
 .modal__close {
	 position: absolute;
	 right: 20px;
	 top: 0;
	 font-size: 40px;
	 z-index: 1080;
}
 .Modal__content p {
	 text-align: justify;
}
 .Modal__images img {
	 margin-bottom: 30px;
}
 @media (max-width: 1039px) {
	 .modal-content {
		 width: 80%;
	}
}
 @media (max-width: 800px) {
	 .modal-content {
		 width: 90%;
	}
}
 @media (max-width: 800px) {
	 .Fournisseurs__map-mobile {
		 margin-top: 30px;
	}
	 .Fournisseurs__map-mobile .accordion-main {
		 padding: 0;
		 padding-bottom: 15px;
		 border: 0;
		 border-bottom: 1px solid currentColor;
         margin-bottom: 30px;
	}
	 .Fournisseurs__map-mobile .accordion_head {
		 display: flex;
		 align-items: flex-end;
	}
	 .Fournisseurs__map-mobile .Fournisseur__flag {
		 margin-right: 10px;
	}
	 .Fournisseurs__map-mobile .accordion_body {
		 margin-top: 40px;
		 margin-bottom: 20px;
	}
	 .Fournisseurs__map-mobile .accordion_body h3 {
		 margin-bottom: 5px;
	}
	 .Fournisseurs__map-mobile .accordion_body p {
		 text-align: justify;
	}
	 .Fournisseurs__map-mobile .Fournisseurs__map-heading {
		 padding-bottom: 15px;
	}
	 .Fournisseurs__map-mobile .Fournisseur__image {
		 text-align: center;
		 margin-top: 30px;
	}
	 .Fournisseurs__map-mobile .map-mobile__image {
		 margin-bottom: 50px;
	}
}
 
 

/*---- footer ---------*/


.Footer__Newsletter{

  max-width: 300px;
  margin: auto;
}

.Newsletter__flex{
  display: flex;
}

.Form__Input{
  width: 60%;
  min-width: 180px;
  font-size: 14px;
}

.footer__logo{
  max-width: 120px;
  margin-bottom:20px;
}

.footer__mobile-logo{
  max-width: 150px;
  margin: 30px auto;
}

.Footer__Content{
  text-align: left;
}

.Button-newsletter{
  width: 40%;
  background-color: white;
  padding: 10px;
  color: $footer-background;
}

.footer-social{
  text-align: center;
  margin-bottom: 30px;
  .Icon{
    height: 1.8em;
    width: 1.8em;
  }
}

.footer__content-flex{
  display: flex;
  margin-bottom: 10px;
   svg{
     width: 20px;
     margin-right: 10px;
     fill: #3d3c38;
   }
}

.Footer__legal{
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.Footer__pictos{
   display: flex;
   justify-content: flex-start;
   margin-top: 15px;
    img{
      max-width: 40px;
      margin-right: 10px;
      width: 25px;
      height: 25px;
    }
}

@media (max-width: 800px) {
  .Footer__Newsletter{
    max-width: 350px;
  }

  .Footer__legal{
    flex-direction: column-reverse;
    justify-content: center;
  }
  .btn-mediakit{
    margin-bottom: 20px;
  }
}

///// mega menu //////

.MegaMenu__Item--menu{
  width: 20%;
}

.MegaMenu__Item--images{
  width: 70%;
}

.HorizontalList--spacingExtraLoose{
  .MainNav__menu{
    margin-right: 30px;
    margin-left: 30px;
  }
}

///// mega menu images //////

.Megamenu__images{
  width: 90%;
  margin: 20px auto;
  display: flex;
  justify-content: center;
  margin-bottom: 50px;

  div:not(:last-child){
    margin-right: 25px;
  }
  h4{
    margin-top: 10px;
  }
}

.Megamenu__image{
  max-width: 300px;
  text-align: left;
}

.Megamenu__images_link{
  position: absolute;
  right: 2%;
  bottom: -25px;
  text-align: right;
    a{

     }
}


/*---- homepage pictos ---------*/

.Pictos__background{
  padding: 60px 0;
}
  .picto__image{
    width: 110px;
    height: 110px;
    margin: auto;
    border-radius: 50%;

     img{
       width: 100%;
       max-width: 80px;
       position: absolute;
       top: 13px;
       left: 50%;
       transform: translate(-50%,0);
     }
  }

  .picto_block{
    text-align: center;

    h4{
      margin-top: 15px;
      margin-bottom: 0;
      font-weight: 700;
    }
  }


 @media (max-width: 800px) {

   .picto_block{
      display: flex;
      align-items: center;
      margin-bottom: 30px;
    }

    .picto__content{
      width: 65%;
    }
  }

  //// Text with image homepage ////


.Text_with_image_home{

  h2{
     line-height: 1.2em;
     margin-bottom: 10px;
  }

  p{
    max-width: 90%;
    margin-bottom: 20px;
  }
}

.Text_with_image_block{
  padding: 40px;
  background-color: white;

   img{
     width: 100%;
     margin-bottom: 15px;
   }
}

.Block__left{
  margin-top: 40px;
}

.Picto__lab{
  max-width: 60px;
  position: absolute;
  top: -30px;
  right: 22px;
}

 @media (max-width: 800px) {
  .Block__left{
    margin-top: 0;
  }

  .Text_with_image_block{
    padding: 20px;
  }
}


/// home cards ///
.container-cards{
  width: 70%;
  margin: auto;
}

@media (max-width: 800px) {
  .container-cards{
    width: 90%;
  }
}

.front__button{
  margin: auto;
  margin-top: 30px;
}

.Card__title{
  margin-bottom: 0;
  line-height: 1.2;
  @include Abhaya;
}

.HomeCards{
  *, *:after, *:before {
  box-sizing: border-box;
}

.cardContainer {
  position: relative;
  width: 100%;
  min-height: 350px;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.active {
  -webkit-transform: translateZ(0px) rotateY(180deg) !important;
          transform: translateZ(0px) rotateY(180deg) !important;

}
.active:after {
  display: none;
}

.card {
  display: inline-block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -moz-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.card:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  box-shadow: 0 14px 50px -4px rgba(0, 0, 0, 0.15);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1.4);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1.4);
}
.card:hover {
  -webkit-transform: translateZ(50px);
          transform: translateZ(50px);
}
.card:hover:after {
  opacity: 1;
}
.card .side {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
}
.card .front {
  z-index: 2;
}
.card .back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.card .info {
  padding: 20px;
  border: 1px solid currentColor;
  min-height: 350px;
  background-color: white;
}

.front .img {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 350px;
}

.back {
  position: relative;
}

}


 @media (max-width: 800px) {
  .front__button{
  margin-bottom: 30px;
  }
}

//// Homepage cards simple hover ////
.Home__Card{
  .Card {
    width: 100%;
    height: 400px;
    position: relative;
    background-size: cover;
    cursor: pointer;
    margin-top: 20px;
    }

  .overlay {
    width: 100%;
    height: 100%;
    padding: 40px;
    background: #fff;
    opacity: 0;
    transition: all 0.5s;
    // border: 1px solid currentColor;
  }

  .Card:hover .overlay {
    opacity: 1;
    & .head {
      transform: translateY(0px);
    }
  }
}

.Card__picto{
  max-width: 150px;
  position: absolute;
  top: 15%;
  right: -100px;
}


//// homepage background ////

.HomeCards__background{
  position: absolute;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 500px;
  margin-top: -130px;
  z-index: -1;
}

//// section articles ////

.ArticleItem__Title{
  font-weight: 500;
  line-height: 1.2;
}


//// PRODUCT PAGE ////


.Metafield__tabs{
   padding: 10px 0;
   text-align: left;
}
/* Style the tab */
.tab {
  overflow: hidden;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  margin-right: 15px;
  transition: 0.3s;
  font-size: 13px;
  font-weight: 600;
}

/* Change background color of buttons on hover */
.tab button:hover {

}

/* Create an active/current tablink class */
.tab button.active {
  text-decoration: underline;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 12px 0;
  border-top: none;
}

.tabcontent__active {
  display: block;
}



// PRODUCT SIZES POP-UP  //


#bg_pop_up{
   width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
   left: 0;
    z-index: -1;
}

.bg_black{
  background-color: black;
  opacity: .3;
}

.size-chart-pop-up {
  display: none;
  position: fixed;
  top: 130px;
  left: 20%;
  width: 60%;
  height: auto;
  background: white;
  z-index: 1050;
  padding: 30px;
  opacity: 1 !important;
}

.size-chart-pop-up > span {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 4%;
  color: grey;
  font-size: 40px;
  padding: 6px 0px 0px 9px;
  width: 30px;
  height: 30px;
  font-weight: normal;
}

.size-chart-image{
  width: 100%;
  margin: auto;
   img{
     width: 100%;
   }
}


/*---- testimonials ---------*/

.SectionTestimonials{
  min-height: 450px;
}

 .Testimonial__Content{
   line-height: 1.4em;
 }

.quote__before{
  position: absolute;
  top: 0;
  left: -20px;
}

.quote__after{
  position: absolute;
  bottom: 0;
  right: -10px;
}


.TestimonialList{

  .Carousel__Cell{
    top: 70px;
  }

  .flickity-page-dots{
    display: none;
  }

  .flickity-prev-next-button.previous {
    left: 15%;
    top: 50%;
  }

  .flickity-prev-next-button.next {
    right: 15%;
    top: 50%;
  }

  .flickity-prev-next-button {
     width: 40px;
     height: 40px;
     color: white;
     background-color: $red-meila;
     box-shadow: none;
  }
  .flickity-prev-next-button:not([aria-expanded="true"]):hover {
    color: white;
  }

}

.reviews__flex{
  max-width: 200px;
  margin: auto;
  text-align: center;
  margin-top: 40px;
}

.reviews__name{
   margin: 0;
   margin-top: 10px;
}

.reviews__stars{
   display: flex;
   justify-content: center;
     svg{
        fill: $red-meila;
        width: 18px;
        margin-right: 5px;
        margin-top: 10px;
     }
}

@media (max-width: 800px) {
   .TestimonialList{
      .flickity-prev-next-button {
        display: none;
      }
      .flickity-page-dots{
        display: block;

      }
   }
   .quote__before,
   .quote__after{
     width: 25px;
   }

}
/*---- blog ---------*/

.Blog{
  padding-bottom: 30px;

  .Link--primary:hover{
    color: #ababab;
  }
}

.Blog__title{
  font-size: 40px;
}

.Blog_background{
  background-color: $blog-background;
  padding-top: 30px;
}

.Blog__tags{
  color: $red-meila;
}

.is-active-tag{
  color: $red-meila;
  text-decoration: underline;
}

/*---- article item ---------*/

.ArticleItem__blog{
.ArticleItem{
  margin-top: 10px;
}

.ArticleItem__position{
  position: initial;
}

.article-item__box{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.article-item__image{
  width: 250px;
  margin: 0 auto;
  img{
    width: 100%;
  }
}

.ArticleItem__Content{
  width: 360px;
  margin: 0 auto;
  background-color: white;
  padding: 50px 20px;
  text-align: center;
  padding-top: 75px;
  margin-top: 200px;
}

.ArticleItem__border{
  border: 1px solid black;
}

.ArticleItem__Title{
  font-size: 24px;
  font-weight: 500;
}

.article-item__image {
    width: 250px;
    margin: 0 auto;
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
}

@media (max-width: 800px) {
  .ArticleItem__blog{
      .ArticleItem{
        margin-top: 0;
      }

      .Blog_background{
        margin-bottom: 0;
      }

      .OtherPosts__title{
        margin-bottom: 20px;
      }

      .ArticleItem__Content{
        width: 100%;
        margin-bottom: 50px;
        margin-top: 10px;
      }

      .article-item__box{
        position: relative;
      }

      .article-item__image{
        width: 300px;
      }
    }
}

.Article{
  background-color: $blog-background;
}


/*---- section blog posts---------*/
/*---- to use the same style of blog ---------*/

.Blogposts__background{
  padding: 80px 0;
}

.Section__Blog-posts{
   .ArticleList .Grid__Cell{
     margin-bottom: 0;
   }
}


/*---- retours 21/11/20 ---------*/

.Account__desktop {
	 margin-right: 20px;
	 font-weight: normal;
}
 .Button-collection-item {
	 position: absolute;
	 left: 50%;
	 transform: translate(-50%, 0);
	 bottom: 0;
	 min-width: 300px;
}
 .Newsletter .ImageHero__ContentOverlay {
	 text-shadow: none;
}
 .Newsletter__subtitle {
	 color: --blue-meila;
	 position: absolute;
	 left: 55%;
	 bottom: -35px;
	 font-size: 40px;
}
 

@include av-mq('phone') {
  .Newsletter{
    .Form__Input {
       width: 100%;
    }
  }
  .Account__desktop{
    margin-right: 5px;
    margin-top: 5px;
  }
}

.footer__text{
  max-width: 240px;
}

.ProductItem__metafield{
  margin-top: 10px;
  text-align: left;
}

.Engagement__label_message{
  position: absolute;
  bottom: -70px;
  right: 10%;
  padding: 30px;
  max-width: 200px;
}

.padding-0{
  padding: 0;
}

.article__metafields{
  margin: 50px 0;
}

.article__quote{
  margin: 20px auto;
  text-align: center;
}


/*---- Brodery ---------*/

.product-line-item-property{
  display: flex;
  flex-direction: column;
  max-width: 90%;
}

.product-line-item-input{
  width: 100%;
   max-width: 100%;
   height: 50px;
   padding: 20px;
   border: 1px solid #89979f;
   background-color: transparent;
}

.product-line-item-input::placeholder {
  font-style: italic;
  font-size: 1em;
}

.line-propery-max-characters{
    position: absolute;
    top: 10px;
    right: 0;
    background-color: white;
    padding: 5px 0px 5px 15px;
}

/*---- Gift card ---------*/
.Line-property-giftcard{
	margin-bottom:10px;
}

.ProductItem__ColorSwatchList {
    margin-top: 5px;
}

.ProductItem__ColorSwatchList {
    margin-top: 5px;
}

.ColorSwatch {
  	border: solid 1px; 
    color: grey;
}

/*---- Trustpilot ----*/
.trustpilot-widget {
    margin-top:20px;
    text-align:left;
}






.grid {
	 display: block;
	 list-style: none;
	 padding: 0;
	 margin: 0;
	 margin-left: -20px;
	 font-size: 0;
}
 .grid__cell {
	 box-sizing: border-box;
	 display: inline-block;
	 width: 100%;
	 padding: 0;
	 padding-left: 20px;
	 margin: 0;
	 vertical-align: top;
	 font-size: 1rem;
}
 .grid--center {
	 text-align: center;
}
 .grid--center > .grid__cell {
	 text-align: left;
}
 .grid__cell--center {
	 display: block;
	 margin: 0 auto;
}
 .grid--right {
	 text-align: right;
}
 .grid--right > .grid__cell {
	 text-align: left;
}
 .grid--middle > .grid__cell {
	 vertical-align: middle;
}
 .grid--bottom > .grid__cell {
	 vertical-align: bottom;
}
 .grid--flush {
	 margin-left: 0;
}
 .grid--flush > .grid__cell {
	 padding-left: 0;
}
 .grid--tiny {
	 margin-left: -5px;
}
 .grid--tiny > .grid__cell {
	 padding-left: 5px;
}
 .grid--small {
	 margin-left: -10px;
}
 .grid--small > .grid__cell {
	 padding-left: 10px;
}
 .grid--large {
	 margin-left: -40px;
}
 .grid--large > .grid__cell {
	 padding-left: 40px;
}
 .grid--huge {
	 margin-left: -80px;
}
 .grid--huge > .grid__cell {
	 padding-left: 80px;
}
 .grid--auto > .grid__cell {
	 width: auto;
}
 .grid--rev {
	 direction: rtl;
}
 .grid--rev > .grid__cell {
	 direction: ltr;
}
 .\31\/2, .\32\/4, .\33\/6, .\34\/8, .\35\/10, .\36\/12 {
	 width: 50%;
}
 .\31\/3, .\32\/6, .\33\/9, .\34\/12 {
	 width: 33.33333%;
}
 .\32\/3, .\34\/6, .\36\/9, .\38\/12 {
	 width: 66.66667%;
}
 .\31\/4, .\32\/8, .\33\/12 {
	 width: 25%;
}
 .\33\/4, .\36\/8, .\39\/12 {
	 width: 75%;
}
 .\31\/5, .\32\/10 {
	 width: 20%;
}
 .\32\/5, .\34\/10 {
	 width: 40%;
}
 .\33\/5, .\36\/10 {
	 width: 60%;
}
 .\34\/5, .\38\/10 {
	 width: 80%;
}
 .\31\/6, .\32\/12 {
	 width: 16.66667%;
}
 .\35\/6, .\31\30\/12 {
	 width: 83.33333%;
}
 .\31\/7 {
	 width: 14.28571%;
}
 .\32\/7 {
	 width: 28.57143%;
}
 .\33\/7 {
	 width: 42.85714%;
}
 .\34\/7 {
	 width: 57.14286%;
}
 .\35\/7 {
	 width: 71.42857%;
}
 .\36\/7 {
	 width: 85.71429%;
}
 .\31\/8 {
	 width: 12.5%;
}
 .\33\/8 {
	 width: 37.5%;
}
 .\35\/8 {
	 width: 62.5%;
}
 .\37\/8 {
	 width: 87.5%;
}
 .\31\/9 {
	 width: 11.11111%;
}
 .\32\/9 {
	 width: 22.22222%;
}
 .\34\/9 {
	 width: 44.44444%;
}
 .\35\/9 {
	 width: 55.55556%;
}
 .\37\/9 {
	 width: 77.77778%;
}
 .\38\/9 {
	 width: 88.88889%;
}
 .\31\/10 {
	 width: 10%;
}
 .\33\/10 {
	 width: 30%;
}
 .\37\/10 {
	 width: 70%;
}
 .\39\/10 {
	 width: 90%;
}
 .\31\/11 {
	 width: 9.09091%;
}
 .\32\/11 {
	 width: 18.18182%;
}
 .\33\/11 {
	 width: 27.27273%;
}
 .\34\/11 {
	 width: 36.36364%;
}
 .\35\/11 {
	 width: 45.45455%;
}
 .\36\/11 {
	 width: 54.54545%;
}
 .\37\/11 {
	 width: 63.63636%;
}
 .\38\/11 {
	 width: 72.72727%;
}
 .\39\/11 {
	 width: 81.81818%;
}
 .\31\30\/11 {
	 width: 90.90909%;
}
 .\31\/12 {
	 width: 8.33333%;
}
 .\35\/12 {
	 width: 41.66667%;
}
 .\37\/12 {
	 width: 58.33333%;
}
 .\31\31\/12 {
	 width: 91.66667%;
}
 @media screen and (max-width: 499px) {
	 .\31\/2--thumb, .\32\/4--thumb, .\33\/6--thumb, .\34\/8--thumb, .\35\/10--thumb, .\36\/12--thumb {
		 width: 50%;
	}
	 .\31\/3--thumb, .\32\/6--thumb, .\33\/9--thumb, .\34\/12--thumb {
		 width: 33.33333%;
	}
	 .\32\/3--thumb, .\34\/6--thumb, .\36\/9--thumb, .\38\/12--thumb {
		 width: 66.66667%;
	}
	 .\31\/4--thumb, .\32\/8--thumb, .\33\/12--thumb {
		 width: 25%;
	}
	 .\33\/4--thumb, .\36\/8--thumb, .\39\/12--thumb {
		 width: 75%;
	}
	 .\31\/5--thumb, .\32\/10--thumb {
		 width: 20%;
	}
	 .\32\/5--thumb, .\34\/10--thumb {
		 width: 40%;
	}
	 .\33\/5--thumb, .\36\/10--thumb {
		 width: 60%;
	}
	 .\34\/5--thumb, .\38\/10--thumb {
		 width: 80%;
	}
	 .\31\/6--thumb, .\32\/12--thumb {
		 width: 16.66667%;
	}
	 .\35\/6--thumb, .\31\30\/12--thumb {
		 width: 83.33333%;
	}
	 .\31\/7--thumb {
		 width: 14.28571%;
	}
	 .\32\/7--thumb {
		 width: 28.57143%;
	}
	 .\33\/7--thumb {
		 width: 42.85714%;
	}
	 .\34\/7--thumb {
		 width: 57.14286%;
	}
	 .\35\/7--thumb {
		 width: 71.42857%;
	}
	 .\36\/7--thumb {
		 width: 85.71429%;
	}
	 .\31\/8--thumb {
		 width: 12.5%;
	}
	 .\33\/8--thumb {
		 width: 37.5%;
	}
	 .\35\/8--thumb {
		 width: 62.5%;
	}
	 .\37\/8--thumb {
		 width: 87.5%;
	}
	 .\31\/9--thumb {
		 width: 11.11111%;
	}
	 .\32\/9--thumb {
		 width: 22.22222%;
	}
	 .\34\/9--thumb {
		 width: 44.44444%;
	}
	 .\35\/9--thumb {
		 width: 55.55556%;
	}
	 .\37\/9--thumb {
		 width: 77.77778%;
	}
	 .\38\/9--thumb {
		 width: 88.88889%;
	}
	 .\31\/10--thumb {
		 width: 10%;
	}
	 .\33\/10--thumb {
		 width: 30%;
	}
	 .\37\/10--thumb {
		 width: 70%;
	}
	 .\39\/10--thumb {
		 width: 90%;
	}
	 .\31\/11--thumb {
		 width: 9.09091%;
	}
	 .\32\/11--thumb {
		 width: 18.18182%;
	}
	 .\33\/11--thumb {
		 width: 27.27273%;
	}
	 .\34\/11--thumb {
		 width: 36.36364%;
	}
	 .\35\/11--thumb {
		 width: 45.45455%;
	}
	 .\36\/11--thumb {
		 width: 54.54545%;
	}
	 .\37\/11--thumb {
		 width: 63.63636%;
	}
	 .\38\/11--thumb {
		 width: 72.72727%;
	}
	 .\39\/11--thumb {
		 width: 81.81818%;
	}
	 .\31\30\/11--thumb {
		 width: 90.90909%;
	}
	 .\31\/12--thumb {
		 width: 8.33333%;
	}
	 .\35\/12--thumb {
		 width: 41.66667%;
	}
	 .\37\/12--thumb {
		 width: 58.33333%;
	}
	 .\31\31\/12--thumb {
		 width: 91.66667%;
	}
}
 @media screen and (min-width: 500px) and (max-width: 800px) {
	 .\31\/2--handheld, .\32\/4--handheld, .\33\/6--handheld, .\34\/8--handheld, .\35\/10--handheld, .\36\/12--handheld {
		 width: 50%;
	}
	 .\31\/3--handheld, .\32\/6--handheld, .\33\/9--handheld, .\34\/12--handheld {
		 width: 33.33333%;
	}
	 .\32\/3--handheld, .\34\/6--handheld, .\36\/9--handheld, .\38\/12--handheld {
		 width: 66.66667%;
	}
	 .\31\/4--handheld, .\32\/8--handheld, .\33\/12--handheld {
		 width: 25%;
	}
	 .\33\/4--handheld, .\36\/8--handheld, .\39\/12--handheld {
		 width: 75%;
	}
	 .\31\/5--handheld, .\32\/10--handheld {
		 width: 20%;
	}
	 .\32\/5--handheld, .\34\/10--handheld {
		 width: 40%;
	}
	 .\33\/5--handheld, .\36\/10--handheld {
		 width: 60%;
	}
	 .\34\/5--handheld, .\38\/10--handheld {
		 width: 80%;
	}
	 .\31\/6--handheld, .\32\/12--handheld {
		 width: 16.66667%;
	}
	 .\35\/6--handheld, .\31\30\/12--handheld {
		 width: 83.33333%;
	}
	 .\31\/7--handheld {
		 width: 14.28571%;
	}
	 .\32\/7--handheld {
		 width: 28.57143%;
	}
	 .\33\/7--handheld {
		 width: 42.85714%;
	}
	 .\34\/7--handheld {
		 width: 57.14286%;
	}
	 .\35\/7--handheld {
		 width: 71.42857%;
	}
	 .\36\/7--handheld {
		 width: 85.71429%;
	}
	 .\31\/8--handheld {
		 width: 12.5%;
	}
	 .\33\/8--handheld {
		 width: 37.5%;
	}
	 .\35\/8--handheld {
		 width: 62.5%;
	}
	 .\37\/8--handheld {
		 width: 87.5%;
	}
	 .\31\/9--handheld {
		 width: 11.11111%;
	}
	 .\32\/9--handheld {
		 width: 22.22222%;
	}
	 .\34\/9--handheld {
		 width: 44.44444%;
	}
	 .\35\/9--handheld {
		 width: 55.55556%;
	}
	 .\37\/9--handheld {
		 width: 77.77778%;
	}
	 .\38\/9--handheld {
		 width: 88.88889%;
	}
	 .\31\/10--handheld {
		 width: 10%;
	}
	 .\33\/10--handheld {
		 width: 30%;
	}
	 .\37\/10--handheld {
		 width: 70%;
	}
	 .\39\/10--handheld {
		 width: 90%;
	}
	 .\31\/11--handheld {
		 width: 9.09091%;
	}
	 .\32\/11--handheld {
		 width: 18.18182%;
	}
	 .\33\/11--handheld {
		 width: 27.27273%;
	}
	 .\34\/11--handheld {
		 width: 36.36364%;
	}
	 .\35\/11--handheld {
		 width: 45.45455%;
	}
	 .\36\/11--handheld {
		 width: 54.54545%;
	}
	 .\37\/11--handheld {
		 width: 63.63636%;
	}
	 .\38\/11--handheld {
		 width: 72.72727%;
	}
	 .\39\/11--handheld {
		 width: 81.81818%;
	}
	 .\31\30\/11--handheld {
		 width: 90.90909%;
	}
	 .\31\/12--handheld {
		 width: 8.33333%;
	}
	 .\35\/12--handheld {
		 width: 41.66667%;
	}
	 .\37\/12--handheld {
		 width: 58.33333%;
	}
	 .\31\31\/12--handheld {
		 width: 91.66667%;
	}
}
 @media screen and (min-width: 500px) {
	 .\31\/2--handheld-and-up, .\32\/4--handheld-and-up, .\33\/6--handheld-and-up, .\34\/8--handheld-and-up, .\35\/10--handheld-and-up, .\36\/12--handheld-and-up {
		 width: 50%;
	}
	 .\31\/3--handheld-and-up, .\32\/6--handheld-and-up, .\33\/9--handheld-and-up, .\34\/12--handheld-and-up {
		 width: 33.33333%;
	}
	 .\32\/3--handheld-and-up, .\34\/6--handheld-and-up, .\36\/9--handheld-and-up, .\38\/12--handheld-and-up {
		 width: 66.66667%;
	}
	 .\31\/4--handheld-and-up, .\32\/8--handheld-and-up, .\33\/12--handheld-and-up {
		 width: 25%;
	}
	 .\33\/4--handheld-and-up, .\36\/8--handheld-and-up, .\39\/12--handheld-and-up {
		 width: 75%;
	}
	 .\31\/5--handheld-and-up, .\32\/10--handheld-and-up {
		 width: 20%;
	}
	 .\32\/5--handheld-and-up, .\34\/10--handheld-and-up {
		 width: 40%;
	}
	 .\33\/5--handheld-and-up, .\36\/10--handheld-and-up {
		 width: 60%;
	}
	 .\34\/5--handheld-and-up, .\38\/10--handheld-and-up {
		 width: 80%;
	}
	 .\31\/6--handheld-and-up, .\32\/12--handheld-and-up {
		 width: 16.66667%;
	}
	 .\35\/6--handheld-and-up, .\31\30\/12--handheld-and-up {
		 width: 83.33333%;
	}
	 .\31\/7--handheld-and-up {
		 width: 14.28571%;
	}
	 .\32\/7--handheld-and-up {
		 width: 28.57143%;
	}
	 .\33\/7--handheld-and-up {
		 width: 42.85714%;
	}
	 .\34\/7--handheld-and-up {
		 width: 57.14286%;
	}
	 .\35\/7--handheld-and-up {
		 width: 71.42857%;
	}
	 .\36\/7--handheld-and-up {
		 width: 85.71429%;
	}
	 .\31\/8--handheld-and-up {
		 width: 12.5%;
	}
	 .\33\/8--handheld-and-up {
		 width: 37.5%;
	}
	 .\35\/8--handheld-and-up {
		 width: 62.5%;
	}
	 .\37\/8--handheld-and-up {
		 width: 87.5%;
	}
	 .\31\/9--handheld-and-up {
		 width: 11.11111%;
	}
	 .\32\/9--handheld-and-up {
		 width: 22.22222%;
	}
	 .\34\/9--handheld-and-up {
		 width: 44.44444%;
	}
	 .\35\/9--handheld-and-up {
		 width: 55.55556%;
	}
	 .\37\/9--handheld-and-up {
		 width: 77.77778%;
	}
	 .\38\/9--handheld-and-up {
		 width: 88.88889%;
	}
	 .\31\/10--handheld-and-up {
		 width: 10%;
	}
	 .\33\/10--handheld-and-up {
		 width: 30%;
	}
	 .\37\/10--handheld-and-up {
		 width: 70%;
	}
	 .\39\/10--handheld-and-up {
		 width: 90%;
	}
	 .\31\/11--handheld-and-up {
		 width: 9.09091%;
	}
	 .\32\/11--handheld-and-up {
		 width: 18.18182%;
	}
	 .\33\/11--handheld-and-up {
		 width: 27.27273%;
	}
	 .\34\/11--handheld-and-up {
		 width: 36.36364%;
	}
	 .\35\/11--handheld-and-up {
		 width: 45.45455%;
	}
	 .\36\/11--handheld-and-up {
		 width: 54.54545%;
	}
	 .\37\/11--handheld-and-up {
		 width: 63.63636%;
	}
	 .\38\/11--handheld-and-up {
		 width: 72.72727%;
	}
	 .\39\/11--handheld-and-up {
		 width: 81.81818%;
	}
	 .\31\30\/11--handheld-and-up {
		 width: 90.90909%;
	}
	 .\31\/12--handheld-and-up {
		 width: 8.33333%;
	}
	 .\35\/12--handheld-and-up {
		 width: 41.66667%;
	}
	 .\37\/12--handheld-and-up {
		 width: 58.33333%;
	}
	 .\31\31\/12--handheld-and-up {
		 width: 91.66667%;
	}
}
 @media screen and (max-width: 800px) {
	 .\31\/2--pocket, .\32\/4--pocket, .\33\/6--pocket, .\34\/8--pocket, .\35\/10--pocket, .\36\/12--pocket {
		 width: 50%;
	}
	 .\31\/3--pocket, .\32\/6--pocket, .\33\/9--pocket, .\34\/12--pocket {
		 width: 33.33333%;
	}
	 .\32\/3--pocket, .\34\/6--pocket, .\36\/9--pocket, .\38\/12--pocket {
		 width: 66.66667%;
	}
	 .\31\/4--pocket, .\32\/8--pocket, .\33\/12--pocket {
		 width: 25%;
	}
	 .\33\/4--pocket, .\36\/8--pocket, .\39\/12--pocket {
		 width: 75%;
	}
	 .\31\/5--pocket, .\32\/10--pocket {
		 width: 20%;
	}
	 .\32\/5--pocket, .\34\/10--pocket {
		 width: 40%;
	}
	 .\33\/5--pocket, .\36\/10--pocket {
		 width: 60%;
	}
	 .\34\/5--pocket, .\38\/10--pocket {
		 width: 80%;
	}
	 .\31\/6--pocket, .\32\/12--pocket {
		 width: 16.66667%;
	}
	 .\35\/6--pocket, .\31\30\/12--pocket {
		 width: 83.33333%;
	}
	 .\31\/7--pocket {
		 width: 14.28571%;
	}
	 .\32\/7--pocket {
		 width: 28.57143%;
	}
	 .\33\/7--pocket {
		 width: 42.85714%;
	}
	 .\34\/7--pocket {
		 width: 57.14286%;
	}
	 .\35\/7--pocket {
		 width: 71.42857%;
	}
	 .\36\/7--pocket {
		 width: 85.71429%;
	}
	 .\31\/8--pocket {
		 width: 12.5%;
	}
	 .\33\/8--pocket {
		 width: 37.5%;
	}
	 .\35\/8--pocket {
		 width: 62.5%;
	}
	 .\37\/8--pocket {
		 width: 87.5%;
	}
	 .\31\/9--pocket {
		 width: 11.11111%;
	}
	 .\32\/9--pocket {
		 width: 22.22222%;
	}
	 .\34\/9--pocket {
		 width: 44.44444%;
	}
	 .\35\/9--pocket {
		 width: 55.55556%;
	}
	 .\37\/9--pocket {
		 width: 77.77778%;
	}
	 .\38\/9--pocket {
		 width: 88.88889%;
	}
	 .\31\/10--pocket {
		 width: 10%;
	}
	 .\33\/10--pocket {
		 width: 30%;
	}
	 .\37\/10--pocket {
		 width: 70%;
	}
	 .\39\/10--pocket {
		 width: 90%;
	}
	 .\31\/11--pocket {
		 width: 9.09091%;
	}
	 .\32\/11--pocket {
		 width: 18.18182%;
	}
	 .\33\/11--pocket {
		 width: 27.27273%;
	}
	 .\34\/11--pocket {
		 width: 36.36364%;
	}
	 .\35\/11--pocket {
		 width: 45.45455%;
	}
	 .\36\/11--pocket {
		 width: 54.54545%;
	}
	 .\37\/11--pocket {
		 width: 63.63636%;
	}
	 .\38\/11--pocket {
		 width: 72.72727%;
	}
	 .\39\/11--pocket {
		 width: 81.81818%;
	}
	 .\31\30\/11--pocket {
		 width: 90.90909%;
	}
	 .\31\/12--pocket {
		 width: 8.33333%;
	}
	 .\35\/12--pocket {
		 width: 41.66667%;
	}
	 .\37\/12--pocket {
		 width: 58.33333%;
	}
	 .\31\31\/12--pocket {
		 width: 91.66667%;
	}
}
 @media screen and (min-width: 801px) and (max-width: 1024px) {
	 .\31\/2--lap, .\32\/4--lap, .\33\/6--lap, .\34\/8--lap, .\35\/10--lap, .\36\/12--lap {
		 width: 50%;
	}
	 .\31\/3--lap, .\32\/6--lap, .\33\/9--lap, .\34\/12--lap {
		 width: 33.33333%;
	}
	 .\32\/3--lap, .\34\/6--lap, .\36\/9--lap, .\38\/12--lap {
		 width: 66.66667%;
	}
	 .\31\/4--lap, .\32\/8--lap, .\33\/12--lap {
		 width: 25%;
	}
	 .\33\/4--lap, .\36\/8--lap, .\39\/12--lap {
		 width: 75%;
	}
	 .\31\/5--lap, .\32\/10--lap {
		 width: 20%;
	}
	 .\32\/5--lap, .\34\/10--lap {
		 width: 40%;
	}
	 .\33\/5--lap, .\36\/10--lap {
		 width: 60%;
	}
	 .\34\/5--lap, .\38\/10--lap {
		 width: 80%;
	}
	 .\31\/6--lap, .\32\/12--lap {
		 width: 16.66667%;
	}
	 .\35\/6--lap, .\31\30\/12--lap {
		 width: 83.33333%;
	}
	 .\31\/7--lap {
		 width: 14.28571%;
	}
	 .\32\/7--lap {
		 width: 28.57143%;
	}
	 .\33\/7--lap {
		 width: 42.85714%;
	}
	 .\34\/7--lap {
		 width: 57.14286%;
	}
	 .\35\/7--lap {
		 width: 71.42857%;
	}
	 .\36\/7--lap {
		 width: 85.71429%;
	}
	 .\31\/8--lap {
		 width: 12.5%;
	}
	 .\33\/8--lap {
		 width: 37.5%;
	}
	 .\35\/8--lap {
		 width: 62.5%;
	}
	 .\37\/8--lap {
		 width: 87.5%;
	}
	 .\31\/9--lap {
		 width: 11.11111%;
	}
	 .\32\/9--lap {
		 width: 22.22222%;
	}
	 .\34\/9--lap {
		 width: 44.44444%;
	}
	 .\35\/9--lap {
		 width: 55.55556%;
	}
	 .\37\/9--lap {
		 width: 77.77778%;
	}
	 .\38\/9--lap {
		 width: 88.88889%;
	}
	 .\31\/10--lap {
		 width: 10%;
	}
	 .\33\/10--lap {
		 width: 30%;
	}
	 .\37\/10--lap {
		 width: 70%;
	}
	 .\39\/10--lap {
		 width: 90%;
	}
	 .\31\/11--lap {
		 width: 9.09091%;
	}
	 .\32\/11--lap {
		 width: 18.18182%;
	}
	 .\33\/11--lap {
		 width: 27.27273%;
	}
	 .\34\/11--lap {
		 width: 36.36364%;
	}
	 .\35\/11--lap {
		 width: 45.45455%;
	}
	 .\36\/11--lap {
		 width: 54.54545%;
	}
	 .\37\/11--lap {
		 width: 63.63636%;
	}
	 .\38\/11--lap {
		 width: 72.72727%;
	}
	 .\39\/11--lap {
		 width: 81.81818%;
	}
	 .\31\30\/11--lap {
		 width: 90.90909%;
	}
	 .\31\/12--lap {
		 width: 8.33333%;
	}
	 .\35\/12--lap {
		 width: 41.66667%;
	}
	 .\37\/12--lap {
		 width: 58.33333%;
	}
	 .\31\31\/12--lap {
		 width: 91.66667%;
	}
}
 @media screen and (min-width: 801px) {
	 .\31\/2--lap-and-up, .\32\/4--lap-and-up, .\33\/6--lap-and-up, .\34\/8--lap-and-up, .\35\/10--lap-and-up, .\36\/12--lap-and-up {
		 width: 50%;
	}
	 .\31\/3--lap-and-up, .\32\/6--lap-and-up, .\33\/9--lap-and-up, .\34\/12--lap-and-up {
		 width: 33.33333%;
	}
	 .\32\/3--lap-and-up, .\34\/6--lap-and-up, .\36\/9--lap-and-up, .\38\/12--lap-and-up {
		 width: 66.66667%;
	}
	 .\31\/4--lap-and-up, .\32\/8--lap-and-up, .\33\/12--lap-and-up {
		 width: 25%;
	}
	 .\33\/4--lap-and-up, .\36\/8--lap-and-up, .\39\/12--lap-and-up {
		 width: 75%;
	}
	 .\31\/5--lap-and-up, .\32\/10--lap-and-up {
		 width: 20%;
	}
	 .\32\/5--lap-and-up, .\34\/10--lap-and-up {
		 width: 40%;
	}
	 .\33\/5--lap-and-up, .\36\/10--lap-and-up {
		 width: 60%;
	}
	 .\34\/5--lap-and-up, .\38\/10--lap-and-up {
		 width: 80%;
	}
	 .\31\/6--lap-and-up, .\32\/12--lap-and-up {
		 width: 16.66667%;
	}
	 .\35\/6--lap-and-up, .\31\30\/12--lap-and-up {
		 width: 83.33333%;
	}
	 .\31\/7--lap-and-up {
		 width: 14.28571%;
	}
	 .\32\/7--lap-and-up {
		 width: 28.57143%;
	}
	 .\33\/7--lap-and-up {
		 width: 42.85714%;
	}
	 .\34\/7--lap-and-up {
		 width: 57.14286%;
	}
	 .\35\/7--lap-and-up {
		 width: 71.42857%;
	}
	 .\36\/7--lap-and-up {
		 width: 85.71429%;
	}
	 .\31\/8--lap-and-up {
		 width: 12.5%;
	}
	 .\33\/8--lap-and-up {
		 width: 37.5%;
	}
	 .\35\/8--lap-and-up {
		 width: 62.5%;
	}
	 .\37\/8--lap-and-up {
		 width: 87.5%;
	}
	 .\31\/9--lap-and-up {
		 width: 11.11111%;
	}
	 .\32\/9--lap-and-up {
		 width: 22.22222%;
	}
	 .\34\/9--lap-and-up {
		 width: 44.44444%;
	}
	 .\35\/9--lap-and-up {
		 width: 55.55556%;
	}
	 .\37\/9--lap-and-up {
		 width: 77.77778%;
	}
	 .\38\/9--lap-and-up {
		 width: 88.88889%;
	}
	 .\31\/10--lap-and-up {
		 width: 10%;
	}
	 .\33\/10--lap-and-up {
		 width: 30%;
	}
	 .\37\/10--lap-and-up {
		 width: 70%;
	}
	 .\39\/10--lap-and-up {
		 width: 90%;
	}
	 .\31\/11--lap-and-up {
		 width: 9.09091%;
	}
	 .\32\/11--lap-and-up {
		 width: 18.18182%;
	}
	 .\33\/11--lap-and-up {
		 width: 27.27273%;
	}
	 .\34\/11--lap-and-up {
		 width: 36.36364%;
	}
	 .\35\/11--lap-and-up {
		 width: 45.45455%;
	}
	 .\36\/11--lap-and-up {
		 width: 54.54545%;
	}
	 .\37\/11--lap-and-up {
		 width: 63.63636%;
	}
	 .\38\/11--lap-and-up {
		 width: 72.72727%;
	}
	 .\39\/11--lap-and-up {
		 width: 81.81818%;
	}
	 .\31\30\/11--lap-and-up {
		 width: 90.90909%;
	}
	 .\31\/12--lap-and-up {
		 width: 8.33333%;
	}
	 .\35\/12--lap-and-up {
		 width: 41.66667%;
	}
	 .\37\/12--lap-and-up {
		 width: 58.33333%;
	}
	 .\31\31\/12--lap-and-up {
		 width: 91.66667%;
	}
}
 @media screen and (max-width: 1024px) {
	 .\31\/2--portable, .\32\/4--portable, .\33\/6--portable, .\34\/8--portable, .\35\/10--portable, .\36\/12--portable {
		 width: 50%;
	}
	 .\31\/3--portable, .\32\/6--portable, .\33\/9--portable, .\34\/12--portable {
		 width: 33.33333%;
	}
	 .\32\/3--portable, .\34\/6--portable, .\36\/9--portable, .\38\/12--portable {
		 width: 66.66667%;
	}
	 .\31\/4--portable, .\32\/8--portable, .\33\/12--portable {
		 width: 25%;
	}
	 .\33\/4--portable, .\36\/8--portable, .\39\/12--portable {
		 width: 75%;
	}
	 .\31\/5--portable, .\32\/10--portable {
		 width: 20%;
	}
	 .\32\/5--portable, .\34\/10--portable {
		 width: 40%;
	}
	 .\33\/5--portable, .\36\/10--portable {
		 width: 60%;
	}
	 .\34\/5--portable, .\38\/10--portable {
		 width: 80%;
	}
	 .\31\/6--portable, .\32\/12--portable {
		 width: 16.66667%;
	}
	 .\35\/6--portable, .\31\30\/12--portable {
		 width: 83.33333%;
	}
	 .\31\/7--portable {
		 width: 14.28571%;
	}
	 .\32\/7--portable {
		 width: 28.57143%;
	}
	 .\33\/7--portable {
		 width: 42.85714%;
	}
	 .\34\/7--portable {
		 width: 57.14286%;
	}
	 .\35\/7--portable {
		 width: 71.42857%;
	}
	 .\36\/7--portable {
		 width: 85.71429%;
	}
	 .\31\/8--portable {
		 width: 12.5%;
	}
	 .\33\/8--portable {
		 width: 37.5%;
	}
	 .\35\/8--portable {
		 width: 62.5%;
	}
	 .\37\/8--portable {
		 width: 87.5%;
	}
	 .\31\/9--portable {
		 width: 11.11111%;
	}
	 .\32\/9--portable {
		 width: 22.22222%;
	}
	 .\34\/9--portable {
		 width: 44.44444%;
	}
	 .\35\/9--portable {
		 width: 55.55556%;
	}
	 .\37\/9--portable {
		 width: 77.77778%;
	}
	 .\38\/9--portable {
		 width: 88.88889%;
	}
	 .\31\/10--portable {
		 width: 10%;
	}
	 .\33\/10--portable {
		 width: 30%;
	}
	 .\37\/10--portable {
		 width: 70%;
	}
	 .\39\/10--portable {
		 width: 90%;
	}
	 .\31\/11--portable {
		 width: 9.09091%;
	}
	 .\32\/11--portable {
		 width: 18.18182%;
	}
	 .\33\/11--portable {
		 width: 27.27273%;
	}
	 .\34\/11--portable {
		 width: 36.36364%;
	}
	 .\35\/11--portable {
		 width: 45.45455%;
	}
	 .\36\/11--portable {
		 width: 54.54545%;
	}
	 .\37\/11--portable {
		 width: 63.63636%;
	}
	 .\38\/11--portable {
		 width: 72.72727%;
	}
	 .\39\/11--portable {
		 width: 81.81818%;
	}
	 .\31\30\/11--portable {
		 width: 90.90909%;
	}
	 .\31\/12--portable {
		 width: 8.33333%;
	}
	 .\35\/12--portable {
		 width: 41.66667%;
	}
	 .\37\/12--portable {
		 width: 58.33333%;
	}
	 .\31\31\/12--portable {
		 width: 91.66667%;
	}
}
 @media screen and (min-width: 1025px) {
	 .\31\/2--desk, .\32\/4--desk, .\33\/6--desk, .\34\/8--desk, .\35\/10--desk, .\36\/12--desk {
		 width: 50%;
	}
	 .\31\/3--desk, .\32\/6--desk, .\33\/9--desk, .\34\/12--desk {
		 width: 33.33333%;
	}
	 .\32\/3--desk, .\34\/6--desk, .\36\/9--desk, .\38\/12--desk {
		 width: 66.66667%;
	}
	 .\31\/4--desk, .\32\/8--desk, .\33\/12--desk {
		 width: 25%;
	}
	 .\33\/4--desk, .\36\/8--desk, .\39\/12--desk {
		 width: 75%;
	}
	 .\31\/5--desk, .\32\/10--desk {
		 width: 20%;
	}
	 .\32\/5--desk, .\34\/10--desk {
		 width: 40%;
	}
	 .\33\/5--desk, .\36\/10--desk {
		 width: 60%;
	}
	 .\34\/5--desk, .\38\/10--desk {
		 width: 80%;
	}
	 .\31\/6--desk, .\32\/12--desk {
		 width: 16.66667%;
	}
	 .\35\/6--desk, .\31\30\/12--desk {
		 width: 83.33333%;
	}
	 .\31\/7--desk {
		 width: 14.28571%;
	}
	 .\32\/7--desk {
		 width: 28.57143%;
	}
	 .\33\/7--desk {
		 width: 42.85714%;
	}
	 .\34\/7--desk {
		 width: 57.14286%;
	}
	 .\35\/7--desk {
		 width: 71.42857%;
	}
	 .\36\/7--desk {
		 width: 85.71429%;
	}
	 .\31\/8--desk {
		 width: 12.5%;
	}
	 .\33\/8--desk {
		 width: 37.5%;
	}
	 .\35\/8--desk {
		 width: 62.5%;
	}
	 .\37\/8--desk {
		 width: 87.5%;
	}
	 .\31\/9--desk {
		 width: 11.11111%;
	}
	 .\32\/9--desk {
		 width: 22.22222%;
	}
	 .\34\/9--desk {
		 width: 44.44444%;
	}
	 .\35\/9--desk {
		 width: 55.55556%;
	}
	 .\37\/9--desk {
		 width: 77.77778%;
	}
	 .\38\/9--desk {
		 width: 88.88889%;
	}
	 .\31\/10--desk {
		 width: 10%;
	}
	 .\33\/10--desk {
		 width: 30%;
	}
	 .\37\/10--desk {
		 width: 70%;
	}
	 .\39\/10--desk {
		 width: 90%;
	}
	 .\31\/11--desk {
		 width: 9.09091%;
	}
	 .\32\/11--desk {
		 width: 18.18182%;
	}
	 .\33\/11--desk {
		 width: 27.27273%;
	}
	 .\34\/11--desk {
		 width: 36.36364%;
	}
	 .\35\/11--desk {
		 width: 45.45455%;
	}
	 .\36\/11--desk {
		 width: 54.54545%;
	}
	 .\37\/11--desk {
		 width: 63.63636%;
	}
	 .\38\/11--desk {
		 width: 72.72727%;
	}
	 .\39\/11--desk {
		 width: 81.81818%;
	}
	 .\31\30\/11--desk {
		 width: 90.90909%;
	}
	 .\31\/12--desk {
		 width: 8.33333%;
	}
	 .\35\/12--desk {
		 width: 41.66667%;
	}
	 .\37\/12--desk {
		 width: 58.33333%;
	}
	 .\31\31\/12--desk {
		 width: 91.66667%;
	}
}
 @media screen and (min-width: 1160px) {
	 .\31\/2--widescreen, .\32\/4--widescreen, .\33\/6--widescreen, .\34\/8--widescreen, .\35\/10--widescreen, .\36\/12--widescreen {
		 width: 50%;
	}
	 .\31\/3--widescreen, .\32\/6--widescreen, .\33\/9--widescreen, .\34\/12--widescreen {
		 width: 33.33333%;
	}
	 .\32\/3--widescreen, .\34\/6--widescreen, .\36\/9--widescreen, .\38\/12--widescreen {
		 width: 66.66667%;
	}
	 .\31\/4--widescreen, .\32\/8--widescreen, .\33\/12--widescreen {
		 width: 25%;
	}
	 .\33\/4--widescreen, .\36\/8--widescreen, .\39\/12--widescreen {
		 width: 75%;
	}
	 .\31\/5--widescreen, .\32\/10--widescreen {
		 width: 20%;
	}
	 .\32\/5--widescreen, .\34\/10--widescreen {
		 width: 40%;
	}
	 .\33\/5--widescreen, .\36\/10--widescreen {
		 width: 60%;
	}
	 .\34\/5--widescreen, .\38\/10--widescreen {
		 width: 80%;
	}
	 .\31\/6--widescreen, .\32\/12--widescreen {
		 width: 16.66667%;
	}
	 .\35\/6--widescreen, .\31\30\/12--widescreen {
		 width: 83.33333%;
	}
	 .\31\/7--widescreen {
		 width: 14.28571%;
	}
	 .\32\/7--widescreen {
		 width: 28.57143%;
	}
	 .\33\/7--widescreen {
		 width: 42.85714%;
	}
	 .\34\/7--widescreen {
		 width: 57.14286%;
	}
	 .\35\/7--widescreen {
		 width: 71.42857%;
	}
	 .\36\/7--widescreen {
		 width: 85.71429%;
	}
	 .\31\/8--widescreen {
		 width: 12.5%;
	}
	 .\33\/8--widescreen {
		 width: 37.5%;
	}
	 .\35\/8--widescreen {
		 width: 62.5%;
	}
	 .\37\/8--widescreen {
		 width: 87.5%;
	}
	 .\31\/9--widescreen {
		 width: 11.11111%;
	}
	 .\32\/9--widescreen {
		 width: 22.22222%;
	}
	 .\34\/9--widescreen {
		 width: 44.44444%;
	}
	 .\35\/9--widescreen {
		 width: 55.55556%;
	}
	 .\37\/9--widescreen {
		 width: 77.77778%;
	}
	 .\38\/9--widescreen {
		 width: 88.88889%;
	}
	 .\31\/10--widescreen {
		 width: 10%;
	}
	 .\33\/10--widescreen {
		 width: 30%;
	}
	 .\37\/10--widescreen {
		 width: 70%;
	}
	 .\39\/10--widescreen {
		 width: 90%;
	}
	 .\31\/11--widescreen {
		 width: 9.09091%;
	}
	 .\32\/11--widescreen {
		 width: 18.18182%;
	}
	 .\33\/11--widescreen {
		 width: 27.27273%;
	}
	 .\34\/11--widescreen {
		 width: 36.36364%;
	}
	 .\35\/11--widescreen {
		 width: 45.45455%;
	}
	 .\36\/11--widescreen {
		 width: 54.54545%;
	}
	 .\37\/11--widescreen {
		 width: 63.63636%;
	}
	 .\38\/11--widescreen {
		 width: 72.72727%;
	}
	 .\39\/11--widescreen {
		 width: 81.81818%;
	}
	 .\31\30\/11--widescreen {
		 width: 90.90909%;
	}
	 .\31\/12--widescreen {
		 width: 8.33333%;
	}
	 .\35\/12--widescreen {
		 width: 41.66667%;
	}
	 .\37\/12--widescreen {
		 width: 58.33333%;
	}
	 .\31\31\/12--widescreen {
		 width: 91.66667%;
	}
}
 @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
	 .\31\/2--retina, .\32\/4--retina, .\33\/6--retina, .\34\/8--retina, .\35\/10--retina, .\36\/12--retina {
		 width: 50%;
	}
	 .\31\/3--retina, .\32\/6--retina, .\33\/9--retina, .\34\/12--retina {
		 width: 33.33333%;
	}
	 .\32\/3--retina, .\34\/6--retina, .\36\/9--retina, .\38\/12--retina {
		 width: 66.66667%;
	}
	 .\31\/4--retina, .\32\/8--retina, .\33\/12--retina {
		 width: 25%;
	}
	 .\33\/4--retina, .\36\/8--retina, .\39\/12--retina {
		 width: 75%;
	}
	 .\31\/5--retina, .\32\/10--retina {
		 width: 20%;
	}
	 .\32\/5--retina, .\34\/10--retina {
		 width: 40%;
	}
	 .\33\/5--retina, .\36\/10--retina {
		 width: 60%;
	}
	 .\34\/5--retina, .\38\/10--retina {
		 width: 80%;
	}
	 .\31\/6--retina, .\32\/12--retina {
		 width: 16.66667%;
	}
	 .\35\/6--retina, .\31\30\/12--retina {
		 width: 83.33333%;
	}
	 .\31\/7--retina {
		 width: 14.28571%;
	}
	 .\32\/7--retina {
		 width: 28.57143%;
	}
	 .\33\/7--retina {
		 width: 42.85714%;
	}
	 .\34\/7--retina {
		 width: 57.14286%;
	}
	 .\35\/7--retina {
		 width: 71.42857%;
	}
	 .\36\/7--retina {
		 width: 85.71429%;
	}
	 .\31\/8--retina {
		 width: 12.5%;
	}
	 .\33\/8--retina {
		 width: 37.5%;
	}
	 .\35\/8--retina {
		 width: 62.5%;
	}
	 .\37\/8--retina {
		 width: 87.5%;
	}
	 .\31\/9--retina {
		 width: 11.11111%;
	}
	 .\32\/9--retina {
		 width: 22.22222%;
	}
	 .\34\/9--retina {
		 width: 44.44444%;
	}
	 .\35\/9--retina {
		 width: 55.55556%;
	}
	 .\37\/9--retina {
		 width: 77.77778%;
	}
	 .\38\/9--retina {
		 width: 88.88889%;
	}
	 .\31\/10--retina {
		 width: 10%;
	}
	 .\33\/10--retina {
		 width: 30%;
	}
	 .\37\/10--retina {
		 width: 70%;
	}
	 .\39\/10--retina {
		 width: 90%;
	}
	 .\31\/11--retina {
		 width: 9.09091%;
	}
	 .\32\/11--retina {
		 width: 18.18182%;
	}
	 .\33\/11--retina {
		 width: 27.27273%;
	}
	 .\34\/11--retina {
		 width: 36.36364%;
	}
	 .\35\/11--retina {
		 width: 45.45455%;
	}
	 .\36\/11--retina {
		 width: 54.54545%;
	}
	 .\37\/11--retina {
		 width: 63.63636%;
	}
	 .\38\/11--retina {
		 width: 72.72727%;
	}
	 .\39\/11--retina {
		 width: 81.81818%;
	}
	 .\31\30\/11--retina {
		 width: 90.90909%;
	}
	 .\31\/12--retina {
		 width: 8.33333%;
	}
	 .\35\/12--retina {
		 width: 41.66667%;
	}
	 .\37\/12--retina {
		 width: 58.33333%;
	}
	 .\31\31\/12--retina {
		 width: 91.66667%;
	}
}