@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
body {
font-family: "Inter";
font-size:15px;
font-weight: 300;
color:#000;
--c-main-light:#dccdff;
--c-main:#956cf7;
--c-main-dark:#6947b6;
overflow-x: hidden;
}
.no-scroll {overflow:hidden;}
* {box-sizing: border-box;outline:none;}
strong {font-weight:700;}
p:empty {display:none;}
img {max-width:100%}
.blck {padding: 0;margin: 0;}
.blck > h2 {
font-size: 26px;
font-weight: 800;
margin: 0 0 10px 0;
}
.blck h2:empty {margin:0}
.btn {background: var(--c-main);color: #fff;font-size: 13px;font-weight: 700;padding: 11px 19px;border-radius: 10px;}
.btn:hover {background: var(--c-main-dark);color:#fff}
.btn.large {font-size: 16px;padding: 17px 34px;font-weight: 800;}
.btn.secondary {}
ol { list-style: none; counter-reset: list-counter; padding-left: 0; }
ol li {counter-increment: list-counter;position: relative;padding-left: 38px;margin: 0 0 5px 0;min-height: 30px;}
ol li::before {content: counter(list-counter);position: absolute;left: 0;top: -4px;font-weight: bold;color: #000;background: var(--c-main);text-align: center;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;font-size: 13px;}
.mb-30 {margin-bottom:30px !important;}
.mb-40 {margin-bottom:40px !important;}
.cw-row {margin-bottom: 40px;padding-left: 20px;padding-right: 20px;margin-left: -20px;margin-right: -20px;}
.cw-row .cw-row-container {margin: 0 auto;}
.cw-row .cw-row-container .row.col-12 {}
.cw-row .cw-row-container .row.col-12 > .col-auto {margin: 0;/* padding: 0; */width: 100%;}
.cw-row .cw-row-container .row {margin: 0 -20px;width: auto;}
.cw-row .cw-row-container .row > * {padding: 0 20px;}
.cw-row .cw-row-container .row .col-auto {width:100%}
.cw-row.vertical-align-middle .row {align-items:center}
@media (max-width: 991px) {
.cw-row .cw-row-container .row {
margin-bottom: 20px;
}
.cw-row .cw-row-container .row > div {width: 100%;}
.mobile-hide {display:none;}
}
select {color:#000;-moz-appearance: none;-webkit-appearance: none;appearance: none;border-radius: 0;background: #f2f2f2 !important;background-image: url("data:image/svg+xml;utf8,") !important;background-repeat: no-repeat !important;background-position-x: calc(100% - 7px) !important;background-position-y: 50% !important;border-radius: 10px;padding: 0 35px 0 15px;border: none;height: 50px;font-weight: 300;width: 100%;}
.web-builder { max-width: 1200px; margin: 0 auto; }
.web-builder .top { margin: 40px 0 40px 0; }
.web-builder .top .logo { display: block; }
.web-builder .top .logo img { max-width: 270px; }
.web-builder .page-preview {}
.web-builder .page-preview .row-wrap {}
.web-builder .page-preview .row-wrap label { display: block; font-weight: 600; font-size: 12px; margin: 0 0 4px 0; }
.web-builder .page-preview .row-wrap select {}
.custom-select { position: relative; width: 100%; cursor: pointer; border: none; border-radius: 10px; }
.select-selected { padding: 10px 15px; border: none; background-color: #f2f2f2; border-radius: 10px; font-size: 15px; line-height: 40px; background: #f2f2f2 !important; background-image: url("data:image/svg+xml;utf8,") !important; background-repeat: no-repeat !important; background-position-x: calc(100% - 7px) !important; background-position-y: 50% !important; font-weight: 500; }
.select-items { display: none; /* Hidden by default */ position: absolute; width: 100%; background-color: #f2f2f2; z-index: 1; border-radius: 10px; font-size: 14px; top: 50px; padding: 10px 0; }
.select-items.show {display: flex;flex-wrap: wrap;}
.option {display: flex;align-items: center;padding: 0;/* flex: 0 1 25%; */flex-wrap: wrap;text-align: center;flex: 1;justify-content: center;cursor: pointer;}
.option img { /* width: 66px; */ height: auto; margin-right: 00; display: inline-block; margin: 0 0 8px 0; }
.option span { display: block; flex: 0 1 100%; font-size: 12px; }
.option:hover {/* background-color: #f1f1f1; */font-weight: 600;color: var(--c-main);}
.option.active {font-weight: 600;background: var(--c-main);box-shadow: 0 0 0 5px var(--c-main);color: #fff;}
.option.active img {
border: solid 2px #e5d9ff;
}
#page { min-height: 100vh;max-width: 100%; width: 100%; }
/*
.settings-trigger {position: fixed;right: 20px;bottom: 20px;background: var(--c-main);border: none;color: #fff;width: 50px;height: 50px;border-radius: 50%;padding: 0;font-size: 20px;font-weight: 300;cursor: pointer;z-index: 1000;}
.settings-trigger:hover, .settings-trigger.active {background:var(--c-main-dark)}
.settings-trigger i {}
.setting-popup {position: fixed;top: 50%;box-shadow: 0 0 40px rgb(0 0 0 / 10%);border-radius: 20px;background: #fff;padding: 30px;left: 50%;overflow: auto;max-width: 910px;width: 100%;transform: translate3d(-50%, -50%, 0);display: none;z-index: 100;}
.setting-popup.opened {display: block;}
.setting-popup .setting-item { margin: 0 0 30px 0; }
.setting-popup .setting-item label { font-weight: 600; font-size: 13px; display: block; margin: 0 0 10px 0; }
.setting-popup .setting-item .content {}
.setting-popup .setting-item .content .layouts { display: grid; grid-template-columns: repeat(7,1fr); grid-gap: 20px; }
*/
.nav.nav-tabs {margin: 0 0 20px 0;border-bottom:solid 1px #eee}
.nav.nav-tabs .nav-item {}
.nav.nav-tabs .nav-item .nav-link { color: #000; font-weight: 300; font-size: 15px; border: none; padding: 14px 20px; line-height: 1; }
.nav.nav-tabs .nav-item .nav-link.active { background: var(--c-main); color: #fff; border-radius: 7px 7px 0 0; font-weight: 700; }
#header {background: #f2f2f2;padding: 40px 20px 20px 20px;}
#content {max-width: 100%;width: 100%;padding: 0 20px;}
.archive #content {max-width: 1340px;margin: 0 auto;padding: 0 20px;}
#main {padding: 0;max-width: 100%;width: 100%;min-height: 640px;}
.home #main {/* padding:0; */}
#sidebar {background: #f2f2f2;padding: 20px;}
#main-sidebar {background: #f2f2f2;padding: 20px;}
#secondary-sidebar {background: #f2f2f2;padding: 20px;}
#header {/* top: 30px; */}
#header .content {display: flex;align-items: center;margin: 0 auto;max-width: 1300px;}
#header.full .content {max-width: 100%;}
#header .content .logo {}
#header .content .logo img { max-width: 280px; }
#header .content .menu-wrap { margin: 0 0 0 auto; }
#header .content .menu-wrap ul { margin: 0; padding: 0; list-style: none; }
#header .content .menu-wrap ul li { display: inline-block; margin: 0 0 0 50px; }
#header .content .menu-wrap ul li a { text-decoration: none; color: #000; font-weight: 800; }
#footer {background: #f2f2f2;padding: 40px 20px 40px 20px;}
#footer .content {display: flex;align-items: center;margin: 0 auto 0 auto;justify-content: center;width: 100%;max-width: 1300px;display: grid;grid-template-columns: calc(40% - 60px) 35% 25%;grid-gap: 30px;}
#footer.full .content {max-width: 100%;}
#footer .content .logo { margin: 0 70px 0 0; }
#footer .content .logo img {max-width: 220px;filter: grayscale(1);opacity: 0.7;}
#footer .content .menu-wrap {margin: 0 0 0 0;}
#footer .content .menu-wrap ul {margin: 0 0 6px 0;padding: 0;list-style: none;font-size: 14px;}
#footer .content .menu-wrap ul li {display: inline-block;margin: 0 40px 0 0;}
#footer .content .menu-wrap ul li a {text-decoration: none;color: #000;font-weight: 500;}
#footer .content .menu-wrap .copy { margin: 0 0 0 0; font-weight: 300; font-size: 11px; }
#footer .content .column { font-size: 13px; }
#footer .content .column .logo { margin: 0 0 10px 0; display: block; }
#footer .content .column .logo img {}
#footer .content .column p {}
#footer .content .column p.address {
margin: 0 0 6px 0 !important;!i;!;
}
#footer .content .column p.address i {
font-size: 18px;
margin: 0 4px 0 0;
width: 23px;
text-align: center;
}
#footer .content .column a { color: inherit; text-decoration: none; }
#footer .content .column .copy { margin: 0; opacity: 0.5; }
#footer .content .column h4 { font-size: 13px; font-weight: 600; margin: 0 0 5px 0; }
#footer .content .column ul { list-style: none; padding: 0; margin: 0; font-size: 13px; }
#footer .content .column ul li {}
#footer .content .column ul li a { color: inherit; text-decoration: none; padding: 4px 0; display: block; }
#footer .content .column ul li a:hover {text-decoration:underline;}
@media (max-width: 991px) {
#footer .content {display: flex;flex-wrap: wrap;grid-gap: 0;gap: 0;}
#footer .content .column {flex: 0 1 100%;}
#footer .content .column ul {display:none;}
#footer .content .column h4 {position: relative;margin: 20px 0 0 0;cursor: pointer;}
#footer .content .column h4::after {content:"\2b";font-family: 'Font Awesome 6 Pro';position: absolute;right: 0;font-weight: 300;font-size: 20px;top: -5px;}
#footer .content .column h4.active + ul {display:block;}
}
#header .content[data-layout="2"] { flex-wrap: wrap; flex-direction: column; }
#header .content[data-layout="2"] .top-menu {display: flex;width: 100%;margin: 0 0 10px 0;}
#header .content[data-layout="2"] .top-menu .contact {}
#header .content[data-layout="2"] .top-menu .contact p {text-align: right;font-size: 12px;font-weight: 400;margin: 0;position: relative;padding: 0 0 0 39px;line-height: 1.2;}
#header .content[data-layout="2"] .top-menu .contact p::before {content: "\f095";font-family: "Font Awesome 6 Pro";font-weight: 800;position: absolute;top: -7px;color: var(--c-main);font-size: 37px;left: -2px;transform: rotate(15deg);}
#header .content[data-layout="2"] .top-menu .contact p a {display: block;font-size: 20px;font-weight: 800;text-decoration: none;color: var(--c-main);font-style: italic;}
#header .content[data-layout="2"] .top-menu .language-switcher {margin: 0 0 0 auto;position: relative;}
#header .content[data-layout="2"] .top-menu .language-switcher .trigger {border: none;padding: 0;background: none;}
#header .content[data-layout="2"] .top-menu .language-switcher .trigger img { max-width: 25px; border-radius: 50%; }
#header .content[data-layout="2"] .top-menu .language-switcher .trigger span { font-size: 12px; margin: 0 0 0 8px; }
#header .content[data-layout="2"] .top-menu .language-switcher .trigger::after {content:"\f107";font-family: "Font Awesome 6 Pro";font-weight: 800;margin: 0 0 0 10px;font-weight: 900;font-size: 13px;transition: all 0.3s;transform: rotate(0);position: relative;display: inline-block;}
#header .content[data-layout="2"] .top-menu .language-switcher .trigger.active::after {transform: rotate(180deg);}
#header .content[data-layout="2"] .top-menu .language-switcher .language-dropdown {display:none;list-style: none;padding: 15px;margin: 0;background: #fff;min-width: 94px;position: absolute;top: 40px;right: -10px;border-radius: 10px;box-shadow: 0 0 20px rgb(0 0 0 / 10%);z-index: 1002;}
#header .content[data-layout="2"] .top-menu .language-switcher .trigger.active + .language-dropdown {display:block;}
#header .content[data-layout="2"] .top-menu .language-switcher .language-dropdown li {}
#header .content[data-layout="2"] .top-menu .language-switcher .language-dropdown li a { color: inherit; text-decoration: none; font-size: 12px; display: flex; padding: 7px 0; align-items: center; }
#header .content[data-layout="2"] .top-menu .language-switcher .language-dropdown li a img { max-width: 20px; border-radius: 20px; margin: 0 7px 0 0; }
#header .content[data-layout="2"] .top-menu .language-switcher .language-dropdown li a span { line-height: 1; display: block; }
#header .content[data-layout="2"] .menu-wrap {display: grid;grid-template-columns: 1fr auto 1fr;margin: 0;width: 100%;align-items: center;}
#header .content[data-layout="2"] .menu-wrap ul { }
#header .content[data-layout="2"] .menu-wrap ul.menu-left {display: flex;justify-content: flex-start;}
#header .content[data-layout="2"] .menu-wrap ul.menu-right { display: flex; justify-content: flex-end; }
#header .content[data-layout="2"] .menu-wrap ul.menu-left li {margin: 0 40px 0 0;}
#header .content[data-layout="2"] .menu-wrap ul.menu-right li {margin: 0 0 0 40px;}
#header .content[data-layout="2"] .menu-wrap ul li a {}
#header .content[data-layout="2"] .menu-wrap .logo {text-align: center;}
#header .content[data-layout="2"] .menu-wrap .logo img {}
.menuTrigger {display: none;z-index: 999;margin: -2px 0 0 auto;}
.menuTrigger.sticky {position:fixed;}
.menuTrigger.active {/* position: fixed; */}
.menuTrigger div {width: 26px;height: 30px;margin: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
.menuTrigger.open div {width: 31px;/* height: 31px; */}
.menuTrigger div div {display: block;border-radius: 0 !important;position: absolute;height: 1px;width: 26px;border-radius: 1px;background: var(--c-secondary);border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.4 ease-in;-moz-transition: 0.4s ease-in;-o-transition: 0.4s ease-in;transition: 0.4s ease-in;}
.menuTrigger div div:nth-child(1) {top: 7px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.menuTrigger div div:nth-child(2) {top: 15px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: center center;}
.menuTrigger div div:nth-child(3) {top: 23px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.menuTrigger.active div div:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;left: 0px;width: 40px;}
.menuTrigger.active div div:nth-child(2) {opacity: 0;transition: none !important;}
.menuTrigger.active div div:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);left: 0px;top: 28px;width: 40px;}
.menuTrigger.active div div {background: #000;}
@media (max-width: 1200px) {
#header .content[data-layout="2"] .top-menu { background: var(--c-secondary); padding: 20px; margin: -40px -20px 20px -20px; width: calc(100% + 40px); align-items: center; }
#header .content[data-layout="2"] .top-menu .contact {}
#header .content[data-layout="2"] .top-menu .contact p { color: #fff; font-size: 14px; padding: 0 0 0 25px; display: flex; align-items: center; }
#header .content[data-layout="2"] .top-menu .contact p::before { font-size: 22px; top: -5px; }
#header .content[data-layout="2"] .top-menu .contact p a { display: inline-block; font-size: 17px; margin: 0 0 0 10px; vertical-align: top; }
#header .content[data-layout="2"] .top-menu .language-switcher {}
#header .content[data-layout="2"] .top-menu .language-switcher .trigger { color: #fff; }
#header .content[data-layout="2"] .top-menu .language-switcher .trigger img { max-width: 20px; }
#header .content[data-layout="2"] .top-menu .language-switcher .trigger span {}
#header .content[data-layout="2"] .top-menu .language-switcher .trigger::after {}
#header .content[data-layout="2"] .menu-wrap {display: flex;align-items: center;}
#header .content[data-layout="2"] .menu-wrap .logo {order: 0;margin: 0;}
#header .content[data-layout="2"] .menu-wrap .logo img {max-width: 175px;}
#header .content[data-layout="2"] .menu-wrap ul.menu-left {display: none;}
#header .content[data-layout="2"] .menu-wrap ul.menu-right {display: none;}
.menuTrigger {display: block;}
.menuTrigger.active {position: absolute;top: 40px;right: 30px;}
#header .content[data-layout="2"] .menu-wrap {}
#header .content[data-layout="2"] .menu-wrap.active {display: flex;position: fixed;flex-wrap: wrap;background: #eee;z-index: 1001;left: 0;right: 0;top: 63px;bottom: 0;align-items: flex-start;padding: 20px;align-content: flex-start;}
#header .content[data-layout="2"] .menu-wrap.active .logo {margin: 0 0 60px 0;}
#header .content[data-layout="2"] .menu-wrap.active .menu-left, #header .content[data-layout="2"] .menu-wrap.active .menu-right {display: block;order: 1;flex: 0 1 100%;margin:0;text-align: center;}
#header .content[data-layout="2"] .menu-wrap.active .menu-right {order: 2;}
#header .content[data-layout="2"] .menu-wrap.active .menu-left li, #header .content[data-layout="2"] .menu-wrap.active .menu-right li {margin: 0;display: block;}
#header .content[data-layout="2"] .menu-wrap.active .menu-left li a, #header .content[data-layout="2"] .menu-wrap.active .menu-right li a {font-size: 20px;padding: 6px 0;display: block;}
}
@media (max-width: 767px) {
#header .content[data-layout="2"] .top-menu .contact p {font-size: 0;}
#header .content[data-layout="2"] .top-menu .contact p a {margin: 0;font-size: 15px;}
}
.page-header {color: #000;background: #f2f2f2;padding: 190px 40px 80px 40px;margin: 0px 0 40px 0;position: relative;padding: 20px 20px 40px 20px;}
.home .page-header {margin:0;padding: 0;}
.page-header .content {margin: 0 auto;max-width: 1300px;}
.page-header .content h1 { font-weight: 800; font-size: 32px; margin: 0; }
.page-header .separator { background: #fff; height: 100px; clip-path: polygon(0 100%,100% 100%,100% 0); position: absolute; left: 0; right: 0; bottom: 0; }
@media (max-width: 991px) {
.page-header .content h1 {font-size:28px;}
.single.product .page-header {margin:0;}
.page-header {padding: 20px 20px 20px 20px;}
}
#footer .separator {background: #fff;height: 100px;clip-path: polygon(0 0, 0 100%, 100% 0);margin: -40px -20px 0 -20px;display: none;}
ul.files {list-style: none;padding: 0;margin: 0;display: flex;align-items: center;flex-wrap: wrap;}
ul.files li {display: flex;align-items: center;margin: 10px 30px 0 0;}
ul.files li a {color: #000;text-decoration: none;font-size: 13px;position: relative;padding: 0 0 0 22px;}
ul.files li a span {text-decoration:underline;}
ul.files li a::before {content:"\f15b";font-family:"Font Awesome 6 Pro";font-weight: 600;margin: 0 5px 0 0;font-size: 20px;position: absolute;left: 0;top: 0px;line-height: 1;}
ul.check {list-style: none;padding: 0;margin: 0;/* display: flex; *//* align-items: center; *//* gap: 40px; */}
ul.check li {display: flex;align-items: center;position: relative;margin: 0 0 12px 0;padding: 0 0 0 32px;}
ul.check li::before {content:"\f00c";font-family:"Font Awesome 6 Pro";font-weight: 600;margin: 0 3px 0 0;font-size: 15px;background: var(--c-main);width: 26px;height: 26px;line-height: 26px;text-align: center;border-radius: 50%;color: #000;position: absolute;left: 0;top: -2px;}
.single.product #main {display: flex;align-items: flex-start;flex-wrap: wrap;max-width: 1300px;margin: 0 auto 40px auto;/* padding: 0 20px 40px; */}
.single.product .single-gallery {flex: 0 1 50%;max-width: 50%;margin-bottom: 40px;}
.single.product .single-summary {flex: 0 1 50%;max-width: 50%;padding: 0 0 40px 40px;margin-bottom: 40px;}
.single.product .single-summary h1 { font-weight: 800; font-size: 32px; }
.single.product .single-summary .price { font-size: 28px; font-weight: 800; margin: 0 0 10px 0; }
.single.product .single-summary .actions {margin-bottom:20px;}
.single.product .single-downloads {flex: 0 1 100%;max-width: 100%;background: #f2f2f2;padding: 30px;border-radius: 20px;font-size: 15px;margin: 0 0 30px 0;}
.single.product .blck-posts {flex:0 1 100%;max-width: 100%;padding: 0;}
@media (max-width: 991px) {
.single.product #main {}
.single.product .single-gallery {flex: 0 1 calc(100% + 40px);max-width: calc(100% + 40px);margin: 0 -20px 40px;}
.single.product .single-summary {
padding: 0;
max-width: 100%;
flex: 0 1 100%;
margin: 0 0 30px 0;
}
}
.filters {margin: 0 0 20px auto;display: flex;align-items: flex-start;width: 100%;justify-content: flex-end;padding: 0;}
.filters .filter-wrap {display: flex;align-items: center;position: relative;flex-wrap: wrap;justify-content: flex-end;width: 100%;}
.filters .filter-wrap .more-filters {display:none;flex: 0 1 100%;display: flex;display: none;justify-content: flex-end;margin: 10px 0 0 0;}
.filters .filter-wrap .more-filters.active {display:flex;}
.filters .filter-wrap .more-filter-toggle { position: absolute; bottom: -24px; right: 0; background: none; border: none; padding: 0 0 3px 0; font-size: 12px; border-bottom: solid 1px #222; border-radius: 0; }
.filters .filter-title { display: flex; align-items: center; margin: 0 0 12px 0; }
.filters .filter-title h3 { font-size: 15px; margin: 0; }
.filters .filter-title .close-filters {}
.filters .filter-title .close-filters i {}
.filters .close-filters {margin: 0 0 0 auto;background: none;border: none;padding: 0;}
.filters .close-filters i {}
.filters .facetwp-facet {margin: 0 10px 0 0;/* opacity: 1 !important; */flex: 1;}
.filters .facetwp-facet:last-child {margin:0}
.filters .facetwp-facet .facetwp-input-wrap { line-height: 1; display: block; }
.filters .facetwp-facet .facetwp-input-wrap .facetwp-icon { position: absolute; top: 0; right: 6px; opacity: 1; }
.filters .facetwp-facet .facetwp-input-wrap .facetwp-icon::before {content:"\f002";background: none;font-family: "Font Awesome 6 Pro";font-style: normal;font-size: 21px;color: #222;opacity: 1;font-weight: 300;line-height: 48px;text-align: center;opacity: 1;}
.filters .facetwp-facet .facetwp-input-wrap .facetwp-search {padding: 0 22px 0 15px;height: 48px;line-height: 1;font-size: 14px;min-height: 1px;border: none;box-shadow: 0 0 9px rgb(0 0 0 / 10%);border-radius: 10px;color: #222;}
.filters .facetwp-facet .fs-wrap {width: 100%;vertical-align: top;min-width: 190px;}
.filters .facetwp-facet .fs-wrap .fs-label-wrap {border-radius: 10px;border: none;background: #f2f2f2;/* box-shadow: 0 0 9px rgb(0 0 0 / 10%); */}
.filters .facetwp-facet .fs-wrap .fs-label-wrap .fs-label {padding: 17px 22px 17px 15px;font-size: 14px;}
.filters .facetwp-facet .fs-wrap .fs-label-wrap .fs-arrow { right: 10px; border-top: 5px solid #333; border-left: 4px solid transparent; border-right: 4px solid transparent; }
.filters .facetwp-facet .fs-wrap.fs-open .fs-label-wrap { background: #ddd; box-shadow: none; border-radius: 10px 10px 0 0; opacity: 1; cursor: pointer; }
.filters .facetwp-facet .fs-wrap .fs-dropdown { border: none; background: #ddd; border-radius: 0 0 10px 10px; }
.filters .facetwp-facet .fs-wrap .fs-dropdown .fs-search { padding: 0 15px 10px; background: none; }
.filters .facetwp-facet .fs-wrap .fs-dropdown .fs-search input { background: #fff; font-size: 14px; padding: 10px 10px; border-radius: 5px; }
.filters .facetwp-facet .fs-wrap .fs-dropdown .fs-options { padding: 0 15px 15px; }
.filters .facetwp-facet .fs-wrap .fs-dropdown .fs-options .fs-option {padding: 0 0 0 26px;margin: 10px 0;font-size: 14px;position: relative;background: none;}
.filters .facetwp-facet .fs-wrap .fs-dropdown .fs-options .fs-option .fs-checkbox { position: absolute; display: block; width: 30px; top: 0; left: 0; bottom: 0; }
.filters .facetwp-facet .fs-wrap .fs-dropdown .fs-options .fs-option .fs-checkbox i {margin: 0;width: 18px;height: 18px;border: none;top: -2px;border-radius: 4px;background: #fff;position: absolute;left: 0;}
.filters .facetwp-facet .fs-wrap .fs-dropdown .fs-options .fs-option .fs-option-label {}
.filters .facetwp-facet .fs-wrap .fs-dropdown .fs-options .fs-option.selected .fs-checkbox {}
.filters .facetwp-facet .fs-wrap .fs-dropdown .fs-options .fs-option.selected .fs-checkbox i { background: var(--c-main); }
.filters .facetwp-facet .fs-wrap .fs-dropdown .fs-options .fs-option.selected .fs-checkbox::after {content:"\f00c";font-family: "Font Awesome 6 Pro";font-weight:900;color: #00;position: absolute;width: 18px;text-align: center;line-height: 18px;top: -2px;font-size: 11px;}
.facetwp-pager {display: flex;align-items: center;list-style: none;padding: 0;margin: 0;width: 100%;justify-content: center;margin: 10px 0 0 0;}
.facetwp-pager .facetwp-page {width: 40px;height: 40px;text-align: center;line-height: 40px;display: block;font-size: 15px;text-decoration: none;color: #222;margin: 0 4px;padding: 0;}
.facetwp-pager .facetwp-page.active {background: var(--c-main);color: #fff;border-radius: 50%;}
.facetwp-pager .facetwp-page.next {font-size: 0;width: auto;color: var(--c-black); background: none;}
.facetwp-pager .facetwp-page.next::before {content: "\f061";font-family: "Font Awesome 6 Pro";font-size: 20px;font-weight:300;}
.facetwp-pager .facetwp-page.prev {font-size: 0;width: auto;color: var(--c-black); background: none;}
.facetwp-pager .facetwp-page.prev::after {content: "\f060";font-family: "Font Awesome 6 Pro";font-size: 20px;font-weight:300;}
.modal {
right: 0;
bottom: 0;
}
.modal .modal-dialog {}
.modal .modal-dialog .modal-content {
border: none;
}
.modal .modal-dialog .modal-content .modal-header { border: none; padding: 0; }
.modal .modal-dialog .modal-content .modal-header .close {width: 40px;height: 40px;background: var(--c-main);border: none;border-radius: 50%;font-size: 22px;padding: 0;line-height: 40px;position: absolute;right: -20px;top: -20px;color: #000;}
.modal .modal-dialog .modal-content .modal-header .close:hover {background:var(--c-secondary); color:#fff;}
.modal .modal-dialog .modal-content .modal-header .close i {}
.modal .modal-dialog .modal-content .modal-body {}
.modal#zoom_modal {}
.modal#zoom_modal .modal-dialog { background: #fff; border: none; max-width: 100%; margin: 0; max-height: 100%; display: flex; height: 100%; }
.modal#zoom_modal .modal-dialog .modal-content {height: 100%;}
.modal#zoom_modal .modal-dialog .modal-content .modal-header { z-index: 1001; }
.modal#zoom_modal .modal-dialog .modal-content .modal-header .close { right: 20px; top: 20px; }
.modal#zoom_modal .modal-dialog .modal-content .modal-body {padding:0;max-height: 100%;padding: 30px 20px;height: 100%;text-align: center;display: flex;align-items: center;justify-content: center;padding: 0;/* overflow: scroll; */width: 100%;}
.modal#zoom_modal .modal-dialog .modal-content .modal-body .zoom-container {
position: relative;
/* height: 100%; */
/* display: flex; */
/* align-items: center; */
}
.modal#zoom_modal .modal-dialog .modal-content .modal-body .zoom-container .controlHolder {
top: 50%;
transform: translateY(-50%);
}
.modal#zoom_modal .modal-dialog .modal-content .modal-body .zoom-container .controlHolder .fullscreenToggle {display:none}
.modal#zoom_modal .modal-dialog .modal-content .modal-body img {/* max-height: 100%; *//* height: 100%; *//* width: auto; *//* object-fit: cover; *//* max-width: none; */}
.modal#zoom_modal .modal-dialog .modal-content .modal-body .nav-btn {border: none;position: fixed;z-index: 100;top: 50%;background: none;font-size: 25px;background: var(--c-main);width: 50px;height: 50px;line-height: 50%;border-radius: 50%;padding: 0;text-align: center;color: #000;}
.modal#zoom_modal .modal-dialog .modal-content .modal-body .nav-btn:hover {background:var(--c-secondary); color:#fff}
.modal#zoom_modal .modal-dialog .modal-content .modal-body .nav-btn.disabled {opacity: 0.5;pointer-events: none;}
.modal#zoom_modal .modal-dialog .modal-content .modal-body .nav-btn.left {left: 30px;}
.modal#zoom_modal .modal-dialog .modal-content .modal-body .nav-btn.right {right: 30px;}
.modal#zoom_modal .modal-dialog .modal-content .modal-body .zoom-controls {
position: absolute;
top: 50%;
right: 20px;
display: flex;
flex-direction: column;
transform: translateY(-50%);
}
.modal#zoom_modal .modal-dialog .modal-content .modal-body .zoom-controls button {
border: none;
background: rgb(255 255 255 / 70%);
color: #000;
width: 40px;
height: 40px;
text-align: center;
line-height: 38px;
border-radius: 40px;
padding: 0;
font-size: 19px;
margin: 0 0 10px 0;
box-shadow: 0 0 16px rgb(0 0 0 / 10%);
}
.modal#zoom_modal .modal-dialog .modal-content .modal-body .zoom-controls #zoomOut {}
#zoom_container {position: relative;overflow: hidden;height: 82vh;cursor: grab;touch-action: none;width: 100%;max-width: 1700px;}
.zoom-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); user-select: none; touch-action: none; max-width: none; opacity: 0; transition: opacity 0.3s ease; }
.zoom-image.loaded { opacity: 1; }
.nav-btns {position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;background: var(--c-main);color: var(--c-secondary);border: none;font-size: 20px;padding: 0 15px;cursor: pointer;border-radius: 50%;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;}
.nav-btns:hover {background:#000; color:#fff}
.prev-btn { left: 20px; }
.next-btn { right: 20px; }
.next-btn, .prev-btn, .zoom-buy, #zoom_container {touch-action: manipulation;}
#zoom_level { position: absolute; top: 10px; right: 10px; background: rgba(0, 0, 0, 0.4); color: white; padding: 5px 10px; border-radius: 5px; font-size: 1rem; z-index: 10; display: none !important; }
#zoom_loading { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 5; }
.zoom-buy { z-index: 100; background: var(--c-main); color: #fff; font-size: 13px; font-weight: 700; padding: 16px 30px; border-radius: 10px; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: #000; text-decoration: none; line-height: 1; }
#zoom_container { touch-action: none; /* already present, which is good */ -ms-touch-action: none; /* for older IE/Edge */ }
@media (max-width: 1200px) {
.modal#zoom_modal .modal-dialog .modal-content .modal-body .nav-btn:hover {background:var(--c-main); color:#000}
}
@media (max-width: 991px) {
#zoom_container {width:100%;height: 100%;max-width:100%;}
.prev-btn {left: 20px;bottom: 20px;top: auto;transform: none;}
.next-btn { right: 20px;bottom: 20px;top: auto;transform: none;}
}
@media (max-width: 767px) {
.modal#zoom_modal .modal-dialog .modal-content .modal-body .nav-btn.left {left: 20px;top: auto;transform: none;bottom: 20px;}
.modal#zoom_modal .modal-dialog .modal-content .modal-body .nav-btn.right {right: 20px;bottom: 20px;transform: none;top: auto;}
.modal#zoom_modal .modal-dialog .modal-content .modal-body .swipe {width: 50px;height: 50px;background: #fff;position: fixed;bottom: 20px;background: url(../images/hand-swipe.svg);background-size: 30px auto;
background-repeat: no-repeat;
background-position: left 34% center;
border-radius: 50%;
padding: 0 0 0 0;
animation: swipe 3s infinite ease-in-out;
}
.modal#zoom_modal .modal-dialog .modal-content .modal-body .zoom-container {
width: 100vw; /* 100% of the viewport width */
height: 100vh; /* 100% of the viewport height */
display: flex;
align-items: center;
/* justify-content: center; */
}
.modal#zoom_modal .modal-dialog .modal-content .modal-body .zoom-container img {
height: 100%;
width: auto;
max-width: none;
width: 100%;
height: auto;
}
.modal#zoom_modal .modal-dialog .modal-content .modal-body img {
/* max-height: 100%; */
/* height: 100%; */
/* width: auto; */
/* object-fit: contain; */
/* max-width: none; */
/* width: auto; */
}
}
@media (max-width: 767px) and (orientation: landscape) {
.zoom-buy {
display: none;
}
}
@keyframes swipe {
0% {
transform: translateX(0);
}
25% {
transform: translateX(-50px);
}
50% {
transform: translateX(0);
}
75% {
transform: translateX(50px);
}
100% {
transform: translateX(0);
}
}
.contact-box {padding: 30px;background: #f2f2f2;border-radius: 20px;height: 100%;display: flex;flex-direction: column;align-items: flex-start;position: relative;overflow: hidden;margin: 0;}
.contact-box h3 {margin:0 !important;font-size: 22px !important;!i;!;margin: 0 0 10px 0 !important;!i;!;font-weight: 800 !important;!i;!;}
.contact-box p { margin: 7px 0 0 0 !important; display: flex; }
.contact-box p i { font-size: 20px; margin: 0 9px 0 0; width: 20px; text-align: center; }
.contact-box p a {text-decoration:none;}
.buy-sell { margin: 50px 0; }
.buy-sell .content { display: grid; align-items: center; grid-template-columns: repeat(2,1fr); grid-gap: 30px; }
.buy-sell .content h2 {font-weight: 900;font-size: 30px;position: relative;}
.buy-sell .content h2 svg { position: absolute; top: -8px; left: -4px; width: 250px; z-index: -1; display:none;}
.buy-sell .content h2 svg path {fill: red;z-index: -1;}
.buy-sell .content h2::after {content:"";width: 280px;height: 35px;background: url(/images/line.svg) center center no-repeat;);background-size: contain;position: absolute;left: 0;top: 22px;z-index: -1;}
.buy-sell .content p { flex: 1; font-size: 16px; }
.buy-sell .content .btn { padding: 13px 28px; font-weight: 600; font-size: 14px; }
.buy-sell .content .btn:hover {background:#000 !important}
.buy-sell .content .graph {position: absolute;top: 0;right: 0;left: 0;bottom: 0;height: 310%;object-fit: cover;z-index: 0;display: none;}
.buy-sell .content .left {padding: 30px;background: url(/images/line-bg.png) center center no-repeat var(--c-main);url(/images/line-bg.png var(--c-main));url(https://www.betonstore.ro/images/line-bg.png var(--c-main));background-size: 400% auto;border-radius: 20px;height: 100%;display: flex;flex-direction: column;align-items: flex-start;position: relative;overflow: hidden;}
.buy-sell .content .left .btn { background: var(--c-secondary); color: #fff; }
.buy-sell .content .right {padding: 30px;background: url(/images/line-bg.png) center center no-repeat var(--c-secondary);background-size: 400% auto;border-radius: 20px;color: #fff;height: 100%;display: flex;flex-direction: column;align-items: flex-start;position: relative;overflow: hidden;}
.buy-sell .content > div > * {position:relative; z-index:1}
.buy-sell .content > div p:last-child {margin:0}
.buy-sell.two-lines {margin:0 }
.buy-sell.two-lines .content {grid-template-columns: repeat(1, 1fr);grid-gap: 20px;}
.buy-sell.two-lines .content h2 {font-size: 22px;margin: 0 0 10px 0;}
.buy-sell.two-lines .content h2::after {content:"";width: 200px;height: 29px;background: url(/images/line.svg) center center no-repeat;);background-size: contain;position: absolute;left: 0;top: 13px;z-index: -1;}
@media (max-width: 991px) {
.buy-sell .content {grid-template-columns: repeat(1, 1fr);margin: 0 -20px;grid-gap: 0;}
.buy-sell .content h2 {font-size: 24px;}
.buy-sell .content .left, .buy-sell .content .right {padding: 20px;border-radius: 0;}
.buy-sell .content h2 svg { top: -20px; width: 185px; }
.buy-sell.two-lines .content {grid-gap:0}
}
.benefits {margin: 0 0 40px 0;width: 100%;}
.benefits .content {display: grid;grid-template-columns: repeat(4,1fr);text-align: center;grid-gap: 25px;background: url('/images/line-bg.png') center center no-repeat var(--c-main);border-radius: 20px;background-size: cover;padding: 30px;width: 100%;}
.benefits .content .item {/* box-shadow: 0 0 10px rgb(0 0 0 / 10%); *//* padding: 20px; */border-radius: 20px;/* background: url('/images/line-bg.png') center center no-repeat var(--c-main); */text-align: left;/* background-size: 620% auto; */display: flex;align-items: center;}
.benefits .content .item i {font-size:70px;color: var(--c-main);margin: 0 0 20px 0;}
.benefits .content .item > span {font-size: 60px;color: #000;margin: 0;font-weight: 900;position: relative;line-height: 1;padding: 0 0 0 0;display: flex;align-items: center;}
.benefits .content .item > span strong {font-weight:inherit;}
.benefits .content .item > span svg {height: 120px;width: 30px;opacity: 0.3;margin: 0 0 0 7px;}
.benefits .content .item h4 {font-weight: 800;font-size: 16px;line-height: 1;margin: 0 0 0 15px;}
.benefits .content .item h4 span {}
.benefits .content .item h4 small { font-size: 12px; font-weight: 300; display: block; line-height: 1.5; margin: 10px 0 0 0; }
.benefits .content .item p { font-size: 13px; opacity: 0.7; }
.benefits .content .item p:last-child {margin:0}
.benefits .content .item .btn {}
.benefits .content.item .actions { display: flex; gap: 24px; justify-content: center; }
.benefits .content .item .actions > br {display:none}
.benefits .content .item .actions .btn { padding: 0; font-size: 12px; font-weight: 600; background: none; }
.benefits .content .item .actions .link { display: inline-flex; text-decoration: none; color: #000; font-size: 13px; font-weight: 500; }
.benefits .content .item .actions .link:hover {opacity:0.5}
.benefits .content .item .actions .link i { margin: 0 5px 0 0; font-size: 18px; color: inherit; opacity: 0.3; display: none; }
.benefits .content .item .actions .link span { border-bottom: solid 1px; padding: 0 0 1px 0; }
@media (max-width: 991px) {
.benefits {margin: 0 -20px 30px -20px;width: calc(100% + 40px);}
.benefits .content {margin: 0 0 0;border-radius: 0;grid-template-columns: repeat(2, 1fr);}
.benefits .content .item > span strong {}
}
@media (max-width: 767px) {
.benefits .content {grid-template-columns: repeat(1, 1fr);padding: 30px 20px;}
.benefits .content .item {}
.benefits .content .item h4 {margin: 0 0 0 6px;}
.benefits .content .item h4 span {}
.benefits .content .item h4 small { font-size: 12px; }
.benefits .content .item h4 br {display:none}
.benefits .content .item > span {font-size: 45px;}
.benefits .content .item > span strong { width: 30px; text-align: center; }
.benefits .content .item > span svg {height: 80px;margin: 0;}
}
.google-maps-wrap .row .row {height: 100%;}
.google-maps-wrap .row .row > div { margin: 0 0 20px 0; }
.google-map {border-radius: 20px;overflow: hidden;background: none;min-height: 100%;}
.gm-style .gm-style-iw-t {}
.gm-style .gm-style-iw-t > div { padding: 0 !important; max-height: none !important; }
.gm-style .gm-style-iw-t > div > div { overflow: auto !important; }
.gm-style .gm-style-iw-t > div > button[title="Close"] {z-index: 10;}
.gm-style .gm-style-iw-t > div > div > div {}
.gm-style .gm-style-iw-t > div > div > div > img { max-width: 230px; }
.gm-style .gm-style-iw-t > div > div > div p {padding: 20px;margin: 0;line-height: 1.5;}
.gm-style .gm-style-iw-t > div > div > div span.address { display: inline-flex; align-items: center; }
.gm-style .gm-style-iw-t > div > div > div span.address i { font-size: 16px; margin: 2px 7px 2px 0; }
.gm-style .gm-style-iw-t > div > div > div span.address a { color: #000; text-decoration: none; }
.gm-style .gm-style-iw-t > div > div.gm-style-iw-chr { position: absolute; z-index: 100; right: 10px; overflow: hidden !important; height: auto; top: 10px; }
.gm-style .gm-style-iw-t > div > div.gm-style-iw-chr button { top: 0px !important; right: 0 !important; display: flex !important; align-items: center; justify-content: center; width: auto !important; height: auto !important; }
.gm-style .gm-style-iw-t > div > div.gm-style-iw-chr button span { margin: 0 !important; width: 20px !important; height: 20px !important; }
.gm-style .gm-style-iw-tc::after { display: none; }
@media (max-width: 991px) {
.google-map {margin-top:20px;}
}