html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}  article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
} body {
line-height: 1;
} ol, ul {
list-style: none;
} blockquote, q {
quotes: none;
} blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
} table {
border-collapse: collapse;
border-spacing: 0;
}  .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
} .slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
} .slick-list:focus {
outline: none;
} .slick-list.dragging {
cursor: pointer;
cursor: hand;
} .slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
} .slick-track:before,
.slick-track:after {
display: table;
content: "";
} .slick-track:after {
clear: both;
} .slick-loading .slick-track {
visibility: hidden;
} .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
} [dir="rtl"] .slick-slide {
float: right;
} .slick-slide img {
display: block;
} .slick-slide.slick-loading img {
display: none;
} .slick-slide.dragging img {
pointer-events: none;
} .slick-initialized .slick-slide {
display: block;
} .slick-loading .slick-slide {
visibility: hidden;
} .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
} .slick-arrow.slick-hidden {
display: none;
} .carousel {
position: relative;
box-sizing: border-box;
} .carousel *,
.carousel *:before,
.carousel *:after {
box-sizing: inherit;
} .carousel.is-draggable {
cursor: move;
cursor: grab;
} .carousel.is-dragging {
cursor: move;
cursor: grabbing;
} .carousel__viewport {
position: relative;
overflow: hidden;
max-width: 100%;
max-height: 100%;
} .carousel__track {
display: flex;
} .carousel__slide {
flex: 0 0 auto;
width: var(--carousel-slide-width, 60%);
max-width: 100%;
padding: 1rem;
position: relative;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
} .has-dots {
margin-bottom: calc(0.5rem + 22px);
} .carousel__dots {
margin: 0 auto;
padding: 0;
position: absolute;
top: calc(100% + 0.5rem);
left: 0;
right: 0;
display: flex;
justify-content: center;
list-style: none;
user-select: none;
} .carousel__dots .carousel__dot {
margin: 0;
padding: 0;
display: block;
position: relative;
width: 22px;
height: 22px;
cursor: pointer;
} .carousel__dots .carousel__dot:after {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: currentColor;
opacity: 0.25;
transition: opacity 0.15s ease-in-out;
} .carousel__dots .carousel__dot.is-selected:after {
opacity: 1;
} .carousel__button {
width: var(--carousel-button-width, 48px);
height: var(--carousel-button-height, 48px);
padding: 0;
border: 0;
display: flex;
justify-content: center;
align-items: center;
pointer-events: all;
cursor: pointer;
color: var(--carousel-button-color, currentColor);
background: var(--carousel-button-bg, transparent);
border-radius: var(--carousel-button-border-radius, 50%);
box-shadow: var(--carousel-button-shadow, none);
transition: opacity 0.15s ease;
} .carousel__button.is-prev,
.carousel__button.is-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
} .carousel__button.is-prev {
left: 10px;
} .carousel__button.is-next {
right: 10px;
} .carousel__button[disabled] {
cursor: default;
opacity: 0.3;
} .carousel__button svg {
width: var(--carousel-button-svg-width, 50%);
height: var(--carousel-button-svg-height, 50%);
fill: none;
stroke: currentColor;
stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
stroke-linejoin: bevel;
stroke-linecap: round;
filter: var(--carousel-button-svg-filter, none);
pointer-events: none;
} html.with-fancybox {
scroll-behavior: auto;
} body.compensate-for-scrollbar {
overflow: hidden !important;
touch-action: none;
} .fancybox__container {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
direction: ltr;
margin: 0;
padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
box-sizing: border-box;
display: flex;
flex-direction: column;
color: var(--fancybox-color, #fff);
-webkit-tap-highlight-color: transparent;
overflow: hidden;
z-index: 1050;
outline: none;
transform-origin: top left;
--carousel-button-width: 48px;
--carousel-button-height: 48px;
--carousel-button-svg-width: 24px;
--carousel-button-svg-height: 24px;
--carousel-button-svg-stroke-width: 2.5;
--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
} .fancybox__container *,
.fancybox__container *::before,
.fancybox__container *::after {
box-sizing: inherit;
} .fancybox__container :focus {
outline: none;
} body:not(.is-using-mouse) .fancybox__container :focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
}
@media all and (min-width: 1024px) { .fancybox__container {
--carousel-button-width: 48px;
--carousel-button-height: 48px;
--carousel-button-svg-width: 27px;
--carousel-button-svg-height: 27px;
}
} .fancybox__backdrop {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background: var(--fancybox-bg, rgba(24, 24, 27, 0.92));
} .fancybox__carousel {
position: relative;
flex: 1 1 auto;
min-height: 0;
height: 100%;
z-index: 10;
} .fancybox__carousel.has-dots {
margin-bottom: calc(0.5rem + 22px);
} .fancybox__viewport {
position: relative;
width: 100%;
height: 100%;
overflow: visible;
cursor: default;
} .fancybox__track {
display: flex;
height: 100%;
} .fancybox__slide {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
margin: 0;
padding: 48px 8px 8px 8px;
position: relative;
overscroll-behavior: contain;
display: flex;
flex-direction: column;
outline: 0;
overflow: auto;
--carousel-button-width: 36px;
--carousel-button-height: 36px;
--carousel-button-svg-width: 22px;
--carousel-button-svg-height: 22px;
} .fancybox__slide::before,
.fancybox__slide::after {
content: "";
flex: 0 0 0;
margin: auto;
}
@media all and (min-width: 1024px) { .fancybox__slide {
padding: 64px 100px;
}
} .fancybox__content {
margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
padding: 36px;
color: var(--fancybox-content-color, #374151);
background: var(--fancybox-content-bg, #fff);
position: relative;
align-self: center;
display: flex;
flex-direction: column;
z-index: 20;
} .fancybox__content :focus:not(.carousel__button.is-close) {
outline: thin dotted;
box-shadow: none;
} .fancybox__caption {
align-self: center;
max-width: 100%;
margin: 0;
padding: 1rem 0 0 0;
line-height: 1.375;
color: var(--fancybox-color, currentColor);
visibility: visible;
cursor: auto;
flex-shrink: 0;
overflow-wrap: anywhere;
} .is-loading .fancybox__caption {
visibility: hidden;
} .fancybox__container > .carousel__dots {
top: 100%;
color: var(--fancybox-color, #fff);
} .fancybox__nav .carousel__button {
z-index: 40;
} .fancybox__nav .carousel__button.is-next {
right: 8px;
}
@media all and (min-width: 1024px) { .fancybox__nav .carousel__button.is-next {
right: 40px;
}
} .fancybox__nav .carousel__button.is-prev {
left: 8px;
}
@media all and (min-width: 1024px) { .fancybox__nav .carousel__button.is-prev {
left: 40px;
}
} .carousel__button.is-close {
position: absolute;
top: 8px;
right: 8px;
top: calc(env(safe-area-inset-top, 0px) + 8px);
right: calc(env(safe-area-inset-right, 0px) + 8px);
z-index: 40;
}
@media all and (min-width: 1024px) { .carousel__button.is-close {
right: 40px;
}
} .fancybox__content > .carousel__button.is-close {
position: absolute;
top: -40px;
right: 0;
color: var(--fancybox-color, #fff);
} .fancybox__no-click,
.fancybox__no-click button {
pointer-events: none;
} .fancybox__spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
color: var(--fancybox-color, currentColor);
} .fancybox__slide .fancybox__spinner {
cursor: pointer;
z-index: 1053;
} .fancybox__spinner svg {
animation: fancybox-rotate 2s linear infinite;
transform-origin: center center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
} .fancybox__spinner svg circle {
fill: none;
stroke-width: 2.75;
stroke-miterlimit: 10;
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
animation: fancybox-dash 1.5s ease-in-out infinite;
stroke-linecap: round;
stroke: currentColor;
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes fancybox-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
} .fancybox__backdrop,
.fancybox__caption,
.fancybox__nav,
.carousel__dots,
.carousel__button.is-close {
opacity: var(--fancybox-opacity, 1);
} .fancybox__container.is-animated[aria-hidden="false"] .fancybox__backdrop,
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__caption,
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__nav,
.fancybox__container.is-animated[aria-hidden="false"] .carousel__dots,
.fancybox__container.is-animated[aria-hidden="false"]
.carousel__button.is-close {
animation: 0.15s ease backwards fancybox-fadeIn;
} .fancybox__container.is-animated.is-closing .fancybox__backdrop,
.fancybox__container.is-animated.is-closing .fancybox__caption,
.fancybox__container.is-animated.is-closing .fancybox__nav,
.fancybox__container.is-animated.is-closing .carousel__dots,
.fancybox__container.is-animated.is-closing .carousel__button.is-close {
animation: 0.15s ease both fancybox-fadeOut;
} .fancybox-fadeIn {
animation: 0.15s ease both fancybox-fadeIn;
} .fancybox-fadeOut {
animation: 0.1s ease both fancybox-fadeOut;
} .fancybox-zoomInUp {
animation: 0.2s ease both fancybox-zoomInUp;
} .fancybox-zoomOutDown {
animation: 0.15s ease both fancybox-zoomOutDown;
} .fancybox-throwOutUp {
animation: 0.15s ease both fancybox-throwOutUp;
} .fancybox-throwOutDown {
animation: 0.15s ease both fancybox-throwOutDown;
}
@keyframes fancybox-fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fancybox-fadeOut {
to {
opacity: 0;
}
}
@keyframes fancybox-zoomInUp {
from {
transform: scale(0.97) translate3d(0, 16px, 0);
opacity: 0;
}
to {
transform: scale(1) translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes fancybox-zoomOutDown {
to {
transform: scale(0.97) translate3d(0, 16px, 0);
opacity: 0;
}
}
@keyframes fancybox-throwOutUp {
to {
transform: translate3d(0, -30%, 0);
opacity: 0;
}
}
@keyframes fancybox-throwOutDown {
to {
transform: translate3d(0, 30%, 0);
opacity: 0;
}
} .fancybox__carousel .carousel__slide {
scrollbar-width: thin;
scrollbar-color: #ccc rgba(255, 255, 255, 0.1);
} .fancybox__carousel .carousel__slide::-webkit-scrollbar {
width: 8px;
height: 8px;
} .fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
background-color: rgba(255, 255, 255, 0.1);
} .fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 2px;
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
} .fancybox__carousel.is-draggable .fancybox__slide,
.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
cursor: move;
cursor: grab;
} .fancybox__carousel.is-dragging .fancybox__slide,
.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
cursor: move;
cursor: grabbing;
} .fancybox__carousel .fancybox__slide .fancybox__content {
cursor: auto;
} .fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
cursor: zoom-in;
} .fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
cursor: zoom-out;
} .fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
cursor: move;
cursor: grab;
} .fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
cursor: move;
cursor: grabbing;
} .fancybox__image {
transform-origin: 0 0;
user-select: none;
transition: none;
} .has-image .fancybox__content {
padding: 0;
background: transparent;
min-height: 1px;
} .is-closing .has-image .fancybox__content {
overflow: visible;
} .has-image[data-image-fit="contain"] {
overflow: visible;
touch-action: none;
} .has-image[data-image-fit="contain"] .fancybox__content {
flex-direction: row;
flex-wrap: wrap;
} .has-image[data-image-fit="contain"] .fancybox__image {
max-width: 100%;
max-height: 100%;
object-fit: contain;
} .has-image[data-image-fit="contain-w"] {
overflow-x: hidden;
overflow-y: auto;
} .has-image[data-image-fit="contain-w"] .fancybox__content {
min-height: auto;
} .has-image[data-image-fit="contain-w"] .fancybox__image {
max-width: 100%;
height: auto;
} .has-image[data-image-fit="cover"] {
overflow: visible;
touch-action: none;
} .has-image[data-image-fit="cover"] .fancybox__content {
width: 100%;
height: 100%;
} .has-image[data-image-fit="cover"] .fancybox__image {
width: 100%;
height: 100%;
object-fit: cover;
} .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
max-width: 100%;
flex-shrink: 1;
min-height: 1px;
overflow: visible;
} .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
width: 100%;
height: 80%;
} .fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
width: 960px;
height: 540px;
max-width: 100%;
max-height: 100%;
} .fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
padding: 0;
background: rgba(24, 24, 27, 0.9);
color: #fff;
} .fancybox__carousel .fancybox__slide.has-map .fancybox__content {
background: #e5e3df;
} .fancybox__html5video,
.fancybox__iframe {
border: 0;
display: block;
height: 100%;
width: 100%;
background: transparent;
} .fancybox-placeholder {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
} .fancybox__thumbs {
flex: 0 0 auto;
position: relative;
padding: 0px 3px;
opacity: var(--fancybox-opacity, 1);
} .fancybox__container.is-animated[aria-hidden="false"] .fancybox__thumbs {
animation: 0.15s ease-in backwards fancybox-fadeIn;
} .fancybox__container.is-animated.is-closing .fancybox__thumbs {
opacity: 0;
} .fancybox__thumbs .carousel__slide {
flex: 0 0 auto;
width: var(--fancybox-thumbs-width, 96px);
margin: 0;
padding: 8px 3px;
box-sizing: content-box;
display: flex;
align-items: center;
justify-content: center;
overflow: visible;
cursor: pointer;
} .fancybox__thumbs .carousel__slide .fancybox__thumb::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-width: 5px;
border-style: solid;
border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
opacity: 0;
transition: opacity 0.15s ease;
border-radius: var(--fancybox-thumbs-border-radius, 4px);
} .fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
opacity: 0.92;
} .fancybox__thumbs .carousel__slide > * {
pointer-events: none;
user-select: none;
} .fancybox__thumb {
position: relative;
width: 100%;
padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
background-size: cover;
background-position: center center;
background-color: rgba(255, 255, 255, 0.1);
background-repeat: no-repeat;
border-radius: var(--fancybox-thumbs-border-radius, 4px);
} .fancybox__toolbar {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 20;
background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);
padding: 0;
touch-action: none;
display: flex;
justify-content: space-between;
--carousel-button-svg-width: 20px;
--carousel-button-svg-height: 20px;
opacity: var(--fancybox-opacity, 1);
text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4));
}
@media all and (min-width: 1024px) { .fancybox__toolbar {
padding: 8px;
}
} .fancybox__container.is-animated[aria-hidden="false"] .fancybox__toolbar {
animation: 0.15s ease-in backwards fancybox-fadeIn;
} .fancybox__container.is-animated.is-closing .fancybox__toolbar {
opacity: 0;
} .fancybox__toolbar__items {
display: flex;
} .fancybox__toolbar__items--left {
margin-right: auto;
} .fancybox__toolbar__items--center {
position: absolute;
left: 50%;
transform: translateX(-50%);
} .fancybox__toolbar__items--right {
margin-left: auto;
}
@media (max-width: 640px) { .fancybox__toolbar__items--center:not(:last-child) {
display: none;
}
} .fancybox__counter {
min-width: 72px;
padding: 0 10px;
line-height: var(--carousel-button-height, 48px);
text-align: center;
font-size: 17px;
font-variant-numeric: tabular-nums;
-webkit-font-smoothing: subpixel-antialiased;
} .fancybox__progress {
background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
height: 3px;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleX(0);
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 30;
user-select: none;
} .fancybox__container:fullscreen::backdrop {
opacity: 0;
} .fancybox__button--fullscreen g:nth-child(2) {
display: none;
} .fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
display: none;
} .fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
display: block;
} .fancybox__button--slideshow g:nth-child(2) {
display: none;
} .fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
display: none;
} .fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
display: block;
} .fancybox-button.fancybox-button--thumbs {
display: none;
}  @font-face {
font-family: 'icomoon';
src: url(//www.mon-artisan-local.pro/wp-content/themes/sl-theme/fonts/icomoon/icomoon.eot?y1w8jj);
src: url(//www.mon-artisan-local.pro/wp-content/themes/sl-theme/fonts/icomoon/icomoon.eot?y1w8jj#iefix) format("embedded-opentype"), url(//www.mon-artisan-local.pro/wp-content/themes/sl-theme/fonts/icomoon/icomoon.woff2?y1w8jj) format("woff2"), url(//www.mon-artisan-local.pro/wp-content/themes/sl-theme/fonts/icomoon/icomoon.ttf?y1w8jj) format("truetype"), url(//www.mon-artisan-local.pro/wp-content/themes/sl-theme/fonts/icomoon/icomoon.woff?y1w8jj) format("woff"), url(//www.mon-artisan-local.pro/wp-content/themes/sl-theme/fonts/icomoon/icomoon.svg?y1w8jj#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
} [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .icon-arrow:before {
content: "\e900";
color: #f09300;
}
@font-face {
font-family: 'GothamRounded-Medium';
src: url(//www.mon-artisan-local.pro/wp-content/themes/sl-theme/fonts/GothamRounded/GothamRounded-Medium.eot?#iefix) format("embedded-opentype"), url(//www.mon-artisan-local.pro/wp-content/themes/sl-theme/fonts/GothamRounded/GothamRounded-Medium.otf) format("opentype"), url(//www.mon-artisan-local.pro/wp-content/themes/sl-theme/fonts/GothamRounded/GothamRounded-Medium.woff) format("woff"), url(//www.mon-artisan-local.pro/wp-content/themes/sl-theme/fonts/GothamRounded/GothamRounded-Medium.ttf) format("truetype"), url(//www.mon-artisan-local.pro/wp-content/themes/sl-theme/fonts/GothamRounded/GothamRounded-Medium.svg#GothamRounded-Medium) format("svg");
font-weight: 500;
font-style: normal;
} html {
font-size: 62.5%;
font-family: "Montserrat", sans-serif;
} .h1, .top-banner .title {
font-family: "GothamRounded-Medium", sans-serif;
} .h2, .vertical-blocks .block .title, .vertical-blocks .block .price, .vertical-reviews-blocks .block .title, .vertical-reviews-blocks .block .note {
font-family: "GothamRounded-Medium", sans-serif;
} .h3 {
font-family: "GothamRounded-Medium", sans-serif;
} .h4, .horizontal-blocks .block .title, .point-of-sales-blocks .point-of-sales .group a.toggle {
font-family: "GothamRounded-Medium", sans-serif;
} .h5 {
font-family: "GothamRounded-Medium", sans-serif;
} .h1, .top-banner .title {
font-size: 6.5rem;
} .h2, .vertical-blocks .block .title, .vertical-blocks .block .price, .vertical-reviews-blocks .block .title, .vertical-reviews-blocks .block .note {
font-size: 3.6rem;
} .h3 {
font-size: 3rem;
} .h4, .horizontal-blocks .block .title, .point-of-sales-blocks .point-of-sales .group a.toggle {
font-size: 2.4rem;
} body {
color: #0a4154;
font-family: "Montserrat", sans-serif;
font: 1.8rem/1.66667 "Montserrat", sans-serif;
} a, a:visited {
color: #000000;
text-decoration: underline;
transition: color 0.2s linear;
} a:hover, a:visited:hover {
color: #000000;
} strong {
font-weight: 700;
} em, i {
font-style: italic;
} p {
margin-bottom: 2rem;
} p:last-child {
margin-bottom: 0;
} input, textarea, select {
font-family: "Montserrat", sans-serif;
color: #0a4154;
}
@media (max-width: 1049px) { html {
font-size: 55%;
} .h1, .top-banner .title {
font-size: 5.5rem;
}
}
@media (max-width: 849px) { html {
font-size: 50%;
} .h1, .top-banner .title {
font-size: 4.5rem;
} .h2, .vertical-blocks .block .title, .vertical-blocks .block .price, .vertical-reviews-blocks .block .title, .vertical-reviews-blocks .block .note {
font-size: 3.2rem;
} .h3 {
font-size: 2.7rem;
} .h4, .horizontal-blocks .block .title, .point-of-sales-blocks .point-of-sales .group a.toggle {
font-size: 2.2rem;
}
} * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} body {
background: #fff;
color: #0a4154;
} .full-wrapper {
max-width: 192rem;
margin: 0 auto;
} .container, .top-banner .inner2 {
width: 100%;
margin-right: auto;
margin-left: auto;
max-width: 136rem;
padding-left: 2rem;
padding-right: 2rem;
} .container-nogutter {
margin-left: auto;
margin-right: auto;
max-width: 132rem;
} .simple-text ul,
.simple-text ol,
.text-image ul,
.text-image ol {
display: block;
list-style: disc outside none;
margin: 1em 0;
padding: 0 0 0 40px;
} .simple-text ol,
.text-image ol {
list-style-type: decimal;
} strong {
font-weight: 700;
} img,
object {
vertical-align: top;
} .white-background {
background: white;
} .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
} .alignleft {
float: left;
} .alignright {
float: right;
} .mx-auto {
margin-left: auto;
margin-right: auto;
} .text-center {
text-align: center;
} .button {
border-radius: 0.5rem;
color: white !important;
font-size: 2rem;
font-weight: bold;
padding: 0.9rem 5rem;
text-decoration: none;
display: inline-block;
transition: background-color 0.5s ease;
} .button:has(svg) {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.9rem 4.5rem 0.9rem 5rem;
} .button:hover, .button:focus {
color: white !important;
text-decoration: none;
} input, textarea, select {
padding: 1rem 2rem;
font-size: 2.4rem;
font-weight: 200;
background: white;
border: 1px solid #96989c;
border-radius: 1rem;
box-sizing: border-box;
} input:focus, input:focus-visible, textarea:focus, textarea:focus-visible, select:focus, select:focus-visible {
outline: 1px solid #f1bf36;
border: 1px solid #f1bf36;
} .label-form {
font-size: 2.2rem;
margin-bottom: 1rem;
display: inline-block;
} .footer {
background-color: #0d203b;
text-align: center;
padding: 2rem;
color: #fff;
} .footer .trademark {
font-size: .8em;
} .footer .trademark a {
color: white;
} .footer .trademark a:hover {
text-decoration: none;
} #menu-footer {
margin-bottom: 2rem;
} #menu-footer li {
display: inline-block;
} #menu-footer li + li:before {
content: " - ";
margin-left: 1rem;
margin-right: 1rem;
} #menu-footer a {
color: #fff;
text-decoration: underline;
} #menu-footer a:hover, #menu-footer a:focus {
text-decoration: none;
} .overlay-callback {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 5;
} .callback-form {
position: absolute;
top: 10rem;
left: 50%;
transform: translateX(-50%);
width: 136rem;
max-width: 90%;
padding-top: 3.5rem;
padding-bottom: 3rem;
margin-bottom: 16rem;
z-index: 6;
background: white;
text-align: center;
border-width: 2px;
border-style: solid;
-webkit-box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.05);
} .callback-form .personal_details {
padding-left: 21rem;
padding-right: 21rem;
} .callback-form .personal_details .title {
display: block;
} .callback-form .personal_details .title.title-1 {
font-weight: 600;
font-size: 4.2rem;
line-height: 5rem;
text-align: center;
margin-bottom: 3rem;
} .callback-form .personal_details .title.title-2 {
font-size: 4rem;
line-height: 5rem;
font-weight: 600;
margin-bottom: 3rem;
} .callback-form .personal_details .title.title-3 {
font-size: 2.5rem;
line-height: 3rem;
margin-bottom: 3rem;
} .callback-form .personal_details .columns {
margin-left: -2.5%;
margin-right: -2.5%;
overflow: hidden;
font-size: 0;
} .callback-form .personal_details .columns .left, .callback-form .personal_details .columns .right {
width: 45%;
margin-left: 2.5%;
margin-right: 2.5%;
display: inline-block;
padding: 1px;
} .callback-form .personal_details .columns input[type="text"],
.callback-form .personal_details .columns input[type="email"],
.callback-form .personal_details .columns select,
.callback-form .personal_details .columns textarea {
width: 100%;
margin-bottom: 3rem;
} .callback-form .personal_details .columns input[type="text"].required,
.callback-form .personal_details .columns input[type="email"].required,
.callback-form .personal_details .columns select.required,
.callback-form .personal_details .columns textarea.required {
border-color: red;
} .callback-form .personal_details .columns .message {
padding: 1px;
margin-left: 2.5%;
margin-right: 2.5%;
} .callback-form .personal_details .gdpr {
margin-bottom: 3rem;
font-size: 1.5rem;
text-align: left;
} .callback-form .personal_details .navigation .button.button-secondary {
font-size: 1.9rem;
font-weight: 400;
} .callback-form .personal_details .error-message {
color: red;
padding: .5rem 1rem;
border: 2px solid red;
margin-bottom: 1rem;
text-align: center;
} .callback-form .personal_details .error-message.hidden {
display: none;
} .callback-form a.close {
position: absolute;
right: 0;
top: 0;
font-size: 3rem;
line-height: 3rem;
padding: 1rem;
color: #fff;
text-decoration: none;
}
@media (max-width: 1239px) { .callback-form .personal_details {
padding-left: 11rem;
padding-right: 11rem;
}
}
@media (max-width: 849px) { .callback-form .personal_details {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (max-width: 549px) { .callback-form .personal_details .columns {
margin-left: 0;
margin-right: 0;
} .callback-form .personal_details .columns .left, .callback-form .personal_details .columns .right {
width: 100%;
margin-left: 0;
margin-right: 0;
} .callback-form .personal_details .columns .message {
margin-left: 0;
margin-right: 0;
}
} .hr {
margin-top: 0;
margin-bottom: 0;
border: 0;
}
@media (max-width: 849px) { .hr {
display: none;
}
} .top-banner .inner {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 450px;
padding: 5rem 0;
position: relative;
display: flex;
align-items: center;
color: #fff;
} .top-banner .inner2 {
margin-left: 0;
} .top-banner .content {
padding: 2rem 3rem; } .top-banner .title {
font-size: 4.8rem;
line-height: 1.2;
display: inline-block;
margin-bottom: 4rem;
padding: 2rem 4rem;
} .top-banner .subtitle {
font-size: 2.8rem;
} .top-banner .subtitle ul li {
line-height: 2.8rem;
list-style: inside disc;
} .top-banner .subtitle ul li::marker {
font-size: 1.5rem;
}
@media (max-width: 1049px) { .top-banner .inner {
height: auto;
} .top-banner .content {
max-width: none;
} .top-banner .title {
font-size: 3.8rem;
} .top-banner .subtitle {
font-size: 2rem;
}
} .title-block p,
.title-block h1,
.title-block h2,
.title-block h3,
.title-block h4 {
line-height: 1.333333;
text-align: center;
}
@media (max-width: 849px) { .title-block {
margin-top: 0 !important;
padding-bottom: 0 !important;
} .title-block .inner {
padding: 0 !important;
} .title-block.hide-title-on-mobile {
display: none;
}
}
@media (max-width: 549px) { .title-block:has(.title-mobile) .title-desktop {
display: none;
}
}
@media (min-width: 550px) { .title-block:has(.title-mobile) .title-mobile {
display: none;
}
} .title-block .h3 {
font-family: "Montserrat", sans-serif;
font-size: 2.5rem;
} .title-block.primary-background p,
.title-block.primary-background h1,
.title-block.primary-background h2,
.title-block.primary-background h3,
.title-block.primary-background h4 {
color: white;
} .title-block.secondary-background strong,
.title-block.secondary-background b {
color: #fff;
} .horizontal-blocks .blocks {
display: flex;
margin-left: -1.5rem;
margin-right: -1.5rem;
} .horizontal-blocks .block {
flex: 1 0 0px; margin: 0 1.5rem;
text-align: center;
display: flex;
flex-direction: column;
} .horizontal-blocks .block img {
max-width: 100%;
margin-bottom: 4rem;
} .horizontal-blocks .block .label {
background: #abc0d5;
align-self: start;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.875;
padding: 0 2rem;
color: #fff;
} .horizontal-blocks .block .inner {
background: #f5f5f5;
padding: 3rem 3rem 4rem;
flex-grow: 1;
display: flex;
flex-direction: column;
} .horizontal-blocks .block .title {
color: #0a4154;
line-height: 4rem;
margin-bottom: 2rem;
} .horizontal-blocks .block .description {
color: #96989c;
line-height: 1.875;
} .horizontal-blocks .block .button-row {
padding-top: 3.6rem;
margin-top: auto;
} .horizontal-blocks .block .button {
font-size: 1.6rem;
} .horizontal-blocks .block .anchor-row {
padding: 3.5rem 0 1rem;
font-size: 1.6rem;
}
@media (max-width: 849px) { .horizontal-blocks .container, .horizontal-blocks .top-banner .inner2, .top-banner .horizontal-blocks .inner2 {
text-align: center;
} .horizontal-blocks .blocks {
flex-wrap: wrap;
justify-content: center;
margin-bottom: -2rem;
} .horizontal-blocks .block {
flex-basis: 30rem;
max-width: 30rem;
margin-bottom: 2rem;
} .horizontal-blocks .block .anchor-row {
padding-top: 1rem;
}
}
@media (max-width: 549px) { .horizontal-blocks .blocks {
margin-left: auto;
margin-right: auto;
} .horizontal-blocks .block {
flex-basis: auto;
max-width: 100%;
}
} .simple-text p + .h3,
.simple-text p + .h4,
.simple-text .horizontal-blocks .block p + .title,
.horizontal-blocks .block .simple-text p + .title,
.simple-text .point-of-sales-blocks .point-of-sales .group p + a.toggle,
.point-of-sales-blocks .point-of-sales .group .simple-text p + a.toggle {
margin-top: 4rem;
} .simple-text h2 {
font-family: "GothamRounded-Medium", sans-serif;
font-size: 4rem;
padding: 4rem 0;
text-align: center;
} .simple-text h3 {
font-family: "GothamRounded-Medium", sans-serif;
font-size: 2.4rem;
padding: 2rem 0;
} .simple-text img {
max-width: 100%;
height: auto;
} .simple-text ul,
.simple-text ol {
display: block;
list-style: disc outside none;
margin: 1em 0;
padding: 0 0 0 40px;
} .simple-text ol {
list-style-type: decimal;
} .reinsurance-criteria .blocks {
display: flex;
flex-wrap: wrap;
} .reinsurance-criteria .block {
flex: 1 0 25%;
min-width: 25%;
text-align: center;
position: relative;
} .reinsurance-criteria .block .image {
margin: 0 auto;
width: 15.5rem;
height: 15.5rem;
display: flex;
justify-content: center;
align-items: center;
} .reinsurance-criteria .block .image img {
max-width: 100%;
height: auto;
} .reinsurance-criteria .block .inner {
padding-left: 4rem;
padding-right: 4rem;
} .reinsurance-criteria .block .inner .title {
font-size: 2.2rem;
line-height: 1.2;
font-weight: 500;
margin: 3rem 0;
padding: 0;
} .reinsurance-criteria .block .inner .description {
font-weight: 300;
font-size: 1.8rem;
line-height: 1.5;
padding: 0 .5rem;
} .reinsurance-criteria .block:after {
position: absolute;
right: 0;
top: 7.75rem;
transform: translateX(1rem) translateY(-1rem);
display: block;
font-family: "icomoon";
font-size: 2rem;
content: "\e900";
} .reinsurance-criteria .block:last-child:after {
display: none;
}
@media (max-width: 849px) { .reinsurance-criteria .block {
flex-basis: 50%;
min-width: 50%;
margin-bottom: 10rem;
} .reinsurance-criteria .block .inner .title {
margin-bottom: 2rem;
} .reinsurance-criteria .block:nth-child(2n):after {
display: none;
}
}
@media (max-width: 549px) { .reinsurance-criteria .blocks {
margin-top: 0;
flex-wrap: nowrap;
flex-direction: column;
} .reinsurance-criteria .block {
flex-basis: auto;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-top: 2rem;
padding-bottom: 3rem;
margin-bottom: 4rem;
} .reinsurance-criteria .block .image {
margin-right: auto;
padding: 0.66667rem;
margin-bottom: 2rem;
width: auto;
height: auto;
} .reinsurance-criteria .block .image img {
display: inline-block;
overflow: hidden;
} .reinsurance-criteria .block .inner .title {
margin-top: 0;
margin-bottom: 0;
} .reinsurance-criteria .block .inner .description {
padding-left: 0;
padding-right: 0;
} .reinsurance-criteria .block:after {
top: auto;
bottom: 0;
right: auto;
left: 50%;
transform: translateY(1rem) rotate(90deg);
} .reinsurance-criteria .block:nth-child(2n):after {
display: block;
} .reinsurance-criteria .block:last-child:after {
display: none;
}
} .vertical-blocks .blocks {
margin-top: -3rem;
} .vertical-blocks .block {
margin-top: 3rem;
padding: 3rem;
background: #f5f5f5;
position: relative;
display: flex;
align-items: center;
} .vertical-blocks .block .num {
position: absolute;
top: 0;
left: 0;
width: 7rem;
height: 7rem;
padding-right: 2.7rem;
background: #0d203b;
font-size: 2.4rem;
font-weight: bold;
color: #fff;
text-align: center;
clip-path: polygon(0 0, 100% 0, 0 100%);
overflow: hidden;
} .vertical-blocks .block .image {
align-self: flex-start;
margin: 0 7.5rem 0 1rem;
} .vertical-blocks .block .labelRow {
position: absolute;
top: 0;
right: 0;
background: #abc0d5;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.875;
padding: 0 1.2rem;
color: #fff;
display: inline-flex;
} .vertical-blocks .block .labelRow .icon {
margin-right: .6rem;
} .vertical-blocks .block .labelRow .icon img {
vertical-align: middle;
} .vertical-blocks .block .labelRow .label {
vertical-align: middle;
} .vertical-blocks .block .title {
font-size: 3rem;
} .vertical-blocks .block .description {
color: #96989c;
} .vertical-blocks .block .details {
color: #96989c;
max-height: 0;
transition: max-height 0.4s ease 0s;
overflow: hidden;
} .vertical-blocks .block .details.visible {
max-height: 500px;
} .vertical-blocks .block .details-link {
margin-top: 2rem;
color: #0d203b;
font-weight: 600;
} .vertical-blocks .block .details-link a {
text-decoration: none;
} .vertical-blocks .block .details-link a:hover, .vertical-blocks .block .details-link a:focus {
text-decoration: underline;
} .vertical-blocks .block .content {
display: flex;
align-items: center;
} .vertical-blocks .block .inner2 {
text-align: center;
} .vertical-blocks .block .price {
font-size: 3rem;
}
@media (min-width: 1050px) { .vertical-blocks .block .inner2 {
min-width: 21.5rem;
margin-left: 6rem;
} .vertical-blocks .block .price + .button-row {
margin-top: 3rem;
}
}
@media (max-width: 1049px) { .vertical-blocks .block .content {
flex-direction: column;
} .vertical-blocks .block .inner2 {
margin-top: 3rem;
text-align: left;
display: flex;
flex-direction: row-reverse;
align-items: center;
align-self: flex-start;
} .vertical-blocks .block .price {
margin-left: 4rem;
}
}
@media (max-width: 849px) { .vertical-blocks .block {
flex-direction: column;
} .vertical-blocks .block .labelRow + .image {
margin-top: 2rem;
} .vertical-blocks .block .image {
max-width: 20rem;
margin-right: 0;
margin-bottom: 2rem;
align-self: center;
} .vertical-blocks .block .image img {
max-width: 100%;
} .vertical-blocks .block .inner2 {
margin-top: 2rem;
}
}
@media (max-width: 549px) { .vertical-blocks .block .inner2 {
flex-direction: column;
margin-left: auto;
margin-right: auto;
} .vertical-blocks .block .inner2 .price {
margin-left: 0;
}
} .vertical-reviews-blocks {
background: #f5f5f5;
} .vertical-reviews-blocks .blocks {
margin-top: -3rem;
} .vertical-reviews-blocks .block {
margin-top: 3rem;
padding: 4rem 5rem;
background: #fff;
position: relative;
display: flex;
align-items: center;
} .vertical-reviews-blocks .block .num {
position: absolute;
top: 0;
left: 0;
width: 7rem;
height: 7rem;
padding-right: 2.7rem;
background: #0d203b;
font-size: 2.4rem;
font-weight: bold;
color: #fff;
text-align: center;
clip-path: polygon(0 0, 100% 0, 0 100%);
overflow: hidden;
} .vertical-reviews-blocks .block .image {
align-self: flex-start;
margin: 0 8.8rem 0 0;
} .vertical-reviews-blocks .block .labelRow {
position: absolute;
top: 0;
right: 0;
background: #abc0d5;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.875;
padding: 0 1.2rem;
color: #fff;
display: inline-flex;
} .vertical-reviews-blocks .block .labelRow .icon {
margin-right: .6rem;
} .vertical-reviews-blocks .block .labelRow .icon img {
vertical-align: middle;
} .vertical-reviews-blocks .block .labelRow .label {
vertical-align: middle;
} .vertical-reviews-blocks .block .title {
font-size: 3rem;
margin-bottom: 2rem;
} .vertical-reviews-blocks .block .description {
color: #96989c;
} .vertical-reviews-blocks .block .details {
color: #96989c;
max-height: 0;
transition: max-height 0.4s ease 0s;
overflow: hidden;
} .vertical-reviews-blocks .block .details.visible {
max-height: 500px;
} .vertical-reviews-blocks .block .details-link {
margin-top: 2rem;
color: #0d203b;
font-weight: 600;
} .vertical-reviews-blocks .block .details-link a {
text-decoration: none;
} .vertical-reviews-blocks .block .details-link a:hover, .vertical-reviews-blocks .block .details-link a:focus {
text-decoration: underline;
} .vertical-reviews-blocks .block .content {
display: flex;
align-items: center;
} .vertical-reviews-blocks .block .inner2 {
text-align: center;
} .vertical-reviews-blocks .block .note {
font-size: 3rem;
}
@media (min-width: 1050px) { .vertical-reviews-blocks .block .inner2 {
min-width: 25.429184%;
margin-left: 6rem;
} .vertical-reviews-blocks .block .note + .button-row {
margin-top: 3rem;
}
}
@media (max-width: 1049px) { .vertical-reviews-blocks .block .content {
flex-direction: column;
} .vertical-reviews-blocks .block .inner2 {
margin-top: 3rem;
text-align: left;
display: flex;
flex-direction: row-reverse;
align-items: center;
align-self: flex-start;
} .vertical-reviews-blocks .block .note {
margin-left: 4rem;
display: flex;
flex-direction: row-reverse;
align-items: baseline;
} .vertical-reviews-blocks .block .note .text {
font-size: .75em;
margin-left: 1rem;
}
}
@media (max-width: 849px) { .vertical-reviews-blocks .block {
flex-direction: column;
} .vertical-reviews-blocks .block .image {
margin-right: 0;
margin-bottom: 2rem;
align-self: center;
} .vertical-reviews-blocks .block .inner2 {
margin-top: 2rem;
}
}
@media (max-width: 549px) { .vertical-reviews-blocks .block .inner2 {
flex-direction: column;
margin-left: auto;
margin-right: auto;
} .vertical-reviews-blocks .block .inner2 .note {
margin-left: 0;
}
} .report-block .inner {
display: flex;
align-items: flex-end;
} .report-block .image {
min-width: 48.863636%; } .report-block .image img {
max-width: 100%;
} .report-block .title {
position: relative;
padding-bottom: 2rem;
margin-bottom: 5rem;
} .report-block .title:after {
content: "";
background-color: #f1bf36;
width: 7rem;
height: .4rem;
position: absolute;
bottom: 0;
left: 0;
} .report-block .title.h3 {
font-size: 3rem;
} .report-block .note-row {
margin-top: -5rem;
margin-bottom: 3rem;
} .report-block .note {
font-size: 2rem;
font-weight: bold;
display: inline-flex;
flex-direction: row-reverse;
align-items: baseline;
} .report-block .note .stars {
margin-right: 1rem;
font-size: 1.5em;
}
@media (min-width: 850px) { .report-block .image {
margin-right: 3rem;
}
}
@media (min-width: 850px) and (max-width: 1049px) { .report-block .image {
align-self: stretch;
min-width: 33.3333%;
} .report-block .image img {
position: sticky;
top: 0;
}
}
@media (max-width: 849px) { .report-block .inner {
flex-direction: column;
align-items: center;
} .report-block .image {
max-width: 30rem;
margin-bottom: 2rem;
}
} .tile-blocks .blocks {
display: flex;
justify-content: space-around;
} .tile-blocks .block {
background: #abc0d5;
padding: 3.5rem 6rem;
border-radius: 1.8rem;
color: #fff;
text-align: center;
} .tile-blocks .title {
font-size: 1.8rem;
margin-top: 1.5rem;
} .tile-blocks .description {
font-size: 2.4rem;
font-weight: bold;
}
@media (max-width: 849px) { .tile-blocks {
text-align: center;
} .tile-blocks .blocks {
flex-direction: column;
display: inline-flex;
} .tile-blocks .block {
display: flex;
text-align: left;
padding: 2rem;
} .tile-blocks .block + .block {
margin-top: 2rem;
} .tile-blocks .image {
margin-right: 2rem;
}
}
@media (max-width: 549px) { .tile-blocks .description {
font-size: 2rem;
}
} .point-of-sales-blocks .point-of-sales {
border-bottom: 1px solid #f1bf36;
} .point-of-sales-blocks .point-of-sales .group a.toggle {
color: #0a4154;
padding: 2.2rem 0;
text-decoration: none;
display: flex;
align-items: baseline;
} .point-of-sales-blocks .point-of-sales .group a.toggle:hover {
color: #000;
} .point-of-sales-blocks .point-of-sales .group a.toggle::after {
content: "+";
margin-left: auto;
display: inline-block;
transition: all .3s ease-in-out;
line-height: 1;
} .point-of-sales-blocks .point-of-sales .addresses {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all .3s ease-in-out;
color: #96989c;
} .point-of-sales-blocks .point-of-sales .addresses ul {
margin: -.2rem 0 .2rem;
padding: 0 0 2rem;
list-style: none;
} .point-of-sales-blocks .point-of-sales .addresses li {
margin: 0;
padding: .3rem 0;
} .point-of-sales-blocks .point-of-sales .addresses strong {
color: #0a4154;
} .point-of-sales-blocks .point-of-sales .addresses strong::after {
content: " :";
} .point-of-sales-blocks .point-of-sales.visible a.toggle::after {
transform: rotate(135deg);
font-size: 1.1em;
} .point-of-sales-blocks .point-of-sales.visible .addresses {
max-height: none;
opacity: 1;
} .point-of-sales-blocks.embedded-content > .container, .top-banner .point-of-sales-blocks.embedded-content > .inner2 {
padding-left: 2rem;
padding-right: 2rem;
max-width: 87.1rem;
margin-left: auto;
margin-right: auto;
} .point-of-sales-blocks.embedded-content2 > .container, .top-banner .point-of-sales-blocks.embedded-content2 > .inner2 {
padding-left: 2rem;
padding-right: 2rem;
max-width: 109.5rem;
margin-left: auto;
margin-right: auto;
} .point-of-sales-blocks.embedded-content.same-bg .container, .point-of-sales-blocks.embedded-content.same-bg .top-banner .inner2, .top-banner .point-of-sales-blocks.embedded-content.same-bg .inner2, .point-of-sales-blocks.embedded-content2.same-bg .container, .point-of-sales-blocks.embedded-content2.same-bg .top-banner .inner2, .top-banner .point-of-sales-blocks.embedded-content2.same-bg .inner2 {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 549px) { .point-of-sales-blocks .point-of-sales .addresses li strong {
display: block;
} .point-of-sales-blocks .point-of-sales .addresses li + li {
margin-top: 1.4rem;
}
} .gallery {
padding: 5.5rem 0;
color: #0d203b;
} .gallery .slick-slider .slick-list {
margin: inherit;
} .gallery .slick-slide {
padding-left: 1rem;
padding-right: 1rem;
} .gallery .slick-prev,
.gallery .slick-next {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 5rem;
height: 5rem;
display: block;
background: #272e39 url(//www.mon-artisan-local.pro/wp-content/themes/sl-theme/img/generic/white-arrow.png) no-repeat center center;
border-radius: 0.5rem;
transition: all 0.5s ease-in-out;
cursor: pointer;
} .gallery .slick-prev {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
} .gallery .slick-next {
left: auto;
right: 0;
} .gallery .slick-list li {
padding-left: 1rem;
padding-right: 1rem;
} .gallery .slick-list li img {
border-radius: 5rem;
max-width: 100%;
height: auto;
} .gallery .slick-dots {
display: flex;
justify-content: center;
margin-top: 1rem;
} .gallery .slick-dots li {
min-width: 15%;
} .gallery .slick-dots li button {
display: block;
width: 100%;
background: #fff;
font-size: 0;
color: transparent;
line-height: 0;
height: 3px;
} .gallery .slick-dots li.slick-active button {
background: #272e39;
} .gallery img {
border-radius: 1.5rem;
max-width: 100%;
height: auto;
} .estimate-form {
margin-bottom: 5.5rem;
} .estimate-form.estimate-loader .loader-content {
text-align: center;
} .estimate-form.estimate-loader .loader-content img {
margin-bottom: 2rem;
} .estimate-form.estimate-loader .personal_details .block-title {
display: flex;
justify-content: center;
} .estimate-form.estimate-loader .personal_details .block-title .icon-bounce {
margin-right: 2rem;
} .estimate-form.estimate-loader .personal_details .text {
margin: 0 auto;
} .estimate-form.estimate-loader .personal_details .title {
padding: 0;
} .estimate-form.estimate-loader .personal_details p.title:first-child {
margin-bottom: 0.5rem;
}
@media (max-width: 549px) { .estimate-form.estimate-loader .title,
.estimate-form.estimate-loader .personal_details .block-title {
flex-direction: column;
} .estimate-form.estimate-loader .loader-content img {
width: 50px;
height: auto;
} .estimate-form.estimate-loader .icon-bounce {
width: 30px;
height: auto;
margin: 0 auto 1rem !important;
}
} .estimate-form.small-estimate {
background: #f3f5f9;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
} .estimate-form.small-estimate.classic .form, .estimate-form.small-estimate.bg-img .form {
width: 58%;
display: flex;
flex-direction: column;
justify-content: center;
background: #fff;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
border-radius: 1rem;
padding: 4rem 2rem;
margin-left: auto;
} .estimate-form.small-estimate.v3, .estimate-form.small-estimate.estimate-loader {
display: flex;
margin-bottom: 0;
} .estimate-form.small-estimate.v3 .left, .estimate-form.small-estimate.estimate-loader .left {
position: relative;
flex: 0 0 60%;
max-width: 60%;
background-size: cover;
background-position: center;
} .estimate-form.small-estimate.v3 .banner-text, .estimate-form.small-estimate.estimate-loader .banner-text {
position: absolute;
top: 0;
right: 0;
padding: 1rem 10rem 1rem 2rem;
color: #fff;
font-weight: 700;
font-size: 2.5rem;
line-height: 1.2;
margin: 1.5rem 4.5rem;
} .estimate-form.small-estimate.v3 .banner-text strong, .estimate-form.small-estimate.estimate-loader .banner-text strong {
font-weight: inherit;
position: relative;
z-index: 0;
} .estimate-form.small-estimate.v3 .banner-text strong::before, .estimate-form.small-estimate.estimate-loader .banner-text strong::before {
content: "";
position: absolute;
z-index: -1;
background: #ffce00;
height: 0.3em;
bottom: 0.08em;
left: 0;
width: 100%;
} .estimate-form.small-estimate.v3 .form, .estimate-form.small-estimate.estimate-loader .form {
flex: 0 0 40%;
max-width: 40%;
padding: 0;
background: #f2f2f2;
}
@media (max-width: 549px) { .estimate-form.small-estimate.v3 .form:has(.title-form-mobile) .title-form-desktop, .estimate-form.small-estimate.estimate-loader .form:has(.title-form-mobile) .title-form-desktop {
display: none;
}
}
@media (min-width: 550px) { .estimate-form.small-estimate.v3 .form:has(.title-form-mobile) .title-form-mobile, .estimate-form.small-estimate.estimate-loader .form:has(.title-form-mobile) .title-form-mobile {
display: none;
}
} .estimate-form.small-estimate.v3 .form .answer.answer-FormFieldImage ul.answers-list, .estimate-form.small-estimate.estimate-loader .form .answer.answer-FormFieldImage ul.answers-list {
gap: 1.5rem 2%;
} .estimate-form.small-estimate.v3 .form .form-content, .estimate-form.small-estimate.estimate-loader .form .form-content {
width: 100%;
padding: 0 2rem;
} .estimate-form.small-estimate.v3 .form .button, .estimate-form.small-estimate.estimate-loader .form .button {
font-size: 1.9rem;
font-weight: 700;
margin-bottom: 2rem;
} .estimate-form.small-estimate.v3 .title-form, .estimate-form.small-estimate.estimate-loader .title-form {
color: #fff;
font-size: 2.5rem;
font-weight: 700;
text-align: center;
line-height: 1.2;
margin-bottom: 2rem;
text-transform: uppercase;
padding: 1rem 10rem;
} .estimate-form.small-estimate.v3 .title, .estimate-form.small-estimate.estimate-loader .title {
color: #003d3b;
text-align: center;
font-size: 2.5rem;
line-height: 1.2;
padding: 0 5rem;
margin-bottom: 2rem;
}
@media (max-width: 1049px) { .estimate-form.small-estimate.v3 > .left, .estimate-form.small-estimate.estimate-loader > .left {
flex: 0 0 40%;
max-width: 40%;
} .estimate-form.small-estimate.v3 > .form, .estimate-form.small-estimate.estimate-loader > .form {
flex: 0 0 60%;
max-width: 60%;
}
}
@media (max-width: 849px) { .estimate-form.small-estimate.v3 > .left, .estimate-form.small-estimate.estimate-loader > .left {
display: none;
} .estimate-form.small-estimate.v3 > .form, .estimate-form.small-estimate.estimate-loader > .form {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 849px) and (max-width: 549px) { .estimate-form.small-estimate.v3 > .form, .estimate-form.small-estimate.estimate-loader > .form {
padding: 0;
} .estimate-form.small-estimate.v3 > .form .title-form, .estimate-form.small-estimate.estimate-loader > .form .title-form {
margin-bottom: 2rem;
font-size: 2.2rem;
padding: 1rem 2rem;
} .estimate-form.small-estimate.v3 > .form .title, .estimate-form.small-estimate.estimate-loader > .form .title {
padding: 0 2rem;
} .estimate-form.small-estimate.v3 > .form .form-content, .estimate-form.small-estimate.estimate-loader > .form .form-content {
margin-left: 0;
margin-right: 0;
} .estimate-form.small-estimate.v3 > .form .form-content .left,
.estimate-form.small-estimate.v3 > .form .form-content .form, .estimate-form.small-estimate.estimate-loader > .form .form-content .left,
.estimate-form.small-estimate.estimate-loader > .form .form-content .form {
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0.5rem;
}
} .estimate-form.small-estimate.estimate-loader .form {
position: relative;
} .estimate-form.small-estimate.estimate-loader .form .form-content-parent {
display: flex;
justify-content: center;
align-items: center;
} .estimate-form.small-estimate.estimate-loader .form .location .title {
display: flex;
justify-content: center;
align-items: center;
width: 90%;
margin: 0 auto 2rem;
}
@media (min-width: 1049.98px) and (max-width: 1500px) { .estimate-form.small-estimate.estimate-loader .form .location .title {
width: 100%;
padding: 0;
}
} .estimate-form.small-estimate.estimate-loader .form .location .icon-bounce {
margin-right: 2rem;
} .estimate-form.small-estimate.estimate-loader .form .personal_details .block-title {
display: flex;
justify-content: center;
} .estimate-form.small-estimate.estimate-loader .form .personal_details .block-title .icon-bounce {
margin-right: 2rem;
} .estimate-form.small-estimate.estimate-loader .form .personal_details .text {
margin: 0 auto;
} .estimate-form.small-estimate.estimate-loader .form .personal_details .title {
padding: 0;
} .estimate-form.small-estimate.estimate-loader .form .personal_details p.title:first-child {
margin-bottom: 0.5rem;
} .estimate-form.small-estimate .container, .estimate-form.small-estimate .top-banner .inner2, .top-banner .estimate-form.small-estimate .inner2 {
padding: 5rem 1rem;
display: flex;
justify-content: space-between;
gap: 2%;
} .estimate-form.small-estimate .small-estimate-image {
max-width: 40%;
} .estimate-form.small-estimate .small-estimate-image img {
width: 100%;
}
@media (max-width: 1499px) { .estimate-form.small-estimate.v3 .left, .estimate-form.small-estimate.estimate-loader .left {
flex: 0 0 50%;
max-width: 50%;
} .estimate-form.small-estimate.v3 .form, .estimate-form.small-estimate.estimate-loader .form {
flex: 0 0 50%;
max-width: 50%;
} .estimate-form.small-estimate.v3 .form .answer.answer-FormFieldImage ul.answers-list .answer-4,
.estimate-form.small-estimate.v3 .form .answer.answer-FormFieldImage ul.answers-list .answer-3, .estimate-form.small-estimate.estimate-loader .form .answer.answer-FormFieldImage ul.answers-list .answer-4,
.estimate-form.small-estimate.estimate-loader .form .answer.answer-FormFieldImage ul.answers-list .answer-3 {
flex: 0 0 23%;
max-width: 23%;
}
}
@media (max-width: 1239px) { .estimate-form.small-estimate.v3 .left, .estimate-form.small-estimate.estimate-loader .left {
flex: 0 0 50%;
max-width: 50%;
} .estimate-form.small-estimate.v3 .form, .estimate-form.small-estimate.estimate-loader .form {
flex: 0 0 50%;
max-width: 50%;
} .estimate-form.small-estimate.v3 .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-4, .estimate-form.small-estimate.estimate-loader .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-4 {
flex: 0 0 45%;
max-width: 45%;
} .estimate-form.small-estimate.v3 .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-3, .estimate-form.small-estimate.v3 .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-2, .estimate-form.small-estimate.estimate-loader .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-3, .estimate-form.small-estimate.estimate-loader .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-2 {
flex: 0 0 30%;
max-width: 30%;
}
}
@media (max-width: 1049px) { .estimate-form.small-estimate.classic .form, .estimate-form.small-estimate.bg-img .form {
width: 100%;
} .estimate-form.small-estimate .small-estimate-image {
max-width: 100%;
margin: auto;
}
}
@media (max-width: 849px) { .estimate-form.small-estimate .container, .estimate-form.small-estimate .top-banner .inner2, .top-banner .estimate-form.small-estimate .inner2 {
flex-direction: column;
} .estimate-form.small-estimate .form {
width: 95%;
margin: 0rem auto 1rem;
} .estimate-form.small-estimate.v3 .form, .estimate-form.small-estimate.estimate-loader .form {
flex: 0 0 100%;
max-width: 100%;
} .estimate-form.small-estimate.v3 .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-3, .estimate-form.small-estimate.v3 .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-2, .estimate-form.small-estimate.estimate-loader .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-3, .estimate-form.small-estimate.estimate-loader .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-2 {
flex: 0 0 23%;
max-width: 23%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
}
@media (max-width: 549px) { .estimate-form.small-estimate .small-estimate-image {
max-width: 100%;
} .estimate-form.small-estimate.estimate-loader,
.estimate-form.small-estimate .form-content-parent {
min-height: unset !important;
} .estimate-form.small-estimate.estimate-loader .title,
.estimate-form.small-estimate.estimate-loader .personal_details .block-title,
.estimate-form.small-estimate .form-content-parent .title,
.estimate-form.small-estimate .form-content-parent .personal_details .block-title {
flex-direction: column;
} .estimate-form.small-estimate.estimate-loader .loader-content img,
.estimate-form.small-estimate .form-content-parent .loader-content img {
width: 50px;
height: auto;
} .estimate-form.small-estimate.estimate-loader .icon-bounce,
.estimate-form.small-estimate .form-content-parent .icon-bounce {
width: 30px;
height: auto;
margin: 0 auto 1rem !important;
} .estimate-form.small-estimate.v3 .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-4, .estimate-form.small-estimate.v3 .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-3, .estimate-form.small-estimate.v3 .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-2, .estimate-form.small-estimate.estimate-loader .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-4, .estimate-form.small-estimate.estimate-loader .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-3, .estimate-form.small-estimate.estimate-loader .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-2 {
flex: 0 0 100%;
max-width: 100%;
} .estimate-form.small-estimate.v3 .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-4 label, .estimate-form.small-estimate.v3 .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-3 label, .estimate-form.small-estimate.v3 .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-2 label, .estimate-form.small-estimate.estimate-loader .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-4 label, .estimate-form.small-estimate.estimate-loader .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-3 label, .estimate-form.small-estimate.estimate-loader .form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-2 label {
flex-direction: row;
}
} .estimate-form .title {
font-size: 3.1rem;
margin-bottom: 3rem;
text-align: center;
} .estimate-form .form {
padding: 5.5rem 7rem 7rem;
background-color: #f3f5f9;
border-radius: 1rem;
} .estimate-form .form .personal_details .complement {
position: absolute;
left: -10000px;
width: 1px;
height: 1px;
overflow: hidden;
} .estimate-form .form .personal_details,
.estimate-form .form .location {
max-width: 1000px;
margin: 0 auto;
padding-bottom: 2rem;
} .estimate-form .form .personal_details .columns,
.estimate-form .form .location .columns {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
} .estimate-form .form .personal_details .columns .left,
.estimate-form .form .personal_details .columns .right,
.estimate-form .form .location .columns .left,
.estimate-form .form .location .columns .right {
flex: 0 0 45%;
max-width: 45%;
margin-top: 2rem;
margin-bottom: 2rem;
} .estimate-form .form .personal_details .columns .left input,
.estimate-form .form .personal_details .columns .right input,
.estimate-form .form .location .columns .left input,
.estimate-form .form .location .columns .right input {
width: 100%;
border-radius: 1rem;
} .estimate-form .form .personal_details .columns .left input.required,
.estimate-form .form .personal_details .columns .right input.required,
.estimate-form .form .location .columns .left input.required,
.estimate-form .form .location .columns .right input.required {
border-color: red;
} .estimate-form .form .personal_details .gdpr,
.estimate-form .form .location .gdpr {
font-size: 1.5rem;
} .estimate-form .form .step.questions .disable_field {
display: none !important;
} .estimate-form .form .step.questions .question .answers {
margin-bottom: 5.5rem;
} .estimate-form .form .step.questions .question .answer-FormFieldLocation img {
margin-right: 1rem;
vertical-align: bottom;
} .estimate-form .form .step.questions .question.hidden {
display: none;
} .estimate-form .form .step.questions .question.required select,
.estimate-form .form .step.questions .question.required input {
border-color: red;
} .estimate-form .form .step.questions .question.required .title {
color: red;
} .estimate-form .form .step.results .title {
display: block;
text-align: center;
margin-bottom: 5rem;
} .estimate-form .form .step.results span {
display: block;
text-align: center;
margin-bottom: 5rem;
} .estimate-form .form .step.hidden {
display: none;
} .estimate-form .form .error-message {
color: red;
padding: 0.5rem 1rem;
border: 2px solid red;
margin-bottom: 1rem;
text-align: center;
} .estimate-form .form .error-message.hidden {
display: none;
} .estimate-form .form .navigation {
display: flex;
justify-content: center;
} .estimate-form .form .navigation a.button {
display: flex;
margin: 0 1rem;
font-weight: 700;
} .estimate-form .form .navigation a.button.hidden {
display: none;
} .estimate-form .form .navigation.hidden {
display: none;
}
@media (max-width: 1049px) { .estimate-form .title {
font-size: 2.8rem;
line-height: 1.3;
margin-bottom: 1.5rem;
} .estimate-form .form .personal_details .columns .left,
.estimate-form .form .personal_details .columns .right,
.estimate-form .form .location .columns .left,
.estimate-form .form .location .columns .right {
flex: 0 0 48%;
max-width: 48%;
margin-top: 0;
margin-bottom: 2rem !important;
}
}
@media (max-width: 549px) { .estimate-form .loader-content img {
width: 50px;
height: auto;
} .estimate-form .icon-bounce {
width: 30px;
height: auto;
margin: 0 auto 1rem !important;
} .estimate-form .form {
padding: 1.5rem 2rem 1.5rem;
} .estimate-form .form .personal_details .columns .left,
.estimate-form .form .personal_details .columns .right,
.estimate-form .form .location .columns .left,
.estimate-form .form .location .columns .right {
flex: 0 0 100%;
max-width: 100%;
} .estimate-form .navigation a.button {
padding: 0.9rem 1.5rem 0.9rem 2rem;
font-weight: normal;
}
}
@media (max-width: 849px) { .estimate-form {
margin-top: 1rem;
} .estimate-form.small-estimate {
margin-top: 0;
} .estimate-form .form .step.questions .question .answers {
margin-bottom: 2rem;
} .estimate-form .hide-mobile {
display: none !important;
}
} .estimate-form .answer.answer-FormFieldTitle .title {
margin-bottom: 5.5rem;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list {
min-height: auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 1.5rem;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item {
flex: 0 0 23%;
max-width: 23%;
text-align: center;
background: #fff;
border: 2px solid #E5EBF2;
border-radius: 1rem;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item label {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
height: 100%;
gap: 1rem;
padding: 0.5rem;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item label .icon {
display: block;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item label .icon .icon-svg {
display: block;
width: 100%;
height: 100%;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item label .icon img {
max-width: 100%;
height: auto;
max-height: 110px;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item label .icon svg {
max-width: 100%;
width: 110px;
height: 110px;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item label .icon.icon-hover {
display: none;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item label .label {
font-size: 2.2rem;
text-decoration: none;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item input {
display: none;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item:hover {
border-color: #f1bf36;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item:hover label .icon {
display: none;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item:hover label .icon.icon-hover {
display: block;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item.selected {
border-color: #f1bf36;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item.selected label .icon {
display: none;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item.selected label .icon.icon-hover {
display: block;
}
@media (max-width: 1049px) { .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-4, .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-3, .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-2 {
flex: 0 0 30%;
max-width: 30%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-4 label, .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-3 label, .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-2 label {
display: flex;
align-items: center;
}
}
@media (max-width: 849px) { .estimate-form .answer.answer-FormFieldImage ul.answers-list {
flex-wrap: wrap;
justify-content: center;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-4, .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-2 {
flex: 0 0 45%;
max-width: 45%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
}
@media (max-width: 549px) { .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-4, .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-3, .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-2 {
flex: 0 0 100%;
max-width: 100%;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item label {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item label .label {
font-size: 2.2rem;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item label .icon {
flex: 0 0 100px;
max-width: 100px;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item label .icon .icon-svg {
width: 100%;
height: 100%;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item label .icon .icon-svg svg {
width: initial;
height: initial;
}
}
@media (max-width: 399px) { .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item {
text-align: left;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item label .icon {
flex: 0 0 80px;
max-width: 80px;
} .estimate-form .answer.answer-FormFieldImage ul.answers-list .answer-item label .label {
font-size: 2rem;
}
} .estimate-form.small-estimate .answer.answer-FormFieldImage ul.answers-list .answer-item {
border-color: #e0e3e9;
background: #f3f5f9;
border-radius: 1rem;
} .estimate-form.small-estimate .answer.answer-FormFieldImage ul.answers-list .answer-item a {
text-decoration: none;
} .estimate-form.small-estimate .answer.answer-FormFieldImage ul.answers-list .answer-item label {
padding: 3rem 1rem;
} .estimate-form.small-estimate .answer.answer-FormFieldImage ul.answers-list .answer-item label .icon {
max-width: 130px;
height: auto;
} .estimate-form.small-estimate .answer.answer-FormFieldImage ul.answers-list .answer-item label .icon svg {
width: 96px;
max-width: 100%;
max-height: 96px;
} .estimate-form.small-estimate .answer.answer-FormFieldImage ul.answers-list .answer-item label .label {
font-size: 1.6rem;
font-weight: 500;
}
@media (max-width: 1499px) { .estimate-form.small-estimate .answer.answer-FormFieldImage ul.answers-list .answer-4 {
flex: 0 0 40%;
max-width: 40%;
} .estimate-form.small-estimate .answer.answer-FormFieldImage ul.answers-list .answer-3 {
flex: 0 0 30%;
max-width: 30%;
}
}
@media (max-width: 849px) { .estimate-form.small-estimate .answer.answer-FormFieldImage ul.answers-list .answer-item {
flex: 0 0 60%;
max-width: 60%;
} .estimate-form.small-estimate .answer.answer-FormFieldImage ul.answers-list .answer-item label .label {
font-size: 2rem;
}
}
@media (max-width: 549px) { .estimate-form.small-estimate .answer.answer-FormFieldImage ul.answers-list .answer-item {
flex: 0 0 60%;
max-width: 60%;
} .estimate-form.small-estimate .answer.answer-FormFieldImage ul.answers-list .answer-item label {
display: flex;
align-items: center;
padding: 0.5rem;
} .estimate-form.small-estimate .answer.answer-FormFieldImage ul.answers-list .answer-item label .icon {
max-width: 70px;
} .estimate-form.small-estimate .answer.answer-FormFieldImage ul.answers-list .answer-item label .label {
font-size: 2.2rem;
}
}
@media (min-width: 550px) and (max-width: 850px) { .estimate-form.small-estimate .answer.answer-FormFieldImage ul.answers-list .answer-item.answer-3 {
flex: 0 0 46%;
max-width: 95%;
margin-left: 2.5%;
margin-right: 2.5%;
margin-bottom: 2rem;
}
} .estimate-form.small-estimate.v3 .answer.answer-FormFieldRadio ul.answers-list .answer-item {
background: #fff;
} .estimate-form.small-estimate .answer.answer-FormFieldRadio ul.answers-list {
min-height: auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 1rem 0;
} .estimate-form.small-estimate .answer.answer-FormFieldRadio ul.answers-list .answer-item {
background: #f3f5f9;
border: 2px solid #e0e3e9;
border-radius: 1rem;
flex: 0 0 40%;
max-width: 40%;
}
@media (max-width: 549px) { .estimate-form.small-estimate .answer.answer-FormFieldRadio ul.answers-list {
flex-wrap: wrap;
} .estimate-form.small-estimate .answer.answer-FormFieldRadio ul.answers-list .answer-item {
flex: 0 0 45%;
max-width: 45%;
}
} .estimate-form .answer.answer-FormFieldRadio ul.answers-list {
min-height: auto;
display: flex;
justify-content: center;
} .estimate-form .answer.answer-FormFieldRadio ul.answers-list .answer-item {
flex: 0 0 23%;
max-width: 23%;
margin: 0 1%;
text-align: center;
background: #fff;
border: 2px solid #fff;
border-radius: 1rem;
} .estimate-form .answer.answer-FormFieldRadio ul.answers-list .answer-item label {
display: block;
font-size: 2.2rem;
padding: 1.5rem 2rem;
cursor: pointer;
height: 100%;
} .estimate-form .answer.answer-FormFieldRadio ul.answers-list .answer-item input {
display: none;
} .estimate-form .answer.answer-FormFieldRadio ul.answers-list .answer-item:hover {
border-color: #f1bf36;
} .estimate-form .answer.answer-FormFieldRadio ul.answers-list .answer-item:hover label {
color: #f1bf36;
} .estimate-form .answer.answer-FormFieldRadio ul.answers-list .answer-item.selected {
border-color: #f1bf36;
background: #f1bf36;
} .estimate-form .answer.answer-FormFieldRadio ul.answers-list .answer-item.selected label {
color: white;
} .estimate-form .answer.answer-FormFieldRadio ul.answers-list.answers-small .answer label .label {
font-weight: 600;
}
@media (max-width: 549px) { .estimate-form .answer.answer-FormFieldRadio ul.answers-list {
flex-wrap: wrap;
} .estimate-form .answer.answer-FormFieldRadio ul.answers-list .answer-item {
flex: 0 0 45%;
max-width: 45%;
}
} .estimate-form .answer.answer-FormFieldDate {
text-align: center;
} .estimate-form .answer.answer-FormFieldDate input {
width: 100%;
max-width: 45rem;
text-align: left;
margin-left: 2rem;
margin-right: 2rem;
}
@media (max-width: 549px) { .estimate-form .answer.answer-FormFieldDate input {
max-width: 90%;
}
} .estimate-form .answer.answer-FormFieldText {
text-align: center;
} .estimate-form .answer.answer-FormFieldText input {
width: 100%;
max-width: 45rem;
text-align: left;
margin-left: 2rem;
margin-right: 2rem;
}
@media (max-width: 549px) { .estimate-form .answer.answer-FormFieldText input {
max-width: 90%;
}
} .estimate-form .answer.answer-FormFieldNumber {
text-align: center;
} .estimate-form .answer.answer-FormFieldNumber input {
width: 100%;
max-width: 45rem;
text-align: left;
margin-left: 2rem;
border-radius: 1rem 0 0 1rem;
} .estimate-form .answer.answer-FormFieldNumber .input-number-sufix {
display: inline;
white-space: nowrap;
} .estimate-form .answer.answer-FormFieldNumber .input-number-sufix input {
border-right: none;
} .estimate-form .answer.answer-FormFieldNumber .input-number-sufix .number-sufix {
font-size: 2.4rem;
font-weight: 200;
background: white;
border: 1px solid #96989c;
border-left: none;
background: #fff;
color: #96989c;
padding: 1rem;
border-radius: 0 1rem 1rem 0;
margin-right: 2rem;
} .estimate-form .answer.answer-FormFieldNumber .input-number-sufix:focus-within .number-sufix {
border-color: #f1bf36;
outline: 1px solid #f1bf36;
background: #f1bf36;
color: #fff;
}
@media (max-width: 549px) { .estimate-form .answer.answer-FormFieldNumber input {
max-width: 80%;
}
} .estimate-form .answer.answer-FormFieldSelect {
text-align: center;
} .estimate-form .answer.answer-FormFieldSelect select {
width: 100%;
max-width: 45rem;
text-align: left;
margin-left: 2rem;
margin-right: 2rem;
}
@media (max-width: 549px) { .estimate-form .answer.answer-FormFieldSelect select {
max-width: 90%;
}
}.header {
background: #ffffff;
padding: 1rem 0;
} .header > .container {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 auto;
} .header > .container .green-number img {
height: 4.5rem;
} .header > .container .logo-btn-number-mobile {
display: flex;
align-items: center;
gap: 2rem;
width: 100%;
padding: 0 2rem;
} .header > .container .logo-btn-number-mobile .logo {
margin: 0 auto;
} .header > .container .green-number-mobile {
display: none;
justify-content: center;
align-items: center;
width: 35px;
height: 35px;
background: #86b13d;
border-radius: 50%;
} .header > .container .green-number-mobile img,
.header > .container .green-number-mobile svg {
width: 18px;
height: 18px;
max-width: 18px;
height: auto;
}
@media (max-width: 1050px) { .header > .container .green-number-mobile {
display: flex;
}
} .header > .container .logo object,
.header > .container .logo img {
height: 7.1rem;
pointer-events: none;
} .header > .container .baseline {
display: flex;
font-weight: 600;
font-size: 2rem;
line-height: 2.5rem;
text-align: right;
margin-left: auto;
margin-right: 2rem;
margin-top: -3rem;
} .header > .container .baseline > div:nth-child(1) {
margin-left: 2rem;
margin-right: 2rem;
} .header > .container .baseline > div:nth-child(2) {
display: flex;
align-items: center;
padding-left: 2rem;
border-left: 1px solid;
} .header > .container .text-block {
font-size: 2rem;
line-height: 2.4rem;
font-weight: 400;
color: #fff;
text-align: center;
margin-top: -3rem;
padding: 4rem 2rem 2rem;
border-radius: 0 0 1rem 1rem;
} .header > .container .text-block .mobile {
display: none;
} .header > .container .text-block strong,
.header > .container .text-block b {
font-size: 2.4rem;
line-height: 2.9rem;
font-weight: 600;
}
@media (max-width: 1049px) { .header > .container {
justify-content: center;
flex-direction: column;
padding: 0;
max-width: 100%;
} .header > .container .green-number {
display: none;
} .header > .container .logo img {
width: 138px;
height: 58px;
} .header > .container .baseline {
font-size: 1.8rem;
} .header > .container .baseline img {
max-width: 100px;
height: auto;
} .header > .container .text-block {
width: 100%;
font-size: 1.8rem;
padding: 1rem;
border-radius: 0;
margin-top: 1rem;
} .header > .container .text-block .mobile {
display: block;
} .header > .container .text-block .desktop {
display: none;
} .header > .container .text-block strong,
.header > .container .text-block b {
font-size: 2.2rem;
}
}
@media (max-width: 849px) { .header > .container .baseline {
display: none;
} .header > .container .logo img {
width: 138px;
height: 58px;
}
}
@media (min-width: 1050px) and (max-width: 1500px) { .header .container .green-number {
padding-left: 0;
}
}
@media (max-width: 1049px) { .header {
padding-bottom: 0;
}
}.reinsurance .blocks {
display: flex;
justify-content: center;
} .reinsurance .block {
width: calc(100% / 4);
padding: 2rem 0;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
} .reinsurance .block .image {
display: flex;
justify-content: center;
align-items: center;
} .reinsurance .block .title {
font-size: 1.8rem;
font-weight: 500;
}
@media (max-width: 549px) { .reinsurance .blocks {
flex-direction: column;
} .reinsurance .block {
width: 100%;
}
}
@media (max-width: 849px) { .reinsurance {
text-align: center;
} .reinsurance .blocks {
display: inline-flex;
} .reinsurance .image img {
max-height: 100%;
}
}.contact {
display: flex;
background: #f2f2f2;
} .contact .left {
position: relative;
flex: 0 0 60%;
background-size: cover;
background-position: center;
} .contact .left .banner-text {
position: absolute;
top: 0;
right: 0;
padding: 1rem 10rem 1rem 2rem;
color: #fff;
font-weight: 700;
font-size: 2.5rem;
line-height: 1.2;
margin: 1.5rem 4.5rem;
} .contact .left .banner-text strong {
font-weight: inherit;
position: relative;
z-index: 0;
} .contact .left .banner-text strong::before {
content: "";
position: absolute;
z-index: -1;
background: #ffce00;
height: .30em;
bottom: .08em;
left: 0;
width: 100%;
} .contact > .right {
flex: 0 0 40%;
} .contact > .right .title {
color: #fff;
font-size: 2.5rem;
font-weight: 700;
text-align: center;
line-height: 1.2;
margin-bottom: 2rem;
text-transform: uppercase;
padding: 1rem 10rem;
} .contact > .right .subtitle {
color: #003D3B;
text-align: center;
font-size: 2.5rem;
line-height: 1.2;
padding: 0 5rem;
margin-bottom: 2rem;
} .contact > .right .columns {
overflow: hidden;
font-size: 0;
padding: 2rem 5rem 0;
} .contact > .right .columns .left, .contact > .right .columns .right {
width: 45%;
margin-left: 2.5%;
margin-right: 2.5%;
display: inline-block;
padding: 1px;
} .contact > .right .columns input[type="text"],
.contact > .right .columns input[type="email"] {
width: 100%;
margin-bottom: 3rem;
border-radius: 1rem;
} .contact > .right .columns input[type="text"].required,
.contact > .right .columns input[type="email"].required {
border-color: red;
} .contact > .right .gdpr {
margin-bottom: 3rem;
font-size: 1.5rem;
text-align: left;
padding: 0 5rem;
} .contact > .right .navigation {
text-align: center;
} .contact > .right .navigation .button {
font-size: 1.9rem;
font-weight: 400;
margin-bottom: 2rem;
} .contact > .right .error-message {
color: red;
padding: .5rem 1rem;
border: 2px solid red;
margin-bottom: 1rem;
text-align: center;
} .contact > .right .error-message.hidden {
display: none;
}
@media (min-width: 1050px) and (max-width: 1240px) { .contact > .left .banner-text {
padding: 2.5rem 10rem 2.5rem 2rem;
} .contact > .left input {
font-size: 1.8rem;
} .contact > .right .title {
padding: 1rem 2rem;
} .contact > .right input {
font-size: 1.8rem;
}
}
@media (max-width: 1049px) { .contact > .left {
flex: 0 0 40%;
} .contact > .left .banner-text {
padding: 1rem;
} .contact > .right {
flex: 0 0 60%;
}
}
@media (max-width: 849px) { .contact > .left {
display: none;
} .contact > .right {
flex: 0 0 100%;
}
}
@media (max-width: 849px) and (max-width: 549px) { .contact > .right {
padding: 0;
} .contact > .right .title {
margin-bottom: 2rem;
font-size: 2.2rem;
padding: 1rem 2rem;
} .contact > .right .subtitle {
padding: 0 2rem;
} .contact > .right .columns {
margin-left: 0;
margin-right: 0;
} .contact > .right .columns .left, .contact > .right .columns .right {
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: .5rem;
} .contact > .right .columns .left input[type="text"],
.contact > .right .columns .left input[type="email"], .contact > .right .columns .right input[type="text"],
.contact > .right .columns .right input[type="email"] {
margin-bottom: 1rem;
}
}.text-image .inner {
display: flex;
justify-content: center;
align-items: center;
gap: 1.5rem;
} .text-image .inner.right {
flex-direction: row-reverse;
} .text-image .inner .text {
width: 55%;
}
@media (max-width: 549px) { .text-image .inner.right, .text-image .inner.left {
flex-direction: column;
} .text-image .inner .text {
width: 100%;
}
}.testimonials .blocks {
justify-content: space-between;
display: flex;
flex-wrap: wrap;
} .testimonials .blocks .block {
position: relative;
background: #f2f2f2 !important;
flex: 0 0 46%;
background: #fff;
padding: 6rem;
margin-bottom: 3rem;
} .testimonials .blocks .block .author-img {
position: absolute;
top: -2em;
left: -3em;
} .testimonials .blocks .block .note {
font-size: 2rem;
font-weight: bold;
display: inline-flex;
flex-direction: row-reverse;
align-items: baseline;
margin-bottom: 3rem;
} .testimonials .blocks .block .note .stars {
font-size: 1.5em;
line-height: 1;
position: relative;
color: #f5f5f5;
display: inline-block;
} .testimonials .blocks .block .note .stars > div {
color: #f1bf36;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
z-index: 1;
} .testimonials .blocks .block .testimonial {
margin-bottom: 3rem;
font-size: 1.8rem;
font-weight: 400;
} .testimonials .blocks .block .author {
font-size: 2rem;
font-weight: 300;
}
@media (max-width: 849px) { .testimonials .blocks .block {
flex: 0 0 100%;
max-width: 100%;
} .testimonials .blocks .block .author-img {
width: 55px;
height: 44px;
}
}
@media (max-width: 1239px) { .testimonials .blocks .block .author-img {
display: none;
} .testimonials .blocks .block .note-row {
margin-left: 0 !important;
}
}.support .inner {
display: flex;
justify-content: center;
align-items: center;
gap: 6rem;
} .support .informations {
display: flex;
justify-content: space-between;
gap: 6rem;
margin-bottom: 8rem;
} .support .titles {
width: fit-content;
color: #fff;
font-weight: bold;
} .support .titleOne,
.support .titleTwo {
width: 100%;
padding: 1rem 2rem;
} .support .titleOne {
margin-bottom: 0.5rem;
} .support .timetable {
color: #fff;
width: 27.938rem;
text-align: center;
padding: 1rem 4rem;
font-weight: 700;
} .support .button-secondary {
width: fit-content;
border-radius: 1rem;
} .support .green-number {
max-width: 100%;
} .support .phonecall {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4rem;
}
@media (max-width: 849px) { .support .right {
display: none;
} .support .inner {
justify-content: center;
}
}
@media (max-width: 549px) { .support .inner {
display: initial;
} .support .informations {
margin-bottom: 5rem;
gap: 2rem;
} .support .titleOne,
.support .titleTwo {
padding: 1rem;
}
}.brochure {
display: flex;
justify-content: space-around;
align-items: center;
padding: 0 5rem;
} .brochure .title {
font-size: 2.5rem;
text-align: center;
font-weight: 700;
text-transform: uppercase;
} .brochure .description {
text-align: center;
font-weight: 700;
} .brochure .advantages p {
display: flex;
align-items: center;
gap: 1rem;
} .brochure .left {
flex: 0 0 55%;
display: flex;
justify-content: space-between;
align-items: center;
gap: 2rem;
} .brochure .right {
position: relative;
flex: 0 0 30%;
color: #fff;
} .brochure .right .square {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(10deg);
width: 100%;
height: 100%;
z-index: 1;
} .brochure .right .personal_details {
padding: 5rem 2rem;
z-index: 2;
position: relative;
} .brochure .right .navigation {
text-align: center;
} .brochure .right .columns {
margin-left: -2.5%;
margin-right: -2.5%;
overflow: hidden;
font-size: 0;
} .brochure .right .columns .left, .brochure .right .columns .right {
width: 45%;
margin-left: 2.5%;
margin-right: 2.5%;
display: inline-block;
padding: 1px;
} .brochure .right .columns input[type="text"],
.brochure .right .columns input[type="email"] {
width: 100%;
margin-bottom: 3rem;
background-color: #f5f5f5;
border-radius: 1rem;
} .brochure .right .columns input[type="text"].required,
.brochure .right .columns input[type="email"].required {
border-color: red;
} .brochure .right .button {
background: #fff;
font-weight: normal;
color: black !important;
} .brochure .right .gdpr {
margin-bottom: 3rem;
font-size: 1.5rem;
text-align: left;
padding: 0;
} .brochure .right .gdpr a {
color: #fff;
} .brochure .right .error-message {
color: red;
padding: .5rem 1rem;
border: 2px solid red;
margin-bottom: 1rem;
text-align: center;
} .brochure .right .error-message.hidden {
display: none;
}
@media (max-width: 549px) { .brochure .left .brochure-img,
.brochure .left .advantages {
display: none;
} .brochure > .right .columns {
margin-left: 0;
margin-right: 0;
} .brochure > .right .columns .left, .brochure > .right .columns .right {
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: .5rem;
margin-top: inherit;
} .brochure > .right .columns .left input[type="text"],
.brochure > .right .columns .left input[type="email"], .brochure > .right .columns .right input[type="text"],
.brochure > .right .columns .right input[type="email"] {
margin-bottom: 1rem;
}
}
@media (max-width: 549px) { .brochure .square {
display: none;
}
}
@media (max-width: 849px) { .brochure .left {
flex-direction: column;
}
}
@media (max-width: 1049px) { .brochure {
flex-direction: column;
gap: 6rem;
padding: 10rem 2rem;
}
}
@media (max-width: 1239px) { .brochure .left {
gap: 2rem;
}
}
@media (min-width: 550px) and (max-width: 1050px) { .brochure .personal_details {
max-width: 60rem;
margin: auto;
}
}
@media (min-width: 1050px) and (max-width: 1500px) { .brochure .left {
flex-direction: column;
flex: 0 0 43%;
gap: 2rem;
} .brochure .right {
flex: 0 0 50%;
}
}.partners .blocks {
display: flex;
padding: 2rem 0;
justify-content: space-around;
} .partners .block .image {
margin: 0 1.4rem 0 0;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 849px) { .partners {
text-align: center;
} .partners .image img {
width: 56px;
height: 56px;
max-height: 100%;
}
}strong {
font-weight: 700;
} img,
object {
vertical-align: top;
} .white-background {
background: white;
} .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
} .alignleft {
float: left;
} .alignright {
float: right;
} .mx-auto {
margin-left: auto;
margin-right: auto;
} .text-center {
text-align: center;
} .button {
border-radius: 1rem;
color: white !important;
font-size: 2rem;
font-weight: bold;
padding: .9rem 5rem;
text-decoration: none;
display: inline-block;
transition: background-color 0.5s ease;
} .button:hover, .button:focus {
color: white !important;
text-decoration: none;
}.brochure {
display: flex;
justify-content: space-around;
align-items: center;
padding: 0 5rem;
} .brochure .title {
font-size: 2.5rem;
text-align: center;
font-weight: 700;
text-transform: uppercase;
} .brochure .description {
text-align: center;
font-weight: 700;
} .brochure .advantages p {
display: flex;
align-items: center;
gap: 1rem;
} .brochure .left {
flex: 0 0 55%;
display: flex;
justify-content: space-between;
align-items: center;
} .brochure .right {
position: relative;
flex: 0 0 30%;
color: #fff;
} .brochure .right .square {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(10deg);
width: 100%;
height: 100%;
z-index: 1;
} .brochure .right .personal_details {
padding: 5rem 2rem;
z-index: 2;
position: relative;
} .brochure .right .navigation {
text-align: center;
} .brochure .right .columns {
margin-left: -2.5%;
margin-right: -2.5%;
overflow: hidden;
font-size: 0;
} .brochure .right .columns .left, .brochure .right .columns .right {
width: 45%;
margin-left: 2.5%;
margin-right: 2.5%;
display: inline-block;
padding: 1px;
} .brochure .right .columns input[type="text"],
.brochure .right .columns input[type="email"] {
width: 100%;
margin-bottom: 3rem;
background-color: #f5f5f5;
border-radius: 1rem;
} .brochure .right .columns input[type="text"].required,
.brochure .right .columns input[type="email"].required {
border-color: red;
} .brochure .right .button {
background: #fff;
font-weight: normal;
color: black !important;
} .brochure .right .gdpr {
margin-bottom: 3rem;
font-size: 1.5rem;
text-align: left;
padding: 2rem 0;
} .brochure .right .gdpr a {
color: #fff;
} .brochure .right .error-message {
color: red;
padding: .5rem 1rem;
border: 2px solid red;
margin-bottom: 1rem;
text-align: center;
} .brochure .right .error-message.hidden {
display: none;
}
@media (max-width: 549px) { .brochure .left .brochure-img,
.brochure .left .advantages {
display: none;
} .brochure > .right .columns {
margin-left: 0;
margin-right: 0;
} .brochure > .right .columns .left, .brochure > .right .columns .right {
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: .5rem;
margin-top: inherit;
} .brochure > .right .columns .left input[type="text"],
.brochure > .right .columns .left input[type="email"], .brochure > .right .columns .right input[type="text"],
.brochure > .right .columns .right input[type="email"] {
margin-bottom: 1rem;
}
}
@media (max-width: 549px) { .brochure .square {
display: none;
}
}
@media (max-width: 849px) { .brochure .left {
flex-direction: column;
}
}
@media (max-width: 1049px) { .brochure {
flex-direction: column;
gap: 6rem;
padding: 10rem 2rem;
}
}
@media (max-width: 1239px) { .brochure .left {
gap: 2rem;
}
}
@media (min-width: 550px) and (max-width: 1050px) { .brochure .personal_details {
max-width: 60rem;
margin: auto;
}
}
@media (min-width: 1050px) and (max-width: 1500px) { .brochure .left {
flex-direction: column;
flex: 0 0 43%;
gap: 2rem;
} .brochure .right {
flex: 0 0 50%;
}
}body { color: #272e39}.primary-color {color: #003d3b;}.primary-color-hover:hover,.selected .primary-color-hover {color: #003d3b;}.primary-background {background-color: #003d3b;}.primary-background-hover:hover {background-color: #003d3b;}.primary-border {border-color: #003d3b;}.button:hover {background-color: #003d3b;}.button.secondary {background-color: #003d3b;}.secondary-color {color: #ffce00;}.secondary-color-hover:hover,.selected .secondary-color-hover {color: #ffce00;}.secondary-background {background-color: #ffce00;}.secondary-background-hover:hover {background-color: #ffce00;}.secondary-border {border-color: #ffce00;}.secondary-strong strong, .secondary-strong b{color: #ffce00;}.button {background-color: #ffce00;}.button.secondary:hover {background-color: #ffce00;}input:focus, input:focus-visible, textarea:focus, textarea:focus-visible, select:focus, select:focus-visible {outline-color: #ffce00; border-color: #ffce00}.light-color {color: #f2f2f2;}.light-background {background-color: #f2f2f2;}.light-background-hover:hover {background-color: #f2f2f2;}.light-border {border-color: #f2f2f2;}