:root { --makler-blue: #1876aa; --makler-blue-dark: #13608c; } .btn-primary { --bs-btn-bg: var(--makler-blue); --bs-btn-border-color: var(--makler-blue); --bs-btn-hover-bg: var(--makler-blue-dark); --bs-btn-hover-border-color: var(--makler-blue-dark); --bs-btn-active-bg: var(--makler-blue-dark); --bs-btn-active-border-color: var(--makler-blue-dark); } .navbar.bg-dark { background-color: var(--makler-blue) !important; } .text-primary { color: var(--makler-blue) !important; } .form-label {width:150px;} .container.my-4 {max-width:100% !important; width:auto;} /* INNENTŐL A RÉGI CSS */ /* #CSS FOR MAKLER KFT CREATED BY ZOLTAN CSASZAR - 2025.03.17. Martonvasar ================================================== */ /* COLOR CODES FOR MAKLER COLORS // ---- blue - kezi MKLOGOBLUE: CMYK - 87, 49, 14, 1 RGB - 23, 116, 168 ASCII - #1774a8; MKBLUE: CMYK - 78, 23, 10, 0 RGB - 56, 196, 230 ASCII - #38c4e6 // ---- green - emeles MKGREEN: CMYK - 46, 1, 100, 0 RGB - 154, 199, 0 ASCII - #9ac700 // ---- yellow - legtechnika MKYELLOW: CMYK - 10, 23, 78, 0 RGB - 230, 196, 56 ASCII - #e6c438 // ---- orange - autoipar MKORANGE: CMYK - 23, 78, 78, 10 RGB - 177, 50, 50 ASCII - #b13232 MKGREY: CMYK - 69, 62, 61, 53 RGB - 37, 46, 47 ASCII - #252e2f MKNAVY: CMYK - 78, 23, 10, 78 RGB - 12, 43, 50 ASCII - #0c2b32 // ---- olive - tarolas MKOLIVE: CMYK - 10, 0, 23, 78 RGB - 50, 56, 43 ASCII - #70ac90 // ---- olive - olajcsere MKPOISON: CMYK - 78, 10, 78, 78 RGB - 12, 50, 12 ASCII - #ac9070 MKLGREY: CMYK - 14, 10, 11, 0 RGB - 217, 217, 217 ASCII - #d9d9d9 MKBGGREY: CMYK - RGB - 238, 238, 238 ASCII - #eeeeee MKMGREY: CMYK - 68, 61, 60, 47 RGB - 64, 64, 64 ASCII - #404040 MKWHITE: CMYK - RGB - 238, 238, 238 ASCII - #eeeeee MKBLACK: CMYK - RGB - 17, 17, 17 ASCII - #111111 // ---- bluemuh - muhely MKBLUEMUHELY: CMYK - RGB - ASCII - #38c4e6 :root{ --mkbluelogo:#1774a8; --mklogoblue:#1774a8; --mklogobluelight:#6ecbff; --mkblue:#38c4e6; --mkgreen:#9ac700; --mkyellow:#e6c438; --mkorange:#b13232; --mknavy:#0c2b32; --mkdblue:#084d5d; --mkolive:#ac9070; --mkpoison:#0c320c; --mkgrey:#252e2f; --mklgrey:#d9d9d9; --mkmgrey:#404040; --mkmmgrey:#a5a5a9; --mkbggrey:url(/media/design/noise.png) repeat #eeeeee; --mkwhite:#eeeeee; --mkwhitem:#ffffff; --mkmwhite:#ffffff; --mkdwhite:#cccccc; --mkblack:#111111; --mklogoblueblur:rgba(23, 116, 168, 0.4); --mklogoblueblursearch:rgba(23, 116, 168, 0.8); --mkwhiteblur:rgba(238, 238, 238, 0.4); --mkblackblur:rgba(17, 17, 17, 0.7); --mkgreyblur:rgba(37, 46, 47, 0.4); --mklgreyblur:rgba(217, 217, 217, 0.4); --mkmgreyblur:rgba(64, 64, 64, 0.4); --mkmmgreyblur:rgba(64, 64, 64, 0.4); --mkblueblur:rgba(56, 196, 230, 0.4); --mkyellowblur:rgba(230, 196, 56, 0.4); --mkgreenblur:rgba(154, 199, 0, 0.4); --mkorangeblur:rgba(177, 50, 50, 0.4); --mkoliveblur:rgba(50, 56, 43, 0.4); --mkpoisonblur:rgba(12, 50, 12, 0.4); --mknavyblur:rgba(12, 43, 50, 0.4); } */ /*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-family: Helvetica, Sans-Serif, Calibri; margin: 0; padding: 0; border: 0; font:inherit; font-size: 100%; vertical-align: baseline; background:#ff0000; max-width:100%;}*/ div, img, a {margin: 0; margin-top: 0px; margin-bottom: 0px; padding: 0; border:0px; font-size: 100%; font: inherit; line-height: inherit; vertical-align: baseline; /*width: 100%;*/} .footerMaklerlogo {max-width:210px;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html, body { overflow-x:hidden; position:relative; width:100%; } body { max-width:100%; overflow-x:hidden; box-sizing: border-box; /* padding/margin ne növelje túl a szélességet */ min-width: 0; /* flex gyerekeknél fontos mobilon */ word-break: break-word; /* hosszú szavak törése */ overflow-wrap: break-word; /* biztonsági törés, ha word-break nem elég */ line-height: 19px; background: #ffffff; font-size: 16px; font-family: Helvetica, sans-serif, Calibri; color: #454545; -webkit-font-smoothing: antialiased; border:0px; margin:0px; padding:0px; } body .page-wrapper-one { background-color:#ffffff; width:100%;} body .page-wrapper { background-color:#ffffff; filter:alpha(opacity=100); opacity:1.00;} .twenty {width:20% !important;} .container, .container-one { position: relative; width: auto; margin: 0px 20px 0px 20px;} .container-one { padding-top:6px; position:relative; z-index:10;} .container .column, .container .columns { float: left; display:block;} .header-title-one { width:99%; position:relative; min-width:320px; z-index:1;} .container.header {width:100%;} .whole.column { width: 100%; margin:0px;} .container .sixteen.columns.infolista {width:100%;} .termekinfo { border:1px solid #aaa; border-radius:5px; margin-top: 10px; margin-bottom: 10px; padding-top:10px; padding-bottom: 10px; padding-left:10px; } .infoblokk{ transition-property:opacity; transition-duration:1s; transition-timing-function:linear; transition-delay:0s; } .centro{ width:100%; text-align:center; } .body .blog .info { margin:7px 0 15px 0; padding:6px 0 7px 0; border-top:1px solid #e7e6e6; border-bottom:1px solid #e7e6e6; font-size:13px; color:#999999; height:18px; vertical-align:middle; } .body .blog .info span {color:#e7e6e6;} p.note.info { background:url(/media/design/icons/info_button_32.png) no-repeat #e5f7ff; background-position:15px 15px; border-color:#5ac8f1; } .body .blog.style-4 .info {padding:2px 0 3px 0;margin:0 5px 5px 0;} .body .portfolio.info .item {float:none;width:100%;position:relative;padding:0 0 20px 0;margin:0 0 20px 0;} .body .portfolio.info .item .img {margin:0 20px 0 0;float:left;display:block;position:relative;z-index:10000;} .body .portfolio.info .item .grey .img {margin:0 20px 0 0;float:left;display:block;position:relative;z-index:10000;} .body .portfolio.info .item .img img {background-color:#efefef !important;border:1px solid #e5e5e5;} .body .portfolio.info .item .description {margin:0;float:right;} .body .portfolio.info .item h5 {font-size:16px;font-weight:600;line-height:20px;margin-bottom:12px;} .body .portfolio.info .item-kat h5 {font-size:16px;font-weight:600;line-height:20px;margin-bottom:12px;} .scale-with-grid.cpointer {cursor:pointer !important;} .ZoomImg {display:none; width:85%; position:absolute; top:-150px; left:50px; padding:25px 25px 10px 25px; overflow:hidden; background-image:url(/media/design/icon-x.png); background-position:top right; background-repeat:no-repeat; border: 3px solid #1774a8; border-radius:10px; background-color:#ffffff; outline:#d4d4d4; outline-width:20px; outline-style:solid; z-index:1; box-shadow:15px 15px 20px 3px black; transition-delay:1s;} h4.koremail { font-size:28px; line-height:40px; margin-bottom:4px; text-align:left; font-weight:100; } .rendeles-kiszallitas { font-family:sans-serif; inherit:none; position:relative; background:#ffffff; color:#ffffff; padding-right:5px; border:none !important; } .kiszallitas-doboz { width:98%; border:1px solid #1774a8; } .kiszallitas-doboz p { font-family:sans-serif; color:#1774a8; display: inline-block; vertical-align:middle; padding-left:10px; } .kiszallitas-doboz-img { display:block; float: left !important; border:none !important; padding-right:15px !important; } .warning-rendeles { inherit:none; position:relative; display:block; background:#ffffff; color:#ffffff; padding-right:15px; text-align:left; margin:none; border:none; float:left; } h3.kiszallitas { font-family: sans-serif; color:#b13232; line-height:30px; font-size:20px; text-align:left; } h3.ingyeneskiszallitas { font-family: sans-serif; color:#9ac700; line-height:30px; font-size:20px; text-align:left; } .container .one-third.column { width: 25%;} .container .two-thirds.column { width: 70%;} .container .half.column.left { width: 49%; float:left; margin:0px;} .container .half.column.right { width: 49%; margin:0px;} .containercenturion { margin:auto;} .column.alpha, .columns.alpha { margin-left: 0;} .container .sixteen.columns {width:100%;} .space20 { margin: 20px 0px 20px 0px; } .space30 { margin: 30px 0px 30px 0px; } .space40 { margin: 40px 0px 40px 0px; } .space50 { margin: 50px 0px 50px 0px; } .header { width:100%; position:relative; min-width:320px; z-index:99999; } .header .logo { max-width:298px; width:298px; margin:0; position:relative; top:7px; padding:0; left:-12px; top:0px; float:left;} .header .logo img { width:298px; height:52px; top:0px; position:relative;} .header .logomini { max-width:247px; width:121px; margin:0; position:relative; top:5px; padding:0; left:0px; float:left; } .header .logominis { max-width:247px; margin:0; cursor:pointer; position:relative; top:-2px; padding:0; left:-12px; float:right; } .header .logominis img { width:70px; top:-4px; position:relative; } .header .logomini img { width:121px; top:-4px; position:relative; } .header .nav { background-color:#1774a8; height:75px; width:100%; margin:auto; border-bottom:1px solid #252e2f; border-top:1px solid #252e2f; margin-bottom:15px; z-index:99999; position:relative; box-shadow: 0 4px 8px #252e2f;} .header .nav a {position:relative;line-height:0;} .header .nav .standard { position:relative; z-index:10; display:block; width:100%; } .header .nav .mini { display:none; } .header .nav .mini .logo { float:left; margin:auto; text-align:center; } .header .nav .mini .logo {max-width:176px;top:2px;position:relative;} .header .nav .mini .logo img {width:100%;top:0px;position:relative;} .header .nav .mini .logo img { width:auto; height:auto; margin:auto; text-align:center; } .header-info{width:100%; height:auto;margin: 0px 0px 0px 0px; position:relative;top:-10px;} .header-info h3{ width:100%; text-align:right; margin:0 auto 5px 0px; position:relative; top:0px; font-size:16px; font-weight:600; color:#252e2f; text-transform:uppercase; z-index:99999; } .header.container { position:relative; background-color:#ffffff; margin:0px; padding-top:6px; z-index:10; } .kapcsolat1{ padding:2px 5px 2px 5px; margin:10px 10px 0px 0px; float:right; background-color:#b13232; border:1px solid #111111; border-radius:5px; color:#eeeeee; cursor:pointer; width:23%; } .kapcsolat3{ padding:2px 5px 2px 5px; margin:10px 20px 0px 0px; float:right; background-color:#9ac700; border:1px solid #111111; border-radius:5px; color:#eeeeee; cursor:pointer; width:22%; } .kapcsolat3 {display:none;} .kapcsolat2{ padding:2px 5px 2px 5px; margin:10px 0px 0px 0px; float:right; border:1px solid #111111; border-radius:5px; background-color:#1774a8; color:#eeeeee; cursor:pointer; width:23%; } .sheader-info{display:none;} .indexudv {text-align:center; width:70%; margin:auto;} .indexudvbox {background:RGBA(37, 46, 47, 0.5); border:1px solid #252e2f; padding-top:30px; padding-bottom:20px; width:100%; align:center; text-align:center; border-radius:20px;} .indexudvboxkaracsony {background:RGBA(37, 46, 47, 0.5); border:1px solid #252e2f; padding-top:30px; padding-bottom:20px; width:100%; align:center; text-align:center; border-radius:20px;} .indexheadline{color:#fdfdfd; font-size:4em; font-weight:600; line-height:80px;letter-spacing:5px;} .indexlead{color:#ffffff;} .indexheadlinebg{width:100%; height:600px; min-height:500px; overflow:hidden; align-items:center; justify-content:center; display:flex; background:url(/media/design/2020-tavasz-web-genius-tools-b.webp); background-repeat:no-repeat; background-position: right bottom; max-width:calc(100% + 15px); --postwidth:50%; background-size:cover; border-radius:20px;} /* BLACK FRIDAY .indexheadlinebg{width:100%; height:600px; min-height:500px; overflow:hidden; align-items:center; justify-content:center; display:flex; background:url(/media/design/black-friday_web2.png); background-repeat:no-repeat; background-position: right bottom; max-width:calc(100% + 15px); --postwidth:50%; background-size:cover;} */ /*.indexheadlinebg{width:100%; height:600px; min-height:500px; overflow:hidden; align-items:center; justify-content:center; display:flex; background:url(/media/design/christmas_2025.jpg); background-repeat:no-repeat; background-position: right top; max-width:calc(100% + 15px); --postwidth:50%; background-size:cover;}*/ .indexheadlinegrey{text-align:center; width:70%; margin:auto;} /* .indexlogo {width:596px; height:100px;} */ .indexlogo {width:50%; margin-top:15px; margin-bottom:15px;} .indexudvtxt {width:95%;} .indexpro {width:50%;float:left;} .indexprobg {width:50%; height:400px; margin:auto; float:right; background-image:url('/media/design/production-2.jpg'); min-height: 100%; background-repeat: no-repeat; background-attachment: scroll; background-position: top; background-size: cover;} .indexprotxt {width:90%; margin:auto;padding-top:80px; padding-bottom:20px; min-height:100px;} .indexipa {width:50%;float:right; padding-top:80px;} .indexipatxt {width:90%; margin:auto;padding-top:30px; padding-bottom:20px; min-height:100px;} .indexipabg {width:50%; height:400px; margin:auto; float:left; background-image:url('/media/design/400500_4.jpg'); min-height: 100%; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: cover;} .indexipafrm {width:100%; height:400px; margin:auto; padding-top:0px; padding-bottom:0px; min-height:100px; text-align:center; background-color:#d9d9d9; border:1px solid #252e2f; border-right:0px; border-left:0px;} .indeximp {width:50%; float:right;} .indeximpbg {width:50%; height:500px; margin:auto; float:left; background-image:url('/media/design/master-sets.jpg'); min-height: 100%; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; background-size: 200%;} .indeximptxt {width:60%; margin:auto;} .indeximpfrm {width:100%; height:500px; margin:auto; padding-top:0px; padding-bottom:0px; min-height:100px; border:1px solid #252e2f; border-left:0px; text-align:center; border-right:0px; background-color:#1774a8;} .indeximpspacer {height:30px; padding-top:80px;} .indexor {width:50%; float:left;background-color:#d9d9d9; overflow:hidden;} .indexortxt {width:90%; margin:auto;} .indexorbg {width:100%; margin:auto; padding-top:0px; padding-bottom:0px; min-height:100px; border:1px solid #252e2f; border-left:0px; text-align:center; border-right:0px; background-color:#d9d9d9; background-image:url('/media/design/terkep-partnerek.png'); min-height: 100%; background-repeat: no-repeat; background-attachment: scroll; background-position: right; background-size: contain; overflow:hidden;} .indexor3 {width:90%; margin:auto; overflow:hidden; padding-bottom:20px;} .indexor4 {width:50%; min-height:500px; margin:auto; float:right;} .indexor5 {height:30px; padding-top:80px;} .indexor6 {width:50%; height:500px; margin:auto; float:right;} .indexor7 {height:60px;} .indexbov {width:50%; float:right; height:auto; background-color:#1774a8;} .indexbovtxt {width:90%; margin:auto; margin-bottom:40px;} .indexbov4 {width:50%; min-height:500px; margin:auto; float:left;} .indexbovbg {width:100%; min-height:500px; margin:auto; padding-top:0px; padding-bottom:0px; border:1px solid #252e2f; border-left:0px; text-align:center; border-right:0px; background-image:url('/media/design/impact-sockets.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: cover; overflow:hidden;} .indexbov3 {width:95%; margin:auto; overflow:hidden; padding-bottom:15px;} .indexbov5 {visibility:hidden; min-height:20px; max-height:20px; padding:20px;} .indexverbg {display:flex; height:fit-content; width:100%; min-height:500px; margin:auto; padding-top:0px; padding-bottom:0px; border:1px solid #252e2f; border-left:0px; text-align:center; border-right:0px; background-color:#d9d9d9; background-image:url('/media/design/szerszam-szerviz-ikon.png'); background-repeat: no-repeat; background-attachment: scroll; background-position:right; background-size: contain;} .indexver {width:50%; float:left; background-color:#d9d9d9;} .indexvertxt {width:80%; margin:auto; height:auto;} .center{ text-align: center; } .x {position:relative; top:0; right:0; width:36px; float:left; z-index:999999;} .o3Filter {display:flex; height:1px; background-color:#252e2f; width:100%; margin-bottom:10px; border-radius:5px;border:0px solid #252e2f; transition:all .4s; z-index:10; position:relative;top:-2px; text-align:center;} .o3FilterContent {display:none; height:auto; width:22%; transition:all .8s; float:left;} .o3FilterContentIKON {display:none; height:auto; width:35%; transition:all .8s; float:left;} .o3FilterContentAtmeneti {display:none; height:auto; width:20%; transition:all .8s; float:left; border:1px solid #1774a8;} .filteratmeneti {background-color:rgba(23, 116, 168, .6); border-color:#252e2f; border-width:1px; border-style:solid; border-radius:5px; margin:5px; color:#eeeeee !important; padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px; word-wrap:none; line-height:30px;} .filteratmeneti.active {background-color:rgba(23, 116, 168, .9); color:#252e2f;} .filteratmenetiRED {background-color:#a87414; border-color:#252e2f; border-width:1px; border-style:solid; border-radius:5px; margin:5px; color:#eeeeee !important; padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px; word-wrap:none; line-height:30px;} .filteratmenetiRED.active {background-color:#a87414; color:#252e2f;} .o3FilterContentMain {display:none; height:auto; transition:all .8s; float:left; transition:all 0.8s;} .o3FilterContentMid {display:none; height:auto; width:100%; transition:all .8s; float:left; overflow:hidden; word-wrap:none;} .o3FilterContentSub {display:none; height:auto; width:100%; transition:all .8s; float:left; overflow:hidden; word-wrap:none;} .o3FilterKategory.atmeneti {border:1px solid #1774a8; color:#d4d4d4;margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3FilterKategory.kezi {color:#1774a8; cursor:pointer;} */ .o3FilterKategory.kezi {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategory.kezi:hover {background-color:#1774a8; color:#d4d4d4;margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.kezi {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.keziRED {background-color:#a87414; color:#d4d4d4; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.kezi:hover {background-color:#1774a8; color:#d4d4d4; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3FilterKategory.emeles {color:#9ac700; cursor:pointer;} */ .o3FilterKategory.emeles {background-color:#d4d4d4; color:#252e2f;margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategory.emeles.active {background-color:#252e2f; color:#9ac700;margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategory.emeles:hover {color:#252e2f; background-color:#9ac700;margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.emeles {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.emelesRED {background-color:#a87414; color:#d4d4d4; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.emeles:active {background-color:#252e2f; color:#9ac700; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.emeles:hover {background-color:#9ac700; color:#454e4f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3FilterKategory.legtechnika {color:#e6c438; cursor:pointer;} */ .o3FilterKategory.legtechnika {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategory.legtechnika:hover {background-color:#e6c438; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.legtechnika {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.legtechnikaRED {background-color:#a87414; color:#d4d4d4; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.legtechnika:hover {background-color:#e6c438; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3FilterKategory.autoipar {color:#b13232; cursor:pointer;} */ .o3FilterKategory.autoipar {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategory.autoipar:hover {color:#d4d4d4; background-color:#b13232; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.autoipar {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.autoiparRED {background-color:#a87414; color:#d4d4d4; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.autoipar:hover {background-color:#b13232; color:#d4d4d4; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3FilterKategory.olajcsere {color:#252e2f; cursor:pointer;} */ .o3FilterKategory.olajcsere {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategory.olajcsere:hover {background-color:#252e2f; color:#d4d4d4; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.olajcsere {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.olajcsereRED {background-color:#a87414; color:#d4d4d4; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.olajcsere:hover {color:#d4d4d4; background-color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3FilterKategory.muhely {color:#38c4e6; cursor:pointer;} */ .o3FilterKategory.muhely {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategory.muhely:hover {background-color:#38c4e6; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.muhely {background-color:#d4d4d4; color:#252525; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.muhelyRED {background-color:#a87414; color:#d4d4d4; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.muhely:hover {background-color:#38c4e6; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3FilterKategory.tarolas {color:#0c320c; cursor:pointer;} */ .o3FilterKategory.tarolas {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategory.tarolas:hover {background-color:#70ac90; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.tarolas {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.tarolasRED {background-color:#a87414; color:#d4d4d4; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterKategorySub.tarolas:hover {color:#252e2f; background-color:#70ac90; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3FilterBtn {width:30%; cursor:pointer; border:1px solid #252e2f; border-radius:5px; border-bottom:0px;background-color:#d4d4d4; margin:auto; padding:5px; z-index:20; position:relative;} .o3FilterBtn:hover {background-color:#dddddd;} .FilterMid {display:none; width:20px; min-height:100px; float:left; border:1px solid #252e2f; border-radius:10px;margin:10px 0px 0px -25px; overflow:hidden; padding:0px 15px 10px 15px; transition:all 0.8s;} .FilterMain {display:none; width:25%; min-height:100px; float:left; background-color:#999999; border:1px solid #252e2f; border-radius:10px; margin:10px; overflow:hidden; padding:0 15px 10px 15px; transition:all 0.8s;} .FilterSub {display:none; width:20px; min-height:100px; float:left; border:1px solid #252e2f; border-radius:10px;background-color:#d4d4d4; margin: 10px; padding:0px 15px 0px 15px; transition:all 0.8s;} .cp { width:100%; height:400px; min-height:50px; border:1px solid #252e2f; border-left:0px; text-align:center; border-right:0px; background-color:#1774a8;} .marka {overflow:hidden; max-height:119px; max-width:211px;} .markadoboz {width:20%; float:left; overflow:hidden; padding:10px 15px 10px 15px; border:1px solid #1774a8; border-radius:5px; margin:0px 20px 20px 0px; max-height:120px; max-width:250px;} .markadobozgrey {width:20%; float:left; overflow:hidden; padding:10px 15px 10px 15px; border:1px solid #1774a8; border-radius:5px; margin:0px 20px 20px 0px; max-height:120px; max-width:250px; background:#d9d9d9;} body .slug-pattern2 { width:100%; position:absolute; z-index:1; min-width:340px;} body .slider-expand.slug-pattern {height:650px;} body .overlay {background-color:#eeeeee; height:100%; width:100%; position:absolute; z-index:5; } .slug-pattern2, .slug-pattern2.slider-expand {max-width:100%;min-width:320px;} .KATSZURES {display:none;} .KATSZURO {cursor:pointer; color:#1774a8;} a.medium-button-cookie { background: url(/media/design/button-cut-cookie.png) no-repeat scroll top right #404040; display: block; float: right; text-decoration:none !important; height: 36px; padding-right: 8px; text-decoration: none; margin-top:25px; margin-bottom:5px; margin-right:5px; } a.medium-button-cookie span { background: url(/media/design/button-body-cookie.png) no-repeat #404040; display: block; line-height: 26px; padding:5px 19px 5px 22px; font-weight:bold; font-size:13px; color:#ffffff;} a.medium-button, a.button.color,a.big-button { display: block; float: left; text-decoration:none !important; height: 36px; padding-right: 8px; text-decoration: none; margin-bottom:5px; border-radius:5px; } a.button.loadmore { display: block; float:left; text-decoration:none !important; text-align:center; padding:20px; text-decoration: none; margin-bottom:15px; border-radius:10px; background-color:#1774a8; color:#d4d4d4; width:200px; cursor:pointer;} a.button.loadmore:hover { background-color:rgba(23, 116, 168, 0.6); color:#404040; width:200px; cursor:pointer;} .to-top { opacity:0.6;position:fixed; bottom:20px; right:15px; transition:all 0.6s; background:url('/media/design/icon-top.png'); background-repeat:none; cursor:pointer;z-index:99999; width:36px;height:36px;display:none;} .to-top:hover { opacity:1; cursor:pointer;} a.big-button-active { display: block; float: left; text-decoration:none !important; height: 36px; padding-right: 8px; text-decoration: none; margin-bottom:5px; border-radius:5px; } a.full-button { background: url(/media/design/button-cut.png) no-repeat scroll top right #404040; font-size: 18px; display: block; text-decoration:none !important; height: 36px; padding-right: 8px; text-align: center; margin-bottom:5px; } a.full-button span { background: url(/media/design/button-body.png) no-repeat #404040; display: block; line-height: 26px; padding:5px 19px 5px 22px; font-weight:bold; font-size:18px; color:#ffffff; } a.medium-button span, a.button.color span, a.big-button span { background:#404040; display: block; line-height: 26px; border-radius:5px; font-weight:bold; font-size:13px; color:#ffffff; } a.big-button-active span { background:#1774a8; display: block; line-height: 26px; font-weight:bold; font-size:13px; color:#ffffff; } a.medium-button-index { background: url(/media/design/button-cut.png) no-repeat scroll top right #b13232; display: block; float: left; text-decoration:none !important; height: 36px; padding-right:17px; text-decoration: none; margin-bottom:5px; top:-55px; overflow:hidden; z-index:99999; } a.medium-button-index:active, a.medium-button-index:active span, a.medium-button-index:hover, a.medium-button-index:hover span {background-color:#1774a8;} a.medium-button-index:active { background-position:bottom right;} a.medium-button-index:active span { background-position:bottom left;} a.medium-button-index span { position:relative; background: url(/media/design/button-body.png) no-repeat #e6c438; display: block; line-height: 26px;font-weight:bold; font-size:13px; color:#eeeeee; top:13px; overflow:hidden; z-index:99999; padding-left:15px; } a.big-button { height:51px; padding-right:6px; } a.big-button-active { height:51px; padding-right:6px; } a.big-button span { background:#404040; line-height:50px; font-size:19px !important; color:#ffffff !important; font-weight:600 !important; border:none !important; font-style:normal; } a.big-button-active span { background:#1774a8; line-height:50px; font-size:19px !important; color:#ffffff !important; font-weight:600 !important; border:none !important; font-style:normal; border-radius:5px; } /* For Javascript */ a.big-button:active,a.big-button:active span,a.big-button:hover,a.big-button:hover span, a.medium-button:active,a.medium-button:active span,a.medium-button:hover,a.medium-button:hover span {background:#1774a8;} a.full-button:active, a.full-button:active span, a.full-button:hover, a.full-button:hover span {background:#1774a8;} a.medium-button-cookie:active,a.medium-button-cookie:active span,a.medium-button-cookie:hover,a.medium-button-cookie:hover span {background-color:#1774a8;} a.big-button:active,a.medium-button:active { background-position:bottom right;} a.big-button:active span,a.medium-button:active span, a.full-button:active span {background-position:bottom left;} a.button.small:active span { background-position: bottom left;} a.button.color { background: transparent url(/media/design/buttons/cbutton-denim-blue-cut.png) no-repeat scroll top right;padding-right: 4px;height:22px; } a.button.color span { background: transparent url(/media/design/buttons/cbutton-denim-blue.png) no-repeat; height:12px; line-height:10px; padding:6px 12px 4px 16px; color:#f8f8f8; font-style:normal; text-shadow: 0px 1px 1px #333333; } a.button.color:hover { background-position:bottom right;} a.button.color:hover span { background-position:bottom left;} a.button-cookie.color { background: url(/media/design/button-cut.png) no-repeat scroll top right #404040; display: block; float: right; text-decoration:none !important; height: 36px; padding-right: 8px; text-decoration: none; margin-bottom:5px; margin-top:30px; margin-right:10px; } a.button-cookie.color span { background: url(/media/design/button-body.png) no-repeat #404040; display: block; line-height: 26px; padding:5px 19px 5px 22px; font-weight:bold; font-size:13px; color:#ffffff; } a.button-cookie.color { background: transparent url(/media/design/buttons/cbutton-denim-blue-cut.png) no-repeat scroll top right;padding-right: 4px;height:22px; } a.button-cookie.color span { background: transparent url(/media/design/buttons/cbutton-denim-blue.png) no-repeat; height:12px; line-height:10px; padding:6px 12px 4px 16px; color:#f8f8f8; font-style:normal; text-shadow: 0px 1px 1px #333333; filter: dropshadow(color=#333333, offx=0, offy=1); } a.button-cookie.color:hover { background-position:bottom right;} a.button-cookie.color:hover span { background-position:bottom left;} a.medium-button span { padding-right:14px !important;padding-left:22px;} p.note, p.note.success { background:url(/media/design/icons/check_32.png) no-repeat #f2ffe8; background-position:10px 15px; border:1px solid #97ff4c; -webkit-border-radius: 5px; border-radius: 5px; padding:20px 25px 20px 55px; margin-bottom:2px; width:93%; } p.note.info { background:url(/media/design/icons/info_button_32.png) no-repeat #e5f7ff; background-position:15px 15px; border-color:#5ac8f1; } p.note.warning { background:url(/media/design/icons/warning_32.png) no-repeat #fffadc; background-position:15px 15px; border-color:#ffd858; } p.note.warning.center { background:url(/media/design/icons/warning_32.png) no-repeat #ffdadc; background-position:15px 15px; border-color:#ff8858; text-align:center; } p.note.error { background:url(/media/design/icons/close_32.png) no-repeat #ffe4e4; background-position:15px 15px; border-color:#ffa0a0; } .bold { font-weight:bold !important;} .remove-bottom { margin-bottom: 0 !important; } .remove-top { margin-top: 0 !important;} .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } .right {float:right !important;} .right.40.menubg {float:right !important; width:30%;} .left {float:left !important;} .sixty {width:58% !important;} .twenty {width:20% !important;} .fourteen {width:14% !important;} .fourteenMob100 {width:14% !important;} .relative {position:relative !important;} .absolute {position:absolute !important;} .bold {font-weight:bold !important;} .overh {overflow:hidden;} .right.fourty {float:right; width:40%;} .right.thirty {float:right; width:29%;} .scroll-logo {float:left; margin:0px;display:none;padding:0px;position:relative;top:0px;width:auto;} .main {float:right; width: 40%; height: 38px; margin-top:10px; z-index:9999999; } ul, ol { margin-bottom: 20px; } ol, ul { list-style: none; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 12px; } ul.footermenu { font-family: Helvetica, sans-serif, Calibri; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; width:80%;} ul.footermenu { line-height: 18px; margin-bottom: 5px; color:#1774a8;} ul.footermenu li { line-height: 18px; margin: 0px; color:#1774a8;} ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } a, a:visited { color: #3aa9d2; text-decoration: none; outline: 0; } a.o3Menu { color:#eeeeee; text-shadow: 1px 1px 2px #000000; } a.o3Menu:visited { color:#eeeeee; } a.o3Menu:hover { color:#e6c438; } a.o3Menu:active { color:#b13232; } .kozep {text-align:center;} h1, h2, h3, h4, h5, h6 { color: #404040; font-weight: normal; } h1.koremail, h2.koremail, h3.koremail, h4.koremail, h5.koremail, h6.koremail { color: #1774a8; font-family: sans-serif; font-weight: normal; } h1.koremail{ font-size:30px; color:#1774a8; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { line-height:60px; color:#1774a8; font-weight:600; } /* -- removed on the 21th of March 2025 -- h1 strong.blue { line-height:60px; color:#1774a8; -webkit-text-stroke:1px #252e2f; font-weight:600; } h1 strong.green { line-height:60px; color:#9ac700; -webkit-text-stroke:1px #252e2f; font-weight:600; } h1 strong.yellow { line-height:60px; color:#e6c438; -webkit-text-stroke:1px #252e2f; font-weight:600; } h1 strong.orange { line-height:60px; color:#b13232; -webkit-text-stroke:1px #252e2f; font-weight:600; } --*/ /* h1 strong.poison { line-height:60px; color:#0c320c; -webkit-text-stroke:1px #252e2f; font-weight:600; } */ /* -- removed on the 21th of March 2025 -- h1 strong.poison { line-height:60px; color:#ac9070; -webkit-text-stroke:1px #252e2f; font-weight:600; } h1 strong.olive { line-height:60px; color:#ac9070; -webkit-text-stroke:1px #252e2f; font-weight:600; } h1 strong.bluemuh { line-height:60px; color:#38c4e6; -webkit-text-stroke:1px #252e2f; font-weight:600; } h1 strong.navy { line-height:60px; color:#70ac90; -webkit-text-stroke:1px #252e2f; font-weight:600; } -- */ h1 { font-size: 60px; line-height: 60px; margin-bottom: 14px;} h2 { font-size: 3.5em; line-height: 55px; margin-bottom: 10px; } h2.price { font-size: 40px; line-height: 46px;} h3 { font-size: 76px; line-height: 32px; margin-bottom: 8px; font-weight:600; } h3.o3Menu { font-size: 26px; line-height: 2px; margin-top: 0px; margin-bottom:30px; margin-left:15px; font-weight:600;} h4 { font-size: 34px; line-height: 34px; margin-bottom: 4px; } h5 { font-size: 18px !important; line-height: 24px; } h5.semi {font-weight:600;margin-bottom:6px;} h4.semi {font-weight:900;margin-bottom:9px;} h4.semi.error {font-weight:900;margin-bottom:9px;color:#b13232;} h6 { font-size: 18px; line-height: 21px; } .body .portfolio.standard .item h5,.body .portfolio.standard .item p,.body .portfolio.standard .item a {color:#1774a8;text-align:center;line-height:20px;margin:0;} /* .prodnamelist h5.kezi {color:#1774a8 !important;} */ /* .prodnamelist h5.kezi:hover {color:#404040 !important;} */ /* .prodnamelist:hover + h5.kezi {color:#404040 !important;} */ /* .prodnamelist h5.emeles {color:#1774a8;} */ /* .prodnamelist h5.emeles:hover {color:#404040;} */ /* .prodnamelist h5.legtechnika {color:#1774a8;} */ /* .prodnamelist h5.legtechnika:hover {color:#404040;} */ /* .prodnamelist h5.autoipar {color:#1774a8;} */ /* .prodnamelist h5.autoipar:hover {color:#404040;} */ /* .body .portfolio.standard .item.emeles h5,.body .portfolio.standard .item p,.body .portfolio.standard .item a {color:#9ac700;text-align:center;line-height:20px;margin:0;} */ /* .body .portfolio.standard .item.legtechnika h5,.body .portfolio.standard .item p,.body .portfolio.standard .item a {color:#e6c438;text-align:center;line-height:20px;margin:0;} */ /* .body .portfolio.standard .item.autoipar h5,.body .portfolio.standard .item p,.body .portfolio.standard .item a {color:#b13232;text-align:center;line-height:20px;margin:0;} */ /* .body .portfolio.standard .item.kenestechnika h5,.body .portfolio.standard .item p,.body .portfolio.standard .item a {color:#ac9070;text-align:center;line-height:20px;margin:0;} */ /* .body .portfolio.standard .item.muhelyfelszereles h5,.body .portfolio.standard .item p,.body .portfolio.standard .item a {color:#38c4e6;text-align:center;line-height:20px;margin:0;} */ /* .body .portfolio.standard .item.szerszamtarolas h5,.body .portfolio.standard .item p,.body .portfolio.standard .item a {color:#70ac90;text-align:center;line-height:20px;margin:0;} */ .body .portfolio.standard .itemfo h5,.body .portfolio.standard .itemfo p,.body .portfolio.standard .itemfo a {color:#4c4c4c;text-align:center;line-height:20px;margin:0;} .body .portfolio.standard .item h5 {font-size:14px;margin:13px 0 0 0;} .body .portfolio.standard .itemfo h5 {font-size:14px;margin:13px 0 0 0;} h5.bruttoar{font-size:12px !important; line-height:14px !important; margin:0px !important;} .bruttoar{font-size:12px !important; line-height:14px !important; margin:0px !important;} font.oldprice{font-size:12px !important; line-height:14px !important; margin:0px !important;} .body .callout h4 { font-weight:bold; font-style:normal; } .body .callout span { padding-bottom:2px; color:#1774a8;} .body .callout.standard h4 { font-weight:600; font-size:22px; font-style:normal; } h5.prodlist {color:inherit;} h4.keziszerszam {color:#1774a8;} h4.emelestechnika {color:#9ac700;} h4.legtechnika {color:#e6c438;} h4.autoipar {color:#b13232;} h4.kenestechnika {color:#ac9070;} h4.muhelyfelszereles {color:#38c4e6;} h4.szerszamtarolas {color:#70ac90;} h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { line-height:60px; color:#1774a8; font-weight:600; } h1 strong.blue { line-height:60px; color:#1774a8; -webkit-text-stroke:1px #252e2f; font-weight:600; } h1 strong.green { line-height:60px; color:#9ac700; -webkit-text-stroke:1px #252e2f; font-weight:600; } h1 strong.yellow { line-height:60px; color:#e6c438; -webkit-text-stroke:1px #252e2f; font-weight:600; } h1 strong.orange { line-height:60px; color:#b13232; -webkit-text-stroke:1px #252e2f; font-weight:600; } h1 strong.poison { line-height:60px; color:#ac9070; -webkit-text-stroke:1px #252e2f; font-weight:600; } h1 strong.bluemuh { line-height:60px; color:#0c320c; -webkit-text-stroke:1px #252e2f; font-weight:600; } h1 strong.olive { line-height:60px; color:#ac9070; -webkit-text-stroke:1px #252e2f; font-weight:600; } h1 strong.kezi { line-height:60px; color:#1774a8; -webkit-text-stroke:1px #252e2f; font-weight:600;} h1 strong.emeles { line-height:60px; color:#9ac700; -webkit-text-stroke:1px #252e2f; font-weight:600;} h1 strong.legtechnika { line-height:60px; color:#e6c438; -webkit-text-stroke:1px #252e2f; font-weight:600; } h1 strong.autoipar { line-height:60px; color:#b13232; -webkit-text-stroke:1px #252e2f; font-weight:600; } /* h1 strong.poison { line-height:60px; color:#0c320c; -webkit-text-stroke:1px #252e2f; font-weight:600; } */ h1 strong.olajcsere { line-height:60px; color:#ac9070; -webkit-text-stroke:1px #252e2f; font-weight:600; } h1 strong.olive { line-height:60px; color:#ac9070; -webkit-text-stroke:1px #252e2f; font-weight:600; } h1 strong.muhely { line-height:60px; color:#38c4e6; -webkit-text-stroke:1px #252e2f; font-weight:600; } h1 strong.tarolas { line-height:60px; color:#70ac90; -webkit-text-stroke:1px #252e2f; font-weight:600; } p { margin: 0 0 20px 0; line-height:19px; } blockquote, q { quotes: none; } blockquote { font-size:16px; font-weight:600; font-style:normal; color:#686868; line-height:17px; margin-bottom:20px; } blockquote.standard { text-align:center; width:95%; font-size:15px; line-height:22px; margin:auto; margin-top:11px; margin-bottom:11px; text-shadow: 0px 1px 1px #ffffff; } a h4.MenuH4kezi:hover {background-color:#1774a8; border-radius:5px;color:#d4d4d4;} a h4.MenuH4kezi.active {background-color:#1774a8; border-radius:5px;color:#d4d4d4;} a h4.MenuH4emeles:hover {background-color:#9ac700; border-radius:5px;color:#252e2f;} a h4.MenuH4emeles.active {background-color:#9ac700; border-radius:5px;color:#252e2f;} a h4.MenuH4legtechnika:hover {background-color:#e6c438; border-radius:5px;color:#252e2f;} a h4.MenuH4legtechnika.active {background-color:#e6c438; border-radius:5px;color:#252e2f;} a h4.MenuH4autoipar:hover {background-color:#b13232; border-radius:5px;color:#d4d4d4;} a h4.MenuH4autoipar.active {background-color:#b13232; border-radius:5px;color:#d4d4d4;} a h4.MenuH4olajcsere:hover {background-color:#ac9070; border-radius:5px;color:#d4d4d4;} a h4.MenuH4olajcsere.active {background-color:#ac9070; border-radius:5px;color:#d4d4d4;} a h4.MenuH4tarolas:hover {background-color:#70ac90; border-radius:5px;color:#252e2f;} a h4.MenuH4tarolas.active {background-color:#70ac90; border-radius:5px;color:#252e2f;} a h4.MenuH4muhely:hover {background-color:#38c4e6; border-radius:5px;color:#252e2f;} a h4.MenuH4muhely.active {background-color:#38c4e6; border-radius:5px;color:#252e2f;} .helyettesitoDivLista {position:relative; display:contents; top:0px; left:0px; opacity:1.0; font-weight:600; font-size:20px; color:#1774a8; height:30px; max-height:30px; max-width:100%;} .subheader { color: #777; } .body { width:100%; position:relative; z-index:90; } .body .body-round { background-color:#ffffff; width:100%; height:7px; margin:auto; } .body .portfolio {position:relative;} .body .callout span { padding-bottom:2px; color:#1774a8;} h1 span { color:#1774a8;} h2 span { color:#1774a8;} .body .portfolio.standard.three .item,.body .portfolio.standard.three .itemfo,.body .portfolio.standard.four .item {border:1px solid #cdcccc;} .body .portfolio.standard.three .itemfo.grey {border:1px solid #aaaaaa;} .body .portfolio .itemfo.keziszerszam {float:left; border:4px solid #1774a8 !important; border-radius:10px; margin-right:5px;} .body .portfolio .itemfo.emelestechnika {float:left; border:4px solid #9ac700 !important; border-radius:10px; margin-right:10px;} .body .portfolio .itemfo.legtechnika {float:left; border:4px solid #e6c438 !important; border-radius:10px; margin-right:10px;} .body .portfolio .itemfo.autoipar {float:left; border:4px solid #b13232 !important; border-radius:10px; margin-right:10px;} .body .portfolio .itemfo.kenestechnika {float:left; border:4px solid #ac9070 !important; border-radius:10px; margin-right:10px;} .body .portfolio .itemfo.muhelyfelszereles {float:left; border:4px solid #38c4e6 !important; border-radius:10px; margin-right:10px;} .body .portfolio .itemfo.szerszamtarolas {float:left; border:4px solid #70ac90 !important; border-radius:10px; margin-right:10px;} .body .portfolio.standard.three .item {max-width:32%; margin-left:2px; margin-right:2px;} .body .portfolio.standard.three .itemfo {margin-left:2px; margin-right:2px;} .body .portfolio.standard.three .item.grey {max-width:32%; margin-left:2px; margin-right:2px;} .body .portfolio.standard.three .itemfo.grey {max-width:32%; margin-left:2px; margin-right:2px;} .body .portfolio.standard.three .item {max-width:24%;} .body .portfolio.standard.three .itemfo {max-width:24%;} .body .portfolio.standard.three .item.grey {max-width:24%; background-color:#aaaaaa; opacity:50%;} .body .portfolio.standard.three .itemfo.grey {max-width:23%; background-color:#aaaaaa; opacity:50%;} .body .portfolio.standard.three .item-kat {max-width:290px; float:left;} .body .portfolio.standard.three.prodfo .itemfo.keziszerszam {float:left; border:2px solid #1774a8 !important; border-radius:10px; margin-right:5px;} .body .portfolio.standard.three.prodfo .itemfo.keziszerszam:hover {h4.keziszerszam, prodidlist, .prodnamelist h5 {color:#d4d4d4 !important;} background-color:#1774a8; padding:1px;position:relative;transition: all 0.3s ease 0s;} .body .portfolio.standard.three.prodfo .itemfo.emelestechnika {float:left; border:2px solid #9ac700 !important; border-radius:10px; margin-right:10px;} .body .portfolio.standard.three.prodfo .itemfo.emelestechnika:hover {h4.emelestechnika, prodidlist, .prodnamelist h5 {color:#252e2f !important;} background-color:#9ac700; padding:1px;position:relative;transition: all 0.3s ease 0s;} .body .portfolio.standard.three.prodfo .itemfo.legtechnika {float:left; border:2px solid #e6c438 !important; border-radius:10px; margin-right:10px;} .body .portfolio.standard.three.prodfo .itemfo.legtechnika:hover {h4.legtechnika, prodidlist, .prodnamelist h5 {color:#252e2f !important;} background-color:#e6c438; padding:1px;position:relative;transition: all 0.3s ease 0s;} .body .portfolio.standard.three.prodfo .itemfo.autoipar {float:left; border:2px solid #b13232 !important; border-radius:10px; margin-right:10px;} .body .portfolio.standard.three.prodfo .itemfo.autoipar:hover {h4.autoipar, prodidlist.kozep, .prodnamelist h5 {color:#d4d4d4 !important;} background-color:#b13232; padding:1px; position:relative;transition: all 0.3s ease 0s;} .body .portfolio.standard.three.prodfo .itemfo.kenestechnika {float:left; border:2px solid #ac9070 !important; border-radius:10px; margin-right:10px;} .body .portfolio.standard.three.prodfo .itemfo.kenestechnika:hover {h4.kenestechnika, prodidlist, .prodnamelist h5 {color:#252e2f !important;} background-color:#ac9070; padding:1px;position:relative;transition: all 0.3s ease 0s;} .body .portfolio.standard.three.prodfo .itemfo.muhelyfelszereles {float:left; border:2px solid #38c4e6 !important; border-radius:10px; margin-right:10px;} .body .portfolio.standard.three.prodfo .itemfo.muhelyfelszereles:hover {h4.muhelyfelszereles, prodidlist, .prodnamelist h5 {color:#252e2f !important;} background-color:#38c4e6; padding:1px;position:relative;transition: all 0.3s ease 0s;} .body .portfolio.standard.three.prodfo .itemfo.szerszamtarolas {float:left; border:2px solid #70ac90 !important; border-radius:10px; margin-right:10px;} .body .portfolio.standard.three.prodfo .itemfo.szerszamtarolas:hover {h4.szerszamtarolas, prodidlist.kozep, .prodnamelist h5 {color:#252e2f !important;} background-color:#70ac90; padding:1px;position:relative;transition: all 0.3s ease 0s;} .body .portfolio.standard .item, .body .portfolio.standard .itemfo { margin-top:5px;padding:1px;position:relative;transition: all 0.3s ease 0s; background-color:#ffffff;} .body .portfolio.standard.five.pr .item {max-width:168px; float:left;} .body .portfolio.standard.five.pr .item-kat {max-width:168px; float:left;} .body .portfolio.standard .shadow {position:absolute;bottom:-16px;} .body .portfolio.standard.three .shadow {background:url(/media/design/shadow-portfolio-three.png) transparent;height:15px;width:296px;left:0px;} .body .portfolio.standard.three .item,.body .portfolio.standard.three .itemfo,.body .portfolio.standard.four .item {border:1px solid #cdcccc;} .product-status{ top:8px; position:relative; max-width:100px; } .body .portfolio.standard .item.kezi:hover, .body .portfolio.standard .itemfo:hover {.prodnamelist h5, .prodidlist, .prodarlist h4 {color:#d4d4d4 !important;} background-color:#1774a8; padding:1px;position:relative;transition: all 0.3s ease 0s;} .body .portfolio.standard .item.emeles:hover, .body .portfolio.standard .itemfo:hover {.prodnamelist h5, .prodidlist, .prodarlist h4 {color:#252e2f !important;} background-color:#9ac700; padding:1px;position:relative;transition: all 0.3s ease 0s;} .body .portfolio.standard .item.legtechnika:hover, .body .portfolio.standard .itemfo:hover {.prodnamelist h5, .prodidlist, .prodarlist h4 {color:#252e2f !important;} background-color:#e6c438; padding:1px;position:relative;transition: all 0.3s ease 0s;} .body .portfolio.standard .item.autoipar:hover, .body .portfolio.standard .itemfo:hover {.prodnamelist h5, .prodidlist, .prodarlist h4 {color:#d4d4d4 !important;} background-color:#b13232; padding:1px; position:relative;transition: all 0.3s ease 0s;} .body .portfolio.standard .item.olajcsere:hover, .body .portfolio.standard .itemfo:hover {.prodnamelist h5, .prodidlist, .prodarlist h4 {color:#252e2f !important;} background-color:#ac9070; padding:1px;position:relative;transition: all 0.3s ease 0s;} .body .portfolio.standard .item.muhely:hover, .body .portfolio.standard .itemfo:hover {.prodnamelist h5, .prodidlist, .prodarlist h4 {color:#252e2f !important;} background-color:#38c4e6; padding:1px;position:relative;transition: all 0.3s ease 0s;} .body .portfolio.standard .item.tarolas:hover, .body .portfolio.standard .itemfo:hover {.prodnamelist h5, .prodidlist, .prodarlist h4 {color:#252e2f !important;} background-color:#70ac90; padding:1px;position:relative;transition: all 0.3s ease 0s;} /* .item.kezi.grey.left h5.kezi {background-color:#aaaaaa; color:#404040;} */ /* .item.kezi.left:hover h5.kezi {background-color:#1774a8; color:#d4d4d4 !important;} */ /* .item.kezi.left:hover .prodidlist {color:#404040 !important; background-color:#1774a8;transition: all 0s;} */ /* .body .portfolio.standard.three .item.kezi:hover +.prodidlist {color:#ff0000 !important; background-color:#1774a8; padding:1px;position:relative;transition: all 0.3s ease 0s;} */ .item.kezi.left, h5.kezi {color:#252e2f;} .item.emeles.left, h5.emeles {color:#252e2f !important;} .item.legtechnika.left, h5.legtechnika {color:#252e2f !important;} .item.autoipar.left, h5.autoipar {color:#252e2f !important;} .item.olajcsere.left, h5.olajcsere {color:#252e2f !important;} .item.muhely.left, h5.muhely {color:#252e2f !important;} .item.tarolas.left, h5.tarolas {color:#252e2f !important;} /* .item.emeles.grey.left h5.emeles {background-color:#aaaaaa; color:#404040 !important;} */ /* .item.emeles.left:hover h5.emeles {color:#404040 !important; background-color:#9ac700;transition: all 0s;} */ /* .item.emeles.left:hover .prodidlist {color:#404040 !important; background-color:#9ac700;transition: all 0s;} */ /* .item.legtechnika.grey.left h5.legtechnika {background-color:#aaaaaa; color:#404040 !important;} */ /* .item.legtechnika.grey.left .prodidlist {background-color:#aaaaaa; color:#404040 !important;} */ /* .item.legtechnika.left:hover h5.legtechnika {color:#404040 !important; background-color:#e6c438;transition: all 0s;} */ /* .item.legtechnika.left:hover .prodidlist {color:#404040 !important; background-color:#e6c438;transition: all 0s;} */ img.auto {width:auto;} img.REDIKON {margin:3px;background-color:#a87414; border-radius:3px; width:39px;} img.IKON {margin:3px; background-color:none; border-radius:3px; width:39px;} .imgmenubg {display:none;} .imgmenubg.active {display:block;} .frame98 {display:block; width:98% !important;} .frame100 {display:block; width:100% !important;} .footer {position:relative;} .footer .background { background:url(/media/design/footer-grain.png) top left repeat #c1c1c1; height:100%; width:100%; position:absolute; top:-14px; padding-bottom:13px; /* Top - Border */ border-top:1px solid #b0b0b0; } .footer .background .stitch { background:url(/media/design/footer-background-stitch.png) top left repeat-x transparent; width:100%; height:3px; top:3px; position:absolute; } .footer.style-2 .background { background:url(/media/design/footer-grain-light.png) top left repeat #323232; } .footer.style-2 .container .stitch { background:none; } .footer.style-2 .background .stitch { background:url(/media/design/footer-style2-stitch.png) top left repeat-x transparent; } .footer.style-2 .foot-nav-bg { background:url(/media/design/footer-grain.png) top left repeat #1774a8; height:35px; width:100%; position:absolute; z-index:1; bottom:0; } .footer .blur { background:url(/media/design/frb-960.png) center top no-repeat transparent; width:559px; height:186px; left:230px; top:20px; position:absolute; margin:auto; } .footer .pattern { background:url(/media/design/footer-grain.png) top left repeat transparent; padding-top:15px; position:relative; width:100%; } .footer .column { float:left; margin:0; margin-left:20px;} .footer .first { width:28%; padding-right:20px;} .footer .last { width:242px; padding-left:20px; float:left; } .footer.style-2 .pattern { background:url(/media/design/footer-grain-light.png) top left repeat #323232; z-index:2; padding-top:30px; } .footer.style-2 .content { background:none; } .footer.style-2 .foot-nav { position:relative; z-index:100; margin-top:10px; background:none; } .footer.style-2 .foot-nav-bg { background:url(/media/design/footer-grain.png) top left repeat #1774a8; height:35px; width:100%; position:absolute; z-index:1; bottom:0; } .footer.style-2 .patch { background:url(/media/design/footer-2-patch.png) top left no-repeat transparent; z-index:100; } .footer .first a.full { display:block; border:0; text-decoration:none; } .footer .first h5,.footer .first p {position:relative;z-index:10000;} .footer .logo-caption-overlay {z-index:100;background-position:left bottom;position:absolute;} .footer .logo-caption, .footer .logo-caption-overlay { background:url(/media/design/footer-logo-makler.png) left top no-repeat; width:52px; margin-right:5px; height:72px; float:left; position:relative; float:left; z-index:1; } .footer p { color:#d3d3d3; /* font-family:Arial, Helvetica, sans-serif; */ /* font-family:Makler; */ font-size:13px; line-height:18px; text-shadow: 0px 1px 1px #1c1c1c; } .footer .ct { background:url(/media/design/footer-ct.png) left -15px no-repeat; padding-left:39px; width:29%; padding-right:40px; min-height:206px; } .footer h5 { font-size:14px; color:#f2f2f2; text-shadow: 0px 1px 1px #000000; font-weight:600; margin-bottom:5px; } .footer .content { background:url(/media/design/footer-bg-1260.png) top left repeat-y transparent; width:99%; margin:auto; position:relative; } .footer .foot-nav .copy { float:left; margin-left:18px; width:90%;} .footer .foot-nav .copy.center {float:none;text-align:center;} .footer .foot-nav .nav { float:right; margin-right:18px; } .footer .foot-nav .nav a { color:#dddddd; /*font-family:"Open Sans";*/ /* font-family:"Calibri", Sans serif; */ /* font-family:Makler; */ font-weight:600; text-shadow: 0px 1px 1px #303030; margin-left:12px; transition: all 0.3s ease 0s; } .footer .foot-nav .nav a:hover {color:#eeeeee;} .footer .foot-nav div { color:#dddddd; font-size:13px; } .footer .foot-nav { padding-top:13px; height:22px; background:url(/media/design/footer-grain.png) top left repeat #1774a8; margin:12px 2px 0 2px; } .item-kat-blue, .item-kat-green, .item-kat-yellow, .item-kat-orange, .item-kat-olive, .item-kat-navy, .item-kat-bluemuh, .item-kat-poison { margin-top:10px; margin-bottom:20px; float:left; margin-right:5px; height:auto; border:1px solid #a5a5a9; padding:4px; position:relative; transition: all 0.3s ease 0s; color:#252e2f; text-align:center; width:24%; } .item-kat-green-fooldal { margin-bottom:20px; float:left; margin-right:5px; height:300px; border:1px solid #a5a5a9; padding:4px; position:relative; transition: all 0.3s ease 0s; color:#252e2f; text-align:center; } .item-kat-blue {background-color:#1774a8;} .item-kat-blue:hover {background-color:rgba(23, 116, 168, 0.4);} .item-kat-green {background-color:#9ac700;} .item-kat-green-fooldal {background-color:#9ac700;} .item-kat-green:hover {background-color:rgba(154, 199, 0, 0.4);} .item-kat-yellow {background-color:#e6c438;} .item-kat-yellow:hover {background-color:rgba(230, 196, 56, 0.4);} .item-kat-orange {background-color:#b13232;} .item-kat-orange:hover {background-color:rgba(177, 50, 50, 0.4);} .item-kat-navy {background-color:#0c2b32;} .item-kat-navy:hover {background-color:rgba(12, 43, 50, 0.4);} .item-kat-poison {background-color:#0c320c;} .item-kat-poison:hover {background-color:rgba(12, 50, 12, 0.4);} .item-kat-olive {background-color:#32382b;} .item-kat-olive:hover {background-color:rgba(50, 56, 43, 0.4);} .item-kat-bluemuh {background-color:#38c4e6;} .item-kat-bluemuh:hover {background-color:rgba(56, 196, 230, 0.4);} .body .portfolio .item-kat {margin-bottom:20px; float:left;} .body .portfolio.three .item, .body .portfolio.three .item .grey,.body .portfolio.three .itemfo,.portfolio.two .item {margin-right:0px; margin-left:5px; margin-top:10px; margin-bottom:10px;} .body .portfolio.three .item-kat,.body .portfolio.three .itemfo-kat,.portfolio.two .item-kat {margin-right:10px; margin-left:10px; margin-top:10px; margin-bottom:10px;} .body .portfolio {position:relative;} .body .portfolio-container {position:absolute;width:98%;} .body .portfolio.standard img {padding:0;margin:0;border:0;background:none;} img.scale-with-grid-prod { position:relative; max-width: 100%; height: auto; float:left;} img.scale-with-grid-prod-list { position:relative; max-width: 100%; height: auto; max-height:100%;} img.scale-with-grid-mini { max-width: 100%; height: auto;} img.scale-with-grid-mini { width:auto; max-width: 100%; height: auto;} img.gray, img.grey { filter: url(/filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(1);} .tcontent .blogs img.grey{ filter: url(/filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(1); float:left; } .tabbed-area .tcontent { border:1px solid #a5a5a9; padding:0 5px 3px 5px; position:relative; top:10px; z-index:10;} .tabbed-area .tcontent_v { border:1px solid #d9d9d9; padding:0 0 3px 15px; position:relative; top:10px; z-index:10;} .tabbed-area .tcontent { display:none; } .tabbed-area .tcontent_v { display:none; } .tcontent.product.LP0 {width:97%;} .tcontent.product.l20 {width:97%;} .tcontent.product.l20.clearfix {width:97%;content: "";clear: both;display: table; transition:width 1s ease, height 1s ease;} .tcontent.product.l20.clearfix {width:97%;content: "";clear: both;display: table;} li.visible{ display:block; } li.tcontent.product.l20.clearfix.visible{ display:block; width:100%; opacity:1.0; transition: 1s ease;} li.hidden{ display:none; } li.tcontent.product.l20.clearfix.hidden{ display:none; width:20%; opacity:0.0;} .body .sidebar .tabbed-area .tcontent .blogs, .body .sidebarr .tabbed-area .tcontent .blogs {margin:0;padding:0;} .body .sidebar .tabbed-area .tcontent_v .blogs {margin:0;padding:0;} .body .sidebar .tabbed-area .tcontent .blogs li, .body .sidebarr .tabbed-area .tcontent .blogs li {padding:0;margin:12px 0 15px 0;} .body .sidebar .tabbed-area .tcontent_v .blogs li {padding:0;margin:12px 0 15px 0;} .body .sidebar .tabbed-area .tcontent .blogs img, .body .sidebarr .tabbed-area .tcontent .blogs img { border:none; background-color:transparent; padding:0; margin-top:3px; max-width:60px; max-height:55px; margin-right:3px; /* float: left; */ } .body .sidebar .tabbed-area .tcontent .blogs img .grey, .body .sidebarr .tabbed-area .tcontent .blogs img .grey { border:none; background-color:transparent; padding:0; margin-top:3px; /*max-width:60px; max-height:55px;*/ margin-right:3px; float: left; } .body .sidebar .tabbed-area .tcontent_v .blogs img { border:none; background-color:transparent; padding:0; margin-top:3px; max-width:47px; max-height:42px; margin-right:3px; } .body .sidebar .tabbed-area .tcontent .blogs p a, .body .sidebarr .tabbed-area .tcontent .blogs p a { margin-top:0; margin-bottom:0; line-height:14px; font-size:13px; } .body .sidebar .tabbed-area .tcontent_v .blogs p a { margin-top:0; margin-bottom:0; line-height:14px; font-size:13px; } .body .sidebar .tabbed-area .tcontent .blogs p, .body .sidebarr .tabbed-area .tcontent .blogs p { margin-top:0; margin-bottom:0; line-height:14px; font-size:13px; } .body .sidebar .tabbed-area .tcontent_v .blogs p { margin-top:0; margin-bottom:0; line-height:14px; font-size:13px; } .border { display:block; position:relative;} .border img { padding:2px 2px 2px 2px; background-color:#d9d9d9; } .tabbed-area-like .blogs li .border img{border:none;} /*.border div.mask { display:block; position:absolute; margin:0; top:0; left:0; width:100%; margin:6px; height:100%; background:url(/media/design/image-overlay-pattern.png) repeat rgba(0, 0, 0, 0.4); display:none; float:left; }*/ img.over { position:absolute; z-index:1000; } .prodnamelist { min-height: 70px; max-width: 99%; height:70px; vertical-align:middle;} .kedvezmeny {opacity:0.6; position:absolute; top:10%; -webkit-text-stroke:2px #252e2f;} .kedvezmeny.termek {opacity:0.6; position:relative; top:-45px; left:1%; float:right; margin-right:45px;} .akciored {color:#c87417 !important; font-size:120px !important; font-weight:600 !important;} .prodidlist { height: 20px; max-height:20px; top: 15px; } .prodarlist { height:85px; max-height:85px; vertical-align:middle; width:100%; /* display:inline; */} .prodlistpagination {display:none; transition-property:ease-in; transition-duration:2s; transition-timing-function:linear; transition-delay:0s;} .prodStatuszlist { height: 35px; max-height: 35px; text-align:center;} .scroll-logo {float:left; margin:0px;top:0px;display:none;padding:0px;position:relative;width:auto;} .OnlyOnStock{float:right;} .fleft {float:left;} .minoseg { float:left; margin:0px 0px 0px 40px; } .body .portfolio .item, .body .portfolio .itemfo {margin-bottom:36px !important;} .ninety {width:90% !important;} /* ---------------------------------- SEARCH -----------------------------*/ input { font-size: 18px; color:#404040; } .searchtxt { float:right; margin: 0 auto; width: 300px; } .searchtxt input { float:right; height: 38px; width: 100%; left:0; padding: 0 16px 0 35px; color:#252e2f; background: #eeeeee; background-image:url("/media/design/search-icon-blue.png") 10px 6px no-repeat; border-width: 1px; border-style: solid; border-color:#111111; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9); -moz-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9); -ms-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9); -o-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9); box-shadow: 0 0 2px rgba(85, 168, 236, 0.9); transition: all 0.23s cubic-bezier(0.75,0.16,0.98,0.48) 0s; } .searchtxt input:focus {border:1px double #252e2f; padding:2px 16px 2px 35px;} .searchtxt input {width:50px; background-image: url("/media/design/icons/search_32.png"); background-repeat: no-repeat; margin-right:10px;} .searchtxt input:focus {width:300px; overflow:hidden; position:relative; background-image: none;} .searchtxt .results { display: none; cursor:pointer; float:right; width:290px; position: relative; margin: 0 -1px; padding: 6px 0px 6px 10px; font-weight: 500; border: 1px solid transparent; border-radius: 3px; line-height:100%; border-style: solid; border-color:#d9d9d9; border-radius: 3px; background-color: #fdfdfd; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #eceef4)); background-image: -webkit-linear-gradient(top, #fdfdfd, #eceef4); background-image: -moz-linear-gradient(top, #fdfdfd, #eceef4); background-image: linear-gradient(to bottom, #eeeeee, #eeeeee); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); z-index:999999; } .searchhighlight { background-color:#e6c438; color:#b13232 !important; } .searchtxt .results li { cursor:pointer; float:right; width:290px; display: block; height:55px; position: relative; margin: 0 -1px; padding: 6px 0px 6px 10px; font-weight: 500; border: 1px solid transparent; border-radius: 3px; line-height:100%; color:#111111; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08); } .searchtxt .results li:hover { cursor:pointer; float:right; width:290px; display: block; height:55px; position: relative; margin: 0 -1px; padding: 6px 0px 6px 10px; font-weight: 500; border: 1px solid transparent; border-radius: 3px; line-height:100%; color: #fff; border-color: #2380dd #2179d5 #1a60aa; background-color:#1774a8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1774a8), color-stop(100%, #38c4e6)); background-image: -webkit-linear-gradient(to top, #1774a8, #38c4e6); background-image: -moz-linear-gradient(to top, #1774a8, #38c4e6); background-image: -ms-linear-gradient(to top, #1774a8, #38c4e6); background-image: -o-linear-gradient(to top, #1774a8, #38c4e6); background-image: linear-gradient(to top, #1774a8, #38c4e6); } .searchtxt .results li.active { cursor:pointer; float:right; width:290px; display: block; height:55px; position: relative; margin: 0 -1px; padding: 6px 0px 6px 10px; font-weight: 500; border: 1px solid transparent; border-radius: 3px; line-height:100%; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); border-color: #2380dd #2179d5 #1a60aa; background-color:#1774a8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1774a8), color-stop(100%, #38c4e6)); background-image: -webkit-linear-gradient(to top, #1774a8, #38c4e6); background-image: -moz-linear-gradient(to top, #1774a8, #38c4e6); background-image: -ms-linear-gradient(to top, #1774a8, #38c4e6); background-image: -o-linear-gradient(to top, #1774a8, #38c4e6); background-image: linear-gradient(to top, #1774a8, #38c4e6); -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08); -ms-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08); -o-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08); } .searchtxt .results li:first-child { margin-top: -1px;} .searchtxt .results li:first-child:before, .searchtxt .results li:first-child:after { display: block; content: ''; width: 0; height: 0; position: absolute; left: 50%; margin-left: -5px; border: 5px outset transparent; } .searchtxt .results li:first-child:before { border-bottom: 5px solid #c4c7d7; top: -11px; } .searchtxt .results li:first-child:after { border-bottom: 5px solid #fdfdfd; top: -10px; } .searchtxt .results li:first-child:hover:before, .searchtxt .results li:first-child:hover:after { display: none; } .searchtxt .results li:last-child { margin-bottom: -1px; } .searchimg { left:0; top:0px; float:left; height:45px; padding-right:8px; z-index:9; width:auto; } .searchtxt .results a { display: block; height:55px; position: relative; margin: 0 -1px; padding: 6px 40px 6px 10px; color:#111111; font-weight: 500; border: 1px solid transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08); border-radius: 3px; line-height:100%; } .searchtxt .results a span { font-weight: 200; } .searchtxt .results a:before { content: ''; width: 18px; position: absolute; top: 50%; right: 10px; margin-top: -9px; background: url("/media/design/search-arrow.png") 0 0 no-repeat; } .searchtxt .results a:hover { text-decoration: none; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); border-color: #2380dd #2179d5 #1a60aa; background-color:#1774a8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1774a8), color-stop(100%, #38c4e6)); background-image: -webkit-linear-gradient(to top, #1774a8, #38c4e6); background-image: -moz-linear-gradient(to top, #1774a8, #38c4e6); background-image: -ms-linear-gradient(to top, #1774a8, #38c4e6); background-image: -o-linear-gradient(to top, #1774a8, #38c4e6); background-image: linear-gradient(to top, #1774a8, #38c4e6); -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08); -ms-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08); -o-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08); } /* ---------------------------------- SEARCH -----------------------------*/ /* ---------------------------------- MENU -----------------------------*/ #Menu { visibility:visible; } .kismenu {display:none;} h3.o3Menu { font-size: 26px; line-height: 2px; margin-top: 0px; margin-bottom:30px; margin-left:15px; font-weight:600;} .MainMenu{ position:absolute; width:100%; height:80px; vertical-align:top; left:0px; margin-top:5px; } ul.MainMenuCat { margin-top:6px; padding:0px; position:relative; opacity:1.00; filter: alpha(opacity=100); left:0px; color:white; display:inline-block; width:85%; } .o3MenuLi{ float:left; cursor:pointer; overflow:hidden; background-color:#222222; width:100px; height:20px; padding:10px; border:1px solid #000000; border-radius: 5px; -webkit-transform: translate(10px,0px); -moz-transform: translate(10px,0px); -ms-transform: translate(10px,0px); -o-transform: translate(10px,0px); transform: translate(20px,0px); transition: all 0.23s cubic-bezier(0.75,0.16,0.98,0.48) 0s; position:relative; left:-20px; margin:0px 20px 0px 0px; text-align:center; text-shadow: 1px 1px 2px #000000; } .o3MenuLi:hover{ background-color:#2c809f; color: #e6c438; width:110px; transform: translate(20px, 5px); } .o3MenuLiRed{ float:left; cursor:pointer; overflow:hidden; background-color:#992222; width:100px; height:20px;padding:10px; border:1px solid #000000; border-radius: 5px; -webkit-transform: translate(10px,0px); -moz-transform: translate(10px,0px); -ms-transform: translate(10px,0px); -o-transform: translate(10px,0px); transform: translate(20px,0px); transition: all 0.23s cubic-bezier(0.75,0.16,0.98,0.48) 0s; position:relative; left:-20px; margin:0px 20px 0px 0px; text-align:center; text-shadow: 1px 1px 2px #000000; } .o3MenuLiRed:hover{ background-color:#9f802c; color: #e6c438; width:110px; transform: translate(20px, 5px); } .o3MenuB2B{ position:relative; float:left; cursor:pointer; overflow:hidden; color:#eeeeee; background:url(/media/design/noise.png) repeat #9ac700; width:155px; padding:2px; border:1px solid #111111; border-radius: 5px; transition: all 0.23s cubic-bezier(0.75,0.16,0.98,0.48) 0s; margin:5px 0px 5px 10px; text-align:center; font-size:14px; } .o3MenuLiB2B{ display:none; float:left; cursor:pointer; overflow:hidden; color:#eeeeee; background-image:url(/media/design/noise.png) repeat rgba(154, 199, 0, 0.4); width:180px; padding:2px; border:1px solid #111111; border-radius: 5px; -webkit-transform: translate(10px,0px); -moz-transform: translate(10px,0px); -ms-transform: translate(10px,0px); -o-transform: translate(10px,0px); transform: translate(20px,0px); transition: all 0.23s cubic-bezier(0.75,0.16,0.98,0.48) 0s; left:-5px; margin:0px 0px 0px 10px; text-align:center; } .o3MenuLiNyitva{ display:none; float:left; cursor:pointer; overflow:hidden; color:#eeeeee; background-image:url(/media/design/noise.png) repeat rgba(177, 50, 50, 0.8); width:195px; padding:2px; border:1px solid #111111; border-radius: 5px; -webkit-transform: translate(10px,0px); -moz-transform: translate(10px,0px); -ms-transform: translate(10px,0px); -o-transform: translate(10px,0px); transform: translate(20px,0px); transition: all 0.23s cubic-bezier(0.75,0.16,0.98,0.48) 0s; left:-20px; margin:0px 0px 0px 10px; text-align:center; } .o3MenuLiKapcs{ display:none; float:left; cursor:pointer; overflow:hidden; color:#eeeeee; background-image:url(/media/design/noise.png) repeat rgba(56, 196, 230, 0.4); width:180px; padding:2px; border:1px solid #111111; border-radius: 5px; -webkit-transform: translate(10px,0px); -moz-transform: translate(10px,0px); -ms-transform: translate(10px,0px); -o-transform: translate(10px,0px); transform: translate(20px,0px); transition: all 0.23s cubic-bezier(0.75,0.16,0.98,0.48) 0s; left:-5px; margin:0px 0px 0px 10px; text-align:center; } .o3MenuLiMini{ display:none; float:left; cursor:pointer; overflow:hidden; color:#eeeeee; background-image:url(/media/design/noise.png) repeat rgba(56, 196, 230, 0.4); width:180px; height:28px; padding:2px; border:1px solid #111111; border-radius: 5px; -webkit-transform: translate(10px,0px); -moz-transform: translate(10px,0px); -ms-transform: translate(10px,0px); -o-transform: translate(10px,0px); transform: translate(20px,0px); transition: all 0.23s cubic-bezier(0.75,0.16,0.98,0.48) 0s; left:-5px; margin:0px 0px 0px 10px; text-align:center; padding-top:10px;} .menuSearchBase {float:right;width:50px;} .menuFoMenu { display:none; text-align:center; vertical-align:middle; overflow:hidden; padding-left:0px; padding-top:0px; width:98%; height:auto; max-height:600px; border:1px solid #111111; margin:2px; border-radius:10px; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.5); color:#1774a8; z-index:9999999; background-image:url(/media/design/szekreny_szerelt_atlatszo.png); background-color:#d9d9d9; background-repeat: no-repeat; background-position:right top;} .menuFoMenuactive { text-align:center; vertical-align:middle; overflow:hidden; padding-left:0px; padding-top:0px; width:290px; height:35px; border:1px solid #111111; margin:2px; border-radius: 5px; float:left; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.5); color:#eeeeee; text-shadow: 0 2px 2px rgba(17, 17, 17, 0.7); z-index:999999; } .kockaFoMenu { display:none; text-align:center; overflow:scroll; vertical-align:middle; position:relative; top:-10px; left:0px; padding-left:15px; padding-top:5px; width:98%; height:auto; max-height:600px; background:#d9d9d9; color:#252e2f; float:left; border:3px solid #38c4e6; border-radius:10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); z-index:1; } .x {position:relative; top:0; right:0; width:36px; float:left; z-index:999999;} .MenuMid {display:none; width:20px; min-height:100px; float:left; border:1px solid #252e2f; border-radius:10px;margin:10px 0px 0px -25px; overflow:hidden; padding:0px 15px 10px 15px; transition:all 0.8s ease; position:relative; z-index:inherit;} .o3MenuKategory {display:inherit; float:left;} .MenuBoxMain {display:none; width:30%; min-height:100px; float:left; background-color:#999999; border:1px solid #252e2f; border-radius:10px; margin:10px; overflow:hidden; padding:0 15px 10px 15px; transition:all 0.8s;} .MenuSub {display:none; width:20px; min-height:100px; float:left; border:1px solid #252e2f; border-radius:10px;background-color:#d4d4d4; padding:0px 15px 0px 15px; position:relative; z-index:inherit; transition:all 0.8s ease;} .o3MenuContent {display:none; height:auto; width:22%; transition:all .8s; float:left;} .o3MenuContentAtmeneti {display:none; height:auto; width:20%; transition:all .8s; float:left; border:1px solid #1774a8;} .filteratmeneti {background-color:rgba(23, 116, 168, .6); border-color:#252e2f; border-width:1px; border-style:solid; border-radius:5px; margin:5px; color:#eeeeee !important; padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px; word-wrap:none; line-height:30px;} .filteratmeneti.active {background-color:rgba(23, 116, 168, .9); color:#252e2f;} .filteratmenetiRED {background-color:#a87414; border-color:#252e2f; border-width:1px; border-style:solid; border-radius:5px; margin:5px; color:#eeeeee !important; padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px; word-wrap:none; line-height:30px;} .filteratmenetiRED.active {background-color:rgba(177, 50, 50, .9); color:#252e2f;} .o3MenuContentMain {display:none; height:auto; transition:all .8s; float:left;} .o3MenuContentMid {display:none; height:auto; width:100%; transition:all .8s; float:left; overflow:hidden; word-wrap:none;} .o3MenuContentSub {display:none; height:auto; width:100%; transition:all .8s; float:left; overflow:hidden; word-wrap:none;} .o3MenuKategory.kiemelt {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px; line-height:20px;width:100%;} .o3MenuKategory.kiemelt:hover {background-color:#a81717; color:#d4d4d4;margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3MenuKategory.kiemelt.active {background-color:#a81717; color:#d4d4d4;margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3MenuKategorySub.kiemelt {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px; line-height:20px;} .o3MenuKategorySub.kiemelt:hover {background-color:#a81717; color:#d4d4d4; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3MenuKategorySub.kiemelt.active {background-color:#a81717; color:#d4d4d4; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3MenuKategory.kezi {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px; line-height:20px;width:100%;} /* .o3MenuKategory.kezi:hover {div.o3MenuKategory.kezi {background-color:#1774a8; color:#d4d4d4;} background-color:#1774a8; color:#d4d4d4;margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategory.kezi:hover {background-color:#1774a8; color:#d4d4d4;margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3MenuKategory.kezi.active {div.o3MenuKategory.kezi {background-color:#1774a8; color:#d4d4d4;} background-color:#1774a8; color:#d4d4d4;margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategory.kezi.active {background-color:#1774a8; color:#d4d4d4;margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3MenuKategorySub.kezi {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px; line-height:20px;} /* .o3MenuKategorySub.kezi:hover {div.o3MenuKategorySub.kezi {background-color:#1774a8; color:#d4d4d4;} background-color:#1774a8; color:#d4d4d4; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategorySub.kezi:hover {background-color:#1774a8; color:#d4d4d4; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3MenuKategorySub.kezi.active {div.o3MenuKategorySub.kezi {background-color:#1774a8; color:#d4d4d4;} background-color:#1774a8; color:#d4d4d4; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategorySub.kezi.active {background-color:#1774a8; color:#d4d4d4; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3MenuKategory.emeles {color:#9ac700; cursor:pointer;} */ .o3MenuKategory.emeles {background-color:#d4d4d4; color:#252e2f;margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px; line-height:20px;width:100%;} /* .o3MenuKategory.emeles.active {div.o3MenuKategory.emeles {background-color:#9ac700; color:#252e2f;} background-color:#9ac700; color:#252e2f;margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategory.emeles.active {background-color:#9ac700; color:#252e2f;margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3MenuKategory.emeles:hover {div.o3MenuKategory.emeles {background-color:#9ac700; color:#252e2f;} color:#252e2f; background-color:#9ac700;margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategory.emeles:hover {color:#252e2f; background-color:#9ac700;margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3MenuKategorySub.emeles {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px; line-height:20px;} /* .o3MenuKategorySub.emeles:active {div.o3MenuKategorySub.emeles {background-color:#9ac700; color:#252e2f;} background-color:#252e2f; color:#9ac700; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategorySub.emeles:active {background-color:#252e2f; color:#9ac700; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3MenuKategorySub.emeles:hover {div.o3MenuKategorySub.emeles {background-color:#9ac700; color:#252e2f;} background-color:#9ac700; color:#454e4f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategorySub.emeles:hover { background-color:#9ac700; color:#454e4f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3MenuKategory.legtechnika {color:#e6c438; cursor:pointer;} */ .o3MenuKategory.legtechnika {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px; line-height:20px;width:100%;} /* .o3MenuKategory.legtechnika:hover {div.o3MenuKategory.legtechnika {background-color:#e6c438; color:#252e2f;} background-color:#e6c438; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategory.legtechnika:hover {background-color:#e6c438; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3MenuKategory.legtechnika.active {div.o3MenuKategory.legtechnika {background-color:#e6c438; color:#252e2f;} background-color:#e6c438; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategory.legtechnika.active {background-color:#e6c438; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3MenuKategorySub.legtechnika {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px; line-height:20px;} /* .o3MenuKategorySub.legtechnika:hover {div.o3MenuKategorySub.legtechnika {background-color:#e6c438; color:#252e2f;} background-color:#e6c438; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategorySub.legtechnika:hover {background-color:#e6c438; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3MenuKategorySub.legtechnika.active {div.o3MenuKategorySub.legtechnika {background-color:#e6c438; color:#252e2f;} background-color:#e6c438; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategorySub.legtechnika.active {background-color:#e6c438; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3MenuKategory.autoipar {color:#b13232; cursor:pointer;} */ .o3MenuKategory.autoipar {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px; line-height:20px;width:100%;} .o3MenuKategory.autoipar:hover {color:#d4d4d4; background-color:#b13232; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3MenuKategory.autoipar.active {color:#d4d4d4; background-color:#b13232; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3MenuKategorySub.autoipar {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px; line-height:20px;} .o3MenuKategorySub.autoipar:hover {background-color:#b13232; color:#d4d4d4; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3MenuKategorySub.autoipar.active {background-color:#b13232; color:#d4d4d4; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3MenuKategory.olajcsere {color:#252e2f; cursor:pointer;} */ .o3MenuKategory.olajcsere {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px; line-height:20px;width:100%;} /* .o3MenuKategory.olajcsere:hover {div.o3MenuKategory.olajcsere {background-color:#ac9070; color:#252e2f;} background-color:#ac9070; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategory.olajcsere:hover {background-color:#ac9070; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3MenuKategory.olajcsere.active {div.o3MenuKategory.olajcsere {background-color:#ac9070; color:#252e2f;} background-color:#ac9070; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategory.olajcsere.active {background-color:#ac9070; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3MenuKategorySub.olajcsere {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px; line-height:20px;} /* .o3MenuKategorySub.olajcsere:hover {div.o3MenuKategory.olajcsere {background-color:#ac9070; color:#252e2f;} color:#252e2f; background-color:#ac9070; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategorySub.olajcsere:hover {color:#252e2f; background-color:#ac9070; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3MenuKategorySub.olajcsere.active {div.o3MenuKategory.olajcsere {background-color:#ac9070; color:#252e2f;} color:#252e2f; background-color:#ac9070; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategorySub.olajcsere.active {color:#252e2f; background-color:#ac9070; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3MenuKategory.muhely {color:#38c4e6; cursor:pointer;} */ .o3MenuKategory.muhely {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px; line-height:20px;width:100%;} /* .o3MenuKategory.muhely:hover {div.o3MenuKategory.muhely {background-color:#38c4e6; color:#252e2f;} background-color:#38c4e6; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategory.muhely:hover {background-color:#38c4e6; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3MenuKategory.muhely.active {div.o3MenuKategory.muhely {background-color:#38c4e6; color:#252e2f;} background-color:#38c4e6; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategory.muhely.active {background-color:#38c4e6; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3MenuKategorySub.muhely {background-color:#d4d4d4; color:#252525; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px; line-height:20px;} /* .o3MenuKategorySub.muhely:hover {div.o3MenuKategory.muhely {background-color:#38c4e6; color:#252e2f;} background-color:#38c4e6; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategorySub.muhely:hover {background-color:#38c4e6; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3MenuKategorySub.muhely.active {div.o3MenuKategory.muhely {background-color:#38c4e6; color:#252e2f;} background-color:#38c4e6; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategorySub.muhely.active {background-color:#38c4e6; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3MenuKategory.tarolas {color:#0c320c; cursor:pointer;} */ .o3MenuKategory.tarolas {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px; line-height:20px;width:100%;} /* .o3MenuKategory.tarolas:hover {div.o3MenuKategory.tarolas {background-color:#70ac90; color:#252e2f;} background-color:#70ac90; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategory.tarolas:hover {background-color:#70ac90; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3MenuKategory.tarolas.active {div.o3MenuKategory.tarolas {background-color:#70ac90; color:#252e2f;} background-color:#70ac90; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategory.tarolas.active {background-color:#70ac90; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .o3MenuKategorySub.tarolas {background-color:#d4d4d4; color:#252e2f; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px; line-height:20px;} /* .o3MenuKategorySub.tarolas:hover {div.o3MenuKategory.tarolas {background-color:#70ac90; color:#252e2f;} color:#252e2f; background-color:#70ac90; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategorySub.tarolas:hover {color:#252e2f; background-color:#70ac90; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} /* .o3MenuKategorySub.tarolas.active {div.o3MenuKategory.tarolas {background-color:#70ac90; color:#252e2f;} color:#252e2f; background-color:#70ac90; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} */ .o3MenuKategorySub.tarolas.active {color:#252e2f; background-color:#70ac90; margin-top:2px;margin-bottom:2px; cursor:pointer; border-radius:5px;} .MenuMid {display:none; width:20px; min-height:100px; float:left; border:1px solid #252e2f; border-radius:10px;margin:10px 0px 0px -25px; overflow:hidden; padding:0px 15px 10px 15px; transition:all 0.8s ease; position:relative; z-index:inherit;} .o3MenuKategory {display:inherit; float:left;} .MenuBoxMain {display:none; width:30%; min-height:100px; float:left; background-color:#999999; border:1px solid #252e2f; border-radius:10px; margin:10px; overflow:hidden; padding:0 15px 10px 15px; transition:all 0.8s;} .MenuSub {display:none; width:20px; min-height:100px; float:left; border:1px solid #252e2f; border-radius:10px;background-color:#d4d4d4; padding:0px 15px 0px 15px; transition:all 0.8s; position:relative; z-index:inherit; transition:all 0.8s ease;} .o3FilterKategory {display:inherit; float:left;} a h4.MenuH4 {cursor:pointer;} a h4.MenuH4kezi:hover {background-color:#1774a8; border-radius:5px;color:#d4d4d4;} a h4.MenuH4emeles:hover {background-color:#9ac700; border-radius:5px;color:#252e2f;} a h4.MenuH4legtechnika:hover {background-color:#e6c438; border-radius:5px;color:#252e2f;} a h4.MenuH4autoipar:hover {background-color:#b13232; border-radius:5px;color:#d4d4d4;} a h4.MenuH4olajcsere:hover {background-color:#ac9070; border-radius:5px;color:#252e2f;} a h4.MenuH4tarolas:hover {background-color:#70ac90; border-radius:5px;color:#252e2f;} a h4.MenuH4muhely:hover {background-color:#38c4e6; border-radius:5px;color:#252e2f;} .o3mobileMenuTop { display:none; position:relative; top:50px; width:98%; height:auto; padding-top:10px; padding-right:10px; background-color:#d9d9d9; border:1px solid #252e2f; border-radius:5px; z-index:1; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8); } .o3mobileMenuTop a.mobilemenu.kezi { padding-top:0px; } .mobilemenu.mainpage, a .mobilemenu.mainpage { color:#eeeeee; border:1px solid #252e2f; background-color:#a5a5a9; text-shadow: 0 4px 8px #252e2f; cursor:pointer; line-height:20px;} .mobilemenuactive.mainpage, .mobilemenu.mainpage:hover { color:#eeeeee; border:1px solid #252e2f; background-color:#a5a5a9; text-shadow: 0 4px 8px #252e2f; } .o3MobileMenuTopSec { display:none; position:relative; top:50px; width:98%; height:auto; padding-top:10px; padding-right:10px; background-color:#d9d9d9; border:1px solid #252e2f; border-radius:5px; z-index:1; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8); } .o3MobileMenuTopSec a.mobilemenu.kezi { padding-top:0px; } /* --------- A J A N L O ---- */ .mobilemenu.ajanlo, a .mobilemenu.ajanlo { color:#252e2f; border:1px solid #38c4e6; } .mobilemenuactive.ajanlo, .mobilemenu.ajanlo:hover { color:#eeeeee; border:1px solid #38c4e6; background-color:#1774a8; text-shadow: 0 4px 8px #252e2f; display:none; } .mobilemenusec.ajanlo, a .mobilemenusec.ajanlo { color:#111111; background-color:#a5a5a9; border:1px solid #1774a8; } .mobilemenusecactive.ajanlo, .mobilemenusec.ajanlo:hover { color:#eeeeee; border:1px solid #38c4e6; background-color:#1774a8; text-shadow: 0 4px 8px #252e2f; } .mobilemenuthird.ajanlo { color:#111111; border:1px solid #1774a8; background-color:#a5a5a9; } .mobilemenuthirdactive.ajanlo, .mobilemenuthird.ajanlo:hover { color:#eeeeee; border:1px solid #38c4e6; background-color:#1774a8; text-shadow: 0 4px 8px #252e2f; } /* --------- K É Z I ---- */ .mobilemenu.kezi, a .mobilemenu.kezi { color:#252e2f; border:1px solid #38c4e6; } .mobilemenuactive.kezi, .mobilemenu.kezi:hover { color:#eeeeee; border:1px solid #38c4e6; background-color:#1774a8; text-shadow: 0 4px 8px #252e2f; display:blocky; } .mobilemenusec.kezi, a .mobilemenusec.kezi { color:#111111; background-color:#a5a5a9; border:1px solid #1774a8; } .mobilemenusecactive.kezi, .mobilemenusec.kezi:hover { color:#eeeeee; border:1px solid #38c4e6; background-color:#1774a8; text-shadow: 0 4px 8px #252e2f; } .mobilemenuthird.kezi { color:#111111; border:1px solid #1774a8; background-color:#a5a5a9; } .mobilemenuthirdactive.kezi, .mobilemenuthird.kezi:hover { color:#eeeeee; border:1px solid #38c4e6; background-color:#1774a8; text-shadow: 0 4px 8px #252e2f; } /* --------- E M E L É S ---- */ .mobilemenu.emeles { color:#252e2f; border:1px solid #9ac700; border-radius:5px; } .mobilemenuactive.emeles, .mobilemenu.emeles:hover { color:#eeeeee; border:1px solid #0c320c; background-color:#9ac700; text-shadow: 0 4px 8px #252e2f; display:block; } .mobilemenusec.emeles { color:#111111; background-color:#a5a5a9; border:1px solid #9ac700; } .mobilemenusecactive.emeles, .mobilemenusec.emeles:hover { color:#eeeeee; border:1px solid #0c320c; background-color:#9ac700; text-shadow: 0 4px 8px #252e2f; } .mobilemenuthird.emeles { color:#111111; background-color:#a5a5a9; border:1px solid #9ac700; } .mobilemenuthirdactive.emeles, .mobilemenuthird.emeles:hover { color:#eeeeee; border:1px solid #0c320c; background-color:#9ac700; text-shadow: 0 4px 8px #252e2f; } /* --------- L E G T E C H N I K A ---- */ .mobilemenu.legtechnika { color:#252e2f; border:1px solid #e6c438; } .mobilemenuactive.legtechnika, .mobilemenu.legtechnika:hover { color:#eeeeee; border:1px solid #b13232; background-color:#e6c438; text-shadow: 0 4px 8px #252e2f; display:block; } .mobilemenusec.legtechnika { color:#111111; background-color:#a5a5a9; border:1px solid #e6c438; } .mobilemenusecactive.legtechnika, .mobilemenusec.legtechnika:hover { color:#eeeeee; background-color:#e6c438; border:1px solid #b13232; text-shadow: 0 4px 8px #252e2f; } .mobilemenuthird.legtechnika { color:#111111; background-color:#a5a5a9; border:1px solid #e6c438; } .mobilemenuthirdactive.legtechnika, .mobilemenuthird.legtechnika:hover { color:#eeeeee; background-color:#e6c438; border:1px solid #b13232; text-shadow: 0 4px 8px #252e2f; } /* --------- A U T O I P A R ---- */ .mobilemenu.autoipar { color:#252e2f; border:1px solid #b13232; } .mobilemenuactive.autoipar, .mobilemenu.autoipar:hover { color:#eeeeee; border:1px solid #252e2f; background-color:#b13232; text-shadow: 0 4px 8px #252e2f; display:block; } .mobilemenusec.autoipar { color:#111111; background-color:#a5a5a9; border:1px solid #b13232; } .mobilemenusecactive.autoipar, .mobilemenusec.autoipar:hover { color:#eeeeee; border:1px solid #252e2f; background-color:#b13232; text-shadow: 0 4px 8px #252e2f; } .mobilemenuthird.autoipar { color:#111111; background-color:#a5a5a9; border:1px solid #b13232; } .mobilemenuthirdactive.autoipar, .mobilemenuthird.autoipar:hover { color:#eeeeee; border:1px solid #252e2f; background-color:#b13232; text-shadow: 0 4px 8px #252e2f; } /* --------- O L A J C S E R E ---- */ .mobilemenu.olajcsere { color:#252e2f; border:1px solid #0c320c; } .mobilemenuactive.olajcsere, .mobilemenu.olajcsere:hover { color:#eeeeee; border:1px solid #9ac700; background-color:#0c320c; text-shadow: 0 4px 8px #252e2f; display:block; } .mobilemenusec.olajcsere { color:#111111; background-color:#a5a5a9; border:1px solid #0c320c; } .mobilemenusecactive.olajcsere, .mobilemenusec.olajcsere:hover { color:#eeeeee; border:1px solid #9ac700; background-color:#0c320c; text-shadow: 0 4px 8px #252e2f; } .mobilemenuthird.olajcsere { color:#111111; background-color:#a5a5a9; border:1px solid #0c320c; } .mobilemenuthirdactive.olajcsere, .mobilemenuthird.olajcsere:hover { color:#eeeeee; border:1px solid #9ac700; background-color:#0c320c; text-shadow: 0 4px 8px #252e2f; } /* --------- O L A J C S E R E ---- */ .mobilemenu.muhely { color:#252e2f; border:1px solid #38c4e6; } .mobilemenuactive.muhely, .mobilemenu.muhely:hover { color:#eeeeee; border:1px solid #38c4e6; border-radius:5px; background-color:#38c4e6; text-shadow: 0 4px 8px #252e2f; display:block; } .mobilemenusec.muhely { color:#111111; background-color:#a5a5a9; border:1px solid #38c4e6; } .mobilemenusecactive.muhely, .mobilemenusec.muhely:hover { color:#eeeeee; border:1px solid #38c4e6; background-color:#38c4e6; text-shadow: 0 4px 8px #252e2f; } .mobilemenuthird.muhely { color:#111111; background-color:#a5a5a9; border:1px solid #38c4e6; } .mobilemenuthirdactive.muhely, .mobilemenuthird.muhely:hover { color:#eeeeee; border:1px solid #38c4e6; background-color:#38c4e6; text-shadow: 0 4px 8px #252e2f; } /* --------- O L A J C S E R E ---- */ .mobilemenu.tarolas { color:#252e2f; border:1px solid #0c2b32; } .mobilemenuactive.tarolas, .mobilemenu.tarolas:hover { color:#eeeeee; border:1px solid #1774a8; background-color:#0c2b32; text-shadow: 0px 3px 2px #d9d9d9; display:block; } .mobilemenusec.tarolas { color:#111111; background-color:#a5a5a9; border:1px solid #0c2b32; } .mobilemenusecactive.tarolas, .mobilemenusec.tarolas:hover { color:#eeeeee; border:1px solid #1774a8; background-color:#0c2b32; text-shadow: 0px 3px 2px #1774a8; } .mobilemenuthird.tarolas { color:#111111; background-color:#a5a5a9; border:1px solid #0c2b32; } .mobilemenuthirdactive.tarolas, .mobilemenuthird.tarolas:hover { color:#eeeeee; border:1px solid #1774a8; background-color:#0c2b32; text-shadow: 0px 3px 2px #1774a8; } .mobilemenu.visible, .mobilemenuactive.visible, .mobilemenusec.visible, .mobilemenusecactive.visible, .mobilemenuthird.visible, .mobilemenuthirdactive.visible { display:block; } .mobilemenu.hidden, .mobilemenuactive.hidden, .mobilemenusec.hidden, .mobilemenusecactive.hidden, .mobilemenuthird.hidden, .mobilemenuthirdactive.hidden { display:none; } .mobilemenu,.mobilemenu:hover { width:96%; height:20px; padding-left:5px; padding-top:5px; padding-bottom:5px; padding-right:5px; margin-top:5px; margin-left:5px; margin-bottom:5px; border-radius:5px; text-align:left; cursor:pointer; overflow:hidden;} .mobilemenuactive{ width:90%; height:20px; padding-left:5px; padding-top:5px; padding-bottom:5px; padding-right:5px; margin-top:5px; margin-left:6%; margin-bottom:5px; border-radius:5px; text-align:left; cursor:pointer; } .mobilemenusec, .mobilemenusec:hover, .mobilemenusecactive { width:87%; height:20px; padding-left:5px; padding-top:5px; padding-bottom:5px; padding-right:5px; margin-left:10%; margin-top:5px; margin-bottom:5px; border-radius:5px; text-align:left; cursor:pointer; } .mobilemenuthird, .mobilemenuthird:hover, .mobilemenuthirdactive { width:81%; height:18px; padding-left:5px; padding-top:12px; padding-bottom:0px; padding-right:5px; margin-bottom:5px; margin-left:15%; margin-top:5px; border-radius:5px; text-align:left; cursor:pointer; } /* ---------------------------------- MENU -----------------------------*/ .tabbed-area { position:relative; display:block; margin-bottom:49px; } .tabbed-area ul.tabs { margin:0px; padding:0px; } .tabbed-area ul.tabs li.pleft { list-style:none; display:block; float:left; margin:0; padding:0; } .tabbed-area ul.tabs li.pright { list-style:none; display:block; float:left; margin:0; padding:0; } .tabbed-area ul.tabs li.pleft a { padding:7px 8px 10px 8px; text-decoration:none; font-weight:bold; position:relative; z-index:100; outline:none; background-color:#eeeeee; border:1px solid #a5a5a9; border-bottom:1px solid #a5a5a9; border-right:none; margin:0; top:1px; color:#a5a5a9; font-size:13px; line-height:17px; } .tabbed-area ul.tabs li.pleft a:hover { background-color:#a5a5a9; border:1px solid #a5a5a9; border-bottom:none; border-right:none; color:#252e2f; } .tabbed-area ul.tabs li.pleft a.active { color:#111111; padding:10px 8px 10px 8px; background-color:#a5a5a9; border:1px solid #a5a5a9; border-bottom:1px solid #a5a5a9; border-right:1px solid #a5a5a9; top:0; left:0; } .tabbed-area ul.tabs li.pright a { padding:7px 8px 10px 8px; text-decoration:none; font-weight:bold; position:relative; z-index:100; outline:none; background-color:#eeeeee; border:1px solid #a5a5a9; border-bottom:1px solid #a5a5a9; border-left:none; margin:0; top:1px; color:#a5a5a9; font-size:13px; line-height:17px; } .tabbed-area ul.tabs li.pright a:hover { background-color:#a5a5a9; border:1px solid #a5a5a9; border-bottom:none; border-left:none; color:#111111; } .tabbed-area ul.tabs li.pright a.active { color:#252e2f; padding:10px 8px 10px 8px; background-color:#a5a5a9; border:1px solid #a5a5a9; border-bottom:1px solid #a5a5a9; border-left:1px solid #a5a5a9; top:0; left:0; } .tabbed-area ul.tabs li:first-child a {border-right:none;} .tabbed-area ul.tabs li:nth-child(3) a {border-left:none;} .tabbed-area .tcontent { border:1px solid #a5a5a9; padding:0 5px 3px 5px; position:relative; top:10px; z-index:10;} .tabbed-area .tcontent_v { border:1px solid #d9d9d9; padding:0 0 3px 15px; position:relative; top:10px; z-index:10;} .tabbed-area .tcontent { display:none; } .tabbed-area .tcontent_v { display:none; } .accordion {width:100%;cursor:pointer;margin:0 0 5px 0;padding:0;} .accordion.szures {width:100%;cursor:pointer;margin:0 0 5px 0;padding:0;} .accordion li {margin:-1px 0 0 0;} .accordion div.parent {margin:0;padding:0;vertical-align:middle;} .accordion div.parent .accordion-caption { background:url(/media/design/accordion-arrow.png) no-repeat transparent; width:23px; height:23px; float:right; position:relative; top:8px; margin-right:10px; } .accordion div.parent h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-size:14px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(64, 64, 64, 0.4);color:#252e2f;} .accordion div.parent.open h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-style:small-caps;font-size:14px;border:1px solid #38c4e6;border-radius:5px;margin:0;background:#1774a8; color:#eeeeee;} .accordion div.parent:hover h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-size:14px;border:1px solid #38c4e6;border-radius:5px;margin:0;background:#1774a8; color:#eeeeee;} .accordion div.parent:hover h6.menufullwidthblue {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-size:14px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#1774a8; color:#eeeeee;} .accordion div.parent.open h6.menufullwidthblue {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-style:small-caps;font-size:14px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#1774a8; color:#eeeeee;} .accordion div.parent:hover h6.menufullwidthgreen {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-size:14px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#9ac700; color:#252e2f;} .accordion div.parent.open h6.menufullwidthgreen {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-style:small-caps;font-size:14px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#9ac700; color:#252e2f;} .accordion div.parent:hover h6.menufullwidthyellow {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-size:14px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#e6c438; color:#252e2f;} .accordion div.parent.open h6.menufullwidthyellow {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-style:small-caps;font-size:14px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#e6c438; color:#252e2f;} .accordion div.parent:hover h6.menufullwidthorange {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-size:14px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#b13232; color:#eeeeee;} .accordion div.parent.open h6.menufullwidthorange {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-style:small-caps;font-size:14px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#b13232; color:#eeeeee;} .accordion div.parent:hover h6.menufullwidthpoison {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-size:14px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#ac9070; color:#252e2f;} .accordion div.parent.open h6.menufullwidthpoison {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-style:small-caps;font-size:14px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#ac9070; color:#252e2f;} .accordion div.parent:hover h6.menufullwidtholive {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-size:14px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#70ac90; color:#252e2f;} .accordion div.parent.open h6.menufullwidtholive {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-style:small-caps;font-size:14px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#70ac90; color:#252e2f;} .accordion div.parent:hover h6.menufullwidthbluemuh {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-size:14px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#38c4e6; color:#252e2f;} .accordion div.parent.open h6.menufullwidthbluemuh {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-style:small-caps;font-size:14px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#38c4e6; color:#252e2f;} .accordion div.parent:hover h6.menufullwidthnavy {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-size:14px;border:1px solid #38c4e6;border-radius:5px;margin:0;background:#0c2b32; color:#eeeeee;} .accordion div.parent.open h6.menufullwidthnavy {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal; font-style:small-caps;font-size:14px;border:1px solid #38c4e6;border-radius:5px;margin:0;background:#0c2b32; color:#eeeeee;} .bluebox {width:auto; border:1px solid #252e2f;border-radius:5px;margin:0; background:#b13232; color:#eeeeee; display:block; margin:10px;} .accordion div.parent.blue h6 {width:20%; min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(64, 64, 64, 0.4);color:#252e2f; transition-duration:1s; transition-timing-function:ease;} .accordion div.parent.blue:hover h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #38c4e6;border-radius:5px;margin:0;background:#1774a8; color:#eeeeee;} .accordion div.parent.open.blue h6 {width:100%; min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #38c4e6;border-radius:5px;margin:0;background:#1774a8; color:#eeeeee;} .accordion div.parent.open.blue h5 {min-height:20px;padding:2px 0px 5px 5px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #38c4e6;border-radius:5px;margin:0;background:rgba(23, 116, 168, 0.4); color:#252e2f;} .accordion div.parent.open.blue:hover h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #38c4e6;border-radius:5px;margin:0;background:rgba(23, 116, 168, 0.4); color:#252e2f;} .greenbox {width:auto; border:1px solid #252e2f;border-radius:5px;margin:0; background:rgba(154, 199, 0, 0.4); color:#eeeeee; display:block; margin:10px;} .accordion div.parent.green h6 {width:20%; min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(64, 64, 64, 0.4);color:#252e2f; transition-duration:1s; transition-timing-function:ease;} .accordion div.parent.green:hover h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#9ac700; color:#252e2f;} .accordion div.parent.open.green h6 {width:100%; min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#9ac700; color:#eeeeee;} .accordion div.parent.open.green h5 {min-height:20px;padding:2px 0px 5px 5px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(154, 199, 0, 0.4); color:#252e2f;} .accordion div.parent.open.green:hover h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(154, 199, 0, 0.4); color:#252e2f;} .yellowbox {width:auto; border:1px solid #252e2f;border-radius:5px;margin:0; background:rgba(230, 196, 56, 0.4); color:#eeeeee; display:block; margin:10px;} .accordion div.parent.yellow h6 {width:20%; min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(64, 64, 64, 0.4);color:#252e2f; transition-duration:1s; transition-timing-function:ease;} .accordion div.parent.yellow:hover h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#e6c438; color:#eeeeee;} .accordion div.parent.open.yellow h6 {width:100%; min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#e6c438; color:#eeeeee;} .accordion div.parent.open.yellow h5 {min-height:20px;padding:2px 0px 5px 5px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(230, 196, 56, 0.4); color:#252e2f;} .accordion div.parent.open.yellow:hover h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(230, 196, 56, 0.4); color:#252e2f;} .orangebox {width:auto; border:1px solid #252e2f;border-radius:5px;margin:0; background:rgba(177, 50, 50, 0.4); color:#eeeeee; display:block; margin:10px;} .accordion div.parent.orange h6 {width:20%; min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(64, 64, 64, 0.4);color:#252e2f; transition-duration:1s; transition-timing-function:ease;} .accordion div.parent.orange:hover h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#b13232; color:#eeeeee;} .accordion div.parent.open.orange h6 {width:100%; min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#b13232; color:#eeeeee;} .accordion div.parent.open.orange h5 {min-height:20px;padding:2px 0px 5px 5px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(177, 50, 50, 0.4); color:#252e2f;} .accordion div.parent.open.orange:hover h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(177, 50, 50, 0.4); color:#252e2f;} .poisonbox {width:auto; border:1px solid #252e2f;border-radius:5px;margin:0; background:rgba(12, 50, 12, 0.4); color:#eeeeee; display:block; margin:10px;} .accordion div.parent.poison h6 {width:20%; min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(64, 64, 64, 0.4);color:#252e2f; transition-duration:1s; transition-timing-function:ease;} .accordion div.parent.poison:hover h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#0c320c; color:#eeeeee;} .accordion div.parent.open.poison h6 {width:100%; min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#0c320c; color:#eeeeee;} .accordion div.parent.open.poison h5 {min-height:20px;padding:2px 0px 5px 5px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(12, 50, 12, 0.4); color:#252e2f;} .accordion div.parent.open.poison:hover h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(12, 50, 12, 0.4); color:#252e2f;} .olivebox {width:auto; border:1px solid #252e2f;border-radius:5px;margin:0; background:#ac9070; color:#eeeeee; display:block; margin:10px;} .accordion div.parent.olive h6 {width:20%; min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(64, 64, 64, 0.4);color:#252e2f; transition-duration:1s; transition-timing-function:ease;} .accordion div.parent.olive:hover h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#ac9070; color:#eeeeee;} .accordion div.parent.open.olive h6 {width:100%; min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#ac9070; color:#eeeeee;} .accordion div.parent.open.olive h5 {min-height:20px;padding:2px 0px 5px 5px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(50, 56, 43, 0.4); color:#eeeeee;} .accordion div.parent.open.olive:hover h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(50, 56, 43, 0.4); color:#eeeeee;} .navybox {width:auto; border:1px solid #252e2f;border-radius:5px;margin:0; background:#0c2b32; color:#eeeeee; display:block; margin:10px;} .accordion div.parent.navy h6 {width:20%; min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(64, 64, 64, 0.4);color:#252e2f; transition-duration:1s; transition-timing-function:ease;} .accordion div.parent.navy:hover h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#0c2b32; color:#eeeeee;} .accordion div.parent.open.navy h6 {width:100%; min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#0c2b32; color:#eeeeee;} .accordion div.parent.open.navy h5 {min-height:20px;padding:2px 0px 5px 5px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(12, 43, 50, 0.4); color:#eeeeee;} .accordion div.parent.open.navy:hover h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(12, 43, 50, 0.4); color:#252e2f;} .bluemuhbox {width:auto; border:1px solid #252e2f;border-radius:5px;margin:0; background:#38c4e6; color:#eeeeee; display:block; margin:10px;} .accordion div.parent.bluemuh h6 {width:20%; min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(64, 64, 64, 0.4);color:#252e2f; transition-duration:1s; transition-timing-function:ease;} .accordion div.parent.bluemuh:hover h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#38c4e6; color:#eeeeee;} .accordion div.parent.open.bluemuh h6 {width:100%; min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:#38c4e6; color:#eeeeee;} .accordion div.parent.open.bluemuh h5 {min-height:20px;padding:2px 0px 5px 5px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(56, 196, 230, 0.4); color:#252e2f;} .accordion div.parent.open.bluemuh:hover h6 {min-height:31px;padding:9px 0px 0px 10px;font-weight:normal;font-variant:small-caps;font-size:16px;border:1px solid #252e2f;border-radius:5px;margin:0;background:rgba(56, 196, 230, 0.4); color:#252e2f;} .menuszures {width:auto; float:left; margin:0px 15px 15px 0px; padding:0px 5px 0px 5px; font-size:12px;} .menuszures.blue:hover {background:#1774a8; border:1px solid #252e2f;font-color:#eeeeee;} .menuszures.blue:hover a div {color:#eeeeee;} .menuszures.green:hover {background:#9ac700; border:1px solid #252e2f;} .menuszures.yellow:hover {background:#e6c438; border:1px solid #252e2f;} .menuszures.orange:hover {background:#b13232; border:1px solid #252e2f;} .menuszures.poison:hover {background:#0c320c; border:1px solid #252e2f;} .menuszures.olive:hover {background:#ac9070; border:1px solid #252e2f;} .menuszures.navy:hover {background:#0c2b32; border:1px solid #252e2f;} .menuszures.bluemuh:hover {background:#38c4e6; border:1px solid #252e2f;color:#eeeeee;} .border.blue {border:1px solid #1774a8;border-radius:5px;} .border.green {border:1px solid #9ac700;border-radius:5px;} .border.yellow {border:1px solid #e6c438;border-radius:5px;} .border.orange {border:1px solid #b13232;border-radius:5px;} .border.olive {border:1px solid #ac9070;border-radius:5px;} .border.navy {border:1px solid #0c2b32;border-radius:5px;} .border.poison {border:1px solid #0c320c;border-radius:5px;} .border.bluemuh {border:1px solid #1774a8;border-radius:5px;} .accordion div.tcontent {padding:14px;display:none;border:1px solid #1774a8;border-radius:0px 0px 10px 10px;border-top:none;margin:0px 10px 0px 10px; transition-duration:1s; transition-timing-function:ease;} .accordion div.tcontent.szures {padding:14px;display:none;border:0px;margin:0px 10px 0px 10px; transition-duration:1s; transition-timing-function:ease;} .accordion div.tcontent.blue {padding:14px;display:none;border:1px solid #1774a8;border-radius:0px 0px 10px 10px;border-top:none;margin:0px 10px 0px 10px;} .accordion div.tcontent.yellow {padding:14px;display:none;border:1px solid #e6c438;border-radius:0px 0px 10px 10px;border-top:none;margin:0px 10px 0px 10px;} .accordion div.tcontent.green {padding:14px;display:none;border:1px solid #9ac700;border-radius:0px 0px 10px 10px;border-top:none;margin:0px 10px 0px 10px;} .accordion div.tcontent.orange {padding:14px;display:none;border:1px solid #b13232;border-radius:0px 0px 10px 10px;border-top:none;margin:0px 10px 0px 10px;} .accordion div.tcontent.poison {padding:14px;display:none;border:1px solid #0c320c;border-radius:0px 0px 10px 10px;border-top:none;margin:0px 10px 0px 10px;} .accordion div.tcontent.bluemuh {padding:14px;display:none;border:1px solid #1774a8;border-radius:0px 0px 10px 10px;border-top:none;margin:0px 10px 0px 10px;} .accordion div.tcontent.olive {padding:14px;display:none;border:1px solid #ac9070;border-radius:0px 0px 10px 10px;border-top:none;margin:0px 10px 0px 10px;} .accordion div.tcontent.navy {padding:14px;display:none;border:1px solid #0c2b32;border-radius:0px 0px 10px 10px;border-top:none;margin:0px 10px 0px 10px;} .accordion div.tcontent_v {padding:14px;display:none;border:1px solid #3aa9d2;border-top:none;} /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* #MIN-WIDTH 1591 Grid - azaz 1591px felett ================================================== */ @media only screen and (min-width: 1591px) { .container { max-width: 1650px; } .kismenu {display:block;} .container, .container-one { position: relative; width: 100%; margin:0px 20px 0px 20px; padding: 0; } .header-title-one {margin:0px 0px 0px 20px; width:98%;} .container .one-third.column { width: 30%; } .container .two-thirds.column { width: 65%; float:right;} .menuajanlo{ max-width:230px; width:230px; height:50px; } .menuajanloactive{ max-width:230px; width:230px; height:50px; } .menukezi,.menukeziactive, .menuemeles, .menuemelesactive{ max-width:230px; width:230px; height:50px; } .subkockakezi {width:230px;} .subkockakeziactive {width:230px;} .o3SHMenuIcon {display:none;} .kismenu {display:block;} .kapcsolat1, .kapcsolat2, .kapcsolat3, .logo {float:none; width:100%} .kapcsolat3 {display:none;} .body .portfolio.standard.three .itemfo {max-width:32%;} .body .portfolio.standard.three.prodfo .itemfo {max-width:24% !important;} .body .portfolio.standard.three.prodfo .itemfo.keziszerszam {float:left; border:2px solid #1774a8 !important; border-radius:10px; margin-right:10px; text-align:center;} .body .portfolio.standard.three.prodfo .itemfo.emelestechnika {float:left; border:2px solid #9ac700 !important; border-radius:10px; margin-right:10px; text-align:center;} .body .portfolio.standard.three.prodfo .itemfo.legtechnika {float:left; border:2px solid #e6c438 !important; border-radius:10px; margin-right:10px; text-align:center;} .body .portfolio.standard.three.prodfo .itemfo.autoipar {float:left; border:2px solid #b13232 !important; border-radius:10px; margin-right:10px; text-align:center;} .body .portfolio.standard.three.prodfo .itemfo.kenestechnika {float:left; border:2px solid #ac9070 !important; border-radius:10px; margin-right:10px;text-align:center;} .body .portfolio.standard.three.prodfo .itemfo.muhelyfelszereles {float:left; border:2px solid #38c4e6 !important; border-radius:10px; margin-right:10px; text-align:center;} .body .portfolio.standard.three.prodfo .itemfo.szerszamtarolas {float:left; border:2px solid #70ac90 !important; border-radius:10px; margin-right:10px; text-align:center;} .o3FilterContentIKON {display:none; height:auto; width:50%; transition:all .8s; float:left;} } /* #MIN-Width 1400 Grid - azaz 1400 felett ================================================== */ @media only screen and (min-width: 1400px) { .container { max-width: 1650px; } .kapcsolat1, .kapcsolat2, .kapcsolat3, .logo {float:right; width:45%} .body .portfolio.standard.three.prodfo .itemfo {max-width:24% !important;} .o3FilterContentIKON {display:none; height:auto; width:50%; transition:all .8s; float:left;} } @media only screen and (max-width: 1280px) { #ProdIdHalfLeft {float:none !important; width:auto; margin-right:30px; display:block;} #ProdIdHalfRight {float:none !important; width:auto; margin-right:30px; display:block;} .half.column.left.infolista {float:left !important;} .half.column.right.infolista {float:right !important;} } /* #MIN-Width 1261 Grid - azaz 1261 felett ================================================== */ @media only screen and (min-width: 1261px) { .kapcsolat1, .kapcsolat2, .kapcsolat3, .logo {float:right; width:45%} .body .portfolio.standard.three.prodfo .itemfo {max-width:32%;} .FilterSub {width: 25% !important; float:left;} .o3Filter{width:99%;} .o3FilterContentIKON {margin:auto; float:left; width: 45%;} .o3FilterContent {margin:auto; float:left; width: 22%;} .o3FilterContentMain {width: 99%;} .FilterSub {width: 25% !important; float:left;} .o3Filter{width:99%;} .o3FilterContentIKON {margin:auto; float:left; width: 45%;} .o3FilterContent {margin:auto; float:left; width: 22%;} .o3FilterContentMain {width: 99%;} /*.half.column.left.infolista {width: 100%; float:none !important;} .half.column.right.infolista {width: 100%; float:none !important;}*/ .half.column.left.infolista {width: 48%; float:left !important;} .half.column.right.infolista {width: 48%; float:right !important;} .container .sixteen.columns.infolista {width:100%;} } /* #MIN-WIDTH: 960 - MAX-WIDTH:1260 Grid ================================================== */ @media only screen and (min-width: 981px) and (max-width: 1260px) { .MainMenu { display:none; } .kismenu {display:block;} .header .nav .mini {display:block;} .container, .container-one { position: relative; width: auto; margin:auto; padding: 0; } .container.callout.standard {margin:0px 20px 0px 20px;} /* .header-title-one {margin:0px 0px 0px 20px; width:98%;} */ .header-title-one {margin:0px 0px 0px 20px; width:98%;} .container .one-third.column { width: 33%; } .container .two-thirds.column { width: 65%; } .menuajanlo{ max-width:230px; width:230px; height:50px; } .menuajanloactive{ max-width:230px; width:230px; height:50px; } .menukezi,.menukeziactive, .menuemeles, .menuemelesactive{ max-width:230px; width:230px; height:50px; } .subkockakezi {width:230px;} .subkockakeziactive {width:230px;} .o3SHMenuIcon {display:none;} .kismenu {display:block;} .kapcsolat1, .kapcsolat2, .kapcsolat3, .logo {float:none; width:100%} .kapcsolat3 {display:none;} .body .portfolio.standard.three .itemfo {max-width:32%;} .body .portfolio.standard.three.prodfo .itemfo {max-width:32%;} .header .logo {margin-top:20px;} .o3MobileMenuTop {width:96%;} .o3MobileMenuTopSec {width:94%; top:-250px; left:5px;} .body .portfolio.standard.three .item {max-width:32%;} .FilterSub {width: 45% !important; float:left;} .o3Filter{width:99%;} .o3FilterContentIKON {margin:auto; float:left; width: 45%;} .o3FilterContent {margin:auto; float:none; width: 85%;} .o3FilterContentMain {width: 99%;} } /* #MAX-WIDTH: 980 - azaz 980px ALATT ================================================== */ @media only screen and (max-width: 980px) { .MainMenu { display:none; } .prodnamelist { min-height: 70px; max-width: 99%; height:140px; vertical-align:middle;} .header .nav .mini {display:block;width:98%;} .header .logo {float:none;} .kismenu {display:block;} .container, .container-one { position: relative; width: auto; margin:auto; padding: 0; } .container.callout.standard {margin:0px 10px 0px 10px;} .footer .first { width:25%; padding-right:20px;} .right.thirty { width:27%;} .column.ct { width:28%;} .header-title-one {margin:0px 0px 0px 20px; width:98%;} .container .one-third.column { width: 30%; } .container .two-thirds.column { width: 65%; } .menuajanlo{ max-width:230px; width:230px; height:50px; } .menuajanloactive{ max-width:230px; width:230px; height:50px; } .menukezi,.menukeziactive, .menuemeles, .menuemelesactive{ max-width:230px; width:230px; height:50px; } .subkockakezi {width:230px;} .subkockakeziactive {width:230px;} .o3SHMenuIcon {display:none;} .kismenu {display:block;} .kapcsolat1, .kapcsolat2, .kapcsolat3, .logo {float:none; width:100%} .kapcsolat3 {display:none;} .body .portfolio.standard.three .itemfo {max-width:48%;} .body .portfolio.standard.three.prodfo .itemfo {max-width:48%;} .body .portfolio.standard.three.prodfo .itemfo.keziszerszam {float:left; border:4px solid #1774a8 !important; border-radius:10px; margin-right:0px; margin:auto; text-align:center;} .body .portfolio.standard.three.prodfo .itemfo.emelestechnika {float:left; border:4px solid #9ac700 !important; border-radius:10px; margin-right:0px; margin:auto; text-align:center;} .body .portfolio.standard.three.prodfo .itemfo.legtechnika {float:left; border:4px solid #e6c438 !important; border-radius:10px; margin-right:0px; margin:auto; text-align:center;} .body .portfolio.standard.three.prodfo .itemfo.autoipar {float:left; border:4px solid #b13232 !important; border-radius:10px; margin-right:0px; margin:auto; text-align:center;} .body .portfolio.standard.three.prodfo .itemfo.kenestechnika {float:left; border:4px solid #ac9070 !important; border-radius:10px; margin-right:0px; margin:auto; text-align:center;} .body .portfolio.standard.three.prodfo .itemfo.muhelyfelszereles {float:left; border:4px solid #38c4e6 !important; border-radius:10px; margin-right:0px; margin:auto; text-align:center;} .body .portfolio.standard.three.prodfo .itemfo.szerszamtarolas {float:left; border:4px solid #70ac90 !important; border-radius:10px; margin-right:0px; margin:auto; text-align:center;} .indexlogo {width:95%;} .indexpro h4 {padding-bottom: 10px;} .indexpro {float: none; width:100%;} .indexprobg {float: none; width:100%; max-height:260px; display:inline-block;} .indexprotxt {width:100%;} .cp { width:100%; height:fit-content; min-height:50px; border:1px solid #252e2f; border-left:0px; text-align:center; border-right:0px; background-color:#1774a8;} .indexipafrm { height:fit-content;} .indexipa {float:none; width:100%; padding-top:20px;} .indexipa p {margin-bottom:60px;} .indexipabg {float:none; width:100%; height:300px;} .indeximpbg {float:none; width:100%;} .indeximp {float:none; width:100%;} .indeximptxt {width:90%; margin:auto; margin-bottom:50px;} .indeximpfrm {width:100%; height:fit-content; margin:auto; padding-top:0px; padding-bottom:0px; min-height:100px; border:1px solid #252e2f; border-left:0px; text-align:center; border-right:0px; background-color:#1774a8;} .indeximpspacer {display:none;} .indexor {float:none; width: 100%;} .indexor5 {display:none;} .indexorbg {background-position:bottom;height:fit-content;background-size:90%;} .indexortxt {width:90%; margin:auto; overflow:hidden; padding-bottom:20px;} .indexbov {float:none; width: 100%; padding-bottom:20px;} .indexbovtxt {width:90%; margin:auto; margin-top:300px; padding-top:20px; margin-bottom:50px;} .indexbov4 {display:none;} .indexbovbg {background-position:top; height:fit-content;background-size:100%;} .markadoboz {width:30%; margin:5px; padding:5px;} .markadobozgrey {width:30%; margin:5px; padding:5px;} .indexver {float:none; width:100%;} .indexvertxt {width:90%; margin:auto; height:auto; margin-bottom:30px; margin-top:450px;} .indexverbg {width:100%; min-height:500px; margin:auto; padding-top:0px; padding-bottom:0px; border:1px solid #252e2f; border-left:0px; text-align:center; border-right:0px; background-color:#d9d9d9; background-image:url('/media/design/szerszam-szerviz-ikon.png'); background-repeat: no-repeat; background-attachment: scroll; background-position:top; background-size: 80%;} .indexor6 {display:none;} .indexor7 {display:none;} .FilterSub {width: 45% !important; float:left;} .o3Filter{width:99%;} .o3FilterContentIKON {margin:auto; float:left; width: 45%;} .o3FilterContent {margin:auto; float:none; width: 85%;} .o3FilterContentMain {width: 99%;} } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 980px) { #indexUdvSpacer1 {display:none;} #indexUdvSpacer2 {display:none;} #indexUdvSpacer3 {display:none;} .MainMenu { display:none; } .kismenu {display:block;} .header .nav .mini {display:block; margin-top:10px;} .header-title-one {margin:0px 0px 0px 0px; width:100%;} .kismenu {display:block;} .container, .container-one { width: 100%;} .container-one {margin:0px;} .container .one-third.column { width: 45%; } .container .two-thirds.column { width: 50%; } .header .logo {max-width:298px;position:relative; float:none;} .header .logo {margin:0px 0px 0px 20px; position:relative;top:14px;padding:0;} .header .logo img {width:100%;position:relative;} .menuajanlo.o3MainMenu,.menukezi.o3MainMenu, .menuemeles.o3MainMenu, .menulegtechnika.o3MainMenu, .menuautoipar.o3MainMenu, .menutarolas.o3MainMenu, .menuolajcsere.o3MainMenu, .menumuhely.o3MainMenu {width:200px;} .o3SHMenuIcon {display:none;} .kapcsolat1, .kapcsolat2, .kapcsolat3, .logo {float:none; width:100%} .kapcsolat3 {display:none;} .body .portfolio.standard.three .itemfo {max-width:32%;} .indexprotxt {width:90%; margin:auto;padding-top:20px; padding-bottom:20px; min-height:100px;} .cp { width:100%; height:fit-content; min-height:50px; border:1px solid #252e2f; border-left:0px; text-align:center; border-right:0px; background-color:#1774a8;} .o3MobileMenuTopSec {width:94%; top:-250px; left:5px;} .body .portfolio.standard.three .item {max-width:48%;} .FilterSub {width: 45% !important; float:left;} .o3Filter{width:99%;} .o3FilterContentIKON {margin:auto; float:left; width: 45%;} .o3FilterContent {margin:auto; float:none; width: 85%;} .o3FilterContentMain {width: 99%;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #indexUdvSpacer1 {display:none;} #indexUdvSpacer2 {display:none;} #indexUdvSpacer3 {display:none;} .kapcsolat1, .kapcsolat2, .kapcsolat3, .logo {float:none; width:100%} .kapcsolat3 {display:none;} .container .four.columns {width:25%;} .kismenu {display:block;} .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 100%; } .header-title-one {width:100%; margin:0px;} .container, .container-one { width: 98%;} .container, .container-one {margin: 0px 5px 0px 5px;} .container-one { margin:0px; } .header .logo {left:0px !important; margin:auto; float:none;} .header .nav .mini .logo { float:left; margin:auto; text-align:center; } .header .nav .mini .logo {max-width:176px;top:2px;position:relative;} .header .nav .mini .logo img {width:100%;top:0px;position:relative;} .header .nav .mini .logo img { width:auto; height:auto; margin:auto; text-align:center; } .header-info {display:none;left:0px !important; width:290px;} .header { width:100%; position:relative; min-width:320px; z-index:99999; } .kapcsolat1{margin:5px 0px 5px 0px;width:100%; float:none; cursor:pointer;} .kapcsolat2{margin:5px 0px 5px 0px;width:100%; float:none; cursor:pointer;} .header.container { position:relative; background-color:#ffffff; margin:0px; padding-top:6px; z-index:10; } .header .nav { background-color:#1774a8; height:75px; width:100%; margin:auto; border-bottom:1px solid #252e2f; border-top:1px solid #252e2f; margin-bottom:15px; z-index:99999; position:relative; box-shadow: 0 4px 8px #252e2f; } .o3SHMenuIcon {display:none;} .footer .blur {display:none;} .footer .blur {width:480px;} .header .shadow { background: url(/media/design/nav-shadow-1260.png) top left no-repeat transparent; height:45px; width:1251px; position:relative; margin:0; padding:0; margin:auto; top:-17px; z-index:10; margin-bottom:-57px; } .header.slider-expand .shadow {top:-10px;margin-bottom:0;} .header .nav .mini { display:block; margin-top:10px;} .header .nav .standard { position:relative; z-index:10; display:block; width:98% !important; } .header .nav .standard .tabwrapper { padding-top:0px; margin-top:0px; display:block; float:right;} /* SUBMENU STARTS */ .header div.menu-wrapper { position:relative; z-index:99999; max-width:1260px;} .header .menu li.submenu { position:relative; z-index:99999; } .header .menu li.submenu a.hover { position:relative; z-index:99999; } .header .nav .standard ul.tabs {padding-top:0;position:relative; cursor:pointer;} .header .nav .standard ul.tabs li { list-style:none; float:left; position:relative; padding-top:19px; margin:-15px 1px 0 1px; background-image:url(/media/design/header-dividers.png) top left no-repeat transparent; height:50px; } .header .nav .standard ul.tabs2 li { list-style:none; float:right; position:relative; padding-top:19px; margin:-15px 1px 0 1px; background-image:url(/media/design/header-dividers.png) top left no-repeat #eeeeee; height:50px; } .header .nav .standard ul.tabs li a {color:#efefef; font-size:14px; font-weight:600; font-style:normal; transition: all 0.2s ease 0s; padding:13px 14px 13px 18px; text-shadow: 1px 1px 1px #000000; } .body .portfolio.standard.three .itemfo {max-width:98%;} .body .portfolio.standard.three.prodfo .itemfo {max-width:98%;} .itemfo.keziszerszam {width:98% !important; border-width:2px;} .body .portfolio .item, .body .portfolio .itemfo.emelestechnika {width:98%; border-width:2px;} .body .portfolio .item, .body .portfolio .itemfo.legtechnika {width:98%; border-width:2px;} .body .portfolio .item, .body .portfolio .itemfo.autoipar {width:98%; border-width:2px;} .body .portfolio .item, .body .portfolio .itemfo.kenestechnika {width:98%; border-width:2px;} .body .portfolio .item, .body .portfolio .itemfo.muhelyfelszereles {width:98%; border-width:2px;} .body .portfolio .item, .body .portfolio .itemfo.szerszamtarolas {width:98%; border-width:2px;} .body .portfolio.standard.three .itemfo h5,.body .portfolio.standard.three .itemfo p,.body .portfolio.standard.three .itemfo a {color:#4c4c4c;text-align:center;line-height:12px;margin:0;} .body .portfolio.standard.three .itemfo h5 {max-width:100%;margin-top:11px;font-size:15px; line-height:18px;} .body .portfolio.standard.three .itemfo .listcontent h5 {max-width:100%;margin-top:11px;font-size:15px;} .body .portfolio.standard.three .itemfo p {color:#9b9b9b;margin:7px 0 3px 0;} .body .portfolio.standard.three .item {max-width:48%; margin-left:2px; margin-right:2px;} .body .portfolio.standard.three .item.grey {max-width:48%; margin-left:2px; margin-right:2px;} .body .portfolio.standard.three .itemfo {max-width:47%; margin-left:2px; margin-right:2px;} .body .portfolio.standard.three .itemfo.grey {max-width:47%; margin-left:2px; margin-right:2px;} .body .portfolio.standard.three .itemfo.keziszerszam {max-width:98%; margin-left:2px; margin-right:2px; border-width:2px;} .body .portfolio.standard.three .itemfo.emelestechnika {max-width:98%; margin-left:2px; margin-right:2px; border-width:2px;} .body .portfolio.standard.three .itemfo.legtechnika {max-width:98%; margin-left:2px; margin-right:2px; border-width:2px;} .body .portfolio.standard.three .itemfo.kenestechnika {max-width:98%; margin-left:2px; margin-right:2px; border-width:2px;} .body .portfolio.standard.three .itemfo.autoipar {max-width:98%; margin-left:2px; margin-right:2px; border-width:2px;} .body .portfolio.standard.three .itemfo.muhelyfelszereles{max-width:98%; margin-left:2px; margin-right:2px; border-width:2px;} .body .portfolio.standard.three .itemfo.szerszamtarolas {max-width:98%; margin-left:2px; margin-right:2px; border-width:2px;} .indexipa {width:100%;padding-top:20px;} .indexipabg {width:99%; height:400px; margin:auto; background-image:url('/media/design/400500_4.jpg'); min-height: 98%; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: cover; border:1px solid #d4d4d4;} .indexipafrm {width:100%; height:400px; margin:auto; padding-top:0px; padding-bottom:0px; min-height:100px; text-align:center; background-color:#d9d9d9;} .indexpro {width:100%;} .indexprobg {width:99%; height:400px; margin:auto; background-image:url('/media/design/production-2.jpg'); min-height: 98%; background-repeat: no-repeat; background-attachment: scroll; background-position: top; background-size: cover; border:1px solid #d4d4d4;} .indexprotxt {width:60%; margin:auto;padding-top:40px; padding-bottom:20px; min-height:100px;} .indeximp {width:100%; background-color:#1774a8;} .indeximpbg {width:99%; height:500px; margin:auto; background-image:url('/media/design/impact-sockets.jpg'); min-height: 98%; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: cover; border:1px solid #d4d4d4;} .indexor {width:100%; background-color:#d9d9d9;} .indexorbg {width:99%; min-height:500px; margin:auto; padding-top:0px; padding-bottom:0px; text-align:center; background-color:#d9d9d9; background-image:url('/media/design/terkep-partnerek.png'); min-height: 100%; background-repeat: no-repeat; background-attachment: scroll; background-position: right; background-size: contain; overflow:hidden; border:1px solid #d9d9d9;} .indexor3 {width:95%; margin:auto; overflow:hidden; padding-bottom:15px;} .indexor4 {visibility:hidden; min-height:100px;} .indexver {width:50%; background-color:#d9d9d9;} .body .portfolio.standard.three .item {max-width:98%;} .FilterSub {width: 85% !important; float:none;} .o3FilterContentIKON {margin:auto; float:none; width: 85%;} .o3FilterContent {margin:auto; float:none; width: 85%;} .fourteenMob100 {width:100% !important;} } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { #indexUdvSpacer2 {display:none;} #indexUdvSpacer3 {display:none;} body {max-width:100% !important; overflow-x:hidden !important;} .header .logo {float:none;} .header-title-one {width:100%; margin:0px;} .kapcsolat1, .kapcsolat2, .kapcsolat3, .logo {float:none; width:100%} .kapcsolat3 {display:none;} .kismenu {display:block;} .container, .container-one { width: auto; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 100%; } .header-info {display:block;background-color:#ffffff; width:100%; position:relative; left:-10px; margin-top:5px; text-align:center;} .kapcsolat1{margin:5px 0px 5px 0px;width:auto; float:none;} .kapcsolat3{margin:5px 0px 5px 0px;width:auto; float:none;} .kapcsolat2{margin:5px 0px 5px 0px;width:auto; float:none;} .page-wrapper{position:relative; top:0px;} .o3SHMenuIcon {display:none;} .product-status{ padding-top:10px; max-width:70px; } .indexipa {width:100%;padding-top:80px;} .indexipabg {width:100%; height:400px; margin:auto; background-image:url('/media/design/400500_4.jpg'); min-height: 98%; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: cover; border:1px solid #d4d4d4;} .indexpro {width:100%;} .indexprobg {width:100%; height:400px; margin:auto; background-image:url('/media/design/production-2.jpg'); min-height: 98%; background-repeat: no-repeat; background-attachment: scroll; background-position: top; background-size: cover; border:1px solid #d4d4d4;} .indexprotxt {width:60%; margin:auto;padding-top:40px; padding-bottom:20px; min-height:100px;} .indeximp {width:100%; background-color:#1774a8;} .indeximpbg {width:100%; height:500px; margin:auto; background-image:url('/media/design/impact-sockets.jpg'); min-height: 98%; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: cover; border:1px solid #d4d4d4;} .indexor {width:100%; background-color:#d9d9d9;} .indexorbg {width:100%; min-height:500px; margin:auto; padding-top:0px; padding-bottom:0px; text-align:center; background-color:#d9d9d9; background-image:url('/media/design/terkep-partnerek.png'); min-height: 100%; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; background-size: contain; overflow:hidden; border:1px solid #d9d9d9;} .indexor3 {width:95%; margin:auto; overflow:hidden; padding-bottom:15px;} .indexor4 {visibility:hidden; min-height:460px;} .indexor5 {visibility:hidden; min-height:20px; max-height:20px; padding:20px;} .indexbov {width:100%; background-color:#1774a8;} .indexbovbg {width:100%; min-height:500px; margin:auto; padding-top:0px; padding-bottom:0px; border:1px solid #252e2f; border-left:0px; text-align:center; border-right:0px; background-color:#1774a8; background-image:url('/media/design/impact-sockets.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: cover; overflow:hidden;} .indexbov3 {width:95%; margin:auto; overflow:hidden; padding-bottom:15px;} .indexbov4 {visibility:hidden; min-height:460px;} .indexbov5 {visibility:hidden; min-height:20px; max-height:20px; padding:20px;} .indexverbg {width:100%; min-height:500px; margin:auto; padding-top:0px; padding-bottom:0px; border:1px solid #252e2f; border-left:0px; text-align:center; border-right:0px; background-color:#d9d9d9; background-image:url('/media/design/szerszam-szerviz-ikon.png'); background-repeat: no-repeat; background-attachment: scroll; background-position:right; background-size: contain;} .indexver {width:100%; background-color:#d9d9d9;} .body .portfolio.standard.three .itemfo {max-width:48% !important;} .indexheadline{color:#fdfdfd; line-height:65px; font-size:3em; font-weight:600; letter-spacing:4px;} .FilterSub {width: 85% !important; float:none;} .o3FilterContentIKON {margin:auto; float:none; width: 85%;} .o3FilterContent {margin:auto; float:none; width: 85%;} .half.column.left.infolista {float:none !important; display:inline;} .half.column.right.infolista {float:none !important; display:inline;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #indexUdvSpacer1 {display:none;} #indexUdvSpacer2 {display:none;} #indexUdvSpacer3 {display:none;} .div {width:99%} .header .nav {max-width:100%; margin:0px;} .header .logo {float:none;} .header .logominis { left:-25px;} .kapcsolat1, .kapcsolat2, .kapcsolat3, .logo {float:none; width:97%} .kapcsolat3 {display:none;} .kismenu {display:block;} .header-info {display:block;background-color:#ffffff; width:100%; position:relative; left:-10px; margin-top:5px;} .header-title-one {min-width:280px; width:99%;} .kapcsolat1{margin:5px 0px 5px 0px; cursor:pointer;} .kapcsolat2{margin:5px 0px 5px 0px; cursor:pointer;} .page-wrapper{position:relative; top:0px;} .main {margin-top: 12px;} .o3SHMenuIcon {display:none;} .wp-block-spacer {display:none;} .body .portfolio.standard.three .item,.body .portfolio.standard.three .itemfo,.body .portfolio.standard.four .item,.body .portfolio.standard.five .item {margin-bottom:54px;} .body .portfolio.standard.three .item {max-width:96%;} .body .portfolio.standard.three .itemfo {max-width:96%;} .body .portfolio.standard.three .item.grey {max-width:96%;} .body .portfolio.standard.three .itemfo.grey {max-width:96%;} .body .portfolio.standard.four .shadow,.body .portfolio.standard.five .shadow {left:0;background:url(/media/design/shadow-portfolio-three.png) transparent;height:15px;width:299px;} .body .portfolio-container {width:100%;position:relative;} .body .portfolio.two img {width:100%;margin:0;} .body .portfolio.two .item {margin-right:0;margin-bottom:16px;} .body .portfolio .item, .body .portfolio .itemfo {margin-bottom:10px;} .body .portfolio.standard.one .item {max-width:290px;} .body .portfolio.standard.four .item,.body .portfolio.standard.five .item {width:96%;max-width:96%;} .body .portfolio.info .item img {max-width:290px;} .footer.style-2 .patch { background:url(/media/design/footer-2-patch-320.png) top left no-repeat transparent; height:25px; } .divcookiemsg {width:90%; height:fit-content;} .footer .blur {width:98%;} .itemfo.keziszerszam {width:98% !important; border-width:2px;} h1 { font-size:xx-large; font-weight:600; margin-bottom: 14px; } .indexlogo {width:100%;} .indexheadline{color:#fdfdfd; line-height:65px; font-size:3em; font-weight:600; letter-spacing:4px;} .indexheadlinebg{width:100%; height:fit-content; min-height:300px; overflow:hidden; align-items:center; justify-content:center; display:flex; background:url(/media/design/2020-tavasz-web-genius-tools-b.webp); background-repeat:no-repeat; background-position: right center; max-width:calc(100% + 15px); --postwidth:50%; background-size:cover;} /*.indexheadlinebg{width:100%; height:fit-content; min-height:300px; overflow:hidden; align-items:center; justify-content:center; display:flex; background:url(/media/design/christmas_2025.jpg); background-repeat:no-repeat; background-position: middle center; max-width:calc(100% + 15px); --postwidth:50%; background-size:cover;}*/ .indexudv {text-align:center; width:90%; margin:auto; margin-bottom:30px;} .indexudvbox {background:RGBA(37, 46, 47, 0.5); border:1px solid #252e2f; padding-top:30px; padding-bottom:20px; width:100%; align:center; text-align:center; border-radius:20px;} .indexudvtxt {width:90%; margin:auto;} .indexprotxt {width:90%; margin:auto;padding-top:40px; padding-bottom:20px; min-height:100px;} .indexipatxt {width:90%; margin:auto;padding-bottom:20px; min-height:100px;} .indexipafrm {height:fit-content;} .indexor4 {height:300px;} .indexorbg {background-position:bottom; background-size:100%; overflow:hidden; border:1px solid #d9d9d9;} .indexbovbg {background:#1774a8; background-image:url(/media/design/impact-sockets.jpg); background-repeat:no-repeat; background-position: middle center; background-size:200%;} .indexverbg {background-size:150%;} .indexver {float:none; width:100%;} .indexipabg {background-size:contain;} .body .portfolio.standard.three.prodfo .itemfo .body .portfolio.standard.three.prodfo .itemfo.keziszerszam {float:left; border:4px solid #1774a8 !important; border-radius:10px; margin-right:0px; margin:auto; text-align:center;} .body .portfolio.standard.three.prodfo .itemfo.emelestechnika {float:left; border:4px solid #9ac700 !important; border-radius:10px; margin-right:0px; margin:auto; text-align:center;} .body .portfolio.standard.three.prodfo .itemfo.legtechnika {float:left; border:4px solid #e6c438 !important; border-radius:10px; margin-right:0px; margin:auto; text-align:center;} .body .portfolio.standard.three.prodfo .itemfo.autoipar {float:left; border:4px solid #b13232 !important; border-radius:10px; margin-right:0px; margin:auto; text-align:center;} .body .portfolio.standard.three.prodfo .itemfo.kenestechnika {float:left; border:4px solid #ac9070 !important; border-radius:10px; margin-right:0px; margin:auto; text-align:center;} .body .portfolio.standard.three.prodfo .itemfo.muhelyfelszereles {float:left; border:4px solid #38c4e6 !important; border-radius:10px; margin-right:0px; margin:auto; text-align:center;} .body .portfolio.standard.three.prodfo .itemfo.szerszamtarolas {float:left; border:4px solid #70ac90 !important; border-radius:10px; margin-right:0px; margin:auto; text-align:center;} h4 {font-size:2em;} .footer .column { float:none; margin:0; } .footer .first { width:90%; padding-right:20px; padding-left:20px;} .footer .last { width:242px; padding-left:20px; float:left; } .footer .ct {float:none; width:85%;background:none; padding-left:20px;} .footer .column.right.thirty {width: 90%;} .o3MobileMenuTop {width:96%;} .o3MobileMenuTopSec {width:94%; top:-250px; left:5px;} .searchtxt { width: 250px; } .body .portfolio.standard.three.prodfo .itemfo {max-width:96%;} .markadoboz {width:100%; max-width:375px;} .markadobozgrey {width:100%; max-width:375px;} .twelve.column.alpha.omega.navagation-wrapper {width:98%;} .item-kat-blue, .item-kat-green, .item-kat-yellow, .item-kat-orange, .item-kat-olive, .item-kat-navy, .item-kat-bluemuh, .item-kat-poison { margin-top:10px; margin-bottom:20px; float:left; margin-right:5px; height:auto; border:1px solid #a5a5a9; padding:4px; position:relative; transition: all 0.3s ease 0s; color:#252e2f; text-align:center; width:98%; } a.big-button-active {float: none !important; width:98%;} a.big-button {float: none !important; width:98%;} .intext-button {float:none !important; width:98%; padding:0px !important;} .half.column.left {float:none !important; width:99% !important;} .half.column.right {float:none !important; width:99% !important;} #btnMore1 {width:65% !important;} .to-top {right:35px !important;} .FilterSub {width: 85% !important; float:none;} .o3FilterContentIKON {margin:auto; float:none; width: 85%;} .o3FilterContent {margin:auto; float:none; width: 85%;} } /* ÖN TISZTITAS */ .container:after, .container-one :after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* Kereső lenyíló javaslatai (static/js/search-suggest.js) */ .mk-suggest { position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 1050; background: #fff; color: #212529; border: 1px solid #dfe5ea; border-radius: 12px; box-shadow: 0 10px 28px rgba(15, 76, 112, .18); max-height: 70vh; overflow-y: auto; padding: 4px 0; } .mk-suggest-head { font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; color: #6c757d; padding: 8px 14px 2px; } .mk-suggest-item { display: flex; align-items: center; gap: 10px; padding: 6px 14px; color: inherit; text-decoration: none; } .mk-suggest-item:hover, .mk-suggest-item.active { background: #eef5fa; color: inherit; } .mk-suggest-img { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 8px; background: #f4f6f8; overflow: hidden; } .mk-suggest .mk-suggest-img img { width: 44px !important; height: 44px !important; max-width: 44px; object-fit: contain; } .mk-suggest-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; } .mk-suggest-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mk-suggest-price { flex: 0 0 auto; text-align: right; font-weight: 600; line-height: 1.1; white-space: nowrap; } .mk-suggest-cat { padding-top: 4px; padding-bottom: 4px; } .mk-suggest-all { justify-content: center; font-weight: 600; color: #1876aa; border-top: 1px solid #eef1f4; margin-top: 4px; padding: 9px 14px; } .mk-suggest-empty { padding: 12px 14px; color: #6c757d; } /* Termékoldal: CE jel és letölthető dokumentumok */ .mk-price-row { display: flex; align-items: center; gap: 24px; } .mk-ce-box { flex: 0 0 auto; align-self: stretch; display: flex; align-items: center; padding-left: 24px; border-left: 1px solid #dfe5ea; } .mk-ce-box img { width: 44px !important; height: auto; } .mk-cert { display: inline-block; margin-left: 8px; padding: 2px 7px; border: 1.5px solid #212529; border-radius: 4px; font-size: .78rem; font-weight: 700; letter-spacing: .03em; color: #212529; } .mk-ce-box img + .mk-cert { margin-left: 10px; } .mk-docs { border: 1px solid #dfe5ea; border-radius: 12px; padding: 12px 14px; background: #fafcfd; } .mk-doc { display: flex; align-items: center; gap: 10px; padding: 6px 0; color: #0f4c70; text-decoration: none; } .mk-doc:hover { color: #1876aa; text-decoration: underline; } .mk-doc + .mk-doc { border-top: 1px solid #eef1f4; } .mk-doc-ext { flex: 0 0 auto; min-width: 42px; text-align: center; font-size: .7rem; font-weight: 700; color: #fff; background: #1876aa; border-radius: 6px; padding: 3px 6px; } /* Főmenü: Akció / Rólunk / Kapcsolat */ .mk-mainnav { gap: 4px; } .mk-mainnav .nav-link { color: #fff !important; padding: .375rem .75rem; border-radius: 8px; white-space: nowrap; } .mk-mainnav .nav-link:hover, .mk-mainnav .nav-link.active { background: rgba(255, 255, 255, .15); } .mk-mainnav .mk-nav-promo { font-weight: 600; } .mk-mainnav .mk-nav-promo::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #ff5a5a; margin-right: 6px; vertical-align: middle; } /* Akció / Kiárusítás / Újdonságok lista fejléce */ .mk-collection-tabs .nav-link { border-radius: 999px; padding: .3rem .9rem; color: #0f4c70; } .mk-collection-tabs .nav-link.active { background: #1876aa; color: #fff; } /* Tartalmi oldalak (Rólunk, Kapcsolat) */ .mk-page { max-width: 1200px; margin: 0 auto; } .mk-page p { line-height: 1.65; } .mk-side-card { background: #fff; border: 1px solid #dfe5ea; border-radius: 14px; padding: 20px; } .mk-facts li { padding: 6px 0; border-bottom: 1px solid #eef1f4; } .mk-facts li:last-child { border-bottom: 0; } .mk-hours td { border: 0; padding: 3px 0; } .mk-quote { border-left: 4px solid #1876aa; background: #f4f8fb; border-radius: 0 12px 12px 0; padding: 14px 18px; margin: 1rem 0; font-style: italic; } .mk-map { border-radius: 14px; overflow: hidden; border: 1px solid #dfe5ea; } .mk-map iframe { display: block; width: 100%; height: 360px; border: 0; } .mk-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; } .mk-page .form-label { width: auto; } /* Közösségi ikonok */ .mk-social { display: flex; gap: 10px; } .mk-social a { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: #1876aa; color: #fff; font-size: 1.05rem; text-decoration: none; transition: background .15s; } .mk-social a:hover { background: #0f4c70; color: #fff; } /* Lábléc */ .mk-footer { background: #0f4c70; color: #d6e6f0; } .mk-footer a { color: #fff; text-decoration: none; } .mk-footer a:hover { text-decoration: underline; } .mk-footer-logo { height: 36px; width: auto; } .mk-footer-title { font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; color: #9cc3dc; margin-bottom: 14px; } .mk-footer-hours td { padding: 3px 16px 3px 0; vertical-align: top; } .mk-footer-links li { margin-bottom: 6px; } .mk-footer .mk-social a { background: rgba(255, 255, 255, .12); } .mk-footer .mk-social a:hover { background: #1876aa; text-decoration: none; } .mk-footer-bottom { background: #0b3a56; color: #9cc3dc; } /* Akció / kiárusítás mértéke a termékkártya sarkában */ .mk-promo-ribbon { position: absolute; top: 10px; left: 10px; z-index: 2; background: rgba(220, 53, 69, .82); color: #fff; font-weight: 700; font-size: 1.15rem; line-height: 1; padding: 8px 12px; border-radius: 10px; box-shadow: 0 3px 10px rgba(220, 53, 69, .25); backdrop-filter: blur(1px); pointer-events: none; } .mk-promo-ribbon-clearance { background: rgba(33, 37, 41, .78); box-shadow: 0 3px 10px rgba(0, 0, 0, .2); } /* Akciós ár fölött az áthúzott régi ár (nettó · bruttó) */ .mk-old-price { font-size: .78em; color: #6c757d; line-height: 1.2; margin-bottom: 2px; } .mk-old-price s { color: #6c757d; text-decoration-thickness: 1.5px; } /* Termékoldal: alkatrészek */ .mk-spare-parts summary { cursor: pointer; } .mk-spare-parts table { background: transparent; } /* Kosár */ .mk-cart th { font-weight: 600; white-space: nowrap; } .mk-cart-summary table td { border-color: #eef1f4; } .mk-cart-saving { background: #e9f7ef; color: #146c43; border-radius: 10px; padding: 8px 12px; font-size: .9rem; } /* Rendeléseim: számlák, vásárlási kimutatás */ .mk-account-tabs .nav-link { color: #0f4c70; } .mk-account-tabs .nav-link.active { font-weight: 600; } .mk-stat-tile { background: #fff; border: 1px solid #dfe7ee; border-radius: 14px; padding: 16px 18px; } .mk-stat-label { color: #5b6b78; font-size: .85rem; text-transform: uppercase; letter-spacing: .03em; } .mk-stat-value { font-size: 1.6rem; font-weight: 700; color: #0f4c70; line-height: 1.2; margin: 4px 0; } .mk-stat-value small { font-size: .9rem; font-weight: 500; } .mk-stat-discount { margin-top: 8px; padding-top: 8px; border-top: 1px dashed #dfe7ee; font-size: .85rem; color: #1e7a3c; } .mk-change { font-size: .8rem; font-weight: 600; color: #5b6b78; white-space: nowrap; } .mk-change-up { color: #1e7a3c; } .mk-change-down { color: #b42318; } .mk-share-bar { background: #eef3f7; border-radius: 4px; height: 8px; overflow: hidden; } .mk-share-bar span { display: block; height: 100%; background: #1876aa; border-radius: 4px; } /* Kedvencek */ .mk-fav-btn { background: none; border: 0; padding: 2px 4px; color: #8a99a6; font-size: 1.15rem; line-height: 1; } .mk-fav-btn:hover { color: #d63384; } .mk-fav-btn.is-fav { color: #d63384; } .mk-rank { position: absolute; top: 8px; left: 8px; z-index: 2; background: #0f4c70; color: #fff; font-weight: 700; border-radius: 999px; min-width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: .85rem; } /* Pontgyűjtés */ .mk-points { background: linear-gradient(135deg, #1876aa, #0f4c70); color: #fff; border-radius: 16px; padding: 18px 20px; } .mk-points-value { font-size: 2.2rem; font-weight: 700; line-height: 1.1; } /* Mennyiségi kedvezmény a termékoldalon */ .mk-qty-prices { border: 1px solid #cfe3f0; background: #f4f9fc; border-radius: 12px; padding: 10px 14px; max-width: 420px; } .mk-qty-prices .table { --bs-table-bg: transparent; } /* Teszt üzem: mesterkulcsos belépés jelzése */ .mk-master-banner { background: #fff3cd; color: #664d03; border-bottom: 1px solid #ffe69c; text-align: center; font-size: .85rem; padding: 4px 12px; } /* Főmenü: a „Termékeink” mega-menü a navbar teljes szélességében, minden képernyőméreten lebegve */ .mk-mainnav .mk-mega-menu { position: absolute; left: 0; right: 0; top: 100%; } /* Portál főoldal: üdvözlés + csempék (a felhasználói menü pontjai) */ .mk-portal-welcome { padding: 8px 0 18px; } .mk-portal-welcome h1 { font-weight: 300; font-size: clamp(1.4rem, 3vw, 2rem); margin-bottom: 4px; } .mk-portal-welcome h1 span { font-weight: 700; color: #0f4c70; } .mk-account-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: 12px; margin-bottom: 36px; } /* egy sorban (döntés 2026-10-31) */ .mk-account-tile-form { display: contents; } .mk-account-tile { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 14px 14px 12px; background: #fff; border: 1px solid #e3eaf0; border-radius: 14px; color: inherit; text-decoration: none; text-align: left; box-shadow: 0 1px 2px rgba(15, 76, 112, .05); transition: border-color .15s, box-shadow .15s, transform .15s; width: 100%; font: inherit; } .mk-account-tile:hover { border-color: #1876aa; box-shadow: 0 6px 18px rgba(15, 76, 112, .12); transform: translateY(-2px); color: inherit; } .mk-account-tile .bi { font-size: 1.7rem; color: #1876aa; margin-bottom: 4px; } .mk-at-title { font-weight: 600; font-size: 1rem; line-height: 1.2; word-break: normal; overflow-wrap: normal; hyphens: auto; } .mk-at-info { color: #6c757d; font-size: .88rem; } .mk-account-tile.is-alert { border-color: #f1b0aa; background: #fff7f6; } .mk-account-tile.is-alert .bi, .mk-account-tile.is-alert .mk-at-info { color: #b42318; } .mk-account-tile.is-on { border-color: #e0a800; background: #fffbea; } @media (max-width: 575px) { .mk-account-tiles { grid-template-columns: repeat(2, 1fr); gap: 10px; } .mk-account-tile { padding: 14px; } } /* Fejléc keskeny képernyőn (telefon, tablet, kis laptop): logó középen, alatta a menü, majd kereső + gombok */ @media (max-width: 1199.98px) { .mk-logo-bar { float: none !important; width: 100% !important; display: flex; justify-content: center; padding: 6px 12px; } .mk-logo-bar img { max-height: 42px; width: auto; max-width: 100%; } .navbar > .container { flex-wrap: wrap; row-gap: 8px; } .mk-mainnav { order: 1; flex: 1 1 100%; flex-wrap: wrap; justify-content: center; margin-left: 0 !important; } .mk-mainnav .nav-link { padding: .3rem .55rem; } .mk-header-search { order: 2; flex: 1 1 0; min-width: 0; margin: 0 8px 0 0 !important; } .mk-header-actions { order: 3; flex: 0 0 auto; } .mk-header-actions .btn { padding: .3rem .5rem; } } /* A régi, globális 3.5em-es h2 telefonon túl nagy */ @media (max-width: 767.98px) { h1 { font-size: 1.7rem; line-height: 1.2; } h2 { font-size: 1.8em; line-height: 1.2; } h3, h4 { line-height: 1.2; } .mk-section-title { font-size: 1.6rem; } } /* Telefonon két termékkártya egy sorban: tömörebb kártya */ @media (max-width: 575.98px) { #product-grid .card-body { padding: .6rem; } #product-grid .card-title { font-size: .9rem; } #product-grid .card-text { margin-bottom: .4rem; } } /* Táblázatok: a body globális word-break-je ne törje betűnként a cellákat; telefonon a táblázat oldalra görgethető */ .table td, .table th { word-break: normal; overflow-wrap: normal; } @media (max-width: 767.98px) { .table-responsive > .table td, .table-responsive > .table th { white-space: nowrap; } } /* Fejléc: a hosszú felhasználónév (e-mail) ne nyomja össze a keresőt */ .mk-header-actions svg { flex-shrink: 0; } .mk-user-name { max-width: 11rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; } .mk-header-search { min-width: 180px; } /* Széles képernyőn a menüsor a logó melletti teljes helyet használja (a .container szélessége túlnyúlna) */ @media (min-width: 1200px) { .navbar > .container { max-width: none; flex-wrap: nowrap; } .mk-header-search { min-width: 140px; margin: 0 .75rem !important; } } /* Munkalap (szerviz): folyamatjelző a vevői nézetben (templates/service/_job.html) */ .mk-service-steps { display: flex; gap: 0; overflow-x: auto; } .mk-step { flex: 1 1 0; min-width: 90px; display: flex; flex-direction: column; align-items: center; position: relative; text-align: center; } .mk-step::before { content: ""; position: absolute; top: 16px; left: -50%; width: 100%; height: 3px; background: #dbe3ea; z-index: 0; } .mk-step:first-child::before { display: none; } .mk-step.is-done::before, .mk-step.is-active::before { background: #1876aa; } .mk-step-dot { position: relative; z-index: 1; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; border: 3px solid #dbe3ea; color: #6c7a86; font-weight: 700; } .mk-step.is-done .mk-step-dot { background: #1876aa; border-color: #1876aa; color: #fff; } .mk-step.is-active .mk-step-dot { border-color: #1876aa; color: #1876aa; box-shadow: 0 0 0 4px rgba(24, 118, 170, .15); } .mk-step-label { margin-top: 6px; font-size: 13px; color: #4a5763; } .mk-step.is-active .mk-step-label { color: #0f4c70; font-weight: 600; } /* Rendező fejléc és listakereső (static/js/table-tools.js, catalog/templatetags/sort_tags.py) */ .mk-sort-th, .mk-sort-link { cursor: pointer; user-select: none; white-space: nowrap; color: inherit; text-decoration: none; } .mk-sort-th:hover, .mk-sort-link:hover { color: #1876aa; } .mk-sort-th::after, .mk-sort-link::after { content: "\2195"; margin-left: .3em; font-size: .8em; opacity: .35; } .mk-sort-th[aria-sort="ascending"]::after, .mk-sort-link.asc::after { content: "\25B2"; opacity: .9; color: #1876aa; } .mk-sort-th[aria-sort="descending"]::after, .mk-sort-link.desc::after { content: "\25BC"; opacity: .9; color: #1876aa; } .mk-sort-th:focus-visible { outline: 2px solid #1876aa; outline-offset: -2px; } .mk-table-search { max-width: 320px; } /* A teljes termékkártya kattintható (a megnevezés stretched-link-je); a gombok, űrlapok, egyéb linkek fölötte maradnak. */ .mk-card-clickable { cursor: pointer; } .mk-card-clickable form, .mk-card-clickable button, .mk-card-clickable input, .mk-card-clickable a:not(.stretched-link) { position: relative; z-index: 2; } /* az akció-címke a kép sarkában lebeg (absolute marad – a fenti szabály korábban beékelte a kártyába) */ .mk-card-clickable .mk-promo-ribbon { z-index: 3; } .mk-card-clickable:hover { box-shadow: 0 4px 14px rgba(15, 76, 112, .15); } /* Utoljára megtekintett termékek (catalog/_recently_viewed.html) */ .mk-recent-row { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 6px; scroll-snap-type: x proximity; } .mk-recent-item { flex: 0 0 120px; scroll-snap-align: start; border: 1px solid #e3e8ec; border-radius: 12px; padding: 6px; text-decoration: none; color: inherit; background: #fff; display: flex; flex-direction: column; } .mk-recent-item:hover { box-shadow: 0 4px 12px rgba(15, 76, 112, .15); } .mk-recent-item img, .mk-recent-noimg { width: 100%; height: 90px; object-fit: contain; display: block; background: #f6f8fa; border-radius: 8px; } .mk-recent-name { font-size: .75rem; line-height: 1.2; margin-top: 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .mk-recent-sku { font-size: .68rem; color: #6c757d; } /* Összehasonlítás (catalog/compare.py) */ .mk-compare-btn { background: none; border: 0; padding: 2px 4px; color: #8a99a6; line-height: 1; vertical-align: middle; } .mk-compare-btn:hover, .mk-compare-btn.is-on { color: #1876aa; } .mk-compare-dock { position: fixed; left: 16px; bottom: 16px; z-index: 1050; } .mk-compare-dock[hidden] { display: none; } .mk-compare-bar { display: inline-block; background: #1876aa; color: #fff; border-radius: 999px; padding: 10px 18px; font-weight: 600; text-decoration: none; box-shadow: 0 4px 14px rgba(15, 76, 112, .3); } /* rámutatva (vagy billentyűvel ráállva) a kijelölt termékek kis képe, X-szel */ .mk-compare-peek { display: none; position: absolute; left: 0; bottom: 100%; margin-bottom: 8px; width: 300px; max-width: calc(100vw - 32px); background: #fff; border: 1px solid #d6e6f2; border-radius: 12px; padding: 8px; box-shadow: 0 8px 24px rgba(15, 76, 112, .18); } .mk-compare-peek::after { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 10px; } /* hézag a gombig: ne tűnjön el */ .mk-compare-dock:hover .mk-compare-peek, .mk-compare-dock:focus-within .mk-compare-peek { display: block; } .mk-compare-peek:empty { display: none !important; } .mk-compare-peek-item { display: flex; align-items: center; gap: 8px; padding: 4px; border-radius: 8px; } .mk-compare-peek-item + .mk-compare-peek-item { border-top: 1px solid #eef3f7; } .mk-compare-peek-img { flex: 0 0 44px; width: 44px; height: 44px; border: 1px solid #e3e8ee; border-radius: 8px; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; } .mk-compare-peek-img img { max-width: 100%; max-height: 100%; object-fit: contain; } .mk-compare-peek-name { flex: 1; min-width: 0; font-size: .8rem; line-height: 1.2; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .mk-compare-peek-name small { display: block; color: #6c757d; } .mk-compare-peek-item form { margin: 0; } .mk-compare-peek-x { border: 0; background: #f1f4f7; color: #5b6b78; width: 26px; height: 26px; border-radius: 50%; font-size: 18px; line-height: 1; cursor: pointer; } .mk-compare-peek-x:hover { background: #b42318; color: #fff; } .mk-compare-bar:hover { background: #0f4c70; color: #fff; } .mk-compare-bar[hidden] { display: none; } .mk-compare-table { min-width: 640px; } .mk-compare-table th[scope=row] { width: 180px; color: #5b6b78; font-weight: 600; font-size: .9rem; } .mk-compare-col { width: 22%; font-weight: 400; } .mk-compare-img { width: 100%; max-width: 160px; height: 140px; object-fit: contain; border-radius: 12px; } .mk-compare-noimg { display: inline-block; background: #eef3f7; } .mk-compare-diff td, .mk-compare-diff th { background: #f3f8fc; } .mk-compare-diff td { font-weight: 600; } /* Kosár: mini termékfotó a tétel mellett */ .mk-cart-product { display: flex; align-items: center; gap: 12px; } .mk-cart-thumb { flex: 0 0 56px; width: 56px; height: 56px; border: 1px solid #e3e8ee; border-radius: 10px; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; } .mk-cart-thumb img { max-width: 100%; max-height: 100%; object-fit: contain; } /* Gombok, fülek, menüpontok: a body globális word-break-je ne törje a szót betűnként – csak szóköznél törhet */ .btn, .nav-link, .dropdown-item, .badge, .page-link { word-break: normal; overflow-wrap: normal; hyphens: manual; } .btn { flex-shrink: 0; } /* Bizomány: fogyás jelentése */ .mk-consignment-report { border: 1px solid #d6e6f2; background: #f3f8fc; border-radius: 12px; padding: 12px 16px; } .mk-cons-qty { width: 84px; } /* Termékoldal morzsamenüje */ .mk-breadcrumb .breadcrumb { flex-wrap: wrap; } .mk-breadcrumb .breadcrumb-item.active { max-width: 40ch; } .mk-compare-icon { width: 40px; height: 40px; object-fit: contain; margin: 0 4px 4px 0; } /* Rendelés összesítő */ .mk-review-box { border: 1px solid #e3e8ee; border-radius: 12px; padding: 12px 16px; background: #fff; } .mk-review-label { font-size: .75rem; text-transform: uppercase; letter-spacing: .03em; color: #6c757d; margin-bottom: 4px; } /* Hírlevél / promóció kártyák a b2b főoldalán (storefront/_promo_cards.html) */ .mk-promo-section { margin: 28px 0 8px; } .mk-promo-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; } .mk-promo-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e3eaf0; border-radius: 14px; overflow: hidden; box-shadow: 0 1px 2px rgba(15, 76, 112, .05); transition: box-shadow .15s, transform .15s; } .mk-promo-card:hover { box-shadow: 0 6px 18px rgba(15, 76, 112, .12); transform: translateY(-2px); } .mk-promo-img { display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; background: #eef4f8; color: #1876aa; font-size: 2.6rem; overflow: hidden; } .mk-promo-img img { width: 100%; height: 100%; object-fit: cover; } .mk-promo-body { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px 14px; flex: 1; } .mk-promo-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .mk-promo-kind-promo { background: #d9480f; } .mk-promo-kind-newsletter { background: #1876aa; } .mk-promo-kind-news { background: #0f4c70; } .mk-promo-title { font-size: 1.05rem; font-weight: 600; margin: 0; } .mk-promo-text { font-size: .9rem; color: #495057; margin: 0; } .mk-promo-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: auto; padding-top: 6px; } .mk-promo-cards.is-past .mk-promo-card { opacity: .85; } /* Terméklista nézetei (catalog.filtering.VIEW_MODES, döntés 2026-11-02) */ .mk-view-switch .btn.active { background: #1876aa; border-color: #1876aa; color: #fff; } .mk-view-suru .card-body { padding: .5rem; } .mk-view-suru .card-title { font-size: .8rem; line-height: 1.2; margin-bottom: .25rem; } .mk-view-suru .card-text { font-size: .72rem; margin-bottom: .25rem; } .mk-view-suru .mk-price-block, .mk-view-suru .card-body > div { font-size: .8rem; } .mk-view-nagy .card-title { font-size: 1.05rem; } .mk-view-lista .card { flex-direction: row; align-items: center; } .mk-view-lista .card-img-top, .mk-view-lista .card > a > .card-img-top { width: 96px; height: 96px; object-fit: contain; flex: none; border-radius: 12px 0 0 12px; margin: 4px; } .mk-view-lista .card > a { flex: none; } .mk-view-lista .card-body { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem 1rem; padding: .5rem .75rem; min-width: 0; } .mk-view-lista .card-title { flex: 1 1 260px; margin: 0; } .mk-view-lista .card-text { flex: 0 0 auto; margin: 0; } .mk-view-lista .card-body > div { margin-top: 0 !important; } .mk-view-lista .card-body > div:last-child { flex: 0 0 auto; min-width: 150px; } @media (max-width: 575.98px) { .mk-view-lista .card-img-top, .mk-view-lista .card > a > .card-img-top { width: 72px; height: 72px; } }