.elementor-element-112aca4 > .elementor-element {
display: none !important;
}
[data-hero-content] {
transform-origin: center center;
will-change: transform, opacity;
}
.elementor-12 .elementor-element.elementor-element-96fa171 .elementor-heading-title[data-hero-content="eyebrow"] {
display: inline-flex;
align-items: center;
gap: 10px;
}
.elementor-12 .elementor-element.elementor-element-96fa171 .elementor-heading-title[data-hero-content="eyebrow"]::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: #ca0a0f;
flex: 0 0 8px;
box-shadow: 0 0 0 4px rgba(202, 10, 15, 0.16);
}
.hero-content-zoom-in {
animation: heroContentZoomIn 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.rollsfloor-red {
color: #ca0a0f;
}
.hero-content-zoom-out {
animation: heroContentZoomOut 0.26s ease both;
}
@keyframes heroContentZoomIn {
from {
opacity: 0;
transform: scale(0.97) translateY(10px);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes heroContentZoomOut {
from {
opacity: 1;
transform: scale(1) translateY(0);
}
to {
opacity: 0;
transform: scale(1.015) translateY(-8px);
}
}
.why-choose-us-layout {
display: grid;
grid-template-columns: minmax(320px, 0.92fr) minmax(320px, 1.08fr);
gap: 32px;
align-items: stretch;
width: 100%;
}
.why-choose-us-visual {
position: relative;
min-height: 640px;
border-radius: 28px;
overflow: hidden;
background: #181311;
box-shadow: 0 24px 60px rgba(17, 10, 8, 0.14);
}
.why-choose-us-media,
.why-choose-us-media img {
width: 100%;
height: 100%;
}
.why-choose-us-media img {
display: block;
object-fit: cover;
}
.why-choose-us-visual::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(21, 15, 13, 0.82) 100%);
}
.why-choose-us-statcard {
position: absolute;
left: 24px;
right: 24px;
bottom: 24px;
z-index: 1;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
padding: 18px;
border-radius: 22px;
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(12px);
}
.why-choose-us-stat {
padding: 18px 16px;
border-radius: 18px;
background: rgba(255, 255, 255, 0.1);
color: #fff;
}
.why-choose-us-stat-value {
display: block;
margin-bottom: 8px;
font-size: 28px;
font-weight: 600;
line-height: 1;
}
.why-choose-us-stat-label {
display: block;
font-size: 14px;
line-height: 1.5;
color: rgba(255, 255, 255, 0.88);
}
.why-choose-us-benefits {
display: flex;
flex-direction: column;
gap: 22px;
padding: 28px;
border-radius: 28px;
background: linear-gradient(180deg, #fffaf6 0%, #ffffff 100%);
border: 1px solid rgba(115, 88, 67, 0.08);
box-shadow: 0 20px 50px rgba(26, 17, 14, 0.08);
}
.why-choose-us-lead {
margin: 0;
font-size: 17px;
line-height: 1.75;
color: #5f5a57;
}
.why-choose-us-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.why-choose-us-point {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 20px;
border-radius: 20px;
background: #ffffff;
border: 1px solid rgba(115, 88, 67, 0.1);
box-shadow: 0 12px 30px rgba(29, 18, 14, 0.05);
}
.why-choose-us-point-wide {
grid-column: 1 / -1;
}
.why-choose-us-point h3 {
margin: 0;
font-size: 20px;
font-weight: 600;
line-height: 1.45;
color: #16110f;
}
.why-choose-us-point-icon {
flex: 0 0 42px;
width: 42px;
height: 42px;
border-radius: 999px;
background: #ca0a0f;
position: relative;
box-shadow: 0 10px 22px rgba(202, 10, 15, 0.24);
}
.why-choose-us-point-icon::before {
content: "";
position: absolute;
inset: 0;
margin: auto;
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='white'%3E%3Cpath d='M11.6432 3.92039C11.6432 3.60973 11.3913 3.35789 11.0807 3.35788L6.01815 3.35784C5.70749 3.35784 5.45565 3.60968 5.45565 3.92034C5.45564 4.231 5.70748 4.48284 6.01814 4.48284L10.5181 4.48288V8.98287C10.5181 9.29354 10.7699 9.54538 11.0806 9.54538C11.3913 9.54538 11.6431 9.29354 11.6431 8.98287L11.6432 3.92039ZM4.31892 11.4775L11.4784 4.31813L10.683 3.52263L3.52344 10.682L4.31892 11.4775Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 14px 14px;
}
.home-products-card {
display: flex;
flex-direction: column;
width: 100%;
}
.home-products-card-body,
.home-products-card-image {
width: 100%;
}
.home-products-card-image {
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
}
.home-products-card-image img {
width: 100%;
max-width: none;
height: 100%;
display: block;
object-fit: cover;
}
.home-products-slider .item {
width: 100%;
}
.rollsfloor-breadcrumb-bar {
position: relative;
z-index: 3;
max-width: 1320px;
margin: 0 auto;
padding: 0 18px;
}
.rollsfloor-breadcrumb-bar__inner {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 18px 24px;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.rollsfloor-breadcrumb-bar .breadcrumb-trail {
line-height: 1.4;
}
.rollsfloor-breadcrumb-bar .trail-items {
justify-content: flex-start;
text-align: left;
}
.rollsfloor-breadcrumb-bar .trail-items li {
color: #6b5b57;
font-size: 16px;
}
.rollsfloor-breadcrumb-bar .trail-items li::before {
color: rgba(107, 91, 87, 0.5);
}
.rollsfloor-breadcrumb-bar .trail-items li:first-child::before {
display: none;
}
.rollsfloor-breadcrumb-bar .trail-items a {
color: #1f1716;
text-decoration: none;
transition: color 0.2s ease;
}
.rollsfloor-breadcrumb-bar .trail-items a:hover {
color: #ca0a0f;
}
.rollsfloor-breadcrumb-bar .trail-item.trail-end {
color: #ca0a0f;
font-weight: 600;
font-size: 16px;
}
@media (max-width: 991px) {
.why-choose-us-layout {
grid-template-columns: 1fr;
}
.why-choose-us-visual {
min-height: 540px;
}
.why-choose-us-grid {
grid-template-columns: 1fr;
}
.rollsfloor-breadcrumb-bar {
margin-top: 0;
padding: 0 14px;
}
.rollsfloor-breadcrumb-bar__inner {
padding: 14px 16px;
border-radius: 0;
}
}
@media (max-width: 767px) {
.why-choose-us-visual {
min-height: 460px;
border-radius: 22px;
}
.why-choose-us-benefits {
padding: 20px;
border-radius: 22px;
}
.why-choose-us-statcard {
left: 16px;
right: 16px;
bottom: 16px;
grid-template-columns: 1fr;
padding: 14px;
}
.why-choose-us-point {
padding: 18px;
}
.why-choose-us-point h3 {
font-size: 18px;
}
} .sticky-social-sidebar {
position: fixed;
right: 20px;
top: 50%;
transform: translateY(-50%);
z-index: 9999;
display: flex;
flex-direction: column;
gap: 12px;
}
.social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
text-decoration: none;
}
.social-icon:hover {
transform: scale(1.1);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}
.whatsapp-icon {
background-color: #25D366;
color: #fff;
}
.whatsapp-icon:hover {
background-color: #20ba5a;
}
.footer-contact-list {
display: flex;
flex-direction: column;
gap: 13px;
}
.footer-contact-link {
display: inline-flex;
align-items: center;
gap: 8px;
}
.footer-contact-link i {
line-height: 1;
font-size: 14px;
}
.footer-contact-copy p a i {
margin-right: 5px;
}
.linkedin-icon {
background-color: #0077B5;
color: #fff;
}
.linkedin-icon:hover {
background-color: #005885;
}
.social-icon svg {
width: 24px;
height: 24px;
} @media (max-width: 768px) {
.sticky-social-sidebar {
right: 15px;
gap: 8px;
}
.social-icon {
width: 45px;
height: 45px;
}
.social-icon svg {
width: 20px;
height: 20px;
}
}
@media (max-width: 480px) {
.sticky-social-sidebar {
right: 10px;
}
.social-icon {
width: 40px;
height: 40px;
}
.social-icon svg {
width: 18px;
height: 18px;
}
} .elementor-element .ekit_creative_button {
color: #ca0a0f !important;
} .elementor-element .ekit_position_aware svg {
background-color: #05014a !important;
}
.elementor-element .ekit_position_aware svg path {
fill: #fff !important;
} .elementor-element .ekit_position_aware_bg {
background-color: #ca0a0f !important;
} .elementor-element .ekit_position_aware:hover {
color: #fff !important;
} .elementor-element .ekit_position_aware:hover .ekit_position_aware_bg {
background-color: #05014a !important;
} .elementor-element .ekit_position_aware:hover svg {
background-color: #ca0a0f !important;
transform: rotate(45deg);
} .elementor-element-06f8469 .ekit_position_aware:hover svg path {
fill: #fff !important;
} .elementor-12 .elementor-element.elementor-element
.ekit_creative_button:hover > .ekit_creative_button_text {
color: #fff !important;
}
.our-products-section .e-con-full,
.our-products-section .e-con-inner {
padding-block-end: 12px !important;
padding-block-start: 6px !important;
gap: 0px;
}
.about-us-section .e-con-inner, .why-choose-section .e-con-inner {
padding-block-end: 60px;
padding-block-start: 20px;
}
.page-header-box h1 {
font-size: 50px !important;
letter-spacing: 0 !important;
margin-bottom: 15px;
color: var(--e-global-color-white) !important;
word-wrap: break-word;
}
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-navbar-nav > li {
margin: 0px 0px 0px 0px !important;
}
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-navbar-nav {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: nowrap;
}
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-navbar-nav > li {
margin: 0!important;
}        .elementskit-menu-container .elementskit-navbar-nav {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
white-space: nowrap !important;
}
.elementskit-menu-container .elementskit-navbar-nav > li.nav-item {
position: relative !important;
}
.elementskit-menu-container .elementskit-navbar-nav > li > .elementskit-dropdown {
position: absolute !important;
top: 100% !important;
left: 0 !important;
z-index: 1000 !important;
min-width: 220px !important;
}
.elementskit-menu-container .elementskit-dropdown > li.nav-item {
position: relative !important;
}
.elementskit-menu-container .elementskit-dropdown > li > .elementskit-dropdown {
position: absolute !important;
top: 0 !important;
left: 100% !important;
right: auto !important;
z-index: 1001 !important;
min-width: 220px !important;
}
.elementskit-menu-container .elementskit-navbar-nav .menu-item-has-children > a,
.elementskit-menu-container .elementskit-dropdown .menu-item-has-children > a,
.menu-item-has-children > a {
position: relative !important;
padding-right: 1.85em !important;
} .elementskit-menu-container .elementskit-submenu-indicator,
.elementskit-menu-container .ekit-submenu-indicator-icon,
.elementskit-submenu-indicator,
.ekit-submenu-indicator-icon {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
} .elementskit-menu-container .elementskit-navbar-nav > li.menu-item-has-children > a::after,
.elementskit-menu-container .elementskit-navbar-nav > li.elementskit-dropdown-has > a::after,
.elementskit-navbar-nav > li.menu-item-has-children > a::after,
.elementskit-navbar-nav > li.elementskit-dropdown-has > a::after,
li.nav-item.menu-item-has-children > a::after {
content: "\203A" !important;
position: absolute !important;
right: 0.4em !important;
top: 50% !important;
transform: translateY(-50%) rotate(90deg) !important;
color: currentColor !important;
font-size: 14px !important;
line-height: 1 !important;
vertical-align: middle !important;
font-style: normal !important;
font-weight: normal !important;
opacity: 1 !important;
visibility: visible !important;
} .elementskit-menu-container .elementskit-dropdown li.menu-item-has-children > a::after,
.elementskit-menu-container .elementskit-dropdown li.elementskit-dropdown-has > a::after,
.elementskit-dropdown li.menu-item-has-children > a::after,
.elementskit-dropdown li.elementskit-dropdown-has > a::after {
content: "\203A" !important;
position: absolute !important;
right: 0.4em !important;
top: 50% !important;
transform: translateY(-50%) !important;
color: currentColor !important;
font-size: 14px !important;
line-height: 1 !important;
vertical-align: middle !important;
font-style: normal !important;
font-weight: normal !important;
opacity: 1 !important;
visibility: visible !important;
} @media (max-width: 1024px) { .elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-navbar-nav,
.elementor-17 .elementor-element.elementor-element-7f70780 .ekit-wid-con .elementskit-navbar-nav {
overflow: visible !important;
} .elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-navbar-nav li.menu-item-has-children > a::after,
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-navbar-nav li.elementskit-dropdown-has > a::after,
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-dropdown li.menu-item-has-children > a::after,
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-dropdown li.elementskit-dropdown-has > a::after {
content: "\203A" !important;
position: static !important;
display: inline-block !important;
margin-left: 6px !important;
transform: rotate(90deg) !important;
color: #FFFFFF !important;
font-size: 16px !important;
line-height: 1 !important;
font-style: normal !important;
font-weight: bold !important;
opacity: 1 !important;
visibility: visible !important;
width: auto !important;
height: auto !important;
padding: 0 !important;
background: none !important;
border: none !important;
pointer-events: none !important;
vertical-align: middle !important;
} .elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-navbar-nav li.menu-item-has-children > a,
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-dropdown li.menu-item-has-children > a,
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-dropdown li.elementskit-dropdown-has > a {
position: relative !important;
padding-right: 2em !important;
} .elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-navbar-nav > li.rfs-open.menu-item-has-children > a::after,
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-navbar-nav > li.rfs-open.elementskit-dropdown-has > a::after {
transform: translateY(-50%) rotate(-90deg) !important;
} .elementor-17 .elementskit-navbar-nav > li > .elementskit-dropdown,
.elementskit-menu-container .elementskit-navbar-nav > li > .elementskit-dropdown,
.elementor-17 .elementskit-dropdown > li > .elementskit-dropdown,
.elementskit-menu-container .elementskit-dropdown > li > .elementskit-dropdown {
display: none !important;
position: static !important;
top: auto !important;
left: auto !important;
right: auto !important;
width: 100% !important;
min-width: 0 !important;
box-shadow: none !important;
z-index: auto !important;
overflow: hidden !important;
max-height: 0 !important;
transition: max-height 0.3s ease !important;
} .elementor-17 .elementskit-navbar-nav > li.rfs-open > .elementskit-dropdown,
.elementskit-menu-container .elementskit-navbar-nav > li.rfs-open > .elementskit-dropdown,
.elementor-17 .elementskit-dropdown > li.rfs-open > .elementskit-dropdown,
.elementskit-menu-container .elementskit-dropdown > li.rfs-open > .elementskit-dropdown,
.elementskit-dropdown li.submenu-open > .elementskit-dropdown,
.elementskit-dropdown li.submenu-open > .elementskit-submenu-panel {
display: flex !important;
flex-direction: column !important;
max-height: none !important;
overflow: visible !important;
visibility: visible !important;
background-color: #05014a !important;
padding: 8px 0 !important;
opacity: 1 !important;
width: 100% !important;
} .elementskit-dropdown > li.rfs-open > .elementskit-dropdown,
.elementskit-menu-container .elementskit-dropdown > li.rfs-open > .elementskit-dropdown,
.elementskit-dropdown > li.rfs-open > .elementskit-submenu-panel,
.elementskit-menu-container .elementskit-dropdown > li.rfs-open > .elementskit-submenu-panel {
display: flex !important;
flex-direction: column !important;
max-height: none !important;
overflow: visible !important;
visibility: visible !important;
background-color: rgba(29, 29, 29, 0.95) !important;
padding: 8px 0 !important;
opacity: 1 !important;
width: 100% !important;
position: static !important;
} .elementskit-dropdown,
.elementskit-dropdown ul {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
}
.elementskit-dropdown li,
.elementskit-dropdown ul li {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
background-color: transparent !important;
list-style: none !important;
width: 100% !important;
}
.elementskit-dropdown > li > a {
padding-left: 20px !important;
} .elementskit-navbar-nav a,
.elementskit-dropdown a {
display: block !important;
position: relative !important;
white-space: normal !important;
word-break: break-word !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
min-height: 44px !important;
line-height: 1.4 !important;
color: var(--e-global-color-secondary, #FFFFFF) !important;
}
.elementskit-dropdown a {
color: #FFFFFF !important;
}
} @media (max-width: 480px) { .elementskit-menu-hamburger.elementskit-menu-toggler {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 44px !important;
min-height: 44px !important;
cursor: pointer !important;
} .ata-site-logo-img {
max-width: 120px !important;
height: auto !important;
}
} @media (max-width: 767px) { .about-us-section .e-con-inner {
flex-direction: column !important;
align-items: center !important;
} .about-us-section .elementor-element-cc64dfa,
.about-us-section .elementor-element-7ad7b06 {
width: 100% !important;
max-width: 100% !important;
text-align: center !important;
} .about-us-section .about-us-video-wrap,
.about-us-section .about-us-video-wrap > * {
margin: 0 auto !important;
max-width: 100% !important;
display: block !important;
} .about-us-section .elementor-heading-title,
.about-us-section .elementor-heading-title *,
.about-us-section .section-title,
.about-us-section .section-title * {
text-align: center !important;
} .about-us-section .elementor-widget-text-editor p {
text-align: justify !important;
} .about-us-section .elementor-icon-list-items {
display: inline-block !important;
text-align: left !important;
margin: 0 auto !important;
}
.about-us-section .elementor-widget-icon-list {
text-align: center !important; } .about-us-section .ekit-btn-wraper,
.about-us-section .elementor-widget-button,
.about-us-section .elementor-widget-button .elementor-button-wrapper,
.about-us-section .elementor-widget-elementskit-button {
text-align: center !important;
display: flex !important;
justify-content: center !important;
} .about-us-section .e-con {
align-items: center !important;
} .about-us-section .elementor-widget-wrap {
align-items: center !important;
} .about-us-section .elementor-widget-container {
text-align: center !important;
} .about-us-section > .e-con-inner,
.about-us-section > .elementor-container {
padding-left: 16px !important;
padding-right: 16px !important;
} .about-us-section .elementor-element-cc64dfa,
.about-us-section .elementor-element-adcddfa {
width: 100% !important;
max-width: 100% !important;
align-items: center !important;
justify-content: center !important;
} .about-us-section .elementor-element-ebae550 {
width: 100% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
} .about-us-section .about-us-video-wrap {
margin: 0 auto !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
} .about-us-section .about-us-video-wrap video {
display: block !important;
margin: 0 auto !important;
max-width: 100% !important;
width: 100% !important;
} .about-us-section .elementor-element-ebae550 .elementor-widget-container {
display: flex !important;
justify-content: center !important;
width: 100% !important;
}
} .elementor-element-92d9728 a.crayo-red,
.elementor-element-92d9728 .crayo-red,
.elementor-element-92d9728 a[href*="crayotech.com"] {
color: #e60000 !important;
font-weight: bold !important;
text-decoration: none !important;
}
.elementor-element-92d9728 a.crayo-red:hover,
.elementor-element-92d9728 .crayo-red:hover,
.elementor-element-92d9728 a[href*="crayotech.com"]:hover {
color: #cc0000 !important;
}:root {
--e-global-color-primary:         #1D1D1D;
--e-global-color-secondary:       #FFFFFF;
--e-global-color-text:            #575757;
--e-global-color-accent:          #ca0a0f !important;
--e-global-color-accentsecondary: #D5B471;
--e-global-color-white:           #FFFFFF;
--e-global-color-black:           #000000;
--e-global-color-divider:         #1D1D1D14;
--e-global-color-darkdivider:     #FFFFFF14;
--e-global-color-background:      #F7F7F7;
--e-global-typography-primary-font-family:   "ClashGrotesk-Variable";
--e-global-typography-primary-font-size:     48px;
--e-global-typography-primary-font-weight:   500;
--e-global-typography-primary-line-height:   1.1em;
--e-global-typography-secondary-font-family: "ClashGrotesk-Variable";
--e-global-typography-secondary-font-size:   20px;
--e-global-typography-secondary-font-weight: 500;
--e-global-typography-secondary-line-height: 1.2em;
--e-global-typography-text-font-family:      "Inter";
--e-global-typography-text-font-size:        16px;
--e-global-typography-text-font-weight:      400;
--e-global-typography-text-line-height:      1.6em;
--e-global-typography-accent-font-family:    "Inter";
--e-global-typography-accent-font-size:      16px;
--e-global-typography-accent-font-weight:    600;
--e-global-typography-accent-line-height:    1em;
}  @media (min-width: 1025px) {
.elementor-17 .elementor-element-6daa84a {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
z-index: 9999 !important;
box-sizing: border-box !important;
} .elementor-17 .elementor-element-afd9735 {
flex-wrap: nowrap !important;
align-items: center !important;
width: 100% !important;
} .elementor-17 .ekit-wid-con .elementskit-navbar-nav {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
white-space: nowrap !important;
} .elementor-17 .elementskit-navbar-nav > li.nav-item {
position: relative !important;
} .elementor-17 .elementskit-navbar-nav > li > .elementskit-dropdown {
position: absolute !important;
top: 100% !important;
left: 0 !important;
z-index: 1000 !important;
min-width: 220px !important;
} .elementor-17 .elementskit-dropdown > li.nav-item {
position: relative !important;
} .elementor-17 .elementskit-dropdown > li > .elementskit-dropdown {
position: absolute !important;
top: 0 !important;
left: 100% !important;
right: auto !important;
z-index: 1001 !important;
min-width: 220px !important;
} .elementor-17 .elementor-element-afd9735.e-con {
min-height: 80px !important;
align-items: center !important;
} .elementskit-menu-container .elementskit-navbar-nav {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
white-space: nowrap !important;
}
.elementskit-menu-container .elementskit-navbar-nav > li.nav-item {
position: relative !important;
}
.elementskit-menu-container .elementskit-navbar-nav > li > .elementskit-dropdown {
position: absolute !important;
top: 100% !important;
left: 0 !important;
z-index: 1000 !important;
min-width: 220px !important;
}
.elementskit-menu-container .elementskit-dropdown > li.nav-item {
position: relative !important;
}
.elementskit-menu-container .elementskit-dropdown > li > .elementskit-dropdown {
position: absolute !important;
top: 0 !important;
left: 100% !important;
right: auto !important;
z-index: 1001 !important;
min-width: 220px !important;
}
} .elementskit-menu-container .elementskit-navbar-nav .menu-item-has-children > a,
.elementskit-menu-container .elementskit-dropdown .menu-item-has-children > a,
.menu-item-has-children > a {
position: relative !important;
padding-right: 1.85em !important;
} .elementskit-menu-container .elementskit-submenu-indicator,
.elementskit-menu-container .ekit-submenu-indicator-icon,
.elementskit-submenu-indicator,
.ekit-submenu-indicator-icon {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
} .elementskit-menu-container .elementskit-navbar-nav > li.menu-item-has-children > a::after,
.elementskit-menu-container .elementskit-navbar-nav > li.elementskit-dropdown-has > a::after,
.elementskit-navbar-nav > li.menu-item-has-children > a::after,
.elementskit-navbar-nav > li.elementskit-dropdown-has > a::after,
li.nav-item.menu-item-has-children > a::after {
content: "\203A" !important;
position: absolute !important;
right: 0.4em !important;
top: 50% !important;
transform: translateY(-50%) rotate(90deg) !important;
color: currentColor !important;
font-size: 14px !important;
line-height: 1 !important;
font-style: normal !important;
font-weight: normal !important;
opacity: 1 !important;
visibility: visible !important;
transition: transform 0.25s ease !important;
} .elementskit-menu-container .elementskit-dropdown li.menu-item-has-children > a::after,
.elementskit-menu-container .elementskit-dropdown li.elementskit-dropdown-has > a::after,
.elementskit-dropdown li.menu-item-has-children > a::after,
.elementskit-dropdown li.elementskit-dropdown-has > a::after {
content: "\203A" !important;
position: absolute !important;
right: 0.4em !important;
top: 50% !important;
transform: translateY(-50%) !important;
color: currentColor !important;
font-size: 14px !important;
line-height: 1 !important;
font-style: normal !important;
font-weight: normal !important;
opacity: 1 !important;
visibility: visible !important;
transition: transform 0.25s ease !important;
} @media (max-width: 1024px) { .elementor-17 .elementor-element-6daa84a {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
width: 100% !important;
z-index: 9999 !important;
box-sizing: border-box !important;
} .elementor-17 .elementor-element-afd9735 {
flex-wrap: wrap !important;
align-items: center !important;
width: 100% !important;
min-height: 60px !important;
} .elementskit-menu-container {
white-space: normal !important;
} .elementor-17 .ekit-wid-con .elementskit-navbar-nav,
.elementskit-menu-container .elementskit-navbar-nav {
display: block !important;
flex-wrap: unset !important;
white-space: normal !important;
width: 100% !important;
overflow: visible !important;
} .elementor-17 .elementskit-navbar-nav > li.nav-item,
.elementskit-menu-container .elementskit-navbar-nav > li.nav-item {
position: static !important;
display: block !important;
width: 100% !important;
}  .elementor-17 .elementskit-navbar-nav > li > .elementskit-dropdown,
.elementskit-menu-container .elementskit-navbar-nav > li > .elementskit-dropdown,
.elementor-17 .elementskit-dropdown > li > .elementskit-dropdown,
.elementskit-menu-container .elementskit-dropdown > li > .elementskit-dropdown {
display: none !important;
position: static !important;
top: auto !important;
left: auto !important;
right: auto !important;
width: 100% !important;
min-width: 0 !important;
box-shadow: none !important;
z-index: auto !important;
overflow: hidden !important;
max-height: 0 !important;
transition: max-height 0.3s ease !important;
} .elementor-17 .elementskit-navbar-nav > li.rfs-open > .elementskit-dropdown,
.elementskit-menu-container .elementskit-navbar-nav > li.rfs-open > .elementskit-dropdown,
.elementor-17 .elementskit-dropdown > li.rfs-open > .elementskit-dropdown,
.elementskit-menu-container .elementskit-dropdown > li.rfs-open > .elementskit-dropdown,
.elementskit-dropdown li.submenu-open > .elementskit-dropdown,
.elementskit-dropdown li.submenu-open > .elementskit-submenu-panel {
display: flex !important;
flex-direction: column !important;
max-height: none !important;
overflow: visible !important;
visibility: visible !important;
background-color: #05014a !important;
padding: 8px 0 !important;
opacity: 1 !important;
width: 100% !important;
} .elementskit-dropdown > li.rfs-open > .elementskit-dropdown,
.elementskit-menu-container .elementskit-dropdown > li.rfs-open > .elementskit-dropdown,
.elementskit-dropdown > li.rfs-open > .elementskit-submenu-panel,
.elementskit-menu-container .elementskit-dropdown > li.rfs-open > .elementskit-submenu-panel {
display: flex !important;
flex-direction: column !important;
max-height: none !important;
overflow: visible !important;
visibility: visible !important;
background-color: rgba(29, 29, 29, 0.95) !important;
padding: 8px 0 !important;
opacity: 1 !important;
width: 100% !important;
position: static !important;
} .elementor-17 .elementskit-dropdown > li.nav-item,
.elementskit-menu-container .elementskit-dropdown > li.nav-item {
position: static !important;
display: block !important;
width: 100% !important;
} .elementor-17 .elementskit-dropdown > li.rfs-open > .elementskit-dropdown,
.elementskit-menu-container .elementskit-dropdown > li.rfs-open > .elementskit-dropdown {
display: flex !important;
flex-direction: column !important;
max-height: 2000px !important;
overflow: visible !important;
visibility: visible !important;
background-color: rgba(29, 29, 29, 0.95) !important;
padding: 8px 0 !important;
opacity: 1 !important;
width: 100% !important;
position: static !important;
} .elementskit-dropdown > li.rfs-open > .elementskit-dropdown li {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 100% !important;
}
.elementskit-dropdown li.menu-item-has-children > a {
display: block !important;
position: relative !important;
padding-right: 1.85em !important;
}
.elementskit-dropdown > li.rfs-open > .elementskit-dropdown > li > a {
padding-left: 20px !important;
} .elementskit-dropdown li.menu-item-has-children > a::after,
.elementskit-dropdown li.elementskit-dropdown-has > a::after {
content: "\203A" !important;
position: absolute !important;
right: 4.4em !important;
top: 50% !important;
transform: translateY(-50%) rotate(90deg) !important;
color: currentColor !important;
font-size: 14px !important;
line-height: 1 !important;
opacity: 1 !important;
visibility: visible !important;
transition: transform 0.25s ease !important;
} .elementskit-dropdown > li.rfs-open > .elementskit-dropdown > li.rfs-open > .elementskit-dropdown li {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 100% !important;
}
.elementskit-dropdown > li.rfs-open > .elementskit-dropdown > li.rfs-open > .elementskit-dropdown > li > a {
padding-left: 40px !important;
}  .elementskit-navbar-nav > li.rfs-open.menu-item-has-children > a::after,
.elementskit-navbar-nav > li.rfs-open.elementskit-dropdown-has > a::after,
li.nav-item.rfs-open.menu-item-has-children > a::after {
transform: translateY(-50%) rotate(-90deg) !important;
} .elementskit-dropdown li.rfs-open.menu-item-has-children > a::after,
.elementskit-dropdown li.rfs-open.elementskit-dropdown-has > a::after {
transform: translateY(-50%) rotate(90deg) !important;
} .elementskit-dropdown > li.rfs-open > .elementskit-dropdown li.rfs-open.menu-item-has-children > a::after,
.elementskit-dropdown > li.rfs-open > .elementskit-dropdown li.rfs-open.elementskit-dropdown-has > a::after {
transform: translateY(-50%) rotate(90deg) !important;
} .elementskit-navbar-nav > li.menu-item-has-children > a::after,
.elementskit-navbar-nav > li.elementskit-dropdown-has > a::after,
li.nav-item.menu-item-has-children > a::after {
transform: translateY(-50%) rotate(90deg) !important;
}
.elementskit-menu-container .elementskit-dropdown li.menu-item-has-children > a::after,
.elementskit-menu-container .elementskit-dropdown li.elementskit-dropdown-has > a::after,
.elementskit-dropdown li.menu-item-has-children > a::after,
.elementskit-dropdown li.elementskit-dropdown-has > a::after {
transform: translateY(-50%) rotate(90deg) !important;
} .elementskit-navbar-nav a,
.elementskit-dropdown a {
display: block !important;
position: relative !important;
white-space: normal !important;
word-break: break-word !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
min-height: 44px !important; line-height: 1.4 !important;
color: var(--e-global-color-secondary, #FFFFFF) !important;
}  .elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-navbar-nav > li.menu-item-has-children > a::after,
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-navbar-nav > li.elementskit-dropdown-has > a::after,
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-dropdown li.menu-item-has-children > a::after,
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-dropdown li.elementskit-dropdown-has > a::after {
content: "\203A" !important;
position: absolute !important;
right: 4.4em !important;
top: 50% !important;
transform: translateY(-50%) rotate(90deg) !important;
color: currentColor !important;
font-size: 14px !important;
line-height: 1 !important;
font-style: normal !important;
font-weight: normal !important;
opacity: 1 !important;
visibility: visible !important;
display: block !important;
transition: transform 0.25s ease !important;
} .elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-navbar-nav > li.rfs-open.menu-item-has-children > a::after,
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-navbar-nav > li.rfs-open.elementskit-dropdown-has > a::after {
transform: translateY(-50%) rotate(-90deg) !important;
} .elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-dropdown li.rfs-open.menu-item-has-children > a::after,
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-dropdown li.rfs-open.elementskit-dropdown-has > a::after {
transform: translateY(-50%) rotate(90deg) !important;
} .elementskit-dropdown a {
color: #FFFFFF !important;
} .elementskit-dropdown,
.elementskit-dropdown ul {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
}
.elementskit-dropdown li,
.elementskit-dropdown ul li {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
background-color: transparent !important;
list-style: none !important;
width: 100% !important;
}
.elementskit-dropdown > li > a {
padding-left: 20px !important;
} body.post-type-archive-product .elementskit-navbar-nav > li > .elementskit-dropdown,
body.single-product .elementskit-navbar-nav > li > .elementskit-dropdown {
position: static !important;
box-shadow: none !important;
}
body.post-type-archive-product .elementskit-dropdown > li > .elementskit-dropdown,
body.single-product .elementskit-dropdown > li > .elementskit-dropdown {
position: static !important;
left: auto !important;
box-shadow: none !important;
}
} @media (max-width: 480px) { .elementskit-menu-hamburger.elementskit-menu-toggler {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 44px !important;
min-height: 44px !important;
cursor: pointer !important;
} .ata-site-logo-img {
max-width: 120px !important;
height: auto !important;
}
}