:root {
--main-color: #3580BE;
--main-color-02: #84C712;
--contrast-color: #84C712;
--white-color: #FFFFFF;
--black-color: #000000;
--grey-color: #F0F0F0;
--main-bg-color: #F09230;
--white-bg-color: #FFFFFF;
--black-bg-color: #000000;
--grey-bg-color: #F0F0F0;
} :root {
--default-font: "Roboto",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--heading-font: "Barlow",  sans-serif;
--nav-font: "Barlow",  sans-serif;
--theme-font:"Barlow";
--subheading-font:"Caveat";
}
.barlow-thin {
font-family: "Barlow", sans-serif;
font-weight: 100;
font-style: normal;
}
.barlow-extralight {
font-family: "Barlow", sans-serif;
font-weight: 200;
font-style: normal;
}
.barlow-light {
font-family: "Barlow", sans-serif;
font-weight: 300;
font-style: normal;
}
.barlow-regular {
font-family: "Barlow", sans-serif;
font-weight: 400;
font-style: normal;
}
.barlow-medium {
font-family: "Barlow", sans-serif;
font-weight: 500;
font-style: normal;
}
.barlow-semibold {
font-family: "Barlow", sans-serif;
font-weight: 600;
font-style: normal;
}
.barlow-bold {
font-family: "Barlow", sans-serif;
font-weight: 700;
font-style: normal;
}
.barlow-extrabold {
font-family: "Barlow", sans-serif;
font-weight: 800;
font-style: normal;
}
.barlow-black {
font-family: "Barlow", sans-serif;
font-weight: 900;
font-style: normal;
}
.barlow-thin-italic {
font-family: "Barlow", sans-serif;
font-weight: 100;
font-style: italic;
}
.barlow-extralight-italic {
font-family: "Barlow", sans-serif;
font-weight: 200;
font-style: italic;
}
.barlow-light-italic {
font-family: "Barlow", sans-serif;
font-weight: 300;
font-style: italic;
}
.barlow-regular-italic {
font-family: "Barlow", sans-serif;
font-weight: 400;
font-style: italic;
}
.barlow-medium-italic {
font-family: "Barlow", sans-serif;
font-weight: 500;
font-style: italic;
}
.barlow-semibold-italic {
font-family: "Barlow", sans-serif;
font-weight: 600;
font-style: italic;
}
.barlow-bold-italic {
font-family: "Barlow", sans-serif;
font-weight: 700;
font-style: italic;
}
.barlow-extrabold-italic {
font-family: "Barlow", sans-serif;
font-weight: 800;
font-style: italic;
}
.barlow-black-italic {
font-family: "Barlow", sans-serif;
font-weight: 900;
font-style: italic;
}
.caveat-400 {
font-family: "Caveat", cursive;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.caveat-700 {
font-family: "Caveat", cursive;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
} :root { 
--background-color: #ffffff; --default-color: #444444; --heading-color: #000000; --accent-color: #428bca; --surface-color: #ffffff; } :root {
--nav-color: #ffffff; --nav-hover-color: #428bca; --nav-mobile-background-color: #ffffff; --nav-dropdown-background-color: #ffffff; --nav-dropdown-color: #444444; --nav-dropdown-hover-color: #428bca; } .light-background {
--background-color: #f9f9f9;
--surface-color: #ffffff;
}
.dark-background {
--background-color: #3580BE;
--default-color: #ffffff;
--heading-color: #ffffff;
--surface-color: #252525;
--contrast-color: #ffffff;
--theme-green-color: #84C712;
} :root {
scroll-behavior: smooth;
}
a {outline : none;}
a img {outline : none;}
img {border : 0;}
a:active, a:focus { 
outline: none; 
ie-dummy: expression(this.hideFocus=true);
} .site-header {padding-top: 0em;padding-bottom: 0;}
.site-branding, .site-search, .site-header-cart, .site-logo-anchor, .site-logo-link, .custom-logo-link {margin-bottom: 0em;}
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
margin-bottom: 0em;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {font-family: var(--nav-font);font-weight: 500;font-style: normal;font-size: 1.41575em;text-transform:uppercase;}
#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {left:-20% !important;padding:0;background: #ffffff !important;}  @media (min-width: 768px) {
#masthead .col-full {
display: flex;
align-items: center;
max-width: 1400px;
padding-top: 10px;
}
#masthead .main-navigation {
text-align: right;
}
.woocommerce-active .site-header div.site-branding {width: 30% !important;}
.site-header .site-branding img { max-width: 180px; }
#mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {background: #ffffff;}
}
.hero-video{
position: relative;
}
.hero-video::before{
content:"";
position:absolute;
inset:0;
background-image: inherit;
background-size: cover;
background-position: center;
z-index: 1;
opacity: 1;
transition: opacity .35s ease;
background: url(https://etago.sk/wp-content/uploads/2025/05/bgg02.webp);
}
.hero-video .video{ z-index: 0; }
.hero-video .parallax-content{ z-index: 2; }
.hero-video.is-playing::before{ opacity: 0; }
.parallax-section {
height: 80vh; background-attachment: fixed;
background-size: cover;
background-position: center;
background: url(https://etago.sk/wp-content/uploads/2025/05/bgg02.webp);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
}
.parallax-section .parallax-content {
position: absolute;
top: 15vh;
right:40vh;
}
.parallax-section .video {position: fixed; top: -15vh; width: 100%; height: 100%; z-index: -1;}
.parallax-section h1 {
font-family: var(--theme-font);
color: var(--accent-color);
font-size:3.8em;
font-weight: 700;
text-transform: uppercase;
line-height: 1.1em;
z-index: 2;
}
.parallax-section h1 span {
color: var(--white-color);
z-index: 2;
}
.parallax-section h2 {
font-family: var(--theme-font);
color: var(--white-color); font-size: 2.8em;
font-weight: 300;
border-top:0px;
margin-bottom: 20px;
padding: 5px 25px; z-index: 2;
}
.parallax-section .search-bar {
height: 40vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #fff;
text-align: center;
z-index: 1; }
.parallax-section .squares-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
pointer-events: none;
z-index: -1;
}
.parallax-section .big-square {
width: 30vw;
height: 35vh;
background-color: rgba(0, 0, 0, 0.6);
border-radius: 0px;
position: relative;
z-index: 1;
}
.parallax-section .small-square {
display: none;
width: 100px;
height: 100px; background-color: rgba(130, 198, 14, 0.4);
border-radius: 6px;
position: absolute;
top: -40px;
left: -40px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
}
.parallax-section .small-square-02 {
width: 100px;
height: 100px;
background-color: rgba(53, 128, 190, 0.6); border-radius: 6px;
position: absolute;
bottom: -40px;
right: -40px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
} body.home h1.entry-title {display: none;} .home .site-main {margin-bottom: 0em;}
.home #content {background-color:#FFFFFF;}
.homepage-title {color: var(--heading-color);font-size: 32px;font-weight: 700;font-family: var(--heading-font);text-transform:uppercase;}
.homepage-title span {color: var(--main-color);}
.homepage-subtitle {font-family: var(--subheading-font);color: var(--main-color);font-size:2.8em; font-weight: 500;transform: rotateY(0deg) rotate(-3deg); transition: transform 2s; border-top: 0px;margin-top: -20px;}
.portfolio {  }
.clients { margin-top: -0%;border-top: 2px solid var(--contrast-color);} #content .col-full {
display: flex;
flex-direction: column;
}
#content .col-full #secondary {
order: 1;
width: 100% !important;
}
#content .col-full #primary {
order: 2;
width: 100% !important;
}
#content .col-full #primary .woocommerce-products-header {
display: none !important;
}
.left-sidebar .widget-area {
margin-right: 0% !important;
margin-bottom: 0% !important;
} .custom-banner {
background-color: #f1f1f1;
padding: 20px;
text-align: center;
font-size: 20px;
font-weight: bold;
border-bottom: 2px solid #ddd;
height: 200px;
background-image: url(https://etago.sk/wp-content/uploads/2025/04/bgg.webp);
background-position:center center;
box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5);
}
.custom-banner .col-full {max-width:1400px;height: 200px;display:flex;
justify-content:center;
align-items:center;
}
.custom-banner h2 span {
font-size: 30px;
color: var(--main-theme-color);
font-family: var(--main-theme-font);
}
.custom-banner h2 {
text-align:left;
font-size: 48px;
color: var(--white-color);
font-family: var(--default-font);
font-weight:700;
text-transform:uppercase;
}
.storefront-breadcrumb {
padding:1.41575em 0;
margin:0 0 1.706325903em;
}
.woocommerce-breadcrumb {border-bottom: 1px solid var(--contrast-color);padding-bottom: 10px;}
h2.woocommerce-loop-product__title { color: var(--main-theme-color);
font-family: var(--main-theme-font) !important;
} ul.products li.product .woocommerce-loop-product__title {
font-size: 1rem;
padding: 10px 5px !important;
color: #FFFFFF;
background: var(--contrast-color) !important;
} .summary.entry-summary h2 {display:none !important;}
.summary.entry-summary p {text-align:justify;}
.product-part-title { color: var(--heading-color);font-size: 32px;font-weight: 700;font-family: var(--heading-font);text-transform:uppercase;width:100%;border-bottom:1px solid var(--main-color-02); }
.related.products > h2:first-child {text-align:left !important;}
.related.products h2 {color: var(--heading-color);font-size: 32px;font-weight: 700;font-family: var(--heading-font);text-transform:uppercase;width:100%;border-bottom:1px solid var(--main-color-02); }  .summary.entry-summary h1.product_title  {color: var(--heading-color);font-size: 32px;font-weight: 700;font-family: var(--heading-font);text-transform:uppercase;width:100%;border-bottom:1px solid var(--main-color-02); }
#part02 .custom-content {display:flex;flex-direction:row;justify-content: flex-start;padding:3em 0;flex-flow: row wrap;}
#part02 .custom-content .colors { flex-shrink: 0;
flex-basis: 15%;
align-self: flex-start;
justify-self: flex-start;
}
#part03 .custom-content .colors.dvere-model{
min-height: 200px;
}
#part04 a {color: var(--main-color);}  body .woocommerce-page .single-product .product-gallery {
position: relative;
} body .pswp__bg { background: rgba(0, 0, 0, 0.7); } .yith-wcan-filter h4.filter-title {font-family: var(--theme-font);font-size: 18px;}
.yith-wcan-active-filters h4 {display: none !important;}
.active-filter b {display: none !important;}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > a, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a {
font-size: 14px;
} .footer {
color: var(--default-color);
background-color: var(--background-color);
font-family: var(--theme-font);
background-image: url(https://etago.sk/wp-content/uploads/2025/04/footer_bg.webp);
font-size: 14px;
position: relative;
}
.footer .footer-top {
padding-top: 50px;
border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.footer .footer-about {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height:400px;
margin-top: -50px;
margin-bottom: -30px;
}
.footer .footer-about .logo {
line-height: 1;
margin-bottom: 25px;
}
.footer .footer-about .logo img {
max-height: 40px;
margin-right: 6px;
}
.footer .footer-about .logo span {
font-size: 26px;
font-weight: 700;
letter-spacing: 1px;
font-family: var(--heading-font);
color: var(--heading-color);
}
.footer .footer-about p {
font-size: 16px;
font-family: var(--heading-font);
}
.footer .social-links a {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 10%;
border: 0px solid color-mix(in srgb, var(--default-color), transparent 50%);
font-size: 18px;
color: color-mix(in srgb, var(--white-color));
margin-right: 10px;
transition: 0.3s;
background-color: var(--main-color-02);
}
.footer .social-links a:hover {
color: var(--white-color);
border-color: var(--accent-color);
}
.footer h4 {
color: var(--white-color);
font-size: 18px;
font-weight: bold;
position: relative;
padding-bottom: 12px;
}
.footer .footer-links {
margin-bottom: 30px;
margin-left: 30px;
}
.footer .footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer .footer-links ul i {
padding-right: 2px;
font-size: 12px;
line-height: 0;
}
.footer .footer-links ul li {
padding: 10px 0;
display: flex;
align-items: center;
}
.footer .footer-links ul li a {
font-size: 16px;
}
.footer .footer-links ul li:first-child {
padding-top: 0;
}
.footer .footer-links ul a {
color: color-mix(in srgb, var(--default-color), transparent 30%);
display: inline-block;
line-height: 1;
}
.footer .footer-links ul a:hover {
color: var(--white-color);
}
.footer .footer-contact p {
margin-bottom: 5px;
}
.footer .footer-newsletter .newsletter-form {
margin-top: 30px;
margin-bottom: 15px;
padding: 6px 8px;
position: relative;
border-radius: 4px;
border: 1px solid color-mix(in srgb, var(--white-color), transparent 70%);
display: flex;
background-color: var(--background-color);
transition: 0.3s;
}
.footer .footer-newsletter p {font-size: 16px;}
.footer .footer-newsletter .newsletter-form:focus-within {
border-color: var(--accent-color);
}
.footer .footer-newsletter .newsletter-form input[type=email] {
border: 0;
padding: 4px;
width: 100%;
background-color: var(--background-color);
color: var(--default-color);
}
.footer .footer-newsletter .newsletter-form input[type=email]:focus-visible {
outline: none;
}
.footer .footer-newsletter .newsletter-form input[type=submit] {
border: 0;
font-size: 16px;
padding: 0 20px;
margin: -7px -8px -7px 0;
background: var(--theme-green-color);
color: var(--white-color);
transition: 0.3s;
border-radius: 0 4px 4px 0;
}
.footer .footer-newsletter .newsletter-form input[type=submit]:hover {
background: color-mix(in srgb, var(--accent-color), transparent 20%);
}
.footer .copyright {
padding: 25px 0;
border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.footer .copyright p {
margin-bottom: 0;
}
.footer .credits {
margin-top: 6px;
font-size: 13px;
}
.footer .site-info {
background: var(--white-color);
color: var(--black-color);
display: flex;
justify-content: center;
}
.footer .site-info a {
color: var(--main-color);
}
.footer .footer-newsletter input[type="email"] { box-shadow: unset; } .scroll-top {
position: fixed;
visibility: hidden;
opacity: 0;
right: 15px;
bottom: 60px;
z-index: 99999;
background-color: var(--main-color-02);
width: 60px;
height: 60px;
border-radius: 0px;
transition: all 0.4s;
}
.scroll-top i {
font-size: 24px;
color: var(--contrast-color);
line-height: 0;
}
.scroll-top:hover {
background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
color: var(--contrast-color);
}
.scroll-top.active {
visibility: visible;
opacity: 1;
} @media screen and (max-width: 768px) {
[data-aos-delay] {
transition-delay: 0 !important;
}
} .page-title {
color: var(--default-color);
background-color: var(--background-color);
padding: 120px 0;
text-align: center;
position: relative;
}
.page-title h1 {
font-size: 42px;
font-weight: 700;
margin-bottom: 10px;
}
.page-title .breadcrumbs ol {
display: flex;
flex-wrap: wrap;
list-style: none;
justify-content: center;
padding: 0;
margin: 0;
font-size: 16px;
font-weight: 400;
}
.page-title .breadcrumbs ol li+li {
padding-left: 10px;
}
.page-title .breadcrumbs ol li+li::before {
content: "/";
display: inline-block;
padding-right: 10px;
color: color-mix(in srgb, var(--default-color), transparent 70%);
} section,
.section {
color: var(--default-color);
background-color: var(--background-color);
padding: 60px 0;
scroll-margin-top: 85px;
overflow: clip;
}
@media (max-width: 1199px) {
section,
.section {
scroll-margin-top: 66px;
}
} .section-title {
text-align: center;
padding-bottom: 60px;
position: relative;
}
.section-title h2 {
font-size: 13px;
letter-spacing: 1px;
font-weight: 700;
padding: 8px 20px;
margin: 0;
background: color-mix(in srgb, var(--accent-color), transparent 90%);
color: var(--accent-color);
display: inline-block;
text-transform: uppercase;
border-radius: 50px;
font-family: var(--default-font);
}
.section-title div {
color: var(--heading-color);
margin: 10px 0 0 0;
font-size: 32px;
font-weight: 700;
font-family: var(--heading-font);
}
.section-title div .description-title {
color: var(--accent-color);
} .portfolio .portfolio-filters {
padding: 0;
margin: 0 auto 20px auto;
list-style: none;
text-align: center;
}
.portfolio .portfolio-filters li {
cursor: pointer;
display: inline-block;
padding: 0;
font-size: 18px;
font-weight: 400;
margin: 0 10px;
line-height: 1;
margin-bottom: 5px;
transition: all 0.3s ease-in-out;
}
.portfolio .portfolio-filters li:hover,
.portfolio .portfolio-filters li.filter-active {
color: var(--accent-color);
}
.portfolio .portfolio-filters li:first-child {
margin-left: 0;
}
.portfolio .portfolio-filters li:last-child {
margin-right: 0;
}
@media (max-width: 575px) {
.portfolio .portfolio-filters li {
font-size: 14px;
margin: 0 5px;
}
}
.portfolio .portfolio-content {
position: relative;
overflow: hidden;
}
.portfolio .portfolio-content .portfolio-info {
opacity: 1;
position: absolute;
inset: 0;
z-index: 3;
transition: all ease-in-out 0.3s; padding: 15px;
display: flex;
justify-content: center;
align-items: flex-end;
}
.portfolio .portfolio-content .portfolio-info h4 {
display: table;
width: 80%;
padding: 15px 10px;
font-size: 1.3em;
font-family: var(--nav-font);
text-transform: uppercase;
font-weight: 400;
color: var(--black-color);
display: inline-block;
background-color: var(--white-color);
border-bottom: 5px solid var(--main-color-02);
}
.portfolio .portfolio-content .portfolio-info p {
position: absolute;
bottom: 10px;
text-align: center;
display: inline-block;
left: 0;
right: 0;
font-size: 16px;
font-weight: 600;
color: rgba(255, 255, 255, 0.8);
}
.portfolio .portfolio-content .portfolio-info .preview-link,
.portfolio .portfolio-content .portfolio-info .details-link {
position: absolute;
left: calc(50% - 40px);
font-size: 26px;
top: calc(50% - 14px);
color: #fff;
transition: 0.3s;
line-height: 1.2;
}
.portfolio .portfolio-content .portfolio-info .preview-link:hover,
.portfolio .portfolio-content .portfolio-info .details-link:hover {
color: var(--accent-color);
}
.portfolio .portfolio-content .portfolio-info .details-link {
left: 50%;
font-size: 34px;
line-height: 0;
}
.portfolio .portfolio-content:hover .portfolio-info {
opacity: 1;
cursor: pointer;
}
.portfolio .portfolio-content img {
transition: 0.3s;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); }
.portfolio .portfolio-content:hover img {
transform: scale(1.1);
filter: none;
-webkit-filter: grayscale(0%);
} .contact .info-item {
background: color-mix(in srgb, var(--default-color), transparent 96%);
padding: 30px;
}
.contact .info-item i {
font-size: 38px;
line-height: 0;
color: var(--accent-color);
}
.contact .info-item h3 {
font-size: 20px;
font-weight: 700;
margin: 20px 0 10px 0;
}
.contact .info-item p {
padding: 0;
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
}
.contact .info-item a {
color: var(--accent-color);
}
.contact .php-email-form {
background: color-mix(in srgb, var(--default-color), transparent 96%);
padding: 30px;
height: 100%;
}
.contact .php-email-form input[type=text],
.contact .php-email-form input[type=email],
.contact .php-email-form textarea {
font-size: 14px;
padding: 10px 15px;
box-shadow: none;
border-radius: 0;
color: var(--default-color);
background-color: color-mix(in srgb, var(--background-color), transparent 0%);
border-color: color-mix(in srgb, var(--default-color), transparent 80%);
}
.contact .php-email-form input[type=text]:focus,
.contact .php-email-form input[type=email]:focus,
.contact .php-email-form textarea:focus {
border-color: var(--accent-color);
}
.contact .php-email-form input[type=text]::placeholder,
.contact .php-email-form input[type=email]::placeholder,
.contact .php-email-form textarea::placeholder {
color: color-mix(in srgb, var(--defa-color), transparent 100%);
}
.contact .php-email-form button[type=submit] {
background: var(--accent-color);
color: var(--white-color);
border: 0;
padding: 10px 30px;
transition: 0.4s;
border-radius: 4px;
}
.contact .php-email-form button[type=submit]:hover {
background: color-mix(in srgb, var(--accent-color), transparent 20%);
} .starter-section { } .picklogo-showcase-359 .slick-prev, .picklogo-showcase-359 .slick-next { display:none !important; }
.picklogo-showcase-359 .slick-dots { display:none !important; }  body.term-72 ul.products li.product .door-thumb-wrap,
body.term-73 ul.products li.product .door-thumb-wrap,
body.term-75 ul.products li.product .door-thumb-wrap {
height: 360px; display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
} body.term-72 ul.products li.product .door-thumb-wrap img.door-thumb-img,
body.term-73 ul.products li.product .door-thumb-wrap img.door-thumb-img {
height: 100% !important; width: auto !important; max-height: 100%;
object-fit: contain; }
body.term-75 ul.products li.product .door-thumb-wrap img.door-thumb-img {
height: auto !important; width: 60% !important; object-fit: contain; } .contact-form-wrapper .ar-email-form { height: 100%;
padding: 20px;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
background: color-mix(in srgb, var(--default-color), transparent 96%);
}
@media (max-width: 575px) {
.contact-form-wrapper .ar-email-form {
padding: 20px;
}
}
.contact-form-wrapper .ar-email-form input[type=text],
.contact-form-wrapper .ar-email-form input[type=email],
.contact-form-wrapper .ar-email-form input[type=tel],
.contact-form-wrapper .ar-email-form textarea {
font-size: 14px;
padding: 10px 15px;
box-shadow: none;
border-radius: 0;
color: var(--default-color);
background-color: var(--surface-color);
border: 1px solid;
border-color: color-mix(in srgb, var(--default-color), transparent 80%);
}
.contact-form-wrapper .ar-email-form input[type=text]:focus,
.contact-form-wrapper .ar-email-form input[type=email]:focus,
.contact-form-wrapper .ar-email-form input[type=tel]:focus,
.contact-form-wrapper .ar-email-form textarea:focus {
border-color: var(--accent-color);
}
.contact-form-wrapper .ar-email-form input[type=text]::placeholder,
.contact-form-wrapper .ar-email-form input[type=email]::placeholder,
.contact-form-wrapper .ar-email-form input[type=tel]::placeholder,
.contact-form-wrapper .ar-email-form textarea::placeholder {
color: color-mix(in srgb, var(--default-color), transparent 70%);
}
.contact-form-wrapper .ar-email-form button[type=submit] {
color: #FFFFFF;
background: var(--accent-color);
border: 0;
padding: 10px 30px;
transition: 0.4s;
border-radius: 0px;
}
.contact-form-wrapper .ar-email-form button[type=submit]:hover {
background: color-mix(in srgb, var(--accent-color), transparent 20%);
}
.contact-form-wrapper .ar-email-form input[type=checkbox]+label, input[type=radio]+label {
font-size: 12px;
}
.contact-form-wrapper .ar-email-form .validate{
display: block;
font-size: 0.875rem;
margin-top: 6px;
color: #dc3545;
}
.dopyt-blok {
border: 0;
padding: 25px 25px;
background: var(--main-color-02);
color: var(--white-color);
transition: .3s;
border-radius: 4px;
text-align: center;
}
.dopyt-blok h3 {
font-size: 1.1em;
color: var(--white-color);
margin-bottom: 25px;
}
.btn-dopyt {
border: 0;
font-size: 16px;
padding: 20px;
margin: 25px auto;
color: var(--main-color-02);
background: var(--white-color);
transition: .3s;
border-radius: 4px;
} @media(min-width:1200px) { }
@media(max-width:1200px) {
}
@media (max-width: 900px) {
}
@media (max-width:768px) {
#site-navigation-menu-toggle {display:none !important;}
.site-branding {display:none !important;}
#mega-menu-toggle {display:flex;flex-direction:row;align-items:center;}
#mega-menu-item-274 {display: none !important;}
#mega-menu-item-272 {display: none !important;}
#mega-menu-item-273 {display: none !important;} section.parallax-section {padding:0 0;}
.parallax-section { height: unset; }
.parallax-section .parallax-content { position:relative;top:-10vh;right:unset; display: flex;flex-direction: column;justify-content:center;align-items:center; background-color: rgba(0, 0, 0, 0.4);width:80vw; }
.parallax-section .video {
position: static; height: 25vh;
width: 160%;
}
.parallax-section .squares-wrapper {
position: absolute;
top: 10%;
right: 10%;
transform: translate(-50%, -50%);
z-index: 1;
pointer-events: none;
}
.parallax-section .big-square {display:none;}
.parallax-section .small-square-02 {
width: 50px;
height: 50px;
background-color: rgba(53, 128, 190, 0.6); border-radius: 6px;
position: absolute;
bottom: -40px;
right: -40px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.parallax-section h1 {
font-size:2em;
color: var(--white-color);
}
.parallax-section h1  span {
color: var(--white-color);
}
.parallax-section h2 {
font-size:1.7em;
color: var(--white-color);
margin-bottom: 0px;
}
.search-bar {display: none !important;}
#post-9 .wp-block-spacer {height:30px !important;}
.custom-banner h2 {
text-align: left;
font-size: 30px;
}
#navbar-example2 ul {
margin: 0 0 0em 0em;
padding: 0;
}
#navbar-example2 li {
margin: 0 1vw;
}
#navbar-example2 .nav {
flex-wrap: nowrap;
}
#navbar-example2 .nav-item {
flex: 1 1 0%;
text-align: center;
}
#navbar-example2 .nav-link {
padding: 0.5rem 0.25rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#navbar-example2 .nav-link i {
font-size: 1.2rem;
}
#navbar-example2 .nav-link span {
display: none; }
.homepage-title {font-size: 24px;color: var(--heading-color);}
.section-title div {color: var(--heading-color);margin:10px 0 0 0;font-size: 24px;}
section.portfolio {padding:20px 0;}
p.about-text {color: var(--heading-color);}
p.about-text:nth-of-type(2) {margin-block-start: -20px;} .storefront-handheld-footer-bar ul li.facebook > a:before {
font-family: 'bootstrap-icons';
content: "\f344"; font-size: 1.5rem;
display: inline-block;
} .storefront-handheld-footer-bar ul li.instagram > a:before {
font-family: 'bootstrap-icons';
content: "\f437"; font-size: 1.5rem;
display: inline-block;
}
.footer .footer-about { margin-top: -50px;margin-bottom: 0px; }
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter {
width:100% !important;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable { margin-right: 0px; }
.footer .footer-links {
margin-bottom: 30px;
margin-left: 0px;
}
}