@charset "UTF-8";

html {
overflow-x: unset;
}
#content {
overflow-x: hidden;
}
* {
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
body {
overflow-x: hidden;
position: relative;
}
.container,
.wp-block-column {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 100%;
}
@media (min-width: 350px) {
.container {
max-width: 340px;
}
}
@media (min-width: 400px) {
.container {
max-width: 390px;
}
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container,
.wp-block-columns {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1360px;
}
}
.container-classic-fluid,
.container-classic-sm,
.container-classic-md,
.container-classic-lg,
.container-classic-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container,
.container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container,
.container-sm,
.container-md {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container,
.container-sm,
.container-md,
.container-lg {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
max-width: 1140px;
}
}
* {
color: #293133;
}
img {
max-width: 100%;
}
* {
outline: none;
}
#header {
-webkit-box-shadow: 20px 20px 60px #f4f4f4, -20px -20px 60px #ffffff;
box-shadow: 20px 20px 60px #f4f4f4, -20px -20px 60px #ffffff;
background: -o-linear-gradient(305deg, #ffffff, #ffffff);
background: linear-gradient(145deg, #ffffff, #ffffff);
z-index: 100;
position: sticky;
-webkit-animation: all 300ms ease;
animation: all 300ms ease;
color: #010101;
}
#header #logo {
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
cursor: pointer;
}
#header .drop-language {
margin: 3px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#header .menu {
height: 90px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#header .menu > li > a {
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#header.sticky {
height: auto;
top: 0;
left: 0;
width: 100%;
}
#header.sticky .drop-language {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
#header.sticky .uk-button.uk-button-default .icon-icone-mobile-menu:before {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
#header.sticky .menu {
height: 50px;
}
#header.sticky .flex {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
-webkit-box-align: self-start !important;
-ms-flex-align: self-start !important;
align-items: self-start !important;
}
@media (max-width: 768px) {
#header.sticky {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
}
#header.sticky .menu > li > a {
padding: 5px 20px;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
#header.sticky #logo {
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
#header.sticky #logo img {
max-height: auto;
}
@media (max-width: 768px) {
#header .container {
max-width: 100%;
}
}
#header .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header .flex .logo {
max-width: 142px;
}
#header a {
font-weight: 500;
color: #010101;
text-transform: uppercase;
}
@media (max-width: 768px) {
#header .uk-navbar {
display: none;
}
}
#header .uk-navbar-nav > li:hover {
background: #01010140;
color: #fff;
}
#header .uk-navbar-nav > li:hover > a {
color: #831d1c;
position: relative;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#header .uk-navbar-nav > li:hover > a:after {
width: 70%;
height: 1px;
position: absolute;
bottom: 0;
content: "";
background: #831d1c;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#header .uk-navbar-nav > li .uk-navbar-dropdown-nav li a {
color: #fff;
}
#header .uk-navbar-nav > li .uk-navbar-dropdown-nav li a:hover {
color: #162840;
}
#header .uk-navbar-nav > li .uk-navbar-dropdown {
background: #909292d9;
margin-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
#footer {
background: #162840;
padding: 40px 0;
}
#footer ul {
list-style: none;
padding-left: 0px;
}
#footer .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 768px) {
#footer .flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
#footer .flex img {
max-width: 100px;
margin: 0 auto;
height: auto;
}
#footer .flex h3 {
margin: 0 auto 30px;
padding-top: 40px;
}
#footer .flex h3:after {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
#footer img {
max-width: 200px;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
#footer h3 {
font-size: 14px;
text-transform: uppercase;
color: #fefeff;
padding-bottom: 10px;
margin-bottom: 30px;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
#footer h3:after {
width: 70%;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
content: "";
background: #fefeff;
}
#footer li {
margin-bottom: 10px;
}
#footer li a {
color: #fefeff;
font-size: 14px;
}
#footer li a:hover {
color: #fff;
}
#footer .footer-bottom {
font-size: 14px;
text-align: center;
padding-top: 20px;
margin-top: 50px;
color: #fff;
position: relative;
}
#footer .footer-bottom span {
color: rgba(255, 255, 255, 0.61);
}
#footer .footer-bottom:after {
width: 70%;
height: 1px;
position: absolute;
top: 0;
content: "";
background: #fefeff;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#footer .footer-bottom a {
text-decoration: none;
color: #fff;
}
section.banner {
height: 600px;
background: #3d3d3d40;
}
@media (max-width: 768px) {
section.banner {
height: 500px;
}
}
section.banner .container {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section.banner .grid-items {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 20px;
}
@media (max-width: 768px) {
section.banner .grid-items {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 30px;
}
}
section.banner .grid-items .item {
text-align: center;
position: relative;
}
section.banner .grid-items .item > img {
height: 200px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
section.banner .grid-items .item .text {
font-size: 20px;
text-transform: uppercase;
font-weight: 500;
color: #162840;
}
@media (max-width: 768px) {
section.banner h1 {
text-align: center;
width: 100% !important;
}
}
h2 {
position: relative;
font-size: 30px !important;
font-weight: 400 !important;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding-bottom: 20px !important;
margin-bottom: 20px !important;
}
h2:after {
content: "";
width: 20%;
height: 1px;
bottom: 0;
position: absolute;
}
h2.left-line:after {
left: 0;
}
h2.center-line:after {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
h2.red-line:after {
background: #821c1b;
}
h2.white-line:after {
background: #fff;
}
h2.gold-line:after {
background: #be8f51;
}
section.text-grid {
padding: 70px 0;
}
section.text-grid h2 {
color: #162840;
}
section.text-grid .grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 50px 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 50px;
}
@media (max-width: 768px) {
section.text-grid .grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 30px;
}
}
section.text-grid .btn {
float: right;
margin-top: 50px;
}
body {
color: #293133;
}
button.btn {
border-radius: 20px;
border: none;
font-weight: 400;
}
button.btn i {
margin-left: 5px;
}
button.btn i:before {
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
button.btn:hover i:before {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
button.btn a {
padding: 10px 20px;
display: block;
}
button.btn a:hover {
text-decoration: none;
}
button.btn.blue-btn {
background: #011e50;
color: #fff;
font-size: 16px;
}
button.btn.blue-btn a,
button.btn.blue-btn i {
color: #fff;
}
button.btn.white-btn {
background: #fff;
color: #011e50;
font-size: 16px;
}
button.btn.white-btn a,
button.btn.white-btn i {
color: #011e50;
}
button.btn.red-btn {
background: #801817;
color: #fff;
}
button.btn.red-btn a,
button.btn.red-btn i {
color: #fff;
}
section.picture {
height: 500px;
position: relative;
background-position: center;
background-size: cover;
}
@media (max-width: 768px) {
section.picture {
height: 200px;
}
}
section.picture:after {
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #162840;
opacity: 0.8;
position: absolute;
content: "";
}
section.avocad {
padding: 70px 0;
}
@media (max-width: 768px) {
section.avocad {
padding: 40px 0;
}
}
section.avocad .grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 100px 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 100px;
margin-top: 50px;
}
@media (max-width: 768px) {
section.avocad .grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 30px;
}
}
section.avocad h2 {
margin: 0 auto;
}
section.avocad .item .img1 {
border: 2px solid #be8f51;
padding: 10px;
position: relative;
max-width: 450px;
margin: 0 auto;
overflow: hidden;
}
@media (max-width: 768px) {
section.avocad .item .img1 {
max-height: 350px;
}
}
section.avocad .item h3 {
color: #293133;
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
text-align: center;
margin-top: 40px;
margin-bottom: 10px;
}
section.avocad .item .profile {
color: #293133;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
text-align: center;
}
section.avocad .item p {
color: #293133;
font-weight: 500;
text-align: center;
}
.social {
text-align: center;
margin-top: 10px;
}
.social i {
font-size: 25px;
color: #be8f51;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.social i:hover {
color: #293133;
}
.social i.icon-email-sp-holding {
margin-right: 20px;
}
section.review {
position: relative;
background-position: center;
background-size: cover;
padding: 70px 0;
}
section.review:after {
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #162840;
opacity: 0.8;
position: absolute;
content: "";
}
section.review .container {
z-index: 2;
position: relative;
}
section.review .grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 50px 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 50px;
}
@media (max-width: 768px) {
section.review .grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 30px;
}
}
section.review h3 {
font-size: 20px;
color: #fefefe;
font-weight: 400;
text-transform: uppercase;
}
section.review .icon-grid p {
font-size: 20px;
color: #fefefe;
font-style: italic;
margin-top: 10px;
}
section.review .item {
position: relative;
}
section.review .item > p {
padding-top: 20px;
font-size: 16px;
color: #fefefe;
}
section.review .item:nth-child(2):after {
content: "";
position: absolute;
width: 1px;
height: 100%;
left: -25px;
top: 0;
}
section.review .item:nth-child(2):before {
content: "";
position: absolute;
width: 1px;
height: 100%;
right: -25px;
top: 0;
}
@media (max-width: 768px) {
section.review .item:nth-child(2):before,
section.review .item:nth-child(2):after {
display: none;
}
}
section.review .btn {
float: right;
margin-top: 20px;
}
.icon-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 80px 10px 1fr;
grid-template-columns: 80px 1fr;
grid-gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sub-title {
font-size: 14px;
width: 50%;
display: block;
margin: 0 auto;
font-weight: 400;
color: #293133;
text-align: center;
margin-bottom: 30px;
}
@media (max-width: 768px) {
.sub-title {
width: 100%;
}
}
section.grid-contact {
background: -o-linear-gradient(305deg, #ffffff, #ffffff);
background: linear-gradient(145deg, #ffffff, #ffffff);
-webkit-box-shadow: 15px 15px 29px #ffffff, -15px -15px 29px #ffffff;
box-shadow: 15px 15px 29px #ffffff, -15px -15px 29px #ffffff;
padding: 70px 0;
}
@media (max-width: 768px) {
section.grid-contact {
padding: 40px 0;
}
}
section.grid-contact h2 {
margin: 0 auto;
}
section.grid-contact .grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 100px 1fr 100px 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 100px;
}
@media (max-width: 768px) {
section.grid-contact .grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 30px;
}
}
section.grid-contact .grid .item {
border-radius: 50px;
background: #ffffff;
-webkit-box-shadow: inset 15px 15px 29px #ffffff,
inset -15px -15px 29px #ffffff;
box-shadow: inset 15px 15px 29px #ffffff, inset -15px -15px 29px #ffffff;
padding: 30px 20px;
text-align: center;
overflow: hidden;
-webkit-transition: -webkit-box-shadow 300ms ease;
transition: -webkit-box-shadow 300ms ease;
-o-transition: box-shadow 300ms ease;
transition: box-shadow 300ms ease;
transition: box-shadow 300ms ease, -webkit-box-shadow 300ms ease;
}
section.grid-contact .grid .item i {
font-size: 50px;
color: #162840;
}
section.grid-contact .grid .item p {
color: #162840;
font-weight: 400;
margin-top: 20px;
}
section.actualites {
padding: 70px 0;
}
@media (max-width: 768px) {
section.actualites {
padding: 40px 0;
}
}
section.actualites .btn {
float: right;
margin-top: 20px;
}
section.actualites .grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 50px 1fr 50px 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 50px;
}
@media (max-width: 768px) {
section.actualites .grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 30px;
}
}
section.actualites .grid .item {
position: relative;
padding-left: 50px;
}
section.actualites .grid .item:nth-child(2):after {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #801817;
left: 0px;
top: 0;
}
section.actualites .grid .item:nth-child(2):before {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #801817;
right: -50px;
top: 0;
}
@media (max-width: 768px) {
section.actualites .grid .item:nth-child(2):before,
section.actualites .grid .item:nth-child(2):after {
display: none;
}
}
section.actualites .grid .item:nth-child(1):after {
left: 0;
top: 0;
width: 33px;
height: 70px;
position: absolute;
content: "";
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/forme-fleche-cabinet-avocat-lacome-destalenx-marquis-orange.svg);
background-size: cover;
}
section.actualites .container {
position: relative;
}
.page-id-77 section.banner,
.page-id-580 section.banner {
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/EXPERTISES-lacomemarquis.jpg);
background-size: cover;
background-position: center;
}
.page-id-77 section.banner h1,
.page-id-580 section.banner h1 {
color: #fff;
font-weight: 500;
width: 70%;
}
@media (max-width: 768px) {
.page-id-77 .exp .grid,
.page-id-580 .exp .grid {
position: relative;
}
.page-id-77 .exp .grid .image-item,
.page-id-580 .exp .grid .image-item {
position: absolute;
top: 0%;
right: 0;
opacity: 0.5;
}
.page-id-77 .exp .grid .image-item img,
.page-id-580 .exp .grid .image-item img {
width: 100%;
}
.page-id-77 .exp .grid h3,
.page-id-580 .exp .grid h3 {
width: 100% !important;
}
.page-id-77 .exp .grid p,
.page-id-580 .exp .grid p {
width: 100% !important;
}
.page-id-77 .exp .grid button,
.page-id-580 .exp .grid button {
float: left !important;
}
.page-id-77 .exp .grid .url,
.page-id-580 .exp .grid .url {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 0 !important;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.page-id-77 .exp .grid .url a,
.page-id-580 .exp .grid .url a {
margin-left: 0 !important;
}
.page-id-77 .exp .grid *,
.page-id-580 .exp .grid * {
text-align: left !important;
}
}
h1 {
font-size: 50px !important;
}
.grid-3 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 50px 1fr 50px 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 768px) {
.grid-3 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
section.exp .grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 200px 50px 1fr;
grid-template-columns: 200px 1fr;
border-bottom: 1px solid #121212;
grid-gap: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 70px 0;
}
@media (max-width: 768px) {
section.exp .grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
section.exp .grid .item {
position: relative;
}
section.exp .grid .item img {
max-height: 200px;
}
@media (max-width: 768px) {
section.exp .grid .item img {
max-height: 100px;
}
}
@media (max-width: 768px) {
section.exp .grid {
padding: 40px 0;
}
}
section.exp .grid.reverce {
-ms-grid-columns: 1fr 50px 200px;
grid-template-columns: 1fr 200px;
}
@media (max-width: 768px) {
section.exp .grid.reverce {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
section.exp .grid.reverce h3 {
margin: 0 0 0 auto;
text-align: right;
}
section.exp .grid.reverce p {
text-align: right;
width: 70%;
margin: 30px 0 30px auto;
}
section.exp .grid.reverce .url {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
section.exp .grid.reverce .url a {
margin-right: 0px;
margin-left: 20px;
}
section.exp .grid.reverce button {
float: right;
}
section.exp .grid h3 {
font-size: 30px;
font-weight: 500;
color: #162840;
text-transform: uppercase;
width: 40%;
}
@media (max-width: 768px) {
section.exp .grid h3 {
width: 60%;
}
}
section.exp .grid p {
color: #293133;
font-size: 14px;
margin: 30px 0;
}
section.exp .grid .url {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section.exp .grid .url a {
margin-right: 20px;
margin-bottom: 30px;
color: #801817;
}
.page-id-1077 #page-body {
margin-top: 20px !important;
}
.page-id-1077 #page-body > .wrapper {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
.page-id-1077 .banner2 {
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/alm-equipements-faq.jpg);
background-position: center;
background-size: cover;
}
.banner-faq {
height: 700px;
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/80431259_2516966108414766_662398168813535232_n.jpg);
background-position: top;
background-size: cover;
}
.banner-faq .white-box {
background: #ffffffd9;
padding: 40px;
}
.banner-faq .content {
color: #1a1f38;
font-size: 30px;
}
.banner-faq .content span {
display: block;
}
.banner-faq .grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 100px 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 100px;
padding-top: 50px;
}
.banner-faq .grid img {
width: 200px;
}
.banner-faq .grid p {
font-size: 20px;
color: #1a1f38;
max-width: 200px;
text-align: center;
}
.banner-faq .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
} #vertical_tab_nav {
display: -ms-grid;
display: grid;
width: 100%;
-ms-grid-columns: 30% 70%;
grid-template-columns: 30% 70%;
width: 100%;
margin: 70px 0;
}
@media (max-width: 992px) {
#vertical_tab_nav {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
#vertical_tab_nav > ul {
display: -ms-grid !important;
display: grid !important;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#vertical_tab_nav > ul a {
font-size: 16px !important;
text-align: center;
}
#vertical_tab_nav > ul a:after {
display: none;
}
#vertical_tab_nav > ul > li {
border: 1px solid #fff;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 768px) {
#vertical_tab_nav h3 {
text-align: center;
font-size: 22px !important;
}
}
#vertical_tab_nav > ul {
margin: 0px;
padding: 0px;
list-style: none;
border-right: 1px solid #801817;
height: inherit;
display: block;
padding-right: 30px;
}
@media (max-width: 768px) {
#vertical_tab_nav > ul {
border: none;
padding: 0;
}
}
#vertical_tab_nav li {
margin: 0;
text-align: left;
padding: 0px;
margin-bottom: 30px;
}
#vertical_tab_nav li:last-child {
border-bottom: 0px;
}
#vertical_tab_nav li a {
display: block;
font-size: 16px;
color: #293133;
text-decoration: none;
padding: 7%;
font-weight: 400;
text-transform: uppercase;
background: #d8dadb;
}
@media (max-width: 768px) {
#vertical_tab_nav li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
width: 100%;
}
}
#vertical_tab_nav li a.selected {
background: #011e50;
color: #fff;
position: relative;
}
#vertical_tab_nav li a.selected:after {
content: "";
position: absolute;
right: -20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: 10px solid transparent;
border-left: 10px solid #011e50;
}
#vertical_tab_nav div {
display: block;
background: #fff;
}
#vertical_tab_nav div article {
display: none;
margin: 0px;
color: #555;
padding: 0 40px;
}
#vertical_tab_nav div article .uk-accordion {
background: none;
}
#vertical_tab_nav div article .uk-accordion li {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #1212121c;
}
#vertical_tab_nav div article .uk-accordion-title {
color: #f6b505;
font-size: 20px;
text-transform: uppercase;
font-weight: 500;
padding: 0;
}
#vertical_tab_nav div article h3 {
color: #162840;
font-size: 30px;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 30px;
}
#vertical_tab_nav div article h4 {
font-size: 20px;
font-weight: 500;
}
#vertical_tab_nav div article h5 {
font-size: 16px;
}
#vertical_tab_nav div article .contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 20px;
}
#vertical_tab_nav div article .contact .text {
font-size: 16px;
text-transform: uppercase;
padding-right: 40px;
width: 50%;
}
#vertical_tab_nav div article .contact a {
white-space: nowrap;
display: block;
}
@media (max-width: 768px) {
#vertical_tab_nav div article .contact {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
#vertical_tab_nav div article .contact .text {
padding: 0 0 20px 0;
}
}
.text-center {
width: 70%;
font-size: 20px;
color: #162840;
margin: 0 auto;
text-align: center;
}
@media (max-width: 768px) {
.text-center {
width: 100%;
}
}
#vertical_tab_nav div article p {
margin: 0px 0px 20px 0px;
}
.page-id-81 .banner,
.page-id-605 .banner {
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/EXPERTISES-droit-des-entreprises-et-des-affaires-lacomemarquis.jpg);
background-size: cover;
background-position: center;
position: relative;
z-index: -2;
}
.page-id-81 .banner h1,
.page-id-605 .banner h1 {
color: #fff;
font-weight: 500;
width: 70%;
}
.page-id-81 .banner h1,
.page-id-605 .banner h1 {
position: relative;
}
.page-id-81 .banner h1:after,
.page-id-605 .banner h1:after {
content: "";
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/icone-3-droit-public-cabinet-avocat-lacome-destalenx-marquis-red-1.svg);
height: 300px;
width: 300px;
display: block;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
z-index: -1;
}
.page-id-81 .img-li li,
.page-id-605 .img-li li {
padding-left: 50px !important;
position: relative;
text-transform: uppercase;
font-weight: 300;
}
.page-id-81 .img-li li:after,
.page-id-605 .img-li li:after {
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/icone-3-droit-public-cabinet-avocat-lacome-destalenx-marquis-red.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
content: "";
width: 30px;
height: 30px;
}
.page-id-81 .text-center,
.page-id-605 .text-center {
padding-top: 70px;
}
section.carusel {
padding: 70px 0;
background: #162840;
}
@media (max-width: 768px) {
section.carusel {
padding: 40px 0;
}
}
section.carusel .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
section.carusel .title .number {
font-size: 130px;
line-height: 100px;
color: #be8f51;
}
section.carusel .title .text {
color: #fefefe;
font-size: 30px;
text-transform: uppercase;
}
section.carusel p {
font-size: 16px;
color: #fefefe;
text-align: center;
width: 70%;
margin: 30px auto 0;
}
section.carusel .slick-next:before {
content: "";
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/right-arrow.svg);
height: 40px;
width: 40px;
display: block;
z-index: 9;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
section.carusel .slick-prev {
left: 10px;
z-index: 10;
width: 40px;
height: 40px;
}
section.carusel .slick-next {
right: 10px;
z-index: 10;
width: 40px;
height: 40px;
}
section.carusel .slick-prev:before {
content: "";
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/left-arrow.svg);
height: 40px;
width: 40px;
display: block;
z-index: 9;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.other-services {
padding: 100px 0 70px;
}
.other-services h2 {
color: #162840;
font-size: 30px !important;
text-transform: uppercase;
font-weight: 500 !important;
text-align: center;
margin: 0px auto;
}
@media (max-width: 768px) {
.other-services h2 {
font-size: 25px !important;
}
}
.other-services .grid-3 img {
max-height: 200px;
}
.other-services .img {
position: relative;
}
.other-services .text {
text-align: center;
text-transform: uppercase;
margin: 20px auto 0;
position: relative;
max-width: 300px;
padding-bottom: 20px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.other-services .text:before {
content: "";
width: 20%;
height: 1px;
bottom: 0;
position: absolute;
background: #162840;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.other-services .item {
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.other-services .item:hover .text {
text-decoration: none;
}
.other-services .item:hover .text:before {
width: 70%;
}
.page-id-87 .banner,
.page-id-607 .banner {
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/EXPERTISES-droit-immobilier-lacomemarquis.jpg);
background-size: cover;
background-position: center;
position: relative;
z-index: -2;
}
.page-id-87 .banner h1,
.page-id-607 .banner h1 {
color: #fff;
font-weight: 500;
width: 70%;
}
.page-id-87 .banner h1,
.page-id-607 .banner h1 {
position: relative;
color: #162840;
padding-left: 150px;
}
@media (max-width: 768px) {
.page-id-87 .banner h1,
.page-id-607 .banner h1 {
padding-left: 0;
}
}
.page-id-87 .banner h1:after,
.page-id-607 .banner h1:after {
content: "";
left: 0;
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/icone-2-droit-immobilier-cabinet-avocat-lacome-destalenx-marquis_red.svg);
height: 300px;
width: 300px;
display: block;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
z-index: -1;
}
.page-id-87 .img-li li,
.page-id-607 .img-li li {
padding-left: 50px !important;
position: relative;
text-transform: uppercase;
font-weight: 300;
}
.page-id-87 .img-li li:after,
.page-id-607 .img-li li:after {
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/icone-2-droit-immobilier-cabinet-avocat-lacome-destalenx-marquis_red-icone.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
content: "";
width: 30px;
height: 30px;
}
.page-id-87 .text-center,
.page-id-607 .text-center {
padding-top: 70px;
}
.page-id-89 .banner,
.page-id-609 .banner {
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/EXPERTISES-droit-public-lacomemarquis.jpg);
background-size: cover;
background-position: center;
position: relative;
z-index: -2;
}
.page-id-89 .banner h1,
.page-id-609 .banner h1 {
color: #fff;
font-weight: 500;
width: 70%;
}
.page-id-89 .banner h1,
.page-id-609 .banner h1 {
position: relative;
color: #162840;
padding-left: 150px;
}
@media (max-width: 768px) {
.page-id-89 .banner h1,
.page-id-609 .banner h1 {
padding-left: 0;
}
}
.page-id-89 .banner h1:after,
.page-id-609 .banner h1:after {
content: "";
left: 0;
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/icone-3-droit-commercial-cabinet-avocat-lacome-destalenx-marquis-red.svg);
height: 300px;
width: 300px;
display: block;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
z-index: -1;
}
.page-id-89 .img-li li,
.page-id-609 .img-li li {
padding-left: 50px !important;
position: relative;
text-transform: uppercase;
font-weight: 300;
}
.page-id-89 .img-li li:after,
.page-id-609 .img-li li:after {
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/icone-3-droit-commercial-cabinet-avocat-lacome-destalenx-marquis-red.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
content: "";
width: 30px;
height: 30px;
}
.page-id-89 .text-center,
.page-id-609 .text-center {
padding-top: 70px;
}
.page-id-92 .banner,
.page-id-611 .banner {
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/04/Page-dAccueil-lacomemarquis.jpg);
background-size: cover;
background-position: center;
position: relative;
z-index: -2;
}
.page-id-92 .banner h1,
.page-id-611 .banner h1 {
color: #fff;
font-weight: 500;
width: 70%;
}
.page-id-92 .banner h1,
.page-id-611 .banner h1 {
position: relative;
color: #162840;
padding-left: 150px;
text-transform: uppercase;
}
@media (max-width: 768px) {
.page-id-92 .banner h1,
.page-id-611 .banner h1 {
padding-left: 0;
}
}
.page-id-92 .banner h1:after,
.page-id-611 .banner h1:after {
content: "";
left: 0;
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/icone-4-Contentieux-résolution-des-litiges-cabinet-avocat-lacome-destalenx-marquis-red.svg);
height: 300px;
width: 300px;
display: block;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
z-index: -1;
}
.page-id-92 .img-li li,
.page-id-611 .img-li li {
padding-left: 50px !important;
position: relative;
text-transform: uppercase;
font-weight: 300;
}
.page-id-92 .img-li li:after,
.page-id-611 .img-li li:after {
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/icone-4-Contentieux-résolution-des-litiges-cabinet-avocat-lacome-destalenx-marquis-red.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
content: "";
width: 30px;
height: 30px;
}
.page-id-92 .text-center,
.page-id-611 .text-center {
padding-top: 70px;
}
@media (max-width: 768px) {
.page-id-92 #vertical_tab_nav li a,
.page-id-611 #vertical_tab_nav li a {
height: inherit;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
font-size: 14px;
}
.page-id-92 #vertical_tab_nav > ul,
.page-id-611 #vertical_tab_nav > ul {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) and (max-width: 768px) {
.page-id-92 #vertical_tab_nav > ul li:nth-child(3),
.page-id-611 #vertical_tab_nav > ul li:nth-child(3) {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/3;
}
}
.page-id-122 .banner,
.page-id-577 .banner,
.page-id-1368 .banner {
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/lacomemarquis-associes.jpg);
background-size: cover;
background-position: center;
position: relative;
z-index: -2;
}
.page-id-122 .banner h1,
.page-id-577 .banner h1,
.page-id-1368 .banner h1 {
color: #fff;
font-weight: 500;
width: 70%;
}
.page-id-122 .banner h1,
.page-id-577 .banner h1,
.page-id-1368 .banner h1 {
position: relative;
color: #162840;
text-align: center;
text-transform: uppercase;
margin: 0 auto;
}
@media (max-width: 768px) {
.page-id-122 .banner h1,
.page-id-577 .banner h1,
.page-id-1368 .banner h1 {
padding-left: 0;
}
}
.page-id-122 h2,
.page-id-577 h2,
.page-id-1368 h2 {
color: #162840;
}
.page-id-122 h2:after,
.page-id-577 h2:after,
.page-id-1368 h2:after {
background: #801817;
left: 0;
width: 70%;
}
.page-id-122 .content p,
.page-id-577 .content p,
.page-id-1368 .content p {
color: #162840;
font-size: 14px;
margin-bottom: 30px;
}
.page-id-122 .content p b,
.page-id-577 .content p b,
.page-id-1368 .content p b {
font-weight: 500;
}
.page-id-122 .text-block,
.page-id-577 .text-block,
.page-id-1368 .text-block {
margin-top: 70px;
}
.partner-btn {
display: block;
margin: 0px auto 20px;
}
.page-id-1368 .banner {
background: url(//lacomemarquis.fr/en//wp-content/uploads/2024/10/final-scaled.jpg);
background-size: cover;
background-position: center;
}
.page-id-1368 .banner h1 {
color: #fff;
font-weight: 500;
width: 70%;
}
.page-id-95 .banner,
.page-id-120 .banner,
.page-id-583 .banner,
.page-id-589 .banner {
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/HONORAIRES-lacomemarquis.jpg);
background-size: cover;
background-position: center;
position: relative;
z-index: -2;
}
.page-id-95 .banner h1,
.page-id-120 .banner h1,
.page-id-583 .banner h1,
.page-id-589 .banner h1 {
color: #fff;
font-weight: 500;
width: 70%;
}
.page-id-95 .banner h1,
.page-id-120 .banner h1,
.page-id-583 .banner h1,
.page-id-589 .banner h1 {
position: relative;
color: #162840;
text-align: center;
text-transform: uppercase;
margin: 0 auto;
}
@media (max-width: 768px) {
.page-id-95 .banner h1,
.page-id-120 .banner h1,
.page-id-583 .banner h1,
.page-id-589 .banner h1 {
padding-left: 0;
}
}
.page-id-95 h2,
.page-id-120 h2,
.page-id-583 h2,
.page-id-589 h2 {
color: #162840;
}
.page-id-95 h2:after,
.page-id-120 h2:after,
.page-id-583 h2:after,
.page-id-589 h2:after {
background: #801817;
left: 0;
width: 70%;
}
.page-id-95 .content p,
.page-id-120 .content p,
.page-id-583 .content p,
.page-id-589 .content p {
color: #162840;
font-size: 14px;
margin-bottom: 30px;
}
.page-id-95 .content p b,
.page-id-120 .content p b,
.page-id-583 .content p b,
.page-id-589 .content p b {
font-weight: 500;
}
.page-id-95 .text-block,
.page-id-120 .text-block,
.page-id-583 .text-block,
.page-id-589 .text-block {
margin-top: 70px;
}
.promo {
padding: 70px 0;
text-align: center;
}
@media (max-width: 768px) {
.promo {
padding: 40px 0;
}
}
.promo h3 {
color: #80181a;
font-weight: 500;
margin-bottom: 40px;
font-size: 18px;
}
.page-id-99 .portfolio h2,
.page-id-101 .portfolio h2,
.page-id-619 .portfolio h2,
.page-id-616 .portfolio h2 {
color: #162840;
font-size: 30px !important;
text-transform: uppercase;
font-weight: 500 !important;
text-align: left;
margin: 0;
}
.page-id-99 .portfolio h2:after,
.page-id-101 .portfolio h2:after,
.page-id-619 .portfolio h2:after,
.page-id-616 .portfolio h2:after {
background: #801817;
left: 0;
width: 70%;
}
.page-id-99 .portfolio h3,
.page-id-101 .portfolio h3,
.page-id-619 .portfolio h3,
.page-id-616 .portfolio h3 {
color: #293133;
font-size: 20px;
font-weight: 500;
border-top: 1px solid #801817;
border-bottom: 1px solid #801817;
margin-top: 40px;
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 20px;
}
.portfolio {
padding: 70px 0;
}
@media (max-width: 768px) {
.portfolio {
padding: 40px 0;
}
}
.portfolio .grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 100px 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 100px;
}
@media (max-width: 768px) {
.portfolio .grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 50px;
}
}
.portfolio .img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
position: relative;
}
.portfolio .img:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.page-id-105 section.contact,
.page-id-586 section.contact {
padding: 70px 0;
}
@media (max-width: 768px) {
.page-id-105 section.contact,
.page-id-586 section.contact {
padding: 40px 0;
}
}
section.contact .grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 100px 40%;
grid-template-columns: 1fr 40%;
grid-gap: 100px;
}
@media (max-width: 768px) {
section.contact .grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 50px;
}
}
section.contact h2 {
color: #162840;
font-size: 30px !important;
text-transform: uppercase;
font-weight: 500 !important;
text-align: left;
margin: 0;
}
section.contact h2:after {
background: #801817;
left: 0;
width: 70%;
}
section.contact form .wpcf7-radio span.wpcf7-list-item {
margin: 0;
margin-right: 20px;
}
section.contact form .wpcf7-radio span.wpcf7-list-item input {
margin: 0;
}
section.contact form input {
border: none;
background: none;
}
section.contact form input::-webkit-input-placeholder {
color: #293133;
font-weight: 400;
}
section.contact form input::-moz-placeholder {
color: #293133;
font-weight: 400;
}
section.contact form input:-ms-input-placeholder {
color: #293133;
font-weight: 400;
}
section.contact form input::-ms-input-placeholder {
color: #293133;
font-weight: 400;
}
section.contact form input::placeholder {
color: #293133;
font-weight: 400;
}
section.contact form .row {
margin: 20px 0;
padding: 10px;
background: #ffffff;
-webkit-box-shadow: inset 5px 5px 9px #e8e7e7, inset -5px -5px 9px #ffffff;
box-shadow: inset 5px 5px 9px #e8e7e7, inset -5px -5px 9px #ffffff;
border-radius: 20px;
}
section.contact form .row:hover i {
color: #be8f51;
}
section.contact form .row i {
margin-right: 10px;
}
section.contact form .wpcf7-select {
margin: 10px 0;
}
section.contact form .row-btn {
background: #293133;
border-radius: 20px;
font-size: 14px;
text-transform: uppercase;
color: #fff;
padding: 10px 20px;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
section.contact form .row-btn:hover {
background: #011e50;
}
section.contact form .row-btn:hover i {
color: #fff;
}
section.contact form .row-btn i {
color: #be8f51;
}
section.contact form .row-btn input {
color: #fff;
text-transform: uppercase;
cursor: pointer;
}
section.contact form .row-btn .ajax-loader {
display: none !important;
}
section.contact form textarea {
border: none;
border-bottom: 1px solid #293133;
max-height: 30px;
margin: 20px 0;
}
section.contact form textarea::-webkit-input-placeholder {
color: #293133;
font-weight: 400;
}
section.contact form textarea::-moz-placeholder {
color: #293133;
font-weight: 400;
}
section.contact form textarea:-ms-input-placeholder {
color: #293133;
font-weight: 400;
}
section.contact form textarea::-ms-input-placeholder {
color: #293133;
font-weight: 400;
}
section.contact form textarea::placeholder {
color: #293133;
font-weight: 400;
}
section.contact form .wpcf7-not-valid-tip {
font-size: 10px;
}
.test {
height: 600px;
}
.test .container {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.test .container svg {
fill: #0b1403;
}
.post-5 .banner,
.post-558 .banner {
position: relative;
background-position: center;
background-size: cover;
}
.post-5 .banner .other-services,
.post-558 .banner .other-services {
padding: 0;
height: 100%;
text-align: center;
}
.post-5 .banner:after,
.post-558 .banner:after {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #ffffff8c;
content: "";
}
.post-5 .banner .grid-4,
.post-558 .banner .grid-4 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.post-5 .banner .grid-4 .img img,
.post-558 .banner .grid-4 .img img {
height: 200px;
}
.post-5 .banner .grid-4 .text,
.post-558 .banner .grid-4 .text {
height: 150px;
}
@media (max-width: 768px) {
.post-5 .banner .grid-4,
.post-558 .banner .grid-4 {
-ms-grid-columns: 1fr 10px 1fr;
grid-template-columns: 1fr 1fr;
}
.post-5 .banner .grid-4 .img img,
.post-558 .banner .grid-4 .img img {
max-height: 100px !important;
margin-top: 0px !important;
}
.post-5 .banner .grid-4 .text,
.post-558 .banner .grid-4 .text {
height: 50px;
font-size: 14px !important;
}
.post-5 .banner .grid-4 .text::before,
.post-558 .banner .grid-4 .text::before {
display: none;
}
}
.post-5 .banner .grid-4 .text,
.post-558 .banner .grid-4 .text {
font-size: 25px;
font-weight: 500;
}
.post-5 .banner .grid-4 .img img,
.post-558 .banner .grid-4 .img img {
max-height: 200px;
}
.post-5 .banner .grid-4 .item,
.post-558 .banner .grid-4 .item {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.post-5 .banner .grid-4 .item a,
.post-558 .banner .grid-4 .item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 250px;
}
@media (max-width: 768px) {
.post-5 .banner .grid-4 .item a,
.post-558 .banner .grid-4 .item a {
height: 150px;
}
}
.post-5 .banner .grid-4 .item:hover,
.post-558 .banner .grid-4 .item:hover {
background: #ffffff87;
}
.post-5 .container,
.post-558 .container {
z-index: 2;
position: relative;
}
.scene {
position: absolute;
}
#scene {
top: 30%;
left: 50%;
width: 80px;
}
#scene2 {
top: 40%;
right: 20%;
width: 50px;
}
#scene3 {
top: 40%;
right: 50%;
width: 80px;
}
#scene4 {
bottom: 20%;
right: 40%;
width: 50px;
}
#scene5 {
bottom: 20%;
right: 40%;
width: 50px;
}
#scene100 {
top: 40%;
right: 20%;
width: 90px;
}
#scene101 {
top: 40%;
right: 50%;
width: 80px;
}
.uk-offcanvas-bar {
background: #293133;
}
#offcanvas-none .uk-offcanvas-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#offcanvas-none .uk-offcanvas-bar .mobile-list a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#offcanvas-none .uk-offcanvas-bar .mobile-list a i {
color: #fff;
font-size: 12px;
}
#offcanvas-none .uk-offcanvas-bar .mobile-list li {
margin: 10px 0;
}
#offcanvas-none .uk-navbar-dropdown-nav > li {
margin: 5px 0 !important;
}
#offcanvas-none .uk-navbar-dropdown-nav > li > a i {
color: #999 !important;
font-size: 10px;
}
.page-id-120 section.text-grid {
padding: 70px 0;
}
.page-id-120 section.text-grid h2 {
color: #162840;
font-size: 18px !important;
}
.page-id-120 section.text-grid .grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 50px 1fr 50px 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 50px;
}
@media (max-width: 768px) {
.page-id-120 section.text-grid .grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 30px;
}
}
.page-id-120 section.text-grid .btn {
float: right;
margin-top: 50px;
}
.page-id-120 body {
color: #293133;
}
.page-id-120 button.btn {
border-radius: 20px;
border: none;
font-weight: 400;
}
.page-id-120 button.btn i {
margin-left: 5px;
}
.page-id-120 button.btn i:before {
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.page-id-120 button.btn:hover i:before {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.page-id-120 button.btn a {
padding: 10px 20px;
display: block;
}
.page-id-120 button.btn a:hover {
text-decoration: none;
}
.page-id-120 button.btn.blue-btn {
background: #011e50;
color: #fff;
}
.page-id-120 button.btn.blue-btn a,
.page-id-120 button.btn.blue-btn i {
color: #fff;
}
.page-id-120 button.btn.white-btn {
background: #fff;
color: #011e50;
}
.page-id-120 button.btn.white-btn a,
.page-id-120 button.btn.white-btn i {
color: #011e50;
}
.page-id-120 button.btn.red-btn {
background: #801817;
color: #fff;
}
.page-id-120 button.btn.red-btn a,
.page-id-120 button.btn.red-btn i {
color: #fff;
}
.page-id-120 .banner {
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/04/Page-dAccueil-lacomemarquis-2.jpg);
position: relative;
background-position: center;
background-size: cover;
}
.page-id-120 .banner .other-services {
padding: 0;
height: 100%;
}
.page-id-120 .banner:after {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #ffffff8c;
content: "";
}
.page-id-120 .banner .grid-4 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
@media (max-width: 768px) {
.page-id-120 .banner .grid-4 {
-ms-grid-columns: 1fr 10px 1fr;
grid-template-columns: 1fr 1fr;
}
.page-id-120 .banner .grid-4 .img img {
max-height: 100px !important;
}
.page-id-120 .banner .grid-4 .text {
font-size: 14px !important;
}
}
.page-id-120 .banner .grid-4 .text {
font-size: 25px;
font-weight: 500;
}
.page-id-120 .banner .grid-4 .h1 {
font-size: 25px !important;
font-weight: 500;
}
.page-id-120 .banner .grid-4 .img img {
max-height: 200px;
}
.page-id-120 .banner .grid-4 .item {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.page-id-120 .banner .grid-4 .item:hover {
background: #ffffff87;
}
.page-id-120 .container {
z-index: 2;
position: relative;
}
.scene {
position: absolute;
}
#scene {
top: 30%;
left: 50%;
width: 80px;
}
#scene2 {
top: 40%;
right: 20%;
width: 50px;
}
#scene3 {
top: 40%;
right: 50%;
width: 80px;
}
#scene4 {
bottom: 20%;
right: 40%;
width: 50px;
}
#scene5 {
bottom: 20%;
right: 40%;
width: 50px;
}
#scene100 {
top: 40%;
right: 20%;
width: 90px;
}
#scene101 {
top: 40%;
right: 50%;
width: 80px;
}
.uk-offcanvas-bar {
background: #293133;
}
#offcanvas-none .uk-offcanvas-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#offcanvas-none .uk-offcanvas-bar .mobile-list a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#offcanvas-none .uk-offcanvas-bar .mobile-list a i {
color: #fff;
font-size: 12px;
}
#offcanvas-none .uk-offcanvas-bar .mobile-list li {
margin: 10px 0;
}
#offcanvas-none .uk-navbar-dropdown-nav > li {
margin: 5px 0 !important;
}
#offcanvas-none .uk-navbar-dropdown-nav > li > a i {
color: #999 !important;
font-size: 10px;
}
.page-id-99 #scene {
top: 15%;
left: 0%;
width: 100px;
}
.page-id-99 #scene2 {
top: auto;
bottom: 0%;
right: 20%;
width: 100px;
}
.page-id-5 #scene5,
.page-id-558 #scene5 {
top: 15%;
left: 0%;
width: 100px;
}
.page-id-5 #scene6,
.page-id-558 #scene6 {
top: auto;
bottom: 0%;
right: 20%;
width: 100px;
}
.page-id-5 #scene7,
.page-id-558 #scene7 {
top: 20%;
left: 0%;
width: 80px;
}
.page-id-5 #scene8,
.page-id-558 #scene8 {
top: 30%;
right: 10%;
width: 50px;
}
.page-id-101 #scene {
top: 20%;
left: 0%;
width: 80px;
}
.page-id-101 #scene2 {
top: 30%;
right: 10%;
width: 50px;
}
.banner {
position: relative;
}
.banner:after {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #ffffff8c;
content: "";
}
.banner .container {
z-index: 2;
position: relative;
}
.banner .container h1 {
color: #162840 !important;
font-size: 25px !important;
}
@media (min-width: 992px) {
header .uk-button {
display: none;
}
}
@media (max-width: 992px) {
header .uk-navbar {
display: none;
}
}
#header .uk-button.uk-button-default .icon-icone-mobile-menu:before {
font-size: 44px;
color: #162840;
}
#header .uk-button.uk-button-default {
background: none;
border: none;
padding: 0;
left: 25px;
position: relative;
top: 5px;
}
.search h1 {
display: block !important;
}
.search .entry-title {
display: block !important;
text-align: center;
padding: 10px;
margin: 0 auto !important;
}
.search .entry-title a {
color: #162840;
text-transform: uppercase;
}
.search #content {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr 30px 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
}
@media (max-width: 768px) {
.search #content {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.search #content header {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1/4;
}
@media (max-width: 768px) {
.search #content header {
-ms-grid-column: 1;
grid-column: 1;
}
}
.search article {
-webkit-box-shadow: 0.125rem 0.125rem 1.3125rem rgba(82, 106, 194, 0.18);
box-shadow: 0.125rem 0.125rem 1.3125rem rgba(82, 106, 194, 0.18);
border-radius: 20px;
overflow: hidden;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
.search article .wp-post-image {
border-radius: 0;
}
.search article p {
margin-top: -20px;
padding: 10px;
}
.single-post #container,
.search #container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 50px 20%;
grid-template-columns: 1fr 20%;
grid-gap: 50px;
margin: 70px auto;
}
@media (max-width: 768px) {
.single-post #container,
.search #container {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.single-post .cat-links,
.search .cat-links {
display: none;
}
@media (min-width: 576px) {
.single-post #container,
.search #container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.single-post #container,
.search #container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.single-post #container,
.search #container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.single-post #container,
.search #container {
max-width: 1140px;
}
}
.single-post #container-fluid,
.single-post #container-sm,
.single-post #container-md,
.single-post #container-lg,
.single-post #container-xl,
.search #container-fluid,
.search #container-sm,
.search #container-md,
.search #container-lg,
.search #container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.single-post #container,
.single-post #container-sm,
.search #container,
.search #container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.single-post #container,
.single-post #container-sm,
.single-post #container-md,
.search #container,
.search #container-sm,
.search #container-md {
max-width: 720px;
}
}
@media (min-width: 992px) {
.single-post #container,
.single-post #container-sm,
.single-post #container-md,
.single-post #container-lg,
.search #container,
.search #container-sm,
.search #container-md,
.search #container-lg {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.single-post #container,
.single-post #container-sm,
.single-post #container-md,
.single-post #container-lg,
.single-post #container-xl,
.search #container,
.search #container-sm,
.search #container-md,
.search #container-lg,
.search #container-xl {
max-width: 1140px;
}
}
.single-post .wp-post-image,
.search .wp-post-image {
border-radius: 0px;
margin-bottom: 30px;
max-width: 100%;
height: auto;
display: none;
}
.single-post .entry-meta,
.search .entry-meta {
display: none;
}
.single-post h1,
.search h1 {
line-height: 33px;
color: #162840;
font-size: 30px !important;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 30px;
pointer-events: none;
}
.single-post h1 p,
.search h1 p {
margin-bottom: 10px;
}
.single-post h1 a,
.search h1 a {
color: #162840;
font-size: 30px;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 30px;
pointer-events: none;
}
.single-post .post-edit-link,
.search .post-edit-link {
display: none;
}
.single-post header,
.search header {
padding: 0;
}
.single-post .entry-title,
.search .entry-title {
display: none;
}
.single-post .entry-content p,
.search .entry-content p {
margin-bottom: 10px;
}
.single-post .entry-content b,
.search .entry-content b {
font-weight: bold;
}
.wplp_widget_smooth-effect .smooth-effect .wpcu-front-box.bottom {
-webkit-box-shadow: 0.125rem 0.125rem 1.3125rem rgba(82, 106, 194, 0.18);
box-shadow: 0.125rem 0.125rem 1.3125rem rgba(82, 106, 194, 0.18);
}
.read-more {
opacity: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.parallax-news {
position: relative;
}
.scene {
z-index: 10;
}
.page-id-110 .banner,
.page-id-451 .banner {
background: url(//lacomemarquis.fr/en//wp-content/uploads/2020/01/HONORAIRES-lacomemarquis.jpg);
background-size: cover;
background-position: center;
position: relative;
z-index: -2;
}
.page-id-110 .banner h1,
.page-id-451 .banner h1 {
color: #fff;
font-weight: 500;
width: 70%;
}
.page-id-110 .banner h1,
.page-id-451 .banner h1 {
position: relative;
color: #162840;
text-align: center;
text-transform: uppercase;
margin: 0 auto;
}
@media (max-width: 768px) {
.page-id-110 .banner h1,
.page-id-451 .banner h1 {
padding-left: 0;
}
}
h2.padding-line {
padding-left: 20%;
position: relative;
width: 100%;
line-height: normal;
margin: 0 !important;
padding: 0 0 0 20% !important;
color: #801817;
}
h2.padding-line:after {
width: 19%;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
background: #801817;
height: 1px;
}
section.news {
padding: 70px 0;
}
@media (max-width: 768px) {
section.news {
padding: 40px 0;
}
}
section.news .grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 50px 20%;
grid-template-columns: 1fr 20%;
grid-gap: 50px;
}
@media (max-width: 768px) {
section.news .grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
section.news #icl_lang_sel_widget-2 {
display: none;
}
.wpcu_block_title {
display: none;
}
.parallax-news {
padding-top: 50px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.parallax-news #scene {
top: 0% !important;
}
.parallax-news #scene2 {
top: auto !important;
bottom: 15% !important;
width: 90px;
}
#widgets_for_shortcodes {
list-style: none;
}
#widgets_for_shortcodes h3 {
color: #162840;
font-weight: 500;
margin-bottom: 10px;
font-size: 18px;
}
#widgets_for_shortcodes li a {
color: #293134;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#widgets_for_shortcodes li a:hover {
color: #be8f51;
-webkit-transform: scale(1.05) translateX(10px);
-ms-transform: scale(1.05) translateX(10px);
transform: scale(1.05) translateX(10px);
font-weight: 500;
}
#widgets_for_shortcodes li .cat-item {
border-bottom: 1px solid #ededed;
padding-bottom: 5px;
margin-bottom: 5px;
}
#widgets_for_shortcodes li .cat-item:last-child {
border: none;
}
#widgets_for_shortcodes > li {
margin-bottom: 20px;
}
#widgets_for_shortcodes #recent-posts-2 li,
#widgets_for_shortcodes #custom_html-3 li {
border-bottom: 1px solid #ededed;
padding-bottom: 20px;
margin-bottom: 20px;
}
.search-submit {
border-radius: 0 20px 20px 0px !important;
border: 1px solid #121212;
cursor: pointer;
background: #1a283e;
color: #fff;
}
.search-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.search-form .search-field {
border: 1px solid #162840;
border-radius: 20px 0 0 20px;
padding: 7px 10px;
}
section.contact form .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.email-form {
-webkit-box-shadow: 0.125rem 0.125rem 1.3125rem rgba(82, 106, 194, 0.18);
box-shadow: 0.125rem 0.125rem 1.3125rem rgba(82, 106, 194, 0.18);
padding: 20px 10px;
border-radius: 20px;
}
.email-form h3 {
color: #162840;
font-weight: 500;
margin-bottom: 10px;
font-size: 18px;
text-transform: uppercase;
}
.email-form input {
width: auto;
max-width: 200px;
display: block;
}
.email-form form .row-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.attachment-post-thumbnail {
pointer-events: none;
}
#icl_lang_sel_widget-2 {
list-style: none;
max-width: 130px !important;
}
#icl_lang_sel_widget-2 .widget-title {
display: none;
}
#icl_lang_sel_widget-2 h3 {
font-size: 10px;
text-transform: uppercase;
margin-bottom: 0;
font-weight: 500;
}
#icl_lang_sel_widget-2 .js-wpml-ls-legacy-dropdown {
font-size: 12px;
}
#icl_lang_sel_widget-2 img {
margin-right: 10px;
}
#header .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
padding: 0;
}
#header .menu > li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
text-align: center;
position: relative;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
background: -o-linear-gradient(305deg, #ffffff, #ffffff);
background: linear-gradient(145deg, #ffffff, #ffffff);
}
#header .menu > li:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 0%;
height: 2px;
background: #801818;
opacity: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#header .menu > li > a {
padding: 20px;
min-width: 120px;
}
#header .menu > li:hover {
background: -o-linear-gradient(305deg, #ffffff, #ffffff);
background: linear-gradient(145deg, #ffffff, #ffffff);
-webkit-box-shadow: 20px 20px 60px #f4f4f4, -20px -20px 60px #ffffff;
box-shadow: 20px 20px 60px #f4f4f4, -20px -20px 60px #ffffff;
}
#header .menu > li:hover:after {
width: 100%;
height: 2px;
opacity: 1;
}
#header .menu > li:hover .sub-menu {
opacity: 1;
visibility: visible;
-webkit-animation: scale-up-ver-top 0.4s cubic-bezier(0.39, 0.575, 0.565, 1)
both;
animation: scale-up-ver-top 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
#header .menu .wpml-ls-item {
display: none;
}
#header .menu .sub-menu {
padding: 0;
font-size: 13px;
font-weight: 300;
background: -o-linear-gradient(305deg, #ffffff, #ffffff);
background: linear-gradient(145deg, #ffffff, #ffffff);
position: absolute;
top: 100%;
left: 0;
visibility: hidden;
opacity: 0;
-webkit-transform: scaleY(0.4);
-ms-transform: scaleY(0.4);
transform: scaleY(0.4);
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
#header .menu .sub-menu li {
text-align: left;
border-bottom: 1px solid #ffffff;
}
#header .menu .sub-menu li a {
padding: 15px 5px 15px 15px;
display: block;
}
#header .menu .sub-menu li:hover {
-webkit-box-shadow: 0 0 transparent, 0 0 transparent,
inset 3px 3px 5px rgba(0, 0, 0, 0.1), inset -3px -3px 5px white;
box-shadow: 0 0 transparent, 0 0 transparent,
inset 3px 3px 5px rgba(0, 0, 0, 0.1), inset -3px -3px 5px white;
background: #f8f9fb;
}
#header .menu .sub-menu:hover {
-webkit-transition: all 300ms cubic-bezier(0.47, 0, 0.75, 0.72);
-o-transition: all 300ms cubic-bezier(0.47, 0, 0.75, 0.72);
transition: all 300ms cubic-bezier(0.47, 0, 0.75, 0.72);
opacity: 1;
visibility: visible;
-webkit-animation: scale-up-ver-top 0.4s cubic-bezier(0.39, 0.575, 0.565, 1)
both;
animation: scale-up-ver-top 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.uk-offcanvas-bar {
padding: 0;
background: -o-linear-gradient(305deg, #242424, #1f1f1f);
background: linear-gradient(145deg, #242424, #1f1f1f);
}
.uk-offcanvas-bar .mobile-list .wpml-ls-item {
display: none;
}
.uk-offcanvas-bar .mobile-list .menu {
padding: 0;
}
.uk-offcanvas-bar .mobile-list .menu > li {
background: -o-linear-gradient(305deg, #292929, #222222);
background: linear-gradient(145deg, #292929, #222222);
-webkit-box-shadow: 8px 8px 17px #212121, -8px -8px 17px #2b2b2b;
box-shadow: 8px 8px 17px #212121, -8px -8px 17px #2b2b2b;
border-radius: 20px;
margin: 20px 0;
}
.uk-offcanvas-bar .mobile-list .menu > li:hover,
.uk-offcanvas-bar .mobile-list .menu > li:active {
background: #242424;
-webkit-box-shadow: inset 20px 20px 60px #1f1f1f,
inset -20px -20px 60px #292929;
box-shadow: inset 20px 20px 60px #1f1f1f, inset -20px -20px 60px #292929;
}
.uk-offcanvas-bar .mobile-list .menu > li > a {
padding: 10px 20px;
}
.uk-offcanvas-bar .mobile-list .menu a:hover,
.uk-offcanvas-bar .mobile-list .menu a:active,
.uk-offcanvas-bar .mobile-list .menu a:focus {
color: #be8f51 !important;
}
.uk-offcanvas-bar .mobile-list .menu a:hover:before,
.uk-offcanvas-bar .mobile-list .menu a:active:before,
.uk-offcanvas-bar .mobile-list .menu a:focus:before {
background: #be8f51 !important;
-webkit-transform: translateY(-50%) scale(1.5) !important;
-ms-transform: translateY(-50%) scale(1.5) !important;
transform: translateY(-50%) scale(1.5) !important;
}
.uk-offcanvas-bar .mobile-list .menu .sub-menu {
padding: 0 0 10px 30px !important;
font-size: 14px !important;
font-weight: 100 !important;
}
.uk-offcanvas-bar .mobile-list .menu .sub-menu a {
position: relative;
display: block;
}
.uk-offcanvas-bar .mobile-list .menu .sub-menu a:before {
content: "";
position: absolute;
top: 50%;
left: -11px;
width: 3px;
height: 3px;
border-radius: 50%;
background: #fff;
opacity: 0.2;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 768px) {
.drop-language {
left: 10px;
font-size: 10px;
}
}
.drop-language .wpml-ls-legacy-dropdown .js-wpml-ls-item-toggle {
border: none;
background: #ffffff !important;
-webkit-box-shadow: inset 3px 3px 5px #ffffff, inset -3px -3px 5px #ffffff;
box-shadow: inset 3px 3px 5px #ffffff, inset -3px -3px 5px #ffffff;
}
.drop-language .wpml-ls-legacy-dropdown .js-wpml-ls-item-toggle:hover {
background: none;
}
.drop-language a {
border: none;
background: none;
padding: 15px !important;
}
.drop-language .wpml-ls-sub-menu {
border: none;
background: #ffffff;
}
.drop-language .wpml-ls-sub-menu a {
border: none !important;
background: #ffffff;
}
@-webkit-keyframes scale-up-ver-top {
0% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
}
@keyframes scale-up-ver-top {
0% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
}
@media (max-width: 768px) {
section.carusel .title .text {
color: #fefefe;
font-size: 18px;
text-align: center;
}
section.carusel p {
font-size: 14px;
}
}