:root {
--color1: #cd074d;
--color2: #0c0c0c;
}
div {
scroll-behavior: auto !important;
}
body {
overflow-x: hidden !important;
}
.color-black{
color: var(--color2) !important;
padding-bottom: 0px !important;
} .quickbuttons li {
z-index: 9999;
position: fixed;
right: 0;
padding-left: 0;
height: 60px;
width: 60px;
overflow: hidden;
transition: all .6s ease;
}
.quickbuttons #devis a {
padding-top: 22px;
}
.quickbuttons li a {
width: 172px;
height: 60px;
font-size: 13px;
display: block;
position: relative;
color: #fff;
padding-left: 74px;
padding-top: 15px;
line-height: 13px;
}
.quickbuttons #devis {
position: fixed;
top: 50%;
right: 0;
padding-left: 0; 
z-index: 9999;
border-top-left-radius: 5px;
background-color: var(--color1) !important;
color: white;
transform: translateY(calc(-50% + -30px));
}
.quickbuttons #devis a span.bg {
background-image: url(//lia-digital.fr/wp-content/uploads/2025/04/Devis.png);
background-size: contain; background-repeat: no-repeat;
background-position: center;
}
.quickbuttons li a span.bg, .quickbuttons li a span.title_short {
color: white;
position: absolute;
bottom: 3px;
left: 4px;
font-weight: 600;
width: 50px;
text-align: center;
font-size: 13px;
transition: all .2s ease-in-out;
}
.quickbuttons li a span.bg {
width: 44px;
height: 44px;
position: absolute;
left: 3px;
top: 0px;
transform: scale(0.8);
background-position-y: center;
line-height: 13px;
}
.quickbuttons li:hover a span.bg, .quickbuttons li:hover a span.title_short {
transform:scale(1);
} .digital-slider-title {
position: relative;
}
.digital-slider-title:before {
position: absolute;
content: "";
left: 0px;
top: 7px;
width: 30px;
height: 7px;
border-top: 2px solid var(--color1);
border-bottom: 2px solid var(--color1);
box-sizing: border-box;
} .digital-btn {
transition: all 0.3s ease !important;
background-color: var(--color1) !important;
border: none !important;
color: #fff;
}
.digital-btn:hover {
border-color: #fff !important;
color: var(--color1);
}
.digital-btn:after {
content: "" !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
border-radius: 5px;
transition: all 0.4s !important;
transform: scale(0.2, 1);
background-color: #ffffff;
box-sizing: border-box;
margin: 0;
}
.digital-btn:hover:after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.digital-btn.color:hover {
border-color: var(--color1);
color: #fff;
}
.digital-btn.color:after {
background-color: var(--color2);
} .digital-vedio-icon  .et_pb_blurb_content  .et_pb_main_blurb_image  .et_pb_image_wrap  .et-pb-icon {
color: var(--color1);
}
.digital-vedio-icon  .et_pb_blurb_content  .et_pb_main_blurb_image  .et_pb_image_wrap {
position: relative;
width: 60px;
height: 60px;
z-index: 10;
color: var(--color1);
font-weight: 400;
font-size: 16px;
text-align: center;
padding-left: 4px;
display: inline-block;
line-height: 60px;
border-radius: 50%;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-color: #ffffff;
box-sizing: border-box;
}
.digital-vedio-icon .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon {
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
line-height: 58px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-webkit-animation: ani_riple 3s infinite;
-moz-animation: ani_riple 3s infinite;
-ms-animation: ani_riple 3s infinite;
-o-animation: ani_riple 3s infinite;
animation: ani_riple 3s infinite;
}
.digital-vedio-icon  .et_pb_blurb_content  .et_pb_main_blurb_image  .et-pb-icon:before, .digital-vedio-icon  .et_pb_blurb_content  .et_pb_main_blurb_image  .et-pb-icon:after {
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-webkit-animation: ani_riple 3s infinite;
-moz-animation: ani_riple 3s infinite;
-ms-animation: ani_riple 3s infinite;
-o-animation: ani_riple 3s infinite;
animation: ani_riple 3s infinite;
box-sizing: border-box;
}
.digital-vedio-icon  .et_pb_blurb_content  .et_pb_main_blurb_image  .et-pb-icon:before {
-webkit-animation-delay: 0.9s;
-moz-animation-delay: 0.9s;
-ms-animation-delay: 0.9s;
-o-animation-delay: 0.9s;
animation-delay: 0.9s;
content: "";
position: absolute;
}
.digital-vedio-icon  .et_pb_blurb_content  .et_pb_main_blurb_image  .et-pb-icon:after {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;
content: "";
position: absolute;
}
.digital-vedio-icon .et_pb_blurb_content .et_pb_blurb_container {
vertical-align: middle;
padding-left: 30px;
}
@-webkit-keyframes ani_riple {
70% {
box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes ani_riple {
70% {
box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@media only screen and (max-width: 767px) {
.digital-vedio-icon .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon,  .digital-vedio-icon  .et_pb_blurb_content  .et_pb_main_blurb_image  .et-pb-icon:before,  .digital-vedio-icon  .et_pb_blurb_content  .et_pb_main_blurb_image  .et-pb-icon:after {
animation: none;
}
} .digital-sub-title .et_pb_promo_description .et_pb_module_header {
padding: 0px 45px 10px;
position: relative;
z-index: 1;
display: inline-block;
color: var(--color1) !important;
}
.digital-sub-title .et_pb_promo_description .et_pb_module_header:before, .digital-sub-title .et_pb_promo_description .et_pb_module_header:after {
position: absolute;
content: "";
left: 0px;
top: 8px;
box-sizing: border-box;
width: 30px;
height: 2px;
background-color: var(--color2);
}
.digital-sub-title .et_pb_promo_description .et_pb_module_header:after {
right: 0px;
left: auto;
}
.digital-sub-title.ls .et_pb_promo_description .et_pb_module_header:before {
opacity: 0;
}
.digital-sub-title.ls .et_pb_promo_description .et_pb_module_header {
padding: 0px 45px 10px 0;
}
.digital-sub-title.wt .et_pb_promo_description .et_pb_module_header:before, .digital-sub-title.wt .et_pb_promo_description .et_pb_module_header:after {
background-color: #fff;
} .et_pb_blurb_content .et_pb_blurb_container {
padding-left: 0px;
}
.digital-ab-icon  .et_pb_blurb_content  .et_pb_blurb_container  .et_pb_module_header {
color: var(--color2);
padding-bottom: 0px;
}
.digital-ab-icon  .et_pb_blurb_content  .et_pb_main_blurb_image  .et_pb_image_wrap  .et-pb-icon {
color: var(--color1);
}
.digital-numbercnt {
position: absolute;
right: -25px;
bottom: 60px;
overflow: visible !important;
width: auto !important;
background-color: var(--color1);
}
.digital-numbercnt:before {
position: absolute;
content: "";
right: 0px;
bottom: -25px;
width: 0;
height: 0;
z-index: 1;
border-top: 25px solid #a2a2a2;
border-right: 25px solid transparent;
box-sizing: border-box;
} .digital-ab-img .et_pb_image_wrap img {
aspect-ratio: 1 / 1;
object-fit: cover;
object-position: center;
}
@media only screen and (max-width: 768px) {
.digital-numbercnt {
position: absolute;
right: -25px;
bottom: 60px;
overflow: visible;
width: auto;
background-color: var(--color1);
}
.digital-numbercnt:before {
position: absolute;
content: "";
right: 0px;
bottom: -25px;
width: 0;
height: 0;
z-index: 1;
border-top: 25px solid #a2a2a2;
border-right: 25px solid transparent;
box-sizing: border-box;
}
}
@media (min-width: 320px) and (max-width: 767px) {
.digital-numbercnt {
position: absolute;
right: 0px;
bottom: 0px;
overflow: visible;
width: auto;
background-color: var(--color1);
}
.digital-numbercnt:before {
display: none;
}
.digital-vedio-icon .et_pb_blurb_content .et_pb_blurb_container {
padding-left: 15px;
}
} .digital-counter .et_pb_icon .et_pb_icon_wrap .et-pb-icon {
color: var(--color1);
font-size: 40px;
text-align: center;
font-weight: 400;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.digital-counter:hover .et_pb_icon .et_pb_icon_wrap .et-pb-icon {
color: var(--color2);
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.digital-counter .et_pb_number_counter .percent {
height: auto;
}
.digital-counter .et_pb_number_counter .percent p {
line-height: 1;
padding-bottom: 10px;
}
.digital-counter .et_pb_number_counter h3 {
padding-bottom: 0px;
} .digital-skill-text {
position: absolute;
left: -30px;
bottom: 97px;
overflow: visible !important;
top: auto;
background-color: var(--color1);
}
.digital-skill-text:before {
position: absolute;
content: "";
left: 0px;
bottom: -30px;
border-top: 30px solid #a2a2a2;
border-left: 30px solid transparent;
}
@media only screen and (max-width: 767px) {
.digital-skill-text {
position: absolute;
left: -30px;
bottom: 97px;
overflow: visible;
top: auto;
background-color: var(--color1);
}
.digital-skill-text:before {
position: absolute;
content: "";
left: 0px;
bottom: -30px;
border-top: 30px solid #a2a2a2;
border-left: 30px solid transparent;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.digital-skill-text {
position: absolute;
left: 0px;
bottom: 0px;
overflow: visible;
top: auto;
background-color: var(--color1);
}
.digital-skill-text {
display: none;
}
} .digital-progress li {
margin-bottom: 30px;
position: relative;
margin-bottom: 20px;
padding-bottom: 6px;
border-bottom: 2px solid #d7d7d7;
}
.digital-progress li .et_pb_counter_title {
padding: 0 60px 12px 0;
}
.digital-progress li .et_pb_counter_container {
overflow: visible;
height: 7px;
background: transparent;
}
.digital-progress li .et_pb_counter_container .et_pb_counter_amount {
float: none;
height: 7px;
background-color: var(--color1);
position: unset !important;
}
.digital-progress  li  .et_pb_counter_container  .et_pb_counter_amount  .et_pb_counter_amount_number {
color: var(--color2);
position: absolute;
top: -25px;
font-size: 16px;
right: 0;
font-weight: 600;
} .digital-footer-btn .et_pb_button_wrapper .et_pb_promo_button {
overflow: hidden;
transition: all 0.3s ease !important;
background-color: var(--color1);
border-color: var(--color1);
color: #fff;
}
.digital-footer-btn .et_pb_button_wrapper .et_pb_promo_button:hover {
overflow: hidden;
transition: all 0.3s ease !important;
background-color: var(--color1) !important;
border-color: #fff !important;
color: var(--color1);
z-index: 1;
}
.digital-footer-btn .et_pb_button_wrapper .et_pb_promo_button:after {
position: absolute;
content: "" !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0 !important;
-webkit-transition: all 0.4s !important;
-moz-transition: all 0.4s !important;
-o-transition: all 0.4s !important;
transition: all 0.4s !important;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
background-color: #ffffff;
box-sizing: border-box;
margin: 0;
}
.digital-footer-btn .et_pb_button_wrapper .et_pb_promo_button:hover:after {
opacity: 1 !important;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
} .et-db #et-boc .et-l #et-fb-app .et_pb_column.digital-partner {
display: flex;
}
.digital-partner .slick-slider {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.digital-partner .slick-slide {
float: left;
margin: 0 1vw;
}
.digital-partner .et_pb_image .et_pb_image_wrap img {
width: 200px;
transition: 0.5s;
opacity: 0.3;
}
.digital-partner .et_pb_image:hover .et_pb_image_wrap img {
opacity: 0.8;
} .digital-menu .et-menu-nav > ul ul {
padding: 0px;
}
.digital-menu .et_pb_menu_inner_container .et_pb_menu__wrap ul.et-menu > li {
position: relative;
margin-top: 0px;
}
.digital-menu .et_pb_menu_inner_container .et_pb_menu__wrap ul.et-menu > li > a {
padding-bottom: 0;
opacity: 1;
color: var(--color2);
}
.digital-menu  .et_pb_menu_inner_container  .et_pb_menu__wrap  ul.et-menu >li:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
height: 5px;
right: 0px;
opacity: 0;
background-color: var(--color1);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transform: scale(0.5, 1);
}
.digital-menu  .et_pb_menu_inner_container  .et_pb_menu__wrap  ul.et-menu > li:hover:before {
opacity: 1;
transform: scale(1, 1);
}
.digital-menu  .et_pb_menu_inner_container  .et_pb_menu__wrap  ul.et-menu  > li.menu-item-has-children > ul.sub-menu > li:before {
opacity: 0 !important;
}
.digital-menu ul.et-menu > li.menu-item-has-children> ul.sub-menu >li > a,
.digital-menu .et-menu li li a {
position: relative;
display: block;
padding: 15px 10px 15px 20px;
font-weight: 500;
display: block;
width: 100%;
font-size: 15px;opacity:1;
background: transparent;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.digital-menu .nav li li ul{top:0;}
.digital-menu .nav li li{display:block;padding: 0;}
.digital-menu .et-menu li li.menu-item-has-children > a:first-child::after{top:auto;}
.digital-menu ul.et-menu > li.menu-item-has-children> ul.sub-menu >li > a:hover,
.digital-menu .et-menu li li a:hover
{
padding-left: 45px;
}
.digital-menu ul.et-menu > li.menu-item-has-children> ul.sub-menu >li > a:before, 
.digital-menu  .et_pb_menu_inner_container  .et_pb_menu__wrap  ul.et-menu  li.menu-item-has-children  ul.sub-menu  > li.menu-item-has-children  > ul  > li  > a:before {
position: absolute;
top: 5px;
left: 20px;
color: transparent;
content: ".";
text-shadow: 0 0 transparent;
font-size: 2em;
line-height: 1em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
pointer-events: none;
animation: opacitychange 1s ease-in-out infinite;
box-sizing: border-box;
}
.digital-menu ul.et-menu > li.menu-item-has-children> ul.sub-menu >li > a:hover:before, .digital-menu  .et_pb_menu_inner_container  .et_pb_menu__wrap  ul.et-menu  li.menu-item-has-children  ul.sub-menu  > li.menu-item-has-children  > ul  > li  > a:hover:before {
opacity: 1;
color: var(--color2);
text-shadow: 8px 0 var(--color1), -8px 0 var(--color1);
} .et_pb_menu .et_mobile_menu .menu-item-has-children > a:after {
content: "\22";
font-family: ETmodules;
position: absolute;
top: 50%;
right: 20px;
height: 26px;
transform: translateY(-50%);
display: block;
font-size: 14px;
transition: 0.3s ease;
background: var(--color2);
color: #fff;
text-align: center;
border-radius: 100px;
width: 26px;
font-weight: 700;
}
.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after {
content: "\22";
transform: translateY(-50%) rotate(180deg);
background: var(--color1);
color: #fff;
}
.et_pb_menu .mobile_nav.opened .mobile_menu_bar::before {
content: "\4d";
top: 0;
transition: all 0.4s ease;
transform: rotate(90deg);
}
.et_mobile_menu .menu-item-has-children > a {
background: transparent;
}
.et_mobile_menu .menu-item-has-children a.mobile-toggle-icon {
display: none;
}
.et_pb_menu ul.et_mobile_menu li a, .et_pb_menu ul.et_mobile_menu .menu-item-has-children > a {
transition: all 0.4s ease;
color: var(--color2);
opacity: 1;
font-weight: 500 !important;
background: transparent;
}
.et_pb_menu ul.et_mobile_menu li a:hover, .et_pb_menu ul.et_mobile_menu .menu-item-has-children > a:hover {
color: var(--color1);
}
.et_pb_menu .mobile_nav .et_mobile_menu {
overflow-y: scroll !important;
max-height: 80vh !important;
display: block !important;
border: none !important;
transition: 0.8s ease-out;
transform: translateX(100%);
}
.et_pb_menu .mobile_nav.opened .et_mobile_menu {
transform: translateX(0%);
}
.et_pb_menu .et_mobile_menu .menu-item-has-children > a {
background-color: transparent;
position: relative;
}
.et_pb_menu .et_mobile_menu ul.sub-menu, .et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu { transition: all 1.5s ease-in-out;
}
.et_pb_menu .et_mobile_menu li.visible > ul.sub-menu, .et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {
display: block !important;
visibility: visible !important;
}
.mobile_nav .mobile_menu_bar {
background: var(--color1);
width: 40px;
height: 40px;
border-radius: 5px;
display: flex;
transition: all 0.4s ease;
justify-content: center;
align-items: center;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.mobile_nav .mobile_menu_bar:before {
color: #fff !important;
transition: all 0.4s ease;
transform: rotate(0deg);
} .digital-team .et_pb_team_member .et_pb_team_member_image img {
position: relative;
width: 100%;
display: block;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
object-fit: cover;
object-position: center;
aspect-ratio: 5 / 5;
}
.digital-team:hover .et_pb_team_member .et_pb_team_member_image img {
opacity: 0.6;
transform: scale(1.07, 1.07);
}
.digital-team  .et_pb_team_member  .et_pb_team_member_description  .et_pb_member_social_links {
position: absolute;
left: 0px;
right: 0px;
bottom: -60px;
margin: 0;
text-align: center;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.digital-team:hover  .et_pb_team_member  .et_pb_team_member_description  .et_pb_member_social_links {
bottom: 40px;
}
.digital-team  .et_pb_team_member  .et_pb_team_member_description  .et_pb_member_social_links  li {
position: relative;
margin: 0px 5px;
display: inline-block;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.digital-team  .et_pb_team_member  .et_pb_team_member_description  .et_pb_member_social_links  li:nth-child(1), .digital-team  .et_pb_team_member  .et_pb_team_member_description  .et_pb_member_social_links  li:nth-child(2) {
left: -200px;
}
.digital-team:hover  .et_pb_team_member  .et_pb_team_member_description  .et_pb_member_social_links  li:nth-child(1), .digital-team:hover  .et_pb_team_member  .et_pb_team_member_description  .et_pb_member_social_links  li:nth-child(2) {
left: 0px;
}
.digital-team  .et_pb_team_member  .et_pb_team_member_description  .et_pb_member_social_links  li:nth-child(3), .digital-team  .et_pb_team_member  .et_pb_team_member_description  .et_pb_member_social_links  li:nth-child(4) {
right: -200px;
}
.digital-team:hover  .et_pb_team_member  .et_pb_team_member_description  .et_pb_member_social_links  li:nth-child(3), .digital-team:hover  .et_pb_team_member  .et_pb_team_member_description  .et_pb_member_social_links  li:nth-child(4) {
right: 0px;
}
.digital-team  .et_pb_team_member  .et_pb_team_member_description  .et_pb_member_social_links  li  a {
position: relative;
width: 44px;
height: 44px;
color: var(--color2);
text-align: center;
font-size: 16px;
line-height: 44px;
border-radius: 50px;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.digital-team  .et_pb_team_member  .et_pb_team_member_description  .et_pb_member_social_links  li  a:hover {
background-color: var(--color1);
color: #ffffff;
}
.digital-team  .et_pb_team_member  .et_pb_team_member_description  .et_pb_member_social_links  li  a.et_pb_google_icon:before {
content: "\e09a";
}
@media only screen and (max-width: 980px) {
.digital-menu .et_pb_menu_inner_container {
padding: 15px 20px;
}
.digital-team,  .et_pb_row .digital-team.et-last-child,  .et_pb_row .digital-team:last-child {
max-width: 400px;
margin: 0 auto 30px !important;
float: none;
}
}  .menu-mobile-only {
display: none !important;
} @media (max-width: 480px) {
.menu-mobile-only {
display: block !important;
}
} .digital-reviews .et_pb_column {
position: relative;
padding: 25px 30px 25px 30px;
border-radius: 10px;
background-color: #ffffff;
z-index: auto;
}
.digital-reviews .et_pb_column:after {
position: absolute;
content: "";
left: 30px;
right: 30px;
bottom: -10px;
height: 25px;
z-index: 1;
border-radius: 50px;
background-color: var(--color1);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.digital-reviews .et_pb_column:hover:after {
background-color: var(--color1);
}
.digital-reviews .et_pb_column .et_pb_blurb {
margin-bottom: 15px;
}
.digital-reviews .et_pb_column .et_pb_blurb:after {
position: absolute;
left: 0;
color: var(--color1) !important;
top: 0px;
}
.digital-reviews .et_pb_column .et_pb_blurb .et_pb_blurb_content {
display: flex;
flex-direction: row-reverse;
}
.digital-reviews  .et_pb_column  .et_pb_blurb  .et_pb_blurb_content  .et_pb_blurb_container {
flex: 1;
padding-top: 36px;
}
.digital-reviews  .et_pb_column  .et_pb_blurb  .et_pb_blurb_content  .et_pb_blurb_container  .et_pb_blurb_description {
margin-bottom: 10px;
}
.digital-reviews  .et_pb_column  .et_pb_blurb  .et_pb_blurb_content  .et_pb_main_blurb_image {
margin-top: -60px;
width: 90px;
}
.digital-reviews  .et_pb_column  .et_pb_blurb  .et_pb_blurb_content  .et_pb_main_blurb_image  img {
opacity: 1;
}
@media only screen and (max-width: 560px) {
.digital-reviews .et_pb_column {
padding: 40px 20px;
}
} .digital-lia .et_pb_portfolio .et_pb_portfolio_item {
width: 31% !important;
margin: 1%;
}
.digital-project .et_pb_portfolio_filters ul {
list-style: none;
text-align: center;
padding: 0;
margin: 0 0 20px 0;
}
.digital-project .et_pb_portfolio_filters ul li {
display: inline-block;
float: none;
}
.digital-project .et_pb_portfolio_filters ul li a {
position: relative;
display: inline-block;
color: var(--color2);
cursor: pointer;
font-size: 15px;
font-weight: 600;
margin: 0 5px 0;
transition: all 0.3s ease;
text-transform: uppercase;
border: 1px solid;
padding: 10px 20px;
border-radius: 8px !important;
}
.digital-project .et_pb_portfolio_filters ul li a.active, .digital-project .et_pb_portfolio_filters ul li a:hover {
color: #fff;
background-color: var(--color1);
}
.digital-project .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
display: grid;
grid-template-columns: repeat(3, 33.33%);
}
.digital-project .et_pb_portfolio_item {
padding: 10px;
margin-bottom: 30px;
position: relative;
}
.digital-project .et_pb_portfolio_item .et_portfolio_image {
position: relative;
display: block;
border-radius: 8px;
}
.digital-project .et_pb_portfolio_item .et_portfolio_image img {
border-radius: 8px;
aspect-ratio: 1 / 1;
object-fit: cover;
object-position: center;
height:300px;
}
.digital-project .et_pb_portfolio_item .et_portfolio_image:before {
content: "";
position: absolute;
left: 20px;
top: 20px;
right: 20px;
bottom: 20px;
opacity: 0.8;
border-radius: 8px;
background-color: #222;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
box-sizing: border-box;
}
.digital-project .et_pb_portfolio_item:hover .et_portfolio_image:after, .digital-project .et_pb_portfolio_item:hover .et_portfolio_image:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.digital-project .et_pb_portfolio_item .et_portfolio_image:after {
content: "\e012";
width: 60px;
height: 60px;
color: #fff;
line-height: 60px;
font-size: 22px;
text-align: center;
border-radius: 5px;
font-weight: 700;
background-color: var(--color1);
font-family: ETmodules !important;
position: absolute;
top: 30px;
right: 30px;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
box-sizing: border-box;
}
.digital-project.pt_info .et_pb_portfolio_item .info_box {
position: relative;
margin-right: 50px;
margin-top: -60px;
display: flex;
flex-direction: column;
background-color: #fff;
padding: 15px 20px 15px 20px;
border-left: 4px solid var(--color1);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.digital-project.pt_info .et_pb_portfolio_item .et_pb_module_header {
order: 2;
padding-bottom: 0;
margin-top: 0px;
font-weight: 500 !important;
font-size: 16px !important;
color: #222222 !important;
letter-spacing: 0.3px !important;
line-height: 40px !important;
transition: color 300ms ease 0ms;
}
.digital-project.pt_info .et_pb_portfolio_item .et_pb_module_header a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.digital-project.pt_info .et_pb_portfolio_item .post-meta a {
margin-bottom: 10px;
display: inline-block;
}
@media only screen and (max-width: 980px) {
.digital-project .et_pb_portfolio_filters ul li {
width: auto !important;
}
.digital-project .et_pb_portfolio_filters ul {
text-align: left;
}
}
@media only screen and (max-width: 766px) {
.digital-project .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
grid-template-columns: repeat(1, 100%);
}
.digital-project .et_pb_portfolio_item {
padding: 5px;
}
.digital-project .et_pb_portfolio_filters ul li a {
display: block;
text-align: center;
margin: 5px;
}
.digital-project .et_pb_portfolio_filters ul li {
display: block;
width: 100%;
}
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
.digital-project .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
display: grid;
grid-template-columns: repeat(2, 50%);
}
} .digital-services .et_pb_column {
position: relative;
padding: 30px 30px 35px 30px;
background-color: #ffffff;
border-bottom: 4px solid var(--color1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.digital-services .et_pb_column .et_pb_blurb .et_pb_blurb_content {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.digital-services  .et_pb_column  .et_pb_blurb  .et_pb_blurb_content  .et_pb_blurb_container {
flex: 1;
}
.digital-services  .et_pb_column  .et_pb_blurb  .et_pb_blurb_content  .et_pb_main_blurb_image {
margin-bottom: 0;
}
.digital-services  .et_pb_column  .et_pb_blurb  .et_pb_blurb_content  .et_pb_main_blurb_image  img {
opacity: 1;
}
.digital-services .et_pb_column .et_pb_promo .et_pb_button_wrapper {
text-align: left;
margin-top: 10px;
} .digital-srv-btn .et_pb_promo_description div {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.digital-srv-btn .et_pb_button_wrapper .et_pb_promo_button {
overflow: hidden;
transition: all 0.3s ease !important;
background-color: var(--color1);
border-color: var(--color1);
color: #fff;
}
.digital-srv-btn .et_pb_button_wrapper .et_pb_promo_button:hover {
overflow: hidden;
transition: all 0.3s ease !important;
background-color: var(--color1) !important;
border-color: var(--color1);
color: #fff;
z-index: 1;
}
.digital-srv-btn .et_pb_button_wrapper .et_pb_promo_button:after {
position: absolute;
content: "" !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0 !important;
-webkit-transition: all 0.4s !important;
-moz-transition: all 0.4s !important;
-o-transition: all 0.4s !important;
transition: all 0.4s !important;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
background-color: var(--color2);
box-sizing: border-box;
margin: 0;
}
.digital-srv-btn .et_pb_button_wrapper .et_pb_promo_button:hover:after {
opacity: 1 !important;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media only screen and (max-width: 766px) {
.digital-services .et_pb_column {
padding: 30px 20px;
}
.digital-services  .et_pb_column  .et_pb_blurb  .et_pb_blurb_content  .et_pb_main_blurb_image {
text-align: left;
margin-bottom: 20px;
display: block;
position: relative;
}
.digital-services  .et_pb_blurb  .et_pb_blurb_content  .et_pb_main_blurb_image  .et_pb_image_wrap {
margin: 0;
}
.digital-services  .et_pb_column  .et_pb_blurb  .et_pb_blurb_content  .et_pb_blurb_container {
padding: 0;
}
} .digital-eoptin .et_pb_newsletter_button_wrap .et_pb_button {
overflow: hidden;
transition: all 0.3s ease !important;
background-color: var(--color1);
border-color: var(--color1);
color: #fff;
}
.digital-eoptin .et_pb_newsletter_button_wrap .et_pb_button:hover {
overflow: hidden;
transition: all 0.3s ease !important;
background-color: var(--color1) !important;
border-color: #fff !important;
color: #fff;
z-index: 1;
}
.digital-eoptin .et_pb_newsletter_button_wrap .et_pb_button:after {
position: absolute;
content: "" !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0 !important;
-webkit-transition: all 0.4s !important;
-moz-transition: all 0.4s !important;
-o-transition: all 0.4s !important;
transition: all 0.4s !important;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
background-color: var(--color2);
box-sizing: border-box;
margin: 0;
}
.digital-eoptin .et_pb_newsletter_button_wrap .et_pb_button:hover:after {
opacity: 1 !important;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
} .digital-form .et_contact_bottom_container {
margin-top: 10px;
}
.digital-form .et_pb_contact .et_pb_contact_form p.et_pb_contact_field {
position: relative;
}
.digital-form .et_pb_contact .et_pb_contact_form p.et_pb_contact_field:before {
right: 15px;
top: 50%;
transform: translateY(-50%);
font-family: ETmodules;
color: rgba(0, 0, 0, 0.3);
font-size: 18px;
text-align: center;
vertical-align: top;
display: inline-block;
position: absolute;
z-index: 1;
}
.digital-form  .et_pb_contact  .et_pb_contact_form  p.et_pb_contact_field[data-id="your full name"]:before {
content: "\e08a";
}
.digital-form  .et_pb_contact  .et_pb_contact_form  p.et_pb_contact_field[data-id="email_address"]:before {
content: "\e076";
}
.digital-form  .et_pb_contact  .et_pb_contact_form  p.et_pb_contact_field[data-id="phone_number"]:before {
content: "\e00b";
}
.digital-form  .et_pb_contact  .et_pb_contact_form  p.et_pb_contact_field[data-id="city"]:before {
content: "\e081";
}
.digital-form  .et_pb_contact  .et_pb_contact_form  p.et_pb_contact_field[data-id="social_security_number"]:before {
content: "\e107";
}
.digital-form .et_contact_bottom_container .et_pb_contact_submit {
overflow: hidden;
transition: all 0.3s ease !important;
background-color: var(--color1);
border-color: var(--color1);
color: #fff;
}
.digital-form .et_contact_bottom_container .et_pb_contact_submit:hover {
overflow: hidden;
transition: all 0.3s ease !important;
background-color: var(--color1) !important;
border-color: #fff !important;
z-index: 1;
}
.digital-form .et_contact_bottom_container .et_pb_contact_submit:after {
position: absolute;
content: "" !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0 !important;
-webkit-transition: all 0.4s !important;
-moz-transition: all 0.4s !important;
-o-transition: all 0.4s !important;
transition: all 0.4s !important;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
background-color: var(--color2);
box-sizing: border-box;
margin: 0;
}
.digital-form .et_contact_bottom_container .et_pb_contact_submit:hover:after {
opacity: 1 !important;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media only screen and (max-width: 767px) {
.digital-form .et_contact_bottom_container {
float: none;
margin-top: 15px;
display: block;
padding-left: 3%;
}
.digital-form .et_contact_bottom_container .et_pb_contact_submit {
display: block;
width: 100%;
margin: 0;
}
}  .digital-blog .et_pb_ajax_pagination_container, .et-db #et-boc .et-l #et-fb-app .digital-blog > div {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.digital-blog .et_pb_post {
margin-bottom: 0;
}
@media only screen and (max-width: 766px) {
.digital-blog .et_pb_ajax_pagination_container,  .et-db #et-boc .et-l #et-fb-app .digital-blog > div {
grid-template-columns: repeat(1, 1fr);
}
}
@media (min-width: 767px) and (max-width: 1024px) {
.digital-blog .et_pb_ajax_pagination_container,  .et-db #et-boc .et-l #et-fb-app .digital-blog > div {
grid-template-columns: repeat(2, 1fr);
}
}
.digital-blog .et_pb_post {
position: relative;
display: flex;
flex-direction: column;
flex-wrap: wrap;
padding: 0;
}
.digital-blog .et_pb_post .entry-title {
position: relative;
padding-bottom: 15px;
order: 3;
color: var(--color2);
border-bottom: 2px solid #dddddd;
margin-bottom: 20px;
}
.digital-blog .et_pb_post .post-meta {
order: 2;
position: unset;
padding: 20px 0px 5px 0px;
}
.digital-blog .et_pb_post .post-content {
order: 4;
}
.digital-blog .et_pb_post .entry-title:before {
position: absolute;
content: "";
left: 0px;
bottom: -3px;
width: 50px;
height: 4px;
background-color: var(--color1);
box-sizing: border-box;
}
.digital-blog .et_pb_post .entry-featured-image-url {
margin: 0;
position: relative;
overflow: hidden;
background-color: #222;
border-radius: 4px 4px 0 0;
}
.digital-blog .et_pb_post .entry-featured-image-url img {
transform: scale(1);
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
max-width: 100%;
transition: all 0.5s ease-in-out 0s;
object-fit: cover;
object-position: center;
aspect-ratio: 4 / 3;
}
.digital-blog .et_pb_post:hover .entry-featured-image-url img {
transform: scale(1.1);
opacity: 0.6;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.digital-blog .et_pb_post .entry-title a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.digital-blog .et_pb_post .post-meta a:first-child {
color: #555c63;
font-weight: 400;
}
.digital-blog .et_pb_post .post-meta a:hover {
color: var(--color1);
}
.digital-blog .et_pb_post .post-meta span.author {
position: relative;
}
.digital-blog .et_pb_post .post-meta span.author:after {
background-color: #ccc;
display: inline-block;
content: "";
width: 1px;
height: 16px;
vertical-align: middle;
margin: 0 12px;
}
.digital-blog .et_pb_post .post-meta span.author a:before {
margin-right: 5px;
color: var(--color1);
content: "\e08a";
font-family: ETmodules !important;
}
.digital-blog .et_pb_post .post-meta a:before {
margin-right: 5px;
color: var(--color1);
content: "\e05c";
font-family: ETmodules !important;
}
.digital-blog .et_pb_post .post-meta span.published {
background-color: var(--color1);
position: absolute;
left: 15px;
top: 15px;
width: auto;
height: auto;
color: #ffffff;
font-size: 17px;
border-radius: 10px;
padding: 10px;
font-weight: 600;
text-align: center;
line-height: 24px;
}
.digital-blog.color .et_pb_post .post-content .more-link {
overflow: hidden;
position: relative;
transition: all 0.3s ease !important;
background-color: var(--color1);
border-color: var(--color1);
color: #fff;
padding: 7px 15px;
display: inline-block;
border-radius: 5px;
text-transform: capitalize;
font-size: 15px;
margin-top: 15px;
z-index: 1;
}
.digital-blog.color .et_pb_post .post-content .more-link:hover {
overflow: hidden;
transition: all 0.3s ease !important;
border-color: var(--color1);
color: #fff;
}
.digital-blog.color .et_pb_post .post-content .more-link:after {
position: absolute;
content: "" !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0 !important;
-webkit-transition: all 0.4s !important;
-moz-transition: all 0.4s !important;
-o-transition: all 0.4s !important;
transition: all 0.4s !important;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
background-color: var(--color2);
box-sizing: border-box;
margin: 0;
}
.digital-blog.color .et_pb_post .post-content .more-link:hover:after {
opacity: 1 !important;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}  .digital-ft-icons .et_pb_blurb_content .et_pb_blurb_container {
padding-left: 15px;
}
.digital-ft-icons  .et_pb_blurb_content  .et_pb_main_blurb_image  .et_pb_image_wrap  .et-pb-icon, .digital-anchor-urls .et_pb_text_inner a {
color: var(--color1);
} .digital-ft-blog .et_pb_post {
display: inline-block;
width: 100%;
margin-bottom: 22px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.digital-ft-blog .et_pb_post:last-child {
border-bottom: none;
padding: 0;
}
.digital-ft-blog .et_pb_post .post-meta span.published {
position: absolute;
top: 0;
left: 90px;
}
.digital-ft-blog .et_pb_post .entry-title {
padding-top: 25px;
}
.digital-ft-blog .entry-featured-image-url {
width: 75px;
height: 75px;
margin-bottom: 0;
border-radius: 4px;
object-fit: cover;
margin-right: 15px;
float: left;
max-width: 100%;
transition: opacity 0.4s;
}
.digital-ft-blog .entry-featured-image-url img {
border-radius: 5px;
width: 75px;
height: 75px;
}
.digital-ft-blog .et_pb_post .entry-title a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}