Styleguide — mavimar.gr

Tokens και components του live, με το CSS του theme. Σύγκριση: tools/qa/styleguide-diff.mjs.

Χρώματα

--mg-color-4c4d4d text · rgb(76, 77, 77)
--mg-color-ffffff white · rgb(255, 255, 255)
--mg-color-7e858b text-muted · rgb(126, 133, 139)
--mg-color-212121 text-dark · rgb(33, 33, 33)
--mg-color-bdbdbd border · rgb(189, 189, 189)
--mg-color-1c4263 primary · rgb(28, 66, 99)
--mg-color-2f363b text-strong · rgb(47, 54, 59)
--mg-color-707070 title-rule · rgb(112, 112, 112)
--mg-color-00030d black · rgb(0, 3, 13)
--mg-color-303030 heading · rgb(48, 48, 48)
--mg-color-8e9091 text-light · rgb(142, 144, 145)
--mg-color-142954 input-border · rgb(20, 41, 84)
--mg-color-ffffff-a0 — · rgba(255, 255, 255, 0)
--mg-color-3d3d3d text-alt · rgb(61, 61, 61)
--mg-color-ffffff-a0p75 white-75 · rgba(255, 255, 255, 0.75)
--mg-color-000001-a0p3 — · rgba(0, 0, 1, 0.3)
--mg-color-26547b primary-light · rgb(38, 84, 123)
--mg-color-000000 pure-black · rgb(0, 0, 0)
--mg-color-000000-a0p05 — · rgba(0, 0, 0, 0.05)
--mg-color-ffffff-a0p2 — · rgba(255, 255, 255, 0.2)
--mg-color-000000-a0p4 overlay-tile · rgba(0, 0, 0, 0.4)
--mg-color-77a3ec link-light · rgb(119, 163, 236)
--mg-color-303f9f pagination-border · rgb(48, 63, 159)
--mg-color-dfdfdf divider · rgb(223, 223, 223)
--mg-color-5ea9dd submit-hover · rgb(94, 169, 221)
--mg-color-12283b mobile-menu-link · rgb(18, 40, 59)
--mg-color-a4a6a8 text-faint · rgb(164, 166, 168)
--mg-color-b94a48 error · rgb(185, 74, 72)
--mg-color-000000-a0p2 — · rgba(0, 0, 0, 0.2)
--mg-color-000000-a0p15 — · rgba(0, 0, 0, 0.15)
--mg-color-1b364b primary-dark · rgb(27, 54, 75)
--mg-color-000000-a0p09 — · rgba(0, 0, 0, 0.09)
--mg-color-e5e5e5 lightbox-text · rgb(229, 229, 229)
--mg-color-d9e8eb-a0p4 — · rgba(217, 232, 235, 0.4)

Γραμματοσειρές

--mg-font-base 300 Greek Volakas Marbles — Ελληνικά Μάρμαρα Βώλακα 0123456789

--mg-font-base 400 Greek Volakas Marbles — Ελληνικά Μάρμαρα Βώλακα 0123456789

--mg-font-base 500 Greek Volakas Marbles — Ελληνικά Μάρμαρα Βώλακα 0123456789

--mg-font-base 600 Greek Volakas Marbles — Ελληνικά Μάρμαρα Βώλακα 0123456789

--mg-font-base 700 Greek Volakas Marbles — Ελληνικά Μάρμαρα Βώλακα 0123456789

--mg-font-proxima 300 Greek Volakas Marbles — Ελληνικά Μάρμαρα Βώλακα 0123456789

--mg-font-proxima 400 Greek Volakas Marbles — Ελληνικά Μάρμαρα Βώλακα 0123456789

--mg-font-proxima 500 Greek Volakas Marbles — Ελληνικά Μάρμαρα Βώλακα 0123456789

--mg-font-proxima 600 Greek Volakas Marbles — Ελληνικά Μάρμαρα Βώλακα 0123456789

--mg-font-proxima 700 Greek Volakas Marbles — Ελληνικά Μάρμαρα Βώλακα 0123456789

--mg-font-roboto 300 Greek Volakas Marbles — Ελληνικά Μάρμαρα Βώλακα 0123456789

--mg-font-roboto 400 Greek Volakas Marbles — Ελληνικά Μάρμαρα Βώλακα 0123456789

--mg-font-roboto 500 Greek Volakas Marbles — Ελληνικά Μάρμαρα Βώλακα 0123456789

