.fb-section {
margin-bottom: 80px;
padding: 0 20px;
}
.fb-section h2 {
font-size: 38px !important;
text-align: left;
}
.fb-videos {
display: flex;
justify-content: start;
gap: 10px;
flex-wrap: wrap; 
}
.fb-item {
text-align: center;
width: 300px; 
}
.fb-videos iframe {
width: 300px;
height: 422px;
border: none;
overflow: hidden;
}
.fb-item p {
margin-top: 8px;
font-size: 14px;
color: #222;
}   .lang-item a svg {
display: none !important;
}
.lang-item a.menu-link {
color: #FFFFFF !important;
} .pll-parent-menu-item.current-menu-parent.menu-item-has-children {
background-color: red !important;
border: 2px solid #FFFFFF !important;
margin-left: 58px !important;
padding: 4px 0 !important;
}
.pll-parent-menu-item > a {
display: flex !important;
align-items: center;
gap: 6px;
position: relative;
} .pll-parent-menu-item > a .ast-header-navigation-arrow {
display: none !important;
}  .pll-parent-menu-item.current-menu-parent.menu-item-has-children .sub-menu {
background-color: transparent !important;
border: none !important;
width: 100% !important;
min-width: 100% !important;
}
.pll-parent-menu-item .sub-menu {
padding: 6px 0;
left: -2px !important;
}
.pll-parent-menu-item .sub-menu .lang-item {
border: 2px solid #FFFFFF !important;
margin-bottom: 4px !important;
width: 54px !important;
}
.pll-parent-menu-item .sub-menu .lang-item:hover {
border: 2px solid #FE0000 !important;
color: #FE0000 !important;
}
.pll-parent-menu-item .sub-menu .lang-item:hover .menu-link {
color: #FE0000 !important;
} .pll-parent-menu-item .sub-menu li a {
display: flex !important;
align-items: center;
gap: 4px;
padding: 4px 10px 4px 14px !important;
} .pll-parent-menu-item .sub-menu li a:hover {
background: #f3f3f3;
} .pll-parent-menu-item img {
width: 18px !important;
height: auto;
} .pll-parent-menu-item .current-lang > a span {
font-weight: 600;
} html, body {
font-family: 'Jost', arial, sans-serif;
font-size: 16px; line-height: 1.6; font-weight: 400; color: #111; }
h1 {
font-family: 'Jost', arial, sans-serif;
font-weight: 900; font-style: italic; font-size: 60px;
line-height: 87px;
letter-spacing: 0;
margin: 0 0 1rem 0;
}
h2, h3, h4, h5, h6 {
font-family: 'Jost', arial, sans-serif;
font-weight: 700; line-height: 1.2;
margin: 0 0 1rem 0;
} h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }
p {
font-family: 'Jost', arial, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.6;
margin: 0 0 1rem 0;
}
ul, ol {
font-family: 'Jost', arial, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.6;
margin: 0 0 1rem 1.5rem; padding: 0;
text-align: left;
}
.section-boxed li {
font-family: 'Jost', arial, sans-serif;
margin-bottom: 0.5rem; }
.section-boxed li {
font-family: 'Jost', arial, sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 36px;
margin-bottom: 0.5rem; }
#ast-scroll-top {
right: auto; 
left: auto;  
position: fixed; 
bottom: 3.5em; 
max-width: 1280px; 
margin: 0 auto; 
transform: translateX(50%); 
right: 150px; 
}
#ast-scroll-top {
background-color: transparent; 
font-size: 15px;
width: 45px;
height: 45px;
}
#ast-scroll-top svg {
transform: rotate(180deg) !important;
transform-origin: center center; }
.background-grey {
background-color: #F2F0F0;
}
.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], #comments .submit, .search .search-submit, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button, body .wp-block-file .wp-block-file__button, .search .search-submit {
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
color: #FFFFFF;
border-color: var(--ast-global-color-7);
background-color: var(--ast-global-color-7);
padding: 9px 12px !important;
font-family: inherit;
font-weight: 600;
font-size: 20px;
font-size: 1.1111111111111rem;
line-height: 1em;
border-radius: 20px !important;
width: 148px;
height: 50px;
}
#html-2 p {
font-family: 'Jost', arial, sans-serif;
font-size: 40px;
font-weight: bold;
color: #FE0000;
line-height: 58px;
letter-spacing: 0;
} .forminator-ui#forminator-module-38,
.forminator-ui#forminator-module-138,
.forminator-ui#forminator-module-139 { }  .forminator-ui#forminator-module-38 .forminator-checkbox .forminator-checkbox-box,
.forminator-ui#forminator-module-138 .forminator-checkbox .forminator-checkbox-box,
.forminator-ui#forminator-module-139 .forminator-checkbox .forminator-checkbox-box {
border: 4px solid #000000 !important;
width: 20px;
height: 20px;
border: 2px solid #cfcfcf;
background-color: #fff;
box-sizing: border-box;
position: relative;
border-radius: 4px;
} .forminator-ui#forminator-module-38.forminator-design--default .forminator-checkbox .forminator-checkbox-box,
.forminator-ui#forminator-module-138.forminator-design--default .forminator-checkbox .forminator-checkbox-box,
.forminator-ui#forminator-module-139.forminator-design--default .forminator-checkbox .forminator-checkbox-box,
.forminator-select-dropdown-container--open 
.forminator-custom-form-38.forminator-dropdown--default .forminator-checkbox .forminator-checkbox-box,
.forminator-select-dropdown-container--open 
.forminator-custom-form-138.forminator-dropdown--default .forminator-checkbox .forminator-checkbox-box,
.forminator-select-dropdown-container--open 
.forminator-custom-form-139.forminator-dropdown--default .forminator-checkbox .forminator-checkbox-box {
border-color: #000000!important;
background-color: #EDEDED;
color: #000000 !important;
} .forminator-ui#forminator-module-38.forminator-design--default .forminator-checkbox input:checked + .forminator-checkbox-box,
.forminator-ui#forminator-module-138.forminator-design--default .forminator-checkbox input:checked + .forminator-checkbox-box,
.forminator-ui#forminator-module-139.forminator-design--default .forminator-checkbox input:checked + .forminator-checkbox-box,
.forminator-select-dropdown-container--open 
.forminator-custom-form-38.forminator-dropdown--default .forminator-checkbox input:checked + .forminator-checkbox-box,
.forminator-select-dropdown-container--open 
.forminator-custom-form-138.forminator-dropdown--default .forminator-checkbox input:checked + .forminator-checkbox-box,
.forminator-select-dropdown-container--open 
.forminator-custom-form-139.forminator-dropdown--default .forminator-checkbox input:checked + .forminator-checkbox-box {
border-color: #FE0000 !important;
background-color: #EDEDED;
border-radius: 5px !important;
} .forminator-ui#forminator-module-38 .forminator-checkbox input[type="checkbox"]:checked + .forminator-checkbox-box::after,
.forminator-ui#forminator-module-138 .forminator-checkbox input[type="checkbox"]:checked + .forminator-checkbox-box::after,
.forminator-ui#forminator-module-139 .forminator-checkbox input[type="checkbox"]:checked + .forminator-checkbox-box::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 14px;
height: 14px;
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
background-image: url(//batex.sk/wp-content/themes/astra-child/images/checked.svg);
} .forminator-ui#forminator-module-38.forminator-design--default .forminator-button-submit,
.forminator-ui#forminator-module-138.forminator-design--default .forminator-button-submit,
.forminator-ui#forminator-module-139.forminator-design--default .forminator-button-submit {
border: 4px solid #FE0000 !important;
color: #FFFFFF;
font-size: 20px !important;
font-weight: 600 !important;
border-color: var(--ast-global-color-7);
background-color: var(--ast-global-color-7);
padding: 9px 30px !important;
border-radius: 20px !important;
}
.forminator-ui#forminator-module-38.forminator-design--default:hover .forminator-button-submit,
.forminator-ui#forminator-module-138.forminator-design--default:hover .forminator-button-submit,
.forminator-ui#forminator-module-139.forminator-design--default:hover .forminator-button-submit {
background-color: #FFFFFF !important;
color: #FE0000 !important;
border: 4px solid #FE0000 !important;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.6);
box-shadow: 0 1px 4px 0 rgba(0,0,0,.6);
}
.forminator-ui#forminator-module-38.forminator-design--default:active .forminator-button-submit,
.forminator-ui#forminator-module-138.forminator-design--default:active .forminator-button-submit,
.forminator-ui#forminator-module-139.forminator-design--default:active .forminator-button-submit {
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.6);
box-shadow: 0 1px 4px 0 rgba(0,0,0,.6);
} .forminator-field-checkbox .forminator-field {
display: flex; flex-wrap: wrap; gap: 20px; }
.forminator-field-checkbox .forminator-checkbox {
display: flex; align-items: center; }
.forminator-ui.forminator-custom-form[data-design=default] .forminator-checkbox:not(.forminator-checkbox-inline) {
margin: 0 !important;
} .ast-grid-right-section {
justify-content:flex-start !important;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding: 12px 45px 12px 45px;
position: relative;
background-color: transparent;
color: #FFFFFF;
border-radius: 0;
}
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link {
color: #FFFFFF;
}
.ast-builder-menu-1 .menu-item:hover > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item:hover > .ast-menu-toggle {
color: #FFFFFF;
}
.main-header-menu > .menu-item > .menu-link, #astra-footer-menu > .menu-item > .menu-link {
color: #FFFFFF;
} .hero-banner {
position: relative;
width: 100%;
min-height: 600px;
overflow: visible; } .hero-banner img:first-child {
width: 100%;
max-width: 1280px;
height: auto;
object-fit: cover;
display: block;
margin: 0 auto;
z-index: 0;
} .hero-banner .hero-content {
position: relative;
transform: translateY(-50%);
z-index: 2;
color: #FFFFFF;
max-width: 100%;
margin: 0 auto;
padding: 0;
left: 0;
bottom: 160px;
} .hero-text {
color: #FFFFFF;
font-size: 60px;
max-width: 1000px;
position: relative;
left: 85px;
z-index: 10;
}
.hero-banner .hero-content h1 {
color: #FFFFFF;
font-size: 60px;
letter-spacing: 0;
text-transform: uppercase;
}
.hero-banner .hero-content p {
color: #FE0000;
font-size: 38px;
line-height: 55px;
letter-spacing: 0;
} .hero-left-hero-image {
position: absolute;
left: 0;
bottom: -340px;
z-index: 1;
width: 100%;
max-width: 526px;
}
.hero-left-hero-image img {
width: 526px; height: auto;
} .intro-section {
width: 100%;
min-height: 300px;
display: flex;
align-items: center;
justify-content: center;
text-align: left;
padding: 60px 20px;
margin-top: 30px;
}
.intro-section p {
font-size: 38px;
color: #FE0000;
font-weight: bold;
width: 100%;
line-height: 1.5;
margin: 0;
} .section-boxed.with-overlay-right {
position: relative;
overflow: visible;
min-height: 494px; display: flex;
align-items: center; justify-content: center; padding: 0 20px; margin: 50px 0 195px 0;
}
.section-boxed.with-overlay-right .inner {
position: relative;
max-width: 1200px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
z-index: 2;
}
.section-boxed.with-overlay-right .text {
position: relative;
flex: 1;
z-index: 3;
}
.section-boxed.with-overlay-right .text h2 {
font-size: 42px;
margin-bottom: 20px;
}
.section-boxed.with-overlay-right .text ul, .section-boxed.with-overlay-right .text p {
max-width: 590px;
padding: 10px 0 10px 50px;
text-align: left;
} .section-boxed.with-overlay-right .overlay-image {
position: absolute;
right: -80px; top: 50%;
transform: translateY(-50%);
z-index: 4; }
.section-boxed.with-overlay-right .overlay-image img {
max-width: 500px;
width: 100%;
height: auto;
display: block;
position: relative;
right: 100px;
} .section-boxed.with-overlay-right .image {
position: absolute;
right: 0;
z-index: 1;
width: 45%;
}
.section-boxed.with-overlay-right .image img {
width: 100%;
height: auto;
display: block;
}  .section-boxed.with-overlay-right .cta-button {
position: absolute;
bottom: 0; left: 252px;
width: 100%;
z-index: 5;
pointer-events: auto; transform: translateY(50%);
max-width: 1200px; margin: 0 auto; padding: 0 20px;
} .section-boxed.with-overlay-right .cta-button .btn {
padding: 10px 35px;
background-color: #FE0000;
color: #fff;
font-size: 20px;
text-transform: none;
text-decoration: none;
border-radius: 20px;
border: 4px solid #FE0000; 
width: 255px;
height: 74px;
}
.section-boxed.with-overlay-right .cta-button:hover .btn {
border: 4px solid #FE0000; 
background-color: #FFFFFF;
color: #FE0000;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.6);
box-shadow: 0 1px 4px 0 rgba(0,0,0,.6);
}
.section-boxed.with-overlay-right .cta-button:active .btn {
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.6);
box-shadow: 0 1px 4px 0 rgba(0,0,0,.6);
} .section-boxed.left.with-overlay-left {
position: relative;
overflow: visible;
min-height: 494px;
display: flex;
align-items: center; justify-content: center;
padding: 0 20px;
margin: 130px 0 195px 0;
}
.section-boxed.left.with-overlay-left .inner {
display: flex;
justify-content: flex-start; align-items: center; max-width: 1200px;
width: 100%;
margin: 0 auto;
gap: 40px;
z-index: 2;
} .section-boxed.left.with-overlay-left .overlay-image {
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center; z-index: 3;
position: relative;
right: auto;
top: auto;
transform: none;
}
.section-boxed.left.with-overlay-left .overlay-image img {
max-width: 500px;
height: auto;
display: block;
margin-top: 30px;
} .section-boxed.left.with-overlay-left .section-right-heading {
position: absolute;
top: 0px;
right: 0px;
z-index: 4;
font-size: 40px;
margin: 0px;
} .section-boxed.left.with-overlay-left .text {
flex: 1;
display: flex;
flex-direction: column; justify-content: center; align-items: flex-end; position: relative;
z-index: 2;
padding-top: 46px;
padding-left: 40px; text-align: right; }
.section-boxed.left.with-overlay-left .text h2 {
font-size: 42px;
margin-bottom: 20px;
}
.section-boxed.left.with-overlay-left .text p {
font-size: 18px;
line-height: 1.6;
} .section-boxed.left.with-overlay-left .image {
position: absolute;
left: 0;
top: 0;
z-index: 1; }
.section-boxed.left.with-overlay-left .image img {
max-width: 360px;
height: auto;
display: block;
} .product-section {
padding: 60px 20px;
background: #F2F0F0;
text-align: center;
}
.product-section .container {
max-width: 1100px;
margin: 0 auto;
}
.section-title {
font-size: 40px;
font-weight: 700;
margin-bottom: 40px;
}
.section-title_2 {
color: #FE0000;
font-size: 40px;
font-weight: 700;
margin-bottom: 40px;
}
.icons-row {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin-bottom: 50px;
}
.icon-item img {
max-width: 380px;
height: auto;
}
.text-row {
display: flex;
justify-content: center;
gap: 30px;
flex-wrap: wrap;
}
.text-item {
flex: 1 1 30%;
min-width: 200px;
background: transparent;
padding: 20px;
border-radius: 16px;
box-shadow: 0;
text-align: left;
}
.text-item_2 {
flex: 1 1 25%;
max-width: 250px;
background: transparent;
padding: 20px;
border-radius: 16px;
box-shadow: 0;
text-align: left;
}
.text-item h3, .text-item_2 h3 {
margin-bottom: 10px;
font-size: 35px;
font-weight: 600;
}
.text-item p, .text-item_2 p {
color: #555;
font-size: 1rem;
line-height: 1.5;
} .product-spec-section {
padding: 80px 20px;
background: #ffffff;
text-align: center;
}
.product-spec-container {
max-width: 1100px;
margin: 0 auto;
}
.product-spec-heading {
text-align: left;
margin-bottom: 60px;
}
.product-spec-title {
color: #FE0000;
font-size: 40px;
font-weight: 700;
line-height: 36px;
letter-spacing: 0;
margin-bottom: 30px;
}
.product-spec-subtitle {
color: #FE0000;
font-size: 30px;
line-height: 36px;
font-weight: 700;
letter-spacing: 0;
margin-bottom: 0;
}
.product-spec-dimension {
margin-bottom: 0;
}
.product-spec-content {
display: flex;
align-items: start;
justify-content: center;
gap: 40px;
position: relative;
}
.product-spec-text-left,
.product-spec-text-right {
flex: 1 1 45%;
text-align: left;
}
.product-spec-text-left h3,
.product-spec-text-right h3 {
font-size: 1.5rem;
margin-bottom: 10px;
}
.product-spec-text-left p,
.product-spec-text-right p {
font-size: 1rem;
color: #444;
line-height: 1.6;
}
.product-spec-divider {
flex: 0 0 auto;
width: 15px;
height: 403px;
border-radius: 12px;
background-image: url(//batex.sk/wp-content/themes/astra-child/images/divider.svg); 
background-repeat: no-repeat;
background-size: cover;
background-position: center;
} .pricing-section {
width: 100%;
padding: 60px 20px;
margin-bottom: 30px;
background: #F2F0F0;
}
.pricing-title {
text-align: center;
color: #000;
font-size: 40px;
margin-bottom: 40px;
}
.pricing-content {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 40px;
max-width: 1200px;
margin: 0 auto;
flex-wrap: nowrap;
}
.pricing-left {
flex: 0 0 50%;
display: flex;
flex-direction: column;
justify-content: center;
}
.pricing-right {
flex: 0 0 50%;
display: flex;
justify-content: center;
align-items: center;
}
.pricing-text-field {
padding-bottom: 10px;
margin-bottom: 20px;
background-image: url(//batex.sk/wp-content/themes/astra-child/images/horizontal_line_cennik.svg);
background-repeat: no-repeat;
background-position: bottom left;
background-size: 100% 10px;
}
.pricing-row {
display: flex;
justify-content: space-evenly;
align-items: center;
}
.pricing-dimension,
.pricing-price {
margin: 0;
font-size: 30px;
font-weight: 600;
line-height: 43px;
letter-spacing: 0;
}
.pricing-editor {
margin-top: 20px;
padding-left: 130px;
}
.pricing-editor p {
font-size: 24px;
line-height: 35px;
letter-spacing: 0;
}
.pricing-right img {
width: 100%;
max-width: 380px;
height: auto;
border-radius: 8px;
} .certification-section {
padding: 80px 20px;
background-image: url(//batex.sk/wp-content/themes/astra-child/images/certification_bkg.jpg); background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff; position: relative;
}
.certification-container {
max-width: 1100px;
margin: 0 auto;
}
.certification-content {
display: flex;
justify-content: center;
align-items: start;
align-content: center;	
margin: 0 auto;
gap: 40px;
position: relative;
max-width: 980px;
}
.certification-left {
flex: 0 0 20%;
text-align: left;
}
.certification-left .certification-title {
font-size: 40px;
font-weight: 700;
line-height: 58px;
letter-spacing: 0;
margin-top: 12px;
margin-bottom: 36px;
}
.certification-left .certification-logo {
max-width: 100%;
height: auto;
}
.certification-right {
flex: 1 1 80%;
padding-left: 98px;
}
.certification-right p {
color: #000000;
font-size: 24px;
line-height: 36px;
}
.certification-divider {
flex: 0 0 auto;
width: 15px;
height: 403px;
border-radius: 12px;
background-image: url(//batex.sk/wp-content/themes/astra-child/images/divider.svg); 
background-repeat: no-repeat;
background-size: cover;
background-position: top;
} .site-content .ast-container {
max-width: 1280px !important;
min-width: 1280px !important;
margin: 0 auto !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
box-sizing: border-box;
} .section-boxed {
display: flex;
align-items: center;
justify-content: space-between;
padding: 120px 0;
overflow: visible;
}
.section-boxed .text {
width: 50%;
z-index: 2;
}
.section-boxed .image {
max-width: 360px;
height: auto;
position: relative;
}
.section-boxed .image img {
width: 100%;
height: auto;
object-fit: contain;
display: block;
}
.section-boxed.right .image { order: 2; }
.section-boxed.right .text { order: 1; }
.section-boxed.left .image { order: 1; }
.section-boxed.left .text { order: 2; }
footer a,
footer a[href^="mailto:"],
footer a[href^="tel:"] {
color: #000000 !important;
text-decoration: none !important;
} footer a:hover,
footer a[href^="mailto:"]:hover,
footer a[href^="tel:"]:hover {
color: #000000;
text-decoration: none;
}
.footer {
background-color: #D9D9D9;
color: #000000;
padding: 72px 0px 32px 80px;
margin: 0 auto;
margin-top: 28px;
height: auto;
position: relative;
width: 100%;
max-width: 1280px;
} .footer-form-section {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto 60px; padding: 0 20px 40px 20px;
}
.footer-form-section .form-column {
flex: 1 1 600px; max-width: 695px; margin-right: 20px;
}
.footer-form-section .image-column {
position: absolute; top: -20px; right: 0; flex: unset; text-align: right; }
.footer-form-section .image-column img {
max-width: 369px;
width: 100%;
height: auto;
display: block; }
.footer-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1280px;
margin: 0 auto;
}
.footer-col {
flex: 1 1 200px;
margin: 10px;
}
.footer-col h4 {
margin-bottom: 10px;
font-size: 16px;
color: #000000;
}
.footer-col p {
margin: 0;
line-height: 1.5;
} .footer-col .custom-logo-link img {
max-width: 165px;
height: auto;
display: block;
}
.footer-email,
.footer-phone {
display: inline-flex; 
align-items: center;
gap: 8px;
line-height: 1.6;
} .footer-email::before,
.footer-phone::before {
content: "";
display: block;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-size: contain;
margin-right: 0;
flex-shrink: 0;
background-position: center center;
} .footer-email::before {
background-image: url(//batex.sk/wp-content/themes/astra-child/images/email.svg);
} .footer-phone::before {
background-image: url(//batex.sk/wp-content/themes/astra-child/images/phone.svg);
} .footer-phone.no-icon::before {
content: "";
background-image: none;
width: 18px; }
#ast-scroll-top:focus { border: 0; } @media (max-width: 1280px) {
.site-content .ast-container {
max-width: 100% !important;
min-width: auto !important;
padding: 0 10px !important;
}
.section-boxed {
flex-direction: column;
padding: 60px 20px;
}
.section-boxed .text,
.section-boxed .image {
width: 100%;
order: initial;
}
.hero-content {
position: relative;
transform: none;
flex-direction: column;
align-items: flex-start;
padding: 60px 20px;
}
.hero-left-image {
position: relative;
bottom: auto;
margin-bottom: 20px;
}
.hero-left-image img {
width: 80px;
}
.hero-banner .hero-content h1 { font-size: 2rem; }
.hero-banner .hero-content p { font-size: 1rem; }
.section-boxed.with-overlay .inner {
flex-direction: column;
text-align: center;
gap: 30px;
}
.section-boxed.with-overlay .overlay-image {
position: relative;
right: 0;
top: auto;
transform: none;
margin: 30px auto 0;
}
.section-boxed.with-overlay .overlay-image img {
max-width: 80%;
}
.section-boxed.with-overlay .image {
width: 100%;
position: relative;
}
.section-boxed.with-overlay .cta-button {
margin-left: auto;
margin-right: auto;
justify-content: center;
padding: 0 10px;
}
} @media (max-width: 1044px) and (min-width: 768px) {
lang-item a svg {
display: none !important;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle svg {
display: none !important;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle {
width: 100% !important;
}
.ast-menu-toggle:focus {
outline: none !important;
}
.lang-item a.menu-link {
color: #000000 !important;
}
button.ast-menu-toggle {
box-shadow: none;
}
.pll-parent-menu-item .sub-menu .lang-item {
width: 100% !important;
}
.ast-theme-transparent-header [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal {
background: red;
outline: 0;
border-width: 0;
}
.pll-parent-menu-item .sub-menu .lang-item {
border: 0 !important;
}
.pll-parent-menu-item .sub-menu .lang-item:hover {
border: 0 !important;
color: #FE0000 !important;
}
.site-content .ast-container {
max-width: 100% !important;
min-width: auto !important;
padding: 0 20px !important;
}
h1 { font-size: 48px; line-height: 60px; }
h2 { font-size: 36px; }
h3 { font-size: 28px; }
.intro-section p { font-size: 30px; }
.section-boxed li { font-size: 20px; line-height: 30px; }
.hero-banner { min-height: 500px; }
.hero-banner img:first-child { max-width: 100%; }
.hero-banner .hero-content { bottom: 120px; }
.hero-text { left: 40px; max-width: 800px; }
.hero-left-hero-image { bottom: -200px; max-width: 400px; }
.hero-left-hero-image img { width: 100%; }
.fb-item { width: 45%; }
.fb-videos iframe { width: 100%; height: auto; aspect-ratio: 417 / 422; }
.section-boxed.with-overlay-right .inner { max-width: 900px; gap: 20px; }
.section-boxed.with-overlay-right .text ul,
.section-boxed.with-overlay-right .text p { padding: 40px 0 80px 30px; }
.section-boxed.with-overlay-right .overlay-image { right: -50px; }
.section-boxed.with-overlay-right .overlay-image img { max-width: 400px; right: 80px; }
.section-boxed.with-overlay-right .cta-button { left: 10%; }
.section-boxed.with-overlay-right .cta-button .btn { font-size: 24px; width: 220px; height: 60px; }
.section-boxed.left.with-overlay-left { margin: 100px 0 160px 0; }
.section-boxed.left.with-overlay-left .inner { max-width: 900px; }
.section-boxed.left.with-overlay-left .overlay-image img { max-width: 400px; }
.section-boxed.left.with-overlay-left .section-right-heading { font-size: 30px; }
.section-boxed.left.with-overlay-left .text { padding-left: 20px; }
.section-boxed.left.with-overlay-left .text h2 { font-size: 36px; }
.icons-row { justify-content: space-around; }
.icon-item img { max-width: 300px; }
.text-item h3 { font-size: 30px; }
.text-item { min-width: 200px; }
.product-spec-container { max-width: 900px; }
.pricing-content {
flex-wrap: wrap;
gap: 30px;
justify-content: center;
text-align: center;
}
.pricing-left,
.pricing-right {
flex: 0 0 100%;
}
.pricing-right img {
max-width: 320px;
margin: 0 auto;
}
.pricing-row {
justify-content: space-around;
padding: 0 30px;
}
.pricing-dimension,
.pricing-price {
font-size: 26px;
}
.pricing-editor {
padding-left: 0;
margin-top: 30px;
}
.pricing-editor p {
font-size: 22px;
line-height: 32px;
}
.certification-content { max-width: 900px; gap: 20px; }
.certification-left { flex: 0 0 25%; }
.certification-left .certification-title { font-size: 32px; line-height: 40px; }
.certification-right { padding-left: 50px; }
.certification-right p { font-size: 20px; line-height: 30px; }
.certification-divider { height: 300px; }
.footer { padding: 60px 20px 30px 40px; }
.footer-form-section .form-column { max-width: 500px; margin-right: 10px; }
.footer-form-section .image-column img { max-width: 300px; }
.footer-form-section .form-column { z-index: 10; }
.footer-form-section .image-column { z-index: 1; }
.footer-container { max-width: 100%; }
.footer-col { flex: 1 1 150px; }
} @media (max-width: 767px) {
lang-item a svg {
display: none !important;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle svg {
display: none !important;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle {
width: 100% !important;
}
.ast-menu-toggle:focus {
outline: none !important;
}
.lang-item a.menu-link {
color: #000000 !important;
}
button.ast-menu-toggle {
box-shadow: none;
}
.pll-parent-menu-item .sub-menu .lang-item {
width: 100% !important;
}
.ast-theme-transparent-header [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal {
background: red;
outline: 0;
border-width: 0;
}
.pll-parent-menu-item .sub-menu .lang-item {
border: 0 !important;
}
.pll-parent-menu-item .sub-menu .lang-item:hover {
border: 0 !important;
color: #FE0000 !important;
}
.pll-parent-menu-item.current-menu-parent.menu-item-has-children {
background-color: transparent !important;
border: 0 !important;
margin-left: 0px !important;
padding: 4px 0 !important;
}
.ast-builder-layout-element .ast-site-identity { margin-left: 0 !important; }
.site-content .ast-container {
max-width: 100% !important;
min-width: auto !important;
padding: 0 !important;
}
h1 { font-size: 36px; line-height: 48px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
.intro-section { padding: 0 15px; margin: 0; min-height: 200px; }
.intro-section p { font-size: 22px; line-height: 1.4; }
.section-boxed li { font-size: 18px; line-height: 28px; }
.hero-banner { min-height: auto; }
.hero-banner .hero-content { top: 100px; transform: none; width: 100%; position: absolute; padding: 0 20px 50px 20px; }
.hero-text { left: 10px; max-width: 100%; }
.hero-left-hero-image { display: none !important }
.hero-banner .hero-content h1 { font-size: 32px; }
.hero-banner .hero-content p { font-size: 24px; line-height: 1.4; }
.fb-item { width: 100%; }
.fb-videos iframe { width: 100%; height: auto; aspect-ratio: 417 / 422; }
.section-boxed {
flex-direction: column;
padding: 60px 20px;
}
.section-boxed .text,
.section-boxed .image {
width: 100%;
order: initial;
}
.section-boxed .image { margin-top: 30px; }
.section-boxed.with-overlay-right { margin: 50px 0 80px 0; }
.section-boxed.with-overlay-right .inner { flex-direction: column; gap: 20px; padding: 40px 0 20px 0; }
.section-boxed.with-overlay-right .text ul,
.section-boxed.with-overlay-right .text p { padding: 0; max-width: 100%; text-align: center; }
.section-boxed.with-overlay-right .text { order: 2; text-align: center; }
.section-boxed.with-overlay-right .overlay-image { position: relative; right: auto; top: auto; transform: none; order: 1; margin: 0 auto; }
.section-boxed.with-overlay-right .overlay-image img { max-width: 80%; right: auto; margin: 0 auto; }
.section-boxed.with-overlay-right .image { display: none; }
.section-boxed.with-overlay-right .cta-button { position: relative; transform: none; left: auto; bottom: auto; text-align: center; margin-top: 30px; padding: 0; }
.section-boxed.with-overlay-right .cta-button .btn { font-size: 20px; width: 100%; max-width: 255px; height: 50px; }
.section-boxed.left.with-overlay-left { margin: 50px 0 80px 0; }
.section-boxed.left.with-overlay-left .inner { flex-direction: column; gap: 20px; }
.section-boxed.left.with-overlay-left .text { order: 2; align-items: center; padding: 0; text-align: center; }
.section-boxed.left.with-overlay-left .overlay-image { order: 1; margin-top: 0; }
.section-boxed.left.with-overlay-left .overlay-image img { max-width: 80%; }
.section-boxed.left.with-overlay-left .section-right-heading { position: relative; top: auto; right: auto; text-align: center; margin: 0 0 20px 0; order: 0; }
.section-boxed.left.with-overlay-left .image { display: none; }
.icons-row { gap: 20px; justify-content: center; flex-direction: column; }
.icon-item { flex: 1 1 45%; }
.icon-item img { max-width: 100%; height: auto; }
.text-row { flex-direction: column; align-items: center; gap: 10px; }
.text-item { width: 100%; min-width: auto; padding: 10px; }
.text-item h3, .text-item_2 h3 { font-size: 24px; }
.product-spec-section .product-spec-content {
display: flex !important;
flex-direction: column !important;
}
.product-spec-section .product-spec-divider { display: none !important; }
.product-spec-text-left,
.product-spec-text-right {
flex: 1 1 100%;
width: 100%;
}
.product-spec-heading { margin-bottom: 30px; }
.product-spec-title { font-size: 24px; line-height: 30px; }
.product-spec-subtitle { font-size: 24px; line-height: 30px; }
.product-section { padding: 30px 10px; }
.text-item_2 { max-width: 100%; padding: 10px; }
.pricing-left {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
}
.pricing-title {
font-size: 32px;
margin-bottom: 30px;
}
.pricing-content {
gap: 20px;
flex-direction: column;
}
.pricing-row {
justify-content: space-between;
padding: 0 10px;
}
.pricing-dimension,
.pricing-price {
font-size: 22px;
line-height: 32px;
}
.pricing-text-field {
background-size: 100% 8px;
}
.pricing-editor {
padding-left: 0;
}
.pricing-editor p {
font-size: 20px;
line-height: 30px;
}
.pricing-right img {
max-width: 280px;
}
.certification-section { padding: 40px 10px; }
.certification-content { flex-direction: column; align-items: center; text-align: center; }
.certification-left { flex: 1 1 100%; text-align: center; }
.certification-left .certification-title { font-size: 28px; line-height: 36px; margin-bottom: 20px; }
.certification-right { flex: 1 1 100%; padding-left: 0; text-align: center; }
.certification-right p { font-size: 18px; line-height: 1.6; }
.certification-divider { display: none; }
.certification-left .certification-logo { max-width: 150px; }
footer.footer { padding: 20px 0 !important; }
.footer-form-section { flex-direction: column; text-align: center; padding: 0 10px 30px 10px; }
.footer-form-section .form-column,
.footer-form-section .image-column { flex: 1 1 100%; margin: 0 0 20px 0; text-align: center; }
.footer-form-section .form-column { z-index: 10; }
.footer-form-section .image-column { z-index: 1; }
.footer-form-section .image-column img { max-width: 250px; margin: 0 auto; }
.footer-container { flex-direction: column; align-items: center; }
.footer-col { flex: 1 1 100%; margin: 10px 0; text-align: center; }
.footer-col .custom-logo-link { display: inline-block; }
.footer-email, .footer-phone { justify-content: center; }
#html-2 p { color: #000; }
.forminator-field-checkbox .forminator-field { gap: 5px; }
#ast-scroll-top { right: 40px; bottom: 80px; }
#ast-scroll-top:focus { border: 0; }
}