/*
 * Theme Name: Artware Child
 * Theme URI: https://www.artware.gr/
 * Description: Artware Child is a child theme of Artware
 * Author: Artware Development Team
 * Author URI: https://www.artware.gr/
 * Template: artware
 * Version: 1.7
 * Text Domain: xlate
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

body {font-size:16px; --global-text: 'Roboto'; --text-light: #878787; --border-color:#c4c3c3; --bright-color: #eeeeee; --text-light: #878787;}
body { --border-color: #c4c3c3; }
p, li {margin:0;font-family: var(--global-text);}
.main-tit {font-size: clamp(50px,4vw,65px);line-height: clamp(50px,4vw,65px);letter-spacing:-2px;font-family: 'Din';}
.main-tit2 {font-size: 45px;line-height: 45px;letter-spacing:-1px;font-family: 'Din';}
.main-tit3 {font-size: clamp(26px,5vw,39px);line-height:clamp(22px,6vw,39px);letter-spacing:-1px;font-family: 'Din';}
.main-tit4 {font-size: 30px;line-height: 39px;letter-spacing:-1px;font-family: 'Din';}
.main-tit5 {font-size: 20px;line-height: 39px;letter-spacing:-1px;font-family: 'Din';}
.main-txt {font-family: 'Roboto';font-size: 14px;color:#878787;line-height: 24px;}
.main-but {display:flex;align-items:center;color: #000;font-size: 18px;padding-right:45px;background-image: url(https://smirdex.gr/wp-content/uploads/2026/08/button-arrow-right-37x12-1.svg);background-repeat: no-repeat;background-size: 37px 12px;background-position: right center;max-width: fit-content;font-family: 'Din';}
.main-but2 {max-width:fit-content;background-color: #fff;padding: 15px 80px 11px 32px;background-position: right 20px center;border-radius: 50px;color: #000;border: 2px solid var(--border-color);font-size: 17px;position: relative;outline: 0;background-image: url(https://smirdex.gr/wp-content/uploads/2026/08/button-arrow-right-37x12-1.svg);background-repeat: no-repeat;background-size: 33px 14px;transition: all .4s ease-in-out;}
.main-but2:hover {background-color: #15141A;color: #fff;}
.bdbot {padding-bottom:90px;border-bottom:1px solid var(--border-color);}
.espa-mobile-bar {display:none;}
header {width:100%; display:flex; height:var(--header-height); background-color: var(--header-bg); margin:0 auto; flex-direction: column; position: fixed; z-index: 999; top: 0;}
.header-top {display:flex; justify-content: space-between; align-items: center; padding:30px 20px; height:35px; border-bottom:1px solid var(--border-color);}
.header-top .header-top-first ul {padding:0;}
.header-top .header-top-first span {color:var(--text-light);}
.header-top .header-top-second a {color:#000; margin-left: 15px;}
.header-top-second .custom-html-widget {display: flex; align-items: center; gap: 10px;}
.header-top-second .custom-html-widget > a {height: 100%; display: inline-block;}
.header-top-second .ft-column-1-single-rig {display:flex;}
.header-top-second .ft-column-1-single-rig a {display:flex;}
.header-top-second .ft-column-1-single-rig a img {height: 100%;}
.header-top-second .ft-column-1-single-rig a:nth-child(1) img {width:11px; margin-top: -2px;}
.header-top-second .ft-column-1-single-rig a:nth-child(2) img {width:17px;}
.header-top-second .ft-column-1-single-rig a:nth-child(3) img {width:25px;}
.header-top-mid {text-align:center;}
.header-bot {display: flex; height:80px; justify-content: space-between; align-items: center; padding: 0 20px; border-bottom: 1px solid var(--border-color);}
.header-bot .header-widget {display: flex; align-items: center; height: 100%;}
.header-bot .header-widget > ul {padding-left:10px;}
.header-bot .header-widget .widget_search label {display:none;}
.header-bot #searchform {position:relative;}
.header-bot #searchform #s {border-radius: 9999px; padding: 5px 12px; border: 1px solid var(--border-color); width:260px;}
.header-bot #searchform #searchsubmit {width: 22px; height: 22px; padding: 0; border: 0; background-color: transparent; text-indent: -9999px; position: absolute; right: 8px; top: 3px; background-image:url(//smirdex.gr/wp-content/uploads/2019/06/magnifier.svg); background-repeat:no-repeat; background-position:center center; background-size:contain; cursor: pointer;}
footer {width:100%; background-color: var(--footer-bg); min-height:200px; display: flex; padding: 90px 0 0; flex-direction: column;}
footer .copyrights {width: 100%; height: 50px; border-top: 1px solid var(--border-color); margin-top: 70px; font-size: 13px; color: var(--text-light); text-align: center; line-height: 50px;}
footer .copyrights a {padding:0 3px;}
.ft-inner {width:100%; max-width:var(--site-width); margin:0 auto; padding:0 20px;}
.ft-inner > img {margin-bottom: 30px;}
.ft-inner .vc_col-md-3 {display: flex; padding:0;}
.ft-column ul {padding:0;}
.ft-column .ft-column-title {font-size:30px; margin-bottom:15px;}
.ft-column-1 .ft-column-1-list {display: flex; flex-direction: column;}
.ft-column-1 .ft-column-1-single {display: flex; justify-items: flex-start; margin-bottom: 10px;}
.ft-column-1 .ft-column-1-single-lef {width: 80px; color: var(--text-light); font-family: var(--global-font); font-size: 14px; font-weight: bold;}
.ft-column-1 .ft-column-1-single-rig {width:70%; font-family: var(--global-font); font-size: 14px; font-weight: bold; display: flex; justify-content: flex-start; align-items: center; gap: 3px;}
.ft-column-1 .ft-column-1-single-rig img {height:16px;}
.ft-column-1 .ft-column-1-single-rig a:nth-child(2) img {height:18px;}
.ft-column-2 .ft-column-2-single {margin-bottom:10px;}
.ft-column-1-single:nth-child(5) > .ft-column-1-single-rig {margin-left:-10px;}
.ft-column-1-single:nth-child(5) > .ft-column-1-single-lef {padding-top:4px;}
.ft-column-2 .ft-column-2-single a {color:#000;}
.ft-column-3 .ft-column-3-single {margin-bottom:10px;}
.ft-column-3 .ft-column-3-single a {color:#000;}
.ft-column-4 .ft-column-3-single {margin-bottom:10px;}
.ft-column-4 .ft-column-3-single a {color:#000;}
#pojo-a11y-toolbar {z-index:999!important;}
.espa{position:relative;right:auto;left:auto;margin:15px auto;z-index: 999;top: 135px;text-align: center;}
.espa a:last-child{float: right;padding-right: 20px;}
prefooter {width:100%;padding:clamp(110px,3vw,6vw) 0;display:flex;gap:120px;align-items:center;justify-content:center;background-color: #000;color: #fff;background-image: url(https://smirdex.gr/wp-content/uploads/2023/05/smirdex-catalogue.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
prefooter .preft-tit {font-size: clamp(22px,7vw,50px);line-height: clamp(28px,7vw,60px);font-variant-ligatures: none;}
prefooter .preft-frm .quform-child-elements {accent-color:#000;}
prefooter .preft-frm button.quform-submit {background-color: #fff;border: 2px solid var(--border-color);width: 290px;border-radius: 100px;padding: 10px 61px 10px 15px;background-image: url(https://smirdex.gr/wp-content/uploads/2019/05/button-arrow-right-37x12.svg);background-repeat: no-repeat;background-size: 37px 12px;background-position: right 40px bottom 15px;font-size: 16px;}
prefooter .wpcf7 form .wpcf7-response-output {margin:0;}
prefooter .wpcf7-spinner {display:none;}
prefooter input.wpcf7-submit {cursor:pointer;background-color: #fff;border: 2px solid var(--border-color);width: 290px;border-radius: 100px;padding: 10px 61px 10px 15px;background-image: url(https://smirdex.gr/wp-content/uploads/2019/05/button-arrow-right-37x12.svg);background-repeat: no-repeat;background-size: 37px 12px;background-position: right 40px bottom 12px;font-size: 16px;font-weight:700;}
prefooter input.wpcf7-email {display: block;margin: 0;min-width: 10px;max-width: 100%;width: 100%;padding: 8px;height: auto;line-height: 1.5;font-size: 1em;border: 1px solid #e3e3e3;}
prefooter form.wpcf7-form {flex-direction: column;display: flex;gap: 10px;}
.searchwp-live-search-result a{font-family: Roboto;font-size: 14px;}
.searchwp-live-search-results {opacity: 0;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;height: 0;overflow: hidden;z-index: 9999995;position: absolute;display: none;min-width:260px!important;}
.searchwp-live-search-results-showing {display: block;opacity: 1;height: auto;overflow: auto;}
.searchwp-live-search-no-results {padding: 3em 2em 0;text-align: center;}
#koelnmesse_widget {bottom: 0px !important;padding: 12px 15px 6px !important;}
#catapult-cookie-bar {right: 20px !important;bottom: 0 !important;}
:root { --nav-h: 78px; --nav-border: #cccccc; }
body > header .menu-main-container {height:100%;}
.smx-nav__body {height:100%;}
.header-bot { position: relative; }
.header-bot nav {height:100%;}
.smx-nav-toggle, .smx-menu-toggle, .smx-nav-overlay, .smx-nav__head { display: none; }
.header-widget nav .menu {display: flex;align-items: stretch;list-style: none;margin: 0;padding: 0;}
.header-widget nav .menu > li { position: relative; }
.header-widget nav .menu > li > a {display: flex;align-items: center;gap: 8px;height: var(--nav-h);padding: 0 21px;color: #222;font-weight: 700;font-size: 15px;text-decoration: none;border: 1px solid transparent;border-bottom: 0;background: #fff;position: relative;z-index: 1001;}
.header-widget nav a > span:empty { display: none; }
.header-widget nav .menu > .menu-item-has-children > a::after {content: '';width: 6px;height: 6px;border-right: 1.5px solid currentColor;border-bottom: 1.5px solid currentColor;transform: rotate(45deg) translateY(-3px);}
.header-widget nav .menu > li:hover > a, .header-widget nav .menu > li:focus-within > a { color: var(--main-color); }
.header-widget nav .sub-menu {position: absolute;top: calc(100% - 2px);left: 0;min-width: 210px;margin: 0;padding: 10px 0;list-style: none;background: #fff;border: 1px solid var(--nav-border);opacity: 0;visibility: hidden;transition: opacity .2s, visibility .2s;z-index: 1000;counter-reset: smx-sub;}
.header-widget nav .menu > li:hover > .sub-menu, .header-widget nav .menu > li:focus-within > .sub-menu {opacity: 1;visibility: visible;}
.header-widget nav .sub-menu li { counter-increment: smx-sub; }
.header-widget nav .sub-menu a {display: flex;align-items: center;padding: 12px 20px;color: #222;font-size: 13px;font-weight: 700;text-decoration: none;white-space: nowrap;}
.header-widget nav .sub-menu a::before {content: counter(smx-sub, decimal-leading-zero);color: var(--main-color);margin-right: 7px;}
.header-widget nav .sub-menu a:hover { color: var(--main-color); }
.header-widget nav .wpml-ls-item .sub-menu a::before { content: none; }
.header-widget nav .wpml-ls-item a > span { display: flex; align-items: center; gap: 8px; }
button.splide__pagination__page {margin-top:15px;background-color: #ccc;border-radius: 99px;border: none;}
.cmplz-message, .cmplz-description span{font-family: sans-serif !important;}
.smx-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 30px 0; }
.smx-gallery img { width: 100%; height: auto; display: block;object-fit:cover;object-position:center; }
.smx-gallery__item {display:flex;max-height: 300px;overflow: hidden;}
.smx-video { margin: 30px 0; }
.pne-pc {display: flex;flex-direction: column;width: 650px;border: solid 1px;max-width: 100%;}
.pne-pc .pne-head.pne-sin {background-color: #b8b8b8 !important;color: #000;}
.pne-pc .pne-sin {display: flex;text-align: center;padding: 10px;font-size: 15px;line-height: 18px;width: 100%;}
.pne-pc .pne-sin:nth-child(even) {background-color: #f5f5f5;}
.pne-pc .pne-sin .pne-sin-val.pne-tit {text-align: left;font-weight: bold;align-items: flex-start;flex-direction: column;}
.pne-pc .pne-sin .pne-sin-val {color: #222;min-width: 33%;display: flex;justify-content: center;align-items: center;}
.pne-pc .pne-sin:nth-child(odd) {background-color: #eeeeee;}
.pne-pc .pne-head-val {width: 33%;}
.pne-sin-val-red {color:#DB1F26 !important;}
.pne-100 {text-align: center;width: 100%;}
.pne-mob {display: none;}
.pne-pc .pne-head-new.pne-sin {background-color: #000000;color: #fff;font-size: 30px;text-align: left;line-height: 34px;padding: 20px;}
body.search .main-content {width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
body.search .main-content h2 {margin-top: 30px; margin-bottom: 30px; padding: 50px;}
body.search .fsf-main {padding: 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; list-style: none;}
body.search .fsf {margin-right: 30px; margin-bottom: 30px; border: 1px solid #C4C3C3;}
body.search .fsf-link {display: flex; flex-direction: column; text-decoration: none;}
body.search .fsf-img img {display: block; max-width: 100%; height: auto;}
body.search .search-single-result {color: #dc1921;}
body.search .search-single-title {display: block; color: #000; font-size: 20px; margin: 20px 0 30px; padding-left: 15px; width: 220px; font-family: din;}
body.search .search-single-link {margin: 20px 0;padding-left: 15px;}
body.search .alert-info p {display: block; text-align: center; font-size: 22px;}
body.error404 .err404 {display: flex; justify-content: center; padding: 90px 20px 110px; background: var(--bright-color);}
body.error404 .err404-inner {width: 100%; max-width: 620px; text-align: center;}
body.error404 .err404-code {font-size: 130px; line-height: 1; font-weight: 700; color: var(--main-color); letter-spacing: -2px;}
body.error404 .err404-tit {margin: 10px 0 18px; font-size: 32px;}
body.error404 .err404-txt {font-family: var(--global-text); font-size: 16px; line-height: 25px; color: var(--text-light); margin-bottom: 35px;}
body.error404 .err404-search {display: flex; gap: 10px; margin: 0 auto 35px; max-width: 460px;}
body.error404 .err404-search input {flex: 1; padding: 13px 18px; border: 1px solid var(--border-color); border-radius: 50px; font-size: 15px; outline: 0; background: #fff;}
body.error404 .err404-search button {padding: 13px 26px; border: 0; border-radius: 50px; background: var(--main-color); color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; transition: opacity .3s;}
body.error404 .err404-search button:hover {opacity: .85;}
body.error404 .err404-links {display: flex; flex-wrap: wrap; gap: 12px; justify-content: center;}
body.error404 .err404-but {padding: 13px 28px; border: 2px solid var(--main-color); border-radius: 50px; background: var(--main-color); color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; transition: all .3s;}
body.error404 .err404-but--ghost {background: #fff; color: #000; border-color: var(--border-color);}
body.error404 .err404-but--ghost:hover {border-color: var(--main-color); color: var(--main-color);}

.row-01-rig {align-items:flex-end;position:relative;}
.row-01-rig:hover .row-01-rig-img2 {opacity:1;}
.row-01-rig-img2 {opacity:0;position:absolute;pointer-events:none;z-index:2;}

.row-02 .timeline {white-space: nowrap;overflow-x: hidden;}
.row-02 .timeline ol {font-size: 0;width: 100vw;padding: 150px 0;transition: all 1s;}
.row-02 .timeline ol li {position: relative;display: inline-block;list-style-type: none;width: 215px;height: 5px;background: var(--main-color);}
.row-02 .timeline ol li:last-child {width: 280px;}
.row-02 .timeline ol li:not(:first-child) {margin-left: 14px;}
.row-02 .timeline ol li:not(:last-child)::after {content: '';position: absolute;top: 50%;left: calc(100% + 1px);bottom: 0;width: 12px;height: 12px;transform: translateY(-50%);border-radius: 50%;background: var(--main-color);}
.row-02 .timeline ol li div {position: absolute;left: calc(100% + 7px);width: 280px;padding: 0px;font-size: 1rem;white-space: normal;color: black;background: white;display: flex;border: 1px solid var(--border-color);}
.row-02 .timeline ol li div::before {content: '';position: absolute;top: 100%;left: 0;width: 0;height: 0;border-style: solid;}
.row-02 .timeline ol li:nth-child(odd) div {top: -16px;transform: translateY(-100%);}
.row-02 .timeline ol li:nth-child(odd) div::before {top: 95%;border-width: 23px 23px 0 0;border-color: #fff transparent transparent transparent;}
.row-02 .timeline ol li:nth-child(even) div {top: calc(100% + 16px);}
.row-02 .timeline ol li:nth-child(even) div::before {top: -19px;border-width: 23px 0 0 23px;border-color: transparent transparent transparent #fff;}
.row-02 .timeline time {display: flex;font-size: 1.2rem;font-weight: bold;width: 60px;min-width: 60px;justify-content: center;align-items: center;border-right: 1px solid var(--border-color);position:relative;color: var(--main-color);font-family: 'Din';}
.row-02 .timeline ol li:nth-child(odd) time::before{content: '';position: absolute;left: 10px;bottom: -22px;width: 1px;height: 25px;background-color: var(--border-color);transform: rotate(45deg);}
.row-02 .timeline ol li:nth-child(odd) time::after{content: '';width: 1px;background-color: var(--border-color);height: 15px;left: -1px;bottom: -16px;position: absolute;}
.row-02 .timeline ol li:nth-child(even) time::before{content: '';position: absolute;left: 10px;top: -22px;width: 1px;height: 25px;background-color: var(--border-color);transform: rotate(-45deg);}
.row-02 .timeline ol li:nth-child(even) time::after{content: '';width: 1px;background-color: var(--border-color);height: 15px;left: -1px;top: -16px;position: absolute;}
.row-02 .timeline desc{display: flex;justify-content: flex-start;align-items: center;padding-left: 15px;padding-right: 15px;font-family: 'Din';}
.row-02 .timeline .arrows {display: flex;justify-content: center;margin-bottom: 20px;}
.row-02 .timeline .arrow{width: 35px;height: 35px;border: 1px solid var(--border-color);margin-right: 20px;cursor: pointer;position:relative;}
.row-02 .timeline .disabled {opacity: .5;}
.row-02 .arrow.arrow__next::before {content: '🡢';color: var(--main-color);position: absolute;top: 5px;left: 9px;font-size: 18px;}
.row-02 .arrow.arrow__prev::before {content: '🡠';color: var(--main-color);position: absolute;top: 5px;left: 9px;font-size: 18px;}

.row-03-rig-tit {font-size:20px;margin-top:10px;font-family:'Din';}
.row-03 .fetcher-sin {margin-bottom:10px;}
.row-03 .fetcher-sin:not(:nth-child(1)):not(:nth-child(2)) .row-03-rig-tit {display:none;}
.row-03 .fetcher-sin-img img {object-fit:cover;}

.row-04 {border:1px solid var(--border-color);padding: 40px clamp(20px,5vw,60px);}
.row-04-lef-txt {padding-right: clamp(20px,5vw,60px);}

.row-05-tit:empty {display:none;}
.row-05-lis {counter-reset:cc;}
.row-05-lis-sin {border:1px solid var(--border-color);padding:0 0 30px 100px;position:relative;counter-increment:cc;}
.row-05-lis-sin::before {content:counter(cc, decimal-leading-zero);text-align: center;padding-top: 20px;font-size: 50px;color: var(--main-color);font-family:'Din';position:absolute;left:20px;}
.row-05-lis-sin .main-txt {padding-right:30px;}

.row-06-lef {padding-right:40px;}
.row-06-rig {padding-left:40px;}

.row-07-img {width:240px;height:auto;}

.row-08-lis-sin > label {gap:5px;}
.row-08-lis-sin > label > div {font-weight:bold;font-family:'Din';font-size:16px;}
.row-08-lis-sin input:not([type="submit"]):not([type="checkbox"]) {border: 1px solid #e3e3e3;height:42px;}
.row-08-lis-sin input[type="file"] {background-color: #fff;padding: 10px;}
.row-08-lis-sin textarea {border: 1px solid #e3e3e3;width:100%;}
.row-08 .wpcf7-list-item {margin:0;}
.row-08-lis-sin select {background-color: #fff;border: 1px solid #e3e3e3;height: 42px;width: 310px;padding: 0 10px;}
.row-08 .submitBut input {background-color: #fff;border: 2px solid var(--border-color);width: 290px;border-radius: 100px;padding: 10px 61px 10px 15px;background-image: url(https://smirdex.gr/wp-content/uploads/2026/08/button-arrow-right-37x12-1.svg);font-family: 'Din';background-repeat: no-repeat;background-size: 37px 12px;background-position: right 40px bottom 15px;font-size: 16px;}
.row-08 .wpcf7-spinner {display:none!important;}

.row-09-wrapper {counter-reset:ff;}
.row-09 {counter-increment:ff;position:relative;padding:120px 60px 60px;border:1px solid var(--border-color);}
.row-09::before {content:counter(ff, decimal-leading-zero);text-align: center;font-size: 50px;color: var(--main-color);font-family:'Din';position:absolute;top:20px;left:20px;}
.row-09-top-rig {padding-left:40px;}
.row-09-bot {margin-top:60px;}
.row-09-bot-sin-lis-sin {font-weight:bold;font-size:15px;position:relative;padding-left:20px;}
.row-09-bot-sin-lis-sin::before {content:'✔';color:var(--main-color);position:absolute;left:0;top:-2px;font-size: 16px;}

.row-10 {background-size:cover;background-position:center;background-repeat:no-repeat;}
.row-10-inn {padding:60px;}
.row-10-tit {color:#fff;}
.row-10 .row-21 {background-image:none;background-color:transparent;}

.row-11 {padding:60px clamp(20px,5vw,60px);border:1px solid var(--border-color);}
.row-11-lis {gap:40px 20px;margin-top:20px;}
.row-11-lis-sin {width:calc(33.333% - 18px);gap:6px;}
.row-11-lis-sin-tit {font-size:15px;font-weight:700;font-family:'Din';}
.row-11 img {object-fit:cover;max-height: 340px;}

.row-12-lis-sin-pos {object-fit: cover;width: 100%;}
.row-12-lis-sin-but {gap:5px;background-color:#d9d9d9;border-radius:99px;border:2px solid var(--border-color);padding:10px;}
.row-12-lis-sin-but a {display:flex;}

.row-13-txt {margin:20px 0;}
.row-13-lef-inf-rig-lis {margin-bottom:20px;border-bottom:1px solid #fff;padding-bottom:5px;}
.row-13-lef-inf-lef-lis-rig, .row-13-lef-inf-rig-lis-rig {font-weight:700;font-family:'Din';font-size:16px;}

.row-14 {background-image:url(https://smirdex.gr/wp-content/uploads/2026/09/bg-red.svg);background-size:cover;background-position:bottom center;background-repeat:no-repeat;}
.row-14-lef img {max-width:100%;height:auto;object-fit: cover;object-position: left top;}
.row-14-rig {padding:50px 0;}
.row-14-rig-tit {max-width:380px;}
.row-14-rig-sub {color:#fff;}
.row-14-rig-lis {counter-reset:aa;max-width: fit-content;}
.row-14-rig-lis-sin {counter-increment:aa;position:relative;border-bottom:2px solid #000;font-size:18px;padding-left: 31px;padding-bottom: 10px;}
.row-14-rig-lis-sin::before {content: counter(aa, decimal-leading-zero);color:#fff;position:absolute;left:0;top:0;}
.row-14-rig-but {background-color: #15141A;background-image: url(https://smirdex.gr/wp-content/uploads/2026/09/yt.svg);background-position: right 40px center;background-repeat: no-repeat;background-size: 31px 37px;padding: 15px 95px 12px 50px;border-radius: 50px;color: #fff;border: 2px solid #15141A;font-size: 17px;position: relative;outline: 0;transition: all .4s ease-in-out;max-width: fit-content;}
.row-14-rig-but:hover {background-color: #fff;color: #000;}

.row-15 {color:#fff;min-height:80vh;background-color:#000;background-image:url(https://smirdex.gr/wp-content/uploads/2026/09/smirdex-logo-color-vector.svg);background-size:80%;background-position:center;background-repeat:no-repeat;}
.row-15-top h2 {color:var(--main-color);font-size:clamp(40px,5vw,80px);}
.row-15-bot-lis-sin img {max-height:160px;}
.row-15-bot-lis-sin-tit {font-size:clamp(18px,4vw,25px);}

.row-16 {background-color:#000;}
.row-16-inn {background-image:url(https://smirdex.gr/wp-content/uploads/2026/09/bg-gray.svg);background-position:center;background-size:cover;background-repeat:no-repeat;padding-bottom:50px;}
.row-16-lef-but {max-width: 280px;padding: 15px 35px 10px 35px;font-size: 22px;border: 2px solid #ccc;border-radius: 99px;cursor: pointer;color: #000;background-color: #fff;-webkit-box-shadow: 10px 10px 25px -8px rgb(98,98,98);-moz-box-shadow: 10px 10px 25px -8px rgb(98,98,98);box-shadow: 10px 10px 25px -8px rgb(98,98,98);transition: all .4s;}
.row-16-rig {padding:50px 0;}
.row-16-rig-lis {counter-reset:bb;max-width: fit-content;}
.row-16-rig-lis-sin {counter-increment:bb;position:relative;border-bottom:2px solid #000;font-size:18px;padding-left: 31px;padding-bottom: 10px;}
.row-16-rig-lis-sin::before {content: counter(bb, decimal-leading-zero);color:var(--main-color);position:absolute;left:0;top:0;}
.row-16-rig-but {max-width:fit-content;background-color: #fff;padding: 15px 95px 15px 50px;background-position: 25px center;border-radius: 50px;color: #000;border: 2px solid var(--border-color);font-size: 17px;position: relative;outline: 0;box-shadow: 5px 5px 10px #c5c5c5;transition: all .4s ease-in-out;background-image: url(https://smirdex.gr/wp-content/uploads/2026/09/yt.svg);background-position: right 40px center;background-repeat: no-repeat;background-size: 31px 37px;}
.row-16-rig-but:hover {background-color: #15141A;color: #fff;border: 2px solid #15141A;}

.row-17 {margin-top:-20vh;position:relative;z-index:1;}
.row-17-sin {color:#fff;min-height: 40vw;}
.row-17-sin:nth-child(even) {flex-direction:row-reverse;}
.row-17-sin-lef {background-repeat: no-repeat;background-position: center;background-size: cover;}
.row-17-sin-rig {padding:60px clamp(60px,6vw,160px);}
.row-17-sin-rig-tit {color:var(--main-color);}
.row-17-sin-rig-lis {counter-reset:cc;}
.row-17-sin-rig-lis-tit {counter-increment:cc;position:relative;border-bottom:2px solid #fff;font-size:18px;padding-left: 31px;padding-bottom: 10px;}
.row-17-sin-rig-lis-tit::before {content: counter(cc, decimal-leading-zero);color:var(--main-color);position:absolute;left:0;top:0;}
.row-17-sin-rig-but {margin-top:20px;}

.row-19 {counter-reset:dd}
.row-19-sin {border: 1px solid var(--border-color);padding-left:120px;padding-bottom:40px;counter-increment:dd;position:relative;}
.row-19-sin::before {content: counter(dd, decimal-leading-zero);color:var(--main-color);position:absolute;left:28px;top:20px;font-size: 50px;}
.row-19-sin:last-child {padding:clamp(25px,5vw,50px);background-color: #e5e5e5;margin-right:auto;justify-content:center;}
.row-19-sin:last-child::before {display:none;}
.row-19-sin-txt {padding-right:20px;}

.row-20-bot-sin {border: solid 1px #bdbdbd;}
.row-20-bot-sin-lef {background-position:center;background-repeat:no-repeat;background-size:cover;min-height:300px;}
.row-20-bot-sin-rig {padding:clamp(20px,8vw,140px) 20px;}
.row-20-bot-sin-rig-dat {text-align: left;font-size: 16px;line-height: 24px;color: #b6b6b6;}

.row-21 {display: flex;flex-direction: column;width: 100%;padding: 50px 0;background-image:url(/wp-content/uploads/2019/07/smirdex-abrasives-related-products.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat;background-color: #313131;}
.row-21 .row-21-tit {padding: 80px 0px 30px 12%;font-size: 39px;line-height: 38px;color: #fff;}
.row-21 .row-21-lis {display: flex;width: 100%;position: relative;max-width: 1450px;margin: 0 auto;}
.row-21 .row-21-lis-sin {width: 100%;display: flex;margin-right: 60px;background-color: var(--bright-color);cursor:pointer;}
.row-21 .row-21-lis-sin:last-child{margin-right:0px;}
.row-21 .row-21-lis-sin-lef {min-width: 120px;text-align: center;padding-top: 40px;font-size: 50px;color: var(--main-color);letter-spacing: -1px;}
.row-21 .row-21-lis-sin-rig {width: 100%;}
.row-21 .row-21-lis-sin-rig-img {margin-bottom: 30px;}
.row-21 .row-21-lis-sin-rig-img img {object-fit: cover;object-position: center;width: 322px;height: 322px;}
.row-21 .row-21-lis-sin-rig-tit {padding-right:15px;}
.row-21 .row-21-lis-sin-rig-tit a {font-size: 21px;color:#000;outline: 0;}
.row-21 .row-21-lis-sin-rig-sub {font-size: 24px;padding-right: 20px;}
.row-21 .row-21-lis-sin-rig-sub a {color: var(--main-color);outline: 0;}
.row-21 .row-21-lis-sin-rig-lis {display: flex;margin: 10px 0 0;flex-wrap:wrap;}
.row-21 .row-21-lis-sin-rig-lis-tit {font-size: 12px;color: var(--text-light);font-family: var(--global-text);margin-right: 4px;}
.row-21 .row-21-lis-sin-rig-lis-sin {color: var(--text-light);font-family: var(--global-text);font-size: 12px;padding-right:7px;position: relative;}
.row-21 .row-21-lis-sin-rig-lis-sin::after {content: ',';position: absolute;}
.row-21 .row-21-lis-sin-rig-lis-sin:last-child::after {content: '';}
.row-21 .row-21-lis-sin-rig-lnk {margin-bottom:40px;margin-top: 30px;}
.row-21 .row-21-lis-sin-rig-lnk a {color: #000;font-size: 15px;padding: 0 45px 0 0;background-image: url(/wp-content/uploads/2019/05/button-arrow-right-37x12.svg);background-repeat: no-repeat;background-size: 37px 12px;background-position: right center;outline: 0;}
.row-21 .row-21-lis .owl-nav {pointer-events:none;position: absolute;width: 100%;top: 45%;display: flex;justify-content: space-between;}
.row-21 .row-21-lis .owl-nav .owl-prev {pointer-events:all;margin-left: -30px;color: var(--main-color);font-size: 40px;border: 2px solid #fff;width: 60px;height: 60px;line-height: 60px;text-align: center;display: flex;justify-content: center;align-items: center;background-color: #fff;padding:0 5px 3px 0!important;-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.36);-moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.36);box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.36);transition:color .3s, border 1s;outline: 0;}
.row-21 .row-21-lis .owl-nav .owl-next {pointer-events:all;margin-right: -30px;color: var(--main-color);font-size: 40px;border: 2px solid #fff;width: 60px;height: 60px;line-height: 60px;text-align: center;display: flex;justify-content: center;align-items: center;background-color: #fff;padding:0 0 3px 5px!important;-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.36);-moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.36);box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.36);transition:color .3s, border 1s;outline: 0;}
.row-21 .row-21-lis .owl-nav .owl-prev:hover{border-color:var(--main-color);transition:color .3s, border 1s;}
.row-21 .row-21-lis .owl-nav .owl-next:hover{border-color:var(--main-color);transition:color .3s, border 1s;}
.row-21 .row-21-lis .owl-nav .owl-prev span, .row-21 .row-21-lis .owl-nav .owl-next span {display:none;}
.row-21 .row-21-lis .owl-nav .owl-prev, .row-21 .row-21-lis .owl-nav .owl-next {padding:0!important;background-repeat:no-repeat;background-position:center;background-size:28px 28px;}
.row-21 .row-21-lis .owl-nav .owl-prev {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23db1f26' d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");}
.row-21 .row-21-lis .owl-nav .owl-next {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23db1f26' d='M8.59 16.59 10 18l6-6-6-6-1.41 1.41L13.17 12z'/%3E%3C/svg%3E");}

.row-22 {overflow: hidden;padding:clamp(120px,10vw,200px) 0;background-repeat:no-repeat;background-size:cover;background-position:right bottom;}
.row-22-tit {text-wrap:balance;color:#fff;}
.row-22-img {position:absolute;right: 0;top: 50%;transform: translateY(-50%);max-width: 60%;}

/* Responsive */
@media (max-width:1780px){
	.row-21 .row-21-lis-sin-rig-img img {width:100%;height:auto;}
}

