@charset "utf-8";

@font-face {
font-family: 'Beatrice Deck';
src: url(//nono.design/wp-content/themes/nonodesign/fonts/Beatrice/BeatriceDeck-Light.woff2) format('woff2'),
url(//nono.design/wp-content/themes/nonodesign/fonts/Beatrice/BeatriceDeck-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Beatrice Deck';
src: url(//nono.design/wp-content/themes/nonodesign/fonts/Beatrice/BeatriceDeck-Semibold.woff2) format('woff2'),
url(//nono.design/wp-content/themes/nonodesign/fonts/Beatrice/BeatriceDeck-Semibold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Suisse BP';
src: url(//nono.design/wp-content/themes/nonodesign/fonts/SuisseBP/SuisseBPIntl-Light.woff2) format('woff2'),
url(//nono.design/wp-content/themes/nonodesign/fonts/SuisseBP/SuisseBPIntl-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Suisse BP';
src: url(//nono.design/wp-content/themes/nonodesign/fonts/SuisseBP/SuisseBPIntl-Regular.woff2) format('woff2'),
url(//nono.design/wp-content/themes/nonodesign/fonts/SuisseBP/SuisseBPIntl-Regular.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Suisse BP';
src: url(//nono.design/wp-content/themes/nonodesign/fonts/SuisseBP/SuisseBPIntl-Bold.woff2) format('woff2'),
url(//nono.design/wp-content/themes/nonodesign/fonts/SuisseBP/SuisseBPIntl-Bold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
} body {
margin: 0;
font-family: 'Suisse BP';
font-weight: 300;
line-height: 1.4;
color: var(--nonodesign_bleu);
background-color: var(--nonodesign_blanc);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#wrapper {
width: 100%;
overflow: hidden;
}
a {
color: var(--nonodesign_bleu);
text-decoration: none;
-webkit-transition: all .3s;  
-o-transition: all .3s;  
transition: all .3s;
}
a:hover {
color: initial;
}
a:not([href]):not([tabindex]) {
cursor: pointer;
}
*
*:focus,
*:active {
outline: none !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
p, h1, h2, h3, h4, li {
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}
p,
#zonetxt img {margin-bottom: 15px;}
[class*="col-"] p:last-child,
.zonetxt *:last-child {margin-bottom: 0;}
b, strong {font-weight: 600;}
h1, h2, h3, h4 {
font-family: 'Beatrice Deck';
line-height: 1.15;
color: var(--nonodesign_bleu);  
font-weight: 300;
margin-top: 0;
margin-bottom: 15px;
}
h4 {
font-family: 'Suisse BP';
font-weight: 600;
line-height: 1.4;
color: var(--nonodesign_saumon);  
text-transform: uppercase;
display: inline-block;
letter-spacing: 2px;
margin-bottom: 10px;    
}
ul {
-webkit-padding-start: 0;
padding-inline-start: 0;
}
img { 
max-width: 100%;
-webkit-user-drag: none; 
-khtml-user-drag: none; 
-moz-user-drag: none; 
-o-user-drag: none; 
user-drag: none; 
}
blockquote {
display: block;
margin-top: 25px;
margin-bottom: 25px;
border: 1.5px solid var(--nonodesign_saumon);
color: var(--nonodesign_saumon);
padding: 20px;
}
blockquote * {
color: var(--nonodesign_saumon);
}
.grecaptcha-badge {
display: none !important;
visibility: hidden !important;
} .container-fluid {padding: 0 10%;}
.container-fluid.init {padding: 0;}
.container {
max-width: 1400px;
padding-left: 50px;
padding-right: 50px;
} 
@media (max-width: 2300px) {
.container-fluid { padding: 0 5%; }
}
@media (max-width: 991px) {
.container-fluid { padding: 0 50px; }
}
@media (max-width: 767px) {
.container,
.container-fluid { padding: 0 30px; }
} :root {
--nonodesign_blanc:       #FFFFFF;
--nonodesign_gris:        #878787;
--nonodesign_gris2:       #F1F1F1;
--nonodesign_gris3:       #CECECE;
--nonodesign_bleu:        #012A34;
--nonodesign_saumon:      #F79C6C;
}
::-moz-selection {background-color: #F1F1F1;}
::selection {background-color: #F1F1F1;}  #scrollTop {
position: fixed;
z-index: 1000;
cursor: pointer;
right: 20px;
bottom: 100px;
opacity: 0;
visibility: hidden;
width: 40px;
height: 40px;
background: var(--nonodesign_saumon);
color: var(--nonodesign_blanc);
text-decoration: none !important;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 20px;
}
#scrollTop i {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#scrollTop:hover i {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
@media (min-width: 768px) {
#scrollTop.show {
opacity: 1;
visibility: visible;
}
}  body {font-size: 17px;}
h1,.h1 {font-size: 55px;}
h1.big, .h1.big {font-size: 95px;}
h2,.h2 {font-size: 36px;}
h3,.h3 {font-size: 26px;}
h4,.h4 {font-size: 16px;}
@media (max-width: 1700px) {
body {font-size: 17px;}
h1,.h1 {font-size: 45px;}
h1.big, .h1.big {font-size: 65px;}
h2,.h2 {font-size: 34px;}
}
@media (max-width: 1370px) {
body {font-size: 16px;}
h1,.h1 {font-size: 35px;}
h1.big, .h1.big {font-size: 60px;}
h2,.h2 {font-size: 30px;}
h3,.h3 {font-size: 20px;}
}
@media (max-width: 767px) {
body {font-size: 15px;}
h1,.h1 {font-size: 30px;}
h1.big, .h1.big {font-size: 35px;}
h2,.h2 {font-size: 26px;}
h3,.h3 {font-size: 20px;}
} .bgclair {
background: var(--nonodesign_blanc);
}
.bgfonce {
background: var(--nonodesign_bleu);
}
.bgfonce body,
.bgfonce h1,
.bgfonce h2,
.bgfonce h3,
.bgfonce ul,
.bgfonce a,
.bgfonce p {
color: var(--nonodesign_blanc);  
} .zonetxt.intro {
max-width: 600px;
text-align: center;
margin: 0 auto;
}
.zonetxt li {
list-style-type: none;
}
.zonetxt li:before {
font-family: 'nonodesign';
content: "\e906";
margin-right: 20px;
} :root {
--space_intro:      280px;
--space_section:    235px;
} #navigation {
position: absolute;
z-index: 500;
width: 100%;
top: 50px;
} #navigation .zonenav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#navigation nav.navbar {
background: var(--nonodesign_saumon);
padding: 0 30px;
border-radius: 100px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
#navigation .moblogo {
display: none;
} #navigation .navbar-collapse {
-webkit-box-flex: initial;
-ms-flex-positive: initial;
flex-grow: initial;
}
#navigation ul.navbar-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
#navigation ul.navbar-nav .nav-item.mobile {
display: none;
}
#navigation ul.navbar-nav .nav-item .nav-link {
font-weight: 500;
line-height: 1;
color: var(--nonodesign_blanc);
padding: 0 25px;
position: relative;
height: 80px;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#navigation ul.navbar-nav .nav-item .nav-link:hover {
opacity: .5;
}
#navigation ul.navbar-nav .nav-item .nav-link.active {
font-weight: 600;
opacity: 1 !important;
}
@media (max-width: 1370px) {
#navigation ul.navbar-nav .nav-item .nav-link {
padding: 0 25px;
}
}
#navigation ul.navbar-nav .nav-item svg {
width: 90px;
margin-right: 50px;
fill: var(--nonodesign_blanc);
} #navigation .navbar-toggler {
padding: 0;
position: relative;
}
#navigation .navbar-toggler .icon-bar {
width: 35px;
height: 2px;
background-color: var(--nonodesign_blanc);
display: block;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
margin-top: 7px;
}
#navigation .navbar-toggler .top-bar {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 20% 190%;
-ms-transform-origin: 20% 190%;
transform-origin: 20% 190%;
}
#navigation .navbar-toggler .middle-bar {
opacity: 0;
}
.navbar-toggler .bottom-bar {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 15% -80%;
-ms-transform-origin: 15% -80%;
transform-origin: 15% -80%;
}
#navigation .navbar-toggler.collapsed .top-bar {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
#navigation .navbar-toggler.collapsed .middle-bar {
opacity: 1;
}
#navigation .navbar-toggler.collapsed .bottom-bar {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
} @-webkit-keyframes menu_sticky {
0% {
margin-top: -75px;
opacity: 0;
}
50% {
margin-top: -64px;
opacity: 0;
}
100% {
margin-top: 0;
opacity: 1;
}
}
@keyframes menu_sticky {
0% {
margin-top: -75px;
opacity: 0;
}
50% {
margin-top: -64px;
opacity: 0;
}
100% {
margin-top: 0;
opacity: 1;
}
}
#navigation.fixed,
#navigation.force {
position: fixed;
z-index: 999;
top: 50px;
left: 0;
}
#navigation.fixed {
-webkit-animation: menu_sticky 0.7s ease-in-out;
animation: menu_sticky 0.7s ease-in-out;
}
#navigation.force.fixed {
-webkit-animation: none;
animation: none;
} @media (max-width: 991px) {
#navigation,
#navigation.fixed,
#navigation.force {
top: 0;
}
#navigation ul.navbar-nav .nav-item:nth-child(1) .nav-link {
display: none;
}
#navigation .moblogo {
display: block;
}
#navigation .moblogo svg {
width: 80px;
fill: var(--nonodesign_blanc);
position: relative;
top: 3px;
}
#navigation nav.navbar {
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
padding: 15px 30px;
border-radius: 0 0 30px 30px;
}
#navigation.fixed nav.navbar {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#navigation ul.navbar-nav {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-padding-start: 0;
padding-inline-start: 0;
padding-top: 35px;
}
#navigation ul.navbar-nav .nav-item .nav-link {
padding: 15px 0px;
font-size: 18px;
height: auto !important;
}
#navigation.fixed ul.navbar-nav .nav-item .nav-link {
color: var(--nonodesign_blanc);
}
} #index_z0 {
position: relative;
}
#index_z0 .zonetxt {
padding-top: 290px;
text-align: center;
margin-bottom: 150px;
}
#index_z0 .controls {
display: inline-block;
border: 1px solid var(--nonodesign_bleu);
color: var(--nonodesign_bleu);
padding: 7px 20px 5px;
border-radius: 50px;
font-weight: 500;
font-size: 13px;
outline: none !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
cursor: pointer;
}
#index_z0 .controls:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
#index_z0 .controls span.hide {
display: none;
} #index_z0 .gallery {
position: relative;
width: 100vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 50px;
}
#index_z0 .gallery div[class^='zone'] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 50px;
}
#index_z0 .gallery .item {
width: 15vw;
overflow: hidden;
} #index_z0 .gallery div[class^='zone']:nth-child(2) .item:nth-child(1),
#index_z0 .gallery div[class^='zone']:nth-child(4) .item:nth-child(2) {
height: 30vh;
}
#index_z0 .gallery div[class^='zone']:nth-child(2) .item:nth-child(2),
#index_z0 .gallery div[class^='zone']:nth-child(4) .item:nth-child(1) {
height: 15vh;
} #index_z0 .gallery .zone50 .item {
height: 25vh;
} #index_z0 .gallery .zonefull .item {
width: 20vw;
height: 60vh;
} #index_z0 .gallery .item video,
#index_z0 .gallery .item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
} #index_z1 {
position: relative;
padding-top: var(--space_intro);
padding-bottom: var(--space_section);
}
#index_z1 .entrance {
text-align: center;
padding-bottom: 150px;
}
#index_z1 .entrance h1 {
font-size: 55px;
}
#index_z1 .entrance h1 span {
font-weight: 600;   
}
#index_z1 .entrance h1 b {
color: var(--nonodesign_saumon);
}
#index_z1 .inside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
#index_z1 .zoneimg {
padding-right: 30px;
position: relative;
} 
#index_z1 .zoneimg svg.logo,
#contact svg.logo,
svg.logo.page {
position: absolute;
z-index: -1;
right: -70px;
top: -100px;
width: 200px;
fill: var(--nonodesign_saumon);
}
#index_z1 .zoneimg svg.logo #round,
#page4_z2 svg.logo #round,
#contact svg.logo #round,
#maintenance svg #round,
svg.logo.page {
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: spin 20s linear infinite;
animation: spin 20s linear infinite;
}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } #index_z1 .zonepicto {
position: relative;
top: 10px;
}
#index_z1 .zonepicto a {
font-size: 20px;
margin-top: 10px;
display: block;
text-decoration: none !important;
}
#index_z1 .zonepicto a:hover {
color: var(--nonodesign_saumon);
} #index_z2 {
position: relative;
overflow: hidden;
}
#index_z2 .swiper-container {
overflow: hidden;
}
#index_z2 .swiper-slide {
height: auto !important;
padding-top: 180px;
padding-bottom: 180px;
}
#index_z2 .zonetxt ul {
margin-top: 30px;
}
#index_z2 .zonetxt a {
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
display: inline-block;
margin-top: 25px;
letter-spacing: 2px;
text-decoration: none !important;
}
#index_z2 .zonetxt a:after {
font-family: 'nonodesign';
content: "\e906";
color: var(--nonodesign_saumon);
margin-left: 20px;
left: 0;
position: relative;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#index_z2 .zonetxt a:hover:after {
left: 15px;
}
#index_z2 .swiper-pagination {
right: 0;
}
#index_z2 .swiper-pagination-bullet {
width: 20px;
height: 20px;
opacity: 1;
background: transparent;
border: 1.5px solid var(--nonodesign_blanc);
margin: 15px 0 !important;
}
#index_z2 .swiper-pagination-bullet-active {
background: var(--nonodesign_blanc);
} #gallery {
height: 140vmax;
width: 140vmax;
position: absolute;
left: 0;
opacity: .3;
pointer-events: none;
}
#gallery .tile {
position: absolute;
-webkit-transition: -webkit-transform 800ms ease;
transition: -webkit-transform 800ms ease;
-o-transition: transform 800ms ease;
transition: transform 800ms ease;
transition: transform 800ms ease, -webkit-transform 800ms ease;
}
#gallery .tile > img {
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
border-radius: inherit;
opacity: 1;
-webkit-transition: opacity 800ms ease,
-webkit-transform 800ms ease;
transition: opacity 800ms ease,
-webkit-transform 800ms ease;
-o-transition: opacity 800ms ease,
transform 800ms ease;
transition: opacity 800ms ease,
transform 800ms ease;
transition: opacity 800ms ease,
transform 800ms ease,
-webkit-transform 800ms ease;
}
#gallery .tile:nth-child(1) {
height: 14%;
width: 20%;
left: 5%;
top: 5%;
}
#gallery .tile:nth-child(2) {
height: 24%;
width: 14%;
left: 42%;
top: 12%;
}
#gallery .tile:nth-child(3) {
height: 18%;
width: 16%;
left: 12%;
top: 34%;
}
#gallery .tile:nth-child(4) {
height: 14%;
width: 12%;
left: 45%;
top: 48%;
}
#gallery .tile:nth-child(5) {
height: 16%;
width: 32%;
left: 8%;
top: 70%;
}
#gallery .tile:nth-child(6) {
height: 24%;
width: 24%;
left: 68%;
top: 8%;
}
#gallery .tile:nth-child(7) {
height: 16%;
width: 20%;
left: 50%;
top: 74%;
}
#gallery .tile:nth-child(8) {
height: 24%;
width: 18%;
left: 72%;
top: 42%;
}
#gallery .tile:nth-child(9) {
height: 10%;
width: 8%;
left: 84%;
top: 84%;
} #index_z3 {
padding-top: var(--space_section);
}
.titlemark {
white-space: nowrap;
overflow: hidden;
position: relative;
width: 100%;
text-align: center;
margin-top: 100px;
margin-bottom: 100px;
}
.titlemark span {
display: inline-block;
white-space: nowrap;
font-size: 80px;
font-family: 'Beatrice Deck';
line-height: 1.15;
color: var(--nonodesign_bleu);
-webkit-transform: translate(-100vw);
-ms-transform: translate(-100vw);
transform: translate(-100vw);
}
.titlemark span b {
color: var(--nonodesign_saumon);
} #index_z3 #grille {
margin-top: 120px;
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
gap: 0;
}
#grille .inside {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#grille .inside:nth-child(1) {
margin-top: 100px;
}
#grille .inside img {
-webkit-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
aspect-ratio: 1 / 1;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
background: var(--nonodesign_gris2);
background: -o-linear-gradient(45deg, var(--nonodesign_gris2) 0%, var(--nonodesign_blanc) 100%);
background: linear-gradient(45deg, var(--nonodesign_gris2) 0%, var(--nonodesign_blanc) 100%);
}
#grille .inside:hover img {
opacity: 0.2;
}
#grille .inside .metadonnes {
position: absolute;
text-align: center;
padding: 0 50px;
-webkit-transition: opacity 1.5s;
-o-transition: opacity 1.5s;
transition: opacity 1.5s;
opacity: 0;
}
#grille .inside:hover .metadonnes {
opacity: 1;
}
#grille .inside .metadonnes h2 {
margin-bottom: 10px;
}
.metadonnes .tags span {
background: var(--nonodesign_saumon);
color: var(--nonodesign_blanc);
padding: 7px 10px 5px 10px;
border-radius: 50px;
font-weight: 500;
font-size: 16px;
text-transform: capitalize;
}
.more {
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
display: inline-block;
letter-spacing: 2px;
text-decoration: none !important;
}
.more:after {
font-family: 'nonodesign';
content: "\e906";
color: var(--nonodesign_saumon);
margin-left: 20px;
left: 0;
position: relative;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.more:hover:after {
left: 15px;
}
#index_z3 .more {
margin-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
} .imgline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.imgline img {
width: calc(100% / 6);
height: 330px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
#page1_z1 {
padding-top: var(--space_intro);
padding-bottom: var(--space_intro);
}
#page1_z1 .entrance {
text-align: center;
}
#page1_z1 .entrance h1 {
font-size: 80px;
}
#page1_z1 .entrance i {
color: var(--nonodesign_blanc);
font-size: 40px;
margin: 40px 0;
display: block;
}
#page1_z1 .scroll_reveal {
text-align: center;
padding: 0 5%;
}
@-webkit-keyframes fadetxt {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadetxt {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#page1_z1 .scroll_reveal {
opacity: 0;
-webkit-animation: fadetxt .5s ease-out forwards;
animation: fadetxt .5s ease-out forwards;
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
#page1_z1 .scroll_reveal span {
line-height: 1.2;
font-size: 42px;
display: inline-block;
margin: 0 2px;
opacity: 0;
} #page1_z2 {
width: 100%;
height: 500px;
background-color: var(--nonodesign_blanc);
background-attachment: fixed !important;
background-size: cover !important;
background-position: center !important;
} #page1_z3 {
background: var(--nonodesign_blanc);
padding-top: var(--space_section);
}
#page1_z3 .title h1 span {
color: var(--nonodesign_saumon);
}
#page1_z3 #items {
padding-top: 80px;
padding-bottom: var(--space_section);
}
#page1_z3 #items .col-lg-6 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 992px) {
#page1_z3 #items .col-lg-6 {
-ms-flex: 0 0 45%;
-webkit-box-flex: 0;
flex: 0 0 45%;
max-width: 45%;
}
}
#page1_z3 #items .zonetxt {
border-bottom: 1.5px solid var(--nonodesign_saumon);
padding: 100px;
}
#page1_z3 #items i,
#page2_z3 .zonetxt i {
font-size: 60px;
margin-bottom: 30px;
color: var(--nonodesign_saumon);
display: block;
} #zonereviews {
padding-top: 80px;
padding-bottom: var(--space_section);
opacity: 0;
-webkit-animation: fadetxt 1s ease-out forwards;
animation: fadetxt 1s ease-out forwards;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
#zonereviews .HeaderWriteReviewButton__Component-sc-8f3d2b0c-0 * {
background: var(--nonodesign_saumon) !important;
}
#zonereviews .CarouselLayout__CarouselContainer-sc-4a4570bb-1 {
margin-top: 50px !important;
}
#zonereviews .RatingValue__Container-sc-e029c8df-0,
#zonereviews span.ReviewAuthorName__AuthorName-sc-5de6e185-1,
#zonereviews .es-review-content-text {
color: var(--nonodesign_bleu) !important;
}
#zonereviews a.ReviewLinkContainer__Link-sc-76ec4dfd-0.hWpImx.es-review-link-container {
pointer-events: none !important;
}
#zonereviews .Carousel__CarouselArrowControlContainer-sc-7aac7883-8.ZvgDl,
#zonereviews .Carousel__CarouselArrowControlContainer-sc-7aac7883-8.gYGbzq {
display: none !important;
}
#zonereviews .ReviewTextControl__Control-sc-b1182b79-0 {
color: var(--nonodesign_bleu) !important;
font-weight: 500 !important;
}
#zonereviews .es-bullets-control-item {
background: var(--nonodesign_saumon) !important;
opacity: .2 !important;
}
#zonereviews .es-bullets-control-item.es-bullets-control-item-active {
opacity: 1 !important;
}
#zonereviews .es-rating-container.es-review-content-rating {
margin-bottom: 15px !important;
} #index_z2.page2_z1 .swiper-slide {
padding-top: var(--space_intro);
padding-bottom: var(--space_section);
}
#index_z2.page2_z1 .swiper-pagination {
top: calc(50% + 60px);
} #page2_z2 {
background: var(--nonodesign_blanc);
padding-top: var(--space_section);
}
#page2_z2 .title h1 span {
color: var(--nonodesign_saumon);
}
#page2_z2 #items {
padding-top: var(--space_section);
padding-bottom: var(--space_section);
}
#page2_z2 .zonechiffres {
text-align: center;
border: 1.5px solid var(--nonodesign_saumon);
border-top: none;
border-bottom: none;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#page2_z2 .zonechiffres span {
font-family: 'Beatrice Deck';
line-height: 1.15;
color: var(--nonodesign_saumon);
font-weight: 600;
font-size: 35px;
margin-top: 0;
margin-bottom: 5px;
}
#page2_z2 .zonechiffres span.counter {
font-size: 75px;
width: 150px;
display: inline-block;
margin-left: 10px;
}
#page2_z2 .zonechiffres h2 {
margin: 0;
} #page2_z3 {
width: 300%;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
#page2_z3 .panel {
width: 100%;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
#page2_z3 .zonetxt svg {
display: block;
}
.fixmarg {
margin-top: calc(var(--space_section) - (var(--space_section)*2));
} #page2_z4 {
display: none;
background: var(--nonodesign_blanc);
padding-bottom: var(--space_section);
}
#page2_z4 .inside .zonetxt {
padding: 40px 0;
}
#page2_z4 .inside .zonetxt {
border-bottom: 1.5px solid var(--nonodesign_saumon);
}
#page2_z4 .inside .zonetxt i {
color: var(--nonodesign_saumon);
font-size: 25px;
margin-right: 10px;
}
#page2_z4 .swiper-bullet {
text-align: center;
margin-top: 50px;
}
#page2_z4 .swiper-pagination-bullet {
width: 15px;
height: 15px;
opacity: 1;
background: transparent;
border: 1.5px solid var(--nonodesign_bleu);
margin: 0 7px !important;
}
#page2_z4 .swiper-pagination-bullet-active {
background: var(--nonodesign_bleu);
} @media (min-width: 992px) {
footer.expertises {
margin-top: 0;
}
}  #index_z3.page3_z2 {
padding-top: 0;
}
#index_z3.page3_z2 #grille {
margin: 7.5px;
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
}
#index_z3.page3_z2 #grille div[class^='col'] {
padding: 0;
}
#index_z3.page3_z2 #grille .inside:nth-child(1) {
margin-top: 0;
}
@media (max-width: 992px) {
#index_z3.page3_z2 #grille .middle {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
} #filters {
background: var(--nonodesign_saumon);
padding: 0 5px;
border-radius: 100px;
position: fixed;
z-index: 999;
bottom: 50px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#filters .inside  {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style-type: none;
margin: 0;
height: 60px;
}
#filters .inside a {
color: var(--nonodesign_blanc);
padding: 10px 15px 7px;
margin: 0 5px;
font-size: 17px;
text-transform: uppercase;
font-weight: 400;
border-radius: 50px;
text-align: center;
cursor: pointer;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#filters .inside a.active {
background: var(--nonodesign_blanc);
color: var(--nonodesign_saumon);
font-weight: 600;
pointer-events: none;
}
#filters .inside a:hover {
opacity: .5;
text-decoration: none;
}
#filters .inside,
#filters .inside a,
#filters .inside a.active {
outline: none !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
-o-user-select: none !important;
user-select: none !important;
} #page4_z1 {
padding-top: var(--space_intro);
padding-bottom: 100px;  
position: relative; 
overflow: hidden;
}
#page4_z1 svg.logo.page {
fill: var(--nonodesign_saumon) !important;
}
#page4_z1 .zonetxt h1 b,
#page4_z1 .zonetxt h1 strong {
color: var(--nonodesign_saumon);
}
#page4_z1 .metadonnes .tags {
margin-bottom: 30px;
}
#page4_z1  .metadonnes .tags span {
margin-right: 10px;
} #page4_z2,
#page4_z2 .images{
position: relative;
}
#page4_z2 .swiper-projets {
overflow: visible;
}
#page4_z2 .swiper-projets * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#page4_z2 .swiper-projets .swiper-slide:nth-child(odd){
margin-top: 70px;
}
#page4_z2 .swiper-projets img {
width: 100%;
aspect-ratio: 1 / 1;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
background: var(--nonodesign_gris2);
background: -o-linear-gradient(45deg, var(--nonodesign_gris2) 0%, var(--nonodesign_blanc) 100%);
background: linear-gradient(45deg, var(--nonodesign_gris2) 0%, var(--nonodesign_blanc) 100%);
}
#page4_z2 .swiper-pagination {
position: initial;
margin: 50px 0 0;
}
#page4_z2 .swiper-pagination-bullet {
margin: 0 5px;
width: 10px;
height: 10px;
background: var(--nonodesign_saumon);
opacity: .1;
cursor: pointer;
}
#page4_z2 .swiper-pagination-bullet-active {
opacity: 1 !important;
} #page4_z3 .titlemark {
margin-top: 100px;
}
#page4_z3 .zonetxt {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-gap: 100px;
-moz-column-gap: 100px;
column-gap: 100px;
}
#page4_z3 #end {
margin-top: 100px;
}
.addtoany_list a:not(.addtoany_special_service)>span {
border-radius: 15px !important;
padding: 2px !important;
background: var(--nonodesign_bleu) !important;
opacity: 1 !important;
}
.addtoany_list a:not(.addtoany_special_service):hover>span {
background: var(--nonodesign_saumon) !important;
} #page5_z1 {
padding-top: var(--space_intro);
padding-bottom: var(--space_intro);
}
#page5_z1 #intro {
padding-bottom: 150px;
max-width: 700px; 
}
#page5_z1 #end {
padding-top: 150px;
} #page5_z2 {
background: var(--nonodesign_blanc);
padding-top: var(--space_section);
padding-bottom: var(--space_section);
}
#page5_z2 #start {
padding-bottom: 120px;
}
#page5_z2 #start h1 b {
color: var(--nonodesign_saumon);
}
#page5_z2 #end {
padding-top: 120px; 
}
#page5_z2 .zonetxt {
text-align: center;
} #page5_z2 #grille {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 50px;
margin: 50px 0;
}
#page5_z2 #grille a {
width: 450px;
aspect-ratio: 1 / 1;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0;
padding: 0;
}  .modal-backdrop.show {
opacity: 1;
background: none;
}
.modal-backdrop:before {
content: '';
background: var(--nonodesign_bleu);
width: 100%;
height: 100%;
position: absolute;
z-index: 1000;
-webkit-animation: moove_top;
animation: moove_top;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes moove_top {
0% {bottom: -150vh;}
50% {bottom: 0;}
100% {bottom: 0;}
}
@keyframes moove_top {
0% {bottom: -150vh;}
50% {bottom: 0;}
100% {bottom: 0;}
}
.modal-backdrop:after {
content: '';
background: var(--nonodesign_saumon);
width: 100%;
height: 100%;
position: absolute;
z-index: 1001;
-webkit-animation: moove_down;
animation: moove_down;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes moove_down {
0% {top: -150vh;}
50% {top: -150vh;}
100% {top: 0;}
}
@keyframes moove_down {
0% {top: -150vh;}
50% {top: -150vh;}
100% {top: 0;}
}
div#contact .modal-content {
opacity: 0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
}
div#contact.show .modal-content {
opacity: 1;
} a[data-toggle="modal"] {
cursor: pointer !important;
}
.modal-lg {
max-width: 900px;
}
div[data-dismiss="modal"] {
font-size: 35px;
color: var(--nonodesign_blanc);
cursor: pointer;
position: absolute;
top: -70px;
}
div[data-dismiss="modal"] i {
display: inline-block;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
div[data-dismiss="modal"] i:hover {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.modal {
-webkit-animation: moove_down;
animation: moove_down;
-webkit-animation-duration: 1200ms;
animation-duration: 1200ms;
}
.modal-dialog {
width: 100%;
max-width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
}
.modal-content {
background: none;
border: none;
padding: 100px 0;
} #contact svg.logo,
svg.logo.page {
fill: var(--nonodesign_blanc);
width: 35vw;
max-width: 500px;
right: -150px;
opacity: 0;
-webkit-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}
#contact.show svg.logo,
svg.logo.page {
opacity: 1;
} #contact h1 {
font-size: 70px;
color: var(--nonodesign_blanc);
}
#contact .disponible {
display: inline-block;
border: 1.5px solid var(--nonodesign_blanc);
padding: 5px 10px 3px;
color: var(--nonodesign_blanc);
font-weight: 500;
}
#contact .disponible:before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
border-radius: 7.5px;
margin-right: 15px;
background-color: #57ec26;
}
#contact .leftside a {
font-size: 25px;
color: var(--nonodesign_blanc);
text-decoration: none !important;
position: relative;
left: 0;
display: block;
margin-top: 50px;
}
#contact .leftside a:hover {
left: 15px;
} #contact .zoneform {
width: 100%;
border-radius: 50px;
}
div.wpcf7 {
width: 100%;
}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
width: 100%;
padding: 15px 20px;
border-radius: 50px;
margin-bottom: 20px !important;
border: none;
background: var(--nonodesign_blanc);
color: var(--nonodesign_bleu);
}
.wpcf7-form-control-wrap textarea {
padding: 30px 20px;
}
.wpcf7 label {
margin-bottom: 0;
margin-left: 20px;
width: 100%;
text-align: left;
color: var(--nonodesign_blanc);
font-weight: 500;
text-transform: uppercase;
}
.wpcf7 label sup {
color: var(--nonodesign_blanc);
font-weight: 300;
padding-left: 5px;
}
.wpcf7-form-control-wrap textarea {
height: 120px;
min-height: 120px !important;
width: 100% !important;
} .wpcf7-acceptance input#mtn-form {
display: inline;
width: 25px;
margin: 0 0 5px !important;
}
.wpcf7-acceptance * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wpcf7-acceptance label {
margin: 0;
}
.wpcf7-acceptance span {
font-size: 13px;
margin: -10px 0 5px;
}
.wpcf7-acceptance a {
font-weight: 600;
color: var(--nonodesign_blanc);
} .wpcf7-submit {
text-transform: uppercase;
font-size: 25px;
letter-spacing: 5px;
font-weight: 500;
color: var(--nonodesign_blanc);
border: 2px solid var(--nonodesign_blanc);
background: transparent;
padding: 15px 50px 10px;
display: inline-block;
border-radius: 50px;
margin: 30px 0 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer !important;
}
.wpcf7-submit:hover {
color: var(--nonodesign_saumon);
background: var(--nonodesign_blanc);
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed !important;
opacity: .3;
}
.wpcf7-spinner {
background: transparent;
opacity: 1;
}
.wpcf7-spinner::before {
background-color: var(--nonodesign_blanc) !important;
} div.wpcf7-validation-errors,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
div.wpcf7-mail-sent-ok,
.wpcf7 form.sent .wpcf7-response-output {
border: none !important;
background: transparent !important;
padding: 5px 0 3px 15px !important;
color: var(--nonodesign_blanc) !important;
border-left: 3px solid var(--nonodesign_blanc) !important;
margin: 20px 0 0 0 !important;
text-align: left;
font-size: 18px;
font-weight: 600;
}
.wpcf7-not-valid {
background: var(--nonodesign_gris3) !important;
}
span.wpcf7-not-valid-tip {
display: none;
}
.wpcf7-not-valid.mtn-form span.wpcf7-list-item {
border: none !important
}
.wpcf7-not-valid.mtn-form span.wpcf7-list-item span {
font-weight: 600;
} div.wpcf7-mail-sent-ok,
.wpcf7 form.sent .wpcf7-response-output {
} #maintenance {
background: var(--nonodesign_bleu);
width: 100%;
height: 100vh;
overflow: hidden;
position: relative;
}
#maintenance .content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10;
text-align: center;
background: transparent;
}
#maintenance svg {
width: 60vw;
max-width: 360px;
fill: var(--nonodesign_blanc);
margin-bottom: 100px;
}
#maintenance h1 {
font-size: 25px;
}
#maintenance a {
}
#maintenance a:hover {
}
#maintenance #gallery {
opacity: .2;
} footer {
position: relative;
margin-top: var(--space_section);
padding: 220px 0;
} footer #ftcoord .zonetxt h1 {
font-size: 65px;
margin-bottom: 120px;
cursor: pointer;
}
footer #ftcoord .zonetxt h1 i {
margin-left: 100px;
font-size: 40px;
display: inline-block;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
}
footer.go #ftcoord .zonetxt h1 i {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
footer #ftcoord .zonetxt a {
font-size: 25px;
color: var(--nonodesign_saumon);
text-decoration: none !important;
position: relative;
left: 0;
}
footer #ftcoord .zonetxt a.cdy:hover {
left: 15px;
}
footer #ftcoord .social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
}
footer #ftcoord .social a {
text-decoration: none !important;
}
footer #ftcoord .social a {
font-size: 25px;
margin-right: 30px;
color: var(--nonodesign_blanc);
}
footer #ftcoord .social a:hover {
color: var(--nonodesign_saumon);
} footer .copyright a {
color: var(--nonodesign_blanc);
opacity: .5;
margin-left: 30px;
}
footer .copyright a:hover {
opacity: 1;
text-decoration: none;
} @media (max-width: 1600px) { #page1_z1 .entrance h1 {
font-size: 65px;
margin-bottom: 60px;
}
#page1_z1 .entrance i {
display: none;
}
#page1_z1 .scroll_reveal span {
font-size: 35px;
}
#page1_z2 {
height: 300px;
} #contact svg.logo {
width: 400px;
}
#contact h1 {
font-size: 55px;
} footer {
padding: 180px 0;
}
footer #ftcoord .zonetxt h1 {
font-size: 55px;
} }
@media (max-width: 1400px) { :root {
--space_intro:      240px;
--space_section:    140px;
} .titlemark span {
font-size: 60px;
}
#index_z2 .swiper-pagination-bullet {
width: 15px;
height: 15px;
} #page1_z1 .entrance h1 {
font-size: 60px;
}
#page1_z1 .scroll_reveal span {
font-size: 30px;
} }
@media (max-width: 1199px) { a#scrollTop {
display: none !important;
} #index_z1 .entrance h1 {
font-size: 50px;
}
.titlemark span {
font-size: 50px;
} #page1_z1 .entrance h1 {
font-size: 50px;
}
#page1_z3 #items {
padding-top: 60px;
}
#page1_z3 #items .zonetxt {
padding: 80px 5%;
}
#page1_z3 #items i,
#page2_z3 .zonetxt i {
font-size: 45px;
} #index_z2.page2_z1 .swiper-slide {
padding-top: 250px;
padding-bottom: var(--space_section);
}
#index_z2.page2_z1 .swiper-pagination {
top: calc(50% + 30px);
}
#page2_z2 #items {
padding-top: 100px;
}
#page2_z2 .zonechiffres {
margin-top: 50px;
height: auto;
}
#page2_z2 .zonechiffres span.counter {
font-size: 60px;
width: 125px;
} .modal-dialog {
display: block;
margin-top: 50px;
}
#contact .zoneform {
margin-top: 50px;
margin-bottom: 50px;
} footer {
padding: 130px 0;
}
footer #ftcoord .zonetxt h1 {
font-size: 45px;
}
footer .copyright {
margin-top: 50px;
}
footer .copyright a {
margin-left: 0;
margin-right: 20px;
display: inline-block;
} }
@media (max-width: 991px) { :root {
--space_intro:      200px;
--space_section:    140px;
} #index_z0 .zonetxt {
padding: 0 20px;
padding-top: 150px;
margin-bottom: 100px;
}
#index_z0 .gallery .zone50,
#index_z0 .gallery .zonesplit {
display: none !important;
}
#index_z0 .gallery .zonefull .item {
width: 100vw !important;
height: 400px !important;
}
#index_z1 {
position: relative;
margin-top: 0 !important;
padding-top: var(--space_section);
}
#index_z1 .entrance {
text-align: center;
padding-bottom: 75px;
}
#index_z1 .inside {
padding-top: 40px;
}
#index_z1 .zoneimg svg.logo {
width: 150px;
right: auto;
top: auto;
left: -70px;
bottom: -70px;
}
.titlemark span {
font-size: 50px;
} #page1_z1 .entrance h1 {
font-size: 35px;
}
#page1_z1 .scroll_reveal span,
#page1_z1 .scroll_reveal p {
font-size: 25px;
opacity: 1 !important;
}
#page1_z3 #items {
padding-top: 40px;
}
#page1_z3 #items .zonetxt {
padding: 60px 0;
} #index_z2.page2_z1 .swiper-slide {
padding-top: calc(var(--space_section) + 55px);
padding-bottom: var(--space_section);
}
#page2_z3,
.fixmarg {
display: none;
}
#page2_z4 {
display: block;
} #filters {
display: none;
} #page4_z1 {
padding-bottom: 50px;
} #page5_z2 #start {
padding-bottom: 50px;
}
#page5_z2 #grille a {
width: 250px;
}
#page5_z2 #end {
padding-top: 50px;
} #contact svg.logo {
width: 200px;
right: -100px;
}
#contact h1 {
font-size: 40px;
} }
@media (max-width: 767px) { :root {
--space_intro:      130px;
--space_section:    100px;
} #index_z0 .zonetxt h2 {
margin-bottom: 0;
}
#index_z1 .entrance h1 {
font-size: 35px;
}
#index_z3 .titlemark {
margin-top: 60px;
margin-bottom: 60px;
}
#index_z3 .titlemark span {
font-size: 25px;
}
#index_z3 #grille {
margin-top: 70px;
}
#index_z3 .more {
margin-top: 35px;
margin-left: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: normal;
-ms-flex-pack: normal;
justify-content: normal;
}
#grille .inside:nth-child(1) {
margin-top: 30px;
}
#grille .inside .metadonnes {
padding: 10px;
}
#grille .inside .metadonnes h2 {
font-size: 20px;
margin-bottom: 0;
}
.metadonnes .tags {
margin-top: 15px;
} #page1_z2 {
height: 200px;
background-attachment: initial !important;
} #page2_z2 #items {
padding-top: 50px;
}
#page2_z4 .inside .zonetxt i {
display: block;
margin-bottom: 15px;
} #page4_z3 .zonetxt {
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
} #page5_z1 .nb01 {
margin-bottom: 100px;
} footer {
padding: 100px 0;
}
footer #ftcoord .zonetxt h1 {
font-size: 30px;
margin-bottom: 60px;
}
footer #ftcoord .zonetxt h1 i {
display: block;
font-size: 40px;
margin-top: 30px;
margin-left: 0;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
footer #ftcoord .zonetxt h1 i:before {
content: "\e904";    
}
footer #ftcoord .zonetxt a {
font-size: 20px;
}
footer #ftcoord .social a {
font-size: 20px;
margin-right: 25px;
} }
@media (max-width: 530px) { #index_z0 .zonetxt h2 br {
display: none;
}
#index_z3 .zonetxt.intro h3 br {
display: none;
} #page4_z3 .titlemark {
margin-top: 80px;
margin-bottom: 80px;
}
#page4_z3 .titlemark span {
font-size: 35px;
}
#page4_z3 .zonetxt {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
} }