/* ====================================================================================================================================================== # Web Devices ====================================================================================================================================================== */ @media only screen and (min-width: 1680px) { } @media only screen and (max-width: 1189px) { } @media only screen and (min-width: 990px) { /* Tytuł */ #top .wincalc .wincalc-form .wincalc-combinations-categories-list-item-title, #top .wincalc .wincalc-form .wincalc-combinations-list-item-title {font-size: 16px;} } } @media only screen and (max-width: 989px) { /* Title */ #top .wincalc .wincalc-form .wincalc-combinations-categories-list-item-title, #top .wincalc .wincalc-form .wincalc-combinations-list-item-title {font-size: 14px; line-height: 16px !important;} } @media only screen and (min-width: 768px) { /* Navigation */ #top .wincalc ul.nav-tabs {display: none;} #top .wincalc .wincalc-layout-steps-controls.bottom { position: fixed !important; right: 0px; left: 0px; bottom: 0; width: 100%; margin-bottom: 0px !important; padding: 30px 0; border-radius: 0px; box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.25); z-index: 100; } /* Cena zamówienia */ #top .wincalc-combination-price {min-width: 450px;} /* Buttons */ #top .wincalc .btn {min-width: 160px;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #top .wincalc .wincalc-option.is-type-image-radio {overflow: hidden;} #top .wincalc .is-type-image-radio .wincalc-option-body {display: flex; flex-shrink: 0; overflow-x: auto; scroll-behavior: smooth; box-sizing: border-box; scrollbar-width: none;} #top .wincalc .is-type-image-radio .wincalc-option-body .is-image-radio {min-width: 120px;} /* Cena zamówienia */ #top .wincalc-combination-price-item-name {text-align: left;} #top .wincalc-combination-price {width: 100%;} } @media only screen and (max-width:575.98px) { .responsive #top .wincalc .wincalc-layout-steps-nav.nav {display: block;} /* Buttons */ #top .wincalc .btn-block {display: none !important;} #top .wincalc .btn {min-width: 130px;} /* Column width */ #top .wincalc .tab-content .row .col-lg-4 {width: 50%;} #top .wincalc .tab-pane .wincalc-combinations-list-section>.row {display: flex; padding: 20px 0; flex-wrap: nowrap; flex-shrink: 0; overflow-x: auto; scroll-behavior: smooth; box-sizing: border-box; scrollbar-width: none;} #top .wincalc .tab-pane .wincalc-combinations-list-section>.row .col-lg-4 {min-width: 200px;} #top .wincalc-combinations-categories-list-item.type-2 .wincalc-combinations-categories-list-item-thumbnail, #top .wincalc-combinations-categories-list-item.type-2 .wincalc-combinations-list-item-thumbnail, #top .wincalc-combinations-list-item.type-2 .wincalc-combinations-categories-list-item-thumbnail, #top .wincalc-combinations-list-item.type-2 .wincalc-combinations-list-item-thumbnail {display: block; max-width: 100%;} /* Img */ .responsive #top .wincalc .tab-pane .wincalc-form .wincalc-combinations-categories-list-item img, .responsive #top .wincalc .tab-pane .wincalc-form .wincalc-combinations-list-item img {margin: 30px auto 80px auto ;} /* Title */ .responsive #top .wincalc .wincalc-form .wincalc-combinations-categories-list-item-title, .responsive #top .wincalc .wincalc-form .wincalc-combinations-list-item-title {padding: 10px !important; line-height: 16px;} } /* ====================================================================================================================================================== # Windows Calculator ====================================================================================================================================================== */ /* Navigation Box */ #top .wincalc-layout-steps-controls {background: #f7f7f7; border-radius: 8px; z-index: 1;} #top .wincalc-layout-steps-controls.top {display: none;} #top .wincalc-layout-steps-controls.bottom {margin-bottom: 50px;} /* Buttons */ #top .wincalc .btn {margin-bottom: 0; padding: 13px 25px; line-height: 18px; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; border: none; border-radius: 50px; box-shadow: none !important;} #top .wincalc .btn:before, #top .wincalc .btn:after {position: relative; top: -1px; width: 19px; font-size: 9px; font-weight: bold; color: #fff; } #top .wincalc .btn:before {left: -10px;} #top .wincalc .btn:after {right: -13px;} /* Button - Powrót */ #top .wincalc .btn-default {background-color: #919da8;} #top .wincalc .btn-default:hover, #top .wincalc .btn-default:focus {background-color: #5a6268;} /* Button - Dalej */ #top .wincalc .btn-primary {background-color: #1daeef; color: #ffffff;} #top .wincalc .btn-primary:hover {background-color: #2c3948;} /* Button - Other */ #top .wincalc .btn-reset {background-color: transparent; color: #1e1e1e; border: solid 1px #e1e1e1;} #top .wincalc .btn-reset:before {font-size: 12px; color: #1e1e1e;} #top .wincalc .btn-reset:hover {background-color: transparent; border: solid 1px #1daeef;} /* Button - ZatwierdŸ */ #top .wincalc .wincalc-option-coupon-submit {margin-left: 50px; height: 50px;} #top .wincalc h2.category-title {position: relative; margin-bottom: 40px; padding-bottom: 10px; width: 100%; height: auto; font-size: 20px; font-weight: 700;} #top .wincalc h2.category-title:after {content: ''; position: absolute; bottom: 0px; left: 0; width: 30px; height: 4px; background: #1daeef; border-radius: 2px;} #top .wincalc .tab-pane .wincalc-form .wincalc-combinations-categories-list-item img, #top .wincalc .tab-pane .wincalc-form .wincalc-combinations-list-item img {margin: 40px auto 80px auto;} /* Okno wyboru */ #top .wincalc-combinations-categories-list-item-thumbnail, #top .wincalc-combinations-list-item-thumbnail {padding: 1px; width: 100%; border-width: 1px; border-radius: 8px;} :checked + #top .wincalc-combinations-categories-list-item-thumbnail, :checked + #top .wincalc-combinations-list-item-thumbnail {border-color: #1daeef; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);} #top .wincalc .wincalc-form .wincalc-combinations-categories-list-item-thumbnail:hover {box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.05);} /* Tytuł */ #top .wincalc .wincalc-form .wincalc-combinations-categories-list-item-title, #top .wincalc .wincalc-form .wincalc-combinations-list-item-title { position: relative; display: block; left: 0; margin-top: -65px; padding: 10px 25px; width: 100%; height: 65px; font-weight: 700; color: #000; text-align: center; } #top .wincalc .wincalc-form .wincalc-combinations-categories-list-item-title:before, #top .wincalc .wincalc-form .wincalc-combinations-list-item-title:before { content: ''; position: absolute; top: 4px; left: 50%; margin-left: -8px; width: 16px; height: 3px; background: #1daeef; border-radius: 2px; } /* Ustawienia uchyłów */ #top .wincalc .wincalc-product-variations-header {bottom: -55px; padding: 10px 20px; background: #1daeef; border-radius: 50px;} #top .wincalc .wincalc-product-variations-header .dropdown-toggle {margin-bottom: 0px;} #top .wincalc .dropdown-menu.show {top: -25px !important; min-width: 200px; z-index: 99;} /* Personalizacja */ #top .wincalc .tab-content .panel {border: none; border-radius: 8px !important;} #top .wincalc .tab-content .card-header {padding: 14px; border: none; border-radius: 8px 8px 0px 0px;} #top .wincalc .tab-content .card-header label {font-size: 15px; color: #000000;} #top .wincalc .wincalc-combination-items {margin: 15px auto 60px auto;} /* Input Select */ #top .wincalc .form-control {margin-bottom: 0px !important; padding: 5px !important; min-width: 110px; width: 110px; border-radius: 5px !important;} #top .wincalc textarea {width: 100% !important;} #top .wincalc .wincalc-cart .form-control {min-width: auto;} #top .wincalc select.form-control, #top .wincalc .wincalc-option-coupon-string {height: 50px !important;} #top .wincalc .form-control:focus {border-color: #ffb900 !important; box-shadow: none;} /* Info section */ #top .wincalc .info-in-product {background-color: #f0fafe; margin: 20px auto 30px auto; padding: 15px 25px; border-radius: 10px; font-weight: 600;} #top .wincalc .info-in-product.center {text-align: center;} /* Options icon */ #top .wincalc .wincalc-product-options-modal-opener {top: -15px; right: -30px; z-index: 999;} /* Pop Up */ #top .wincalc .modal-dialog {top: 35%; z-index: 9999 !important;} #top div.modal-backdrop {display: none;} #top .wincalc div.modal.fade.show {background: rgba(0,0,0,0.75);} /* Radio Images */ #top .wincalc .wincalc-options .wincalc-option-value {margin-right: 10px;} /* Lightbox for Image */ #top .wincalc .is-type-image-radio a.lightbox-added {right: 10px; bottom: 10px; width: 32px; height: 32px; background-color: #1daeef; border-radius: 100%;} #top .wincalc .is-type-image-radio a.lightbox-added:before {content: ''; position: relative; display: block; top: 8px; left: 8px; width: 16px; height: 16px; background: url(../images/icons/search.svg);} /* Variations Arrows */ #top .wincalc .wincalc-product-variations-control {opacity: 0.35 !important; background-color: transparent;} #top .wincalc .wincalc-product-variations-control:hover {opacity: 0.7 !important;} #top .wincalc .wincalc-product-variations-control.prev {top: 50%; left: -30%; transform: translate(0,-50%); height: 100px !important; z-index: 0;} #top .wincalc .wincalc-product-variations-control.next {top: 50%; right: -30%; transform: translate(0,-50%); height: 100px !important; z-index: 0;} /* Checkbox Border color */ #top .wincalc .wincalc-option.is-type-image-checkbox .wincalc-option-value-image, #top .wincalc .wincalc-option.is-type-image-radio .wincalc-option-value-image {padding: 4px; border-width: 2px; border-radius: 10px;} /* Cena zamówienia */ #top .wincalc-combination-price {margin-top: 40px;} #top .wincalc-combination-price-item {display: flex;} #top .wincalc-combination-price-item-name, #top .wincalc-combination-price-item-value {flex: 50%;} #top .wincalc-combination-price .wincalc-combination-price-currency {margin-left: 5px;} #top .wincalc dt {font-weight: 300;} #top .wincalc dt.total {color: #000000; font-weight: 700;} #top .wincalc dd {font-weight: 700; color: #000000} #top .wincalc dd.total {color: #dd031c;} /* Panel - Product View */ #top .wincalc-layout-steps .panel {border: none; border-radius: 8px !important;} #top .wincalc .wincalc-layout-steps-sidebar .card-header {padding: 15px; background: #2c3948; border: none; border-radius: 8px 8px 0px 0px;} #top .wincalc .wincalc-layout-steps-sidebar .card-header .panel-title {font-size: 18px; font-weight: 700; color: #fff; letter-spacing: 0px; text-transform: none;} #top .wincalc-layout-steps .panel-body {border: solid 1px #ebebeb; border-top: none; border-radius: 0px 0px 8px 8px;} #top .wincalc-layout-steps .panel-body h3 {position: relative; padding-bottom: 10px; font-size: 16px; font-weight: 600; border-bottom: solid 2px #ebebeb;} /* Koszyk */ #top .wincalc .wincalc-cart .wincalc-cart-header {display: block;} #top .wincalc .wincalc-cart .wincalc-cart-header .wincalc-cart-header-controls {margin-top: 25px;} #top .wincalc .table thead th.wincalc-cart-table-header-cell.price, #top .wincalc .table tr td.wincalc-cart-table-body-cell.price {display: table-cell;}