@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&family=Mulish:wght@300;400;600;800&display=swap');

table, tr, td, img {margin: 0px; padding: 0px; border: 0px; border-spacing: 0px;}
ul, li {list-style-type: none;}
form {margin: 0px; padding: 0px;}
body {padding-top: 220px; background: #FFFFFF; margin: 0px; font-family: 'Mulish', sans-serif; font-size: 14px; color: #555555;}
a {text-decoration: none; font-family: 'Mulish', san-serif; font-size: 14px; text-align: left;}
input {font-family: 'Mulish', san-serif; font-size: 14px; padding-top: 0px !important; padding-bottom: 0px !important;}
td {font-family: 'Mulish', san-serif; font-size: 14px;}

h1 {display: block; margin-bottom: 8px; padding: px 0px; font-size: 24px; font-weight: 400; color: #555555; text-align: center;}

#header {position: fixed; top: 0px; width: 100%; z-index: 2000;}
#header #top_top_box {position: relative; width: 100%; margin: auto; background: #02142a; border-bottom: solid 1px #072d48;}
#header #top_top_box #top_top_container {display: flex; flex-wrap: nowrap; flex-direction: row; width: 98%; margin: 0px 1%; height: 40px;}
#header #top_top_box #top_top_container div.address {width: 50%; color: #FFFFFF; line-height: 40px; font-weight: 300;}
#header #top_top_box #top_top_container div.index_menu {width: 50%; text-align: right;}
#header #top_top_box #top_top_container div.index_menu #menu_top ul.menu_top {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: right; margin: 0px 50px 0px 0px; padding: 0px;}
#header #top_top_box #top_top_container div.index_menu #menu_top ul.menu_top li.lev1 {display: block;}
#header #top_top_box #top_top_container div.index_menu #menu_top ul.menu_top li.lev1 a {display: block; padding: 0px 0px 0px 20px; text-align: left; color: #FFFFFF; line-height: 40px; text-transform: uppercase;}
#header #top_top_box #top_top_container div.index_menu #menu_top ul.menu_top li.lev1 a:hover {color: #40acc2;}

#header #top_middle_box {position: relative; width: 100%; margin: auto; background: #093f66; border-bottom: solid 1px #072d48;} 
#header #top_middle_box #top_middle_container {display: flex; flex-wrap: nowrap; flex-direction: row; width: 98%; margin: 0px 1%; height: 80px; align-content:space-evenly;  flex-flow: row wrap; }

#header #top_middle_box #top_middle_container div.logo {margin: 15px 0px; flex: 0 0 350px;}
#header #top_middle_box #top_middle_container div.logo a {font-size: 36px; color: #FFFFFF; line-height: 30px; font-weight: 300; text-tansform: uppercase;}
#header #top_middle_box #top_middle_container div.logo a img {float: left;}
#header #top_middle_box #top_middle_container div.logo div.text {color: #aaaaaa; line-height: 20px; font-weight: 400;}

#header #top_middle_box #top_middle_container div.breakingnews {margin: 15px 0px 15px 0px; flex: 0 0 230px; font-weight:500; text-align: center; font-size: 16px; height: 45px; vertical-align: middle; border-radius: 5px; background: #e3df0c; color: #df2b13;}

#header #top_middle_box #top_middle_container div.search {margin: 15px 30px 15px 0px; flex: 1 0 0px; text-align: right;}
#header #top_middle_box #top_middle_container div.search #mainsearch {position: relative; display: inline-block; width: 100%;}
#header #top_middle_box #top_middle_container div.search #mainsearch input.textbox {width: 500px; border: 0px; padding-left: 10px; font-size: 18px; height: 45px; vertical-align: top; border-radius: 5px; background: #FFFFFF; color: #55483f;}
#header #top_middle_box #top_middle_container div.search #mainsearch input.submit {position: absolute; right: 0px; width: 45px; height: 45px; border: 0px; color: transparent; font-size: 1px; background: transparent; vertical-align: top; cursor: pointer; z-index: 1;}
#header #top_middle_box #top_middle_container div.search #mainsearch i.fa.submit {position: absolute; top: 0px; right: 1px; width: 45px; color: #40acc2; font-size: 30px; line-height: 45px; text-align: center; cursor: pointer;}

div.autocomplete_result {position: absolute; right: 0px; top: 48px; width: 600px; padding: 10px 10px 30px 10px; background: #FFFFFF; font-size: 12px; z-index: 100; box-shadow: 0px 0px 3px #333333;}
div.autocomplete_result table {width: 100%;}
div.autocomplete_result tr:hover {background: #e1ded9;}
div.autocomplete_result td {color: #505050; font-size: 12px; font-family: ''Mulish'', sans-serif; font-size: 15px;text-align: center; }
div.autocomplete_result td#i {text-align: left; width: 40px; background: #FFFFFF;}
div.autocomplete_result td#i img {height: 30px;}
div.autocomplete_result td#n {width: 420px; padding-left: 10px;}
div.autocomplete_result td#n a {display: block; color: #006634; font-size: 12px; font-family: ''Mulish'', sans-serif; font-size: 12px; text-decoration: none;}
div.autocomplete_result td#n a:hover {color: #339966; font-size: 12px; font-family: ''Mulish'', sans-serif; font-size: 12px; text-decoration: none;}
div.autocomplete_result td#p {color: #cf0918; text-align: right; padding-right: 10px;}
div.autocomplete_result td#p a {display: block; color: #cf0918; text-align: right; padding-right: 10px; white-space: nowrap;}
div.autocomplete_result td#s a {display: block; height: 15px; width: 15px; border: solid 1px #FFFFFF; color: #b;}

div.autocomplete_result td#s a.store {display: inline-block; width: 15px; height: 15px; margin: -2px 5px 0px 0px; vertical-align: middle; border: solid 1px #333333; border-radius: 3px;}
div.autocomplete_result td#s a.store1 {background: #65D668;}
div.autocomplete_result td#s a.store2 {background: #FFB400;}
div.autocomplete_result td#s a.store3 {background: #C757C7;}
div.autocomplete_result td#s a.store4 {background: #D70000;}
div.autocomplete_result td#s a.store5 {background: #52A7C8;}

div.autocomplete_result tr.next td {height: 10px; width: 100%; position: relative;}
div.autocomplete_result tr.next div {width: 200px; position: absolute; top: 10px; right: 0px; padding-right: 30px; }
div.autocomplete_result tr.next a {color: #ffffff; line-height: 21px; text-align: center; font-size: 12px; display: block; background: #002e6b;}
div.autocomplete_result tr.next:hover {background: #ffffff;}

#header #top_middle_box #top_middle_container a.phone {display: block; flex: 0 0 170px; margin: 15px 0px;}
#header #top_middle_box #top_middle_container a.phone i.fa {line-height: 50px; font-size: 40px; color: #40acc2; margin-right: 10px; float: left;}
#header #top_middle_box #top_middle_container a.phone strong {display: block; line-height: 25px; color: #ffffff; font-weight: 400;}
#header #top_middle_box #top_middle_container a.phone span {display: block; line-height: 25px; color: #aaaaaa; font-weight: 300;}

#header #top_middle_box #top_middle_container a.login {display: block; flex: 0 0 140px; margin: 15px 0px;}
#header #top_middle_box #top_middle_container a.login i.fa {line-height: 50px; font-size: 40px; color: #40acc2; margin-right: 10px; float: left;}
#header #top_middle_box #top_middle_container a.login strong {display: block; line-height: 25px; color: #ffffff; font-weight: 400;}
#header #top_middle_box #top_middle_container a.login span {display: block; line-height: 25px; color: #aaaaaa; font-weight: 300;}

#header #top_middle_box #top_middle_container a.top_cart {display: block; color: #40acc2; flex: 0 0 140px; padding: 15px 0px;}
#header #top_middle_box #top_middle_container a.top_cart i.fa {line-height: 50px; font-size: 40px; color: #40acc2; margin-right: 10px; float: left;}
#header #top_middle_box #top_middle_container a.top_cart strong {display: block; line-height: 25px; color: #ffffff; font-weight: 400;}
#header #top_middle_box #top_middle_container a.top_cart span {display: block; line-height: 25px; color: #aaaaaa; font-weight: 300;}

#header #top_middle_box #top_middle_container a.top_cart #cart_products_container {position: absolute; display: none; top: 80px; right: 10px; padding: 0px; background: #FFFFFF; font-size: 12px; z-index: 100; box-shadow: 0px 0px 3px #333333;}
#header #top_middle_box #top_middle_container a.top_cart:hover #cart_products_container {display: block;}
#header #top_middle_box #top_middle_container a.top_cart #cart_products .i img{width: 60px; overflow: hidden;}
#header #top_middle_box #top_middle_container a.top_cart #cart_products a {text-decoration: none; color: #000; margin: 5px;}



#header #personal_menu_top {width: 100%; margin: auto; padding: 3px 0px; background: #40acc2; height: 25px; text-align: center;}
#header #personal_menu_top a {display: inline-block; font-size: 14px; color: #FFF; margin: 1px 5px; font-weight: 400;background: #02142a;border: 0px; border-radius: 5px; line-height: 20px;padding: 2px 10px;width: auto; }
#header #personal_menu_top a:first-child{ margin-left: 0px;}


#personal_menu {text-align: center; padding: 5px;}
#personal_menu a {display: inline-block; margin: 5px; width: auto; line-height: 30px; padding: 0px 10px; font-size: 14px; color: #FFFFFF; font-weight: 300; border: 0px; border-radius: 5px; background: #02142a;}
#personal_menu a:hover {background: #4e4a47;}


#page #head #login a.log_user_link {display: inline-block; width: 138px; text-decoration: none; font-size: 11px; color: #FFFFFF; text-shadow: 1px 1px 3px #333333;}
#page #head #login a.log_user_link:hover {display: inline-block; width: 138px; text-decoration: none; font-size: 11px; color: #EEEEEE; text-shadow: 1px 1px 3px #333333;}



#header #top_bottom_box {position: relative;width: 100%; height: 65px; background: #093f66;}

#header #top_bottom_box #top_bottom_container #left_sizes {position: absolute; left: 0px; top: 7px; display: block; margin: 0px; text-align: center; width: 285px;}
#header #top_bottom_box #top_bottom_container #left_sizes p {color: #FFFFFF; font-size: 12px; margin: 1px 0px 2px 0px; text-transform: uppercase; text-align: center; font-weight: normal;}
#header #top_bottom_box #top_bottom_container #left_sizes a {display: inline-block; width: 30px; height: 30px; margin: 1px; color: #FFFFFF; line-height: 30px; text-align: center; font-size: 14px; border-radius: 3px; border: solid 2px #1e1a17;}
#header #top_bottom_box #top_bottom_container #left_sizes a:hover {border: solid 2px #AAAAAA;}
#header #top_bottom_box #top_bottom_container #left_sizes a.off {border: solid 2px #07f5c9;}
#header #top_bottom_box #top_bottom_container #left_sizes a.size_g {background: #44b4c9;font-weight: 700; }
#header #top_bottom_box #top_bottom_container #left_sizes a.size_h0 {background: #44A0c9;font-weight: 700;}
#header #top_bottom_box #top_bottom_container #left_sizes a.size_h0e {background: #448cc9;font-weight: 700;}
#header #top_bottom_box #top_bottom_container #left_sizes a.size_tt {background: #4478c9;font-weight: 700;}
#header #top_bottom_box #top_bottom_container #left_sizes a.size_n {background: #4464c9;font-weight: 700;}
#header #top_bottom_box #top_bottom_container #left_sizes a.size_z {background: #4450c9;font-weight: 700;}
#header #top_bottom_box #top_bottom_container #left_sizes a.size_egyeb {position: relative; top: -2px; background: #443cc9; font-size: 10px;}

#header #top_bottom_box #top_bottom_container #keszletfrissites {display: block; width: 98%; height: 20px; margin: 0px 1%; text-align: right; line-height: 20px; color: #ffffff; font-weight: 300; qtext-transform: uppercase; padding-top: 10px;}
#header #top_bottom_box #top_bottom_container #keszletfrissites strong {font-weight: 400; color: #ffffff;}

#header #top_bottom_box #top_bottom_container #menu_top_bottom {display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: right; width: 98%; height: 35px; margin: 0px 1%;}
#header #top_bottom_box #top_bottom_container #menu_top_bottom ul.menu_top_bottom {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: right; margin: 0px; padding: 0px;}
#header #top_bottom_box #top_bottom_container #menu_top_bottom ul.menu_top_bottom li.lev1 {display: block;}
#header #top_bottom_box #top_bottom_container #menu_top_bottom ul.menu_top_bottom li.lev1 a {display: block; padding: 0px 0px 0px 20px; text-align: left; color: #FFFFFF; line-height: 35px;}
#header #top_bottom_box #top_bottom_container #menu_top_bottom ul.menu_top_bottom li.lev1 a:hover {color: #40acc2;}

#main {position: relative;}

#main #main_content_box {width: 100%; background: #fff;}
#main #main_content_container {display: flex; flex-wrap: nowrap; flex-direction: row; width: 98%; margin: 0px auto;}

#main #main_content_container #leftmenu {display: block; width: 310px;}

#main #main_content_container #leftmenu #menu_left {margin: 20px 20px 0px 0px; border-radius: 5px;}


#menu_left ul {margin: 0px 0px 1px 0px; padding: 0px; display: none; background: #FFFFFF;}
#menu_left ul.lev1 {display: block; z-index: 1;}
#menu_left ul li {position: relative; margin: 0px; padding: 0px; list-style: none; list-style-position: outside;}
#menu_left ul li.branch a::after {display: none; position: absolute; top: 0px; right: 0px; font-family: FontAwesome; content: "\f054"; vertical-align: top; width: 20px; text-align: center; font-size: 16px; line-height: 26px;}
#menu_left li a {display: block; padding: 0px 20px 0px 10px; font-size: 14px; line-height: 26px;}

#menu_left li.lev1 a {color: #2c2421;}
#menu_left li.lev1 a:hover {color: #FFFFFF; background-color: #40acc2;}
#menu_left li.lev1:hover ul.lev2 {display: block; width: 270px; position: absolute; top: -5px; left: 150px; border: solid 1px #1265a1; margin: 5px 0px 10px 0px; background: #FFFFFF; z-index: 2;}
#menu_left li.lev1:hover li.lev2:hover ul.lev3 {display: block; width: 300px; position: absolute; top: -5px; left: 150px; border: solid 1px #1265a1; margin: 5px 0px 10px 0px; background: #FFFFFF; z-index: 3;}


#menu_left li.lev1 a.active {color: #FFFFFF; background-color: #093f66;}
#menu_left li.lev1 a.highlight {color: #ea0729; font-weight: 600;}  
#menu_left li.lev1 ul.active {display: block; position: relative !important; margin: 0px; border: 0px;}
#menu_left li.lev1 ul.lev2.lev2blue {background: #a1c1ec; color: #a5a14e;}
#menu_left li.lev1 li.lev2 a.active { color: #ea0729;background: #a1c1ec}
#menu_left li.lev1 li.lev2 a.highlight {color: #ea0729; background: #a1c1ec}
#menu_left li.lev1 li.lev2 ul.active {display: block; position: relative !important; margin: 0px; border: 0px; background: #FFFFFF;}
#menu_left li.lev1:hover ul.active {position: absolute; top: 0px; left: 0px; width: auto; margin: 0px; border: 0px; }
#menu_left li.lev1:hover li.lev2:hover ul.active {position: absolute; top: 0px; left: 0px; width: auto; margin: 0px; border: 0px; background: #FFFFFF;}


#menu_left li.lev2 a {text-indent: 5px; color: #1c1411;}
#menu_left li.lev2 a:hover {color: #FFFFFF; background-color: #40acc2;font-weight: 600;}}
#menu_left ul.lev2 ul.active li.lev3 a {color: #02142a;text-indent: 5px;background: #a1c1ec }
#menu_left ul.lev2 ul.active li.lev3 a:hover {font-weight: 600; }
#menu_left ul.lev2 ul.active li.lev3 a.highlight { color: #ea0729; background-color: #ccdff8;}

#menu_left li.lev3 a {background: #ccdff8; text-indent: 10px; }

#menu_left #ul1031 li.lev1 a {color: #2c2421;}
#menu_left #ul1031 li.lev1 a:hover {font-weight: 600;}
#menu_left #ul1031 li.active a {color: #01405f;}
#menu_left #ul1031 li.lev1 a.active {color: #ffffff;}
#menu_left #ul1031 li.lev2 a.active {color: #fb070f; background: #a1c1ec;}
#menu_left #ul1031 li.active a:hover {color: #FFFFFF;}

#menu_left ul li.lev1.branch a.lev1::after {display: inline-block;}
#menu_left ul li.lev1.branch:hover a.lev1::after {color: #FFFFFF;}
#menu_left ul li.lev2.branch a.lev2::after {display: inline-block;}
#menu_left ul li.lev2.branch:hover a.lev2::after {color: #FFFFFF; }
#menu_left ul li.lev3.branch a.lev3::after {display: inline-block;}
#menu_left ul li.lev3.branch:hover a.lev3::after {color: #FFFFFF;}


#main #main_content_container #center {width: 100%; padding: 20px 0px;}


#shop_search_by_type {padding: 0px 5px; position: relative; margin-bottom: 10px; text-align: left; border: solid 1px #e5e5e5; border-radius: 5px; font-size: 12px;}

#shop_search_by_type #search_boxes_top {display: flex; flex-wrap: nowrap; flex-direction: row; width: 100%; max-width: 1200px;}
#shop_search_by_type div.search_box {position: relative; display: block; max-height: 190px; margin: 0px 5px; padding: 5px; vertical-align: top; text-align: left; width: 25%;}
#shop_search_by_type div.search_box h3 {font-size: 16px; padding: 0px; margin: 5px 0px; color: #b29700; font-weight: normal; border-bottom: solid 1px #e5e5e5; text-transform: uppercase;}
#shop_search_by_type div.search_box div.contbox {margin: 0px; padding: 0px; overflow: auto; height: 145px; width: 100%;}
#shop_search_by_type div.search_box ul {margin: 0px; padding: 0px; display: inline-block; width: 100%;}
#shop_search_by_type div.search_box ul.one {overflow: auto; max-height: 160px; vertical-align: middle;}
#shop_search_by_type div.search_box ul.second {margin-left: 3px; vertical-align: top; width: 164px;}
#shop_search_by_type div.search_box ul li {margin: 0px; padding: 3px; list-style: none; list-style-position: outside; background: #eee;}
#shop_search_by_type div.search_box ul li.active {color: #222222;background: #e0e0e0; font-weight: 600;}
#shop_search_by_type div.search_box ul li label { color: #555555;  }
#shop_search_by_type div.search_box ul li input {margin: 0px 4px 0px 0px; vertical-align: middle; width: 16px; height: 16px; border: solid 1px #c5c5c5;}
#shop_search_by_type div.search_box ul li input.text {width: 140px; padding: 0px 25px 0px 5px; border: solid 1px #999999; border-radius: 3px; height: 22px;}
body.msie #shop_search_by_type div.search_box ul li input.text {width: 105px;}
body.msie.msie-8 #shop_search_by_type div.search_box ul li input.text {width: 55px;}


#shop_search_by_type div.search_box ul li input.submit {position: absolute; right: 13px; bottom: 6px; border: 0px; }
#shop_search_by_type div.search_box a.uncheck {position: absolute; right: 8px; top: -4px; font-size: 19px; font-weight: bold; color: #FF0000; text-decoration: none;}

#shop_search_by_type div.search_box_rrcompany li {display: inline-block; width: 80px;}

#shop_search_by_type div.search_box_other {position: relative; display: block; margin: 0px 5px; padding: 5px; vertical-align: top; width: auto; qheight: 30px; border-top: solid 1px #e5e5e5;}
#shop_search_by_type div.search_box_other ul {width: auto; height: auto;}
#shop_search_by_type div.search_box_other ul li {display: inline-block; margin-left: 4px; font-size: 14px;}



#main #center #product_list {display: flex; flex-wrap: wrap; flex-direction: row; width: 100%;}
#main #center #product_list div.product {flex: 1 0 0; position: relative; display: inline-block; margin: 0px 10px 10px 0px; background: #FFFFFF; min-width: 390px; min-height: 200px; vertical-align: top; text-align: left; border: solid 1px #e5e5e5; border-radius: 5px;}
#main #product_list div.product img.modify {position: absolute; top: 0px; right: 0px;}
#main #center #product_list div.product h2 {display: block; margin: 0px 0px 5px 0px; min-height: 44px; background-color: #1265a1; background: -moz-linear-gradient(center top,#3c84a5 0%,#1265a1 100%) repeat scroll 0 0 #1265a1;}
#main #center #product_list div.product h2 a {display: block; padding: 7px; font-size: 14px; color: #FFFFFF; text-align: left; font-weight: normal; line-height: 15px;}

#main #center #product_list div.product a.img {display: inline-block; max-width: 200px; vertical-align: top; margin: 5px 5px 5px 0px;}
#main #center #product_list div.product a.img img {max-width: 200px; width: 200px; border: 0px;}

#main #center #product_list div.product div.datas {display: inline-block; vertical-align: top; width: 180px;}

#main #center #product_list div.product div.manufact {display: inline-block; vertical-align: top; width: 185px;}
#main #center #product_list div.product div.manufact div.size0 {display: inline-block; vertical-align: top; padding: 0px 5px; line-height: 23px; font-size: 13px; color: #FFFFFF; border-radius: 3px; background: #e9a225;}

#main #center #product_list div.product div.store {vertical-align: top; padding: 5px 0px; font-size: 13px; font-weight: normal; color: #636363; line-height: 15px; vertical-align: middle;}
#main #center #product_list div.product div.store div {display: inline-block; width: 15px; height: 15px; margin: -2px 5px 0px 0px; vertical-align: middle; border: solid 1px #333333; border-radius: 3px;}
#main #center #product_list div.product div.store1 {font-weight: normal;}
#main #center #product_list div.product div.store div.store1 {background: #65D668;}
#main #center #product_list div.product div.store div.store2 {background: #FFB400;}
#main #center #product_list div.product div.store div.store3 {background: #C757C7;}
#main #center #product_list div.product div.store div.store4 {background: #D70000;}
#main #center #product_list div.product div.store div.store5 {background: #52A7C8;}


#main #center #product_list div.product div.price {position: relative; height: 24px; margin-bottom: 4px;}
#main #center #product_list div.product div.price span.action {font-size: 15px; font-weight: bold; color: #FFFFFF; background: #CC0000; line-height: 24px; text-shadow: 1px 1px 1px #555555; border-radius: 5px; box-shadow: 0 0 5px #CC0000; padding: 0px 5px;}
#main #center #product_list div.product div.price span {position: absolute; top: 2px; right: 85px; font-size: 15px; font-weight: bold; color: #010101; text-align: left; line-height: 24px;}
#main #center #product_list div.product input.submit {position: absolute; top: 1px; right: -2px; border: 0px; border-radius: 3px; font-size: 13px; font-weight: normal; color: #ffffff; text-transform: uppercase;}
#main #center #product_list div.product input.input {position: absolute; top: 2px; right: 45px; padding: 3px; border: solid 1px #c6c6c6; text-align:center; font-size: 15px; color: #636363; background: #FFFFFF; width: 30px; height: 22px;}
#main #center #product_list div.product i.fa {position: absolute; right: 30px; line-height: 11px; text-align: center; font-size: 14px; color: #636363; background: #c6c6c6; width: 15px; height: 12px; cursor: pointer;}
#main #center #product_list div.product i.fa.plus {top: 2px;}
#main #center #product_list div.product i.fa.minus {top: 14px;}
#main #center #product_list div.product i.fa:hover {color: #636363; background: #DDDDDD;}
#main #center #product_list div.product div.bprice {font-size: 12px; font-weight: normal; color: #333333; text-align: center; margin-top: -5px;}
#main #center #product_list div.product div.bprice label {display: inline-block; width: 50px; text-align: left;}


#main #center #product_list div.product div.size {display: inline-block; font-size: 13px; font-weight: normal; color: #333333; text-align: right; margin: 0px 0px;}
#main #center #product_list div.product div.size label {display: inline-block; width: 60px; text-align: left;}
#main #center #product_list div.product div.size_right {float: right;}
#main #center #product_list div.product div.size_center {width: 100%: text-align: center;}

#main #center #product_list div.product div.subtitle {height: auto; padding: 0px 0px 3px 0px; font-size: 11px; font-weight: normal; color: #010101; line-height: 13px; text-align: center;}
#main #center #product_list div.product div.tulimgs {padding: 0px 5px;}

#main #center #product_list div.product div.kifutott {height: 80px; width: 185px; padding-top: 10px; margin: 5px 0px; font-size: 13px; font-weight: bold; color: #ff0000; text-align: left; vertical-align: bottom; background: url('/pictures/kifutott.jpg') top right no-repeat;}

#main #center #product_list div.product h1 {display: block; background: #036290; margin: 0px 0px 5px 0px; padding: 10px; display: block; font-size: 18px; font-style: verdana; font-weight: normal; color: #FFFFFF; background: #1265a1; text-align: left;}
#main #center #product_list div.product div.shop_title h1 {padding: 5px 0px; margin-bottom: 5px; font-size: 18px; font-style: verdana; font-weight: bold; color: #FFFFFF; background: #036290; text-align: center;}


#main #center #product_list div.product_one div.product {position: relative; display: inline-block; margin: 5px 10px 5px 0px; border: solid 1px #e5e5e5; background: #FFFFFF; width: 99% !important; min-height: 150px; vertical-align: top; text-align: left;}
#main #product_list div.product_one div.product img.modify {position: absolute; top: 0px; right: 0px;}
#main #center #product_list div.product_one div.product a.img {max-width: 370px;}
#main #center #product_list div.product_one div.product a.img img {max-width: 370px; width: 370px;}
#main #center #product_list div.product_one div.product div.gallery img {max-width: 80px; margin: 1px;}
#main #center #product_list div.product_one div.product div.description {padding: 10px; font-size: 12px;}
#main #center #product_list div.product_one div.product div.description h2 {padding: 10px; font-size: 16px; color: #FFFFFF; font-weight: bold; text-align: center; margin-bottom: 5px;}
#main #center #product_list div.product_one div.product div.datas {width: 345px;}
#main #center #product_list div.product_one div.product div.data {font-size: 13px; font-weight: normal; color: #333333; text-align: left; margin: 5px 0px;}
#main #center #product_list div.product_one div.product div.data p {display: inline-block; margin: 0px; padding: 0px; font-size: 13px; font-weight: normal; color: #333333; text-align: left;}
#main #center #product_list div.product_one div.product div.data h2 {display: inline-block; margin: 0px; padding: 0px; min-height: 0px; background: transparent; font-size: 13px; font-weight: normal; color: #333333; text-align: left;}
#main #center #product_list div.product_one div.product div.data label {display: inline-block; width: 100px; text-align: left; vertical-align: top;}
#main #center #product_list div.product_one div.product div.data div.rrcompany {display: inline-block; width: 245px; text-align: left; vertical-align: top;}
#main #center #product_list div.product_one div.product div.data a {font-size: 13px;}
#main #center #product_list div.product_one div.product div.kifutott {height: 80px; width: 200px; padding-top: 10px; font-weight: bold; color: #ff0000; text-align: left; vertical-align: bottom; background: url('/pictures/kifutott.jpg') top right no-repeat;}

#main #center #product_list div.product_one div.product div.price span.action {font-size: 16px; font-weight: bold; color: #FFFFFF; line-height: 24px; text-shadow: 1px 1px 1px #555555;}
#main #center #product_list div.product_one div.product div.price span {position: absolute; top: 2px; right: 240px; font-size: 16px; font-weight: bold; color: #010101; text-align: left; line-height: 24px;}
#main #center #product_list div.product_one div.product input.input {position: absolute; top: 2px; right: 185px; border: solid 1px #c6c6c6; text-align: center; font-size: 15px; color: #636363; background: #FFFFFF; width: 30px; height: 22px;}
#main #center #product_list div.product_one div.product i.fa {position: absolute; right: 170px; line-height: 12px; text-align: center; font-size: 14px; color: #636363; background: #c6c6c6; width: 15px; height: 12px; cursor: pointer;}

#main #center #product_list div.product_one div.product i.fa.plus {top: 2px;}
#main #center #product_list div.product_one div.product i.fa.minus {top: 14px;}
#main #center #product_list div.product_one div.product i.fa:hover {color: #636363; background: #DDDDDD;}
#main #center #product_list div.product_one div.product input.submit {position: absolute; top: 0px; right: 130px; border: 0px; border-radius: 3px; font-size: 13px; font-weight: normal; color: #ffffff; text-transform: uppercase;}

#main #center #product_list div.product_one div.description h2 {min-height: 0px;}

.highslide-container {z-index: 2000 !important;}

/* ################## user ################## */

#user div.title {background: #02142a; margin-top: 20px; line-height: 30px; font-size: 18px; color: #FFFFFF;width: 50%;  text-align: center; border-radius: 5px; margin: 10px auto 0px auto;}
#user div.title i {margin: 0px 15px; min-width: 20px; font-size: 30px; line-height: 30px; text-align: center;}
#user div.title_error {padding: 0px 50px; background: #FF0000; line-height: 30px; font-size: 16px; color: #FFFFFF;}
#user div.title_successful {margin-top: 20px; line-height: 30px; font-size: 18px; color: #FFFFFF; background: #00CC00; width: 50%;  text-align: center; border-radius: 5px; margin: 10px auto 0px auto;}
#user div.title_successful a {display: block; line-height: 30px; font-size: 16px; color: #FFFFFF; text-decoration: none;}
#user div.title_successful a:hover {background: #00AA00;}
#user form {display: block; background: #f8f8f8; margin-bottom: 20px; padding: 50px;}
#user form div.data {padding: 0px 0px 3px 0px; text-align: center;}
#user form div.data div {display: inline-block; line-height: 40px; min-height: 40px;}
#user form div.data div.label {width: 20%; max-width: 130px; text-align: left; font-size: 14px; color: #777777;}
#user form div.data div.input {width: 30%; max-width: 300px; text-align: left;}
#user form div.data div.input input {width: 100%; height: 40px; border: solid 1px #DEDEDE; padding: 5px 10px; text-align: left; font-size: 14px; color: #333333;}
#user form div.data div.input.aszf {line-height: 40px; font-size: 20px;}
#user form div.data div.input.aszf input.aszf {width: 40px; height: 40px; margin-right: 10px;}
#user div.subtitle {margin: auto; max-width: 600px; text-align: left; font-size: 14px; color: #777777; line-height: 40px;}
#user div.data.error div.label {color: #FF0000;}
#user div.data.error div.input input {background: #FF0000; color: #FFFFFF;}
#user input.submit {display: block; background: #02142a; margin-top: 20px; line-height: 30px; font-size: 18px; color: #FFFFFF;width: 20%;  text-align: center; border-radius: 5px; margin: 10px auto 0px auto; cursor: pointer;}

#form_data_captcha.error {border: solid 1px #FF0000;}



#user input.submit:hover {background: #4e4a47;}


#companies {background: #fff; height: 30px; text-align: center; padding: 10px 0px;}

#footer {position: relative; padding: 40px 0px; background: #02142a; font-size: 13px; text-align: left; color: #FFFFFF; font-weight: normal;}
#footer #footer_container {display: flex; flex-wrap: nowrap; flex-direction: row; width: 98%; margin: 0px auto; max-width: 1200px; }

#footer div.box {display: block; width: 18%; min-height: 230px; padding: 0px 1%; border-right: solid 1px #5e5b58; vertical-align: top;}
#footer div.box h3 {margin: 0px 0px 10px 0px; font-size: 13px; font-weight: bold; color: #9e9b98; text-transform: uppercase;}
#footer div.box a {display: block; font-size: 13px; font-weight: normal; color: #DDDDDD; line-height: 18px;line-height: 160%}
#footer div.box a:hover {color: #ffffff;}

#footer div.address h3 {height: 60px; background: url("/pictures/footer_logo.png") no-repeat scroll 0 0 transparent;}
#footer div.address span {display: block; font-size: 13px; font-weight: normal; color: #ffffff; line-height: 18px;}
#footer div.address a {display: inline; font-size: 13px; font-weight: normal; color: #DDDDDD; line-height: 18px;}
#footer div.address a:hover {color: #ffffff;}


/* ################## up ################## */

#back-top {position: fixed; bottom: 50px; height: 110px; right: 200px;}
#back-top a.up {position: absolute; right: -150px; bottom: 0px; margin: 5px auto; width: 50px; height: 50px; display: block; text-align: center; background: transparent url('/pictures/up.png'); border-radius: 25px; box-shadow: 0 0 20px #FFFFFF;}


#main #center {position: relative; display: inline-block; width: 725px; min-height: 400px; padding: 5px 15px 5px 0px; margin-left: -4px;}
#main #center img {max-width: 740px; border: 0px;}
#main #datapage #center {width: 965px; padding: 5px 15px 5px 15px; margin-left: 0px;}
#main #center div.index_center_text table {max-width: 720px;}
#main #center div.index_center_text td {font-size: 10px; font-family: tahoma, san-serif;}


.admin_title {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #8B2814; TEXT-DECORATION: none}
.admin_title_middle {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #8B2814; TEXT-DECORATION: none}
.admin_body {font-family: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT:normal; font-size: 11px; color: #58593c;} 
.admin_bold {font-family: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT:bold; font-size: 11px; color: #000000;} 
.admin_date {font-family: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT:normal; font-size: 11px; color: #000000;} 
.admin_cim {font-size: 12px;  FONT-WEIGHT: bold; text-decoration: none; color: #000000} 
.admin_select {FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #2a0e73; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none; border-style: solid; border-width: 1px; border-color: #000000;}
.admin_button {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #666666; TEXT-DECORATION: none}
.admin_checkbox {font-size: 10px; text-decoration: none; color: #003300; border-style: solid; border-width: 1px; border-color: #000000;}
.admin_number {FONT-WEIGHT: normal; FONT-SIZE: 10px; WIDTH: 20px; COLOR: #2a0e73; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none; border-style: solid; border-width: 1px; border-color: #000000;}
.admin_numberbig {FONT-WEIGHT: normal; FONT-SIZE: 10px; WIDTH: 70px; COLOR: #2a0e73; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none; border-style: solid; border-width: 1px; border-color: #000000;}
.admin_urlap {FONT-WEIGHT: normal; FONT-SIZE: 12px; width: 100%; max-WIDTH: 300px; COLOR: #2a0e73; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none; border-style: solid; border-width: 1px; border-color: #000000;}
.admin_urlap_center {FONT-WEIGHT: normal; FONT-SIZE: 10px; WIDTH: 300px; COLOR: #2a0e73; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none; border-style: solid; border-width: 1px; border-color: #000000;}
.admin_textarea {FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #2a0e73; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none; border-style: solid; border-width: 1px; border-color: #000000;}
.admin_error {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #8B2814; TEXT-DECORATION: none}
.admin_menu {FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #000066; TEXT-DECORATION: none; WIDTH: 120px; HEIGHT: 17px; BACKGROUND-COLOR: #f8f8f8; border-style: solid; border-width: 1px; border-color: #000066;}
.admin_account {FONT-WEIGHT: normal; FONT-SIZE: 10px; WIDTH: 60px; COLOR: #2a0e73; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none; border-style: solid; border-width: 1px; border-color: #000000;}

a.admin:link {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none}
a.admin:visited {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none}
a.admin:hover {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #777777; TEXT-DECORATION: none}

a.admin_link:link {FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none}
a.admin_link:visited {FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none}
a.admin_link:hover {FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #777777; TEXT-DECORATION: none}

.table_form_registration {border-collapse: collapse; border-style: solid; border-color: #EEEEEE; border-width: 1px; margin: auto; width: 100%; max-width: 600px; background: #DDDDDD;}
.table_form_registration td {padding-bottom: 5px;}
.td_form_registration {border-collapse: collapse; border-bottom-style: solid; border-bottom-color: #EEEEEE; border-bottom-width: 1px; padding: 5px;}


#root {qposition: absolute; qtop: 38px; qleft: 0px; margin-bottom: 8; font-size: 12px; font-weight: normal; color: #2c2421;}
#main #datapage #root {left: 15px;}
#root a {text-decoration: none; font-size: 12px; font-weight: normal; color: #2c2421;}


#dailynews {background: #ffffff; padding: 10px 20px 20px 20px; margin: 0px 5px 30px 5px;}
#dailynews div.date {padding: 4px; font-size: 14px; font-weight: bold; margin-left: -15px; margin-top: 10px;color: #093f66; border-bottom: solid 3px #093f66; width: 60%}
#dailynews div.item {padding: 0px; font-size: 14px; color: #2b2623; border-bottom: solid 1px #ebebeb; font-family: 'Mulish', san-serif;}
#dailynews div.item a {position: relative; display: inline-block; min-height: 16px; line-height: 16px; min-width: 50px; font-size: 14px; font-weight: bold; vertical-align: text-top; border: solid 1px #ffffff; font-family: 'Mulish', san-serif;}
#dailynews div.item a.link {vertical-align: baseline; color: #093f66; }
#dailynews div.item div.news a {line-height: 27px; vertical-align: baseline; font-family: 'Mulish', san-serif;}
#dailynews div.item span.images a img {max-height: 20px; vertical-align: text-top; margin-left: 15px; box-shadow: 0px 0px 0px #333333;}
#dailynews div.item span.images a:hover img {position: absolute; top: 15px; left: -10px; max-height: 100px; background: #FFFFFF; z-index: 3; box-shadow: 0px 0px 3px #333333;}
#dailynews div.item div {min-height: 27px; line-height: 27px; padding-left: 40px;}
#dailynews div.item div.action {background: url('/pictures/news_sale.jpg') 0px 4px no-repeat transparent;}
#dailynews div.item div.new {background: url('/pictures/news_new.jpg') 0px 4px no-repeat transparent;}
#dailynews div.item div.news {background: url('/pictures/news_news.jpg') 0px 4px no-repeat transparent;}
#dailynews div.item div.fresh {background: url('/pictures/news_fresh.jpg') 0px 2px no-repeat transparent;}


#pager {background: #eeeeee; vertical-align: top; text-align: center; margin-bottom: 10px; min-height: 30px;}

#pager div.order {position: relative; display: inline-block; float: left; width: 180px; height: 30px; text-align: left; vertical-align: top;}
#pager div.order select {position: absolute; top: 0px; left: 0px; width: 145px; padding: 2px; color: #3F3A35; font-size: 14px; border: solid 1px #c0bbb6; height: 30px;}
body.chrome #pager div.order select {position: absolute; top: 0px; left: 0px; width: 155px; height: 30px; padding: 2px; color: #3F3A35; font-size: 13px; border: solid 1px #c0bbb6;} 

#pager ul.shop_pager {display: inline-block; margin: auto; padding: 0px; vertical-align: top; height: 30px;}
#pager ul.shop_pager li {display: inline-block;  margin: 0px; padding: 0px; list-style: none; list-style-position: outside; vertical-align: top;}
#pager ul.shop_pager li a {display: block; padding: 0px 4px; font-size: 14px; line-height: 30px; color: #030303;font-weight: bold;}
#pager ul.shop_pager li a.active {color: #ffffff; background: #1265A0; font-weight: bold;}
#pager ul.shop_pager li a:hover {color: #ffffff; background: #40acc2 ; text-decoration: none;font-weight: bold;}

#pager div.last {display: inline-block; float: right; width: 210px; padding: 0px 6px; line-height: 30px; font-size: 14px; color: #030303; vertical-align: middle; text-align: right; vertical-align: top;}





#new_products_table {margin: auto; font-size: 12px;  FONT-WEIGHT: bold; text-decoration: none; color: #000000; text-align: center;}
#new_products_table table.table {margin: auto; border-collapse: collapse; border: solid 1px #CCCCCC; padding: 3px; width: 600px;}
#new_products_table tr.title {background-color: #CCCCCC;}
#new_products_table tr.title td.title {width: 100px;}
#new_products_table td.title {padding: 3px; text-align: center; font-size: 15px; FONT-WEIGHT: bold; text-decoration: none; color: #1265a1; text-shadow: 0px 0px 3px #FFFFFF;}
#new_products_table td.title a {font-size: 15px; FONT-WEIGHT: bold; text-decoration: none; color: #1265a1; text-shadow: 0px 0px 3px #FFFFFF; qtext-transform: uppercase;}
#new_products_table td.title img {box-shadow: 1px 1px 1px #999999;}
div.hu td.title img {margin-bottom: 15px;}
#new_products_table td.radio input {margin-bottom: 15px;}
#new_products_table td.size {padding: 3px; border-left: solid 1px #CCCCCC; text-align: center;}
#new_products_table td.size a { font-size: 14px;  FONT-WEIGHT: bold; text-decoration: none; color: #333333;}
#new_products_table td.company {padding: 5px; width: 1; text-align: center;}
#new_products_table td.company img {box-shadow: 0 0 3px #999999;}
#new_products_table tr.sizetr0 {background-color: #DDDDDD; border-top: solid 1px #CCCCCC;}
#new_products_table tr.sizetr1 {background-color: #EEEEEE; border-top: solid 1px #CCCCCC;}

#new_products_table table.select {margin: auto; border-collapse: collapse; border: solid 0px #333333; padding: 3px; width: 600px;}
#new_products_table table.select tr.title {background-color: transparent; border: solid 0px #333333;}
#new_products_table table.select td.title { font-size: 11px;  FONT-WEIGHT: bold; text-decoration: none; color: #333333; text-align: center;}
#new_products_table table.select td.radio {text-align: center;}



#content div.item h2 {margin: 20px 0px 0px 0px; text-align: left; font-size: 15px; color: #1C1411;}
#content div.item a.next {display: block; font-size: 13px; color: #1C1411; font-weight: bold;}
#content div.item a.next:hover {color: #7C7471;}


#newsletter-left {margin: 30px 0px; padding: 15px; border-radius: 5px; background: #1265a1; background: -moz-linear-gradient(center top , #3C84A5 0%, #1265a1 100%) repeat scroll 0 0 #1265a1;}
#newsletter-left div.title {font-size: 14px; color: #FFFFFF; line-height: 20px;}
#newsletter-left input.text {margin: 5px 0px; background: #FFFFFF; border: 1px solid #C6C6C6; color: #636363; font-size: 13px; height: 22px; padding: 3px; width: 100%;}
#newsletter-left input.text.captcha {margin: 0px 0px 0px 5px; height: 40px; width: 95px; vertical-align: top;}
#newsletter-left input.text.email {margin: 5px 0px 10px 0px;}
#newsletter-left input.submit {display: block; margin: 10px auto 0px auto; background: #3C84A5; border: 1px solid #FFFFFF; border-radius: 2px; color: #FFFFFF; font-size: 13px; text-transform: uppercase;}
#newsletter-left input.error {background: #FB4D07; color: #FFFFFF;}
#newsletter-left div.title_error {color: #FB4D07; text-shadow: 0px 0px 1px #FFFFFF;}



/* ################## ajax layer ################## */

#ajax_bg {height: 100%; width: 100%; overflow: hidden; position: fixed; top: 0px; left: 0px; display: block; background: #282828; filter: alpha(opacity='75'); opacity: 0.75; z-index: 200;}
#ajax_container {height: 100%; width: 100%; z-index: 210; overflow: hidden; position: fixed; top: 50px; left:0; display: block;}
#ajax  {display: block; max-height: 85%; margin: 10px auto 20px auto; width: 98%; max-width: 940px; overflow: auto; position: relative; background-color: #eae7e4; padding: 1%;}
#ajax  {text-align: left; vertical-align: top; z-index: 220;}
#ajax a.ajax_close {display: block; float: right; width: 16px; height: 16px; text-align: center; background: #5f5f5f; border-radius: 1px;}
#ajax a.ajax_close span {color: #FFFFFF; font-size: 28px; font-weight: bold; line-height: 9px;}

#ajax h1 {font-size: 26px; color: #076591; text-align: center;}
#ajax h2 {font-size: 20px; color: #076591; text-align: center;}


div.regiregi {display: block; font-size: 14px; font-weight: bold; color: #01405f;}




@media only screen and (max-width: 1400px) {

#header #top_middle_box #top_middle_container div.search #mainsearch input.textbox {width: 350px;}

}



@media only screen and (max-width: 1220px) {

body {padding-top: 220px;}

#header #top_bottom_box #top_bottom_container a.phone {flex: 0 0 50px; overflow: hidden;}
#header #top_bottom_box #top_bottom_container a.phone i.fa {line-height: 50px; font-size: 40px; color: #40acc2; margin-right: 10px; float: left;}
#header #top_bottom_box #top_bottom_container a.phone strong {display: none; }
#header #top_bottom_box #top_bottom_container a.phone span {display: none; }

#header #top_bottom_box #top_bottom_container a.login {flex: 0 0 50px; overflow: hidden;}
#header #top_bottom_box #top_bottom_container a.login i.fa {line-height: 50px; font-size: 40px; color: #40acc2; margin-right: 10px; float: left;}
#header #top_bottom_box #top_bottom_container a.login strong {display: block; line-height: 25px; color: #ffffff; font-weight: 400;}
#header #top_bottom_box #top_bottom_container a.login span {display: block; line-height: 25px; color: #aaaaaa; font-weight: 300;}

#header #top_bottom_box #top_bottom_container a.top_cart {flex: 0 0 50px; overflow: hidden;}
#header #top_bottom_box #top_bottom_container a.top_cart i.fa {line-height: 50px; font-size: 40px; color: #40acc2; margin-right: 10px; float: left;}
#header #top_bottom_box #top_bottom_container a.top_cart strong {display: block; line-height: 25px; color: #ffffff; font-weight: 400;}
#header #top_bottom_box #top_bottom_container a.top_cart span {display: block; line-height: 25px; color: #aaaaaa; font-weight: 300;}

#header #top_bottom_box #top_bottom_container #left_sizes {width: 230px;}

#header #top_middle_box #top_middle_container div.search #mainsearch input.textbox {width: 260px;}

#header #top_bottom_box #top_bottom_container #left_sizes {width: 260px;}


}

#leftmenu .mmenu.open {display: none;}
#leftmenu .mmenu.close {display: none;}
#mobil-navigation-menu {display : none;}

@media only screen and (max-width: 1150px) {


#header #top_middle_box #top_middle_container div.logo {margin: 15px 0px; flex: 0 0 250px;}
#header #top_middle_box #top_middle_container div.logo a {font-size: 36px; color: #FFFFFF; line-height: 30px; font-weight: 300; text-tansform: uppercase;}
#header #top_middle_box #top_middle_container div.logo a img {float: left;}
#header #top_middle_box #top_middle_container div.logo div.text {color: #aaaaaa; line-height: 20px; font-weight: 400;}

    #header #top_bottom_box #top_bottom_container a.phone strong {display: block; line-height: 25px; color: #ffffff; font-weight: 400;}
    #header #top_bottom_box #top_bottom_container a.phone span {display: block; line-height: 25px; color: #aaaaaa; font-weight: 300;}

#header #top_middle_box #top_middle_container div.search #mainsearch input.textbox {width: 200px;}

#mobil-navigation-menu {display: none;}

body {padding-top: 0px;}
#header {position: relative; z-index: 1;}

#header #top_middle_box #top_middle_container a.top_cart #cart_products_container {display: none !important;}
#header #top_middle_box #top_middle_container a.top_cart:hover #cart_products_container {display: none !important;}

#main #main_content_container {flex-wrap: wrap; width: 96%;}
#main #main_content_container #leftmenu {background: #1e1a17; width: 350px; margin-top: 0px;}
#main #main_content_container #leftmenu #menu_left {margin: 20px 0px 0px 0px;}

#main #main_content_container #leftmenu #left_sizes {display: none; margin: 10px 0px 4px 0px;}
#menu_left li.lev1 ul.active {display: none;}
#menu_left li.lev1:hover ul.lev2 {display: none; position: relative; top: auto; left: auto; width: 100%; border: 0px;}
#menu_left li.lev1:hover li.lev2:hover ul.lev3 {display: none;}
#menu_left li.lev1 li.lev2 ul.active {display: none;}
#menu_left li.lev1:hover li.lev2:hover ul.lev3 {display: none; position: relative; top: auto; left: auto; width: 100%; border: 0px;}
#menu_left li.lev1:hover li.lev3:hover ul.lev4 {display: none;}

#menu_left li.lev1 ul.active.active_line {display: block;}
#menu_left li.lev1:hover ul.lev2.active_line {display: block;}
#menu_left li.lev1:hover li.lev2:hover ul.lev3.active_line {display: block;}
#menu_left li.lev1 li.lev2 ul.active.active_line {display: block;}
#menu_left li.lev1:hover li.lev2:hover ul.lev3.active_line {display: block;}
#menu_left li.lev1:hover li.lev3:hover ul.lev4.active_line {display: block;}

#menu_left ul li.lev1.branch a.lev1::after {display: none;}
#menu_left ul li.lev2.branch a.lev2::after {display: none;}


#leftmenu {width: 100%; height: 0px; display: block; margin: 0 auto;}

#leftmenu a.mmenu {display: inline-block; position: fixed; top: 0px; left: 0px; width: 40px; height: 40px; z-index: 200;}
#leftmenu a.mmenu i.fa {position: absolute; top: 5px !important; left: 7px; font-size: 30px; color: #fff; z-index: 211;}

#leftmenu a.mmenu.open {display: block; background: rgba(33,33,33,0.5);}
#leftmenu a.mmenu.close {display: none; background: rgba(33,33,33,0.5);}
#leftmenu:target a.mmenu.close {display: block;}
#leftmenu:target a.mmenu.open {display: none;}
#main #main_content_container #leftmenu:target #left_sizes {display: block;}

#leftmenu #menu_left {display: block; width: 100%; height: 0px; opacity: 0; transition: opacity 250ms ease 0s; overflow: hidden; float: none;}
#leftmenu #menu_left li, #leftmenu #menu_left li.lev2 {display: none;}
#leftmenu:target {display: block; height: auto;}
#leftmenu:target #menu_left {display: block; width: auto; height: auto; opacity: 1; transition: opacity 250ms ease 0s;}
#leftmenu:target #menu_left li {display: block;}
#leftmenu #menu_left li.lev2 {display: block; width: 100%; margin: 0px; padding: 0px; border-bottom: 1px solid rgba(0,0,0,0.05);}
#leftmenu #menu_left li.lev2 a {text-align: center; white-space: normal; width: 100%;}

#leftmenu #menu_left li.lev2.mobil ul.lev3 {display: block; width: 100%; position: relative; left: auto; top: auto; bottom: auto; right: auto;}
#leftmenu #menu_left li.lev2.mobil li.lev3 {display: block; width: 100%; margin: 0px; padding: 0px;}
#leftmenu #menu_left li.lev2.mobil li.lev3 a {text-align: center; white-space: normal;}

#leftmenu #menu_left li.lev2 a {margin: 0px; padding: 0px; border: 0px; line-height: 38px;}
#leftmenu #menu_left li.lev2.mobil li.lev3 {border-bottom: solid 1px #fffefe;}

#leftmenu #menu_left li.lev2::before {content: none;}

#leftmenu #menu_left li.lev2 ul.lev3 li.lev3 a, #leftmenu #menu_left li.lev2 ul.lev4 li.lev4 a {padding: 0;}
#menu_left li.lev1:hover li.lev2:hover ul.lev3 {width: 100%;}


#header #top_bottom_box #top_bottom_container #menu_top_bottom ul.menu_top_bottom li.lev1 a i {line-height: 35px; font-size: 25px; letter-spacing: 5px;}
#header #top_bottom_box #top_bottom_container #menu_top_bottom ul.menu_top_bottom li.lev1 a span {display: none;}



#header #top_middle_box #top_middle_container {flex-wrap: wrap; flex-direction: row; height: auto;} 
#header #top_middle_box #top_middle_container div.logo {flex: 0 0 50%;}
#header #top_middle_box #top_middle_container div.search {flex: 1 0 40%;} 
#header #top_middle_box #top_middle_container a.phone {flex: 1 0 170px;} 
#header #top_middle_box #top_middle_container a.login {flex: 1 0 170px;} 
#header #top_middle_box #top_middle_container a.top_cart {flex: 1 0 170px;} 

#companies {display: none;}
}


@media only screen and (max-width: 1015px) {
#header #personal_menu_top {height: 50px;}}

@media only screen and (max-width: 900px) {

#header #top_top_box #top_top_container div.address {display: none;}
#header #top_top_box #top_top_container div.index_menu {margin-left: 25px; width: auto;}
#header #top_top_box #top_top_container div.index_menu #menu_top ul.menu_top {margin-right: 0px;}

#header #top_middle_box #top_middle_container a.top_cart:hover #cart_products_container {top: 105px;;}

#main #main_top_box #main_top_container #menu_top_bottom ul.menu_top_bottom li.lev1 a {max-width: 150px; overflow: hidden; white-space: nowrap;}

#shop_search_by_type #search_boxes_top {flex-wrap: wrap;}
#shop_search_by_type div.search_box {min-width: 150px; width: 45%;}

#footer #footer_container {flex-wrap: wrap;}
#footer div.box {width: 31%;}

#dailynews div.date {width: 100%;border-bottom: solid 2px}

}


@media only screen and (max-width: 800px) {

#main #main_top_box #main_top_container #menu_top_bottom ul.menu_top_bottom li.lev1 a {max-width: 15px;}
#new_products_table table.select {width: auto;}
#new_products_table table.table {width: auto;}
#new_products_table tr.title td.title {width: 10px;}
#new_products_table td.title a {font-size: 12px; FONT-WEIGHT: normal; color: #333;}
#new_products_table td.size a {font-size: 12px; FONT-WEIGHT: normal; color: #333333;}

#footer div.box {width: 47%;}

}


@media only screen and (max-width: 660px) {



#header #top_middle_box #top_middle_container div.logo a span {display: none}
#header #top_middle_box #top_middle_container div.logo div.text {display: none}
#header #top_middle_box #top_middle_container div.logo {flex: 0 0 10%;}
#header #top_middle_box #top_middle_container div.search {flex: 1 0 80%; margin: 15px 1%;}
#header #top_middle_box #top_middle_container div.search #mainsearch {width: 80%;}
#header #top_middle_box #top_middle_container div.search #mainsearch input.textbox {width: 95%; height: 35px;}
#header #top_middle_box #top_middle_container div.search #mainsearch i.fa.submit {top: -7px;}

#header #top_bottom_box #top_bottom_container #keszletfrissites {display: none;}

div.autocomplete_result {max-width: 100%;}

#main #center #new_products_table img {max-width: 70px;}


#user form {padding: 10px;}
#user form div.data div {display: block;}
#user form div.data div.label {width: 100%; max-width: auto;}
#user form div.data div.input {width: 100%; max-width: auto;}
#footer div.box a {display: block; font-size: 13px; font-weight: normal; color: #DDDDDD; line-height: 18px;line-height: 48px}

}

@media only screen and (max-width: 541px) {

#header #personal_menu_top {height: 75px;}
    

#header #top_top_box #top_top_container div.index_menu #menu_top ul.menu_top li.lev1 a {padding-left: 10px; font-size: 13px;}
#header #top_bottom_box #top_bottom_container #menu_top_bottom ul.menu_top_bottom li.lev1 a i {line-height: 35px; font-size: 25px; letter-spacing: 15px;}


#header #top_middle_box #top_middle_container {text-align: center;}
#header #top_middle_box #top_middle_container div.logo a img {float: none;}

#header #top_middle_box #top_middle_container a.phone {flex: 0 0 125px; margin: 10px 0px;}
#header #top_middle_box #top_middle_container a.phone i.fa {line-height: 40px; font-size: 30px; margin-right: 5px;}
#header #top_middle_box #top_middle_container a.phone strong {line-height: 20px; font-size: 11px;}
#header #top_middle_box #top_middle_container a.phone span {line-height: 20px; font-size: 13px;}

#header #top_middle_box #top_middle_container a.login {flex: 0 0 110px; margin: 10px 0px;}
#header #top_middle_box #top_middle_container a.login i.fa {line-height: 40px; font-size: 30px; margin-right: 5px;}
#header #top_middle_box #top_middle_container a.login strong {line-height: 20px; font-size: 13px;}
#header #top_middle_box #top_middle_container a.login span {line-height: 20px; font-size: 13px;}

#header #top_middle_box #top_middle_container a.top_cart {flex: 0 0 115px; margin: 10px 0px; padding: 0px;}
#header #top_middle_box #top_middle_container a.top_cart i.fa {line-height: 40px; font-size: 30px; margin-right: 5px;}
#header #top_middle_box #top_middle_container a.top_cart strong {line-height: 20px; font-size: 13px;}
#header #top_middle_box #top_middle_container a.top_cart span {line-height: 20px; font-size: 13px;}

#header #top_bottom_box {padding-top: 2px; height: auto;}
#header #top_bottom_box #top_bottom_container #left_sizes {position: relative; left: auto; right: auto; top: auto; margin: auto;}
#header #top_bottom_box #top_bottom_container #menu_top_bottom ul.menu_top_bottom {width: auto; margin: auto;}

#shop_search_by_type div.search_box {width: 100%;}
}


@media only screen and (max-width: 400px) {

#main #main_content_container {qmargin: 0px;}

#main #center #product_list div.product {margin: 0px 0px 10px 0px;}

#main #center #product_list div.product a.img {max-width: 160px;}
#main #center #product_list div.product a.img img {max-width: 160px; width: 160px;}

#main #center #product_list div.product {min-width: 353px; max-width: 353px; min-height: auto;}
#main #center #product_list div.product_one div.product a.img img {max-width: 100%; width: 100%;}

}

@media only screen and (max-width: 370px) {
    #header #personal_menu_top {height: 100px;}
}