html,
body,
#page-container {
max-width: 100vw;
overflow-x: hidden;
}
h1,
h2,
h3,
h4 {
font-family: 'Epilogue', sans-serif;
font-weight: 900;
font-style: normal;
padding-bottom: 0;
color: #246E93;
}
h1,
.et_pb_column_1_3 h1,
.et_pb_column_1_4 h1,
.et_pb_column_1_5 h1,
.et_pb_column_1_6 h1,
.et_pb_column_2_5 h1,
.et-db #et-boc .et-l .et_pb_column_1_3 h1,
.et-db #et-boc .et-l .et_pb_column_1_4 h1,
.et-db #et-boc .et-l .et_pb_column_1_5 h1,
.et-db #et-boc .et-l .et_pb_column_1_6 h1,
.et-db #et-boc .et-l .et_pb_column_2_5 h1 {
font-size: 4.5rem;
letter-spacing: 0.25px;
line-height: 4.5rem;
}
h2,
.et_pb_column_1_3 h2,
.et_pb_column_1_4 h2,
.et_pb_column_1_5 h2,
.et_pb_column_1_6 h2,
.et_pb_column_2_5 h2,
.et-db #et-boc .et-l .et_pb_column_1_3 h2,
.et-db #et-boc .et-l .et_pb_column_1_4 h2,
.et-db #et-boc .et-l .et_pb_column_1_5 h2,
.et-db #et-boc .et-l .et_pb_column_1_6 h2,
.et-db #et-boc .et-l .et_pb_column_2_5 h2 {
font-size: 2rem;
letter-spacing: 0.25px;
line-height: 2.5rem;
}
h3,
.et_pb_column_1_3 h3,
.et_pb_column_1_4 h3,
.et_pb_column_1_5 h3,
.et_pb_column_1_6 h3,
.et_pb_column_2_5 h3,
.et-db #et-boc .et-l .et_pb_column_1_3 h3,
.et-db #et-boc .et-l .et_pb_column_1_4 h3,
.et-db #et-boc .et-l .et_pb_column_1_5 h3,
.et-db #et-boc .et-l .et_pb_column_1_6 h3,
.et-db #et-boc .et-l .et_pb_column_2_5 h3 {
font-size: 1.5rem;
letter-spacing: 0.25px;
line-height: 2.250rem;
}
h4,
.et_pb_column_1_3 h4,
.et_pb_column_1_4 h4,
.et_pb_column_1_5 h4,
.et_pb_column_1_6 h4,
.et_pb_column_2_5 h4,
.et-db #et-boc .et-l .et_pb_column_1_3 h4,
.et-db #et-boc .et-l .et_pb_column_1_4 h4,
.et-db #et-boc .et-l .et_pb_column_1_5 h4,
.et-db #et-boc .et-l .et_pb_column_1_6 h4,
.et-db #et-boc .et-l .et_pb_column_2_5 h4 {
font-size: 1.125rem;
letter-spacing: 0.25px;
}
p {
font-family: 'Epilogue', sans-serif;
margin-bottom: 1rem;
font-size: 1rem;
line-height: 1.75rem;
padding: 0;
}
p:not(.has-background):last-of-type {
padding-bottom: 0;
margin-bottom: 0;
}
a {
color: #47b9df;
}
body {
font-family: 'Epilogue', sans-serif;
color: #262626;
font-weight: 300;
line-height: 1.75rem;
}
strong {
font-weight: 600;
} a,
body,
.mobile_menu_bar:before,
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu,
.et_pb_button,
.et-db #et-boc .et-l .et_pb_button,
.wpcf7-submit,
input[type=button],
input[type=submit],
input[type=reset],
.et-db #et-boc .et-l .et_clickable,
.et-db #et-boc .et-l .et_pb_button.secondary-button,
.big-project-block .dmach-grid-item .et_pb_button,
.small-project-block .dmach-grid-item .et_pb_button,
.bc-link-whole-grid-card,
.et_pb_button,
.slick-slide {
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Cpath fill='%23FCB713' stroke='%23262626' stroke-miterlimit='10' stroke-width='2' d='M4.832 1.234a3.993 3.993 0 0 1-3.606 3.465l-.22-2.17a1.388 1.388 0 0 1 1.521-1.521l2.305.226Z'/%3E%3Cpath fill='%2347B9DF' stroke='%23262626' stroke-miterlimit='10' stroke-width='2' d='m29.305 19.088-.056.906a9.983 9.983 0 0 1-9.256 9.256l-.906.056a9.966 9.966 0 0 1-8.506-3.783L5.05 18.48a15.625 15.625 0 0 1-3.274-8.139L1.226 4.7a3.993 3.993 0 0 0 3.606-3.465l5.508.544a15.64 15.64 0 0 1 8.146 3.267l7.036 5.537a9.913 9.913 0 0 1 3.783 8.506Z'/%3E%3Cpath fill='%2347B9DF' d='M8.996 13.393a3.732 3.732 0 1 1-5.277 0'/%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M8.996 13.393a3.732 3.732 0 1 1-5.277 0'/%3E%3Cpath fill='%2347B9DF' d='M5.302 17.087a1.494 1.494 0 0 0 2.111 0 1.494 1.494 0 0 0 0-2.111'/%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-miterlimit='10' d='M5.302 17.087a1.494 1.494 0 0 0 2.111 0 1.494 1.494 0 0 0 0-2.111'/%3E%3Cpath fill='%2347B9DF' d='M13.395 3.717a3.732 3.732 0 1 1 0 5.278'/%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M13.395 3.717a3.732 3.732 0 1 1 0 5.278'/%3E%3Cpath fill='%2347B9DF' d='M14.978 7.411c.582.582 1.53.582 2.111 0a1.495 1.495 0 0 0 0-2.11'/%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-miterlimit='10' d='M14.978 7.411c.582.582 1.53.582 2.111 0a1.495 1.495 0 0 0 0-2.11M3.71 7.338a1.12 1.12 0 1 1 0 2.239M7.34 3.708a1.12 1.12 0 1 0 2.239 0'/%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M40 40 26.35 26.35'/%3E%3C/svg%3E"), url(https://havishdesign.com/wp-content/uploads/2023/01/Mouse-Cursor.png), auto;
}  @media (min-width: 601px) and (max-width: 1250px) {
h1,
.et_pb_column_1_3 h1,
.et_pb_column_1_4 h1,
.et_pb_column_1_5 h1,
.et_pb_column_1_6 h1,
.et_pb_column_2_5 h1,
.et-db #et-boc .et-l .et_pb_column_1_3 h1,
.et-db #et-boc .et-l .et_pb_column_1_4 h1,
.et-db #et-boc .et-l .et_pb_column_1_5 h1,
.et-db #et-boc .et-l .et_pb_column_1_6 h1,
.et-db #et-boc .et-l .et_pb_column_2_5 h1 {
font-size: 3.5rem;
line-height: 3.75rem;
}
} @media screen and (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header,
.et_non_fixed_nav.et_transparent_nav #top-header,
.et_fixed_nav #main-header,
.et_fixed_nav #top-header {
position: fixed;
}
} @media screen and (max-width: 600px) {
h1,
.et_pb_column_1_3 h1,
.et_pb_column_1_4 h1,
.et_pb_column_1_5 h1,
.et_pb_column_1_6 h1,
.et_pb_column_2_5 h1,
.et-db #et-boc .et-l .et_pb_column_1_3 h1,
.et-db #et-boc .et-l .et_pb_column_1_4 h1,
.et-db #et-boc .et-l .et_pb_column_1_5 h1,
.et-db #et-boc .et-l .et_pb_column_1_6 h1,
.et-db #et-boc .et-l .et_pb_column_2_5 h1 {
font-size: 2.75rem;
line-height: 2.75rem;
}
h2,
.et_pb_column_1_3 h2,
.et_pb_column_1_4 h2,
.et_pb_column_1_5 h2,
.et_pb_column_1_6 h2,
.et_pb_column_2_5 h2,
.et-db #et-boc .et-l .et_pb_column_1_3 h2,
.et-db #et-boc .et-l .et_pb_column_1_4 h2,
.et-db #et-boc .et-l .et_pb_column_1_5 h2,
.et-db #et-boc .et-l .et_pb_column_1_6 h2,
.et-db #et-boc .et-l .et_pb_column_2_5 h2 {
font-size: 1.75rem;
line-height: 2rem;
}
h3,
.et_pb_column_1_3 h3,
.et_pb_column_1_4 h3,
.et_pb_column_1_5 h3,
.et_pb_column_1_6 h3,
.et_pb_column_2_5 h3,
.et-db #et-boc .et-l .et_pb_column_1_3 h3,
.et-db #et-boc .et-l .et_pb_column_1_4 h3,
.et-db #et-boc .et-l .et_pb_column_1_5 h3,
.et-db #et-boc .et-l .et_pb_column_1_6 h3,
.et-db #et-boc .et-l .et_pb_column_2_5 h3 {
font-size: 1.125rem;
line-height: 1.75rem;
}
h4,
.et_pb_column_1_3 h4,
.et_pb_column_1_4 h4,
.et_pb_column_1_5 h4,
.et_pb_column_1_6 h4,
.et_pb_column_2_5 h4,
.et-db #et-boc .et-l .et_pb_column_1_3 h4,
.et-db #et-boc .et-l .et_pb_column_1_4 h4,
.et-db #et-boc .et-l .et_pb_column_1_5 h4,
.et-db #et-boc .et-l .et_pb_column_1_6 h4,
.et-db #et-boc .et-l .et_pb_column_2_5 h4 {
font-size: 1rem;
}
p {
font-size: 0.875rem;
line-height: 1.5rem;
}
} .et_pb_equal_columns > .et_pb_column {
margin-top: auto;
margin-bottom: auto;
} .et-db #et-boc .et-l .et_pb_button_module_wrapper {
float: left;
margin-right: 1rem;
}
.et-db #et-boc .et-l .et_pb_button_module_wrapper:last-child {
margin-right: 0;
}
.et-db #et-boc .et-l .et_pb_module.et_pb_button_module_wrapper {
margin-bottom: 0 !important;
}
.et_pb_button,
.et-db #et-boc .et-l .et_pb_button,
.wpcf7-submit,
input[type=button],
input[type=submit],
input[type=reset] {
display: inline-block;
position: relative;
font-weight: 500 !important;
font-size: 1rem !important;
letter-spacing: 0.25px;
background: #47B9DF;
color: #ffffff;
padding: 0 1rem !important;
line-height: 48px !important;
height: 48px;
border: 1px solid transparent !important;
border-radius: 0.5rem;
z-index: 1;
}
.et-db #et-boc .et-l .et_pb_button.secondary-button,
.et-db #et-boc .et-l .big-project-block .dmach-grid-item .et_pb_button {
background: transparent;
border: 1px solid #0F4557 !important;
color: #0F4557;
}
.et-db #et-boc .et-l .small-project-block .dmach-grid-item .et_pb_de_mach_view_button {
display: none;
}
.et-db #et-boc .et-l .et_pb_button::after {
content: '';
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' stroke-width='1.54' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23ffffff'%3E%3Cpath d='M6 12h12.5m0 0l-6-6m6 6l-6 6' stroke='%23ffffff' stroke-width='1.54' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
display: inline-block;
bottom: 0px;
left: 0px;
position: relative;
background-size: 1.5rem;
height: 1.5rem;
width: 1.5rem;
margin: 0;
opacity: 1;
margin-left: 0.5rem;
top: 7px;
}
.et-db #et-boc .et-l .et_pb_button.secondary-button::after,
.et-db #et-boc .et-l .et_pb_button:hover::after,
.et-db #et-boc .et-l .big-project-block .dmach-grid-item .et_pb_button::after,
.et-db #et-boc .et-l .small-project-block .dmach-grid-item .et_pb_button::after {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' stroke-width='1.54' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%230f4557'%3E%3Cpath d='M6 12h12.5m0 0l-6-6m6 6l-6 6' stroke='%230f4557' stroke-width='1.54' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.et-db #et-boc .et-l .et_pb_button:hover::after,
.et-db #et-boc .et-l .big-project-block .dmach-grid-item .et_pb_row:hover .et_pb_button::after,
.et-db #et-boc .et-l .small-project-block .dmach-grid-item .et_pb_row:hover .et_pb_button::after {
margin-left: 0.75rem;
}
.et_pb_button:hover,
.et-db #et-boc .et-l .et_pb_button:hover,
.wpcf7-submit:hover,
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
.et-db #et-boc .et-l .big-project-block .dmach-grid-item .et_pb_row:hover .et_pb_button,
.et-db #et-boc .et-l .small-project-block .dmach-grid-item .et_pb_row:hover .et_pb_button {
border: 1px solid transparent !important;
background: #fcb713 !important;
color: #0F4557;
} .et_pb_section i {
font-size: 1.5rem;
font-weight: normal;
} ul.social-media-icons {
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
ul.social-media-icons li {
position: relative;
width: 40px;
height: 40px;
background: #47B9DF;
border-radius: 20px;
margin-right: 1rem;
}
ul.social-media-icons li:last-child {
margin-right: 0;
}
ul.social-media-icons li a {
padding: 0.5rem;
position: absolute;
top: 0;
left: 0;
border-radius: 0.5rem;
}
ul.social-media-icons li a i {
color: #ffffff;
}
ul.social-media-icons li:hover {
background: #fcb713;
}
ul.social-media-icons li:hover a i {
color: #0F4557;
} .big-chip {
padding: 1rem 2rem;
background: #FFFFFF;
border: 1px solid #0F4557;
border-radius: 1.75rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.big-chip p {
font-weight: 600;
font-size: 0.875rem;
line-height: 22px;
color: #0F4557;
}
ul.category-chips {
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.5rem;
}
ul.category-chips li {
border: 1px solid #0F4557;
background: #ffffff;
border-radius: 16px;
padding: 4px 16px;
}
ul.category-chips li p {
font-weight: 600;
font-size: 0.875rem;
line-height: 1.5rem;
color: #0F4557;
} .et-pb-arrow-next,
.et-pb-arrow-prev {
border: 1px solid #0F4557;
height: 3.5rem;
width: 3.5rem;
border-radius: 28px;
opacity: 1;
}
.et-pb-arrow-prev,
.et_pb_slider:hover .et-pb-arrow-prev,
.et_mobile_device .et-pb-arrow-prev {
left: 0;
}
.et-pb-arrow-next,
.et_pb_slider:hover .et-pb-arrow-next,
.et_mobile_device .et-pb-arrow-next {
right: 0;
}
.et_mobile_device .et-pb-arrow-prev,
.et_mobile_device .et-pb-arrow-next {
margin-top: 0;
top: 0;
}
.et-pb-arrow-prev::before,
.et-pb-arrow-next::before {
content: '';
display: inline-block;
top: 0.875rem;
left: 0.875rem;
position: absolute;
background-size: 1.5rem;
height: 1.5rem;
width: 1.5rem;
}
.et-pb-arrow-prev::before {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' stroke-width='1.54' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%230f4557'%3E%3Cpath d='M18.5 12H6m0 0l6-6m-6 6l6 6' stroke='%230f4557' stroke-width='1.54' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.et-pb-arrow-next::before {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' stroke-width='1.54' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%230f4557'%3E%3Cpath d='M6 12h12.5m0 0l-6-6m6 6l-6 6' stroke='%230f4557' stroke-width='1.54' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.et-pb-arrow-next:hover,
.et-pb-arrow-prev:hover {
background: #FCB713;
border: 1px solid transparent;
} .et-pb-controllers {
position: relative;
bottom: auto;
line-height: 0.5rem;
padding-top: 1rem;
}
.et-pb-controllers a {
background-color: #47b9df;
border-radius: 50%;
width: 0.5rem;
height: 0.5rem;
margin-right: 8px;
opacity: 1;
}
.et-pb-controllers .et-pb-active-control {
background-color: #fcb713;
opacity: 1;
} ul.app-icons {
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem;
}
ul.app-icons li {
width: 4rem;
height: 4rem;
-webkit-filter: drop-shadow(0px 2px 8px rgba(38, 38, 38, 0.05)) drop-shadow(0px 4px 16px rgba(38, 38, 38, 0.15));
filter: drop-shadow(0px 2px 8px rgba(38, 38, 38, 0.05)) drop-shadow(0px 4px 16px rgba(38, 38, 38, 0.15));
} #progress-bar {
position: fixed;
left: 32px;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 160px;
background: #DAF0FB;
border-radius: 2px;
overflow: hidden;
z-index: 9999;
}
#progress-bar-fill {
width: 100%;
height: 0;
background: #FCB713;
border-radius: 2px;
transition: height 0.1s linear;
} .yellow-text,
.testimonials-block .et_pb_slides .et_pb_slide h3.yellow-text {
color: #fcb713 !important;
} .grecaptcha-badge {
visibility: hidden !important;
}     @media screen and (max-width: 600px) {
ul.category-chips li p {
font-size: 0.75rem;
}
ul.app-icons li {
width: 3rem;
height: 3rem;
}
#progress-bar {
display: none;
}
}
@media screen and (max-width: 450px) {
.et-db #et-boc .et-l .et_pb_module.et_pb_button_module_wrapper {
margin-bottom: 1rem !important;
}
.et-db #et-boc .et-l .et_pb_module.et_pb_button_module_wrapper:last-child {
margin-bottom: 0 !important;
}
} #page-container {
padding-top: 0 !important;
margin-top: 0 !important;
}
#main-header {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
height: 0;
}
#main-header.et-fixed-header {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.et_fullwidth_nav #main-header .container {
padding-right: 2rem !important;
padding-left: 2rem !important;
display: -webkit-box;
display: -ms-flexbox;
display: block;
height: 0;
width: 100%;
}
.et_header_style_left .logo_container {
position: relative;
padding-top: 0px;
height: 60px;
width: 60px;
top: 2rem;
}
.et_pb_svg_logo #logo {
height: 100%;
position: absolute;
top: 0;
left: 0;
max-height: 100%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.et_header_style_left .et-fixed-header #logo {
-webkit-filter: drop-shadow(0px 2px 8px rgba(38, 38, 38, 0.05)) drop-shadow(0px 4px 16px rgba(38, 38, 38, 0.15));
filter: drop-shadow(0px 2px 8px rgba(38, 38, 38, 0.05)) drop-shadow(0px 4px 16px rgba(38, 38, 38, 0.15));
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.header-tagline {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 2rem;
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.header-tagline p {
font-weight: 300;
text-align: center;
}
#main-header.et-fixed-header .header-tagline {
top: -2rem;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.et_header_style_left #et-top-navigation,
.et_header_style_left .et-fixed-header #et-top-navigation {
position: absolute;
top: 2rem;
right: 2rem;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.et_header_style_fullscreen .et-fixed-header #et-top-navigation,
.et_header_style_fullscreen div#et_mobile_nav_menu,
.et_header_style_fullscreen .et_slide_menu_top .clear {
padding: 0 !important;
} .et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened {
opacity: 1;
}
.et_slide_in_menu_container,
.et_header_style_fullscreen .et_slide_in_menu_container {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.et_slide_in_menu_container {
background: #47b9df;
}
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
right: 2rem;
top: 2rem;
width: 48px;
height: 48px;
border-radius: 24px;
padding: 8px;
background: transparent;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.et_header_style_fullscreen ul#mobile_menu_slide {
text-align: right;
}
.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li,
.et_pb_fullscreen_menu_opened .et_mobile_menu li {
border-bottom: 1px solid #ffffff;
padding: 1rem 0;
margin: 0 40px;
}
.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a,
.et_slide_in_menu_container #mobile_menu_slide li a {
padding: 1rem 0;
}
.et_header_style_fullscreen .et_slide_in_menu_container {
padding-top: 0;
}
.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a {
font-size: 5rem;
line-height: 4rem;
font-weight: 700;
}
.et_slide_in_menu_container #mobile_menu_slide li a:hover {
color: #fcb713;
opacity: 1;
} .et_header_style_left #et-top-navigation .mobile_menu_bar {
padding-bottom: 30px;
width: 48px;
height: 48px;
border-radius: 24px;
padding: 8px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.et_header_style_left .et-fixed-header #et-top-navigation .mobile_menu_bar {
padding-bottom: 20px;
background: #47B9DF;
-webkit-filter: drop-shadow(0px 2px 8px rgba(38, 38, 38, 0.05)) drop-shadow(0px 4px 16px rgba(38, 38, 38, 0.15));
filter: drop-shadow(0px 2px 8px rgba(38, 38, 38, 0.05)) drop-shadow(0px 4px 16px rgba(38, 38, 38, 0.15));
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.mobile_menu_bar::before,
.et_header_style_left .et-fixed-header #et-top-navigation .mobile_menu_bar:hover::before,
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:hover::before {
color: #0F4557;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.et_header_style_left .et-fixed-header #et-top-navigation .mobile_menu_bar::before {
color: #ffffff;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}
.et_header_style_left #et-top-navigation .mobile_menu_bar:hover,
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:hover {
background: #fcb713;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 981px) {
.et_header_style_fullscreen #et-top-navigation {
padding: 0 !important;
}
}
@media screen and (max-width: 980px) {
.et_header_style_left #logo {
max-width: 100%;
}
} @media screen and (max-width: 600px) {
.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a {
font-size: 3rem;
line-height: 1rem;
font-weight: 700;
}
}
@media screen and (max-width: 450px) {
.et_fullwidth_nav #main-header .container {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.et_header_style_left .logo_container {
top: 1rem;
}
.et_header_style_left #et-top-navigation,
.et_header_style_left .et-fixed-header #et-top-navigation {
top: 1rem;
right: 1rem;
}
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
right: 1rem;
top: 1rem;
}
}  .et-db #et-boc .et-l .et_pb_section.home-hero {
height: 100vh;
min-height: 650px;
max-height: 850px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.et-db #et-boc .et-l .et_pb_section.scrolling-text-block {
padding: 0;
margin-top: -55px;
}
.et-db #et-boc .et-l .et_pb_section.page-hero {
padding-top: 7.5rem;
padding-bottom: 4rem;
}
.et-db #et-boc .et-l .et_pb_section.post-hero {
padding-top: 7.5rem;
padding-bottom: 0;
}
.et-db #et-boc .et-l .et_pb_section.home-hero,
.et-db #et-boc .et-l .et_pb_section.page-hero,
.et-db #et-boc .et-l .et_pb_section.post-hero,
.et-db #et-boc .et-l .et_pb_section.company-logos-block,
.single-case_studies.et-db #et-boc .et-l .et_pb_section.small-project-block,
.et-db #et-boc .et-l .et_pb_section.testimonials-block,
.et-db #et-boc .et-l .et_pb_section.skills-block,
.et-db #et-boc .et-l .et_pb_section.process-block,
.et-db #et-boc .et-l .et_pb_section.requirements-block {
background: #ECF7FD;
}
.et-db #et-boc .et-l .et_pb_section.services-block,
.et-db #et-boc .et-l .et_pb_section.company-logos-block,
.et-db #et-boc .et-l .et_pb_section.big-project-block,
.et-db #et-boc .et-l .et_pb_section.small-project-block,
.et-db #et-boc .et-l .et_pb_section.testimonials-block,
.et-db #et-boc .et-l .et_pb_section.two-image-block,
.et-db #et-boc .et-l .et_pb_section.two-thirds-block,
.et-db #et-boc .et-l .et_pb_section.skills-block {
padding-top: 7.5rem;
padding-bottom: 7.5rem;
}
.et-db #et-boc .et-l .et_pb_section.big-numbers-block {
padding-top: 4rem;
padding-bottom: 7.5rem;
}
.et-db #et-boc .et-l .et_pb_section.achievements-block {
padding-top: 0;
padding-bottom: 7.5rem;
} .et-db #et-boc .et-l .et_pb_section.process-block,
.et-db #et-boc .et-l .et_pb_section.requirements-block {
padding-top: 4rem;
padding-bottom: 4rem;
}
.et-db #et-boc .et-l .et_pb_section.project-images-block {
padding: 0;
}
.remove-bottom-padding {
padding-bottom: 0 !important;
}
.half-bottom-padding {
padding-bottom: 4rem !important;
} .et_pb_section .et_pb_row,
.et-db #et-boc .et-l.et-l--post .et_pb_section .et_pb_row,
.et-db #et-boc .et-l.et-l--footer .et_pb_section .et_pb_row {
width: 100%;
max-width: 100%;
padding: 0;
padding-left: 7.5rem;
padding-right: 7.5rem;
}
.et-db #et-boc .et-l .et_pb_section.scrolling-text-block .et_pb_row {
padding: 0;
}
.et-db #et-boc .et-l .et_pb_section.two-image-block .et_pb_row,
.et-db #et-boc .et-l .et_pb_section.project-images-block .et_pb_row {
padding-left: 2rem;
padding-right: 2rem;
}
.et-db #et-boc .et-l .et_pb_section.project-images-block .et_pb_row:first-child,
.et-db #et-boc .et-l .et_pb_section.requirements-block .et_pb_row:first-child {
margin-bottom: 2rem;
}
.et-db #et-boc .et-l .et_pb_section.project-images-block .et_pb_row:last-child {
margin-bottom: 0;
}
.et-db #et-boc .et-l .section-title {
margin-bottom: 2rem;
} .et-db #et-boc .et-l .home-hero .et_pb_column,
.et-db #et-boc .et-l .post-hero .et_pb_column,
.two-image-block .et_pb_column {
width: calc((100% - 4rem) / 2);
margin-right: 4rem;
}
.page-hero .et_pb_column {
max-width: 568px;
}
.et-db #et-boc .et-l .post-hero .et_pb_column:last-child {
margin: 0;
-ms-flex-item-align: end;
align-self: flex-end;
}
.services-block .et_pb_column {
width: calc((100% - 8rem) / 3);
margin-right: 4rem;
}
.services-block .et_pb_column::after {
content: '';
position: absolute;
height: 100%;
width: 1px;
background: #0F4557;
top: 0;
right: -2rem;
}
.services-block .et_pb_column:last-child::after {
display: none;
}
.company-logos-block .logos .et_pb_column {
width: calc((100% - 10rem) / 6);
margin-right: 2rem;
}
.two-image-block.left .et_pb_column:last-child {
padding-right: 5.5rem;
padding-left: 4rem;
}
.two-image-block.right .et_pb_column:first-child {
padding-left: 5.5rem;
padding-right: 4rem;
}
.et-db #et-boc .et-l .two-thirds-block .et_pb_column {
margin-right: 4rem;
}
.et-db #et-boc .et-l .two-thirds-block.left .et_pb_column:first-child,
.et-db #et-boc .et-l .two-thirds-block.right .et_pb_column:last-child {
width: calc(((100% - 4rem) / 3) * 2);
}
.et-db #et-boc .et-l .two-thirds-block.left .et_pb_column:last-child,
.et-db #et-boc .et-l .two-thirds-block.right .et_pb_column:first-child {
width: calc((100% - 4rem) / 3);
}
.big-numbers-block .et_pb_column,
.et-db #et-boc .et-l .big-numbers-block .et_pb_column {
width: calc((100% - 12rem) / 4);
margin-right: 4rem;
}
.skills-block .skills-blocks .et_pb_column,
.et-db #et-boc .et-l .process-block .et_pb_column {
width: calc((100% - 6rem) / 4);
margin-right: 2rem;
} .et-db #et-boc .et-l .et_pb_section.project-images-block .et_pb_row {
display: flex;
gap: 2rem;
align-items: stretch;
flex-wrap: nowrap;
}
.et-db #et-boc .et-l .achievements-block .achievements-blocks {
display: grid;
grid-template-columns: repeat(4, 1fr); gap: 2rem;
}
.et-db #et-boc .et-l .achievements-block .achievements-blocks .et_pb_column {
width: 100%;
margin: 0 !important;
}
.et-db #et-boc .et-l .et_pb_section.project-images-block .et_pb_row::after,
.et-db #et-boc .et-l .achievements-block .achievements-blocks::after {
display: none;
content: none;
}
.et-db #et-boc .et-l .project-images-block .et_pb_column {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
margin-right: 0;
}
.et-db #et-boc .et-l .project-images-block .et_pb_column.rect {
-webkit-box-flex: 1.333;
-ms-flex: 1.333;
flex: 1.333;
}
.et-db #et-boc .et-l .project-images-block .et_pb_column img,
.et-db #et-boc .et-l .project-images-block .et_pb_column video {
height: 100%;
width: auto;
display: block;
-o-object-fit: contain;
object-fit: contain;
border-radius: 8px;
} .et_pb_module {
margin-bottom: 2rem !important;
}
.et_pb_module:last-child {
margin-bottom: 0 !important;
}
.home-hero .et_pb_column:last-child .et_pb_module {
margin-bottom: 0 !important;
}
.scrolling-text-wrap {
position: relative;
width: 100%;
height: 3.5rem;
white-space: nowrap;
overflow: hidden;
background: #DAF0FB;
border-width: 1px 0px;
border-style: solid;
border-color: #0F4557;
padding: 1rem 0;
}
ul.scrolling-text {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
overflow: hidden;
white-space: nowrap;
height: 1.5rem;
top: 1rem;
padding: 0;
list-style: none;
}
ul.scrolling-text.animate {
-webkit-animation: scrolling-text 25s linear infinite;
animation: scrolling-text 25s linear infinite;
}
ul.scrolling-text li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 1rem;
}
@-webkit-keyframes scrolling-text {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
}
@keyframes scrolling-text {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
}
.two-thirds-block .et_pb_text {
margin-bottom: 4rem !important;
}
.two-thirds-block .et_pb_text:last-child {
margin-bottom: 0 !important;
}
.skills-block .et_pb_code {
background: #FFFFFF;
border: 1px solid #DAF0FB;
border-radius: 0.5rem;
padding: 1rem;
} .achievements-blocks .et_pb_column {
padding: 2rem 1rem;
border-radius: 0.5rem;
border: 1px solid #DAF0FB;
background: #fff;
} .achievements-blocks .et_pb_image {
margin-bottom: 1rem !important;
} .achievements-blocks .et_pb_image span,
.achievements-blocks .et_pb_code_inner {
text-align: center;
}
.achievements-blocks h4 {
margin-bottom: 0.25rem;
}
.achievements-blocks p {
margin: 0;
padding-top: 0.125rem;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.5rem;
color: #262626;
} .achievements-blocks .icon-text {
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
}
.achievements-blocks .icon-text i {
flex-shrink: 0;
color: #92D248;
}
.et_pb_code_inner .icon-text p {
margin: 0;
}
.small-card .et_pb_code_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.external-link-card .et_pb_code_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.small-card.divider {
padding-bottom: 2rem;
border-bottom: 1px solid #DAF0FB;
}
.small-card.contained,
.external-link-card {
background: #FFFFFF;
border: 1px solid #0F4557;
border-radius: 0.5rem;
padding: 1rem;
}
.big-project-block .dmach-grid-item .et_pb_row,
.small-project-block .dmach-grid-item .et_pb_row,
.small-card.et_clickable,
.external-link-card.et_clickable {
bottom: 0;
right: 0;
}
.big-project-block .dmach-grid-item .et_pb_row:hover,
.small-project-block .dmach-grid-item .et_pb_row:hover,
.small-card.et_clickable:hover,
.external-link-card.et_clickable:hover {
position: relative;
bottom: 0.25rem;
right: 0.25rem;
}
.big-project-block .dmach-grid-item .et_pb_row::before,
.small-project-block .dmach-grid-item .et_pb_row::before,
.small-card.et_clickable::before,
.external-link-card.et_clickable::before {
content: '';
position: absolute;
top: -1px;
left: -1px;
width: 100%;
height: 100%;
background: #fcb713;
border: 1px solid #0F4557;
z-index: -1;
border-radius: 0.5rem;
}
.big-project-block .dmach-grid-item .et_pb_row:hover::before,
.small-project-block .dmach-grid-item .et_pb_row:hover::before,
.small-card.et_clickable:hover::before,
.external-link-card.et_clickable:hover::before {
top: 0.25rem;
left: 0.25rem;
}
.small-card i,
.skills-block i {
position: relative;
color: #47B9DF;
width: 2.5rem;
height: 2.5rem;
background: #ECF7FD;
border: 1px solid #47B9DF;
border-radius: 28px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.skills-block i {
margin-bottom: 1rem;
}
.small-card i::before,
.skills-block i::before {
top: 7px;
left: 7px;
position: absolute;
}
.process-block .timeline-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
margin-bottom: 1rem;
}
.process-block .timeline-wrap span {
display: block;
}
.process-block .timeline-wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
margin-bottom: 1rem;
}
.process-block .timeline-point {
width: 2rem;
height: 2rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border-radius: 50%;
background: #47B9DF;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.6s ease;
transition: -webkit-transform 0.6s ease;
transition: transform 0.6s ease;
transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
.process-block .timeline-line {
position: absolute;
left: 4rem;
right: 0;
height: 0.25rem;
background: #47B9DF;
border-radius: 2px;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 0.6s ease;
transition: -webkit-transform 0.6s ease;
transition: transform 0.6s ease;
transition: transform 0.6s ease, -webkit-transform 0.6s ease;
} .process-block .timeline-wrap.active .timeline-point {
-webkit-transform: scale(1);
transform: scale(1);
}
.process-block .timeline-wrap.active .timeline-line {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .process-block .et_pb_column:last-child .timeline-line {
display: none;
}
.requirements-block .et_pb_text .et_pb_text_inner {
margin-left: 2rem;
}
.requirements-block .et_pb_text::before {
content: '';
display: block;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' stroke-width='1.54' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%2347b9df'%3E%3Cpath d='M7 12.5l3 3 7-7' stroke='%2347b9df' stroke-width='1.54' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z' stroke='%2347b9df' stroke-width='1.54' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
position: absolute;
top: 0px;
left: 0px;
background-size: 1.5rem;
height: 1.5rem;
width: 1.5rem;
} :root {
--x: 0.5;
--y: 0.5;
}
.home-hero .et_pb_image img {
-webkit-transform: scale(1.2324);
transform: scale(1.2324);
}
.home-hero .big-chips,
.home-hero .big-chips .et_pb_code_inner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.home-hero .big-chip.ux-design,
.home-hero .big-chip.web-design,
.home-hero .big-chip.branding {
position: absolute;
}
.home-hero .big-chip.ux-design {
top: calc(0px + 0.5rem * var(--y));
left: calc(0px + 0.5rem * var(--x));
}
.home-hero .big-chip.web-design {
top: calc(8rem + 0.5rem * var(--y));
right: calc(-2rem - 0.5rem * var(--x));
}
.home-hero .big-chip.branding {
bottom: calc(4rem - 0.5rem * var(--y));
left: calc(50% + 0.5rem * var(--x));
-webkit-transform: translateX(calc(-50% + 0.5rem * var(--x)));
transform: translateX(calc(-50% + 0.5rem * var(--x)));
}
.company-logos-block .logos .et_pb_image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #ffffff;
padding: 2rem;
border: 1px solid #0F4557;
border-radius: 0.5rem;
height: 120px;
}
.company-logos-block .logos .et_pb_image_wrap,
.company-logos-block .logos img {
height: 100%;
}
.company-logos-block .logos img {
-o-object-fit: contain;
object-fit: contain;
}
.two-image-block .et_pb_image {
border-radius: 0.5rem;
overflow: hidden;
}
.profile-image::before {
content: '';
position: absolute;
bottom: -1px;
left: -1px;
width: 100%;
height: 60%;
background: #ECF7FD;
border: 1px solid #0F4557;
border-radius: 0.5rem;
z-index: -1;
}
.profile-image .et_pb_image_wrap::before {
content: '👋 Hi, I’m Luke';
position: absolute;
top: calc(0.5rem + 0.5rem * var(--y));
left: calc(0.5rem + 0.5rem * var(--x));
padding: 1rem 2rem;
background: #FFFFFF;
border: 1px solid #0F4557;
border-radius: 1.75rem;
font-weight: 600;
font-size: 0.875rem;
line-height: 22px;
color: #0F4557;
}
.profile-image img {
border-radius: 0.5rem;
}
.et-db #et-boc .et-l .project-images-block img {
-o-object-fit: cover;
object-fit: cover;
} .home-hero h1 {
margin-bottom: 1rem;
-webkit-filter: drop-shadow(0px 2px 8px rgba(38, 38, 38, 0.05)) drop-shadow(0px 4px 16px rgba(38, 38, 38, 0.15));
filter: drop-shadow(0px 2px 8px rgba(38, 38, 38, 0.05)) drop-shadow(0px 4px 16px rgba(38, 38, 38, 0.15));
}
.page-hero h1 {
margin-bottom: 0.5rem;
}
.home-hero .camo-text {
background: url(https://havishdesign.com/wp-content/uploads/2023/01/Camo-Pattern.svg);
background-size: cover;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-position: calc(-50% + 2rem * var(--x)) calc(-50% + 2rem * var(--y));
}
.scrolling-text-wrap .scrolling-text p {
font-weight: 600;
font-size: 0.875rem;
line-height: 22px;
color: #0F4557;
padding-top: 2px;
}
.scrolling-text-wrap .scrolling-text li::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%230F4557' d='M7 0h2v16H7z'/%3E%3Cpath fill='%230F4557' d='M16 7v2H0V7z'/%3E%3Cpath fill='%230F4557' d='m14.364 12.95-1.414 1.414L1.636 3.05 3.05 1.636z'/%3E%3Cpath fill='%230F4557' d='M3.05 14.364 1.636 12.95 12.95 1.636l1.414 1.414z'/%3E%3C/svg%3E");
background-size: 1rem 1rem;
height: 1rem;
width: 1rem;
margin-right: 1rem;
}
.post-hero .page-hero-title {
margin-bottom: 0.5rem !important;
}
.section-title h2 {
text-align: center;
}
.services-block h3 {
margin-bottom: 1rem;
}
.two-image-block h2 {
margin-bottom: 1rem;
}
.two-thirds-block h2 {
margin-bottom: 1rem;
}
.big-numbers-block h1 {
color: #FCB713;
}
.big-numbers-block h1,
.big-numbers-block p {
text-align: center;
}
.small-card h3,
.skills-block h3,
.external-link-card h3 {
margin-bottom: 0.5rem;
}
.small-card h3 {
margin-top: 0.25rem;
}
.process-block h3 {
margin-bottom: 1rem;
}
.skills-block ul {
padding: 0;
list-style: none;
}
.skills-block ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0.5rem;
border-bottom: 1px solid #DAF0FB;
}
.skills-block ul li:last-child {
margin-bottom: 0;
border-bottom: none;
}
.skills-block ul li::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%230F4557' d='M7 0h2v16H7z'/%3E%3Cpath fill='%230F4557' d='M16 7v2H0V7z'/%3E%3Cpath fill='%230F4557' d='m14.364 12.95-1.414 1.414L1.636 3.05 3.05 1.636z'/%3E%3Cpath fill='%230F4557' d='M3.05 14.364 1.636 12.95 12.95 1.636l1.414 1.414z'/%3E%3C/svg%3E");
background-size: 1rem 1rem;
height: 1rem;
width: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 0.5rem;
margin-top: 0.25rem;
}
.small-card p,
.skills-block p,
.process-block p {
font-weight: 600;
}
.process-block p {
margin-bottom: 1rem;
} .et-db #et-boc .et-l .et_pb_section.company-logos-block::before,
.et-db #et-boc .et-l .et_pb_section.company-logos-block::after,
.et-db #et-boc .et-l .et_pb_section.testimonials-block::before,
.et-db #et-boc .et-l .et_pb_section.testimonials-block::after,
.et-db #et-boc .et-l .et_pb_section.skills-block::before,
.et-db #et-boc .et-l .et_pb_section.skills-block::after {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' fill='none'%3E%3Cpath fill='%2347b9df' d='M10 14a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM50 14a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM90 14a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM130 14a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM30 54a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM70 54a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM110 54a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM10 94a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM50 94a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM90 94a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM130 94a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM30 134a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM70 134a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM110 134a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z'/%3E%3C/svg%3E");
position: absolute;
height: 140px;
width: 140px;
background-size: 140px;
z-index: 1;
}
.et-db #et-boc .et-l .et_pb_section.company-logos-block::before,
.et-db #et-boc .et-l .et_pb_section.testimonials-block::before,
.et-db #et-boc .et-l .et_pb_section.skills-block::before {
top: -70px;
right: calc((100vw - 1200px) / 2);
}
.et-db #et-boc .et-l .et_pb_section.company-logos-block::after,
.et-db #et-boc .et-l .et_pb_section.testimonials-block::after,
.et-db #et-boc .et-l .et_pb_section.skills-block::after {
bottom: -70px;
left: calc((100vw - 1200px) / 2);
}  @media screen and (min-width: 1441px) {
.et_pb_section .et_pb_row,
.et-db #et-boc .et-l.et-l--post .et_pb_section .et_pb_row,
.et-db #et-boc .et-l.et-l--footer .et_pb_section .et_pb_row {
max-width: 1200px;
padding: 0;
}
.et-db #et-boc .et-l .et_pb_section.two-image-block .et_pb_row,
.et-db #et-boc .et-l .et_pb_section.project-images-block .et_pb_row {
padding-left: 2rem;
padding-right: 2rem;
}
.et-db #et-boc .et-l .et_pb_section.scrolling-text-block .et_pb_row {
max-width: 100%;
}
.et-db #et-boc .et-l .et_pb_section.two-image-block .et_pb_row,
.et-db #et-boc .et-l .et_pb_section.project-images-block .et_pb_row {
max-width: 1440px;
}
}
@media (min-width: 981px) and (max-width: 1440px) {
.et-db #et-boc .et-l .et_pb_section.big-numbers-block::before {
width: calc(100% - 15rem);
}
.et-db #et-boc .et-l .et_pb_section.company-logos-block::before,
.et-db #et-boc .et-l .et_pb_section.testimonials-block::before,
.et-db #et-boc .et-l .et_pb_section.skills-block::before {
right: 7.5rem;
}
.et-db #et-boc .et-l .et_pb_section.company-logos-block::after,
.et-db #et-boc .et-l .et_pb_section.testimonials-block::after,
.et-db #et-boc .et-l .et_pb_section.skills-block::after {
left: 7.5rem;
}
}
@media (min-width: 981px) and (max-width: 1200px) {
.et-db #et-boc .et-l .post-hero .et_pb_column:first-child {
margin-bottom: 2rem;
}
.company-logos-block .logos .et_pb_column {
width: calc((100% - 2rem) / 2);
margin-right: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.company-logos-block .logos .et_pb_column:nth-child(even) {
margin-right: 0;
}
.company-logos-block .logos .et_pb_image:first-child {
margin-right: 2rem;
}
.two-image-block.left .et_pb_column:last-child {
padding-right: 2rem;
padding-left: 0;
}
.two-image-block.right .et_pb_column:first-child {
padding-left: 2rem;
padding-right: 0;
}
.big-numbers-block .et_pb_column,
.et-db #et-boc .et-l .big-numbers-block .et_pb_column {
width: calc((100% - 4rem) / 2);
margin-right: 4rem;
}
.big-numbers-block .et_pb_column:nth-child(even),
.et-db #et-boc .et-l .big-numbers-block .et_pb_column:nth-child(even) {
margin-right: 0;
}
.big-numbers-block .et_pb_column:nth-child(1),
.big-numbers-block .et_pb_column:nth-child(2),
.et-db #et-boc .et-l .big-numbers-block .et_pb_column:nth-child(1),
.et-db #et-boc .et-l .big-numbers-block .et_pb_column:nth-child(2) {
margin-bottom: 4rem;
}
.profile-image .et_pb_image_wrap::before {
top: -1rem;
left: -1rem;
}
}
@media (min-width: 800px) and (max-width: 1200px) {
.big-numbers-block .et_pb_column,
.et-db #et-boc .et-l .big-numbers-block .et_pb_column {
padding: 0 4rem;
}
}
@media (min-width: 601px) and (max-width: 1200px) {
.skills-block .skills-blocks .et_pb_column {
width: calc((100% - 2rem) / 2);
}
.skills-block .skills-blocks .et_pb_column:nth-child(even) {
margin-right: 0;
}
.skills-block .skills-blocks .et_pb_column:nth-child(1),
.skills-block .skills-blocks .et_pb_column:nth-child(2) {
margin-bottom: 2rem;
}
.et-db #et-boc .et-l .achievements-block .achievements-blocks {
grid-template-columns: repeat(2, 1fr);
}
} @media screen and (max-width: 980px) {
.et-db #et-boc .et-l .et_pb_section.home-hero {
height: auto;
max-height: none;
}
.et-db #et-boc .et-l .home-hero .et_pb_column,
.et-db #et-boc .et-l .post-hero .et_pb_column {
width: 100%;
}
.et-db #et-boc .et-l .et_pb_section.scrolling-text-block {
padding: 0;
margin-top: -13vw;
}
.et_pb_column {
margin-bottom: 2rem;
}
.services-block .et_pb_column {
width: 100%;
margin-right: 0;
margin-bottom: 8rem;
}
.services-block .et_pb_column::after {
height: 1px;
width: 100%;
top: auto;
bottom: -4rem;
right: 0rem;
}
.two-image-block .et_pb_column {
width: 100%;
margin-right: 0;
}
.et-db #et-boc .et-l .two-thirds-block .et_pb_column {
margin-right: 0;
margin-bottom: 0;
}
.et-db #et-boc .et-l .two-thirds-block.left .et_pb_column.et_pb_column_empty {
margin-top: 0;
}
.et-db #et-boc .et-l .two-thirds-block.left .et_pb_column:first-child,
.et-db #et-boc .et-l .two-thirds-block.right .et_pb_column:last-child,
.et-db #et-boc .et-l .two-thirds-block.left .et_pb_column:last-child,
.et-db #et-boc .et-l .two-thirds-block.right .et_pb_column:first-child {
width: 100%;
}
.et-db #et-boc .et-l .two-thirds-block.right .et_pb_column:last-child {
margin-bottom: 0;
}
.et-db #et-boc .et-l.et-l--post .small-card.divider:last-child {
padding-bottom: 0;
border-bottom: none;
}
.et-db #et-boc .et-l .process-block .et_pb_column {
width: 100% !important;
margin-right: 0 !important;
margin-bottom: 2rem;
}
.et-db #et-boc .et-l .process-block .et_pb_column:nth-child(3) {
margin-bottom: 2rem !important;
}
.process-block .et_pb_code_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2rem;
}
.process-block .timeline-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 0;
}
.process-block .timeline-line {
width: 0.25rem;
height: calc(100% - 2rem);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
transform-origin: top;
left: 14px;
top: 3rem;
right: auto;
}
.process-block .timeline-wrap.active .timeline-line {
-webkit-transform: scaleY(1);
transform: scaleY(1); }
.et-db #et-boc .et-l .et_pb_section.project-images-block .et_pb_row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.et-db #et-boc .et-l .project-images-block .et_pb_column {
width: calc((100% - 2rem) / 2);
float: left;
}
.et-db #et-boc .et-l .et_pb_section.project-images-block .et_pb_column,
.et-db #et-boc .et-l .et_pb_section.project-images-block .et_pb_column.rect {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 100%;
}
.et-db #et-boc .et-l .et_pb_section.project-images-block .et_pb_column img,
.et-db #et-boc .et-l .et_pb_section.project-images-block .et_pb_column video {
width: 100%;
height: auto;
}
} @media (min-width: 601px) and (max-width: 980px) {
.et-db #et-boc .et-l .et_pb_section.home-hero {
padding-top: 7.5rem;
padding-bottom: 0;
}
.et-db #et-boc .et-l .home-hero .et_pb_column,
.et-db #et-boc .et-l .post-hero .et_pb_column {
margin-right: 0;
padding: 0 7vw;
}
.et-db #et-boc .et-l .home-hero .et_pb_column:first-child,
.et-db #et-boc .et-l .post-hero .et_pb_column:first-child {
margin-bottom: 4rem;
}
.et-db #et-boc .et-l .home-hero .et_pb_column:last-child {
padding: 0;
margin-left: 4rem;
width: calc(100% - 8rem);
z-index: 3;
background-position-y: -14vw;
}
.home-hero .big-chip.ux-design {
top: 0;
left: -2rem;
}
.home-hero .big-chip.web-design {
top: 23%;
right: -2rem;
}
.home-hero .big-chip.branding {
bottom: 8rem;
left: 2rem;
-webkit-transform: none;
transform: none;
}
.et-db #et-boc .et-l .et_pb_section.company-logos-block::before,
.et-db #et-boc .et-l .et_pb_section.testimonials-block::before,
.et-db #et-boc .et-l .et_pb_section.skills-block::before {
right: 4rem;
}
.et-db #et-boc .et-l .et_pb_section.company-logos-block::after,
.et-db #et-boc .et-l .et_pb_section.testimonials-block::after,
.et-db #et-boc .et-l .et_pb_section.skills-block::after {
left: 4rem;
}
.et_pb_section .et_pb_row,
.et-db #et-boc .et-l.et-l--post .et_pb_section .et_pb_row,
.et-db #et-boc .et-l.et-l--footer .et_pb_section .et_pb_row {
padding-left: 4rem;
padding-right: 4rem;
}
.et-db #et-boc .et-l .et_pb_section.scrolling-text-block .et_pb_row {
padding: 0;
}
.company-logos-block .logos .et_pb_column {
width: calc((100% - 4rem) / 3);
}
.et-db #et-boc .et-l .et_pb_section.two-image-block .et_pb_row {
padding-left: 4rem;
padding-right: 4rem;
}
.et-db #et-boc .et-l .et_pb_section.big-numbers-block::before {
width: calc(100% - 8rem);
}
.two-image-block .et_pb_column {
padding-left: 4rem;
padding-right: 4rem;
margin-right: 0;
margin-bottom: 4rem;
}
.two-image-block.left .et_pb_column:last-child {
padding-right: 4rem;
padding-left: 4rem;
}
.et-db #et-boc .et-l .two-thirds-block .et_pb_column:last-child {
margin-top: 4rem;
}
.big-numbers-block .et_pb_column,
.et-db #et-boc .et-l .big-numbers-block .et_pb_column {
width: calc((100% - 4rem) / 2);
margin-right: 4rem;
}
.big-numbers-block .et_pb_column:nth-child(even),
.et-db #et-boc .et-l .big-numbers-block .et_pb_column:nth-child(even) {
margin-right: 0;
}
.big-numbers-block .et_pb_column:nth-child(1),
.big-numbers-block .et_pb_column:nth-child(2),
.et-db #et-boc .et-l .big-numbers-block .et_pb_column:nth-child(1),
.et-db #et-boc .et-l .big-numbers-block .et_pb_column:nth-child(2) {
margin-bottom: 4rem;
}
.profile-image {
width: 80%;
margin: 0 auto 4rem !important;
}
.profile-image .et_pb_image_wrap::before {
top: 2rem;
left: 33%;
-webkit-transform: translateX(-80%);
transform: translateX(-80%);
}
.small-card {
float: left;
width: calc((100% - 2rem) / 2);
margin-right: 2rem;
margin-bottom: 0 !important;
}
.small-card:last-child {
margin-right: 0;
}
.et-db #et-boc .et-l.et-l--post .small-card {
width: 100%;
margin-bottom: 2rem !important;
}
.et-db #et-boc .et-l.et-l--post .small-card:last-child {
margin-bottom: 0 !important;
}
} @media screen and (max-width: 600px) {
.et_pb_section .et_pb_row,
.et-db #et-boc .et-l.et-l--post .et_pb_section .et_pb_row,
.et-db #et-boc .et-l.et-l--footer .et_pb_section .et_pb_row {
padding-left: 2rem;
padding-right: 2rem;
}
.et-db #et-boc .et-l .et_pb_section.home-hero {
padding-top: 7.5rem;
padding-bottom: 0;
}
.et-db #et-boc .et-l .home-hero .et_pb_column:first-child {
margin-bottom: 1rem;
margin-right: 0;
}
.et-db #et-boc .et-l .home-hero .et_pb_column:last-child {
z-index: 3;
background-position-y: -14vw;
}
.et-db #et-boc .et-l .post-hero .et_pb_column:first-child {
margin-bottom: 4rem;
margin-right: 0;
}
.home-hero .big-chip {
padding: 0.5rem 1rem;
}
.home-hero .big-chip p {
font-size: 0.75rem;
}
.home-hero .big-chip.ux-design {
top: 0;
left: -1rem;
}
.home-hero .big-chip.web-design {
top: 20%;
right: -1rem;
}
.home-hero .big-chip.branding {
bottom: 4rem;
left: 4rem;
-webkit-transform: none;
transform: none;
}
.et-db #et-boc .et-l .et_pb_section.company-logos-block::before,
.et-db #et-boc .et-l .et_pb_section.company-logos-block::after,
.et-db #et-boc .et-l .et_pb_section.testimonials-block::before,
.et-db #et-boc .et-l .et_pb_section.testimonials-block::after,
.et-db #et-boc .et-l .et_pb_section.skills-block::before,
.et-db #et-boc .et-l .et_pb_section.skills-block::after {
height: 80px;
width: 80px;
background-size: 80px;
}
.et-db #et-boc .et-l .et_pb_section.company-logos-block::before,
.et-db #et-boc .et-l .et_pb_section.testimonials-block::before,
.et-db #et-boc .et-l .et_pb_section.skills-block::before {
top: -40px;
right: 2rem;
}
.et-db #et-boc .et-l .et_pb_section.company-logos-block::after,
.et-db #et-boc .et-l .et_pb_section.testimonials-block::after,
.et-db #et-boc .et-l .et_pb_section.skills-block::after {
bottom: -40px;
left: 2rem;
}
.et-db #et-boc .et-l .two-thirds-block .et_pb_column:last-child {
margin-top: 2rem;
}
.et-db #et-boc .et-l .et_pb_section.scrolling-text-block .et_pb_row {
padding: 0;
}
.et-db #et-boc .et-l .et_pb_section.services-block,
.et-db #et-boc .et-l .et_pb_section.company-logos-block,
.et-db #et-boc .et-l .et_pb_section.big-project-block,
.et-db #et-boc .et-l .et_pb_section.small-project-block,
.et-db #et-boc .et-l .et_pb_section.testimonials-block,
.et-db #et-boc .et-l .et_pb_section.two-image-block,
.et-db #et-boc .et-l .et_pb_section.two-thirds-block,
.et-db #et-boc .et-l .et_pb_section.skills-block {
padding-top: 4rem;
padding-bottom: 4rem;
}
.et-db #et-boc .et-l .et_pb_section.big-numbers-block::before {
width: calc(100% - 4rem);
}
.company-logos-block .logos .et_pb_column {
width: 100%;
margin-right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1rem;
}
.company-logos-block .logos .et_pb_column:last-child {
margin-bottom: 0;
}
.company-logos-block .logos .et_pb_image {
width: calc((100% - 1rem) / 2);
height: 25vw;
}
.company-logos-block .logos .et_pb_image:first-child {
margin-right: 1rem;
margin-bottom: 0 !important;
}
.two-image-block .et_pb_column {
margin-bottom: 2rem;
}
.two-image-block.left .et_pb_column:last-child {
padding-right: 0;
padding-left: 0;
}
.two-thirds-block .et_pb_text {
margin-bottom: 2rem !important;
}
.et-db #et-boc .et-l .et_pb_section.big-numbers-block {
padding-bottom: 4rem;
}
.profile-image .et_pb_image_wrap::before {
top: 0;
left: -5%;
}
.skills-block .skills-blocks .et_pb_column {
width: 100%;
margin-right: 0;
margin-bottom: 2rem;
}
.skills-block .skills-blocks .et_pb_column:last-child {
margin-bottom: 0;
}
.et-db #et-boc .et-l .achievements-block .achievements-blocks {
grid-template-columns: 1fr; }
.et-db #et-boc .et-l .et_pb_section.project-images-block .et_pb_row {
display: block;
}
.et-db #et-boc .et-l .et_pb_section.requirements-block .et_pb_row:first-child {
margin-bottom: 0rem;
}
.et-db #et-boc .et-l .et_pb_section.requirements-block .et_pb_column {
width: calc((100% - 2rem) / 2) !important;
margin-right: 2rem;
}
.requirements-block .et_pb_text .et_pb_text_inner {
margin-left: 0rem;
padding-top: 2rem;
}
.requirements-block .et_pb_text p {
font-size: 0.75rem;
}
}  .testimonials-block .et_pb_slides .et_pb_slide {
background: none;
padding: 0 5.5rem;
}
.testimonials-block .et_pb_slide_description {
padding: 6rem 0 0;
}
.testimonials-block .et_pb_slide_description::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='64' fill='none'%3E%3Cpath fill='%23FCB713' d='M25.502 26.619c5.579 0 10.108 1.57 13.587 4.708 3.545 3.14 5.317 7.56 5.317 13.262 0 5.637-1.936 10.282-5.81 13.934C34.725 62.174 29.244 64 22.155 64c-7.09 0-12.57-2.274-16.443-6.823C1.904 52.63 0 46.735 0 39.496c0-6.92 1.772-12.941 5.317-18.067 3.61-5.125 8.04-9.449 13.292-12.973C23.86 4.933 28.98 2.114 33.97 0l4.53 8.84c-3.151 1.282-6.466 3.044-9.945 5.286-3.413 2.242-6.334 4.709-8.763 7.4-2.363 2.626-3.578 5.22-3.643 7.783.262-.32 1.214-.832 2.855-1.537 1.641-.769 3.807-1.153 6.498-1.153Zm51.593 0c5.58 0 10.11 1.57 13.588 4.708C94.228 34.467 96 38.887 96 44.59c0 5.637-1.936 10.282-5.81 13.934C86.319 62.174 80.838 64 73.749 64c-7.09 0-12.57-2.274-16.443-6.823-3.808-4.548-5.711-10.442-5.711-17.681 0-6.92 1.772-12.941 5.317-18.067 3.61-5.125 8.04-9.449 13.292-12.973C75.454 4.933 80.574 2.114 85.563 0l4.53 8.84c-3.151 1.282-6.466 3.044-9.945 5.286-3.414 2.242-6.335 4.709-8.763 7.4-2.364 2.626-3.578 5.22-3.644 7.783.263-.32 1.215-.832 2.856-1.537 1.64-.769 3.807-1.153 6.498-1.153Z'/%3E%3C/svg%3E");
display: inline-block;
top: 0;
left: 0;
position: absolute;
background-size: 6rem 4rem;
width: 6rem;
height: 4rem;
}
.testimonials-block .et_pb_slides .et_pb_slide h3:first-of-type {
margin-bottom: 2rem;
}
.testimonials-block .et_pb_slides .et_pb_slide h3,
.testimonials-block .et_pb_slides .et_pb_slide p {
color: #246E93 !important;
text-shadow: none;
text-align: left;
}   @media screen and (max-width: 980px) {
.testimonials-block .et_pb_slides .et_pb_slide {
padding: 0;
}
.testimonials-block .et-pb-slider-arrows {
display: block;
position: relative;
height: 3.5rem;
margin-top: 2rem;
}
.testimonials-block .et-pb-controllers {
position: absolute;
bottom: 1.5rem;
padding-top: 0;
height: 0.5rem;
}
}   .big-project-block .divi-filter-archive-loop,
.small-project-block .divi-filter-archive-loop {
margin-bottom: 0;
}
.big-project-block .divi-filter-archive-loop > :not(.no-results-layout),
.small-project-block .divi-filter-archive-loop > :not(.no-results-layout) {
grid-gap: 2rem;
}
.small-project-block .dmach-grid-item .et_pb_row,
.big-project-block .dmach-grid-item .et_pb_row {
background: #ffffff;
border: 1px solid #0F4557;
border-radius: 0.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.et-db #et-boc .et-l .big-project-block .dmach-grid-item .et_pb_row {
padding: 2rem 2rem 0;
}
.et-db #et-boc .et-l .small-project-block .dmach-grid-item .et_pb_row {
padding: 0;
-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;
}
.et-db #et-boc .et-l .big-project-block .dmach-grid-item .et_pb_row::after,
.et-db #et-boc .et-l .small-project-block .dmach-grid-item .et_pb_row::after {
content: none;
}
.big-project-block .dmach-grid-item .et_pb_column {
width: 50%;
margin-right: 0;
}
.big-project-block .dmach-grid-item .et_pb_column:first-child {
padding: 2rem 2rem 4rem;
-ms-flex-item-align: center;
align-self: center;
}
.big-project-block .dmach-grid-item .et_pb_column:last-child {
-ms-flex-item-align: end;
align-self: flex-end;
}
.et-db #et-boc .et-l .small-project-block .dmach-grid-item .et_pb_column {
width: 100%;
margin-right: 0;
}
.small-project-block .dmach-grid-item .et_pb_column:last-child {
padding: 1rem 1rem 0;
}
.big-project-block .dmach-grid-item .et_pb_de_mach_title {
margin-bottom: 0.5rem !important;
}
.post-hero .dmach-postmeta-value,
.big-project-block .dmach-grid-item .dmach-postmeta-value,
.small-project-block .dmach-grid-item .dmach-postmeta-value {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.post-hero .dmach-postmeta-value,
.big-project-block .dmach-grid-item .dmach-postmeta-value {
gap: 0.5rem;
}
.small-project-block .dmach-grid-item .dmach-postmeta-value {
gap: 1rem;
padding: 1rem 2rem;
}
.post-hero .dmach-postmeta-value span,
.big-project-block .dmach-grid-item .dmach-postmeta-value span {
padding: 0.25rem 1rem;
border-radius: 1rem;
font-weight: 600;
font-size: 14px;
line-height: 24px;
height: 2rem;
border-radius: 1rem;
border: 1px solid #0F4557;
background: #ffffff;
color: #0F4557;
}
.small-project-block .dmach-grid-item .et_pb_de_mach_post_meta {
background: #DAF0FB;
border-bottom: 1px solid #0F4557;
border-radius: 0.5rem 0.5rem 0 0;
}
.small-project-block .dmach-grid-item .dmach-postmeta-value span {
font-weight: 600;
font-size: 0.875rem;
line-height: 22px;
color: #0F4557;
padding-top: 1px;
margin-right: 0.5rem;
}
.small-project-block .dmach-grid-item .et_pb_de_mach_title,
.small-project-block .dmach-grid-item .et_pb_text,
.small-project-block .dmach-grid-item .et_pb_de_mach_view_button {
padding: 0 2rem;
}
.small-project-block .dmach-grid-item .et_pb_de_mach_title {
margin-bottom: 0.5rem !important;
}
.small-project-block .dmach-grid-item .et_pb_de_mach_title h2 {
font-size: 1.5rem;
letter-spacing: 0.25px;
line-height: 2.250rem;
}
.small-project-block .dmach-grid-item .et_pb_de_mach_view_button {
margin-bottom: 2rem !important;
}
.small-project-block .dmach-grid-item .dmach-postmeta-item-content {
overflow: hidden;
}
.small-project-block .dmach-grid-item .et_pb_row .dmach-postmeta-value {
display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }  @media (min-width: 981px) and (max-width: 1200px) {
.et-db #et-boc .et-l .big-project-block .dmach-grid-item .et_pb_row {
padding: 1rem 1rem 0;
}
.et-db #et-boc .et-l .big-project-block .dmach-grid-item .et_pb_column:first-child {
padding: 1rem 1rem 2rem;
}
body .et_pb_section.small-project-block .divi-filter-archive-loop.col-desk-3 > :not(.no-results-layout) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.small-project-block .divi-filter-archive-loop .grid-col:last-child {
display: none;
}
} @media screen and (max-width: 980px) {
.et-db #et-boc .et-l .big-project-block .dmach-grid-item .et_pb_row {
padding: 0;
-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;
}
.big-project-block .dmach-grid-item .et_pb_column {
width: 100%;
margin-right: 0;
}
.big-project-block .dmach-grid-item .et_pb_column:first-child,
.small-project-block .dmach-grid-item .et_pb_column:first-child {
margin-bottom: 0 !important;
}
.big-project-block .dmach-grid-item .et_pb_column:first-child {
padding: 0;
height: auto;
}
.big-project-block .dmach-grid-item .et_pb_column:last-child {
padding: 1rem 1rem 0;
}
.big-project-block .dmach-grid-item .dmach-postmeta-value {
gap: 1rem;
}
.big-project-block .dmach-grid-item .et_pb_de_mach_post_meta {
padding: 1rem 2rem;
background: #DAF0FB;
border-bottom: 1px solid #0F4557;
border-radius: 0.5rem 0.5rem 0 0;
}
.big-project-block .dmach-grid-item .dmach-postmeta-value span {
font-weight: 600;
font-size: 0.875rem;
line-height: 22px;
color: #0F4557;
padding: 1px 0 0 0;
background: none;
}
.big-project-block .dmach-grid-item .et_pb_de_mach_title,
.big-project-block .dmach-grid-item .et_pb_text,
.big-project-block .dmach-grid-item .et_pb_de_mach_view_button {
padding: 0 2rem;
}
.big-project-block .dmach-grid-item .et_pb_de_mach_title {
margin-bottom: 0.5rem !important;
}
.big-project-block .dmach-grid-item .et_pb_de_mach_title h2 {
font-size: 1.5rem;
letter-spacing: 0.25px;
line-height: 2.250rem;
}
.big-project-block .dmach-grid-item .et_pb_de_mach_view_button {
margin-bottom: 2rem !important;
}
}
@media screen and (min-width: 768px) {
body .et_pb_section.big-project-block .filtered-posts-cont .divi-filter-archive-loop.col-tab-2 > :not(.no-results-layout) {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
} @media (min-width: 601px) and (max-width: 980px) {
.big-project-block .divi-filter-archive-loop > :not(.no-results-layout),
.small-project-block .divi-filter-archive-loop > :not(.no-results-layout) {
grid-gap: 4rem;
}
} @media screen and (max-width: 450px) {
.big-project-block .dmach-grid-item .et_pb_de_mach_post_meta,
.small-project-block .dmach-grid-item .et_pb_de_mach_post_meta {
padding: 1rem;
}
.big-project-block .dmach-grid-item .et_pb_de_mach_post_meta,
.small-project-block .dmach-grid-item .et_pb_de_mach_post_meta,
.big-project-block .dmach-grid-item .et_pb_de_mach_view_button,
.small-project-block .dmach-grid-item .et_pb_de_mach_view_button {
margin-bottom: 1rem !important;
}
.big-project-block .dmach-grid-item .dmach-postmeta-value,
.small-project-block .dmach-grid-item .dmach-postmeta-value {
gap: 0.5rem;
}
.big-project-block .dmach-grid-item .dmach-postmeta-value span,
.small-project-block .dmach-grid-item .dmach-postmeta-value span {
font-size: 0.75rem;
}
.big-project-block .dmach-grid-item .et_pb_de_mach_title,
.big-project-block .dmach-grid-item .et_pb_text,
.big-project-block .dmach-grid-item .et_pb_de_mach_view_button,
.small-project-block .dmach-grid-item .et_pb_de_mach_title,
.small-project-block .dmach-grid-item .et_pb_text,
.small-project-block .dmach-grid-item .et_pb_de_mach_view_button {
padding: 0 1rem;
}
} .wpcf7 ul {
padding: 0;
list-style: none;
}
.wpcf7 ul li {
margin-bottom: 1rem;
width: 100%;
float: left;
}
.wpcf7 ul li:last-child {
margin-bottom: 0;
margin-top: 0;
height: 48px;
}
.wpcf7 ul li.half-width {
margin-right: 20px;
width: calc((100% - 20px) / 2);
}
.wpcf7 ul li.half-width:nth-child(even) {
margin-right: 0;
}
.wpcf7 br {
display: none;
}
label,
.wpcf7 label,
.awsm-job-form-group label {
color: #353535;
font-weight: 600;
margin-bottom: 0.25rem;
}
.wpcf7 label .required,
.awsm-job-form-error {
color: #F45959;
font-weight: 700;
}
.et-db #et-boc .et-l input.text,
.et-db #et-boc .et-l input.title,
.et-db #et-boc .et-l input[type=email],
.et-db #et-boc .et-l input[type=password],
.et-db #et-boc .et-l input[type=tel],
.et-db #et-boc .et-l input[type=text],
.et-db #et-boc .et-l input[type=number],
.et-db #et-boc .et-l input[type=date],
.et-db #et-boc .et-l input[type='date'],
.et-db #et-boc .et-l select,
.et-db #et-boc .et-l textarea,
.et-db #et-boc .et-l .et_pb_newsletter_form input[type=text],
.et-db #et-boc .et-l .et_pb_newsletter_form p.et_pb_newsletter_field input[type=text] {
background: #FFFFFF;
border: 1px solid #0F4557;
border-radius: 0.5rem;
-webkit-box-sizing: bor2der-box;
box-sizing: border-box;
color: #0F4557;
font-size: 1rem;
font-weight: 300;
}
.et-db #et-boc .et-l input.text::-webkit-input-placeholder,
.et-db #et-boc .et-l input.title::-webkit-input-placeholder,
.et-db #et-boc .et-l input[type=email]::-webkit-input-placeholder,
.et-db #et-boc .et-l input[type=password]::-webkit-input-placeholder,
.et-db #et-boc .et-l input[type=tel]::-webkit-input-placeholder,
.et-db #et-boc .et-l input[type=text]::-webkit-input-placeholder,
.et-db #et-boc .et-l input[type=number]::-webkit-input-placeholder,
.et-db #et-boc .et-l input[type=date]::-webkit-input-placeholder,
.et-db #et-boc .et-l input[type='date']::-webkit-input-placeholder,
.et-db #et-boc .et-l select::-webkit-input-placeholder,
.et-db #et-boc .et-l textarea::-webkit-input-placeholder,
.et-db #et-boc .et-l .et_pb_newsletter_form input[type=text]::-webkit-input-placeholder,
.et-db #et-boc .et-l .et_pb_newsletter_form p.et_pb_newsletter_field input[type=text]::-webkit-input-placeholder {
color: #bbbbbb;
opacity: 1;
}
.et-db #et-boc .et-l input.text:-ms-input-placeholder,
.et-db #et-boc .et-l input.title:-ms-input-placeholder,
.et-db #et-boc .et-l input[type=email]:-ms-input-placeholder,
.et-db #et-boc .et-l input[type=password]:-ms-input-placeholder,
.et-db #et-boc .et-l input[type=tel]:-ms-input-placeholder,
.et-db #et-boc .et-l input[type=text]:-ms-input-placeholder,
.et-db #et-boc .et-l input[type=number]:-ms-input-placeholder,
.et-db #et-boc .et-l input[type=date]:-ms-input-placeholder,
.et-db #et-boc .et-l input[type='date']:-ms-input-placeholder,
.et-db #et-boc .et-l select:-ms-input-placeholder,
.et-db #et-boc .et-l textarea:-ms-input-placeholder,
.et-db #et-boc .et-l .et_pb_newsletter_form input[type=text]:-ms-input-placeholder,
.et-db #et-boc .et-l .et_pb_newsletter_form p.et_pb_newsletter_field input[type=text]:-ms-input-placeholder {
color: #bbbbbb;
opacity: 1;
}
.et-db #et-boc .et-l input.text::placeholder,
.et-db #et-boc .et-l input.title::placeholder,
.et-db #et-boc .et-l input[type=email]::placeholder,
.et-db #et-boc .et-l input[type=password]::placeholder,
.et-db #et-boc .et-l input[type=tel]::placeholder,
.et-db #et-boc .et-l input[type=text]::placeholder,
.et-db #et-boc .et-l input[type=number]::placeholder,
.et-db #et-boc .et-l input[type=date]::placeholder,
.et-db #et-boc .et-l input[type='date']::placeholder,
.et-db #et-boc .et-l select::placeholder,
.et-db #et-boc .et-l textarea::placeholder,
.et-db #et-boc .et-l .et_pb_newsletter_form input[type=text]::placeholder,
.et-db #et-boc .et-l .et_pb_newsletter_form p.et_pb_newsletter_field input[type=text]::placeholder {
color: #bbbbbb;
opacity: 1;
}
.et-db #et-boc .et-l input.text,
.et-db #et-boc .et-l input.title,
.et-db #et-boc .et-l input[type=email],
.et-db #et-boc .et-l input[type=password],
.et-db #et-boc .et-l input[type=tel],
.et-db #et-boc .et-l input[type=text],
.et-db #et-boc .et-l input[type=date],
.et-db #et-boc .et-l input[type='date'],
.et-db #et-boc .et-l select,
.et-db #et-boc .et-l textarea {
width: 100%;
}
.et-db #et-boc .et-l input.text,
.et-db #et-boc .et-l input.title,
.et-db #et-boc .et-l input[type=email],
.et-db #et-boc .et-l input[type=password],
.et-db #et-boc .et-l input[type=tel],
.et-db #et-boc .et-l input[type=text],
.et-db #et-boc .et-l input[type=date],
.et-db #et-boc .et-l input[type='date'],
.et-db #et-boc .et-l select {
height: 3rem;
padding: 0.125rem 1rem 0;
}
.et-db #et-boc .et-l input[type=number] {
height: 40px;
padding: 0 5px 0 20px;
}
.et-db #et-boc .et-l input[type="file"] {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.et-db #et-boc .et-l textarea {
height: 200px;
padding: 20px 20px 0 20px;
}
.codedropz-upload-handler {
border: 1px dashed #0F4557;
border-radius: 0.5rem;
}
.codedropz-upload-container {
padding: 2rem;
}
.codedropz-upload-inner h3 {
font-size: 1rem;
font-weight: 600;
color: #262626;
margin: 0;
}
.dnd-upload-counter {
right: 1rem;
bottom: 0.5rem;
font-size: 0.875rem;
line-height: 1.5rem;
}
.wpcf7 form .wpcf7-response-output {
margin: 0 0 1rem 0;
padding: 0.5rem 1rem;
border-width: 1px;
border-style: solid;
border-radius: 4px;
font-weight: 400;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #F45959;
color: #F45959;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #92D248;
color: #92D248;
}
.wpcf7-not-valid-tip {
color: #F45959;
font-size: 0.875rem;
font-weight: normal;
display: block;
margin-top: 5px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
background: #92D248;
} html.pum-open.pum-open-overlay.pum-open-scrollable body > [aria-hidden] {
padding-right: 0;
}
.pum-theme-content-only {
background-color: rgb(53 53 53 / 85%);
}
.pum-theme-content-only .pum-content {
color: #8c8c8c;
font-family: inherit;
font-weight: 400;
margin-top: 4rem;
margin-bottom: 4rem;
}
.popup-form.et_pb_section {
padding: 0;
border-radius: 0.5rem;
overflow: hidden;
-webkit-box-shadow: 0px 4px 16px rgb(53 53 53 / 15%);
box-shadow: 0px 4px 16px rgb(53 53 53 / 15%);
}
.popup-form .et_pb_row {
width: 100%;
max-width: 100%;
padding: 2rem;
}
.popup-form .et_pb_row.popup-form-text {
background: #3E5151;
}
.popup-form .et_pb_row.popup-form-text h2 {
color: #F2EADB;
}
.popup-form .et_pb_row.popup-form-text p {
color: #ffffff;
}
.popup-form .et_pb_row.popup-form-wrap {
background: #E9EDED;
}
.pum-theme-content-only .pum-content + .pum-close {
width: 1.5rem;
height: 1.5rem;
color: #ffffff;
font-weight: 400;
font-size: 2rem;
line-height: 1.5rem;
top: 71px;
}
.pum-theme-content-only .pum-content + .pum-close:hover {
color: #BACACA;
} @media screen and (max-width: 600px) {
.pum-container {
width: calc(100% - 4rem) !important;
left: 2rem !important;
}
.popup-form .et_pb_row {
padding: 2rem 1rem;
}
.wpcf7 ul li.half-width {
margin-right: 0;
width: 100%;
}
} #cookie-notice {
margin: 1rem;
width: calc(100vw - 2rem);
min-width: calc(100vw - 2rem);
background: transparent !important;
}
.single-column h2 {
margin-bottom: 1rem;
}
.single-column ul li {
font-size: 1rem;
margin-bottom: 0.5rem;
}
.single-column .et_pb_text ul {
padding-bottom: 2em;
}
#cookie-notice .cookie-notice-container {
display: block;
border: 1px solid #0F4557;
background: #daf0fb !important;
border-radius: 0.5rem;
padding: 1rem;
-webkit-box-shadow: 0px 4px 16px rgb(0 0 0 / 25%);
box-shadow: 0px 4px 16px rgb(0 0 0 / 25%);
}
#cookie-notice,
#cookie-notice * {
font-family: 'Epilogue', Helvetica, Arial, Lucida, sans-serif;
font-weight: 300;
font-size: 0.875rem;
}
.cn-text-container p {
color: #262626;
}
.cn-button::after {
display: none;
}
#cookie-notice .cn-text-container a {
font-weight: 600;
color: #47b9df;
}
#cookie-notice .cn-text-container a:hover {
color: #fcb713;
}
.cn-close-icon {
opacity: 1;
}
.cn-close-icon:before,
.cn-close-icon:after {
background-color: #47b9df;
}
.cn-close-icon:hover::before,
.cn-close-icon:hover::after {
background-color: #fcb713;
} @media screen and (max-width: 1100px) {
.cookie-notice-container {
padding: 2rem;
}
.cn-close-icon {
right: 1rem;
top: 1rem;
margin-top: 0;
}
.cn-text-container {
margin: 0 0 1rem;
}
.cn-text-container p {
margin: 0 2rem;
}
}
@media screen and (max-width: 980px) {
.single-column ul li {
font-size: 0.875rem;
margin-bottom: 0.25rem;
}
}
@media screen and (max-width: 900px) {
#cookie-notice .cn-button {
margin: 0;
}
}
@media screen and (max-width: 480px) {
.cookie-notice-container,
.cookie-revoke-container {
padding: 2rem;
}
#cookie-notice,
#cookie-notice * {
text-align: left;
}
.cn-text-container p {
color: #262626;
margin: 0 2rem 0 0;
}
} .et-db #et-boc .et-l .et_pb_section.top-footer {
background: #daf0fb;
padding-top: 4rem;
padding-bottom: 4rem;
}
.et-db #et-boc .et-l .et_pb_section.main-footer {
background: #0F4557;
padding-top: 7.5rem;
padding-bottom: 4rem;
}
.et-db #et-boc .et-l .top-footer .et_pb_row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.et-db #et-boc .et-l .top-footer .et_pb_column {
width: calc((100% - 4rem) / 2);
margin-right: 4rem;
}
.et-db #et-boc .et-l .top-footer .et_pb_newsletter.et_pb_subscribe {
background: none;
padding: 0;
}
.et-db #et-boc .et-l .top-footer .et_pb_newsletter.et_pb_subscribe .et_pb_newsletter_fields > * {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.et-db #et-boc .et-l .top-footer .et_pb_newsletter.et_pb_subscribe .et_pb_newsletter_fields .et_pb_newsletter_field {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-right: 1rem;
padding-bottom: 0;
}
.top-footer h2 {
margin-bottom: 0.5rem;
}
.main-footer .bottom-footer-content .et_pb_column {
border-top: 1px solid #ffffff;
padding-top: 4rem;
margin-top: 4rem;
}
.main-footer h4 {
color: #47B9DF;
}
.main-footer p {
color: #ffffff;
}
.main-footer .main-footer-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.et-db #et-boc .et-l .main-footer .main-footer-content .et_pb_column:first-child {
width: auto;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.et-db #et-boc .et-l .main-footer .main-footer-content .et_pb_column {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-right: 4rem;
}
.main-footer .main-footer-content .et_pb_menu {
background: none;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_footer.et_pb_menu {
background-color: transparent !important;
}
.et-db #et-boc .et-l .main-footer .main-footer-content .et_pb_menu ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.et-db #et-boc .et-l .main-footer .main-footer-content .et_pb_menu ul li {
margin-top: 0;
}
.et-db #et-boc .et-l .main-footer .main-footer-content .et_pb_menu ul li a {
color: #ffffff;
font-size: 1rem;
line-height: 1.75rem;
}
.et-db #et-boc .et-l .main-footer .main-footer-content .et_pb_menu ul li a:hover {
color: #fcb713;
opacity: 1;
}
.main-footer .main-footer-content .contact-details {
padding: 0;
}
.main-footer .main-footer-content .contact-details li {
list-style: none;
margin-bottom: 1rem;
}
.main-footer .main-footer-content .contact-details li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main-footer .main-footer-content .contact-details li a p {
margin-left: 0.5rem;
}
.main-footer .main-footer-content .contact-details li a:hover p,
.main-footer .main-footer-content .contact-details li a:hover i {
color: #fcb713;
}  @media screen and (max-width: 980px) {
.et-db #et-boc .et-l .top-footer .et_pb_newsletter.et_pb_subscribe .et_pb_newsletter_fields .et_pb_newsletter_field {
margin-right: 0;
padding-bottom: 1rem;
width: 100%;
}
.et-db #et-boc .et-l .main-footer .main-footer-content .et_pb_column:first-child {
width: 100%;
margin-bottom: 4rem;
}
.et-db #et-boc .et-l .main-footer .main-footer-content .et_pb_column:nth-child(2) {
margin-right: 4rem;
}
.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.et-db #et-boc .et-l .et_pb_menu .et_mobile_nav_menu {
display: none;
}
} @media (min-width: 601px) and (max-width: 980px) {
.et-db #et-boc .et-l .top-footer .et_pb_column {
margin-bottom: 0;
}
} @media screen and (max-width: 600px) {
.et-db #et-boc .et-l .et_pb_section.main-footer {
padding-top: 4rem;
}
.et-db #et-boc .et-l .top-footer .et_pb_row {
display: block;
}
.et-db #et-boc .et-l .top-footer .et_pb_column {
width: 100%;
}
.et-db #et-boc .et-l .main-footer .main-footer-content .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.et-db #et-boc .et-l .main-footer .main-footer-content .et_pb_menu ul li a {
font-size: 0.875rem;
line-height: 1.5rem;
}
} .et_slide_in_menu_container #mobile_menu_slide li a,
.et-db #et-boc .et-l .et_pb_button,
.wpcf7-submit,
input[type=button],
input[type=submit],
input[type=reset],
ul.social-media-icons li,
ul.social-media-icons li a i,
.et-db #et-boc .et-l .et-pb-arrow-next,
.et-db #et-boc .et-l .et-pb-arrow-prev,
.big-project-block .dmach-grid-item .et_pb_row,
.big-project-block .dmach-grid-item .et_pb_row::before,
.small-project-block .dmach-grid-item .et_pb_row,
.small-project-block .dmach-grid-item .et_pb_row::before,
.small-card.et_clickable,
.small-card.et_clickable::before,
.external-link-card.et_clickable,
.external-link-card.et_clickable::before,
#cookie-notice .cn-text-container a,
.main-footer .main-footer-content .et_pb_menu ul li a,
.main-footer .main-footer-content .contact-details li a p,
.main-footer .main-footer-content .contact-details li a i {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.et_slide_in_menu_container #mobile_menu_slide li a:hover,
.et-db #et-boc .et-l .et_pb_button:hover,
.wpcf7-submit:hover,
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
ul.social-media-icons li:hover,
ul.social-media-icons li:hover a i,
.et-db #et-boc .et-l .et-pb-arrow-next:hover,
.et-db #et-boc .et-l .et-pb-arrow-prev:hover,
.big-project-block .dmach-grid-item .et_pb_row:hover,
.big-project-block .dmach-grid-item .et_pb_row:hover::before,
.small-project-block .dmach-grid-item .et_pb_row:hover,
.small-project-block .dmach-grid-item .et_pb_row:hover::before,
.small-card.et_clickable:hover,
.small-card.et_clickable:hover::before,
.external-link-card.et_clickable:hover,
.external-link-card.et_clickable:hover::before,
#cookie-notice .cn-text-container a:hover,
.main-footer .main-footer-content .et_pb_menu ul li a:hover,
.main-footer .main-footer-content .contact-details li a:hover p,
.main-footer .main-footer-content .contact-details li a:hover i {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}