--mg-font-roboto 600 Greek Volakas Marbles — Ελληνικά Μάρμαρα Βώλακα 0123456789

--mg-font-roboto 700 Greek Volakas Marbles — Ελληνικά Μάρμαρα Βώλακα 0123456789

Τυπογραφία ανά στοιχείο

ΣτοιχείοViewportsΓραμματοσειράΜέγεθος / line-heightΒάρος
contact-page.address 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
contact-page.address_div 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
contact-page.fieldset 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
contact-page.form 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
contact-page.form_cell 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
contact-page.form_col 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
contact-page.form_grid 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
contact-page.grid 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
contact-page.info_cell 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
contact-page.info_col 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
contact-page.info_label 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
contact-page.info_table 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
contact-page.info_value 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
contact-page.person 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
contact-page.person_p 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
contact-page.phone_cell 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
contact-page.plain_cell 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
contact-page.title 375x812@mobile "Proxima Nova", sans-serif 40px / 26px 700
contact-page.title 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 65px / 26px 700
contact-page.title_div 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
cookie-bar.accept 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 12px / 10px 700
cookie-bar.banner 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 17px / 26px 300
cookie-bar.message 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 14px / 18px 300
cookie-bar.more 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 12px / 10px 700
error-404.article 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
error-404.box 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
error-404.headline 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 100px / 40px 400
error-404.subtitle 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 24px / 30px 400
error-404.text 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
footer.address 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
footer.bottom 375x812@mobile GothamGreek, sans-serif 16px / 26px 300
footer.bottom 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
footer.col 375x812@mobile GothamGreek, sans-serif 16px / 26px 300
footer.col 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
footer.col_fax 375x812@mobile GothamGreek, sans-serif 16px / 26px 300
footer.col_fax 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
footer.col_mail 375x812@mobile GothamGreek, sans-serif 16px / 26px 300
footer.col_mail 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
footer.col_phone 375x812@mobile GothamGreek, sans-serif 16px / 26px 300
footer.col_phone 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
footer.container 375x812@mobile GothamGreek, sans-serif 16px / 26px 300
footer.container 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
footer.credit_col 375x812@mobile GothamGreek, sans-serif 16px / 26px 300
footer.credit_col 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
footer.ftitle 375x812@mobile GothamGreek, sans-serif 16px / 26px 300
footer.ftitle 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
footer.grid 375x812@mobile GothamGreek, sans-serif 16px / 26px 300
footer.grid 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
footer.menu 375x812@mobile GothamGreek, sans-serif 16px / 26px 300
footer.menu 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
footer.menu_col 375x812@mobile GothamGreek, sans-serif 16px / 26px 300
footer.menu_col 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
footer.menu_item 375x812@mobile GothamGreek, sans-serif 16px / 26px 300
footer.menu_item 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
footer.menu_link 375x812@mobile GothamGreek, sans-serif 14px / 14px 400
footer.menu_link 768x1024@tablet GothamGreek, sans-serif 14px / 14px 400
footer.menu_link 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 14px / 95px 400
footer.section 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
home-projects.col_img 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
home-projects.col_text 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
home-projects.grid 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
home-projects.item_link 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
home-projects.item_text 375x812@mobile, 768x1024@tablet GothamGreek, sans-serif 13px / 15.6px 300
home-projects.item_text 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 13px / 25px 300
home-projects.item_title 375x812@mobile, 768x1024@tablet, 1366x768@desktop GothamGreek, sans-serif 35px / 42px 700
home-projects.item_title 1920x1080@desktop GothamGreek, sans-serif 40px / 48px 700
home-projects.section 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
home-projects.title_h2 375x812@mobile, 768x1024@tablet, 1366x768@desktop "Proxima Nova", sans-serif 50px / 30px 700
home-projects.title_h2 1920x1080@desktop "Proxima Nova", sans-serif 65px / 30px 700
home-section1.container 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
home-section1.grid 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
home-section1.inside 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
home-section1.link 375x812@mobile GothamGreek, sans-serif 16px / 26px 300
home-section1.link 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
home-section1.section 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
home-section1.text 375x812@mobile GothamGreek, sans-serif 14px / 21px 500
home-section1.text 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 24px 500
home-section1.text_col 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
home-section1.title 375x812@mobile "Proxima Nova", sans-serif 54px / 61px 400
home-section1.title 768x1024@tablet "Proxima Nova", sans-serif 50px / 61px 400
home-section1.title 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 65px / 61px 400
home-section2.button 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 14px / 30px 300
home-section2.container 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
home-section2.section 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
home-section2.text 375x812@mobile, 768x1024@tablet GothamGreek, sans-serif 16px / 30px 500
home-section2.text 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 40px 500
home-slider.container 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
home-slider.inner 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
home-slider.layer_text 375x812@mobile GothamGreek, sans-serif 10.9375px / normal 600
home-slider.layer_text 768x1024@tablet GothamGreek, sans-serif 20px / normal 600
home-slider.layer_text 1366x768@desktop GothamGreek, sans-serif 35.5729px / normal 600
home-slider.layer_text 1920x1080@desktop GothamGreek, sans-serif 50px / normal 600
home-slider.layer_title 375x812@mobile GothamGreek, sans-serif 10.9375px / normal 600
home-slider.layer_title 768x1024@tablet GothamGreek, sans-serif 20px / normal 600
home-slider.layer_title 1366x768@desktop GothamGreek, sans-serif 35.5729px / normal 600
home-slider.layer_title 1920x1080@desktop GothamGreek, sans-serif 50px / normal 600
home-slider.layers 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
home-slider.slider 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
language-switcher.item 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
language-switcher.link 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 700
language-switcher.list 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
language-switcher.module 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
navbar.col_left 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
navbar.col_right 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
navbar.grid 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
navbar.inner 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
navbar.item_active 375x812@mobile, 768x1024@tablet GothamGreek, sans-serif 16px / 26px 300
navbar.item_active 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
navbar.item_left 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
navbar.item_right 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
navbar.left_float 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
navbar.link_active 375x812@mobile, 768x1024@tablet GothamGreek, sans-serif 16px / 16px 700
navbar.link_active 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 95px 700
navbar.link_left 375x812@mobile, 768x1024@tablet GothamGreek, sans-serif 16px / 16px 700
navbar.link_left 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 95px 700
navbar.link_right 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 95px 700
navbar.list_left 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
navbar.list_right 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
navbar.nav 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
news-grid.body 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
news-grid.button 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 30px 700
news-grid.button_more 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 30px 700
news-grid.card 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
news-grid.col 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
news-grid.heading 375x812@mobile "Proxima Nova", sans-serif 25px / 40px 700
news-grid.heading 768x1024@tablet "Proxima Nova", sans-serif 40px / 40px 700
news-grid.heading 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 65px / 40px 700
news-grid.item_description 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
news-grid.row 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
news-grid.row_next 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
news-grid.title 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 18px / 26px 400
news-grid.title_link 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 18px / 26px 400
news-grid.zoo 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
news-item.list 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
news-item.list_item 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
news-item.list_li_p 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
news-item.text_p 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
news-item.text_p_last 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
news-item.title 375x812@mobile "Proxima Nova", sans-serif 25px / 40px 700
news-item.title 768x1024@tablet "Proxima Nova", sans-serif 40px / 40px 700
news-item.title 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 65px / 40px 700
news-item.title_before 375x812@mobile "Proxima Nova", sans-serif 25px / 40px 700
news-item.title_before 768x1024@tablet "Proxima Nova", sans-serif 40px / 40px 700
news-item.title_before 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 65px / 40px 700
news-item.zoo 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-item.list 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-item.list_item 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-item.list_li_p 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-item.text_link 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-item.text_p 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-item.text_p_last 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-item.text_p_next 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-item.text_strong 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 700
page-item.title 375x812@mobile "Proxima Nova", sans-serif 25px / 40px 700
page-item.title 768x1024@tablet "Proxima Nova", sans-serif 40px / 40px 700
page-item.title 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 65px / 40px 700
page-item.title_before 375x812@mobile "Proxima Nova", sans-serif 25px / 40px 700
page-item.title_before 768x1024@tablet "Proxima Nova", sans-serif 40px / 40px 700
page-item.title_before 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 65px / 40px 700
page-item.zoo 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.article 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.body 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.bottom_c 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.bottom_c_col 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.bottom_c_panel 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.component 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.container 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.container_bg 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.content 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.flax_bottom_c 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.html 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.ltnews 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.main 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.middle 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.onair_side 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.overlay_wrap 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.page 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.sm_content 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.sm_content_inner 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
page-shell.sm_pusher 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
pagination.active 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
pagination.active_inner 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 40px 300
pagination.item 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
pagination.link 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 40px 300
pagination.link_prev 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 40px 300
pagination.link_start 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 40px 300
pagination.list 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 0px / 26px 300
rsform.block 375x812@mobile GothamGreek, sans-serif 16px / 26px 300
rsform.block 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
rsform.check_body 375x812@mobile GothamGreek, sans-serif 16px / 26px 300
rsform.check_body 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
rsform.check_flabel 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
rsform.checkbox_group 375x812@mobile GothamGreek, sans-serif 16px / 26px 300
rsform.checkbox_group 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
rsform.checkbox_label 375x812@mobile GothamGreek, sans-serif 16px / 26px 400
rsform.checkbox_label 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 400
rsform.label 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
rsform.required 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 700
rsform.sub_body 375x812@mobile GothamGreek, sans-serif 16px / 26px 300
rsform.sub_body 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
rsform.sub_label 375x812@mobile GothamGreek, sans-serif 16px / 26px 400
rsform.sub_label 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 400
rsform.submit 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop Roboto, Helvetica, Arial, sans-serif 18px / 18px 300
rsform.vclear 375x812@mobile GothamGreek, sans-serif 16px / 26px 300
rsform.vclear 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
stone-grid.card 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
stone-grid.col 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
stone-grid.heading 375x812@mobile "Proxima Nova", sans-serif 25px / 40px 700
stone-grid.heading 768x1024@tablet "Proxima Nova", sans-serif 40px / 40px 700
stone-grid.heading 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 65px / 40px 700
stone-grid.row 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
stone-grid.title 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 25px / 26px 700
stone-grid.title_link 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 700
stone-grid.zoo 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
stone-item.description 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
stone-item.description_p 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 14px / 26px 400
stone-item.description_p_last 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 14px / 26px 400
stone-item.description_p_next 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 14px / 26px 400
stone-item.gallery_wrap 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
stone-item.techdesc 375x812@mobile "Proxima Nova", sans-serif 14px / 30px 400
stone-item.techdesc 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 20px / 30px 400
stone-item.title 375x812@mobile "Proxima Nova", sans-serif 25px / 40px 700
stone-item.title 768x1024@tablet "Proxima Nova", sans-serif 40px / 40px 700
stone-item.title 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 65px / 40px 700
stone-item.title_before 375x812@mobile "Proxima Nova", sans-serif 25px / 40px 700
stone-item.title_before 768x1024@tablet "Proxima Nova", sans-serif 40px / 40px 700
stone-item.title_before 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 65px / 40px 700
stone-item.zoo 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
zoo-grid.body 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
zoo-grid.button 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 30px 700
zoo-grid.card 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
zoo-grid.col 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
zoo-grid.row 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
zoo-grid.title 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 25px / 26px 700
zoo-grid.title_link 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 700
zoo-grid.zoo 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
zoo-item.description 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
zoo-item.description_p 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 14px / 26px 400
zoo-item.gallery_wrap 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
zoo-item.list 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
zoo-item.list_item 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
zoo-item.techdesc 375x812@mobile "Proxima Nova", sans-serif 14px / 30px 400
zoo-item.techdesc 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 20px / 30px 400
zoo-item.text_link 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
zoo-item.text_p 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300
zoo-item.text_strong 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 700
zoo-item.title 375x812@mobile "Proxima Nova", sans-serif 25px / 40px 700
zoo-item.title 768x1024@tablet "Proxima Nova", sans-serif 40px / 40px 700
zoo-item.title 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 65px / 40px 700
zoo-item.title_before 375x812@mobile "Proxima Nova", sans-serif 25px / 40px 700
zoo-item.title_before 768x1024@tablet "Proxima Nova", sans-serif 40px / 40px 700
zoo-item.title_before 1366x768@desktop, 1920x1080@desktop "Proxima Nova", sans-serif 65px / 40px 700
zoo-item.zoo 375x812@mobile, 768x1024@tablet, 1366x768@desktop, 1920x1080@desktop GothamGreek, sans-serif 16px / 26px 300

