@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 700;
src:
url(//residea.fr/wp-content/themes/gp-starter/assets/fonts/Poppins-Bold.woff2) format("woff2"),
url(//residea.fr/wp-content/themes/gp-starter/assets/fonts/Poppins-Bold.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 400;
src:
url(//residea.fr/wp-content/themes/gp-starter/assets/fonts/Poppins-Regular.woff2) format("woff2"),
url(//residea.fr/wp-content/themes/gp-starter/assets/fonts/Poppins-Regular.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 600;
src:
url(//residea.fr/wp-content/themes/gp-starter/assets/fonts/Poppins-SemiBold.woff2) format("woff2"),
url(//residea.fr/wp-content/themes/gp-starter/assets/fonts/Poppins-SemiBold.woff) format("woff");
}
*,
:after,
:before {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-size: 10px;
}
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background-color: #fff;
font-family: Poppins, sans-serif;
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 1.9rem;
}
@media (min-width: 768px) {
body {
font-size: 1.5rem;
line-height: 2.3rem;
}
}
@media (min-width: 1199px) {
body {
font-size: 1.6rem;
line-height: 2.5rem;
}
}
blockquote,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
margin: 0;
padding: 0;
}
li,
main {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
}
strong {
font-weight: 600;
}
a,
button {
color: inherit;
transition: 0.3s;
}
a {
text-decoration: none;
}
button {
-webkit-font-smoothing: inherit;
background: none;
border: 0;
cursor: pointer;
font: inherit;
letter-spacing: inherit;
overflow: visible;
padding: 0;
}
::-moz-focus-inner {
border: 0;
padding: 0;
}
:focus {
outline: 0;
}
img {
border: 0;
height: auto;
}
dd,
dt {
display: block;
margin: 0;
padding: 0;
}
input,
select,
textarea {
border-radius: 0;
}
[type="search"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.main-wrapper > .components-placeholder,
.main-wrapper > .entry-content.wp-block-post-content.is-layout-flow,
.main-wrapper > .has-avatars,
.main-wrapper > .is-responsive.wp-block-navigation.is-layout-flex,
.main-wrapper > .page-links,
.main-wrapper > .post-thumbnail,
.main-wrapper > .wp-block-archives-list,
.main-wrapper > .wp-block-avatar,
.main-wrapper > .wp-block-buttons,
.main-wrapper > .wp-block-calendar,
.main-wrapper > .wp-block-categories-list,
.main-wrapper > .wp-block-columns,
.main-wrapper > .wp-block-cover .wp-block-cover__inner-container,
.main-wrapper > .wp-block-cover:not(.our-commit),
.main-wrapper > .wp-block-embed,
.main-wrapper > .wp-block-file,
.main-wrapper > .wp-block-gallery,
.main-wrapper > .wp-block-group.agencies > .wp-block-group,
.main-wrapper > .wp-block-group.brand-icon > .wp.wp-block-columns,
.main-wrapper > .wp-block-group.contact-form > .wp.wp-block-columns,
.main-wrapper > .wp-block-group.family-business > .wp-block-group,
.main-wrapper > .wp-block-group.opportunities > .wp-block-group,
.main-wrapper > .wp-block-group.tailor-made > .wp-block-group,
.main-wrapper > .wp-block-group.three-columns > .wp-block-group,
.main-wrapper > .wp-block-group.two-column-with-icon > .wp-block-group,
.main-wrapper > .wp-block-group.two-columns > .wp-block-group,
.main-wrapper
> .wp-block-group:not(
.agencies,
.tailor-made,
.our-commit,
.opportunities,
.two-columns,
.three-columns,
.family-business,
.contact-form
),
.main-wrapper > .wp-block-heading,
.main-wrapper > .wp-block-image,
.main-wrapper > .wp-block-latest-comments,
.main-wrapper > .wp-block-latest-posts__list,
.main-wrapper > .wp-block-loginout,
.main-wrapper > .wp-block-media-text,
.main-wrapper > .wp-block-page-list,
.main-wrapper > .wp-block-post-author,
.main-wrapper > .wp-block-post-author-name,
.main-wrapper > .wp-block-post-date,
.main-wrapper > .wp-block-post-excerpt,
.main-wrapper > .wp-block-post-featured-image,
.main-wrapper > .wp-block-pullquote,
.main-wrapper > .wp-block-query,
.main-wrapper > .wp-block-search,
.main-wrapper > .wp-block-search__button-outside,
.main-wrapper > .wp-block-search__inside-wrapper,
.main-wrapper > .wp-block-separator,
.main-wrapper > .wp-block-social-links,
.main-wrapper > .wp-block-spacer,
.main-wrapper > .wp-block-table,
.main-wrapper > .wp-block-tag-cloud,
.main-wrapper > .wp-block-video,
.main-wrapper > blockquote,
.main-wrapper > h1,
.main-wrapper > h2,
.main-wrapper > h3,
.main-wrapper > h4,
.main-wrapper > h5,
.main-wrapper > h6,
.main-wrapper > p,
.main-wrapper > pre,
.main-wrapper > ul,
.masthead .owl-dots,
.woocommerce:not(.single-product),
.wp-block-cover-image,
body .container {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.main-wrapper > .components-placeholder,
.main-wrapper > .entry-content.wp-block-post-content.is-layout-flow,
.main-wrapper > .has-avatars,
.main-wrapper > .is-responsive.wp-block-navigation.is-layout-flex,
.main-wrapper > .page-links,
.main-wrapper > .post-thumbnail,
.main-wrapper > .wp-block-archives-list,
.main-wrapper > .wp-block-avatar,
.main-wrapper > .wp-block-buttons,
.main-wrapper > .wp-block-calendar,
.main-wrapper > .wp-block-categories-list,
.main-wrapper > .wp-block-columns,
.main-wrapper > .wp-block-cover .wp-block-cover__inner-container,
.main-wrapper > .wp-block-cover:not(.our-commit),
.main-wrapper > .wp-block-embed,
.main-wrapper > .wp-block-file,
.main-wrapper > .wp-block-gallery,
.main-wrapper > .wp-block-group.agencies > .wp-block-group,
.main-wrapper > .wp-block-group.brand-icon > .wp.wp-block-columns,
.main-wrapper > .wp-block-group.contact-form > .wp.wp-block-columns,
.main-wrapper > .wp-block-group.family-business > .wp-block-group,
.main-wrapper > .wp-block-group.opportunities > .wp-block-group,
.main-wrapper > .wp-block-group.tailor-made > .wp-block-group,
.main-wrapper > .wp-block-group.three-columns > .wp-block-group,
.main-wrapper > .wp-block-group.two-column-with-icon > .wp-block-group,
.main-wrapper > .wp-block-group.two-columns > .wp-block-group,
.main-wrapper
> .wp-block-group:not(
.agencies,
.tailor-made,
.our-commit,
.opportunities,
.two-columns,
.three-columns,
.family-business,
.contact-form
),
.main-wrapper > .wp-block-heading,
.main-wrapper > .wp-block-image,
.main-wrapper > .wp-block-latest-comments,
.main-wrapper > .wp-block-latest-posts__list,
.main-wrapper > .wp-block-loginout,
.main-wrapper > .wp-block-media-text,
.main-wrapper > .wp-block-page-list,
.main-wrapper > .wp-block-post-author,
.main-wrapper > .wp-block-post-author-name,
.main-wrapper > .wp-block-post-date,
.main-wrapper > .wp-block-post-excerpt,
.main-wrapper > .wp-block-post-featured-image,
.main-wrapper > .wp-block-pullquote,
.main-wrapper > .wp-block-query,
.main-wrapper > .wp-block-search,
.main-wrapper > .wp-block-search__button-outside,
.main-wrapper > .wp-block-search__inside-wrapper,
.main-wrapper > .wp-block-separator,
.main-wrapper > .wp-block-social-links,
.main-wrapper > .wp-block-spacer,
.main-wrapper > .wp-block-table,
.main-wrapper > .wp-block-tag-cloud,
.main-wrapper > .wp-block-video,
.main-wrapper > blockquote,
.main-wrapper > h1,
.main-wrapper > h2,
.main-wrapper > h3,
.main-wrapper > h4,
.main-wrapper > h5,
.main-wrapper > h6,
.main-wrapper > p,
.main-wrapper > pre,
.main-wrapper > ul,
.masthead .owl-dots,
.woocommerce:not(.single-product),
.wp-block-cover-image,
body .container {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1199px) {
.main-wrapper > .components-placeholder,
.main-wrapper > .entry-content.wp-block-post-content.is-layout-flow,
.main-wrapper > .has-avatars,
.main-wrapper > .is-responsive.wp-block-navigation.is-layout-flex,
.main-wrapper > .page-links,
.main-wrapper > .post-thumbnail,
.main-wrapper > .wp-block-archives-list,
.main-wrapper > .wp-block-avatar,
.main-wrapper > .wp-block-buttons,
.main-wrapper > .wp-block-calendar,
.main-wrapper > .wp-block-categories-list,
.main-wrapper > .wp-block-columns,
.main-wrapper > .wp-block-cover .wp-block-cover__inner-container,
.main-wrapper > .wp-block-cover:not(.our-commit),
.main-wrapper > .wp-block-embed,
.main-wrapper > .wp-block-file,
.main-wrapper > .wp-block-gallery,
.main-wrapper > .wp-block-group.agencies > .wp-block-group,
.main-wrapper > .wp-block-group.brand-icon > .wp.wp-block-columns,
.main-wrapper > .wp-block-group.contact-form > .wp.wp-block-columns,
.main-wrapper > .wp-block-group.family-business > .wp-block-group,
.main-wrapper > .wp-block-group.opportunities > .wp-block-group,
.main-wrapper > .wp-block-group.tailor-made > .wp-block-group,
.main-wrapper > .wp-block-group.three-columns > .wp-block-group,
.main-wrapper > .wp-block-group.two-column-with-icon > .wp-block-group,
.main-wrapper > .wp-block-group.two-columns > .wp-block-group,
.main-wrapper
> .wp-block-group:not(
.agencies,
.tailor-made,
.our-commit,
.opportunities,
.two-columns,
.three-columns,
.family-business,
.contact-form
),
.main-wrapper > .wp-block-heading,
.main-wrapper > .wp-block-image,
.main-wrapper > .wp-block-latest-comments,
.main-wrapper > .wp-block-latest-posts__list,
.main-wrapper > .wp-block-loginout,
.main-wrapper > .wp-block-media-text,
.main-wrapper > .wp-block-page-list,
.main-wrapper > .wp-block-post-author,
.main-wrapper > .wp-block-post-author-name,
.main-wrapper > .wp-block-post-date,
.main-wrapper > .wp-block-post-excerpt,
.main-wrapper > .wp-block-post-featured-image,
.main-wrapper > .wp-block-pullquote,
.main-wrapper > .wp-block-query,
.main-wrapper > .wp-block-search,
.main-wrapper > .wp-block-search__button-outside,
.main-wrapper > .wp-block-search__inside-wrapper,
.main-wrapper > .wp-block-separator,
.main-wrapper > .wp-block-social-links,
.main-wrapper > .wp-block-spacer,
.main-wrapper > .wp-block-table,
.main-wrapper > .wp-block-tag-cloud,
.main-wrapper > .wp-block-video,
.main-wrapper > blockquote,
.main-wrapper > h1,
.main-wrapper > h2,
.main-wrapper > h3,
.main-wrapper > h4,
.main-wrapper > h5,
.main-wrapper > h6,
.main-wrapper > p,
.main-wrapper > pre,
.main-wrapper > ul,
.masthead .owl-dots,
.woocommerce:not(.single-product),
.wp-block-cover-image,
body .container {
max-width: 1080px;
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 1400px) {
.main-wrapper > .components-placeholder,
.main-wrapper > .entry-content.wp-block-post-content.is-layout-flow,
.main-wrapper > .has-avatars,
.main-wrapper > .is-responsive.wp-block-navigation.is-layout-flex,
.main-wrapper > .page-links,
.main-wrapper > .post-thumbnail,
.main-wrapper > .wp-block-archives-list,
.main-wrapper > .wp-block-avatar,
.main-wrapper > .wp-block-buttons,
.main-wrapper > .wp-block-calendar,
.main-wrapper > .wp-block-categories-list,
.main-wrapper > .wp-block-columns,
.main-wrapper > .wp-block-cover .wp-block-cover__inner-container,
.main-wrapper > .wp-block-cover:not(.our-commit),
.main-wrapper > .wp-block-embed,
.main-wrapper > .wp-block-file,
.main-wrapper > .wp-block-gallery,
.main-wrapper > .wp-block-group.agencies > .wp-block-group,
.main-wrapper > .wp-block-group.brand-icon > .wp.wp-block-columns,
.main-wrapper > .wp-block-group.contact-form > .wp.wp-block-columns,
.main-wrapper > .wp-block-group.family-business > .wp-block-group,
.main-wrapper > .wp-block-group.opportunities > .wp-block-group,
.main-wrapper > .wp-block-group.tailor-made > .wp-block-group,
.main-wrapper > .wp-block-group.three-columns > .wp-block-group,
.main-wrapper > .wp-block-group.two-column-with-icon > .wp-block-group,
.main-wrapper > .wp-block-group.two-columns > .wp-block-group,
.main-wrapper
> .wp-block-group:not(
.agencies,
.tailor-made,
.our-commit,
.opportunities,
.two-columns,
.three-columns,
.family-business,
.contact-form
),
.main-wrapper > .wp-block-heading,
.main-wrapper > .wp-block-image,
.main-wrapper > .wp-block-latest-comments,
.main-wrapper > .wp-block-latest-posts__list,
.main-wrapper > .wp-block-loginout,
.main-wrapper > .wp-block-media-text,
.main-wrapper > .wp-block-page-list,
.main-wrapper > .wp-block-post-author,
.main-wrapper > .wp-block-post-author-name,
.main-wrapper > .wp-block-post-date,
.main-wrapper > .wp-block-post-excerpt,
.main-wrapper > .wp-block-post-featured-image,
.main-wrapper > .wp-block-pullquote,
.main-wrapper > .wp-block-query,
.main-wrapper > .wp-block-search,
.main-wrapper > .wp-block-search__button-outside,
.main-wrapper > .wp-block-search__inside-wrapper,
.main-wrapper > .wp-block-separator,
.main-wrapper > .wp-block-social-links,
.main-wrapper > .wp-block-spacer,
.main-wrapper > .wp-block-table,
.main-wrapper > .wp-block-tag-cloud,
.main-wrapper > .wp-block-video,
.main-wrapper > blockquote,
.main-wrapper > h1,
.main-wrapper > h2,
.main-wrapper > h3,
.main-wrapper > h4,
.main-wrapper > h5,
.main-wrapper > h6,
.main-wrapper > p,
.main-wrapper > pre,
.main-wrapper > ul,
.masthead .owl-dots,
.woocommerce:not(.single-product),
.wp-block-cover-image,
body .container {
max-width: 1150px;
}
}
.main-wrapper > .components-placeholder.alignfull,
.main-wrapper > .entry-content.wp-block-post-content.is-layout-flow.alignfull,
.main-wrapper > .has-avatars.alignfull,
.main-wrapper > .is-responsive.wp-block-navigation.is-layout-flex.alignfull,
.main-wrapper > .page-links.alignfull,
.main-wrapper > .post-thumbnail.alignfull,
.main-wrapper > .wp-block-archives-list.alignfull,
.main-wrapper > .wp-block-avatar.alignfull,
.main-wrapper > .wp-block-buttons.alignfull,
.main-wrapper > .wp-block-calendar.alignfull,
.main-wrapper > .wp-block-categories-list.alignfull,
.main-wrapper > .wp-block-columns.alignfull,
.main-wrapper > .wp-block-cover .wp-block-cover__inner-container.alignfull,
.main-wrapper > .wp-block-cover:not(.our-commit).alignfull,
.main-wrapper > .wp-block-embed.alignfull,
.main-wrapper > .wp-block-file.alignfull,
.main-wrapper > .wp-block-gallery.alignfull,
.main-wrapper > .wp-block-group.agencies > .wp-block-group.alignfull,
.main-wrapper > .wp-block-group.brand-icon > .wp.wp-block-columns.alignfull,
.main-wrapper > .wp-block-group.contact-form > .wp.wp-block-columns.alignfull,
.main-wrapper > .wp-block-group.family-business > .wp-block-group.alignfull,
.main-wrapper > .wp-block-group.opportunities > .wp-block-group.alignfull,
.main-wrapper > .wp-block-group.tailor-made > .wp-block-group.alignfull,
.main-wrapper > .wp-block-group.three-columns > .wp-block-group.alignfull,
.main-wrapper > .wp-block-group.two-column-with-icon > .wp-block-group.alignfull,
.main-wrapper > .wp-block-group.two-columns > .wp-block-group.alignfull,
.main-wrapper
> .wp-block-group:not(
.agencies,
.tailor-made,
.our-commit,
.opportunities,
.two-columns,
.three-columns,
.family-business,
.contact-form
).alignfull,
.main-wrapper > .wp-block-heading.alignfull,
.main-wrapper > .wp-block-image.alignfull,
.main-wrapper > .wp-block-latest-comments.alignfull,
.main-wrapper > .wp-block-latest-posts__list.alignfull,
.main-wrapper > .wp-block-loginout.alignfull,
.main-wrapper > .wp-block-media-text.alignfull,
.main-wrapper > .wp-block-page-list.alignfull,
.main-wrapper > .wp-block-post-author-name.alignfull,
.main-wrapper > .wp-block-post-author.alignfull,
.main-wrapper > .wp-block-post-date.alignfull,
.main-wrapper > .wp-block-post-excerpt.alignfull,
.main-wrapper > .wp-block-post-featured-image.alignfull,
.main-wrapper > .wp-block-pullquote.alignfull,
.main-wrapper > .wp-block-query.alignfull,
.main-wrapper > .wp-block-search.alignfull,
.main-wrapper > .wp-block-search__button-outside.alignfull,
.main-wrapper > .wp-block-search__inside-wrapper.alignfull,
.main-wrapper > .wp-block-separator.alignfull,
.main-wrapper > .wp-block-social-links.alignfull,
.main-wrapper > .wp-block-spacer.alignfull,
.main-wrapper > .wp-block-table.alignfull,
.main-wrapper > .wp-block-tag-cloud.alignfull,
.main-wrapper > .wp-block-video.alignfull,
.main-wrapper > blockquote.alignfull,
.main-wrapper > h1.alignfull,
.main-wrapper > h2.alignfull,
.main-wrapper > h3.alignfull,
.main-wrapper > h4.alignfull,
.main-wrapper > h5.alignfull,
.main-wrapper > h6.alignfull,
.main-wrapper > p.alignfull,
.main-wrapper > pre.alignfull,
.main-wrapper > ul.alignfull,
.masthead .owl-dots.alignfull,
.woocommerce:not(.single-product).alignfull,
.wp-block-cover-image.alignfull,
body .container.alignfull {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 768px) {
.main-wrapper > .wp-block-media-text:not(.has-media-on-the-right) {
padding-left: 0;
}
.main-wrapper > .wp-block-media-text.has-media-on-the-right {
padding-right: 0;
}
}
.main-wrapper > .wp-block-gallery .blocks-gallery-item {
padding-left: 0;
}
.row {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.container:after,
.container:before,
.row:after,
.row:before {
content: " ";
display: table;
}
.container:after,
.row:after {
clear: both;
}
.align-items-center {
align-items: center !important;
}
.justify-content-center {
justify-content: center !important;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto,
.col-xxl,
.col-xxl-1,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-auto {
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 576px) {
.col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1199px) {
.col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.col-xxl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xxl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xxl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xxl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xxl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xxl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xxl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xxl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xxl-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.offset-xl-2 {
margin-left: 16.666667%;
}
}
.row-reverse {
flex-direction: row-reverse !important;
}
.bold,
b {
font-weight: 700;
}
h1 {
color: #5d5c5c;
font-family: Poppins, sans-serif;
font-size: 3.5rem;
font-weight: 400;
line-height: 4.5rem;
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
h1 {
font-size: 3.8rem;
line-height: 5rem;
}
}
@media (min-width: 992px) {
h1 {
font-size: 4rem;
line-height: 5.5rem;
margin-bottom: 2rem;
}
}
@media (min-width: 1400px) {
h1 {
font-size: 4.5rem;
line-height: 6rem;
}
}
h1 strong,
h2 {
font-weight: 600;
}
h2 {
color: #5d5c5c;
font-family: Poppins, sans-serif;
font-size: 2.2rem;
line-height: 3rem;
margin-bottom: 1rem;
}
@media (min-width: 768px) {
h2 {
font-size: 2.6rem;
line-height: 3.8rem;
}
}
@media (min-width: 992px) {
h2 {
font-size: 2.8rem;
line-height: 4.4rem;
margin-bottom: 1.5rem;
}
}
@media (min-width: 1400px) {
h2 {
font-size: 3rem;
line-height: 3.6rem;
}
}
.dark-bg h2 {
color: #fff;
}
h3 {
color: #5d5c5c;
font-family: Poppins, sans-serif;
font-size: 1.6rem;
font-weight: 600;
line-height: normal;
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
h3 {
margin-bottom: 2.5rem;
}
}
@media (min-width: 992px) {
h3 {
font-size: 1.7rem;
}
}
@media (min-width: 1400px) {
h3 {
font-size: 1.8rem;
}
}
.dark-bg h3 {
color: #fff;
}
h3 strong,
h4 {
font-weight: 600;
}
h4 {
color: #5d5c5c;
font-family: Poppins, sans-serif;
font-size: 1.5rem;
line-height: 1.8rem;
margin-bottom: 1rem;
}
.dark-bg h4 {
color: #fff;
}
.h5,
h5 {
font-size: 1.4rem;
line-height: 2.1rem;
}
.h5,
h5,
h6 {
color: #5d5c5c;
font-family: Poppins, sans-serif;
font-weight: 600;
margin-bottom: 1.5rem;
}
h6 {
font-size: 1.2rem;
line-height: 1.8rem;
}
p {
color: #5d5c5c;
font-family: Poppins, sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.16px;
line-height: 2.2rem;
margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
p {
font-size: 1.8rem;
line-height: 2.4rem;
margin-bottom: 2rem;
}
}
.dark-bg p {
color: #fff;
}
p.small {
color: #5d5c5c;
font-family: Poppins, sans-serif;
font-size: 1.2rem;
font-weight: 600;
line-height: 1.5rem;
margin-bottom: 1.5rem;
}
.dark-bg p.small {
color: #fff;
}
small {
color: #5d5c5c;
font-family: Poppins, sans-serif;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.5rem;
margin-bottom: 1.5rem;
}
.dark-bg small {
color: #fff;
}
li,
ul {
list-style-type: none;
list-style: none;
margin: 0;
padding: 0;
}
ul li {
color: #5d5c5c;
font-family: Poppins, sans-serif;
font-size: 1.4rem;
font-weight: 400;
line-height: 2rem;
margin: 0 0 1rem;
padding: 0 0 0 18px;
position: relative;
}
@media (min-width: 992px) {
ul li {
font-size: 1.5rem;
line-height: 2.2rem;
margin: 0 0 1.4rem;
margin: 0 0 1.8rem;
padding: 0 0 0 2.2rem;
}
}
@media (min-width: 1199px) {
ul li {
font-size: 1.8rem;
line-height: 2.4rem;
margin: 0 0 1.8rem;
padding: 0 0 0 2.2rem;
}
}
ul li:before {
background: #0098ca;
content: " ";
height: 6px;
left: 0;
position: absolute;
top: 7px;
transform: rotate(10deg);
width: 6px;
}
@media (min-width: 992px) {
ul li:before {
top: 10px;
}
}
.dark-bg ul li {
color: #fff;
}
img {
max-width: 100%;
}
section {
overflow: hidden;
}
.admin-bar .header {
top: 46px;
}
@media (min-width: 783px) {
.admin-bar .header {
top: 32px;
}
}
.admin-bar .header.sticky {
top: 0;
transition: all 0.3s linear;
}
@media (min-width: 783px) {
.admin-bar .header.sticky {
top: 32px;
}
}
.gform_wrapper.gravity-theme .gform_footer button {
font-size: 1.2rem !important;
padding: 8px 15px !important;
}
@media (min-width: 360px) {
.gform_wrapper.gravity-theme .gform_footer button {
font-size: 1.3rem !important;
}
}
@media (min-width: 390px) {
.gform_wrapper.gravity-theme .gform_footer button {
font-size: 1.5rem !important;
padding: 8px 25px !important;
}
}
@media (min-width: 1199px) {
.gform_wrapper.gravity-theme .gform_footer button {
padding: 5px 30px !important;
}
}
.btn,
.gform_wrapper.gravity-theme .gform_footer button,
.woocommerce #respond input#submit,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce div.product form.cart .button,
.woocommerce input.button,
.wp-block-button a,
input[type="submit"] {
background: #0098ca;
border: 1px solid #0098ca;
border-radius: 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: Poppins, sans-serif;
font-size: 1.5rem;
font-weight: 600;
line-height: 2.8rem;
padding: 8px 25px;
transition: all 0.3s linear;
white-space: nowrap;
}
@media (min-width: 1199px) {
.btn,
.gform_wrapper.gravity-theme .gform_footer button,
.woocommerce #respond input#submit,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce div.product form.cart .button,
.woocommerce input.button,
.wp-block-button a,
input[type="submit"] {
line-height: 3.6rem;
padding: 5px 30px;
}
}
.btn:hover,
.gform_wrapper.gravity-theme .gform_footer button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce input.button:hover,
.wp-block-button a:hover,
input[type="submit"]:hover {
background: #fff;
color: #0098ca;
}
.btn.secondary,
.gform_wrapper.gravity-theme .gform_footer button.secondary,
.woocommerce #respond input#submit.secondary,
.woocommerce .cart .button.secondary,
.woocommerce .cart input.button.secondary,
.woocommerce a.button.secondary,
.woocommerce button.button.secondary,
.woocommerce div.product form.cart .button.secondary,
.woocommerce input.button.secondary,
.wp-block-button a.secondary,
input[type="submit"].secondary {
background: none;
border: none;
color: #0098ca;
line-height: normal;
padding: 0 2.4rem 0 0 !important;
position: relative;
text-decoration: underline;
}
.btn.secondary:before,
.gform_wrapper.gravity-theme .gform_footer button.secondary:before,
.woocommerce #respond input#submit.secondary:before,
.woocommerce .cart .button.secondary:before,
.woocommerce .cart input.button.secondary:before,
.woocommerce a.button.secondary:before,
.woocommerce button.button.secondary:before,
.woocommerce div.product form.cart .button.secondary:before,
.woocommerce input.button.secondary:before,
.wp-block-button a.secondary:before,
input[type="submit"].secondary:before {
background-image: url(//residea.fr/wp-content/themes/gp-starter/assets/images/arrow-right-white.svg);
background-repeat: no-repeat;
content: "";
height: 24px;
position: absolute;
right: -10px;
top: 7px;
transition: all 0.3s linear;
width: 24px;
}
.btn.secondary:hover:before,
.gform_wrapper.gravity-theme .gform_footer button.secondary:hover:before,
.woocommerce #respond input#submit.secondary:hover:before,
.woocommerce .cart .button.secondary:hover:before,
.woocommerce .cart input.button.secondary:hover:before,
.woocommerce a.button.secondary:hover:before,
.woocommerce button.button.secondary:hover:before,
.woocommerce div.product form.cart .button.secondary:hover:before,
.woocommerce input.button.secondary:hover:before,
.wp-block-button a.secondary:hover:before,
input[type="submit"].secondary:hover:before {
right: -15px;
transition: all 0.3s linear;
}
.btn.yellow,
.gform_wrapper.gravity-theme .gform_footer button.yellow,
.woocommerce #respond input#submit.yellow,
.woocommerce .cart .button.yellow,
.woocommerce .cart input.button.yellow,
.woocommerce a.button.yellow,
.woocommerce button.button.yellow,
.woocommerce div.product form.cart .button.yellow,
.woocommerce input.button.yellow,
.wp-block-button a.yellow,
input[type="submit"].yellow {
background: #fabd34;
border: 1px solid #fabd34;
}
.btn.yellow:hover,
.gform_wrapper.gravity-theme .gform_footer button.yellow:hover,
.woocommerce #respond input#submit.yellow:hover,
.woocommerce .cart .button.yellow:hover,
.woocommerce .cart input.button.yellow:hover,
.woocommerce a.button.yellow:hover,
.woocommerce button.button.yellow:hover,
.woocommerce div.product form.cart .button.yellow:hover,
.woocommerce input.button.yellow:hover,
.wp-block-button a.yellow:hover,
input[type="submit"].yellow:hover {
background: transparent;
color: #fabd34;
}
.btn.liberty,
.gform_wrapper.gravity-theme .gform_footer button.liberty,
.woocommerce #respond input#submit.liberty,
.woocommerce .cart .button.liberty,
.woocommerce .cart input.button.liberty,
.woocommerce a.button.liberty,
.woocommerce button.button.liberty,
.woocommerce div.product form.cart .button.liberty,
.woocommerce input.button.liberty,
.wp-block-button a.liberty,
input[type="submit"].liberty {
background: #5d62aa;
border: 1px solid #5d62aa;
}
@media (min-width: 992px) {
.btn.liberty,
.gform_wrapper.gravity-theme .gform_footer button.liberty,
.woocommerce #respond input#submit.liberty,
.woocommerce .cart .button.liberty,
.woocommerce .cart input.button.liberty,
.woocommerce a.button.liberty,
.woocommerce button.button.liberty,
.woocommerce div.product form.cart .button.liberty,
.woocommerce input.button.liberty,
.wp-block-button a.liberty,
input[type="submit"].liberty {
text-align: center;
width: 350px;
}
}
.btn.liberty:hover,
.gform_wrapper.gravity-theme .gform_footer button.liberty:hover,
.woocommerce #respond input#submit.liberty:hover,
.woocommerce .cart .button.liberty:hover,
.woocommerce .cart input.button.liberty:hover,
.woocommerce a.button.liberty:hover,
.woocommerce button.button.liberty:hover,
.woocommerce div.product form.cart .button.liberty:hover,
.woocommerce input.button.liberty:hover,
.wp-block-button a.liberty:hover,
input[type="submit"].liberty:hover {
background: transparent;
color: #5d62aa;
}
.orange .masthead .btn,
.orange .masthead .gform_wrapper.gravity-theme .gform_footer button,
.orange .masthead .woocommerce #respond input#submit,
.orange .masthead .woocommerce .cart .button,
.orange .masthead .woocommerce .cart input.button,
.orange .masthead .woocommerce a.button,
.orange .masthead .woocommerce button.button,
.orange .masthead .woocommerce div.product form.cart .button,
.orange .masthead .woocommerce input.button,
.orange .masthead .wp-block-button a,
.orange .masthead input[type="submit"],
.orange .two-column-with-icon .btn,
.orange .two-column-with-icon .gform_wrapper.gravity-theme .gform_footer button,
.orange .two-column-with-icon .woocommerce #respond input#submit,
.orange .two-column-with-icon .woocommerce .cart .button,
.orange .two-column-with-icon .woocommerce .cart input.button,
.orange .two-column-with-icon .woocommerce a.button,
.orange .two-column-with-icon .woocommerce button.button,
.orange .two-column-with-icon .woocommerce div.product form.cart .button,
.orange .two-column-with-icon .woocommerce input.button,
.orange .two-column-with-icon .wp-block-button a,
.orange .two-column-with-icon input[type="submit"] {
background: #e46149;
border-color: #e46149;
}
.orange .masthead .btn:hover,
.orange .masthead .gform_wrapper.gravity-theme .gform_footer button:hover,
.orange .masthead .woocommerce #respond input#submit:hover,
.orange .masthead .woocommerce .cart .button:hover,
.orange .masthead .woocommerce .cart input.button:hover,
.orange .masthead .woocommerce a.button:hover,
.orange .masthead .woocommerce button.button:hover,
.orange .masthead .woocommerce div.product form.cart .button:hover,
.orange .masthead .woocommerce input.button:hover,
.orange .masthead .wp-block-button a:hover,
.orange .masthead input[type="submit"]:hover,
.orange .two-column-with-icon .btn:hover,
.orange .two-column-with-icon .gform_wrapper.gravity-theme .gform_footer button:hover,
.orange .two-column-with-icon .woocommerce #respond input#submit:hover,
.orange .two-column-with-icon .woocommerce .cart .button:hover,
.orange .two-column-with-icon .woocommerce .cart input.button:hover,
.orange .two-column-with-icon .woocommerce a.button:hover,
.orange .two-column-with-icon .woocommerce button.button:hover,
.orange .two-column-with-icon .woocommerce div.product form.cart .button:hover,
.orange .two-column-with-icon .woocommerce input.button:hover,
.orange .two-column-with-icon .wp-block-button a:hover,
.orange .two-column-with-icon input[type="submit"]:hover {
background: #fff;
color: #e46149;
}
.purple .masthead .btn,
.purple .masthead .gform_wrapper.gravity-theme .gform_footer button,
.purple .masthead .woocommerce #respond input#submit,
.purple .masthead .woocommerce .cart .button,
.purple .masthead .woocommerce .cart input.button,
.purple .masthead .woocommerce a.button,
.purple .masthead .woocommerce button.button,
.purple .masthead .woocommerce div.product form.cart .button,
.purple .masthead .woocommerce input.button,
.purple .masthead .wp-block-button a,
.purple .masthead input[type="submit"],
.purple .two-column-with-icon .btn,
.purple .two-column-with-icon .gform_wrapper.gravity-theme .gform_footer button,
.purple .two-column-with-icon .woocommerce #respond input#submit,
.purple .two-column-with-icon .woocommerce .cart .button,
.purple .two-column-with-icon .woocommerce .cart input.button,
.purple .two-column-with-icon .woocommerce a.button,
.purple .two-column-with-icon .woocommerce button.button,
.purple .two-column-with-icon .woocommerce div.product form.cart .button,
.purple .two-column-with-icon .woocommerce input.button,
.purple .two-column-with-icon .wp-block-button a,
.purple .two-column-with-icon input[type="submit"] {
background: #5d62aa;
border-color: #5d62aa;
}
.purple .masthead .btn:hover,
.purple .masthead .gform_wrapper.gravity-theme .gform_footer button:hover,
.purple .masthead .woocommerce #respond input#submit:hover,
.purple .masthead .woocommerce .cart .button:hover,
.purple .masthead .woocommerce .cart input.button:hover,
.purple .masthead .woocommerce a.button:hover,
.purple .masthead .woocommerce button.button:hover,
.purple .masthead .woocommerce div.product form.cart .button:hover,
.purple .masthead .woocommerce input.button:hover,
.purple .masthead .wp-block-button a:hover,
.purple .masthead input[type="submit"]:hover,
.purple .two-column-with-icon .btn:hover,
.purple .two-column-with-icon .gform_wrapper.gravity-theme .gform_footer button:hover,
.purple .two-column-with-icon .woocommerce #respond input#submit:hover,
.purple .two-column-with-icon .woocommerce .cart .button:hover,
.purple .two-column-with-icon .woocommerce .cart input.button:hover,
.purple .two-column-with-icon .woocommerce a.button:hover,
.purple .two-column-with-icon .woocommerce button.button:hover,
.purple .two-column-with-icon .woocommerce div.product form.cart .button:hover,
.purple .two-column-with-icon .woocommerce input.button:hover,
.purple .two-column-with-icon .wp-block-button a:hover,
.purple .two-column-with-icon input[type="submit"]:hover {
background: #fff;
color: #5d62aa;
}
.lightgreen .masthead .btn,
.lightgreen .masthead .gform_wrapper.gravity-theme .gform_footer button,
.lightgreen .masthead .woocommerce #respond input#submit,
.lightgreen .masthead .woocommerce .cart .button,
.lightgreen .masthead .woocommerce .cart input.button,
.lightgreen .masthead .woocommerce a.button,
.lightgreen .masthead .woocommerce button.button,
.lightgreen .masthead .woocommerce div.product form.cart .button,
.lightgreen .masthead .woocommerce input.button,
.lightgreen .masthead .wp-block-button a,
.lightgreen .masthead input[type="submit"],
.lightgreen .two-column-with-icon .btn,
.lightgreen .two-column-with-icon .gform_wrapper.gravity-theme .gform_footer button,
.lightgreen .two-column-with-icon .woocommerce #respond input#submit,
.lightgreen .two-column-with-icon .woocommerce .cart .button,
.lightgreen .two-column-with-icon .woocommerce .cart input.button,
.lightgreen .two-column-with-icon .woocommerce a.button,
.lightgreen .two-column-with-icon .woocommerce button.button,
.lightgreen .two-column-with-icon .woocommerce div.product form.cart .button,
.lightgreen .two-column-with-icon .woocommerce input.button,
.lightgreen .two-column-with-icon .wp-block-button a,
.lightgreen .two-column-with-icon input[type="submit"] {
background: #4cbbb8;
border-color: #4cbbb8;
}
.lightgreen .masthead .btn:hover,
.lightgreen .masthead .gform_wrapper.gravity-theme .gform_footer button:hover,
.lightgreen .masthead .woocommerce #respond input#submit:hover,
.lightgreen .masthead .woocommerce .cart .button:hover,
.lightgreen .masthead .woocommerce .cart input.button:hover,
.lightgreen .masthead .woocommerce a.button:hover,
.lightgreen .masthead .woocommerce button.button:hover,
.lightgreen .masthead .woocommerce div.product form.cart .button:hover,
.lightgreen .masthead .woocommerce input.button:hover,
.lightgreen .masthead .wp-block-button a:hover,
.lightgreen .masthead input[type="submit"]:hover,
.lightgreen .two-column-with-icon .btn:hover,
.lightgreen .two-column-with-icon .gform_wrapper.gravity-theme .gform_footer button:hover,
.lightgreen .two-column-with-icon .woocommerce #respond input#submit:hover,
.lightgreen .two-column-with-icon .woocommerce .cart .button:hover,
.lightgreen .two-column-with-icon .woocommerce .cart input.button:hover,
.lightgreen .two-column-with-icon .woocommerce a.button:hover,
.lightgreen .two-column-with-icon .woocommerce button.button:hover,
.lightgreen .two-column-with-icon .woocommerce div.product form.cart .button:hover,
.lightgreen .two-column-with-icon .woocommerce input.button:hover,
.lightgreen .two-column-with-icon .wp-block-button a:hover,
.lightgreen .two-column-with-icon input[type="submit"]:hover {
background: #fff;
color: #4cbbb8;
}
.is-style-btn-yellow a {
background: #fabd34;
border: 1px solid #fabd34;
font-weight: 600;
}
.is-style-btn-yellow a:hover {
background: transparent;
color: #fabd34;
}
.text-center {
text-align: center;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.gform_wrapper.gravity-theme input[type="email"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
select,
textarea {
background: #fff;
border: none;
border-radius: 0;
color: #5d5c5c;
font-family: Poppins, sans-serif;
font-size: 1.5rem;
font-weight: 400;
height: 4.6rem;
margin-bottom: 3rem;
max-width: 100%;
padding: 1.2rem 2.4rem;
width: 100%;
}
@media (min-width: 1199px) {
.gform_wrapper.gravity-theme input[type="email"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
select,
textarea {
font-size: 1.5rem;
height: 4.8rem;
line-height: 2.3rem;
}
}
textarea {
min-height: 170px;
}
.green {
color: #4e941a;
}
.wpcf7 form .wpcf7-response-output {
border: 1px solid transparent !important;
border-radius: 0.25rem !important;
margin: 1rem 0 !important;
padding: 0.75rem 1.25rem !important;
position: relative;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
background-color: #fff3cd;
border-color: #f5c6cb !important;
color: #721c24;
}
.wpcf7 form.sent .wpcf7-response-output {
background-color: #d4edda;
border-color: #c3e6cb !important;
color: #4e941a;
}
.wpcf7-not-valid {
border: 1px solid #fff !important;
}
.wpcf7-not-valid-tip {
display: none !important;
}
::-webkit-input-placeholder {
color: #5d5c5c;
}
::-moz-placeholder {
color: #5d5c5c;
}
:-ms-input-placeholder {
color: #5d5c5c;
}
:-moz-placeholder {
color: #5d5c5c;
}
.gform_validation_errors,
.validation_message {
display: none !important;
}
@media (min-width: 600px) {
.wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li {
font-size: medium;
padding-left: 0;
width: calc(50% - 0.625em);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:before {
display: none;
}
}
div :where(.wp-block-columns.is-layout-flex) {
gap: 3rem;
}
h1 span,
h2 span {
color: #0098ca;
font-weight: 600;
}
p.orange {
color: #e46149;
}
div :where(.wp-block-columns.is-layout-flex) {
gap: 0;
}
@media (min-width: 768px) {
div :where(.wp-block-columns.is-layout-flex) {
gap: 3rem;
}
}
.gform_wrapper form .gform_footer button {
background: #5d5c5c;
border: transparent;
color: #fff;
}
.gform_wrapper.gravity-theme * {
overflow: visible;
}
body .gform_wrapper.gravity-theme input[type="file"] {
background: #fff;
opacity: 0;
padding-right: 64px;
z-index: 10;
}
body .gform_wrapper.gravity-theme .gfield--type-fileupload label,
body .gform_wrapper.gravity-theme input[type="file"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background:
url(//residea.fr/wp-content/themes/gp-starter/assets/images/add.svg) no-repeat scroll 100%,
#fff;
background-position-x: calc(100% - 24px);
}
body .gform_wrapper.gravity-theme .gfield--type-fileupload label {
font-family: Poppins, sans-serif;
font-size: 13px;
font-weight: 400;
height: 48px;
left: 0;
line-height: 20px;
overflow: visible !important;
padding: 12px 64px 15px 10px;
position: absolute;
width: 100%;
z-index: 2;
z-index: 5;
}
@media (min-width: 768px) {
body .gform_wrapper.gravity-theme .gfield--type-fileupload label {
font-size: 15px;
line-height: 23px;
padding: 12px 24px 15px;
}
}
body .gform_wrapper.gravity-theme .gfield--type-fileupload label:focus {
font-weight: 600;
}
body .gform_wrapper.gravity-theme .gfield_description.gform_fileupload_rules {
display: none;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background:
url(//residea.fr/wp-content/themes/gp-starter/assets/images/select.svg) no-repeat scroll 100%,
#fff;
background-position-x: calc(100% - 24px);
padding-right: 64px;
}
body .gform_wrapper.gravity-theme .gfield,
body .gform_wrapper.gravity-theme .gform-grid-col {
position: relative;
}
body .gform_wrapper.gravity-theme input[type="email"],
body .gform_wrapper.gravity-theme input[type="file"],
body .gform_wrapper.gravity-theme input[type="number"],
body .gform_wrapper.gravity-theme input[type="password"],
body .gform_wrapper.gravity-theme input[type="search"],
body .gform_wrapper.gravity-theme input[type="tel"],
body .gform_wrapper.gravity-theme input[type="text"],
body .gform_wrapper.gravity-theme input[type="time"],
body .gform_wrapper.gravity-theme input[type="url"],
body .gform_wrapper.gravity-theme select,
body .gform_wrapper.gravity-theme textarea {
border-bottom: 1px solid transparent;
color: #5d5c5c;
font-family: Poppins, sans-serif;
font-size: 15px;
font-weight: 600;
height: 48px;
line-height: 23px;
overflow: visible !important;
padding: 12px 24px 15px;
position: relative;
z-index: 2;
}
body .gform_wrapper.gravity-theme input[type="email"]:focus,
body .gform_wrapper.gravity-theme input[type="file"]:focus,
body .gform_wrapper.gravity-theme input[type="number"]:focus,
body .gform_wrapper.gravity-theme input[type="password"]:focus,
body .gform_wrapper.gravity-theme input[type="search"]:focus,
body .gform_wrapper.gravity-theme input[type="tel"]:focus,
body .gform_wrapper.gravity-theme input[type="text"]:focus,
body .gform_wrapper.gravity-theme input[type="time"]:focus,
body .gform_wrapper.gravity-theme input[type="url"]:focus,
body .gform_wrapper.gravity-theme select:focus,
body .gform_wrapper.gravity-theme textarea:focus {
font-weight: 600;
}
.gfield_label body .gform_wrapper.gravity-theme input[type="email"].filled,
.gfield_label body .gform_wrapper.gravity-theme input[type="file"].filled,
.gfield_label body .gform_wrapper.gravity-theme input[type="number"].filled,
.gfield_label body .gform_wrapper.gravity-theme input[type="password"].filled,
.gfield_label body .gform_wrapper.gravity-theme input[type="search"].filled,
.gfield_label body .gform_wrapper.gravity-theme input[type="tel"].filled,
.gfield_label body .gform_wrapper.gravity-theme input[type="text"].filled,
.gfield_label body .gform_wrapper.gravity-theme input[type="time"].filled,
.gfield_label body .gform_wrapper.gravity-theme input[type="url"].filled,
.gfield_label body .gform_wrapper.gravity-theme select.filled,
.gfield_label body .gform_wrapper.gravity-theme textarea.filled {
opacity: 0;
}
body .gform_wrapper.gravity-theme select {
color: rgba(93, 92, 92, 0.5);
}
body .gform_wrapper.gravity-theme select:focus {
color: #5d5c5c;
}
body .gform_wrapper.gravity-theme .gfield_label {
color: rgba(93, 92, 92, 0.5);
display: block;
font-size: 15px;
font-weight: 400;
left: 24px;
line-height: 23px;
margin: 0;
padding-top: 0;
pointer-events: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: calc(100% - 30px);
z-index: 3;
}
body .gform_wrapper.gravity-theme .gfield--type-textarea .gfield_label {
top: 0;
transform: translateY(12px);
}
body .gform_wrapper.gravity-theme .gfield.focused input {
border-bottom: 1px solid rgba(93, 92, 92, 0.5);
}
body .gform_wrapper.gravity-theme .gfield.focused .gfield_label {
color: #5d5c5c;
font-size: 12px;
font-weight: 600;
line-height: 18px;
transform: translateY(-32px) !important;
}
body .gform_wrapper.gravity-theme .gfield--type-textarea.focused .gfield_label {
font-size: 12px;
font-weight: 600;
line-height: 18px;
transform: translateY(-8px) !important;
}
body .main-wrapper {
overflow: hidden;
padding-top: 121px;
}
@media (min-width: 768px) {
body .main-wrapper {
padding-top: 134px;
}
}
@media (min-width: 992px) {
body .main-wrapper {
padding-top: 134px;
}
}
@media (min-width: 1400px) {
body .main-wrapper {
padding-top: 142px;
}
}
body .gform_wrapper.gravity-theme .gfield_description {
display: none;
}
.job-container {
padding-bottom: 3rem;
padding-top: 1.5rem;
}
@media (min-width: 992px) {
.job-container {
padding-bottom: 10rem;
padding-top: 10rem;
}
}
@media (min-width: 1199px) {
.job-container {
padding-bottom: 10rem;
padding-top: 10rem;
}
}
.job-row {
justify-content: flex-end;
}
.job-form {
background: rgba(0, 152, 202, 0.1);
border-radius: 10px;
padding: 30px 15px;
}
@media (min-width: 992px) {
.job-form {
padding: 40px 20px 20px;
}
}
.job-form .gform_footer .btn {
width: 100% !important;
}
.job-form p {
font-weight: 600 !important;
text-align: center !important;
}
.job-content h2 {
margin-top: 0;
}
@media (min-width: 992px) {
.job-content h2 {
margin-top: -60px;
}
}
.job-content p,
.job-content ul {
margin-bottom: 10px;
}
.job-content ul li {
color: #5d5c5c;
font-family: Poppins, sans-serif;
font-size: 1.6rem;
font-weight: 400;
line-height: 2.2rem;
margin-bottom: 0;
}
@media (min-width: 992px) {
.job-content ul li {
font-size: 1.8rem;
line-height: 2.4rem;
padding: 0 0 0 14px;
}
}
.job-content ul li:before {
background: #5d5c5c;
height: 1px;
transform: translateY(-50%);
width: 8px;
}
.job-content .wp-block-columns {
margin-bottom: 20px;
margin-top: 15px;
}
@media (min-width: 992px) {
.job-content .wp-block-columns {
margin-bottom: 50px;
margin-top: 30px;
}
}
.job-content .wp-block-image.size-full.square-bg-lines {
position: relative;
}
.job-content .wp-block-image.size-full.square-bg-lines img {
padding-bottom: 30px;
}
@media (min-width: 992px) {
.job-content .wp-block-image.size-full.square-bg-lines img {
padding-bottom: 160px;
}
}
.job-content .wp-block-image.size-full.square-bg-lines:before {
background: url(//residea.fr/wp-content/themes/gp-starter/assets/images/job-rect.svg) no-repeat;
bottom: -115px;
content: "";
display: none;
height: 350px;
left: -275px;
position: absolute;
transform: rotate(5deg);
width: 350px;
z-index: -1;
}
@media (min-width: 992px) {
.job-content .wp-block-image.size-full.square-bg-lines:before {
display: block;
height: 100%;
width: 100%;
}
}
.job-content h2 {
margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
.job-content h2 {
margin-bottom: 2rem;
}
.single.single-post .share {
margin-top: 70px;
}
}
.share {
margin-bottom: 15px;
margin-top: 10px;
}
@media (min-width: 768px) {
.share {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.share {
margin-top: 20px;
}
}
.share h6 {
font-weight: 400;
}
.share .icon {
align-items: center;
display: inline-flex;
gap: 16px;
}
.single-post h2 {
margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
.single-post h2 {
margin-bottom: 2rem;
}
}
.single-post p:nth-child(3) {
margin-bottom: 1rem;
}
@media (min-width: 992px) {
.single-post p:nth-child(3) {
margin-bottom: 3rem;
}
}
@media (min-width: 1400px) {
.single-post p:nth-child(3) {
margin-bottom: 6rem;
}
}
.single-post p:last-of-type {
margin-bottom: 1rem;
}
@media (min-width: 992px) {
.single-post p:last-of-type {
margin-bottom: 3rem;
}
}
@media (min-width: 1400px) {
.single-post p:last-of-type {
margin-bottom: 6rem;
}
}
.single-post .wp-block-image.size-full img {
margin-bottom: 10px;
margin-top: 20px;
}
@media (min-width: 992px) {
.single-post .wp-block-image.size-full img {
margin-top: 30px;
}
}
.single-post .wp-element-caption {
color: #5d5c5c;
font-family: Poppins, sans-serif;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.8rem;
margin: 0 !important;
}
ul.is-style-yellow > li:before {
background-color: #fabd34;
}
@media (min-width: 768px) and (max-width: 991px) {
.yourself > .wp-block-columns {
flex-wrap: wrap !important;
}
.yourself > .wp-block-columns .wp-block-column {
flex: 0 0 calc(50% - 15px) !important;
max-width: calc(50% - 15px) !important;
}
}
.gform_wrapper.gravity-theme form .gfield.gfield--type-consent .ginput_container_consent {
position: relative;
}
.gform_wrapper.gravity-theme form .gfield.gfield--type-consent .ginput_container_consent label.gform-field-label {
display: block;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.7rem;
position: relative;
text-indent: 25px;
}
.gform_wrapper.gravity-theme
form
.gfield.gfield--type-consent
.ginput_container_consent
label.gform-field-label:before {
background: #fff;
border: 1px solid #0098ca;
border-radius: 3px;
content: " ";
height: 17px;
left: 0;
position: absolute;
top: 0;
width: 17px;
}
.gform_wrapper.gravity-theme form .gfield.gfield--type-consent .ginput_container_consent label.gform-field-label:after {
border-bottom: 2px solid #0098ca;
border-left: 2px solid #0098ca;
content: "";
height: 5px;
left: -16px;
opacity: 0;
position: absolute;
top: 7px;
transform: rotate(-45deg);
transition: all 0.3s linear;
width: 9px;
}
@media (min-width: 768px) {
.gform_wrapper.gravity-theme
form
.gfield.gfield--type-consent
.ginput_container_consent
label.gform-field-label:after {
left: 4px;
top: 5px;
width: 9px;
}
}
.gform_wrapper.gravity-theme form .gfield.gfield--type-consent .ginput_container_consent input {
opacity: 0;
position: absolute;
}
.gform_wrapper.gravity-theme form .gfield.gfield--type-consent .ginput_container_consent input:checked + label:after {
opacity: 1;
}
.header {
background: #fff;
border-bottom: 1px solid rgba(93, 92, 92, 0.2);
left: 0;
position: fixed;
top: 0;
transition: all 0.3s linear;
width: 100vw;
z-index: 10;
}
.header__top-bar {
background: #0098ca;
line-height: 3.2rem;
}
.header__top-bar-main {
display: block !important;
}
.header__top-bar .container {
padding-bottom: 6px;
padding-top: 6px;
}
.header__top-bar .col-12 * {
color: #fff;
display: block;
margin-bottom: 0;
}
.header__top-bar-link {
display: flex !important;
float: none;
justify-content: center;
margin-left: 0;
margin-top: 5px;
}
@media (min-width: 992px) {
.header__top-bar-link {
float: right;
margin-left: 2rem;
}
}
.header__top-bar-link span,
.header__top-bar-link span a {
align-items: center;
display: inline-flex !important;
font-size: 1.2rem;
line-height: 2.4rem;
}
@media (min-width: 768px) {
.header__top-bar-link span,
.header__top-bar-link span a {
font-size: 1.5rem;
line-height: normal;
}
}
.header__top-bar-link a.btn {
padding-right: 1rem !important;
position: relative;
text-decoration: underline;
}
.header__top-bar-link a.btn:before {
height: 12px;
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.header__top-bar a,
.header__top-bar h5 {
font-weight: 400;
}
.header__top-bar-social {
align-items: center;
border-right: 1px solid #fff;
display: inline-flex !important;
float: right;
margin-top: 5px;
padding-right: 2rem;
}
.header__top-bar-social h5 {
margin-right: 9px;
}
.header__top-bar-social ul {
display: inline-flex !important;
}
.header__top-bar-social ul li {
margin-bottom: 0 !important;
margin-right: 0.7rem;
padding-left: 0 !important;
}
@media (min-width: 768px) {
.header__top-bar-social ul li {
margin-right: 1.5rem;
}
}
.header__top-bar-social ul li:last-child {
margin-right: 0;
}
.header__top-bar-social ul li:before {
display: none;
}
.header__top-bar-social ul li svg g {
fill: #fff;
}
.header__top-bar-img {
align-items: center;
display: inline-flex !important;
margin-right: 2.2rem;
}
@media (min-width: 768px) {
.header__top-bar-img {
margin-right: 4.4rem;
}
}
.header__top-bar-img img {
margin-left: 1rem;
}
.header__top-bar-img,
.header__top-bar-social {
display: none !important;
}
@media (min-width: 992px) {
.header__top-bar-img,
.header__top-bar-social {
display: inline-flex !important;
}
}
.header .container-fluid {
padding-bottom: 15px;
padding-top: 15px;
}
@media (min-width: 1199px) {
.header .container-fluid {
max-width: 100%;
}
}
@media (min-width: 1400px) {
.header .container-fluid {
max-width: 1350px;
}
}
.header.loaded .container {
transition: all 0.3s linear;
}
.header--transperant {
background: none;
}
.header.sticky .container-fluid {
padding-bottom: 15px;
padding-top: 15px;
}
.header__logo-link {
float: left;
}
.header__logo-link svg {
float: left;
height: 50px;
width: auto;
}
@media (min-width: 768px) {
.header__logo-link svg {
height: 60px;
}
}
@media (min-width: 1400px) {
.header__logo-link svg {
height: auto;
}
}
.header__burger {
background-color: transparent;
border: none;
cursor: pointer;
display: flex;
float: right;
padding: 0;
position: relative;
z-index: 10;
}
@media (min-width: 1199px) {
.header__burger {
display: none;
}
}
.header__burger .line {
fill: none;
stroke: #0098ca;
stroke-width: 6;
transition:
stroke-dasharray 0.6s cubic-bezier(0.4, 0, 0.2, 1),
stroke-dashoffset 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.header__burger .line1 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.header__burger .line2 {
stroke-dasharray: 60 60;
stroke-width: 6;
}
.header__burger .line3 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.header__burger.opened .line1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
.header__burger.opened .line2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
stroke-width: 6;
}
.header__burger.opened .line3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
.header__menu-bg {
background: rgba(0, 0, 0, 0.5);
display: none;
height: 100vh;
position: fixed;
right: 0;
top: 0;
width: 100vw;
}
@media (min-width: 1199px) {
.header__menu-bg {
display: none !important;
}
}
.active .header__menu-bg {
display: block;
}
.header .col-lg-9 {
position: static;
}
.header .nav-main {
background: #fff;
display: none;
float: right;
height: calc(100vh - 61px);
padding: 0 15px;
position: absolute;
right: 0;
top: calc(100% + 1px);
width: 100%;
}
@media (min-width: 768px) {
.header .nav-main {
height: calc(100vh - 71px);
}
}
@media (min-width: 1199px) {
.header .nav-main {
background: none;
display: block !important;
height: auto;
max-width: none;
padding: 0;
position: static;
width: 100%;
}
}
.header .nav-main ul.primary {
display: block;
text-align: left;
width: 100%;
}
@media (min-width: 576px) {
.header .nav-main ul.primary {
text-align: center;
}
}
@media (min-width: 1199px) {
.header .nav-main ul.primary {
align-items: center;
display: flex;
justify-content: right;
}
}
.header .nav-main ul.primary li {
margin-bottom: 0;
}
.header .nav-main ul.primary li.has-btn {
display: flex;
justify-content: flex-start;
width: 100%;
}
@media (min-width: 1199px) {
.header .nav-main ul.primary li.has-btn {
justify-content: center;
width: auto;
}
}
.header .nav-main ul.primary li.has-btn a {
justify-content: center;
text-align: center;
width: 100%;
}
@media (min-width: 1199px) {
.header .nav-main ul.primary li.has-btn a {
text-align: inherit;
width: auto;
}
}
.header .nav-main .menu {
float: left;
margin: 0;
padding: 0;
}
.header .nav-main .menu-item {
border-bottom: 1px solid rgba(93, 92, 92, 0.2);
float: left;
padding: 2rem 0;
width: 100%;
}
@media (min-width: 1199px) {
.header .nav-main .menu-item {
border-bottom: none;
margin: 0 10px;
padding: 0;
width: auto;
}
}
@media (min-width: 1400px) {
.header .nav-main .menu-item {
margin: 0 20px;
}
}
.header .nav-main .menu-item i.fa.fa-angle-down {
font-size: 28px;
height: 32px;
line-height: 32px;
position: absolute;
right: -3px;
text-align: center;
top: 15px;
width: 32px;
z-index: 5;
}
.header .nav-main .menu-item i.fa.fa-angle-down.active {
transform: rotate(180deg);
}
.header .nav-main .menu-item:before {
display: none;
}
.header .nav-main .menu-item:first-child {
margin-left: 0;
}
.header .nav-main .menu-item:last-child {
margin-right: 0;
}
.header .nav-main .menu-item:nth-last-child(2) {
border-bottom: none;
}
.header .nav-main .menu-item.has-btn {
border: none;
}
.header .nav-main .menu-item.has-btn a {
background: #fabd34;
border: 1px solid #fabd34;
color: #fff;
line-height: 3.6rem;
padding: 5px 20px;
}
.header .nav-main .menu-item.has-btn a:hover {
background: #fff;
color: #fabd34;
}
.header .nav-main .menu-item a {
color: #5d5c5c;
display: flex;
float: left;
font-size: 1.3rem;
font-weight: 600;
justify-content: space-between;
line-height: 2.5rem;
padding: 0;
text-align: left;
width: 100%;
}
@media (min-width: 1199px) {
.header .nav-main .menu-item a {
font-size: 1.5rem;
line-height: 2.4rem;
padding: 1rem 0;
width: auto;
}
}
.header .nav-main .menu-item a.active,
.header .nav-main .menu-item a:hover {
color: #0098ca;
}
.header .nav-main .menu-item a svg {
margin-left: 10px;
}
.header .nav-main .menu-item.current-menu-item > a {
color: #0098ca;
}
.header .nav-main .menu-item.current-menu-item.has-btn > a {
color: #fff;
}
.header .nav-main .menu-item.current-menu-item.has-btn > a:hover {
color: #fabd34;
}
.header .nav-main .menu-item .sub-menu {
display: none;
padding-bottom: 0;
width: 100%;
}
@media (min-width: 992px) {
.header .nav-main .menu-item .sub-menu {
background: #fff;
border-top: 2px solid #0098ca;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
left: 0;
padding: 10px 0;
position: absolute;
top: 100%;
width: 240px;
}
}
@media (max-width: 1198px) {
.header .nav-main .menu-item .sub-menu.active {
display: block;
float: left;
width: 100%;
}
}
.header .nav-main .menu-item .sub-menu .menu-item {
border-bottom: none;
margin: 0;
padding: 0;
width: 100%;
}
.header .nav-main .menu-item .sub-menu .menu-item a {
color: #5d5c5c;
font-weight: 400;
justify-content: flex-start;
padding: 5px 0;
width: 100%;
}
@media (min-width: 1199px) {
.header .nav-main .menu-item .sub-menu .menu-item a {
padding: 5px 15px;
}
}
.header .nav-main .menu-item .sub-menu .menu-item a:hover {
color: #0098ca;
}
.header .nav-main .menu-item .sub-menu .menu-item a:before {
content: "--";
display: none;
padding-right: 5px;
}
@media (max-width: 991px) {
.header .nav-main .menu-item .sub-menu .menu-item a:before {
display: inline-block;
}
}
.header .nav-main .menu-item .sub-menu .menu-item a:first-child {
padding-top: 1rem;
}
@media (min-width: 1199px) {
.header .nav-main .menu-item .sub-menu .menu-item a:first-child {
padding-top: 0;
}
}
.header .nav-main .menu-item .sub-menu .menu-item a:last-child {
padding-bottom: 0;
}
@media (min-width: 1199px) {
.header .nav-main .menu-item .sub-menu .menu-item a:last-child {
padding: 5px 15px;
}
}
.header .nav-main .menu-item .sub-menu .menu-item.current-menu-item a {
color: #0098ca;
}
@media (min-width: 1199px) {
.header .nav-main .menu-item:hover .sub-menu {
display: block;
}
}
.header .nav-cont {
align-items: flex-start;
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: auto;
justify-content: flex-start;
justify-content: center;
width: 100%;
}
@media (min-width: 576px) {
.header .nav-cont {
justify-content: center;
}
}
@media (min-width: 992px) {
.header .nav-cont {
flex-direction: row;
flex-wrap: nowrap;
height: auto;
justify-content: space-between;
}
}
.sticky-sidebar {
align-items: center;
display: none;
flex-wrap: wrap;
height: 100vh;
justify-content: center;
position: fixed;
top: 0;
width: 48px;
z-index: 5;
}
@media (min-width: 1199px) {
.sticky-sidebar {
display: block;
left: 15px;
}
}
@media (min-width: 1400px) {
.sticky-sidebar {
left: 50%;
transform: translateX(-660px);
}
}
.sticky-sidebar:before {
background: rgba(93, 92, 92, 0.2);
content: " ";
display: block;
height: 100%;
left: 50%;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 1px;
z-index: 1;
}
.sticky-sidebar__link {
display: inline-flex;
height: 48px;
margin: 10px 0;
width: 48px;
}
.sticky-sidebar__link svg {
border: 1px solid #fff;
border-radius: 50%;
}
.sticky-sidebar__link-cont {
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.footer {
background: #5d5c5c;
padding: 4rem 0 2.5rem;
}
@media (min-width: 768px) {
.footer {
padding: 6rem 0 3.5rem;
}
}
.footer__logo {
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.footer__logo {
margin-bottom: 2.6rem;
}
}
.footer ul li {
font-size: 1.5rem;
line-height: 1.8rem;
margin-bottom: 1rem;
padding-left: 0;
}
.footer ul li:before {
display: none;
}
.footer ul li:last-child {
margin-bottom: 0;
}
.footer__social {
display: flex;
justify-content: center;
margin-top: 2.2rem;
}
@media (min-width: 992px) {
.footer__social {
margin-top: 0;
}
}
@media (min-width: 768px) {
.footer__social {
justify-content: inherit;
}
}
@media (min-width: 992px) {
.footer__social {
justify-content: flex-end;
}
}
.footer__social li {
margin-bottom: 0 !important;
margin-right: 0.8rem;
}
@media (min-width: 768px) {
.footer__social li {
margin-right: 1.6rem;
}
}
.footer__social li:last-child {
margin-right: 0;
}
.footer__social li svg path {
fill: #fff;
}
.footer__social li:hover svg path {
fill: #0098ca;
transition: all 0.3s linear;
}
.footer li {
margin-bottom: 0.7rem;
}
@media (min-width: 768px) {
.footer li {
margin-bottom: 1rem;
}
}
.footer h4 {
margin-bottom: 1rem;
margin-top: 2.2rem;
}
@media (min-width: 768px) {
.footer h4 {
margin-top: 0;
}
}
.footer p:last-child {
margin-bottom: 0;
}
.inner-masthead {
padding: 3rem 0;
position: relative;
}
@media (min-width: 768px) {
.inner-masthead {
padding: 0;
}
}
.inner-masthead .inner-masthead-rectangle {
display: none;
height: 495px;
position: absolute;
right: 0;
top: -90px;
width: 230px;
}
@media (min-width: 1199px) {
.inner-masthead .inner-masthead-rectangle {
display: block;
}
}
.inner-masthead .inner-masthead-rectangle.light-green svg g {
stroke: #4cbbb8;
}
.inner-masthead h1,
.inner-masthead p {
color: #5d5c5c !important;
}
.inner-masthead p {
letter-spacing: -0.6px;
margin-bottom: 10px;
max-width: 100%;
}
.inner-masthead p:last-of-type {
margin-bottom: 0;
}
.inner-masthead .Page-heading span {
color: #0098ca;
}
.yourself {
overflow: hidden;
padding: 2.5rem 0 3rem;
}
@media (min-width: 992px) {
.yourself {
padding: 7.5rem 0 5rem;
}
}
@media (min-width: 1199px) {
.yourself {
padding: 10rem 0 6rem;
}
}
.yourself h2 {
margin-bottom: 2rem;
}
@media (min-width: 992px) {
.yourself h2 {
margin-bottom: 3rem;
}
}
.yourself .wp-block-column {
width: 235px;
}
@media (min-width: 576px) {
.yourself .wp-block-column {
width: 297px;
}
}
@media (min-width: 768px) {
.yourself .wp-block-column {
width: 100%;
}
}
.yourself-inner {
border: 1px solid rgba(0, 0, 0, 0.2);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
min-height: 435px;
padding: 25px 20px;
transition: all 0.3s linear;
}
@media (min-width: 576px) {
.yourself-inner {
border-radius: 10px;
}
}
.yourself-inner figure {
margin-bottom: 2rem;
}
.yourself-inner.green:hover {
background: rgba(76, 187, 184, 0.1);
border-color: #4cbbb8;
box-shadow: 0 0 0 1px #4cbbb8;
}
.yourself-inner.purple:hover {
background: rgba(93, 98, 170, 0.1);
border-color: #5d62aa;
box-shadow: 0 0 0 1px #5d62aa;
}
.yourself-inner.red:hover {
background: rgba(228, 97, 73, 0.1);
border-color: #e46149;
box-shadow: 0 0 0 1px #e46149;
}
.yourself-inner.yellow:hover {
background: rgba(250, 189, 52, 0.1);
border-color: #fabd34;
box-shadow: 0 0 0 1px #fabd34;
}
.yourself.red:hover {
background: rgba(228, 97, 73, 0.1);
border-color: #e46149;
box-shadow: 0 0 0 1px #e46149;
}
.yourself.yellow:hover {
background: rgba(250, 189, 52, 0.1);
border-color: #fabd34;
box-shadow: 0 0 0 1px #fabd34;
}
.yourself .wp-block-buttons {
width: 100%;
}
.yourself .wp-block-buttons a.wp-block-button__link {
border: none;
color: #fff;
}
.yourself .owl-dots {
margin-top: 2rem;
text-align: center;
}
.yourself .owl-dot {
margin-right: 1.5rem;
}
.yourself .owl-dot span {
background: #ededed;
display: inline-block;
float: left;
height: 12px;
width: 12px;
}
.yourself .owl-dot.active span {
background: #5d5c5c;
transform: rotate(-10deg);
}
.tailor-made {
padding: 5rem 0;
}
@media (min-width: 992px) {
.tailor-made {
padding: 4.5rem 0 5.5rem;
}
}
@media (min-width: 1199px) {
.tailor-made {
padding: 6.5rem 0 7.5rem;
}
}
.tailor-made h2 {
margin-bottom: 2.5rem;
}
@media (min-width: 992px) {
.tailor-made h2 {
margin-bottom: 3.5rem;
}
}
@media (min-width: 1199px) {
.tailor-made h2 {
margin-bottom: 5.5rem;
}
}
.tailor-made h3 {
margin-bottom: 1rem;
}
.tailor-made .wp-block-image {
padding-bottom: 1.5rem;
}
.tailor-made p {
margin-bottom: 2rem;
}
.tailor-made p,
.tailor-made p a {
color: #fff !important;
}
.tailor-made-cont {
text-align: center;
}
.tailor-made-cont .wp-block-image img,
.tailor-made-cont .wp-block-image svg {
height: 54px;
-o-object-fit: contain;
object-fit: contain;
width: 54px;
}
.tailor-made div :where(.wp-block-columns.is-layout-flex) {
gap: 3rem;
row-gap: 5rem;
}
@media (min-width: 768px) {
.tailor-made div :where(.wp-block-columns.is-layout-flex) {
row-gap: 3rem;
}
}
.tailor-made .wp-block-column-is-layout-flow .wp-block-columns {
flex-wrap: nowrap !important;
}
.our-commit {
padding: 5rem 1.5rem;
position: relative;
}
@media (min-width: 992px) {
.our-commit {
padding: 5.5rem 0 5rem;
}
}
.our-commit > .wp-block-group {
position: relative;
z-index: 5;
}
.our-commit h2,
.our-commit p {
color: #fff;
}
.our-commit .wp-block-group.is-layout-constrained.wp-container-23.wp-block-group-is-layout-constrained p:last-of-type {
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
.our-commit
.wp-block-group.is-layout-constrained.wp-container-23.wp-block-group-is-layout-constrained
p:last-of-type {
margin-bottom: 3rem;
}
}
.our-commit.aos-animate:before {
opacity: 1;
}
.our-commit:before {
background: url(//residea.fr/wp-content/themes/gp-starter/assets/images/our-commit-rectangle.svg) no-repeat;
content: "";
display: none;
height: 157px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.3s linear 1s;
width: 427px;
}
@media (min-width: 992px) {
.our-commit:before {
display: block;
}
}
.our-commit.wp-block-cover,
.our-commit.wp-block-cover .wp-block-cover-image {
min-height: 0;
}
.our-commit.with-location {
position: relative;
}
.our-commit.with-location:after {
background: url(//residea.fr/wp-content/themes/gp-starter/assets/images/our-commit-location.png) no-repeat;
content: "";
height: 96px;
left: 50%;
position: absolute;
top: 0;
transform: translate(-50%, -50%);
width: 96px;
}
.our-commit.with-location:before {
display: none;
}
.our-commit h2 {
margin-bottom: 2rem;
}
.our-commit p:last-child {
margin-bottom: 0;
}
.signatories {
padding: 3rem 0;
}
@media (min-width: 992px) {
.signatories {
padding: 4.5rem 0 6rem;
}
}
.signatories .wp-block-image {
padding-bottom: 2.5rem;
}
.signatories .wp-block-image img {
min-height: 12rem;
-o-object-fit: contain;
object-fit: contain;
}
.signatories p {
font-size: 15px;
line-height: 18px;
}
.signatories p:last-child {
margin-bottom: 0;
}
.two-column-with-icon {
padding: 5rem 0 3rem;
position: relative;
}
@media (min-width: 992px) {
.two-column-with-icon {
padding: 7rem 0;
}
}
@media (min-width: 1199px) {
.two-column-with-icon {
padding: 10rem 0;
}
}
.two-column-with-icon.aos-animate:before {
opacity: 1;
}
.two-column-with-icon__bg {
height: 450px;
left: -260px;
position: absolute;
top: 115px;
width: 450px;
}
.two-column-with-icon__bg img,
.two-column-with-icon__bg svg {
height: 100%;
width: 100%;
}
.two-column-with-icon__rectengle {
display: none;
position: absolute;
right: -270px;
top: 110px;
z-index: 5;
}
@media (min-width: 781px) {
.two-column-with-icon__rectengle {
display: block;
}
}
.two-column-with-icon__rectengle svg {
height: 600px;
width: 600px;
}
.single-agency .two-column-with-icon,
.single-service .two-column-with-icon {
margin-top: 2.5rem;
position: relative;
}
@media (min-width: 768px) {
.single-agency .two-column-with-icon,
.single-service .two-column-with-icon {
margin-top: 3rem;
}
}
@media (min-width: 992px) {
.single-agency .two-column-with-icon,
.single-service .two-column-with-icon {
margin-top: 5rem;
}
}
.single-agency .two-column-with-icon:before,
.single-service .two-column-with-icon:before {
content: " ";
height: 100%;
left: 50%;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 100vw;
z-index: 1;
}
.single-agency .two-column-with-icon:after,
.single-service .two-column-with-icon:after {
background: transparent;
content: " ";
height: 100%;
left: -100%;
position: absolute;
top: 0;
width: calc(100vw + 100%);
z-index: 1;
}
.single-agency .two-column-with-icon .wp-block-columns,
.single-service .two-column-with-icon .wp-block-columns {
position: relative;
z-index: 5;
}
.single-agency .two-column-with-icon:after,
.single-agency .two-column-with-icon:before {
background: rgba(93, 98, 170, 0.1);
}
.single-agency .two-column-with-icon .wp-block-image svg * {
stroke: #5d62aa;
}
.single-agency .two-column-with-icon .wp-block-image.page-icon svg path {
fill: #5d62aa;
}
.single-service .two-column-with-icon {
position: relative;
}
.single-service .two-column-with-icon__rect img,
.single-service .two-column-with-icon__rect svg {
display: none;
left: -305px;
position: absolute;
top: 200px;
}
@media (min-width: 781px) {
.single-service .two-column-with-icon__rect img,
.single-service .two-column-with-icon__rect svg {
display: block;
}
}
.single-service.blue .two-column-with-icon__rect svg rect {
stroke: #0098ca;
}
.single-service.blue .two-column-with-icon:after,
.single-service.blue .two-column-with-icon:before {
background: rgba(0, 152, 202, 0.1);
}
.single-service.blue .two-column-with-icon .wp-block-image.two-column-with-icon__bg svg * {
stroke: #0098ca;
}
.single-service.blue .two-column-with-icon .wp-block-image.page-icon svg * {
fill: #0098ca;
}
.single-service.orange .two-column-with-icon__rect svg rect {
stroke: #e46149;
}
.single-service.orange .two-column-with-icon:before {
background: rgba(228, 97, 73, 0.1);
}
.single-service.orange .two-column-with-icon:after {
background: rgba(228, 97, 73, 0.1) !important;
}
.single-service.orange .two-column-with-icon .wp-block-image.two-column-with-icon__bg svg * {
stroke: #e46149;
}
.single-service.orange .two-column-with-icon .wp-block-image.page-icon svg * {
fill: #e46149;
}
.single-service.purple .two-column-with-icon__rect svg rect {
stroke: #5d62aa;
}
.single-service.purple .two-column-with-icon:after,
.single-service.purple .two-column-with-icon:before {
background: rgba(93, 98, 170, 0.1);
}
.single-service.purple .two-column-with-icon .wp-block-image.two-column-with-icon__bg svg * {
stroke: #5d62aa;
}
.single-service.purple .two-column-with-icon .wp-block-image.page-icon svg * {
fill: #5d62aa;
}
.single-service.lightgreen .two-column-with-icon__rect svg rect {
stroke: #4cbbb8;
}
.single-service.lightgreen .two-column-with-icon:after,
.single-service.lightgreen .two-column-with-icon:before {
background: rgba(76, 187, 184, 0.1);
}
.single-service.lightgreen .two-column-with-icon .wp-block-image.two-column-with-icon__bg svg * {
stroke: #4cbbb8;
}
.single-service.lightgreen .two-column-with-icon .wp-block-image.page-icon svg * {
fill: #4cbbb8;
}
.two-column-with-icon .wp-block-columns .wp-block-column:last-child {
position: relative;
}
.two-column-with-icon .page-icon-main {
display: flex;
}
.two-column-with-icon .page-icon-main p {
font-weight: 400;
}
.two-column-with-icon .page-icon {
display: none;
margin-right: 2.6rem;
}
@media (min-width: 768px) {
.two-column-with-icon .page-icon {
display: block;
}
}
.two-column-with-icon .page-icon img {
display: inline-block;
margin: 0 1rem;
max-width: 64px;
}
.two-column-with-icon figure.main-img img {
display: block;
margin: 0 auto 2rem;
max-width: 250px;
transform: rotate(10deg);
}
@media (min-width: 768px) {
.two-column-with-icon figure.main-img img {
display: inline-block;
margin-bottom: 0;
max-width: 100%;
}
}
.two-column-with-icon .wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained p {
margin-bottom: 1rem;
}
.two-column-with-icon
.wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained
.wp-block-group
.wp-block-group
p.has-orange-color.has-text-color {
margin-top: 2rem;
}
@media (min-width: 768px) {
.two-column-with-icon
.wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained
.wp-block-group
.wp-block-group
p.has-orange-color.has-text-color {
margin-top: 3rem;
}
}
.two-column-with-icon
.wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained
.wp-block-group
.wp-block-group
p.has-orange-color.has-text-color:first-child {
margin-top: 0;
}
.two-column-with-icon
.wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained
.wp-block-group
.wp-block-group
.wp-block-buttons {
margin-top: 1.5rem;
}
@media (min-width: 768px) {
.two-column-with-icon
.wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained
.wp-block-group
.wp-block-group
.wp-block-buttons {
margin-top: 3rem;
}
}
.two-column-with-icon
.wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained
a.btn.secondary.wp-block-read-more {
font-size: 18px !important;
line-height: 24px !important;
padding-right: 0 !important;
}
.two-column-with-icon
.wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained
a.btn.secondary.wp-block-read-more:before {
display: none !important;
}
.two-column-with-icon .wp-block-column {
position: relative;
}
.two-column-with-icon .bottom-text .wp-block-buttons {
margin-top: 1.5rem;
}
@media (min-width: 768px) {
.two-column-with-icon .bottom-text .wp-block-buttons {
margin-top: 3rem;
}
}
.family-business {
padding: 3rem 0;
position: relative;
}
@media (min-width: 768px) {
.family-business {
padding: 5rem 0;
}
}
@media (min-width: 992px) {
.family-business {
padding: 7rem 0 6rem;
}
}
@media (min-width: 1199px) {
.family-business {
padding: 9rem 0 7rem;
}
}
.family-business.aos-animate:before {
opacity: 1;
}
.family-business p > span {
font-weight: 600;
}
.family-business:before {
background-image: url(//residea.fr/wp-content/themes/gp-starter/assets/images/family-business-rectangle.svg);
background-repeat: no-repeat;
bottom: 0;
content: "";
display: none;
height: 162px;
left: 50%;
opacity: 0;
position: absolute;
transform: translate(-50%);
transition: all 0.3s linear 1s;
width: 548px;
}
@media (min-width: 768px) {
.family-business:before {
display: block;
}
}
.family-business .wp-block-column.col-right {
padding-left: 0;
}
@media (min-width: 768px) {
.family-business .wp-block-column.col-right {
padding-left: 74px;
}
}
.family-business .d-flex-img p:first-of-type,
.family-business .inner-col p:first-of-type {
font-weight: 600;
}
.family-business .d-flex-img {
align-items: center;
display: flex;
}
.family-business .d-flex-img figure {
margin-right: 1.5rem !important;
}
@media (min-width: 768px) {
.family-business .d-flex-img figure {
margin-right: 2.5rem !important;
}
}
@media (min-width: 992px) {
.family-business .wp-block-group > .wp-block-columns {
gap: 10rem;
}
}
.family-business .style-svg,
.family-business svg {
margin-bottom: 2rem;
}
.agencies {
overflow: visible;
padding: 2.5rem 0 !important;
position: relative;
}
@media (min-width: 768px) {
.agencies {
padding: 8rem 0 !important;
}
}
@media (min-width: 781px) {
.agencies {
padding: 8rem 1.5rem !important;
}
}
.single-service .agencies:before {
background: url(//residea.fr/wp-content/themes/gp-starter/assets/images/agencies-rectangle-bleu.svg) no-repeat;
content: "";
display: none;
height: 140px;
position: absolute;
right: 0;
top: 0;
width: 316px;
}
@media (min-width: 781px) {
.single-service .agencies:before {
display: block;
}
}
.agencies-inner {
margin-bottom: 0 !important;
}
@media (min-width: 768px) {
.agencies-inner {
margin-bottom: 5rem !important;
}
}
.agencies-inner h6 {
margin-bottom: 1rem;
text-transform: uppercase;
}
.agencies-inner p {
margin-bottom: 5px;
}
.agencies-inner a:before {
background-image: url(//residea.fr/wp-content/themes/gp-starter/assets/images/arrow-right-blue.svg) !important;
}
.agencies-img {
padding-right: 0;
}
@media (min-width: 768px) {
.agencies-img {
padding-right: 4rem;
}
}
.agencies .wp-block-image img {
position: relative;
}
@media (min-width: 1400px) {
.agencies .wp-block-image img {
left: -75px;
}
}
.agencies p strong {
font-weight: 600;
}
@media (min-width: 768px) and (max-width: 781px) {
.agencies .agencies {
padding: 0 15px;
}
}
.agencies .wp-block-columns:first-child .wp-block-column:first-child {
padding: 0;
}
.agencies .wp-block-columns:first-child .wp-block-column:last-child {
padding: 0 15px;
text-align: center;
}
@media (min-width: 781px) {
.agencies .wp-block-columns:first-child .wp-block-column:last-child {
text-align: left;
}
}
.agencies .wp-block-columns:first-child .wp-block-column:last-child h2 {
margin-top: 2rem;
}
@media (min-width: 768px) {
.agencies .wp-block-columns:first-child .wp-block-column:last-child h2 {
margin-top: 0;
}
}
.agencies .wp-block-columns:first-child .wp-block-column:last-child h2 + p {
margin-bottom: 0;
}
@media (min-width: 781px) {
.agencies .wp-block-columns:first-child .wp-block-column:last-child h2 + p {
margin-bottom: 3rem;
}
}
.agencies .wp-block-columns:first-child .wp-block-column:last-child .wp-block-columns .wp-block-column {
margin-top: 3rem;
padding: 0 4rem;
}
@media (min-width: 768px) {
.agencies .wp-block-columns:first-child .wp-block-column:last-child .wp-block-columns .wp-block-column {
margin-top: 0;
padding: 0;
}
}
.two-columns {
padding: 5rem 0;
position: relative;
}
@media (min-width: 992px) {
.two-columns {
padding: 7rem 0;
}
}
@media (min-width: 1199px) {
.two-columns {
padding: 10rem 0;
}
}
.two-columns figure {
margin-bottom: 1rem;
padding: 0 15px;
}
@media (min-width: 768px) {
.two-columns figure {
margin-bottom: 0;
padding: 0;
}
}
.two-columns.yellow li:before {
background: #fabd34;
}
.two-columns.maintaining {
overflow: hidden;
padding: 3rem 0 0 !important;
}
@media (min-width: 768px) {
.two-columns.maintaining {
padding: 5rem 0 !important;
}
}
@media (min-width: 1199px) {
.two-columns.maintaining {
padding: 8rem 0 4.5rem !important;
}
}
.two-columns.maintaining .maintaining__img {
margin-bottom: 2rem;
position: relative;
}
@media (min-width: 768px) {
.two-columns.maintaining .maintaining__img {
margin-bottom: 0;
}
}
.two-columns.maintaining .maintaining__img:before {
background-color: rgba(76, 187, 184, 0.1);
content: " ";
height: calc(100% + 30px);
position: absolute;
right: 0;
top: -15px;
width: 100%;
z-index: -1;
}
@media (min-width: 768px) {
.two-columns.maintaining .maintaining__img:before {
height: 611px;
right: 65px;
top: -23px;
transform: rotate(-10deg);
width: 684px;
}
}
.two-columns.maintaining .maintaining__img img {
display: block;
margin: 0 auto;
max-width: 250px;
transform: rotate(0) !important;
}
@media (min-width: 768px) {
.two-columns.maintaining .maintaining__img img {
display: inline-block;
max-width: 100%;
}
}
.two-columns.deduction {
overflow: hidden;
padding: 2rem 0 1rem;
position: relative;
}
@media (min-width: 768px) {
.two-columns.deduction {
padding: 5rem 0 8rem;
}
}
@media (min-width: 992px) {
.two-columns.deduction {
padding: 7rem 0 14rem;
}
}
@media (min-width: 1199px) {
.two-columns.deduction {
padding: 10rem 0 21.2rem;
}
}
.two-columns.deduction figure {
margin-bottom: 2rem;
padding: 0;
}
.two-columns.deduction .wp-block-columns:first-child {
position: relative;
}
.two-columns.deduction .wp-block-columns:first-child:before {
border: 10px solid #4cbbb8;
bottom: -35px;
content: "";
display: none;
height: 270px;
left: -265px;
position: absolute;
transform: rotate(10deg);
width: 240px;
}
@media (min-width: 781px) {
.two-columns.deduction .wp-block-columns:first-child:before {
display: block;
}
}
@media (min-width: 992px) {
.two-columns.deduction .wp-block-columns:first-child:before {
height: 428px;
width: 428px;
}
}
.two-columns.deduction figure {
position: relative;
z-index: 5;
}
.two-columns.deduction figure img {
display: block;
margin: 0 auto;
transform: rotate(10deg);
}
@media (min-width: 768px) {
.two-columns.deduction figure img {
transform: rotate(-10deg) scale(0.9);
}
}
.two-columns.deduction .col-right {
padding-left: 0;
}
@media (min-width: 992px) {
.two-columns.deduction .col-right {
padding-left: 8rem;
}
}
.two-columns.deduction .col-right h2 {
margin-top: 2.5rem;
}
@media (min-width: 768px) {
.two-columns.deduction .col-right h2 {
margin-top: 5rem;
}
}
.two-columns.deduction .col-right h2:first-child {
margin-top: 0;
}
.two-columns.teammates .wp-block-columns:first-child {
flex-direction: column-reverse;
}
@media (min-width: 768px) {
.two-columns.teammates .wp-block-columns:first-child {
flex-direction: row;
}
}
.two-columns.teammates figure {
margin-bottom: 2rem;
padding: 0;
}
@media (min-width: 768px) {
.two-columns.teammates figure {
margin-bottom: 0;
}
}
.two-columns.teammates figure img {
transform: none !important;
width: 100%;
}
.two-columns.teammates .wp-block-column:first-child {
width: 100%;
}
@media (min-width: 768px) {
.two-columns.teammates .wp-block-column:first-child {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
}
.two-columns.teammates .wp-block-column:first-child h2 {
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
.two-columns.teammates .wp-block-column:first-child h2 {
margin-bottom: 3rem;
}
}
.two-columns.teammates .wp-block-column:first-child p {
margin-bottom: 1rem;
}
@media (min-width: 768px) {
.two-columns.teammates .wp-block-column:first-child p {
margin-bottom: 1.5rem;
}
}
.two-columns.teammates .wp-block-column:first-child p:last-child {
margin-bottom: 0;
}
.two-columns.teammates .wp-block-column:last-child {
width: 100%;
}
@media (min-width: 768px) {
.two-columns.teammates .wp-block-column:last-child {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
}
.two-columns .wp-block-columns .wp-block-column:first-child figure img,
.two-columns .wp-block-columns .wp-block-column:last-child figure img {
transform: rotate(-10deg) scale(0.9);
}
.two-columns.with-full-img {
padding: 3rem 0;
}
@media (min-width: 768px) {
.two-columns.with-full-img {
padding: 0 0 3rem;
}
}
@media (min-width: 992px) {
.two-columns.with-full-img {
padding: 0;
}
}
.two-columns.with-full-img li {
font-weight: 600;
margin-bottom: 5px;
}
.two-columns.with-full-img li:before {
transform: rotate(-10deg);
}
.two-columns.with-full-img li:last-child {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.two-columns.with-full-img li:last-child {
margin-bottom: 30px;
}
}
.two-columns.with-full-img .is-style-btn-yellow,
.two-columns.with-full-img .is-style-btn-yellow a {
width: 100%;
}
@media (min-width: 768px) {
.two-columns.with-full-img .is-style-btn-yellow,
.two-columns.with-full-img .is-style-btn-yellow a {
width: auto;
}
}
.two-columns.with-full-img .wp-block-columns .wp-block-column:first-child figure {
margin-bottom: 3rem;
padding: 50%;
position: relative;
}
@media (min-width: 576px) {
.two-columns.with-full-img .wp-block-columns .wp-block-column:first-child figure {
margin-bottom: 0;
padding: 0;
}
}
.two-columns.with-full-img .wp-block-columns .wp-block-column:first-child figure img {
-webkit-clip-path: polygon(100% 93%, 0 85%, 0 0, 100% 0);
clip-path: polygon(100% 93%, 0 85%, 0 0, 100% 0);
height: auto;
left: 0;
margin-left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
transform: rotate(-10deg) scale(1.3);
width: 100%;
}
@media (min-width: 576px) {
.two-columns.with-full-img .wp-block-columns .wp-block-column:first-child figure img {
-webkit-clip-path: none;
clip-path: none;
left: auto;
position: relative;
top: auto;
}
}
@media (min-width: 992px) {
.two-columns.with-full-img .wp-block-columns .wp-block-column:first-child figure img {
margin-left: 40px;
transform: translateY(80px) rotate(0);
}
}
@media (min-width: 1400px) {
.two-columns.with-full-img .wp-block-columns .wp-block-column:first-child figure img {
margin-left: 100px;
transform: translateY(120px) rotate(0);
}
}
.practical-advice {
padding: 2rem 0;
position: relative;
}
@media (min-width: 768px) {
.practical-advice {
padding: 4rem 0;
}
}
.practical-advice h6 {
font-weight: 400;
margin-bottom: 10px;
}
.practical-advice .inner-col-full h2 {
margin-bottom: 14px;
margin-top: 30px;
}
@media (min-width: 992px) {
.practical-advice .inner-col-full h2 {
margin-top: 50px;
}
}
.practical-advice .inner-col-full h2:first-of-type {
margin-top: 0;
}
.practical-advice .inner-col-full figure {
margin-bottom: 10px;
margin-top: 30px;
}
@media (min-width: 992px) {
.practical-advice .inner-col-full figure {
margin-top: 50px;
}
}
.practical-advice .inner-col-full h6 {
margin-bottom: 0;
}
.practical-advice .inner-col a {
display: inline-block;
margin-right: 16px;
}
.practical-advice .inner-col a:last-child {
margin-right: 0;
}
.practical-advice .inner-col a:hover svg g {
fill: #0098ca;
transition: all 0.3s linear;
}
.cta-yellow {
overflow: hidden;
padding: 3rem 0 2.5rem;
position: relative;
}
@media (min-width: 992px) {
.cta-yellow {
padding: 4rem 0 3rem;
}
}
@media (min-width: 1400px) {
.cta-yellow {
padding: 4.5rem 0 3.5rem;
}
}
.cta-yellow:before {
background: url(//residea.fr/wp-content/themes/gp-starter/assets/images/cta-yellow.svg) no-repeat;
content: "";
height: 234px;
left: 0;
opacity: 0.2;
position: absolute;
top: 0;
transform: rotate(90deg);
width: 234px;
}
@media (min-width: 1400px) {
.cta-yellow:before {
opacity: 1;
top: auto;
}
}
.cta-yellow h2 {
line-height: 3.6rem;
margin-bottom: 0;
}
.cta-yellow p {
letter-spacing: 0;
margin-bottom: 0;
}
.cta-yellow .heading-col {
padding-left: 0;
}
@media (min-width: 992px) {
.cta-yellow .heading-col {
padding-left: 60px;
}
}
.three-col-with-icon {
padding: 2.5rem 0;
}
@media (min-width: 768px) {
.three-col-with-icon {
padding: 4rem 0 5rem;
}
}
@media (min-width: 992px) {
.three-col-with-icon {
padding: 5rem 0 7rem;
}
}
@media (min-width: 1199px) {
.three-col-with-icon {
padding: 6rem 0 10rem;
}
}
.three-col-with-icon figure {
margin-bottom: 5px;
}
@media (min-width: 992px) {
.three-col-with-icon figure {
margin-bottom: 25px;
}
}
.three-col-with-icon h2 {
line-height: 3.6rem;
margin-bottom: 10px;
}
.three-col-with-icon p {
margin-bottom: 1rem;
}
.brand-icon {
padding: 2rem 0;
}
@media (min-width: 768px) {
.brand-icon {
padding: 3rem 0;
}
}
@media (min-width: 992px) {
.brand-icon {
padding: 3rem 0 5rem;
}
}
@media (min-width: 1400px) {
.brand-icon {
padding: 4rem 0 10rem;
}
}
.brand-icon .wp-block-columns {
margin-bottom: 10px;
}
@media (min-width: 992px) {
.brand-icon .wp-block-columns {
margin-bottom: 20px;
}
}
.brand-icon .wp-block-columns .wp-block-column {
margin-bottom: 3rem;
}
@media (min-width: 782px) {
.brand-icon .wp-block-columns .wp-block-column {
margin-bottom: 0;
}
}
.form {
padding: 3rem 1.5rem;
position: relative;
}
@media (min-width: 768px) {
.form {
padding: 6rem 1.5rem;
}
}
.form.contact-form {
position: relative;
}
.form.contact-form h2 {
text-align: center !important;
}
.form.contact-form .btn {
width: 100% !important;
}
.form.contact-form.aos-animate:after,
.form.contact-form.aos-animate:before {
opacity: 1;
}
.form.contact-form:after,
.form.contact-form:before {
content: "";
display: none;
opacity: 0;
position: absolute;
transition: all 0.3s linear 1s;
}
@media (min-width: 992px) {
.form.contact-form:after,
.form.contact-form:before {
display: block;
}
}
.form.contact-form:before {
background: url(//residea.fr/wp-content/themes/gp-starter/assets/images/contact-form-rectangle-orange.svg) no-repeat;
height: 247px;
left: 0;
top: 0;
width: 309px;
}
.form.contact-form:after {
background: url(//residea.fr/wp-content/themes/gp-starter/assets/images/contact-form-rectangle-yellow.svg) no-repeat;
bottom: 0;
height: 430px;
right: 0;
width: 242px;
}
.service-template-default .two-column-with-icon figure.main-img img {
transform: rotate(-10deg);
}
.service-template-default .two-column-with-icon .page-icon-main {
padding-left: 0;
}
@media (min-width: 992px) {
.service-template-default .two-column-with-icon .page-icon-main {
padding-left: 2rem;
}
}
@media (min-width: 1199px) {
.service-template-default .two-column-with-icon .page-icon-main {
padding-left: 10rem;
}
}
@media (min-width: 1400px) {
.service-template-default .two-column-with-icon .page-icon-main {
padding-left: 14rem;
}
}
.agency-template-default .two-column-with-icon figure.main-img img {
transform: rotate(-10deg);
}
.agency-template-default .two-column-with-icon .page-icon-main {
padding-left: 0;
}
@media (min-width: 992px) {
.agency-template-default .two-column-with-icon .page-icon-main {
padding-left: 2rem;
}
}
@media (min-width: 1199px) {
.agency-template-default .two-column-with-icon .page-icon-main {
padding-left: 4rem;
}
}
@media (min-width: 1400px) {
.agency-template-default .two-column-with-icon .page-icon-main {
padding-left: 7rem;
}
}
body.page-light-green .main-wrapper .two-column-with-icon svg g {
fill: #4cbbb8;
}
body.page-light-green .main-wrapper .two-column-with-icon .two-column-with-icon__rectengle svg g {
fill: transparent;
}
body.page-light-green .main-wrapper .two-column-with-icon .two-column-with-icon__rectengle svg rect {
stroke: #4cbbb8;
}
body.page-light-green .main-wrapper .two-columns.maintaining .maintaining__img:before {
background: rgba(76, 187, 184, 0.1) !important;
}
body.page-light-green .main-wrapper .request .gform_wrapper.gravity-theme .gform_footer button {
background: #4cbbb8;
border: 1px solid transparent;
color: #fff;
}
body.page-light-green .main-wrapper .request .gform_wrapper.gravity-theme .gform_footer button:hover {
background: transparent;
border: 1px solid #4cbbb8;
color: #4cbbb8;
}
body.page-light-green .main-wrapper .two-columns.deduction:before {
border: 10px solid #4cbbb8;
}
body.page-purple .main-wrapper .two-column-with-icon svg g {
fill: #5d62aa;
}
body.page-purple .main-wrapper .two-column-with-icon .two-column-with-icon__rectengle svg g {
fill: transparent;
}
body.page-purple .main-wrapper .two-column-with-icon .two-column-with-icon__rectengle svg rect {
stroke: #5d62aa;
}
body.page-purple .main-wrapper .two-columns.maintaining .maintaining__img:before {
background: rgba(93, 98, 170, 0.1) !important;
}
body.page-purple .main-wrapper .request .gform_wrapper.gravity-theme .gform_footer button {
background: #5d62aa;
border: 1px solid transparent;
color: #fff;
}
body.page-purple .main-wrapper .request .gform_wrapper.gravity-theme .gform_footer button:hover {
background: transparent;
border: 1px solid #5d62aa;
color: #5d62aa;
}
body.page-purple .main-wrapper .two-columns.deduction:before {
border: 10px solid #5d62aa;
}
body.page-orange .main-wrapper .two-column-with-icon svg g {
fill: #e46149;
}
body.page-orange .main-wrapper .two-column-with-icon .two-column-with-icon__rectengle svg g {
fill: transparent;
}
body.page-orange .main-wrapper .two-column-with-icon .two-column-with-icon__rectengle svg rect {
stroke: #e46149;
}
body.page-orange .main-wrapper .two-columns.maintaining .maintaining__img:before {
background: rgba(228, 97, 73, 0.1) !important;
}
body.page-orange .main-wrapper .request .gform_wrapper.gravity-theme .gform_footer button {
background: #e46149;
border: 1px solid transparent;
color: #fff;
}
body.page-orange .main-wrapper .request .gform_wrapper.gravity-theme .gform_footer button:hover {
background: transparent;
border: 1px solid #e46149;
color: #e46149;
}
body.page-orange .main-wrapper .two-columns.deduction:before {
border: 10px solid #e46149;
}
body.page-yellow .main-wrapper .two-column-with-icon svg g {
fill: #fabd34;
}
body.page-yellow .main-wrapper .two-column-with-icon .two-column-with-icon__rectengle svg g {
fill: transparent;
}
body.page-yellow .main-wrapper .two-column-with-icon .two-column-with-icon__rectengle svg rect {
stroke: #fabd34;
}
body.page-yellow .main-wrapper .two-columns.maintaining .maintaining__img:before {
background: rgba(250, 189, 52, 0.1) !important;
}
body.page-yellow .main-wrapper .request .gform_wrapper.gravity-theme .gform_footer button {
background: #fabd34;
border: 1px solid transparent;
color: #fff;
}
body.page-yellow .main-wrapper .request .gform_wrapper.gravity-theme .gform_footer button:hover {
background: transparent;
border: 1px solid #fabd34;
color: #fabd34;
}
body.page-yellow .main-wrapper .two-columns.deduction:before {
border: 10px solid #fabd34;
}
.faq-cta {
padding: 20px 0;
}
.faq-cta .wp-block-columns {
gap: 60px;
}
@media (max-width: 781px) {
.faq-cta .wp-block-columns {
text-align: center;
}
}
.faq-cta .wp-block-columns .wp-block-column:last-child > .wp-block-columns {
gap: 10px;
}
.faq-cta .wp-block-columns .wp-block-column:last-child > .wp-block-columns img,
.faq-cta .wp-block-columns .wp-block-column:last-child > .wp-block-columns svg {
width: 64px;
}
.faq-cta .wp-block-columns .wp-block-column:last-child > .wp-block-columns p {
font-size: 16px;
line-height: 20px;
margin-bottom: 0;
}
.faq-cta .wp-block-columns .wp-block-column:first-child p {
margin-bottom: 0;
} .border_pur rect{
stroke: #5D62AA;
}
.border_blue rect {
stroke: #2598CA;
}
.border_turquoise rect {
stroke: #4CBBB8;
}
.border_tomato rect {
stroke: #E46149;
}
.few-figures__text-inner {
max-width: 380px;
position: relative;
}
.testimonial_icon a {
display: block;
}
.testimonial_icon {
position: absolute;
right: -84px;
top: 0;
}
.row.agencies-list__slider {
gap: 30px 0;
}
.agencies-list__content{
margin-bottom: 0;
height: 100%;
}
section.few-figures{
position: relative;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1599px){
.header .nav-main ul.primary li.has-btn a {
line-height: 1.4;
padding: 12px 15px;
font-size: 14px;
}
.header .nav-main .menu-item a {
font-size: 14px;
}
.header .nav-main .menu-item{
margin: 0 8px;
}
.header__logo-link svg {
height: 50px;
}
.job-content .wp-block-image.size-full.square-bg-lines:before{
height: 495px;
bottom: 100px;
}
body .masthead-single-job img{
top: 0 !important;
}
svg.opportunities__bg-left {
left: -100px;
}
.few-figures__text-inner{
max-width: 360px;
}
}
@media (min-width: 992px) and (max-width: 1199px){
body .masthead-single-job img{
top: 0 !important;
}
.service-template-default .two-column-with-icon figure.main-img img {
transform: rotate(-4deg);
}
.single-service .agencies:before{
height: 80px;
background-position: bottom;
}
.opportunities .container {
max-width: 780px;
}
.opportunities__bg-right {
max-height: 275px;
}
.footer p {
font-size: 14px;
}
svg.opportunities__bg-left {
width: 300px;
height: 380px;
transform: translateY(-70%);
}
.two-columns.with-full-img .wp-block-columns .wp-block-column:first-child figure img {
transform: translateY(100px) rotate(-6deg);
}
.few-figures__text-inner {
max-width: 330px;
}
}
@media (min-width: 768px) and (max-width: 991px){
body .masthead-single-job img{
top: 0 !important;
right: -50px !important;
transform: rotate(-6deg) !important;
}
.masthead-single-job .masthead_job_icol{
position: relative;
}
.masthead-single-job .row .masthead_job_icol svg {
left: -30px;
height: auto;
width: 130px;
}
.service-template-default .two-column-with-icon figure.main-img img {
transform: rotate(0);
max-width: 400px;
}
.agencies .wp-block-image img {
max-width: 450px;
}
.hero-rotade-img.masthead .no-pad-mob {
position: relative;
}
body .hero-rotade-img img {
top: -30px !important;
transform: rotate(-5deg) !important;
right: -50px !important;
}
.hero-rotade-img.masthead svg {
width: 130px;
bottom: 20px;
left: -30px;
}
.agencies .wp-block-image {
text-align: center;
}
.faq-cta {
padding: 40px 0;
}
.opportunities__bg-right {
max-width: 220px;
}
.few-figures__left{
padding-top: 0;
}
.footer p {
font-size: 14px;
}
svg.opportunities__bg-left {
width: 300px;
height: 250px;
transform: translateY(-60%);
}
.brand-icon .wp-block-columns .wp-block-column {
flex-basis: 25% !important;
}
.two-columns.teammates .wp-block-column.pro_text_col {
flex: 0 0 100%;
max-width: 100%;
}
.two-columns.teammates .wp-block-column.pro_img_col {
flex: 0 0 70%;
max-width: 70%;
}
.agencies-list {
padding-bottom: 30px;
}
.agencies .wp-block-columns:first-child .wp-block-column:last-child .wp-block-columns .wp-block-column .decouvrir-btn {
justify-content: center;
}
.agencies-inner {
margin-bottom: 20px !important;
}
body .les-agences-list {
justify-content: center;
padding-top: 40px;
}
}
@media screen and (max-width: 767px){
body .masthead-single-job img{
width: 100% !important;
transform: none !important;
top: 0px !important;
left: 0 !important;
right: 0 !important;
}
.masthead_job_icol{
padding: 0;
}
.masthead.masthead-single-job .row {
gap: 0;
}
.masthead-single-job .row .masthead_job_icol svg {
bottom: -9%;
height: auto;
width: 90px;
left: 60%;
}
body .job-container {
margin-top: 20px;
}
.masthead-single-job .masthead_job_icol {
position: relative;
}
.masthead-single-job .row .masthead_job_icol svg {
left: auto;
height: auto;
width: 100px;
bottom: -10px;
}
.service-template-default .two-column-with-icon figure.main-img img {
transform: rotate(0);
margin: 0 0 20px;
}
.single-service .two-column-with-icon {
padding-top: 10px;
padding-bottom: 50px;
}
.faq-cta {
padding: 40px 0;
}
.hero-rotade-img h1.masthead__title {
font-size: 28px;
line-height: 1.2;
}
.footer p {
font-size: 14px;
}
.opportunities h2.title {
font-size: 20px;
}
.inner-masthead h1 {
font-size: 28px;
line-height: 1.2;
}
body .services{
margin-top: 40px;
}
.tailor-made .wp-block-column-is-layout-flow .wp-block-columns {
flex-wrap: wrap !important;
gap: 20px 0;
}
.agencies .wp-block-columns:first-child .wp-block-column:last-child .wp-block-columns .wp-block-column {
padding: 0;
}
.testimonial_icon {
position: relative;
right: 0;
margin: 15px 0 0;
}
}
@media screen and (max-width: 450px) {
.page-id-467 .masthead .agency_sub_img + svg{
max-width: 80px;
bottom: 0;
}
body.page-id-580 .masthead svg {
left: auto;
}
}
@media screen and (max-width: 767px) {
.agencies-list__slider .owl-item .col-md-6 {
max-width: 270px;
min-width: 270px;
}
.agencies-list .owl-carousel .owl-stage-outer {
overflow: hidden;
display: inline-block;
}
.gform_wrapper.gravity-theme form .gfield.gfield--type-consent .ginput_container_consent label.gform-field-label:after{
left: 4px;
top: 5px;
}
} figure.wp-block-image.logopayelo_mob {
display: none;
}
@media screen and (max-width: 781px){
figure.wp-block-image.logopayelo_mob {
display: inline-block;
max-width: 210px;
padding: 20px 0 20px;
}
figure.wp-block-image.logopayelo_desc {
display: none;
}
.agencies-list__slider .agencies-list__text {
min-height: 230px;
}
.agencies-list__text {
display: flex;
flex-flow: column;
justify-content: space-between;
}
}.counter {
padding: 2.5rem 0 1.5rem;
position: relative;
}
@media (min-width: 992px) {
.counter {
padding: 3rem 0 3.5rem;
padding: 4.5rem 0 6.5rem;
}
}
@media (min-width: 1199px) {
.counter {
padding: 6.5rem 0 8.5rem;
}
}
.counter__title {
margin-bottom: 2rem;
}
@media (min-width: 992px) {
.counter__title {
margin-bottom: 3rem;
}
}
.counter__count {
color: #0098ca;
font-size: 3rem;
line-height: 4.5rem;
margin-bottom: 0;
text-align: center;
}
@media (min-width: 992px) {
.counter__count {
font-size: 5rem;
line-height: 8rem;
}
}
@media (min-width: 1199px) {
.counter__count {
font-size: 7rem;
line-height: 10.6rem;
}
}
.counter__count-text {
color: #0098ca !important;
text-align: center;
text-transform: uppercase;
}
.counter__btn {
text-align: center;
width: 100%;
}
@media (min-width: 576px) {
.counter__btn {
width: auto;
}
}
@media (min-width: 992px) {
.counter__btn {
margin-top: 1.5rem;
}
}
.counter .col-lg-6 {
position: static;
}
.counter .col-lg-6:last-child {
padding-top: 0;
}
@media (min-width: 992px) {
.counter .col-lg-6:last-child {
padding-top: 5rem;
padding-top: 7rem;
}
}
.counter .col-lg-6:last-child:before {
background: #0098CA;
content: " ";
display: none;
height: 100%;
left: calc(50% + 50px);
position: absolute;
top: 0;
width: 50vw;
z-index: 1;
}
@media (min-width: 992px) {
.counter .col-lg-6:last-child:before {
display: block;
}
}
.counter__slider-cont {
background: #5d5c5c;
margin-top: 5rem;
padding: 5rem 1.5rem 1rem;
position: relative;
}
@media (min-width: 768px) {
.counter__slider-cont {
margin-top: 3rem;
padding: 5rem 2.5rem 2.5rem;
}
}
@media (min-width: 992px) {
.counter__slider-cont {
background: none;
margin-left: 3.5rem;
margin-top: 0;
padding-left: 15.5rem;
}
}
.counter__slider-cont svg {
display: block;
margin: 0 auto 15px;
}
@media (min-width: 576px) {
.counter__slider-cont svg {
margin: auto;
}
}
.counter__slider-cont * {
color: #fff !important;
position: relative;
z-index: 5;
}
.counter__slider-cont svg,
.counter__slider-cont > img {
margin-bottom: 2rem;
}
@media (min-width: 992px) {
.counter__slider-cont svg,
.counter__slider-cont > img {
left: calc(50% + 50px);
left: 6rem;
position: absolute;
top: 5rem;
}
}
.counter__slider-cont .row {
align-items: center;
}
.counter__slider-cont .row .h5 {
margin-bottom: 0;
text-transform: uppercase;
}
.counter__slider-cont .owl-dots {
margin: 4rem 0;
text-align: center;
}
@media (min-width: 768px) {
.counter__slider-cont .owl-dots {
margin: 3rem 0 1.5rem;
text-align: left;
}
}
.counter__slider-cont .owl-dot {
margin-right: 1.5rem;
}
.counter__slider-cont .owl-dot span {
background: hsla(0, 0%, 100%, 0.1);
display: inline-block;
height: 12px;
width: 12px;
}
.counter__slider-cont .owl-dot.active span {
background: #fff;
transform: rotate(-10deg);
}
.counter__slider-content h5,
.counter__slider-content p:last-child {
margin-bottom: 0;
}
.counter__slider-col {
padding: 0 !important;
}
@media (min-width: 768px) {
.counter__slider-col {
padding: 0 1.5rem !important;
}
}
.counter__percent {
color: #fff;
font-size: 3rem;
line-height: 4.5rem;
margin-bottom: 0;
text-align: center;
}
@media (min-width: 992px) {
.counter__percent {
font-size: 5rem;
line-height: 8rem;
}
}
@media (min-width: 1199px) {
.counter__percent {
font-size: 7rem;
line-height: 10.6rem;
}
}
.counter__row {
display: flex;
justify-content: center;
margin-bottom: 2rem;
margin-top: 3rem;
}
@media (min-width: 576px) {
.counter__row {
flex-wrap: wrap !important;
}
}
@media (min-width: 768px) {
.counter__row {
flex-wrap: nowrap !important;
margin-bottom: 2.5rem;
margin-top: 0;
}
}
@media (max-width: 400px) {
.counter__row .col-4 {
flex: 0 0 50%;
max-width: 50%;
}
}
.counter__bottom-row {
display: none !important;
}
@media (min-width: 576px) {
.counter__bottom-row {
display: flex !important;
}
}