@font-face { font-family: 'Calibri'; src: url('font/calibri.eot'); src: url('font/calibri.eot?#iefix') format('embedded-opentype'), url('font/calibri.woff') format('woff'), url('font/calibri.ttf') format('truetype'); font-weight: normal; font-style: normal; } .homegc .grid-stack-item { display: none; } body { overflow-x: hidden; } div, table, tr, td, input, span, h1, h2, h3, h4, h5, h6, img, form, select, body, a, li, ul { padding: 0; border: 0; margin: 0; text-decoration: none; font-family: Calibri; color: #030605; line-height: normal; font-size: 12px; list-style: none; outline: 0; -webkit-font-smoothing: antialiased !important; /*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/ } a { cursor: pointer !important; } input[type=submit], input[type=button] { cursor: pointer; } .go_back_venezia { position: fixed; left: 17%; top: 100px; font-weight: bold; font-size: 14px; } .go_back_venezia img { width: 70px; margin-top: 5px; } img { border: 0; vertical-align: middle; } ol li { list-style: decimal; margin-bottom: 5px; margin-top: 10px; } ol .alf li { list-style: lower-alpha; } #fb { position: absolute; left: 115px; bottom: 0; } #wrapper { float: left; width: 100%; position: relative; } .icons { margin-top: 20px; margin-right: 20px; text-align: right; } .go_to_top { position: fixed; right: 20px; bottom: 40px; } .go_to_top:hover { text-decoration: underline; } .clear { clear: both; float: none; } #content .button { width: 125px; padding-left: 11px; background: #686868 url(images/arrow_right_button.png) no-repeat 108px 7px; color: #ffffff; height: 25px; line-height: 20px; font-size: 18px; text-align: left; cursor: pointer; } #main_full .button { width: 125px; padding-left: 11px; background: #686868 url(images/arrow_black_right.png) no-repeat 112px 7px; color: #ffffff; height: 20px; line-height: 20px; font-size: 12px; text-align: left; cursor: pointer; } .card_bg { background: url(images/bg_karta.gif) no-repeat 50% 0%; height: 935px; background-size: 90% } .newsletter_bg { background: url(images/bg_newsletter.jpg) no-repeat right top; height: 810px; background-size: 90% } .work_bg { background: url(images/bg_praca.jpg) no-repeat 20% top; height: 700px; } .contact_wrapper { background-position: 200px 0; background-repeat: no-repeat; } #content .button:hover { background-color: #000000; cursor: pointer; } #main_full .button:hover { background-color: #000000; cursor: pointer; } .search_noresults { margin-top: 50px; font-size: 20px; font-size: 18px; display: block; text-align: center; } .logo_float { position: fixed; z-index: 50; padding: 25px 20px 22px 0; top: 0; height: 63px; background: #fff;} .logo_float img { max-height: 100%; max-width: 100%; } #top { position: relative; margin-left: 275px; padding-left: 25px; border-bottom: 1px solid #ebebeb; height: 87px; margin-right: 13px; } #top .links { float: left; margin-top: 45px; } #top .links a { font-size: 18px; text-transform: uppercase; color: #333333; display: inline-block; margin-right: 15px; } #top .links a:hover { text-decoration: underline; } #top .languages { color: #333333; font-size: 18px; float: right; margin-top: 45px; } #top .languages a { color: #333333; font-size: 18px; } #top .top_cart { float: right; background: url(images/top_cart_ico.png) no-repeat left top; width: 38px; height: 38px; margin-top: 22px; padding-left: 55px; padding-top: 23px; color: #333333; font-size: 18px; } #top .top_shipment { float: right; margin-right: 25px; font-size: 18px; font-weight: bold; color: #ff0000; text-transform: uppercase; margin-top: 45px; } #top .top_search { float: right; margin-right: 17px; margin-top: 45px; } #top .top_search input[type=text] { width: 128px; height: 20px; padding: 0 6px; text-align: left; font-size: 16px; color: #333333; border: 1px solid #c2bebe; vertical-align: top; } #top .top_search input[type=image] { vertical-align: top; margin-left: 7px; margin-top: 3px; cursor: pointer; } #left { width: 250px; margin-left: 25px; float: left; min-height: 600px; } #left .menu { width: 240px; margin-bottom: 4px; margin-top: 55px; position: relative; z-index: 10; } #left .menu_container { top: 25px; position: absolute; padding-top: 52px; } #left .menu li a { display: block; width: 100%; font-size: 18px !important; color: #333333; text-shadow: none; margin-left: 10px; } #left .menu li.bold a { font-size: 20px !important; text-transform: uppercase; color: #333333; margin-left: 0; } #left .menu li.current a { font-weight: bold; } /* #left .menu li a { font-size: 15px; color: #707070; line-height: 17px; display:block; } #left .menu li a:hover { color: #000000; } #left .menu .main_menu { border-bottom: 1px dotted #111111; margin-top: 10px; } #left .menu .main_menu a { color: #707070; font-size: 17px; font-weight: bold; text-transform: uppercase; } #left .menu .bold { text-transform: uppercase; } #left .menu .bold a { color: #707070; font-size: 15px; font-weight: bold; padding-top: 7px; padding-bottom: 7px; } #left .menu .bold span { color: #707070; font-size: 15px; font-weight: bold; padding-bottom: 7px; } #left .menu .bold_2 { text-transform: uppercase; } #left .menu .bold_2 a { color: #707070; font-size: 13px; font-weight: bold; padding-top: 7px; padding-bottom: 7px; } #left .menu .bold_p a { color: #666666; font-size: 12px; font-weight: bold; padding-top: 15px; padding-bottom: 15px; } #left .menu .bold_p span { color: #666666; font-size: 12px; font-weight: bold; padding-top: 15px; padding-bottom: 15px; display: block; } #left .menu .small { text-transform: uppercase; line-height: 16px; } #left .menu .small a { color: #707070; font-size: 12px; } #left .menu .normal_p { margin-left: 10px; } #left .menu_prim { display: block; margin-top: 18px; } #left .menu_prim img { width: 100%; } #left .menu .current a { color: #000000 !important; } #left .menu .catalog a { font-size: 10px; } #left .menu .red_li { background-color: #ff0000; color: #ffffff; text-align: left; height: 18px; line-height: 18px; margin-top: 5px; } #left .menu .red_li a { color: #ffffff !important; height: 18px; line-height: 18px; padding-left: 5px; font-weight: bold; } #left .menu .card_d a { margin-top: 20px; background: url(images/karta.jpg) no-repeat right center; height: 55px; padding: 20px 75px 0 0; position: relative; width: 150px; } #left .menu .show_cats a { display: block; background: url(images/arrow_bottom.jpg) no-repeat 50px top; padding-top: 8px; font-size: 12px !important; padding-left: 40px; } #left .menu .card_d a { margin-top: 20px; background: url(images/karta.jpg) no-repeat right center; height: 55px; padding: 20px 75px 0 0; position: relative; width: 150px; } */ #content { width: 100%; float: right; padding-top: 20px; position: relative; } #content .page { font-size: 12px; color: #333333; margin-top: 5px; } #content .back { padding-left: 483px; float: left; } #content .back a { display: block; background: url(images/arrow_left.gif) no-repeat left center; font-size: 12px; color: #333333; padding-left: 12px; } #content .rel_wraper { position: fixed; z-index: 380; padding-left: 10px; top: 47px; padding-top: 10px; } #content .sort_by { font-size: 12px; color: #333333; margin-right: 20px; float: left; display: none; } #content .sort_by span { float: left; line-height: 30px; padding-right: 10px; } #content .sort_by .my_select { position: relative; float: left; margin-top: 5px; } #content .sort_by .my_select .select { margin-bottom: 12px; background: url(images/product_select_small2.gif) no-repeat left top; width: 106px; height: 20px; line-height: 20px; padding-left: 13px; position: relative; z-index: 10; cursor: pointer; } #content .sort_by .mySelectSort .select { margin-bottom: 12px; background: url(images/product_select_small_price.gif) no-repeat left top; width: 106px; height: 20px; line-height: 20px; padding-left: 13px; position: relative; z-index: 10; cursor: pointer; } #content .sort_by .my_select select { position: absolute; z-index: 20; top: 0; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; width: 119px; padding: 0 0 0 13px; border: 0; font: 12px arial,sans-serif; background: none; overflow: hidden; cursor: pointer; } #content .page .page_sub { font-size: 14px; color: #333333; padding-left: 0; border-bottom: 1px solid #eaeaea; width: 208px; font-weight: bold; margin-bottom: 10px; } #content .page .page_sub_text { font-size: 15px; color: #333333; margin-bottom: 30px; } #content .page .page_sub_text * { font-size: 15px; color: #333333; } #content .page .page_sub_wide { width: 100%; } #content .page .p_strong { font-weight: bold; } #content .page .p_text { margin-left: 15px; margin-top: 5px; margin-bottom: 10px; } #content .page .p_table { margin-left: 15px; margin-top: 10px; width: 100%; border-bottom: 1px solid #c5c6c7; border-right: 1px solid #c5c6c7; } #content .page .p_table td { border-left: 1px solid #c5c6c7; border-top: 1px solid #c5c6c7; line-height: 25px; padding: 0; margin: 0; text-align: center; } #content .page .p_table .first { background: #6d7174; color: #ffffff; line-height: 25px; padding-left: 5px; text-align: left; } #content .page .p_table .bw { background: #f3f3f3; } #content .page .p_description { font-size: 9px; color: #393939; margin-left: 15px; margin-top: 10px; } #content .page .contact_wrapper { margin: auto; } #content .page .page_left { width: 260px; overflow: hidden; float: right; background: url(images/bg.png) repeat left top; padding-left: 30px; padding-right: 20px; } #content .page .page_form { width: 400px; float: right; text-align: left; background: url(images/bg.png) repeat left top; padding-left: 30px; padding-bottom: 20px; margin: 200px 250px 0 0; } #content .page .form_text { margin-top: 170px; } #content .page input[type=text] { width: 280px; border: 1px solid #d0d0d0; } #content .page .left_td { width: 120px; } #content .page td { padding-bottom: 10px; } #content .page textarea { width: 386px; border: 1px solid #d0d0d0; height: 98px; padding: 5px; } #content .page .buttons { margin-top: 18px; text-align: right; } #content .page .buttons input { font-size: 18px; color: #ffffff; text-align: left; padding-left: 10px; width: 160px; height: 25px; background: url(images/arrow_right_button.png) #666666 no-repeat 140px center; } #content .page .buttons input:hover { background-color: #000000; } .navi_category { float: right; font-size: #333333; font-size: 12px; padding-right: 15px; } .navi_category .prev_page_h { float: left; margin-left: 3px; margin-top: 2px; background: url(images/arrow_page_left.gif) no-repeat left top; width: 6px; height: 11px; display: block; } .navi_category .prev_page { float: left; margin-left: 3px; margin-top: 2px; background: url(images/arrow_page_left_hover.gif) no-repeat left top; width: 6px; height: 11px; display: block; } .navi_category .next_page_h { float: left; margin-left: 3px; margin-top: 2px; background: url(images/arrow_page_right.gif) no-repeat left top; width: 6px; height: 11px; display: block; } .navi_category .next_page { float: left; margin-left: 3px; margin-top: 2px; background: url(images/arrow_page_right_hover.gif) no-repeat left top; width: 6px; height: 11px; display: block; } .navi_category .show_all { float: left; margin-right: 10px; } .navi_category span { float: left; border-right: 1px solid #dddddd; padding-right: 5px; margin-right: 5px; } .price_gray { font-size: 14px !important; color: #666666; } #content .product_listing { width: 80%; margin: auto; margin-right: 240px; } #content .product_listing .row { width: 30%; margin-right: 3%; float: left; position: relative; z-index: 10; padding: 0; } #content .product_listing .row .image { width: 90%; height: 100%; text-align: center; vertical-align: middle; margin: auto; margin-top: 1%; display: block; } #content .product_listing .row .image img { max-width: 100%; } #content .product_listing .row .info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px 10px 5px 10px; height: 40px; background: #ffffff; display: none; font-size: 16px; color: #616161; } #content .product_listing .row .row_name { font-size: 16px; color: #616161; height: auto; } #content .product_listing .row .info .price { font-size: 20px; color: #616161; } #content .product_listing .row .info .price_old span { font-size: 14px !important; color: #616161; } #content .product_listing .row .week_promo { position: absolute; right: 0; top: 0; background: #ff0000; color: #ffffff; width: 81px; line-height: 16px; text-align: center; text-transform: uppercase; } #content .product_listing .row .sale { position: absolute; right: 10px; top: 30px; background: #e3081e; color: #ffffff; width: 81px; line-height: 16px; text-align: center; text-transform: uppercase; } #content .product_listing .row .new { position: absolute; right: 0; top: 0; background: #0bdc15; color: #ffffff; width: 81px; line-height: 16px; text-align: center; text-transform: uppercase; font-weight: bold; padding-top: 3px; display: block; } #content .product_listing .row .price_week { font-size: 20px; color: #ff0000; } #content .product_listing .row .price_week span { color: #ff0000 !important; } #content .product_listing .row .red { color: #ff0000 !important; font-size: 16px; } #content .product_listing .row .red span { color: #ff00000 !important; } #content .product_listing .row .red .price_gray { color: #ff00000 !important; } #content .product_listing .st360 { position: absolute; top: 60px; right: 50px; } #content .product_listing .row .row_container { padding-top: 80px; padding-bottom: 70px; position:relative; z-index: 0; behavior: url(../../css/PIE.htc); } @media only screen and (min-width: 900px) { #content .product_listing .row:hover .st360 { position: absolute; top: 60px; right: 70px; } #content .product_listing .row:hover { z-index: 20; } #content .product_listing .row:hover .sale { top: 30px; right: 30px; } #content .product_listing .row:hover .price_normal { color: #565454; font-weight: bold; font-size: 17px; } #content .product_listing .row:hover .price_normal .price_gray { color: #565454; font-weight: normal; font-size: 12px; } #content .product_listing .row:hover .row_container { -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; cursor: pointer; behavior: url(../../css/PIE.htc); background: #fff; position: relative; padding: 0; margin: 0; position: relative; padding-left: 110px; width: 100%; left: -110px; padding-bottom: 80px; padding-top: 80px; padding-right: 20px; top: 0px; z-index: 0; color: #3d3d3d !important;} #content .product_listing .row:hover .row_name { background: url(images/product_name_bg.gif) center; width: 100%; height: 30px; line-height: 30px; position: relative; left: 0; text-align: center; position: absolute; left: 0; color: #3d3d3d; } #content .product_listing .row:hover .product_sizes { visibility: visible; } #content .product_listing .row:hover .info { display: block; } #content .product_listing .row:hover .product_sims { display: block; } #content .product_listing .row:hover .sub_info .last_size { background: #333333; color: #fff; } #content .product_listing .row:hover .price_container { width: 100%; text-align: center; position: absolute; left: 0; bottom: 37px; } #content .product_listing .row:hover .price_container .one_price { } #content .product_listing .row:hover .price_container span { display: inline; } #content .product_listing .row:hover .row_container.row_promotion { padding-bottom: 100px; } #content .product_listing .row:hover .row_nosims { padding-left: 20px; left: -20px; } } @font-face { font-family: 'gillsansmt'; src: url('font/33535gillsansmt.eot'); src: local('33535gillsansmt'), url('font/33535gillsansmt.woff') format('woff'), url('font/33535gillsansmt.ttf') format('truetype'); } .sale-2 { position: absolute !important; top: 5px; right: 12px; z-index: 10; color: #d52121; font-size: 23px; font-family: gillsansmt; } #content .product_listing .row:hover .sale-2 { right: 32px; } .sale-2 .prc { font-size: 18px; color: #d52121; } #content .product_listing .product_sizes { text-align: center; visibility: hidden; display: block; position: absolute; bottom: 12px; left: 0; width: 100%; } #content .product_listing .product_sizes span { background: #fff; font-size: 11px; border: 1px solid #333333; line-height: 18px; padding: 0 5px; text-align: center; color: #333; display: inline-block; } #content .product_listing .product_sizes span:hover { background: #333333; color: #fff; } #content .product_listing .product_sims { position: absolute; left: 13px; top: 5px; display: none; width: 90px; } #content .product_listing .product_sims a { display: block; width: 90px; height: 88px; margin-bottom: 9px; text-align: center; } #content .product_listing .product_sims a img { max-height: 100%; border: 1px solid #eeeeee; } #content .product_listing .product_sims a:hover img { border: 1px solid #e0e0e0; } #content .product_listing .product_sims .arrow_top { background: url(images/listing_arrow_top.gif) no-repeat center center; height: 20px; margin-bottom: 2px; position: relative; z-index: 100; } #content .product_listing .product_sims .arrow_bottom { background: url(images/listing_arrow_bottom.gif) no-repeat center center; height: 20px; position: relative; z-index: 100; } #content .product_listing .product_sims .arrow_top_e { height: 20px; margin-bottom: 9px; } #content .product_listing .product_sims .arrow_bottom_e { height: 20px; } #content .product_listing .product_sims .arrow_top.dark { background: url(images/listing_arrow_top_dark.gif) no-repeat center center; height: 20px; margin-bottom: 8px; } #content .product_listing .product_sims .arrow_bottom.dark { background: url(images/listing_arrow_bottom_dark.gif) no-repeat center center; height: 20px; } #content .product_listing .product_sims .product_sims_container { max-height: 285px; overflow: hidden; position: relative; } #content .product_listing .product_sims .product_sims_true_container { position: relative; top: 0; width: 105px; left: 0; } #content .product_navi { width: 100%; margin-bottom: 10px; } #content .product_navi .p_left { background: url(images/arrow_navi_left.gif) no-repeat left center; float: right; padding-left: 13px; color: #838282; margin-right: 50px; } #content .product_navi .p_right { background: url(images/arrow_navi_right.gif) no-repeat right center; float: right; padding-right: 14px; color: #838282; margin-right: 30px; } #content .product_navi .p_back { background: url(images/arrow_left.gif) no-repeat left center; font-size: 12px; color: #333333; padding-left: 12px; float: left; margin-right: 160px; } #content .product_listing .row .sub_info { width: 90%; padding: 5px 10px 5px 10px; height: 40px; background: #ffffff; font-size: 14px; color: #616161; } #content .product_listing .row .sub_info .price_container { font-size: 14px; color: #616161; } #content .product_listing .row .sub_info .price_container .one_price { font-size: 16px; color: #616161; } #content .product_listing .row .sub_info .price { font-size: 20px; color: #616161; } #content .product_listing .row .sub_info .price_old span { font-size: 10px !important; color: #616161; } #content .product_listing .row .sub_info .last_size { background: #fff; font-size: 11px; border: 1px solid #333333; line-height: 18px; width: 30px; text-align: center; position: absolute; right: 20%; top: 20px; color: #333; display: block; } .filters_box { position: absolute; right: 0; top: 205px; border-left: 1px solid #cccccc; width: 220px; } .filters_box * { text-shadow: none; } .filters_box .title { position: absolute; left: 15px; top: -50px; background: #343434; color: #fff; text-transform: uppercase; font-weight: bold; text-shadow: none; line-height: 27px; width: 74px; text-align: center; font-size: 16px; } .filters_box .clear-filters { position: absolute; left: 89px; top: -50px; background: #cccccc; color: #333; text-shadow: none; line-height: 27px; width: 114px; text-align: center; font-size: 16px; cursor: pointer; display: none; } .filters_box .clear-filters:hover { text-decoration: underline; } .filters_box .sidebar-box { margin-left: 15px; margin-bottom: 20px; } .filters_box .sidebar-box:last-child { margin-bottom: 50px; } @media only screen and (max-width: 1035px) { .filters_box .sidebar-box:last-child { margin-bottom: 80px; } } @media only screen and (max-width: 992px) { .filters_box .sidebar-box:last-child { margin-bottom: 90px; } } @media only screen and (max-width: 900px) { .filters_box .sidebar-box:last-child { margin-bottom: 55px; } } @media only screen and (max-width: 700px) { .filters_box .sidebar-box:last-child { margin-bottom: 10px; } } .filters_box .sidebar-box h3, .filters_box .sidebar-box .filters-name { text-transform: uppercase; color: #333333; font-size: 20px; font-weight: bold; margin-bottom: 10px; line-height: 20px; } .filters_box li a { font-size: 18px; text-transform: lowercase; color: #333333; padding-left: 22px; background: url(images/filter_inactive.png) no-repeat left 10px; line-height: 30px; display: block; } .filters_box li a:first-letter { text-transform: uppercase; } .filters_box .sidebar-box h3 img, .filters_box .sidebar-box .filters-name img { margin-left: 5px; } .filters_box li a:hover { text-decoration: underline; } .filters_box li.current a { background: url(images/filter_active.png) no-repeat left 10px; } .selected_filters li a { background: url(images/ico_x.png) no-repeat left 12px; } #footer { clear: both; } #footer_border { margin-right: 0; border-top: 2px solid #ebebeb; margin-bottom: 30px; } #footer { height: 160px; z-index: 99; background: #fff; position: relative; font-size: 18px; padding-top: 25px; margin: 0 20px 0 20px; padding-left: 278px; } #footer .box { float: left; overflow: hidden; } #footer .box ul, #footer .box li { list-style: none; padding: 0; margin: 0; } #footer .box li { margin-bottom: 2px; } #footer .box li a { display: block; color: #333333; text-transform: uppercase; width: 100%; font-size: 18px; } #footer .box li a:hover { text-decoration: underline; } #footer .box:nth-child(1) { width: 24%; min-width: 240px; } #footer .box:nth-child(2) { width: 28%; min-width: 300px; } #footer .box:nth-child(3) { width: 18%; min-width: 140px; } #footer .box:nth-child(4) { width: 18%; min-width: 185px; } #footer .box:nth-child(5) { width: 8%; min-width: 135px; } #footer .social_icons { margin: 5px 0 10px 0; } #footer .social_icons_title { font-size: 18px; color: #333333; text-transform: uppercase; } #footer .mod_logos { margin-top: 5px; } #footer .mod_logos img { margin-right: 10px; } #footer .footer_newsletter { font-weight: bold; } #footer .footer_newsletter img { margin-left: 5px; margin-top: -2px; } .popup_window { width: 716px; height: 160px; top: 50%; margin-top: -80px; left: 50%; margin-left: -358px; background: url(images/png_bg.png); position: fixed; z-index: 99; } .popup_window .title { width: 494px; margin: 30px auto; border-bottom: 1px solid #9a9a9a; color: #9a9a9a; padding-bottom: 5px; font-size: 18px; text-align:center; color: #666666; font-weight: bold; } .popup_window .buttons { text-align: center; } .popup_window .buttons a { display: inline-block; line-height: 29px; width: 155px; border: 1px solid #9a9a9a; color: #666666; font-size: 14px; font-weight: bold; text-align: center; margin: 0 25px; cursor: pointer; } .popup_window .buttons a:hover { background: #666; color: #fff; } .przycmienie { background: url(images/pop_bg.png); z-index: 350; height: 100%; width: 100%; background-repeat:repeat; position: fixed; top: 0px; left: 0px; } .popup_box { width: 1094px; height: 129px; position: absolute; left: 50%; margin-left: -547px; top: 305px; z-index: 998; } .popup_box .pop_bg { background: url(images/popup_bg.png) left top; width: 1094px; height: 129px; } .popup_box .title { font-size: 12px; color: #000000; position: absolute; left: 138px; top: 16px; } .popup_box .product_info { width: 320px; margin: auto; padding-top: 17px; } .popup_box .product_info img { width: 95px; height: 95px; float: left; margin-right: 50px; } .popup_box .product_info .name { color: #666666; font-size: 18px; display: block; margin-top: 12px; } .popup_box .product_info .name_p { color: #666666; font-size: 14px; text-align: center; display: block; } .popup_box .product_info .price { font-size: 15px; color: #666666; display: block; margin-top: 17px; } .popup_box .product_info .price span { font-size: 20px; color: #666666; } .popup_box .buttons { position: absolute; top: 35px; right: 60px; } .popup_box .buttons .button { background-color: #666666; width: 163px; height: 20px; margin-bottom: 18px; } .popup_box .buttons .button:hover { background-color: #000000; } .popup_box .buttons .button a { color: #ffffff; line-height: 20px; display: block; width: 163px; } .popup_box .buttons .button .button_right { background: url(images/arrow_black_right.png) no-repeat 148px 7px; padding-left: 12px; width: 151px; cursor: pointer; } .popup_box .buttons .button .button_left { background: url(images/arrow_black_left.png) no-repeat 10px 7px; padding-left: 44px; width: 119px; cursor: pointer; } .popup_box .close { position: absolute; right: 10px; top: 10px; background: url(images/button_delete_hover.png) no-repeat right center; color: #666666; font-size: 12px; padding-right: 20px; width: auto; } .popup_box .form { width: 400px; margin: auto; padding-top: 22px; } .popup_box .form label { width: 100px; float: left; line-height: 20px; margin-bottom: 8px; } .popup_box .form .button_login { margin-left: 196px; background: #666666; color: #ffffff; height: 20px; line-height: 20px; font-size: 12px; text-align: left; cursor: pointer; margin-bottom: 5px; text-align: center; width: 125px; border: 0; } .popup_box .form .button_login:hover { background-color: #000000; } .popup_box .form .links { margin-right: 80px; text-align: right; } .popup_box .form .links .error { color: #F00; display: block; } .popup_box .form .links a:hover { font-weight: normal; text-decoration: underline; } .popup_box .form input { width: 200px; height: 18px; border: 1px solid #aeaeae; margin-bottom: 8px; padding-left: 5px; padding-right: 5px; } .popup_box .form a:hover { color: #000000; font-weight: bold; } #login_box .buttons .button { width: 125px; padding-left: 11px; background: #666666 url(images/arrow_black_right.png) no-repeat 112px 7px; color: #ffffff; height: 20px; line-height: 20px; font-size: 12px; text-align: left; cursor: pointer; } #login_box .buttons .button:hover { background-color: #000000; } .popup_box_table { width: 690px; height: 370px; position: absolute; left: 50%; padding: 15px; margin-left: -360px; top: 150px; z-index: 998; background: #fff; border: 1px solid #999; } .popup_box_table .pop_bg { width: 690px; height: 370px; overflow: auto; } .popup_box_table .close { position: absolute; right: 40px; top: 15px; background: url(images/button_delete_hover.png) no-repeat right center; color: #666666; font-size: 12px; padding-right: 20px; width: auto; display: block; } .popup_box_table .title { font-size: 16px; color: #000000; padding-bottom: 2px; margin-bottom: 5px; border-bottom: 1px solid #999; } .popup_box_table .page_sub { font-size: 14px; color: #333333; padding-left: 0; border-bottom: 1px solid #eaeaea; width: 208px; font-weight: bold; margin-bottom: 10px; } .popup_box_table .page_sub_text { font-size: 12px; color: #333333; margin-bottom: 30px; } .popup_box_table .page_sub_wide { width: 95%; } .popup_box_table .p_strong { font-weight: bold; } .popup_box_table .p_text { margin-left: 15px; margin-top: 5px; margin-bottom: 10px; } .popup_box_table .p_table { margin-left: 15px; margin-top: 10px; width: 95%; border-bottom: 1px solid #c5c6c7; border-right: 1px solid #c5c6c7; } .popup_box_table .p_table td { border-left: 1px solid #c5c6c7; border-top: 1px solid #c5c6c7; line-height: 25px; padding: 0; margin: 0; text-align: center; } .popup_box_table .p_table .first { background: #6d7174; color: #ffffff; line-height: 25px; padding-left: 5px; text-align: left; } .popup_box_table .p_table .bw { background: #f3f3f3; } .popup_box_table .p_description { font-size: 9px; color: #393939; margin-left: 15px; margin-top: 10px; } .popup_box_cart { position: absolute; background: #fff; width: 690px; height: 420px; left: 50%; margin-left: -345px; top: 200px; margin-top: 0; z-index: 600; box-shadow: 0 0 10px 0 #000; } .popup_box_cart .title { margin: 13px 25px; background: url(images/cart_popup_line.gif) no-repeat left bottom; line-height: 22px; color: #666666; font-size: 16px; padding-left: 18px; padding-bottom: 4px; } .popup_box_cart .close { position: absolute; right: 5px; top: 5px; } .popup_box_cart .product_info { float: left; width: 300px; margin-left: 50px; text-align: center; } .popup_box_cart .product_info img { height: 270px; } .popup_box_cart .product_info .data { background: #e5e5e5; text-align: center; } .popup_box_cart .product_info .name { color: #333333; font-size: 14px; display: block; padding-top: 3px; } .popup_box_cart .product_info .price { color: #333333; font-size: 15px; } .popup_box_cart .product_info .price span { color: #333 !important; font-size: 12px !important; } .popup_box_cart .buttons { float: left; margin-left: 100px; } .popup_box_cart .buttons .info { color: #333333; font-size: 14px; line-height: 20px; } .popup_box_cart .buttons .info #cart_total span { color: #333 !important; font-size: 11px !important; } .popup_box_cart .buttons .button_left { background: #ffffff url(images/arrow_cart_left.png) no-repeat 5px center; width: 178px; line-height: 22px; height: 22px; border: 1px solid #000000; color: #333333; text-align: center; cursor: pointer; font-size: 12px; display: block; } .popup_box_cart .buttons .button_left:hover { background-color: #f0f0f0; } .popup_box_cart .buttons .button_right { background: #ff6600 url(images/arrow_cart_right.png) no-repeat 170px center; width: 181px; height: 24px; line-height: 20px;text-align: center; line-height: 24px; color: #ffffff; cursor: pointer; font-size: 12px; font-weight: bold; display: block; margin-top: 199px; } .popup_box_cart .buttons .button_right:hover { background-color: #ff8331; } .popup_box_cart .line { background: url(images/cart_popup_line.gif) no-repeat left top; height: 10px; margin: 30px 0 0 25px; } .popup_box_cart .info_message { text-align: center; background: url(images/cart_popup_line.gif) no-repeat center 60px; color: #666666; font-size: 16px; padding: 35px 0 60px 0; } .popup_cc {z-index: 998; position: relative; } #size_popup { width: 1094px; height: 333px; position: absolute; left: 50%; margin-left: -547px; top: -100px; z-index: 998; } #size_popup .pop_bg { background: url(images/popup_bg_big.png) left top; width: 1094px; height: 333px; } #size_popup .s_title { font-size: 18px; color: #666666; padding: 15px 0; text-align: center; width: 100%; } #size_popup .s_image { width: 90px; height: 90px; overflow: hidden; padding-left: 360px; float: left; } #size_popup .s_image img { max-width: 100%; max-height: 100%; } #size_popup .s_info { width: 300px; float: left; margin-left: 30px; } #size_popup .s_info .s_product_name { font-size: 18px; color: #666666; text-transform: uppercase; margin: 15px 0 15px 0; } #size_popup .s_mid_info { color: #666666; font-size: 18px; text-align: center; margin-top: 34px; } #size_popup .s_form { margin: 20px 0 0 280px; margin-bottom: 30px; } #size_popup .s_form input[type=text] { border: 1px solid #3b3b3b; width: 230px; padding: 3px 8px; margin-right: 40px; } #size_popup .s_buttons { text-align: center; } #size_popup .s_buttons input[type=submit] { background: #000; color: #fff; width: 100px; height: 30px; font-size: 12px; } #size_popup .s_buttons input[type=submit]:hover { background: #333; } #size_popup .s_error { font-size: 14px; font-weight: bold; text-align: center; margin: 10px 0 0 0; color: #C00; } #size_popup .my_select { position: relative; } #size_popup .select { margin-bottom: 12px; background: url(images/product_select.gif) no-repeat left top; width: 156px; height: 20px; line-height: 20px; padding-left: 13px; position: relative; z-index: 10; cursor: pointer; } #size_popup select { position: absolute; z-index: 20; top: 0; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; width: 169px; height: 20px; padding: 0 0 0 13px; border: 0; font: 12px arial,sans-serif; background: none; overflow: hidden; cursor: pointer; } #box_ask_product .pop_bg { height: 340px; background: url(images/popup_bg_b.png) no-repeat left top; } #box_ask_product .ask_row { width: 370px; margin: auto;margin-bottom: 10px; } #box_ask_product .ask_title { display: inline-block; width: 120px; text-align: right; margin-right: 10px; vertical-align: top; } #box_ask_product .ask_row input[type=text] { width: 220px; height: 20px; vertical-align: top; border: 1px solid #000; } #box_ask_product .ask_row textarea { width: 200px; padding: 10px; height: 70px; vertical-align: top; border: 0; } #box_ask_product .ask_row_text { text-align: center; width: 220px; vertical-align: top; display: inline-block; border: 1px solid #000; padding-bottom: 5px; } #box_ask_product .ask_row_text input[type=submit] { background: #000; border: 0; color: #fff; font-size: 10px; width: 40px; } #box_ask_product .title { text-align: center; width: 100%; font-weight: bold; font-size: 18px; position: static; margin-bottom: 0; } #box_ask_product .prod { width: 100%; text-align: center; color: #6f6a67; font-size: 14px; margin-bottom: 10px; } #box_ask_product .prod img { width: 75px; height: 75px; margin-right: 15px; vertical-align: bottom; } #box_ask_product .phone { position: absolute; text-align: center; font-size: 18px; font-weight: bold; right: 200px; top: 130px; } #box_ask_product .phone img { margin-bottom: 10px; } #main_full { margin: auto; } #main_full .progress { font-size: 17px; color: #dedede; font-weight: bold; text-transform: uppercase; } #main_full .progress .current { font-size: 17px; color: #010101; font-weight: bold; } #main_full .progress .current span { font-size: 17px; color: #010101; font-weight: bold; } #main_full .progress .current a { font-size: 17px; text-decoration: none; } #main_full .progress .current a:hover { text-decoration: underline; } .top_boxes { margin-bottom: 35px; height: 85px; } .top_boxes .box { width: 300px; height: 85px; margin-right: 45px; background: #f0f0f0; float: left; text-align: center; } .top_boxes .box:nth-child(3) { margin-right: 0; } .top_boxes .first_box { text-align: center; } .top_boxes .first_box .text { margin-top: 18px; color: #333333; font-size: 16px; font-weight: bold; } .top_boxes .first_box span { display: block; margin-top: 10px; font-size: 13px; color: #666666; font-weight: normal; } .top_boxes .mid_box .text { margin-top: 34px; color: #333333; font-weight: bold; } .top_boxes .last_box .text { margin-top: 6px; color: #333333; font-weight: bold; font-size: 16px; } .top_boxes .last_box .phone { color: #666666; font-size: 14px; font-weight: normal; display: block; margin-top: 3px; } .top_boxes .last_box .hours { color: #666666; font-size: 14px; font-weight: normal; display: block; margin-top: 3px; } .cart { margin: 70px auto 0 auto; border: 1px solid #CCC; padding: 20px; max-width: 1000px; } .cart label { display: block; margin-bottom: 10px; cursor: pointer; font-size: 14px; } .cart label input { vertical-align: middle ;} .cart .button_plus { width: 9px; height: 9px; background: url(images/button_plus_hover.png) no-repeat left top; display: block; } .cart .button_minus { width: 9px; height: 9px; background: url(images/button_minus_hover.png) no-repeat left top; display: block; } .cart .button_delete { width: 14px; height: 14px; background: url(images/button_delete_hover.png) no-repeat left top; display: block; margin: auto; } .cart .button_plus:hover { background: url(images/button_plus.gif) no-repeat left top; } .cart .button_minus:hover { background: url(images/button_minus.gif) no-repeat left top; } .cart .button_delete:hover { background: url(images/button_delete.gif) no-repeat left top; } .cart .buttons { width: 100%; margin-top: 20px; } .cart .buttons .button_left { background: #ffffff url(images/arrow_cart_left.png) no-repeat 5px center; width: 95px; line-height: 22px; height: 22px; float: left; border: 1px solid #000000; color: #333333; text-align: center; cursor: pointer; font-size: 12px; } .cart .buttons .button_left:hover { background-color: #f0f0f0; } .cart .buttons .button_right { background: #ff6600 url(images/arrow_cart_right.png) no-repeat 170px center; width: 181px; height: 24px; line-height: 20px; float: right; text-align: center; line-height: 24px; color: #ffffff; cursor: pointer; font-size: 12px; font-weight: bold; } .cart .buttons .button_right:hover { background-color: #ff8331; } .cart .my_select { position: relative; float: left; margin-top: 5px; } .cart .my_select .select { margin-bottom: 12px; background: url(images/product_select.gif) no-repeat left top; width: 156px; height: 20px; line-height: 20px; padding-left: 13px; position: relative; z-index: 10; cursor: pointer; } .cart .my_select select { position: absolute; z-index: 20; top: 0; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; width: 169px; padding: 0 0 0 13px; border: 0; font: 12px arial,sans-serif; background: none; overflow: hidden; cursor: pointer; } .cart .calculate_coupon { width: 60px !important; color: #fff; background: #666666; border: 0; vertical-align: top; } .cart .calculate_coupon:hover { background: #000; } .cart .my_select input { width: 150px; border: 1px solid #CCC; padding: 2px; } .cart .cpr { font-size: 12px; color: #666; } .cart .shipmentName { line-height: 20px; width: 180px; background: #f7f7f7; float: left; text-align: center; color: #333333; font-size: 14px; width: 155px; line-height: 23px; } .cart_products { border-top: 1px dotted #333; border-collapse: collapse; width: 100%; margin-top: 10px; } .cart_products tr td { border-bottom: 1px dotted #333; vertical-align: top; } .cart_products tr:nth-child(1) td { line-height: 30px; } .cart_products tr:nth-child(1) td:nth-child(1) { text-align: left; } .cart_products tr:nth-child(1) td:nth-child(2) { text-align: left; } .cart_products tr:nth-child(1) td:nth-child(3) { text-align: center; } .cart_products tr:nth-child(1) td:nth-child(4) { text-align: center; } .cart_products tr:nth-child(1) td:nth-child(5) { text-align: center; } .cart_products tr:nth-child(1) td:nth-child(6) { text-align: center; } .cart_products tr:nth-child(1) td:nth-child(7) { text-align: center; } .cart_products tr.product_tr td:nth-child(1) { text-align: left; padding: 10px 0; width: 190px; } .cart_products tr.product_tr td:nth-child(2) { text-align: left; font-size: 14px; line-height: 26px; padding-top: 30px; max-width: 200px; } .cart_products tr.product_tr td:nth-child(3) { text-align: center; line-height: 90px; color: #666; } .cart_products tr.product_tr td:nth-child(4) { text-align: center; padding-top: 45px; } .cart_products tr.product_tr td:nth-child(5) { text-align: center; line-height: 90px; color: #666; font-size: 16px; padding-top: 10px; width: 110px; } .cart_products tr.product_tr td:nth-child(6) { text-align: center; background: #F7F7F7; line-height: 90px; color: #666; font-size: 16px; padding-top: 10px; width: 114px; } .cart_products tr.product_tr td:nth-child(7) { text-align: center; padding-top: 50px; width: 124px; } .cart .tr_options { margin-left: 15%; } .cart .tr_options .td_option { color: #666666; float: left; padding-top: 15px; padding-bottom: 10px; font-size: 15px; width: 370px; } .cart .tr_options .td_option span { margin-top: 0; font-size: 15px; margin-bottom: 15px; color: #666666; font-weight: bold; float: left; width: 205px; } .cart .tr_options .td_price { text-align: center; width: 177px; padding-top: 25px; color: #666666; float: left; font-size: 16px; } .cart .tr_options .td_total { text-align: center; background: #f7f7f7; color: #666666; padding-top: 25px; float: left; width: 114px; padding-bottom: 10px; height: 100px; font-size: 16px; float: right; margin-right: 124px; } .cart .tr_total .td_pay { padding-top: 17px; color: #000; font-size: 14px; color: 12px; float: right; font-weight: bold; margin-right: 20px; } .cart .tr_total .td_total { width: 114px; background: #f7f7f7; font-size: 12px; color: #666666; text-align: center; padding-top: 15px; float: right; padding-bottom: 15px; font-size: 16px; } .cart .tr_total .td_vat { width: 124px; font-size: 12px; color: #666666; float: right; padding-top: 17px; text-align: center; } .cart .tr_total .total_price { background: #e0e0e0; color: #663333; font-weight: bold; } .cart .tr_total .total_price span { color: #663333; font-weight: bold; } .cart_products .quantity { font-size: 16px; display: inline-block; width: 20px; text-align: right; vertical-align: top; text-align: center; } .cart_products .quantity_change { display: inline-block;width: 10px; vertical-align: top; } .cart_products .quantity_change a { display: block; margin-bottom: 4px; margin-left: 0; } .cart_products .img { height: 90px; margin-left: 10px; } .check_order { border-top: 1px dotted #111111; padding-top: 20px; margin: auto; width: 458px; padding: 20px; border: 1px solid #e9e9e9; } .check_order .title { color: #666666; font-size: 15px; font-weight: bold; text-transform: uppercase; } .check_order .user_data { float: left; width: 185px; margin-top: 15px; } .check_order .shipment_data { float: left; width: 205px; margin-left: 68px; margin-top: 15px; } .check_order .box_name { font-size: 14px; color: #333333; padding-left: 6px; padding-bottom: 7px; border-bottom: 1px solid #eaeaea; font-weight: bold; } .check_order .text { font-size: 14px; color: #3b3b3b; padding: 7px; } .check_order .products { margin-top: 20px; width: 458px; } .check_order .products .row { margin-top: 6px; } .check_order .products .image { float: left; width: 55px; height: 55px; padding-left: 20px; padding-right: 25px; } .check_order .products .image img { width: 55px; } .check_order .products .info { float: left; color: #3b3b3b; width: 250px; padding-top: 2px; font-size: 14px; } .check_order .products .info .quantity { float: left; color: #3b3b3b; font-size: 14px; } .check_order .products .info .price { float: right; color: #3b3b3b; font-size: 14px; } .check_order .summary { margin-top: 20px; width: 458px; } .check_order .summary .box_name { margin-bottom: 23px; } .check_order .summary .left_td { width: 260px; float: left; padding-left: 6px; line-height: 15px; font-size: 14px; color: #3b3b3b; } .check_order .summary .right_td { width: 100px; float: left; line-height: 15px; font-size: 14px; color: #3b3b3b; } .check_order .summary .mtop { margin-top: 15px; font-weight: bold; } .check_order .button { margin-top: 20px; margin-left: 305px; } .check_order2 { border-top: 1px dotted #111111; padding-top: 50px; margin-top: 10px; } .check_order2 .title { color: #666666; font-size: 14px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #cccccc; width: 900px; } .check_order2 .user_data { float: left; width: 250px; margin-top: 35px; margin-left: 10px; } .check_order2 .shipment_data { float: left; width: 255px; margin-top: 35px; } .check_order2 .box_name { font-size: 14px; color: #000; border-bottom: 1px solid #cccccc; font-weight: bold; position: relative; padding-bottom: 3px; } .check_order2 .box_name a { position: absolute; right: 0; color: #666666; font-size: 11px; font-weight: normal; } .check_order2 .box_name a:hover { text-decoration: underline; } .check_order2 .text { font-size: 13px; color: #000; padding-top: 16px; line-height: 22px; } .check_order2 .user_data .box_name { width: 200px; } .check_order2 .shipment_data .box_name { width: 200px; } .check_order2 .products { margin-top: 35px; width: 360px; float: left; margin-right: 50px; } .check_order2 .products .row { margin-top: 9px; border-bottom: 1px solid #cccccc; padding-bottom: 9px; } .check_order2 .products .image { float: left; width: 60px; height: 60px; padding-left: 0; padding-right: 25px; margin-top: 5px; } .check_order2 .products .image img { width: 60px; } .check_order2 .products .info { float: left; color: #3b3b3b; width: 250px; padding-top: 2px; font-size: 13px; } .check_order2 .products .info .quantity { color: #3b3b3b; font-size: 13px; } .check_order2 .products .info .price { color: #000; font-size: 13px; } .check_order2 .order_data { float: left; } .check_order2 .summary { margin-top: 20px; width: 460px; background: #f5f5f5; padding: 10px 5px; } .check_order2 .summary .box_name { margin-bottom: 23px; border-bottom: 1px solid #cccccc; } .check_order2 .summary .left_td { width: 260px; float: left; padding-left: 6px; line-height: 15px; font-size: 13px; color: #000000; margin-bottom: 5px; } .check_order2 .summary .right_td { width: 100px; float: left; line-height: 15px; font-size: 13px; color: #000000; text-align: right; margin-bottom: 5px; } .check_order2 .summary .mtop { font-weight: bold; margin-bottom: 0; } .check_order2 .button { margin-top: 20px; margin-left: 335px; } .check_order .button_right { background: #ff6600 url(images/arrow_cart_right.png) no-repeat 170px center; width: 181px; height: 24px; line-height: 20px; float: left; margin-left: 278px; text-align: center; line-height: 24px; color: #ffffff; cursor: pointer; font-size: 12px; font-weight: bold; margin-top: 16px; margin-right: 46px; } .check_order .button_right:hover { background-color: #ff8331; } .check_order2 .button_right { background: #ff6600 url(images/arrow_cart_right.png) no-repeat 170px center; width: 181px; height: 24px; line-height: 20px; float: right; text-align: center; line-height: 24px; color: #ffffff; cursor: pointer; font-size: 12px; font-weight: bold; margin-top: 16px; margin-right: 46px; } .check_order2 .button_right:hover { background-color: #ff8331; } .order_finish { border: 1px solid #999999; width: 415px; padding: 10px 14px; margin-top: 15px; margin-left: 35px; } .order_finish .title { color: #666666; font-size: 16px; text-align: center; width: 311px; text-align: center; margin: auto; border-bottom: 1px solid #666; text-transform: uppercase; font-weight: bold; margin-bottom: 35px; } .order_finish .text { width: 410px; padding-left: 6px; padding-bottom: 25px; border-bottom: 1px solid #eaeaea; margin-top: 15px; font-size: 14px; } .order_finish .order_number { line-height: 25px; background: #666666; color: #fff; font-size: 14px; text-align: center; margin-bottom: 18px; } .order_finish input[type=submit] { text-transform: uppercase; color: #fff; line-height: 25px; height: 25px; background: #ff7919; display: block; margin: auto; margin-bottom: 20px; box-shadow: 2px 3px 0 #e6e6e6; font-size: 12px; width: 218px; } .order_finish input[type=submit]:hover { background: #e16c19; } .order_finish .links { line-height: 30px; color: #000000; font-size: 14px; margin-bottom: 15px; } .order_finish .links a { border-bottom: 1px solid #ccc; font-size: 14px; color: #000; text-decoration: none; font-weight: bold; } .order_finish .links a:hover { color: #333; } .order_finish .text_small { color: #000000; font-size: 11px; } .finish_go_back { margin-left: 35px; margin-top: 9px; border: 1px solid #000; line-height: 20px; padding-left: 27px; padding-right: 25px; color: #333333; font-szie: 12px; background: url(images/button_arrow_left.png) no-repeat 6px center; display: block; float: left; } .finish_go_back:hover { background-color: #f0f0f0; } .account { width: 100%; margin: auto; } .account .title { color: #666666; font-size: 13px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; } .account .login { float: left; padding-left: 5px; width: 364px; border-right: 1px dotted #000000; padding-right: 29px; } .account .login .button { float: right; } .account .login a { display: block; margin-left: 109px; font-size: 12px; color: #3b3b3b; } .account .sub_menu { float: left; width: 270px; } .account .sub_menu .title { font-size: 16px; color: #545454; font-weight: bold; text-transform: uppercase; padding-bottom: 5px; border-bottom: 1px dotted #545454; width: 163px; margin-bottom: 25px;} .account .sub_menu li a { color: #545454; font-size: 15px; display: block; line-height: 25px; } .account .sub_menu li { width: 163px; } .account .sub_menu li .current { font-weight: bold; } .account .sub_menu .sub { margin-bottom: 7px; } .account .sub_menu .sub a { color: #333333; font-size: 12px; line-height: 12px; } .account .sub_content { float: left; width: 780px; } .account .orders_history { width: 100%; border: 1px solid #cbcbcb; margin-top: 8px; } .account .orders_history .top_tr td { background: #dfdfdf; line-height: 28px; border-bottom: 1px solid #cbcbcb; text-align: center; font-size: 14px; } .account .orders_history .cont_tr td { line-height: 28px; text-align: center; font-size: 14px; } .account .orders_history img { vertical-align: middle; } .account .hidden_content { border: 1px solid #cbcbcb; border-top: 0; float: left; width: 778px; display: none; } .account .hidden_content table { width: 753px; margin-left: 13px; margin-top: 20px; color: #5d5d5d; } .account .hidden_content table .top_tr { font-size: 14px; } .account .hidden_content table td { border-bottom: 1px dotted #292929; font-size: 14px; } .account .hidden_content table .cont_tr td { height: 110px; } .account .hidden_content table .cont_tr img { width: 100px; } .account .hidden_content .left_data { float: left; font-size: 15px; color: #000000; padding: 10px 20px; width: 285px; } .account .hidden_content .left_data .under { border-bottom: 1px solid #cccccc; display: inline-block; padding-bottom: 3px; } .account .hidden_content .mlabel { font-size: 15px; border-bottom: 1px solid #cccccc; padding-bottom: 3px; position: relative; margin-bottom: 3px; } .account .hidden_content .mlabel a { color: #666666; font-size: 13px; position: absolute; right: 0; top: 3px; } .account .hidden_content .mlabel a:hover { color: #000; } .account .hidden_content .right_payment { float: right; padding: 35px 20px 0 0; width: 210px; position: relative; } .account .hidden_content .right_payment .title_box { font-weight: bold; color: #000; font-size: 15px; } .account .hidden_content .right_payment .description_box { margin-bottom: 10px; font-size: 13px; } .account .hidden_content .right_payment input[type=button] { background: #3f3f3f; line-height: 24px; height: 24px; width: 182px; color:#fff; margin-top: 10px; margin-bottom: 25px; } .account .hidden_content .right_payment input[type=button]:hover { background: #000; } .account .hidden_content .right_payment label { width: 100%; display: block; margin: 0 5px 0 0; font-size: 14px; } /*.account label { width: 58px; float: left; line-height: 20px; clear: both; margin-bottom: 9px; font-size: 13px; color: #3b3b3b; } .account input[type=text], .account input[type=password] { height: 18px; border: 1px solid #d0d0d0; width: 159px; margin-bottom: 9px; padding-left: 5px; padding-right: 5px; }*/ .adv_search_box { width: 283px; height: 250px; background: url(images/av_search_bg.png) no-repeat left top; position: absolute; top: 40px; right: -10px; display: none; z-index: 999 !important; } .adv_search_box .close { position: absolute !important; right: 10px !important; top: 10px !important; background: url(images/button_delete_hover.png) no-repeat right center !important; color: #666666; font-size: 12px !important; padding-right: 20px !important; width: auto; } .adv_search_box .box_title { font-size: 14px; color: #666666; font-weight: bold; text-align: center; padding-top: 35px; } .adv_search_box .my_select { position: relative; float: left; margin: auto; margin-top: 5px; margin-left: 35px; } .adv_search_box .my_select .select { cursor: pointer; margin-bottom: 12px; background: url(images/product_select_wide.gif) no-repeat left top; width: 213px; height: 20px; line-height: 20px; position: relative; z-index: 10; text-align: center; } .adv_search_box .my_select select { position: absolute; z-index: 20; top: 0; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; width: 213px; padding: 0 0 0 13px; border: 0; font: 12px arial,sans-serif; background: none; overflow: hidden; text-align: left; cursor: pointer; } .adv_search_box .my_select_multi { position: relative; float: left; margin: auto; margin-top: 5px; margin-left: 35px; } .adv_search_box .my_select_multi .select { cursor: pointer; margin-bottom: 12px; background: url(images/product_select_wide.gif) no-repeat left top; width: 213px; height: 20px; line-height: 20px; position: relative; z-index: 10; text-align: center; overflow: hidden; } .adv_search_box .my_select_multi .ch_select { position: absolute; z-index: 20; top: 0; width: 213px; padding: 0 0 0 13px; border: 0; font: 12px arial,sans-serif; background: none; overflow: hidden; text-align: left; cursor: pointer; display: none; z-index: 30; background: #fff; border: 1px solid #CCC; } .adv_search_box .my_select_multi label { display: block; line-height: 20px; } .adv_search_box .my_select_multi label input[type=checkbox] { margin-right: 5px; vertical-align: middle; } .adv_search_box .button { position: absolute; left: 100px; bottom: 20px; } .adv_search_box .button input { width: 85px; background: #666666 url(images/arrow_black_right.png) no-repeat 69px 7px; color: #ffffff; height: 20px; line-height: 20px; font-size: 12px; cursor: pointer; } .adv_search_box optgroup { font-weight: normal !important; color: #999 !important; font-style: normal !important; font-size: 12px !important; font-family: Arial !important; } .cart_box { border: 1px solid #d4d4d4; width: 463px; padding: 15px; float: left; margin-top: 20px; margin-right: 5px; position: relative; } .cart_box .nomargin { margin-right: 0; } .cart_box .red_title { font-size: 15px; color: #b20000; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; } .cart_box .gray_title { font-size: 15px; color: #666666; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; } .cart_box .text { font-size: 14px; height: 60px; } .cart_box a { color: #000000; text-decoration: underline; position: absolute; right: 15px; bottom: 15px; font-size: 14px; } .cart_box a:hover { text-decoration: none; } .o_firmie { width: 953px; margin: auto; } .o_firmie .image { margin-bottom: 20px; text-align: center; } .o_firmie .text { border: 1px solid #adadad; padding: 20px 40px; } .page .sub_menu { float: left; width: 270px; } .page .sub_menu .title { font-size: 15px; color: #545454; font-weight: bold; text-transform: uppercase; padding-bottom: 5px; border-bottom: 1px dotted #545454; width: 163px; margin-bottom: 25px;} .page .sub_menu li a { color: #545454; font-size: 15px; } .page .sub_menu li { margin-bottom: 20px; width: 163px; } .page .sub_menu li .current { font-weight: bold; } .page .page_sub_text { float: left; width: 700px; } .newsletter_content { border: 1px solid #d2d2d2; background: url(images/bg.png) repeat left top; top: 10%; margin-left: 10%; width: 60%; padding: 20px; position: relative; } .newsletter_content .title { font-size: 18px; color: #3c3c3c; margin-bottom: 10px; } .newsletter_content .text { color: #3c3c3c; font-size: 14px; margin-bottom: 30px; } .newsletter_content input[type=text] { width: 200px; padding: 5px 10px; } .newsletter_content input[type=submit] { display: block; margin-top: 10px; } .newsletter_content .hr_dot { border-bottom: 1px dotted #3c3c3c; width: 100%; margin-top: 10px; margin-bottom: 10px; } .work_content { text-align: right; background: url(images/bg.png) repeat left top; padding: 20px; float: right; margin-right: 200px; width: 400px; } .work_content .label { font-size: 18px; color: #505050; clear: both; display: inline-block; margin-right: 5px; top: 4px; position: relative; } .work_content input, .work_content select { margin-bottom: 5px; } .work_content input[type=text] { width: 180px !important; padding: 5px 5px; border: 1px solid #bcbcbc; } .work_content select { width: 190px !important; padding: 5px 5px; border: 1px solid #bcbcbc; } .work_content .rules { width: 350px; text-align: right; float: right; } .work_content .toplabel { text-align: right; border-bottom: 1px solid #f0f0f0; margin-bottom: 20px; padding-left: 10px; height: auto; font-weight: bold; color: #000; } .page .work_left { width: 390px; max-width: 490px; display: table-cell; text-align: center; vertical-align: top; } .page .work_left img {} .page .work_right { display: table-cell; vertical-align: top; } .page .work_right form { width: 300px; margin: auto; } .page .work_right .title { text-align: center; font-size: 14px; color: #000; font-weight: bold; margin-bottom: 15px; } .page .work_right input[type=text] { width: 288px; border: 1px solid #d2d2d2; padding: 0 5px; height: 27px; line-height: 27px; } .page .work_right select { width: 288px; border: 1px solid #d2d2d2; padding: 0 5px; height: 27px; line-height: 27px; } .page .work_right label { display: block; margin: 10px 0 5px 0; color: #000; } .page .work_right .type_select .radio_option { text-align: right; padding-right: 25px; background: url(../templates/default/images/radio.gif) no-repeat right center; cursor: pointer; font-size: 15px; } .page .work_right .type_select .radio_option.current { background: url(../templates/default/images/radio_active.gif) no-repeat right center; } .page .work_right .state_select { text-align: right; font-size: 15px; margin-top: 30px; } .page .work_right .my_select { position: relative; margin-top: 5px; text-align: left; margin-left: 68px; } .page .work_right .my_select .select { margin-bottom: 12px; background: url(../templates/default/images/select_arrow.png) no-repeat 210px center #c0c0c0; width: 233px; padding-left: 20px; height: 28px; line-height: 28px; padding-left: 13px; position: relative; z-index: 10; cursor: pointer; font-size: 14px; text-transform: uppercase; color: #666666; } .page .work_right .my_select select { position: absolute; z-index: 20; top: 5px; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; width: 230px; padding: 0 0 0 13px; border: 0; font: 12px arial,sans-serif; background: none; overflow: hidden; cursor: pointer; } .page .work_right .button { float: right; width: 135px; height: 25px; line-height: 25px; border: 0; background: #000000; color: #fff; font-size: 15px; } .page .work_right .rules { text-align: center; font-size: 10px; color: #000; line-height: 14px; } .page .work_right .rules input { vertical-align: center; } .workpage { width: 1480px; margin: auto; font-size: 15px; box-sizing: border-box; } .workpage .work_title { font-size: 26px; text-align: center; font-weight: bold; margin-bottom: 20px; } .workpage .workpage_left { width: 530px; float: left; } .workpage .workpage_right { width: 850px; float: right; } .searchwork { text-align: center; margin-bottom: 20px; } .searchwork select { width: 400px; background: #e0e0e0; color: #000; font-size: 18px; padding: 10px 0; text-align: center; } .searchwork input[type=submit] { background: url(/images/worksearch.png) no-repeat center #fff; width: 55px; height: 55px; cursor: pointer; } .workpage .slogan { font-size: 20px; text-align: center; font-style: italic; } .workpage .red_header { display: inline-block; background: #FE2000; color: #fff; padding: 0 3px; margin-bottom: 5px; font-size: 16px; font-weight: bold; } .red_button { display: block; margin: 10px auto 10px auto; width: 96px; height: 28px; line-height: 28px; color: #fff; font-weight: normal; font-size: 14px; background: url(/images/red_button.gif); padding-left: 15px; box-sizing: border-box; text-align: left; } .workpage .red_button2 { display: block; width: 183px; height: 54px; line-height: 54px; color: #fff; font-weight: normal; font-size: 24px; background: url(/images/red_button2.jpg); padding-left: 25px; } .workpage .work_title2 { font-size: 26px; margin-bottom: 30px; font-weight: bold; } .redreq { font-weight: bold; color: #ff0000; margin-left: 3px; } .news_container { width: auto; max-width: 955px; margin: auto; } .news_container .news { margin-bottom: 30px; position: relative; } .news_container .news .title { font-size: 15px; color: #676767; border-bottom: 1px solid #b3b3b3; padding-bottom: 2px; margin-bottom: 5px; display: block; clear: both; } .news_container .news .image { float: left; padding: 4px; height: 120px; width: auto; border: 1px solid #b3b3b3; margin-right: 10px; } .news_container .news .images .image img { height: 120px; } .news_container .news .text { font-size: 14px; color: #676767; } .news_container .news .more { position: absolute; right: 10px; bottom: -10px; font-size: 14px; text-decoration: underline; } .news_container .news .more:hover { text-decoration: none; } .prasa_container { } .prasa_container .prasa { position: relative; width: 90%; margin: auto; } .prasa_container .arrow_left { position: absolute; left: 0; top: 40%; width: 32px; height: 60px; z-index: 30; background: url(images/arrow_left.jpg) no-repeat left top; cursor: pointer; display: none; } .prasa_container .arrow_left:hover { background: url(images/arrow_left_hover.jpg) no-repeat left top; z-index: 30; } .prasa_container .arrow_right { position: absolute; right: 0; top: 40%; width: 32px; height: 60px; z-index: 30; background: url(images/arrow_right.jpg) no-repeat left top; cursor: pointer; } .prasa_container .arrow_right:hover { background: url(images/arrow_right_hover.jpg) no-repeat left top; z-index: 30; } .prasa_container .slider { width: 90%; margin: auto; overflow: hidden; position: relative; margin: auto; } .prasa_container .slider .row { overflow: hidden; position: relative; display: block; text-align: center; } .prasa_container .slider .row img { max-width: 100%; } .prasa_container .prasa_small { margin-bottom: 50px; margin-top: 50px; } .prasa_container .prasa_small .arrow_left { top: 10px; } .prasa_container .prasa_small .arrow_right { top: 10px; } .prasa_container .prasa_small .slider { height: 80px; width: 80%; margin: auto; } .prasa_container .prasa_small .slider .row { width: auto; height: 80px; } .salon_container { width: 850px; margin: auto; position: relative; margin-left: 20%; margin-top: 100px; } .salon_container .new { position: absolute; left: -120px; top: 250px; } .salon_container .new_m { position: absolute; left: -130px; top: 220px; background: url(images/karteczka.png) no-repeat left top; width: 200px; height: 241px; } .salon_container .textm { position: absolute; top: 100px; width: 150px; left: 20px; text-align: center; text-shadow: #000 0 0 7px; font-size: 11px; } .salon_container .map_c { width: 470px; float: left; margin-right: 30px; } .salon_container .places { float: left; width: 350px; } .salon_container .places .form { margin-bottom: 20px; } .salon_container .places .label { margin-left: 10px; font-size: 14px; color: #636363; text-transform: uppercase; width: 245px; } .salon_container .places select { background: url(images/select.gif) no-repeat left top; padding: 12px; width: 255px; margin-bottom: 10px; } .salon_container .list { margin-left: 15px; } .salon_container .list .head { font-size: 16px; color: #000000; margin-bottom: 15px; font-weight: bold; text-transform: uppercase; } .salon_container .list .row { margin-bottom: 10px; } .salon_container .list .row .name { font-size: 14px; color: #656565; text-transform: uppercase; font-weight: bold; } .salon_container .list .row .text { color: #656565; font-size: 14px; } .cookies_info { width: 100%; color: #fff; padding: 15px; font-size: 12px; background: rgba(0, 0, 0, 0.8); margin: auto; position: fixed; left: 0; bottom: 0; z-index: 99; box-sizing: border-box } .cookies_info * { box-sizing: border-box } .cookies_info a { text-decoration: underline; color: #fff; } .cookies_info a:hover { text-decoration: none; } .cookies_info .title { font-size: 12px; color: #fff; } .cookies_info .close { position: absolute; right: 15px; top: 10px; font-size: 11px; color: #fff; text-decoration: underline; } .cookies_info .close:hover { text-decoration: none; } .size_table { margin-top: 5px; background: #fff; color: #000; border: 1px solid #cccccc; line-height: 20px; text-transform: uppercase; text-align: center; width: 168px; display: block; margin-bottom: 12px; } .size_table:hover { background: #ccc; } #product_loader { padding: 10px; position: fixed; right: 100px; bottom: 100px; z-index: 300; font-size: 12px; text-transform: uppercase; border: 1px solid #999; background: #fff; font-weight: bold; display: none; } .feedback { top: 250px; position: fixed; right: 0; z-index: 380; } .feedback .feedback_ico { width: 22px; height: 122px; background: url(images/feedback_ico.png) no-repeat left top; cursor: pointer; position: relative; top: -5px; float: left; } .feedback .feedback_ico_en { background: url(images/feedback_ico_en.png) no-repeat left top; } .feedback .feedback_content { display: none; width: 321px; padding: 0 30px; height: 337px; background: #fff; -moz-box-shadow: 0 0 5px #444; -webkit-box-shadow: 0 0 5px #444; box-shadow: 0 0 10px #444; float: left; } .feedback .feedback_content .title { font-size: 14px; color: #565656; line-height: 26px; border-bottom: 1px solid #cccccc; text-align: center; } .feedback .feedback_content .description { font-size: 11px; color: #666666; margin: 22px 0; text-align: justify; } .feedback .feedback_content label { font-size: 11px; color: #565656; padding-left: 3px; font-weight: bold; } .feedback .feedback_content label span { font-weight: normal; font-size: 11px; color: #565656; margin-bottom: 3px; } .feedback .feedback_content input[type=text] { border: 1px solid #cccccc; margin-bottom: 12px; width: 314px; color: #666666; font-size: 11px; padding: 2px; } .feedback .feedback_content select { border: 1px solid #cccccc; margin-bottom: 12px; width: 320px; color: #666666; font-size: 11px; padding: 2px; } .feedback .feedback_content textarea { border: 1px solid #cccccc; margin-bottom: 5px; width: 314px; color: #666666; font-size: 11px; padding: 2px; height: 95px; } .feedback .feedback_content input[type=button] { float: right; font-size: 12px; color: #ffffff; background: #666666; padding: 5px 10px; cursor: pointer; } .feedback .feedback_content input[type=button]:hover { background: #494949; } .feedback .feedback_content .f_error_fields { float: left; color: #fe0201; font-size: 11px; display: none; } .feedback .feedback_finish { display: none; width: 321px; padding: 0 30px; height: 337px; background: #fff; -moz-box-shadow: 0 0 5px #444; -webkit-box-shadow: 0 0 5px #444; box-shadow: 0 0 10px #444; float: left; behavior: url(../../css/PIE.htc); } .feedback .feedback_finish .title { font-size: 14px; color: #565656; line-height: 26px; border-bottom: 1px solid #cccccc; text-align: center; } .feedback .feedback_finish .description { padding: 17px 0; font-size: 12px; color: #666666; background: #f5f5f5; line-height: 19px; text-align: center; margin-bottom: 12px; margin-top: 80px; } .feedback .feedback_finish .shop_go_back { text-align: center; display: block; font-size: 12px; color: #666666; text-decoration: underline; } .feedback .feedback_finish .shop_go_back:hover { text-decoration: none; } .feedback .close { padding: 3px; position: absolute; right: 0; top: 0; } .feedback_shadow { display: none; } .feedback_semail { display: none; } .feedback .feedback_noemail { position: absolute; top: 100px; background: #fff; right: 0; box-shadow: 0 0 5px #444; width: 381px; padding-bottom: 20px; display: none; z-index: 390; } .feedback .feedback_noemail .description { margin: 18px 0 22px 0; color: #666666; fonttt-size: 12px; text-align: center; } .feedback .feedback_noemail .fset { background: #fff; color: #333333; font-size: 12px; width: 118px; line-height: 24px; display: inline-block; border: 1px solid #333; text-align: center; margin-left: 52px } .feedback .feedback_noemail .fgo { background: #666666; color: #fff; margin-left: 37px; font-size: 12px; width: 120px; line-height: 26px; display: inline-block; text-align: center; } .feedback .feedback_noemail a:hover { text-decoration: underline; } #newsletter_shadow { background: url(images/pop_bg.png); z-index: 400; height: 100%; width: 100%; background-repeat:repeat; position: fixed; top: 0px; left: 0px; display: none; } #finish_newsletter_shadow { background: url(images/pop_bg.png); z-index: 400; height: 100%; width: 100%; background-repeat:repeat; position: fixed; top: 0px; left: 0px; display: none; } .newsletter_popup { width: 720px; height: 372px; position: fixed; left: 50%; margin-left: -360px; top: 50%; margin-top: -261px; background: #fff; z-index: 999999; display: none; } .newsletter_popup .nclose { position: absolute; background: url(images/ico_x.png) no-repeat right center; color: #000; padding-right: 10px; right: 5px; top: 5px; z-index: 550; } .newsletter_popup .left { float: left; width: 336px; } .newsletter_popup .left .nemail { width: 218px; height: 26px; border: 1px solid #999999; color: #999999; font-size: 12px; text-align: center; display: block; margin-left: 55px; margin-bottom: 22px; margin-top: 22px; } .newsletter_popup .left .nname { width: 102px; margin-right: 12px; height: 26px; border: 1px solid #999999; color: #999999; font-size: 12px; text-align: center; margin-left: 55px; } .newsletter_popup .left .nbirthdate { width: 102px; height: 26px; border: 1px solid #999999; color: #999999; font-size: 12px; text-align: center; margin-right: 4px; } .newsletter_popup .left .calendar { vertical-align: middle; cursor: pointer; } .newsletter_popup .left .no_req { display: block; color: #999999; margin-left: 169px; font-size: 11px; } .newsletter_popup .left input[type=button] { color: #fff; background: #ff6600; width: 220px; height: 26px; line-height: 26px; margin: 10px 0 25px 55px; cursor: pointer; } .newsletter_popup .left input[type=button]:hover { background: #ff9900; } .newsletter_popup .left .info1 { text-align: center; color: #999999; font-size: 11px; display: block; margin-bottom: 20px; } .newsletter_popup .left .info2 { margin-left: 63px; font-size: 14px; color: #999999; background: url(images/ico_mail.gif) no-repeat left center; line-height: 21px; padding-left: 26px; } .newsletter_popup .left .info3 { margin-top: 35px; font-size: 11px; color: #999999; display: block; padding-left: 55px; } .newsletter_popup .left .info3 a { font-size: 11px; color: #0066cc; } .newsletter_popup .left .info3 a:hover { text-decoration: underline; } .newsletter_popup .left .info4 { color: #999999; font-size: 11px; display: block; margin-left: 50px; margin-top: 10px; } .newsletter_popup .left .error_field { border: 2px solid #ff0000; } .newsletter_popup .finish_newsletter { position: absolute; top: 90px; left: 0; width: 720px; background: #fff; display: none; z-index: 550 !important; } .newsletter_popup .finish_newsletter .title { font-size: 20px; color: #666666; padding-bottom: 2px; border-bottom: 1px solid #666666; text-align: center; width: 500px; margin: 30px auto 0 auto; } .newsletter_popup .finish_newsletter .description { line-height: 43px; color: #666666; font-size: 12px; text-align: center; margin: 20px 0; } .newsletter_popup .finish_newsletter .description span { color: #666666; font-size: 15px; } .newsletter_popup .req_err { display: none; position: absolute; top: 157px; left: 55px; color: #ff0000; font-size: 11px; } .newsletter_popup .right { float: right; width: 374px; float: right; } .newsletter_popup .update_newsletter { position: absolute; top: 90px; left: 0; width: 720px; background: #fff; display: none; z-index: 550 !important; } .newsletter_popup .update_newsletter .title { font-size: 20px; color: #666666; padding-bottom: 2px; border-bottom: 1px solid #666666; text-align: center; width: 570px; margin: 30px auto 0 auto; } .newsletter_popup .update_newsletter .description { line-height: 43px; color: #666666; font-size: 15px; text-align: center; margin: 20px 0; } .newsletter_popup .update_newsletter .description a:hover { text-decoration: underline; } .newsletter_popup .email_exists { position: absolute; top: 90px; left: 0; width: 720px; background: #fff; display: none; z-index: 550 !important; padding-bottom: 40px; } .newsletter_popup .email_exists .title { font-size: 20px; color: #666666; padding-bottom: 2px; border-bottom: 1px solid #666666; text-align: center; width: 500px; margin: 30px auto 0 auto; } .newsletter_popup .email_exists a { text-align: center; width: 111px; line-height: 22px; display: inline-block; color: #3f3f3f; font-size: 14px; border: 1px solid #3f3f3f; margin: 0 7px; } .newsletter_popup .buttons_email { margin-top: 20px; text-align: center; } .newsletter_popup .email_exists .nset { width: 113px; line-height: 24px; display: inline-block; color: #fff; font-size: 14px; border: 0; background: #ff6600;} .newsletter_popup .email_exists a:hover { text-decoration: underline; } .newsletter_popup .email_queued { position: absolute; top: 90px; left: 0; width: 720px; background: #fff; display: none; z-index: 550 !important; padding-bottom: 40px; } .newsletter_popup .email_queued .description { line-height: 33px; color: #666666; font-size: 15px; text-align: center; margin: 20px 40px; } .newsletter_popup .email_queued .title { font-size: 20px; color: #666666; padding-bottom: 2px; border-bottom: 1px solid #666666; text-align: center; width: 500px; margin: 30px auto 0 auto; } .newsletter_popup .email_queued a { text-align: center; width: 111px; line-height: 22px; display: inline-block; color: #3f3f3f; font-size: 14px; border: 1px solid #3f3f3f; margin: 0 7px; } .newsletter_popup .buttons_email { margin-top: 20px; text-align: center; } .newsletter_popup .email_queued .nset { width: 113px; line-height: 24px; display: inline-block; color: #fff; font-size: 14px; border: 0; background: #ff6600;} .newsletter_popup .email_queued a:hover { text-decoration: underline; } .newsletter_popup .email_queued .nlink { width: 143px; line-height: 24px; display: inline-block; color: #fff; font-size: 14px; border: 0; background: #ff6600;} /* Data picker */ .datapicker { margin-top: 10px; margin-left: 10px; z-index: 9999999; position: absolute; display: none; } .datapicker a { cursor: pointer; } .datapicker .close { position: absolute; right: 0; top: -20px; font-size: 10px; background: #fff; color: #000; padding: 2px 4px; cursor: pointer; } .datapicker .top_dp { background: url(images/dp_top.png) no-repeat left top; width: 211px; height: 23px; line-height: 23px; text-align: center; } .datapicker .top_dp a { margin-left: 5px; margin-right: 5px; } .datapicker .top_dp .dp_date { width: 70px; font-size: 14px; color: #ffffff; line-height: 18px; display: inline-block; text-decoration: none; background: url(images/dp_current.png) no-repeat right bottom; } .datapicker .content_dp { background: #ffffff; width: 209px; height: 200px; border-left: 1px solid #6d6d6d; border-right: 1px solid #6d6d6d; } .datapicker .bottom_dp { background: url(images/dp_bottom.png) no-repeat left bottom #ffffff; width: 211px; height: 9px; line-height: 9px; font-size: 8px; } .datapicker .days_top { border-bottom: 1px solid #bebebe; } .datapicker .days_top .row { width: 28px; float: left; color: #252525; font-weight: bold; text-align: center; border-right: 1px solid #f8f8f8; font-size: 13px; line-height: 21px; } .datapicker .days { border-bottom: 1px solid #d8d8d8; } .datapicker .days .row { width: 27px; float: left; color: #6d6d6d; font-weight: bold; text-align: center; font-size: 13px; line-height: 28px; border: 1px solid #d8d8d8; height: 28px; cursor: pointer; } .datapicker .days .row:hover { background: #d8d8d8; } .datapicker .dp_show_months { display: none; } .datapicker .saturday { color: #b3b3b3 !important; } .datapicker .sunday { color: #f15a24 !important; } .datapicker .today { background: #ff9900 !important; color: #ffffff !important; } .datapicker .dp_show_days .noborder { border-right: 0 !important; width: 34px !important; } .datapicker .dp_show_months .noborder { border-right: 0 !important; } .datapicker .dp_months .row { width: 94px; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; float: left; color: #6d6d6d; font-size: 14px; line-height: 24px; padding-left: 10px; } .datapicker .dp_months .row:hover { background: #f1f1f1; cursor: pointer; } .datapicker .dp_months_top input { background: url(images/dp_input.png) no-repeat left top; width: 45px; font-size: 12px; padding-top: 3px; padding-bottom: 3px; text-align: center; color: #6d6d6d; margin-left: 5px; margin-top: 10px; margin-bottom: 10px; } .datapicker .dp_months_top a { float: right; margin-right: 5px; margin-top: 10px; margin-bottom: 10px; } .popup_order_data { position: absolute; left: 50%; margin-left: -225px; top: 50%; top: 150px; background: #fff; width: 440px; z-index: 350; box-shadow: 0 0 5px 2px #666; padding: 12px 10px; } .popup_order_data .title { color: #000000; font-size: 13px; border-bottom: 1px solid #eaeaea; padding-bottom: 1px; padding-left: 5px; margin-bottom: 10px; font-weight: bold; } .form_user_data .current_button { width: 106px; height: 20px; line-height: 20px; background: #666666; color: #ffffff; margin-left: 5px; margin-bottom: 10px; } .form_user_data .current_button_b { width: 104px; border: 1px solid #666666; height: 20px; line-height: 18px; background: #ffffff; margin-left: 5px; color: #666666; } .form_user_data .field { width: 157px; margin-bottom: 10px; margin-right: 17px; float: left; margin-left: 5px; position: relative; } .form_user_data .field label { color: #000000; font-size: 12px; font-weight: bold; margin-bottom: 2px; display: block; } .form_user_data .field input[type=text] { width: 147px; border: 1px solid #999999; font-size: 12px; padding: 4px; } .form_user_data .field select { width: 157px; border: 1px solid #999999; font-size: 12px; padding: 3px 4px 3px 4px; } .form_user_data .field2 { width: 56px; } .form_user_data .field2 input[type=text] { width: 54px; } .form_user_data .field3 { width: 85px; margin-left: 0; } .form_user_data .field3 input[type=text] { width: 54px; } .form_user_data .field4 { width: 91px; } .form_user_data .postcode { border: 1px solid #999; padding-left: 5px; } .form_user_data .postcode input { border: 0 !important; padding-left: 0 !important; padding-right: 0 !important; margin: 0 !important; width: auto } .form_user_data .field5 { width: 132px; margin-right: 0; } .form_user_data .field5 input[type=text] { width: 130px; } .form_user_data .field_separator { width: 16px; float: left; margin-top: 22px; color: #999999; font-size: 12px; } .form_user_data .show_more input { display: none; } .form_user_data .show_more { background: url(images/show_more.png) no-repeat left center; font-size: 12px; color: #000; padding-left: 17px; line-height: 13px; cursor: pointer; margin: 10px 0 20px 5px; display: block; } .form_user_data .country_select { position: relative; float: left; margin-top: 0; } .form_user_data .country_select .select { margin-bottom: 0; background: url(images/country_select.gif) no-repeat left top; width: 142px; height: 24px; line-height: 24px; padding-left: 13px; position: relative; z-index: 10; cursor: pointer; } .form_user_data .country_select select { position: absolute; z-index: 20; top: 0; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; width: 169px; padding: 0 0 0 13px; border: 0; font: 12px arial,sans-serif; background: none; overflow: hidden; cursor: pointer; } .form_user_data .postcode_separator1 { padding: 0 5px; } .form_user_data .postcode_separator2 { padding: 0 5px; } .form_user_data .buttons { } .form_user_data .buttons .button_right { background: #ff6600 url(images/arrow_cart_right.png) no-repeat 170px center; width: 181px; height: 24px; line-height: 20px; float: right; text-align: center; line-height: 24px; color: #ffffff; cursor: pointer; font-size: 12px; font-weight: bold; } .form_user_data .buttons .button_right:hover { background-color: #ff8331; } .form_user_data .red_input { color: #ffffff; background: #999; } .form_user_data .red_input2 { border: 1px solid #F00 !important; } .error_list { background: #999; padding: 10px; color: #fff; font-weight: bold; } .error_list li { color: #fff; } .select_size { text-align: center; padding-top: 15px; } .select_size .no_size_select { background: #fff; font-size: 11px; border: 1px solid #333333; line-height: 18px; padding: 0 10px; text-align: center; color: #333; display: inline-block; } .select_size .no_size_select:hover { background: #333333; color: #fff; } .payment_finish { position: fixed; top: 200px; margin-top: -100px; left: 50%; margin-left: -360px; width: 720px; background: #fff; z-index: 550 !important; padding-bottom: 40px; } .payment_finish .description { line-height: 33px; color: #666666; font-size: 15px; text-align: center; margin: 20px 40px; } .payment_finish .title { font-size: 20px; color: #666666; padding-bottom: 2px; border-bottom: 1px solid #666666; text-align: center; width: 500px; margin: 30px auto 0 auto; } .payment_finish a { text-align: center; width: 111px; line-height: 22px; display: inline-block; color: #3f3f3f; font-size: 14px; border: 1px solid #3f3f3f; margin: 0 7px; } .payment_finish .nset { width: 113px; line-height: 24px; display: inline-block; color: #fff; font-size: 14px; border: 0; background: #ff6600;} .payment_finish a:hover { text-decoration: underline; } .payment_finish .nlink { width: 143px; line-height: 24px; display: inline-block; color: #fff; font-size: 14px; border: 0; background: #ff6600;} .disable_payments { position: absolute; left: 0; top: 90px; background: url(images/white_png.png); width: 200px; height: 260px; } .obcLinkFilter:hover { color: #000 !important; } .popup_rules { position: fixed; top: 150px; margin-top: -100px; left: 50%; margin-left: -225px; width: 430px; padding: 10px; background: #fff; z-index: 550 !important; box-shadow: 0 0 3px 3px #333; } .popup_rules .description { color: #000; font-size: 14px; margin-top: 20px; } .popup_rules .description div {text-align: center; font-size: 13px; } .popup_rules .close { font-size: 12px; width: 60px; height: 18px; background: #000; display: block; margin-left: 370px; margin-top: 10px; color: #fff; text-align: center; line-height: 18px; } .popup_rules .title { font-size: 15px; color: #000; font-weight: bold; text-align: center; margin: 15px auto 0 auto; } .breadcrumb { margin-bottom: 15px; } .breadcrumb * { font-size: 14px; color: #333333; text-shadow: none; text-transform: uppercase; } .breadcrumb a:last-child { font-weight: bold !important; } .breadcrumb a:hover { text-decoration: underline; } .product_images { float: left; width: 275px; margin-top: 80px; margin-right: 30px; } .product_images a { width: 122px; height: 122px; border: 1px solid #cdcdcd; padding: 2px; overflow: hidden; border-radius: 10px; float: left; text-align: center; margin-bottom: 15px; margin-right: 15px; } .product_images a:nth-child(2n+2) { margin-right: 0; } .product_images a img { max-height: 100%; max-width: 100%; } .product_main { max-width: 560px; box-sizing: border-box; margin-right: 0; overflow: hidden; width: auto; } .product_main .main_image { margin: auto; width: 100%; height: 560px; overflow: hidden !important; position: relative; z-index: 90; } .product_main .full_image { height: 720px; } .product_main .main_image img { width: 100%; position: relative; cursor: url(images/ico_loupe.png), pointer; } .product_main .reset_image { padding-top: 20px; display: none; padding-left: 20px; color: #838282; float: left; } .product_main .reset_image:hover { color: #000000; font-weight: bold; } .product_main .zoom_image { display: block; color: #666666; float: right; background: url(images/ico_loupe.png) no-repeat left center; padding-left: 25px; font-size: 14px; } .product_main .icons { text-align: center; } .product_main .icons img { vertical-align: top; } .product_main .icons a { display: inline-block; vertical-align: top; margin-right: 5px; } .product_main .add_fav { font-size: 14px; color: #666666; margin-bottom: 20px; display: inline-block; background: url(images/ico_fav.png) no-repeat left center; padding-left: 27px; line-height: 20px; } .product_main .add_fav:hover { text-decoration: underline; } .product_right { float: right; } .product_right .text_info { width: 320px; margin-bottom: 20px; font-size: 14px !important; color: #666 !important; } .product_right .text_info * { font-size: 14px !important; color: #666 !important; } .product_right .product_name { margin-top: 15px; margin-left: 7px; font-weight: bold; color: #666666; font-size: 20px; text-transform: uppercase; margin-bottom: 10px; font-weight: normal; font-weight: bold; } .product_right .price_box_old{ font-size: 14px; color: #666666; text-decoration: line-through; font-size: 15px; margin-left: 7px; } .product_right .price_box_old span { font-size: 14px; color: #666666; text-decoration: line-through; } .product_right .price_box { font-size: 18px; color: #666666; margin-left: 7px; } .product_right .price_box span { font-size: 21px; color: #666666; font-weight: bold; } .product_right .price_box span span { font-size: 14px; font-weight: normal; } .product_right .catalog_number { font-size: 18px; color: #666666; margin-bottom: 45px; margin-left: 7px; } .product_right form { margin-top: 30px; position: relative; } .product_right .product_header { margin: 0 0 9px 7px; color: #666666; font-size: 16px; font-weight: bold; } .product_right .sizes { margin: 0 0 15px 7px; } .product_right .sizes .size { padding: 0 4px; line-height: 18px; color: #666666; font-size: 16px; border: 1px solid #cccccc; cursor: pointer; margin-right: 7px; float: left;} .product_right .sizes .size:hover { background: #333; color: #fff; } .product_right .sizes .size.current { background: #666; color: #fff; } .product_right .product_description { width: 291px; border: 1px solid #cfcfcf; border-radius: 10px; padding: 8px; } .product_right .product_description td { font-size: 14px; color: #666666; vertical-align: top; } .product_right .product_description td span { font-size: 14px; color: #666666; } .product_right .msize_table td { padding: 0 5px; text-align: center; border-left: 1px solid #666; border-bottom: 1px solid #666; } .product_right .msize_table .desc_left_td { padding: 0; text-align: left; border-left: 0; } .product_right .func_links { margin-left: 4px; } .product_right .func_links a { margin: 0 3px; color: #333333; font-size: 14px; } .product_right .func_links a:hover { text-decoration: underline; } .product_right .similar_products { position: relative; margin-bottom: 29px; } .product_right .similar_products img { max-width: 1005; max-height: 100%; } .product_right .similar_products .similar_container { margin-left: 7px; width: 271px; height: 128px; overflow: hidden; position: relative; } .product_right .similar_products .similar_container a { width: 122px; height: 122px; border: 1px solid #cdcdcd; padding: 2px; overflow: hidden; border-radius: 10px; float: left; text-align: center; margin-bottom: 15px; margin-right: 15px; } .product_right .similar_products .similar_container a:hover { border: 1px solid #d7d7d7; } .product_right .similar_products .arrow_left { background: url(images/arrow_left.png) no-repeat center; width: 19px; height: 27px; position: absolute; left: -15px; top: 50px; display: block; } .product_right .similar_products .arrow_right { background: url(images/arrow_right.png) no-repeat center; width: 19px; height: 27px; position: absolute; left: 281px; top: 50px; display: block; } .product_right .similar_products .arrow_left:hover { background: url(images/arrow_left.png) no-repeat center; } .product_right .similar_products .arrow_right:hover { background: url(images/arrow_right.png) no-repeat center; } .product_right .button_cart { background: url(images/add_to_cart.png); width: 219px; height: 42px; cursor: pointer; color: #fff; font-size: 17px; padding-left: 16px; margin: 8px 0 20px 0; text-align: left; line-height: 48px; font-weight: bold; } #MenuRsp { top: 0; left: -230px; position: fixed; overflow: auto; z-index: 100; height: 100%; width: 230px; background: #f0f0f0; border-right: 1px solid #fff; } #MenuRsp .logo { height: 35px; float: left; margin: 10px 0 0 10px; } #MenuRsp .logo img { height: 100%; } #MenuRsp nav { float: left; width: 100%; } #MenuRsp nav ul { float: left; width: 100%; } #MenuRsp nav > ul { display: block; } #MenuRsp nav li { list-style: none; float: left; border: none; width: 100%; height: auto; border-top: 1px solid #fff; } #MenuRsp nav .page-li { background: #000; } #MenuRsp nav .page-li a { color: #fff; } #MenuRsp nav > ul > li:first-child { border-top: none; } #MenuRsp nav a { line-height: normal; height: auto; font-size: 13px; font-weight: 600; float: left; color: #000; width: 100%; padding: 10px 10px 9px 10px; } #MenuRsp nav a:hover { background-color: #fff; color: #000; } #MenuRsp nav a span { display: none; } #MenuRsp nav ul ul { display: none; background: #000; color: #fff; } #MenuRsp nav ul ul a { color: #fff; } #MenuRsp.menu-active { -webkit-box-shadow: #666 1px 0px 10px; -moz-box-shadow: #666 1px 0px 10px; box-shadow: #666 1px 0px 10px; } #ButtonRsp { position: absolute; top: 40px; left: 12px; cursor: pointer; float: right; display: none; z-index: 99; border: 1px solid #000; padding: 10px; } #ButtonRsp:hover { opacity: 0.85; filter: alpha(opacity = 85); } #ButtonRsp span { width: 20px; height: 3px; margin: 4px auto 0 auto; display: block; background: #000; } #ButtonRsp span:first-child { margin-top: 1px; } #MenuRsp nav .children-menu { display: none; } #MenuRsp nav .children-menu a { background: #CCC; color: #333; } .r_logo {display: none; } .r_logo img { max-width: 100%; max-height: 100%; } .wishlist .product { float: left; width: 30%; margin-right: 2%; margin-bottom: 30px; } .wishlist .image img { max-width: 100%; } .wishlist .info { margin-top: 10px; } .wishlist .info .title { font-size: 14px; color: #616161; } .wishlist .info .box_price { color: #616161; font-size: 14px; } .wishlist .info .box_price span { font-size: 20px; color: #616161; } .wishlist .add_to_cart_button { width: 200px; background: url(images/top_cart_ico.png) no-repeat right center; display: block; margin: 20px auto 30px auto; font-size: 18px; color: #ff6600; font-weight: bold; height: 42px; overflow: hidden; line-height: 60px; background-size: 38px; } .wishlist .add_to_cart_button:hover { text-decoration: underline; } .wishlist .delete_button { width: 190px; background: url(images/ico_x.png) no-repeat left center; padding-left: 10px; display: block; margin: 0 auto 0 auto; font-size: 14px; color: #333333; font-weight: bold; } .wishlist .delete_button:hover { text-decoration: underline; } .wishlist .buttons { width: 80%; margin: 70px auto; position: relative; } .wishlist .buttons .continue { float: left; width: 180px; line-height: 27px; background: #fff; color: #666666; font-size: 17px; font-weight: bold; text-align: center; border: 1px solid #666666; } .wishlist .buttons .go_to_cart { background: #ff6600; width: 180px; line-height: 29px; color: #fff; float: right; text-align: center; font-size: 17px; font-weight: bold; } .wishlist .buttons .delete_all { width: 240px; background: url(images/ico_x.png) no-repeat left center; padding-left: 10px; font-size: 16px; color: #333333; font-weight: bold; left: 50%; margin-left: -120px; position: absolute; } .wishlist .buttons a:hover { text-decoration: underline; } .register_form { float: left; padding: 20px; color: #e9e9e9; box-sizing: border-box; border: 1px solid #e9e9e9; overflow: hidden; } .register_form input[type=text], .register_form input[type=password] { width: 280px; border: 1px solid #d0d0d0; font-size: 13px !important; } .register_form .left_title { padding-left: 5px; width: 125px; line-height: 20px; float: left; font-size: 13px; color: #3b3b3b; height: 27px; } .register_form .right_content { float: left; height: 27px; } .register_form form { width: 437px; } .register_form .subtitle { color: #333333; font-size: 14px; font-weight: bold; border-bottom: 1px solid #eaeaea; padding-left: 6px; margin-bottom: 13px; margin-top: 10px; } .register_form textarea { width: 429px; margin-bottom: 10px; border: 1px solid #999999; margin-left: 5px; } .register_form .button { width: 191px !important; text-align: left !important; background-position: 176px 7px !important; margin-left: 230px; } .register_form .button_right { background: #ff6600 url(images/arrow_cart_right.png) no-repeat 170px center; width: 181px; height: 24px; line-height: 20px; margin-left: 153px; text-align: center; line-height: 24px; color: #ffffff; cursor: pointer; font-size: 12px; font-weight: bold; float: left; } .register_form .button_right:hover { background-color: #ff8331; } .register_form .button_left { background: #ffffff url(images/arrow_cart_left.png) no-repeat 5px center; width: 95px; line-height: 22px; height: 22px; float: left; border: 1px solid #000000; color: #333333; text-align: center; cursor: pointer; font-size: 12px; margin-left: 5px; } .register_form .button_left:hover { background-color: #f0f0f0; } .register_form .current_button { width: 106px; height: 20px; line-height: 20px; background: #666666; color: #ffffff; margin-left: 5px; } .register_form .current_button_b { width: 104px; border: 1px solid #666666; height: 20px; line-height: 18px; background: #ffffff; margin-left: 5px; color: #666666; } .register_form .field { width: 157px; margin-bottom: 10px; margin-right: 17px; float: left; margin-left: 5px; position: relative; } .register_form .field label { color: #000000; font-size: 13px; font-weight: bold; margin-bottom: 2px; display: block; } .register_form .field input[type=text] { width: 147px; border: 1px solid #999999; font-size: 12px; padding: 4px; } .register_form .field input[type=password] { width: 147px; border: 1px solid #999999; font-size: 12px; padding: 4px; } .register_form .field select { width: 157px; border: 1px solid #999999; font-size: 12px; padding: 3px 4px 3px 4px; } .register_form .field2 { width: 56px; } .register_form .field2 input[type=text] { width: 46px; } .register_form .field3 { width: 85px; margin-left: 0; } .register_form .field3 input[type=text] { width: 46px; } .register_form .field4 { width: 91px; } .register_form .postcode { padding-left: 0; } .register_form .postcode input { padding-left: 0 !important; padding-right: 0 !important; margin: 0 !important; width: auto } .register_form .field5 { width: 132px; margin-right: 0; } .register_form .field5 input[type=text] { width: 122px; } .register_form .field_separator { width: 16px; float: left; margin-top: 22px; color: #999999; font-size: 12px; } .register_form .show_more input { display: none; } .register_form .show_more { background: url(images/show_more.png) no-repeat left center; font-size: 14px; color: #000; padding-left: 17px; line-height: 13px; cursor: pointer; margin: 10px 0 20px 5px; display: block; } .register_form .country_select { position: relative; float: left; margin-top: 0; } .register_form .country_select .select { margin-bottom: 0; background: url(images/country_select.gif) no-repeat left top; width: 142px; height: 20px; line-height: 20px; padding-left: 13px; position: relative; z-index: 10; cursor: pointer; } .register_form .country_select .select2 { margin-bottom: 0; background: url(images/country_select2.gif) no-repeat left top; width: 141px; height: 25px; line-height: 25px; padding-left: 13px; position: relative; z-index: 10; cursor: pointer; } .register_form .country_select select { position: absolute; z-index: 20; top: 0; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; width: 169px; padding: 0 0 0 13px; border: 0; font: 12px arial,sans-serif; background: none; overflow: hidden; cursor: pointer; } .register_form .postcode_separator1 { padding: 0 5px; } .register_form .postcode_separator2 { padding: 0 5px; } .register_form .red_input { color: #ffffff; background-color: #999 !important; } .loginBox .title { color: #000; border-bottom: 1px solid #cdcdcd; font-size: 18px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; } .loginBox { float: left; padding-left: 5px; width: 230px; margin-left: 80px; } .loginBox input[type=submit] { width: 82px; height: 23px; color: #fff; padding-left: 12px; background: #686868 url(images/arrow_right_button.png) no-repeat 73px center; font-size: 18px; text-align: left; display: block; line-height: 20px; box-sizing: content-box; float: right; margin-top: 10px; } .loginBox input[type=submit]:hover { background-color: #333; } .loginBox a { display: block; font-size: 12px; color: #3b3b3b; text-align: right; } .loginBox a:hover { text-decoration: underline; } .loginBox label { font-size: 18px; color: #000; margin-bottom: 3px; display: block; } .loginBox input[type=text], .loginBox input[type=password] { height: 18px; border: 1px solid #d0d0d0; width: 218px; margin-bottom: 9px; padding: 0 5px;} .rules_box { font-size: 13px; } .account .not_logged { padding-left: 16px; float: left; } .account .not_logged .link { width: 248px; border-bottom: 1px solid #eaeaea; padding-bottom: 18px; margin-bottom: 20px; } .account .not_logged .link .link_name { width: 110px; font-size: 13px; color: #3b3b3b; float: left; } .account .not_logged .link .button { float: right; } #footer .rwd-title { display: none; } .login-show-button { display: none; } .product_container { max-width: 1400px; margin: auto; } .news_cont_left { float: left; width: 300px; padding-right: 20px; } .news_cont_right { width: auto; overflow: hidden; } @media only screen and (max-width: 1306px) { .cart .tr_options { margin-left: 0; } #top .top_search { position: absolute; margin: 0; right: 85px; top: 10px; } #top .languages { position: absolute; right: 0; top: 10px; margin: 0; } #top .top_cart { background-size: 40px !important; background-position: left center; height: 38px; margin-top: 32px; padding-top: 13px; } #top .links { margin-top: 50px; } #top .links a { font-size: 14px; margin-right:5px; } .cart .top_boxes { display: none; } #footer { padding-left: 10px; font-size: 14px; } #footer .box li a { font-size: 14px; } #footer .box:nth-child(1) { width: 24%; min-width: 210px; } #footer .box:nth-child(2) { width: 28%; min-width: 250px; } #footer .box:nth-child(3) { width: 18%; min-width: 120px; } #footer .box:nth-child(4) { width: 18%; min-width: 185px; } #footer .box:nth-child(5) { width: 8%; min-width: 135px; } .cart_products tr.product_tr td:nth-child(1) { width: 100px; } .cart_products tr.product_tr td:nth-child(5) { width: 80px; } .cart_products tr.product_tr td:nth-child(6) { width: 80px; } .cart_products tr.product_tr td:nth-child(7) { width: 74px; } .cart_products tr.product_tr td:nth-child(4) { padding-top: 33px; } .cart_products .quantity_change { vertical-align: middle; !important; } .cart_products .quantity { vertical-align: middle; !important; } .cart .tr_options .td_option span { width: 175px; } .cart .tr_total .td_vat { width: 74px; } .cart .tr_total .td_total { width: 80px; } .cart .tr_options .td_total { margin-right: 74px; width: 80px; } .cart .my_select input { width: 100px; } #footer .social_icons_title { font-size: 16px; } .product_images { width: 142px; } .similar_products { margin-left: 20px; } .filters_box { width: 180px; } .filters_box .title { font-size: 12x; width: 64px; } .filters_box .clear-filters { font-size: 12x; width: 104px; left: 79px; } .filters_box .sidebar-box h3, .filters_box .sidebar-box .filters-name { font-size: 16px; } .filters_box li a { font-size: 14px; } #content .product_listing .row { margin-right: 2%; width: 28%; } .work_content { margin-right: 100px; } #content .page .page_form { margin-right: 50px; } .contact_wrapper { background-position: center top; } .o_firmie { width: 90%; margin: auto; } .o_firmie .text { padding: 10px; } .page img { max-width: 100%; } .cart .button_plus { width: 19px; height: 19px; background: url(images/button_plus_hover.png) no-repeat left top; display: block; background-size: contain !important; } .cart .button_minus { width: 19px; height: 19px; background: url(images/button_minus_hover.png) no-repeat left top; display: block; background-size: contain !important; } } @media only screen and (max-width: 1260px) { .salon_container { width: auto !important; margin: auto !important; } .salon_container .places { float: none; margin: auto; clear: both; } } @media only screen and (max-width: 900px) { .page_header { margin-left: 20px; } #ButtonRsp { display: block; } .work_content { margin-left: auto; margin-right: auto; float: none; } #content .sub_menu { display: none; } #content .page_sub_text { width: 90%; margin-right: 30px; } #top { margin-left: 10px; } #top .top_shipment { position: absolute; left: 0; top: 5px; margin: 0; display: none; } #top .r_logo { display: block; position: absolute; left: 50%; margin-left: -113px; top: 25px; } #top .top_cart { background: url(images/ico_offers.png) no-repeat center; border: 1px solid #000; padding: 0; margin: 0; position: absolute; right: 0; top: 40px; text-align: center; font-size: 11px; line-height: 16px; text-indent: 15px; background-size: 24px !important; overflow: hidden; } #top .top_search { position: absolute; left: 10%; top: 87px; z-index: 99; width: 80%; display: none; } #top .top_search input[type=text] { width: 96%; border: 1px solid #000; height: 50px; padding: 0 2%; } #top .top_search input[type=image] { display: none; } #left { display: none; } #top .links { margin-top: 40px; margin-left: 20px; } #top .links a { display: none; } #top .links a:nth-child(1) { display: block; background: url(images/user.png) no-repeat center; width: 22px; height: 22px; text-indent: 60px; line-height: 60px; overflow: hidden; border: 1px solid #000; padding: 8px; margin-left: 10px; } #top .btn-search { position: absolute; right: 53px; top: 40px; background: url(images/top_search.gif) no-repeat center; width: 18px; height: 18px; padding: 10px; border: 1px solid #000; } #footer { padding-left: 0; font-size: 14px; height: auto !important; } #footer .box li a { font-size: 14px; } #footer .box { float: none; width: auto !important; margin: 0; box-sizing: border-box; margin-bottom: 10px; } #footer .social_icons_title { font-size: 16px; } #footer .rwd-title { display: block; margin: 0; width: 100%; font-size: 16px; box-sizing: border-box; border: 1px solid #333; color: #333; text-transform: uppercase; text-align: center; line-height: 40px; } #footer .mod_logos, #footer ul { display: none; } #footer .box:nth-child(5) { text-align: center; } #footer .box:nth-child(4) ul { display: block; } #footer ul { margin-top: 20px !important; text-align: center; } .breadcrumb { margin: 0 15px 15px 15px; } .product_images { width: 80%; margin: auto; text-align: center; text-align: center; float: none; } .product_images a { width: 110px; height: 120px; display: inline-block; float: none; } .product_images a:nth-child(2n+2) { margin-right: 15px; } .product_main { width: 540px; margin: auto; float: none; } .product_right { float: none; margin: auto; width: 300px; } .product_container { margin: 0 10px; display: table; width: 100%; } .product_container .breadcrumb { display: none; } .product_images { width: 100%; margin-top: 30px; } .product_images a:nth-child(2n+2) { margin-right: 15px; } .product_main { width: 100%; display: table-header-group; } .product_main .zoom_image { display: none; } .product_main .main_image { width: 100%; height: auto; text-align: center; } .product_main .main_image img { max-width: 100%; } .product_right { margin: auto; float: none; width: 350px; padding: 50px 0; clear: both; display: table-footer-group; } .register_form { float: none; margin: auto; width: 484px; } .loginBox { float: none; margin: auto; margin-top: 30px; } .feedback { top: 100px; } .feedback .feedback_content { width: 220px; padding: 0 10px; height: auto; padding-bottom: 20px; float: right; } .feedback .feedback_content input[type="text"] { width: 214px; height: 30px; } .feedback .feedback_content select { width: 220px; height: 35px; } .feedback .feedback_content textarea { width: 214px; } .feedback .feedback_noemail { width: 200px; } .feedback .feedback_noemail a { float: left; margin-bottom: 20px; margin-left:40px !important; } .newsletter_popup { width: 346px; height: 372px; position: fixed; left: 50%; margin-left: -173px; top: 50%; margin-top: -261px; background: #fff; z-index: 450; box-shadow: 0 0 5px 0 #000; display: none; } .newsletter_popup .right { display: none; } .newsletter_popup .update_newsletter { position: absolute; top: 90px; left: 0; width: 346px; background: #fff; display: none; z-index: 550 !important; } .newsletter_popup .update_newsletter .title { font-size: 12px; color: #666666; padding-bottom: 2px; border-bottom: 1px solid #666666; text-align: center; width: 270px; margin: 30px auto 0 auto; } .newsletter_popup .email_exists { position: absolute; top: 90px; left: 0; width: 346px; background: #fff; display: none; z-index: 550 !important; padding-bottom: 40px; } .newsletter_popup .email_exists .title { font-size: 20px; color: #666666; padding-bottom: 2px; border-bottom: 1px solid #666666; text-align: center; width: 270px; margin: 30px auto 0 auto; } .newsletter_popup .email_exists a { text-align: center; width: 111px; line-height: 22px; display: inline-block; color: #3f3f3f; font-size: 14px; border: 1px solid #3f3f3f; margin: 0 7px; } .newsletter_popup .buttons_email { margin-top: 20px; text-align: center; } .newsletter_popup .email_exists .nset { width: 113px; line-height: 24px; display: inline-block; color: #fff; font-size: 14px; border: 0; background: #99d3d6;} .newsletter_popup .email_exists a:hover { text-decoration: underline; } .newsletter_popup .email_queued { position: absolute; top: 90px; left: 0; width: 346px; background: #fff; display: none; z-index: 550 !important; padding-bottom: 40px; } .newsletter_popup .email_queued .description { line-height: 33px; color: #666666; font-size: 15px; text-align: center; margin: 20px 40px; } .newsletter_popup .email_queued .title { font-size: 20px; color: #666666; padding-bottom: 2px; border-bottom: 1px solid #666666; text-align: center; width: 270px; margin: 30px auto 0 auto; } .newsletter_popup .email_queued a { text-align: center; width: 111px; line-height: 22px; display: inline-block; color: #3f3f3f; font-size: 14px; border: 1px solid #3f3f3f; margin: 0 7px; } .newsletter_popup .buttons_email { margin-top: 20px; text-align: center; } .newsletter_popup .email_queued .nset { width: 113px; line-height: 24px; display: inline-block; color: #fff; font-size: 14px; border: 0; background: #99d3d6;} .newsletter_popup .email_queued a:hover { text-decoration: underline; } .newsletter_popup .email_queued .nlink { width: 143px; line-height: 24px; display: inline-block; color: #fff; font-size: 14px; border: 0; background: #99d3d6;} #content .product_listing .row .row_container { padding: 35px 0 65px 0; } #content .product_listing .st360 { display: none; } #content .product_listing .sale { display: none; } #content .page .page_form { margin: auto !important ; float: none; clear: both; } #content .page { padding-left: 10px !important; overflow: hidden; } .loginBox { display: none; position: absolute; top: 18px; z-index: 99; background: #fff; left: 50%; margin-left: -115px; padding: 10px; border: 1px solid #CCC; } .login-show-button { position: absolute; right: 0; display: block; top: -30px; border: 1px solid #666; background: #333; color: #fff; padding: 5px 10px; } .register_form { position: relative; margin-top: 30px !important; overflow: visible !important; } .pages_list a { display: inline-block; border: 1px solid #ccc; padding: 9px 13px !important; margin: 0 5px; font-size: 14px; margin-bottom: 5px; } } @media only screen and (max-width: 700px) { .news_cont_left { display: none; } #top .r_logo { width: 150px; margin-left: -75px; } #top .languages { top: 5px; } #top .top_shipment { top: -20px; font-size: 12px; } #footer { padding-left: 10px; font-size: 14px; } #footer .box li a { font-size: 14px; } .product_listing { width: 100% !important; } /*.filters_box { display: none; }*/ .rwd-submit-filters { text-align: center; clear: both; float: none; margin: 10px 0; } .rwd-submit-filters input { background: #333; color: #fff; padding: 4px 10px; } .page_header .sortfilter { display: inline-block !important; float: right; text-transform: none; cursor: pointer; background: #fff url(images/arrow_bottom.jpg) right center no-repeat; padding-right: 25px; margin-top: 10px; } .page_header .sortfilter.current { background-image: url(images/arrow_top.jpg); } .filters_box { position: static; clear: none; z-index: 999; width: 90%; border-left: 0; margin-left: 5px; margin-bottom: 20px; } .filters_box .sidebar-box { position: relative; float: left; margin: 0 1%; width: 23%; margin-bottom: 10px; display: none; } .filters_box .title { display: none; } .filters_box .clear-filters { float: none; clear: both; text-align: center; width: 100%; color: #333; background: none; text-transform: lowercase; position: static; margin: 0; padding: 10px 0; } .filters_box nav { display: none; position: absolute; left: 0; top: 31px; } .filters_box .sidebar-box h3, .filters_box .sidebar-box .filters-name { border: 1px solid #333; padding: 5px 30px 5px 10px ; background: #fff url(images/arrow_bottom.jpg) 90% center no-repeat; margin: 0; font-weight: normal; } .filters_box .sidebar-box:hover nav { display: block; z-index: 9999; background: #fff; min-width: 100%; padding: 5px; border: 1px solid #333; } .filters_box .sidebar-box.active-box nav { display: block; z-index: 9999; background: #fff; min-width: 100%; padding: 5px; border: 1px solid #333; } .selected_filters { display: block; width: 100%; } .selected_filters .sidebar-box { display: block; width: 100%; margin-bottom: 0; } .selected_filters h3 { display: none; } .selected_filters li { display: inline-block; margin-bottom: 5px; } .selected_filters li a { display: inline-block; margin-right: 20px; padding: 0 14px; background-position: 90% center; background-color: #f5f5f5; } #content .product_listing .row { margin-right: 3%; width: 30%; } #content .product_listing { width: 96%; margin-left: 2%; } #footer .social_icons_title { font-size: 16px; } .product_box { clear: both; float: none; } .cart { margin: 30px 2%; } .cart_products tr.product_tr td:nth-child(1) { width: 110px; } .cart_products tr.product_tr td:nth-child(5) { width: 60px; } .cart_products tr.product_tr td:nth-child(6) { width: 60px; } .cart_products tr.product_tr td:nth-child(7) { width: 44px; } .cart .tr_options .td_option span { width: 115px; } .cart .tr_total .td_vat { width: 44px; font-size: 10px; } .cart .tr_total .td_total { width: 60px; } .cart .tr_options .td_total { margin-right: 44px; width: 60px; display: none; } .cart .my_select input { width: 70px; } .popup_box_cart { position: fixed; background: #fff; width: 280px; height: 420px; left: 50%; margin-left: -140px !important; top: 20px !important; z-index: 600; box-shadow: 0 0 10px 0 #000; } .popup_box_cart .product_info { float: left; width: 230px; margin-left: 23px !important; text-align: center; } .popup_box_cart .product_info img { height: 150px !important; } .popup_box_cart .buttons_popup { float: left; margin-left: 20px !important; width: 200px; } .popup_box_cart .buttons_popup .button_right { background: #99d3d6 url(images/arrow_cart_right.png) no-repeat 170px center; width: 181px; height: 24px; line-height: 20px;text-align: center; line-height: 24px; color: #ffffff; cursor: pointer; font-size: 12px; font-weight: bold; display: block; margin-top: 15px !important; text-decoration: none; } .popup_box_cart .buttons_popup .info { font-size: 10px; line-height: 15px; } .popup_box_cart .buttons .button_right { margin-top: 20px; } .popup_box_cart .buttons { margin-left: 50px; } #login_box .popup_box { top: 100px; } #login_box .popup_box .form { width: 250px; } #login_box .popup_box .form label { width: 70px; } #login_box .popup_box .form input { width: 150px; } #login_box .popup_box .form .links { width: auto; text-align: center; margin: 0; } #login_box .popup_box .form .button_login { margin: auto; width: auto; text-align: center; margin-bottom: 10px; display: block; } .cookies_info { display: none; } } .page_header { border-bottom: 1px solid #CCC; font-weight: normal; font-size: 20px; width: 80%; margin-bottom: 20px; padding-bottom: 5px; text-transform: uppercase; } .page_header .sortfilter { display: none; } .pages_list a { display: inline-block; border: 1px solid #ccc; padding: 6px 10px; margin: 0 5px; font-size: 14px; margin-bottom: 5px; } .pages_list a:hover, .pages_list .active { background: #ccc; color: #fff; } .pages_list { text-align: center; clear: both; float: none; } @media only screen and (max-width: 500px) { .filters_box .sidebar-box { position: relative; float: left; margin: 0 2%; width: 46%; margin-bottom: 10px; } .filters_box .sidebar-box h3, .filters_box .sidebar-box .filters-name { font-size: 14px; font-weight: normal; } .salon_container .map_c { display: none; } .salon_container .places .form { text-align: center; } .salon_container .places .label { width: auto; } .product_images a { width: 110px; height: 120px; } .product_images a:nth-child(2n+2) { margin-right: 0; } .cart_products .img { width: 60px; height: auto !important; } #top .r_logo { width: 100px; margin-left: -50px; top: 5px; } .cart_products td:nth-child(1) { width: 70px !important; } .cart_products td:nth-child(2) { width: 50px !important; } .cart_products td:nth-child(3) { width: 40px !important; } .cart_products td:nth-child(5) { display: none; } .cart .tr_options .td_option span { width: 100px; font-size: 13px; font-weight: normal; } .cart .tr_options .td_total { display: none; } .cart .shipmentName { width: 115px; } .cart .my_select input { width: 55px; } .register_form { margin: 0 20px; width: auto; } .register_form form { width: auto; } .register_form .subtitle { padding: 0; text-align: center; text-transform: uppercase; } .register_form .field { float: none; clear: both; width:80%; margin: 0 auto 10px auto; } .register_form .field label { width: 100%; text-align: center; text-transform: uppercase; } .register_form .field input[type=text] { width: 100% !important; height: 30px; } .register_form .field_separator, .register_form .postcode_separator1 { display: none; } .register_form .country_select { text-align: center; clear: both !important; margin-bottom: 10px; } .register_form .field .postcode input[type=text] { width: 40% !important; margin-right: 10px !important; } .register_form .buttons { width: 100%; } .register_form .buttons * { margin: 0 10px !important; display: block; float: none; width: 100%; text-align: center; border: 0; } .register_form textarea { width: 100%; } .cart .tr_options .td_option span { height: auto !important; width: 100%; text-transform: uppercase; font-weight: bold; } .cart .option { height: auto !important; } .check_order .products { width: 100%; } .check_order .summary { width: 100%; } .check_order { width: auto; margin: 0 20px; float: none; } .check_order .button_right { width: 100%; margin: 20px 0 0 0; background-image: none; } .check_order .shipment_data { float: none; margin: 20px 0 0 0; } .check_order .user_data { float: none; margin: 20px 0 0 0; } .check_order .summary .right_td { margin-left: 5px; } .check_order .products .info { width: 90%; } .product_right { width: 260px; } .product_right .similar_products .similar_true_container { position: static !important; width: 270px !important; text-align: center; } .product_right .similar_products .similar_container a { display: inline-block; float: none; margin-right: 15px; width: 110px; height: 120px; } .product_right .similar_products .similar_container { margin-left: 0; width: auto; overflow: visible; height: auto; } .product_right .similar_products .arrow_left { display: none; } .product_right .similar_products .arrow_right { display: none; } .product_right .func_links { width: 270px; } .work_content { width: auto;} .work_content input[type=text] { width: 150px !important; } .work_content input { float: none !important; } .work_content .rules { width: auto; } #content .page .page_form { width: 235px; padding-left: 0; margin: 0 !important; } #content .page input[type="text"] { width: 120px; float: left; } #content .page textarea { width: 220px; } #content .product_listing .row .sub_info .price_container { font-size: 12px; } #content .product_listing .row .red { font-size: 14px; } #content .product_listing .row .sub_info .price_container .one_price { font-size: 10px; } .popup_window { width: 250px; margin-left: -125px; height: 240px; margin-top: -120px; } .popup_window .buttons a { margin-bottom: 20px; } .popup_window .title { width: 200px; } } /* .ppinfotop { position: absolute; right: 510px; top: 19px; z-index: 30; font-weight: bold; } .ppinfotop .pp0 { font-size: 60px; color: #fc0b07; } .ppinfotop .pp1 { font-size: 50px; color: #fc0b07; } .ppinfotop .pp2 { font-size: 30px; color: #fc0b07; margin: 0 5px 0 15px; } .ppinfotop .pp3 { font-size: 50px; color: #fc0b07; } */ .ppinfotop { position: absolute; right: 560px; top: 9px; z-index: 30; font-weight: bold;; } @media only screen and (max-width: 2000px) { .ppinfotop { position: absolute; right: 560px; top: 0; z-index: 30; font-weight: bold;; } .ppinfotop img { height: 48px; } } @media only screen and (max-width: 1400px) { .ppinfotop { position: absolute; left: 0; top: 0; z-index: 30; font-weight: bold;; } .ppinfotop img { height: 48px; } } @media only screen and (max-width: 1050px) { .ppinfotop { position: absolute; left: 0; top: 0; z-index: 30; font-weight: bold;; } .ppinfotop img { height: 30px; } } @media only screen and (max-width: 900px) { .ppinfotop { position: absolute; left: 0; top: 0; z-index: 30; font-weight: bold;; } .ppinfotop img { height: 25px; } #top .top_shipment { display: none !important; } } @media only screen and (max-width: 520px) { .ppinfotop { position: absolute; right: 0; left: auto; top: -20px; z-index: 30; font-weight: bold; } .ppinfotop img { height: 23px; } } @media only screen and (max-width: 500px) { #top { margin-top: 20px; } #ButtonRsp { top: 60px; } } @media only screen and (max-width: 1170px) { .mboxtext { width: 64% !important; } } @media only screen and (max-width: 900px) { .mboxtext { margin-left: 20px !important; } } @media only screen and (max-width: 680px) { .mboxtext { width: 76% !important; } } @media screen and (max-width: 500px) { /*.ppinfotop { top: -20px; }*/ #ls-float-element-cnt { display: none !important; } } .ppinfotop2 { position: absolute; left: 530px; top: 10px; z-index: 30; } .ppinfotop2 .pp_code { position: absolute; left: 145px; color: #0099ff; font-size: 24px; top: 36px; font-weight: bold; } @media screen and (max-width: 1920px) { .ppinfotop2 { position: absolute; left: 470px; top: 0; z-index: 30; } .ppinfotop2 img { height: 43px; } .ppinfotop2 .pp_code { position: absolute; left: 100px; color: #0099ff; font-size: 18px; top: 23px; font-weight: bold; } } @media screen and (max-width: 1320px) { .ppinfotop2 { position: absolute; left: 10px; top: 0; z-index: 30; } .ppinfotop2 img { height: 43px; } .ppinfotop2 .pp_code { position: absolute; left: 100px; color: #0099ff; font-size: 18px; top: 23px; font-weight: bold; } } @media screen and (max-width: 1080px) { .ppinfotop2 { position: absolute; left: 0; top: 0; z-index: 30; width: 350px; overflow: hidden; } } @media screen and (max-width: 900px) { .ppinfotop2 { position: absolute; left: 0; top: 0; z-index: 30; width: 200px; } .ppinfotop2 img { height: 25px; max-width: none; } .ppinfotop2 .pp_code { left: 60px; font-size: 9px; top: 15px; font-weight: normal; } } @media screen and (max-width: 640px) { .ppinfotop2 { position: absolute; left: 0; top: 0; z-index: 30; } .ppinfotop2 img { height: 25px; max-width: none; } .ppinfotop2 .pp_code { left: 60px; font-size: 9px; top: 15px; font-weight: normal; } } @media screen and (max-width: 510px) { .ppinfotop2 { position: absolute; left: 0; top: -20px; z-index: 30; } .ppinfotop2 img { height: 25px; max-width: none; } .ppinfotop2 .pp_code { left: 60px; font-size: 9px; top: 15px; font-weight: normal; } } @media only screen and (max-width: 500px) { #top { margin-top: 20px; } #ButtonRsp { top: 60px; } } @media only screen and (max-width: 1170px) { .mboxtext { width: 64% !important; } } @media only screen and (max-width: 900px) { .mboxtext { margin-left: 20px !important; } } @media only screen and (max-width: 680px) { .mboxtext { width: 76% !important; } } .product_unavailable { font-size: 18px; color: #993365; font-weight: bold; margin-left: 7px; } .product_inform { border: 2px solid #993365; margin: 0 7px; } .product_inform .inform_title { background: #993365; color: #fff; font-weight: bold; font-size: 18px; text-align: center; margin: 5px 5px 20px 5px; padding: 5px; } .product_inform .inform_email { margin: 0 7px 7px 7px; border: 1px solid #cfcfcd; padding: 3px; display: block; width: 90%; } .product_inform .inform_button { display: block; margin: 20px auto 10px auto; color: #fff; font-weight: bold; font-size: 18px; padding: 5px; background: #993365; } .product_inform .inform_button:hover { background: #000; } .product_inform .s_error { color: #993365; margin: 8px; font-weight: bold; } .checkcard { border: 1px solid #000000; padding: 5px 12px; clear: both; float: right; font-size: 16px; } .checkcard:hover { background: #000; color: #fff; } .premium { position: absolute; left: 50%; top:60px; margin-left: -62px; } .fixedpop { position: fixed !important; top: 30% !important; } .redinput_info { position: absolute; right: 0; display: none; background: #ff0000; color: #fff; padding: 2px; font-size: 10px; z-index: 99; width: 92px; } .field2 .redinput_info, .field4 .redinput_info { left: 0; right: auto; } .card_top { text-align: center; width: 70%; font-size: 18px; margin-top: 100px; } .card_left { float: left; width: 515px; margin-right: 40px; } .card_right { float: left; width: 400px; text-align: justify; margin-top: 80px; font-size: 18px; } .card_right span { display: block; margin-top: 20px; text-align: center; font-style: italic; font-size: 18px; } .page .cards { min-height: 800px; background-size: contain; background-repeat: no-repeat; background: url(https://www.venezia.pl/templates/default/images/karta_podarunkowa_bg.jpg) no-repeat right 50px center; } .page .cards .card { display: inline-block; padding: 1%; text-align: center; margin-top: 30px; } .page .cards .card img { max-width: 100%; } .page .cards .card_50 { position: relative; width: 244px; } .page .cards .card_100 { position: relative; width: 244px; } .page .cards .card_250 { position: relative; width: 244px; } .page .cards .card_500 { position: relative; width: 244px; } .page .cards .info { position: absolute; bottom: 0; left: 0; width: 80%; padding: 5% 10% 5% 10%; height: 40px; background: #ffffff; display: block; font-size: 14px; color: #616161; text-align: left; } .page .cards .info .price { font-size: 20px; color: #616161; } .page .cards .info .price_old span { font-size: 10px !important; color: #616161; } .page .cards .card:hover .info { display: block; } @media only screen and (max-width: 1860px) { } @media only screen and (max-width: 1760px) { .page .cards .card {margin-top: 50px; } .card_left { float: none; margin-left: 20px; } .card_right { float: none; clear: both; padding-top: 30px; margin-left: 70px; } .card_top { width: 515px; margin-left: 20px; } } .add-icons { position: absolute; right: 10px; top: 30px; width: 35px; } .add-icons img { max-width: 35px; } @media only screen and (max-width: 1506px) { .page .cards .card {margin-top: 50px; } } @media only screen and (max-width: 1306px) { .page .cards .card {margin-top: 50px; } .page .cards { height: auto; } } @media only screen and (max-width: 900px) { .page .cards { background: none !important; } .card_left { width: 100%; margin-left: 0; margin-right: 0; } .card_right { width: 100%; margin-left: 0; margin-right: 0; } .card_top { width: 100%; margin-left: 0; margin-right: 0; padding: 30px; } } @media only screen and (max-width: 800px) { .add-icons { position: absolute; right: 10px; top: 10px; width: 20px; } .add-icons img { max-width: 20px; } .page .work_left { display: none; } .page .work_right { display: block; vertical-align: top; margin: auto; } .page { width: 100% !important; } #content .page .work_right input[type="text"] { float: none; } } #pwr_popup, #pwr_popup_cod { position: fixed; left: 50%; margin-left: -250px; top: 50%; margin-top: -200px; z-index: 999; } .product_right .catalog_number_header { font-size: 18px; color: #666666; text-transform: none; } .main_header { text-align: center; font-weight: normal; font-size: 20px; width: 80%; margin-bottom: 20px; padding-bottom: 5px; text-transform: uppercase; } .dpd_popup { position: absolute; display: none; left: 50%; margin-left: -450px; top: 50%; margin-top: -300px; width: 900px; z-index: 999; } @media screen and (max-width: 1000px) { .dpd_popup { width: 600px; margin: auto; margin-top: 100px; top: 0; margin-left: -300px; } } @media screen and (max-width: 630px) { .dpd_popup { width: 300px; margin: auto; margin-top: 100px; top: 0; margin-left: -150px; } } /* COMPLAINT PAGE */ .complaint_box { width: 100%; } .complaint-row { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 100px; } .complaint-element { text-align: center; flex-grow: 1; flex-basis: 0; } .complaint-arrow { padding: 15px 0px 0px 0px; width: 50px; } .complaint-arrow img { max-width: 100%; } .complaint-element figure { margin: 0px 0px 30px 0px; } .complaint-element figure .complaint-arrow { display: none; } .complaint-heading { font-weight: bold; font-size: 18px; margin-bottom: 30px; min-height: 62px; } .complaint-text {} .icon-row, .text-row, .info-row { width: 100%; display: flex; flex-direction: row; } .single-icon, .single-text, .single-info { width: 25%; text-align: center; } .single-text { font-weight: bold; font-size: 18px; } .complaint-element a, .info-text a { text-decoration: none !important; color: #337ab7 !important; } .info-text { width: 80%; text-align: center; margin: 0px auto 15px auto; } .complaint-button { margin: 0px auto 30px auto; display: block; max-width: 165px; border: 1px solid #000000; border-radius: 15px; text-align: center; font-weight: bold; font-size: 18px; color: #000000; text-decoration: none; padding: 8px 10px; } @media screen and (max-width:992px) and (min-width:768px) { .complaint-row { display: block; } .complaint-element { max-width: 275px; text-align: center; margin: 0px auto; } .complaint-arrow { display: none; } .complaint-element figure .complaint-arrow { display: block; margin: 0px auto; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); padding: 0px 0px 8px 0px; } .complaint-text { margin-bottom: 30px; } .complaint-row { margin-bottom: 50px; } } @media screen and (max-width:767px) and (min-width:568px) { .complaint-element figure .complaint-icon { max-height: 60px; } .complaint-row>.complaint-arrow { display: none; } .complaint-row { margin-left: -10px; margin-right: -10px; margin-bottom: 30px; } .complaint-element figure { position: relative; } .complaint-element figure .complaint-arrow { display: block; position: absolute; right: -26px; top: 6px; max-width: 56px; } .complaint-row div:nth-child(7) figure .complaint-arrow { display: none; } } @media screen and (max-width:567px) { .complaint-row { display: block; } .complaint-element { max-width: 275px; text-align: center; margin: 0px auto; } .complaint-arrow { display: none; } .complaint-element figure { position: relative; } .complaint-element figure .complaint-arrow { display: block; margin: 0px auto; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); padding: 0px 0px 8px 0px; position: absolute; top: 19px; right: 30px; } .complaint-heading { margin-bottom: 5px; } .complaint-text { margin-bottom: 30px; } .complaint-row { margin-bottom: 50px; } }