Warning: is_file(): open_basedir restriction in effect. File(/utils.less) is not within the allowed path(s): (/www/wwwroot/rozier.idcomcrea.fr/:/tmp/) in /www/wwwroot/rozier.idcomcrea.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/utils) is not within the allowed path(s): (/www/wwwroot/rozier.idcomcrea.fr/:/tmp/) in /www/wwwroot/rozier.idcomcrea.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/desktop.less) is not within the allowed path(s): (/www/wwwroot/rozier.idcomcrea.fr/:/tmp/) in /www/wwwroot/rozier.idcomcrea.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/desktop) is not within the allowed path(s): (/www/wwwroot/rozier.idcomcrea.fr/:/tmp/) in /www/wwwroot/rozier.idcomcrea.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: Creating default object from empty value in /www/wwwroot/rozier.idcomcrea.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 3491
Warning: Invalid argument supplied for foreach() in /www/wwwroot/rozier.idcomcrea.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 133
Warning: is_file(): open_basedir restriction in effect. File(/tablet.less) is not within the allowed path(s): (/www/wwwroot/rozier.idcomcrea.fr/:/tmp/) in /www/wwwroot/rozier.idcomcrea.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/tablet) is not within the allowed path(s): (/www/wwwroot/rozier.idcomcrea.fr/:/tmp/) in /www/wwwroot/rozier.idcomcrea.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/mobile.less) is not within the allowed path(s): (/www/wwwroot/rozier.idcomcrea.fr/:/tmp/) in /www/wwwroot/rozier.idcomcrea.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/mobile) is not within the allowed path(s): (/www/wwwroot/rozier.idcomcrea.fr/:/tmp/) in /www/wwwroot/rozier.idcomcrea.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/./pages/accueil.less.less) is not within the allowed path(s): (/www/wwwroot/rozier.idcomcrea.fr/:/tmp/) in /www/wwwroot/rozier.idcomcrea.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/./pages/accueil.less) is not within the allowed path(s): (/www/wwwroot/rozier.idcomcrea.fr/:/tmp/) in /www/wwwroot/rozier.idcomcrea.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/./pages/blog.less.less) is not within the allowed path(s): (/www/wwwroot/rozier.idcomcrea.fr/:/tmp/) in /www/wwwroot/rozier.idcomcrea.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/./pages/blog.less) is not within the allowed path(s): (/www/wwwroot/rozier.idcomcrea.fr/:/tmp/) in /www/wwwroot/rozier.idcomcrea.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/woo.less) is not within the allowed path(s): (/www/wwwroot/rozier.idcomcrea.fr/:/tmp/) in /www/wwwroot/rozier.idcomcrea.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/woo) is not within the allowed path(s): (/www/wwwroot/rozier.idcomcrea.fr/:/tmp/) in /www/wwwroot/rozier.idcomcrea.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/pages/articles.less.less) is not within the allowed path(s): (/www/wwwroot/rozier.idcomcrea.fr/:/tmp/) in /www/wwwroot/rozier.idcomcrea.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/pages/articles.less) is not within the allowed path(s): (/www/wwwroot/rozier.idcomcrea.fr/:/tmp/) in /www/wwwroot/rozier.idcomcrea.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
*,
*:after,
*:before {
-webkit-tap-highlight-color: transparent;
list-style-position: inside;
list-style-type: none;
color: inherit;
box-sizing: border-box;
margin: 0;
padding: 0;
outline: none !important;
position: relative;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
*:after,
*:before {
display: inline-block;
z-index: 1;
}
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
p,
figure,
figcaption,
button,
var,
abbr {
font-style: normal;
border: 0;
font-size: inherit;
color: inherit;
background: transparent;
text-decoration: none;
}
section,
article,
header,
footer,
nav,
aside {
display: block;
}
table,
td,
blockquote,
code,
pre,
textarea,
input,
video {
max-width: 100%;
}
p,
dd,
ul {
word-wrap: break-word;
-webkit-hyphens: none;
-ms-hyphens: none;
-o-hyphens: none;
hyphens: none;
}
input,
textarea,
button {
resize: none;
-webkit-appearance: none;
font-family: inherit;
}
img {
border: none;
max-width: 100%;
height: auto;
}
a,
button {
border: 0;
cursor: pointer;
color: inherit;
text-decoration: none;
transition: .25s;
}
a,
a:hover,
a:active,
a:focus,
button,
button:hover,
button:focus,
button:active {
text-decoration: none;
outline: none;
}
strong {
font-weight: 700;
}
#grdp_barre_maxi,
#grdp_barre_mini {
background-color: rgba(175,12,28,0.9) !important;
}
#grdp_barre_maxi .cross-close::before {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg) !important;
-ms-transform: rotate(45deg);
}
* {
font-family: 'Poppins', sans-serif;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 0 #000 inset;
transition: background-color 5000s ease-in-out 0s;
background-color: inherit !important;
}
*::-moz-selection {
background: rgba(54,40,43,0.85);
color: #ffffff;
}
*::selection {
background: rgba(54,40,43,0.85);
color: #ffffff;
}
*::-moz-selection {
background: rgba(54,40,43,0.85);
color: #ffffff;
}
*::-webkit-selection {
background: rgba(54,40,43,0.85);
color: #ffffff;
}
*::-khtml-selection {
background: rgba(54,40,43,0.85);
color: #ffffff;
}
*::-o-selection {
background: rgba(54,40,43,0.85);
color: #ffffff;
}
@-webkit-keyframes move {
0% {
bottom: 5%;
right: 2%;
}
100% {
bottom: 2%;
right: 2%;
}
}
@-moz-keyframes move {
0% {
bottom: 5%;
right: 2%;
}
100% {
bottom: 2%;
right: 2%;
}
}
@keyframes move {
0% {
bottom: 5%;
right: 2%;
}
100% {
bottom: 2%;
right: 2%;
}
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.btn {
font-weight: 300;
color: #fff;
border-radius: 100px;
display: inline-block;
padding: 0.5em 2em;
transition: all .5s linear;
}
.btn:focus {
box-shadow: none;
}
.btn i {
margin-right: 0.5em;
}
@media (max-width: 479px) {
.btn {
white-space: normal;
}
}
.btn-primary {
background-color: #CDA14C;
border-color: #CDA14C;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
background-color: #CDA14C;
border-color: #CDA14C;
}
.btn-secondary {
background-color: #CDA14C;
border-color: #CDA14C;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
background-color: #af0c1c;
border-color: #af0c1c;
}
.btn-light {
background-color: transparent;
border-color: #CDA14C;
color: #CDA14C;
}
.btn-light:hover,
.btn-light:focus,
.btn-light:active {
background-color: transparent;
border-color: #af0c1c;
color: #af0c1c;
}
[data-link] {
cursor: pointer;
}
[data-bg] {
background-size: cover;
background-position: center center;
}
hr {
outline: none;
border: none;
}
.clear {
clear: both;
background: none;
outline: none;
border: none;
height: 1px;
margin: 0;
}
html {
width: 100%;
overflow-x: hidden;
line-height: 1;
scroll-behavior: smooth;
}
body {
width: 100%;
overflow: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'Gilroy';
}
body.page-id-803 #slider-interne [data-bg] {
background-position: center 30%;
}
body.page-id-845 #slider-interne [data-bg] {
background-position: center 55%;
}
body.page-id-6 main,
body.page-id-3 main,
body.page-id-933 main {
font-size: 16px;
color: #787878;
font-weight: 300;
line-height: 1.6;
margin: 0 0 1.5em 0;
}
body.page-id-6 main h2,
body.page-id-6 main h3,
body.page-id-3 main h2,
body.page-id-3 main h3,
body.page-id-933 main h2,
body.page-id-933 main h3 {
color: #CDA14C;
font-weight: 400;
margin: 1em 0 0 0;
}
body.page-id-6 main h2,
body.page-id-3 main h2,
body.page-id-933 main h2 {
font-size: 22px;
}
body.page-id-6 main h3,
body.page-id-3 main h3,
body.page-id-933 main h3 {
font-size: 20px;
}
body.page-id-6 main ol li,
body.page-id-3 main ol li,
body.page-id-933 main ol li {
list-style-type: none;
}
body.page-id-6 main [class*='col-'] a,
body.page-id-3 main [class*='col-'] a,
body.page-id-933 main [class*='col-'] a {
color: #af0c1c;
}
body.page-id-6 main [class*='col-'] a:hover,
body.page-id-3 main [class*='col-'] a:hover,
body.page-id-933 main [class*='col-'] a:hover {
color: #CDA14C;
}
body.page-id-22 .content-galerie {
padding: 0 !important;
}
body.fixed .go-top {
opacity: 1;
}
body.fixed header {
padding: 15px 30px;
position: fixed;
background-color: black;
z-index: 999;
box-shadow: 0 0 2px 0 #999;
}
body.fixed #menu-top li:nth-child(6) {
background-color: transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding: 0;
}
body.fixed #menu-top li:nth-child(6) a {
background: url("../img/logo.svg") no-repeat center center;
background-size: 50% !important;
height: 100px !important;
}
body.fixed #menu-top li a:not(.dropdown-item) {
color: white;
text-shadow: none;
}
body.fixed #menu-top li.dropdown-toggle::after {
color: #CDA14C;
}
body.fixed #menu-top .sub-menu li:nth-child(6) {
padding: .25rem 1.5rem;
}
body.fixed #menu-top .sub-menu li:nth-child(6) a {
height: auto !important;
}
body.fixed #menu-top .sub-menu li a {
color: #fff;
}
body.single-projet header,
body.single-produits header {
box-shadow: 0 0 2px 0 #999;
}
body.error404 h1 {
font-weight: 600;
color: #af0c1c;
font-size: 28px !important;
margin: 0;
}
body.error404 h2 {
font-weight: 400;
color: #CDA14C;
font-size: 20px !important;
}
body.error404 .btn {
margin-top: 1em;
}
body .go-top {
cursor: pointer;
transition: .25s;
background: #af0c1c;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: fixed;
bottom: 25px;
right: 25px;
opacity: 0;
color: #fff;
z-index: 800;
}
body.down header {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
body.h-fix header {
padding: 15px 30px;
position: fixed;
background-color: #000003;
z-index: 999;
}
@media (max-width: 768px) {
body.h-fix header {
padding: 0px 20px;
}
}
body.h-fix header #menu-presta,
body.h-fix header #menu-prod {
display: none;
}
@media (max-width: 1109px) {
body.h-fix #nav-top li {
margin: 0 0.5em;
}
}
body.h-fix #nav-top li:nth-child(6) {
background-color: transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding: 0;
}
body.h-fix #nav-top li:nth-child(6) a {
background: url("../img/logo.svg") no-repeat center center;
background-size: 100%;
height: 170px;
}
body.h-fix #nav-top li a:not(.dropdown-item) {
color: white;
text-shadow: none;
}
body.h-fix #nav-top li.dropdown-toggle::after {
color: white;
}
body.h-fix #nav-top .sub-menu li:nth-child(6) {
padding: .25rem 1.5rem;
}
body.h-fix #nav-top .sub-menu li:nth-child(6):hover {
background-color: #CDA14C;
}
body.h-fix #nav-top .sub-menu li a {
color: #fff;
}
body header {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 800;
transition: .5s ease-in;
background-color: black;
}
body header .content-header #logo-rwd {
display: none;
}
body header .content-header #btn-menu {
display: none;
}
body header #menu-top {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
}
body header li {
position: relative;
margin: 0 1em;
text-transform: uppercase;
list-style-type: none;
}
body header li:nth-child(1) {
display: none;
}
body header li:nth-child(2) span {
display: none;
}
body header li:nth-child(6) {
min-width: 200px;
padding: 2em 0;
display: flex;
align-items: center;
justify-content: center;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
}
body header li:nth-child(6) * {
transition: .5s ease-in;
}
body header li:nth-child(6) a {
padding: 0 2em;
height: 170px;
text-indent: -9999px;
display: flex;
align-items: center;
justify-content: center;
flex: 1;
background: url("../img/logo.svg") no-repeat center center;
background-size: cover;
}
body header li:nth-child(6) a::before {
content: '';
display: none !important;
}
body header li.dropdown-toggle::after {
color: #fff;
}
body header li a {
background-color: transparent;
color: #fff;
font-size: 14px;
text-shadow: 0 1px 2px rgba(38,28,30,0.8);
}
body header li a:hover {
color: #fff;
text-decoration: none;
outline: none;
}
body header li a:hover:before {
width: 100%;
left: 0;
}
body header li a:focus {
outline: none;
}
body header li a:before {
content: "";
display: block;
height: 1px;
position: absolute;
left: 50%;
bottom: -5px;
width: 0;
background-color: #CDA14C;
-webkit-transition: all 0.2s cubic-bezier(0.25,0.46,0.45,0.94);
-o-transition: all 0.2s cubic-bezier(0.25,0.46,0.45,0.94);
transition: all 0.2s cubic-bezier(0.25,0.46,0.45,0.94);
}
body header .sub-menu {
min-width: 190px;
background-color: #CDA14C;
padding: 2em 0;
border-radius: .8rem;
border: 0;
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
float: left;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-clip: padding-box;
}
body header .sub-menu li {
margin: 0;
text-transform: none;
width: 100%;
}
body header .sub-menu li:nth-child(1) {
display: inline-block;
}
body header .sub-menu li a {
color: #FFF;
display: block;
width: 100%;
font-size: 0.9em;
line-height: 1.5;
text-transform: none;
}
body header .sub-menu li a:before {
display: none;
}
body header .sub-menu li:nth-child(6) {
padding: .25rem 1.5rem;
border-radius: 0;
background-color: transparent;
display: inline-block;
}
body header .sub-menu li:nth-child(6) a {
background: none !important;
height: auto !important;
min-width: 0 !important;
text-indent: inherit;
display: inline-block;
padding: 0;
}
body header .sub-menu li:hover {
background: #CDA14C;
color: #FFF;
}
#slider {
width: 100%;
height: 100vh;
min-height: 700px;
z-index: 100;
overflow: hidden;
}
#slider .btn-scroll {
position: absolute;
z-index: 900;
bottom: 5%;
right: 2%;
display: inline-block;
-webkit-animation: move .5s linear infinite alternate;
-moz-animation: move .5s linear infinite alternate;
animation: move .5s linear infinite alternate;
text-align: center;
width: 29px;
height: 135px;
}
#slider .swiper-container {
width: 100%;
height: 100vh;
min-height: 700px;
z-index: 100;
}
#slider .swiper-container .swiper-wrapper {
display: flex;
flex-wrap: nowrap;
height: 100%;
}
#slider .swiper-container .swiper-wrapper .swiper-slide {
padding: 0 calc(23px);
overflow: hidden;
display: flex;
align-items: center;
flex: 1 0 auto;
width: 100%;
height: 100%;
}
#slider .swiper-container .swiper-wrapper .swiper-slide [data-bg] {
transition: transform 1s;
z-index: 0;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#slider .swiper-container .swiper-wrapper .swiper-slide [data-bg]::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(54,40,43,0.35);
z-index: 2;
}
#slider .swiper-container .swiper-wrapper .swiper-slide [data-bg]::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg,#36282b 0%,rgba(0,212,255,0) 100%);
z-index: 3;
}
#slider .swiper-container .swiper-wrapper .swiper-slide .container {
text-align: center;
line-height: 1;
z-index: 1000;
color: #fff;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
max-width: 50%;
top: 8%;
}
#slider .swiper-container .swiper-wrapper .swiper-slide .container .legende {
font-family: 'Philosopher', sans-serif;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 14px;
margin-bottom: 0.4em;
}
#slider .swiper-container .swiper-wrapper .swiper-slide .container .title {
font-size: 52px;
font-weight: 600;
text-shadow: 0 1px 2px rgba(38,28,30,0.8);
}
#slider .swiper-container .swiper-wrapper .swiper-slide .container p {
margin: calc(11px) 0 calc(16.5px);
color: rgba(255,255,255,0.7);
font-size: 16px;
line-height: 1.4;
text-shadow: 0 1px 2px rgba(38,28,30,0.8);
}
#slider .swiper-container .swiper-button-prev {
position: absolute;
top: 50%;
left: 2%;
z-index: 900;
margin-top: 0;
width: 55px;
height: 39px;
transform: translateY(-50%);
cursor: pointer;
}
#slider .swiper-container .swiper-button-prev::after {
content: '';
background: url(../img/arrow-prev.svg) no-repeat center center;
width: 55px;
height: 39px;
background-size: cover;
}
#slider .swiper-container .swiper-button-next {
position: absolute;
top: 50%;
right: 2%;
z-index: 900;
margin-top: 0;
width: 55px;
height: 39px;
transform: translateY(-50%);
cursor: pointer;
}
#slider .swiper-container .swiper-button-next::after {
content: '';
background: url(../img/arrow-next.svg) no-repeat center center;
width: 55px;
height: 39px;
background-size: cover;
}
#slider .swiper-container .swiper-pagination {
position: absolute;
bottom: 5%;
left: 50%;
transform: translate(-50%);
}
#slider .swiper-container .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
display: inline-block;
border-radius: 100%;
background: transparent;
border: #fff solid 2px;
opacity: .2;
margin: 0 4px;
}
#slider .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
opacity: 1;
background: #FFF;
}
@media (min-width: 1200px) {
.container-custom {
max-width: 1550px;
}
}
.container-custom .bloc-colonne-zone h2 {
font-family: 'Philosopher', sans-serif;
text-align: center;
font-size: 22px;
font-weight: normal;
line-height: 28px;
letter-spacing: 4.4px;
color: #CDA14C !important;
text-transform: uppercase;
margin-bottom: 0px !important;
}
.container-custom .bloc-colonne-zone a {
text-align: center;
text-decoration: underline;
font-family: 'Poppins', sans-serif;
font-size: 16px !important;
line-height: 40px;
font-weight: 300;
letter-spacing: 0px;
color: #FFFFFF;
}
.bloc-colonnes-texte p {
text-align: left;
font-weight: 300;
font-size: 16px;
line-height: 24px;
letter-spacing: 0px;
color: #FFFFFF;
margin-bottom: 15px;
}
.bloc-colonnes-texte p strong {
text-align: left;
font-family: 'Poppins', sans-serif;
font-size: 22px;
line-height: 24px;
font-weight: 600;
letter-spacing: 0px;
color: #CDA14C;
}
.bloc-colonnes-texte-1 p {
text-align: center;
font-family: 'Poppins', sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 300;
letter-spacing: 0px;
color: #FFFFFF;
}
.bloc-colonnes-texte-1 p strong {
text-align: center;
font-family: 'Philosopher', sans-serif;
font-size: 22px;
line-height: 28px;
font-weight: normal;
letter-spacing: 4.4px;
color: #CDA14C;
text-transform: uppercase;
}
.lame-before-footer {
position: relative;
height: 400px;
align-content: center;
}
.lame-before-footer::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #00213B;
opacity: 0.75;
z-index: 1;
}
.lame-before-footer .container {
position: relative;
z-index: 2;
}
#slider-interne {
width: 100%;
}
#slider-interne .container-h-int {
height: 400px;
position: relative;
}
#slider-interne .container-h-int::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 400px;
background-color: #00213B;
opacity: 0.75;
z-index: 2;
}
@media (max-width: 768px) {
#slider-interne .container-h-int::before {
height: 380px;
}
}
#slider-interne .container-h-int .container {
z-index: 10;
height: 100%;
}
#slider-interne .container-h-int .container .accroche-h-int {
position: absolute;
z-index: 101;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
color: #fff;
width: 80%;
text-align: center;
}
#slider-interne .container-h-int .container .accroche-h-int .legende {
text-align: center;
font-family: 'Philosopher', sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: normal;
letter-spacing: 2.8px;
color: #FFFFFF;
text-transform: uppercase;
}
#slider-interne .container-h-int .container .accroche-h-int h1 {
margin: 0 0 0.5em 0;
text-align: center;
font-size: 35px;
line-height: 50px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
letter-spacing: 0px;
color: #FFFFFF;
}
#slider-interne .container-h-int .container .accroche-h-int p {
text-align: center;
font-size: 20px;
line-height: 30px;
font-family: 'Poppins', sans-serif;
font-weight: 300;
letter-spacing: 0px;
color: #FFFFFF;
}
#slider-interne .container-h-int.woo {
height: 200px;
}
main {
margin-top: 30px;
}
@media screen and (max-width: 768px) {
main {
margin-top: 0px;
}
}
main section {
padding: 91px 0;
}
main section:not(.c-prod) {
text-align: center;
}
main section .paragraphe {
font-size: 16px;
color: #9c9c9c;
font-weight: 400;
line-height: 1.6;
margin: 0 0 1.5em 0;
}
main section #koi {
position: absolute;
top: -50%;
left: -110px;
z-index: 10;
display: inline-block;
width: 916px;
height: 611px;
}
@media (max-width: 1670px) {
main section #koi {
display: none;
}
}
main section #bambou {
position: absolute;
bottom: 40%;
right: 0;
z-index: 10;
display: inline-block;
width: 576px;
height: 519px;
}
@media (max-width: 1670px) {
main section #bambou {
display: none;
}
}
main section.section-brown {
background-color: black;
}
main section.section-brown .container .row [class*='col-'] .titre-page .legende {
color: white;
}
main section.section-brown .container .row [class*='col-'] .titre-page h1,
main section.section-brown .container .row [class*='col-'] .titre-page h2,
main section.section-brown .container .row [class*='col-'] .titre-page h3,
main section.section-brown .container .row [class*='col-'] .titre-page h4 {
color: #fff;
}
main section.section-brown .container .row [class*='col-'] .paragraphe {
color: #fff;
}
main section.section-brown .container .row [class*='col-'] .paragraphe p {
text-align: center;
font-size: 16px;
line-height: 24px;
font-weight: 300;
font-family: 'Poppins', sans-serif;
letter-spacing: 0px;
color: #FFFFFF;
}
main section.section-brown .container .row [class*='col-'] .btn-primary:hover {
background-color: #fff !important;
border-color: #FFF !important;
color: #CDA14C;
}
main section.c-prod .titre-page {
text-align: center;
}
main section.c-prod .col-infos .price {
margin-bottom: 1.5em;
font-size: 24px;
font-weight: 300;
color: #CDA14C;
}
main section.c-prod .col-infos .btn+.btn {
margin-left: .5em;
}
main section.c-prod #swiper-products {
height: 500px;
}
main section.c-prod #swiper-products .swiper-slide {
background-size: cover;
background-position: center;
}
main section.c-prod #swiper-products .gallery-top {
height: 80%;
width: 100%;
}
main section.c-prod #swiper-products .gallery-top .swiper-prod-button-prev {
position: absolute;
top: 50%;
left: 2%;
z-index: 900;
margin-top: 0;
width: 55px;
height: 39px;
transform: translateY(-50%);
cursor: pointer;
}
main section.c-prod #swiper-products .gallery-top .swiper-prod-button-prev::after {
content: '';
background: url(../img/arrow-prev.svg) no-repeat center center;
width: 55px;
height: 39px;
background-size: cover;
}
main section.c-prod #swiper-products .gallery-top .swiper-prod-button-next {
position: absolute;
top: 50%;
right: 2%;
z-index: 900;
margin-top: 0;
width: 55px;
height: 39px;
transform: translateY(-50%);
cursor: pointer;
}
main section.c-prod #swiper-products .gallery-top .swiper-prod-button-next::after {
content: '';
background: url(../img/arrow-next.svg) no-repeat center center;
width: 55px;
height: 39px;
background-size: cover;
}
main section.c-prod #swiper-products .gallery-thumbs {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
main section.c-prod #swiper-products .gallery-thumbs .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4;
}
main section.c-prod #swiper-products .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
opacity: 1;
}
main section.c-gallery,
main section.c-prod {
padding: 4em 0;
}
main section.c-int #koi {
top: 10%;
}
main section.c-int h2 {
font-size: 27px;
}
main section.c-int .titre-paragraphe {
color: #CDA14C;
font-weight: 300;
font-size: 24px;
}
main section.c-int .paragraphe,
main section.c-int .titre-paragraphe {
text-align: left;
}
main section .container .row.row-bloc .paragraphe,
main section .container-fluid:not(.content-galerie) .row.row-bloc .paragraphe {
margin: 0 !important;
}
main section .container .row.row-bloc img,
main section .container-fluid:not(.content-galerie) .row.row-bloc img {
border-radius: 2rem;
}
main section .container .row.row-bloc [class*='col-'],
main section .container-fluid:not(.content-galerie) .row.row-bloc [class*='col-'] {
text-align: left;
}
main section .container .row.row-bloc .btn,
main section .container-fluid:not(.content-galerie) .row.row-bloc .btn {
margin-top: 1em !important;
}
main section .container .row.row-bloc:nth-child(odd),
main section .container-fluid:not(.content-galerie) .row.row-bloc:nth-child(odd) {
display: flex;
}
main section .container .row.row-bloc:nth-child(odd) [class*='col-']:nth-child(1),
main section .container-fluid:not(.content-galerie) .row.row-bloc:nth-child(odd) [class*='col-']:nth-child(1) {
order: 2;
}
main section .container .row.row-bloc:nth-child(odd) [class*='col-']:nth-child(2),
main section .container-fluid:not(.content-galerie) .row.row-bloc:nth-child(odd) [class*='col-']:nth-child(2) {
order: 1;
}
main section .container .row.row-bloc:nth-child(even),
main section .container-fluid:not(.content-galerie) .row.row-bloc:nth-child(even) {
display: flex;
}
main section .container .row.row-bloc:nth-child(even) [class*='col-']:nth-child(1),
main section .container-fluid:not(.content-galerie) .row.row-bloc:nth-child(even) [class*='col-']:nth-child(1) {
order: 1;
}
main section .container .row.row-bloc:nth-child(even) [class*='col-']:nth-child(2),
main section .container-fluid:not(.content-galerie) .row.row-bloc:nth-child(even) [class*='col-']:nth-child(2) {
order: 2;
}
main section .container .row.row-prod-citation,
main section .container-fluid:not(.content-galerie) .row.row-prod-citation {
text-align: center;
}
main section .container .row.row-prod-citation .citation,
main section .container-fluid:not(.content-galerie) .row.row-prod-citation .citation {
text-align: center;
}
main section .container .row [class*='col-'],
main section .container-fluid:not(.content-galerie) .row [class*='col-'] {
gap: 20px;
}
main section .container .row [class*='col-'] .titre-page,
main section .container-fluid:not(.content-galerie) .row [class*='col-'] .titre-page {
margin-bottom: 1.5em;
}
main section .container .row [class*='col-'] .titre-page img,
main section .container-fluid:not(.content-galerie) .row [class*='col-'] .titre-page img {
width: 41px;
height: 41px;
display: inline-block;
margin-bottom: 0.2em;
}
main section .container .row [class*='col-'] .titre-page .legende,
main section .container-fluid:not(.content-galerie) .row [class*='col-'] .titre-page .legende {
font-family: 'Philosopher', sans-serif;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 7px;
letter-spacing: 3px;
font-size: 13px;
color: white;
opacity: .5;
}
main section .container .row [class*='col-'] .titre-page h1,
main section .container .row [class*='col-'] .titre-page h2,
main section .container .row [class*='col-'] .titre-page h3,
main section .container .row [class*='col-'] .titre-page h4,
main section .container-fluid:not(.content-galerie) .row [class*='col-'] .titre-page h1,
main section .container-fluid:not(.content-galerie) .row [class*='col-'] .titre-page h2,
main section .container-fluid:not(.content-galerie) .row [class*='col-'] .titre-page h3,
main section .container-fluid:not(.content-galerie) .row [class*='col-'] .titre-page h4 {
color: white;
font-weight: 300;
font-size: 32px;
margin: 0 0 1em 0;
}
main section .container .row [class*='col-'] .paragraphe,
main section .container .row [class*='col-'] p,
main section .container-fluid:not(.content-galerie) .row [class*='col-'] .paragraphe,
main section .container-fluid:not(.content-galerie) .row [class*='col-'] p {
font-size: 16px;
color: white;
font-weight: 300;
line-height: 1.6;
margin: 0 0 1.5em 0;
}
main section .container .row [class*='col-'] .paragraphe em,
main section .container .row [class*='col-'] p em,
main section .container-fluid:not(.content-galerie) .row [class*='col-'] .paragraphe em,
main section .container-fluid:not(.content-galerie) .row [class*='col-'] p em {
text-align: center;
font-weight: 300;
font-size: 22px;
line-height: 30px;
letter-spacing: 0px;
color: #CDA14C;
}
main section .container .row [class*='col-'] figure,
main section .container-fluid:not(.content-galerie) .row [class*='col-'] figure {
max-width: 23%;
margin: 0;
}
main section .container .row [class*='col-'] figure img,
main section .container-fluid:not(.content-galerie) .row [class*='col-'] figure img {
height: 90px;
width: auto;
}
main section .container .row [class*='col-'] figure figcaption,
main section .container-fluid:not(.content-galerie) .row [class*='col-'] figure figcaption {
font-family: 'Philosopher', serif;
font-size: 20px;
color: white;
line-height: 1;
margin-top: 0.5em;
padding: 0 1.2em;
}
main section .container .row [class*='col-'] figure p,
main section .container-fluid:not(.content-galerie) .row [class*='col-'] figure p {
font-size: 16px;
color: white;
margin-top: 15px;
}
main section .container .row [class*='col-'].col-icon,
main section .container-fluid:not(.content-galerie) .row [class*='col-'].col-icon {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
main section .container .row [class*='col-'] .citation,
main section .container-fluid:not(.content-galerie) .row [class*='col-'] .citation {
text-align: center;
color: #CDA14C;
font-size: 22px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0px;
margin-top: 1em;
}
main section .container .row [class*='col-'] .citation+.btn,
main section .container-fluid:not(.content-galerie) .row [class*='col-'] .citation+.btn {
margin-top: 1em;
}
main .scroller__box {
display: flex;
-webkit-box-pack: justify;
justify-content: center;
flex-wrap: wrap;
}
main .scroller__box .scroller__item {
width: 25%;
}
main .scroller__box .scroller__item:first-child .teamy__layout,
main .scroller__box .scroller__item:nth-child(5) .teamy__layout {
border-bottom-left-radius: 1rem;
border-top-left-radius: 1rem;
}
main .scroller__box .scroller__item:last-child .teamy__layout,
main .scroller__box .scroller__item:nth-child(4) .teamy__layout {
border-bottom-right-radius: 1rem;
border-top-right-radius: 1rem;
}
main .teamy {
position: relative;
font-size: 1.6rem;
text-align: center;
cursor: pointer;
}
main .teamy:hover .teamy__back {
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0;
left: 0;
z-index: 3;
}
main .teamy__layout {
position: relative;
overflow: hidden;
transition: .5s linear;
}
main .teamy__layout * {
transition: .5s linear;
}
main .teamy__layout:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
}
main .teamy__avatar {
display: block;
max-width: 100%;
position: relative;
z-index: 1;
}
main .teamy__back {
display: none;
transition: .5s linear;
width: 100%;
}
main .teamy__back * {
transition: .5s linear;
}
main .teamy__back .teamy__back-inner {
display: block;
font-size: 1.5em;
font-weight: 700;
width: 100%;
}
main .teamy__back .teamy__back-inner p {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 100%;
padding: 0 2em;
margin: 0;
color: #fff;
font-weight: 400;
font-size: 18px;
}
main .teamy__post {
display: block;
font-size: .9em;
text-transform: uppercase;
}
main .teamy__content {
padding: 20px;
}
main .teamy__name {
font-size: 22px;
font-weight: 700;
color: #CDA14C;
}
main .teamy__post {
font-size: .5em;
text-transform: uppercase;
color: #CDA14C;
font-weight: 300;
letter-spacing: 3px;
}
main .teamy_mask-circle .teamy__layout:before {
content: "";
width: 0;
height: 0;
padding: 25%;
border-radius: 50%;
transition: transform .3s ease, opacity .3s ease-out;
will-change: opacity, transform;
opacity: 0;
transform: translate(-50%,-50%) scale(0);
}
main .teamy_mask-circle:hover .teamy__layout:before {
content: "";
opacity: 1;
transform: translate(-50%,-50%) scale(4);
transition-duration: .6s;
background-color: rgba(175,12,28,0.7);
}
main .teamy_zoom-photo .teamy__avatar {
transition: transform .4s cubic-bezier(0.71,0.05,0.29,0.9);
will-change: transform;
transform: scale(1);
}
main .teamy_zoom-photo:hover .teamy__avatar {
transform: scale(1.2);
}
main .card-product {
margin: 1em 0;
border: none;
cursor: pointer;
}
main .card-product:hover .card-img-top {
box-shadow: 0 20px 20px rgba(0,0,0,0.15);
transform: translateY(-5px);
}
main .card-product:hover .btn {
background-color: #CDA14C;
border-color: #CDA14C;
}
main .card-product [data-bg] {
height: 300px;
}
main .card-product .card-img-top {
transition: .2s linear;
border-radius: 2rem;
}
main .card-product .card-body {
display: flex;
flex-direction: column;
justify-content: space-between;
}
main .card-product .card-body .card-title {
color: #CDA14C;
font-weight: 600;
font-size: 22px;
margin: 0 0 1em 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
height: 25px;
}
main .card-product .card-body .card-text {
text-align: center;
height: 60px;
overflow: hidden;
}
main .card-product .card-body .card-text.paragraphe {
text-align: center !important;
margin-bottom: 0.5em !important;
}
main .card-product .card-body .card-text::after {
background: linear-gradient(to bottom,transparent 50%,#fff);
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
main .card-product .card-body .price {
margin-bottom: 1em;
font-weight: 400;
font-size: 18px;
}
main .container-fluid.content-galerie {
margin: 6em 0;
padding: 0;
text-align: left;
}
@media (min-width: 992px) {
main .container-fluid.content-galerie {
padding: 0 8em;
}
}
main .container-fluid.content-galerie .row,
main .container-fluid.content-galerie .container-card {
background-color: #00213B;
}
main .container-fluid.content-galerie .row.row-bloc img,
main .container-fluid.content-galerie .container-card.row-bloc img {
border-radius: 0;
}
main .container-fluid.content-galerie .row.row-bloc .legende,
main .container-fluid.content-galerie .container-card.row-bloc .legende {
font-family: 'Philosopher', sans-serif;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 13px;
color: #CDA14C;
opacity: .5;
margin: 0 0 0.4em 0;
}
main .container-fluid.content-galerie .row.row-bloc h3,
main .container-fluid.content-galerie .container-card.row-bloc h3 {
color: white;
font-weight: 300;
font-size: 32px;
margin: 0 0 0.5em 0;
}
main .container-fluid.content-galerie .row.row-bloc [class*='col-'],
main .container-fluid.content-galerie .container-card.row-bloc [class*='col-'] {
text-align: left;
}
main .container-fluid.content-galerie .row.row-bloc:hover .btn,
main .container-fluid.content-galerie .container-card.row-bloc:hover .btn {
background-color: #CDA14C;
border-color: #CDA14C;
}
main .container-fluid.content-galerie .row.row-bloc:nth-child(odd),
main .container-fluid.content-galerie .container-card.row-bloc:nth-child(odd) {
display: flex;
}
main .container-fluid.content-galerie .row.row-bloc:nth-child(odd) [class*='col-']:nth-child(1),
main .container-fluid.content-galerie .container-card.row-bloc:nth-child(odd) [class*='col-']:nth-child(1) {
order: 2;
}
main .container-fluid.content-galerie .row.row-bloc:nth-child(odd) [class*='col-']:nth-child(2),
main .container-fluid.content-galerie .container-card.row-bloc:nth-child(odd) [class*='col-']:nth-child(2) {
order: 1;
}
main .container-fluid.content-galerie .row.row-bloc:nth-child(even),
main .container-fluid.content-galerie .container-card.row-bloc:nth-child(even) {
display: flex;
}
main .container-fluid.content-galerie .row.row-bloc:nth-child(even) [class*='col-']:nth-child(1),
main .container-fluid.content-galerie .container-card.row-bloc:nth-child(even) [class*='col-']:nth-child(1) {
order: 1;
}
main .container-fluid.content-galerie .row.row-bloc:nth-child(even) [class*='col-']:nth-child(2),
main .container-fluid.content-galerie .container-card.row-bloc:nth-child(even) [class*='col-']:nth-child(2) {
order: 2;
}
main .container-fluid.content-galerie .col-infos {
padding: 4em;
}
main .container-fluid.content-galerie .col-databg {
height: 500px;
}
main .container-card {
margin: 6em 0;
}
main .container-card::before {
content: '';
background-color: #f6f6f6;
width: 100%;
height: 70%;
position: absolute;
top: 50%;
left: 0;
z-index: 5;
transform: translateY(-50%);
}
main .container-card .panel {
background-color: #fff;
border-radius: 10px;
padding: 15px 25px;
position: relative;
width: 100%;
z-index: 10;
width: 80%;
margin: 0 auto;
height: 100%;
}
main .container-card .panel.pricing-table {
box-shadow: 0 0 3px 0 #ccc;
flex-direction: row;
display: flex;
flex-wrap: wrap;
}
main .container-card .panel.pricing-table * {
text-align: center;
}
main .container-card .panel.pricing-table .pricing-plan {
padding: 25px;
z-index: 15;
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
}
main .container-card .panel.pricing-table .pricing-plan::last-child {
border-bottom: none;
}
main .container-card .panel.pricing-table .pricing-plan .pricing-img {
margin-bottom: 25px;
max-width: 100%;
border-radius: 50%;
width: 200px;
height: 200px;
}
main .container-card .panel.pricing-table .pricing-plan .pricing-header {
color: #CDA14C;
font-weight: 600;
font-size: 22px;
}
main .container-card .panel.pricing-table .pricing-plan .pricing-features {
color: #016FF9;
font-weight: 600;
margin: 25px 0 25px;
}
main .container-card .panel.pricing-table .pricing-plan .pricing-features .pricing-features-item {
border-top: 1px solid #f6f6f6;
font-weight: 400;
line-height: 1.5;
padding: .5em 0;
background-size: 5%;
color: #888;
}
main .container-card .panel.pricing-table .pricing-plan .pricing-features .pricing-features-item::last-child {
border-bottom: 1px solid #e1f1ff;
}
main #galerie-home {
display: flex;
flex-wrap: wrap;
padding: 0;
}
main #galerie-home a {
width: 33.33333%;
height: 400px;
overflow: hidden;
display: inline-block;
}
@media (max-width: 1024px) {
main #galerie-home a {
height: 250px;
}
}
main #galerie-home a .content-overlay {
background: rgba(77,63,66,0.85);
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
main #galerie-home a .content-details {
position: absolute;
text-align: center;
padding-left: 1em;
padding-right: 1em;
width: 100%;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
main #galerie-home a .content-details.fadeIn-bottom {
top: 80%;
}
main #galerie-home a .content-details h3 {
color: #fff;
margin-bottom: 0;
font-size: 26px;
font-weight: 700;
}
@media (max-width: 1024px) {
main #galerie-home a .content-details h3 {
font-size: 18px;
}
}
main #galerie-home a .content-details .content-text {
color: #fff;
font-weight: 300;
font-size: 26px;
}
@media (max-width: 1024px) {
main #galerie-home a .content-details .content-text {
font-size: 18px;
}
}
main #galerie-home a:hover .content-details {
top: 50%;
left: 50%;
opacity: 1;
}
main #galerie-home a:hover .content-overlay {
opacity: 1;
}
main #galerie-home a:hover [data-bg] {
background-size: 120%;
}
main #galerie-container {
height: 800px;
width: 90%;
margin: 0 auto;
}
main #galerie-container .swiper-container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
main #galerie-container .swiper-container .swiper-slide {
background-size: cover;
background-position: center;
}
main #galerie-container .swiper-container.gallery-top {
height: 80%;
width: 100%;
}
main #galerie-container .swiper-container.gallery-top .legende-photo {
background-color: rgba(54,40,43,0.9);
color: white;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0.5em 1em;
}
main #galerie-container .swiper-container.gallery-top .swiper-button-prev,
main #galerie-container .swiper-container.gallery-top .swiper-gallery-button-prev {
position: absolute;
top: 50%;
left: 2%;
z-index: 900;
margin-top: 0;
width: 55px;
height: 39px;
transform: translateY(-50%);
cursor: pointer;
}
main #galerie-container .swiper-container.gallery-top .swiper-button-prev::after,
main #galerie-container .swiper-container.gallery-top .swiper-gallery-button-prev::after {
content: '';
background: url(../img/arrow-prev.svg) no-repeat center center;
width: 55px;
height: 39px;
background-size: cover;
}
main #galerie-container .swiper-container.gallery-top .swiper-button-next,
main #galerie-container .swiper-container.gallery-top .swiper-gallery-button-next {
position: absolute;
top: 50%;
right: 2%;
z-index: 900;
margin-top: 0;
width: 55px;
height: 39px;
transform: translateY(-50%);
cursor: pointer;
}
main #galerie-container .swiper-container.gallery-top .swiper-button-next::after,
main #galerie-container .swiper-container.gallery-top .swiper-gallery-button-next::after {
content: '';
background: url(../img/arrow-next.svg) no-repeat center center;
width: 55px;
height: 39px;
background-size: cover;
}
main #galerie-container .swiper-container.gallery-thumbs {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
width: 100%;
}
main #galerie-container .swiper-container.gallery-thumbs .swiper-slide {
height: 100%;
opacity: 0.4;
}
main #galerie-container .swiper-container.gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
opacity: 1;
}
main .accordion {
text-align: left;
}
main .accordion .catQuestions {
font-weight: 600;
border-bottom: solid 1px #af0c1c;
font-size: 24px;
color: #af0c1c;
padding-bottom: 0.5em;
margin: 1.5em 0;
width: 100%;
float: left;
}
@media (max-width: 1199px) {
main .accordion .catQuestions {
font-size: 20px;
}
}
main .accordion .accordion-item {
width: 100%;
float: left;
background-color: #f6f6f6;
border-radius: .25rem;
padding: 0.5em 1em;
margin: 0.5em 0;
}
main .accordion .accordion-item a.question {
font-weight: 400;
font-size: 1.1rem;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
width: 100%;
padding: 1rem 3rem 1rem 0;
color: #CDA14C;
}
main .accordion .accordion-item a.question:hover {
cursor: pointer;
color: #af0c1c;
}
main .accordion .accordion-item a.question:hover::after {
cursor: pointer;
color: #af0c1c;
}
main .accordion .accordion-item a.question::after {
font-family: 'Font Awesome 5 Free';
content: '\f067';
position: absolute;
float: right;
right: 1rem;
font-size: 1rem;
color: #CDA14C;
padding: 2px 5px;
width: 30px;
height: 30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
text-align: center;
font-weight: 900;
}
main .accordion .accordion-item a.question.active {
color: #af0c1c;
border-bottom: 1px solid #ccc;
}
main .accordion .accordion-item a.question.active::after {
font-family: 'Font Awesome 5 Free';
content: '\f068';
color: #af0c1c;
font-weight: 900;
}
main .accordion .accordion-item a:not(.question) {
color: #851f60;
}
main .accordion .accordion-item .content {
position: static;
display: none;
padding: 1em;
overflow: hidden;
color: #CDA14C;
width: 100%;
float: left;
margin: 0;
}
main .accordion .accordion-item .content p {
font-size: 1rem;
font-weight: 400;
}
main .nf-form-cont .nf-form-title,
main .nf-form-cont .nf-before-form-content {
display: none;
}
main .nf-form-cont .nf-field-container {
margin-bottom: 0.5em;
padding: 0 15px;
}
main .nf-form-cont .nf-field-element {
text-align: left;
}
main .nf-form-cont form label {
text-align: left;
font-weight: 300;
font-family: 'Poppins', sans-serif;
line-height: 24px;
font-size: 16px;
letter-spacing: 0px;
color: #B1B0AF;
}
main .nf-form-cont form textarea.ninja-forms-field,
main .nf-form-cont form input[type="text"],
main .nf-form-cont form input[type="tel"],
main .nf-form-cont form input[type="email"] {
border-radius: 2px;
font-size: 14px;
padding: 3px 18px 0;
width: 100%;
background: #00213B 0% 0% no-repeat padding-box;
border: none;
margin-bottom: 18px;
}
main .nf-form-cont form textarea.ninja-forms-field:focus,
main .nf-form-cont form input[type="text"]:focus,
main .nf-form-cont form input[type="tel"]:focus,
main .nf-form-cont form input[type="email"]:focus {
border: #f0f2f3 solid 1px !important;
}
main .nf-form-cont form textarea.ninja-forms-field::placeholder,
main .nf-form-cont form input[type="text"]::placeholder,
main .nf-form-cont form input[type="tel"]::placeholder,
main .nf-form-cont form input[type="email"]::placeholder {
text-align: left;
font: normal normal 300 16px/24px Poppins;
font-weight: 300;
font-size: 16px;
font-family: 'Poppins', sans-serif;
line-height: 24px;
letter-spacing: 0px;
color: #FFFFFF;
}
main .nf-form-cont form *:focus {
color: #af0c1c;
border-color: #f0f2f3 !important;
}
main .nf-form-cont form textarea.ninja-forms-field {
padding: 1em;
min-height: 250px;
margin-bottom: 1em;
}
main .nf-form-content button,
main .nf-form-content input[type="button"],
main .nf-form-content input[type="submit"] {
font-weight: 300;
color: #fff;
border-radius: 100px;
display: inline-block;
padding: 0.5em 2em;
transition: all .5s linear;
background-color: #CDA14C;
cursor: pointer;
}
main .nf-form-content button:hover,
main .nf-form-content input[type="button"]:hover,
main .nf-form-content input[type="submit"]:hover {
background-color: #af0c1c;
color: #fff;
}
main #nf-label-field-10 {
text-align: left;
font-size: 12px;
}
main #conseils #cerisier {
position: absolute;
top: -174%;
left: 0;
z-index: 5;
display: inline-block;
width: auto;
height: auto;
}
@media (max-width: 1355px) {
main #conseils #cerisier {
display: none;
}
}
main #texte-confidentialite {
font-size: 16px;
color: #787878;
font-weight: 300;
line-height: 1.6;
margin: 0 0 1.5em 0;
}
main #texte-confidentialite p,
main #texte-confidentialite li {
font-size: 16px;
color: #787878;
font-weight: 300;
line-height: 1.6;
margin: 0 0 1.5em 0;
}
main #texte-confidentialite a {
color: #af0c1c !important;
}
main #texte-confidentialite h2,
main #texte-confidentialite h3 {
color: #CDA14C;
font-weight: 400;
margin: 0 0 1em 0;
}
main #texte-confidentialite h2 {
font-size: 22px;
}
main #texte-confidentialite h3 {
font-size: 20px;
}
main #texte-confidentialite ol li {
list-style-type: none;
}
footer {
background: black url(../img/pattern-footer.png);
background-size: contain;
background-repeat: no-repeat;
padding: 4em 0;
text-align: center;
}
footer .tel-footer {
font-size: 16px;
font-weight: 600;
}
footer p {
color: white;
font-size: 16px;
}
footer a:hover {
color: #CDA14C;
}
footer .logo-footer {
width: 20%;
display: inline-block;
margin-bottom: 1em;
}
footer ul li {
display: inline-block;
margin: 0 0.3em;
}
footer ul li a {
color: #CDA14C;
font-size: 22px;
}
footer ul li a:hover {
color: #fff;
}
footer .copyright {
margin-top: 1.5em;
}
footer .copyright p {
margin: 0;
color: #978085;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 2;
}
footer .copyright a:hover {
color: #fff;
}
.scene {
width: 100%;
height: 100%;
cursor: wait;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
text-align: center;
}
.scene svg {
width: 240px;
height: 240px;
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%,-50%);
}
@media (max-width: 991px) {
body.fixed header .content-header #logo-rwd-mobile,
body.h-fix header .content-header #logo-rwd-mobile {
background: url("../img/logo.svg") no-repeat center center;
max-width: 50%;
width: 200px;
height: 97px;
background-size: contain;
}
body.fixed header .content-header #btn-menu .nav span,
body.h-fix header .content-header #btn-menu .nav span {
background: #CDA14C;
box-shadow: none;
}
body.fixed header .content-header #btn-menu .menu_name,
body.h-fix header .content-header #btn-menu .menu_name {
color: #CDA14C;
text-shadow: none;
}
body.fixed header .content-header #menu-top li a:not(.dropdown-item),
body.h-fix header .content-header #menu-top li a:not(.dropdown-item) {
color: #fff;
}
body.fixed header .content-header #menu-top li.dropdown-toggle::after,
body.h-fix header .content-header #menu-top li.dropdown-toggle::after {
color: #fff;
}
body header {
padding: 2em;
}
body header .content-header {
display: flex;
align-items: center;
justify-content: space-between;
}
body header .content-header #logo-rwd {
display: none;
}
body header .content-header #logo-rwd-mobile {
display: flex;
background: url("../img/logo-line-white.svg") no-repeat center center;
background-size: contain;
text-indent: -9999px;
width: 300px;
height: 89px;
}
body header .content-header #btn-menu {
display: flex;
align-items: center;
z-index: 999;
}
body header .content-header #btn-menu.openNav {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
z-index: 999;
}
body header .content-header #btn-menu.openNav span {
background: #af0c1c;
}
body header .content-header #btn-menu.openNav span:nth-child(2) {
width: 0;
opacity: 0;
}
body header .content-header #btn-menu.openNav span:nth-child(1) {
top: -2px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
}
body header .content-header #btn-menu.openNav span:nth-child(3) {
bottom: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
}
body header .content-header #btn-menu .nav {
width: 30px;
height: 23px;
display: inline-block;
position: relative;
cursor: pointer;
z-index: 800;
}
body header .content-header #btn-menu .nav span {
box-shadow: 0 1px 2px rgba(38,28,30,0.8);
-webkit-transition: .25s;
-o-transition: .25s;
transition: .25s;
width: 100%;
height: 1px;
background: #fff;
display: inline-block;
position: absolute;
right: 0;
z-index: 5000;
border-radius: .25rem;
}
body header .content-header #btn-menu .nav span:nth-child(1) {
top: 0;
}
body header .content-header #btn-menu .nav span:nth-child(2) {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
body header .content-header #btn-menu .nav span:nth-child(3) {
bottom: 0;
}
body header .content-header #btn-menu .nav:hover span {
background: #af0c1c;
}
body header .content-header #btn-menu .menu_name {
text-shadow: 0 1px 2px rgba(38,28,30,0.8);
font-size: calc(21.185185185185px);
color: #fff;
padding-left: 0.5em;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 400;
}
body header #nav-top {
position: fixed;
background: #CDA14C;
top: 0;
bottom: 0;
height: 100vh;
width: 536px;
max-width: 70%;
left: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
overflow: hidden;
z-index: 9999;
-webkit-transition: all ease 1s;
-o-transition: all ease 1s;
transition: all ease 1s;
}
body header #nav-top.open {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
body header #nav-top .container-menu {
overflow-y: scroll;
height: 100%;
width: calc(100% + 20px);
}
body header #nav-top .container-menu .startMenu {
padding: 3em 4em;
width: 100%;
float: left;
display: block;
}
body header #menu-top {
display: block;
}
body header #menu-top li {
width: 100%;
display: inline-block;
line-height: 1.4;
transition: all 0.5s ease !important;
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
margin: 0;
}
body header #menu-top li:nth-child(1) {
display: inline-block;
}
body header #menu-top li:nth-child(1) a {
color: #fff;
font-size: 12px !important;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 3px;
font-style: italic;
margin-bottom: 2em;
opacity: 0.5;
transition: all 0.2s ease !important;
-webkit-transition: all 0.2s ease !important;
-moz-transition: all 0.2s ease !important;
-o-transition: all 0.2s ease !important;
}
body header #menu-top li:nth-child(1) a:hover {
opacity: 1;
}
body header #menu-top li:nth-child(2) i {
display: none;
}
body header #menu-top li:nth-child(2) span {
display: inline-block;
}
body header #menu-top li:nth-child(6) {
display: none;
}
body header #menu-top li.dropdown-toggle a {
display: flex;
justify-content: space-between;
}
body header #menu-top li.dropdown-toggle a::after {
content: '\f0d7';
font-family: 'Font Awesome 5 Free';
color: #fff;
font-weight: 900;
}
body header #menu-top li.dropdown-toggle::after {
display: none;
}
body header #menu-top li a {
font-weight: 300;
text-transform: none;
padding: 0;
background-color: transparent;
position: relative;
margin: 0;
color: #fff;
font-size: calc(23.796296296296px);
display: inline-block;
width: 100%;
}
body header #menu-top li a::before {
display: none;
}
body header #menu-top li a:hover {
color: #af0c1c !important;
}
body header #menu-top li .dropdown-menu {
position: static;
background-color: transparent;
padding: 1em 0;
margin: 0;
width: 100%;
}
body header #menu-top li .dropdown-menu li:nth-child(1) a {
font-size: 16px !important;
line-height: 2;
}
body header #menu-top li .dropdown-menu a {
font-size: 16px;
line-height: 2;
color: #fff;
text-transform: none;
letter-spacing: normal;
opacity: 1;
font-style: normal;
margin-bottom: 0;
}
body header #menu-top li .dropdown-menu a:hover {
color: #af0c1c;
}
body header #menu-top li .dropdown-menu a::after {
display: none;
}
body #slider {
height: 85vh;
min-height: 500px;
}
body #slider .swiper-container {
height: 85vh;
min-height: 500px;
}
body #slider .swiper-container .swiper-wrapper .swiper-slide .container {
max-width: 70%;
top: 4%;
}
body #slider .swiper-container .swiper-wrapper .swiper-slide .container .legende {
font-size: 13px;
}
body #slider .swiper-container .swiper-wrapper .swiper-slide .container .title {
font-size: 42px;
}
body #slider .swiper-container .swiper-wrapper .swiper-slide .container p {
font-size: 14px;
}
body #slider-interne .container-h-int {
height: 300px;
}
body #slider-interne .container-h-int .container .accroche-h-int h1 {
font-size: 28px;
}
body main section {
padding: 6em 0;
}
body main section.c-int .paragraphe,
body main section.c-int .titre-paragraphe {
text-align: center;
}
body main section.c-int .titre-paragraphe {
margin-top: 0.5em;
}
body main section.c-prod {
text-align: center;
}
body main section.c-prod .col-infos {
margin-bottom: 2.5em;
}
body main section.c-prod .col-infos .price {
margin-bottom: 1em;
font-size: 20px;
}
body main section.c-prod #swiper-products {
height: 600px;
}
body main section .container .row.row-bloc [class*='col-'] {
text-align: center;
}
body main section .container .row.row-bloc img {
display: inline-block;
margin: 0;
}
body main section .container .row.row-bloc .btn {
margin-bottom: 0.5em;
}
body main section .container .row.row-bloc:nth-child(odd) {
display: flex;
}
body main section .container .row.row-bloc:nth-child(odd) [class*='col-']:nth-child(1) {
order: 2;
}
body main section .container .row.row-bloc:nth-child(odd) [class*='col-']:nth-child(2) {
order: 1;
}
body main section .container .row.row-bloc:nth-child(even) {
display: flex;
}
body main section .container .row.row-bloc:nth-child(even) [class*='col-']:nth-child(1) {
order: 2;
}
body main section .container .row.row-bloc:nth-child(even) [class*='col-']:nth-child(2) {
order: 1;
}
body main section .container .row [class*='col-'] figure {
max-width: 33.33333%;
margin-bottom: 1em;
}
body main section .container .row [class*='col-'] .citation {
font-size: 20px;
}
body main .container-fluid.content-galerie {
margin: 4em 0;
padding: 0 !important;
}
body main .container-fluid.content-galerie .row.row-bloc [class*='col-'],
body main .container-fluid.content-galerie .container-card.row-bloc [class*='col-'] {
text-align: center;
}
body main .container-fluid.content-galerie .row.row-bloc:nth-child(even),
body main .container-fluid.content-galerie .container-card.row-bloc:nth-child(even) {
display: flex;
}
body main .container-fluid.content-galerie .row.row-bloc:nth-child(even) [class*='col-']:nth-child(1),
body main .container-fluid.content-galerie .container-card.row-bloc:nth-child(even) [class*='col-']:nth-child(1) {
order: 2;
}
body main .container-fluid.content-galerie .row.row-bloc:nth-child(even) [class*='col-']:nth-child(2),
body main .container-fluid.content-galerie .container-card.row-bloc:nth-child(even) [class*='col-']:nth-child(2) {
order: 1;
}
body main .container-card .panel.pricing-table {
flex-direction: row;
}
body main .container-card .panel.pricing-table .pricing-plan {
border: 0;
flex-basis: 100%;
padding: 25px 50px;
}
body main .container-card .panel.pricing-table .pricing-plan:last-child {
border-right: none;
}
body main .accordion {
text-align: left;
}
body main .accordion .catQuestions {
font-weight: 600;
border-bottom: solid 1px #af0c1c;
font-size: 24px;
color: #af0c1c;
padding-bottom: 0.5em;
margin: 1.5em 0;
width: 100%;
float: left;
}
body main .accordion .accordion-item a.question {
font-weight: 400;
font-size: 1rem;
}
body main .accordion .accordion-item .content {
text-align: left;
}
body main .scroller__box .scroller__item {
width: 33.3333%;
}
body main .scroller__box .scroller__item:first-child .teamy__layout,
body main .scroller__box .scroller__item:nth-child(5) .teamy__layout {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
body main .scroller__box .scroller__item:last-child .teamy__layout,
body main .scroller__box .scroller__item:nth-child(4) .teamy__layout {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
body .nf-multi-cell .nf-cell {
width: 100% !important;
}
body .nf-form-content .label-above .nf-field-label {
text-align: left;
}
}
@media (max-width: 991px) and (max-width: 768px) {
body #slider .swiper-container .swiper-wrapper .swiper-slide .container {
max-width: 90%;
top: 4%;
}
}
@media (max-width: 991px) and (max-width: 768px) {
body #slider .swiper-container .swiper-wrapper .swiper-slide .container .title {
font-size: 32px;
}
}
@media (max-width: 991px) and (max-width: 768px) {
body #slider .swiper-container .swiper-button-prev {
display: none !important;
}
}
@media (max-width: 991px) and (max-width: 768px) {
body #slider .swiper-container .swiper-button-next {
display: none !important;
}
}
@media (max-width: 991px) and (max-width: 768px) {
body main section .container .row [class*='col-'] .titre-page h1,
body main section .container .row [class*='col-'] .titre-page h2,
body main section .container .row [class*='col-'] .titre-page h3,
body main section .container .row [class*='col-'] .titre-page h4 {
font-size: 26px;
}
}
@media (max-width: 991px) and (max-width: 768px) {
body main .container-fluid.content-galerie .col-databg {
height: 300px;
}
}
@media (max-width: 991px) and (max-width: 768px) {
body main #galerie-home a {
width: 50%;
height: 250px;
}
body main #galerie-home a:nth-child(5),
body main #galerie-home a:nth-child(6) {
display: none;
}
}
@media (max-width: 991px) and (max-width: 1199px) {
body main .accordion .catQuestions {
font-size: 20px;
}
}
@media (max-width: 991px) and (max-width: 768px) {
body main .scroller__box .scroller__item {
width: 50%;
}
}
@media (max-width: 991px) and (max-width: 768px) {
body footer .logo-footer {
width: 30%;
}
}
@media (min-width: 576px) {
#logo-rwd-mobile {
display: none;
}
}
@media (max-width: 575px) {
body.fixed header {
padding: 0.5em 20px;
}
body.fixed header .content-header #logo-rwd-mobile {
width: 200px;
height: 80px;
}
body header {
padding: 1em 20px;
}
body #slider-interne .container-h-int {
height: 380px;
}
body #slider-interne .container-h-int .container .accroche-h-int {
width: 100%;
padding: 0 2em;
}
body #slider-interne .container-h-int .container .accroche-h-int .legende {
font-size: 11px;
}
body #slider-interne .container-h-int .container .accroche-h-int h1 {
font-size: 22px;
letter-spacing: normal;
line-height: 28px;
}
body #slider-interne .container-h-int .container .accroche-h-int p {
font-size: 16px;
line-height: 24px;
}
body #slider-interne .container-h-int .container .accroche-h-int .btn {
font-size: 13px;
}
body #slider-interne .container-h-int.woo {
height: 200px;
}
body main section {
padding: 4em 0;
}
body main section.c-gallery,
body main section.c-prod {
padding: 2em 0;
}
body main section.c-prod .col-infos .price {
font-size: 18px;
}
body main section .container .row [class*='col-'] figure {
max-width: 100%;
}
body main section .container .row [class*='col-'] .titre-page h2 {
font-size: 22px !important;
}
body main section .container .row [class*='col-'] .titre-page h1,
body main section .container .row [class*='col-'] .titre-page h2,
body main section .container .row [class*='col-'] .titre-page h3,
body main section .container .row [class*='col-'] .titre-page h4 {
font-size: 18px;
}
body main section .container .row [class*='col-'] .paragraphe {
margin: 0 0 1em 0;
}
body main .container-fluid.content-galerie {
margin: 2em 0;
}
body main .container-fluid.content-galerie .row.row-bloc img,
body main .container-fluid.content-galerie .container-card.row-bloc img {
border-radius: 0;
}
body main .container-fluid.content-galerie .row.row-bloc .legende,
body main .container-fluid.content-galerie .container-card.row-bloc .legende {
font-size: 12px;
}
body main .container-fluid.content-galerie .row.row-bloc h3,
body main .container-fluid.content-galerie .container-card.row-bloc h3 {
font-size: 26px;
}
body main .container-fluid.content-galerie .row.row-bloc .paragraphe,
body main .container-fluid.content-galerie .container-card.row-bloc .paragraphe {
font-size: 14px;
margin: 0 0 1em 0;
}
body main .container-card {
margin: 3em 0;
}
body main .container-card .panel.pricing-table .pricing-plan .pricing-img {
width: 150px;
height: 150px;
}
body main .container-card .panel.pricing-table .pricing-plan .pricing-features .pricing-features-item {
padding: 0.5em 0;
}
body main #galerie-home a {
width: 100%;
height: 300px;
}
body main #galerie-home a:nth-child(4) {
display: none;
}
body .nf-form-cont form textarea.ninja-forms-field {
margin-bottom: 0.5em;
}
}
@media (max-width: 575px) and (max-width: 390px) {
body header .content-header #logo-rwd-mobile {
width: 200px;
height: 67px;
}
}
@media (max-width: 575px) and (max-width: 480px) {
body header .content-header #btn-menu {
margin-right: 1em;
}
}
@media (max-width: 575px) and (max-width: 480px) {
body header .content-header #btn-menu .menu_name {
display: none;
}
}
@media (max-width: 575px) and (max-width: 480px) {
body header .content-header #menu-top {
width: calc(100% + 20px);
max-width: calc(100% + 20px);
}
}
@media (max-width: 575px) and (max-width: 480px) {
body header #nav-top {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 575px) and (max-width: 480px) {
body header #nav-top .container-menu .startMenu {
width: 93%;
}
}
@media (max-width: 575px) and (max-width: 360px) {
body #slider .btn-scroll {
display: none;
}
}
@media (max-width: 575px) and (max-width: 360px) {
body #slider .swiper-wrapper .swiper-slide .container .title {
margin-bottom: .5em;
}
}
@media (max-width: 575px) and (max-width: 320px) {
body #slider .swiper-wrapper .swiper-slide .container .title {
font-size: 27px;
}
}
@media (max-width: 575px) and (max-width: 360px) {
body #slider .swiper-wrapper .swiper-slide .container p {
display: none;
}
}
@media (max-width: 575px) and (max-width: 360px) {
body #slider-interne .container-h-int {
height: 250px;
}
}
@media (max-width: 575px) and (max-width: 360px) {
body #slider-interne .container-h-int .container .accroche-h-int .legende {
font-size: 10px;
}
}
@media (max-width: 575px) and (max-width: 360px) {
body #slider-interne .container-h-int .container .accroche-h-int h1 {
font-size: 20px;
}
}
@media (max-width: 575px) and (max-width: 479px) {
body main section.c-int .titre-paragraphe {
font-size: 18px;
}
}
@media (max-width: 575px) and (max-width: 320px) {
body main section.c-prod .col-infos .btn {
width: 100%;
}
}
@media (max-width: 575px) and (max-width: 480px) {
body main section.c-prod .col-infos .btn+.btn {
margin-left: 0;
margin-top: 1em;
}
}
@media (max-width: 575px) and (max-width: 480px) {
body main section.c-prod #swiper-products {
height: 400px;
}
}
@media (max-width: 575px) and (max-width: 360px) {
body main section .container .row [class*='col-'] figure {
max-width: 100%;
padding: 0.5em 2em;
}
}
@media (max-width: 575px) and (max-width: 390px) {
body main section .container .row [class*='col-'] figure figcaption {
font-size: 16px;
}
}
@media (max-width: 575px) and (max-width: 360px) {
body main section .container .row [class*='col-'] .titre-page {
margin-bottom: 1em;
}
}
@media (max-width: 575px) and (max-width: 360px) {
body main section .container .row [class*='col-'] .titre-page .legende {
font-size: 12px;
}
}
@media (max-width: 575px) and (max-width: 389px) {
body main .container-fluid.content-galerie .col-infos {
padding: 3em 2em;
}
}
@media (max-width: 575px) and (max-width: 389px) {
body main .container-card .panel {
width: 100%;
}
}
@media (max-width: 575px) and (max-width: 389px) {
body main .container-card .panel.pricing-table .pricing-plan {
padding: 0;
}
}
@media (max-width: 575px) and (max-width: 389px) {
body main .scroller__box .scroller__item {
width: 100%;
}
}
@media (max-width: 575px) and (max-width: 390px) {
body .nf-form-content button,
body .nf-form-content input[type="button"],
body .nf-form-content input[type="submit"] {
width: 100%;
}
}
@media (max-width: 575px) and (max-width: 390px) {
body footer .logo-footer {
width: 50%;
}
}
@media (max-width: 575px) and (max-width: 360px) {
body footer p {
font-size: 16px;
}
}
@media (max-width: 575px) and (max-width: 320px) {
body footer p {
font-size: 14px;
}
}
@media (max-width: 575px) and (max-width: 360px) {
body footer .copyright p {
display: inline;
letter-spacing: 2px;
line-height: 1.6;
}
}
.content-home {
background-color: #00030B;
}
.content-home .legende {
color: #B1B0AF !important;
opacity: 1 !important;
}
.content-home h1 {
color: #fff !important;
}
.content-home .paragraphe {
color: #fff !important;
}
.section-brown {
position: relative;
}
.section-brown:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #CDA14C;
opacity: 0.5;
z-index: -1;
}
.section-brown .textes {
margin-top: 50px;
}
.section-brown h3 {
font-family: "Philosopher", sans-serif;
letter-spacing: 3.2px;
color: #CDA14C;
text-transform: uppercase;
}
.section-brown .paragraphe p {
letter-spacing: 0px;
color: #FFFFFF;
}
.section-blog {
background-color: #00030B;
padding-top: 60px;
padding-bottom: 80px;
}
.section-blog .row {
row-gap: 50px;
}
.section-blog .col-article {
margin-bottom: 30px;
}
.card-article {
display: flex;
flex-direction: column;
height: 100%;
background-color: transparent;
}
.card-article__image {
display: block;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 16px;
overflow: hidden;
transition: transform 0.4s ease, box-shadow 0.4s ease;
height: 289px;
}
.card-article__image:hover {
transform: translateY(-4px);
box-shadow: 0 12px 30px rgba(0,0,0,0.45);
}
.card-article__body {
padding: 22px 4px 0;
display: flex;
flex-direction: column;
flex: 1;
}
.card-article__title {
text-align: left;
font-size: 30px;
line-height: 40px;
font-weight: 300;
font-family: 'Poppins', sans-serif;
letter-spacing: 0px;
color: #FFFFFF;
margin-bottom: 12px;
}
.card-article__title a {
color: inherit;
text-decoration: none;
}
.card-article__title a:hover {
color: #CDA14C;
}
.card-article__meta {
text-align: left;
font-size: 16px;
color: #CDA14C;
line-height: 24px;
font-weight: 300;
font-family: 'Poppins', sans-serif;
letter-spacing: 0px;
margin-bottom: 24px;
}
.card-article__excerpt {
text-align: left;
letter-spacing: 0px;
color: #FFFFFF;
font-family: 'Poppins', sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 300;
margin-bottom: 30px;
}
.card-article__excerpt p {
margin: 0;
color: inherit;
}
.card-article__btn {
align-self: flex-start;
background-color: #CDA14C;
border-color: #CDA14C;
color: #fff;
border-radius: 50px;
padding: 10px 28px;
font-size: 14px;
text-transform: none;
letter-spacing: 0.3px;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.card-article__btn:hover,
.card-article__btn:focus {
background-color: #bc8e34;
border-color: #bc8e34;
color: #fff;
transform: translateY(-2px);
}
.visually-hidden {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0;
}
@media (max-width: 767px) {
.card-article__title {
font-size: 19px;
}
.card-article__image {
padding-top: 55%;
}
.section-blog {
padding-top: 30px;
padding-bottom: 50px;
}
}
body #menu-shop-menu {
display: block;
position: relative;
width: 100%;
list-style-type: none;
margin-bottom: 48px;
}
body #menu-shop-menu > li {
transition: all .25s ease !important;
-webkit-transition: all .25s ease !important;
-moz-transition: all .25s ease !important;
-o-transition: all .25s ease !important;
display: inline-block;
margin: 4px 2px;
}
body #menu-shop-menu > li > a {
transition: all .25s ease !important;
-webkit-transition: all .25s ease !important;
-moz-transition: all .25s ease !important;
-o-transition: all .25s ease !important;
display: block;
position: relative;
background: #CDA14C;
color: #fff;
padding: 3px 12px;
border-radius: 24px;
font-weight: 600;
text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
body #menu-shop-menu > li > ul {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
display: none;
position: absolute;
width: 150%;
left: 0;
background: #af0c1c;
color: #fff;
margin: 0;
}
body #menu-shop-menu > li > ul > li {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
display: block;
position: relative;
font-weight: 600;
}
body #menu-shop-menu > li > ul > li > a {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
display: block;
position: relative;
padding: 3px 12px;
color: #fff;
text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
body #menu-shop-menu > li > ul > li > a:hover {
background: #CDA14C;
}
body #menu-shop-menu > li > ul > li.current-menu-item > a {
background: #30b800;
}
body #menu-shop-menu > li.current-menu-item > a,
body #menu-shop-menu > li.current-menu-parent > a {
background: #30b800;
}
body #menu-shop-menu > li:hover > a {
background: #af0c1c;
color: #fff;
}
body #idcom-woo.product .img-and-summary {
padding-top: 32px;
padding-bottom: 32px;
}
body #idcom-woo.product h1 {
font-size: 200%;
font-weight: 600;
color: #CDA14C;
}
body #idcom-woo.product h1::after {
content: '';
display: block;
position: relative;
width: 72px;
height: 1px;
margin: 12px auto 12px auto;
background: #af0c1c;
}
body #idcom-woo.product .catalog-single-btn {
display: block;
position: relative;
width: 100%;
margin: 32px 0;
}
body #idcom-woo.product .catalog-single-btn > a {
transition: all .25s ease !important;
-webkit-transition: all .25s ease !important;
-moz-transition: all .25s ease !important;
-o-transition: all .25s ease !important;
display: block;
position: relative;
width: 100%;
background: #af0c1c;
color: #fff;
padding: 12px 0;
border-radius: 24px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
font-weight: 600;
}
body #idcom-woo.product .catalog-single-btn > a:hover {
background: #CDA14C;
}
body #idcom-woo.product .product {
width: 100%;
}
body #idcom-woo.product .product .img-and-summary p.price {
color: #000000 !important;
font-weight: 500;
}
body #idcom-woo.product .product .img-and-summary p.price > del {
color: #000000 !important;
font-weight: 300;
}
body #idcom-woo.product .product .img-and-summary p.price > ins {
padding: 3px 12px 0 12px;
border-radius: 24px;
color: #fff !important;
background: #30b800 !important;
font-weight: 700;
text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
background: transparent;
text-decoration: none;
}
body #idcom-woo.product .product .img-and-summary .stock.in-stock {
font-weight: 600;
text-transform: uppercase;
}
body #idcom-woo.product .product .img-and-summary .cart .variations td.label {
width: calc(25% - 4px);
padding-right: 0 !important;
}
body #idcom-woo.product .product .img-and-summary .cart .variations td.value {
width: 75%;
text-align: left;
}
body #idcom-woo.product .product .img-and-summary .cart .variations td.value select {
padding: 6px 12px;
border-radius: 24px;
background: #f5f5f5;
border-top: solid 1px #e6e6e6;
border-bottom: solid 1px #d2d2d2;
border-left: solid 1px #dcdcdc;
border-right: solid 1px #dcdcdc;
cursor: pointer;
}
body #idcom-woo.product .product .img-and-summary .cart .variations td.value .reset_variations {
font-weight: 600;
color: #af0c1c;
}
body #idcom-woo.product .product .img-and-summary .cart .variations td.value .reset_variations:hover {
color: #CDA14C;
}
body #idcom-woo.product .product .img-and-summary .cart .single_variation_wrap > .woocommerce-variation > .woocommerce-variation-price .price {
display: block;
color: #30b800;
font-weight: 600;
margin-bottom: 24px;
}
body #idcom-woo.product .product .img-and-summary .cart .quantity {
width: calc(25% - 4px);
background: #f5f5f5;
padding: 11px 0 8px 0 !important;
border-radius: 24px;
border-top: solid 1px #e6e6e6;
border-bottom: solid 1px #d2d2d2;
}
body #idcom-woo.product .product .img-and-summary .cart .quantity > .qty {
width: 100%;
font-weight: 600;
outline: none;
}
body #idcom-woo.product .product .img-and-summary .cart button {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
width: 75%;
padding: 16px 0 13px 0 !important;
background: #af0c1c !important;
border-radius: 24px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
text-transform: uppercase;
letter-spacing: 0.04em;
}
body #idcom-woo.product .product .img-and-summary .cart button:hover {
background: #CDA14C !important;
}
body #idcom-woo.product .new-product {
display: inline-block;
position: relative;
}
body #idcom-woo.product .new-product > p {
display: inline-block;
position: relative;
padding: 3px 18px;
background: #eb0000;
color: #fff;
font-weight: 500;
text-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}
body #idcom-woo.product .product-onsale {
display: inline-block;
position: relative;
}
body #idcom-woo.product .product-onsale > p {
display: inline-block;
position: relative;
padding: 5px 18px 2px 18px;
background: #30b800;
color: #fff;
font-weight: 700;
text-shadow: 0px 0px 2px rgba(0,0,0,0.4);
border-radius: 24px;
text-transform: uppercase;
}
body #idcom-woo.product .view-details {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
color: #000000;
text-decoration: underline;
}
body #idcom-woo.product .view-details:hover {
color: #af0c1c;
}
body #idcom-woo.product .add-to-wishlist {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
color: #CDA14C;
font-weight: 700;
}
body #idcom-woo.product .add-to-wishlist > span {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
display: inline-block;
position: relative;
width: 30px;
height: 30px;
border: solid 1px #CDA14C;
border-radius: 15px;
text-align: center;
}
body #idcom-woo.product .add-to-wishlist > span > i {
line-height: 1.9em;
}
body #idcom-woo.product .add-to-wishlist:hover {
color: #30b800;
text-decoration: none;
}
body #idcom-woo.product .add-to-wishlist:hover > span {
transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
background: #30b800;
border: solid 1px #30b800;
}
body #idcom-woo.product .add-to-wishlist:hover > span > i {
color: #fff;
}
body #idcom-woo.product .product_meta > span {
display: block;
position: relative;
text-align: left;
margin: 6px 0;
}
body #idcom-woo.product .product_meta > span > a {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
background: #af0c1c;
color: #fff;
padding: 4px 8px 2px 8px;
border-radius: 12px;
font-weight: 600;
margin: 2px;
top: -1px;
text-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}
body #idcom-woo.product .product_meta > span > a:hover {
background: #30b800;
}
body #idcom-woo.product .delivery {
display: none;
margin-top: 12px;
}
body #idcom-woo.product .delivery i {
display: inline-block;
position: relative;
top: 5px;
font-size: 150%;
color: #CDA14C;
}
body #idcom-woo.product .delivery a {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
color: #af0c1c;
text-decoration: underline;
}
body #idcom-woo.product .delivery a:hover {
color: #30b800;
}
body #idcom-woo.product .share > #bpsn-social-share-buttons > p.heading {
color: #af0c1c;
text-align: center;
font-weight: 600;
}
body #idcom-woo.product .share > #bpsn-social-share-buttons > p {
text-align: center;
}
body #idcom-woo.product .share > #bpsn-social-share-buttons > p > a {
width: 42px;
height: 42px;
border-radius: 21px;
line-height: 3em;
}
body #idcom-woo.product .share > #bpsn-social-share-buttons > p > a:hover {
background: #30b800 !important;
}
body #idcom-woo.product .product-sliders {
display: flex;
flex-direction: row-reverse;
position: relative;
width: 100%;
align-items: start;
}
body #idcom-woo.product .product-sliders > #images-slider {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
display: flex;
position: relative;
width: calc(80% - 20px);
border: solid 1px #af0c1c;
}
body #idcom-woo.product .product-sliders > #images-slider .slide {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
display: block;
position: relative;
width: 100%;
height: 100%;
margin: 0;
}
body #idcom-woo.product .product-sliders > #images-slider .slide > a {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
display: block;
position: absolute;
bottom: 12px;
right: 12px;
width: 38px;
height: 38px;
border-radius: 19px;
background: transparent;
text-align: center;
font-size: 150%;
line-height: 1.7em;
color: #fff;
background: #af0c1c;
}
body #idcom-woo.product .product-sliders > #images-slider .slide > a:hover {
background: #30b800;
color: #fff;
text-decoration: none;
transform: rotateY(720deg);
-moz-transform: rotateY(720deg);
-webkit-transform: rotateY(720deg);
}
body #idcom-woo.product .product-sliders > #images-slider .slide > figcaption {
display: none;
}
body #idcom-woo.product .product-sliders > #images-slider .owl-dots {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
display: block;
position: absolute;
width: 25%;
height: 100%;
left: 0;
top: 0;
transform: translateX(-100%);
margin-left: -20px;
overflow: hidden;
}
body #idcom-woo.product .product-sliders > #images-slider .owl-dots > button {
transition: all .25s ease !important;
-webkit-transition: all .25s ease !important;
-moz-transition: all .25s ease !important;
-o-transition: all .25s ease !important;
display: flex;
position: relative;
width: 100%;
height: 23%;
margin-bottom: 10.5%;
border: solid 1px #af0c1c;
background: #fff;
outline: none;
overflow: hidden;
}
body #idcom-woo.product .product-sliders > #images-slider .owl-dots > button > span {
transition: all .25s ease !important;
-webkit-transition: all .25s ease !important;
-moz-transition: all .25s ease !important;
-o-transition: all .25s ease !important;
display: block;
position: relative;
width: 100%;
height: 100%;
}
body #idcom-woo.product .product-sliders > #images-slider .owl-dots > button:hover {
border: solid 1px #CDA14C;
transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
}
body #idcom-woo.product .product-sliders > #images-slider .owl-dots > button:hover > span {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
}
body #idcom-woo.product .product-sliders > #images-slider .owl-dots > button.active {
border: solid 1px #af0c1c;
}
body #idcom-woo.product .product-sliders > #images-slider .owl-dots > button.active:hover {
border: solid 1px #30b800;
}
body #idcom-woo.product .product-sliders > #images-slider .owl-nav {
display: none;
}
body #idcom-woo.product .product-sliders #iprev {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
display: block;
position: absolute;
width: 20%;
top: 0;
left: 0.5%;
transform: translateY(-100%);
text-align: center;
color: #af0c1c;
}
body #idcom-woo.product .product-sliders #inext {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
display: block;
position: absolute;
width: 20%;
bottom: 0;
left: 0.5%;
transform: translateY(100%);
text-align: center;
color: #af0c1c;
}
body #idcom-woo.product .product-sliders #iprev:hover,
body #idcom-woo.product .product-sliders #inext:hover {
color: #CDA14C;
text-decoration: none;
}
body #idcom-woo.product .product-sliders > #thumbs-slider {
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
display: inline-flex;
position: relative;
width: 20%;
}
body #idcom-woo.product .product-sliders > #thumbs-slider .slide {
transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
body #idcom-woo.product .summary > .summary.entry-summary {
display: block;
position: relative;
width: 100%;
}
body #idcom-woo.product .related-products-title {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
font-weight: 700;
color: #af0c1c;
padding: 24px 0;
}
body .woocommerce-tabs.wc-tabs-wrapper {
margin-top: 48px;
}
body .woocommerce-tabs.wc-tabs-wrapper > ul.tabs {
padding: 0 !important;
border-bottom: solid 1px #af0c1c !important;
margin: 0 0 48px !important;
}
body .woocommerce-tabs.wc-tabs-wrapper > ul.tabs > li {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
background: #fff !important;
border-radius: 0 0 0 0 !important;
border: solid 1px #af0c1c !important;
transform: translateY(1px);
margin: 0 -2px !important;
}
body .woocommerce-tabs.wc-tabs-wrapper > ul.tabs > li:hover {
background: #CDA14C !important;
}
body .woocommerce-tabs.wc-tabs-wrapper > ul.tabs > li:hover > a {
color: #fff !important;
text-shadow: 1px 1px 2px rgba(0,0,0,0.4) !important;
}
body .woocommerce-tabs.wc-tabs-wrapper > ul.tabs > li.active {
background: #af0c1c !important;
border-bottom-color: transparent !important;
}
body .woocommerce-tabs.wc-tabs-wrapper > ul.tabs > li.active > a {
color: #fff !important;
text-shadow: 1px 1px 2px rgba(0,0,0,0.4) !important;
}
body .woocommerce-tabs.wc-tabs-wrapper > ul.tabs > li.active:hover {
background: #30b800 !important;
}
body .woocommerce-tabs.wc-tabs-wrapper > ul.tabs > .li::before,
body .woocommerce-tabs.wc-tabs-wrapper > ul.tabs > .li::after,
body .woocommerce-tabs.wc-tabs-wrapper > ul.tabs > .li.active::before,
body .woocommerce-tabs.wc-tabs-wrapper > ul.tabs > .li.active::after {
display: none !important;
position: relative !important;
border: none !important;
border-width: 0 0 0 0 !important;
box-shadow: 0 0 0 transparent !important;
width: 0 !important;
height: 0 !important;
bottom: 0 !important;
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
left: 0 !important;
right: 0 !important;
}
body .woocommerce-tabs.wc-tabs-wrapper > ul.tabs::before,
body .woocommerce-tabs.wc-tabs-wrapper > ul.tabs::after {
border-bottom: none !important;
}
body .woocommerce-tabs.wc-tabs-wrapper > .woocommerce-Tabs-panel {
text-align: left;
}
body .woocommerce-tabs.wc-tabs-wrapper > .woocommerce-Tabs-panel h2 {
font-size: 150%;
color: #CDA14C;
font-weight: 600;
}
body .woocommerce-tabs.wc-tabs-wrapper > .woocommerce-Tabs-panel h2::after {
content: '';
display: block;
position: relative;
width: 72px;
height: 1px;
margin: 12px 0 12px 0;
background: #af0c1c;
}
body .related.products {
padding: 48px 0 48px 0;
margin-top: 48px;
border-top: solid 1px #af0c1c;
}
body .related.products > h2 {
font-size: 150%;
color: #CDA14C;
font-weight: 600;
}
body .related.products > h2::after {
content: '';
display: block;
position: relative;
width: 72px;
height: 1px;
margin: 12px auto 48px auto;
background: #af0c1c;
}
body .related.products > ul.products > li.first {
clear: none;
}
body .related.products > ul.products > li {
transition: all .25s ease !important;
-webkit-transition: all .25s ease !important;
-moz-transition: all .25s ease !important;
-o-transition: all .25s ease !important;
width: 33.33% !important;
margin: 0 !important;
}
body .related.products > ul.products > li .woocommerce-LoopProduct-link {
transition: all .25s ease !important;
-webkit-transition: all .25s ease !important;
-moz-transition: all .25s ease !important;
-o-transition: all .25s ease !important;
display: block;
position: relative;
width: 100%;
}
body .related.products > ul.products > li .woocommerce-LoopProduct-link .onsale {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
display: block;
position: absolute;
top: -22px;
left: 50%;
transform: translateX(-50%);
width: 72px;
height: 44px;
border-radius: 12px;
background: #30b800;
margin: 0;
line-height: 3em;
text-shadow: 1px 1px 2px rgba(0,0,0,0.4) !important;
text-transform: uppercase;
}
body .related.products > ul.products > li .woocommerce-LoopProduct-link > .product-thumb {
transition: all .25s ease !important;
-webkit-transition: all .25s ease !important;
-moz-transition: all .25s ease !important;
-o-transition: all .25s ease !important;
display: block;
position: relative;
width: 100%;
padding-top: 100%;
overflow: hidden;
background: #af0c1c;
border-bottom: solid 2px #af0c1c;
}
body .related.products > ul.products > li .woocommerce-LoopProduct-link > .product-thumb > img {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
opacity: .2;
}
body .related.products > ul.products > li .woocommerce-LoopProduct-link > .title {
transition: all .75s ease !important;
-webkit-transition: all .75s ease !important;
-moz-transition: all .75s ease !important;
-o-transition: all .75s ease !important;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 30px 0;
color: #fff;
text-align: center;
}
body .related.products > ul.products > li .woocommerce-LoopProduct-link > .title > h2 {
font-size: 130%;
font-weight: 600;
text-shadow: 1px 1px 2px rgba(0,0,0,0.4) !important;
margin-bottom: 0;
}
body .related.products > ul.products > li .woocommerce-LoopProduct-link > .title > h2 > .details {
display: none;
}
body .related.products > ul.products > li .woocommerce-LoopProduct-link > .avaibility {
display: block;
position: relative;
width: 100%;
padding: 8px 0;
font-weight: 600;
}
body .related.products > ul.products > li .woocommerce-LoopProduct-link > .avaibility > .outofstock {
color: #eb0000;
}
body .related.products > ul.products > li .woocommerce-LoopProduct-link > .price {
display: block;
position: relative;
width: 100%;
margin-top: 12px;
padding: 8px 0;
font-weight: 600;
color: #CDA14C;
font-size: 120%;
}
body .related.products > ul.products > li .woocommerce-LoopProduct-link:hover .onsale {
background: #af0c1c;
}
body .related.products > ul.products > li .woocommerce-LoopProduct-link:hover > .product-thumb > img {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
opacity: 1;
}
body .related.products > ul.products > li .woocommerce-LoopProduct-link:hover > .title {
background: #CDA14C;
}
body .related.products > ul.products > li > .add_to_cart_button,
body .related.products > ul.products > li > .view-product {
transition: all .25s ease !important;
-webkit-transition: all .25s ease !important;
-moz-transition: all .25s ease !important;
-o-transition: all .25s ease !important;
display: block;
position: relative;
width: 80%;
margin: 12px auto 24px auto;
padding: 12px 0;
border-radius: 24px;
background: #CDA14C;
color: #fff;
text-shadow: 1px 1px 2px rgba(0,0,0,0.4) !important;
font-weight: 600;
}
body .related.products > ul.products > li > .add_to_cart_button:hover,
body .related.products > ul.products > li > .view-product:hover {
background: #30b800;
}
body .imgcrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
object-position: center;
min-height: 100%;
}
body .woobreadcrumb .woocommerce-breadcrumb {
color: #fff !important;
}
body .woobreadcrumb .woocommerce-breadcrumb a {
transition: all .25s ease !important;
-webkit-transition: all .25s ease !important;
-moz-transition: all .25s ease !important;
-o-transition: all .25s ease !important;
color: #fff !important;
}
body .woobreadcrumb .woocommerce-breadcrumb a:hover {
text-decoration: underline;
}
body #idcom-woo .woocommerce-products-header {
display: block;
position: relative;
width: 100%;
padding: 0;
margin-bottom: 24px;
border: none;
box-shadow: none;
}
body .woo-results-count {
color: #CDA14C;
}
body .widget_price_filter {
padding: 0 !important;
}
body .widget_price_filter .price_slider_amount button[type="submit"] {
z-index: 10;
}
body .widget_price_filter > form > .price_slider_wrapper > .price_slider > .ui-slider-range,
body .widget_price_filter > form > .price_slider_wrapper > .price_slider > span {
background-color: #af0c1c !important;
}
body .woocommerce-ordering {
display: block !important;
position: relative !important;
float: right !important;
}
body .products.columns-3 {
display: block;
position: relative;
width: 100% !important;
margin-left: 0;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 0;
margin-top: 0;
}
body .products.columns-3 > li.product {
transition: all .25s ease !important;
-webkit-transition: all .25s ease !important;
-moz-transition: all .25s ease !important;
-o-transition: all .25s ease !important;
display: inline-block;
width: calc(33.3% - 20px) !important;
margin: 10px !important;
background: #fff;
border: solid 1px #e6e6e6;
padding: 0 0 20px 0;
-webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
transition: all .25s ease !important;
-webkit-transition: all .25s ease !important;
-moz-transition: all .25s ease !important;
-o-transition: all .25s ease !important;
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link > .product-thumb {
transition: all .25s ease !important;
-webkit-transition: all .25s ease !important;
-moz-transition: all .25s ease !important;
-o-transition: all .25s ease !important;
display: block;
position: relative;
width: 100%;
height: auto;
padding-top: 100%;
overflow: hidden;
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link > .product-thumb > img {
transition: all .25s ease !important;
-webkit-transition: all .25s ease !important;
-moz-transition: all .25s ease !important;
-o-transition: all .25s ease !important;
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link > .product-thumb > .newproduct {
dislay: block;
position: absolute;
background: #eb0000;
color: ;
padding: 4px 10px;
border-radius: 4px;
font-size: 13px;
text-shadow: 0px 0px 2px rgba(0,0,0,0.4);
bottom: 6px;
left: 50%;
transform: translateX(-50%);
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link > .title {
display: block;
position: relative;
width: 100%;
height: 60px;
margin-top: 12px;
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link > .title > h2,
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link > .title > h3 {
transition: all .3s ease !important;
-webkit-transition: all .3s ease !important;
-moz-transition: all .3s ease !important;
-o-transition: all .3s ease !important;
display: block;
position: relative;
width: 100%;
color: #af0c1c;
text-align: center;
font-family: ;
font-weight: 500;
font-size: 130%;
padding: 10px;
border-radius: 24px;
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link > .title > h2 > span.details,
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link > .title > h3 > span.details {
display: none;
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link > .avaibility {
display: block;
position: relative;
width: 100%;
margin: 6px 0 12px 0;
text-align: center;
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link > .avaibility > .stock.instock {
color: #30b800;
font-weight: 600;
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link > .avaibility > .stock.outofstock {
color: #eb0000;
font-weight: 600;
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link > span.price {
display: block;
position: relative;
width: 100%;
text-align: center;
font-size: ;
color: #000000;
font-weight: 600;
font-size: 18px;
line-height: 24px;
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link > span.price > del {
color: #af0c1c;
opacity: 1;
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link > span.price > ins {
background: #30b800;
padding: 4px 10px 2px 10px;
border-radius: 20px;
color: #fff;
text-decoration: none;
text-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link > .onsale {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
display: block;
position: absolute;
width: 60px;
height: 60px;
border-radius: 30px;
top: -10px;
left: 50%;
transform: translateX(-50%);
background: #30b800;
-webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.25);
box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.25);
line-height: 3.8em;
font-weight: 500;
text-shadow: 0px 0px 2px rgba(0,0,0,0.6);
font-weight: 700;
}
body .products.columns-3 > li.product > a.add_to_cart_button,
body .products.columns-3 > li.product > a.product_type_variable,
body .products.columns-3 > li.product > a.product_type_simple,
body .products.columns-3 > li.product > a.button,
body .products.columns-3 > li.product > a.view-product {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
display: inline-block;
position: relative;
background: transparent;
text-align: center;
background: #af0c1c;
color: #fff;
font-weight: 600;
padding: 12px 20px;
margin-top: 1em;
margin-bottom: 15px;
border-radius: 24px;
}
body .products.columns-3 > li.product > a.view-product {
padding: 8px 20px;
}
body .products.columns-3 > li.product > a.add_to_cart_button:hover,
body .products.columns-3 > li.product > a.product_type_variable:hover,
body .products.columns-3 > li.product > a.product_type_simple:hover,
body .products.columns-3 > li.product > a.button:hover,
body .products.columns-3 > li.product > a.view-product:hover {
background: #CDA14C;
color: #fff;
text-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}
body .products.columns-3 > li.product > a.add_to_cart_button::after,
body .products.columns-3 > li.product > a.product_type_variable::after,
body .products.columns-3 > li.product > a.product_type_simple::after,
body .products.columns-3 > li.product > a.button::after {
margin-left: .53em;
vertical-align: bottom;
}
body .products.columns-3 > li.product > a.added_to_cart {
transition: all .25s ease !important;
-webkit-transition: all .25s ease !important;
-moz-transition: all .25s ease !important;
-o-transition: all .25s ease !important;
display: block;
position: absolute;
bottom: 4px;
left: 50%;
transform: translateX(-50%);
color: #CDA14C;
font-weight: 600;
}
body .products.columns-3 > li.product > a.added_to_cart:hover {
color: #30b800 !important;
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover > .product-thumb > img {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1.1,1.1,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1.1,1.1,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1.1,1.1,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1.1,1.1,1);
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover > .title > h2,
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover > .title > h3 {
transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
color: #CDA14C;
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover > .title > h2 > span.details,
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover > .title > h3 > span.details {
display: inline-block;
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover > .title > h2 > span.name,
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover > .title > h3 > span.name {
display: none;
}
body .products.columns-3 > li.product > .woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover > .onsale {
background: #af0c1c;
}
body .woocommerce-pagination {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
display: block;
position: relative;
padding: 24px 0;
width: 100%;
}
body .woocommerce-pagination > ul {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
border: none !important;
display: inline-block;
margin: 0 auto;
text-align: center;
}
body .woocommerce-pagination > ul > li {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
border: none !important;
width: 44px;
height: 44px;
border-radius: 22px;
margin: 4px !important;
}
body .woocommerce-pagination > ul > li > span {
background: #30b800 !important;
color: #fff !important;
}
body .woocommerce-pagination > ul > li > span,
body .woocommerce-pagination > ul > li > a {
transition: all .25s ease !important;
-webkit-transition: all .25s ease !important;
-moz-transition: all .25s ease !important;
-o-transition: all .25s ease !important;
display: block;
position: relative;
width: 100%;
height: 100%;
font-size: 13px;
line-height: 30px !important;
color: #fff;
text-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}
body .woocommerce-pagination > ul > li > a {
background: #af0c1c;
}
body .woocommerce-pagination > ul > li > a:hover {
background: #CDA14C !important;
color: #fff !important;
}
body .woocommerce .col-1,
body .woocommerce .col-2 {
flex: 100%;
max-width: 100%;
}
body .woocommerce .woocommerce-column--shipping-address.col-2 {
margin-top: 32px;
}
body main > .woocommerce {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
margin: 72px auto 48px auto;
}
body main > .woocommerce > .woocommerce-breadcrumb {
color: #af0c1c;
}
body main > .woocommerce > .woocommerce-breadcrumb > a {
transition: all 0.5s ease !important;
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
color: #CDA14C;
}
body main > .woocommerce > .woocommerce-breadcrumb > a:hover {
color: #af0c1c;
text-decoration: none;
}
body main > .woocommerce > .woocommerce-breadcrumb > i {
color: ;
}
body main > #primary > #main {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
margin: 72px auto 48px auto;
}
body main > #primary > #main > .woocommerce-breadcrumb {
color: #af0c1c;
}
body main > #primary > #main > .woocommerce-breadcrumb > a {
transition: all 0.5s ease !important;
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
color: #CDA14C;
}
body main > #primary > #main > .woocommerce-breadcrumb > a:hover {
color: #af0c1c;
text-decoration: none;
}
body main > #primary > #main > .woocommerce-breadcrumb > i {
color: ;
}
body .woocommerce .button {
color: #fff !important;
}
body .woocommerce .button:hover,
body .woocommerce .checkout-button.button:hover {
background-color: #af0c1c !important;
color: #fff !important;
}
body #add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
body .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {
background-color: #af0c1c !important;
color: #fff !important;
}
body .woocommerce h2,
body .woocommerce h3 {
color: #CDA14C;
}
body .woocommerce-error,
body .woocommerce-info,
body .woocommerce-message {
display: block;
position: relative;
width: 100%;
padding: 32px 24px;
margin-bottom: 32px;
border: none;
color: #fff;
color: rgba(255,255,255,0.85);
font-weight: 600;
text-align: center;
text-shadow: 0px 0px 2px rgba(0,0,0,0.5);
border-radius: 0;
}
body .woocommerce-error a,
body .woocommerce-info a,
body .woocommerce-message a {
transition: all 0.5s ease !important;
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
color: #fff !important;
background: #CDA14C !important;
padding: 6px 12px !important;
text-shadow: none !important;
border-radius: 0 !important;
display: inline-block !important;
outline: none;
}
body .woocommerce-error a:hover,
body .woocommerce-info a:hover,
body .woocommerce-message a:hover {
color: #fff !important;
background: #000000 !important;
text-decoration: none !important;
}
body .woocommerce-error {
background: #e61414;
color: #fff;
}
body .woocommerce-info {
background: #af0c1c;
color: #fff;
}
body .woocommerce-message {
background: #af0c1c;
color: #fff;
}
body .woocommerce-error::before,
body .woocommerce-info::before,
body .woocommerce-message::before {
content: '';
display: none;
}
body .woocommerce-error::after,
body .woocommerce-info::after,
body .woocommerce-message::after {
content: '';
display: none;
}
body .woocommerce .woocommerce-message,
body .woocommerce .woocommerce-error,
body .woocommerce .woocommerce-info {
margin: 0 0 32px 0;
}
body .woocommerce .woocommerce-message a.button:hover,
body .woocommerce .woocommerce-error a.button:hover,
body .woocommerce .woocommerce-info a.button:hover {
background: #30b800;
}
body .return-to-shop {
display: block;
position: relative;
width: 100%;
text-align: center;
margin: 32px auto;
}
body .woocommerce table.shop_table,
body .woocommerce-checkout-review-order-table {
border: solid 1px #CDA14C;
}
body #add_payment_method table.cart .product-thumbnail,
body .woocommerce-cart table.cart .product-thumbnail,
body .woocommerce-checkout table.cart .product-thumbnail {
width: 100px;
min-width: 72px;
}
body .woocommerce #respond input#submit,
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button {
transition: all 0.5s ease !important;
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
background: #CDA14C;
border-radius: 0;
color: #fff;
outline: none;
}
body .woocommerce #respond input#submit:hover,
body .woocommerce a.button:hover,
body .woocommerce button.button:hover,
body .woocommerce input.button:hover {
background: #000000;
color: #fff;
}
body .cart_item .product-thumbnail {
display: block;
position: relative;
width: 100px;
min-width: 72px;
}
body .cart_item .product-thumbnail a img {
width: 100%;
}
body .woocommerce-cart-form__cart-item .product-name a {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
color: #af0c1c;
}
body .woocommerce-cart-form__cart-item .product-name a:hover {
color: #af0c1c;
text-decoration: none;
}
body #add_payment_method table.cart input,
body .woocommerce-cart table.cart input,
body .woocommerce-checkout table.cart input {
border-radius: 0;
width: 100px;
text-align: center;
border: solid 1px #CDA14C;
}
body .coupon #coupon_code {
display: block;
position: relative;
border-radius: 0;
width: 200px;
text-align: center;
border: solid 1px #CDA14C;
color: #000000;
font-weight: 400;
}
body .woocommerce form .form-row input.input-text {
padding: 7px 12px;
border: solid 1px #CDA14C;
border-radius: 0;
color: #000000;
text-align: center;
}
body .woocommerce form.checkout_coupon,
body .woocommerce form.login,
body .woocommerce form.register {
border: solid 1px #CDA14C;
}
body #add_payment_method #payment,
body .woocommerce-cart #payment,
body .woocommerce-checkout #payment {
background: #fff;
border: solid 1px #CDA14C;
}
body #add_payment_method #payment div.payment_box,
body .woocommerce-cart #payment div.payment_box,
body .woocommerce-checkout #payment div.payment_box {
background: #CDA14C;
color: #fff;
border-radius: 6px;
font-weight: 500;
}
body #add_payment_method #payment div.payment_box::before,
body .woocommerce-cart #payment div.payment_box::before,
body .woocommerce-checkout #payment div.payment_box::before {
content: "";
display: block;
border: 1em solid #CDA14C;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -0.75em;
left: 0;
margin: -1em 0 0 2em;
}
body .woocommerce #respond input#submit.alt,
body .woocommerce a.button.alt,
body .woocommerce button.button.alt,
body .woocommerce input.button.alt {
transition: all 0.5s ease !important;
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
background: #CDA14C !important;
color: #fff !important;
}
body .woocommerce #respond input#submit.alt:hover,
body .woocommerce a.button.alt:hover,
body .woocommerce button.button.alt:hover,
body .woocommerce input.button.alt:hover {
background: #30b800 !important;
color: #fff !important;
}
body form.checkout .col2-set h3 {
text-transform: none;
font-size: *0.8%;
letter-spacing: 0;
}
body form.checkout .col2-set h3 label {
margin-bottom: 0;
}
body form.checkout .col2-set .col-1,
body form.checkout .col2-set .col-2 {
-webkit-flex: none;
-ms-flex: none;
flex: none;
max-width: none;
width: 48%;
clear: none;
}
body form.checkout .col2-set .col-1 .form-row-first,
body form.checkout .col2-set .col-1 .form-row-last,
body form.checkout .col2-set .col-1 .form-row-wide,
body form.checkout .col2-set .col-1 .form-row.notes,
body form.checkout .col2-set .col-2 .form-row-first,
body form.checkout .col2-set .col-2 .form-row-last,
body form.checkout .col2-set .col-2 .form-row-wide,
body form.checkout .col2-set .col-2 .form-row.notes {
width: 100%;
}
body form.checkout .col2-set .col-1 .form-row-first .woocommerce-input-wrapper,
body form.checkout .col2-set .col-1 .form-row-last .woocommerce-input-wrapper,
body form.checkout .col2-set .col-1 .form-row-wide .woocommerce-input-wrapper,
body form.checkout .col2-set .col-1 .form-row.notes .woocommerce-input-wrapper,
body form.checkout .col2-set .col-2 .form-row-first .woocommerce-input-wrapper,
body form.checkout .col2-set .col-2 .form-row-last .woocommerce-input-wrapper,
body form.checkout .col2-set .col-2 .form-row-wide .woocommerce-input-wrapper,
body form.checkout .col2-set .col-2 .form-row.notes .woocommerce-input-wrapper {
width: 100%;
}
body form.checkout .col2-set .col-1 .form-row-first label,
body form.checkout .col2-set .col-1 .form-row-last label,
body form.checkout .col2-set .col-1 .form-row-wide label,
body form.checkout .col2-set .col-1 .form-row.notes label,
body form.checkout .col2-set .col-2 .form-row-first label,
body form.checkout .col2-set .col-2 .form-row-last label,
body form.checkout .col2-set .col-2 .form-row-wide label,
body form.checkout .col2-set .col-2 .form-row.notes label {
display: block;
position: relative;
width: 100%;
margin-bottom: 0;
}
body form.checkout .col2-set .col-1 .form-row-first input,
body form.checkout .col2-set .col-1 .form-row-first textarea,
body form.checkout .col2-set .col-1 .form-row-first .input-text,
body form.checkout .col2-set .col-1 .form-row-last input,
body form.checkout .col2-set .col-1 .form-row-last textarea,
body form.checkout .col2-set .col-1 .form-row-last .input-text,
body form.checkout .col2-set .col-1 .form-row-wide input,
body form.checkout .col2-set .col-1 .form-row-wide textarea,
body form.checkout .col2-set .col-1 .form-row-wide .input-text,
body form.checkout .col2-set .col-1 .form-row.notes input,
body form.checkout .col2-set .col-1 .form-row.notes textarea,
body form.checkout .col2-set .col-1 .form-row.notes .input-text,
body form.checkout .col2-set .col-2 .form-row-first input,
body form.checkout .col2-set .col-2 .form-row-first textarea,
body form.checkout .col2-set .col-2 .form-row-first .input-text,
body form.checkout .col2-set .col-2 .form-row-last input,
body form.checkout .col2-set .col-2 .form-row-last textarea,
body form.checkout .col2-set .col-2 .form-row-last .input-text,
body form.checkout .col2-set .col-2 .form-row-wide input,
body form.checkout .col2-set .col-2 .form-row-wide textarea,
body form.checkout .col2-set .col-2 .form-row-wide .input-text,
body form.checkout .col2-set .col-2 .form-row.notes input,
body form.checkout .col2-set .col-2 .form-row.notes textarea,
body form.checkout .col2-set .col-2 .form-row.notes .input-text {
display: block;
width: 100%;
clear: both;
}
body form.checkout .col2-set .col-1 .form-row-first textarea,
body form.checkout .col2-set .col-1 .form-row-last textarea,
body form.checkout .col2-set .col-1 .form-row-wide textarea,
body form.checkout .col2-set .col-1 .form-row.notes textarea,
body form.checkout .col2-set .col-2 .form-row-first textarea,
body form.checkout .col2-set .col-2 .form-row-last textarea,
body form.checkout .col2-set .col-2 .form-row-wide textarea,
body form.checkout .col2-set .col-2 .form-row.notes textarea {
border-radius: 0;
padding: 12px;
border: solid 1px #CDA14C;
min-height: 80px;
}
body .woocommerce .woocommerce-customer-details address {
border: solid 1px #CDA14C;
padding: 12px 20px;
}
body .woocommerce form .form-row textarea textarea {
display: block;
width: 100%;
clear: both;
}
body #order_review_heading {
margin-top: 32px;
text-align: center;
}
body .woocommerce ul.order_details {
padding: 0;
}
body .woocommerce ul.order_details li {
padding-top: 12px;
padding-bottom: 12px;
border-right: 1px dashed #CDA14C;
}
body .woocommerce ul.order_details li strong {
color: #CDA14C;
margin-top: 12px;
}
body .woocommerce-MyAccount-navigation ul {
list-style-type: none;
display: block;
position: relative;
width: 100%;
padding: 0;
}
body .woocommerce-MyAccount-navigation ul li {
display: block;
position: relative;
width: 100%;
clear: both;
}
body .woocommerce-MyAccount-navigation ul li a {
transition: all 0.5s ease !important;
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
display: block;
position: relative;
width: 100%;
background: #CDA14C;
color: #fff;
padding: 12px 16px;
border-bottom: dashed 1px #000000;
font-weight: 500;
}
body .woocommerce-MyAccount-navigation ul li a:hover {
background: #af0c1c;
color: #fff;
border-bottom: dashed 1px #fff;
}
body .woocommerce-MyAccount-navigation ul li.is-active a {
background: #af0c1c;
color: #fff;
border-bottom: dashed 1px #fff;
}
body .woocommerce-MyAccount-content > p {
text-align: left;
}
body .woocommerce .col2-set .col-1,
body .woocommerce-page .col2-set .col-1,
body .woocommerce .col2-set .col-2,
body .woocommerce-page .col2-set .col-2 {
width: 100%;
display: block;
position: relative;
clear: both;
}
body .u-columns .col-1,
body .u-columns .col-2 {
-webkit-flex: none;
-ms-flex: none;
flex: none;
max-width: none;
display: block;
position: relative;
float: none;
width: 100%;
padding: 24px 0;
}
body .u-columns .col-1 header h3,
body .u-columns .col-2 header h3 {
text-transform: none;
}
body .u-columns .col-1 header .edit,
body .u-columns .col-2 header .edit {
transition: all 0.5s ease !important;
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
background: #CDA14C;
color: #fff;
border-radius: 0;
padding: 8px 12px;
font-weight: 500;
}
body .u-columns .col-1 header .edit:hover,
body .u-columns .col-2 header .edit:hover {
background: #000000;
color: #fff;
}
body .woocommerce form .form-row label {
display: block;
position: relative;
width: 100%;
}
body .woocommerce form .password-input,
body .woocommerce-page form .password-input {
display: block;
position: relative;
width: 100%;
}
body .woocommerce form .password-input input,
body .woocommerce-page form .password-input input {
display: block;
position: relative;
width: 100%;
}
body .woocommerce legend {
padding: 24px 0;
text-align: center;
}
body .edit-account button.button {
display: block;
margin: 32px auto 0 auto;
}
body .woocommerce-address-fields .woocommerce-address-fields__field-wrapper > p label {
display: block;
position: relative;
width: 100%;
}
body .woocommerce-address-fields .woocommerce-address-fields__field-wrapper > p .woocommerce-input-wrapper {
display: block;
position: relative;
width: 100%;
}
body .woocommerce-address-fields .woocommerce-address-fields__field-wrapper > p .woocommerce-input-wrapper input {
display: block;
position: relative;
width: 100%;
}
body .woocommerce-address-fields button.button {
display: block;
margin: 32px auto 0 auto;
}
body .woocommerce form .show-password-input,
body .woocommerce-page form .show-password-input {
transition: all 0.5s ease !important;
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
top: .4em;
color: #000000;
}
body .woocommerce form .show-password-input:hover,
body .woocommerce-page form .show-password-input:hover {
color: #CDA14C;
}
body .woocommerce-ResetPassword p {
text-align: center;
}
body .woocommerce-ResetPassword p button.button {
margin: 24px auto 0 auto;
}
body .woocommerce form .form-row-first,
body .woocommerce-page form .form-row-first {
display: inline-block;
position: relative;
width: 50%;
margin: 0 auto;
}
body .woocommerce b,
body .woocommerce strong {
font-weight: 700;
}
body .woocommerce-MyAccount-content .woocommerce-Message a {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
background: #CDA14C !important;
color: #fff !important;
margin-top: -2px;
}
body .woocommerce-MyAccount-content .woocommerce-Message a:hover {
background: #30b800 !important;
color: #fff !important;
text-decoration: none !important;
}
body .woocommerce-MyAccount-content p a {
transition: all .5s ease !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
color: #af0c1c !important;
}
body .woocommerce-MyAccount-content p a:hover {
color: #30b800 !important;
text-decoration: none !important;
}
body .woocommerce div.product .woocommerce-tabs ul.tabs li::after,
body .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: 0 solid transparent !important;
position: absolute !important;
bottom: 0 !important;
width: 0 !important;
height: 0 !important;
content: '' !important;
box-sizing: border-box !important;
box-shadow: 0 0 0 transparent !important;
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
left: 0 !important;
right: 0 !important;
}
@media (min-width: 992px) {
body main .woocommerce {
width: auto;
}
body main > #primary > #main {
width: auto;
}
}
@media (min-width: 1200px) {
body main > .woocommerce {
width: 1380px;
}
body main > #primary > #main {
width: 1380px;
}
}
@media (max-width: 767.98px) {
body .woocommerce #respond input#submit,
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button {
display: block;
position: relative;
clear: both;
margin: 0 auto;
}
body .coupon #coupon_code {
width: 100%;
}
body .woocommerce #content table.cart td.actions .coupon .button,
body .woocommerce #content table.cart td.actions .coupon .input-text,
body .woocommerce #content table.cart td.actions .coupon input,
body .woocommerce table.cart td.actions .coupon .button,
body .woocommerce table.cart td.actions .coupon .input-text,
body .woocommerce table.cart td.actions .coupon input,
body .woocommerce-page #content table.cart td.actions .coupon .button,
body .woocommerce-page #content table.cart td.actions .coupon .input-text,
body .woocommerce-page #content table.cart td.actions .coupon input,
body .woocommerce-page table.cart td.actions .coupon .button,
body .woocommerce-page table.cart td.actions .coupon .input-text,
body .woocommerce-page table.cart td.actions .coupon input {
width: 100%;
margin-top: 8px;
}
body form.checkout .col2-set .col-1,
body form.checkout .col2-set .col-2 {
-webkit-flex: none;
-ms-flex: none;
flex: none;
max-width: none;
width: 100%;
}
body form.checkout .col2-set .col-2 {
margin-top: 32px;
}
body .woocommerce ul.order_details li {
display: block;
position: relative;
width: 100%;
clear: both;
text-align: center;
border-right: none;
border-bottom: 1px dashed ;
}
body .woocommerce-thankyou-order-received {
text-align: center;
}
body .woocommerce-orders-table__cell .view {
text-align: center;
}
body .woocommerce table.my_account_orders td,
body .woocommerce table.my_account_orders th {
padding: 12px;
}
body .edit-account button.button {
margin: 24px auto 0 auto;
}
body .woocommerce-address-fields button.button {
margin: 24px auto 0 auto;
}
body .woocommerce-MyAccount-content form h3 {
text-align: center;
}
body .woocommerce-MyAccount-navigation ul li a {
text-align: center;
}
body .woocommerce > main > #primary > #main > div.product > .woocommerce-tabs > ul.tabs {
padding: 0;
}
body .woocommerce > main > #primary > #main > div.product > .woocommerce-tabs > ul.tabs > li {
display: block !important;
width: 100% !important;
text-align: center !important;
margin: 0 !important;
border-top: dotted 1px rgba(255,255,255,0.5) !important;
}
body form.cart .quantity {
width: 100%;
text-align: center;
}
body form.cart .quantity .qty {
margin-bottom: 0;
}
body form.cart .single_add_to_cart_button,
body form.cart .button {
float: right !important;
right: 50%;
transform: translateX(50%);
}
body .woocommerce ul.products[class*=columns-] li.product,
body .woocommerce-page ul.products[class*=columns-] li.product {
width: 100% !important;
}
}
@media (max-width: 600px) {
body .woocommerce form .form-row-first,
body .woocommerce-page form .form-row-first,
body .woocommerce form .form-row-last,
body .woocommerce-page form .form-row-last {
display: inline-block;
position: relative;
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 992px) {
body #idcom-woo.product h1 {
margin-top: 12px;
}
body #idcom-woo.product .product-onsale {
margin-top: 32px;
}
body .products.columns-3 > li.product,
body .products.columns-3 > li.product.first {
width: calc(50% - 20px) !important;
clear: none !important;
}
body .related.products > ul.products > li {
width: 50% !important;
}
}
@media (max-width: 767.98px) {
body #idcom-woo.container {
width: 90% !important;
max-width: 90% !important;
}
body .woo-results-count > p {
width: 100%;
text-align: center;
}
body #idcom-woo.product h1 {
margin-top: 12px;
}
body #idcom-woo.product .product .img-and-summary .cart {
text-align: center;
}
body #idcom-woo.product .product .img-and-summary .cart .quantity {
display: block;
position: relative;
width: 30%;
padding: 11px 0 8px 0 !important;
margin: 0 auto 24px auto;
left: 50%;
transform: translateX(-50%);
}
body #idcom-woo.product .product .img-and-summary .cart button {
display: block;
position: relative;
margin: 0 auto;
}
body #idcom-woo.product .product-onsale {
margin-top: 32px;
}
}
@media (max-width: 600px) {
body #idcom-woo.container {
width: 80% !important;
max-width: 80% !important;
}
body .products.columns-3 > li.product,
body .products.columns-3 > li.product.first {
width: calc(100% - 20px) !important;
clear: none !important;
margin-bottom: 30px;
}
body .related.products > ul.products > li {
width: 100% !important;
}
}
@media (max-width: 480px) {
body #idcom-woo.container {
width: calc(100% - 30px) !important;
max-width: calc(100% - 30px) !important;
}
body .woocommerce-tabs.wc-tabs-wrapper > ul.tabs > li {
display: block;
position: relative;
width: 100%;
clear: both;
}
}
@media (max-width: 380px) {
body #idcom-woo.product h1 {
margin-top: 12px;
}
body #idcom-woo.product .product .img-and-summary .cart .variations {
text-align: center;
}
body #idcom-woo.product .product .img-and-summary .cart .variations td.label {
display: block;
position: relative;
width: calc(100vw - 30px) !important;
margin: 0 auto;
}
body #idcom-woo.product .product .img-and-summary .cart .variations td.value {
display: block;
position: relative;
width: calc(100vw - 30px) !important;
margin: 0 auto;
}
body #idcom-woo.product .product .img-and-summary .cart .variations td.value select {
display: block;
position: relative;
width: calc(100vw - 30px) !important;
margin: 0 auto;
}
body #idcom-woo.product .product .img-and-summary .cart .variations td.value .reset_variations {
position: relative;
width: calc(100vw - 30px) !important;
margin: 0 auto;
text-align: right;
float: right;
}
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: 0 solid transparent !important;
position: absolute !important;
bottom: 0 !important;
width: 0 !important;
height: 0 !important;
content: '' !important;
box-sizing: border-box !important;
box-shadow: 0 0 0 transparent !important;
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
left: 0 !important;
right: 0 !important;
}
.article-content {
background-color: #00030B;
color: #fff;
padding-top: 60px;
padding-bottom: 80px;
}
.article-content .container {
max-width: 1200px;
}
.article-back {
text-align: left;
font: normal normal 300 16px/24px Poppins;
font-family: 'Poppins', sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 300;
letter-spacing: 0px;
color: #B1B0AF;
transition: color 0.3s ease;
margin-bottom: 38px;
}
.article-back a:hover,
.article-back a:focus {
color: #CDA14C;
text-decoration: none;
}
.article-title {
text-align: left;
font: normal normal 300 30px/40px Poppins;
font-size: 30px;
line-height: 40px;
font-weight: 300;
font-family: 'Poppins', sans-serif;
letter-spacing: 0px;
color: #FFFFFF;
margin-bottom: 12px;
}
.article-meta {
text-align: left;
font: normal normal 300 16px/24px Poppins;
font-size: 16px;
color: #CDA14C;
line-height: 24px;
font-weight: 300;
font-family: 'Poppins', sans-serif;
letter-spacing: 0px;
margin-bottom: 24px;
}
.article-thumb {
margin-bottom: 32px;
}
.article-thumb img {
width: 100%;
height: 431px;
display: block;
border-radius: 16px;
object-fit: cover;
}
@media (max-width: 767px) {
.article-thumb img {
height: 300px;
}
}
.article-body {
color: #B1B0AF;
font-size: 14px;
line-height: 1.8;
text-align: left;
font-family: 'Poppins', sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 300;
letter-spacing: 0px;
color: #FFFFFF;
}
.article-body p {
color: #B1B0AF;
margin-bottom: 18px;
}
.article-body h2,
.article-body h3,
.article-body h4 {
color: #fff;
font-family: "Philosopher", sans-serif;
margin-top: 32px;
margin-bottom: 14px;
}
.article-body a {
color: #CDA14C;
}
.article-body a:hover {
color: #d8b674;
}
.article-body ul,
.article-body ol {
color: #B1B0AF;
margin-bottom: 18px;
padding-left: 22px;
}
.article-sidebar__inner {
padding-left: 20px;
}
.article-sidebar__label {
text-align: left;
font-family: "Philosopher", sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: normal;
letter-spacing: 2.8px;
color: #B1B0AF;
text-transform: uppercase;
margin-bottom: 19px;
}
.related-card {
margin-bottom: 50px;
}
.related-card__image {
display: block;
width: 100%;
height: 199px;
padding-top: 60%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 31px;
overflow: hidden;
margin-bottom: 16px;
transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.related-card__image:hover {
transform: translateY(-3px);
box-shadow: 0 10px 26px rgba(0,0,0,0.45);
}
.related-card__title {
text-align: left;
font: normal normal 300 22px/28px Poppins;
font-size: 22px;
line-height: 28px;
font-weight: 300;
font-family: 'Poppins', sans-serif;
letter-spacing: 0px;
color: #FFFFFF;
margin-top: 28px;
}
.related-card__title a {
color: #fff;
text-decoration: none;
}
.related-card__title a:hover {
color: #CDA14C;
}
.related-card__meta {
text-align: left;
font: normal normal 300 16px/24px Poppins;
font-size: 16px;
line-height: 24px;
font-weight: 300;
font-family: 'Poppins', sans-serif;
letter-spacing: 0px;
color: #CDA14C;
margin-bottom: 15px;
margin-top: 15px;
}
.related-card__link {
text-align: left;
text-decoration: underline;
font-size: 16px;
line-height: 24px;
font-weight: 300;
font-family: 'Poppins', sans-serif;
letter-spacing: 0px;
color: #FFFFFF;
}
.related-card__link a:hover,
.related-card__link a:focus {
color: #CDA14C;
text-decoration: none;
}
@media (max-width: 991px) {
.article-sidebar__inner {
padding-left: 0;
margin-top: 50px;
}
}
@media (max-width: 767px) {
.article-content {
padding-top: 30px;
padding-bottom: 50px;
}
.article-title {
font-size: 22px;
}
}