/* ----- RESET ----- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
*, *::before, *::after {
    box-sizing: border-box;
}
img {
    max-width: 100%;
    width: auto;
    height: auto;
}
/* ----- /RESET ----- */

/* ----- BASE ----- */
html{
    font-size: 16px;
}
body{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #000000;
    line-height: 1.5rem;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}
ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
img{
    max-width: 100%;
    width: auto;
    height: auto;
}
.page-wrap{
    overflow: hidden;
}
a{
    text-decoration: none;
    color: #0B6BBF;
}
a:hover{
    text-decoration: none;
}

.container {
    max-width: 1290px;
    margin: 0 auto;
    padding: 0 15px;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.col {
    flex: 1 0 0%;
    padding-left: 15px;
    padding-right: 15px;
}
/* ----- BASE ----- */
/*  */
/* ----- TYPOGRAPHY ----- */
h1 {

    font-size: 1.2rem;

    line-height: 1.61rem;

    font-weight: 700;

    color: #a3acae;

    margin-bottom: 0.7rem;

    letter-spacing: 1px;
}

h2 {
    font-size: 3.5rem;
    line-height: 4.41rem;
    font-weight: 600;
    color: #46585D;
    text-transform: uppercase;
    margin-bottom: 0.7rem;
    letter-spacing: 0.3px;
}
h3 {
    font-weight: 700;
    color: #46585D;
    font-size: 3.5rem;
    line-height: 4.41rem;
}

.h3 {
    font-size: 2.625rem;
    font-weight: 600;
    line-height: 3.3125rem;
}

h4 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: 700;
}

/* ----- /TYPOGRAPHY ----- */
/*  */
/* ----- BUTTONS ----- */
.btn-white {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #E9446E;
    font-weight: 600;
}
.btn-white:hover {
    border-color: #E9446E;
}
button {
    font-family: 'Plus Jakarta Sans', sans-serif;
    cursor: pointer;
    font-size: 1rem;
}
/* ----- /BUTTONS ----- */
/*  */
/* ----- HEADER ----- */

.top-header {
    background: #46585E;
    text-align: center;
    padding: 0.7rem 0;
    margin-bottom: 4.55rem;
}

