@font-face {
  font-family: "Marist";
  src: url("../fonts/ABCMarist-SemiBold-Trial.woff") format("woff"),
       url("../fonts/ABCMarist-SemiBold-Trial.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@media screen and (min-width: 1025px) {
  html body.news-simple-page .news-card-copy.news-card-copy-title.news-card-copy-first > div > strong.news-event-title.underlined,
  html body.about-news-blocks-page .news-card-copy.news-card-copy-title.news-card-copy-first > div > strong.news-event-title.underlined,
  html body.publications-page .news-card-copy.news-card-copy-title.news-card-copy-first > div > strong.news-event-title.underlined,
  html body.product-news-blocks-page .news-card-copy.news-card-copy-title.news-card-copy-first > div > strong.news-event-title.underlined {
    letter-spacing: 0.65px !important;
  }
}

@font-face {
  font-family: "Marist";
  src: url("../fonts/ABCMarist-Black.woff2") format("woff2"),
       url("../fonts/ABCMarist-Black.woff") format("woff");
  font-weight: 950;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Marist-bold";
  src: url("../fonts/ABCMarist-SemiBold-Trial.woff") format("woff"),
       url("../fonts/ABCMarist-SemiBold-Trial.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Marist2';
  src: url(../fonts/ABCMarist-Black.woff2) format("woff2");
       /* url(SourceSans.woff2) format("woff2"); for older browsers 
     font-weight: 950;  font-style: normal;*/
}

.news-card-text-typo-1 {
  font-weight: 950 !important;
    letter-spacing: 0.65px !important;
        font-style: normal !important;
    font-size: 15px !important;
    font-variant: small-caps !important;
    text-transform: lowercase !important;
    line-height: 0.9 !important;
        color: black !important;
    display: inline !important;
    font-family: "Marist", serif !important;
}

.news-card-text-typo-1 p {
      max-width: 540Px;
    margin: auto;
}

.shared-news-simple .news-card-text-typo-2 > div > p  {
     font-size: 15px !important;
    color: black !important;
    display: inline !important;
    font-family: "Marist" !important;
    font-weight: 200 !important;
    font-style: normal !important;
    font-variant: small-caps !important;
    text-transform: lowercase !important;
    line-height: 0.9 !important;
    letter-spacing: 0.75px !important;
}

.shared-news-simple .news-card-text-typo-3 > div > p {
  font-weight: 950;
    margin-top: 0px !important;
    margin: 10px;
    text-transform: none !important;
    font-variant: normal !important;
    line-height: 1.45 !important;
    max-width: 370px;
    margin: auto;
    font-family: "Unica2" !important;
    letter-spacing: 0.25px !important;
    font-style: normal;
    font-size: 12px !important;
}

.news-card-text p:not(.news-card-newsletter p) {
      margin-top: 0px !important;
    margin: 10px;
    text-transform: none !important;
    font-variant: normal !important;
    line-height: 1.45 !important;
    max-width: 370px;
    margin: auto;
}

.news-card-text p:not(.news-card-newsletter p),
.news-card-text .sans p, .news-simple .sans  {    font-weight: 950;
      margin-top: 0px !important;
    margin: 10px;
    text-transform: none !important;
    font-variant: normal !important;
    line-height: 1.45 !important;
    
    margin: auto;
        font-family: "Unica2" !important;
    letter-spacing: 0.25px !important;
    font-style: normal;
    font-size: 12px !important;
}

.archive-icons, .footer-credits {
  display: none !important;
}


.marist-intro {
    font-family: "marist" !important;
}

@font-face {
  font-family: 'Marist3';
  src: url('../fonts/ABCMarist-Black.woff2') format('woff2'),
       url('../fonts/ABCMarist-Black.woff') format('woff');
 /*font-weight: normal;
  font-style: normal;
  font-display: swap;*/
}

@font-face {
  font-family: 'Marist4';
  src: url('../fonts/ABCMarist-Black.woff2') format('woff');
  /*font-weight: normal;
  font-style: normal;
  font-display: swap;*/
}

/* Classes pour utiliser les polices personnalisées */
.marist3,
.marist3 * {
  font-family: 'Marist3'  !important;
  -webkit-text-stroke: 0px; -webkit-font-smoothing: antialiased;
}

.marist4,
.marist4 * {
  font-family: 'Marist4' !important;
  -webkit-text-stroke: 0px; -webkit-font-smoothing: antialiased;
}

body {
  background-position: center center;
     background-repeat: no-repeat; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}

.footer-index-text {
    color: #c2c2c2 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}


.small-c, .header-nav, .cart, .sib-form-block__button, header, footer, .text, .button, .about, h2, .checkout-span {
		font-variant: small-caps !important;
}

.list-item {
  font-family: "Marist", serif !important;
    font-weight: 950 !important;
    font-variant: small-caps !important;
    text-transform: lowercase !important;

    font-size: 15px !important;
    letter-spacing: 0.65px !important;
}

.reference-work-title,
.reference-work-date {
	      color: #c2c2c2 !important;
        transition: color 0.2s ease;
}


.list-item:hover .reference-work-title,
.list-item:hover .reference-work-date,
.reference-item:hover .reference-work-title,
.reference-item:hover .reference-work-date {
    /* Anciennes références rose harmonisées : #e8a0c6, #efb8d1,
       #e9abd0, #ff8fc4, #ff69b4, #ff8ec3, #d48eb8 et #fff3f9. */
    color: pink !important;
}


.text-product, .normal {
	font-variant: normal !important;
}

.logo {     /*transition: all 0.3s;*/
	    display: flex;
    flex-direction: column;
    justify-content: center;align-items: center;
}


body {
      height: calc(100vh - 57px) !important;
}


a:-webkit-any-link {
/*		font-variant: small-caps !important;*/
    color: black;
    cursor: pointer;
    text-decoration: none !important;
}





#line {

}
.line, .line-1_2 {
	    width: 100%;
/*    position: absolute;*/
    background: black;
    height: 1px;
   
    margin-bottom: -10px !important;
    display: flex;
}

.line_sub-flex, .line_sub-flex_2 {
  position: inherit;
}

.line_sub-after, .line_sub-after_2 {
        transition: 0.4s all !important;
        height: 1px;
        background: #000;
        width: 350px;
        margin: auto;
    }


.line-1 {position: relative;   transition: 0.4s all !important;   bottom: 0;

}
.line-1_2 {position: relative;   transition: 0.4s all !important;   

}
.line-2 { 
    position: fixed;
   transition: 0.4s all !important;
}

.line-2_2 { 
position: fixed;     transition: 0.4s all !important;
}


.line_sub-no {
	display: none;
}

.underlined {
	/*text-decoration-thickness: 1px !important;
	    text-decoration: underline !important;
    text-underline-offset: 5px;*/

    border-bottom: 1px solid black;
    padding-bottom: 1px !important;
}

.hover-underlined:hover {
/*    text-decoration: underline !important;
    text-underline-offset: 5px;*/


    border-bottom: 1px solid black;
    padding-bottom: 1px !important;
}

header {
	transition: all 0.3s;
}

.participants, .archives, .about, .cart-span, .publication {
	height: 17px;
}



.cart-count {

}

.price-total {
	align-content: end;
}

.quantity-custom select {
/*font-size: 11px;*/
    border: 0;
    top: 0;
    padding-top: 5px;
    position: relative;
    margin-top: -3px;
    display: flex;
    text-align: right;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}

.sans.numbers.quantity-custom select {
    padding-top: 7px !important;
    text-align: right !important;
    padding-right: 2px !important;
}

.price-custom, .sum-custom  {
	padding-top: 5px !important;
}

.main-grid {
/*	border: solid 1px black;
    padding: var(--spacing-m);*/
}

.stroke {
	    background-color: black;
    height: 1px;
    width: 300px;
    position: absolute;
    margin-top: 13px !important;
}

.stroke-2 {
	    background-color: black;
    height: 1px;

}

.stroke-holder {
	width: 100%
}

input:focus {
  outline: 0px !important;
}

h2 .field {
	display: flex;

}
.display-flex {
	display: flex !important;
}
/*.field:nth-child(-n + 7) {*/
	.field:nth-child(-n + 8) {
display: flex !important;
}

.buy-holder {
	    /* border: 1px solid black; */
    width: auto;
    /* padding: 10px; */
    margin-left: auto;
    align-content: stretch;
    display: flex;
    justify-items: flex-end;
}

.button-buy {
 border: 1px solid black !important;
    /* width: auto; */
    padding: 10px;
    padding-left: 16px;
    padding-right: 16px;	
}


.cross-4{
  width: 20px;
  height: 20px;
  /*position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);*/

  &::after,
  &::before{
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background-color: black;
    width: 20px;
    top: 50%;
    transition: all .2s ease-in-out; 
    right: 0;
  }
  &::after{
    transform: rotate(90deg);
    left: 0;
  }
  
  &.active{
    &::before{
      transform: rotate(45deg);
      right: -2.75px;
      width: 15px;

    }
    &::after{
      width: 15px;
      transform: rotate(-45deg);
      left: -2.75px;

    }
  }
}



.cross-4{
/*  width: 19px;
  height: 19px;*/
  width: 20px;height: 20px;
  /*position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);*/
}
  .cross-4:after, .cross-4:before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background-color: black;
    width: 20px;
    top: 50%;
    transition: all .2s ease-in-out; 
    right: 0;
  }
   .cross-4:after{
    transform: rotate(90deg);
    left: 0;
  }
  
   .cross-4.active
     .cross-4:before{
      transform: rotate(45deg);
      right: -2.75px;
      width: 15px;

    }
     .cross-4.active
    .cross-4:after{
      width: 15px;
      transform: rotate(-45deg);
    left: -2.75px;

    }
  


.cross-4.active:hover {
  cursor: pointer;
}

	.field:nth-child(9) label {
display: block;
}

input:-internal-autofill-selected, .field input[type="text"], .field input[type="email"], .field input[type="textarea"], .field .StripeElement {
  /*-webkit-text-stroke: 0.75px lightgrey !important;
  background-color: light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.2)) !important;*/
}

@media screen and (min-width: 1025px) and (max-width: 1799px) {

  .disclaimers {
  /*bottom: 50px !important;*/

}

}

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

  .lang-switch {
padding-left: 20px;

}

  .news-gallery-caption,
    .news-gallery-caption-bottom {
            padding-left: 0px !important; padding-right: 0px !important;
    }

   .news-gallery-slideshow .news-gallery-caption {
          padding: 0;        padding-left: 0px !important;
        padding-right: 0px !important;
   }

   

   .news-feed {
      width: min(100%, 520px);    padding: 0 20px;
  
}

  .caption-slant, .news-simple .news-back-top, .news-simple .news-card-text .news-event-subtitle, .news-simple .news-card-text .news-event-title, .marist, h1,   .news-simple .news-card-text strong:not(.news-card-newsletter strong) {
      font-size: 15px !important;
}

  .pre-swiper .swiper-slide .archive img, .pre-swiper .swiper-slide .archive img {
   
  }


	.logo {
		margin-left: auto !important;
	}

.order {
	    border: solid 1px black;
    padding: 20px !important;
    margin-top: 0 !important;
    margin-bottom: 100px !important;
    width: calc(100vw - 80px) !important;
    text-align: left !important;

    max-width: 800px;
    margin-left: -400px;
    left: 50%;
    /* margin-bottom: 100px !important; */
    padding-bottom: 100px !important;
    /* margin: auto !important; */
    /* display: flex;*/
}

.order .cart {
	    padding-left: 300px !important;
}


.order .grid {    text-align: left !important;
	   /* font-size: 16px !important;*/
    padding-top: 0 !important;
            text-transform: uppercase;
  
        font-size: 11px !important;
}
.grid p {
	      line-height: 145% !important;
}
.order .grid:nth-child(7) { 

line-height: 145% !important;
}
	    .field:nth-child(8), .payment-methods h2 {
        text-align: center;
        padding-top: 20px;
        text-decoration: underline !important;
        text-underline-offset: 5px;
    }



.white-button {
	padding-top: 8px !important;
}


	.button-140 {
	width: 140px !important;
}

.main-grid {
	    padding-bottom: 100px;
}
	.disclaimers {
    position: absolute;
    bottom: 60px;
    right: 0;
    text-align: left;
}

		.field input[type="text"],
.field input[type="email"],
.field input[type="textarea"],
.field .StripeElement {
/* font-size: 16px !important; */
	}


.header-anim {
transform: translateY(-50vh);
}
.header-anim-2 {
transform: translateY(50vh) !important;
}

.main-anim {
top:0px;
}

	.no-desktop {
		display: none !important;
	}

.about {
/*	    max-width: 530px;*/
	        max-width: 630px;
    margin: auto;

}


 .sib-form-block__button {
        font-size: 12px !important;
        transition: 0.3s all !important;
 }

.sib-form-block-2 {    margin-top: 32px !important;
        text-align: center;
    border: 1px solid black;
    /* display: inline-block; */
    padding: 8px 18px;
    border: none;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow-wrap: break-word;
    max-width: 100px;
    /* margin-left: auto; */
    cursor: pointer !important;
}

.sib-form-block__button {

    width: 105px;
    position: fixed;
}
.about_sub {
	display: flex;   
  /* max-width: 660px !important;*/
    position: absolute;
}
.cross-1, .cross-2 {
	display: none;
}

	.logo img {  
        /* width: 350px; */
        width: 435px;
}

.header-nav_sub.sans-txt, .header-nav_sub.sans-txt * {
    font-family: "Unica2" !important;
    -webkit-text-stroke: 0px !important;
}


 
.header {        /* left: 50%; */
        /* margin-left: -180px; */
        top: 100px;
        position: absolute;
        display: flex;
        flex-direction: column;
}

.header-container {
      margin: auto;
    text-align: center;
    justify-content: center;
    margin: auto !important;
        width: 100vw;
}

.header-nav {
background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(4px);
/*
  position: relative;
  display: flex;
  grid-column-end: span 2;
  justify-self: stretch;*/

          padding: 18px;
        padding-left: 23px !important;
        margin: auto;
        padding-bottom: 20px;


                text-align: center;
        display: flex;
    flex-direction: column;
      transition: all 0.3s;

}

.header-nav-title,
.header-nav > .marist:first-child {
    /*display: block;
    font-family: "Marist", serif !important;
    font-weight: 950 !important;
    font-size: 17px !important;
    line-height: 1.05 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: calc(17px * 1.05);
    transform: translateY(0);*/
}

.shrinked {
        width: 310px;
}

.expanded {
        width: 400px;
}




.header-nav div:nth-child(2), .header-nav div:nth-child(3) {
  /*margin-right: 50px; ARCHIVES PAS BON */
display: flex;
        justify-content: space-between;
        /* width: 50%; */
        /* padding: 20px;*/
}
.vl {
        border-left: 1px solid;
        height: 100px;
}

.flex {
     visibility: visible;
        opacity: 1;
        height: auto !important;
        margin-left: 10px;
        display: flex;
        justify-content: space-between;
        margin-right: 10px;
        padding-bottom: 15px;
        padding-top: 15px;
        /* width: 100% !important; */
        flex-direction: row;
}
.header-nav_sub:nth-child(1) {
    width: 109px;
    display: flex;
    justify-content: space-between;

}
.header-nav_sub:hover {
  cursor: pointer !important;
}
.header-nav_sub span{
opacity:1;
}
  
.header-nav_sub span:hover {
opacity: 1;
  text-decoration: underline;
text-underline-offset: 4px;

}

.header-nav_sub span:hover .header-nav_sub span{
  opacity: 0;
}

.hidden {        height: 0px !important;
  visibility: hidden;
  opacity: 0;
  transition: all 0s, opacity 0s linear;
}

.header-nav_hidden {


/*      transition: width var(--menu-transition-duration) cubic-bezier(.645,.045,.355,1), height var(--menu-transition-duration) cubic-bezier(.645,.045,.355,1), border-radius var(--menu-transition-duration) cubic-bezier(.645,.045,.355,1);
*/}

.header-nav_sub {
        display: flex;
        /* padding-bottom: 4px; */
        flex-direction: column;
        text-align: left;

/*gap: 40px;
margin-bottom: -45px !important;*/

}

.header-nav div span:nth-child(2), .header-nav div span:nth-child(3), .header-nav div span:nth-child(4) {

/*margin-left: 40px;*/

}

.header-nav div:nth-child(2):not(.cart-span) {

/*padding-left: 100px !important;*/

}
.cart-span {
   content: none !important;
}
.details-cart {
   content: none !important;
}

.logo {
  grid-row-end: span 2;
  align-self: end;
  font-weight: 600;
  text-decoration: none;
 /*padding: 1rem;*/
}

.footer {
        margin-top: auto;
        display: flex;
        height: 20px;
        padding-top: 15px !important;
        justify-content: center;
        align-items: center;
 
        bottom: 0;
        bottom: 20px;
   width: calc(100vw - 40px);
        position: fixed;
         padding-left: 20px; padding-right: 20px;
}

.footer div:nth-child(2) {
/*  margin-left: auto;*/
        display: flex;
}


.product-grid-item figcaption {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: var(--spacing-xs);
}
.list-about, .main-home {
          margin-bottom: 56px !important;
}
main {
  margin-top: var(--spacing-xl);

  /*————————————————————— JUIN 2025 —————————————————————*/
  height: 100%;
    top: 0 !important;
    margin-top: 0px !important;
    max-height: calc(100vh - 7px);
    /* padding-bottom: 57px; */
   /*  margin-bottom: 56px !important; 0725
    position: fixed; */
    overflow-y: scroll !important;
          display: flex;
        flex-direction: column;
}

.list {
	    text-align: center;
      /* position: absolute;  /*——— JUIN 2025 ———*/
    /* margin: auto; */
          width: 100vw;
    /* right: 0;*/
}
.height100-30 {

    height: calc(100vh - 30% + 200px);
}


.main-anim-0, .main-anim-2 {
   /* top: calc(30% + 200px);        padding-bottom: 200px !important; /*——— JUIN 2025 ———*/
}

.product-container {	transition: all 0.3s;
        /* width: 330px; */
        /* margin-left: calc(330px / 2); 
        height: 580px;*/
        /* left: 50%; */
        /* height: calc(100vh - 30% + 200px); */
        /* margin: auto; */
        align-items: center;
        flex-direction: column;
    }



.center {
/*transform: translateY(20%);*/

}

.margin-auto {


	
	margin-top: auto !important;
}

.title-price {
	display: flex;
/*    width: 275px; 0725*/
    margin: auto;
    justify-content: space-between;
}


.stack-m {
	    width: 330px;
    margin-left: calc(330px / 4);
    /* left: 50%; */
    margin: auto;
}

.product img:not(.logo img)  {
    width: 100%;
/*    max-width: 275px; 0725*/
    height: auto;
    /* margin: auto; 
    padding-bottom: 10px;*/
    vertical-align: middle;
}

.bigger, .button, h2 {
/*	font-size: 16px !important;*/
}

.smaller, .title-price, .normal, .price, .blocks {
        font-size: 12px !important;
        line-height: 130% !important;
}

.numbers, .cart-count {
	/*font-size: 12px !important;
	font-feature-settings: "onum" 1;
	-moz-font-feature-settings: "onum" 1;
	-webkit-font-feature-settings: "onum" 1;*/
}

.button-container {
width: 100px;
    position: relative;
    margin: auto;
    border: 1px solid white;
    height: 20px;
    padding: 8px;
}



.button {
 /* display: inline-block;
  padding: var(--spacing-s);
  font-weight: 500;
  color: var(--color-white);
  background-color: var(--color-black);
      padding: 8px 18px;
        background-color: white;
         border: solid 1px #c2c2c2 !important;*/
      display: inline-block;

    border: none;
    overflow-wrap: break-word;
    max-width: 100%;
    cursor: pointer;
    color: black;
  
}
.sib-form-block-2 .button:hover {
  border: solid 1px black !important;
  /*margin-bottom: 1px;*/
}
.logo span {
	    padding-right: 13px;    margin-top: -3px;

}

.cart {
  min-width: 25rem;
}

.cart .button-white {
	padding: 0 !important;
}

.cart tbody a {
  display: grid;
  grid-template-columns: 3rem auto;
  grid-template-rows: auto auto;
  column-gap: var(--spacing-m);
  /*padding: 0;*/
      padding-top: 5px;
}

.details-cart .cart {
  position: absolute;
  top: calc(var(--text-m) * var(--line-height) + var(--spacing-m) * 2);
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: end;
}


.cart[data-theme="dark"] {
 /* padding: var(--spacing-m);
  color: var(--color-white);
  background-color: var(--color-black);
      padding: var(--spacing-m);*/
    color: black;
    border: 1px solid black;
    background-color: white;
}

.product-grid {
/*	    display: none !important;*/
}

.list-participants, .product, {
	    margin-top: 0 !important;
}



}