Αποστάσεις, radius, σκιές

--mg-space-n120 -120px
--mg-space-n35 -35px
--mg-space-n30 -30px
--mg-space-n25 -25px
--mg-space-n15 -15px
--mg-space-2 2px
--mg-space-3 3px
--mg-space-4 4px
--mg-space-5 5px
--mg-space-7 7px
--mg-space-9 9px
--mg-space-10 10px
--mg-space-12 12px
--mg-space-15 15px
--mg-space-20 20px
--mg-space-25 25px
--mg-space-30 30px
--mg-space-35 35px
--mg-space-40 40px
--mg-space-50 50px
--mg-space-60 60px
--mg-space-95 95px
--mg-space-100 100px
--mg-space-150 150px
--mg-space-250 250px
--mg-radius-1 1px
--mg-radius-10 10px
--mg-radius-25 25px
--mg-shadow-1 rgba(0, 0, 1, 0.3) 0px 0px 2px 2px
--mg-shadow-2 rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px
--mg-shadow-3 rgba(0, 0, 0, 0.15) 0px 2px 4px 0px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px
--mg-shadow-4 rgba(0, 0, 0, 0.2) 0px 0px 3px 1px, rgba(0, 0, 0, 0.2) 0px 0px 1px 0px
--mg-shadow-5 rgba(0, 0, 0, 0.09) 0px 1px 2px