.top-header a {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.top-header a img {
    margin-right: 0.7rem;
    margin-top: -0.2rem;
    vertical-align: middle;
}

.main-header .container {
    display: flex;
    justify-content: space-between;
}

.main-header .logo {
    transition: transform 0.3s;
}
.main-header .logo:hover {
    transform: scale(1.08);
}

.main-nav {
    width: 100%;
    max-width: 74.4%;
}

.menu {
    display: flex;
    justify-content: space-between;
}

.menu > li {
    width: 20%;
}

.menu li a, .menu li span {
    text-align: center;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    /* color: #567077; */
    padding: 0 1.2rem;
    transition: 0.3s;
}

.menu > li.menu-cat-dossiers {
    width: 60%;
}

.menu > li > a, .menu > li > span {
    text-transform: uppercase;
    padding-bottom: 0.3rem;
}

.sub-menu {
    display: flex;
    justify-content: space-between;
    border-top: 4px solid;
    /* padding: 0.6rem 0; */
}

.sub-menu li {
    width: 100%;
}

.menu-cat-media .sub-menu {
    border-top-color: #338E84;
    transition: 0.3s;
}
.menu-cat-media .sub-menu:hover {
    background: rgba(51, 142, 132, 0.1);
}

.menu-cat-dossiers .sub-menu {
    border-top-color: #567077;
}

.menu-cat-plaisir .sub-menu {
    border-top-color: #E9446E;
    transition: 0.3s;
}
.menu-cat-plaisir .sub-menu:hover {
    background: rgba(233, 68, 110, 0.03);
}
.menu-cat-plaisir span, .menu-cat-plaisir a {color: #E9446E;}

.menu-cat-dossiers span, .menu-cat-dossiers a {
    color: #567077;
}

.menu-cat-media span, .menu-cat-media a {
    color: #338E84;
}

.header {
    margin-bottom: 7.4rem;
}

.menu .sub-menu a {
    padding: 0.6rem 0.6rem;
    text-align: center;
    display: block;
}

.menu-cat-dossiers .sub-menu a:hover {
    background: #eef2f3;
}

.menu-cat-dossiers .sub-menu a {
    color: #46585D;
    padding: 0.6rem 0.5rem;
}

.menu-cat-dossiers .sub-menu li {
    width: 33.3%;
}

/* Active menu item */
.menu-cat-media .sub-menu li.menu-active a {
    background: rgba(51, 142, 132, 0.1);
}
.menu-cat-dossiers .sub-menu li.menu-active a {
    background: #eef2f3;
}
.menu-cat-plaisir .sub-menu li.menu-active a {
    background: rgba(233, 68, 110, 0.03);
}

/* ----- /HEADER ----- */
/*  */

/* ----- SECTION TEXT ----- */

.section-text h1 {
    margin-left: 0.2rem;
}

.section-text h2 {
    display: flex;
    align-items: flex-end;
}

.section-text h2 .read-more {
    margin-bottom: 0.5rem;
}

.read-more {
    font-size: 0.75rem;
    color: #46585D;
    margin-left: 1.15rem;
    font-weight: 700;
    margin-bottom: -0.1rem;
    display: flex;
    align-items: flex-start;
    text-transform: uppercase;
    position: relative;
    line-height: 1.5rem;
}

.read-more img {
    margin-right: 0.7rem;
    vertical-align: middle;
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
}

.section-text p {
    max-width: 830px;
}

.section-text {
    margin-bottom: 3.9rem;
}

/* ----- /SECTION TEXT ----- */
/*  */

/* ----- SECTION CATEGORY ----- */

.section-category {
    margin-bottom: 3.3rem;
}

.category-thumb {
    margin-bottom: 0.7rem;
    position: relative;
    border-radius: 0.75rem;
    overflow: hidden;
    display: block;
}

.category-thumb img {
    display: block;
    width: 100%;
}

.category-thumb:hover:before {
    opacity: 1;
}

.category-thumb:before {
    content: '';
    background-color: #e9446eb8;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(img/hp/icon-eye.svg);
    background-size: 6rem;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
    opacity: 0;
}

.icon-book:after {
    content: '';
    content: '';
    background-color: #e9446eb8;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(img/hp/icon-book.svg);
    background-size: 2.7rem;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
    /* opacity: 0; */
}

.icon-gift:after {
    content: '';
    content: '';
    background-color: #e9446eb8;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(img/hp/icon-gift.svg);
    background-size: 3.4rem;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
    /* opacity: 0; */
}

.icon-book:hover:after,
.icon-gift:hover:after{
    opacity: 0;
}

.category-items li a {
    color: #46585D;
	font-size: 14px;
}

.section-category .container {
    display: flex;
    align-items: flex-start;
}

.category-content {
    padding-left: 2.1rem;
    padding-top: 1.35rem;
}

.category-content h3 {
    margin-left: 1.2rem;
    margin-bottom: 1.4rem;
    position: relative;
}

.category-content h3:before {
    content: '';
    width: 4.4rem;
    height: 0.5rem;
    position: absolute;
    left: -5.3rem;
    top: 2.2rem;
    background: #46585D;
}

.category-description {
    padding-left: 1.7rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: flex;
    justify-content: space-between;
    padding-right: 0.3rem;
    margin-bottom: 1.7rem;
    align-items: flex-end;
}

.category-description p {
    max-width: 77%;
}

.category-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5.3%;
    align-items: flex-start;
}

.category-items li {
    margin-bottom: 2.2rem;
    flex: 0 0 21%;
    color: #46585D;
    flex-direction: column-reverse;
    display: flex;
}

.category-description .read-more {
    margin-bottom: 0.3rem;
    letter-spacing: 0.2px;
}

.category-description .read-more img {
    margin-bottom: 0.5rem;
}


/* ----- SECTION CTA ----- */

.section-cta {
    margin-bottom: 7.5rem;
    margin-top: -1.7rem;
}

.section-cta .container {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

.cta {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    height: 24.7rem;
    border-radius: 1rem;
    background-size: cover;
    background-repeat: no-repeat;
}

.cta-social {
    background-image: url(img/hp/cta1.png);
}

.cta-site {
    background-image: url(img/hp/cta2.png);
}

.cta .h4, .cta h4 {
    color: #fff;
    margin-bottom: 2.7rem;
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: 700;
}

.cta .h4 a 
{
	color: #FAFAFA !important;
}

.cta .h4 a:hover
{
	text-decoration:underline;
}

.social-icon {
    border: 2px solid #fff;
    border-radius: 1.5rem;
    padding: 1.1rem 1.1rem 1rem;
    display: inline-block;
    margin: 0 0.7rem;
    transition: 0.3s;
}

.social-icon:hover {
    background: #ffffff26;
}

.btn {
    border-radius: 1.5rem;
    padding: 1.2rem 1.6rem;
    transition: 0.4s;
    text-transform: uppercase;
    border: 0;
}

.cta .btn {
    background: #fff;
    color: #E9446E;
    font-weight: 700;
    border: 2px solid #fff;
    padding: 1.2rem 1.6rem;
    transition: 0.3s;
}

.cta .btn:hover {
    border-color: #E9446E;
}

/* ----- /SECTION CTA ----- */
/*  */



/* ----- SECTION CARDS ----- */

.section-cards {
    padding-top: 2.7rem;
    margin-bottom: 6.95rem;
}

.section-cards .container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.7rem;
}

.card {
    flex: 0 0 calc(25% - 1.3rem);
    margin-bottom: 0.2rem;
    display: flex;
    flex-direction: column;
}

.card.card-fullwidth {
    flex: 0 0 100%;
    position: relative;
    max-width: 100%;
    border-radius: 1.5rem;
    overflow: hidden;
    margin-bottom: 0.2rem;
}

.card.card-one-half {
    flex: 0 0 calc(50% - 1.2rem);
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
}

.card-thumb {
    width: 100%;
    margin-bottom: 0.55rem;
    border-radius: 1.5rem;
    overflow: hidden;
    order: -1;
}

.card-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-position: center;
}

.card.card-fullwidth .card-content {
    padding: 9.55rem 6.85rem 9.85rem;
    position: relative;
    max-width: 765px;
}

.card.card-fullwidth .card-content h2 {
    margin-bottom: 1rem;
}

.card.card-fullwidth .card-content p {
    margin-bottom: 2.1rem;
    font-size: 1rem;
    line-height: 1.5rem;
}