/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

	.display-flex {
		display: flex !important;
	}



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

  .news-gallery-credit, .news-card-end-meta {
        max-width: 280px;
  }


.news-card-end-meta {

}
  .news-card-end-caption p {
        line-height: 130%;
  }

  .news-gallery {
    margin-left: 0px !important;
    width: 100vw !important;
  }

.news-card-end, .news-gallery-slideshow .news-gallery-caption, .news-gallery-credit:not(.news-gallery-caption .news-gallery-credit), .news-gallery-stage .news-gallery-caption, .news-gallery-credit .news-gallery-credit-single {     padding-left: 10px !important;;
    padding-right: 10px !important;;
}

	.order {
		    border: solid 1px black;
    padding: 20px !important;
    margin-top: 20px !important;
    margin-bottom: 100px !important;
    width: calc(100vw - 80px) !important;
    text-align: left !important;
    text-transform: uppercase;
    font-size: 11px !important;
    line-height: 145% !important;
	}

.button-170 {
	width: 170px !important;
}

.main-grid h2 {
	text-align: center !important;
	    text-decoration: underline !important;
    text-underline-offset: 5px;
}

	.field input[type="text"],
.field input[type="email"],
.field input[type="textarea"],
.field .StripeElement {
 font-size: 17px !important; 
	}




	.opacityyy {
		  -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
	}