@media (max-width:1530px){
	.row-21 .row-21-lis {max-width: 1280px;}
}

@media (max-width:1500px){
  body:has(.smx-nav-toggle:checked) { overflow: hidden; }
  body > header .menu-main-container ul.sub-menu {transform: translate(0%,2px);}
  .smx-menu-toggle {display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 15px; text-transform: uppercase; color: #222; cursor: pointer; user-select: none;}
  .smx-menu-toggle i {position: relative; width: 16px; top:-2px; height: 12px; border-top: 2px solid var(--main-color); border-bottom: 2px solid var(--main-color);}
  .smx-menu-toggle i::before {content: ''; position: absolute; left: 0; right: 0; top: 3px; height: 2px; background: var(--main-color);}
  .smx-nav-overlay {display: block; position: fixed; inset: 0; background: rgba(0, 0, 0, .45); opacity: 0; visibility: hidden; transition: opacity .35s, visibility .35s; z-index: 9998;}
  .smx-nav-toggle:checked ~ .smx-nav-overlay {opacity: 1; visibility: visible;}
  .header-widget nav.smx-nav {position: fixed; top: 0; left: 0; bottom: 0; width: min(390px, 85vw); display: flex; flex-direction: column; background: #fff; transform: translateX(-100%); transition: transform .35s ease; z-index: 9999; overflow: hidden;}
  .smx-nav-toggle:checked ~ .smx-nav {transform: none;}
  .smx-nav__head {display: flex; align-items: center; gap: 12px; padding: 25px 40px 20px; flex-shrink: 0;}
  .smx-nav__brand img {display: block; height: 32px; width: auto;}
  .smx-nav__sub-title {display: none; flex: 1; font-size: 18px; font-weight: 700; color: #222;}
  .smx-nav__back {display: none; width: 36px; height: 36px; flex-shrink: 0; padding: 0; border: 1px solid #d5d5d5; border-radius: 50%; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E") center / 14px no-repeat; cursor: pointer;}
  .smx-nav.is-sub .smx-nav__brand {display: none;}
  .smx-nav.is-sub .smx-nav__back, .smx-nav.is-sub .smx-nav__sub-title {display: flex; height: 36px; align-items: center;}
  .smx-nav__close {position: relative; width: 24px; height: 24px; margin-left: auto; flex-shrink: 0; cursor: pointer;}
  .smx-nav__close::before, .smx-nav__close::after {content: ''; position: absolute; top: 11px; left: 3px; width: 18px; height: 2px; background: #222;}
  .smx-nav__close::before {transform: rotate(45deg);}
  .smx-nav__close::after {transform: rotate(-45deg);}
  .smx-nav__body {flex: 1; overflow-x: hidden; overflow-y: auto;}
  .header-widget nav.smx-nav .menu {display: block; position: relative; height:auto; padding: 0 20px 30px; transition: transform .35s ease;}
  .smx-nav.is-sub .menu {transform: translateX(-100%);}
  .header-widget nav.smx-nav .menu > li {position: static;}
  body > header .menu-main-container > ul.menu li {height:auto;}
  .header-widget nav.smx-nav .menu > li > a, .header-widget nav.smx-nav .menu > .menu-item-has-children:hover > a, .header-widget nav.smx-nav .menu > .menu-item-has-children:focus-within > a {height: auto; padding: 10px 0; border: 0; background: transparent; justify-content: space-between; font-size: 16px; color: #222; z-index: auto;}
  .header-widget nav.smx-nav .menu > li {border-bottom: 1px solid #222;}
  .header-widget nav.smx-nav .menu > li > a {padding: 10px 0; height:54px;}
  .header-widget nav.smx-nav .menu > .menu-item-has-children > a::after {width: 34px; height: 34px; flex-shrink: 0; border: 1px solid #d5d5d5; border-radius: 50%; transform: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center / 13px no-repeat;}
  .header-widget nav.smx-nav .sub-menu, .header-widget nav.smx-nav .menu > li:hover > .sub-menu, .header-widget nav.smx-nav .menu > li:focus-within > .sub-menu {display: none; position: absolute; top: 0; left: 100%; width: 100%; min-width: 0; padding: 0 20px 30px; border: 0; background: transparent; opacity: 1; visibility: visible; transition: none;}
  .header-widget nav.smx-nav .menu > li.is-active > .sub-menu {display: block; pointer-events: auto;}
  .header-widget nav.smx-nav .sub-menu li {border-top: 1px solid #222;}
  .header-widget nav.smx-nav .sub-menu a {padding: 17px 0; font-size: 15px; font-weight: 400; white-space: normal; font-weight:600;}
  body > header .menu-main-container {height:auto;}
  .smx-nav__search {padding: 25px 40px 30px;}
  .smx-nav__search > ul {margin: 0; padding: 0; list-style: none;}
  .smx-nav__search input[type="text"] {width: 100%;}
  .smx-nav.is-sub .smx-nav__search {display: none;}
}

@media (max-width:1480px){
  .pne-pc {width: 650px;}
}

@media (max-width:1360px){
  .row-21 .row-21-lis {max-width: 1100px;}
	.row-21 .row-21-lis-sin-lef {min-width:80px;}
	.row-21 .row-21-lis-sin-rig-lis {display:none;}
}

@media (max-width:1280px){
  .pne-pc {display: flex;flex-direction: column;width: 100%;margin: 0 0 0 auto;border: solid 1px;}
  .row-21 .row-21-lis-sin {margin-right: 20px;}
	.row-21 .row-21-lis-sin-rig-tit {padding-right: 50px;}
}

@media (max-width:1200px){
  .espa {display:flex;justify-content: center;flex-direction: column;}
  .espa a:last-child {float:none;padding:0;}
}

@media (max-width:1170px){
	.row-21 .row-21-lis {max-width:900px;}
	.row-21 .row-21-lis .owl-nav {top: 40%;}
  .row-10-inn {padding:60px 0;}
}

@media (max-width:1023px){
  footer {padding: 50px 0 0;}
  footer .ft-inner {display: flex;justify-content: flex-start;max-width:680px;flex-wrap:wrap;}
  footer .ft-column {width: 50%;margin-bottom: 25px;}
}

@media (max-width:980px){
	.row-21 .row-21-lis {max-width:700px;}
	.row-21 .row-21-lis-sin-lef {padding-top: 15px;}
}

@media (max-width:960px){
  .header-top {padding:20px;}
  body > header {height:120px;}
  .header-bot {background-color:#fff;}
  .header-top-mid {padding:20px;padding: 10px 20px;border-bottom: 1px solid var(--border-color);font-size: 12px;font-weight: 300;font-family: Roboto;}
  prefooter {flex-direction:column;gap:20px;}
  prefooter .preft-tit {width:80%;}
  prefooter .preft-frm {width:80%;}
}

@media (max-width:900px){
  .header-top-second .custom-html-widget > a.espa-desktop {display:none;}
}

@media (max-width:800px){
  .row-21 .row-21-lis-sin-rig-tit {font-size: 16px;}
}

@media (max-width:768px){
  .searchwp-live-search-result p {padding:0.4em!important;}
  .searchwp-live-search-result a {font-size:11px;}
  .smx-gallery { grid-template-columns: repeat(2, 1fr); }
  .row-19-sin:not(:last-child) {padding-left: 80px;}
  .row-19-sin::before {font-size: 40px;left: 19px;}
  .row-09 {padding:120px 20px 60px;}
}

@media (max-width:767px){
  .row-21 .row-21-lis {max-width:80%;}
}

@media (max-width:755px){
  .row-21 .row-21-lis-sin-rig-rig {justify-content: flex-start;padding-top: 20px;}
}

@media (max-width:740px){
  .row-02 .timeline ol li{width: 150px;}
}

@media (max-width:680px){
  .smirdex-40 {display:none;}
  .row-21 .row-21-lis-sin-lef {position: absolute;background-color: var(--bright-color);padding-bottom: 10px;padding-top: 10px;min-width: 80px;}
}

@media (max-width: 663px) {
  body.search .fsf {margin-right: 0;}
  body.search .alert-info p {font-size: 18px; padding: 20px;}
}

@media (max-width:640px){
  .row-21 .row-21-lis-sin-rig {flex-direction:column;}
	.row-21 .row-21-lis-sin-rig-lef {width:100%;}
	.row-21 .row-21-lis-sin-rig-rig {width:100%;margin-left:0;}
	.row-21 .row-21-lis-sin-lef {position: relative;min-width: 120px;padding-top: 20px;}
}

@media (max-width:610px){
  .pne-pc {display: none;}
  .pne-mob .pne-head-new.pne-sin {background-color: #000000 !important;color: #fff;font-size: 26px;text-align: left;line-height: 28px;padding: 20px;}
  .pne-mob {display: flex;flex-direction: column;width: 100%;font-family: Calibri;max-width: 720px;margin: 0 auto;margin-bottom: 40px;}
  .pne-mob .pne-head.pne-sin {background-color: #B8B8B8!important;color: #000;}
  .pne-mob .pne-sin .pne-sin-val.pne-tit {text-align: left;font-weight: bold;align-items: flex-start;flex-direction: column;}
  .pne-mob .pne-sin .pne-sin-val {color: #222;width: 50%;display: flex;justify-content: center;align-items: center;}
  .pne-mob .pne-sin:nth-child(even) {background-color: #f5f5f5;}
  .pne-mob .pne-sin:nth-child(odd) {background-color: #eeeeee;}
  .pne-mob .pne-sin {display: flex;text-align: center;padding: 5px 0 5px 5px;font-size: 14px;line-height: 18px;width: 100%;}
  .pne-head-val {text-align: center;margin: 0 auto;}
}

@media (max-width: 600px) {
  body.error404 .err404 {padding: 60px 20px 80px;}
  body.error404 .err404-code {font-size: 90px;}
  body.error404 .err404-tit {font-size: 24px;}
  body.error404 .err404-search {flex-direction: column;}
  body.error404 .err404-search input, body.error404 .err404-search button {width: 100%;}
}

@media (max-width:599px){
  .row-02 .timeline-tit {margin-bottom: 10px;}
  .row-02 .timeline ol,.row-02 .timeline ol li {width: auto;}
  .row-02 .timeline ol {padding: 0;transform: none!important;}
  .row-02 .timeline ol li {display: block;height: auto;background: transparent;}
  .row-02 .timeline ol li:first-child {margin-top: 25px;}
  .row-02 .timeline ol li:not(:first-child) {margin-left: auto;}
  .row-02 .timeline ol li div {width: 100%;margin: 0 auto 25px;position: static;}
  .row-02 .timeline ol li:nth-child(odd) div {transform: none;}
  .row-02 .timeline ol li:nth-child(odd) div::before, .row-02 .timeline ol li:nth-child(even) div::before {left:50%;top:100%;transform:translateX(-50%);border:none;border-left: 2px solid var(--main-color);height:25px;}
  .row-02 .timeline ol li:last-child, .row-02 .timeline ol li:nth-last-child(2) div::before, .row-02 .timeline ol li:not(:last-child)::after, .row-02 .timeline ol li:nth-child(odd) time::before, .row-02 .timeline ol li:nth-child(odd) time::after, .row-02 .timeline ol li:nth-child(even) time::before, .row-02 .timeline ol li:nth-child(even) time::after, .row-02 .timeline .arrows {display: none;}
}

@media (max-width:580px){
  footer .ft-inner {max-width: 100%;}
  footer .ft-column {width:100%;}
}

@media (max-width:540px){
  .espa img {max-width:100%;height:auto;}
}

@media (max-width:500px){
  .row-21 .row-21-lis-sin-lef {padding-top: 10px;min-width: 80px;}
	.row-21 .row-21-lis-sin-rig-sub {font-size: 30px; margin-top: 12px;}
	.row-21 .row-21-lis-sin-rig-lnk a {padding-bottom: 0px!important;}
}

@media (max-width:430px){
  .header-bot #searchform #s {width: 230px;}
  #logo img {max-width: 170px;height: auto;}
  .header-top .header-top-first span {display:none;}
}