.card h3, .card h3 > a {
    margin-bottom: 1.1rem;
    line-height: 2rem;
    font-size: 1.5rem;
    display: block;
    line-height: 2rem;
    font-weight: 700;
    color: #46585D;
}

.card h3 > a {
    margin-bottom: 0;
    transition: 0.3s;
}

.card h3 > a:hover {
    color: #E9446E;
}

.card p {
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
}

.card .read-more {
    margin-bottom: 0.2rem;
    margin-left: 0.2rem;
    position: relative;
    cursor: pointer;
    transition: 0.3s;
}
.card .read-more img {
    margin-top: 0.2rem;
}

.read-more:hover {
    color: #E9446E;
}

.card ul,
.section-cards ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.card ul li {
    list-style-type: none;
}

.card.card-one-half .card-content {
    padding: 6.55rem 3.85rem 5.85rem;
    position: relative;
    max-width: 410px;
}

.card.card-one-half .card-content p {
    font-size: 0.7425rem;
}

.card.card-one-half .card-content h4 {
    font-size: 2.228125rem;
    margin-bottom: 2.2rem;
}

/* ----- /SECTION CARDS ----- */
/*  */


/* ----- SECTION CONTACT ----- */

.contact {
    background: url(img/hp/contact-bg.png);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 21.4rem;
    border-radius: 1.2rem;
    background-size: cover;
    margin-bottom: 7.65rem;
}

.contact .h4 {
    color: #fff;
    margin-bottom: 2.7rem;
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: 700;
}

.contact input {
    background: #fff;
    height: 3.9rem;
    border: 0;
    border-radius: 1.5rem;
    width: 21.9rem;
    font-size: 1rem;
    padding: 0px 1.5rem;
    box-sizing: border-box;
    letter-spacing: 0.6px;
    color: #46585D80;
    box-shadow: none;
    outline: none;
}

.contact input[type="submit"] {
    height: 3.9rem;
    border-radius: 1.5rem;
    color: #fff;
    background: #E9446E;
    border: 0;
    width: auto;
    padding: 0 2rem;
    margin-left: 1.4rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 1rem;
    transition: 0.3s;
    cursor: pointer;
}

.contact input[type="submit"]:hover {
    background: #cb3c60;
}


/* ----- /SECTION CONTACT ----- */
/*  */



/* ----- SECTION VISIBILITY ----- */

.section-visibility {
    padding-bottom: 3rem;
}

.section-visibility h1 {
    font-size: 3.3125rem;
    letter-spacing: 0;
    line-height: 4.17375rem;
    max-width: 950px;
    margin-bottom: 2.1rem;
    color: #46585D;
}

.section-visibility h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.8rem;
}

.section-visibility h5 {
    max-width: 700px;
    line-height: 1.25rem;
    font-weight: 600;
    margin-bottom: 30px;
}

.section-visibility p {
	max-width: 700px;
	line-height: 1.25rem;
	font-weight: 600;
	margin-bottom: 30px;
}

.btn-pink {
    background: #E9446E;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 1.25rem 1.74rem 1.25rem 1.44rem;
    border-radius: 1.4rem;
}

.section-visibility .btn-pink {
    margin-top: 1.55rem;
    display: inline-block;
}

.btn-pink img {
    margin-left: 0.7rem;
}

.visibility-image {
    position: absolute;
    right: -6.4rem;
    top: -3rem;
}

.section-visibility .container {
    position: relative;
}

/* ----- SECTION VISIBILITY ----- */
/*  */
/* ----- SECTION TRUST ----- */
.section-trust .title {
    text-align: center;
    margin-bottom: 3.9rem;
}
.section-trust {
    padding-top: 1.1rem;
    padding-bottom: 2.1rem;
	margin-top: 60px;
}
.section-trust h2 {
    margin-bottom: 40px;
	text-transform: none !important;
	letter-spacing: normal !important;
}
.section-trust .title p {
    font-weight: 600;
    color: #46585D;
}
.section-trust .col {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.section-trust .row {
    margin: 0 0.4rem;
}
.section-trust .col p {
    font-weight: 600;
    color: #46585D;
    margin-bottom: 0;
    margin-top: -0.3rem;
}
/* ----- /SECTION TRUST ----- */
/*  */
/* ----- SECTION PROJECTS ----- */
.section-projects {
    padding-top: 1.3rem;
    padding-bottom: 2.5rem;
}
.section-projects h2 {
    text-transform: none;
    margin-bottom: 4.6rem;
}
.section-projects .title {
    text-align: center;
    margin: 0 auto 3.4rem;
    max-width: 60rem;
}
.section-projects h2 .text-pink {
    color: #E9446E;
}
.section-projects h2 .text-green {
    color: #1CB848;
}
.section-projects .title p {
    color: #46585D;
    font-weight: 600;
    margin-bottom: 0.7rem;
}
.section-projects .row {
    margin: 0 -1rem;
}
.section-projects .col {
    padding: 0 1rem;
}
.projects-item {
    border-radius: 1rem;
    display: block;
    position: relative;
    overflow: hidden;
    height: 11.9rem;
}
.projects-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}
.projects-item:hover img {
    transform: scale(1.1);
}
.projects-item p {
    font-size: 2rem;
    color: #ffffff;
    position: absolute;
    z-index: 10;
    font-weight: 700;
    top: 2.8rem;
    left: 2.7rem;
}
/* ----- /SECTION PROJECTS ----- */
/*  */
/* ----- SECTION INFOBOXES ----- */
.section-infoboxes .title {
    text-align: center;
    margin-bottom: 4.1rem;
}

