* {font-family: 'Open Sans', sans-serif; color: var(--black);}
html[data-fradin=fradin] {margin-top: 0 !important;}
body {
display: flex;
min-height: 100vh;
flex-direction: column;
overflow-x: hidden;
padding: 0 var(--un-xl);
}   #wpadminbar {top: initial !important; bottom: 0;}
#wpadminbar .display-name {color: inherit;}
:root {
--blue: #229FF2;
--blue-d: #223EF2;
--blue-a-w: #d3ecfc;
--red: #F21B1B;
--red-d: #B81B3E;
--red-a-w: #fcd1d1;
--green: #7CD93D;
--green-d: #04BF33;
--green-a-w: #e5f7d8;
--grey: #707070;
--grey-a-w: #d5d5d5;
--white: #ffffff;
--white-d: #f5f5f5;
--white-dr: #f2f2f2;
--black: #2D2F2F;
--black-l: #101821;
--error: #DC3545;
--error-w: #ED9AA2;
--error-a-w: #F8D6DA;
--success: #198754;
--success-w: #8CC3A9;
--success-a-w: #D1E7DD;
--white-a: rgba(255,255,255,.1);
--white-a-l: rgba(255,255,255,.05);
--black-a: rgba(0,0,0,.1);
--black-a-l: rgba(0,0,0,.05);
--un-xs: 5px;
--un-xs-n: -5px;
--un-sm: 10px;
--un-sm-n: -10px;
--un: 20px;
--un-n: -20px;
--un-lg: 40px;
--un-lg-n: -40px;
--un-xl: 80px;
--un-xl-n: -80px;
--un-xxl: 120px;
--un-xxl-n: -120px;
--border: 1px solid var(--black-a-l);
--border-lg: 2px solid var(--black-a-l);
--shadow: 0 5px 20px rgba(0,0,0,.05);
--shadow-lg: 0 5px 20px rgba(0,0,0,.1);
--transition: .3s;
--transition-bezier: .6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
::selection {color: var(--black); background: rgba(34,159,242,.66);}
::-moz-selection {color: var(--black); background: rgba(34,159,242,.66);}
i {vertical-align: middle;}
img, svg {vertical-align: middle; width: 100%; user-select: none; pointer-events: none;}
iframe, video {vertical-align: middle; width: 100%; user-select: none;}
main {flex: 1 0 auto;}
hr, .wp-block-separator {
margin: var(--un-lg) 0;
border: 0 !important;
background: var(--black-a);
height: 1px;
width: 100%;
opacity: 1;
}
@media (min-width: 992px) {
html body .container {max-width: 1100px !important;}
}
@media (min-width: 1800px) {
body {padding: 0 calc(var(--un-xxl) * 2);}
}
@media (max-width: 1199.98px) {
body {padding: 0;}
}
@media (max-width: 991.98px) { 
.container {padding: 0 var(--un);}
}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {
}
@media screen and (max-width: 600px) {
#wpadminbar {position: fixed !important;}
} .has-light-white-background-color {background: var(--white-d);}
.has-blue-a-w-background-color {background: var(--blue-a-w);}
.has-green-a-w-background-color {background: var(--green-a-w);}
.has-red-a-w-background-color {background: var(--red-a-w);}
.has-grey-a-w-background-color {background: var(--grey-a-w);}
.blue,
.has-blue-gradient-background,
.big-call {
background: rgb(34,159,242);
background: -moz-linear-gradient(left,  rgba(34,159,242,1) 0%, rgba(34,62,242,1) 100%);
background: -webkit-linear-gradient(left,  rgba(34,159,242,1) 0%,rgba(34,62,242,1) 100%);
background: linear-gradient(to right,  rgba(34,159,242,1) 0%,rgba(34,62,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#229ff2', endColorstr='#223ef2',GradientType=1 );
}
.red,
.has-red-gradient-background,
.wpcf7-form.invalid .wpcf7-response-output {
background: rgb(242,27,27);
background: -moz-linear-gradient(left,  rgba(242,27,27,1) 0%, rgba(184,27,62,1) 100%);
background: -webkit-linear-gradient(left,  rgba(242,27,27,1) 0%,rgba(184,27,62,1) 100%);
background: linear-gradient(to right,  rgba(242,27,27,1) 0%,rgba(184,27,62,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f21b1b', endColorstr='#b81b3e',GradientType=1 );
}
.green,
.has-green-gradient-background,
input[type=submit],
.wpcf7-form.sent .wpcf7-response-output {
background: rgb(124,217,61);
background: -moz-linear-gradient(left,  rgba(124,217,61,1) 0%, rgba(4,191,51,1) 100%);
background: -webkit-linear-gradient(left,  rgba(124,217,61,1) 0%,rgba(4,191,51,1) 100%);
background: linear-gradient(to right,  rgba(124,217,61,1) 0%,rgba(4,191,51,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cd93d', endColorstr='#04bf33',GradientType=1 );
}
.grey {background-color: var(--grey) !important;}
.success {background-color: var(--success) !important;}
.error {background-color: var(--error) !important;}
.blue-text, .has-light-blue-color, .has-light-blue-color * {color: var(--blue) !important;}
.has-dark-blue-color, .has-dark-blue-color * {color: var(--blue-d);}
.red-text, .has-light-red-color, .has-light-red-color * {color: var(--red) !important;}
.has-dark-red-color, .has-dark-red-color * {color: var(--red-d);}
.green-text , .has-light-green-color, .has-light-green-color * {color: var(--green) !important;}
.has-dark-green-color, .has-dark-green-color * {color: var(--green-d);}
.grey-text, .has-white-color {color: var(--grey) !important;}
.white-text, .has-white-color, .has-white-color * {color: var(--white) !important;}
.facebook {background: #1877f2 !important;}
.facebook:hover {background: #1162c4 !important;}
.linkedin {background: #0077b5 !important;}
.linkedin:hover {background: #005a87 !important;}
h1, h2, h3, h4, h5, h6, p, blockquote, ul {margin: var(--un) 0; color: inherit;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, blockquote:first-child, ul {margin-top: 0;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, blockquote:last-child, ul {margin-bottom: 0;}
h1, h2 {font-family: 'FS Joey', sans-serif; font-weight: 800; font-size: 3rem; line-height: 3rem;}
h3, h2.small-h2 {font-family: 'FS Joey', sans-serif; font-weight: 800; font-size: 2.5rem; line-height: 2.5rem;}
h4 {font-family: 'FS Joey', sans-serif; font-size: 2rem;}
h5 {font-family: 'FS Joey', sans-serif; font-weight: 800; font-size: 1.5rem; line-height: 1.5rem;}
h6 {font-size: 1.2rem;}
blockquote {font-size: 1.1rem;}
a {color: var(--blue); text-decoration: none;}
a:hover {color: var(--blue-d); text-decoration: underline;}
.bold {font-weight: 700;}
.light {font-weight: 300;}
.uppercase {text-transform: uppercase;}
.justify {text-align: justify;}
b, strong, em, i, del, sup, small {color: inherit; font-family: inherit;}
small {
font-size: 75%;
line-height: 75%;
}
.left-align {text-align: left;}
.center-align {text-align: center;}
.right-align {text-align: right;}
.mdi {color: inherit;}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {
h1, h2 {font-size: 2.5rem; line-height: 2.5rem;}
h3 {font-size: 2rem; line-height: 2rem;}
h4 {font-size: 1.75rem; line-height: 1.75rem;}
h5 {font-size: 1.4rem; line-height: 1.4rem;}
blockquote {font-size: 1.05rem;}
p {font-size: .95rem;}
}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {
h1, h2 {font-size: 2.5rem; line-height: 2.5rem;}
h3 {font-size: 1.75rem; line-height: 1.75rem;}
h4 {font-size: 1.5rem; line-height: 1.5rem;}
h5 {font-size: 1.25rem; line-height: 1.25rem;}
blockquote {font-size: 1rem;}
p {font-size: .9rem;}
} section {padding: var(--un-xl) 0;}
.btn, input[type=submit], .wp-block-button a {
color: var(--white);
padding: var(--un-sm) var(--un);
font-weight: 700;
border-radius: var(--un-lg) var(--un-lg) var(--un-lg) var(--un-xs);
outline: none;
border: 0;
box-shadow: none;
position: relative;
overflow: hidden;
transition: var(--transition);
}
.btn:hover, .big-call:hover, input[type=submit]:hover {
text-decoration: none;
color: var(--white);
box-shadow: var(--shadow-lg);
transform: scale(1.05);
}
.btn::before, .big-call::before, input[type=submit]::before {
content: '';
display: block;
position: absolute;
background: var(--white);
width: 0%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
border-radius: var(--un-xl) var(--un-xl) var(--un-xl) var(--un-xs);
transition: var(--transition);
}
.btn:hover::before, .big-call:hover::before, input[type=submit]:hover::before {
opacity: .2;
width: 100%;
}
.btn span {
color: inherit;
position: relative;
}
.big-call {
white-space: nowrap;
position: absolute;
display: flex;
align-items: center;
color: var(--white);
padding: var(--un) var(--un-lg) var(--un) var(--un);
border-radius: var(--un-xl) var(--un-xl) var(--un-xl) var(--un-sm);
text-decoration: none;
box-shadow: var(--shadow);
right: 0;
transition: var(--transition);
}
.big-call i {
font-size: 3rem;
line-height: 3rem;
margin-right: var(--un);
}
.big-call span, .big-call h5 {
color: var(--white);
font-weight: 700;
text-decoration: none;
margin: 0 !important;
}
.big-call h5 {font-size: 2rem;}
.image-container {
display: flex;
align-items: center;
}
.image-container.ic-reverse {flex-direction: row-reverse;}
.image-container .ic-content {width: 60%;}
.image-container .ic-content .ic-text {
margin-left: var(--un-xl);
text-align: justify;
}
.image-container.ic-reverse .ic-content .ic-text {
margin-left: 0;
margin-right: var(--un-xl);	
}
.image-container .ic-content .ic-text > div {white-space: pre-line;}
.image-container .ic-image {
min-width: 40%;
max-width: 40%;
margin-right: var(--un-xl-n);
margin-left: var(--un-xl);
position: relative;
overflow: hidden;
border-radius: var(--un-xl) var(--un-xl) var(--un-xl) var(--un);
}
.image-container.ic-reverse .ic-image {
margin-left: var(--un-xl-n);
margin-right: var(--un-xl);
border-radius: var(--un-xl) var(--un-xl) var(--un) var(--un-xl);
}
.image-container .ic-image::after {
content: '';
display: block;
padding-bottom: 100%;
}
.image-container .ic-image img {
position: absolute;
height: 100%;
width: auto;
left: 50%;
transform: translateX(-50%);
transition: var(--transition);
}
.image-container:hover .ic-image img {transform: translateX(-50%) scale(1.1);}
.image-container .ic-image .ic-gradients {
display: flex;
position: absolute;
bottom: 0;
width: 100%; justify-content: center;
}
.image-container .ic-image .ic-gradients span {
width: var(--un-lg);
display: block;
height: var(--un);
border-radius: var(--un) var(--un) 0 0;
margin: 0 var(--un-sm);
}
.dropdown-menu {
border: 0;
border-radius: var(--un-xs) var(--un) var(--un) var(--un);
box-shadow: var(--shadow-lg);
overflow: hidden;
padding: 0;
}
.dropdown-menu li {}
.dropdown-menu li a {
padding: var(--un-sm) var(--un);
transition: var(--transition);
}
.dropdown-menu li a:active {background: var(--blue);}
.dropdown-menu li:nth-child(1) a:active {background: var(--red);}
.dropdown-menu li:nth-child(3) a:active {background: var(--green);}
@media (max-width: 991.98px) {
.big-call {width: 100%; margin-left: var(--un) !important;}
.image-container, .image-container.ic-reverse {flex-direction: column;}
.image-container .ic-content, .image-container.ic-reverse .ic-content {width: 100%;}
.image-container .ic-content .ic-text, .image-container.ic-reverse .ic-content .ic-text {margin: 0 !important;}
.image-container .ic-image, .image-container.ic-reverse .ic-image {width: 100%; max-width: 100%; margin: 0; margin-top: var(--un-lg);}
} #content > *:not(hr, :first-child) {margin-top: var(--un);}
#content > *:not(hr, :last-child) {margin-bottom: var(--un);}
#content h2, #content h3, #content h4, #content h5 {font-weight: inherit;}
#content p, #content ul li {text-align: justify;}
#content .not-justified, #content .not-justified * {text-align: left !important;}
.has-text-align-center, .has-text-align-center * {text-align: center !important;}
.list-titles div > *::before {
content: '• ';
margin-left: var(--un);
}
.wp-block-image, .wp-block-media-text__media {
overflow: hidden;
border-radius: var(--un-lg);
}
.has-background {
padding: var(--un-lg) !important;
border-radius: var(--un-lg) var(--un-lg) var(--un-lg) var(--un-sm);
}
.iframe-container {
position: relative;
overflow: hidden;
border-radius: var(--un);
box-shadow: var(--shadow-lg);
}
.iframe-container::after {
content: '';
display: block;
padding-bottom: 57%;
}
.iframe-container iframe {
position: absolute;
width: 100%;
height: 100%;
}
.wp-block-pullquote {
margin-bottom: 0; background: var(--white-d);
border-radius: var(--un-lg) var(--un-lg) var(--un-lg) var(--un-sm);
}
.wp-block-pullquote blockquote {
padding-left: var(--un-xl);
padding-right: var(--un-xl);
position: relative;
font-size: 1.4rem;
}
.wp-block-pullquote blockquote::before, .wp-block-pullquote blockquote::after {
position: absolute;
font-size: 4rem;
line-height: 4rem;
font-weight: 600;
color: var(--grey);
}
.wp-block-pullquote blockquote::before {
content: '«';
left: var(--un-lg);
top: calc(var(--un-n) - var(--un-xs));
}
.wp-block-pullquote blockquote::after {
content: '»';
right: var(--un-lg);
bottom: 0;
}
.remove-background {mix-blend-mode: multiply;}
table tr:nth-child(odd) {
background: var(--white-dr);
border: 0 !important;
}
table tr th, table tr td {
border: 0 !important;
padding: var(--un-sm) !important;
}
.table-tarifs table tr th:last-child, .table-tarifs table tr td:last-child {
width: 60px;
text-align: center;
white-space: nowrap;
}
.table-tarifs figcaption {
text-align: center;
font-style: italic;
margin-top: var(--un-sm);
}
.items-contact .wp-block-media-text {grid-template-columns: 7% auto !important;}
.items-contact .wp-block-media-text .wp-block-media-text__content {padding: var(--un) !important;}
.items-contact a {
color: var(--black);
font-family: inherit;
}
@media (max-width: 991.98px) {
.wp-block-media-text .wp-block-media-text__content {margin-top: var(--un); padding: 0 !important;}
.wp-block-spacer {height: 0 !important; margin: 0 !important;}
}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}
@media (max-width: 349.98px) {} .input-field {
width: 100%;
margin-bottom: var(--un);
}
label {
margin-bottom: var(--un-xs);
display: flex;
align-items: center;
color: var(--grey);
}
label .required {
color: var(--red);
font-weight: 600;
margin: 0 var(--un-xs);
}
input, select, textarea {
background: var(--white);
border: 0;
outline: none;
padding: var(--un-sm);
width: 100%;
border: 2px solid transparent;
border-radius: var(--un) var(--un) var(--un) var(--un-xs);
transition: var(--transition);
}
textarea {
min-height: 150px;
height: 150px;
}
input:focus, select:focus, textarea:focus {
border: 2px solid var(--blue);
box-shadow: var(--shadow);
}
label input[type=checkbox] {
border: 0 !important;
width: var(--un);
margin-right: var(--un);
}
input[type=submit] {width: auto;}
input[type=submit]:disabled {opacity: .6;}
.wpcf7-not-valid-tip {
margin-top: var(--un-xs);
color: var(--error !important);
font-weight: 700 !important;
} .grid {
display: flex;
flex-wrap: wrap;
margin: var(--un-n);
justify-content: center;
transition: var(--transition);
}
.grid.g-small-margin {margin: var(--un-sm-n);}
.grid.narrowed {
margin-left: 8.33%;
margin-right: 8.33%;
}
.grid.centered {align-items: center;}
.grid.g-left {justify-content: flex-start;}
.grid-item {
margin: var(--un);
transition: var(--transition);
}
.grid.g-small-margin .grid-item {margin: var(--un-sm);}
.grid-item.empty {
width: calc(100% - var(--un)) !important;
background: var(--white-lt);
padding: var(--un-xxl);
text-align: center;
font-style: italic;
color: var(--grey-dk);
border-radius: var(--un-sm);
}
.grid.g-2 > .grid-item {width: calc(50% - var(--un-lg));}
.grid.g-2.g-img > .grid-item.gi-img {width: calc(33.33% - var(--un-lg));}
.grid.g-2.g-img > .grid-item.gi-img:first-child {padding-right: var(--un-lg);}
.grid.g-2.g-img > .grid-item.gi-img:last-child {padding-left: var(--un-lg);}
.grid.g-2.g-img > .grid-item:not(.gi-img) {width: calc(66.66% - var(--un-lg));}
.grid.g-3 > .grid-item {width: calc(33.33% - var(--un-lg));}
.grid.g-4 > .grid-item {width: calc(25% - var(--un-lg));}
.grid.g-5 > .grid-item {width: calc(20% - var(--un-lg));}
.grid.g-6 > .grid-item {width: calc(16.66% - var(--un-lg));}
.grid.g-small-margin.g-2 > .grid-item {width: calc(50% - var(--un));}
.grid.g-small-margin.g-2.g-img > .grid-item.gi-img {width: calc(33.33% - var(--un));}
.grid.g-small-margin.g-2.g-img > .grid-item.gi-img:first-child {padding-right: var(--un);}
.grid.g-small-margin.g-2.g-img > .grid-item.gi-img:last-child {padding-left: var(--un);}
.grid.g-small-margin.g-2.g-img > .grid-item:not(.gi-img) {width: calc(66.66% - var(--un));}
.grid.g-small-margin.g-3 > .grid-item {width: calc(33.33% - var(--un));}
.grid.g-small-margin.g-4 > .grid-item {width: calc(25% - var(--un));}
.grid.g-small-margin.g-5 > .grid-item {width: calc(20% - var(--un));}
.grid.g-small-margin.g-6 > .grid-item {width: calc(16.66% - var(--un));}
.grid.grid-list {
flex-direction: column;
margin: 0;
}
.grid.grid-list > .grid-item {
width: 100% !important;
margin: 0;
}
@media (max-width: 1199.98px) {
.grid.g-4 > .grid-item {width: calc(50% - var(--un-lg));}
.grid.g-10 > .grid-item {width: calc(16.66% - var(--un-lg));}
}
@media (max-width: 991.98px) {
.grid.g-2 > .grid-item {width: calc(50% - var(--un-lg));}
.grid.g-3 > .grid-item {width: calc(50% - var(--un-lg));}
.grid.g-5 > .grid-item {width: calc(33.33% - var(--un-lg));}
.grid.g-10 > .grid-item {width: calc(20% - var(--un-lg));}
}
@media (max-width: 767.98px) {
.grid.g-2 > .grid-item {width: calc(100% - var(--un-lg));}
}
@media (max-width: 575.98px) {
.grid.g-2 > .grid-item {width: calc(100% - var(--un-lg));}
.grid.g-2.g-img > .grid-item.gi-img {width: calc(100% - var(--un-lg));}
.grid.g-2.g-img > .grid-item:not(.gi-img) {width: calc(100% - var(--un-lg));}
.grid.g-2.g-img > .grid-item.gi-img {padding-left: 0 !important; padding-right: 0 !important; padding-bottom: var(--un);}
.grid.g-3:not(.g-left) > .grid-item {width: calc(100% - var(--un-lg));}
.grid.g-4 > .grid-item {width: calc(100% - var(--un-lg));}
.grid.g-5 > .grid-item {width: calc(50% - var(--un-lg));}	
.grid.g-10 > .grid-item {width: calc(25% - var(--un-lg));}
}
@media (max-width: 349.98px) {
.grid.g-3.g-left .grid-item {width: calc(100% - var(--un-lg));}
.grid.g-10 > .grid-item {width: calc(33.33% - var(--un-lg));}
} #sticky-wrapper {
z-index: 99;
transition: height var(--transition);
}
#sticky-wrapper:not(.is-sticky) {height: 134px !important;}
#sticky-wrapper.is-sticky {height: 95px !important;} #header-content {
background: var(--white);
padding: var(--un-lg) 0;
display: flex;
position: relative;
align-items: center;
transition: var(--transition);
}
.is-sticky #header-content {
padding: var(--un);
box-shadow: var(--shadow);
border-radius: 0 0 var(--un-sm) var(--un-sm);
}
#header-content #header-logo {
width: 350px;
transition: var(--transition);
}
.is-sticky #header-content #header-logo {width: 300px;}
#header-content > ul {
display: flex;
padding-left: var(--un);
padding-right: var(--un);
border-left: var(--border);
border-right: var(--border);
margin-bottom: 0 !important;
margin-left: var(--un) !important;
margin-right: var(--un) !important;
}
#header-content > ul > li {list-style-type: none;}
#header-content > ul > li:not(:last-child) {margin-right: var(--un);}
#header-content > ul > li a {
font-size: 1.2rem;
font-weight: 800;
font-family: 'FS Joey', sans-serif;
}
#header-content #header-call {
bottom: calc(var(--un-lg-n) + var(--un-xs-n));
transition: var(--transition);
}
.is-sticky #header-content #header-call {bottom: var(--un-xxl);}
#header-facebook i {
font-size: 2rem;
color: #1877f2;
}
#header-review {display: flex;}
#header-review i {margin-right: var(--un-xs);}
#button-collapse {display: none;}
#button-collapse i {font-size: 2.5rem;}
@media (max-width: 1199.98px) {
#header-content {padding-left: var(--un); padding-right: var(--un);}
}
@media (max-width: 991.98px) {
#header-content #header-logo {max-width: 300px !important; width: calc(100% - var(--un-xl) - var(--un-lg)) !important;}
#header-content {justify-content: space-between;}
#header-content ul, #header-review {display: none;}
#header-facebook {display: none;}
#button-collapse {display: block;}
#header-call {width: calc(var(--un-xl) - var(--un-sm)); height: calc(var(--un-xl) - var(--un-sm)); text-align: center; position: fixed; bottom: var(--un) !important; right: var(--un); display: flex; justify-content: center; padding: 0;}
#header-call i {font-size: 2rem; margin: 0; margin-left: var(--un-xs-n);}
#header-call div {display: none;}
} #home-hero {
display: flex;
padding: 0;
}
#home-hero .hero-item {
width: 100%;
text-align: center;
padding: calc(var(--un-xxl) * 2) 0 calc(var(--un-xxl) * 3);
position: relative;
transition: var(--transition);
}
#home-hero:hover .hero-item:not(:hover) {
opacity: .5;
filter: grayscale(1);
}
#home-hero .hero-item:nth-child(1) {background: var(--white-dr);}
#home-hero .hero-item:nth-child(2) {background: #fafafa;}
#home-hero .hero-item > img {
width: var(--un-xl);
position: relative;
}
#home-hero .hero-item h3 {
font-size: 1.8rem;
line-height: 1.8rem;
margin-bottom: var(--un-sm) !important
}
#home-hero .hero-item h5 {
margin-top: var(--un-sm) !important;
font-weight: 300;
font-size: 1.5rem;
line-height: 1.5rem;
}
#home-hero .hero-item .hi-image {
position: absolute;
mix-blend-mode: multiply;
width: 100%;
overflow: hidden;
bottom: 0;
}
#home-hero .hero-item .hi-image img {transition: var(--transition-bezier);}
#home-hero .hero-item:hover .hi-image img {transform: scale(1.1);}
#home-hero-responsive {
display: none;
padding: 0;
}
#home-hero-responsive .carousel-item {height: calc(100vh - var(--un-xl));}
#home-hero-responsive .carousel-item > img {
position: absolute;
opacity: .5;
bottom: 0;
mix-blend-mode: multiply;
}
#home-hero-responsive .carousel-item .carousel-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
}
#home-hero-responsive .carousel-item .carousel-content img {width: var(--un-xl);}
#home-hero-responsive .carousel-control-prev i,
#home-hero-responsive .carousel-control-next i {
display: block;
width: var(--un-xl);
height: var(--un-xl);
text-align: center;
line-height: 5rem;
color: var(--blue);
font-size: 5rem;
}
#home-alert {
margin: 0 var(--un-lg);
margin-top: -32px;
padding: var(--un);
display: flex;
align-items: center;
color: var(--white);
position: relative;
z-index: 9;
border-radius: var(--un-sm) var(--un-xl) var(--un-xl) var(--un-xl);
text-decoration: none;
cursor: default;
pointer-events: none;
}
#home-alert > i {
font-size: 2rem;
line-height: 1rem;
margin-right: var(--un);
}
#home-alert marquee span {
color: var(--white);
font-weight: 800;
}
#home-alert > span {
align-items: center;
margin-left: var(--un);
display: flex;
white-space: nowrap;
color: var(--white);
cursor: pointer;
pointer-events: all;
}
#home-alert > span:hover {text-decoration: underline;}
#home-about {
position: relative;
overflow: hidden;
}
#home-about #pattern-1 {
position: absolute;
width: calc(var(--un-xxl) * 4);
height: calc(var(--un-xxl) * 4);
left: 0;
top: var(--un-xxl-n);
z-index: -1;
}
#home-services {
background: var(--white-d);
overflow: hidden;
}
#services-content {
display: flex;
align-items: center;
justify-content: center;
margin-top: var(--un-xl);
position: relative;
}
#services-content #sc-image {
width: 40%;
margin-top: var(--un-lg-n); position: absolute;
padding: 0 var(--un-lg);
}
#services-content #sc-image img {
transition: var(--transition-bezier);
transform: scale(.95) translateY(var(--un-lg));
display: block;
height: auto;
}
#services-content:hover #sc-image img {transform: scale(1) translateY(0);}
#services-content ul {
padding-left: 0;
min-width: 30%;
max-width: 30%;
margin-bottom: 0;
}
#services-content ul li {list-style-type: none;}
#services-content ul li:not(:last-child) {margin-bottom: var(--un-lg);}
#services-content ul li a {
display: flex;
align-items: center;
flex-direction: row-reverse;
transition: var(--transition-bezier);
text-decoration: none;
text-align: right;
color: var(--black);
}
#services-content ul li a:hover {color: var(--blue);}
#services-content ul li a.hover-red:hover {color: var(--red);}
#services-content ul li a.hover-green:hover {color: var(--green);}
#services-content ul li a:hover {transform: translateX(var(--un-n));}
#services-content ul li a h5 {color: inherit;}
#services-content ul:last-child li a {
flex-direction: row;
text-align: left;
}
#services-content ul:last-child li a:hover {transform: translateX(var(--un));}
#services-content ul li a i {
color: inherit;
font-size: 3rem;
line-height: 3rem;
}
#services-content ul li a i.mdi-chevron-right {
transition: transform var(--transition), opacity var(--transition);
transform: translateX(var(--un-n));
opacity: 0;
}
#services-content ul:last-child li a:hover i.mdi-chevron-right {
transform: translateX(0);
opacity: 1;
}
#services-content ul:not(:last-child) li a i.mdi-chevron-right {transform: rotate(180deg) translateX(var(--un-n));}
#services-content ul:not(:last-child) li a:hover i.mdi-chevron-right {
transform: rotate(180deg);
opacity: 1;
}
#services-content ul li a i:not(.mdi-chevron-right) {margin-left: var(--un);}
#services-content ul:last-child li a i:not(.mdi-chevron-right) {
margin-left: 0;
margin-right: var(--un);
}
#services-content ul li a h3 {
font-size: 1.5rem;
line-height: 1.5rem;
margin: 0 !important;
width: 100%;
}
#ht-content { }
#ht-content .ht-item {text-align: center;}
#ht-content .ht-item i {
font-size: 5rem;
line-height: 5rem;
display: block;
height: var(--un-xl);
}
#ht-content .ht-item img {
width: var(--un-xl);
height: auto;
}
#ht-content .ht-item h3 {
font-size: 1.5rem;
line-height: 1.5rem;
}
#ht-content .ht-item h4 {
font-size: 1.25rem;
line-height: 1.25rem;
}
#home-partners {background: var(--white-dr);}
#hpa-content,
#hl-items {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: var(--un-n);
}
#hpa-content .hpa-item,
#hl-items .hl-item {
width: calc(12.5% - var(--un-lg));
display: flex;
align-items: center;
margin: var(--un);
}
#hl-items .hl-item {width: calc(16.667% - var(--un-lg));}
#hpa-content .hpa-item img,
#hl-items .hl-item img {
width: 100%;
height: auto;
}
#home-works { z-index: 9;
position: relative;
}
#home-works::before {
content: '';
display: block;
position: absolute;
background: var(--white-d);
width: 100%;
height: 50%;
bottom: 0;
}
#home-works ul {
display: flex;
padding-left: 0;
margin: var(--un-n);
position: relative;
justify-content: center;
}
#home-works ul li {
list-style-type: none;
padding-left: 0;
margin: var(--un);
width: 16.666%;
}
#home-works ul li a {
display: block;
box-shadow: var(--shadow);
transition: var(--transition-bezier);
border-radius: var(--un);
overflow: hidden;
}
#home-works ul li a:hover {
transform: scale(1.1);
box-shadow: var(--shadow-lg);
}
#home-works ul li a img {
transition: var(--transition);
height: auto;
}
#home-works ul li a:hover img {transform: scale(1.1);}
#home-proposal {
background: var(--white-d);
position: relative;
}
#home-proposal .container {position: relative;}
#home-proposal #pattern-2 {
position: absolute;
width: calc(var(--un-xxl) * 4);
height: calc(var(--un-xxl) * 4);
right: 0;
}
#hp-content {width: 50%;}
#hp-image {
position: absolute;
width: calc(50% - calc(var(--un-xl) *2));
right: 0;
bottom: calc(var(--un-xl-n) + var(--un-n));
mix-blend-mode: multiply;
}
@media (min-width: 992px) {
#services-content ul:first-child {margin-right: 20%;}
#services-content ul:last-child {margin-left: 20%;}
}
@media (max-width: 991.98px) {
#home-hero {display: none;}
#home-hero-responsive {display: block;}
#home-alert {pointer-events: all; cursor: pointer;}
#home-alert > span {display: none;}
#services-content {flex-direction: column;}
#services-content ul {width: 100%; max-width: 100%; min-width: 100%;}
#services-content ul:first-child {margin-bottom: var(--un-lg);}
#services-content ul:first-child li a {flex-direction: row; text-align: left;}
#services-content ul:first-child li a:hover {transform: translateX(var(--un));}
#services-content ul:first-child li a i.mdi-chevron-right {transform: translateX(var(--un-n)) !important;}
#services-content ul:first-child li a:hover i.mdi-chevron-right {transform: translateX(0) !important;}
#services-content ul:first-child li a i:not(.mdi-chevron-right) {margin-left: 0; margin-right: var(--un);}
#services-content #sc-image {display: none;}
#hp-content {width: 100%;}
#hp-image {position: relative; margin: 0 auto; margin-bottom: var(--un-xl-n); width: 50%; bottom: initial;}
#hpa-content, #hl-items {flex-wrap: wrap;}
#hpa-content .hpa-item, #hl-items .hl-item {width: calc(25% - var(--un-lg));}
#hl-items .hl-item {width: calc(25% - var(--un-lg));}
#home-works ul#works-gallery {flex-wrap: wrap;}
#home-works ul li {width: 25%;}
}
@media (max-width: 575.98px) {
#home-hero-responsive .carousel-item {max-height: 600px;}
#hpa-content .hpa-item, #hl-items .hl-item {width: calc(33.33% - var(--un-lg));}
#hl-items .hl-item {width: calc(33.33% - var(--un-lg));}
#home-works ul li {width: 33.33%;}
} #page-header {
margin-top: 7px;
border-radius: var(--un-xl) 0 var(--un-xl) var(--un);
color: var(--black);
position: relative;
overflow: hidden;
}
#page-header:not(.blue, .red, .green) {background: var(--white-d);}
#page-header #ph-background {
position: absolute;
width: 33%;
right: 0;
top: 0;
mix-blend-mode: multiply;
}
#page-header #ph-background:not(.phb-energies) {transform: scaleX(-1);}
#page-header #ph-content {}
#page-header #ph-content.ph-service {
display: flex;
align-items: center;
padding-right: 33%;
}
#page-header #ph-content.ph-service > img {
width: var(--un-xl);
margin-right: var(--un);
}
#page-header #ph-content h1 {
color: var(--white);
margin-top: 0 !important;
}
#page-header:not(.blue, .red, .green) #ph-content h1 {
color: var(--black);
}
#page-content {padding-bottom: var(--un-xl);}
#page-proposal {
background: var(--white-d);
position: relative;
}
#page-proposal .container {position: relative;}
#page-proposal #pattern-2 {
position: absolute;
width: calc(var(--un-xxl) * 4);
height: calc(var(--un-xxl) * 4);
right: 0;
}
#pp-content {width: 50%;}
#pp-image {
position: absolute;
width: calc(50% - calc(var(--un-xl) *2));
right: 0;
bottom: calc(var(--un-xl-n) + var(--un-n));
mix-blend-mode: multiply;
}
#error-404 {
padding: var(--un-xxl) 0;
text-align: center;
}
#error-404 > div {
position: relative;
margin-bottom: var(--un-lg);
}
#error-404 > div img {
opacity: .5;
border-radius: var(--un-lg);
}
#error-404 > div h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 12rem;
line-height: 12rem;
color: var(--white);
}
@media (max-width: 991.98px) {
#page-header #ph-background {width: 100%; bottom: 0; top: initial;}
#page-header #ph-content {position: relative;} 
#page-header #ph-content.ph-service {padding-right: 0;}
#pp-content {width: 100%;}
#pp-image {position: relative; margin: 0 auto; margin-bottom: var(--un-xl-n); width: 50%; bottom: initial;}
}  footer {padding: var(--un-xl) 0 var(--un-lg) 0;}
#footer-content {
width: 100%;
display: flex;
position: relative;
justify-content: space-between;
margin: var(--un-n);
}
#footer-content .footer-item {
margin: var(--un);
width: 25%;
} #footer-content .footer-item #footer-logo {
display: block;
max-width: 250px;
}
#footer-content .footer-item #footer-description {
margin-top: var(--un-lg);
text-align: justify;
font-size: .9rem;
line-height: 1.2rem;
max-width: 250px;
} #footer-content .footer-item h4 {
font-family: 'FS Joey', sans-serif;
font-weight: 800;
}
#footer-content .footer-item ul {
padding-left: 0;
margin-bottom: 0;
}
#footer-content .footer-item ul li {list-style: none;}
#footer-content .footer-item ul li a {
margin: var(--un-xs) 0;
display: inline-block;
text-decoration: none;
color: var(--black);
}
#footer-content .footer-item ul li a:hover {text-decoration: underline;}
#footer-address,
#footer-schedule {
white-space: break-spaces;
}
#footer-call {margin-top: calc(var(--un-xl-n) + var(--un-n) + var(--un-xs-n));}
#footer-facebook {
color: #1877f2;
border: 2px solid #1877f2;
display: flex;
align-items: center;
border-radius: var(--un) var(--un) var(--un) var(--un-xs);
padding: var(--un-sm) var(--un) var(--un-sm) var(--un-sm);
text-decoration: none;
position: relative;
overflow: hidden;
transition: var(--transition);
}
#footer-facebook:hover {
text-decoration: none;
color: var(--white);
box-shadow: var(--shadow-lg);
transform: scale(1.05);
}
#footer-facebook::before {
content: '';
display: block;
position: absolute;
background: #1877f2;
width: 0%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
border-radius: 0 var(--un-sm) var(--un-sm) 0;
transition: var(--transition);
}
#footer-facebook:hover::before {
opacity: 1;
width: 100%;
}
#footer-facebook i {
position: relative;
font-size: 3rem;
margin-right: var(--un-sm);
color: inherit;
}
#footer-facebook div,
#footer-facebook span,
#footer-facebook h5 {
position: relative;
color: inherit;
font-weight: 700;
text-decoration: none;
margin: 0 !important;
}
#footer-facebook h5 {font-size: 2rem;}
#footer-labels > a {display: block;}
#footer-labels > a:not(:last-child) {margin-bottom: var(--un);}
#zone {
text-align: justify;
white-space: pre-line;
}
#copyright-content {
display: flex;
justify-content: space-between;
}
@media (max-width: 991.98px) {
#footer-call {position: relative; justify-content: center; margin-left: var(--un-lg); margin-right: var(--un-lg); text-align: left;}
#footer-content {flex-direction: column; text-align: center;}
#footer-content #footer-logo {width: 50%; max-width: 250px; margin: 0 auto;}
#footer-content .footer-item #footer-description {max-width: initial; text-align: center;} #footer-content .footer-item {width: 100%;}
#footer-content .footer-item:not(:nth-child(2)) {border-top: var(--border); padding-top: var(--un-lg);}
#footer-content #footer-labels > a {max-width: 200px; margin-left: auto; margin-right: auto;}
#copyright-content {flex-direction: column; text-align: center;}
#copyright-content > div:not(:last-child) {margin-bottom: var(--un);}
} #loader {
position: fixed;
width: 100%;
height: 100vh;
left: 0;
background: var(--white);
z-index: 999;
}
#loader img {
position: absolute;
width: 200px;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
animation: animLoader 1s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@keyframes animLoader {
0% {transform: translate(-50%,-50%) rotate(0deg) scale(1);}
50% {transform: translate(-50%,-50%) rotate(10deg) scale(1.05);}
100% {transform: translate(-50%,-50%) rotate(0deg) scale(1);}
}
.offcanvas {
box-shadow: var(--shadow-lg);
border-radius: 0 var(--un-lg) var(--un-lg) 0;
}
.offcanvas-header {padding: var(--un);}
#sidenav-content {
border-top: var(--border);
padding: var(--un);
}
#sidenav-list {
padding: 0;
margin: 0;
}
#sidenav-list li {list-style-type: none;}
#sidenav-list li:not(:last-child) {margin-bottom: var(--un);}
#sidenav-list li a {
font-size: 1.5rem;
font-weight: 800;
}
#blueimp-gallery .btn {
background: rgb(34,159,242);
background: -moz-linear-gradient(left,  rgba(34,159,242,1) 0%, rgba(34,62,242,1) 100%);
background: -webkit-linear-gradient(left,  rgba(34,159,242,1) 0%,rgba(34,62,242,1) 100%);
background: linear-gradient(to right,  rgba(34,159,242,1) 0%,rgba(34,62,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#229ff2', endColorstr='#223ef2',GradientType=1 );
color: var(--white);
padding: var(--un-sm) var(--un);
font-weight: 700;
border-radius: var(--un-lg) var(--un-lg) var(--un-lg) var(--un-xs);
outline: none;
border: 0;
box-shadow: none;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
transition: var(--transition);
}
#blueimp-gallery .btn.prev {border-radius: var(--un-lg) var(--un-lg) var(--un-xs) var(--un-lg);}
#blueimp-gallery .btn:hover {
text-decoration: none;
color: var(--white);
box-shadow: var(--shadow-lg);
transform: scale(1.05);
}
#blueimp-gallery .btn.prev:hover::before {border-radius: var(--un-xl) var(--un-xl) var(--un-xs) var(--un-xl) ;}
#blueimp-gallery .btn i {text-shadow: none;}
#blueimp-gallery .close i {
font-size: 3rem;
line-height: 3rem;
color: var(--error);
transition: .3s;
}
#blueimp-gallery .title {
font-size: 2rem;
text-shadow: var(--shadow-lg);
top: var(--un-lg);
left: var(--un-lg);
}
.grecaptcha-badge {display: none;}
.wpcf7-not-valid-tip {color: var(--red) !important;}
.wpcf7-response-output {
border: 0 !important;
padding: var(--un) !important;
border-radius: var(--un) !important;
color: var(--white);
margin: 0 !important;
margin-top: var(--un-sm) !important;
font-weight: 600;
} .margin-un {margin: var(--un) 0 !important;}
.margin-t-un {margin-top: var(--un) !important;}
.margin-b-un {margin-bottom: var(--un) !important;}
.margin-t-un-xs {margin-top: var(--un-xs) !important;}
.margin-t-un-sm {margin-top: var(--un-sm) !important;}
.margin-t-un-lg {margin-top: var(--un-lg) !important;}
.margin-t-un-xl {margin-top: var(--un-xl) !important;}
.margin-b-un-xs {margin-bottom: var(--un-xs) !important;}
.margin-b-un-sm {margin-bottom: var(--un-sm) !important;}
.margin-b-un-lg {margin-bottom: var(--un-lg) !important;}
.margin-b-un-xl {margin-bottom: var(--un-xl) !important;}
.no-margin {margin: 0 !important;}
.no-margin-t {margin-top: 0 !important;}
.no-margin-b {margin-bottom: 0 !important;}
.no-padding {padding: 0 !important;}
.no-padding-t {padding-top: 0 !important;}
.no-padding-b {padding-bottom: 0 !important;}