/* 740 */ /* 741-1200 */ @media all and (min-width: 741px) and (max-width: 1340px) { .image-link { overflow: hidden; display: block; padding: 20px 0 ; box-sizing: border-box; width: 97% ; margin-left: 3px; text-align: center; } .image-link img { display: block; margin: auto; width: 100%; max-width: 100%; height: auto; transition: all 0.2s; } .image-link img:hover { -webkit-transform: scale(1.02); transform: scale(1.02); } .ajax_window_outer { border-radius: 6px; box-shadow: 0 0 10px 5px rgba(0,0,0,0.15); background: #bdbdbd; background: rgba(255,255,255,0.15); } .ajax_window_inner { border-radius: 5px; background: #fafafa; margin: 6px; float: left; } .ajax_window_content { text-align: left; padding: 30px; clear: both; float: none;} #fadclose { position: absolute; right: 0px; top:0px; width: 46px; height: 46px; } #fadclose i { color:#e17070; transition: color 0.12s; font-size: 26px; margin-top: 10px; display: inline-block;} #fadclose:hover i { color:#c43d3d; } #gmap { width: 100%; height: 330px; } #map-canvas { width: 100%; height: 327px; } .reszo { color: red; font-weight: 700; } .keres-cim { font-size: 1.2em; margin-bottom: 7px; display: block; } .keres-desc { font-size: 0.9em; line-height: 1.6em; color: #343434; } .keres-link:hover { text-decoration: underline; } .keres-prod-img { float: left; width: 200px; } .keres-prod-desc { float: left; width: 800px; } .inlimg { margin: 10px; } .button_max { font-size: 14px; padding: 12px 48px 11px 48px; } .button_mid { font-size: 14px; padding: 9px 30px 8px 30px; } .button_min { font-size: 12px; padding: 4px 14px 4px 14px; } .button div { margin-left: -10px;} .button i { margin-right: 12px; } #toTop { width: 37px; height: 37px; transition: opacity 0.15s; opacity: 0.4; border-radius: 20px; line-height: 36px; font-size: 1.2em; color: #FFFFFF; position: fixed; bottom: 30px; cursor: pointer; right: 50px; display: none; } #toTop:hover { opacity: 0.7; } .kiemelt { font-weight: 500; font-size: 18px; } .cim { text-align: center; margin: 0 auto; font-weight: 300; font-size: 40px; color: #353535; padding-top: 12px; padding-bottom: 10px;display: block ; max-width: 85%; line-height: 40px; } .alcim { text-align: center; margin: 0 auto; font-size: 18px; color: #484848; display: block; line-height: 27px; max-width: 85%; } /* ============================================================================================================================================================================== */ /* ============================================================================================================================================================================== */ #site { box-sizing: border-box; margin: 0 auto; } #searchdiv { position: fixed; width: 700px; height: 200px; transition: all 0.4s; border: 4px solid #d5d5d5; background: #efefef; opacity:0; top: -999px; z-index: 10000; left: 50%; margin-left: -350px; } #searchdiv.sinact { top: -500px; opacity: 0; } #searchdiv.sact { top: 160px; opacity: 1; } #searchdiv .a { position: absolute; right: 4px; top: 1px; display: block; cursor: pointer; } #searchdiv .a:hover i { color: #a11e25 } #searchdiv .a i { color: #808080 } #searchdiv .k { margin: 80px 0 0 0 ; } #searchdiv .k input { width: 500px; height: 32px; line-height: 40px; font-size: 18px; text-indent: 7px; font-weight: 300; display: inline-block; vertical-align: middle; } #searchdiv .k button { display: inline-block !important; vertical-align: middle;} #banner { } #banner ul { margin: 0; width: 100%; } #banner ul .bannerslide { display: block; width: 100%; padding-top:1px; background-position: center center; background-size: cover; text-align: center; text-align: center;} #banner ul .bannerslide_m { display: none; } .bannerslide .ab {display: none; } .noclk { cursor: default; } #banner_m { display: none !important; } #banner_m { background-color: #000000; } #banner_m img { width: 100%; } #banner_m ul { margin: 0; padding: 0; } #banner_pages { height: 303px; background-position: center top; margin-bottom: 30px; } #banner_pages_m { display: none; } #top { height: 186px; backgroxund: #FFEEEE} #top1 { float: left; margin-top: 60px; width: 36%; } #aveti { font-size: 14px; text-align: right; float: left; padding: 0 34px 0 10px; } #aveti .a { } #aveti .b { margin: 5px 0 0 0 ; } #aveti .b span { font-size: 13px; } #aveti .b i { font-size: 13px; color: #25aa51; margin-right: 9px; } #aveti .c { margin: 5px 0 0 0 ; } #aveti .c span { font-size: 14px; } #aveti .c i { font-size: 14px; color: #25aa51; margin-right: 9px; } #top2 { float: left; text-align: center; width: 30%; backgrxound: #EEFFEE} #top2 #logo { width: 100%; margin-top: 60px;} #top2 #logo img { width: 75%; } #langs { display: block; position: absolute; top:20px; right: 16px; } #top_lang { display: inline-block; position: relative; cursor: pointer} #top_lang #lang_sel { color: #383838; } #top_lang #lang_sel:hover { color: #383838; } #top_lang i , #top_lang span { display: inline-block; vertical-align:middle} #top_lang .lang_name { font-size: 12px; text-transform: uppercase; font-weight: 500} #top_lang:before { display: block; position: absolute; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 3px; z-index:-1; content: " "; top: -6px; bottom: -6px; left: -6px; right: -6px; background-color: transparent; } #top_lang:hover:before { background-color: #cdecd1; } #top_lang .flag { display: inline-block; margin-right: 4px; width:28px; height: 17px; border-radius: 2px; background-repeat: no-repeat; background-size: contain; } #top_lang .flag_en { background-image: url(img/flag_en.png); } #top_lang .flag_ro { background-image: url(img/flag_ro.png); } #top_lang .flag_hu { background-image: url(img/flag_hu.png); } #lang_choose { display: none; position: absolute; top: 25px; z-index: 10; padding: 6px; left: -12px; } #lang_choose_inside { background-color: #cdecd1; white-space: nowrap; padding: 7px ; border-radius: 3px; } #lang_choose_inside a { display: inline-block; margin-right: 4px; width:28px; font-weight: 600; line-height: 20px; text-align: center; height: 17px; border-radius: 2px; background-repeat: no-repeat; font-size: 11px; color: transparent; background-size: contain; background-position: center top ; } #lang_choose_inside a:hover { color: #000000; background-image: url(img/empty.png) !important} #lang_choose_inside a.cl_en { background-image: url(img/flag_en.png); } #lang_choose_inside a.cl_hu { background-image: url(img/flag_hu.png); } #lang_choose_inside a.cl_ro { background-image: url(img/flag_ro.png); } #top3 { display: flex; flex-wrap: nowrap; justify-content: space-evenly; position: relative; float: right; PADDING-TOP: 85PX; text-align: right; width: 33%; box-sizing: border-box; padding-right: 16px; } .toptool { color: #606060; height: 27px; line-height: 27px; width:33%; } .toptool:hover span { text-decoration: underline } .toptool i, .toptool span { display: block; height: 27px; float: right;} .toptool .icon { color: #6a6a6a; font-size: 30px; } .toptool .symb { font-size: 10px; font-weight: 300; margin: 8px 0 0 5px; } /*.toptool span { font-size: 14px; font-weight: 500; margin: 0px 0 0 7px; cursor: pointer;}*/ .toptool span { display: none; } #toptool_search { cursor: pointer } #toptool_search .icon { color: #25aa51; } #toptool_cos { position: relative; } #toptool_cos u { cursor: pointer; display: inline-block; } #toptool_cos u:hover div.lenyilo , #toptool_cos:hover:after { display: block; } #toptool_cos div.lenyilo { display: none; width: 182px; position: absolute; top:20px; z-index: 500; right:0px } #toptool_cos u:after { position: absolute; content: "▲"; transform: scaleX(2.5); font-family: 'times new roman'; font-size: 14px; top: 34px; right:25px; display: none; z-index: 503; text-shadow: 0 -1px #bbb; color:#f9f9f9; width: 20px; height: 20px; } .lenyilo-inner { margin-top: 30px; background: #f9f9f9; padding: 14px 10px 24px 10px; color: #222222; font-size: 14px; border:1px solid #d0d0d0; text-align: center; } .lenyilo-inner .button { } .lenyilo-inner b { font-size: 16px; } #lny-gotocos { margin-top: 14px; display: inline-block; } #toptool_cont { position: relative; } #toptool_cont u { cursor: pointer; display: inline-block;} #toptool_cont u.isloggedin i.fa { color: #25aa51 !important} #toptool_cont u:hover div.lenyilo , #toptool_cont:hover:after { display: block; } #toptool_cont div.lenyilo { display: none; width: 182px; position: absolute; top:20px; z-index: 500; right:0 } #toptool_cont u:after { position: absolute; content: "▲"; transform: scaleX(2.5); font-family: 'times new roman'; font-size: 14px; top: 34px; right: 25px; display: none; z-index: 503; text-shadow: 0 -1px #bbb; color:#f9f9f9; width: 20px; height: 20px; } .lenyilo-inner { margin-top: 30px; background: #f9f9f9; padding: 14px 10px 24px 10px; color: #222222; font-size: 14px; border:1px solid #d0d0d0; text-align: center; } .lenyilo-inner b { font-size: 16px; } #lny-user { color: #000; font-weight: 600; word-break: break-all; width: 100%; display: block; overflow: hidden; margin-bottom: 30px; } #lny-exit { } #lny-comz { margin-bottom:20px; } #lny-cont { margin-bottom:20px; } .lny-link { display: block; text-align: left; margin: 10px 0 0 14px; line-height: 30px; height: 30px; } .lny-link:hover { text-decoration: underline; } .lny-link:hover i { color: #777; } .lny-link i { font-size: 20px; margin-top: 4px; color: #aaa; margin-right: 10px;} #menu { display: flex; justify-content: space-evenly; margin-top: 10px; clear: both; height: 53px; border-bottom: 2px solid #25aa51; text-align: center; position: relative; } #menu .mnuitem { cursor: pointer; display: block; line-height: 35px; font-size: 19px; padding: 0 6px; text-transform: uppercase; color: #2c2c2c } #menu .mnuitem:hover { color: #25aa51; } #menu .mnuitem .mext { position: absolute; z-index: 300; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; box-sizing: border-box; height: 426px; opacity:0; visibility: hidden; transition: visibility 0s, opacity 0.2s linear; left:0; right:0; padding: 30px 40px 40px 40px; background: #f9f9f9; top: 52px; -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.22); -moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.22); box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.22); } #menu .mnuitem.mutat .mext { opacity:1; visibility: visible; } #menu .mnuitem .mext .scatitem { text-align: left ; font-size: 16px; text-transform: none; color: #2c2c2c; position: relative; } #menu .mnuitem .mext .scatitem i { position: absolute; left: -19px; font-size: 20px; font-weight: 300; top: 7px; opacity:0; visibility: hidden; transition: visibility 0s, opacity 0.2s linear; } #menu .mnuitem .mext .scatitem:hover { color: #fc8787; } #menu .mnuitem .mext .scatitem:hover i { opacity:1; visibility: visible; } #tartalom { min-height: 600px; padding: 22px 18px 0 18px; text-align: left; } #pagedesc { padding: 0 26px; line-height: 26px; } #main_title_text { max-width: 1100px; margin: 50px auto 0 auto; text-align: center; line-height: 30px; } .sorp_cont { margin-bottom: 80px; margin-top: 60px} .sorp_cont .sorptitle { text-align: center; font-size: 30px; padding-bottom: 18px; } .sorp { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; } .sorp-item { width: 255px; height: 460px; backgraound: #FFF7F7; } .prod { text-align: center; position: relative; width: 255px; height: 460px; border: 2px solid transparent; transition: border-color 0.2s; overflow: hidden; box-sizing: border-box;} .prod_l { position: absolute; top:10px; left:0; right:0; text-align: center; height: 24px; } .prod_l div { display: inline-block; border-radius: 5px; color: #FFFFFF; cursor: default; margin: 0 2px 0 2px; font-weight: 300; height: 24px; line-height: 24px; width: 80px; font-size: 14px; text-transform: uppercase; } .prod_l div.prod_l_new { background: #2a9312; } .prod_l div.prod_l_hot { background: #e38d27; } .prod_l div.prod_l_promo { background: #e33527; } .prod:hover { border: 2px solid #25aa51; } .prod:hover .btn_add_to_cos { opacity:1; visibility: visible; } .prod:hover .btn_go_to_cos { opacity:1; visibility: visible; } .prod-image { position: relative; margin-top: 48px; margin-left: auto; margin-right: auto; display: block; width: 75%; height: 200px; } .prod-image img { max-width: 100%; max-height: 100%; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0;} .prod-title { display: block; margin-top: 33px;margin-bottom: 22px; font-size: 16px; font-weight: 300; color: #2c2c2c; padding: 0 15px; } .prod-head { display: none; height: 18px; overflow: hidden; margin-top: 3px; font-size: 13px; font-weight: 300; color: #959595 } .prod-title:hover { color: #2c2c2c; } .prod-head:hover { color: #959595; } .prod-add-to { position: absolute; text-align: center; bottom: 10px; left: 0; right: 0; } .btn_add_to_cos { opacity:0; visibility: hidden; transition: visibility 0s, opacity 0.2s linear; } .btn_add_to_cos i { margin-left: 10px; } .btn_go_to_cos { opacity:0; visibility: hidden; transition: visibility 0s, opacity 0.2s linear; } .btn_go_to_cos i { margin-left: 10px; } .prod u { text-decoration: none; } .prod .pricepromo { margin-left: 11px; font-size: 18px; } .prod .priceold { color: #25aa51; text-decoration: line-through; font-size: 18px; } .prod .price { font-size: 18px; } .prod-rating-list { position: absolute; top: 252px; left:0; right: 0; display: inline-block; } .prod-rating-list .str { margin: 0 2px; background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: center; width: 20px; height: 19px; } .prod-rating-list .str.str_n { background-image: url(img/stan.png); } .prod-rating-list .str.str_f { background-image: url(img/staf.png); } .prod-rating-list .str.str_h { background-image: url(img/stah.png); } /* PRODUS LISTA */ .grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; } .grid-item { width: 255px; height: 460px; margin-bottom: 50px; } #prodbelso { min-height: 500px; padding-top: 0; } #navig { text-align: center; } #navig b { font-size: 12px; color: #5b5b5b; margin: 0 10px; } #navig span { font-size: 12px; color: #5b5b5b; } #navig a.scatlink { font-size: 12px; color: #5b5b5b; text-decoration: underline } #navig a.homelink { font-size: 16px; } #navig { margin-bottom: 46px; } #prodpage { } #prodpage #pleft { float: left; width: 22%; } .ftlgrp { margin-bottom: 105px; } .flttit { font-weight: 300; font-size: 18px; margin-bottom: 26px; padding-left: 12px; padding-bottom: 10px; border-bottom: 2px solid #25aa51; } .filterchk { margin-left: 10px; margin-bottom: 8px; line-height: 16px; height: 16px;} .filterchk input { display: none; } .filterchk u { display: inline-block; text-decoration: none; width: 13px; height: 13px; border-width: 1px; border-style: solid; vertical-align: top; } .filterchk:hover label , .filterchk:hover u , .filterchk:hover i { cursor: pointer !important; } .filterchk:hover { cursor: pointer !important; } .filterchk:hover u i { visibility: visible !important; opacity: 1 !important; } .filterchk u i { font-size: 13px; display: block; color: #25aa51; transition: visibility 0s, opacity 0.2s linear; } .filterchk label { display: inline-block; vertical-align: top; font-size: 14px; width: 85%; padding-left: 10px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 100%; } .filterchk.fakt u { border-color: #25aa51; line-height: 15px; } .filterchk.fakt u i { visibility: visible; opacity: 1; } .filterchk.finakt u { border-color: #d8d8d8; } .filterchk.finakt u i { visibility: hidden; opacity: 0; } #prodpage #pright { float: right; width: 72%; } #prodpage #prgtit { font-weight: 300; font-size: 20px; padding-bottom: 10px; border-bottom: 2px solid #d2d2d2; margin-bottom: 40px; } #pord { display: inline-block; position: relative; width: 500px; font-size: 18px; font-weight: 300; } #jelord { font-size: 18px; font-weight: 300; cursor: pointer; } #jelord:hover b , #jelord:hover i { color: #ab2a2a } #jelord b { font-weight: 300; color: #25aa51; } #jelord i { margin-left: 10px; color: #25aa51; } #allord { position: absolute; display: none; left:0; top:0; margin: 30px 0 0 130px; padding: 10px; box-shadow: 0 0 5px 2px rgba(0,0,0,0.3); z-index: 50; background: #FFFFFF; width: 160px; } #allord a { padding-right: 40px; transition: all 0.2s; padding-left: 8px; font-size: 14px; font-weight: 300; color: #404040; display: block; padding-top: 4px; padding-bottom: 4px; } #allord a.curord { background: #f5d1d1; } #allord a.curord:hover { background: #f5d1d1; } #allord a:hover { background: #f5d1d1; } #pflt { display: none } #pflt div { display: inline-block; margin-right: 20px; } #pflt div span { font-size: 16px; } #pflt div a { margin-left: 5px; } /* */ /* PRODUS BELSO OLDAL */ #prod_disp { min-height: 500px; padding-top: 42px; } #pd_left { float: left; width: 50%; padding-bottom: 30px; text-align: center; } #pd_left_cont { width: 90%; height: 428px; text-align: center; margin: auto; position: relative; } #pd_left_cont a#pfav { position: absolute; bottom: -18px; right: -28px; z-index: 30; } #pd_left_cont a#pfav i { font-size: 20px; } #pd_left_cont a#pfav.inakt { color: #bdbdbd; } #pd_left_cont a#pfav.akt { color: #25aa51; } #pd_left_cont a.product-image { display: block; width: 100%; height: 100%; position: relative; } #pd_left_cont a.product-image img { max-width: 100%; max-height: 100%; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; } #pd_left_img { width: 200px; height: 120px; text-align: center; float: right; margin-right: 110px; } #pd_left_img a { display: inline-block; border: 2px solid transparent; transition: all 0.2s; width: 32%; height: 100%; position: relative; } #pd_left_img a:hover { border: 2px solid #25aa51; } #pd_left_img a img { max-width: 90%; max-height: 90%; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; } #pllogin { display: none; position: absolute; bottom: -70px; right: -100px; z-index: 30; border: 1px solid #b0b0b0; background-color: #f2dfdf; border-radius: 4px; padding: 14px 20px; font-size: 14px; text-align: left; min-width: 200px; } #pd_right { float: right; text-align: center; width: 50%; margin-bottom: 60px; } #pd_right_cont { width: 85%; margin: auto; text-align: left } #pdrc_tit { font-weight: 400; font-size: 24px; color: #2c2c2c; } #pdrc_tuls { display: block; margin: 10px 0 30px 0 } #pdrc_tuls div { display: inline-block; text-align: center; border-radius: 5px; color: #FFFFFF; cursor: default; margin: 0 2px 0 2px; font-weight: 300; height: 24px; line-height: 24px; width: 80px; font-size: 14px; text-transform: uppercase; } #pdrc_tuls div.prod_new { background: #2a9312; } #pdrc_tuls div.prod_hot { background: #e38d27; } #pdrc_tuls div.prod_promo { background: #e33527; } #pdrc_head { font-weight: 300; font-size: 17px; color: #959595; margin-top: 7px; } #pdrc_brand { font-weight: 300; font-size: 17px; color: #25aa51; margin-top: 7px; } #pdrc_rating { margin: 21px 0 30px 0; } #pdrc_rating .str { margin: 0 2px; background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: center; width: 20px; height: 19px; } #pdrc_rating .str.str_n { background-image: url(img/stan.png); } #pdrc_rating .str.str_f { background-image: url(img/staf.png); } #pdrc_rating .str.str_h { background-image: url(img/stah.png); } #pdrc_rating .clienti { margin: 0 0 0 20px; vertical-align: top; display: inline-block; margin-top: 2px; } #pdrc_cod { font-size: 16px; color: #5b5b5b; } #pdrc_price { margin-top: 30px; } #pdrc_price u { text-decoration: none; } #pdrc_price .pricepromo { margin-left: 11px; font-size: 26px; } #pdrc_price .priceold { color: #25aa51; text-decoration: line-through; font-size: 18px;} #pdrc_price .price { font-size: 26px;} #pdrc_desc { font-size: 14px; color: #656565; line-height: 19px; margin-top: 30px; } #pdrc_desc div { font-size: 18px; color: #4d4d4d; } #pdrc_stoc { margin-top: 40px; position: relative; line-height: 20px; padding-left: 26px; } #pdrc_stoc u { position: absolute; left: 0; top: 2px; display: inline-block; width: 14px; height: 14px; border-radius: 4px; } #pdrc_stoc u.stoc1 { background: #2a9312 } #pdrc_stoc u.stoc2 { background: #e38d27 } #pdrc_stoc u.stoc3 { background: #e33527 } #pdrc_stoc span { color: #5b5b5b; font-size: 16px; } #pdrc_cant { margin-top: 30px; } #pdrc_cant .a { color: #5b5b5b; font-size: 16px; display: inline-block; } #pdrc_cant select { color: #5b5b5b; font-size: 16px; display: inline-block; margin-left: 20px; } #pdrc_mar { margin-top: 10px; } #pdrc_mar .a { color: #5b5b5b; font-size: 16px; display: inline-block; } #pdrc_mar u { text-decoration: none; margin-left: 20px; } #pdrc_mar u b { font-size: 14px; color: #a0a0a0; font-weight: 400; font-style: italic; } #pdrc_cos { margin-top: 20px; } #pdrc_sizes { margin-top: 20px; } .stkls { display: inline-block; position: relative; padding: 3px 10px; margin: 10px 2px; border-radius: 3px; line-height: 17px; font-size: 14px; white-space: no-wrap; } .stkls i { display: inline-block; border-radius: 10px; width: 7px; height: 7px; } .stkls span { display: inline-block; font-size: 11px; margin-left: 4px; color: #999 } .stkls:hover span { color: #999 } .stkls div{ font-size: 12px; color: #333 } .stkls:hover div { color: #333 } .stkls.a_1 { background-color: #eaeaea; border: 1px solid #e0e0e0; } .stkls.a_2 { background-color: #eaeaea; border: 1px solid #e0e0e0; } .stkls.a_3 { background-color: #eaeaea; border: 1px solid #e0e0e0; } .stkls.a_1 i { background-color: #3cb756; } .stkls.a_2 i { background-color: #d8c127; } .stkls.a_3 i { background-color: #d82f27; } .stkls u { display: none; } .stkls:hover u , .stkls.selis u { display: block; } .stkls u:after { position: absolute; left: 30%; top: 18%; padding: 5px 8px; background: rgba(255,255,255,0.2); border-radius: 2px; box-sizing: border-box; display: block; font-family: 'FontAwesome'; font-size: 22px; } .stkls.a_1 u:after { content: "\f058"; color: #3cb756; } .stkls.a_2 u:after { content: "\f058"; color: #d8c127; } .stkls.a_3 u:after { content: "\f00d"; color: #d82f27; } #shareprod { text-align: center; height: 40px; margin-bottom: 48px; } .prod_section { text-align: center; margin-bottom: 200px; } #comm_scrie { color: #25aa51; display: block; font-size: 16px; padding-bottom: 10px; padding-top: 30px; } #comm_tit { font-size: 22px; padding-bottom: 10px; } #comm_rate { margin: 22px 0 15px 0 ; } #comm_rate .str { margin: 0 2px; background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: center; width: 20px; height: 19px; } #comm_rate .str.str_n { background-image: url(img/stan.png); } #comm_rate .str.str_f { background-image: url(img/staf.png); } #comm_rate .str.str_h { background-image: url(img/stah.png); } #comm_rate span { vertical-align: top; margin-top:2px; display: inline-block; font-size: 14px; margin-left: 10px; } #c_nev { margin: 12px auto 0 auto; display: block; height: 30px; line-height: 32px; font-size: 12px; color: #343434; text-indent: 10px; width: 333px; } #c_ema { margin: 12px auto 0 auto; display: block; height: 30px; line-height: 32px; font-size: 12px; color: #343434; text-indent: 10px; width: 333px; } #c_txt { clear: both; float: none; width: 333px; height: 90px; margin: 12px auto 0 auto; display: block;font-size: 12px; color: #343434; padding: 4px 0 0 10px; box-sizing: border-box; line-height: 14px; } #c_btn { margin-top: 14px; } #c_prl { display: none; } #c_prl i { color: #25aa51; font-size: 24px; display: inline-block; line-height: 34px; margin-top: 14px; } .form_mandatory_alert { background-color: #FFE0E8 !important; } #c_success { display: none; margin: 16px auto; background-color: #d7efe2; position: relative; width: 670px; padding: 40px 35px 40px 13px; color: #000000; font-size: 16px; line-height: 24px; } #c_success i { position: absolute; top: 12px; right: 10px; cursor: pointer; transition: color 0.1s; padding: 5px; display: block; color: #b98080; } #c_success i:hover { color: #de5454} #c_error { display: none; margin: 16px 0; background-color: #ffa4a4; position: relative; width: 670px; padding: 40px 35px 40px 13px; color: #000000; font-size: 14px; line-height: 24px; } #c_error i { position: absolute; top: 12px; right: 10px; cursor: pointer; transition: color 0.1s; padding: 5px; display: block; background: #e9e9e9; color: #b98080; border: 1px solid #d9d9d9; } #c_error i:hover { color: #de5454} .prod_comm_entry { margin: 0 auto 30px auto; width: 720px; text-align: left; } .prod_comm_entry i , .prod_comm_entry b { display: block; float: left; } .prod_comm_entry span.commdate { display: block; float: left; font-size: 12px; color: #a0a0a0; margin: 13px 0 0 20px; font-weight: 300;} .prod_comm_entry i { font-size: 38px; color: #d7c0c0; font-weight: 300; margin: 10px 0 0 3px;} .prod_comm_entry b { font-size: 16px; color: #404040; margin: 11px 0 0 24px; font-weight: 300;} .prod_comm_entry p { margin: 8px 0 0 66px; color: #808080; font-size: 16px; line-height: 26px; border-bottom: 1px solid #e9e9e9; padding-bottom:16px; } .corating { display: block; margin: 0 0 0 60px; } .corating .str { margin: 0 2px; background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: center; width: 20px; height: 19px; } .corating .str.str_n { background-image: url(img/stan.png); } .corating .str.str_f { background-image: url(img/staf.png); } .corating .str.str_h { background-image: url(img/stah.png); } #coments_show_link { display: block; color: #2c2c2c; margin: 44px auto 50px auto; width: 670px; font-size: 13px; padding-top: 14px; border-top: 2px solid #25aa51; } #coments_show_link i { color: #25aa51; } #coments_show_link:hover { color: #25aa51; } #comments { display: none; } .readonly_class { background: #ededed; } .cos_mandat_alert { background: #ffc1c1 !important; } #rendeles_adatok { margin: 10px 0 30px 0; } #rendeles_adatok div { margin: 10px 0; } #cos_inreg_aut { text-align: left; width: 360px; margin-bottom: 40px; } #cos_comanda_form { width: 670px; float: left; padding-bottom: 60px; } .cos_no_items { margin: 0 0 0 0px; font-size: 1.2em; text-align: center; color: #333333; } .cos-hd-prod { float: left; width: 50%; font-size: 1.2em; color: #000; font-weight: 500;} .cos-hd-cant { float: left; width: 20%; font-size: 1.2em; color: #000; font-weight: 500;text-align: center !important;} .cos-hd-unitar { float: right;width: 13%; font-weight: 500; } .cos-hd-total { float: right; width: 13%; font-weight: 500; } .cos-hd-prod span , .cos-hd-cant span, .cos-hd-unitar span, .cos-hd-total span { font-size: 0.8em; } .cos-hd-unitar div , .cos-hd-total div { font-size: 1.2em; color: #000; text-align: right; padding-right: 6px; } .cos-sor { margin-bottom: 40px; text-align: left; } .cos-tul { font-size: 12px; } .cos-prod { float: left; width: 50%; padding-top:7px } .cos-prod { font-weight: 500; } .cos-prod-img { display: block; float: left; position: relative; background-color: transparent; height: 70px; width: 70px;} .cos-prod-img img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width: 100%; max-height: 100%; } .cos-prod-img-empty { display: block; float: left; height: 35px; width: 70px;} .cos-prod-link-empty { display: block; float: left; font-weight: bold; line-height: 18px; height: 35px; margin-left: 15px; font-size: 1em; text-decoration: none; color: #000; } .cos-prod-cl2 { display: block; float: left; height: 50px; margin-left: 15px; } .cos-prod-link { display: block; font-size: 1em; text-decoration: none; color: #000; margin-top: 10px; text-align: left; } .cos-prod-link:hover { text-decoration: underline; color: #25aa51;} .coscode { display: block; font-weight: 300; font-size: 12px; padding-top: 3px; } .cos-prod-props { display: block; font-size: 0.9em; color: #666; margin-top: 6px; font-weight: 400; } .cos-cant { float: left; width: 20%; padding-top: 4px; } .cos-cant-sel { display: block; margin: 0 auto; font-size: 14px ; width: 50px;} .con-cant-inp { width:34px; border-color: #888; color: #000; border-radius: 2px; height: 18px; margin-top:3px; font-size: 0.93em; text-align: right; border-style: solid; border-width: 1px; padding:2px 6px 2px 0; font-weight: 600; margin-left: 70px; } .cos-unitar { float: right; width: 13%; height: 35px; line-height: 35px; font-weight: 500; } .cos-total { float: right; width: 13%; height: 35px; line-height: 35px; font-weight: 600; } .cos-total div , .cos-unitar div { text-align: right; padding-right: 6px; font-size: 1em; } .cos-ok { display: block; margin-top:3px; line-height: 24px !important; height: 24px; width: 36px; text-align: center;text-decoration: none; } .cos-ok:hover { text-decoration: none; } .cos-del { display: block; margin-top:3px; line-height: 24px !important; height: 24px; width: 36px; text-align: center;text-decoration: none; } .cos-del:hover { text-decoration: none; } .inapoicos {float: left; text-align: center; margin: 0 0 0 5px; } .inapoicos a { padding: 3px 10px; text-align: center; background: gray; color: #fff;} .subtotal { font-size: 1.2em; float:right; width: 340px; text-align: right; padding-right: 7px; font-weight: 600; color: #25aa51; } .subtotal span { font-weight: 600; font-size: 1em; color: #343434; } .cos-gomb { } .cos-gomb:hover { } #cos-gomb-1 { float: left; } #cos-gomb-2 { float: right; } #cos-gomb-3 { float: right } .cos_sugg { } .ccim { margin:10px 0 40px 0; background-color: #F0F0F0; font-size: 1em; font-weight: bold; padding: 10px; color: #25aa51; border-radius: 2px; } .propinfo { position: absolute; background: url(../img/info.png) no-repeat; cursor: pointer; display: inline; margin: 2px 0 0 6px; min-height: 20px; min-width: 20px;} .propinfotxt { display: none; margin: 3px 0 0 40px; border:1px solid #888; line-height: 19px; box-shadow: 3px 3px 5px rgba(0,0,0,0.4); color: #000000 !important; background: #9f9f9f; border-radius: 4px; padding: 10px; } .clbl { margin: 11px 0px 0 0; font-size: 1em; text-align: left; color: #000; overflow: hidden; float: left; width: 200px; font-weight: 500;} .clbl div { font-size: 0.8em; line-height: 12px; margin-top:5px; color: #555; font-weight: 500; } .cinp { float: left; margin-top: 5px; width: 444px; } .cinp label { max-width: 75%; display: block; float: left; font-size: 13px; } #chkconfcos { float: left; } .csubm { height: 45px; } #method { height: 36px; border: 2px solid #D0D0D0; border-radius: 2px; width: 440px; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; background-color: #fdfdfd;} #method:focus { border: 2px solid #25aa51; } .cinput { border: 2px solid #D0D0D0; border-radius: 2px; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; background-color: #fdfdfd; padding: 0 0 0 6px; width: 430px; height: 32px; line-height:32px; font-size: 1em; color: #333; } .cinput:focus { border: 2px solid #25aa51; } .cval { margin-top:6px;height: 32px; line-height:32px; font-size: 0.93em; color: #333; } .ctext { border: 2px solid #D0D0D0; border-radius: 2px; resize: none; transition: border-color 0.3s; overflow: auto; -webkit-transition: border-color 0.3s; background-color: #fdfdfd; padding: 0 0 0 6px; width: 430px; height: 100px; font-size: 1em; color: #333; } .ctext:focus { border: 2px solid #25aa51; } .ajax_win_submit { float: left; } .form_submit { float: left; display: block; } .submit:hover { } #fload { float: left; display: none; margin: 6px 0 0 20px; width: 32px; height: 32px; } #fload i { color: #25aa51; font-size: 24px; } .cos-sug-btn { display: inline-block; } .r_lbl_inp_container { float: none; clear: both; height: 55px; } .r_lbl_inp_container_lab { float: none; clear: both; } .r_lbl_inp_container_lab label { font-size: 12px; } .r_submit_container { float: none; clear: both; margin: 15px 0 15px 0; height: 40px; } .r_link_container_1 { float: none; clear: both; margin: 35px 0 0 0; } .r_link_container_2 { float: none; clear: both; margin: 15px 0 0 0; } .rlbl { font-size: 1em; color: #000; width: 150px;float: left; margin-top:9px; } .rinp { float: left; width: 270px; line-height: 22px; } .rinput { border: 2px solid #D0D0D0; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; background-color: #fdfdfd; padding: 0 0 0 6px; width: 250px; height: 30px; line-height:30px; font-size: 1em; color: #333; } .rinput:focus { border: 2px solid #25aa51; } .logout { font-size: .68em; color: #cb0e4c; } .cos_trim_ok { font-size: 1.4em; } .cos_trim_ok i { color: #329f7c; font-size: 24px; margin: 0 10px 0 3px; } .cos_code { font-size: 0.8em; color: #8a161d; } .ajaxreglink { color: #25aa51; display: block; } .ajaxreglink:hover { color: #343434; } .ajax_reg-link-nagy { font-size: 1.4em; color: #25aa51; margin: 8px 0 30px 0;} #ajax_reg_link_div_close { display: none; } #comanda_load { font-size: 22px; color: #25aa51; visibility: hidden; } #profile-cont { display: flex; justify-content: space-between } .profile-box { width: 24%; position: relative; display: block; background: #F3f3f3; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; height: 360px; } #profile-logat:after { content: "\f007"; font-family: 'FontAwesome'; display: block; position: absolute; font-size: 60px; color: #d3d3d3; bottom: 40px; left: 50%; margin-left: -30px; } #profile-come:after { content: "\f022"; font-family: 'FontAwesome'; display: block; position: absolute; font-size: 60px; color: #d3d3d3; bottom: 40px; left: 50%; margin-left: -30px; } #profile-date:after { content: "\f2bc"; font-family: 'FontAwesome'; display: block; position: absolute; font-size: 60px; color: #d3d3d3; bottom: 40px; left: 50%; margin-left: -30px; } #profile-pass:after { content: "\f023"; font-family: 'FontAwesome'; display: block; position: absolute; font-size: 60px; color: #d3d3d3; bottom: 40px; left: 50%; margin-left: -30px; } #prof-subtit { margin: 30px 0; font-size: 1.4em; color:#25aa51; } .comenzi-list { font-size: 1em; line-height: 1.5em; transition: 0.2s; background-color: #F0F0F0; padding: 30px; margin: 20px 0 ; position: relative; cursor: pointer; } .comenzi-list:hover { background-color: #f9dede; } .comenzi-list .button { position: absolute; right: 40px; top: 50%; margin-top: -15px; } .comenzi-list b { font-weight: 500; color: #666 } .comenzi-list span { font-weight: 500;color: #000 } #comenzi-details_m { display: none; } #profile-logat .a { margin-top: 30px; font-size: 18px; font-weight: 300; } #profile-come .a { margin-top: 30px; font-size: 18px;font-weight: 300; } #profile-date .a { margin-top: 30px; font-size: 18px; font-weight: 300;} #profile-pass .a { margin-top: 30px; font-size: 18px; font-weight: 300;} .profile-box .b { margin-top: 30px; font-size: 14px; font-weight: 300; } .profile-box .c { margin-top: 30px; font-size: 18px; font-weight: 300; } #bottom { background-color: #f2f2f2; padding: 30px 0 24px 0; text-align: center; } #bottom-c { text-align: center; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; } .bcol { display: inline-block; vertical-align: top; line-height: 18px; text-align: left; } #bcol1 { width: 328px; } #bcol1 .a { font-size: 20px; font-weight: 300; color: #4a4a4a; border-bottom: 2px solid #cccccc; padding-bottom:10px; position: relative; } #bcol1 .a:after { position: absolute; z-index:2; display: block; content: " "; border-bottom: 2px solid #25aa51; height: 4px; width: 30px; bottom: -2px; left:0; } #bcol1 .b { text-align: center; margin-top: 30px; } #bcol1 .b img { width: 253px; } #bcol1 .c { font-size: 12px; font-weight: 300; color: #3c3c3c; text-align: center; padding: 0 30px; margin: 20px 0 40px 0; } #bcol1 .d { text-align: center; } #bcol1 .d img { width: 70px; } #bcol2 { display: none;} #bcol2 .a { font-size: 20px; font-weight: 300; color: #4a4a4a; border-bottom: 2px solid #cccccc; padding-bottom:10px; position: relative; } #bcol2 .a:after { position: absolute; z-index:2; display: block; content: " "; border-bottom: 2px solid #25aa51; height: 4px; width: 30px; bottom: -2px; left:0; } #bcol2 .b { text-align: left; margin-top: 30px; line-height: 20px; } #bcol2 .b a { display: block; color: #2c2c2c; font-size: 14px; padding: 2px 0; line-height: 20px; } #bcol2 .b a { position: relative; } #bcol2 .b a:hover { color: #25aa51 } #bcol2 .b a:hover i { visibility: visible } #bcol2 .b a i { visibility: hidden; top: 6px; position: absolute; left: -15px; font-weight: 300; font-size: 12px; } #bcol3 { width: 328px; text-align: left; } #bcol3 .a { font-size: 20px; font-weight: 300; color: #4a4a4a; border-bottom: 2px solid #cccccc; padding-bottom:10px; position: relative; } #bcol3 .a:after { position: absolute; z-index:2; display: block; content: " "; border-bottom: 2px solid #25aa51; height: 4px; width: 30px; bottom: -2px; left:0; } #bcol3 .b { margin-top:26px; } #bcol3 .b div { height: 40px; clear: both; float: none; } #bcol3 .b div i { float: left; color: #25aa51; width: 30px; text-align: center; margin-right: 10px; } #bcol3 .b div i.fa-mobile-phone { font-size: 24px; } #bcol3 .b div i.fa-fax { font-size: 16px; margin-top: 4px; } #bcol3 .b div i.fa-envelope-o { font-size: 16px; margin-top: 4px; } #bcol3 .b div i.fa-map-marker { font-size: 22px; margin-top: 6px; } #bcol3 .b div span { float: left; width: 265px; font-size: 14px; color: #454545; margin-top: 4px;} .bbsp1 { margin-bottom: 10px; } #bottom-menu { margin-top: 20px; margin-bottom: 20px; } #bottom-menu ul { margin: 0 ; padding:0; list-style: none; } #bottom-menu ul li { display: inline-block; margin: 0 10px; } #bottom-menu ul li a { color: #484848; font-size: 13px; position: relative; } #bottom-menu ul li a:after { position: absolute; content: "|"; display: block; right: -12px; top: -2px; } #bottom-menu ul li:last-child a:after { display: none !important; } #bottom-menu ul li a:hover { text-decoration: underline } #bottom-terms { font-size: 14px; color: #484848; } #bottom-links { margin: 10px 0; height: 30px; } #bottom-links a { position: relative; padding: 0 10px; display: inline-block; font-weight: 300; color: #656565; font-size: 13px; } #bottom-links a:hover { text-decoration: underline } #bottom-links a:after { position: absolute; display: block; content: "|" ; width: 2px; height: 15px; top:-2px; right:-2px; color: #c0c0c0 } #bottom-links a:last-child:after { display: none !important; } #contact_form { margin-top: 20px; text-align: center; } #contact_form label { font-size: 13px; } .ctitle1 { font-size: 24px; padding: 50px 60px 30px 60px; font-weight: 400; color: #484848 ; line-height: 34px; } .ctitle2 { font-size: 16px; padding: 0 60px 30px 60px; font-weight: 400; color: #484848 ; line-height: 24px; } .finp { display: block; font-weight: 600; margin: 15px auto 0 auto; width: 490px; background-color: #f5f5f5; border-radius: 1px; font-size: 14px; height: 33px; line-height: 33px; text-indent: 6px; } .finp::placeholder { font-weight: 400; } #txt { resize: none; display: block; width: 490px; margin: 15px auto 0 auto; background-color: #f5f5f5; border-radius: 1px; height: 120px; padding: 4px 0 0 0px; text-indent: 6px; font-size: 14px ; overflow: auto; } .hov_border { transition: border-color 0.05s; border-width: 1px; border-style: solid; border-color: #a5a5a5; } .hov_border:focus { border-color: #25aa51; } #csmb{ cursor: pointer; margin-top: 10px; font-size: 14px !important; font-weight: 500 !important; text-transform: uppercase; } #prl { display: none; text-align: center; margin: 0 auto;} #prl i { color: #bd2830; font-size: 25px; } #zoom_mobile { display: none; } #zoom_desktop { } #form_send_ok { display: none; background: #eaffef; margin-bottom: 10px; border:1px solid #ccf0d4; padding: 20px; width: 98%; box-sizing: border-box; } #form_send_err { display: none; background: #ffe7e7; margin-bottom: 10px; border:1px solid #f6cdcd; padding: 20px; width: 98%; box-sizing: border-box; } .form_mandatory_alert { background-color: #fee3e3 !important; } #map { width: 100%; background-image: url(img/map.jpg); height: 435px; clear: both; margin-top: 55px; display: block; background-repeat: no-repeat; background-position: center center; } #contact_boxes { text-align: center; margin: 50px 0 0 0 ;} .contact_box { display: inline-block; vertical-align: top; width: 226px; text-align: center; } .contact_box i { color: #6a6a6a; } .contact_box .cbxsym { height: 50px; } .contact_box .sboxtxt { margin-top: 20px; font-size: 14px; } #contact_box_1 i { font-size: 40px; } #contact_box_2 i { font-size: 30px; padding-top:5px; } #contact_box_3 i { font-size: 38px; } #c_vizit { text-align: center; font-size: 24px; margin-top: 50px; } }