.section-infoboxes h2 {
	font-size: 2.625rem;
	font-weight: 600;
	line-height: 3.3125rem;
	color: #46585D;
	text-transform: none !important;
	letter-spacing: normal !important;
}

.section-infoboxes {
    padding-top: 1.3rem;
    padding-bottom: 3rem;
}
.section-infoboxes .row {
    margin: 0 -1rem;
}
.section-infoboxes .col {
    padding: 0 1rem;
}
.infobox {
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.07);
    border-radius: 1rem;
    padding: 2.4rem 1rem 2.1rem;
}
.infobox .h4 {
    color: #E9446E;
    font-weight: 800;
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: -0.1rem;
}
.infobox .h5 {
    font-weight: 500;
    color: #E9446E;
    font-size: 1.5rem;
    line-height: 1.875rem;
}
.infobox .infobox-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.7rem;
    margin-bottom: 1.6rem;
}
.infobox .infobox-icon img {
    max-width: 100%;
    max-height: 100%;
}
/* ----- /SECTION INFOBOXES ----- */
/*  */
/* ----- SECTION OUR RESULTS ----- */
.section-our-results {
    padding-top: 0.8rem;
    padding-bottom: 1rem;
}
.section-our-results .title {
    text-align: center;
    margin-bottom: 3.9rem;
}

.section-our-results .h3 {
	font-size: 2.625rem;
	font-weight: 600;
	line-height: 3.3125rem;
	color: #46585D;
	text-transform: none !important;
	letter-spacing: normal !important;
}

.google-metric-box {
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    background-image: url(img/hp/google-box-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    height: 17.6rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 1.7rem 4.4rem 1rem;
}
.google-metric-box .lead {
    font-size: 1.5rem;
    line-height: 2rem;
}
.google-metric-box h3 {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-bottom: 0.75rem;
	color: #FFFFFF;
}
.google-metric-box .box-img {
    position: absolute;
    top: -1.3rem;
    right: 4.6rem;
}
.google-metric-box p {
    margin-bottom: 0.75rem;
}
.google-metric-box .box-content {
    flex: 0 0 40%;
    max-width: 40%;
}
/* ----- /SECTION OUR RESULTS ----- */
/*  */
/* ----- SECTION EXAMPLES POSITIONS ----- */
.section-examples-positions {
    padding-top: 1.6rem;
    padding-bottom: 2rem;
}
.section-examples-positions .title {
    text-align: center;
    margin-bottom: 2rem;
}
.section-examples-positions .title h3 {
    color: #46585D;
    margin-bottom: 2rem;
	font-size: 1.5rem;
	line-height: 2.25rem;
	font-weight: 700;
}
.section-examples-positions .title p {
    color: #46585D;
}
.section-examples-positions .row {
    margin: 0 -1rem;
}
.section-examples-positions .col {
    padding: 0 1rem;
}
.positions-card {
    background: #FFFFFF;
    box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.07);
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 1rem;
    color: #46585D;
    line-height: 1.25rem;
    padding: 1.5rem 1.4rem;
    height: 16.6875rem;
}
.positions-card .h4 {
    font-weight: 500;
    color: #E9446E;
    font-size: 2.25rem;
    line-height: 2.8125rem;
}
.positions-card p {
    margin-bottom: 0.2rem;
}
.positions-card .card-footer {
    margin-top: auto;
}
.positions-card .position {
    color: #E9446E;
    font-weight: 800;
    font-size: 2.625rem;
    line-height: 3.3125rem;
}
/* ----- /SECTION EXAMPLES POSITIONS ----- */
/*  */
/* ----- SECTION TABS ----- */
.section-tabs {
    padding-top: 0.9rem;
    padding-bottom: 4.6rem;
}
.section-tabs .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 2rem;
}
.section-tabs .nav-tabs .nav-item {
    border: 0;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    font-size: 1rem;
    font-weight: 400;
    color: #46585D;
    line-height: 1.25rem;
    border-bottom: 3px solid transparent;
    padding: 0;
    padding-bottom: 0.3rem;
    margin: 0 2.95rem;
    cursor: pointer;
}
.section-tabs .nav-tabs .nav-item.active {
    font-weight: 700;
    color: #2B3537;
    border-bottom-color: #2B3537;
}
.section-tabs .tab-content .col {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 1rem;
}
.section-tabs .tab-content .row {
    margin: 0 -1rem;
}
.section-tabs .tab-content .tab-pane {
    display: none;
    transition: opacity .15s linear;
    opacity: 0;
}
.section-tabs .tab-content .tab-pane.show {
    display: block;
    opacity: 1;
}
.positions-card .h5 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.875rem;
    color: #E9446E;
}
.section-tabs .positions-card {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 1.5rem 1.6rem 1.6rem 1.4rem;
    height: auto;
    margin-bottom: 0.95rem;
}
.section-tabs .positions-card .card-title {
    flex: 0 0 75%;
    max-width: 75%;
}
.section-tabs .positions-card .card-position {
    margin-left: auto;
    text-align: -webkit-right;
}
.section-tabs .positions-card .card-position .position {
    font-size: 1.5rem;
    line-height: 1.875rem;
}
/* ----- /SECTION TABS ----- */
/*  */
/* ----- SECTION PRICING CARDS ----- */
.section-pricing-cards {
    position: relative;
    z-index: 0;
    text-align: center;
    background: #E9446E;
    padding-top: 3.55rem;
    padding-bottom: 2.75rem;
    margin-bottom: 1rem;
}
.section-pricing-cards::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url(img/hp/pricing-cards-bg.jpg);
    opacity: 0.3;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}