@-webkit-keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 45%;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 45%;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeInFromNone {
      0% {
        opacity: 0;
    }

    25% {
        opacity: 45%;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 45%;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeInFromNone {
       0% {
        opacity: 0;
    }

    25% {
        opacity: 45%;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 45%;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeInFromNone {
       0% {
        opacity: 0;
    }

    25% {
        opacity: 45%;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 45%;
    }

    100% {
        opacity: 0;
    }
}







.cross-4-big {
  display: none !important;
}




	.header-nav, .header-nav span, .header-nav div {
		text-decoration: none !important;
	}

	.button-container {
border: 0px !important
	}

.sib-form .entry__field {

width: calc(100vw - 40px) !important;

}

.no-phone, .line, #line {
	display: none !important;
}

 body {
 	padding-right: 20px;
 }
 .grid {
 	    width: calc(100vw - 40px);
 }
.header {        padding-top: 20px;
/*width: calc(100% - 20px);*/
    position: relative;

}

.header-nav {display: none;
     /*   gap: 50px;
        height: calc(100vh - 270px);
        padding-top: 50px;
         padding-bottom: 100px;*/
        margin: auto;
        flex-direction: column;
        background: white;
        align-items: center;
        justify-content: center;
}
.header-nav div{	/*gap:50px;
	    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;*/

}

.header-nav span {
	  /*border-bottom: 0 !important;
	padding-bottom: 50px !important;*/
}

.cross-2 { display: none;
	        z-index: 100;
        background-color: white;
}
.logo {
	     margin: auto;

}
.logo span {
	        padding-bottom: 20px;    margin-top: -3px;    
	        /*padding-right: 10px;*/
	        text-align: center !important;
}
.less { display: none;
	height: 1px;
    position: fixed;
    width: 20px;
    top: 140px;
    background: black;
    right: 10px;
}
.cross-1 {
position: fixed;
        top: 130px;
        right: 10px;
        z-index: 100;
}
.cross-2 {
position: fixed;
        top: 130px;
        transform: rotate(45deg);
        right: 10px;
        z-index: 100;
}

.footer {
        margin-top: auto;
        background-color: white;
        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 79%, rgba(255, 255, 255, 0) 100%);
        display: flex;
        /* height: 20px; */
        align-items: flex-end !important;
        bottom: 0;
        left: 0;
        padding: 20px;
        width: calc(100vw - 40px);
        position: fixed;
/*        height: 90px;*/
             height: 30px;

}

.footer div:nth-child(2) {
 margin-left: auto;
 display: flex;

       gap: 10px;
}

.lang-switch {
/*	        padding-left: 10px !important;*/
}

main {width: 100vw !important;
/*        width: calc(100vw - 40px);*/
        margin: auto;
        position: relative;
        display: flex;
}
.product-grid img {

    padding-bottom: 20px;
    height: auto;
    vertical-align: middle;
}
.product-grid-item figcaption {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    display: flex;
    justify-content: space-between;

}
.title-price {        font-size: 73% !important;
    display: flex;
    /* width: 275px; */
    padding-top: 20px;
    /* margin: auto; */
    justify-content: space-between;
}
    .home {
        /* width: calc(100vw - 40px); */
        margin-top: auto;
        padding-bottom: 90px;
        justify-content: center;
        /* position: relative; */
        display: flex;
        align-items: center;
    }

        .product {   transition: all 0.3s;
        /* width: calc(100vw - 40px); */
        /* margin-top: auto; */
        width: 100% !important;
        /* padding-bottom: 100px; */
        overflow: scroll !important;
        justify-content: center;
        height: 100%;
        /* position: relative; */
        display: flex
;
        align-items: center;
    }

  .product-container {
        transition: all 0.3s;
        padding-top: 10px;
        width: 100%;
        /* margin-left: calc(330px / 2); */
        height: 580px;
        left: 50%;
        /* height: calc(100vh - 30% + 200px); */
        /* margin: auto; */
        align-items: center;
        flex-direction: column;
    }
.product img {
width: 250px;
        margin: auto;
/*        padding-top: 20px;*/
        display: flex;
}

.order p, .order .text {
	line-height: 145% !important;
}

.bigger, .button, h2, .logo span {
	font-size: 17px !important;
}

.news-simple .news-card-text .news-event-title, .news-simple .news-card-text .news-event-subtitle, .marist, h1, .news-simple .news-card-text strong, .news-simple .news-back-top {
      font-size: 18px !important;
}

.text:not(.order p, .order .text), p:not(.order p), .footer  {
	/*font-size: 15px !important;*/
}

.news-card-text p {
font-size: 15px !important;  
}

.list-participants, .about {
	line-height: 108% !important;
}

 .button, .sib-form-block__button {
	font-size: 12px !important;
}
.smaller, .footer, .list:not(.order)  {
	font-size: 17px !important;
}
.header-nav {
	    font-size: 80% !important;
}



.normal {
line-height: 110% !important;
font-size: 80%;
}

.stack-m, .cart-count, figcaption{
/*	font-size: 18px !important;  letter-spacing: 0.25px;
        font-size: 90% !important;*/
}

.header-nav, .button {  
	        text-transform: uppercase;
}

.button-buy  {border: solid 1px pink !important;
    -webkit-text-stroke: 0.65px pink !important;
        padding: 20px; letter-spacing: 0.25px !important;
          /* font-size: 11px !important; */
        padding-bottom: 10px;
        padding-left: 20px;
        padding-top: 11px;
        color: pink !important;
        padding-right: 20px;
        position: fixed;
        bottom: 80px;
        right: 20px !important;
        backdrop-filter: blur(4px);
        align-items: center;
        display: flex;
        justify-content: center;
        margin: auto;
}

.header-mini-2 {
  position: fixed;
}

.normal {
line-height: 135% !important;
    text-align: center;
}

.button-container {
    width: calc(100% - 20px);
    position: relative;
    text-align: center;
    margin: auto;
    border: 1px solid white;
    height: 20px;
    padding: 8px;
}
.button:not(.button-buy), .sib-form-block__button {
	    border: solid 1px black !important;
    padding: 20px;
}

.list-participants { display: block;
	position: relative;
    text-align: center;
    top: 0px;
    padding-top: 10px;
    /* font-size: 20px !important; */
    /* text-transform: uppercase; */
    margin-bottom: 200px;
}


.list-about {      
           /*   margin-top: auto;
         top: 0; */
        /* overflow: scroll; */
        /* padding-top: 135px;       margin-top: 10px; */
        text-align: center;
        padding-top: 10px;
        top: 0px;
        /* margin-top: -150px; */
        /* padding-bottom: 300px; 
        height: 450px;
        width: calc(100vw - 40px);
        /* padding-bottom: 90px; */
        justify-content: center;
        position: relative;
        display: flex;
        /* align-items: center;*/
}

.about_sub {
	flex-direction: column;
    justify-content: center;
    align-items: center;
}

.button:not(.button-buy) {
/*	font-size: 11px !important;*/
         padding-bottom: 10px;
        padding-left: 20px;
        padding-top: 11px;
        padding-right: 20px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto;
}

.sib-form .entry__field {
	    margin-left: -1px !important;
}
.cross-1, .cross-2 {
	transition: 0.3s all;
}
.top-10 {
	top: 10px !important;
}
.top-15 {
	top: 15px !important;
}

.cart tbody a {
	    display: flex;
    gap: 10px;
    padding-top: 5px;
    flex-direction: column !important;
}
.cart table {
    margin-bottom: 0px !important;
}

.cart table {
  border-collapse: separate;
  border-spacing: 0 20px;
}

.details-cart .cart {
position: fixed;
background-color: white;
    /* display: none !important; */
    font-size: 12px !important;
    left: 0;
padding: 20px !important;
    overflow: scroll;
    height: calc(100% - 250px);
    top: 160px;
    right: 0;
    /* width: calc(100vw - 75px) !important; */
    display: flex;
    flex-direction: column;
    align-items: end;
}

.cart .button-white {
	border: solid 1px black;
    padding: 14px 18px;
    padding-bottom: 14px !important;
    font-size: 11px !important;
}
.checkout {
	padding-top: 100px;
}

.checkout-span {
	text-align: center;        width: 70px;
        margin: auto;
}

.field label {
	margin-top: 1px;
}
.field {
	gap:10px;
}

.field:nth-child(8), .payment-methods h2 {
text-align: center !important;
    text-decoration: underline !important;
    text-underline-offset: 5px;
    justify-content: center;
    align-items: center;
}

 .payment-methods h2 {
      padding-top: 20px;
 }

.sidebar-payment .payment-methods {
  margin-top: 0px !important;
}

.buy-holder {
	width: 100%;
}
.link-cart {
	padding: 0 !important;
}

}

/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/



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

  .last-call, .header-mini-title .marist {
    display: none !important;
  }

.archives,	.header-nav span:nth-child(2),.header-nav span:nth-child(3),.header-nav span:nth-child(4),.header-nav span:nth-child(5),.header-nav span:nth-child(6) {
        padding-left: 20px;
}


.less {
	transition: 0.3s all;
}
	.header-nav {
    background-color: white;
    position: fixed;

    flex-direction: row;
    top: 0;
    /* gap: 10px; */
 
    /* flex-direction: row; */
    height: calc(100% - 205px);
    top: 145px;
    width: calc(100% - 40px);
	}

	.header-nav div {   font-size: 12px !important;
		    flex-direction: row;
	}

	.cart-count {
		   font-size: 12px !important;
	}
.link-cart {
	padding: 0 !important;
}
.payment-methods h2 {
padding-bottom: 25px;
}
.buy-holder, .cart {
	    padding-top: 25px !important;
}

.infos {
	height: 17px;
}

.logo span {
	    padding-bottom: 18px !important;
}

.logo img {
	    width: 350px;
}
.checkout {
	padding-top: 0 !important;
}

.header {
	padding-top: 10px !important;
}

.footer {
	height: 30px !important;
}
.product-grid {
	display: flex !important;
}

.list-participants {
	padding-top: 20px !important;
}

.product-grid img {

height: auto;
    width: 300px !important;
    margin: auto;
    text-align: center;        padding-bottom: 10px !important;
    align-items: center;
    display: flex;
}

.product-container {
	padding-top: 0 !important;
}
.product {
	padding-bottom: 300px !important;
}
.product img {
	        height: auto;
        width: 300px !important;
        margin: auto;
        text-align: center;
        padding-bottom: 10px !important;
        align-items: center;
        display: flex;
}

.stack-m {
	    width: 300px;
    margin: auto;
}

.list-about {
	    margin-top: auto;
    padding-top: 20px;
    height: auto;
    padding-bottom: 400px;
    justify-content: center;
    /* position: relative; */
    position: relative;
    display: flex;
    text-align: center;
    align-items: center;
}

main.list-about {
    display: flex;
    flex-direction: column;
}

.details-cart .cart {
	position: fixed;
        overflow: scroll !important;
        background-color: white;
        height: auto !important;
        /* display: none !important; */
        width: calc(100vw - 80px);
        padding-bottom: 100px;
        padding-top: 17px !important;
        font-size: 12px !important;
        left: 0;
        padding-left: 20px !important;
        overflow: scroll;
        /* height: calc(100% - 250px); */
        top: 0;
        right: 0;
        /* width: calc(100vw - 75px) !important; */
        display: flex;
        flex-direction: column;
        align-items: end;


}

.less-landscape {
	top: 20px !important;right: 18px !important;
}

/* Checkout page in landscape: match portrait mobile layout */
.checkout-container .buy-holder,
.checkout-container .cart {
/*	padding-top: 0 !important;*/
}
.checkout-container .payment-methods h2 {
	padding-bottom: 0;
	padding-top: 20px;
}
.checkout-container .sidebar-payment .payment-methods {
	margin-top: 0px !important;
}
.checkout-container ~ .footer {
	/*height: auto !important;*/
}

}

/* Checkout landscape: match portrait mobile */
@media screen and (orientation: landscape) and (max-height: 500px) {
.sidebar-payment .payment-methods .field[data-type="radio"] {
  text-align: left !important;margin-left: 0px !important;
    margin-right: auto;
}
  .grid {display: flex !important;
        flex-direction: column !important;}
  .checkout-container .buy-holder,
  .checkout-container .cart {
/*    padding-top: 0 !important;*/
  }
  .checkout-container .payment-methods h2 {
    padding-bottom: 0;
    padding-top: 20px;
  }
  .checkout-container .sidebar-payment .payment-methods {
    margin-top: 0px !important;
  }
}