/*
Theme Name: topmacs
Author: allbyweb*
Author URI: allbyweb.fr
*/
/* style ici */
@font-face {
    font-family: 'Acrom';
    src: url('assets/fonts/Acrom-Thin.eot');
    src: local('Acrom Thin'), local('Acrom-Thin'),
        url('assets/fonts/Acrom-Thin.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Acrom-Thin.woff2') format('woff2'),
        url('assets/fonts/Acrom-Thin.woff') format('woff'),
        url('assets/fonts/Acrom-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Acrom';
    src: url('assets/fonts/Acrom-Light.eot');
    src: local('Acrom Light'), local('Acrom-Light'),
        url('assets/fonts/Acrom-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Acrom-Light.woff2') format('woff2'),
        url('assets/fonts/Acrom-Light.woff') format('woff'),
        url('assets/fonts/Acrom-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Acrom';
    src: url('assets/fonts/Acrom-Regular.eot');
    src: local('Acrom'), local('Acrom-Regular'),
        url('assets/fonts/Acrom-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Acrom-Regular.woff2') format('woff2'),
        url('assets/fonts/Acrom-Regular.woff') format('woff'),
        url('assets/fonts/Acrom-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Acrom';
    src: url('assets/fonts/Acrom-Medium.eot');
    src: local('Acrom Medium'), local('Acrom-Medium'),
        url('assets/fonts/Acrom-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Acrom-Medium.woff2') format('woff2'),
        url('assets/fonts/Acrom-Medium.woff') format('woff'),
        url('assets/fonts/Acrom-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Acrom';
    src: url('assets/fonts/Acrom-Bold.eot');
    src: local('Acrom Bold'), local('Acrom-Bold'),
        url('assets/fonts/Acrom-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Acrom-Bold.woff2') format('woff2'),
        url('assets/fonts/Acrom-Bold.woff') format('woff'),
        url('assets/fonts/Acrom-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Acrom';
    src: url('assets/fonts/Acrom-ExtraBold.eot');
    src: local('Acrom ExtraBold'), local('Acrom-ExtraBold'),
        url('assets/fonts/Acrom-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Acrom-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/Acrom-ExtraBold.woff') format('woff'),
        url('assets/fonts/Acrom-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
/* My reset */
body {
    margin: 0; 
    padding: 0;
    overflow-x: hidden; 

    --color-brun: #C58B4F;
    --color-white: white;
    --color-black: black;
    --color-greenarms: #8E8B83;
    --color-gray-cl: rgb(142 139 131 / 8%);
    --color-gray-cl1: rgb(142 139 131 / 32%);
    --color-black-cl: rgb(0 0 0 / 58%);
    --color-black-cl1: rgb(0 0 0 / 25%);
}
body, body * { font-family: 'Acrom', sans-serif; color: var(--color-dark); line-height: 130%; box-sizing: border-box; }
body,body *:not(:is(h1,h2,h3,h4,h5,h6,b,strong,th,:is(h1,h2,h3,h4,h5,h6) em)) { font-weight: 300; }
b, strong { font-weight: 500; }
h1 {font-size: 54px;}
h2, .h2 {font-size: 44px;}
h3, .h3 {font-size: 20px;}
h4, .h4 {font-size: 54px;}
h5, .h5 {font-size: 54px;}
h6, .h6 {font-size: 54px;}
.h2, .h3, .h4, .h5, .h6{
	margin-top: 0;
    margin-bottom: .5rem;
	text-transform: uppercase;font-weight: 300;
}
h2.small, .h2.small {
    font-size: 18px;
    font-weight: 700;
    text-transform: initial;
}
:is(h1,h2,h3,h4,h5,h6) {text-transform: uppercase;font-weight: 300;}
.pad-y1 { padding-block: 1rem;} 
.pad-y2 { padding-block: 2rem; } 
.pad-y3 { padding-block: 3rem; } 
.pad-y4 { padding-block: 4rem; } 
.pad-y5 { padding-block: 5rem; } 
.pad-y6 { padding-block: 6rem; } 
.pad-y7 { padding-block: 7rem; } 
.pad-y8 { padding-block: 8rem; } 
.pad-y9 { padding-block: 9rem; } 
.pad-y10 { padding-block: 10rem;}
.space-y {row-gap: 30px;}
.caption {font-weight: 400;}
[class*="ctn-text"] { position: relative; display: flex; row-gap: 1.2rem; width: 100%; flex-direction: column; }
[class*="ctn-text-center"] { text-align: center; align-items: center; }
[class*="ctn-text-left"] { text-align: left; align-items: flex-start; }
[class*="ctn-text-right"] { text-align: right; align-items: flex-end; } 
[class*="ctn-text"] > * {margin-bottom: 0;}
a { transition: all .5s; cursor: pointer; display: inline-block; text-decoration: none; }
a:hover { color: var(--color-brun); }
ul[class] { margin: 0; list-style: none; padding-left: 16px; }
ul:not([class]) { position: relative; list-style: none; padding-left: 16px; }
ul:not([class]) li:last-child {margin-bottom: 0;}
ul:not([class]) li::before { position: absolute; content: ''; padding: 2.5px; margin-top: 9px; width: fit-content; border-radius: 16px; background: var(--color-brun); right: calc(100% - 4px); }
ul:not([class]) li { margin-bottom: 16px; }
nav ol, nav ul, nav ul, ol[class], ul[class]:not([class^="lst-disc"]) { list-style: none; padding-left: 0; }
img,video,iframe { position: relative; display: block; max-width: 100%; object-fit: cover;margin: 0; }
figure { position: relative;margin: 0; width: 100%;overflow: hidden;}
figure > img { position: relative;width: 100%; height: 100%;max-width: initial; object-fit: cover; transition: all .5s;}
a:is([href^="tel:"],[href^="mailto:"]) {position: relative; display: flex;align-items: center;gap: 16px;}
.row {margin-inline: 0;}
:is(.row) > * {padding-inline: 0;}
:is(.row) > *:not(:is([class*="col-"])) {width: initial;}
[class*="container"] { padding-inline: 16px; }
[class*="container"] > * { width: 100%; }
.container-xl { padding-inline: 0; }
header .container-xl {padding-inline: 50px;}
@media screen and (min-width: 1800px) {
    .container-xl {
        max-width: 1920px;
        padding-inline: 0;
    }
}
@media screen and (max-width: 1800px) {
    .container {max-width: calc(1088px + (16px * 2));}
    .container-xl {max-width: calc(1920px + (16px * 2));}
}
main { width: 100%;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
header li:is(.current-menu-parent,.current-menu-item) > a { color: var(--color-brun); }
a.overlay { position: absolute; inset: 0; z-index: 3; outline: none; } 
[class*="btn-"] { position: relative; text-transform: uppercase; font-size: 15px; outline: none; line-height: 100%; cursor: pointer; width: fit-content; text-align: center; white-space: nowrap; transition: all .5s; padding: 9px 30px; background: transparent; border: 1px solid transparent; display: inline-flex; align-items: center; column-gap: 8px; font-weight: 500; }
[class*="btn-"] > input:is([type="submit"],[type="button"]) {
    padding: 0;
    border: none;
    outline: none;
    color: currentColor;
    background: transparent;
}
[class*="btn-"][class*="-brun"] { color: var(--color-white); background: var(--color-brun); border-color: var(--color-brun);}
textarea {resize: inherit;} 
select, textarea, input:not(:is([type="button"],[type="submit"],[type="radio"],[type="checkbox"],[type="file"])) {color: var(--color-black); width: 100%; font-size: 16px; line-height: 1; outline: none; border-radius: 0; border: .065rem solid var(--color-black); box-sizing: border-box; background-color: var(--color-white); padding: .7375rem 1.125rem; transition: all .5s ease 0s; }
select, input:not(:is([type="button"],[type="submit"],[type="radio"],[type="checkbox"],[type="file"])) {height: 50px;}
input:is([type="checkbox"], [type="radio"], .form-check-input) {  width: 1.7rem;  height: 1.7rem;  flex: 0 0 auto;  border: .065rem solid var(--color-dark); }
input:is([type="checkbox"],[type="radio"]){accent-color: var(--color-bruns);}
.bg-gray {background-color: var(--color-gray-cl) !important;}
.bg-black {background-color: var(--color-black) !important;}
.slick-slider { position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-c-out: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } 
.slick-list { position: relative; margin: 0; padding: 0; width: 100%; display: block; overflow: hidden; } 
.slick-list:focus { outline: none; } 
.slick-list.dragging { cursor: pointer; cursor: hand; } 
:is(.slick-slider) :is(.slick-track,.slick-list) 
{ -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 
.slick-track { position: relative; top: 0; left: 0; display: -ms-flexbox; display: flex; margin-left: auto; margin-right: auto; } 
.slick-loading .slick-track { visibility: hidden; } 
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; } 
[dir='rtl'] .slick-slide { float: right; } 
.slick-slide img { display: block; } 
.slick-slide.slick-loading img { display: none; } 
.slick-slide.dragging img { pointer-events: none; } 
.slick-initialized .slick-slide { display: block; } 
.slick-loading .slick-slide { visibility: hidden; } 
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } 
.slick-arrow.slick-hidden { display: none; } 
.arrow::after, .arrow::before { content: none; } 
.arrow.slick-disabled { opacity: .2; cursor: no-drop; filter: grayscale(2); } 
.arrow.slick-hidden { opacity: 0; visibility: hidden; } 
.slick-dots { text-align: center; }
:is(.arrow,.arrow-see) { position: relative; z-index: 2; font-size: 0; outline: none; outline: none; flex: 0 0 auto; cursor: pointer; overflow: hidden; text-align: center; transition: all .5s; display: inline-block; }
.arrow.slick-disabled {opacity: 0;}
.arrow:is(.prev, .next):before {
    position: relative;
    content: '';
    padding: 30px;
    display: block;
    color: var(--color-white);
    background-color: currentColor;
    
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-image: url(assets/images/pictos/arrow-next.svg);
    mask-image: url(assets/images/pictos/arrow-next.svg); 
}
.arrow.prev::before {transform: rotate(-180deg);}
section:not(:is([class*="bg-"],.sc-01,.sc-06)) + section:not(:is([class*="bg-"])) > * {padding-top: 0;}
/* Header */
header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding-block: 16px;
    background-color: var(--color-white);
}
body.sticky header { box-shadow: 0 0 1rem #e6e6e6; }
header .desk-version .row {
    position: relative;
    align-items: center;
}
header .desk-version .row > div[class^="bx-"]:not(.bx-ct) {
    position: relative;
    flex: 1 1 0%;
}
header .desk-version .menu {
    position: relative;
    display: flex;
    column-gap: 10%;
    align-items: center;
}
header .desk-version .row .bx-rg .menu {justify-content: flex-end;}
header .logo {
    position: relative;
    display: block;
    max-width: 109px;
}
header .menu li > a {
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}
/* sc-01 */
.sc-01 {
    position: relative;
    overflow: hidden;
}
.sc-01 .clip { 
    position: relative; 
    min-height: 500px;
    height: min(900px,calc(100vh - 102px));
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.sc-01 .clip > img {
    position: fixed;
    inset: 0;
    transition: all 1s;
}
body.sticky .sc-01 .clip > img {transform: scale(1.1); }
.sc-01 .clip::after { 
    position: absolute;
    inset: 0;
    content: ''; 
    display: block;
    background: var(--color-black-cl1);
}
.sc-01 .container { 
    position: absolute; 
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.sc-01 .ctn-text-right {padding-inline: 50px;}
.sc-01 .ctn-text-right::after {
    position: absolute;
    content: '';
    display: block;
    background: var(--color-white);
    inset: -100vh 0 10% calc(100% - 1px);
}
.sc-01 *:not(:is(a:hover)) {color: var(--color-white);}
/* sc-02 */
.sc-02 {
    position: relative;
    overflow: hidden;
}
.sc-02 .row {
    position: relative;
    gap: 50px 7%;
}
.sc-02 .bx-lf {width: 60%;}
.sc-02 .bx-rg {
    position: relative;
    padding-left: 20px;
    margin-bottom: auto;
}
.sc-02 .bx-rg::before {
    position: absolute;
    content: '';
    display: block;
    background: var(--color-black);
    inset: -4rem calc(100% - 1px) 0 0;
}
.sc-02 .row.flex-row-reverse .bx-rg {padding-right: 20px;}
.sc-02 .row.flex-row-reverse .bx-rg::before { inset: -4rem 0 0 calc(100% - 1px); }
/* sc-03 */
.sc-03 .top-sc {
    position: relative;
    width: 83%;
    padding-left: 30px;
    margin-inline: auto;
}
.sc-03 .top-sc::before {
    position: absolute;
    content: '';
    display: block;
    background: var(--color-black);
    inset: -4rem calc(100% - 1px) 0 0;
}
.sc-03 .listing {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.sc-03 .listing > li {
    flex: 1 1 auto;
    display: flex;
    row-gap: 16px;
    text-align: center;
    flex-direction: column;
}
.sc-03 .listing .fig {
    position: relative;
    overflow: hidden;
    width: max-content;
    margin-inline: auto;
}
.sc-03 .listing .fig > img {
    width: 105px;
    height: 105px;
    object-fit: contain;
}
/* sc-04 */
.sc-04 .listing {
    position: relative;
    gap: 16px;
    display: flex;
    overflow: hidden;
}
.sc-04 .listing * { transition: all 1s; }
.sc-04 .listing li {
    position: relative;
    flex: 1 1 0%;
    overflow: hidden;
    min-width: min(168px,30%);
}
.sc-04 .listing li:hover {flex: 1 1 70%;}
.sc-04 .listing li > figure {
    position: relative;
    height: 541px;
}
.sc-04 .listing li > figure::after {
    position: absolute;
    inset: 0;
    content: '';
    display: block;
    transition: all 1s;
    background: var(--color-black-cl);
}
.sc-04 .listing li:hover > figure::after {background: transparent;}
.sc-04 .listing .ctn-text-right {
    position: absolute;
    bottom: 83px;
    transition: all .5s;
    padding-inline: 25px;
}
.sc-04 .listing:hover li:not(:hover) > .ctn-text-right {
    filter: contrast(.5);
    padding-inline: 8px;
}
.sc-04 .listing .ctn-text-right *:not(:is(a:hover)) {color: var(--color-white);}
.sc-04 .listing li .caption {text-shadow: 0 0 30px var(--color-black);}
.sc-04 .listing li:hover .caption {
    font-weight: 700;
    transition: all .5s;
    color: var(--color-brun);
    text-shadow: 0 0 30px var(--color-white);
}
.sc-04 .listing:hover li:not(:hover) .caption {
    position: relative;
    left: 50%;
    text-align: center;
    align-self: baseline;
    transform: translateX(-50%);
}
/* sc-05 */
.sc-05 .logo {
    position: relative;
    width: 100px;
}
/* sc-06 */
.sc-06 {
    position: relative;
    overflow: hidden;
}
.sc-06 .container-xl {
    position: absolute;
    inset: 0;
}
.sc-06 .clip {
    position: relative;
    width: 100%;
    height: 100%;
}
.sc-06 .clip::after {
    position: absolute;
    inset: 0;
    content: '';
    display: block;
    pointer-events: none;
    background: var(--color-black-cl);
}
.sc-06 .ctn-text-right {padding-inline: 50px;}
.sc-06 .ctn-text-right::after {
    position: absolute;
    content: '';
    display: block;
    background: var(--color-white);
    inset: -4rem 0 10% calc(100% - 1px);
}
.sc-06 .ctn-text-right *:not(:is(a:hover)) {color: var(--color-white);}
/* sc-07 */
.sc-07 .space-y {column-gap: 5%;}
.sc-07 :is(iframe,video) {
    width: 100%;
    height: 543px;
}
.legend {
    position: relative;
    display: block;
    width: max-content;
    padding: 18px 25px;
    background: var(--color-brun);
}
.legend strong {font-size: 25px;}
.legend,.legend *:not(:is(a:hover)) {color: var(--color-white);}
/* sc-08 */
.sc-08 {overflow: hidden;}
.sc-08 .listing {
    /* margin-left: -10px; */
    width: calc(100% - 170px);
    clip-path: polygon(0 0, calc(100% + 170px) 0, calc(100% + 170px) 100%, 0% 100%);
}
.sc-08 .slick-track {gap: 16px;}
.sc-08 .listing .slick-list {overflow: visible;}
.sc-08 .listing figure {height: 541px;}
.sc-08 .listing figure::after {
    position: absolute;
    inset: 0;
    content: '';
    display: block;
    transition: all 1s;
    pointer-events: none;
    background: var(--color-black-cl);
}
.sc-08 .listing .slick-slide.slick-current figure::after {opacity: 0;}
.sc-08 ul.slick-dots {
    position: absolute;
    left: 0;
    bottom: 0;
    gap: 16px;
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 40px;
    justify-content: center;
}
.sc-08 ul.slick-dots li:not(.slick-active) button {opacity: .18;}
.sc-08 ul.slick-dots button {
    border: none;
    font-size: 0;
    outline: none;
    padding: 8px;
    display: block;
    border-radius: 50%;
    transition: all .5s;
    background: var(--color-black);
}
.sc-08 .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.sc-08 .arrow.prev {
    left: 53px;
    mix-blend-mode: difference;
}
.sc-08 .arrow.next {right: -120px;}
/* sc-09 */
.sc-09 .listing {
    position: relative;
    gap: 63px 5%;
}
.sc-09 .listing .card {
    position: relative;
    width: 30%;
    border: none;
    border-radius: 0;
    background: var(--color-gray-cl1);
}
.sc-09 .listing .card-body {padding: 20px 17px;}
.sc-09 .listing .card > figure {
    position: relative;
    height: 350px;
    overflow: hidden;
}
.sc-09 .listing .card:hover > figure img {transform: scale(1.05);}
.sc-09 .listing .card .btn-brun {
    position: relative;
    display: block;
    margin: 0 auto -10%;
    width: max-content;
}
/* sc-10 */
.sc-10 .row {
    position: relative;
    display: flex;
    gap: 45px 5%;
}
.sc-10 .row > .card {
    position: relative;
    width: 30%;
    display: flex;
    row-gap: 16px;
    transition: all .5s;
    flex-direction: column;
}
.sc-10 .row > .card:not(:hover) {border-color: transparent;}
.sc-10 .row > .card figure {height: 339px;}
.sc-10 .row > .card figure > img {
    object-fit: contain;
}
.sc-10 .row > .card h3, .sc-10 .row > .card .h3 {font-weight: 400;}
/* sc-11 */
.sc-11 .wp-forms {
    position: relative;
    padding: 25px 55px;
    margin-inline: auto;
    width: min(904px,100%);
    background: var(--color-greenarms);
}
.sc-11 .cols-forms {
    position: relative;
    gap: 25px 5%;
    display: flex;
    flex-wrap: wrap;
}
.sc-11 .wp-forms .half {
    position: relative;
    flex: 1 1 0%;
    min-width: 47.5%;
}
.sc-11 .wp-forms .small-width {
    position: relative;
    flex: 1 1 0%;
    min-width: 30%;
}
.sc-11 .wp-forms .full {
    position: relative;
    flex: 0 0 auto;
    width: 100%;
}
.sc-11 .wp-forms label:not([class]) {
    position: relative;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    display: inline-block;
    text-transform: uppercase;
}
.sc-11 .wp-forms :is(select, textarea, input:not(:is([type="button"],[type="submit"],[type="radio"],[type="checkbox"],[type="file"]))) {border-color: var(--color-white);}
.sc-11 .wp-forms *:not(:is(a:hover,select, textarea, input)) {color: var(--color-white);}
/* sc-12 */
.sc-12 .listing {
    position: relative;
    gap: 52px 5%;
    margin-inline: auto;
    width: min(1020px,100%);
}
.sc-12 .card {
    position: relative;
    width: 21.25%;
    display: flex;
    height: inherit;
    overflow: hidden;
    border-radius: 0;
    flex-direction: column;
}
.sc-12 .card > figure { height: 272px; }
.sc-12 .card:hover > figure img { transform: scale(1.1); }
.sc-12 .card > .card-body {
    position: relative;
    z-index: 1;
    row-gap: 4px;
    flex: 1 1 auto;
    overflow: hidden;
    min-height: 272px;
}
.sc-12 .card > .card-body .clip {
    position: absolute;
    z-index: -1;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: initial;
}
.sc-12 .card > .card-body h3, .sc-12 .card > .card-body .h3 {font-size: 20px;}
.sc-12 .card > .card-body p:not(.h3) {font-size: 11px;}
.sc-12 .card > .card-body.white-colore > *:not(.clip) {color: var(--color-white);}
/* sc-13 */
.sc-13 .track,
.sc-13 .listing {
    position: relative;
    width: 100%;
}
.sc-13 .track {
    height: 0;
    overflow: hidden;
}
.sc-13 .track[style^="--h:"] {height: var(--h);}
.sc-13 .listing .card {
    position: relative;
    width: 25%;
    opacity: 0;
    border: none;
    padding: 10px;
    visibility: hidden;
}
.sc-13 .listing .card.active {
    opacity: 1;
    visibility: visible;
    transition: opacity 1s .5s;
}
.sc-13 .listing .card figure {
    height: 100%;
    display: block;
    min-height: 230px;
    max-height: 400px;
}
.sc-13 .listing .card figure img { min-height: 230px; }
/* sc-14 */
.sc-14 .row {gap: 45px 2.5%;}
.sc-14 .col-item {
    position: relative;
    row-gap: 16px;
    display: flex;
    flex-direction: column;
}
.sc-14 .listing {
    position: relative;
    width: 100%;
    gap: 16px 5%;
    display: flex;
    flex-wrap: wrap;
}
.sc-14 .listing figure {height: 310px;}
.sc-14 .listing .card:hover figure > img{transform: scale(1.1);}
.sc-14 .col-item.col-12 .listing {column-gap: 2.5%;}
.sc-14 .listing .card {
    position: relative;
    width: 23.1%;
    border: none;
    border-radius: 0;
}
.sc-14 .col-item.col-6 .listing .card {width: 47.5%;}
.sc-14 .card > .card-body { 
    row-gap: 2px;
    padding-inline: 0;
}
.sc-14 .card > .card-body h3, .sc-14 .card > .card-body .h3 { font-size: 20px;}
.sc-14 .card > .card-body p:not(.h3) { font-size: 11px; }
/* sc-404 */
.sc-404 h1 {
    font-size: 90px;
    text-shadow: 8px 7px #ececec;
}
.sc-404 p {font-size: 35px;}
/* footer */
.sticky-notice {
    position: fixed;
    right: 0;
    z-index: 999;
    width: max-content;
}
body.home .sticky-notice {
    top: 30%;
    transform: translateY(-50%);
}
body:not(.home) .sticky-notice {top: 155px;}
.sticky-notice .nav {
    position: relative;
    gap: 15px;
    display: flex;
    flex-direction: column;
}
.sticky-notice .nav > li {
    position: relative;
    margin: 0;
    width: 100%;
    display: block;
    transition: all .5s;
    left: calc(100% - 48px);
}
.sticky-notice .nav > li:hover {transform: translateX(calc((100% - 48px) * -1));}
.sticky-notice .nav > li > * {
    position: relative;
    width: 100%;
    display: flex;
    column-gap: 15px;
    font-weight: 500;
    padding: 6px 13px;
    align-items: center;
    text-transform: uppercase;
    background: var(--color-brun);
}
.sticky-notice .nav > li > *:hover {color: var(--color-white);}
.sticky-notice .nav img {
    position: relative;
    width: 22px;
    height: 22px;
    display: block;
    object-fit: contain;
}
footer {position: relative;}
footer .ctn-fig {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    transform: translate(-50%,-50%);
}
footer .clip {
    position: relative;
    margin: 0;
    height: 100%;
}
footer .clip::after {
    position: absolute;
    inset: 0;
    content: '';
    display: block;
    background: var(--color-black-cl);
}
footer h3, footer .h3 {font-weight: 700;}
footer ul.address {
    position: relative;
    display: flex;
    row-gap: 16px;
    flex-direction: column;
}
footer ul.address > li {
    position: relative;
    gap: 9px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}
footer ul.address > li img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}
footer .container *:not(:is(a:hover)) {color: var(--color-white);}
footer ul.address > li * {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .2px;
}
footer .rs {
    position: relative;
    gap: 18px;
    display: flex;
    margin-top: 10px;
    align-items: center;
    align-items: center;
    justify-content: center;
}
footer .bg-black {
    position: relative;
    z-index: 1;
}
footer .bg-black * {
    font-size: 12px;
    letter-spacing: 4.8px;
}
footer .nav {
    position: relative;
    row-gap: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
footer .nav > li {
    position: relative;
    display: flex;
    align-items: center;
}
footer .nav > li:not(:first-child)::before {
    position: relative;
    margin-inline: 5px;
    display: inline-block;
    content: ' - ' !important;
}