Breakpoints και layout

--mg-bp-max-00px1 κανόνες
--mg-bp-max-320320px2 κανόνες
--mg-bp-max-360360px10 κανόνες
--mg-bp-max-414414px1 κανόνες
--mg-bp-max-460460px2 κανόνες
--mg-bp-max-480480px1 κανόνες
--mg-bp-min-480480px2 κανόνες
--mg-bp-min-500500px3 κανόνες
--mg-bp-max-556556px1 κανόνες
--mg-bp-max-600600px49 κανόνες
--mg-bp-min-601601px34 κανόνες
--mg-bp-max-650650px10 κανόνες
--mg-bp-max-767767px9 κανόνες
--mg-bp-max-768768px4 κανόνες
--mg-bp-min-768768px10 κανόνες
--mg-bp-max-800800px38 κανόνες
--mg-bp-max-823823px21 κανόνες
--mg-bp-max-959959px2 κανόνες
--mg-bp-max-960960px3 κανόνες
--mg-bp-min-960960px8 κανόνες
--mg-bp-max-979979px2 κανόνες
--mg-bp-max-991991px2 κανόνες
--mg-bp-min-992992px1 κανόνες
--mg-bp-max-10231023px8 κανόνες
--mg-bp-min-10231023px1 κανόνες
--mg-bp-max-10241024px15 κανόνες
--mg-bp-min-10251025px4 κανόνες
--mg-bp-min-10401040px1 κανόνες
--mg-bp-min-10901090px1 κανόνες
--mg-bp-max-11001100px2 κανόνες
--mg-bp-max-11501150px1 κανόνες
--mg-bp-min-11851185px1 κανόνες
--mg-bp-min-12001200px2 κανόνες
--mg-bp-min-12201220px7 κανόνες
--mg-bp-max-12591259px1 κανόνες
--mg-bp-max-12801280px9 κανόνες
--mg-bp-min-13801380px1 κανόνες
--mg-bp-max-16001600px7 κανόνες
--mg-bp-min-16501650px1 κανόνες
--mg-grid-columns60UIkit 2 fractions used on the live (1/1, 1/2, 1/3, 1/4, 1/5, 1/6, 2/5, 3/5, 4/5) are integer spans of 60 (grid-map.json)
--mg-html-font-size16pxroot font size
--mg-body-font-size16pxbody font size
--mg-navbar-height80px#tm-navbar height
--mg-navbar-padding-top0px#tm-navbar padding-top
--mg-navbar-inner-max-width1170px#tm-navbar > .innercontainer max-width
--mg-nav-link-font-size16px.uk-navbar-nav > li > a font-size
--mg-nav-link-padding-x25px.uk-navbar-nav > li > a horizontal padding
--mg-content-padding-top0pxmain#tm-content padding-top
--mg-content-padding-x15pxmain#tm-content side padding
--mg-item-title-font-size25pxh1.item-main-title font-size
--mg-card-title-font-size25pxcard h3 font-size
--mg-ds-container-max-width1300px.ds-container max-width
--mg-ds-container-padding-x15px.ds-container side padding
--mg-section-title-font-size54px#section1 h2.sectiontitle font-size
--mg-section-text-font-size14px#section1 p.sectiontext font-size
--mg-section1-padding-top0px#section1 padding-top
--mg-section2-padding-top25px#section2 padding-top
--mg-projects-title-font-size35px#sl-title font-size
--mg-footer-padding-top0px#footer_section padding-top
--mg-footer-padding-x0px#footer_section .ds-container side padding
--mg-prefooter-height300pximg.prefooterbanner height
--mg-contact-title-font-size40pxcontact p.sectiontitle font-size
--mg-logo-max-width141pximg.logo: fluid up to 600px (0.1875 × width at 320, 141px at 600, the max), fixed 90px from 601 to 800px, 141px from 801px (custom-min.css max-width 600 / 800 steps)
--mg-logo-width-mid90pximg.logo width between 601 and 800px
--mg-slider-ratio-desktop2 / 1LayerSlider 1/2 (desktop and tablet UA): height = width × 0.5 (1920×960, fullwidth, fitScreenWidth)
--mg-slider-ratio-mobile3 / 5LayerSlider 3/4 (mobile UA): height = width × 5/3 (portrait slider)
--mg-card-col-width-xs39%stone/news card column up to 360px
--mg-card-col-width-sm41%card column from 361 to 600px (two cards per row)
--mg-card-col-width-mdcalc(100% - 60px)one card per row from 601 to 767px (541px at 601 → 707px at 767)
--mg-card-col-width-lg25%uk-width-medium-1-4 from 768px inside the 1170px container (257.25px from ~1149px)

