@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}body.wc-block-product-gallery-modal-open{overflow:hidden}.wc-block-grid__products .wc-block-grid__product-image{display:block;position:relative;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image a{border:0;box-shadow:none;outline:0;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image img{height:auto;max-width:100%;width:auto}.wc-block-grid__products .wc-block-grid__product-image img[hidden]{display:none}.wc-block-grid__products .wc-block-grid__product-image img[alt=""]{border:1px solid #f2f2f2}.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,.editor-styles-wrapper .wc-block-grid__product-title,.wc-block-grid__product-title{color:inherit;display:block;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.2;padding:0}.wc-block-grid__product-price{display:block}.wc-block-grid__product-price .wc-block-grid__product-price__regular{margin-right:.5em}.wc-block-grid__product-add-to-cart.wp-block-button{white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{display:inline-flex;font-size:1em;justify-content:center;margin-left:auto!important;margin-right:auto!important;text-align:center;white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading{opacity:.25}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after{content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after{animation:spin 2s linear infinite;content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after{content:"";margin:0}.wc-block-grid__product-rating{display:block}.wc-block-grid__product-rating .star-rating,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars{font-family:WooCommerce;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;margin:0 auto;overflow:hidden;position:relative;text-align:left;width:5.3em}.wc-block-grid__product-rating .star-rating:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before{content:"SSSSS";left:0;opacity:.5;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid__product-rating .star-rating span,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span{left:0;overflow:hidden;padding-top:1.5em;position:absolute;right:0;top:0}.wc-block-grid__product-rating .star-rating span:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before{color:inherit;content:"SSSSS";left:0;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale{background:#fff;border:1px solid #43454b;border-radius:4px;color:#43454b;display:inline-block;font-size:.875em;font-weight:600;left:auto;padding:.25em .75em;position:absolute;right:4px;text-align:center;text-transform:uppercase;top:4px;width:auto;z-index:9}.wc-block-grid__product .wc-block-grid__product-image,.wc-block-grid__product .wc-block-grid__product-link{display:inline-block;position:relative}.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),.wc-block-grid__product .wc-block-grid__product-title{margin:0 0 12px}.wc-block-grid__product .wc-block-grid__product-add-to-cart,.wc-block-grid__product .wc-block-grid__product-onsale,.wc-block-grid__product .wc-block-grid__product-price,.wc-block-grid__product .wc-block-grid__product-rating{margin:0 auto 12px}.theme-twentysixteen .wc-block-grid .price ins{color:#77a464}.theme-twentynineteen .wc-block-grid__product{font-size:.88889em}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-components-product-title,.theme-twentynineteen .wc-block-grid__product-onsale,.theme-twentynineteen .wc-block-grid__product-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-twentynineteen .wc-block-grid__product-title:before{display:none}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-grid__product-onsale{line-height:1}.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color){color:#fff}.theme-twentytwenty .wc-block-grid__product-link{color:#000}.theme-twentytwenty .wc-block-components-product-title,.theme-twentytwenty .wc-block-grid__product-title{color:#cd2653;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:1em}.theme-twentytwenty .wp-block-columns .wc-block-components-product-title{margin-top:0}.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-components-product-price__value,.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-grid__product-price__value{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:.9em}.theme-twentytwenty .wc-block-components-product-price del,.theme-twentytwenty .wc-block-grid__product-price del{opacity:.5}.theme-twentytwenty .wc-block-components-product-price ins,.theme-twentytwenty .wc-block-grid__product-price ins{text-decoration:none}.theme-twentytwenty .star-rating,.theme-twentytwenty .wc-block-grid__product-rating{font-size:.7em}.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars{line-height:1}.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link,.theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif}.theme-twentytwenty .wc-block-components-product-sale-badge,.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{background:#cd2653;color:#fff;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:uppercase}.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge{position:static}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge{position:absolute}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge){position:absolute;right:4px;top:4px;z-index:1}.theme-twentytwenty .wc-block-active-filters__title,.theme-twentytwenty .wc-block-attribute-filter__title,.theme-twentytwenty .wc-block-price-filter__title,.theme-twentytwenty .wc-block-stock-filter__title{font-size:1em}.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all,.theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{font-size:.75em}@media only screen and (min-width:768px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}@media only screen and (min-width:1168px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart{display:block;margin-top:12px}.theme-twentytwentytwo .wc-block-components-product-price ins,.theme-twentytwentytwo .wc-block-grid__product-price ins{text-decoration:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip-path:none;color:#2b2d2f;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.wp-block-group.woocommerce.product .up-sells.upsells.products{max-width:var(--wp--style--global--wide-size)}
@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-notice-banner{align-content:flex-start;align-items:stretch;background-color:#fff;border:1px solid;border-radius:4px;box-sizing:border-box;color:#2f2f2f;display:flex;font-size:.875em;font-weight:400;gap:12px;line-height:1.5;margin:16px 0;padding:16px!important}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content{-ms-grid-row-align:center;align-self:center;flex-basis:100%;padding-right:16px;white-space:normal}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child{padding-right:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary{font-weight:600;margin:0 0 8px}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul{margin:0 0 0 24px;padding:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after{clear:both;content:"";display:block}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{-moz-appearance:none;appearance:none;background:transparent!important;border:0;color:#2f2f2f!important;float:right;margin:0;opacity:.7;padding:0!important;text-decoration-line:underline;text-underline-position:under;transition:all .2s ease-in-out}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{opacity:1;text-decoration:none}.wc-block-components-notice-banner>svg{fill:#fff;background-color:#2f2f2f;border-radius:50%;flex-grow:0;flex-shrink:0;height:100%;padding:2px}.wc-block-components-notice-banner>.wc-block-components-button{background:transparent none!important;border:0!important;box-shadow:none!important;color:#2f2f2f!important;flex:0 0 16px;height:16px!important;margin:6px 0 0 auto!important;min-height:auto!important;min-width:0!important;opacity:.6;outline:none!important;padding:0!important;width:16px!important}.wc-block-components-notice-banner>.wc-block-components-button>svg{margin:0!important}.wc-block-components-notice-banner>.wc-block-components-button:active,.wc-block-components-notice-banner>.wc-block-components-button:focus,.wc-block-components-notice-banner>.wc-block-components-button:hover{opacity:1}.wc-block-components-notice-banner.is-error{background-color:#fff0f0;border-color:#cc1818}.wc-block-components-notice-banner.is-error>svg{background-color:#cc1818;transform:rotate(180deg)}.wc-block-components-notice-banner.is-warning{background-color:#fffbf4;border-color:#f0b849}.wc-block-components-notice-banner.is-warning>svg{background-color:#f0b849;transform:rotate(180deg)}.wc-block-components-notice-banner.is-success{background-color:#f4fff7;border-color:#4ab866}.wc-block-components-notice-banner.is-success>svg{background-color:#4ab866}.wc-block-components-notice-banner.is-info{background-color:#f4f8ff;border-color:#007cba}.wc-block-components-notice-banner.is-info>svg{background-color:#007cba}.woocommerce.wc-block-store-notices.alignwide{max-width:var(--wp--style--global--wide-size)}@font-face {
font-family: 'Montserrat';
src: url(//development.web2pack.fr/wp-content/plugins/boutique-web2pack/assets/fonts/Montserrat-VariableFont_wght.ttf) format('truetype'); font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url(//development.web2pack.fr/wp-content/plugins/boutique-web2pack/assets/fonts//Montserrat-Italic-VariableFont_wght.ttf) format('truetype'); font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url(//development.web2pack.fr/wp-content/plugins/boutique-web2pack/assets/fonts//Montserrat-Bold.ttf) format('truetype'); font-weight: bold;
font-style: italic;
} #loadingOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); z-index: 9999; display: none; } #loadingSpinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10000; color: #fff;
}
.webp-block-product {
padding: 0px 25px;
}
div#web2pack-shortcode {
text-align: -webkit-center;
margin-bottom: 40px;
}
#container-webp {
font-family: 'Montserrat', sans-serif;
max-width: 1850px;
margin-top: -1px;
}
#webp_shortcode {
text-align: -webkit-center;
}
#webp_content {
margin-top: -6px;
}
.webp-pagination {
float: right;
font-size: 25px;
font-weight: 500;
color: #34C924;
margin: 15px 25px;
}
.mnu-product .rectangle {
margin: 10px;
text-align: -webkit-center;
}
.component .component-mnu {
width: auto;
}
#carton .component-mnu {
max-width: 350px;
width: auto;
}
#carton .component-mnu ul li {
display: inline-block;
}
#carton .component-mnu ul.woof_list { column-width: auto; } #carton .component-mnu ul.woof_list li:nth-child(n+3) {
column-span: all; }
.component-2 { top: 144px;
left: 256px;
width: 102px;
height: 22px; text-align: left;
letter-spacing: 0px;
color: #245824;
opacity: 1;
}
.mnu-product .component {
margin-left:5px;
max-width: 1800px;
width: 100%;
padding-left: 15px;
}
.component .component-mnu {
margin-top:15px;
}
.mnu-product .rectangle-8,
.mnu-product .component,
.component .rectangle-25,
.component .component-mnu, 
.webp-pattern .product-list,
.webp-pattern .webp-block-product 
{
display: inline-block;
vertical-align: top; text-align: left;
}
#carton, #impression, #collection {
display: flex;
}
#impression {
width: 25%;
}
#carton {
width: 25%;
}
#collection {
width: 50%;
}
#collection .component-mnu {
width: 75%;
}
#impression .rectangle-25  { top: 120px;
left: 42px;
width: 102px;
height: 60px; background: #34C924 0% 0% no-repeat padding-box;
opacity: 1;
}
#impression .icon {
background-image: url(//development.web2pack.fr/wp-content/plugins/boutique-web2pack/assets/img/impression.svg);
top: 15px;
left: 38px;
width: 23px;
height: 17px;
opacity: 1;
position: relative;
}
#impression .txt {
left: 6px;
}
.webp-pattern {
top: 0px;
left: 0px;
width: 100%;
height: auto;
background: #F6F8F6 0% 0% no-repeat padding-box;
opacity: 1;
padding-top:5px;
display: flex;
flex-wrap: wrap; padding: 5px 15px 0px 15px;
}
.webp-pattern .product-list {
flex: 1; }
.webp-pattern .webp-block-product {
margin-top: 5px;	
min-height: 850px;
height: auto; background: #DCDCDC 0% 0% no-repeat padding-box;
border-radius: 5px;
opacity: 1;
flex: 0 0 655px;
width: 655px;
}
.webp-pattern .webp-block-product.show-fiche { background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #34C924;
border-radius: 5px;
opacity: 1;
margin-top: 5px;
}
.webp-pattern .webp-block-product .txt{
position: relative;
top: 350px;
left: 210px;
width: 248px;
height: 64px;
text-align: center;
font: normal normal bold 22px/37px Montserrat;
letter-spacing: 0px;
color: #245824;
opacity: 1;
}
.webp-pattern .webp-block-product .icon { position: relative;
top: 380px;
left: 300px;
width: 64px;
height: 64px;
opacity: 1;
background-image: url(//development.web2pack.fr/wp-content/plugins/boutique-web2pack/assets/img/feather-image.svg);
background-repeat: no-repeat; 
}
.component-mnu .woof_term {
padding-top: 4px;
}
.rectangle-25 { top: 120px;
left: 42px;
width: 123px;
height: 60px; background: #34C924 0% 0% no-repeat padding-box;
opacity: 1;
}
.component .txt {
top: 15px;
left: 25px;
width: 81px;
font: normal normal medium 16px/60px Montserrat;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
position: relative;
}
#collection .icon {
background-image: url(//development.web2pack.fr/wp-content/plugins/boutique-web2pack/assets/img/collection.svg);
top: 15px;
left: 50px;
width: 19px;
height: 19px;
opacity: 1;
position: relative;
}
#carton .rectangle-25 .icon {
left: 40px;
}
#carton .rectangle-25  { top: 120px;
left: 42px;
width: 97px;
height: 60px; background: #34C924 0% 0% no-repeat padding-box;
opacity: 1;
}
#carton .rectangle-25 .txt {
left: 20px;
}
#carton .icon {
background-image: url(//development.web2pack.fr/wp-content/plugins/boutique-web2pack/assets/img/carton.svg);
top: 15px;
left: 50px;
width: 19px;
height: 19px;
opacity: 1;
position: relative;
}
#carton .txt {
left: 35px;
}
.rectangle-25.union .polygone {
position: absolute;
width: 0;
height: 0;
border-left: 61.5px solid transparent; border-right: 61.5px solid transparent; border-top: 19px solid #34C924; bottom: 0; top: 60px; }
#carton .rectangle-25.union .polygone {
border-left: 48.5px solid transparent; border-right: 48.5px solid transparent; }
#impression .rectangle-25.union .polygone {
border-left: 52px solid transparent; border-right: 52px solid transparent; }
.component-mnu ul.woof_list, .webp-products ul {
list-style: none; padding: 0; }
.component-mnu {
padding-left: 0px;
}
.component-mnu ul.woof_list-inline {
margin-left:0px;
width: auto;
}
.component-mnu ul.woof_list-inline li, .webp-products ul li, #container-webp .inline-block {
display: inline-block; }
.mnu-product .clear-filtre {
width: 23px;
height: 23px;
opacity: 1;
float: right;
background-image: url(//development.web2pack.fr/wp-content/plugins/boutique-web2pack/assets/img/filter.svg);
margin-right: 20px;
margin-top: -51px;
z-index: 999;
position: relative;
}
.mnu-product .clear-filtre span{
display: none;
text-align: left;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
border: 1px solid #EBEBEB;
opacity: 1;
position: relative;
width: max-content;
padding: 5px 10px;
right: 35px;
top: -3px;
float: right;
background: #34C924 0% 0% no-repeat padding-box;
border: 1px solid #34C924;
}
.mnu-product .clear-filtre:hover {
cursor: pointer;
}
.mnu-product .clear-filtre:hover span{
display: block;
}
@media screen and (max-width: 1849px) {
.mnu-product .clear-filtre {
margin-top: -51px;
}
}
.webp-products ul li {
margin: 5px;
}
.rectangle.mnu-product {
width: 100%;
}
.rectangle-8 { top: 120px;
left: 0px;
height: 95px;
width: 100%; background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #EBEBEB;
opacity: 1;
}
.rectangle-8 .component {
width: 100%;
display: flex;
}
.component-mnu .woof_term{ top: 141px;
left: 179px;
height: 28px;	
padding-right:10px; opacity: 1;
width: fit-content;
}
.component-mnu .woof_term:hover, .component-mnu .woof_term.active{
background: #34C924 0% 0% no-repeat padding-box;
color: #fff;
cursor: pointer;
}
.component-mnu .woof_checkbox_label {
padding-top:0px;
text-align: left;
letter-spacing: 0px;
color: #245824;
opacity: 1;
font-size: 14px;
font-weight: 600;
}
.component-mnu .woof_term:hover .woof_checkbox_label, .component-mnu .woof_term.active .woof_checkbox_label {
text-align: left;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
cursor: pointer;
}
.webp-products { width: 100%;
height: auto;
mix-blend-mode: normal;
opacity: 1;
position: relative;
}
.webp-product-content {
top: 236px;
left: 48px;
width: 370px;
height: 171px;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 2px 13px 54px #695F9714;
opacity: 1;
}
.parent-ul {
align-items: center; margin:0 !important;
}
.component-product {
height: 104px;
margin-top: 10px;
}
.webp-product-content:hover, .webp-product-content.active  {
background: #34C924 0% 0% no-repeat padding-box;
box-shadow: 2px 13px 54px #695F9714;
opacity: 1;
cursor: pointer;
}
.webp-product-content .title{  text-align: left;
font: normal normal bold 20px/30px Montserrat;
letter-spacing: 0px;
color: #245824;
opacity: 1;
text-transform: capitalize;
line-height: 22px;
}
.webp-product-content:hover .title, .webp-product-content.active .title {
color: #FFFFFF;
}
.webp-product-content:hover .label, .webp-product-content.active .label{
font: normal normal normal 15px/20px Montserrat;
letter-spacing: 0px;
color: #FFFFFF;
}
.webp-product-content .label { text-align: left;
font: normal normal normal 15px Montserrat;
letter-spacing: 0px;
color: #7A86A1;
opacity: 1;
margin : 5px 0px;
}
.webp-product-content .tarif {
height: 25px;
background: #34C924 0% 0% no-repeat padding-box;
border-radius: 13px;
opacity: 1;
padding: 2px 10px 0px 10px;
width: fit-content;
margin-top: 10px;
font: normal normal normal 13px/20px Montserrat;
letter-spacing: 0px;
color: #fff;
margin-left: 10px;
position: relative;
top: -7px;
display: inline-block;
float: left;
}
.webp-product-content:hover .tarif,  .webp-product-content.active .tarif {
background: #FFFFFF 0% 0% no-repeat padding-box;
color: #34C924;;
}
.webp-product-content:hover .tarif span,  .webp-product-content.active .tarif span {
font: normal normal normal 13px/60px Montserrat;
letter-spacing: 0px;
color: #34C924;
}
.webp-product-info {
vertical-align:top;
width: 215px;
height: 104px;
opacity: 1;
display: inline-block;
padding-top: 15px;
padding-left: 15px;
}
.webp-product-img {
background-repeat: no-repeat;
transition: background-image 0.3s ease-in-out;
opacity: 1;
display: inline-block;
width: 135px;
height: 120px;
float: right;
right: 20px;
position: relative;
margin-top:5px;
overflow: hidden; }
.webp-img-slider .img-slick {
max-width: 100% !important;
}
.webp-product-img .webp-img-slider {
}
.webp-product-content:hover .webp-defil{
display: inline-block;
}
.list-footer {
display: inline-block;
width: 100%;
}
.webp-defil {
display: none;
float: right;
width: 135px;
right: 25px; position: relative;
top: 5px;
}
.webp-defil .prev-slide{
width: 8px;
height: 15px;
opacity: 1;
float:left;
}
.webp-defil .next-slide{
width: 8px;
height: 15px;
opacity: 1;
float:right;
margin-right: 10px;
}
.webp-defil .next-slide:hover,  .webp-defil .prev-slide:hover {
cursor: pointer;
} #productForm {
font: normal normal normal 15px Montserrat;
text-align: -webkit-center;
}
.content-slider .img-slick {
max-width: 100%;
max-height: 100%;
vertical-align: middle; }
#productForm .form-title {
margin-bottom: -5px;
}
#productForm .form-description {
top: 303px;
height: 115px;
} #productForm .slick-slider { height: 240px; }
#productForm .form-title,
#productForm .form-description {
text-align: left;
font: normal normal bold 20px/60px Montserrat;
letter-spacing: -0.2px;
color: #545454;
opacity: 1;
}
#productForm .form-title {
text-transform: uppercase;
}
#productForm .form-description {
font: normal normal normal 15px/20px Montserrat;
color: #899288;
}
.slick-slider.slick-initialized .slick-track {
opacity: 1;
width: 386px;
transform: translate3d(0px, 0px, 0px);
display: flex;
justify-content: center;
align-items: center;
}
.webp-footer-txt {
text-align: center;
font: normal normal bold 15px Montserrat;
letter-spacing: 0px;
color: #545454;
opacity: 1;
margin: 20px 0px;
}
.webp-footer-txt:hover a {
text-decoration: underline;
}
#productForm .info-list {
text-align: left;
letter-spacing: 0px;
color: #545454;
opacity: 1;
width: 450px;
margin-left: auto;
margin-right: auto;
}
#productForm .info-list .label {
height: 19px; text-align: left;
font: normal normal 500 15px/16px Montserrat;
letter-spacing: 0px;
color: #545454;
opacity: 1;
}
#productForm .info-list-div {
text-align: -webkit-center;
margin-top: 20px;
}
#productForm .info-list li span.value {
letter-spacing: 0px;
color: #245824;
opacity: 1;
float: right;
font-size: 13px;
font-weight: 600;
float: right;
}
#productForm .info-list li::marker {
color: #34C924; font-size: 18px;
}
#productForm .table-container {
text-align: -webkit-left;
width: fit-content;
margin-left: auto;
margin-right: auto;
margin-top: 1rem;
}
.table-container .cols {
padding: 5px;
display: inline-block;
}
.table-container .nb-lot {
width: 200px;
}
.table-container .unity {
width: 125px;
}
.table-container .price {
width: 150px;
}
#productForm .buttons, .fancybox-content .buttons  {
margin-top: 20px;
text-align: center; }
#productForm .buttons,
.fancybox-content .buttons {
margin-left: auto; margin-right: auto; }
#productForm .buttons button, .fancybox-content .buttons button {
margin-right: 10px;
}
.fancybox-content .buttons button:focus {
border: 1px solid #EBEBEB !important;
}
#container-webp .buttons button.cancel-button, .fancybox-content .buttons button.cancel-button{
height: 40px; background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #EBEBEB;
border-radius: 17px;
opacity: 1; text-align: center;
font: normal normal bold 15px/25px Montserrat;
letter-spacing: 0px;
color: #7A86A1;
opacity: 1;
padding: 0 15px;
}
#container-webp .buttons button.cancel-button:hover, .fancybox-content .buttons button.cancel-button:hover {
background: #34C924 0% 0% no-repeat padding-box;
color: #FFFFFF;
border: 1px solid #EBEBEB;
}
#productForm #id_dimension {
width: auto;
float: right;
height: 39px;
top: -10px;
position: relative;
padding-right: 30px;
}
#container-webp .buttons button.submit-button, .fancybox-content .buttons button.submit-button {
height: 40px; background: #34C924 0% 0% no-repeat padding-box;
box-shadow: 1px 8px 29px #695F9724;
border-radius: 17px;
text-align: center;
font: normal normal bold 15px/25px Montserrat;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
border: 1px solid #EBEBEB;
padding: 0 15px;
}
#container-webp .buttons button.submit-button:hover, .fancybox-content .buttons button.submit-button:hover {
border: 1px solid #EBEBEB;
background: green 0% 0% no-repeat padding-box;
}
#productForm .content-slider {
width: 200px;
}
.content-slider {
opacity: 1;
position: relative;
width: 587px;
height: 275px;
margin-top: -20px;
margin-bottom: 40px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.webp-defil-fiche {
position: absolute;
}
.prev-slide-fiche, .next-slide-fiche {
width: fit-content;
position: absolute;
top: 125px;
cursor: pointer;
z-index: 9;
}
.prev-slide-fiche {
left: -200px;
}
.next-slide-fiche {
right: -200px;
} .next-slide-fiche.slick-disabled path, .prev-slide-fiche.slick-disabled path { stroke: #ccc;  }
#webp_price {
background: #34C924 0% 0% no-repeat padding-box;
color: #fff;
}
#productForm input, #productForm select {
border-color: #34C924;
width: 100%;
}
#productForm select {
scrollbar-color: #34c924 #f1f1f1; scrollbar-width: thin; }
#productForm select::-webkit-scrollbar {
width: 12px; }
#productForm select::-webkit-scrollbar-track {
background: #f1f1f1; }
#productForm select::-webkit-scrollbar-thumb {
background-color: #34c924; border-radius: 6px; } .popup-webp .title-popup {
width: 100%;
background: #34C924;
padding: 5px;
}
.popup-webp.fancybox-content {
padding:0px;
}
.popup-webp .title-txt {
color: aliceblue;
width: 100%;
text-align: center;
font-size: 14px;
}
.content-webp{
padding: 20px;
}
.popup-webp .btn-popup {
margin-bottom: 15px;
margin-top: 15px;
}
.popup-webp .btn-action {
margin: 15px;
}
#fancy-formContact{ background-color: #fff;    
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
max-width: 500px; margin: 0 auto; height: auto !important;
} #fancy-formContact .green-txt {
font-weight: 400;
align-items: center;
background-color: rgb(52, 201, 36);
border-bottom-style: solid;
color: #fff;
padding: 5px 10px;
font-size: 13px;
margin-top: 10px;
display: block;
width: fit-content;
}
#fancy-formContact {
margin: 20px auto;
max-width: 900px;
}
#fancy-formContact .cols-50 {
width: 49%;
display: inline-block;
}
#fancy-formContact .form-group {
margin-bottom: 20px;
}
#fancy-formContact .form-group-r {
margin-left: 5px;
}
#fancy-formContact .form-label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}
#fancy-formContact .input-text,
#fancy-formContact .textarea {
width: 100%;
background-color: #ffffff;
border-color: #34C924;
border-width: 1px 1px 1px 1px;
border-radius: 2px 2px 2px 2px;
border: 1px solid #34C924;
}
#fancy-formContact .button {
padding: 10px 20px;
background-color: #0073e6;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
#fancy-formContact .button:hover {
background-color: #005cb2;
}
#fancy-formContact .tbl-cus-section {
} .woocommerce-order-details ul.wc-item-meta li .wc-item-meta-label {
vertical-align: top;
}
.woocommerce-cart-form img.size-woocommerce_thumbnail, 
.widget_shopping_cart_content img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
width: 50px;
}
.info-list-div > ul.info-list > li:first-child {
margin-bottom: 30px;
}
.button.reset_search_form {
display: none;
} @media (max-width: 1200px) {
#collection .component-mnu {
width: 100%;
}
.polygone {
display: none;
}
.rectangle-25, .rectangle-25.union, #carton .rectangle-25, #impression .rectangle-25 {
display: block;
text-align: -webkit-center !important;
width: 100%;
padding-bottom: 5px;
margin-bottom: 9px;
}
.rectangle-25 .icon, .component .txt {
left:0 !important;
display: inline-block;
font-weight: 600;
font-size: 15px;
}
.component .component-mnu {
display: none;
}
#carton, #impression, #collection {
display: block;
float:inherit !important;
min-width: inherit;
}
#collection {
max-width: inherit !important;
}
.mnu-product .rectangle-8 {
height: auto !important;
padding: 15px;
}
.mnu-product .component {
margin: 10px 0px !important;
padding: 0 !important;
}
.component .component-mnu {
margin-top: 0px;
margin-bottom: 15px;
}
.clear-filtre span {
display: none;
}
.clear-filtre .reset_search_form {
padding: 5px 20px;
background: #245824;
color: #fff;
border-color: #fff;
}
.mnu-product .clear-filtre {
width: auto;
height: auto;
opacity: 1;
float: inherit;
background-image: none;
margin-right: 0px;
margin-top: 0px;
z-index: 999;
text-align: center;
display: none;
}
.mnu-product .clear-filtre.mobile-show {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
text-align: -webkit-center;
}
.mnu-product .clear-filtre.mobile-hide {
display: none;
}
.mnu-product .clear-filtre:hover span {
display: none;
}
.webp-pattern {
padding: 5px;
}
.webp-pattern .webp-block-product {
flex: 0 0 100%;
height: auto;
min-height: 850px;
}
.webp-pattern .webp-block-product .txt {
left : 15%;
}
.webp-pattern .webp-block-product .icon {
left: 45%;
}
.webp-block-product {
padding: 0px 10px;
}
#productForm .separator {
width: 50%;
}
#productForm .info-list {
width: 90%;
}
#productForm .info-list-div {
margin-left: 0px;
}
#productForm #id_dimension {
width: 100%;
top: 10px;
float: inherit;
}
.next-slide-fiche {
right: -60px;
}
.prev-slide-fiche {
left: -60px;
}
.info-list-div > ul.info-list > li:first-child {
margin-bottom: 10px;
}
#productForm .form-description {
min-height: 115px;
height: auto;
}
.content-slider {
margin-top: 0px;
}
.webp-product-content {
width: 360px;
}
.table-container .nb-lot {
width: 100%;
}
#carton, #impression {
display: block;
width: 100%;
}
.rectangle-8 .component {
display: block;
}
#carton, #impression, #collection {
display: block;
width: 100%;
}
.button.reset_search_form {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 12px;
}
.rectangle.mnu-product .group-29 {
text-align: center;
margin-left: auto;
margin-right: auto;
}
} .zoomWindow {
border: 2px solid #34C924 !important;
} #productForm .wrap-content{
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
#productForm .wrap-content .info-list{
width:100%;
margin: 0;
}
#productForm .wrap-content .content-slider {
margin: 0;
width: 15vw;
min-width: 317px;
padding: 0 3rem;
}
#productForm .wrap-content .slick-slider,
#productForm .wrap-content .content-slider{
height:222px;
}
#productForm .wrap-content .prev-slide-fiche{
left: 0
}
#productForm .wrap-content .next-slide-fiche{
right: 0
}
#productForm .wrap-content .info-list .label{
font-weight: 400;
}
#productForm .wrap-content .info-list-div div{
position: relative;
}
#productForm .wrap-content .info-list-div > ul.info-list > li:first-child{
margin-bottom: 20px;
}
#productForm .wrap-content .info-list-div > ul.info-list > li:first-child::marker{
font-size:0;
color:#fff
}
#productForm .wrap-content .slick-slide{
max-height: 222px;
}
#productForm .wrap-content .item-dimension div{
margin-left: -1rem;
}
#productForm .wrap-content .item-dimension .label{
position: absolute;
top: -13px;
left: 2px;
z-index: 9;
background: #fff;
padding: 5px;
}
#productForm .wrap-content #id_dimension{
top: 0;
margin: 0;
float: none;
width: 100%;
height: 45px;
font-weight: 600;
color: #245824;
}
#productForm .wrap-content .info-list li ~ li{
margin-top: 15px;
}
#productForm .wrap-content .info-list-div{
width: 100%;
padding: 0 0 0 3rem;
}
#productForm .grille-tarifaire{
position: relative;
margin: 30px 0 0
}
#productForm .grille-tarifaire .inner-grille {
background: #F3F4F4;
border: 1px solid #34C924;
border-radius: 5px;
min-height:205px
}
#productForm .grille-tarifaire .grille-title::before {
content: "";
position: absolute;
left: 0;
top: -1px;
height: 50%;
background: white;
display: block;
width: 100%;
}
#productForm .grille-tarifaire .grille-title {
position: absolute;
left: 20px;
top: -9px;
background: #f3f4f4;
padding: 0 10px;
}
#productForm .grille-tarifaire .grille-title span{
position: relative;
z-index: 9;
}
#productForm .grille-tarifaire .grille-list {
padding: 22px 10px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 12px 20px;
justify-content: flex-start;
align-items: flex-start;
}
#productForm .grille-tarifaire .grille-item {
border: 1px solid #34C924;
background: #F6F8F6;
height: 45px;
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 10px 0 0;
justify-content: space-between;
width: 31%;
}
#productForm .grille-tarifaire .grille-unit {
display: block;
font-size: 8px;
font-weight: 400;
}
#productForm .grille-tarifaire .grille-price {
font-size: 15px;
font-weight: 500;
text-align: left;
}
#productForm .grille-tarifaire .grille-qtt {
height: 100%;
display: flex;
padding: 0 0 0 10px;
min-width: 111px;
align-items: center;
font-size: 13px;
font-weight: 500;
color: #fff;
background: url(//development.web2pack.fr/wp-content/plugins/boutique-web2pack/assets/img/green-arrow.svg) no-repeat left center;
}
#productForm .table-container .nb-lot{
width:50%
}
#productForm .table-container{
display: flex;
width: 90%;
align-items: flex-end;
justify-content: space-between;
}
@media screen and (max-width: 767px){
#productForm .wrap-content {
flex-direction: column;
justify-content: center;
align-items: center;
}
#productForm .wrap-content .info-list-div {
width: 100%;
padding: 1rem;
}
#productForm .grille-tarifaire .grille-item {
width: 47%;
}
.webp-pattern .webp-block-product .txt{
left: 0;
right: 0;
margin: auto
}
}
@media screen and (max-width: 640px){
.webp-product-content {
width: calc(100% - 10px);
}
#productForm .grille-tarifaire .inner-grille {
min-height:auto;
max-height: 250px;
overflow: auto;
}
}
@media screen and (max-width: 480px){
#productForm .grille-tarifaire .grille-item {
width: 100%;
}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: rgb(30, 30, 30);
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden; display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
} .fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
} .fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
} .fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
} .fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
} .fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
} .fancybox-caption {
background: linear-gradient(to top,
rgba(0, 0, 0, .85) 0%,
rgba(0, 0, 0, .3) 50%,
rgba(0, 0, 0, .15) 65%,
rgba(0, 0, 0, .075) 75.5%,
rgba(0, 0, 0, .037) 82.85%,
rgba(0, 0, 0, .019) 88%,
rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
} .fancybox-loading {
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg);
}
} .fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1);
} .fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translate3d(0, 0, 0);
} .fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
} .fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(.5, .5, .5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1);
} .fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
} .fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
} .fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translate3d(0, 0, 0) scale(1);
} @media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}
}
} .fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
} .fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
} @media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}