.section-pricing-cards .h3 {
    color: #ffffff;
	font-size: 2.625rem;
	font-weight: 600;
	line-height: 3.3125rem;
	text-transform: none !important;
	letter-spacing: normal !important;
}
.section-pricing-cards .title {
    margin: 0 auto 4.5rem;
    max-width: 38rem;
}
.section-pricing-cards .row {
    margin: 0 -0.9375rem;
}
.section-pricing-cards .col {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 0.9375rem;
}
.pricing-card {
    background: #FFFFFF;
    box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.07);
    border-radius: 1rem;
    padding: 4.5rem 1.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 39.8rem;
}
.pricing-card .h4 {
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 2.8125rem;
    color: #2B3537;
    margin-bottom: 1.6rem;
}
.pricing-card p {
    font-size: 1rem;
    font-weight: 600;
    color: #2B3537;
    line-height: 1.6875rem;
}
.pricing-card p span {
    color: #46585D;
}
.pricing-card .price {
    display: inline-block;
    font-weight: 700;
    color: #E9446E;
    font-size: 3.5rem;
    line-height: 4.375rem;
    margin-top: 1.6rem;
    margin-bottom: 0.9rem;
}
.pricing-card .price sup {
    font-weight: 600;
    font-size: 0.75rem;
    top: -1.8rem;
    right: -2.5rem;
    position: relative;
    line-height: 0;
    vertical-align: baseline;
    margin-left: -2.2rem;
}
.pricing-card .h6 {
    font-weight: 600;
    text-transform: uppercase;
    color: #2B3537;
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 1.7rem;
}
.pricing-card p:nth-last-child(2) {
    line-height: 1.5rem;
    margin: 0 -1rem 1rem;
}
.pricing-card .btn {
    margin-top: auto;
    display: flex;
    align-items: center;
}
.pricing-card .btn svg {
    margin-left: 0.5rem;
    margin-right: -0.1rem;
    transition: 0.4s;
}
.pricing-card .btn:hover svg {
    transform: translateX(5px);
}
.section-pricing-cards .bottom-content {
    color: #ffffff;
    padding-top: 1.85rem;
}
.section-pricing-cards .bottom-content .text-italic {
    font-style: italic;
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 2.1rem;
}
.section-pricing-cards .bottom-content .h4 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.5rem;
    margin-bottom: 2rem;
	color: #FFFFFF;
}
.section-pricing-cards .bottom-content p {
    font-weight: 600;
}
.section-pricing-cards .bottom-content .btn {
    margin-top: 1.6rem;
    display: inline-block;
}
.section-pricing-cards .btn-white:hover {
    border-color: #334246;
    background-color: #334246;
    color: #ffffff;
}
/* ----- /SECTION PRICING CARDS ----- */
/*  */
/* ----- MODAL ----- */
body.modal-open {
    overflow: hidden;
}
.modal {
    position: fixed !important;
    top: 0;
    left: 0;
    display: none;
    width: 100% !important;
    height: 100% !important;
    overflow-x: hidden;
    overflow-y: auto;
    transition: opacity .15s linear;
    z-index: 1055;
    background: rgba(43, 53, 55, 0.7) !important;
	max-width: none !important;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 1.75rem auto;
    pointer-events: none;
    max-width: 67.5rem;
    animation-name: modalShow;
    animation-duration: 0.4s;
    display: flex;
    align-items: center;
    min-height: calc(100% - 1.75rem * 2);
}
@keyframes modalShow {
    from {top: -50px; opacity: 0}
    to {top: 0; opacity: 1}
}
.modal.show .modal-dialog {
    transform: none;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #ffffff;
    background-clip: padding-box;
    outline: 0;
    text-align: center;
}
.modal.show {
    display: block;
}
.modal .btn-close {
    width: 1.5rem;
    height: 1.5rem;
    border: 0;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.851 6.45104C18.9366 6.36563 19.0044 6.26421 19.0507 6.15258C19.0971 6.04094 19.1209 5.92127 19.121 5.80041C19.1211 5.67954 19.0974 5.55985 19.0512 5.44815C19.005 5.33646 18.9373 5.23496 18.8518 5.14944C18.7664 5.06393 18.665 4.99607 18.5534 4.94975C18.4417 4.90343 18.3221 4.87955 18.2012 4.87947C18.0803 4.8794 17.9606 4.90313 17.849 4.94931C17.7373 4.9955 17.6358 5.06323 17.5502 5.14864L11.9998 10.699L6.45104 5.14864C6.27833 4.97593 6.04409 4.87891 5.79984 4.87891C5.55559 4.87891 5.32135 4.97593 5.14864 5.14864C4.97593 5.32135 4.87891 5.55559 4.87891 5.79984C4.87891 6.04409 4.97593 6.27833 5.14864 6.45104L10.699 11.9998L5.14864 17.5486C5.06313 17.6342 4.99529 17.7357 4.94901 17.8474C4.90273 17.9591 4.87891 18.0789 4.87891 18.1998C4.87891 18.3208 4.90273 18.4405 4.94901 18.5523C4.99529 18.664 5.06313 18.7655 5.14864 18.851C5.32135 19.0237 5.55559 19.1208 5.79984 19.1208C5.92078 19.1208 6.04054 19.097 6.15227 19.0507C6.264 19.0044 6.36553 18.9366 6.45104 18.851L11.9998 13.3006L17.5502 18.851C17.723 19.0235 17.9571 19.1204 18.2012 19.1202C18.4453 19.1201 18.6793 19.0229 18.8518 18.8502C19.0243 18.6775 19.1212 18.4434 19.121 18.1993C19.1209 17.9552 19.0238 17.7211 18.851 17.5486L13.3006 11.9998L18.851 6.45104Z' fill='%2346585D'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.modal .modal-body {
    padding: 4.5rem 2rem;
}
.modal h3 {
    margin-bottom: 3rem;
}
.modal form .form-group label {
    display: block;
    font-weight: 500;
    color: #2B3537;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0.375rem;
}
.modal form .form-group {
    text-align: left;
    margin-bottom: 1rem;
}
.modal form {
    max-width: 30.25rem;
    margin: 0 auto;
}
.modal form .form-group .form-control {
    width: 100%;
    border: 1px solid #A1B2B7;
    height: 4rem;
    border-radius: 1.5rem;
    padding: 1rem 1.5rem;
    font-weight: 500;
    font-size: 1rem;
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #2B3537;
    outline: none;
}
.modal form .form-group .form-control:focus {
    border: 2px solid #E9446E;
}
.modal form .form-group .form-control::placeholder {
    color: #A1B2B7;
}
.modal form .form-group textarea.form-control {
    height: 9.5rem;
    padding: 1.2rem 1.5rem;
}
.modal form .btn {
    margin-top: 1.6rem;
    padding: 1.45rem 1.74rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
	cursor: pointer;
}
.modal form .btn svg {
    margin-left: 0.9rem;
    transition: 0.4s;
}
.modal form .btn:hover svg {
    transform: translateX(5px);
}
.modal-buy .h3 {
    color: #2B3537;
    font-size: 2.25rem;
    line-height: 2.8125rem;
    margin-bottom: 1.7rem;
	max-width: none !important;
}
.modal-buy p {
    max-width: 20rem;
    margin: 0 auto;
    font-weight: 600;
    color: #2B3537;
    line-height: 1.6875rem;
}
.modal-buy p span {
    color: #46585D;
}
.modal-buy form {
    margin-top: 1.8rem;
}

