| Dir : /home/sc1buiq6159/formagloba.fr/wp-content/uploads/oxygen/css/ |
| Server: Linux apophis.o2switch.net 4.18.0-553.111.1.lve.el8.x86_64 #1 SMP Fri Mar 13 13:42:17 UTC 2026 x86_64 IP: 109.234.164.184 |
| Dir : /home/sc1buiq6159/formagloba.fr/wp-content/uploads/oxygen/css/universal.css |
.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ct-div-block,
.oxy-post-content,
.ct-text-block,
.ct-headline,
.oxy-rich-text,
.ct-link-text { max-width: 100%; }
img { flex-shrink: 0; }
body * { min-height: 1px; }
} .oxy-testimonial {
flex-direction: row;
align-items: center;
}
.oxy-testimonial .oxy-testimonial-photo-wrap {
order: 1;
}
.oxy-testimonial .oxy-testimonial-photo {
width: 125px; height: 125px; margin-right: 20px;
}
.oxy-testimonial .oxy-testimonial-photo-wrap,
.oxy-testimonial .oxy-testimonial-author-wrap,
.oxy-testimonial .oxy-testimonial-content-wrap {
align-items: flex-start; text-align: left; }
.oxy-testimonial .oxy-testimonial-text {
margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author {
font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author-info {
font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-icon-box {
text-align: left; flex-direction: column; }
.oxy-icon-box .oxy-icon-box-icon {
margin-bottom: 12px;
align-self: flex-start; }
.oxy-icon-box .oxy-icon-box-heading {
font-size: 21px;
margin-bottom: 12px; }
.oxy-icon-box .oxy-icon-box-text {
font-size: 16px;
margin-bottom: 12px;align-self: flex-start; }
.oxy-icon-box .oxy-icon-box-link {
margin-top: 20px; }
/* GLOBALS */
.oxy-pricing-box .oxy-pricing-box-section {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center; }
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
justify-content: center; }
/* IMAGE */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
justify-content: center; }
/* TITLE */
.oxy-pricing-box .oxy-pricing-box-title-title {
font-size: 48px;
}
.oxy-pricing-box .oxy-pricing-box-title-subtitle {
font-size: 24px;
}
/* PRICE */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
flex-direction: row; }
.oxy-pricing-box .oxy-pricing-box-currency {
font-size: 28px;
}
.oxy-pricing-box .oxy-pricing-box-amount-main {
font-size: 80px;
line-height: 0.7;
}
.oxy-pricing-box .oxy-pricing-box-amount-decimal {
font-size: 13px;
}
.oxy-pricing-box .oxy-pricing-box-term {
font-size: 16px;
}
.oxy-pricing-box .oxy-pricing-box-sale-price {
font-size: 12px;
color: rgba(0,0,0,0.5);
margin-bottom: 20px; }
/* CONTENT */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
font-size: 16px;
color: rgba(0,0,0,0.5);
}
/* CTA */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
justify-content: center; }
.oxy-progress-bar .oxy-progress-bar-background {
background-color: #000000; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent); animation: none 0s paused; }
.oxy-progress-bar .oxy-progress-bar-progress-wrap {
width: 85%; }
.oxy-progress-bar .oxy-progress-bar-progress {
background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);
}
.oxy-progress-bar .oxy-progress-bar-overlay-text {
font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-progress-bar .oxy-progress-bar-overlay-percent {
font-size: 12px;
}
.ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
padding: 0px; }
.oxy-superbox .oxy-superbox-secondary,
.oxy-superbox .oxy-superbox-primary {
transition-duration: 0.5s; }
.oxy-shape-divider {
width: 0px;
height: 0px;
}
.oxy_shape_divider svg {
width: 100%;
}
.oxy-oxyninja-slider .oxy-dynamic-list {
display: flex !important;
flex-direction: row !important;
align-items: unset;
justify-content: unset;
flex-wrap: unset;
}
.oxy-oxyninja-slider {
width: 100%;
position: relative;
}
.oxy-oxyninja-slider img {
object-fit: cover;
}
#glightbox-body {
z-index: 9999999999 !important;
}
.oxy-oxyninja-slider:focus,
.oxy-oxyninja-slider *:focus {
outline: 0;
}
.splide__list {
margin: 0 !important;
padding: 0 !important;
height: 100%;
display: flex;
width: -webkit-max-content;
width: max-content;
will-change: transform;
}
.splide__track > .splide__list {
width: 100%;
}
.splide__track > .splide__list > .splide__slide {
transform: translate3d(0px, 0, 0);
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-ms-transform: translate3d(0px, 0, 0);
-o-transform: translate3d(0px, 0, 0);
will-change: inherit;
}
.splide__list > .splide__slide:first-child {
z-index: 2;
}
.splide--fade > .splide__track>.splide__list {
display: flex !important;
}
.on-product-badges {
position: absolute;
z-index: 9;
}
.on-product-badges span:not(:first-of-type) {
margin-left: 5px;
}
.on-product-badges span.on-new,
.on-product-badges span.on-custom-badge,
.on-product-badges span.on-sale {
display: inline-block;
background-color: white;
color: black;
font-size: 12px;
padding: 6px 12px;
line-height: 1.2;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
opacity: 0.8;
}
/*---------Font Smoothing---------*/
.woocommerce {
-webkit-font-smoothing: antialiased;
}
/*------Rating Stars--------*/
.woocommerce .star-rating::before,
.woocommerce .stars:not(.selected) span a,
.woocommerce .stars.selected span a.active ~ a {
color: #d3d3d3;
}
.woocommerce .star-rating,
.woocommerce .stars.selected span a {
color: #65bec2;
}
/*-----Product Images------*/
.woocommerce div.flex-viewport,
.woocommerce-product-gallery__wrapper,
.woocommerce div.product div.images .flex-control-thumbs li,
.woocommerce ul.products li.product a img,
.woocommerce-cart table.cart img {
min-width: 64px;
min-height: 64px;
border: 1px solid #d3ced2;
overflow: hidden;
}
.flex-viewport .woocommerce-product-gallery__wrapper {
border: none; /* Remove duplicated borders */
border-radius: 0 !important; /* Fix duplicated radius */
margin: 0 !important; /* Fix duplicated margin */
}
/*----------Secondary Buttons-------------*/
.woocommerce button.button.alt,
.woocommerce a.button,
.woocommerce ul.products li.product .button,
.woocommerce #review_form #respond .form-submit input,
.woocommerce a.button.alt,
.woocommerce button.button {
background: var(--btn-color-alt);
border: 1px solid var(--btn-color-alt);
font-size: 12px;
border-radius: 0px;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--btn-font-color-alt);
line-height: 1.2;
text-align: center;
padding: 16px 24px;
outline: none;
font-family: inherit;
border-radius: var(--btn-border-radius) ;
display: flex;
flex-direction: row;
justify-content: center;
}
/*----------Secondary Hovered-------------*/
.woocommerce button.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button:hover {
background: var(--btn-color-alt--hover);
border: 1px solid var(--btn-color-alt--hover);
color: var(--btn-font-color-alt);
}
/*----------Tertiary Buttons-------------*/
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a,
.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce a.added_to_cart,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce table.my_account_orders .button,
td a.woocommerce-MyAccount-downloads-file.button.alt {
line-height: 1.2;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
font-size: 12px;
background: var(--btn-color-alt);
border: 1px solid var(--accent-1);
color: var(--accent-1);
padding: 16px 24px;
outline: none;
font-family: inherit;
border-radius: var(--btn-border-radius) ;
}
/*----------Tertiary Buttons Hovered-------------*/
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce .widget_shopping_cart .buttons a:hover,
.woocommerce.widget_shopping_cart .buttons a:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover,
.woocommerce table.my_account_orders .button:hover,
td a.woocommerce-MyAccount-downloads-file.button.alt:hover {
background: var(--btn-color-alt);
border: 1px solid var(--btn-color-alt);
color: var(--btn-color-alt);
}
/*---Disabled Buttons---*/
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled, .woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
filter: grayscale(100%);
}
/*----------Links-------------*/
.woocommerce a.wcppec-checkout-buttons__button,
.woocommerce ul.product_list_widget li a,
.woocommerce ul.product-categories a,
.woocommerce .widget_layered_nav_filters ul li a,
.woocommerce .woocommerce-widget-layered-nav-list__item a,
.woocommerce .wc-layered-nav-rating a,
.woocommerce div.tagcloud a,
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
h2.woocommerce-loop-category__title,
.comment-form-rating a,
.woocommerce .download-product a,
a.woocommerce-remove-coupon,
.woocommerce a.shipping-calculator-button,
.woocommerce a.remove,
.woocommerce a.reset_variations,
.woocommerce .product-name a,
.woocommerce-info a,
.woocommerce-error a,
.woocommerce-message a,
.woocommerce-checkout-payment a,
.woocommerce-LostPassword a,
.woocommerce-Address-title a,
.woocommerce-MyAccount-navigation-link a,
.woocommerce-MyAccount-content a,
a.woocommerce-review-link,
.posted_in a,
.tagged_as a,
.woocommerce .woocommerce-breadcrumb a {
color: #6799b2;
font-weight: 400;
font-family: inherit;
text-decoration: none;
}
/*----------Links Hovered-------------*/
.woocommerce a.wcppec-checkout-buttons__button:hover,
.woocommerce ul.product_list_widget li a:hover,
.woocommerce ul.product-categories a:hover,
.woocommerce .widget_layered_nav_filters ul li a:hover,
.woocommerce .woocommerce-widget-layered-nav-list__item a:hover,
.woocommerce div.tagcloud a:hover,
.comment-form-rating a:hover,
.woocommerce .download-product a:hover,
a.woocommerce-remove-coupon:hover,
.woocommerce a.shipping-calculator-button:hover,
.woocommerce a.remove:hover,
a.reset_variations:hover .product-name a:hover,
.woocommerce .product-name a:hover,
.woocommerce-info a:hover,
.woocommerce-error a:hover,
.woocommerce-message a:hover,
.woocommerce-checkout-payment a:hover,
.woocommerce-LostPassword a:hover,
.woocommerce-Address-title a:hover,
.woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-MyAccount-content a:hover,
a.woocommerce-review-link:hover,
.posted_in a:hover,
.tagged_as a:hover,
.woocommerce .woocommerce-breadcrumb a:hover {
color: #65bec2;
text-decoration: underline;
}
/*-----------Labels----------------*/
.woocommerce div.product form.cart .variations label,
.woocommerce form label {
font-size: 12px;
color: #666666;
margin-top: 8px;
font-weight: 400;
font-style: normal;
}
/*---------------Placeholders----------------*/
.woocommerce input[type="search"]::placeholder,
.woocommerce-page table.cart td.actions .input-text::placeholder,
.woocommerce form .form-row .input-text::placeholder,
.woocommerce-page form .form-row .input-text::placeholder {
color: #d3ced2;
font-family: inherit;
}
/*---------------Dropdowns----------------*/
.select2-container--default .select2-selection--single,
.woocommerce div.product form.cart .variations select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #000000;
background: #ffffff;
font-family: inherit;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 4px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
background: #6799b2;
color: #ffffff;
outline: none;
}
.select2-container--default .select2-results__option[data-selected=true] {
background: #65bec2;
color: #ffffff;
outline: none;
}
.select2-results__option {
padding: 8px 12px;
font-size: 14px;
-webkit-font-smoothing: antialiased;
}
.select2-dropdown {
border-radius: 0;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 1.6;
color: #000000;
padding: 0;
min-height: 20px;
padding-left: 0;
outline: none;
}
.select2-container--open .select2-dropdown--below {
padding: 0;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
background: url(https://formagloba.fr/wp-content/plugins/oxygen-woocommerce/elements/assets/chevron-down.svg);
background-size: 6px;
background-repeat: no-repeat;
background-position: 4px center;
height: 100%;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__clear {
display: none;
pointer-events: none;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
/*---------------Headings----------------*/
.woocommerce .oxy-product-info h2,
.woocommerce .widget_recent_reviews h2,
.woocommerce .widget_top_rated_products h2,
.woocommerce .widget_shopping_cart h2,
.woocommerce .widget_products h2,
.woocommerce .widget_product_categories h2,
.woocommerce .widget_layered_nav_filters h2,
.woocommerce .woocommerce-widget-layered-nav h2,
.woocommerce .widget_rating_filter h2,
.woocommerce .widget_price_filter h2,
.woocommerce div.widget_product_tag_cloud h2,
.woocommerce h1.page-title,
.woocommerce h1.product_title,
.woocommerce section.related.products h2,
.oxy-product-upsells > :is(h1, h2, h3, h4, h5, h6),
.woocommerce h2.woocommerce-Reviews-title,
.woocommerce span.comment-reply-title,
.woocommerce-Tabs-panel h2,
h2.woocommerce-order-downloads__title,
.woocommerce-orders article header h1,
.woocommerce-account article header h1,
.woocommerce-downloads article header h1,
.woocommerce-edit-address article header h1,
.woocommerce-account h2,
.woocommerce-Address-title h3,
.woocommerce-MyAccount-content h3,
.woocommerce-EditAccountForm legend,
h1.oxy-woo-archive-title,
h2.woocommerce-column__title,
h2.woocommerce-order-downloads__title,
h2.woocommerce-order-details__title,
.woocommerce-billing-fields h3,
.woocommerce-checkout h3,
.woocommerce .cart_totals h2,
.woocommerce .cross-sells h2 {
color: #000000;
font-weight: 700;
line-height: 1.2;
margin-bottom: 8px;
}
/*--------Prices and Quantity------------*/
.woocommerce .price_label .from,
.woocommerce .price_label .to,
.woocommerce ul.products li.product .price,
.product-quantity,
.woocommerce .price ins,
.woocommerce-Price-amount,
.woocommerce-loop-category__title .count,
.woocommerce .price {
color: #000000;
font-weight: 700;
font-size: 16px;
background: transparent;
text-decoration: none;
}
/*----Sale Price-----*/
.woocommerce .product_list_widget del span.woocommerce-Price-amount,
.woocommerce ul.products li.product .price del,
.woocommerce .price del,
.woocommerce .price del .woocommerce-Price-amount {
font-size: 12px;
font-weight: 200;
color: #666666;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product span.price ins {
color: #000000;
font-weight: 700;
font-size: inherit;
}
.woocommerce div.product p.price {
font-size: 16px;
}
.woocommerce div.product p.price ins,
.woocommerce .oxy-woo-element .price ins {
text-decoration: none;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce p.price del,
.woocommerce ul.products li.product .price del {
opacity: 1;
display: block;
}
/*--------------Table Headings----------------*/
.woocommerce-cart table.cart th,
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce table.shop_table th,
.woocommerce table.shop_table tfoot th {
font-weight: 400;
color: #666666;
font-size: 10px;
text-align: left;
text-transform: uppercase;
letter-spacing: 1px;
}
/*-------------------Texts---------------------*/
.woocommerce .woocommerce-mini-cart__total strong,
.woocommerce .woocommerce-mini-cart span.quantity,
.woocommerce .widget_product_categories span.count,
.woocommerce .woocommerce-widget-layered-nav-list__item span,
.woocommerce-product-attributes-item__value p,
.woocommerce-error,
.woocommerce-table--order-downloads,
.woocommerce-Address address,
.woocommerce-orders-table,
.woocommerce-table,
ul.woocommerce-shipping-methods,
p.woocommerce-shipping-destination,
.woocommerce-column--shipping-address address,
.woocommerce-column--billing-address address,
.woocommerce-order p,
.woocommerce .product-name,
.woocommerce .product-total,
.oxy-product-stock p,
.oxy-product-description p,
.woocommerce-Reviews .comment-text p,
.product .summary .product_meta,
.woocommerce-Tabs-panel,
.woocommerce-product-details__short-description p,
.woocommerce-form-track-order p,
.woocommerce-checkout-payment p,
.checkout_coupon p,
.woocommerce-ResetPassword p,
.woocommerce-info,
.woocommerce-error,
.woocommerce-message,
.woocommerce-MyAccount-content p,
.woocommerce-breadcrumb,
p.woocommerce-result-count {
color: #666666;
font-weight: 400;
line-height: 1.6;
font-size: 16px;
font-style: normal;
}
/*------------Bold Texts---------------*/
.woocommerce-product-attributes-item__label,
.woocommerce-error strong,
.woocommerce-MyAccount-content strong,
.woocommerce-shipping-destination strong,
.woocommerce p.order-info mark,
.woocommerce-MyAccount-content mark.order-number,
.woocommerce-MyAccount-content mark.order-date,
.woocommerce-MyAccount-content mark.order-status,
.woocommerce-order-overview strong {
color: #000000;
font-weight: 700;
font-family: inherit;
background: transparent;
}
/*--------------------Badges---------------------*/
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
background: #65bec2;
font-size: 12px;
padding: 6px 12px;
line-height: 1.2;
border-radius: 20px;
min-width: 0;
min-height: 0;
margin: 0;
top: 12px;
left: 12px;
right: auto;
position: absolute;
}
/* ----------------- */
/*-------------Product Tabs(description, addtl info, reviews) - single product--------------*/
.woocommerce div.product .oxy-woo-element .woocommerce-tabs .panel,
.woocommerce .oxy-woo-element div.product .woocommerce-tabs .panel {
margin-bottom: 0;
padding: 20px 0;
}
.woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs,
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs {
padding-left: 5px;
display: flex;
text-align: center;
margin-bottom: 0;
flex-shrink: 0;
}
.woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li,
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li {
border-radius: 0;
padding: 0;
margin: 0 5px;
display: flex;
align-items: center;
}
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li::before {
display: none;
}
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li::after {
display: none;
}
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li a {
width: 100%;
color: #999;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
outline: none;
padding: 16px 48px;
z-index: 1000;
font-weight: 400;
border-radius: 0;
word-break: break-word;
}
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li a:hover {
color: #65bec2;
}
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li.active {
background: white;
border-bottom-color: white;
}
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce
div.product
.oxy-woo-element
.woocommerce-tabs
ul.tabs
li.active
a {
color: #000000;
}
@media (max-width: 640px) {
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs {
flex-direction: column;
padding: 0;
margin-bottom: 5px;
}
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li {
margin: 5px 0;
}
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs::before {
border-bottom: none;
}
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce
div.product
.oxy-woo-element
.woocommerce-tabs
ul.tabs
li.active {
border-bottom-color: #d3ced2;
}
}
/* tabs panel content (single product, any tab content) */
.woocommerce .oxy-woo-element table.shop_attributes th,
.woocommerce .oxy-woo-element table.shop_attributes td {
border-top: 1px solid #d3ced2;
padding: 8px;
}
/* single product - add to cart */
.woocommerce .oxy-product-cart-button,
.woocommerce .oxy-woo-element div.product form.cart {
width: 100%;
max-width: 360px;
}
.woocommerce .oxy-woo-element div.product .single_add_to_cart_button,
.woocommerce .single_add_to_cart_button {
align-self: stretch;
flex-grow: 1;
border-radius: 0;
}
.woocommerce .oxy-woo-element div.product form.cart,
.woocommerce .oxy-product-cart-button form.cart,
.woocommerce div.product form.cart {
display: flex;
flex-wrap: wrap;
}
.woocommerce .oxy-woo-element div.product form.variations_form.cart,
.woocommerce .oxy-product-cart-button form.variations_form.cart {
display: flex;
flex-direction: column;
align-items: stretch;
}
.woocommerce .oxy-woo-element div.product form.cart td.value,
.woocommerce .oxy-product-cart-button td.value {
padding: 0;
}
.woocommerce .oxy-woo-element div.product .woocommerce-variation-add-to-cart,
.woocommerce .woocommerce-variation-add-to-cart {
display: flex;
width: 100%;
}
/* Primary Buttons */
.woocommerce .widget_shopping_cart .buttons a.checkout.wc-forward,
.woocommerce button[type=submit],
.woocommerce button[name=woocommerce-form-login__submit],
.woocommerce button[name=save_account_details],
.woocommerce button[name=save_address],
.woocommerce .oxy-woo-element div.product form.cart button.button.alt,
.woocommerce .oxy-product-cart-button button.button.alt,
.woocommerce div.product form.cart .button {
background-color: var(--btn-color);
color: var(--btn-font-color);
border-radius: 0;
letter-spacing: 1px;
text-transform: uppercase;
padding: 16px 24px;
font-size: 12px;
text-align: center;
border: 1px solid var(--btn-color);
border-radius: var(--btn-border-radius) ;
line-height: 1.2;
font-weight: 700;
font-family: inherit;
outline: none;
cursor: pointer;
}
.woocommerce button[type=submit]:hover,
.woocommerce button[name=woocommerce-form-login__submit]:hover,
.woocommerce button[name=save_account_details]:hover,
.woocommerce button[name=save_address]:hover,
.woocommerce .oxy-woo-element div.product form.cart button.button.alt:hover,
.woocommerce .oxy-product-cart-button button.button.alt:hover,
.woocommerce div.product form.cart .button:hover {
background-color: var(--btn-font-color);
border: 1px solid var(--btn-font-color);
}
.woocommerce .oxy-woo-element div.product form.cart button.button.alt.disabled,
.woocommerce button.button.alt.disabled {
background: #cccccc !important;
border: 1px solid #cccccc !important;
opacity: 1;
}
.woocommerce .quantity .qty {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-width: 56px;
padding: 8px 9px;
margin-right: 12px;
background: url(https://formagloba.fr/wp-content/plugins/oxygen-woocommerce/elements/assets/chevron-down.svg),
url(https://formagloba.fr/wp-content/plugins/oxygen-woocommerce/elements/assets/chevron-up.svg), #ffffff;
background-size: 6px, 6px;
background-repeat: no-repeat, no-repeat;
background-position: right 0.8em bottom calc(50% - 5px), right 0.8em top calc(50% - 5px);
height: 100%;
}
.woocommerce table.variations tr {
border-top: none;
}
.woocommerce .oxy-woo-element div.product form.cart .variations,
.woocommerce div.product .oxy-product-cart-button form.cart .variations {
margin-bottom: 0;
}
.woocommerce .oxy-woo-element div.product form.cart table.variations tr,
.woocommerce table.variations tr {
display: flex;
flex-direction: column;
}
.woocommerce
.oxy-woo-element
div.product
form.cart
table.variations
tr
td
label,
.woocommerce .oxy-product-cart-button table.variations tr td label {
font-size: 12px;
margin-right: 12px;
}
.woocommerce .oxy-woo-element div.product form.cart table.variations tr td a,
.woocommerce .oxy-product-cart-button table.variations tr td a {
font-size: 12px;
}
.woocommerce .oxy-woo-element div.product form.cart a.reset_variations:before,
.woocommerce .oxy-product-cart-button table.variations tr td a:before {
content: "Ă— ";
}
.woocommerce .oxy-woo-element div.product form.cart .variations,
.woocommerce .oxy-product-cart-button div.product form.cart .variations {
margin-bottom: 0;
}
.woocommerce .woocommerce-ordering select,
.woocommerce .oxy-woo-element div.product form.cart .variations select,
.woocommerce div.product .oxy-product-cart-button form.cart .variations select,
.woocommerce div.product form.cart .variations select,
.woocommerce form.cart .variations select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
line-height: 1.2;
cursor: pointer;
width: 100%;
position: relative;
background: url(https://formagloba.fr/wp-content/plugins/oxygen-woocommerce/elements/assets/chevron-down.svg), #ffffff;
background-size: 6px;
padding-right: 24px;
background-repeat: no-repeat;
background-position: right 0.8em center;
}
.woocommerce input[type="number"]::-webkit-inner-spin-button,
.woocommerce input[type="number"]::-webkit-outer-spin-button {
margin-right: -9px;
opacity: 0.01;
width: 24px;
height:48px;
cursor: pointer;
}
/* single product - rating below title / rating element */
.woocommerce .oxy-woo-element div.product .woocommerce-product-rating,
.woocommerce .oxy-product-rating .woocommerce-product-rating,
.woocommerce div.product .oxy-product-rating .woocommerce-product-rating {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.woocommerce
.oxy-woo-element
div.product
.woocommerce-product-rating
.star-rating::before,
.woocommerce .oxy-product-rating .star-rating::before {
position: relative;
color: #d3d3d3;
}
.woocommerce
.oxy-woo-element
div.product
.woocommerce-product-rating
.star-rating,
.woocommerce .oxy-product-rating .woocommerce-product-rating .star-rating {
width: auto;
letter-spacing: 2px;
margin: 0 0 0 0;
}
.woocommerce
.oxy-woo-element
div.product
.woocommerce-product-rating
a.woocommerce-review-link,
.woocommerce .oxy-product-rating a.woocommerce-review-link {
font-size: 12px;
}
.woocommerce
.oxy-woo-element
div.product
.woocommerce-product-rating
.star-rating
span,
.woocommerce .oxy-product-rating .woocommerce .star-rating span {
color: #65bec2;
}
/* Transitions */
.woocommerce .flex-control-thumbs li,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item,
.select2-search--dropdown .select2-search__field,
.woocommerce
label.woocommerce-form__label.woocommerce-form__label-for-checkbox
span::before,
.woocommerce ul.tabs li,
.woocommerce .woocommerce-product-gallery__trigger:after,
.woocommerce .woocommerce-product-gallery__trigger:before,
.woocommerce img:not(.zoomImg):not(.pswp__img),
.woocommerce textarea,
.woocommerce .checkbox,
.woocommerce .select2-selection,
.woocommerce input,
.woocommerce button,
.woocommerce select,
.woocommerce a {
transition: all ease 0.2s;
}
/* End of Transitions */
/* Input Styles */
.woocommerce-cart table.cart td.actions .coupon .input-text,
.select2-container--default .select2-search--dropdown .select2-search__field,
.woocommerce textarea,
.select2-dropdown,
.woocommerce .select2-selection,
.woocommerce input[type="search"],
.woocommerce input[type="text"],
.woocommerce input[type="number"],
.woocommerce input[type="tel"],
.woocommerce input[type="email"],
.woocommerce input[type="password"],
.woocommerce select {
height: auto;
font-size: 14px;
border: 1px solid #d3ced2;
background: #ffffff;
color: #000000;
outline: none;
font-family: inherit;
padding: 8px 12px;
border-radius: 4px;
resize: none;
}
/* Focus State */
.woocommerce-cart table.cart td.actions .coupon .input-text:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce textarea:focus,
.select2-dropdown:focus,
.woocommerce .select2-selection:focus,
.woocommerce input[type="search"]:focus,
.woocommerce input[type="text"]:focus,
.woocommerce input[type="number"]:focus,
.woocommerce input[type="tel"]:focus,
.woocommerce input[type="email"]:focus,
.woocommerce input[type="password"]:focus,
.woocommerce select:focus {
border: 1px solid #65bec2;
box-shadow: 0 0 5px #65bec2;
}
/* End of Inputs */
/* Custom Checkbox */
.woocommerce-form-login input[type="checkbox"],
.oxy-woo-checkout input[type="checkbox"] {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 0.01;
display: none !important;
}
.woocommerce-form-login
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme,
.oxy-woo-checkout
label.woocommerce-form__label.woocommerce-form__label-for-checkbox {
position: relative;
cursor: pointer;
padding-left: 16px;
margin-top: 0;
}
.woocommerce-form-login
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span,
.oxy-woo-checkout
label.woocommerce-form__label.woocommerce-form__label-for-checkbox span{
margin-left: 18px;
}
.woocommerce-form-login
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme
span::before,
.oxy-woo-checkout
label.woocommerce-form__label.woocommerce-form__label-for-checkbox
span::before {
width: 24px;
height: 24px;
border: 1px solid #d3ced2;
background-color: #ffffff;
content: "";
position: absolute;
left: 0;
top: 0;
background-size: 50%;
border-radius: 4px;
background-repeat: no-repeat;
background-position: center center;
}
input[type="checkbox"]:checked ~ span::before,
input[type="checkbox"]:checked ~ label span::before {
background: url(https://formagloba.fr/wp-content/plugins/oxygen-woocommerce/elements/assets/check-mark.svg), #ffffff;
}
.woocommerce-form-login
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
margin-top: 34px;
}
.oxy-woo-checkout
label.woocommerce-form__label.woocommerce-form__label-for-checkbox
span::before {
margin-top: -4px;
}
/* End of Custom Checkbox */
/* Product Column Fix */
.woocommerce-page.columns-1 ul.products li.product,
.woocommerce.columns-1 ul.products li.product {
width: 100%;
}
.woocommerce-page.columns-2 ul.products li.product,
.woocommerce.columns-2 ul.products li.product {
margin: 0;
width: 50%;
}
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
margin: 0;
width: 33.33%;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 25%;
display: flex;
flex-direction: column;
margin: 0;
padding: 20px;
}
.woocommerce-page.columns-5 ul.products li.product,
.woocommerce.columns-5 ul.products li.product {
margin: 0;
width: 20%;
}
.woocommerce-page.columns-6 ul.products li.product,
.woocommerce.columns-6 ul.products li.product {
margin: 0;
width: 16.6%;
}
/* End of Product Column Fix */
/*--- Radio Buttons Style ---*/
.woocommerce input[type=radio] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 24px;
height: 24px;
background: #ffffff;
border: 1px solid #d3ced2;
border-radius: 100%;
outline: none;
cursor: pointer;
}
/* WooCommerce Payments plugin compatibility */
.woocommerce input[type=radio].woocommerce-SavedPaymentMethods-tokenInput {
width: 20px !important;
height: 20px !important;
margin: 6px 8px 0 0 !important;
}
.woocommerce input[type=radio]:hover {
border: 1px solid #65bec2;
box-shadow: 0 0 5px #65bec2;
}
.woocommerce input[type=radio]:checked {
background: #000000;
box-shadow: inset 0 0 0 8px #ffffff;
}
/* WooCommerce Payments plugin compatibility */
.woocommerce input[type=radio].woocommerce-SavedPaymentMethods-tokenInput:checked {
box-shadow: inset 0 0 0 4px #ffffff;
}
.woocommerce input[type=radio]:checked:hover {
box-shadow: inset 0 0 0 8px #ffffff, 0 0 5px #65bec2;
}
/*--------------------Tables and Forms Style-------------------------*/
.oxy-woo-order-tracking form,
.woocommerce form.woocommerce-ResetPassword.lost_reset_password,
.woocommerce .woocommerce-EditAccountForm,
.woocommerce .woocommerce-address-fields,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce .col2-set,
.woocommerce-form-coupon,
.woocommerce #reviews #comments ol.commentlist li .comment-text,
ul.woocommerce-order-overview,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.checkout_coupon,
.woocommerce table.shop_table {
border: 1px solid #d3ced2;
border-top: 3px solid var(--btn-color);
border-radius: 0;
background: #ffffff;
padding: 20px;
border-collapse: collapse;
box-shadow: var(--box-shadow) 0 10px 20px;
}
fieldset {
background: transparent;
}
.woocommerce table tr {
border-top: 1px solid #d3ced2;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table th {
border: none;
padding: 12px 20px;
font-weight: 400;
color: #666666;
}
/* End of Tables and Forms Styles */
/* Notification Styles */
.woocommerce-info, .woocommerce-error, .woocommerce-message {
padding-right: 20px;
border-bottom: 1px solid #d3ced2;
border-left: 1px solid #d3ced2;
border-right: 1px solid #d3ced2;
border-radius: 0;
background: #ffffff;
border-collapse: collapse;
box-shadow: var(--box-shadow) 0 10px 20px;
}
/* Info */
.woocommerce-info::before {
color: #00adef;
}
.woocommerce-info {
border-top-color: #00adef;
}
/* Error */
.woocommerce-error::before {
color: #e96199;
}
.woocommerce-error {
border-top-color: #e96199;
}
/* Message */
.woocommerce-message::before {
color: #65bec2;
}
.woocommerce-message {
border-top-color: #65bec2;
}
/* End of Notification Sytles */
/* Shop, Uppsells, Related Product Shared Styles Styles */
.woocommerce ul.products {
display: flex;
flex-wrap: wrap;
margin: -10px -20px 20px;
}
.woocommerce ul.products li.product .button {
margin-top: auto;
}
.woocommerce a.added_to_cart {
margin-top: 12px;
}
.woocommerce-loop-product__link {
display: flex;
flex-direction: column;
}
/* Product Info Shared Styles */
.woocommerce .oxy-product-info,
.woocommerce .oxy-product-tabs {
width: 100%;
}
.woocommerce table.shop_attributes {
border-top: 1px solid #d3ced2;
border-collapse: collapse;
}
.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
background: transparent;
}
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
border-bottom: 1px solid #d3ced2;
text-align: left;
}
/* Widgets Headings */
.ct-widget .widget.woocommerce .widgettitle {
font-size: px;
font-weight: ;
font-family: ;
}
/* End of Widgets Headings */
/* Search Products Widget */
.woocommerce form.woocommerce-product-search {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.woocommerce input.search-field {
flex-grow: 1;
margin-right: 8px;
min-width: 120px;
}
/* End of Widget */
/* Product Tags Cloud Widget */
.woocommerce div.tagcloud {
line-height: 1.2;
}
/* End of Widget */
/* Filter by Price Widget */
.woocommerce .widget_price_filter .ui-slider {
margin: 20px 0;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #d3ced2;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
width: 24px;
height: 24px;
background-color: var(--btn-color);
top: -8px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: var(--btn-color);
}
.woocommerce .widget_price_filter .price_slider_amount {
display: flex;
flex-direction: row;
align-items: center;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
margin-right: 12px;
}
.woocommerce .price_label {
text-align: left;
line-height: 1.6;
}
/* End of Widget */
/* Rating Filter Widget */
.woocommerce .widget_rating_filter ul li a {
display: flex;
float: left;
align-items: center;
}
.woocommerce .widget_rating_filter ul li.chosen a::before {
color: #d3ced2;
position: relative;
content: 'Ă—';
margin-right: 4px;
top: -1px;
}
.woocommerce .widget_rating_filter ul li.chosen:hover a::before {
color: #65bec2;
}
/* End of Widget */
/* Attributes Filter Widget */
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before {
color: #d3ced2;
position: relative;
content: 'Ă—';
margin-right: 4px;
top: -1px;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen:hover a::before {
color: #65bec2;
}
/* End of Widget */
/* Active Filters Widget */
.woocommerce .widget_layered_nav_filters ul li a::before {
color: #d3ced2;
position: relative;
content: 'Ă—';
margin-right: 4px;
top: -1px;
}
.woocommerce .widget_layered_nav_filters ul li:hover a::before {
color: #65bec2;
}
.woocommerce .widget_layered_nav_filters ul li:hover span.woocommerce-Price-amount {
color: #65bec2;
}
/* End of Widget */
/* Product Categories Widget */
.woocommerce .widget_product_categories ul {
padding-left: 20px;
list-style: none;
}
.woocommerce .widget_product_categories ul li::before {
color: #d3ced2;
content: '•';
position: relative;
margin-right: 8px;
margin-left: -20px;
}
.woocommerce .widget_product_categories ul.product-categories {
margin-top: 0;
}
.woocommerce .widget_product_categories .select2-container .select2-selection--single {
height: auto;
border-color: #d3ced2;
background: url(https://formagloba.fr/wp-content/plugins/oxygen-woocommerce/elements/assets/chevron-down.svg), #ffffff;
background-size: 6px;
background-repeat: no-repeat;
background-position: right 0.8em center;
}
.woocommerce .widget_product_categories .select2-container .select2-selection--single:focus {
border-color: #65bec2;
}
.woocommerce .widget_product_categories .select2-container--default .select2-selection--single .select2-selection__arrow {
display: none;
}
.woocommerce .select2-container--open .select2-dropdown--below {
border-color: #d3ced2
}
.woocommerce .select2-container--open .select2-dropdown--above {
padding: 0;
border-color: #d3ced2;
}
.woocommerce .select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #d3ced2;
}
.woocommerce .select2-container--default .select2-search--dropdown .select2-search__field:focus {
border-color: #65bec2;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__clear {
font-weight: 300;
color: #d3ced2;
font-size: 24px;
line-height: 1;
}
.woocommerce .select2-container--default .select2-selection--single:hover .select2-selection__clear {
color: #65bec2;
}
/* End of Widget */
/* Products, Cart Widgets */
.woocommerce .product_list_widget ins {
text-decoration: none;
}
.woocommerce .product_list_widget del {
color: #666666;
}
.woocommerce ul.product_list_widget li img {
border: 1px solid #d3ced2;
width: 40px;
float: left;
margin-bottom: 16px;
margin-right: 12px;
margin-left: 0;
margin-top: 4px;
}
.woocommerce ul.product_list_widget li {
border-bottom: 1px solid #d3ced2;
margin-bottom: 4px;
padding-bottom: 8px;
}
.woocommerce .product_list_widget .reviewer {
font-size: 12px;
color: #666666;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
right: 0;
left: auto;
color: #d3ced2 !important;
font-weight: 300;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove:hover, .woocommerce.widget_shopping_cart .cart_list li a.remove:hover {
color: #65bec2 !important;
background: none;
text-decoration: none;
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li {
padding-left: 0;
}
.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a {
margin-right: 0;
}
/* End of Widget */
/*---Safari Row Hotfix---*/
.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
width: 100%;
}
/*---Product Title Hotfix (Must be in product-title.css)---*/
.woocommerce h1.product_title.oxy-product-title {
margin: 0;
}
/*---Fix for shopping cart duplication issue on AJAX update---*/
.ct-modal .woocommerce-cart-form:not(:nth-child(2)) {
display: none;
}
.ct-modal .cart-collaterals > .cart_totals:not(:nth-child(1)) {
display: none;
}
/*---Fix for WooCommerce Payments credit card images on checkout---*/
.woocommerce label[for="payment_method_woocommerce_payments"],
.woocommerce label[for="payment_method_bacs"],
.woocommerce label[for="payment_method_cod"] {
display: flex;
flex-direction: row;
}
.woocommerce label[for="payment_method_woocommerce_payments"] img,
.woocommerce label[for="payment_method_bacs"] img,
.woocommerce label[for="payment_method_cod"] img {
width: 32px;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}
.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
flex-direction: row;
}
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
align-items: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container{
top: 0;
bottom: 0;
right: auto;
left: 0;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}
.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}
.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
--oxynav-animation-name: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){
background-color: var(--oxynav-brand-color);
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
border: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){
background: transparent;
border: 1px solid currentColor;
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
filter: invert(0) !important;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
background-color: var(--oxynav-activehover-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.ct-section-inner-wrap, .oxy-header-container{
max-width: 1120px;
}
body {font-family: 'Inter';}body {line-height: ;font-size: var(--text) ;font-weight: 400;color: var(--text-dark);}.oxy-nav-menu-hamburger-line {background-color: var(--text-dark);}h1, h2, h3, h4, h5, h6 {font-family: 'Nunito';font-size: var(--h1) ;font-weight: 500;color: var(--heading-dark);}h2, h3, h4, h5, h6{font-size: var(--h2) ;}h3, h4, h5, h6{font-size: var(--h3) ;}h4, h5, h6{font-size: var(--h4) ;}h5, h6{font-size: var(--h5) ;}h6{font-size: var(--h6) ;}a {color: var(--text-dark);text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: none;}.ct-link-text:hover {text-decoration: none;}.ct-link {text-decoration: none;}.ct-link:hover {text-decoration: none;}.ct-link-button {border-radius: px;}.ct-section-inner-wrap {
padding-top: var(--section-padding-horizontal) ;
padding-right: var(--section-padding-vertical) ;
padding-bottom: var(--section-padding-horizontal) ;
padding-left: var(--section-padding-vertical) ;
}.ct-new-columns > .ct-div-block {
}.oxy-header-container {
padding-right: var(--section-padding-vertical) ;
padding-left: var(--section-padding-vertical) ;
}@media (max-width: 992px) {
.ct-columns-inner-wrap {
display: block !important;
}
.ct-columns-inner-wrap:after {
display: table;
clear: both;
content: "";
}
.ct-column {
width: 100% !important;
margin: 0 !important;
}
.ct-columns-inner-wrap {
margin: 0 !important;
}
}
.c-btn-main:hover{
transform:translateY(-5px); border-bottom-color:color(undefined);
border-top-style:none;
border-right-style:none;
border-bottom-style:none;
border-left-style:none;
color:#ffffff;
box-shadow:0px 7px 25px -10px rgba(0,0,0,0.5);
}
.c-btn-main {
border-radius:7px;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:none;
border-right-style:none;
border-bottom-style:none;
border-left-style:none;
text-transform:uppercase;
letter-spacing:1px;
border-top-color:#4353ff;
border-right-color:#4353ff;
border-bottom-color:#4353ff;
border-left-color:#4353ff;
text-align:center;
background-color:#4353ff;
color:#ffffff;
font-weight:600;
box-shadow:0px 10px 20px -15px rgba(0,0,0,0.5);
}
.c-btn-main:not(.ct-section):not(.oxy-easy-posts),
.c-btn-main.oxy-easy-posts .oxy-posts,
.c-btn-main.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
@media (max-width: 767px) {
.c-btn-main {
font-size:13px;
}
}
@media (max-width: 479px) {
.c-btn-main {
width:100%;
}
}
.c-btn-alt:hover{
transform:translateY(-5px); color:#ffffff;
background-color:#4353ff;
box-shadow:0px 7px 25px -10px rgba(0,0,0,0.25);
}
.c-btn-alt {
font-weight:600;
color:#4353ff;
text-transform:uppercase;
border-radius:7px;
background-color:#efefef;
text-align:center;
letter-spacing:1px;
}
.c-btn-alt:not(.ct-section):not(.oxy-easy-posts),
.c-btn-alt.oxy-easy-posts .oxy-posts,
.c-btn-alt.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
@media (max-width: 1120px) {
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
}
.oxy-close-modal {
color: var(--error);}.oxy-close-modal
>svg {width: 36px;height: 36px;}.oxy-close-modal {
position:absolute;
top:-1.8rem;
right:-1.8rem;
cursor: pointer;
}
.shadow-gradient--hover {
}
.hero__grid {
width:100%;
}
.hero__grid:not(.ct-section):not(.oxy-easy-posts),
.hero__grid.oxy-easy-posts .oxy-posts,
.hero__grid.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: center;grid-template-columns: repeat(2, minmax(0px, 1fr));grid-column-gap: var(--grid-gap) ;grid-row-gap: var(--grid-gap) ;}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
.hero__grid {
}
.hero__grid:not(.ct-section):not(.oxy-easy-posts),
.hero__grid.oxy-easy-posts .oxy-posts,
.hero__grid.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}
.hero__content-wrapper {
gap:var(--m-space) ;
}
.hero__content-wrapper:not(.ct-section):not(.oxy-easy-posts),
.hero__content-wrapper.oxy-easy-posts .oxy-posts,
.hero__content-wrapper.ct-section .ct-section-inner-wrap{
gap:var(--m-space) ;
}
.hero__sub-title {
font-size:var(--xs-text) ;
text-transform:uppercase;
letter-spacing:2px;
order: -1;
}
.hero__text {
max-width:75ch ;
}
.hero__title-wrap {
}
.hero__title {
line-height:1;
}
.hero__media-wrapper {
}
.hero__btn-wrapper {
text-align:right;
gap:var(--content-gap) ;
}
.hero__btn-wrapper:not(.ct-section):not(.oxy-easy-posts),
.hero__btn-wrapper.oxy-easy-posts .oxy-posts,
.hero__btn-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:var(--content-gap) ;
}
.hero__sub-btn {
font-size:var(--s-text) ;
}
.hero__media {
}
.feature__title-section {
}
.feature_grid {
width:100%;
}
.feature_grid:not(.ct-section):not(.oxy-easy-posts),
.feature_grid.oxy-easy-posts .oxy-posts,
.feature_grid.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(3, minmax(0px, 1fr));grid-column-gap: var(--grid-gap) ;grid-row-gap: var(--grid-gap)px;}
@media (max-width: 767px) {
.feature_grid {
}
.feature_grid:not(.ct-section):not(.oxy-easy-posts),
.feature_grid.oxy-easy-posts .oxy-posts,
.feature_grid.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}
.feature__card {
gap:var(--card-gap) ;
padding-top:var(--card-padding) ;
padding-right:var(--card-padding) ;
padding-bottom:var(--card-padding) ;
padding-left:var(--card-padding) ;
}
.feature__card:not(.ct-section):not(.oxy-easy-posts),
.feature__card.oxy-easy-posts .oxy-posts,
.feature__card.ct-section .ct-section-inner-wrap{
gap:var(--card-gap) ;
}
.feature__title {
}
.feature__text {
}
.f-card-title-align {
}
.cta__btn-wrapper {
gap:var(--grid-gap) ;
}
.cta__btn-wrapper:not(.ct-section):not(.oxy-easy-posts),
.cta__btn-wrapper.oxy-easy-posts .oxy-posts,
.cta__btn-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:var(--grid-gap) ;
}
@media (max-width: 767px) {
.cta__btn-wrapper {
}
.cta__btn-wrapper:not(.ct-section):not(.oxy-easy-posts),
.cta__btn-wrapper.oxy-easy-posts .oxy-posts,
.cta__btn-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}
.cta__sub-btn-main {
font-size:var(--s-text) ;
}
.oxel_dynamicslider {
width:95%;
background-color:#ffffff80;
max-width:75rem;
}
.swiper-container {
}
.oxel_dynamicslider__container {
}
.swiper-wrapper {
}
.swiper-wrapper:not(.ct-section):not(.oxy-easy-posts),
.swiper-wrapper.oxy-easy-posts .oxy-posts,
.swiper-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
}
.swiper-slide {
gap:var(--card-gap) ;
}
.swiper-slide:not(.ct-section):not(.oxy-easy-posts),
.swiper-slide.oxy-easy-posts .oxy-posts,
.swiper-slide.ct-section .ct-section-inner-wrap{
gap:var(--card-gap) ;
}
.hero-section {
}
.hero-section:not(.ct-section):not(.oxy-easy-posts),
.hero-section.oxy-easy-posts .oxy-posts,
.hero-section.ct-section .ct-section-inner-wrap{
display:flex;
}
.trig-pop-up {
cursor: pointer;
}
.feature-section {
gap:var(--container-gap) ;
position:relative;
}
.feature-section:not(.ct-section):not(.oxy-easy-posts),
.feature-section.oxy-easy-posts .oxy-posts,
.feature-section.ct-section .ct-section-inner-wrap{
gap:var(--container-gap) ;
}
.FAQ-section {
gap:var(--container-gap) ;
position:relative;
isolation: isolate;
}
.FAQ-section:not(.ct-section):not(.oxy-easy-posts),
.FAQ-section.oxy-easy-posts .oxy-posts,
.FAQ-section.ct-section .ct-section-inner-wrap{
gap:var(--container-gap) ;
}
.FAQ__title-section {
}
.FAQ__wrapper {
gap:var(--grid-gap) ;
background-color:rgba(255,255,255,0.3);
}
.FAQ__wrapper:not(.ct-section):not(.oxy-easy-posts),
.FAQ__wrapper.oxy-easy-posts .oxy-posts,
.FAQ__wrapper.ct-section .ct-section-inner-wrap{
gap:var(--grid-gap) ;
}
.FAQ__wrap {
gap:var(--content-gap) ;
}
.FAQ__wrap:not(.ct-section):not(.oxy-easy-posts),
.FAQ__wrap.oxy-easy-posts .oxy-posts,
.FAQ__wrap.ct-section .ct-section-inner-wrap{
gap:var(--content-gap) ;
}
.FAQ__title {
}
.FAQ__text {
max-width:50ch ;
}
.FAQ__blob-section {
transform:translateY(-50%); position:absolute;
top:50%;
z-index:-1;
right:3%;
width:var(--blob-size) ;
}
@media (max-width: 1120px) {
.FAQ__blob-section {
right:calc(var(--blob-size) / 3 * -1) ;
}
}
@media (max-width: 991px) {
.FAQ__blob-section {
}
.FAQ__blob-section:not(.ct-section):not(.oxy-easy-posts),
.FAQ__blob-section.oxy-easy-posts .oxy-posts,
.FAQ__blob-section.ct-section .ct-section-inner-wrap{
display:none;
}
}
.FAQ__blob {
}
.proof-section {
gap:var(--container-gap) ;
}
.proof-section .ct-section-inner-wrap {
padding-bottom: calc(var(--section-padding-horizontal) + var(--arrow)) ;
}
.proof-section:not(.ct-section):not(.oxy-easy-posts),
.proof-section.oxy-easy-posts .oxy-posts,
.proof-section.ct-section .ct-section-inner-wrap{
gap:var(--container-gap) ;
}
.proof__title-section {
}
.CTA-section {
gap:var(--container-gap) ;
}
.CTA-section:not(.ct-section):not(.oxy-easy-posts),
.CTA-section.oxy-easy-posts .oxy-posts,
.CTA-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:var(--container-gap) ;
}
.CTA__title {
}
.CTA__text {
}
.CTA__price-wrapper {
gap:0.3rem;
}
.CTA__price-wrapper:not(.ct-section):not(.oxy-easy-posts),
.CTA__price-wrapper.oxy-easy-posts .oxy-posts,
.CTA__price-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:0.3rem;
}
.price {
font-size:var(--h1) ;
font-weight:900;
line-height:1;
}
.cta__btn-wrap {
}
.service-modal {
gap:var(--card-gap) ;
width:90%;
max-width:50rem;
}
.service-modal:not(.ct-section):not(.oxy-easy-posts),
.service-modal.oxy-easy-posts .oxy-posts,
.service-modal.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
gap:var(--card-gap) ;
}
.service-modal__wrapper {
gap:var(--card-gap) ;
padding-top:var(--card-gap) ;
padding-right:var(--card-gap) ;
padding-bottom:var(--card-gap) ;
padding-left:var(--card-gap) ;
}
.service-modal__wrapper:not(.ct-section):not(.oxy-easy-posts),
.service-modal__wrapper.oxy-easy-posts .oxy-posts,
.service-modal__wrapper.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
gap:var(--card-gap) ;
}
.service-modal__title {
}
.service-modal__form {
}
.price-section {
gap:var(--container-gap) ;
}
.price-section:not(.ct-section):not(.oxy-easy-posts),
.price-section.oxy-easy-posts .oxy-posts,
.price-section.ct-section .ct-section-inner-wrap{
gap:var(--container-gap) ;
}
.price__title-section {
}
.price__grid {
width:100%;
gap:var(--grid-gap) ;
}
.price__grid:not(.ct-section):not(.oxy-easy-posts),
.price__grid.oxy-easy-posts .oxy-posts,
.price__grid.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
gap:var(--grid-gap) ;
}
@media (max-width: 767px) {
.price__grid {
text-align:center;
}
.price__grid:not(.ct-section):not(.oxy-easy-posts),
.price__grid.oxy-easy-posts .oxy-posts,
.price__grid.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}
.price__card {
position:relative;
max-width:35rem;
}
.price__title {
line-height:1;
}
.price__title-wrapper {
}
.price__sub-title {
}
.price__price-wrapper {
}
.price__price-wrap {
}
.price__price-wrap:not(.ct-section):not(.oxy-easy-posts),
.price__price-wrap.oxy-easy-posts .oxy-posts,
.price__price-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.euro {
font-size:var(--h4) ;
font-weight:900;
}
.price__price-sub {
font-size:var(--s-text) ;
}
.price__list-wrapper {
gap:var(--content-gap) ;
text-align:left;
}
.price__list-wrapper:not(.ct-section):not(.oxy-easy-posts),
.price__list-wrapper.oxy-easy-posts .oxy-posts,
.price__list-wrapper.ct-section .ct-section-inner-wrap{
gap:var(--content-gap) ;
}
.list-style {
}
.price_list-text {
}
.price__cta-wrapper {
gap:var(--xs-space) ;
}
.price__cta-wrapper:not(.ct-section):not(.oxy-easy-posts),
.price__cta-wrapper.oxy-easy-posts .oxy-posts,
.price__cta-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:var(--xs-space) ;
}
.price__cta-sub {
font-size:var(--s-text) ;
}
.bg-gradient {
}
.shadow-gradient {
gap:var(--card-gap) ;
}
.shadow-gradient:not(.ct-section):not(.oxy-easy-posts),
.shadow-gradient.oxy-easy-posts .oxy-posts,
.shadow-gradient.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
gap:var(--card-gap) ;
}
.price__corner {
width:10rem;
height:10rem;
position:absolute;
top:-1px;
right:-1px;
border-top-right-radius:var(--border-radius) ;
clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.price__corner:not(.ct-section):not(.oxy-easy-posts),
.price__corner.oxy-easy-posts .oxy-posts,
.price__corner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.price__corner-text {
transform:rotate(45deg) translateY(-2.2rem);}
.bg-gradient-light {
}
.price__card--mise-en-avant {
padding-top:calc(var(--card-padding) * 2) ;
padding-bottom:calc(var(--card-padding) * 2) ;
}
.price__title-section-wrapper {
gap:var(--content-gap) ;
}
.price__title-section-wrapper:not(.ct-section):not(.oxy-easy-posts),
.price__title-section-wrapper.oxy-easy-posts .oxy-posts,
.price__title-section-wrapper.ct-section .ct-section-inner-wrap{
gap:var(--content-gap) ;
}
.price__title-section-sub {
}
.feature__blob-wrapper {
width:clamp(17rem, 12.428vw + 13.023rem, 30rem) ;
height:clamp(17rem, 12.428vw + 13.023rem, 30rem) ;
border-radius:50%;
filter:blur(48px);
opacity:0.4;
position:absolute;
top:3%;
right:3%;
}
.proof__text {
max-width:75ch ;
}
.proof__star {
width:8rem;
}
.proof__wrap-content {
gap:var(--content-gap) ;
width:100%;
}
.proof__wrap-content:not(.ct-section):not(.oxy-easy-posts),
.proof__wrap-content.oxy-easy-posts .oxy-posts,
.proof__wrap-content.ct-section .ct-section-inner-wrap{
gap:var(--content-gap) ;
}
.proof__media {
}
.proof__name {
}
.hero__section {
}
@media (max-width: 991px) {
}
.feature__section {
gap:var(--container-gap) ;
position:relative;
}
.feature__section:not(.ct-section):not(.oxy-easy-posts),
.feature__section.oxy-easy-posts .oxy-posts,
.feature__section.ct-section .ct-section-inner-wrap{
gap:var(--container-gap) ;
}
.objection__section {
gap:var(--container-gap) ;
}
.objection__section:not(.ct-section):not(.oxy-easy-posts),
.objection__section.oxy-easy-posts .oxy-posts,
.objection__section.ct-section .ct-section-inner-wrap{
gap:var(--container-gap) ;
}
.objection__wrapper {
gap:var(--grid-gap) ;
}
.objection__wrapper:not(.ct-section):not(.oxy-easy-posts),
.objection__wrapper.oxy-easy-posts .oxy-posts,
.objection__wrapper.ct-section .ct-section-inner-wrap{
gap:var(--grid-gap) ;
}
.objection__wrap {
gap:var(--content-gap)px;
}
.objection__wrap:not(.ct-section):not(.oxy-easy-posts),
.objection__wrap.oxy-easy-posts .oxy-posts,
.objection__wrap.ct-section .ct-section-inner-wrap{
gap:var(--content-gap)px;
}
.objection__title-section {
}
.objection__title {
}
.objection__text {
}
.proof__section {
}
.proof__titile-section {
}
.cta__section {
text-align:center;
gap:var(--container-gap) ;
}
.cta__section:not(.ct-section):not(.oxy-easy-posts),
.cta__section.oxy-easy-posts .oxy-posts,
.cta__section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:var(--container-gap) ;
}
.cta__title {
}
.cta__price-wrapper {
gap:var(--content-gap) ;
}
.cta__price-wrapper:not(.ct-section):not(.oxy-easy-posts),
.cta__price-wrapper.oxy-easy-posts .oxy-posts,
.cta__price-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:var(--content-gap) ;
}
.cta__price {
font-size:var(--h1) ;
font-weight:900;
line-height:1;
}
.cta__euro {
line-height:1;
font-size:var(--h3) ;
font-weight:900;
}
.cta__btn-main-wrapper {
gap:var(--content-gap) ;
}
.cta__btn-main-wrapper:not(.ct-section):not(.oxy-easy-posts),
.cta__btn-main-wrapper.oxy-easy-posts .oxy-posts,
.cta__btn-main-wrapper.ct-section .ct-section-inner-wrap{
gap:var(--content-gap) ;
}
.form-modal {
width:90%;
max-width:76.8rem;
border-radius:var(--border-radius) ;
overflow:visible;
}
.form-modal__wrapper {
padding-top:var(--card-padding) ;
padding-right:var(--card-padding) ;
padding-bottom:var(--card-padding) ;
padding-left:var(--card-padding) ;
border-radius:var(--border-raduis) ;
overflow:visible;
position:relative;
}
.form-modal__title {
}
.form-modal__form-shortcode {
}
.form-modal__close-icon {
color: var(--error);}.form-modal__close-icon
>svg {width: 36px;height: 36px;}.form-modal__close-icon {
position:absolute;
top:-1.5rem;
right:-1.5rem;
}
.c-btn-transparent:hover{
transform:translateY(-5px); background-color:#ffffff;
color:#4353ff;
}
.c-btn-transparent {
text-transform:uppercase;
background-color:rgba(255,255,255,0.15);
border-radius:7px;
color:#ffffff;
font-weight:600;
letter-spacing:1px;
text-align:center;
}
.c-btn-transparent:not(.ct-section):not(.oxy-easy-posts),
.c-btn-transparent.oxy-easy-posts .oxy-posts,
.c-btn-transparent.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
@media (max-width: 479px) {
}
.c-btn-xs {
font-size:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
padding-top:5px;
}
.c-btn-s {
font-size:12px;
padding-top:7px;
padding-left:14px;
padding-right:14px;
padding-bottom:7px;
}
@media (max-width: 479px) {
.c-btn-s {
font-size:11px;
}
}
.c-btn-m {
font-size:13px;
padding-top:12px;
padding-left:25px;
padding-right:25px;
padding-bottom:12px;
}
@media (max-width: 479px) {
.c-btn-m {
width:100%;
font-size:12px;
}
}
.c-btn-l {
font-size:17px;
padding-left:35px;
padding-right:35px;
padding-top:15px;
padding-bottom:15px;
}
@media (max-width: 767px) {
.c-btn-l {
font-size:15px;
}
}
@media (max-width: 479px) {
.c-btn-l {
padding-top:10px;
padding-bottom:10px;
font-size:14px;
width:100%;
}
}
.c-btn-xl {
padding-top:15px;
padding-bottom:15px;
padding-left:35px;
padding-right:35px;
font-size:20px;
}
@media (max-width: 991px) {
.c-btn-xl {
font-size:17px;
}
}
@media (max-width: 479px) {
.c-btn-xl {
width:100%;
font-size:15px;
}
}
.c-buttons {
display:grid!important; grid-template-columns: auto auto; grid-gap:15px; align-items: center;
}
@media (max-width: 1120px) {
}
@media (max-width: 479px) {
.c-buttons {
grid-template-columns: 1fr; width: 100%;
}
}
.c-card-accent {
background-color:#4353ff;
border-radius:7px;
width:100%;
box-shadow:0px 5px 15px rgba(0,0,0,0.08);
}
.c-card-accent:not(.ct-section):not(.oxy-easy-posts),
.c-card-accent.oxy-easy-posts .oxy-posts,
.c-card-accent.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
}
.c-card-light {
text-align:left;
background-color:#ffffff;
width:100%;
position:relative;
border-radius:7px;
box-shadow:0px 5px 15px rgba(0,0,0,0.08);
}
.c-card-light:not(.ct-section):not(.oxy-easy-posts),
.c-card-light.oxy-easy-posts .oxy-posts,
.c-card-light.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 1120px) {
}
.c-card-dark {
width:100%;
border-radius:7px;
background-color:#191919;
box-shadow:0px 5px 15px rgba(0,0,0,0.08);
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
}
.c-card-transparent {
width:100%;
border-radius:7px;
overflow:hidden;
background-color:rgba(255,255,255,0.2);
}
.c-card-transparent:not(.ct-section):not(.oxy-easy-posts),
.c-card-transparent.oxy-easy-posts .oxy-posts,
.c-card-transparent.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 1120px) {
}
.c-card-has-hover:hover{
transform:translateY(-7px);}
.c-card-has-hover {
}
.c-card-on-hover:hover{
transform:translateY(-10px); background-color:#ffffff;
box-shadow:0px 25px 35px -14px rgba(0,0,0,0.15);
}
.c-card-on-hover {
border-radius:7px;
}
@media (max-width: 1120px) {
.c-card-on-hover {
padding-left:25px;
padding-right:25px;
}
}
.c-heading-accent {
color:#4353ff;
}
.c-heading-dark {
color:#0f0f0f;
}
.c-heading-light {
color:#ffffff;
}
.c-h1 {
text-transform:capitalize;
font-weight:600;
line-height:1.3;
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
}
.c-h1-fat {
font-weight:700;
font-size:65px;
line-height:1.2;
max-width:800px;
}
@media (max-width: 1120px) {
.c-h1-fat {
font-size:55px;
}
}
@media (max-width: 991px) {
.c-h1-fat {
font-size:45px;
}
}
@media (max-width: 479px) {
.c-h1-fat {
font-size:40px;
}
}
.c-h2 {
font-weight:600;
line-height:1.3;
text-transform:capitalize;
}
@media (max-width: 1120px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
}
.c-h3 {
font-weight:600;
line-height:1.3;
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
}
.c-h4 {
font-weight:600;
line-height:1.3;
}
@media (max-width: 479px) {
}
.c-h5 {
font-weight:600;
text-align:left;
line-height:1.3;
}
.c-h6 {
line-height:1.3;
font-weight:600;
}
.c-tagline {
font-size:12px;
letter-spacing:2px;
text-transform:uppercase;
font-weight:500;
}
.c-tagline-alt {
background-color:#efefef;
border-radius:7px;
padding-top:5px;
padding-left:12px;
padding-right:12px;
padding-bottom:5px;
font-size:11px;
font-weight:600;
color:#4353ff;
}
.c-text-accent {
color:#4353ff;
}
.c-text-dark {
color:#686868;
}
.c-text-light {
color:rgba(255,255,255,0.8);
}
.c-text-s {
font-weight:300;
}
.c-text-m {
font-weight:300;
line-height:1.6;
}
@media (max-width: 1120px) {
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
}
.c-text-l {
font-weight:400;
line-height:1.6;
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
.c-text-xl {
font-weight:500;
max-width:700px;
line-height:1.6;
}
@media (max-width: 1120px) {
}
.c-icon-accent-s {
color: #4353ff;}.c-icon-accent-s
>svg {width: 18px;height: 18px;}.c-icon-accent-s {
}
.c-icon-accent-m {
color: #4353ff;}.c-icon-accent-m
>svg {width: 24px;height: 24px;}.c-icon-accent-m {
}
.c-icon-accent-l {
background-color: rgba(67,83,255,0.05);
border: 1px solid rgba(67,83,255,0.05);
padding: 24px;color: #4353ff;}.c-icon-accent-l
>svg {width: 24px;height: 24px;}.c-icon-accent-l {
box-shadow:0px 15px 15px -15px rgba(67,83,255,0.2);
}
@media (max-width: 991px) {
.c-icon-accent-l {
padding: 20px;}.c-icon-accent-l
>svg {width: 20px;height: 20px;}.c-icon-accent-l {
}
}
.c-icon-dark-s {
color: #0f0f0f;}.c-icon-dark-s
>svg {width: 18px;height: 18px;}.c-icon-dark-s {
}
.c-icon-dark-m {
color: #0f0f0f;}.c-icon-dark-m
>svg {width: 24px;height: 24px;}.c-icon-dark-m {
}
.c-icon-dark-l {
background-color: rgba(15,15,15,0.05);
border: 1px solid rgba(15,15,15,0.05);
padding: 24px;color: #0f0f0f;}.c-icon-dark-l
>svg {width: 24px;height: 24px;}.c-icon-dark-l {
box-shadow:0px 15px 15px -15px rgba(0,0,0,0.2);
}
@media (max-width: 767px) {
.c-icon-dark-l {
padding: ;}.c-icon-dark-l
>svg {width: 30px;height: 30px;}.c-icon-dark-l {
}
}
.c-icon-light-s {
color: #ffffff;}.c-icon-light-s
>svg {width: 18px;height: 18px;}.c-icon-light-s {
}
.c-icon-light-m {
color: #ffffff;}.c-icon-light-m
>svg {width: 24px;height: 24px;}.c-icon-light-m {
}
.c-icon-light-l {
background-color: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.05);
padding: 24px;color: #ffffff;}.c-icon-light-l
>svg {width: 24px;height: 24px;}.c-icon-light-l {
}
.c-bg-light {
background-color:#f9f9f9;
}
.c-bg-light-alt {
background-color:#ffffff;
}
.c-bg-dark {
background-color:#191919;
}
.c-bg-dark-alt {
background-color:#353535;
}
.c-bg-accent {
background-color:#4353ff;
}
.c-bg-accent-alt {
background-color:#efefef;
}
.c-bg-gradient {
background-image: linear-gradient(90deg, #0009c4, #200696);}
@media (max-width: 479px) {
.c-bg-gradient {
}
}
.c-bg-blur-s {
-webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
}
.c-bg-blur-m {
-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.c-bg-blur-l {
-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.c-bg-blur-xl {
-webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
}
.c-avatar-xs {
height:clamp(20px, 2vw, 30px) ;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#ffffff;
border-right-color:#ffffff;
border-bottom-color:#ffffff;
border-left-color:#ffffff;
border-radius:100%;
width:clamp(20px, 2vw, 30px) ;
object-fit:cover;
}
.c-avatar-s {
border-radius:100%;
width:clamp(30px, 3vw, 40px) ;
height:clamp(30px, 3vw, 40px) ;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#ffffff;
border-right-color:#ffffff;
border-bottom-color:#ffffff;
border-left-color:#ffffff;
object-fit:cover;
}
@media (max-width: 1120px) {
}
@media (max-width: 767px) {
}
.c-avatar-m {
background-size: cover; width:clamp(40px, 4vw, 60px) ;
height:clamp(40px, 4vw, 60px) ;
background-repeat:no-repeat;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#ffffff;
border-right-color:#ffffff;
border-bottom-color:#ffffff;
border-left-color:#ffffff;
border-radius:100%;
background-position:50% 50%;
object-fit:cover;
}
.c-avatar-l {
border-radius:100%;
width:clamp(50px, 5vw, 80px) ;
height:clamp(50px, 5vw, 80px) ;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#ffffff;
border-right-color:#ffffff;
border-bottom-color:#ffffff;
border-left-color:#ffffff;
object-fit:cover;
}
@media (max-width: 1120px) {
}
@media (max-width: 479px) {
}
.c-avatar-xl {
background-size: cover; background-repeat:no-repeat;
width:clamp(70px, 6.5vw, 140px) ;
height:clamp(70px, 6.5vw, 140px) ;
border-radius:100%;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#ffffff;
border-right-color:#ffffff;
border-bottom-color:#ffffff;
border-left-color:#ffffff;
background-position:50% 50%;
box-shadow:0px 25px 35px -14px rgba(0,0,0,0.2);
object-fit:cover;
}
@media (max-width: 991px) {
}
.c-link-accent {
color:#4353ff;
}
.c-link-dark:hover{
color:#4353ff;
}
.c-link-dark {
color:#0f0f0f;
}
.c-link-light:hover{
opacity:0.8;
color:#ffffff;
}
.c-link-light {
color:#ffffff;
}
.c-link-light:not(.ct-section):not(.oxy-easy-posts),
.c-link-light.oxy-easy-posts .oxy-posts,
.c-link-light.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.c-link-s {
font-size:13px;
font-weight:600;
}
.c-link-s:not(.ct-section):not(.oxy-easy-posts),
.c-link-s.oxy-easy-posts .oxy-posts,
.c-link-s.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.c-link-m:hover{
opacity:0.8;
}
.c-link-m {
font-size:16px;
font-weight:500;
text-decoration:none;
}
.c-link-m:not(.ct-section):not(.oxy-easy-posts),
.c-link-m.oxy-easy-posts .oxy-posts,
.c-link-m.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 767px) {
.c-link-m {
}
}
@media (max-width: 479px) {
.c-link-m {
font-size:14px;
}
}
.c-link-l {
font-size:20px;
font-weight:500;
text-decoration:underline;
}
.c-link-l:not(.ct-section):not(.oxy-easy-posts),
.c-link-l.oxy-easy-posts .oxy-posts,
.c-link-l.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 767px) {
.c-link-l {
font-size:17px;
}
}
.c-link-xl {
font-size:22px;
font-weight:500;
}
.c-link-xl:not(.ct-section):not(.oxy-easy-posts),
.c-link-xl.oxy-easy-posts .oxy-posts,
.c-link-xl.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.c-rounded {
border-radius:7px;
overflow:hidden;
}
.c-shadow {
box-shadow:0px 5px 15px rgba(0,0,0,0.08);
}
.c-border-light {
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#e8e8e8;
border-right-color:#e8e8e8;
border-bottom-color:#e8e8e8;
border-left-color:#e8e8e8;
}
.c-border-dark {
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#474747;
border-right-color:#474747;
border-bottom-color:#474747;
border-left-color:#474747;
}
.c-transition {
transition-duration:0.4s;
}
@media (max-width: 1120px) {
}
.c-full-width {
width:100%;
}
.c-inline {
}
.c-inline:not(.ct-section):not(.oxy-easy-posts),
.c-inline.oxy-easy-posts .oxy-posts,
.c-inline.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.c-stretch {
align-items: stretch;
}
.c-relative {
position:relative;
}
.c-3d-down {
transform: perspective(1000px) rotateX(-20deg);
}
.c-3d-left {
transform: perspective(1000px) rotatey(20deg);
}
.c-3d-right {
transform: perspective(1000px) rotatey(-20deg);
}
.c-3d-up {
transform: perspective(1000px) rotateX(20deg);
}
.c-hover-3d-down:hover{
transform:perspective(1000px) ;transform: perspective(1000px) rotateX(-20deg);
}
.c-hover-3d-down {
-webkit-perspective: 0; perspective: 0; -webkit-transform: rotate(0); transform: rotate(0);
}
.c-hover-3d-left:hover{
transform: perspective(1000px) rotateY(20deg);
}
.c-hover-3d-left {
-webkit-perspective: 0; perspective: 0; -webkit-transform: rotate(0); transform: rotate(0);
}
.c-hover-3d-right:hover{
transform: perspective(1000px) rotateY(-20deg);
}
.c-hover-3d-right {
-webkit-perspective: 0; perspective: 0; -webkit-transform: rotate(0); transform: rotate(0);
}
.c-hover-3d-up:hover{
transform:perspective(1000px) ;transform: perspective(1000px) rotateX(20deg);
}
.c-hover-3d-up {
-webkit-perspective: 0; perspective: 0; -webkit-transform: rotate(0); transform: rotate(0);
}
.c-hover-move-down:hover{
transform:translateY(10px);}
.c-hover-move-down {
}
.c-hover-move-left:hover{
transform:translate(-10px);}
.c-hover-move-left {
}
.c-hover-move-right:hover{
transform:translate(10px);}
.c-hover-move-right {
}
.c-hover-move-up:hover{
transform:translateY(-10px);}
.c-hover-move-up {
}
.c-hover-scale:hover{
transform:scale(1.05,1.05);}
.c-hover-scale {
}
.c-hover-scale-up:hover{
transform:scale(1.05,1.05) translateY(-10px);}
.c-hover-scale-up {
}
.c-margin-xs {
}
.c-margin-s {
}
.c-margin-m {
}
.c-margin-l {
}
.c-margin-xl {
}
.c-margin-xxl {
}
.c-margin-left-xs {
}
.c-margin-left-s {
}
.c-margin-left-m {
}
.c-margin-left-l {
}
.c-margin-left-xl {
}
.c-margin-left-xxl {
}
.c-margin-right-xs {
}
.c-margin-right-s {
}
@media (max-width: 767px) {
}
.c-margin-right-m {
}
@media (max-width: 479px) {
}
.c-margin-right-l {
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
}
.c-margin-right-xl {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
.c-margin-right-xxl {
}
.c-margin-top-xs {
}
.c-margin-top-s {
}
.c-margin-top-m {
}
.c-margin-top-l {
}
.c-margin-top-xl {
}
.c-margin-top-xxl {
}
.c-margin-bottom-xs {
}
.c-margin-bottom-s {
}
.c-margin-bottom-m {
}
@media (max-width: 1120px) {
}
@media (max-width: 991px) {
}
.c-margin-bottom-l {
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
}
.c-margin-bottom-xl {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
.c-margin-bottom-xxl {
}
.c-padding-xs {
}
.c-padding-s {
}
.c-padding-m {
}
.c-padding-l {
}
@media (max-width: 1120px) {
}
@media (max-width: 767px) {
}
.c-padding-xl {
}
@media (max-width: 1120px) {
}
@media (max-width: 767px) {
}
.c-padding-xxl {
}
.c-padding-left-xs {
}
.c-padding-left-s {
}
.c-padding-left-m {
}
.c-padding-left-l {
}
.c-padding-left-xl {
}
.c-padding-left-xxl {
}
.c-padding-right-xs {
}
.c-padding-right-s {
}
.c-padding-right-m {
}
.c-padding-right-l {
}
.c-padding-right-xl {
}
.c-padding-right-xxl {
}
.c-padding-top-xs {
}
.c-padding-top-s {
}
.c-padding-top-m {
}
.c-padding-top-l {
}
.c-padding-top-xl {
}
.c-padding-top-xxl {
}
.c-padding-bottom-xs {
}
.c-padding-bottom-s {
}
.c-padding-bottom-m {
}
.c-padding-bottom-l {
}
.c-padding-bottom-xl {
}
.c-padding-bottom-xxl {
}
.c-owl-xs {
}
.c-owl-s {
}
.c-owl-m {
}
.c-owl-l {
}
.c-owl-xl {
}
.c-owl-xxl {
}
.c-columns-gap-xs {
}
.c-columns-gap-s {
}
.c-columns-gap-m {
}
.c-columns-gap-m .ct-section-inner-wrap {
padding-top: 13 ;
padding-bottom: 15 ;
}
.c-columns-gap-l {
}
.c-columns-gap-xl {
}
.c-columns-gap-xxl {
}
@media (max-width: 991px) {
}
.c-columns-1-2 {
}
.c-columns-1-3 {
}
.c-columns-2 {
}
.c-columns-2-1 {
}
.c-columns-2-3 {
}
.c-columns-3 {
}
.c-columns-3-1 {
}
.c-columns-3-2 {
}
.c-columns-4 {
}
.c-columns-5 {
}
.c-columns-6 {
}
.c-columns-xl-1 {
}
.c-columns-xl-2 {
}
.c-columns-xl-3 {
}
.c-columns-xl-4 {
}
.c-columns-xl-5 {
}
.c-columns-l-1 {
}
@media (max-width: 991px) {
}
.c-columns-l-2 {
}
@media (max-width: 991px) {
}
.c-columns-l-3 {
}
@media (max-width: 991px) {
}
.c-columns-l-4 {
}
@media (max-width: 991px) {
}
.c-columns-m-1 {
}
@media (max-width: 767px) {
}
.c-columns-m-2 {
}
@media (max-width: 767px) {
}
.c-columns-m-3 {
}
@media (max-width: 767px) {
}
.c-columns-s-1 {
}
@media (max-width: 479px) {
}
.c-columns-s-2 {
}
@media (max-width: 479px) {
}
.c-row-span-2 {
}
@media (max-width: 991px) {
}
.c-row-span-3 {
}
.c-row-span-4 {
}
.c-row-span-5 {
}
.c-row-span-6 {
}
.c-row-span-7 {
grid-row: span 7 / span 7;
}
.c-row-span-l-1 {
}
.c-row-span-l-2 {
}
.c-row-span-l-3 {
}
.c-row-span-l-4 {
}
.c-row-span-l-5 {
}
.c-row-span-l-6 {
}
.c-row-span-m-1 {
}
.c-row-span-m-2 {
}
.c-row-span-m-3 {
}
.c-row-span-m-4 {
}
.c-row-span-m-5 {
}
.c-row-span-m-6 {
}
.c-row-span-s-1 {
}
.c-row-span-s-2 {
}
.c-row-span-s-3 {
}
.c-row-span-s-4 {
}
.c-row-span-s-5 {
}
.c-row-span-s-6 {
}
.c-row-span-xl-1 {
}
.c-row-span-xl-2 {
}
@media (max-width: 1120px) {
}
.c-row-span-xl-3 {
}
.c-row-span-xl-4 {
}
.c-row-span-xl-5 {
}
.c-row-span-xl-6 {
}
.c-row-start-1 {
}
.c-row-start-2 {
}
.c-row-start-3 {
}
.c-row-start-4 {
}
.c-row-start-5 {
}
.c-row-start-6 {
}
.c-row-start-l-1 {
}
.c-row-start-l-2 {
}
.c-row-start-l-3 {
}
.c-row-start-l-4 {
}
.c-row-start-l-5 {
}
.c-row-start-l-6 {
}
.c-row-start-m-1 {
}
.c-row-start-m-2 {
}
.c-row-start-m-3 {
}
.c-row-start-m-4 {
}
.c-row-start-m-5 {
}
.c-row-start-m-6 {
}
.c-row-start-s-1 {
}
.c-row-start-s-3 {
}
.c-row-start-s-4 {
}
.c-row-start-s-5 {
}
.c-row-start-s-6 {
}
.c-row-start-xl-1 {
}
.c-row-start-xl-2 {
}
.c-row-start-xl-3 {
}
.c-row-start-xl-4 {
}
.c-row-start-xl-5 {
}
.c-row-start-xl-6 {
}
.c-col-span-2 {
}
@media (max-width: 991px) {
}
.c-col-span-3 {
}
.c-col-span-4 {
}
.c-col-span-5 {
}
.c-col-span-6 {
}
.c-col-span-l-1 {
}
.c-col-span-l-2 {
}
.c-col-span-l-3 {
}
.c-col-span-l-4 {
}
.c-col-span-l-5 {
}
.c-col-span-l-6 {
}
.c-col-span-m-1 {
}
.c-col-span-m-2 {
}
.c-col-span-m-3 {
}
.c-col-span-m-4 {
}
.c-col-span-m-5 {
}
.c-col-span-m-6 {
}
.c-col-span-s-1 {
}
@media (max-width: 991px) {
}
.c-col-span-s-2 {
}
.c-col-span-s-3 {
}
.c-col-span-s-4 {
}
.c-col-span-s-5 {
}
.c-col-span-s-6 {
}
.c-col-span-xl-1 {
}
.c-col-span-xl-2 {
}
.c-col-span-xl-3 {
}
.c-col-span-xl-4 {
}
.c-col-span-xl-5 {
}
.c-col-span-xl-6 {
}
.c-col-start-2 {
}
.c-col-start-l-1 {
}
.c-col-start-l-2 {
}
.c-col-start-l-3 {
}
.c-col-start-l-4 {
}
.c-col-start-l-5 {
}
.c-col-start-l-6 {
}
.c-col-start-m-1 {
}
.c-col-start-m-2 {
}
.c-col-start-m-3 {
}
.c-col-start-m-4 {
}
.c-col-start-m-5 {
}
.c-col-start-m-6 {
}
.c-col-start-s-1 {
}
.c-col-start-s-2 {
}
.c-col-start-s-3 {
}
.c-col-start-s-4 {
}
.c-col-start-s-5 {
}
.c-col-start-s-6 {
}
.c-col-start-xl-1 {
}
.c-col-start-xl-2 {
}
.c-col-start-xl-3 {
}
.c-col-start-xl-4 {
}
.c-col-start-xl-5 {
}
.c-col-start-xl-6 {
}
.c-left {
text-align:left;
}
.c-left:not(.ct-section):not(.oxy-easy-posts),
.c-left.oxy-easy-posts .oxy-posts,
.c-left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.c-center {
text-align:center;
}
.c-center:not(.ct-section):not(.oxy-easy-posts),
.c-center.oxy-easy-posts .oxy-posts,
.c-center.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.c-right {
text-align:right;
}
.c-right:not(.ct-section):not(.oxy-easy-posts),
.c-right.oxy-easy-posts .oxy-posts,
.c-right.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-end;
}
.c-middle-center {
text-align:center;
}
.c-middle-center:not(.ct-section):not(.oxy-easy-posts),
.c-middle-center.oxy-easy-posts .oxy-posts,
.c-middle-center.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.c-middle-left {
text-align:left;
}
.c-middle-left:not(.ct-section):not(.oxy-easy-posts),
.c-middle-left.oxy-easy-posts .oxy-posts,
.c-middle-left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
}
.c-middle-right {
text-align:right;
}
.c-middle-right:not(.ct-section):not(.oxy-easy-posts),
.c-middle-right.oxy-easy-posts .oxy-posts,
.c-middle-right.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-end;
justify-content:center;
}
.c-top-center {
text-align:center;
}
.c-top-center:not(.ct-section):not(.oxy-easy-posts),
.c-top-center.oxy-easy-posts .oxy-posts,
.c-top-center.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
}
.c-top-left {
text-align:left;
}
.c-top-left:not(.ct-section):not(.oxy-easy-posts),
.c-top-left.oxy-easy-posts .oxy-posts,
.c-top-left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
}
.c-top-right {
text-align:right;
}
.c-top-right:not(.ct-section):not(.oxy-easy-posts),
.c-top-right.oxy-easy-posts .oxy-posts,
.c-top-right.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-end;
justify-content:flex-start;
}
.c-bottom-center {
text-align:center;
}
.c-bottom-center:not(.ct-section):not(.oxy-easy-posts),
.c-bottom-center.oxy-easy-posts .oxy-posts,
.c-bottom-center.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-end;
}
.c-bottom-left {
text-align:left;
}
.c-bottom-left:not(.ct-section):not(.oxy-easy-posts),
.c-bottom-left.oxy-easy-posts .oxy-posts,
.c-bottom-left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-end;
}
.c-bottom-right {
text-align:right;
}
.c-bottom-right:not(.ct-section):not(.oxy-easy-posts),
.c-bottom-right.oxy-easy-posts .oxy-posts,
.c-bottom-right.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-end;
justify-content:flex-end;
}
.c-left-self {
margin-right:auto;
}
.c-center-self {
margin-left:auto;
margin-right:auto;
}
.c-right-self {
margin-left:auto;
}
.c-max-width-320 {
max-width:320px;
}
.c-max-width-480 {
max-width:480px;
}
.c-max-width-640 {
max-width:640px;
}
.c-max-width-960 {
max-width:960px;
}
.c-max-width-1120 {
max-width:1120px;
}
.c-opacity-25 {
opacity:0.25;
}
.c-opacity-50 {
opacity:0.5;
}
.c-opacity-75 {
opacity:0.75;
}
.c-uppercase {
text-transform:uppercase;
}
.c-lowercase {
text-transform:lowercase;
}
.c-underline {
text-decoration:underline;
}
.c-bold {
font-weight:600;
}
.c-italic {
font-style:italic;
}
.portfolioWrap {
position:relative;
width:100%;
}
@media (max-width: 767px) {
.portfolioWrap {
width:100%;
margin-bottom:30px;
}
}
.gradient-folio {
}
.portfolioImage {
transition-duration:0.3s;
border-radius:4px;
width:100%;
z-index:1;
}
@media (max-width: 991px) {
.portfolioImage {
transform:rotate(3deg);}
}
.portfolioIconWrap {
gap:2px;
z-index:3;
position:absolute;
opacity:0;
transition-duration:0.4s;
border-radius:4px;
text-align:center;
left:0px;
bottom:-78px;
width:100%;
padding-left:10px;
padding-right:10px;
}
.portfolioIconWrap:not(.ct-section):not(.oxy-easy-posts),
.portfolioIconWrap.oxy-easy-posts .oxy-posts,
.portfolioIconWrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:flex-start;
gap:2px;
}
@media (max-width: 991px) {
.portfolioIconWrap {
opacity:1;
bottom:-100px;
}
}
.btnPortfolio {
position:relative;
width:20%;
}
.gradient-border:hover{
}
.gradient-border {
position:relative;
width:50%;
}
.gradient-border:not(.ct-section):not(.oxy-easy-posts),
.gradient-border.oxy-easy-posts .oxy-posts,
.gradient-border.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
}
@media (max-width: 767px) {
.gradient-border {
width:100%;
}
}
.oxel_iconlist {
max-width:100%;
padding-top:10px;
padding-bottom:10px;
}
@media (max-width: 767px) {
.oxel_iconlist {
max-width:90%;
margin-left:auto;
margin-right:auto;
}
}
.oxel_iconlist__row {
padding-top:0px;
padding-right:8px;
padding-bottom:0px;
width:100%;
margin-top:0px;
padding-left:8px;
}
.oxel_iconlist__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_iconlist__row.oxy-easy-posts .oxy-posts,
.oxel_iconlist__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_iconlist__row__icon {
color: color(undefined);}.oxel_iconlist__row__icon
>svg {width: 18px;height: 18px;}.oxel_iconlist__row__icon {
margin-left:32px;
margin-right:32px;
}
.oxel_iconlist__row__label {
font-family:'Inter';
margin-right:32px;
text-align:left;
}
@media (max-width: 767px) {
.oxel_iconlist__row__label {
font-size:15px;
}
}
.tarifLigne {
width:100%;
text-align:justify;
position:relative;
}
.tarifLigne:not(.ct-section):not(.oxy-easy-posts),
.tarifLigne.oxy-easy-posts .oxy-posts,
.tarifLigne.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.tarifColonne {
width:40%;
padding-top:30px;
padding-bottom:50px;
position:relative;
padding-left:10px;
padding-right:10px;
gap:15px;
}
.tarifColonne:not(.ct-section):not(.oxy-easy-posts),
.tarifColonne.oxy-easy-posts .oxy-posts,
.tarifColonne.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:15px;
}
@media (max-width: 767px) {
.tarifColonne {
width:100%;
}
}
.tarifTitre {
font-family:'Nunito';
text-transform:uppercase;
text-align:center;
font-weight:700;
font-size:24px;
margin-top:19px;
}
.tarifPrix {
font-family:'Inter';
font-size:40px;
font-weight:700;
margin-right:5px;
}
.tarifContent {
font-family:'Inter';
text-align:center;
}
.tarifYear {
font-family:'Inter';
left:50%;
top:50px;
font-size:12px;
margin-top:-5px;
}
.tarif_oxel_iconlist__row {
padding-left:0px;
padding-right:0px;
padding-top:5px;
padding-bottom:5px;
}
.tarif_oxel_iconlist__row__icon {
margin-left:5px;
margin-right:15px;
}
.tarif_oxel_iconlist__row__label {
margin-right:5px;
}
.tarifEuro {
font-family:'Inter';
font-size:25px;
font-weight:700;
}
.gradient-button-text-white {
z-index:3;
color:#ffffff;
font-size:12px;
}
.gradient-button-white {
background: linear-gradient(120deg, #10def6 -2.98%, #B67DFF 68.14%, #da65bf 104.54%); border-radius: 99px; padding: 12px 25px;
}
.gradient-button:hover{
transform:scale(1.05,1.05);}
.gradient-button {
transition-duration:0.3s;
cursor: pointer;
}
.gradient-button-text:hover{
color:#212529;
}
.gradient-button-text {
font-family:'Inter';
background-color:#ffffff;
z-index:1;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
border-radius:999px;
text-align:center;
color:#212529;
}
.boxShadow {
box-shadow:0px 2px 12px 0px #ddd;
}
@media (max-width: 991px) {
.boxShadow {
}
}
.start {
}
.competenceWrap {
width:30%;
padding-top:40px;
padding-right:40px;
padding-bottom:40px;
padding-left:40px;
background-color:#ffffff;
position:relative;
height:550px;
}
@media (max-width: 1120px) {
.competenceWrap {
height:520px;
}
}
@media (max-width: 991px) {
.competenceWrap {
width:100%;
height:415px;
}
}
@media (max-width: 767px) {
.competenceWrap {
height:480px;
}
}
@media (max-width: 479px) {
.competenceWrap {
height:580px;
}
}
.competenceTitre {
font-family:'Inter';
font-size:28px;
}
.competenceContent {
font-family:'Inter';
text-align:left;
margin-bottom:20px;
}
@media (max-width: 991px) {
.competenceContent {
margin-bottom:0px;
}
}
.gradient-border-survol:hover{
}
.gradient-border-survol {
}
.competenceContentWrap {
background-color:#ffffff;
z-index:2;
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
gap:20px;
border-radius:4px;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
}
.competenceContentWrap:not(.ct-section):not(.oxy-easy-posts),
.competenceContentWrap.oxy-easy-posts .oxy-posts,
.competenceContentWrap.ct-section .ct-section-inner-wrap{
gap:20px;
}
@media (max-width: 479px) {
.competenceContentWrap {
}
}
.objectionTitre {
font-family:'Nunito';
}
.objectionText {
font-family:'Inter';
}
.objectionWrapper {
border-radius:4px;
background-color:#ffffff;
width:60%;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
box-shadow:0px 0px 10px 0px #fff;
}
@media (max-width: 991px) {
.objectionWrapper {
width:80%;
}
}
@media (max-width: 767px) {
.objectionWrapper {
width:100%;
}
}
.headingHero {
font-family:'Nunito';
font-size:45px;
line-height:1.2;
margin-bottom:0px;
text-align:center;
}
.blob {
}
@media (max-width: 991px) {
.blob {
}
.blob:not(.ct-section):not(.oxy-easy-posts),
.blob.oxy-easy-posts .oxy-posts,
.blob.ct-section .ct-section-inner-wrap{
display:none;
}
}
.socialProofSlide {
gap:20px;
text-align:center;
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}
.socialProofSlide:not(.ct-section):not(.oxy-easy-posts),
.socialProofSlide.oxy-easy-posts .oxy-posts,
.socialProofSlide.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:20px;
}
.gradient-buttonAlt {
}
.gradient-buttonAlt-text:hover{
}
.gradient-buttonAlt-text {
font-family:'Inter';
z-index:1;
background-color:#ffffff;
text-align:center;
color:#475467;
}
@media (max-width: 479px) {
.gradient-buttonAlt-text {
}
}
.ModalTitre {
margin-bottom:0px;
}
@media (max-width: 767px) {
.ModalTitre {
font-size:20px;
}
}
.performanceImageHero {
}
.sliderPerfWrapper {
width:50%;
gap:10px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
border-radius:4px;
}
.sliderPerfWrapper:not(.ct-section):not(.oxy-easy-posts),
.sliderPerfWrapper.oxy-easy-posts .oxy-posts,
.sliderPerfWrapper.ct-section .ct-section-inner-wrap{
gap:10px;
}
.sliderPerfContent {
}
.sliderPerfImage {
}
.sliderPerfName {
}
.tarifSauvegarde {
font-family:'Inter';
font-weight:600;
font-size:18px;
}
.ModalContent {
margin-bottom:30px;
}
.ecoWrap {
width:100px;
height:100px;
border-radius:4px;
position:absolute;
top:0px;
right:0px;
clip-path: polygon(100% 0%, 100% 100%, 0% 0%); background: linear-gradient(133deg, #10def680 0%, #da65bf80 100%);
}
.ecoWrap:not(.ct-section):not(.oxy-easy-posts),
.ecoWrap.oxy-easy-posts .oxy-posts,
.ecoWrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-end;
}
.ecoText {
transform:rotate(45deg); text-align:center;
color:#ffffff;
font-size:17px;
margin-top:15px;
margin-right:-15px;
}
.socialProofIcon {
color: #c7a900;}.socialProofIcon
>svg {width: 20px;height: 20px;}.socialProofIcon {
}
.socialProofText {
font-family:'Inter';
}
.socialProofName {
font-family:'Inter';
font-size:25px;
font-weight:600;
}
.contactMode {
font-family:'Inter';
font-size:28px;
font-weight:500;
text-align:center;
}
.contactDelay {
font-family:'Inter';
text-align:center;
}
.contactMoyen {
font-family:'Inter';
font-weight:500;
}
.contactWrapper {
gap:15px;
width:50%;
}
.contactWrapper:not(.ct-section):not(.oxy-easy-posts),
.contactWrapper.oxy-easy-posts .oxy-posts,
.contactWrapper.ct-section .ct-section-inner-wrap{
gap:15px;
}
@media (max-width: 767px) {
.contactWrapper {
width:100%;
}
}
.contactIcon {
transform:scale(2,2);}
.oxel_iconlist__row--dark {
background-color:color(undefined);
}
@media (max-width: 767px) {
.oxel_iconlist__row--dark {
}
.oxel_iconlist__row--dark:not(.ct-section):not(.oxy-easy-posts),
.oxel_iconlist__row--dark.oxy-easy-posts .oxy-posts,
.oxel_iconlist__row--dark.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
}
}
.portfolioWrapper {
width:100%;
gap:50px;
margin-bottom:78px;
}
.portfolioWrapper:not(.ct-section):not(.oxy-easy-posts),
.portfolioWrapper.oxy-easy-posts .oxy-posts,
.portfolioWrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:center;
gap:50px;
}
@media (max-width: 991px) {
.portfolioWrapper {
margin-bottom:105px;
}
}
@media (max-width: 767px) {
.portfolioWrapper {
gap:90px;
}
.portfolioWrapper:not(.ct-section):not(.oxy-easy-posts),
.portfolioWrapper.oxy-easy-posts .oxy-posts,
.portfolioWrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:90px;
}
}
.portfolioPerf {
text-align:center;
}
.portfolioPerf:not(.ct-section):not(.oxy-easy-posts),
.portfolioPerf.oxy-easy-posts .oxy-posts,
.portfolioPerf.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.portfolioCheck {
transform:scale(0.5,0.5); margin-left:32px;
margin-right:32px;
}
@media (max-width: 767px) {
.portfolioCheck {
margin-left:0px;
margin-right:0px;
}
}
.absoGauche {
width:50%;
height:100%;
position:absolute;
z-index:2;
top:0px;
left:0px;
}
.absoDroit {
width:50%;
height:100%;
position:absolute;
top:0px;
right:0px;
z-index:2;
}
.divGauche {
width:50%;
position:relative;
padding-right:220px;
}
.divGauche:not(.ct-section):not(.oxy-easy-posts),
.divGauche.oxy-easy-posts .oxy-posts,
.divGauche.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:flex-end;
}
.divDroit {
width:50%;
position:relative;
padding-left:220px;
}
.divDroit:not(.ct-section):not(.oxy-easy-posts),
.divDroit.oxy-easy-posts .oxy-posts,
.divDroit.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.image {
}
.imageGauche {
position:absolute;
max-height:100%;
width:480px;
}
.imageDroit {
position:absolute;
width:480px;
}
.textAD {
font-family:'Nunito';
font-size:60px;
font-weight:600;
z-index:1;
line-height:1;
margin-bottom:10px;
}
.sectionAD {
}
@media (max-width: 991px) {
.sectionAD {
}
}
.textADGauche {
transition-duration:1.2s;
}
.textADDroit {
transition-duration:1.2s;
}
.clientLogo:hover{
filter:grayscale(0%);
}
.clientLogo {
filter:grayscale(100%);
transition-duration:0.8s;
max-height:70px;
}
@media (max-width: 1120px) {
.clientLogo {
margin-left:20px;
margin-right:20px;
}
}
@media (max-width: 767px) {
.clientLogo {
margin-left:5px;
margin-right:5px;
max-height:60px;
}
}
@media (max-width: 479px) {
.clientLogo {
max-height:50px;
}
}
.clientLogoWrap {
width:100%;
}
.clientLogoWrap:not(.ct-section):not(.oxy-easy-posts),
.clientLogoWrap.oxy-easy-posts .oxy-posts,
.clientLogoWrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 1120px) {
.clientLogoWrap {
gap:70px;
}
.clientLogoWrap:not(.ct-section):not(.oxy-easy-posts),
.clientLogoWrap.oxy-easy-posts .oxy-posts,
.clientLogoWrap.ct-section .ct-section-inner-wrap{
gap:70px;
}
}
@media (max-width: 991px) {
.clientLogoWrap {
gap:0px;
}
.clientLogoWrap:not(.ct-section):not(.oxy-easy-posts),
.clientLogoWrap.oxy-easy-posts .oxy-posts,
.clientLogoWrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:0px;
}
}
@media (max-width: 767px) {
.clientLogoWrap {
text-align:center;
}
.clientLogoWrap:not(.ct-section):not(.oxy-easy-posts),
.clientLogoWrap.oxy-easy-posts .oxy-posts,
.clientLogoWrap.ct-section .ct-section-inner-wrap{
align-items:center;
}
}
.verifWrapper {
position:absolute;
top:45px;
left:-9999px;
border-top-color:color(undefined);
border-right-color:color(undefined);
border-bottom-color:color(undefined);
border-left-color:color(undefined);
border-top-width:1px;
border-top-style:solid;
padding-top:10px;
background-color:#ffffff;
border-radius:4px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
width:160px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
opacity:0;
transition-duration:0.6s;
transition-property:opacity, top;
z-index:2;
}
@media (max-width: 991px) {
.verifWrapper {
opacity:1;
left:0px;
top:35px;
width:150px;
}
}
@media (max-width: 767px) {
.verifWrapper {
width:130px;
top:55px;
}
}
@media (max-width: 479px) {
.verifWrapper {
position:absolute;
top:0px;
left:120px;
}
}
.verifTimeWrap {
}
@media (max-width: 479px) {
.verifTimeWrap {
}
}
.verifIndexWrap {
gap:15px;
}
.verifIndexWrap:not(.ct-section):not(.oxy-easy-posts),
.verifIndexWrap.oxy-easy-posts .oxy-posts,
.verifIndexWrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:15px;
}
@media (max-width: 479px) {
.verifIndexWrap {
gap:5px;
}
.verifIndexWrap:not(.ct-section):not(.oxy-easy-posts),
.verifIndexWrap.oxy-easy-posts .oxy-posts,
.verifIndexWrap.ct-section .ct-section-inner-wrap{
gap:5px;
}
}
.verifIcon {
color: #00cc66;}.verifIcon
>svg {width: 14px;height: 14px;}.verifIcon {
margin-top:5px;
margin-right:10px;
}
.verifTime {
color:#008800;
font-size:25px;
letter-spacing:2px;
}
@media (max-width: 991px) {
.verifTime {
}
}
@media (max-width: 767px) {
.verifTime {
font-size:20px;
}
}
@media (max-width: 479px) {
.verifTime {
font-size:18px;
letter-spacing:1px;
margin-left:10px;
}
}
.sliderWrapper {
height:280px;
border-radius:4px;
}
.sliderWrapper:not(.ct-section):not(.oxy-easy-posts),
.sliderWrapper.oxy-easy-posts .oxy-posts,
.sliderWrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:space-between;
}
@media (max-width: 767px) {
.sliderWrapper {
height:450px;
}
}
@media (max-width: 479px) {
.sliderWrapper {
height:550px;
}
}
.sliderAvis {
font-family:'Inter';
padding-top:20px;
padding-right:50px;
padding-bottom:20px;
padding-left:50px;
color:#212529;
}
.sliderNom {
font-family:'Inter';
color:#212529;
}
.sliderEntreprise {
font-family:'Inter';
font-style:italic;
color:#212529;
}
.sliderNomWrapper {
text-align:center;
gap:5px;
}
.sliderNomWrapper:not(.ct-section):not(.oxy-easy-posts),
.sliderNomWrapper.oxy-easy-posts .oxy-posts,
.sliderNomWrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:5px;
}
.sousTextAD {
font-family:'Inter';
}
.gradient-borderWrap {
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
border-radius:4px;
background-color:#ffffff;
}
.blackImage:hover{
filter:grayscale(0%);
}
.blackImage {
filter:grayscale(100%);
transition-duration:0.8s;
width:140px;
}
.blackImage:not(.ct-section):not(.oxy-easy-posts),
.blackImage.oxy-easy-posts .oxy-posts,
.blackImage.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 479px) {
.blackImage {
width:100px;
}
}
.menu-wrap {
}
@media (max-width: 767px) {
.menu-wrap {
background-color:#111111;
position:fixed;
left:0px;
bottom:0px;
z-index:1001;
padding-top:30px;
padding-right:10px;
padding-bottom:30px;
padding-left:10px;
gap:15px;
opacity:0;
width:256px;
}
.menu-wrap:not(.ct-section):not(.oxy-easy-posts),
.menu-wrap.oxy-easy-posts .oxy-posts,
.menu-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
gap:15px;
}
}
.menu-button {
}
@media (max-width: 767px) {
.menu-button {
height:100%;
width:100%;
position:absolute;
z-index:1001;
cursor: pointer;
}
.menu-button:not(.ct-section):not(.oxy-easy-posts),
.menu-button.oxy-easy-posts .oxy-posts,
.menu-button.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
}
.sousMenuWrapper {
position:absolute;
background-color:#111111;
z-index:999;
top:85px;
left:-99999px;
transition-duration:0.3s;
transition-property:opacity, top;
opacity:0;
width:300px;
border-radius:4px;
}
.sousMenuWrap {
width:100%;
}
@media (max-width: 767px) {
.sousMenuWrap {
width:236px;
}
}
.sousMenuCodeBlock {
}
.menuWrapper {
position:relative;
}
.menu-button-design {
}
@media (max-width: 767px) {
.menu-button-design {
height:100%;
width:100%;
position:absolute;
z-index:1001;
cursor: pointer;
}
.menu-button-design:not(.ct-section):not(.oxy-easy-posts),
.menu-button-design.oxy-easy-posts .oxy-posts,
.menu-button-design.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
}
.menu-wrap-design {
}
@media (max-width: 767px) {
.menu-wrap-design {
width:80%;
background-color:#111111;
position:fixed;
left:0px;
bottom:0px;
z-index:1001;
padding-top:30px;
padding-right:30px;
padding-bottom:30px;
padding-left:30px;
gap:15px;
opacity:0;
}
.menu-wrap-design:not(.ct-section):not(.oxy-easy-posts),
.menu-wrap-design.oxy-easy-posts .oxy-posts,
.menu-wrap-design.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
gap:15px;
}
}
.menu-wrap-master {
}
@media (max-width: 767px) {
.menu-wrap-master {
width:80%;
background-color:#111111;
position:fixed;
left:0px;
bottom:0px;
z-index:1001;
padding-top:30px;
padding-right:30px;
padding-bottom:30px;
padding-left:30px;
gap:15px;
opacity:0;
}
.menu-wrap-master:not(.ct-section):not(.oxy-easy-posts),
.menu-wrap-master.oxy-easy-posts .oxy-posts,
.menu-wrap-master.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
gap:15px;
}
}
.menu-button-master {
}
@media (max-width: 767px) {
.menu-button-master {
height:100%;
width:100%;
position:absolute;
z-index:1001;
cursor: pointer;
}
.menu-button-master:not(.ct-section):not(.oxy-easy-posts),
.menu-button-master.oxy-easy-posts .oxy-posts,
.menu-button-master.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
}
.menu-button-formations {
}
@media (max-width: 767px) {
.menu-button-formations {
height:100%;
width:100%;
position:absolute;
z-index:1001;
cursor: pointer;
}
.menu-button-formations:not(.ct-section):not(.oxy-easy-posts),
.menu-button-formations.oxy-easy-posts .oxy-posts,
.menu-button-formations.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
}
.menu-wrap-formations {
}
@media (max-width: 767px) {
.menu-wrap-formations {
width:80%;
background-color:#111111;
position:fixed;
left:0px;
bottom:0px;
z-index:1001;
padding-top:30px;
padding-right:30px;
padding-bottom:30px;
padding-left:30px;
gap:15px;
opacity:0;
}
.menu-wrap-formations:not(.ct-section):not(.oxy-easy-posts),
.menu-wrap-formations.oxy-easy-posts .oxy-posts,
.menu-wrap-formations.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
gap:15px;
}
}
.verifWrap {
border-radius:4px;
background-color:#ffffff;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
width:155px;
transition-duration:0.4s;
transition-property:opacity, top;
box-shadow:0px 0px 13px 0px #ddd;
}
.verifWrap:not(.ct-section):not(.oxy-easy-posts),
.verifWrap.oxy-easy-posts .oxy-posts,
.verifWrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.verifConteiner {
}
.parIcon {
position:absolute;
bottom:-10px;
}
.CGV-titre {
margin-top:30px;
margin-bottom:10px;
}
.CGV-text {
}
.CGV-h3 {
margin-top:10px;
}
.small-text {
font-size:var(--xs-text) ;
text-transform:uppercase;
letter-spacing:2px;
order: -1;
}
.f-small-text {
}
.CTA__price {
}
.CTA__euro {
font-size:var(--h4) ;
font-weight:900;
}
.bounce-top {
}
.proof-star {
width:8rem;
}
.proof-wrap-content {
}
.proof--wrap-content {
}
.proof__media--performance {
object-fit:cover;
width:100%;
}
.add-to-cart {
}
.oxy-stock-content-styles {
}
/* GLOBAL TYPOGRAPHY VARIABLES */
html {
font-size: 62.5%;
}
p{
margin: 0;
}
ul{
margin: 0;
}
h2{
z-index: 1;
}
:root {
--text: clamp(1.4rem, 0.382vw + 1.278rem, 1.8rem);
/*clamp(1.4rem, 0.382vw + 1.278rem, 1.8rem)*/
/*clamp(2.6rem, 1.147vw + 2.233rem, 3.8rem)*/
/* Cette root gère la taille des titres */
--h1-fallback: 2.8rem;
--h1: clamp(3.5rem, -0.382vw + 3.622rem, 3.1rem)
;
--h2-fallback: 2.3rem;
--h2: clamp(2.9rem, 0.191vw + 2.839rem, 3.1rem);
--h3-fallback: 2rem;
--h3: clamp(2.4rem, 0.669vw + 2.186rem, 3.1rem);
--h4-fallback: 1.6rem;
--h4: clamp(2rem, 0.574vw + 1.816rem, 2.6rem);
--h5-fallback: 1.35rem;
--h5: clamp(1.7rem, 0.478vw + 1.547rem, 2.2rem);
--h6-fallback: 1.2rem;
--h6: clamp(1.4rem, 0.382vw + 1.278rem, 1.8rem);
/* Cette root gère tous les tailles de textes */
--xs-text: clamp(0.8rem, 0.191vw + 0.739rem, 1rem);
--s-text-fallback: 0.85rem;
--s-text: clamp(1rem, 0.287vw + 0.908rem, 1.3rem);
--m-text-fallback: 1rem;
--m-text: clamp(1.2rem, 0.287vw + 1.108rem, 1.5rem);
--l-text-fallback: 1rem;
--l-text: clamp(1.7rem, 0.478vw + 1.547rem, 2.2rem);
--xl-text-fallback: 1.2rem;
--xl-text: clamp(2rem, 0.574vw + 1.816rem, 2.6rem);
/* Cette root gère l'arrondi des bordures */
--border-radius: 0.6rem;
--border-radius-xl: 50rem;
--blob-size: clamp(0rem, 43.021vw + -13.767rem, 45rem);
}
/* GLOBAL SPACING VARIABLES */
:root {
--xs-space-fallback: 1vmin;
--xs-space: clamp(0.4rem, 0.382vw + 0.278rem, 0.8rem);
--s-space-fallback: 2vmin;
--s-space: clamp(0.8rem, 0.765vw + 0.555rem, 1.6rem);
--m-space-fallback: 3.5vmin;
--m-space: clamp(1.3rem, 0.669vw + 1.086rem, 2rem);
--l-space-fallback: 5vmin;
--l-space: clamp(2rem, 1.147vw + 1.633rem, 3.2rem);
--xl-space-fallback: 7vmin;
--xl-space: clamp(3.2rem, 1.53vw + 2.711rem, 4.8rem);
--xxl-space-fallback: 12vmin;
--xxl-space: clamp(5.2rem, 2.677vw + 4.343rem, 8rem);
--grid-gap: clamp(2rem, 1.147vw + 1.633rem, 3.2rem);
--container-gap: clamp(3.2rem, 1.53vw + 2.711rem, 4.8rem);
--card-gap: clamp(1.3rem, 0.669vw + 1.086rem, 2rem);
--content-gap: clamp(0.4rem, 0.382vw + 0.278rem, 0.8rem);
--card-padding: clamp(1.3rem, 0.669vw + 1.086rem, 2rem);
/* cette root gère les espaces des sections */
--section-padding-horizontal: clamp(5.2rem, 2.677vw + 4.343rem, 8rem);
--section-padding-vertical: clamp(2rem, 1.147vw + 1.633rem, 3.2rem);
}
.grid-gap{
gap: var(--grid-gap);
}
.container-gap{
gap: var(--container-gap);
}
.content-gap{
gap: var(--content-gap);
}
/* Cette règle gère les espaces du menu de navigation */
#-pro-menu-870-18 .oxy-pro-menu-container .menu-item a {
padding: var(--xs-space) var(--s-space);
}:root{
--grid-2-auto: auto auto;
--grid-6: repeat(6, minmax(0, 1fr));
--grid-5: repeat(5, minmax(0, 1fr));
--grid-4: repeat(4, minmax(0, 1fr));
--grid-3: repeat(3, minmax(0, 1fr));
--grid-2: repeat(2, minmax(0, 1fr));
--grid-1: repeat(1, minmax(0, 1fr));
--grid-3-2: minmax(0, 3fr) minmax(0, 2fr);
--grid-3-1: minmax(0, 3fr) minmax(0, 1fr);
--grid-2-3: minmax(0, 2fr) minmax(0, 3fr);
--grid-1-3: minmax(0, 1fr) minmax(0, 3fr);
--grid-1-2: minmax(0, 1fr) minmax(0, 2fr);
--grid-2-1: minmax(0, 2fr) minmax(0, 1fr);
--grid-1-2-1: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
--grid-1-3-1: minmax(0, 1fr) minmax(0, 3fr) minmax(0, 1fr);
--grid-2-1-1: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
--grid-3-1-1: minmax(0, 3fr) minmax(0, 1fr) minmax(0, 1fr);
--grid-1-1-2: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr);
--grid-1-1-3: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 3fr);
}
/* COLUMNS - DESKTOP */
/* ----------------- */
.c-columns-2-auto {
display: grid!important;
grid-template-columns: var(--grid-2-auto);
width: 100%;
}
.c-columns-6 {
display: grid!important;
grid-template-columns: var(--grid-6);
width: 100%;
}
.c-columns-5 {
display: grid!important;
grid-template-columns: var(--grid-5);
width: 100%;
}
.c-columns-4 {
display: grid!important;
grid-template-columns: var(--grid-4);
width: 100%;
}
.c-columns-3 {
display: grid!important;
grid-template-columns: var(--grid-3);
width: 100%;
}
.c-columns-2 {
display: grid!important;
grid-template-columns: var(--grid-2);
width: 100%;
}
.c-columns-1{
display: grid!important;
grid-template-columns: var(--grid-1);
width: 100%;
}
.c-columns-3-2 {
display: grid!important;
grid-template-columns: var(--grid-3-2);
width: 100%;
}
.c-columns-2-3 {
display: grid!important;
grid-template-columns: var(--grid-2-3);
width: 100%;
}
.c-columns-1-2 {
display: grid!important;
grid-template-columns: var(--grid-1-2);
width: 100%;
}
.c-columns-2-1 {
display: grid!important;
grid-template-columns: var(--grid-2-1);
width: 100%;
}
.c-columns-3-1 {
display: grid!important;
grid-template-columns: var(--grid-3-1);
width: 100%;
}
.c-columns-1-3 {
display: grid!important;
grid-template-columns: var(--grid-1-3);
width: 100%;
}
.f-columns-1-1-2{
display: grid!important;
grid-template-columns: var(--grid-1-1-2);
width: 100%;
}
.f-columns-1-2-1{
display: grid!important;
grid-template-columns: var(--grid-1-2-1);
width: 100%;
}
.f-columns-1-3-1{
display: grid!important;
grid-template-columns: var(--grid-1-3-1);
width: 100%;
}
.f-columns-2-1-1{
display: grid!important;
grid-template-columns: var(--grid-2-1-1);
width: 100%;
}
.f-columns-3-1-1{
display: grid!important;
grid-template-columns: var(--grid-3-1-1);
width: 100%;
}
.f-columns-1-1-2{
display: grid!important;
grid-template-columns: var(--grid-1-1-2);
width: 100%;
}
.f-columns-1-1-3{
display: grid!important;
grid-template-columns: var(--grid-1-1-3);
width: 100%;
}
/* ROW SPANS - DESKTOP - INCREASE CELL SIZE */
.c-row-span-2 {
grid-row: span 2 / span 2;
}
.c-row-span-3 {
grid-row: span 3 / span 3;
}
.c-row-span-4 {
grid-row: span 4 / span 4;
}
.c-row-span-5 {
grid-row: span 5 / span 5;
}
.c-row-span-6 {
grid-row: span 6 / span 6;
}
/* COLUMN SPANS - DESKTOP - INCREASE CELL SIZE */
.c-col-span-2 {
grid-column: span 2 / span 2;
}
.c-col-span-3 {
grid-column: span 3 / span 3;
}
.c-col-span-4 {
grid-column: span 4 / span 4;
}
.c-col-span-5 {
grid-column: span 5 / span 5;
}
.c-col-span-6 {
grid-column: span 6 / span 6;
}
/* ROW START - DESKTOP - POSITION OF THE ROW */
.c-row-start-1 {
grid-row-start: 1;
}
.c-row-start-2 {
grid-row-start: 2;
}
.c-row-start-3 {
grid-row-start: 3;
}
.c-row-start-4 {
grid-row-start: 4;
}
.c-row-start-5 {
grid-row-start: 5;
}
.c-row-start-6 {
grid-row-start: 6;
}
/* COLUMN START - DESKTOP - POSITION OF THE COLUMN */
.c-col-start-1 {
grid-column-start: 1;
}
.c-col-start-2 {
grid-column-start: 2;
}
.c-col-start-3 {
grid-column-start: 3;
}
.c-col-start-4 {
grid-column-start: 4;
}
.c-col-start-5 {
grid-column-start: 5;
}
.c-col-start-6 {
grid-column-start: 6;
}
/* COLUMNS - LAPTOP */
/* ---------------- */
@media only screen and (max-width: 1399px) {
.c-columns-xl-5 {
grid-template-columns: var(--grid-5);
}
.c-columns-xl-4 {
grid-template-columns: var(--grid-4);
}
.c-columns-xl-3 {
grid-template-columns: var(--grid-3);
}
.c-columns-xl-2 {
grid-template-columns: var(--grid-2);
}
.c-columns-xl-1 {
grid-template-columns: var(--grid-1);
}
/* ROW SPANS - LAPTOP */
.c-row-span-xl-1 {
grid-row: span 1 / span 1;
}
.c-row-span-xl-2 {
grid-row: span 2 / span 2;
}
.c-row-span-xl-3 {
grid-row: span 3 / span 3;
}
.c-row-span-xl-4 {
grid-row: span 4 / span 4;
}
.c-row-span-xl-5 {
grid-row: span 5 / span 5;
}
.c-row-span-xl-6 {
grid-row: span 6 / span 6;
}
/* COLUMN SPANS - LAPTOP */
.c-col-span-xl-1 {
grid-column: span 1 / span 1;
}
.c-col-span-xl-2 {
grid-column: span 2 / span 2;
}
.c-col-span-xl-3 {
grid-column: span 3 / span 3;
}
.c-col-span-xl-4 {
grid-column: span 4 / span 4;
}
.c-col-span-xl-5 {
grid-column: span 5 / span 5;
}
.c-col-span-xl-6 {
grid-column: span 6 / span 6;
}
/* ROW START - LAPTOP */
.c-row-start-xl-1 {
grid-row-start: 1;
}
.c-row-start-xl-2 {
grid-row-start: 2;
}
.c-row-start-xl-3 {
grid-row-start: 3;
}
.c-row-start-xl-4 {
grid-row-start: 4;
}
.c-row-start-xl-5 {
grid-row-start: 5;
}
.c-row-start-xl-6 {
grid-row-start: 6;
}
/* COLUMN START - LAPTOP */
.c-col-start-xl-1 {
grid-column-start: 1;
}
.c-col-start-xl-2 {
grid-column-start: 2;
}
.c-col-start-xl-3 {
grid-column-start: 3;
}
.c-col-start-xl-4 {
grid-column-start: 4;
}
.c-col-start-xl-5 {
grid-column-start: 5;
}
.c-col-start-xl-6 {
grid-column-start: 6;
}
}
/* COLUMNS - TABLET */
/* ---------------- */
@media only screen and (max-width: 991px) {
.c-columns-l-4 {
grid-template-columns: var(--grid-4);
}
.c-columns-l-3 {
grid-template-columns: var(--grid-3);
}
.c-columns-l-2 {
grid-template-columns: var(--grid-2);
}
.c-columns-l-1 {
grid-template-columns: var(--grid-1);
}
/* ROW SPANS - TABLET */
.c-row-span-l-1 {
grid-row: span 1 / span 1;
}
.c-row-span-l-2 {
grid-row: span 2 / span 2;
}
.c-row-span-l-3 {
grid-row: span 3 / span 3;
}
.c-row-span-l-4 {
grid-row: span 4 / span 4;
}
.c-row-span-l-5 {
grid-row: span 5 / span 5;
}
.c-row-span-l-6 {
grid-row: span 6 / span 6;
}
/* COLUMN SPANS - TABLET */
.c-col-span-l-1 {
grid-column: span 1 / span 1;
}
.c-col-span-l-2 {
grid-column: span 2 / span 2;
}
.c-col-span-l-3 {
grid-column: span 3 / span 3;
}
.c-col-span-l-4 {
grid-column: span 4 / span 4;
}
.c-col-span-l-5 {
grid-column: span 5 / span 5;
}
.c-col-span-l-6 {
grid-column: span 6 / span 6;
}
/* ROW START - LAPTOP */
.c-row-start-l-1 {
grid-row-start: 1;
}
.c-row-start-l-2 {
grid-row-start: 2;
}
.c-row-start-l-3 {
grid-row-start: 3;
}
.c-row-start-l-4 {
grid-row-start: 4;
}
.c-row-start-l-5 {
grid-row-start: 5;
}
.c-row-start-l-6 {
grid-row-start: 6;
}
/* COLUMN START - LAPTOP */
.c-col-start-l-1 {
grid-column-start: 1;
}
.c-col-start-l-2 {
grid-column-start: 2;
}
.c-col-start-l-3 {
grid-column-start: 3;
}
.c-col-start-l-4 {
grid-column-start: 4;
}
.c-col-start-l-5 {
grid-column-start: 5;
}
.c-col-start-l-6 {
grid-column-start: 6;
}
}
/* COLUMNS - MOBILE LANDSCAPE */
/* -------------------------- */
@media only screen and (max-width: 767px) {
.c-columns-m-3 {
grid-template-columns: var(--grid-3);
}
.c-columns-m-2 {
grid-template-columns: var(--grid-2);
}
.c-columns-m-1 {
grid-template-columns: var(--grid-1);
}
/* ROW SPANS - MOBILE LANDSCAPE */
.c-row-span-m-1 {
grid-row: span 1 / span 1;
}
.c-row-span-m-2 {
grid-row: span 2 / span 2;
}
.c-row-span-m-3 {
grid-row: span 3 / span 3;
}
.c-row-span-m-4 {
grid-row: span 4 / span 4;
}
.c-row-span-m-5 {
grid-row: span 5 / span 5;
}
.c-row-span-m-6 {
grid-row: span 6 / span 6;
}
/* COLUMN SPANS - MOBILE LANDSCAPE */
.c-col-span-m-1 {
grid-column: span 1 / span 1;
}
.c-col-span-m-2 {
grid-column: span 2 / span 2;
}
.c-col-span-m-3 {
grid-column: span 3 / span 3;
}
.c-col-span-m-4 {
grid-column: span 4 / span 4;
}
.c-col-span-m-5 {
grid-column: span 5 / span 5;
}
.c-col-span-m-6 {
grid-column: span 6 / span 6;
}
/* ROW START - MOBILE LANDSCAPE */
.c-row-start-m-1 {
grid-row-start: 1;
}
.c-row-start-m-2 {
grid-row-start: 2;
}
.c-row-start-m-3 {
grid-row-start: 3;
}
.c-row-start-m-4 {
grid-row-start: 4;
}
.c-row-start-m-5 {
grid-row-start: 5;
}
.c-row-start-m-6 {
grid-row-start: 6;
}
/* COLUMN START - MOBILE LANDSCAPE */
.c-col-start-m-1 {
grid-column-start: 1;
}
.c-col-start-m-2 {
grid-column-start: 2;
}
.c-col-start-m-3 {
grid-column-start: 3;
}
.c-col-start-m-4 {
grid-column-start: 4;
}
.c-col-start-m-5 {
grid-column-start: 5;
}
.c-col-start-m-6 {
grid-column-start: 6;
}
}
/* COLUMNS - MOBILE */
/* ---------------- */
@media only screen and (max-width: 479px) {
.c-columns-s-2 {
grid-template-columns: var(--grid-2);
}
.c-columns-s-1 {
grid-template-columns: var(--grid-1);
}
/* ROW SPANS - MOBILE */
.c-row-span-s-1 {
grid-row: span 1 / span 1;
}
.c-row-span-s-2 {
grid-row: span 2 / span 2;
}
.c-row-span-s-3 {
grid-row: span 3 / span 3;
}
.c-row-span-s-4 {
grid-row: span 4 / span 4;
}
.c-row-span-s-5 {
grid-row: span 5 / span 5;
}
.c-row-span-s-6 {
grid-row: span 6 / span 6;
}
/* COLUMN SPANS - MOBILE */
.c-col-span-s-1 {
grid-column: span 1 / span 1;
}
.c-col-span-s-2 {
grid-column: span 2 / span 2;
}
.c-col-span-s-3 {
grid-column: span 3 / span 3;
}
.c-col-span-s-4 {
grid-column: span 4 / span 4;
}
.c-col-span-s-5 {
grid-column: span 5 / span 5;
}
.c-col-span-s-6 {
grid-column: span 6 / span 6;
}
/* ROW START - MOBILE */
.c-row-start-s-1 {
grid-row-start: 1;
}
.c-row-start-s-2 {
grid-row-start: 2;
}
.c-row-start-s-3 {
grid-row-start: 3;
}
.c-row-start-s-4 {
grid-row-start: 4;
}
.c-row-start-s-5 {
grid-row-start: 5;
}
.c-row-start-s-6 {
grid-row-start: 6;
}
/* COLUMN START - MOBILE */
.c-col-start-s-1 {
grid-column-start: 1;
}
.c-col-start-s-2 {
grid-column-start: 2;
}
.c-col-start-s-3 {
grid-column-start: 3;
}
.c-col-start-s-4 {
grid-column-start: 4;
}
.c-col-start-s-5 {
grid-column-start: 5;
}
.c-col-start-s-6 {
grid-column-start: 6;
}
}
/* OTHER */
/* ---------------- */
/* CSS GRID - GALLERIES AND LAYOUTS */
.c-gallery {align-items: stretch;}
.c-gallery img {object-fit:cover;}
/* GRID 1 */
.c-grid-1 {
display: grid!important;
width:100%;
grid-template-columns: var(--grid-3);
grid-template-rows: var(--grid-2);
}
.c-grid-1 *:nth-child(1) { grid-area: 1 / 1 / span 2 / span 2; }
.c-grid-1 *:nth-child(2) { grid-area: 1 / 3; }
.c-grid-1 *:nth-child(3) { grid-area: 2 / 3; }
@media only screen and (max-width: 767px) {
.c-grid-1 {
grid-template-columns: 1fr 1fr;
grid-template-rows: 1.5fr 1fr;
}
.c-grid-1 *:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
.c-grid-1 *:nth-child(2) { grid-area: 2 / 1; }
.c-grid-1 *:nth-child(3) { grid-area: 2 / 2; }
}
/* GRID 2 */
.c-grid-2 {
display: grid!important;
width:100%;
grid-template-columns: var(--grid-5);
grid-template-rows: var(--grid-2);
}
.c-grid-2 *:nth-child(1) { grid-area: 1 / 1 / 2 / 4; }
.c-grid-2 *:nth-child(2) { grid-area: 1 / 4 / 2 / 6; }
.c-grid-2 *:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }
.c-grid-2 *:nth-child(4) { grid-area: 2 / 3 / 3 / 6; }/* GALLERY SLIDER */
ul.splide__list {
width: 100%;
}
#primary-slider {
margin-bottom: 10px;
}
.splide__slide img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.splide--nav > .splide__track > .splide__list > .splide__slide {
border: none !important;
opacity: 0.5;
transition: opacity 0.6s;
}
.splide--nav > .splide__track > .splide__list > .splide__slide:hover {
opacity: 1;
}
.splide--nav > .splide__track > .splide__list > .splide__slide.is-active {
opacity: 1;
}
/* ARROWS STYLING */
.splide .splide__arrow,
.oxy-oxyninja-slider .splide__arrow {
border-radius: 0;
opacity: 0;
background: #fff;
box-shadow: 0 1px 5px #0000001c;
transition: all 0.4s;
}
.splide:hover .splide__arrow,
.oxy-oxyninja-slider:hover .splide__arrow {
opacity: 0.8;
}
.splide .splide__arrow:hover,
.oxy-oxyninja-slider .splide__arrow:hover {
opacity: 1;
background: #fff;
box-shadow: 0 1px 10px #0000001c;
}
.splide .splide__arrows button:disabled,
.oxy-oxyninja-slider .splide__arrows button:disabled {
display: none;
}
/* ARROWS APPEAR ON SLIDER HOVER */
.splide .splide__arrow--prev,
.oxy-oxyninja-slider .splide__arrow--prev {
left: 0;
}
.splide .splide__arrow--next,
.oxy-oxyninja-slider .splide__arrow--next {
right: 0;
}
.splide:hover .splide__arrow--prev,
.oxy-oxyninja-slider:hover .splide__arrow--prev {
left: 1em;
}
.splide:hover .splide__arrow--next,
.oxy-oxyninja-slider:hover .splide__arrow--next {
right: 1em;
}
/* ARROWS APPEARING ALL THE TIME ON PHONES */
@media only screen and (max-width: 991px) {
.splide .splide__arrow,
.oxy-oxyninja-slider .splide__arrow {
opacity: 1;
}
.splide .splide__arrow--prev,
.oxy-oxyninja-slider .splide__arrow--prev {
left: 1em;
}
.splide .splide__arrow--next,
.oxy-oxyninja-slider .splide__arrow--next {
right: 1em;
}
}
/* CAROUSEL PAGINATION */
.splide .splide__pagination,
.oxy-oxyninja-slider .splide__pagination {
bottom: -1em;
}
.splide .splide__pagination__page,
.oxy-oxyninja-slider .splide__pagination__page {
width: 40px;
height: 1px;
background: #323232;
border-radius: 0;
opacity: 0.2;
}
.splide .splide__pagination__page.is-active,
.oxy-oxyninja-slider .splide__pagination__page.is-active {
background: #323232;
transform: scale(1);
opacity: 0.7;
}
.wc-product-gallery-1 .splide .splide__pagination,
.wc-product-gallery-2 .splide .splide__pagination,
.wc-product-gallery-1 .oxy-oxyninja-slider .splide__pagination,
.wc-product-gallery-2 .oxy-oxyninja-slider .splide__pagination {
display: none;
}/* IMG OBJECT FIT - USE ON IMAGE OR IMAGE WRAPPER TO CHANGE OBJECT FIT OF THE IMAGE */
.wc-img-cover,
.wc-img-cover img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.wc-img-contain,
.wc-img-contain img {
object-fit: contain;
object-position: center;
width: 100%;
height: 100%;
}
/* WOOCOMMERCE IMAGE GRID 1*/
.wc-image-grid-1 {
display: grid!important;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
}
.wc-image-grid-1 * {
width: 100%!important;
border-radius: 2px;
margin: 0!important;
}
.wc-image-grid-1 *:nth-child(1) {
grid-column: 1 / -1;
max-height: 800px;
object-fit: cover;
object-position: center;
}
.wc-grid-img {
width: 100%!important;
height: 100%!important;
object-fit: cover;
object-position: center;
}
/* CSS FIX */
#ct-builder .wc-archive-item-1,
#ct-builder .wc-archive-item-2,
#ct-builder .wc-archive-item-3,
#ct-builder .wc-archive-item-4 {
max-width:350px;
}
.oxy-dynamic-list .oxy-product-wrapper-inner {
height: 100%;
}
div.c-divider, div.wc-full-divider {min-height:1px!important;}
.oxy-repeater-pages-wrap {
grid-column: 1 / -1;
}
.oxy-product-info h2 {
margin-bottom: 20px!important;
}
.widget_top_rated_products h2, .woocommerce .widget_shopping_cart h2, .woocommerce .widget_products h2, .woocommerce .widget_product_categories h2, .woocommerce .widget_layered_nav_filters h2, .woocommerce .woocommerce-widget-layered-nav h2, .woocommerce .widget_rating_filter h2, .woocommerce .widget_price_filter h2, .woocommerce div.widget_product_tag_cloud h2, .woocommerce h1.page-title, .woocommerce h1.product_title, .woocommerce section.related.products h2, .woocommerce section.upsells.products h2, .woocommerce h2.woocommerce-Reviews-title, .woocommerce span.comment-reply-title, .woocommerce-Tabs-panel h2, h2.woocommerce-order-downloads__title, .woocommerce-orders article header h1, .woocommerce-account article header h1, .woocommerce-downloads article header h1, .woocommerce-edit-address article header h1, .woocommerce-account h2, .woocommerce-Address-title h3, .woocommerce-MyAccount-content h3, .woocommerce-EditAccountForm legend, h1.oxy-woo-archive-title, h2.woocommerce-column__title, h2.woocommerce-order-downloads__title, h2.woocommerce-order-details__title, .woocommerce-billing-fields h3, .woocommerce-checkout h3, .woocommerce .cart_totals h2, .woocommerce .cross-sells h2 {
color: inherit;
font-weight: inherit;
line-height: inherit;
}
.woocommerce .price_label .from, .woocommerce .price_label .to, .woocommerce ul.products li.product .price, .product-quantity, .woocommerce .price ins, .woocommerce-Price-amount, .woocommerce-loop-category__title .count, .woocommerce .price {
font-weight: 600;
}
.woocommerce a.added_to_cart {
display: none!important;
}
.wc-price-container .price {
display: flex;
flex-direction: row;
align-items: center;
}
.wc-price-container .price > del {
order: 2;
}
.wc-price-container .price > ins {
padding-right: 10px;
}
/* CATEGORIES LIST */
.wc-cat-list-1 .woocommerce .products ul::after,
.wc-cat-list-1 .woocommerce .products ul::before,
.wc-cat-list-1 .woocommerce ul.products::after,
.wc-cat-list-1 .woocommerce ul.products::before {
display: none;
}
.wc-cat-list-1.oxy-woo-product-categories .woocommerce ul.products li.product-category a img {
margin-bottom: 0;
}
.wc-cat-list-1.oxy-woo-product-categories .woocommerce ul.products li.product a {
align-items: center;
display: grid;
grid-template-columns: 80px 1fr;
grid-gap: 15px;
background: white;
border-radius: 0;
overflow: hidden;
padding: 0px;
box-shadow: 0px 3px 10px #00000017;
transition: all 0.3s;
}
.wc-cat-list-1.oxy-woo-product-categories .woocommerce ul.products li.product a:hover {
transform: translatey(-3px);
box-shadow: 0px 5px 20px #00000017;
}
.wc-cat-list-1.oxy-woo-product-categories .woocommerce ul.products li.product,
.wc-cat-list-1.woocommerce-page ul.products li.product {
width: 100%;
padding: 0;
margin: 0;
}
.wc-cat-list-1.oxy-woo-product-categories .woocommerce ul.products {
display: grid;
width: 100%;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 15px;
margin: 0;
}
/* TABS TO ACCORDION CSS FIX */
.tab-accordion {
border: 1px solid #e8e8e8;
background: none;
width: 100%;
justify-content: center;
margin-bottom: 20px;
}
/* CUSTOM SALE & NEW BADGES */
.wc-sale-badge, .wc-new-badge {
display: block;
background: white;
color: black;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
font-weight: 700;
padding: 3px 6px;
box-shadow: 0 1px 5px #0000001c;
margin: 5px;
opacity: 0.8;
}
.wc-sale-badge {
background: black;
color: white;
}
/* WOOCOMMERCE ARCHIVE STYLE 1 */
.wc-archive-item-1 img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.6s!important;
}
@media only screen and (min-width: 992px) {
.wc-archive-item-1-content {
opacity: 0;
}
.wc-archive-item-1-title {
transform: translateY(-25px);
}
.wc-archive-item-1-price {
transform: translateY(25px);
}
.wc-archive-item-1:hover img {
transform: scale(1.2);
opacity: 0.1;
}
.wc-archive-item-1:hover .wc-archive-item-1-content {
opacity: 1;
}
.wc-archive-item-1:hover .wc-archive-item-1-title,
.wc-archive-item-1:hover .wc-archive-item-1-price {
transform: translatey(0);
}
}
/* ARCHIVE STYLE 2 */
.wc-archive-item-2 .add_to_cart_inline {
margin: 0;
}
.wc-archive-item-2 .atc-code-block {
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
transition: all 0.6s;
}
.wc-archive-item-2 .woocommerce a.button {
width: 100%;
padding: 10px;
background-color: rgba(0,0,0,0.4);
border: none;
border-radius: 0;
font-size: 12px;
font-weight: 500;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
color: #ffffff;
margin: 0;
}
.wc-archive-item-2 .woocommerce a.button:hover {
background-color: rgba(0,0,0,0.6);
}
@media only screen and (min-width: 992px) {
.wc-archive-item-2 .atc-code-block {
transform: translatey(100%);
}
.wc-archive-item-2:hover .atc-code-block {
transform: translatey(0px);
}
}
.wc-archive-item-2-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/* ARCHIVE STYLE 3 */
.wc-archive-item-3 .woocommerce a.button {
max-width: 150px;
padding: 10px;
background-color: rgba(0,0,0,0.1);
border: none;
border-radius: 2px;;
font-size: 11px;
font-weight: 500;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
color: grey;
transition: all 1s;
margin: 0;
}
.wc-archive-item-3 .add_to_cart_inline {
display:flex;
justify-content: center;
}
.wc-archive-item-3 .woocommerce a.button:hover {
background-color: rgba(0,0,0,0.5);
color: white;
}
.wc-archive-item-3-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/* ARCHIVE STYLE 4 */
.wc-archive-item-4 .woocommerce a.button {
padding: 10px;
background-color: rgba(0,0,0,0.1);
border: none;
border-radius: 2px;;
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
color: grey;
transition: all 1s;
margin: 0;
}
.wc-archive-item-4 .woocommerce a.button:hover {
background-color: rgba(0,0,0,0.5);
color: white;
}
.wc-archive-item-4-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}/* WOOCOMMERCE NOTICES FLOATING BOX */
.woocommerce-notices-wrapper {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 100;
transition: all 0.6s;
animation: slide-up-fade-in ease 1s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
animation-fill-mode:forwards; /*when the spec is finished*/
-webkit-animation: slide-up-fade-in ease 1s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
-moz-animation: slide-up-fade-in ease 1s;
-moz-animation-iteration-count: 1;
-moz-transform-origin: 50% 50%;
-moz-animation-fill-mode:forwards; /*FF 5+*/
-o-animation: slide-up-fade-in ease 1s;
-o-animation-iteration-count: 1;
-o-transform-origin: 50% 50%;
-o-animation-fill-mode:forwards; /*Not implemented yet*/
-ms-animation: slide-up-fade-in ease 1s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%;
-ms-animation-fill-mode:forwards; /*IE 10+*/
opacity:0;
opacity: 1\9;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
display: flex;
align-items: center;
border: none;
box-shadow: 0 5px 15px #00000017;
border-radius: 2px;
background: white;
z-index: 100;
transition: all 0.6s;
}
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
margin-left: 20px!important;
order: 5;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
top: auto;
left: 1.5em;
}
.showcoupon {padding: 5px;}
/* FLOATING BOX - SLIDE UP */
@keyframes slide-up-fade-in {
0% {
opacity:0;
transform: translatey(200px) ;
}
100% {
opacity:1;
transform: translatey(0px) ;
}
}
@-moz-keyframes slide-up-fade-in {
0% {
opacity:0;
transform: translatey(200px) ;
}
100% {
opacity:1;
transform: translatey(0px) ;
}
}
@-webkit-keyframes slide-up-fade-in {
0% {
opacity:0;
transform: translatey(200px) ;
}
100% {
opacity:1;
transform: translatey(0px) ;
}
}
@-o-keyframes slide-up-fade-in {
0% {
opacity:0;
transform: translatey(200px) ;
}
100% {
opacity:1;
transform: translatey(0px) ;
}
}
@-ms-keyframes slide-up-fade-in {
0% {
opacity:0;
transform: translatey(200px) ;
}
100% {
opacity:1;
transform: translatey(0px) ;
}
}
/* FLOATING BOX - SLIDE DOWN */
@keyframes slide-down-fade-in {
0% {
opacity:1;
transform: translatey(0px) ;
}
100% {
opacity:0;
transform: translatey(200px) ;
}
}
@-moz-keyframes slide-down-fade-in {
0% {
opacity:1;
transform: translatey(0px) ;
}
100% {
opacity:0;
transform: translatey(200px) ;
}
}
@-webkit-keyframes slide-down-fade-in {
0% {
opacity:1;
transform: translatey(0px) ;
}
100% {
opacity:0;
transform: translatey(200px) ;
}
}
@-o-keyframes slide-down-fade-in {
0% {
opacity:1;
transform: translatey(0px) ;
}
100% {
opacity:0;
transform: translatey(200px) ;
}
}
@-ms-keyframes slide-down-fade-in {
0% {
opacity:1;
transform: translatey(0px) ;
}
100% {
opacity:0;
transform: translatey(200px) ;
}
}
.hide-notification:not(.oxy-woo-checkout) {
animation: slide-down-fade-in ease 1s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
animation-fill-mode:forwards; /*when the spec is finished*/
-webkit-animation: slide-down-fade-in ease 1s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
-moz-animation: slide-down-fade-in ease 1s;
-moz-animation-iteration-count: 1;
-moz-transform-origin: 50% 50%;
-moz-animation-fill-mode:forwards; /*FF 5+*/
-o-animation: slide-down-fade-in ease 1s;
-o-animation-iteration-count: 1;
-o-transform-origin: 50% 50%;
-o-animation-fill-mode:forwards; /*Not implemented yet*/
-ms-animation: slide-down-fade-in ease 1s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%;
-ms-animation-fill-mode:forwards; /*IE 10+*/
}.woocommerce div.product p.price {
font-weight: 400;
font-size: 20px;
color: #303030;
}
ul.variable-items-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding:0;
margin: 0 0 10px 0;
}
ul.variable-items-wrapper li {
list-style-type: none;
padding: 5px 10px;
border: 1px solid #e8e8e8;
background: white;
border-radius: 2px;
margin-right: 10px;
margin-bottom: 10px;
font-size: 12px;
font-weight: 500;
}
ul.variable-items-wrapper li.color-variable-item {
padding: 2px;
}
ul.variable-items-wrapper .variable-item-span-color {
width: 20px;
height: 20px;
border-radius: 2px;
display: block;
}
ul.variable-items-wrapper li:hover, ul.variable-items-wrapper li.selected {
border: 1px solid grey;
}
ul.variable-items-wrapper li:focus {
outline: none;
}
/* SOLD OUT VARIATIONS */
ul.variable-items-wrapper li.disabled {
transition: al 0.6s;
opacity: 0.3;
cursor: not-allowed;
}
ul.variable-items-wrapper li.disabled:hover {
border: 1px solid #e8e8e8;
}.woocommerce textarea,
.woocommerce input,
.woocommerce select {
max-width: 100%;
}
.woocommerce #reviews #comments h2 {
margin-bottom: 24px;
}
#reviews.cr-reviews-ajax-reviews .comment-reply-title {
font-size: 1em;
}
#reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-div2 {
overflow-x: auto;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
border: none;
border-top: none;
border-radius: 0;
background: none;
padding: 0;
}
.woocommerce #reviews #comments .comment_container, div.cr-ajax-reviews-sort-div, .cr-ajax-reviews-cus-images-div {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #e8e8e8;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
padding: 0;
width: 30px;
height: 30px;
background: none;
border: none;
border-radius: 100%;
}
span.ivole-voting-cont {
font-size: 12px;
margin: 10px 0px;
color: #3d3d3d;
}
/* SUMMARY BAR */
.ivole-meter {
background: #dddddd!important;
height: 7px;
border-radius: 2px;
box-shadow: none;
}
.ivole-meter .ivole-meter-bar {
border-radius: 2px;
box-shadow: none;
background: #a1a1a1!important;
}
.ivole-meter .ivole-meter-bar:before {
display: none;
}
/* BUTTONS */
button.cr-ajax-reviews-add-review, #cr-ajax-reviews-sort {
cursor: pointer;
border-radius: 2px;
border: 1px solid;
padding: 12px;
background: #ddd0!important;
color: #434343;
font-size: 14px;
font-weight: 400;
font-family: inherit;
transition: all 0.4s;
}
#cr-ajax-reviews-sort {
border: none;
padding: 0;
}
#cr-ajax-reviews-sort:focus {
box-shadow: none;
}
#cr-ajax-reviews-sort, button.cr-ajax-reviews-add-review:hover {
color: black;
}.woocommerce .woocommerce-mini-cart__total strong, .woocommerce .woocommerce-mini-cart span.quantity, .woocommerce-Price-amount, .woocommerce-mini-cart-item a, .woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl {
line-height: 1.5;
font-size: 12px;
}
.widget.woocommerce.widget_shopping_cart {
padding: 0;
border-bottom: none;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
padding: 10px 0 10px 0!important;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
border-top: none;
}
.woocommerce-mini-cart-item {
position: relative;
}
.woocommerce ul.product_list_widget li img {
border: 1px solid #e8e8e8;
border-radius: 2px;
width: 40px;
height: 40px;
object-fit: cover;
object-position: center;
float: left;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 0;
margin-top: 0;
}
.woocommerce ul.product_list_widget li a {
display: flex;
flex-direction: row;
}
/* PRICE & QUANTITY */
.woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl {
margin: 0 0 5px 0;
padding-left: 0;
border-left: 0;
display: flex;
flex-direction: row;
width: 100%;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
color: #000 !important;
}
.woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt {
padding: 0;
margin: 0;
}
.woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd {
padding: 0;
margin: 0;
}
.woocommerce ul.cart_list li dl dd p:last-child, .woocommerce ul.product_list_widget li dl dd p:last-child {
margin-bottom: 0;
margin: 0;
}
/* DROPDOWN */
.wc-menu-open {
position: relative;
}
.wc-menu-open .wc-dropdown-cart {
opacity: 0;
position: absolute;
top: 100%;
right: 0;
background: white;
padding: 20px;
transition: all 0.2s;
}
.wc-menu-open:hover .wc-dropdown-cart {
opacity: 1;
visibility: visible;
}
.wc-primary-image {
}
.wc-secondary-image {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: 1;
transition: all 0.4s!important;
}
.wc-flip-images:hover .wc-secondary-image {
opacity: 1;
}.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
background: #f5f5f5;
border: 1px solid;
border-radius: 100%;
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
height: 10px;
outline: 0 none;
position: absolute;
top: -4px;
width: 10px;
margin-left: -3px;
z-index: 2;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -3px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal, .woocommerce-page .widget_price_filter .ui-slider-horizontal {
height: 2px;
}
.woocommerce .woocommerce-ordering {
margin: 0;
}
.widget.woocommerce {
padding: 25px 0;
border-bottom: 1px solid #e8e8e8;
}
span.count {
opacity: 0.6;
}
/* FILTER TOGGLES */
.wc-filters .widgettitle {
width: 100%;
position: relative;
display: flex;
align-items: center;
cursor: pointer;
transition: all 0.4s;
}
.wc-filters .widgettitle:hover {
opacity: 0.6;
}
.wc-filters .widgettitle:after {
content: "-";
width: 20px;
height: 20px;
position: absolute;
top: 0;
right: 0;
}
.wc-filters .widgettitle.visible:after {
content: "+";
}
.wc-filters .widgettitle.visible {
margin: 0;
}
.wc-filters .widgettitle + * {
max-height: 1000px;
}
.wc-filters .widgettitle.visible + * {
max-height: 0;
overflow: hidden;
}
/* EXPAND FILTER PANEL ON TABLETS AND PHONES */
@media only screen and (max-width: 991px) {
.wc-filters.active {
transform: translatey(0);
}
}/* Pour ajouter des éléments, commencer par décrire la variable dans root
L'intégrer dans la classe ou dans la classe:hover
Si des éléments sont ajoutés, il est important de coller le code suivant et de le coller dans
Forminator > Réglages > Préréglages d'apparance > Custom CSS
Si le code ne s'applique pas au bouton du formulaire, il faut aller dans
Forminator > Formulaires > Modifier > Apparance > APPLY PRESET > Charger les paramètres par défaut > Charger les paramètres Formagloba */
:root{
/* Modifier selon le design du bouton principal */
--btn-color: var(--gradient-color);
--btn-font-color: black;
--btn-shadow: var(--box-shadow);
--btn-border: none;
--btn-border-radius: var(--border-radius-xl);
/* Pour modifier le design du bouton principal au survol */
--btn-color--hover: var(--btn-color);
--btn-font-color--hover: var(--btn-font-color);
--btn-shadow--hover: var(--box-shadow-medium);
--btn-border--hover: none;
--btn-transform--hover: ;
--btn-font-size--hover: ;
--btn-animation: bounce-top 0.9s both;
/* --------------------------------- */
/* Modifier selon le design du bouton secondaire */
--btn-color-alt: var(--gradient-color);
--btn-font-color-alt: var(--heading-dark);
--btn-shadow-alt: var(--box-shadow);
--btn-border-alt: ;
--btn-border-radius-alt: var(--border-radius-xl);
/* Pour modifier le design du bouton principal au survol */
--btn-color-alt--hover: var(--gradient-color);
--btn-font-color-alt--hover: var(--btn-font-color);
--btn-shadow-alt--hover: var(--box-shadow-medium);
--btn-border-alt--hover: ;
--btn-transform-alt--hover: ;
--btn-font-size-alt--hover: ;
/* --------------------------------- */
/* Normalement, pas besoin de modification */
--btn-font-size: ;
--btn-font-family: ;
--btn-text-transform: none;
--btn-padding-horizontal: 0.6em;
--btn-padding-vertical: 1.2em;
--btn-padding: var(--btn-padding-horizontal) var(--btn-padding-vertical);
--btn-font-weight: 400;
--btn-transition-duration: 400ms;
--btn-transition-property: all;
--btn-text-align: center;
--btn-font-size-alt: ;
--btn-font-family-alt: ;
--btn-text-transform-alt: none;
--btn-padding-alt: 0.6em 1.2em;
--btn-font-weight-alt: 400;
--btn-transition-duration-alt: 400ms;
--btn-transition-property-alt: all;
--btn-text-align-alt: center;
}
/* Stop editing sauf pour ajouter de nouveaux éléments */
/* bouton principal */
.c-btn-main{
background: var(--btn-color);
color: var(--btn-font-color);
font-size: var(--btn-font-size);
padding: var(--btn-padding);
border-radius: var(--btn-border-radius);
font-weight: var(--btn-font-weight);
transition-duration: var(--btn-transition-duration);
transition-property: var(--btn-transition-property);
text-transform : var(--btn-text-transform);
font-family: var(--btn-font-family);
box-shadow: var(--btn-shadow);
border: var(--btn-border);
text-align: var(--btn-text-align);
}
.c-btn-main:hover{
background: var(--btn-color--hover);
transform: var(--btn-transform--hover);
font-size: var(--btn-font-size--hover);
box-shadow: var(--btn-shadow--hover);
color: var(--btn-font-color--hover);
border: var(--btn-border--hover);
animation: var(--btn-animation);
}
/* bouton secondaire */
.c-btn-alt{
position: relative;
background: var(--btn-color-alt);
color: var(--btn-font-color-alt);
font-size: var(--btn-font-size-alt);
padding: var(--btn-padding-alt);
border-radius: var(--btn-border-radius-alt);
font-weight: var(--btn-font-weight-alt);
transition-duration: var(--btn-transition-duration-alt);
transition-property: var(--btn-transition-property-alt);
text-transform : var(--btn-text-transform-alt);
font-family: var(--btn-font-family-alt);
box-shadow: var(--btn-shadow-alt);
border: var(--btn-border-alt);
text-align: var(--btn-text-align-alt);
z-index: 1;
}
.c-btn-alt:hover{
background: var(--btn-color-alt--hover);
transform: var(--btn-transform-alt--hover);
font-size: var(--btn-font-size-alt--hover);
box-shadow: var(--btn-shadow-alt--hover);
color: var(--btn-font-color-alt--hover);
border: var(--btn-border-alt--hover);
animation: var(--btn-animation)
}
.c-btn-alt::before{
content: "";
position: absolute;
width: calc(100% - var(--border-gradient));
height: calc(100% - var(--border-gradient));
background: white;
top: 50%;
left: 50%;
border-radius: var(--border-radius-xl);
z-index: -1;
transform: translateX(-50%) translateY(-50%);
}
/* bouton du plugin de RGPD */
.cmplz-accept{
background: var(--btn-color) !important;
color: var(--btn-font-color) !important;
font-size: var(--btn-font-size) !important;
padding: var(--btn-padding) !important;
border-radius: var(--border-radius) !important;
font-weight: var(--btn-font-weight) !important;
transition-duration: var(--btn-transition-duration) !important;
transition-property: var(--btn-transition-property) !important;
text-transform : var(--btn-text-transform) !important;
font-family: var(--btn-font-family) !important;
box-shadow: var(--btn-shadow) !important;
border: var(--btn-border) !important;
text-align: var(--btn-text-align) !important;
}
.cmplz-accept:hover{
background: var(--btn-color--hover) !important;
transform: var(--btn-transform--hover) !important;
font-size: var(--btn-font-size--hover) !important;
box-shadow: var(--btn-shadow--hover) !important;
color: var(--btn-font-color--hover) !important;
border: var(--btn-border-hover) !important;
}
/* bouton commander */
.single_add_to_cart_button.button.alt.wp-element-button {
background: var(--btn-color);
color: var(--btn-font-color);
font-size: var(--btn-font-size);
padding: var(--btn-padding);
border-radius: var(--btn-border-radius);
font-weight: var(--btn-font-weight);
transition-duration: var(--btn-transition-duration);
transition-property: var(--btn-transition-property);
text-transform : var(--btn-text-transform);
font-family: var(--btn-font-family);
box-shadow: var(--btn-shadow);
border: var(--btn-border) !important;
text-align: var(--btn-text-align);
}
.single_add_to_cart_button.button.alt.wp-element-button:hover {
background: var(--btn-color--hover);
transform: var(--btn-transform--hover);
font-size: var(--btn-font-size--hover);
box-shadow: var(--btn-shadow--hover);
color: var(--btn-font-color--hover);
border: var(--btn-border--hover);
animation: var(--btn-animation);
}
/* boites d'ombres, gère également des classes c-shadow, f-shadow-medium, f-shadow-large */
:root{
--box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
--box-shadow-medium: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
--box-shadow-large: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}:root{
/* ACCENT 1 */
--accent-1-h: 180;
--accent-1-s: 93%;
--accent-1-l: 51%;
--accent-1-hsl: var(--accent-1-h) var(--accent-1-s) var(--accent-1-l);
--accent-1: hsl(var(--accent-1-hsl));
/* ACCENT 2 */
--accent-2-h: 266;
--accent-2-s: 100%;
--accent-2-l: 75%;
--accent-2-hsl: var(--accent-2-h) var(--accent-2-s) var(--accent-2-l);
--accent-2: hsl(var(--accent-2-hsl));
/* ACCENT 3 */
--accent-3-h: 314;
--accent-3-s: 61%;
--accent-3-l: 63%;
--accent-3-hsl: var(--accent-3-h) var(--accent-3-s) var(--accent-3-l);
--accent-3: hsl(var(--accent-3-hsl));
/* BG LIGHT */
--bg-light-h: var(--heading-dark-h);
--bg-light-s: var(--heading-dark-s);
--bg-light-l: 97%;
--bg-light-hsl: var(--bg-light-h) var(--bg-light-s) var(--bg-light-l);
--bg-light: hsl(var(--bg-light-hsl));
/* BG DARK */
--bg-dark-h: 0;
--bg-dark-s: 0%;
--bg-dark-l: 7%;
--bg-dark-hsl: var(--bg-dark-h) var(--bg-dark-s) var(--bg-dark-l);
--bg-dark: hsl(var(--bg-dark-hsl));
/* BG LIGHT ALT */
--bg-light-alt-h: var(--accent-2-h);
--bg-light-alt-s: var(--accent-2-s);
--bg-light-alt-l: 97%;
--bg-light-alt-hsl: var(--bg-light-alt-h) var(--bg-light-alt-s) var(--bg-light-alt-l);
--bg-light-alt: hsl(var(--bg-light-alt-hsl));
/* BG DARK ALT */
--bg-dark-alt-h: var(--accent-2-h);
--bg-dark-alt-s: var(--accent-2-s);
--bg-dark-alt-l: 25%;
--bg-dark-alt-hsl: var(--bg-dark-alt-h) var(--bg-dark-alt-s) var(--bg-dark-alt-l);
--bg-dark-alt: hsl(var(--bg-dark-alt-hsl));
/* HEADING LIGHT */
--heading-light-h: var(--heading-dark-h);
--heading-light-s: var(--heading-dark-s);
--heading-light-l: 85%;
--heading-light-hsl: var(--heading-light-h) var(--heading-light-s) var(--heading-light-l);
--heading-light: hsl(var(--heading-light-hsl));
/* HEADING DARK 0 0% 8% ou var(--accent-1-h)*/
--heading-dark-h: 214;
--heading-dark-s: 33%;
--heading-dark-l: 17%;
--heading-dark-hsl: var(--heading-dark-h) var(--heading-dark-s) var(--heading-dark-l);
--heading-dark: hsl(var(--heading-dark-hsl));
/* TEXT LIGHT */
--text-light-h: 0;
--text-light-s: 0;
--text-light-l: 100%;
--text-light-hsl: var(--text-light-h) var(--text-light-s) var(--text-light-l);
--text-light: hsl(var(--text-light-hsl));
/* TEXT DARK */
--text-dark-h: var(--heading-dark-h);
--text-dark-s: var(--heading-dark-s);
--text-dark-l: 25%;
--text-dark-hsl: var(--text-dark-h) var(--text-dark-s) var(--text-dark-l);
--text-dark: hsl(var(--text-dark-hsl));
/* BORDER LIGHT */
--border-light-h: var(--heading-dark-h);
--border-light-s: var(--heading-dark-s);
--border-light-l: 88%;
--border-light-hsl: var(--border-light-h) var(--border-light-s) var(--border-light-l);
--border-light: hsl(var(--border-light-hsl));
/* BORDER DARK */
--border-dark-h: var(--heading-dark-h);
--border-dark-s: var(--heading-dark-s);
--border-dark-l: 50%;
--border-dark-hsl: var(--border-dark-h) var(--border-dark-s) var(--border-dark-l);
--border-dark: hsl(var(--border-dark-hsl));
/* ERROR */
--error-h: 3;
--error-s: 67%;
--error-l: 48%;
--error-hsl: var(--error-h) var(--error-s) var(--error-l);
--error: hsl(var(--error-hsl));
/* BG ERROR */
--bg-error-h: var(--error-h);
--bg-error-s: var(--error-s);
--bg-error-l: 97%;
--bg-error-hsl: var(--bg-error-h) var(--bg-error-s) var(--bg-error-l);
--bg-error: hsl(var(--bg-error-hsl));
/* WARNING */
--warning-h: 32;
--warning-s: 100%;
--warning-l: 42%;
--warning-hsl: var(--warning-h) var(--warning-s) var(--warning-l);
--warning: hsl(var(--warning-hsl));
/* BG WARNING */
--bg-warning-h: var(--warning-h);
--bg-warning-s: var(--warning-s);
--bg-warning-l: 97%;
--bg-warning-hsl: var(--bg-warning-h) var(--bg-warning-s) var(--bg-warning-l);
--bg-warning: hsl(var(--bg-warning-hsl));
/* SUCCES */
--success-h: 162;
--success-s: 90%;
--success-l: 29%;
--success-hsl: var(--success-h) var(--success-s) var(--success-l);
--success: hsl(var(--success-hsl));
/* BG SUCCES */
--bg-success-h: var(--success-h);
--bg-success-s: var(--success-s);
--bg-success-l: 97%;
--bg-success-hsl: var(--bg-success-h) var(--bg-success-s) var(--bg-success-l);
--bg-success: hsl(var(--bg-success-hsl));
/* INFO */
--info-h: 197;
--info-s: 100%;
--info-l: 47%;
--info-hsl: var(--info-h) var(--info-s) var(--info-l);
--info: hsl(var(--info-hsl));
/* BG INFO */
--bg-info-h: var(--info-h);
--bg-info-s: var(--info-s);
--bg-info-l: 97%;
--bg-info-hsl: var(--bg-info-h) var(--bg-info-s) var(--bg-info-l);
--bg-info: hsl(var(--bg-info-hsl));
/* LINKS */
--link-h: var(--text-dark);
--link-s: var(--text-dark);
--link-l: var(--text-dark);
--link-hsl: var(--link-h) var(--link-s) var(--link-l);
--link: hsl(var(--link-hsl));
--link-hover: hsl(var(--link) / 0.8)
/* STAR */
--star-h: 45;
--star-s: 97%;
--star-l: 50%;
--star-hsl: var(--star-h) var(--star-s) var(--star-l);
--star: hsl(var(--star-hsl));
}
.sticky{
position: sticky;
top: 0;
}
.sticky-top-s{
top: 2.5%
}
.sticky-top-m{
top: 5%
}
.sticky-top-l{
top: 10%
}
@media (max-width: 480px) {
.sticky-off--s{
position: static;
}
}
@media (max-width: 768px) {
.sticky-off--m{
position: static;
}
}
@media (max-width: 992px) {
.sticky-off--l{
position: static;
}
}/* les classes list-style et list-row se mettent sur le ul */
:root{
--li-marker-size: var(--text);
--li-marker-color: var(--accent-2);
--li-row-color: var(--border-light);
}
ul{
padding-left: 0px
}
ul.list-style-none{
list-style: none;
}
ul.list-style{
list-style: none;
padding-left: calc(var(--li-marker-size) / 2);
}
.list-style li{
position: relative;
padding-left: calc(var(--li-marker-size) / 2);
padding-right: calc(var(--li-marker-size) / 2);
}
.list-style li:before{
content: "";
position: absolute;
top: calc(var(--li-marker-size) / 1.8);
left: calc(var(--li-marker-size) / 9 * -1);
width: calc(var(--li-marker-size) / 3);
height: calc(var(--li-marker-size) / 3);
background: var(--gradient-color);
border-radius: 50rem;
}
.list-row{
position: relative;
isolation: isolate;
}
.list-row :nth-child(2n){
background-color: var(--li-row-color);
}
.list-style.list-row :nth-child(2n):after{
content:"";
position: absolute;
width: var(--li-marker-size);
height: 100%;
top: 0;
left: calc(var(--li-marker-size) /2 * -1);
background-color: var(--li-row-color);
z-index: -1;
}:root{
--gradient-color: linear-gradient(120deg, var(--accent-1) -2.98%, var(--accent-2), var(--accent-3) 104.54%);
--opacity-gradient-light: .5;
--gradient-light: linear-gradient(120deg, hsl(var(--accent-1-h) var(--accent-1-s) var(--accent-1-l) / var(--opacity-gradient-light)) -2.98%, hsl(var(--accent-2-h) var(--accent-2-s) var(--accent-2-l) / var(--opacity-gradient-light)), hsl(var(--accent-3-h) var(--accent-3-s) var(--accent-3-l) / var(--opacity-gradient-light)) 104.54%);
--border-gradient: 0.5rem
}
.bg-gradient{
background: var(--gradient-color);
}
.bg-gradient-light{
background: var(--gradient-light);
}
.shadow-gradient{
position: relative;
overflow: visible;
z-index: 1;
}
.shadow-gradient::before{
content: "";
position: absolute;
width: calc(100% + (var(--border-gradient) * 2));
height: calc(100% + (var(--border-gradient) * 2));
background: var(--gradient-color);
top: calc(var(--border-gradient) * -1);
left: calc(var(--border-gradient) * -1);
border-radius: var(--border-radius);
z-index: -2;
transform: translateX(0%) translateY(0%);
filter: blur(0.5rem)
}
.shadow-gradient::after{
content: "";
position: absolute;
width: 100%;
height: 100%;
background: white;
top: 0px;
left: 0px;
border-radius: var(--border-radius);
z-index: -1;
transform: translateX(0%) translateY(0%);
border-radius: var(--border-radius);
}
.shadow-gradient--hover{
position: relative;
overflow: visible;
z-index: 1;
}
.shadow-gradient--hover:hover::before{
content: "";
position: absolute;
width: calc(100% + (var(--border-gradient) * 2));
height: calc(100% + (var(--border-gradient) * 2));
background: var(--gradient-color);
top: calc(var(--border-gradient) * -1);
left: calc(var(--border-gradient) * -1);
border-radius: var(--border-radius);
z-index: -2;
transform: translateX(0%) translateY(0%);
filter: blur(0.5rem)
}
.shadow-gradient--hover:hover::after{
content: "";
position: absolute;
width: 100%;
height: 100%;
background: white;
top: 0px;
left: 0px;
border-radius: var(--border-radius);
z-index: -1;
transform: translateX(0%) translateY(0%);
}
/* Gère les liens */
.ct-link-text{
position: relative;
overflow: visible;
z-index: 1;
}
.ct-link-text::before{
content: "";
position: absolute;
width: 100%;
height: 0.3rem;
background: var(--gradient-color);
bottom: 0px;
left: 0px;
z-index: -2;
}
.link-border-none--white::before{
content: "";
position: absolute;
width: 100%;
height: 0.3rem;
background: white;
bottom: 0px;
left: 0px;
z-index: -1;
}
.link-border-none--bg-light::before{
content: "";
position: absolute;
width: 100%;
height: 0.3rem;
background: var(--bg-light);
bottom: 0px;
left: 0px;
z-index: -1;
}
.bounce-top:hover {
animation: bounce-top 0.9s both;
}
/* ----------------------------------------------
* Generated by Animista on 2023-6-6 14:48:59
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation bounce-top
* ----------------------------------------
*/
@keyframes bounce-top {
0% {
transform: translateY(0px);
animation-timing-function: ease-in;
opacity: 1;
}
0% {
opacity: 1;
}
20% {
transform: translateY(-3px);
animation-timing-function: ease-in;
}
45% {
transform: translateY(3px);
animation-timing-function: ease-in;
}
82% {
transform: translateY(0px);
animation-timing-function: ease-in;
}
93% {
transform: translateY(0px);
animation-timing-function: ease-in;
}
25%,
55%,
75%,
87% {
transform: translateY(0px);
animation-timing-function: ease-out;
}
100% {
transform: translateY(0px);
animation-timing-function: ease-out;
opacity: 1;
}
}