.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ct-div-block,
.oxy-post-content,
.ct-text-block,
.ct-headline,
.oxy-rich-text,
.ct-link-text { max-width: 100%; }
img { flex-shrink: 0; }
body * { min-height: 1px; }
} .oxy-testimonial {
flex-direction: row;
align-items: center;
}
.oxy-testimonial .oxy-testimonial-photo-wrap {
order: 1;
}
.oxy-testimonial .oxy-testimonial-photo {
width: 125px; height: 125px; margin-right: 20px;
}
.oxy-testimonial .oxy-testimonial-photo-wrap,
.oxy-testimonial .oxy-testimonial-author-wrap,
.oxy-testimonial .oxy-testimonial-content-wrap {
align-items: flex-start; text-align: left; }
.oxy-testimonial .oxy-testimonial-text {
margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author {
font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author-info {
font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-icon-box {
text-align: left; flex-direction: column; }
.oxy-icon-box .oxy-icon-box-icon {
margin-bottom: 12px;
align-self: flex-start; }
.oxy-icon-box .oxy-icon-box-heading {
font-size: 21px;
margin-bottom: 12px; }
.oxy-icon-box .oxy-icon-box-text {
font-size: 16px;
margin-bottom: 12px;align-self: flex-start; }
.oxy-icon-box .oxy-icon-box-link {
margin-top: 20px; }
/* GLOBALS */
.oxy-pricing-box .oxy-pricing-box-section {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center; }
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
justify-content: center; }
/* IMAGE */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
justify-content: center; }
/* TITLE */
.oxy-pricing-box .oxy-pricing-box-title-title {
font-size: 48px;
}
.oxy-pricing-box .oxy-pricing-box-title-subtitle {
font-size: 24px;
}
/* PRICE */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
flex-direction: row; }
.oxy-pricing-box .oxy-pricing-box-currency {
font-size: 28px;
}
.oxy-pricing-box .oxy-pricing-box-amount-main {
font-size: 80px;
line-height: 0.7;
}
.oxy-pricing-box .oxy-pricing-box-amount-decimal {
font-size: 13px;
}
.oxy-pricing-box .oxy-pricing-box-term {
font-size: 16px;
}
.oxy-pricing-box .oxy-pricing-box-sale-price {
font-size: 12px;
color: rgba(0,0,0,0.5);
margin-bottom: 20px; }
/* CONTENT */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
font-size: 16px;
color: rgba(0,0,0,0.5);
}
/* CTA */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
justify-content: center; }
.oxy-progress-bar .oxy-progress-bar-background {
background-color: #000000; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent); animation: none 0s paused; }
.oxy-progress-bar .oxy-progress-bar-progress-wrap {
width: 85%; }
.oxy-progress-bar .oxy-progress-bar-progress {
background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);
}
.oxy-progress-bar .oxy-progress-bar-overlay-text {
font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-progress-bar .oxy-progress-bar-overlay-percent {
font-size: 12px;
}
.ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
padding: 0px; }
.oxy-superbox .oxy-superbox-secondary,
.oxy-superbox .oxy-superbox-primary {
transition-duration: 0.5s; }
.oxy-shape-divider {
width: 0px;
height: 0px;
}
.oxy_shape_divider svg {
width: 100%;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}
.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
flex-direction: row;
}
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
align-items: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container{
top: 0;
bottom: 0;
right: auto;
left: 0;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}
.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}
.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
--oxynav-animation-name: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){
background-color: var(--oxynav-brand-color);
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
border: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){
background: transparent;
border: 1px solid currentColor;
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
filter: invert(0) !important;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
background-color: var(--oxynav-activehover-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.ct-section-inner-wrap, .oxy-header-container{
max-width: 1440px;
}
body {font-family: 'DM Sans';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #3f3f3f;}.oxy-nav-menu-hamburger-line {background-color: #3f3f3f;}h1, h2, h3, h4, h5, h6 {font-family: 'Space Grotesk';}a {text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: px;}.ct-section-inner-wrap {
padding-top: 3.75rem;
padding-right: 20px;
padding-bottom: 3.75rem;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
.ct-columns-inner-wrap {
display: block !important;
}
.ct-columns-inner-wrap:after {
display: table;
clear: both;
content: "";
}
.ct-column {
width: 100% !important;
margin: 0 !important;
}
.ct-columns-inner-wrap {
margin: 0 !important;
}
}
.oxel_dropdown_buttonv2__trigger {
padding-top:8px;
padding-bottom:8px;
padding-left:16px;
padding-right:16px;
background-color:#374047;
border-top-style:none;
border-right-style:none;
border-bottom-style:none;
border-left-style:none;
position:relative;
cursor: pointer;
}
.oxel_dropdown_buttonv2__trigger:not(.ct-section):not(.oxy-easy-posts),
.oxel_dropdown_buttonv2__trigger.oxy-easy-posts .oxy-posts,
.oxel_dropdown_buttonv2__trigger.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_dropdown_buttonv2 {
background-color:#374047;
position:relative;
width:min-content ;
}
.oxel_dropdown_buttonv2:not(.ct-section):not(.oxy-easy-posts),
.oxel_dropdown_buttonv2.oxy-easy-posts .oxy-posts,
.oxel_dropdown_buttonv2.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_dropdown_buttonv2__submenu {
position:absolute;
left:0px;
min-width:100%;
padding-top:4px;
width:200px;
z-index:10;
top:100%;
padding-inline-start: 0; margin-block-start: 0; margin-block-end: 0;
}
.oxel_dropdown_buttonv2__submenu--hidden {
opacity:0;
pointer-events: none;
}
.oxel_dropdown_buttonv2__submenu--hidden:not(.ct-section):not(.oxy-easy-posts),
.oxel_dropdown_buttonv2__submenu--hidden.oxy-easy-posts .oxy-posts,
.oxel_dropdown_buttonv2__submenu--hidden.ct-section .ct-section-inner-wrap{
display:none;
}
.oxel_dropdown_buttonv2__submenubutton:hover{
background-color:#dee1e3;
}
.oxel_dropdown_buttonv2__submenubutton {
text-align:left;
background-color:#eceeef;
min-width:100%;
color:#374047;
transition-duration:0.3s;
transition-timing-function:ease-in-out;
}
.oxel_dropdown_buttonv2__submenubutton:not(.ct-section):not(.oxy-easy-posts),
.oxel_dropdown_buttonv2__submenubutton.oxy-easy-posts .oxy-posts,
.oxel_dropdown_buttonv2__submenubutton.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.oxel_dropdown_buttonv2__submenulabel {
padding-top:8px;
padding-bottom:8px;
padding-left:16px;
padding-right:16px;
width:100%;
color:#374047;
}
.oxel_dropdown_buttonv2__label {
color:#f9f9fa;
white-space: nowrap;
}
.oxel_dropdown_buttonv2__symbol {
background-image: linear-gradient(135deg, rgba(0,0,0,0) 50%, #ffffff 50%);transform:rotate(45deg); width:8px;
height:8px;
margin-top:-4px;
margin-left:16px;
min-width: 0 !important; min-height: 0 !important;
}
.oxel_horizontal_divider {
margin-top:16px;
margin-bottom:16px;
width:100%;
}
.oxel_horizontal_divider:not(.ct-section):not(.oxy-easy-posts),
.oxel_horizontal_divider.oxy-easy-posts .oxy-posts,
.oxel_horizontal_divider.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
.oxel_horizontal_divider__line {
height:1px;
background-color:#ffffff;
}
.oxel_horizontal_divider__icon {
color: #ffffff;}.oxel_horizontal_divider__icon
>svg {width: 42px;height: 42px;}.oxel_horizontal_divider__icon {
flex-shrink: 0;
}
.oxel_horizontal_divider__icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_horizontal_divider__icon.oxy-easy-posts .oxy-posts,
.oxel_horizontal_divider__icon.ct-section .ct-section-inner-wrap{
display:flex;
}
.oxel_megamenu_parent:hover{
background-color:#cfd3d7;
}
.oxel_megamenu_parent {
padding-top:8px;
padding-bottom:8px;
padding-left:32px;
padding-right:32px;
position:relative;
background-color:#f9f9fa;
transition-duration:0.3s;
}
.oxel_megamenu_parent__title {
color:#374047;
}
.oxel_megamenu__wrapper {
transform:; padding-top:32px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
opacity:1;
transition-duration:0.3s;
transition-timing-function:ease-in-out;
position:relative;
width:100%;
z-index:1999;
}
.oxel_megamenu__wrapper:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__wrapper.oxy-easy-posts .oxy-posts,
.oxel_megamenu__wrapper.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
.oxel_megamenu__wrapper--hidden {
transform:translateY(64px); opacity:0;
pointer-events: none;
}
.oxel_megamenu__close-icon {
color: #333333;}.oxel_megamenu__close-icon
>svg {width: 32px;height: 32px;}.oxel_megamenu__close-icon {
position:absolute;
top:48px;
right:16px;
}
.oxel_megamenu__close-icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__close-icon.oxy-easy-posts .oxy-posts,
.oxel_megamenu__close-icon.ct-section .ct-section-inner-wrap{
display:none;
flex-direction:unset;
}
@media (max-width: 991px) {
.oxel_megamenu__close-icon {
}
.oxel_megamenu__close-icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__close-icon.oxy-easy-posts .oxy-posts,
.oxel_megamenu__close-icon.ct-section .ct-section-inner-wrap{
display:flex;
}
}
.header-logo-link-wrapper {
}
.header-logo-link-img {
width:100%;
max-height:48px;
object-fit:contain;
height:auto;
}
@media (max-width: 991px) {
.header-logo-link-img {
max-height:38px;
}
}
@media (max-width: 479px) {
.header-logo-link-img {
max-height:28px;
}
}
.header-wrapper {
width:100%;
gap:1rem;
}
.header-wrapper:not(.ct-section):not(.oxy-easy-posts),
.header-wrapper.oxy-easy-posts .oxy-posts,
.header-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
gap:1rem;
}
.transparent-header {
background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0)); position:absolute;
top:0px;
z-index:9;
}
.av-color-white {
}
.av-btn {
}
.av-btn-primary {
}
.av-margin-b-l {
}
.av-margin-b-m {
}
.av-btn-color-1 {
}
.service-box-wrapper {
background-color:#ffffff;
border-radius:var(--rounded-m) ;
width:100%;
padding-top:1.875rem;
padding-right:1.875rem;
padding-bottom:1.875rem;
padding-left:1.875rem;
align-self:stretch;
box-shadow: var(--box-shadow);
}
.service-box-wrapper:not(.ct-section):not(.oxy-easy-posts),
.service-box-wrapper.oxy-easy-posts .oxy-posts,
.service-box-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.service-box-link-text {
font-weight:700;
margin-top:auto;
}
.service-box-text {
margin-bottom:2rem;
}
.service-box-heading {
}
.service-box-icon-wrapper {
margin-bottom:1.25rem;
}
.service-box-icon-wrapper:not(.ct-section):not(.oxy-easy-posts),
.service-box-icon-wrapper.oxy-easy-posts .oxy-posts,
.service-box-icon-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
}
.cell {
}
.av-margin-b-xl {
}
.av-columns-m-3 {
}
.av-box-shadow {
}
.av-columns-1 {
}
.av-columns-m-3-2 {
}
.av-columns-gap-xl {
}
.av-img-fluid {
}
.av-rounded-m {
}
.icon-list-li-wrapper {
useCustomTag:true;
text-align:left;
gap:8px;
font-size:18px;
font-weight:500;
}
.icon-list-li-wrapper:not(.ct-section):not(.oxy-easy-posts),
.icon-list-li-wrapper.oxy-easy-posts .oxy-posts,
.icon-list-li-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:8px;
}
.icon-list-ul-wrapper {
useCustomTag:true;
margin-left:0px;
padding-left:0px;
gap:12px;
margin-bottom:0px;
padding-bottom:0px;
}
.icon-list-ul-wrapper:not(.ct-section):not(.oxy-easy-posts),
.icon-list-ul-wrapper.oxy-easy-posts .oxy-posts,
.icon-list-ul-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:12px;
}
.icon-list-li-icon {
color: #30bfc3;}.icon-list-li-icon
>svg {width: 26px;height: 26px;}.icon-list-li-icon {
}
.cta-box-wrapper {
background-image: linear-gradient(90deg, #0b5067, rgba(11,80,103,0.9)), url(https://www.heyduk.cz/wp-content/uploads/2025/05/heyduk-bg-cta-box-01.jpg);background-size:auto, contain; background-color:#0b5067;
width:100%;
border-radius:var(--rounded-m) ;
padding-top:4rem;
padding-right:7.5rem;
padding-bottom:4rem;
padding-left:7.5rem;
background-repeat:no-repeat;
background-position:100% 0px;
}
.cta-box-wrapper:not(.ct-section):not(.oxy-easy-posts),
.cta-box-wrapper.oxy-easy-posts .oxy-posts,
.cta-box-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
@media (max-width: 991px) {
.cta-box-wrapper {
padding-top:1.875rem;
padding-left:2.5rem;
padding-right:2.5rem;
padding-bottom:1.875rem;
}
}
.cta-box-content-wrapper {
max-width:810px;
color:#ffffff;
padding-bottom:0px;
}
.av-btn-secondary {
}
.team-member-box-wrapper {
width:100%;
}
.team-member-box-wrapper:not(.ct-section):not(.oxy-easy-posts),
.team-member-box-wrapper.oxy-easy-posts .oxy-posts,
.team-member-box-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.team-member-box-img {
margin-bottom:1.5rem;
width:100%;
}
.team-member-box-heading {
margin-bottom:.8rem;
}
.team-member-box-subheading {
font-size:18px;
margin-bottom:1.5rem;
}
.team-member-box-link {
font-weight:700;
}
.reference-box-wrapper {
border-radius:var(--rounded-m)rem;
background-color:#e9f4f8;
padding-top:1.875rem;
padding-right:1.875rem;
padding-bottom:1.875rem;
padding-left:1.875rem;
text-align:left;
}
.reference-box-wrapper:not(.ct-section):not(.oxy-easy-posts),
.reference-box-wrapper.oxy-easy-posts .oxy-posts,
.reference-box-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.reference-box-stars-wrapper {
gap:6px;
margin-bottom:1.5rem;
}
.reference-box-stars-wrapper:not(.ct-section):not(.oxy-easy-posts),
.reference-box-stars-wrapper.oxy-easy-posts .oxy-posts,
.reference-box-stars-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:6px;
}
.reference-box-text {
margin-bottom:1.5rem;
}
.reference-box-heading {
margin-bottom:.8rem;
}
.reference-box-subheading {
font-size:18px;
margin-bottom:0rem;
}
.reference-box-star-icon {
color: #30bfc3;}.reference-box-star-icon
>svg {width: 42px;height: 42px;}.reference-box-star-icon {
}
.av-margin-b-xxl {
}
.reference-box-source-img {
width:36px;
height:36px;
object-fit:cover;
}
.footer-logo-link-wrapper {
}
@media (max-width: 991px) {
.footer-logo-link-wrapper {
flex-shrink:0;
}
}
.footer-logo-link-img {
width:100%;
max-height:48px;
object-fit:contain;
height:auto;
}
@media (max-width: 991px) {
.footer-logo-link-img {
max-height:38px;
}
}
@media (max-width: 479px) {
.footer-logo-link-img {
max-height:32px;
}
}
.av-margin-b-none {
}
.av-columns-m-2 {
}
.av-columns-l-4 {
}
.av-columns-gap-m {
}
.service-box-icon {
color: #30bfc3;}.service-box-icon
>svg {width: 42px;height: 42px;}.service-box-icon {
margin-bottom:1.25rem;
}
.av-top-heading {
}
.av-top-heading-wh {
}
.av-icon-heading {
}
.page-main-banner {
}
.page-main-banner-img {
attachment_height:739;
attachment_width:1920;
attachment_url:https://www.heyduk.cz/wp-content/uploads/2025/05/heyduk-grafika-v3.jpg;
position:absolute;
top:0px;
right:0px;
bottom:0px;
left:0px;
width:100%;
height:100%;
object-fit:cover;
z-index:0;
}
@media (max-width: 991px) {
.page-main-banner-img {
object-fit:cover;
object-position:50% 50%;
}
}
.page-main-banner-content-wrapper {
z-index:2;
padding-top:6.25rem;
padding-bottom:7.5rem;
padding-left:20px;
padding-right:20px;
max-width:1440px;
width:100%;
text-align:left;
margin-right:auto;
margin-left:auto;
}
.page-main-banner-img-overlay {
z-index:1;
position:absolute;
top:0px;
right:0px;
bottom:0px;
left:0px;
background-color:rgba(233,244,248,0.94);
}
.page-main-banner-breadcrumb-wrapper {
}
.av-columns-gap-s {
}
.av-columns-gap-xs {
}
.av-fluent-form-01 {
}
.process-steps-list {
}
.process-step-item {
}
.process-step-item-content {
margin-left:1rem;
}
.process-step-item-content:not(.ct-section):not(.oxy-easy-posts),
.process-step-item-content.oxy-easy-posts .oxy-posts,
.process-step-item-content.ct-section .ct-section-inner-wrap{
display:inline-flex;
}
.av-margin-b-xxs {
}
.page-main-banner-text {
max-width:640px;
font-size:18px;
color:#0b5067;
}
.benefit-icon-box {
background-color:#e9f4f8;
border-radius:var(--rounded-m) ;
padding-top:1.5rem;
padding-right:2.75rem;
padding-bottom:1.5rem;
padding-left:2.75rem;
font-size:18px;
font-weight:500;
gap:12px;
}
.benefit-icon-box:not(.ct-section):not(.oxy-easy-posts),
.benefit-icon-box.oxy-easy-posts .oxy-posts,
.benefit-icon-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
gap:12px;
}
@media (max-width: 991px) {
.benefit-icon-box {
text-align:center;
}
.benefit-icon-box:not(.ct-section):not(.oxy-easy-posts),
.benefit-icon-box.oxy-easy-posts .oxy-posts,
.benefit-icon-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
}
@media (max-width: 767px) {
.benefit-icon-box {
flex-grow:1;
}
}
.benefit-icon-box-icon {
color: #30bfc3;}.benefit-icon-box-icon
>svg {width: 24px;height: 24px;}.benefit-icon-box-icon {
}
._reverse-l {
}
.page-main-banner-btn {
margin-top:2.5rem;
}
.page-main-banner-text-wrapper {
flex-grow:1;
}
.service-main-banner-content-wrapper {
gap:4rem;
}
.service-main-banner-content-wrapper:not(.ct-section):not(.oxy-easy-posts),
.service-main-banner-content-wrapper.oxy-easy-posts .oxy-posts,
.service-main-banner-content-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-end;
justify-content:space-between;
gap:4rem;
}
@media (max-width: 991px) {
.service-main-banner-content-wrapper {
text-align:left;
}
.service-main-banner-content-wrapper:not(.ct-section):not(.oxy-easy-posts),
.service-main-banner-content-wrapper.oxy-easy-posts .oxy-posts,
.service-main-banner-content-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}
.service-main-banner-table-of-contents {
background-color:#ffffff;
width:100%;
max-width:30%;
border-radius:var(--rounded-m) ;
padding-top:1.75rem;
padding-right:1.75rem;
padding-bottom:1.75rem;
padding-left:1.75rem;
}
@media (max-width: 991px) {
.service-main-banner-table-of-contents {
max-width:100%;
}
}
.service-main-banner-table-of-contents-heading {
font-weight:400;
font-size:var(--font-xs) ;
}
.service-main-banner-table-of-contents-link-wrapper {
gap:.6rem;
}
.service-main-banner-table-of-contents-link-wrapper:not(.ct-section):not(.oxy-easy-posts),
.service-main-banner-table-of-contents-link-wrapper.oxy-easy-posts .oxy-posts,
.service-main-banner-table-of-contents-link-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:.6rem;
}
.content-limit-width {
}
.page-service-accordion-content-wrapper {
width:100%;
gap:7.5rem;
}
.page-service-accordion-content-wrapper:not(.ct-section):not(.oxy-easy-posts),
.page-service-accordion-content-wrapper.oxy-easy-posts .oxy-posts,
.page-service-accordion-content-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
gap:7.5rem;
}
@media (max-width: 991px) {
.page-service-accordion-content-wrapper {
text-align:justify;
gap:4rem;
}
.page-service-accordion-content-wrapper:not(.ct-section):not(.oxy-easy-posts),
.page-service-accordion-content-wrapper.oxy-easy-posts .oxy-posts,
.page-service-accordion-content-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:4rem;
}
}
.page-service-accordion-img-wrapper {
background-size: cover; background-repeat:no-repeat;
width:30%;
border-radius:35px;
overflow:hidden;
align-self:stretch;
max-height:var(--accordion-text-wrapper-height) ;
background-position:50% 50%;
}
.page-service-accordion-img-wrapper:not(.ct-section):not(.oxy-easy-posts),
.page-service-accordion-img-wrapper.oxy-easy-posts .oxy-posts,
.page-service-accordion-img-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 991px) {
.page-service-accordion-img-wrapper {
width:100%;
height:14rem;
border-radius:8px;
}
}
.page-service-accordion-text-wrapper {
flex-grow:1;
width:70%;
text-align:left;
}
.page-service-accordion-text-wrapper:not(.ct-section):not(.oxy-easy-posts),
.page-service-accordion-text-wrapper.oxy-easy-posts .oxy-posts,
.page-service-accordion-text-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
@media (max-width: 991px) {
.page-service-accordion-text-wrapper {
width:100%;
}
}
.page-service-accordion {
}
.page-service-accordion .oxy-pro-accordion_item{
--extras-accordion-duration:300ms;
margin-bottom:2rem;
border_radius_border-radius:8px;
border-radius:8px;
box-shadow:0px 0px 15px rgba(0,0,0,0.16);}
.page-service-accordion .oxy-pro-accordion_header{
background-color:#e9f4f8;
color:#0b5067;
padding-top:1rem;
padding-right:2rem;
padding-left:2rem;
padding-bottom:1rem;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}
.page-service-accordion .oxy-pro-accordion_title-area{
padding-top:0rem;
padding-bottom:0rem;
padding-left:0rem;
padding-right:0rem;
}
.page-service-accordion .oxy-pro-accordion_title{
text-transform: none;
font-weight: 400;
font-size: 1.5rem;
}
.page-service-accordion .oxy-pro-accordion_body{
background-color:#e9f4f8;
}
.page-service-accordion .oxy-pro-accordion_content{
padding-top:0px;
padding-bottom:1rem;
padding-left:2rem;
padding-right:2rem;
opacity:0;
}
.page-service-accordion .oxy-pro-accordion_icon{
font-size:20px;
color:#30bfc3;
}
.page-service-accordion .oxy-pro-accordion_header:hover .oxy-pro-accordion_icon{
color:#30bfc3;
}
.page-service-accordion .active .oxy-pro-accordion_icon{
color:#30bfc3;
}
.services-floating-menu-wrapper {
width:25%;
align-self:flex-start;
position: sticky; top: 2.75rem;
}
@media (max-width: 991px) {
.services-floating-menu-wrapper {
}
.services-floating-menu-wrapper:not(.ct-section):not(.oxy-easy-posts),
.services-floating-menu-wrapper.oxy-easy-posts .oxy-posts,
.services-floating-menu-wrapper.ct-section .ct-section-inner-wrap{
display:none;
}
}
.services-wrapper {
width:75%;
gap:2rem;
}
.services-wrapper:not(.ct-section):not(.oxy-easy-posts),
.services-wrapper.oxy-easy-posts .oxy-posts,
.services-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:2rem;
}
@media (max-width: 991px) {
.services-wrapper {
width:100%;
}
}
.services-floating-menu-table-of-contents {
max-width:100%;
}
.services-box {
width:100%;
background-color:#ffffff;
border-radius:var(--rounded-m) ;
padding-top:2.75rem;
padding-right:4rem;
padding-bottom:2.75rem;
padding-left:4rem;
}
.services-box:not(.ct-section):not(.oxy-easy-posts),
.services-box.oxy-easy-posts .oxy-posts,
.services-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.process-steps-list-row {
}
.av-f-base {
}
.process-box-wrapper {
background-color:#ffffff;
border-radius:var(--rounded-m) ;
padding-top:1.875rem;
padding-right:1.875rem;
padding-bottom:1.875rem;
padding-left:1.875rem;
align-self:stretch;
max-width:330px;
text-align:left;
width:100%;
box-shadow: var(--box-shadow);
}
.process-box-wrapper:not(.ct-section):not(.oxy-easy-posts),
.process-box-wrapper.oxy-easy-posts .oxy-posts,
.process-box-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 1440px) {
.process-box-wrapper {
}
}
@media (max-width: 767px) {
.process-box-wrapper {
max-width:100%;
}
}
.process-box-num-wrapper {
background-color:#30bfc3;
border-radius:50%;
width:2.25rem;
height:2.25rem;
margin-bottom:1.25rem;
}
.process-box-num-wrapper:not(.ct-section):not(.oxy-easy-posts),
.process-box-num-wrapper.oxy-easy-posts .oxy-posts,
.process-box-num-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.process-box-num {
font-family:Space Grotesk;
color:#ffffff;
font-weight:700;
font-size:22px;
}
.process-box-icon {
color: #d6f2f3;}.process-box-icon
>svg {width: 60px;height: 60px;}.process-box-icon {
}
.process-box-icon-wrapper {
}
@media (max-width: 1440px) {
.process-box-icon-wrapper {
}
.process-box-icon-wrapper:not(.ct-section):not(.oxy-easy-posts),
.process-box-icon-wrapper.oxy-easy-posts .oxy-posts,
.process-box-icon-wrapper.ct-section .ct-section-inner-wrap{
display:none;
}
}
.av-margin-b-xs {
}
.av-margin-b-s {
}
.service-detail-box-wrapper {
border-radius:var(--rounded-m)rem;
background-color:#e9f4f8;
padding-top:1.875rem;
padding-right:1.875rem;
padding-bottom:1.875rem;
padding-left:1.875rem;
text-align:left;
}
.service-detail-box-wrapper:not(.ct-section):not(.oxy-easy-posts),
.service-detail-box-wrapper.oxy-easy-posts .oxy-posts,
.service-detail-box-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.service-detail-box-icon-wrapper {
gap:6px;
margin-bottom:1rem;
}
.service-detail-box-icon-wrapper:not(.ct-section):not(.oxy-easy-posts),
.service-detail-box-icon-wrapper.oxy-easy-posts .oxy-posts,
.service-detail-box-icon-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:6px;
}
.service-detail-box-icon {
color: #30bfc3;}.service-detail-box-icon
>svg {width: 64px;height: 64px;}.service-detail-box-icon {
}
.service-detail-box-text {
font-family:Space Grotesk;
font-size:var(--font-xs) ;
font-weight:700;
color:#0b5067;
text-align:center;
}
.benefit-icon-box-wrapper {
padding-bottom:8px;
width:100%;
}
.carousel-benefit-icon-box {
width:100%;
height:100%;
flex-grow: 1;
}
.service-detail-signpost-wrapper {
width:100%;
height:340px;
overflow:hidden;
position:relative;
}
.service-detail-signpost-wrapper:not(.ct-section):not(.oxy-easy-posts),
.service-detail-signpost-wrapper.oxy-easy-posts .oxy-posts,
.service-detail-signpost-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.service-detail-signpost-heading {
z-index:3;
color:#ffffff;
}
.service-detail-signpost-img-overlay {
position:absolute;
top:0px;
right:0px;
bottom:0px;
left:0px;
z-index:2;
background-color:rgba(11,80,103,0.85);
}
.service-detail-signpost-img {
z-index:1;
position:absolute;
top:0px;
right:0px;
bottom:0px;
left:0px;
object-fit:cover;
width:100%;
object-position:center;
height:100%;
}
/*
* Global Styles
*/
/*
* Variables
*/
:root {
/* Font Size Clamps (max/1440)*100 */
--font-xl: clamp(44px, calc(44px + (68 - 44) * ((100vw - 480px) / 1440)), 68px);
--font-l: clamp(38px, calc(38px + (56 - 38) * ((100vw - 480px) / 1440)), 56px);
--font-m: clamp(32px, calc(32px + (44 - 32) * ((100vw - 480px) / 1440)), 44px);
--font-s: clamp(26px, calc(26px + (32 - 26) * ((100vw - 480px) / 1440)), 32px);
--font-xs: clamp(18px, calc(18px + (20 - 18) * ((100vw - 480px) / 1440)), 20px);
--font-base: clamp(16px, calc(16px + (16 - 16) * ((100vw - 480px) / 1440)), 16px);
/* Padding and Margin */
--pm-xxl: 4.6875rem;
--pm-xl: 3.125rem;
--pm-l: 2.8125rem;
--pm-m: 2.5rem;
--pm-s: 1.875rem;
--pm-xs: 1.25rem;
--pm-xxs: 0.625rem;
/* Transition */
--transition-speed-normal: all .3s;
/* Line Height */
--line-height-xl: 2;
--line-height-l: 1.8;
--line-height-m: 1.5;
--line-height-s: 1.3;
--line-height-xs: 1.2;
--line-height-xxs: 1.1;
/* Font Weight */
--extrabold: 800;
--bold: 700;
--semibold: 600;
--medium: 500;
--regular: 400;
--light: 300;
/* Border radius */
--rounded-xl: 50px;
--rounded-m: 8px;
--rounded-s: 4px;
/* Box shadow */
--box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
/* Page content width */
--page-content-width: 1440px;
--page-content-limit-width: 1200px;
--page-text-limit-width: 752px;
/* Font Family */
--font-family-display: 'Space Grotesk', sans-serif;
--font-family-text: 'DM Sans', sans-serif;
}
/*
A.2 Html and Font Sizes
*/
html {
font-size: 16px;
}
@media (min-width: 768px) and (max-width: 992px) {
html {
font-size: 14px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
html {
font-size: 13px;
}
}
@media (max-width: 479px) {
html {
font-size: 12px;
}
}
/*
Change max width for specific breakpoint
*/
.ct-section-inner-wrap:not(.content-limit-width) {
max-width: var(--page-content-width);
}
.content-limit-width {
max-width: var(--page-content-limit-width);
margin-left: auto;
margin-right: auto;
}
.content-limit-width-left {
max-width: var(--page-content-limit-width);
margin-right: auto;
}
.content-limit-width-right {
max-width: var(--page-content-limit-width);
margin-left: auto;
}
@media (max-width: 992px) {
.ct-section-inner-wrap {
padding-top: 6.375rem;
padding-bottom: 6.375rem;
}
}
@media (max-width: 768px) {
.ct-section-inner-wrap {
padding-top: 4.375rem;
padding-bottom: 4.375rem;
}
}
/* Fonts and Paragraphs */
h1 {
font-size: 44px;
font-size: var(--font-xl);
font-weight: var(--bold);
line-height: var(--line-height-s);
color: #0b5067;
margin-bottom: 2rem;
}
h2 {
font-size: 40px;
font-size: var(--font-m);
font-weight: var(--bold);
line-height: var(--line-height-s);
color: #0b5067;
margin-bottom: 1.5rem;
}
h3 {
font-size: 32px;
font-size: var(--font-s);
font-weight: var(--bold);
line-height: var(--line-height-s);
color: #0b5067;
margin-bottom: 1.5rem;
}
h4 {
font-size: 28px;
font-size: var(--font-xs);
font-weight: var(--bold);
line-height: var(--line-height-s);
color: #0b5067;
margin-bottom: 1.5rem;
}
h5 {
font-size: 20px;
font-size: var(--font-xs);
font-weight: var(--bold);
line-height: var(--line-height-s);
color: #0b5067;
margin-bottom: 1.5rem;
}
h6 {
font-size: 16px;
font-size: var(--font-base);
font-weight: var(--bold);
line-height: var(--line-height-s);
color: #0b5067;
margin-bottom: 1.5rem;
}
body {
font-size: 16px;
font-size: var(--font-base);
font-weight: var(--regular);
line-height: var(--line-height-l);
color: #3f3f3f;
background-color: #fff;
}
p {
margin-block-start: 0;
margin-block-end: 0;
}
.oxy-rich-text p:not(:last-child) {
margin-block-end: 1rem;
}
a {
color: #0b5067;
text-decoration: underline;
-webkit-transition: var(--transition-speed-normal);
-moz-transition: var(--transition-speed-normal);
-webkit-transition: var(--transition-speed-normal);
}
a:hover {
color: #30bfc3;
text-decoration: underline;
}
figure {
display: block;
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
}
ul {
list-style: none;
margin-block-start: 0;
margin-inline-start: 2em;
margin-inline-end: 0;
margin-block-end: 1em;
margin-inline-end: 0;
margin-inline-end: 0;
padding-inline-start: 1em;
}
main ul li::before {
content: "•";
font-size: 28px;
line-height: 1;
vertical-align: top;
color: inherit;
display: inline-block;
width: 1em;
margin-left: -1em;
}
ol {
counter-reset: list-counter;
list-style: none;
margin-block-start: 0;
margin-block-end: 1em;
margin-inline-end: 0;
padding-inline-start: 1em;
}
main ol li::before {
content: counter(list-counter) ".";
counter-increment: list-counter;
color: #30bfc3;
display: inline-block;
width: 1em;
margin-left: -1em;
}
/* Font size */
.av-f-xl {
font-size: 44px;
font-size: var(--font-xl);
}
.av-f-l {
font-size: 40px;
font-size: var(--font-l);
}
.av-f-m {
font-size: 32px;
font-size: var(--font-m);
}
.av-f-s {
font-size: 28px;
font-size: var(--font-s);
}
.av-f-xs {
font-size: 20px;
font-size: var(--font-xs);
}
.av-f-base {
font-size: 16px;
font-size: var(--font-base);
}
/* Colors */
.av-color-primary {
color: #0b5067;
}
.av-color-secondary {
color: #30bfc3;
}
.av-color-accent {
color: #30bfc3;
}
.av-color-gray {
color: #e9f4f8;
}
.av-color-white {
color: #fff;
}
.av-color-hover {
color: #dee1e3;
}
/* First section padding
main section:first-child .ct-section-inner-wrap {
padding-top: 2rem;
}
*/
/* Last section */
main section:last-child .ct-section-inner-wrap,
.last-section {
padding-bottom: 9.375rem;
}
/* Buttons */
.av-btn {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 8px;
justify-content: center;
align-items: center;
position: relative;
font-family: var(--font-family-display);
font-size: 18px;
font-weight: var(--bold);
border: none;
border-radius: var(--rounded-m);
text-align: center;
text-decoration: none;
padding: 1rem 2.125rem;
transform: transition(0,0);
-webkit-transition: var(--transition-speed-normal);
-moz-transition: var(--transition-speed-normal);
-webkit-transition: var(--transition-speed-normal);
transition: var(--transition-speed-normal);
cursor: pointer;
}
.av-btn:hover {
text-decoration: none;
}
.av-btn svg {
max-width: 1rem;
max-height: 1rem;
}
.av-btn-primary {
background-color: #0b5067;
color: #fff;
}
.av-btn-primary:hover {
background-color: #30bfc3;
color: #fff;
}
.av-btn-secondary {
background-color: #30bfc3;
color: #fff;
}
.av-btn-secondary:hover {
background-color: #e9f4f8;
color: #30bfc3;
}
.av-btn-wh {
background-color: #fff;
color: #cfd3d7;
}
.av-btn-wh:hover {
background-color: #cfd3d7;
color: #fff;
}
/* Icon button */
.av-btn-icon::after {
display: inline-block;
width: 16.75px;
height: 13px;
content: "";
-webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16.749" height="13.027" viewBox="0 0 16.749 13.027"%3E%3Cpath id="vactor-arror" d="M16.344,7.479a1.352,1.352,0,0,0,0-1.929L11.127.4A1.4,1.4,0,0,0,9.169.4a1.352,1.352,0,0,0,0,1.931l2.856,2.818H1.384a1.394,1.394,0,0,0-.978.4,1.352,1.352,0,0,0,0,1.93,1.393,1.393,0,0,0,.978.4H12.025L9.169,10.7a1.364,1.364,0,0,0-.3.443,1.348,1.348,0,0,0,0,1.045,1.364,1.364,0,0,0,.3.443,1.387,1.387,0,0,0,.449.3,1.4,1.4,0,0,0,1.059,0,1.386,1.386,0,0,0,.449-.3Z" fill="%23f9f3da"/%3E%3C/svg%3E');
mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16.749" height="13.027" viewBox="0 0 16.749 13.027"%3E%3Cpath id="vactor-arror" d="M16.344,7.479a1.352,1.352,0,0,0,0-1.929L11.127.4A1.4,1.4,0,0,0,9.169.4a1.352,1.352,0,0,0,0,1.931l2.856,2.818H1.384a1.394,1.394,0,0,0-.978.4,1.352,1.352,0,0,0,0,1.93,1.393,1.393,0,0,0,.978.4H12.025L9.169,10.7a1.364,1.364,0,0,0-.3.443,1.348,1.348,0,0,0,0,1.045,1.364,1.364,0,0,0,.3.443,1.387,1.387,0,0,0,.449.3,1.4,1.4,0,0,0,1.059,0,1.386,1.386,0,0,0,.449-.3Z" fill="%23f9f3da"/%3E%3C/svg%3E');
-webkit-mask-size: contain;
mask-size: contain;
mask-repeat: no-repeat;
background-color: currentColor;
vertical-align: baseline;
transform: translateX(0);
-webkit-transition: transform .4s;
-moz-transition: transform .4s;
-webkit-transition: transform .4s;
transition: transform .4s;
}
.av-btn-icon:hover::after {
transform: translateX(5px);
}
.av-btn-wh.av-btn-icon::after {
background-color: #0b5067;
}
.av-btn-icon-bottom::after {
transform: rotate(90deg);
}
/* Link icon */
.av-link-icon {
font-weight: var(--semibold);
-webkit-transition: var(--transition-speed-normal);
-moz-transition: var(--transition-speed-normal);
-webkit-transition: var(--transition-speed-normal);
transition: var(--transition-speed-normal);
cursor: pointer;
}
.av-link-icon::after {
display: inline-block;
width: 10px;
height: 10px;
content: "";
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10.828' viewBox='0 0 10 10.828'%3E%3Cg id='Icon_feather-arrow-right' data-name='Icon feather-arrow-right' transform='translate(1 1.414)'%3E%3Cpath id='Path_83' data-name='Path 83' d='M7.5 18h8' transform='translate(-7.5 -14)' fill='none' stroke='%23a50249' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_84' data-name='Path 84' d='M18 7.5l4 4-4 4' transform='translate(-14 -7.5)' fill='none' stroke='%23a50249' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10.828' viewBox='0 0 10 10.828'%3E%3Cg id='Icon_feather-arrow-right' data-name='Icon feather-arrow-right' transform='translate(1 1.414)'%3E%3Cpath id='Path_83' data-name='Path 83' d='M7.5 18h8' transform='translate(-7.5 -14)' fill='none' stroke='%23a50249' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_84' data-name='Path 84' d='M18 7.5l4 4-4 4' transform='translate(-14 -7.5)' fill='none' stroke='%23a50249' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask-size: cover;
mask-size: cover;
background-color: #0b5067;
vertical-align: baseline;
margin-left: 8px;
transform: translateX(0);
-webkit-transition: var(--transition-speed-normal);
-moz-transition: var(--transition-speed-normal);
-webkit-transition: var(--transition-speed-normal);
transition: var(--transition-speed-normal);
}
.av-link-icon:hover::after {
transform: translateX(5px);
}
.av-link-icon-white:after {
background-color: #fff;
}
.av-btn-primary.av-link-icon:after {
background-color: #fff;
}
.av-btn-primary:hover .av-link-icon:after {
background-color: #fff;
}
/* Custom list */
ul.av-icon-list {
display: block;
list-style-type: none;
margin-block-start: 2rem;
margin-block-end: 2rem;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 0;
}
.av-icon-list li {
font-weight: var(--bold);
list-style-type: none;
margin-bottom: 1rem;
}
.av-icon-list li:before {
display: inline-block;
width: 12px;
height: 9px;
content: "";
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.288' height='9.634' viewBox='0 0 12.288 9.634'%3E%3Cg transform='translate(-2.766 -6.793)'%3E%3Cpath d='M7.5,18H18.788' transform='translate(-4.234 -6.39)' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath d='M18,7.5l4.11,4.11L18,15.72' transform='translate(-7.555)' fill='none' stroke='%23cf203c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.288' height='9.634' viewBox='0 0 12.288 9.634'%3E%3Cg transform='translate(-2.766 -6.793)'%3E%3Cpath d='M7.5,18H18.788' transform='translate(-4.234 -6.39)' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath d='M18,7.5l4.11,4.11L18,15.72' transform='translate(-7.555)' fill='none' stroke='%23cf203c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask-size: cover;
mask-size: cover;
background-color: #f9f9fa;
vertical-align: baseline;
margin-right: 1.5rem;
transform: translateX(0);
-webkit-transition: var(--transition-speed-normal);
-moz-transition: var(--transition-speed-normal);
-webkit-transition: var(--transition-speed-normal);
transition: var(--transition-speed-normal);
}
/* Custom table */
.av-pricing-table-wrapper {
overflow: auto;
}
table.av-pricing-table {
position: relative;
border-spacing: 0;
border-collapse: collapse;
overflow: hidden;
width: 100%;
}
.av-pricing-table thead {
font-weight: var(--semibold);
}
.av-pricing-table td {
vertical-align: middle;
padding: 6px 0px;
border-bottom: 1px solid #dee1e3;
}
.av-pricing-table td:first-child {
width: 50%;
min-width: 180px;
border-left: 0;
}
.av-pricing-table td:not(:first-child) {
width: 50%;
min-width: 180px;
}
.av-pricing-table tr:last-child td {
border-bottom: none;
}
/* Top heading */
.av-top-heading {
font-family: var(--font-family-display);
font-size: var(--font-xs);
font-weight: var(--regular);
color: #0b5067;
margin-bottom: 5px;
}
.av-top-heading::before {
display: inline-block;
width: 25px;
height: 9px;
content: "";
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
mask-repeat: no-repeat;
background-color: #30bfc3;
vertical-align: baseline;
margin-right: 10px;
transform: translateX(0);
-webkit-transition: var(--transition-speed-normal);
-moz-transition: var(--transition-speed-normal);
-webkit-transition: var(--transition-speed-normal);
transition: var(--transition-speed-normal);
}
.av-top-heading-wh {
color: #fff;
}
.av-top-heading-wh::before {
background-color: #fff;
}
/* Icon heading */
.av-icon-heading::before {
display: inline-block;
width: 38px;
height: 13px;
content: "";
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
mask-repeat: no-repeat;
background-color: currentColor;
vertical-align: middle;
margin-right: 18px;
transform: translateX(0);
-webkit-transition: var(--transition-speed-normal);
-moz-transition: var(--transition-speed-normal);
-webkit-transition: var(--transition-speed-normal);
transition: var(--transition-speed-normal);
}
/*
* Print
*/
@media print {
img,
.av-no-print,
.av-no-print * {
display: none !important;
}
}/*
* Grid system v2
*
* Mobile first grid system
*/
/* Breakpoints:
* S - 480px
* M - 768px
* L - 992px
* SD - 1440px
* D - FullHD
*/
/* Mobile */
.av-columns-1 {
display: grid !important;
grid-template-columns: repeat(1, 1fr);
width: 100%;
}
.av-columns-2 {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
width: 100%;
}
.av-columns-1-2 {
display: grid !important;
grid-template-columns: 1fr 2fr;
width: 100%;
}
.av-columns-2-1 {
display: grid !important;
grid-template-columns: 2fr 1fr;
width: 100%;
}
.av-columns-2-3 {
display: grid !important;
grid-template-columns: 2fr 3fr;
width: 100%;
}
.av-columns-3-2 {
display: grid !important;
grid-template-columns: 3fr 2fr;
width: 100%;
}
.av-columns-3 {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
width: 100%;
}
.av-columns-4 {
display: grid !important;
grid-template-columns: repeat(4, 1fr);
width: 100%;
}
.av-columns-5 {
display: grid !important;
grid-template-columns: repeat(4, 1fr);
width: 100%;
}
.av-columns-6 {
display: grid !important;
grid-template-columns: repeat(6, 1fr);
width: 100%;
}
/* S */
@media (min-width: 481px) {
.av-columns-s-1 {
display: grid !important;
grid-template-columns: repeat(1, 1fr);
width: 100%;
}
.av-columns-s-2 {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
width: 100%;
}
.av-columns-s-1-2 {
display: grid !important;
grid-template-columns: 1fr 2fr;
width: 100%;
}
.av-columns-s-2-1 {
display: grid !important;
grid-template-columns: 2fr 1fr;
width: 100%;
}
.av-columns-s-2-3 {
display: grid !important;
grid-template-columns: 2fr 3fr;
width: 100%;
}
.av-columns-s-3-2 {
display: grid !important;
grid-template-columns: 3fr 2fr;
width: 100%;
}
.av-columns-s-3 {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
width: 100%;
}
.av-columns-s-4 {
display: grid !important;
grid-template-columns: repeat(4, 1fr);
width: 100%;
}
.av-columns-s-5 {
display: grid !important;
grid-template-columns: repeat(4, 1fr);
width: 100%;
}
.av-columns-s-6 {
display: grid !important;
grid-template-columns: repeat(6, 1fr);
width: 100%;
}
}
/* M */
@media (min-width: 769px) {
.av-columns-m-1 {
display: grid !important;
grid-template-columns: repeat(1, 1fr);
width: 100%;
}
.av-columns-m-2 {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
width: 100%;
}
.av-columns-m-1-2 {
display: grid !important;
grid-template-columns: 1fr 2fr;
width: 100%;
}
.av-columns-m-2-1 {
display: grid !important;
grid-template-columns: 2fr 1fr;
width: 100%;
}
.av-columns-m-2-3 {
display: grid !important;
grid-template-columns: 2fr 3fr;
width: 100%;
}
.av-columns-m-3-2 {
display: grid !important;
grid-template-columns: 3fr 2fr;
width: 100%;
}
.av-columns-m-3 {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
width: 100%;
}
.av-columns-m-4 {
display: grid !important;
grid-template-columns: repeat(4, 1fr);
width: 100%;
}
.av-columns-m-5 {
display: grid !important;
grid-template-columns: repeat(4, 1fr);
width: 100%;
}
.av-columns-m-6 {
display: grid !important;
grid-template-columns: repeat(6, 1fr);
width: 100%;
}
}
/* L */
@media (min-width: 993px) {
.av-columns-l-1 {
display: grid !important;
grid-template-columns: repeat(1, 1fr);
width: 100%;
}
.av-columns-l-2 {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
width: 100%;
}
.av-columns-l-1-2 {
display: grid !important;
grid-template-columns: 1fr 2fr;
width: 100%;
}
.av-columns-l-2-1 {
display: grid !important;
grid-template-columns: 2fr 1fr;
width: 100%;
}
.av-columns-l-2-3 {
display: grid !important;
grid-template-columns: 2fr 3fr;
width: 100%;
}
.av-columns-l-3-2 {
display: grid !important;
grid-template-columns: 3fr 2fr;
width: 100%;
}
.av-columns-l-3 {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
width: 100%;
}
.av-columns-l-4 {
display: grid !important;
grid-template-columns: repeat(4, 1fr);
width: 100%;
}
.av-columns-l-5 {
display: grid !important;
grid-template-columns: repeat(4, 1fr);
width: 100%;
}
.av-columns-l-6 {
display: grid !important;
grid-template-columns: repeat(6, 1fr);
width: 100%;
}
}
/* SD */
@media (min-width: 1136px) {
.av-columns-sd-1 {
display: grid !important;
grid-template-columns: repeat(1, 1fr);
width: 100%;
}
.av-columns-sd-2 {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
width: 100%;
}
.av-columns-sd-1-2 {
display: grid !important;
grid-template-columns: 1fr 2fr;
width: 100%;
}
.av-columns-sd-2-1 {
display: grid !important;
grid-template-columns: 2fr 1fr;
width: 100%;
}
.av-columns-sd-2-3 {
display: grid !important;
grid-template-columns: 2fr 3fr;
width: 100%;
}
.av-columns-sd-3-2 {
display: grid !important;
grid-template-columns: 3fr 2fr;
width: 100%;
}
.av-columns-sd-3 {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
width: 100%;
}
.av-columns-sd-4 {
display: grid !important;
grid-template-columns: repeat(4, 1fr);
width: 100%;
}
.av-columns-sd-5 {
display: grid !important;
grid-template-columns: repeat(4, 1fr);
width: 100%;
}
.av-columns-sd-6 {
display: grid !important;
grid-template-columns: repeat(6, 1fr);
width: 100%;
}
}
/* D */
@media (min-width: 1921px) {
.av-columns-d-1 {
display: grid !important;
grid-template-columns: repeat(1, 1fr);
width: 100%;
}
.av-columns-d-2 {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
width: 100%;
}
.av-columns-d-1-2 {
display: grid !important;
grid-template-columns: 1fr 2fr;
width: 100%;
}
.av-columns-d-2-1 {
display: grid !important;
grid-template-columns: 2fr 1fr;
width: 100%;
}
.av-columns-d-2-3 {
display: grid !important;
grid-template-columns: 2fr 3fr;
width: 100%;
}
.av-columns-d-3-2 {
display: grid !important;
grid-template-columns: 3fr 2fr;
width: 100%;
}
.av-columns-d-3 {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
width: 100%;
}
.av-columns-d-4 {
display: grid !important;
grid-template-columns: repeat(4, 1fr);
width: 100%;
}
.av-columns-d-5 {
display: grid !important;
grid-template-columns: repeat(4, 1fr);
width: 100%;
}
.av-columns-d-6 {
display: grid !important;
grid-template-columns: repeat(6, 1fr);
width: 100%;
}
}
/* Reverse Columns under 767px */
@media (max-width: 767px) {
._reverse-m {
order: 2;
grid-column-start: 1;
grid-row-start: 1;
}
}
@media (max-width: 992px) {
._reverse-l {
order: 2;
grid-column-start: 1;
grid-row-start: 1;
}
}
/*
* Flex system
*/
/* Mobile */
.av-f-column {
display: flex;
flex-direction: column;
}
.av-f-row {
display: flex;
flex-direction: row;
}
/* S */
@media (min-width: 481px) {
.av-f-column-s {
display: flex;
flex-direction: column;
}
.av-f-row-s {
display: flex;
flex-direction: row;
}
}
/* M */
@media (min-width: 769px) {
.av-f-column-m {
display: flex;
flex-direction: column;
}
.av-f-row-m {
display: flex;
flex-direction: row;
}
}
/* L */
@media (min-width: 993px) {
.av-f-column-l {
display: flex;
flex-direction: column;
}
.av-f-row-l {
display: flex;
flex-direction: row;
}
}
/* SD */
@media (min-width: 1441px) {
.av-f-column-sd {
display: flex;
flex-direction: column;
}
.av-f-row-sd {
display: flex;
flex-direction: row;
}
}
/* D */
@media (min-width: 1921px) {
.av-f-column-d {
display: flex;
flex-direction: column;
}
.av-f-row-d {
display: flex;
flex-direction: row;
}
}
/* Flex wrap */
.av-f-wrap {
flex-wrap: wrap;
}
.av-f-nowrap {
flex-wrap: nowrap;
}
/*
* Grid Gap
*/
.av-columns-gap-xxl {
grid-gap: 7.5rem;
gap: 7.5rem;
}
.av-columns-gap-xl {
grid-gap: 5rem;
gap: 5rem;
}
.av-columns-gap-l {
grid-gap: 4.5rem;
gap: 4.5rem;
}
.av-columns-gap-m {
grid-gap: 4rem;
gap: 4rem;
}
.av-columns-gap-s {
grid-gap: 2.5rem;
gap: 2.5rem;
}
.av-columns-gap-xs {
grid-gap: 1.25rem;
gap: 1.25rem;
}
.av-columns-gap-xxs {
grid-gap: 1rem;
gap: 1rem;
}
/*
* Padding
*/
/* All */
.av-padding-xxl {
padding: var(--pm-xxl);
}
.av-padding-xl {
padding: var(--pm-xl);
}
.av-padding-l {
padding: var(--pm-l);
}
.av-padding-m {
padding: var(--pm-m);
}
.av-padding-s {
padding: var(--pm-s);
}
.av-padding-xs {
padding: var(--pm-xs);
}
.av-padding-xxs {
padding: var(--pm-xxs);
}
/* Padding top */
.av-padding-t-xxl {
padding-top: var(--pm-xxl);
}
.av-padding-t-xl {
padding-top: var(--pm-xl);
}
.av-padding-t-l {
padding-top: var(--pm-l);
}
.av-padding-t-m {
padding-top: var(--pm-m);
}
.av-padding-t-s {
padding-top: var(--pm-s);
}
.av-padding-t-xs {
padding-top: var(--pm-xs);
}
.av-padding-t-xxs {
padding-top: var(--pm-xxs);
}
/*
* Margin
*/
/* All */
.av-margin-xxl {
margin-bottom: var(--pm-xxl);
}
.av-margin-xl {
margin-bottom: var(--pm-xl);
}
.av-margin-l {
margin-bottom: var(--pm-l);
}
.av-margin-m {
margin-bottom: var(--pm-m);
}
.av-margin-s {
margin-bottom: var(--pm-s);
}
.av-margin-xs {
margin-bottom: var(--pm-xs);
}
.av-margin-xxs {
margin-bottom: var(--pm-xxs);
}
/* Margin top */
.av-margin-t-xxl,
.ct-inner-content p.av-margin-t-xxl {
margin-top: var(--pm-xxl);
}
.av-margin-t-xl,
.ct-inner-content p.av-margin-t-xl{
margin-top: var(--pm-xl);
}
.av-margin-t-l,
.ct-inner-content p.av-margin-t-l {
margin-top: var(--pm-l);
}
.av-margin-t-m,
.ct-inner-content p.av-margin-t-m {
margin-top: var(--pm-m);
}
.av-margin-t-s,
.ct-inner-content p.av-margin-t-s {
margin-top: var(--pm-s);
}
.av-margin-t-xs,
.ct-inner-content p.av-margin-t-xs {
margin-top: var(--pm-xs);
}
.av-margin-t-xxs,
.ct-inner-content p.av-margin-t-xxs {
margin-top: var(--pm-xxs);
}
.av-margin-t-none,
.ct-inner-content p.av-margin-t-none {
margin-top: 0;
}
/* Margin right */
.av-margin-r-xxl,
.ct-inner-content p.av-margin-r-xxl {
margin-right: var(--pm-xxl);
}
.av-margin-r-xl,
.ct-inner-content p.av-margin-r-xl{
margin-right: var(--pm-xl);
}
.av-margin-r-l,
.ct-inner-content p.av-margin-r-l {
margin-right: var(--pm-l);
}
.av-margin-r-m,
.ct-inner-content p.av-margin-r-m {
margin-right: var(--pm-m);
}
.av-margin-r-s,
.ct-inner-content p.av-margin-r-s {
margin-right: var(--pm-s);
}
.av-margin-r-xs,
.ct-inner-content p.av-margin-r-xs {
margin-right: var(--pm-xs);
}
.av-margin-r-xxs,
.ct-inner-content p.av-margin-r-xxs {
margin-right: var(--pm-xxs);
}
/* Margin bottom */
.av-margin-b-xxl,
.ct-inner-content p.av-margin-b-xxl {
margin-bottom: var(--pm-xxl);
}
.av-margin-b-xl,
.ct-inner-content p.av-margin-b-xl{
margin-bottom: var(--pm-xl);
}
.av-margin-b-l,
.ct-inner-content p.av-margin-b-l {
margin-bottom: var(--pm-l);
}
.av-margin-b-m,
.ct-inner-content p.av-margin-b-m {
margin-bottom: var(--pm-m);
}
.av-margin-b-s,
.ct-inner-content p.av-margin-b-s {
margin-bottom: var(--pm-s);
}
.av-margin-b-xs,
.ct-inner-content p.av-margin-b-xs {
margin-bottom: var(--pm-xs);
}
.av-margin-b-xxs,
.ct-inner-content p.av-margin-b-xxs {
margin-bottom: var(--pm-xxs);
}
.av-margin-b-none,
.ct-inner-content p.av-margin-b-none {
margin-bottom: 0;
}
/*
* Same height
*/
.av-same-h {
height: 100%;
}
/*
* Font weights
*/
.av-extrabold {
font-weight: var(--extrabold);
}
.av-bold {
font-weight: var(--bold);
}
.av-semibold {
font-weight: var(--semibold);
}
.av-medium {
font-weight: var(--medium);
}
.av-regular {
font-weight: var(--regular);
}
/*
* Text transform
*/
.av-t-underline {
text-decoration: underline;
}
.av-t-italic {
font-style: italic;
}
.av-t-uppercase {
text-transform: uppercase;
}
/*
* Shadows and Border radius
*/
.av-border-solid-1 {
border: 1px solid #374047;
}
.av-box-shadow {
box-shadow: var(--box-shadow);
}
.av-rounded-xl {
border-radius: var(--rounded-xl);
}
.av-rounded-m {
border-radius: var(--rounded-m);
}
.av-rounded {
border-radius: 50%;
}
/*
* Images
*/
.av-img-fluid {
max-width: 100%;
height: auto;
}
/*
* Text columns
*/
@media (min-width: 481px) {
.content-columns-s-2 {
column-count: 2;
column-gap: 1.5rem;
}
}
/*
* No select
*/
.av-noselect {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.av-noselect:focus {
outline: none !important;
}/**
* Header menu
*/
/* If loggin tranparent menu */
body.logged-in .transparent-header {
margin-top: 32px;
}
/* Submenu */
.sub-menu {
background-color: #fff;
padding-top: .6rem !important;
padding-bottom: .6rem !important;
padding-inline-start: 0;
margin-inline-start: 0;
margin-block-end: 0;
}
/* Menu icon home */
.header-menu-home-icon a {
display: inline-block;
background-color: #30bfc3;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
mask-repeat: no-repeat;
mask-size: 16px 15px;
mask-position: center center;
text-indent: -9999px;
overflow: hidden;
white-space: nowrap;
}
.header-menu-home-icon a:hover {
background-color: #0b5067;
}
/* Menu CTA */
.header-menu-cta-btn.av-btn {
display: flex !important;
flex-direction: row !important;
color: #fff !important;
font-size: 16px;
background-color: #30bfc3;
padding: 0 !important;
margin-left: 1.25rem;
}
.header-menu-cta-btn.av-btn a {
color: #fff !important;
border-style: unset !important;
gap: 6px;
padding: 0.875rem 1.875rem !important;
-webkit-transition: var(--transition-speed-normal);
-moz-transition: var(--transition-speed-normal);
-webkit-transition: var(--transition-speed-normal);
transition: var(--transition-speed-normal);
}
.header-menu-cta-btn.av-btn a:hover {
background-color: #0b5067 !important;
}
.header-menu-cta-btn.av-btn a::after {
display: inline-block;
width: 13px;
height: 14px;
content: "";
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
mask-repeat: no-repeat;
background-color: currentColor;
vertical-align: baseline;
transform: translateX(0);
-webkit-transition: var(--transition-speed-normal);
-moz-transition: var(--transition-speed-normal);
-webkit-transition: var(--transition-speed-normal);
transition: var(--transition-speed-normal);
}
.header-menu-cta-btn.av-btn a:hover::after {}
@media (max-width: 991px) {
.header-menu-cta-btn.av-btn {
margin-top: 1.25rem;
margin-left: 0;
}
}
/* Mobile menu */
@media (max-width: 991px) {
#hlavni-menu .oxy-pro-menu-list .menu-item.menu-item.menu-item.menu-item a:hover,
#hlavni-menu .oxy-pro-menu-list .menu-item.menu-item.menu-item.menu-item a:focus-within {
color: #30bfc3;
}
.oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul,
.oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul {
border-radius: var(--rounded-m) !important;
}
.oxy-pro-menu-container .menu-hlavni-menu-container {
width: 100% !important;
}
}
/**
* Footer
*/
#footer,
#footer a {
color: #fff;
}
#footer a:hover {
color: #30bfc3;
}
#footer .footer-heading {
color: #fff;
font-weight: var(--semibold);
margin-bottom: 10px;
}
.av-footer-col {
display: flex;
flex-direction: column;
gap: 2rem;
}
#footer-menu .ct-headline {
font-weight: 400;
color: #fff;
}
.av-footer-menu-vertical {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
padding-inline-start: 0;
margin-inline-start: 0;
margin-block-end: 0;
}
.av-footer-menu-vertical a {
text-decoration: underline;
transition: var(--transition-speed-normal);
white-space: nowrap;
}
.av-footer-link {
color: #fff;
text-decoration: none;
}
.av-footer-link:hover {
color: #30bfc3;
text-decoration: none;
}
/* Mobile menu */
@media (max-width: 992px) {
.footer-menu-desktop .oxy-pro-menu-list {
flex-direction: column !important;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.footer-top-center-wrapper {
grid-column: span 3;
}
}/* Layout */
.av-fluent-form-01 .frm-fluent-form .ff-t-cell {
padding-left: 0;
padding-right: 0;
}
.av-fluent-form-01 .ff_t_c {
vertical-align: middle;
}
.av-fluent-form-01 .fluentform .ff-el-tc label.ff_tc_label>span {
width: auto;
}
/* Checkbox */
.av-fluent-form-01 .ff-el-form-check-label {
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
}
.av-fluent-form-01 input[type=checkbox]:after {
position: relative !important;
background-size: 28px !important;
border-radius: 50px !important;
margin-right: 8px !important;
cursor: pointer;
}
.av-fluent-form-01 input[type=checkbox]:after {
background-size: 24px !important;
background-image: url('data:image/svg+xml,'); !important;
}
.av-fluent-form-01 input[type=checkbox]:checked:after {
background-image: url('data:image/svg+xml,') !important;
}
/* Checkbox select */
.av-fluent-form-01 .frm-fluent-form .choices__list--dropdown {
max-height: 300px;
overflow-y: hidden;
}
.av-fluent-form-01 .frm-fluent-form .choices__inner {
height: min-content;
max-height: 100%;
display: block;
padding-top: .6rem !important;
padding-right: 2.125rem !important;
padding-bottom: .6rem !important;
padding-left: 2.125rem !important;
border_radius_border-radius: 50px;
border-top-color: #c5b9a8;
border-right-color: #c5b9a8;
border-bottom-color: #c5b9a8;
border-left-color: #c5b9a8;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-radius: 50px !important;
color: #7e695d;
cursor: pointer !important;
}
.av-fluent-form-01 .choices__input.choices__input--cloned {
min-width: 0 !important;
width: unset !important;
cursor: pointer;
}
.av-fluent-form-01 .frm-fluent-form .choices[data-type*=select-multiple]::after {
content: "";
display: block;
width: 13px;
height: 13px;
background-image: url('data:image/svg+xml,');
background-size: auto;
background-repeat: no-repeat;
border: none;
top: 27px !important;
right: 2.125rem !important;
margin-top: 0 !important;
}
.frm-fluent-form .choices[data-type*=select-multiple].is-open::after {
top: 22px !important;
margin-top: 0 !important;
transform: rotate(180deg);
}
/* Buttons */
.av-fluent-form-01 .ff-btn {
cursor: pointer;
}
.av-fluent-form-01 .fluentform .ff-btn-submit {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 8px;
justify-content: center;
align-items: center;
position: relative;
font-family: var(--font-family-display);
border: none;
border-radius: var(--rounded-m);
text-align: center;
text-decoration: none;
transform: transition(0,0);
-webkit-transition: var(--transition-speed-normal);
-moz-transition: var(--transition-speed-normal);
-webkit-transition: var(--transition-speed-normal);
transition: var(--transition-speed-normal);
cursor: pointer;
}
.av-fluent-form-01 .fluentform .ff-btn-submit::after {
display: inline-block;
width: 12.25px;
height: 7.35px;
content: "";
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
mask-repeat: no-repeat;
background-color: currentColor;
vertical-align: baseline;
}
/* GDPR */
.av-fluent-form-01 label[for="gdpr-agreement_c22bdbca8f08b6094a27ba124f6817d7"] {
display: flex;
}
/* File upload */
.av-fluent-form-01 label[for="ff_3_file-upload_1"] {
margin-top: 0;
}
.av-fluent-form-01 .ff_upload_btn.ff-btn {
position: relative;
font-family: var(--font-family-display);
font-weight: 700;
background: #6C96A3 !important;
border: none;
border-radius: var(--rounded-m);
text-align: center;
text-decoration: none;
padding: .6rem 2.125rem !important;
transform: transition(0,0);
-webkit-transition: var(--transition-speed-normal);
-moz-transition: var(--transition-speed-normal);
-webkit-transition: var(--transition-speed-normal);
transition: var(--transition-speed-normal);
cursor: pointer;
}
.av-fluent-form-01 .ff_upload_btn.ff-btn:hover {
background: #30bfc3 !important;
}
/* Captche */
.ff-el-hcaptcha.h-captcha iframe {
max-width: 100%;
}
/* Messages */
.av-fluent-form-01 .ff-message-success {
border: none;
box-shadow: none;
margin-top: 0;
padding: 0;
text-align: center;
position: relative;
font-size: 18px;
font-weight: 700;
}/* Breadcrumbs */
.page-main-banner-breadcrumb-wrapper a {
text-decoration: none;
}
.page-main-banner-breadcrumb-wrapper.av-top-heading::before {
background-color: #0b5067;
}
/* Global carousel */
/* Dots */
.flickity-page-dots li::before {
display: none;
}
/* Logo carousel */
#logo-carousel img {
opacity: .65;
-webkit-transition: var(--transition-speed-normal);
-moz-transition: var(--transition-speed-normal);
-webkit-transition: var(--transition-speed-normal);
transition: var(--transition-speed-normal);
}
#logo-carousel img:hover {
opacity: 1;
}
/* Team carousel */
@media (min-width: 768px) {
#team-carousel .oxy-carousel-builder_icon {
position: absolute;
top: 0;
bottom: 0;
background: transparent;
padding: 0;
transform: unset;
-webkit-transform: unset;
z-index: 2;
}
#team-carousel .oxy-carousel-builder_icon:hover {
background: transparent;
}
#team-carousel .oxy-carousel-builder_icon svg {
width: 40px;
height: 40px;
background: #30bfc3;
border-radius: 50%;
padding: 10px;
margin: auto 0;
}
#team-carousel .oxy-carousel-builder_icon.oxy-carousel-builder_next::before {
content: "";
position: absolute;
top: 0;
right: 3.5rem;
bottom: 0;
width: 200px;
background-image: linear-gradient(-90deg, #e9f4f8, rgba(233, 244, 248, 0));
z-index: 1;
}
}
/* Icon list */
.icon-list-li-wrapper::before {
display: none;
}
/* Process list */
ol.process-steps-list {
margin-inline-start: 1em;
counter-reset: list-counter;
}
ol.process-steps-list li {
margin-block-end: 2rem;
}
ol.process-steps-list li::before {
width: 2em;
height: 2em;
background: #30bfc3;
font-weight: 700;
text-align: center;
color: #fff;
border-radius: 50%;
margin-left: -2em;
}
/* Process list row */
ol.process-steps-list-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
margin-inline-start: 0;
margin-block-end: 0;
padding-inline-start: 0;
counter-reset: list-counter;
}
ol.process-steps-list-row li {
display: flex !important;
flex-direction: row;
align-items: center;
gap: 10px;
margin-block-end: 0rem;
}
ol.process-steps-list-row li::before {
width: 2em;
height: 2em;
background: #81D8DA;
font-weight: 700;
text-align: center;
color: #fff;
border-radius: 50%;
margin-left: 0;
}
ol.process-steps-list-row li::after {
content: "";
display: inline-block;
width: 10px;
height: 10px;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-left: 10px;
}
ol.process-steps-list-row li:last-child::after {
display: none;
}
/* Service accordion */
.page-service-accordion .oxy-pro-accordion_title {
margin-bottom: 0;
}
/* Signpost */
.service-detail-signpost-wrapper,
.service-detail-signpost-wrapper img {
transition: var(--transition-speed-normal);
}
.service-detail-signpost-wrapper img {
transform: scale(1);
filter: blur(0);
}
.service-detail-signpost-wrapper:hover img {
transform: scale(1.05);
filter: blur(5px);
}