.grecaptcha-badge { visibility: hidden; }


/*
.modal form .btn {
    padding-right: 30px;
    position: relative;
}

.modal form .btn::after {
    content: '';
    display: inline-block;
    width: 17px;
    height: 16px;
    background: url('https://www.conservation-nature.fr/wp-content/themes/plantora/img/hp/btn-arrow.svg') no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 10px; 
    top: 50%;
    transform: translateY(-50%);
}
*/
/* ----- /MODAL ----- */
/*  */

/* ----- SECTION FOOTER ----- */
/*  */

.footer {
    background: #334246;
    padding: 3.8rem 0 0;
    color: #fff;
    font-size: 0.75rem;
}

.footer-logo {
    margin-bottom: 1.5rem;
    display: block;
}

.footer-row {
    display: flex;
    justify-content: space-between;
}

.footer-row p {
    max-width: 830px;
    line-height: 1.25rem;
}

.footer-row p a {
    display: block;
    margin-top: 1.4rem;
    color: #fff;
    margin-left: 0.2rem;
}

.footer-row .social-icons a {
    padding: 17.6px;
}

.footer-bottom {
    background: #273336;
    margin-top: 2.85rem;
    padding: 0.9rem 0 0.8rem;
}

.footer-menu {
    display: flex;
}

.footer-menu li {
    margin-right: 0.15rem;
}

.footer-menu li a {
    color: #fff;
    text-decoration: none;
}
.footer-menu li a:hover {
    text-decoration: underline;
}
/* ----- /SECTION FOOTER ----- */
/*  */

/* ----- /SECTION CATEGORY ----- */
/*  */


/* ----- MEDIA ----- */


@media(max-width: 1600px){
    .visibility-image {
        right: -2.7rem;
    }
}

