#callpageWrapper { position:relative; z-index: 1000 !important; } #bottomToolBar{ position:fixed; bottom:50px; z-index:35; } #bottomToolBar.BarLeft{ left:0px; } #bottomToolBar.BarRight{ right:0px; } #bottomToolBar #leftToolBar{ background:#f5f5f5; box-shadow: 0 4px 2px -2px rgba(0,0,0,0.5); border-radius:0px 5px 5px 0px; width:50px; min-height:50px; left:0px; bottom:20px; padding:5px; opacity:0.5; -webkit-transition: opacity 100ms ease-in-out; -moz-transition: opacity 100ms ease-in-out; -ms-transition: opacity 100ms ease-in-out; -o-transition: opacity 100mss ease-in-out; transition: opacity 100ms ease-in-out; } #bottomToolBar #rightToolBar{ background:#f5f5f5; box-shadow: 0 4px 2px -2px rgba(0,0,0,0.5); border-radius:5px 0px 0px 5px; width:50px; right:0px; position:relative; opacity:0.5; -webkit-transition: opacity 100ms ease-in-out; -moz-transition: opacity 100ms ease-in-out; -ms-transition: opacity 100ms ease-in-out; -o-transition: opacity 100mss ease-in-out; transition: opacity 100ms ease-in-out; } #bottomToolBar #leftToolBar:hover, #bottomToolBar #rightToolBar:hover{ opacity:1; } @media (max-width: 576px) { #bottomToolBar #leftToolBar{ position:absolute; left:-30px; } #bottomToolBar #leftToolBar:hover{ left:0px; } #bottomToolBar #rightToolBar{ position:absolute; right:-30px; } #bottomToolBar #rightToolBar:hover{ right:0px; } } #bottomToolBar #leftToolBar .ToolBarButtons{ positon:absolute; background-color:#fff; background-size:100%; height:40px; width:40px; } #bottomToolBar #leftToolBar .ToolBarButtons:hover{ cursor:pointer; } #bottomToolBar #leftToolBar #cookieSettingDirective{ background-image: url("../image/web-cookie.png"); } #cookiesdirective { background: #fff none repeat scroll 0 0 !important; box-shadow: -1px 1px 21px -6px rgba(0, 0, 0, 0.43); color: #333e48; font-size: 14px; } #cookiesdirective .cookie_content { min-height:100px; padding-right:120px; background-image: url("../image/web-cookie.png"); background-repeat: no-repeat; background-position:right; background-size:100px auto; } #cookiesdirective .buttons_group { } #cookiesdirective .buttons_group button{ margin-right:5px; } @media (max-width: 576px) { #cookiesdirective .buttons_group button{ width:100%; margin:5px 0px; } #cookiesdirective .cookie_content { background:none!important; padding-right:0px!important; } } #cookiesdirective .cookie_agree{ margin-top:10px; border-top: 1px solid #dddddd; } #cookiesdirective .cookie_agree > div{ display:inline; float:left; margin-right:5px; } #cookiesdirective .cookie_header{ width:100%; position:relative; border-bottom: 1px solid #dddddd; color: #333e48; margin-bottom: 10px; text-transform: uppercase; } #cookiesdirective .cookie_header .cookie_title{ display:inline-block; position:relative; font-weight:bold; line-height:30px; font-size:16px; } #cookiesdirective .cookie_header .cookie_title:after{ border-bottom: 1px solid #e73046; bottom: 0px; content: " "; display: block; position: absolute; width: 100%; line-height:30px; font-size:16px; } .dropdown-menu { font-size: 14px; } .form-control:focus, button:focus, .btn:focus { box-shadow: none !important; } .form-group .dropdown.bootstrap-select .btn { background: #ffffff; border: 1px solid #dddddd; border-radius: 5px; } .form-group .dropdown.bootstrap-select .btn:after { position: absolute; right: 10px; font-size: 15px; margin-top: 8px; } .form-group .dropdown.bootstrap-select.show .btn { background: #F5F5F5; border: 1px solid #dddddd; border-radius: 5px 5px 0px 0px; } .form-group .dropdown.bootstrap-select.show >.dropdown-menu { background: #ffffff; border: 1px solid #dddddd; border-radius: 0px 0px 5px 5px; margin-top: -3px; min-width: calc(100% + 1px); } .btn-primary { background-color: #1d80db; border-color: #1d80db; color: #fff; } .btn-primary.active:not(:disabled):not(.disabled), .btn-primary:active:not(:disabled):not(.disabled), .show > .btn-primary.dropdown-toggle { background-color: #0062bd; border-color: #0062bd; color: #fff; } .link.big { line-height: 15px; } .link.big i { font-size: 20px; } .link.bigest { line-height: 45px; } .link.bigest i { font-size: 20px; } .btn { border-radius: 5px; border: 0px solid #fff; box-shadow: none; font-size: 14px; } .btn:disabled, button[disabled]{ opacity:0.2!important; } .btn.nowrap { white-space: nowrap; } .btn.big { font-size: 14px; font-weight: bold; text-transform: uppercase; white-space: nowrap; } .btn.big i { font-size: 20px; } .btn.bigest { font-size: 16px; font-weight: bold; text-transform: uppercase; white-space: nowrap; padding: 10px 30px; } .btn.bigest i { font-size: 20px; } .btn.alpha { background: #D9D9D9; color: #fff; opacity: 0.5 !important; } .btn.alpha:hover { opacity: 1; } .btn.alpha i { color: inherit; } .btn.whitee { background: #fff; opacity: 1; color: #333E48; -webkit-box-shadow: 1px 1px 2px 0px #333e48; -moz-box-shadow: 1px 1px 2px 0px #333e48; box-shadow: 1px 1px 2px 0px #333e48; } .btn.whitee:hover { background: #333E48; color: #fff; } .btn.primary { background: #0062bd; opacity: 1; color: #ffffff; } .btn.primary:hover { background: #1d80db; } .btn.primary.bordered { background: none; border: 1px solid #0062bd; } .btn.primary.bordered:hover { background: #e73046; border: 1px solid #e73046; } .btn.primary.bordered:hover i { color: #fff; } .btn.primary.bordered i { font-size: 20px; color: #333E48; } .btn.primary2 { background: #5d646e; opacity: 1; color: #ffffff; } .btn.primary2:hover { background: #1d80db; } .btn.primary2.bordered { background: none; border: 1px solid #5d646e; } .btn.primary2.bordered:hover { background: #e73046; border: 1px solid #e73046; } .btn.primary2.bordered:hover i { color: #fff; } .btn.primary2.bordered i { font-size: 20px; color: #333E48; } .btn.secondery { background: #333E48; opacity: 1; color: #fff; } .btn.secondery.bordered { background: none; border: 1px solid #333E48; color: #333E48; } .btn.secondery.bordered.active { background: #333E48; color: #fff; } .btn.secondery.bordered:hover { background: #333E48; border: 1px solid #333E48; color: #fff; } .btn.secondery.bordered:hover i { color: #fff; } .btn.secondery.bordered i { font-size: 15px; color: #333E48; } .btn.secondery:hover { background: #333E48; opacity: 0.9; } .btn.danger { background: #e25151; opy�it ??�; color: #ffffff; } .btn.danger.bordered { background: none; border: 1px solid #e25151; } .btn.danger.bordered:hover { background: #f36262; border: 1px solid #f36262; } .btn.danger.bordered:hover i { color: #ffffff; } .btn.danger.bordered i { font-size: 15px; color: #333E48; } .btn.danger:hover { background: #f36262; opacity: 0.9; } .btn.light { text-transform: none !important; font-weight: normal !important; white-space: nowrap; } .btn.info { background: #54c4c8; opacity: 1; color: #ffffff; } .btn.info:hover { background: #54ced2; } .btn.icon { background: none; opacity: 1; padding: 0px; color: #333E48; padding: 3px 8px; border: 1px dashed rgba(0,0,0,0.05); } .btn.icon:hover { background: #e73046; color: #ffffff; } .btn.heading { background: #f5f5f5; color: #333e48; border:1px solid #f5ff5f5; border-radius:3px; } .btn.heading:hover { background: #333e48; color: #f5f5f5; border:1px solid #333e48; } .btn.heading.active { background: #333e48; color: #f5f5f5; border:1px solid #333e48; } .btn span { font-weight: bold; } .page_title .buttons { display: inline; position:absolute; right:0px; bottom:0px; float:right; } .page_title .buttons .btn { height: 100%; line-height: 28px; border-radius: 5px 5px 0px 0px; } .form-control { font-size: 14px; } label, input[type=text], input[type=password], input[type=number] { min-height: 25px; line-height: 25px; margin: 0px; } label { padding: 0.375rem 0px; margin: 0px; } .custom-radio .custom-control-label:before { top: 0.6rem; } .custom-radio .custom-control-label:after { top: 0.6rem; } .custom-radio .custom-control-label:hover { cursor: pointer; } .custom-radio .custom-control-input:checked~.custom-control-label:before { background-color: #0062bd; } .custom-radio .custom-control-input:focus~.custom-control-label:before { box-shadow: none !important; } .custom-checkbox .custom-control-label:before { top: 0.6rem; } .custom-checkbox .custom-control-label:after { top: 0.6rem; } .custom-checkbox .custom-control-label:hover { cursor: pointer; } .custom-checkbox .custom-control-input:checked~.custom-control-label:before { background-color: #0062bd; } .custom-checkbox .custom-control-input:focus~.custom-control-label:before { box-shadow: none !important; } .oviModal .modal-dialog .modal-content .modal-footer { display: block; } .oviModal .modal-dialog .modal-content .modal-footer .btn { margin:5px; } @media (min-width: 768px) { .nopadding-right { padding-right: 0px; } #content { position:relative; } } @media (min-width: 992px) { .nopadding-right, .nopadding-cright { padding-right: 0px; } } @media (max-width: 576px) { #button-payment-method { width: 100%; } } body { font-family: "Roboto" !important; font-weight: 400; color: #333E48; font-size: 14px; line-height: 20px; width: 100%; height: 100%; } body > #container { overflow: hidden; } a { color: #00407b; font-family: "Roboto"; } a:hover { color: #1d80db; text-decoration: none; } a:hover span { color: #1d80db; } ul { margin-bottom: 10px; } .pchecklist { line-height: 35px; padding-left: 20px; } .pchecklist i { font-size: 20px; } #top #top-links { margin-top: 5px; position: relative; z-index: 1006; width: 100%; } #tab-description h4 { font-size: 18px; } .container { max-width: 1500px; position: relative; } #container > .container { padding:0px; min-height:600px; } *:focus { outline: none !important; } .box_column .column_heading { font-size: 16px; color: #000000; background: #F5F5F5; border-top: 1px solid #F5F5F5; border-right: 1px solid #F5F5F5; border-left: 1px solid #F5F5F5; border-radius: 5px 5px 0px 0px; border-bottom: 2px solid #e73046; padding: 10px; } .box_column .column_content { border: 1px solid #F5F5F5; border-top: 0px solid #e73046; padding: 15px; overflow: auto; margin-bottom: 10px; border-radius: 0px 0px 5px 5px; } .box_title { border-bottom: 1px solid #dddddd; color: #333E48; margin-bottom: 20px; position: relative; text-transform: uppercase; } .box_title h3 { font-size: 20px; display: inline; position: relative; line-height: 30px; } .box_title h3:after { border-bottom: 1px solid #e73046; bottom: -2px; content: " "; display: block; position: absolute; width: 100%; } .is-sticky > div { z-index: 1000 !important; } #sticky-wrapper { height: auto !important; } .alert { width: 100%; } .is-sticky .breadcrumb_box { z-index:25!important; } @media (max-width: 576px) { .is-sticky .breadcrumb_box { position:relative!important; } } .breadcrumb_box { align-items: center; clear: both; display: flex; justify-content: space-between; background: #f9f9f9; border: 1px solid #F5F5F5; margin-bottom: 25px; } .breadcrumb_box .breadcrumb_warp { overflow: hidden; } .breadcrumb_box .breadcrumb_warp .breadcrumb_content { align-items: flex-start; display: flex; overflow: hidden; height: 36px; } .breadcrumb_box .breadcrumb_warp .breadcrumb_content.fogl .mask-left, .breadcrumb_box .breadcrumb_warp .breadcrumb_content.foglr .mask-left { position: relative; height: inherit; margin-right: -48px; background-image: linear-gradient(to left,rgba(255,255,255,0),#f5f5f5); min-width: 48px; z-index: 2; display: block; } .breadcrumb_box .breadcrumb_warp .breadcrumb_content.fogr .mask-right, .breadcrumb_box .breadcrumb_warp .breadcrumb_content.foglr .mask-right { position: relative; height: inherit; margin-left: -48px; background-image: linear-gradient(to right,rgba(255,255,255,0),#f5f5f5); min-width: 48px; z-index: 2; display: block; } .breadcrumb_box .breadcrumb_warp .breadcrumb_content .breadcrumb { margin: 0 0 20px 0; padding: 8px 20px 8px 0px; flex-wrap: nowrap; align-items: flex-start; box-sizing: content-box; height: 56px; overflow-x: auto; overflow-y: hidden; width: 100%; background: #F9F9F9; display: flex; position: relative; } .breadcrumb_box .breadcrumb_warp .breadcrumb_content .breadcrumb i { font-size: 15px; } .breadcrumb_box .breadcrumb_warp .breadcrumb_content .breadcrumb > li { text-shadow: 0 1px 0 #FFF; padding: 0 20px; position: relative; white-space: nowrap; } .breadcrumb_box .breadcrumb_warp .breadcrumb_content .breadcrumb > li+li:before { content: ''; padding: 0; } .breadcrumb_box .breadcrumb_warp .breadcrumb_content .breadcrumb > li:after { content: ''; display: block; position: absolute; top: -3px; right: -5px; width: 26px; height: 26px; border-right: 1px solid #F5F5F5; border-bottom: 1px solid #F5F5F5; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } @media (min-width: 992px) { #product-category #column-left .category-list{ display:none!important; } } @media (max-width: 992px) { #product-category .center_col .category-list{ display:none!important; } } #product-category .center_col .category-list{ display:inline-block; } #product-category .center_col .is-sticky .category-list{ background:#f9f9f9; padding-top:5px; z-index:30!important; border-bottom:5px solid #333e48; box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5); overflow:hidden; max-height:60px; padding-left:5px; transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); } #product-category .center_col .is-sticky .category-list:hover{ max-height:100%; } #product-category .center_col .category-list a{ display:inline-block; margin-bottom:5px; border-radius:5px; border-width:1px; } #product-category .description { position: relative; margin-bottom:30px; } #product-category .description .content img{ max-width: 100%; height:auto!important; } #product-category .description .content{ border-bottom:1px solid #dddddd; margin-bottom:20px; } #product-category .description.box-descriptio-opening.is-closed .content { max-height: 300px; overflow: hidden; margin-bottom: 30px; position:relative; border-bottom:0px solid #dddddd; } #product-category .description.box-descriptio-opening.is-closed .content:after { content: ""; display: block; height: 70%; width: 100%; position: absolute; bottom: 0px; background-image: linear-gradient(to top,#ffffff,rgba(255,255,255,0.4) 100%), linear-gradient(to top,rgba(255,255,255,0.8),rgba(255,255,255,0)); } #product-category .description .read_all { display:block; margin:auto; } #product-category .image { float: left; padding: 5px; margin-right: 35px; } #product-category table{ width:100%; } #product-category table p{ text-align:left; } #product-category .cat_custom_img img { max-width:50%; max-height:250px; display:inline-block; float:left; } .rating { width:100%; } .rating .stars { display:inline; } .rating .stars span { height: 20px; line-height: 15px; position: relative; vertical-align: middle; width: 15px; } .rating .stars span.fa-stack i { font-size: 15px; } .rating .stars span.fa-stack i.fa-star-o { color: #ccc; } .rating .stars span.fa-stack i.fa-star { color: #fff; } .rating .stars span.fa-stack.active i { font-size: 15px; } .rating .stars span.fa-stack.active i.fa-star { color: #e4c741; } .rating .stars span.fa-stack.active i.fa-star-o { color: #e4c741; } .rating .rating_action { display:inline; margin-left: 10px; width: 100%; text-align: left; } .rating .rating_action a { display: inline-block; margin-right: -5px; position: relative; background: #F5F5F5; border-radius: 3px; } .rating .rating_action a span { background: #333E48; border-radius: 10px; bottom: 6px; color: #fff; display: block; font-size: 10px; height: 15px; line-height:15px; left: -10px; position: absolute; text-align: center; width: 15px; } .rating .rating_action a i { color: #333E48; } .rating .rating_action a:hover { color: #fff; } .rating .rating_action a:hover span { background:#0062bd; color: #fff!important; } .rating .rating_action a:hover i { color: #0062bd; } #top { background-color: #F9F9F9; border-bottom: 1px solid #F5F5F5; padding: 4px 0px 3px 0; margin: 0 0 20px 0; min-height: 40px; } #top .container { padding: 0 20px; } #top .links > div { width: 100%; } #top .links > div > div > ul { list-style: outside none none; margin: 0; text-align: center; } #top .links > div > div > ul > li { display: inline-block; float: left; } #top .links > div > div > ul > li img { margin-top: -3px; } #top .links > div > div > ul > li label { display: block; width: 100%; } #top .links > div > div > ul > li i { margin-right: 3px; } #top .links > div > div > ul > li a { color: #333E48; } #top .links > div > div > ul > li span { color: #333E48; } #top .links > div > div > ul > li + li:before { color: #333E48; content: "|"; display: inline-block; margin: 0 10px; } #top .links .dropdown-menu { transform: none !important; top: 27px !important; left: auto !important; right: 0px; border-top: 1px solid #F5F5F5; background: #F5F5F5; border-radius: 0px 0px 5px 5px; padding: 0px; } #top .links .dropdown-menu li { text-align: center; border-bottom: 1px solid #dddddd; } #top .links .dropdown-menu li a { width: 100%; display: inline-block; padding: 8px 0px; font-size: 14px; } #top .links .dropdown-menu li a:hover { background: #333E48; color: #fff; } #top .links .dropdown-menu li:last-child { overflow: hidden; border-radius: 0px 0px 5px 5px; border-bottom: 0px solid #dddddd; } .top_fulwidth_box { overflow: hidden; width: 100%; position: relative; } .top_fulwidth_box .slideshow{ min-height:400px; } @media (max-width: 992px) { .top_fulwidth_box .slideshow{ min-height:300px; } } .top_fulwidth_box .slick-slider { opacity: 0 !important; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .top_fulwidth_box .slick-slider.slick-initialized { opacity: 1 !important; } header #logo{ min-height:100px; } header #logo a { width: 100%; display: block; } header #logo a img { width: 100%; } header .support { text-align: left; cursor: pointer; padding: 20px 0px; } header .support .support_icon { width: 65px; height: 65px; float: left; padding:12px 10px; margin-right:10px; border-radius:3px; } header .support .support_icon i{ color: #333E48; float: left; font-size: 55px; line-height: 45px; margin-right: 15px; } header .support .support_contact .s_phone{ font-size:18px; font-weight:bold; display:block; margin-top:15px; } header .support .support_contact .s_title{ font-size:20px; font-weight:bold } header .support .support_contact .s_subtitle{ color:#ccc; } header .header_menu { margin-top: 30px; padding-right: 20px; } header .header_menu li { display: inline-block; float: right; } header .header_menu li a { font-size: 16px; color: #333E48; font-weight: bold; } header .header_menu li a:hover { color: #1d80db; } .is-sticky .top_nav { z-index: 101; } .top_nav_w { min-height: 65px; } .top_nav_w #notify { position: absolute; right: 15px; bottom: -10px; width: 300px; } .top_nav_w #notify .alert { width: 100%; min-height: 55px; max-width: 100%; right: 0px !important; left: 0px !important; margin-top: -21px !important; border-radius: 5px; border: 1px solid #333E48; background: #fff; padding: 0px; box-shadow: 0 2px 5px 0px rgba(0,0,0,0.3); } .top_nav_w #notify .alert.alert-success .icon i { color: #333E48; } .top_nav_w #notify .alert.alert-success .title { padding: 0px 5px; font-weight: bold; } .top_nav_w #notify .alert.alert-success .message { padding: 0px 5px; font-size: 12px; text-align: left; display: inline-block; } .top_nav_w #notify .alert table { width: 100%; height: 44px; } .top_nav_w #notify .alert table tr { height: 44px; } .top_nav_w #notify .alert table tr:first-child td { border: 0px solid #fff !important; text-align: left !important; } .top_nav_w #notify .alert table tr td { vertical-align: middle; color: #333E48; text-align: left; } .top_nav_w #notify .alert table tr td .message { font-weight: bold; font-size: 12px; } .top_nav_w #notify .alert table tr td:first-child { width: 50px; text-align: center; border-right: 1px dashed #D9D9D9; } .top_nav_w #notify .alert table tr td:first-child i { font-size: 20px; } .top_nav_w #notify .alert table tr td:last-child { width: 30px; vertical-align: center; } .top_nav_w #notify .alert table tr td:last-child .close { position: relative !important; font-size: 18px; line-height: 18px; right: auto !important; top: auto !important; float: none; } .top_nav_w #notify .alert table tr td:last-child .close i { font-size: 18px; } .top_nav_w #notify .alert .progress { height: 5px; margin-top: 5px; background-color: #333E48; border-radius: 0px 0px 5px 5px; } .top_nav_w #notify .alert .progress .progress-bar { background-color: #e73046; } .top_nav_w .top_nav { width: 100%; min-height: 44px; background: #e73046; padding: 5px 0px; border-bottom: 5px solid #333E48; box-shadow: 0 4px 2px -2px rgba(0,0,0,0.5); position: relative; z-index: 101; } .top_nav_w .top_nav #search { position: relative; z-index: 1005; } .top_nav_w .top_nav #search .input-lg { background: #fff none repeat scroll 0 0; border: 1px solid #333e48; border-radius: 5px 0 0 5px; float: left; height: 50px; line-height: 1.34em; padding: 0 25px; position: relative; z-index: 50; } .top_nav_w .top_nav #search .btn-lg { background: #333E48 none repeat scroll 0 0; border: 0 solid #333E48; border-radius: 0 5px 5px 0; cursor: pointer; display: inline-block; float: left; height: 50px; line-height: 14px; padding: 15px 35px; width: 40px; } .top_nav_w .top_nav #search .btn-lg span { display: inline-block; height: 14px; position: relative; width: 12px; } .top_nav_w .top_nav #search .btn-lg span i { color: #fff !important; font-size: 24px; left: -10px; position: absolute; top: -3px; } .top_nav_w .top_nav #search #ajaxsearch_search_results { background: #fff; top: 50px; left: 0px; max-height: 250px; overflow-x: hidden; width: 100%; position: absolute; border: 2px solid #333E48; border-top: 0px solid #fff; border-radius: 0px 0px 5px 5px; z-index: 51; list-style: none; padding: 0px 0px; } .top_nav_w .top_nav #search #ajaxsearch_search_results li { margin: 0px; padding: 10px; border-bottom: 1px dashed #F5F5F5; } .top_nav_w .top_nav #search #ajaxsearch_search_results li:hover { background: #F5F5F5; } .top_nav_w .top_nav #search #ajaxsearch_search_results li:hover span a { color: #1d80db; } .top_nav_w .top_nav #search #ajaxsearch_search_results li div { display: table; width: 100%; height: 50px; } .top_nav_w .top_nav #search #ajaxsearch_search_results li div span { display: table-cell; vertical-align: middle; } .top_nav_w .top_nav #search #ajaxsearch_search_results li div span a { line-height: 15px; } .top_nav_w .top_nav #search #ajaxsearch_search_results li div span img { width: 50px; display: inline-block; } .top_nav_w .top_nav #search #ajaxsearch_search_results li div span:first-child { border-right: 1px dashed #F5F5F5; padding-right: 10px; width: 50px; } .top_nav_w .top_nav #search #ajaxsearch_search_results li div span:last-child { border-right: 1px dashed #F5F5F5; padding-left: 10px; width: calc(100% - 60px); } .top_nav_w .top_nav #search #ajaxsearch_search_results li span { clear: both; } .top_nav_w .top_nav #search.ajax_search_open .input-lg { border-radius: 5px 0 0 0; border: 2px solid #333E48; border-bottom: 1px dashed #333E48; } .top_nav_w .top_nav #search.ajax_search_open .btn-lg { border-radius: 0 5px 0 0; } .top_nav_w .top_nav .quick_box{ height: 50px; } .top_nav_w .top_nav .quick_box .quick_buttons { float: left; width: auto; height: 50px; padding:0px 5px; text-align:center; } .top_nav_w .top_nav .quick_box .quick_buttons > div { padding:0px 5px 0px 10px; margin:0px 2px; display:block; float:left; position:relative; } .top_nav_w .top_nav .quick_box .quick_buttons .btn_callas{ border-radius:5px 5px 0px 0px; padding:4px 10px; } .top_nav_w .top_nav .quick_box .quick_buttons > div a { color: #333E48; padding: 0px 5px; height: 100%; display:block; } .top_nav_w .top_nav .quick_box .quick_buttons > div a span { min-width: 25px; height: 25px; line-height: 21px; text-align: center; position: absolute; background: #333E48; border:2px solid #E73046; color: #f5f5f5; font-size: 12px; border-radius: 30px; right: 25px; bottom: 2px; font-weight:normal; padding:0px 5px; } .top_nav_w .top_nav .quick_box .quick_buttons > div a span.color1 { background: #1fbd00!important; } .top_nav_w .top_nav .quick_box .quick_buttons > div a span.vertical { transform: rotate(90deg); /* Obraca cały element o 90 stopni */ transform-origin: left top; /* Ustawia punkt obrotu */ height: 25px; right:auto; left:22px; top:0px; font-size:10px; } .top_nav_w .top_nav .quick_box .quick_buttons > div a span.active_items { background: #1d80db; } .top_nav_w .top_nav .quick_box .quick_buttons a i { color: #333E48; font-size: 25px; line-height: 50px; } .top_nav_w .top_nav .quick_box .quick_buttons a:hover i { opacity:0.8; } .top_nav_w #notify_full #infoLanguage .ctranslate { margin-bottom: 0px !important; border-radius: 0px; } .top_nav_w #notify_full #infoLanguage .ctranslate i { font-size: 20px; margin-right: 15px; } @media (max-width: 1500px) { #content { margin:0px 15px; } } #content { min-height: 500px; } #content .page_title { background:#f9f9f9; border-left: 4px solid #e73046; color: #333E48; margin-bottom: 15px; position: relative; min-height:50px; text-transform: uppercase; line-height:30px; padding:10px 12px; } #content .page_title h1 { font-size: 1.400em; margin-bottom: 0; position: relative; } #content .page_title h1::first-letter { font-size: 140%; /* Zmieniony rozmiar czcionki dla pierwszej litery */ font-weight: bold; /* Przykładowo pogrubienie (opcjonalnie) */ } footer { margin-top: 0px; background-color: #fff; color: #e2e2e2; position: relative; z-index: 5; } footer .bottomBar { background-color: #e73046; border-top: 4px solid #333E48; min-height: 70px; margin-bottom: 20px; box-shadow: 0 -4px 12px -2px rgba(0,0,0,0.5); position: relative; z-index: 10; } footer .f_contact_box .footer-logo img { width: 100%; max-width: 250px; } footer .f_contact_box .guick_phone { padding: 20px; } footer .f_contact_box .guick_phone i { font-size: 30px; color: #e73046; float: left; margin-right: 15px; line-height: 45px; } footer .f_contact_box .guick_phone .p_content .heading_phone { font-size: 10px; color: #333E48; width: 100%; display: block; } footer .f_contact_box .guick_phone .p_content .phone { font-size: 18px; font-weight: bold; color: #333E48; width: 100%; white-space: nowrap; } footer .f_contact_box .guick_contact { padding: 20px; } footer .f_contact_box .guick_contact i { font-size: 30px; color: #333E48; float: left; margin-right: 15px; line-height: 45px; } footer .f_contact_box .guick_contact i:hover { color: #e73046; } footer .f_contact_box .guick_contact .p_content .heading { font-size: 14px; font-weight: bold; color: #333E48; width: 100%; display: block; } footer .f_contact_box .guick_contact .p_content .val { font-size: 14px; font-weight: normal; color: #333E48; width: 100%; white-space: nowrap; padding-top: 10px; } footer .f_contact_box .guick_contact .p_content .val p { padding: 0%; margin: 0%; } footer .f_info_box { padding-top: 15px; } footer .f_info_box ul li { padding: 5px 0px; } footer .f_info_box ul li a { color: #333e48; } footer .f_info_box ul li a:hover { color: #e73046; } footer .f_info_box h5 { font-size: 14px; font-weight: bold; color: #333E48; } footer .f_info_box .foter_img img { width: 100%; max-width: 400px; } footer .powered { background-color: #F5F5F5; border-top: 1px solid #D9D9D9; min-height: 40px; line-height: 40px; color: #333E48; } .product_grid { margin-left: 0px; margin-right: 0px; } .tab-content > .active{ min-width:100%; } .product_grid.slick-slider .slick-track { min-width:100%; } .product_grid.slick-slider .slick-arrow { height: 50px; width: 38px; top: calc((100% - 50px) / 2); bottom: 0px; transform: none; margin:0px 6px; border-radius:3px; background:#f5f5f5; border:1px solid #f5f5f5; z-index:100; } .product_grid.slick-slider .slick-arrow:hover { background:#ddd; } .product_grid.slick-slider .slick-arrow.slick-prev { left: 0px; } .product_grid.slick-slider .slick-arrow.slick-prev:before { content: "\f053"; } .product_grid.slick-slider .slick-arrow.slick-next { right: 0px; } .product_grid.slick-slider .slick-arrow.slick-next:before { content: "\f054"; } .product_grid.slick-slider .slick-arrow:before { display: block; font-family: "FontAwesome"; font-size: 25px; width: 100%; color: #333E48; } .product_grid.slick-slider .product{ margin-bottom:0px!important; } .product_grid.slick-slider .product:hover{ box-shadow: none; } .product_grid.slick-slider .product .product_content .image { padding:15px; background:#fff; border-radius:5px; border:1px solid #f5f5f5; width:100%; } .product_grid.slick-slider .product .product_content .image img{ width:100%; height:auto; margin:auto; } .product_grid.slick-slider .product .product_content .buttons { position:relative; width:100%; right:0px; } .product_grid.slick-slider .product .product_content .caption { height:90px; display:block; width:100%; } .product_grid.slick-slider .product .product_content .caption h4{ font-weight:bold; } .product_grid.slick-slider .product { overflow: hidden; margin-bottom: 20px; background:none!important;/*.product_content-end*/ padding:0px; } .product_grid.slick-slider .product .product_content:hover { background: #f8f8f8; } .product_grid.slick-slider .product .product_content { padding: 20px; background: #fff; border: 1px solid #F5F5F5; border-radius: 5px; /*.image-end*/ /*.caption-end*/ /*.buttons-end*/ } .product_grid.slick-slider .product .product_content .status_sticker { margin-left:-13px; } .product_grid .product { overflow: hidden; margin-bottom: 20px; background:#fff; border-radius:5px; border:1px solid #f5f5f5; } .product_grid .product:hover { border-radius: 5px; background:#f8f8f8; } .product_grid .product:hover:after { display: none; } .product_grid .product:hover .btn { background: #0062bd; opacity: 1; } .product_grid .product:hover .btn:hover { background: #1d80db; } .product_grid .product .product_content { padding: 15px 0px; display: flex; height: 100%; } .product_grid .product .product_content .status_sticker { text-align: left; margin-left: -15px; } .product_grid .product .product_content .status_sticker .sticker span{ color: #fff!important; } .product_grid .product .product_content .status_sticker .sticker { border-radius: 0 5px 5px 0; color: #fff!important; font-size: 11px; font-weight: bold; margin-bottom: 5px; padding: 3px 17px; text-transform: uppercase; display: inline-block; white-space: nowrap; position: relative; } .product_grid .product .product_content .status_sticker div:nth-child(n + 1) { margin-left: -7px !important; } .product_grid .product .product_content .image { position: relative; text-align: center; height: 100%; display: table; } .product_grid .product .product_content .image a { height: 100%; display: table-cell; vertical-align: middle; } .product_grid .product .product_content .image img { max-width: 100%; } .product_grid .product .product_content .action_table tr { height: 50%; } .product_grid .product .product_content .action_table .caption { position: relative; } .product_grid .product .product_content .action_table .caption .manufacturer { font-weight: 300; font-size: 11px; text-transform: uppercase; color: #bbbbbb; } .product_grid .product .product_content .action_table .caption .rating { top: 0px; } .product_grid .product .product_content .action_table .caption h4 { font-weight: bold; font-size: 15px; } .product_grid .product .product_content .action_table .caption .button-group { width: 100%; min-height: 82px; } .product_grid .product .product_content .action_table .caption .button-group .price_box_t { display: table-row; width: 100%; min-height: 82px; } .product_grid .product .product_content .action_table .caption .button-group .price_box_t .price_box { display: table-cell; padding-bottom: 10px; padding-top: 10px; vertical-align: bottom; width: 100%; } .product_grid .product .product_content .action_table .caption .button-group .price_box_t .price_box .pv { font-size: 15px; line-height: 35px; text-align: left; } .product_grid .product .product_content .action_table .caption .button-group .price_box_t .price_box .pv.price { font-size: 12px; line-height: 20px; } .product_grid .product .product_content .action_table .caption .button-group .price_box_t .price_box .pv.price_old { font-size: 12px; line-height: 20px; color: #e17a7a; } .product_grid .product .product_content .action_table .caption .button-group .price_box_t .price_box .pv.price_old s { color: #e17a7a; } .product_grid .product .product_content .action_table .caption .button-group .price_box_t .price_box .pv.price_with_tax { font-size: 12px; line-height: 20px; color: #bbbbbb; font-weight: normal; } .product_grid .product .product_content .action_table .caption .lowest_price { font-size: 12px; line-height: 20px; color: #bbbbbb; font-weight: normal; text-align:left; } .product_grid .product .product_content .action_table .caption .button-group .price_box_t .price_box .pv.bold_price { font-weight: bold; font-size: 20px; color: #333E48; white-space: nowrap; } .product_grid .product .product_content .action_table .caption .button-group .price_box_t .price_box .pv span { font-weight: 300; color: #bbbbbb; font-size: 12px !important; } .product_grid .product .product_content .action_table .caption .button-group .btn { position: absolute; right: 20px; bottom: calc((100% - 35px) / 2); } .product_list_options_box { //margin-bottom: 15px; } .product_list_options_box >div .dropdown { border: 1px solid #dddddd; border-radius: 4px; padding: 5px; position: relative; display: inline-block; width: auto; } .product_list_options_box >div .dropdown.show { border-radius: 4px 4px 0px 0px; border-bottom: 0px solid #fff; } .product_list_options_box >div .dropdown.show .dropdown-menu { display: inline-block; } .product_list_options_box >div .dropdown.show .dropdown-menu li.active a { background: #1d80db; color: #fff; } .product_list_options_box >div .dropdown.show .dropdown-menu li a { display: inline-block; width: 100%; padding: 5px 10px; white-space: nowrap; } .product_list_options_box >div .dropdown.show .dropdown-menu li a:hover { background: #1d80db; color: #fff; } .product_list_options_box >div .dropdown.show .dropdown-menu li a i { padding: 0px 5px 0px 0px; color: #333E48; } .product_list_options_box >div .dropdown .dropdown-toggle { color: #333E48; } .product_list_options_box >div .dropdown .dropdown-menu { width: calc(100% + 2px); min-width: auto; transform: translate3d(-1px,28px,0px) !important; border-radius: 0px 0px 4px 4px; border-top: 0px solid #fff; padding-top: 0px; } .product_list { margin-left: 0px; margin-right: 0px; } .box_products_not_in_store{ margin-bottom:50px; } .box_products_not_in_store .btn{ white-space: normal; } .product_list_small .product { width: 100%; border-radius: 5px; margin-bottom: 20px; border: 1px dashed #dddddd; } .product_list_small .product:hover { box-shadow: 0 0 5px 0 rgba(0,0,0,0.05); border: 1px solid #dddddd; } .product_list_small .product:hover:after { display: none; } .product_list_small .product .product_content { padding: 0px; } .product_list_small .product .product_content .status_sticker { text-align: left; margin-left: -39px; margin-top: 15px; } .product_list_small .product .product_content .status_sticker .sticker { border-radius: 0 5px 5px 0; color: #fff; font-size: 11px; font-weight: bold; margin-bottom: 5px; padding: 3px 17px; text-transform: uppercase; display: inline-block; white-space: nowrap; position: relative; } .product_list_small .product .product_content .status_sticker div:nth-child(n + 1) { margin-left: -7px !important; } .product_list_small .product .product_content .image img { max-width: 100px!important; width:100%; } .product_list_small .product .product_content .caption { height: 100%; position: relative; margin-left: -15px; } .product_list_small .product .product_content .caption .manufacturer { font-weight: 300; font-size: 11px; text-transform: uppercase; color: #bbbbbb; display: inline-block; margin-bottom: 10px; } .product_list_small .product .product_content .caption .rating { top: 10px; } .product_list_small .product .product_content .caption h4 { font-weight: bold; font-size: 15px; } .product_list_small .product .product_content .caption .button-group { width: 100%; } .product_list_small .product .product_content .caption .button-group .price { float: left; display: block-inline; } .product_list_small .product .product_content .caption .button-group .price .price-tax { font-weight: bold; color: #333E48; font-size: 16px; line-height: 35px; } .product_list_small .product .product_content .caption .button-group .price .price-tax span { font-weight: 300; color: #bbbbbb; font-size: 12px; } .product_list_small .product .product_content .caption_action { height: 100%; width: 100%; position: relative; padding: 15px 15px 15px 15px; display: table; text-align: right; } .product_list_small .product .product_content .caption_action .manufacturer { font-weight: 300; font-size: 11px; text-transform: uppercase; color: #bbbbbb; padding-bottom: 10px; } .product_list_small .product .product_content .caption_action .price_box_t { display: table-row; width: 100%; } .product_list_small .product .product_content .caption_action .price_box_t .price_box { display: table-cell; padding-bottom: 10px; padding-top: 10px; vertical-align: bottom; width: 100%; } .product_list_small .product .product_content .caption_action .price_box_t .price_box .pv { font-size: 15px; line-height: 35px; text-align: right; } .product_list_small .product .product_content .caption_action .price_box_t .price_box .pv.price { font-size: 12px; line-height: 20px; } .product_list_small .product .product_content .caption_action .price_box_t .price_box .pv.price_old { font-size: 12px; line-height: 20px; color: #e17a7a; } .product_list_small .product .product_content .caption_action .price_box_t .price_box .pv.price_old s { color: #e17a7a; } .product_list_small .product .product_content .caption_action .price_box_t .price_box .pv.price_with_tax { font-size: 12px; line-height: 20px; color: #bbbbbb; font-weight: normal; } .product_list_small .product .product_content .caption_action .price_box_t .price_box .pv.bold_price { font-weight: bold; font-size: 20px; color: #333E48; white-space: nowrap; } .product_list_small .product .product_content .caption_action .price_box_t .price_box .pv span { font-weight: 300; color: #bbbbbb; font-size: 12px !important; } .product_list_small .product .product_content .caption_action .button-top { text-align: right; bottom: 15px; } .product_list_small .product .product_content .caption_action .price { position: relative; } .product_list_small .product .product_content .caption_action .price .btn { width: 100%; max-width: 200px; } .product_list_small .product .product_content .caption_action .button-group { position: relative; bottom: 0px; width: 100%; display: table-row; } .product_list_small .product .product_content .caption_action .button-group .btn { width: 100%; max-width: 200px; }/* CSS Document */.product_list { margin-left: 0px; margin-right: 0px; } .product_list_small .product_all { width: 100%; border-radius: 5px; margin-bottom: 20px; } .product_list_small .product { width: 100%; border-radius: 5px; margin-bottom: 20px; border: 1px dashed #dddddd; } .product_list_small .product:hover { box-shadow: 0 0 5px 0 rgba(0,0,0,0.05); border: 1px solid #dddddd; } .product_list_small .product:hover:after { display: none; } .product_list_small .product .product_content { padding: 0px; } .product_list_small .product .product_content .rowFullHeight{ height:100%; } .product_list_small .product .product_content .rowFullHeight table{ height:100%; } .product_list_small .product .product_content .status_sticker { text-align: left; margin-left: -24px; margin-top: 5px; } .product_list_small .product .product_content .status_sticker .sticker { border-radius: 0 5px 5px 0; color: #fff; font-size: 11px; font-weight: bold; margin-bottom: 5px; padding: 3px 17px; text-transform: uppercase; display: inline-block; white-space: nowrap; position: relative; } .product_list_small .product .product_content .status_sticker div:nth-child(n + 1) { margin-left: -7px !important; } .product_list_small .product .product_content .image { height:100%; width: 100%; position: relative; text-align: center; border-color: #dddddd; border-style: solid; border-width: 0px 5px 0px 0px; padding: 25px 25px 25px 5px!important; margin: -1px; } .product_list_small .product .product_content .image a{ display:inline-block; width::100%; height:100%; } .product_list_small .product .product_content .image img { max-width: 100%; } .product_list_small .product .product_content .caption { height: 100%; position: relative; margin-left: -15px; } .product_list_small .product .product_content .caption .manufacturer { font-weight: 300; font-size: 11px; text-transform: uppercase; color: #bbbbbb; display: inline-block; margin-bottom: 10px; } .product_list_small .product .product_content .caption .rating { top: 10px; } .product_list_small .product .product_content .caption h4 { font-weight: bold; font-size: 15px; } .product_list_small .product .product_content .caption .button-group { width: 100%; } .product_list_small .product .product_content .caption .button-group .price { float: left; display: block-inline; } .product_list_small .product .product_content .caption .button-group .price .price-tax { font-weight: bold; color: #333E48; font-size: 16px; line-height: 35px; } .product_list_small .product .product_content .caption .button-group .price .price-tax span { font-weight: 300; color: #bbbbbb; font-size: 12px; } .product_list_small .product .product_content .caption_selected { height: 100%; position: relative; text-align: right; width:50px; background:#F5F5F5; } .product_list_small .product .product_content .caption_selected label:before, .product_list_small .product .product_content .caption_selected label:after { top: 0.25rem; left: -1.25rem; } .product_list_small .product .product_content .quantity_table{ height:100%; } .product_list_small .product .product_content .product_quantity { width:100%; } .product_list_small .product .product_content .caption_action { height: 100%; width: 100%; position: relative; padding: 15px 15px 15px 15px; display: table; text-align: right; float:left; text-align:center; } product_list_small .product .product_content .caption_action .manufacturer { font-weight: 300; font-size: 11px; text-transform: uppercase; color: #bbbbbb; padding-bottom: 10px; } .product_list_small .product .product_content .caption_action .price_box_t { display: table-row; width: 100%; } .product_list_small .product .product_content .caption_action .price_box_t .price_box { display: table-cell; padding-bottom: 10px; padding-top: 10px; vertical-align: middle; text-align: center; width: 100%; } .product_list_small .product .product_content .caption_action .price_box_t .price_box input { display: inline-block; } .product_list_small .product .product_content .caption_action .price_box_t .price_box .pv { font-size: 15px; line-height: 35px; text-align: right; } .product_list_small .product .product_content .caption_action .price_box_t .price_box .pv.price { font-size: 12px; line-height: 20px; } .product_list_small .product .product_content .caption_action .price_box_t .price_box .pv.price_old { font-size: 12px; line-height: 20px; color: #e17a7a; } .product_list_small .product .product_content .caption_action .price_box_t .price_box .pv.price_old s { color: #e17a7a; } .product_list_small .product .product_content .caption_action .price_box_t .price_box .pv.price_with_tax { font-size: 12px; line-height: 20px; color: #bbbbbb; font-weight: normal; } .product_list_small .product .product_content .caption_action .price_box_t .price_box .pv.bold_price { font-weight: bold; font-size: 20px; color: #333E48; white-space: nowrap; } .product_list_small .product .product_content .caption_action .price_box_t .price_box .pv span { font-weight: 300; color: #bbbbbb; font-size: 12px !important; } .product_list_small .product .product_content .caption_action .button-top { text-align: right; bottom: 15px; } .product_list_small .product .product_content .caption_action .price { position: relative; } .product_list_small .product .product_content .caption_action .price .btn { width: 100%; max-width: 200px; } .product_list_small .product .product_content .caption_action .button-group { position: relative; bottom: 0px; width: 100%; display: table-row; } .product_list_small .product .product_content .caption_action .button-group .btn { width: 100%; max-width: 200px; }/* CSS Document */ .product_list { margin-left: 0px; margin-right: 0px; } .product_list .product { width: 100%; border-radius: 5px; margin-bottom: 20px; border: 1px dashed #dddddd; } .product_list .product:hover { box-shadow: 0 0 5px 0 rgba(0,0,0,0.05); border: 1px solid #dddddd; } .product_list .product:hover:after { display: none; } .product_list .product .product_content { padding: 0px; } .product_list .product .product_content .status_sticker { text-align: left; margin-left: -39px; margin-top: 15px; } @media (max-width: 1200px) { .product_list .product .product_content .status_sticker { margin-left: -9px; } } .product_list .product .product_content .status_sticker .sticker { border-radius: 0 5px 5px 0; color: #fff; font-size: 11px; font-weight: bold; margin-bottom: 5px; padding: 3px 17px; text-transform: uppercase; display: inline-block; white-space: nowrap; position: relative; } .product_list .product .product_content .status_sticker div:nth-child(n + 1) { margin-left: -7px !important; } .product_list .product .product_content .image { display: table; height: calc(100% + 2px); width: 100%; position: relative; text-align: center; border-color: #dddddd; border-radius: 5px 0 0 5px; border-style: solid; border-width: 1px 5px 1px 1px; padding: 15px 15px 15px 5px; margin: -1px; } .product_list .product .product_content .image img { max-width: 100%; } .product_list .product .product_content .caption { height: 100%; position: relative; margin-left: -15px; } .product_list .product .product_content .caption .manufacturer { font-weight: 300; font-size: 11px; text-transform: uppercase; color: #bbbbbb; display: inline-block; margin-bottom: 10px; } .product_list .product .product_content .caption .rating { top: 10px; } .product_list .product .product_content .caption h4 { font-weight: bold; font-size: 15px; } .product_list .product .product_content .caption .button-group { width: 100%; } .product_list .product .product_content .caption .button-group .price { float: left; display: block-inline; } .product_list .product .product_content .caption .button-group .price .price-tax { font-weight: bold; color: #333E48; font-size: 16px; line-height: 35px; } .product_list .product .product_content .caption .button-group .price .price-tax span { font-weight: 300; color: #bbbbbb; font-size: 12px; } .product_list .product_content .caption_action .login_recomendet{ border: 1px dashed rgba(0, 0, 0, 0.05); width:100%; margin:10px 0px; font-size:12px; padding:5px; border-radius :5px; } .product_list .product_content .caption_action .login_recomendet table{ width:100%; } .product_list .product_content .caption_action .login_recomendet .login_info{ display:inline-block; text-align:right; padding-right:5px; } .product_list .product_content .caption_action .login_recomendet .login_info_icon{ display:inline-block; width:20px; height:100%; font-size:16px; } .product_list .product_content .caption_action .login_recomendet a{ font-weight:bold; } .product_list .product .product_content .caption_action { height: 100%; width: 100%; position: relative; padding: 15px 15px 15px 15px; display: table; text-align: right; } .product_list .product .product_content .caption_action:after { border-left: 1px solid #eaeaea; display: block; content: ''; height: 80%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .product_list .product .product_content .caption_action .manufacturer { font-weight: 300; font-size: 11px; text-transform: uppercase; color: #bbbbbb; padding-bottom: 10px; } .product_list .product .product_content .caption_action .price_box_t { display: table-row; width: 100%; } .product_list .product .product_content .caption_action .price_box_t .price_box { display: table-cell; padding-bottom: 10px; padding-top: 10px; vertical-align: bottom; width: 100%; } .product_list .product .product_content .caption_action .price_box_t .price_box .pv { font-size: 15px; line-height: 35px; text-align: right; } .product_list .product .product_content .caption_action .price_box_t .price_box .pv.price { font-size: 12px; line-height: 20px; } .product_list .product .product_content .caption_action .price_box_t .price_box .pv.price_old { font-size: 12px; line-height: 20px; color: #e17a7a; } .product_list .product .product_content .caption_action .price_box_t .price_box .pv.price_old s { color: #e17a7a; } .product_list .product .product_content .caption_action .price_box_t .price_box .pv.price_with_tax { font-size: 12px; line-height: 20px; color: #bbbbbb; font-weight: normal; } .product_list .product .product_content .caption_action .price_box_t .price_box .lowest_price { font-size: 12px; line-height: 20px; color: #bbbbbb; font-weight: normal; } .product_list .product .product_content .caption_action .price_box_t .price_box .pv.bold_price { font-weight: bold; font-size: 20px; color: #333E48; white-space: nowrap; } .product_list .product .product_content .caption_action .price_box_t .price_box .pv span { font-weight: 300; color: #bbbbbb; font-size: 12px !important; } .product_list .product .product_content .caption_action .button-top { text-align: right; bottom: 15px; } .product_list .product .product_content .caption_action .price { position: relative; } .product_list .product .product_content .caption_action .price .btn { width: 100%; max-width: 200px; } .product_list .product .product_content .caption_action .button-group { position: relative; bottom: 0px; width: 100%; display: table-row; } .product_list .product .product_content .caption_action .button-group .btn { width: 100%; max-width: 200px; } .product_according { margin-left: 0px; margin-right: 0px; max-height:500px; overflow-y:auto; } .product_according .product { width: 100%; border-bottom: 2px solid #dddddd; margin:0px; overflow:hidden; } .product_according .product:last-child { border-bottom: 0px solid #dddddd; } .product_according .product .product_content { padding: 0px; } .product_according .product .product_content .image { display: table; height: calc(100% + 2px); width: 100%; position: relative; text-align: center; margin: -1px; } .product_according .product .product_content .image img { max-width: 100%; } .product_according .product .product_content .image .status_sticker { position: absolute; left: 0px; } .product_according .product .product_content .image .status_sticker .sticker { border-radius: 0 5px 5px 0; color: #fff; font-size: 11px; font-weight: bold; margin-bottom: 5px; padding: 3px 10px; text-transform: uppercase; float: left; margin-right: 100%; white-space: nowrap; opacity: 0.7; } .product_according .product .product_content .image .status_sticker .sticker:hover { opacity: 1; } .product_according .product .product_content .caption { height: 100%; position: relative; } .product_according .product .product_content .caption .manufacturer { font-weight: 300; font-size: 11px; text-transform: uppercase; color: #bbbbbb; display: inline-block; margin-top: 10px; } .product_according .product .product_content .caption .rating { top: 10px; } .product_according .product .product_content .caption h4 { font-weight: bold; font-size: 13px; } .product_according .product .product_content .caption .button-group { width: 100%; } .product_according .product .product_content .caption .button-group .price { float: left; display: block-inline; } .product_according .product .product_content .caption .button-group .price .price-tax { font-weight: bold; color: #333E48; font-size: 16px; line-height: 35px; } .product_according .product .product_content .caption .button-group .price .price-tax span { font-weight: 300; color: #bbbbbb; font-size: 12px; } .product_according .product .product_content .caption_action { height: 100%; width: 100%; position: relative; padding: 0px 15px 15px; display: table; text-align: right; } .product_according .product .product_content .caption_action .manufacturer { font-weight: 300; font-size: 11px; text-transform: uppercase; color: #bbbbbb; padding-bottom: 10px; } .product_according .product .product_content .caption_action .price_box_t { display: table-row; width: 100%; } .product_according .product .product_content .caption_action .price_box_t .price_box { display: table-cell; padding-bottom: 10px; padding-top: 10px; vertical-align: bottom; width: 100%; } .product_according .product .product_content .caption_action .price_box_t .price_box .pv { font-size: 15px; line-height: 35px; text-align: right; } .product_according .product .product_content .caption_action .price_box_t .price_box .pv.price { font-size: 12px; line-height: 20px; } .product_according .product .product_content .caption_action .price_box_t .price_box .pv.price_old { font-size: 12px; line-height: 20px; color: #e17a7a; } .product_according .product .product_content .caption_action .price_box_t .price_box .pv.price_old s { color: #e17a7a; } .product_according .product .product_content .caption_action .price_box_t .price_box .pv.price_with_tax { font-size: 12px; line-height: 20px; color: #bbbbbb; font-weight: normal; } .product_according .product .product_content .caption_action .price_box_t .price_box .pv.bold_price { font-weight: bold; font-size: 20px; color: #333E48; white-space: nowrap; } .product_according .product .product_content .caption_action .price_box_t .price_box .pv span { font-weight: 300; color: #bbbbbb; font-size: 12px !important; } .product_according .product .product_content .caption_action .button-top { text-align: right; bottom: 15px; } .product_according .product .product_content .caption_action .price { position: relative; } .product_according .product .product_content .caption_action .price .btn { width: 100%; max-width: 200px; } .product_according .product .product_content .caption_action .button-group { position: relative; bottom: 0px; width: 100%; display: table-row; } .product_according .product .product_content .caption_action .button-group .btn { width: 100%; max-width: 200px; } .box_module { padding: 20px 0px 0px; } .box_module .box_module_heading h2 { font-size: 1.5rem; } .box_module > div:nth-of-type(2) { background:#f9f9f9; padding:5px; } .box_module #carusel1 { background:#f9f9f9; padding:5px; } .box_module #carusel1 img{ background:#fff; padding:10px; border-radius:3px; } .box_module > div:hover:nth-of-type(2) { background:#F5F5F5; } .box_module.bordered { border-bottom: 1px solid #dddddd; } .box_module h2 { font-weight: bold; } .box_module .box_heading .display_all{ float:right; } .box_module .box_heading { background:#f9f9f9; border-left: 4px solid #e73046; color: #333E48; margin-bottom: 15px; position: relative; min-height:50px; text-transform: uppercase; line-height:30px; padding:10px 12px; } .box_module .box_heading .display_all_elements { float:right; display:block; } .box_module .box_heading span { font-size: 1.400em; margin-bottom: 0; padding: 13px 2px 0.4em; position: relative; } .box_module .box_heading::first-letter { font-size: 140%; /* Zmieniony rozmiar czcionki dla pierwszej litery */ font-weight: bold; /* Przykładowo pogrubienie (opcjonalnie) */ } .pagination_box { border: 1px solid #f5f5f5; border-bottom: 0px solid #dddddd; background: #F9F9F9; } .pagination_box >div { width: 100%; margin: 0px; } .pagination_box >div >div { padding: 0px; } .pagination_box >div .pagination { margin: 0px; } .pagination_box >div .pagination li { border-right: 1px dashed #dddddd; } .pagination_box >div .pagination li:first-child a { } .pagination_box >div .pagination li:first-child span { } .pagination_box >div .pagination li a { padding: 8px; min-width: 30px; line-height: 14px; text-align: center; display: inline-block; white-space: nowrap; } .pagination_box >div .pagination li a:hover { background: #00407b; color: #fff; font-weight: bold; } .pagination_box >div .pagination li span { padding: 8px; min-width: 30px; text-align: center; white-space: nowrap; display: inline-block; font-size: 14px; line-height: 14px; background: #1d80db; color: #fff; font-weight: bold; } .pagination_box .total-pages { padding: 8px; white-space: nowrap; display: inline-block; font-size: 12px; font-weight: 300 !important; line-height: 14px; } .modal .modal-content { border: 0px solid #ffffff; } .modal .modal-content .modal-header { background: #e73046; } .modal .modal-content .modal-header h5 { color: #ffffff; font-size: 15px; font-weight: bold; text-transform: uppercase; padding:0.375rem 0px; } @media (min-width: 1200px) { .product_grid .product { overflow: hidden; margin-bottom: 20px; } .product_grid .product:nth-child(3n):after { content: none; } } @media (max-width: 1200px) { .product_grid .product { overflow: hidden; margin-bottom: 20px; } .product_grid .product:nth-child(3n):after { content: none; } #top #top-links .label { display: none; } } @media (max-width: 992px) { .product_list .product .product_content .image { width: calc(100% + 2px); border-radius: 5px 5px 0 0; border-width: 1px 1px 5px 1px; } .product_list .product .product_content .caption { padding: 15px; } .product_list .product .product_content .caption_action { text-align: center; } .product_list .product .product_content .caption_action:after { border-top: 1px solid #eaeaea; content: ""; display: inline-block; height: 1px; position: absolute; top: -6px; transform: translateX(-50%); width: 80%; left: auto; } .product_list .product .product_content .caption_action .price_box_t .price_box .pv { text-align: center; } .product_list .product .product_content .caption_action .button-top { text-align: center; } .slick-slide img { height: auto; } #common-home .slick-slide img { width: 100%; } .product_grid .product { overflow: hidden; margin-bottom: 20px; } .product_grid .product:nth-child(2n):after { content: none; } } @media (max-width: 768px) { .header_menu { display: none; } .product_grid .product { overflow: hidden; margin-bottom: 20px; } .product_grid .product:nth-child(2n):after { content: none; } .top_nav_w #notify { width: calc(100% - 30px); } .top_nav_w #notify .alert { width: 100%; max-width: 100%; right: 0px !important; left: 0px !important; margin-top: -20px !important; border-radius: 5px; border: 1px solid #333E48; background: #fff; } .top_nav_w #notify .alert table { width: 100%; height: 88px; } .pagination_box >div >div { text-align: center !important; border-bottom: 1px dashed #dddddd; } .pagination_box >div .pagination { display: inline-flex; } .pagination_box >div .pagination li:first-child { border-left: 1px dashed #dddddd; } .pagination_box >div .pagination li a { border-radius: 0px !important; } .pagination_box >div .pagination li a:hover { border-radius: 0px !important; } .pagination_box >div .pagination li span { border-radius: 0px !important; } } @media (max-width: 576px) { .product_grid .product { overflow: hidden; margin-bottom: 20px; } .product_grid .product:after { content: none; } .top_nav .order-1 { margin-bottom: 5px; } .quick_cart ul { width: 100%; } footer .f_contact_box { text-align: center; } footer .f_contact_box .guick_phone i { float: none; margin: 0px; } footer .f_contact_box .guick_contact .footer_social { text-align: center; } footer .f_contact_box .guick_contact .footer_social a { display: inline-block; } footer .f_contact_box .guick_contact .footer_social a i { margin: 0px 7px; } footer .f_info_box { text-align: center; } footer .f_info_box .ul .li { text-align: center; } footer .powered { text-align: center; } }