Κεφαλίδα: μπλε μπάρα με μενού αριστερά/δεξιά και λογότυπο στο κέντρο

navbar · desktop · L04 · states: default, hover, focus, active, current

Κουμπί μενού κινητού (Offlajn .sm-btn)

mobile-burger · mobile · L01 · states: default, hover, mobile-open
JS: mod_vertical_menu.js (Offlajn 3.1.212, GreenSock from plugins/system/offlajnparams + perfect-scrollbar): click on .sm-btn-N opens nav#off-menu_N inside .sm-overlay-N (υλοποιείται στη φάση του theme)

Κάθετο μενού κινητού (nav#off-menu_N, ένα επίπεδο)

mobile-menu · mobile · L01 · states: default, mobile-open, mobile-open+hover

Ζώνη εικόνας πάνω από το footer (img.prefooterbanner)

prefooter-banner · desktop · L01 · states: default

Mavimar

Σήμα ΕΣΠΑ (EngageBox, κάτω αριστερά, χωρίς κουμπί κλεισίματος)

espa-badge · desktop · L01 · states: default, hover
JS: EngageBox 3.4.7 (velocity.js): trigger pageload, delay 0, animation rstbox.slideUpIn / slideUpOut 400 ms, cookie never (υλοποιείται στη φάση του theme)

ESPA

Slider αρχικής (LayerSlider 6: desktop/tablet 1920×960, mobile ξεχωριστός)

home-slider · desktop · L01 · states: default, slide-2, hover
JS: LayerSlider 6.5.8: slidedelay 8000 ms, layers fade in 500 ms easeInOutQuint, out 1000 ms; autostart, pause on hover, circle timer, prev/next + bullets + start/stop (υλοποιείται στη φάση του theme)

Αρχική ενότητα 1: «Design with nature» (κείμενο + εικόνα με πλαίσιο)

home-section1 · desktop · L01 · states: default, hover, focus

Design
with nature

MAVIMAR IKE is a dynamic marble company. Established in Greece in 1975, the company has achieved an accelerated growth over the past 40+ years and is now particularly sophisticated at both national and international levels.

LEARN MORE
Mavimar

Αρχική ενότητα 2: μπλε ζώνη κειμένου + «CONTACT US»

home-section2 · desktop · L01 · states: default, hover, focus, active

With over 30 years of experience in the field, we have created a new channel for communication and promotion of our products over the Internet for the purpose of your best and most immediate service.

CONTACT US

Αρχική: slider «Projects» (mod_newsslider, fade, βέλη)

home-projects · desktop · L01 · states: default, projects-next, hover
JS: inline script of mod_newsslider/tmpl/default.php: setInterval(loopTime = 8 s) → fadeout() of the current image, title and description swapped; arrows click → previous/next (υλοποιείται στη φάση του theme)

Projects

Singapore Mall
Singapore Mall
A great project for one of the largest shopping malls in Singapore

Κάρτες πετρωμάτων (κατηγορία: 4 στήλες)

stone-grid · desktop · L04 · states: default, hover, focus

Κάρτες νέων (2 στήλες, κουμπί «read more»)

news-grid · desktop · L08 · states: default, hover, focus

Νέα

DUBAI BIG 5 2021

DUBAI BIG5 FAIR 2021

WE PARTICIPATED IN BIG 5 2021 ...
Verona Fair 2021

verona fair 2021

WE PARTICIPATED IN VERONA FAIR 2021 ...
Verona Fair 2019

Verona Fair September 2019 OUR PARTICIPATION AT THE MARMOMAC FAIR IN VERONA, ...
Verona Fair 2018

VERONA , SEPTEMBER 2018

Marmomac Verona Fair 2018 has been just completed successfully for another year ...
Xiamen Fair 2014

XIAMEN STONE FAIR 2014

XIAMEN STONE FAIR 2014 International Marble Exhibition has been just completed ...

Σελιδοποίηση (uk-pagination)

pagination · desktop · L05 · states: default, hover, current

Σελίδα πετρώματος (τίτλος, εικόνα, «TECHNICAL SPECIFICATIONS», γκαλερί)

stone-item · desktop · L06 · states: default, hover

G 603

G603

TECHNICAL SPECIFICATIONS

.
G 603 Applications

Σελίδα νέου (τίτλος, εικόνα, κείμενο)

news-item · desktop · L09 · states: default, hover

DUBAI BIG5 FAIR 2021

DUBAI BIG 5 2021
Anchor Anchor

  • BIG5 FAIR 2021

Σελίδα κειμένου ZOO (εταιρεία, λατομείο, απόρρητο)

page-item · desktop · L02 · states: default, hover

Company

About Us
Anchor Anchor

  • MAVIMAR IKE is a dynamic company in the marble business. Established in Greece in 1975, the business has achieved an accelerating growth over the past 40+ years and it is now highly regarded both nationally and at an international level.

    Raw material from our quarries mainly in Greece as well as from all over the world, are vertically processed in the company’s private factory set in a 30.000m2 area with large stockyards, located in Gerakarou , Thessaloniki region.

    The factory and all production lines have been specified to the highest levels of quality and in accordance with the international standards and specifications.

    Marble – mainly white Volakas from our quarry Volakas in Ohiro Drama Greece but also colored, travertine,  and other Granite stones are marketed and sold  through a wide global customer network with export sales being more than 80% of the company’s total volume.

    Some of the most important construction developments in Greece and abroad have used the MAVIMAR. products.

    MAVIMAR  company’s aim is to grow and expand through continuous investment in  Greece and abroad.

Social bookmarks ZOO (google, facebook, live, twitter)

social-bookmarks · desktop · L02 · states: default, hover

Επικοινωνία: στοιχεία (διεύθυνση, τηλέφωνα, πρόσωπα) + φόρμα RSForm 25

contact-page · desktop · L10 · states: default, hover

Contact Us

Factory, Gerakarou, Thessaloniki, Greece

Phone:

+30 23930 22006

Fax:

+30 23930 22267

Email:

mavimar1@otenet.gr


info@mavimar.gr

Dimitrakoudis George

General Manager

Phone:

+30 6945 556 633

Email:

dimitrakoudisg@gmail.com

Mergianiotis Nikos

Sales Manager

Phone:

+30 6934 758 355

Email:

mnikosp@gmail.com

Full Name*
Invalid Input

Phone*
Invalid Input

Email*
Invalid Input

Subject
Invalid Input

Accept*

Invalid Input

Invalid Input

Invalid Input

Φόρμα RSForm (γραμμή κάτω από τα πεδία, checkbox, SUBMIT, reCAPTCHA v2)

rsform · desktop · L10 · states: default, focus, hover, active, form-error

Contact Us

Factory, Gerakarou, Thessaloniki, Greece

Phone:

+30 23930 22006

Fax:

+30 23930 22267

Email:

mavimar1@otenet.gr


info@mavimar.gr

Dimitrakoudis George

General Manager

Phone:

+30 6945 556 633

Email:

dimitrakoudisg@gmail.com

Mergianiotis Nikos

Sales Manager

Phone:

+30 6934 758 355

Email:

mnikosp@gmail.com

Full Name*
Invalid Input

Phone*
Invalid Input

Email*
Invalid Input

Subject
Invalid Input

Accept*

Invalid Input

Invalid Input

Invalid Input

Αναζήτηση (com_search, uk-form)

search-form · desktop · L13 · states: default, focus, hover

Σελίδα 404 (article 77: «404 / ERROR»)

error-404 · desktop · L14 · states: default, hover

404

ERROR

The page you are looking for doesn't exist or another error occurred.