@media(max-width: 1439px){
    .category-description p {
        max-width: 73%;
    }
    /* ----- SECTION VISIBILITY ----- */
    .visibility-image {
        right: 3rem;
        width: 22rem;
    }
    .section-visibility h1 {
        max-width: 710px;
        margin-bottom: 0.7rem;
    }
    
    .section-visibility h3 {
        margin-bottom: 0.8rem;
    }
    
    .section-visibility h5 {
        max-width: 580px;
    }
    /* ----- /SECTION VISIBILITY ----- */
    /*  */
    /* ----- SECTION OUR RESULTS ----- */
    .google-metric-box .box-content {
        flex: 0 0 50%;
        max-width: 50%;
    }
    /* ----- /SECTION OUR RESULTS ----- */

}
@media(max-width: 1240px){
    /* ----- HEADER ----- */

    .menu > li > a {
        min-height: 3.1rem;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        padding: 0 1rem;
    }

    /* ----- HEADER ----- */
    /*  */
}
@media(max-width: 1199px){
    /* ----- FOOTER ----- */
    .footer-row .social-icons a {
        margin: 0 0.3rem;
    }
    /* ----- /FOOTER ----- */
    /*  */
    /* ----- SECTION PROJECTS ----- */
    .projects-item h4 {
        top: 1.5rem;
        left: 1.5rem;
    }
    /* ----- /SECTION PROJECTS ----- */
    /*  */
    /* ----- SECTION OUR RESULTS ----- */
    .google-metric-box .box-img {
        max-width: 41%;
    }
    /* ----- /SECTION OUR RESULTS ----- */
    /*  */
    /* ----- SECTION TABS ----- */
    .section-tabs .nav-tabs .nav-item {
        margin: 0 1.5rem;
    }
    /* ----- /SECTION TABS ----- */
    /*  */
    /* ----- SECTION PRICING CARDS ----- */
    .pricing-card {
        padding: 4.5rem 0.625rem 2.5rem;
    }
    .pricing-card p:nth-last-child(2) {
        margin: 0 auto 1rem;
    }
    /* ----- /SECTION PRICING CARDS ----- */
    /*  */
    /* ----- MODAL ----- */
    .modal-dialog {
        max-width: 55rem;
    }
    /* ----- /MODAL ----- */
    /*  */
}
@media(max-width: 1023px){
    /* ----- HEADER ----- */

    .main-header .container {
        flex-direction: column;
        align-items: center;
    }

    .menu {
        flex-direction: column;
        align-items: center;
    }

    .menu > li > span {
        display: none;
    }

    .menu .sub-menu {
        flex-direction: column;
        align-items: center;
        border: 0;
        background: transparent;
    }

    .menu-cat-dossiers .sub-menu li {
        width: 100%;
    }

    .menu > li {
        width: 100%;
    }

    .top-header a {
        font-size: 0.6rem;
    }

    .top-header {
        margin-bottom: 3rem;
    }

    .logo {
        margin-bottom: 2rem;
    }

    .logo img {
        width: 230px;
        height: 69px;
    }

    .menu > li.menu-cat-dossiers {
        width: 100%;
    }

    /* ----- HEADER ----- */
    /*  */

    h2 {
        font-size: 2.15rem;
        line-height: 2.8125rem;
    }

    h2 .read-more {
        display: none;
    }

    .section-category .container {
        flex-direction: column;
    }

    .category-content ~ img {
        display: none;
    }

    .section-category > .container > img {
        display: none;
    }

    .category-content h3 {
        font-size: 2.25rem;
        line-height: 2.8125rem;
        margin-left: 0;
    }

    .category-content h3:before {
        display: none;
    }

    .category-content {
        padding-left: 0;
    }

    .category-description {
        padding-left: 0;
    }

    .category-description .read-more {
        display: none;
    }

    .category-description p {
        max-width: 100%;
    }

    .category-items li {
        flex: 0 0 29.6%;
    }
    .header {
        margin-bottom: 4.4rem;
    }

    .section-text {
        margin-bottom: 1.9rem;
    }

    .section-category {
        margin-bottom: 0.3rem;
    }

    .section-cta .container {
        flex-direction: column;
    }

    .cta {
        width: 100%;
        box-sizing: border-box;
    }
    .section-cta {
        margin-bottom: 4.5rem;
    }

    .card.card-fullwidth .card-content p {}

    .card.card-fullwidth .card-content {
        padding: 4.55rem 1.85rem 4.85rem;
    }

    .card {
        flex: 0 0 48%;
    }

    .card.card-one-half {
        flex: 0 0 100%;
    }

    .card.card-one-half .card-content {
        padding: 2.55rem 1.85rem 2.85rem;
    }

    .contact {
        padding: 0 1rem;
    }

    .contact input {
        width: 100%;
        margin-bottom: 1rem;
    }

    .contact input[type="submit"]  {
        width: 100%;
        margin-left: 0;
    }

    .contact .h4 {
        text-align: center;
    }

    .section-cards {
        margin-bottom: 3.95rem;
    }

    .footer-row {
        flex-direction: column;
    }

    .footer-row p {
        margin-bottom: 2rem;
    }

    .section-visibility h1 {
        max-width: 570px;
    }
    /* ----- SECTION VISIBILITY ----- */
    .visibility-image {
        display: none;
    }
    .section-visibility {
        text-align: center;
    }
    .section-visibility h1 {
        margin: 0 auto 0.7rem;
    }
    .section-visibility h5 {
        margin: 0 auto 1.4rem;
    }
    /* ----- /SECTION VISIBILITY ----- */
    /*  */
    /* ----- SECTION TRUST ----- */
    .section-trust h3 {
        margin-bottom: 1rem;
    }
    .section-trust .col {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        margin-bottom: 1.2rem;
    }
    .section-trust .row {
        justify-content: center;
    }
    /* ----- /SECTION TRUST ----- */
    /*  */
    /* ----- SECTION PROJECTS ----- */
    .section-projects {
        padding-bottom: 1rem;
    }
    .section-projects h2 {
        margin-bottom: 2rem;
    }
    .section-projects .col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .section-projects .row {
        justify-content: center;
    }
    .projects-item {
        margin-bottom: 2rem;
    }
    /* ----- /SECTION PROJECTS ----- */
    /*  */
    /* ----- SECTION INFOBOXES ----- */
    .section-infoboxes .col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .infobox {
        margin-bottom: 1.8rem;
        padding: 2.2rem 1rem 1.9rem;
    }
    .infobox .infobox-icon {
        height: 2.3rem;
        margin-bottom: 1.5rem;
    }
    .infobox h4 {
        font-size: 1.75rem;
        line-height: 2.2rem;
        margin-bottom: 0rem;
    }
    .infobox h5 {
        font-size: 1.375rem;
        line-height: 1.5rem;
    }
    /* ----- /SECTION INFOBOXES ----- */
    /*  */
    /* ----- SECTION OUR RESULTS ----- */
    .google-metric-box {
        padding: 1.7rem 2rem 1rem;
    }
    .google-metric-box .box-img {
        max-width: 49%;
        top: -0.6rem;
        right: -0.4rem;
    }
    /* ----- /SECTION OUR RESULTS ----- */
    /*  */
    /* ----- SECTION EXAMPLES POSITIONS ----- */
    .positions-card h4 {
        font-size: 1.375rem;
        line-height: 1.75rem;   
    }
    .positions-card .position {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-top: -0.3rem;
    }
    /* ----- /SECTION EXAMPLES POSITIONS ----- */
    /*  */
    /* ----- SECTION TABS ----- */
    .positions-card h5 {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    .section-tabs .positions-card .card-position {
        flex: 1;
    }
    .section-tabs .positions-card .card-title {
        flex: 1;
        max-width: 64%;
    }
    .section-tabs .positions-card {
        height: 100%;
        margin-bottom: 0;
    }
    .section-tabs .tab-content .col {
        margin-bottom: 0.95rem;
    }
    /* ----- /SECTION TABS ----- */
    /*  */
    /* ----- SECTION PRICING CARDS ----- */
    .section-pricing-cards .col {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 2rem;
    }
    .section-pricing-cards .row {
        justify-content: center;
    }
    .pricing-card {
        height: 100%;
    }
    /* ----- /SECTION PRICING CARDS ----- */
    /*  */
    /* ----- MODAL ----- */
    .modal-dialog {
        max-width: 40rem;
    }
    /* ----- /MODAL ----- */
    /*  */
}
@media(max-width: 767px){
    .h3 {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .card {
        flex: 0 0 100%;
    }
    .category-items li {
        flex: 0 0 47%;
    }
    /* ----- SECTION VISIBILITY ----- */
    .section-visibility h1 {
        font-size: 2.5rem;
        line-height: 3.2rem;
    }
    .section-visibility h3 {
        line-height: 2rem;
    }
    /* ----- /SECTION VISIBILITY ----- */
    /*  */
    /* ----- SECTION TRUST ----- */
    .section-trust {
        padding-bottom: 1rem;
    }
    .section-trust .col {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 2rem;
    }
    .section-trust .title {
        margin-bottom: 2rem;
    }
    /* ----- /SECTION TRUST ----- */
    /*  */
    /* ----- SECTION PROJECTS ----- */
    .section-projects .col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* ----- /SECTION PROJECTS ----- */
    /*  */
    /* ----- SECTION OUR RESULTS ----- */
    .google-metric-box .box-content {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .google-metric-box {
        padding: 2rem 1.5rem 1rem;
        height: auto;
    }
    .google-metric-box .box-img {
        display: none;
    }
    /* ----- /SECTION OUR RESULTS ----- */
    /*  */
    /* ----- SECTION EXAMPLES POSITIONS ----- */
    .section-examples-positions .row {
        justify-content: center;
    }
    .section-examples-positions .col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .positions-card {
        margin-bottom: 1.2rem;
        height: 10.7rem;
        font-size: 0.875rem;
        padding: 1.3rem 1.3rem;
    }
    /* ----- /SECTION EXAMPLES POSITIONS ----- */
    /*  */
    /* ----- SECTION TABS ----- */
    .section-tabs .nav-tabs .nav-item {
        margin: 0 auto 1rem;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .section-tabs .nav-tabs {
        margin-bottom: 1rem;
    }
    .section-tabs .tab-content .col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* ----- /SECTION TABS ----- */
    /*  */
    /* ----- SECTION PRICING CARDS ----- */
    .section-pricing-cards .col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .pricing-card {
        padding: 2.5rem 0.625rem 2.5rem;
        min-height: 1rem;
    }
    .pricing-card .btn {
        margin-top: 0.5rem;
    }
    /* ----- /SECTION PRICING CARDS ----- */
    /*  */
    /* ----- MODAL ----- */
    .modal-dialog {
        max-width: 21.6rem;
    }
    .modal .modal-body {
        padding: 4rem 1.5rem;
    }
    .modal .btn-close {
        top: 1rem;
        right: 1rem;
    }
    .modal h3 {
        margin-bottom: 2rem;
    }
    .modal form .form-group .form-control {
        height: 3.5rem;
    }
    .modal form .btn {
        padding: 1.2rem 1.74rem;
    }
    .modal-buy h3 {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 1.7rem;
    }
    /* ----- /MODAL ----- */
    /*  */
}
@media(max-width: 450px) {
    /* ----- SECTION INFOBOXES ----- */
    .section-infoboxes .col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* ----- /SECTION INFOBOXES ----- */
    /*  */
    /* ----- SECTION EXAMPLES POSITIONS ----- */
    .section-examples-positions .col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* ----- /SECTION EXAMPLES POSITIONS ----- */
}
/* ----- /MEDIA ----- */
/*  */