@charset "UTF-8";
/* ---- plugins ---- */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
* {
min-width: 0;
min-height: 0;
}
/*p::selection,
img::selection,
input::selection,
a::selection,
span::selection,
div::selection,
h1::selection,
h2::selection,
h3::selection,
h4::selection {
background: #a60000;
color: #FFFFFF;
}
p::-moz-selection,
img::-moz-selection,
input::-moz-selection,
a::-moz-selection,
span::-moz-selection,
div::-moz-selection,
h1::-moz-selection,
h2::-moz-selection,
h3::-moz-selection,
h4::-moz-selection {
background: #a60000;
color: #FFFFFF;
}*/
.switch .input-switch {
border: 1px solid #777;
border-radius: 20px;
}
.switch input:checked + .input-switch {
border: 1px solid #777;
border-radius: 20px;
}
.switch .input-switch .switch-button {
border-radius: 20px;
}
@media (min-width: 1366px) {
.container {
width: 90%;
max-width: 1920px;
}
}
body {
font-weight: 500;
font-family: "Poppins", sans-serif;
}
h1, h2, h3 {
font-weight: 500;
}
.my-background {
background-size: cover;
background-position: center;
height: 200px;
display: flex;
justify-content: center;
align-items: center;
}
.my-title {
text-align: center;
text-transform: uppercase;
font-size: 50px;
font-weight: 400;
margin-top: 0;
margin-bottom: 0;
color: #000000;
border: none;
width: 400px;
}
.my-title.black {
color: #000000;
}
.my-button {
border: none;
font-family: inherit;
font-size: inherit;
cursor: pointer;
display: inline-block;
text-transform: uppercase;
letter-spacing: 1px;
text-align: left;
height: 45px;
outline: none;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #141414;
color: #FFFFFF;
padding: 12px 15px;
width: 250px;
}
.my-button:before {
content: "";
position: absolute;
bottom: 0;
right: 40px;
width: 0;
height: 0;
border-style: solid;
border-width: 45px 35px 0px 0px;
border-color: #141414 #f4f5f6 #f4f5f6 #f4f5f6;
transition: all 0.3s;
z-index: 1;
}
.my-button:after {
content: "";
position: absolute;
bottom: 0;
right: -2px;
width: 75px;
height: 45px;
background-color: #f4f5f6;
}
.my-button.my-button-white:before {
border-color: #141414 #FFFFFF #FFFFFF #FFFFFF;
}
.my-button.my-button-white:after {
background-color: #FFFFFF;
}
.my-button.my-button-optima {
width: 275px;
height: 60px;
}
.my-button.my-button-optima:before {
border-width: 60px 35px 0px 0px;
}
.my-button.my-button-optima:after {
width: 75px;
height: 60px;
}
.my-button.my-button-optima i {
margin-top: -6px;
}
.my-button.secondary-action {
background: #75787B;
}
.my-button-blue {
background: #337ab7;
}
.my-button-blue:before {
border-color: #337ab7 #f4f5f6 #f4f5f6 #f4f5f6;
}
.my-button-blue .my-icon {
color: #337ab7;
}
.my-button-orange {
background: #ff7d0d;
}
.my-button-orange:before {
border-color: #ff7d0d #f4f5f6 #f4f5f6 #f4f5f6;
}
.my-button-orange .my-icon {
color: #ff7d0d;
}
.my-button:hover:before {
right: 50px;
}
.my-icon {
float: right;
font-size: 20px;
}
.my-icon {
color: #000000;
z-index: 10;
position: relative;
}
.my-span {
color: #ffffff;
}
.products-preview .product-item .centering.no-photo::before, .order .photo.no-photo::before, .custom-modal .no-photo::before, .no-photo::before {
padding: 65px 0;
width: 100%;
text-align: center;
}
* {
font-family: "Poppins", sans-serif;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.comparer .table-scroller {
overflow: inherit;
}
.comparer .bottom-section .header {
background-color: #F4F5F6;
}
.comparer .my-title {
text-align: center;
width: 100%;
border: none;
}
.comparer .title a {
color: #d32616 !important;
}
.comparer .current {
color: #d32616;
}
.no-products-found .row {
margin: 0;
}
.notfound {
display: flex;
justify-content: center;
align-items: center;
height: 350px;
}
.notfound div {
width: 100%;
}
.notfound div .empty-cart {
text-align: center;
font-size: 20px;
font-weight: 400;
margin: 25px 0 15px 0;
}
.notfound div .empty-link {
text-align: center;
font-size: 15px;
font-weight: 300;
}
.notfound div .empty-link a {
color: #d32616;
transition: all 0.3s;
}
.notfound div .empty-link a:hover {
color: #770000;
text-decoration: underline;
}
.cookies {
background-color: #F4F5F6;
border: none;
z-index: 50000;
}
.cookies p {
font-weight: 300;
}
.breadcrumb > li:nth-child(2) {
display: none;
}
.cur_pt:hover {
cursor: pointer;
}
#request-form {
max-width: 50%;
margin: 15px auto;
}
#request-form p {
text-align: center;
}
.switch .input-switch {
height: 15px;
width: 40px;
}
.modal {
z-index: 100050;
}
@media (max-width: 768px) {
.slick-arrow {
display: none !important;
}
.container {
padding-left: 15px;
padding-right: 15px;
}
#request-form {
max-width: calc(100% - 30px);
}
}
.bestseller-prod-home .bestseller-products .lazyslider-container,
.new-products-home .bestseller-products .lazyslider-container {
height: 430px;
}
.section-post {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1140px;
margin: 0 auto;
}
.brands {
height: 66px;
}
.main-slider figure img {
max-height: 550px;
}
.main-box {
height: 555px;
}
@media (max-width: 1900px) {
.main-slider figure img {
max-height: 450px;
}
.main-box {
height: 455px;
}
}
@media (max-width: 1600px) {
.main-slider figure img {
max-height: 365px;
}
.main-box {
height: 370px;
}
}
@media (max-width: 1200px) {
.section-post {
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.my-background {
height: 95px;
background-size: auto;
}
.my-title {
font-size: 24px;
}
.my-button {
width: 235px;
}
}
.preview-info .producer em,
.preview-info .producer,
.preview-info .infos .delivery span,
.preview-info .infos .availability span,
.preview-info .producer a {
font-family: "Poppins", sans-serif;
}
.photos.slider.thumb.thumbnails-loader:before {
font-family: "Font Awesome 5 Free";
}
footer {
background-color: #f4f5f6;
position: relative;
}
footer .row {
margin: 0;
}
footer .container {
padding: 20px 0 0 0;
}
footer .contact-mobile {
display: none;
width: 100% !important;
margin-bottom: 0 !important;
}
footer .contact-mobile .flex {
display: flex;
justify-content: center;
align-items: center;
}
footer .contact-mobile .flex p {
font-size: 14px;
color: #fff;
font-weight: 300;
}
footer .contact-mobile .flex a {
font-size: 14px;
color: #fff;
font-weight: 300;
}
footer .contact-mobile .flex a:hover {
color: #a60000;
}
footer .contact-mobile .flex .img {
width: 15%;
}
footer .contact-mobile .flex .text {
width: 30%;
}
footer #footer-menu-big {
display: flex;
align-items: start;
justify-content: space-around;
position: relative;
}
footer #footer-menu-big .footer-col {
position: relative;
z-index: 1000;
}
footer #footer-menu-big .footer-col.contact li {
color: #FFFFFF;
}
footer #footer-menu-big .footer-col.contact li a {
color: #FFFFFF;
}
footer #footer-menu-big .footer-col.contact li a:hover {
color: #d32616;
}
footer #footer-menu-big .footer-col h3 {
color: #000000;
font-size: 18px;
font-weight: 400;
}
footer #footer-menu-big .footer-col .fotter-img {
width: 60px;
margin: 0 auto 10px auto;
display: block;
}
footer #footer-menu-big .footer-col li {
color: #000000;
font-weight: 300;
}
footer #footer-menu-big .footer-col li.center {
text-align: center;
}
footer #footer-menu-big .footer-col li a {
transition: all 0.3s;
color: #000000;
font-weight: 300;
font-family: "Poppins", sans-serif;
text-transform: inherit;
font-size: 14px;
}
footer #footer-menu-big .footer-col li a:hover {
color: #d32616;
}
footer #footer-menu-big .social {
font-size: 14px;
font-weight: bold;
line-height: 1.7em;
margin-bottom: 0.6em;
}
footer #footer-menu-big .social p {
font-size: 15px;
font-weight: 500;
line-height: 1.5em;
text-transform: uppercase;
margin: -3px 0 6px 0;
color: #002e58;
}
footer #footer-menu-big .social i {
color: #fff;
background-color: #757575;
width: 26px;
height: 26px;
font-size: 14px;
border-radius: 0;
margin-right: 10px;
transition: all 0.3s;
}
footer #footer-menu-big .social i:hover {
background-color: #d32616;
}
footer #footer-menu-big .social i.fa-facebook-f {
padding: 6px 10px;
}
footer #footer-menu-big .social i.fa-instagram {
padding: 6px 7px;
}
footer #footer-menu-big .social i.fa-twitter {
padding: 6px 6px;
}
footer #footer-comarch {
padding-top: 0;
padding-bottom: 0;
margin-right: 515px;
}
footer #footer-comarch span {
text-align: center;
display: block;
font-size: 12px;
color: #000;
font-weight: 400;
padding: 10px 0;
}
footer #footer-comarch a {
transition: all 0.3s;
color: #000;
}
footer #footer-comarch a:hover {
color: #d32616;
}
footer .back-to-top {
cursor: pointer;
position: fixed;
bottom: 20px;
right: 20px;
background-color: #fff;
font-size: 25px;
padding: 5px 10px;
display: none;
z-index: 11111;
}
footer .back-to-top span {
color: #8A8D8F;
}
footer #big-box-2 {
background-color: #141414;
height: 300px;
width: 37%;
position: absolute;
transition: all 0.3s;
top: 0;
right: 0;
}
footer #big-box-2:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 300px 195px 0px 0px;
border-color: #f4f5f6 transparent transparent transparent;
}
@media (max-width: 992px) {
footer #footer-menu-big {
justify-content: space-around;
flex-wrap: wrap;
}
footer #footer-menu-big .footer-col {
width: 30%;
margin-bottom: 40px;
}
footer #footer-menu-big .footer-col.contact {
text-align: center;
width: 100%;
}
footer .contact-mobile {
display: block;
}
footer .contact {
display: none;
}
footer #big-box-2 {
height: 75px;
width: 100%;
top: auto;
bottom: 40px;
}
footer #big-box-2:after {
content: none;
}
footer #footer-comarch {
margin-right: 0;
}
}
@media (max-width: 768px) {
footer #footer-menu-big .footer-col {
width: 100%;
padding: 0 20px;
margin-bottom: 15px;
}
footer {
margin-top: 30px;
}
footer #footer-menu-big .footer-col h3 {
text-align: center;
}
footer .container ul {
text-align: center;
}
footer .contact-mobile .flex .img {
width: 100%;
}
footer .contact-mobile .flex .text {
width: 100%;
text-align: center;
}
footer #big-box-2 {
height: 200px;
width: 100%;
top: auto;
bottom: 55px;
}
footer .contact-mobile .flex {
flex-wrap: wrap;
}
}
.main-menu-mobile {
display: none;
}
#spe_mobile_menu {
display: none;
}
header {
margin-bottom: 25px;
border-bottom: 1px solid #CED2D9;
background: #FFFFFF;
/* --== core menu mobile ==-- */
}
header .container {
padding-top: 0;
}
header .mobile-menu {
width: 100%;
height: 100%;
position: fixed;
background-color: rgba(181, 187, 197, 0.5);
z-index: 20;
top: 88px;
border-top: 1px solid #CED2D9;
visibility: hidden;
transition: all 0.35s;
-webkit-transition: all 0.35s;
-ms-transition: all 0.35s;
-moz-transition: all 0.35s;
-o-transition: all 0.35s;
}
header .mobile-menu.open {
visibility: visible;
}
header .mobile-menu .LangNew {
margin-top: 20px;
}
header .mobile-menu .main-menu {
padding: 25px;
width: 50%;
height: 100%;
background-color: #fff;
left: 0;
transform: translate3d(-615px, 0, 0);
-webkit-transform: translate3d(-615px, 0, 0);
-ms-transform: translate3d(-615px, 0, 0);
-moz-transform: translate3d(-615px, 0, 0);
-o-transform: translate3d(-615px, 0, 0);
transition: transform 0.35s;
-webkit-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-o-transition: transform 0.35s;
overflow: auto;
}
header .mobile-menu .main-menu.open {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
}
header .mobile-menu .main-menu-mobile {
display: none;
}
header .mobile-menu .main-menu-mobile ul {
padding: 25px 0;
border-top: 1px solid #606060;
}
header .mobile-menu .main-menu-mobile ul li {
width: auto;
list-style-type: none;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 15px;
cursor: pointer;
}
header .mobile-menu .main-menu-mobile ul li a {
color: #FFFFFF;
font-weight: bold;
font-size: 15px;
}
header .mobile-menu .main-menu-mobile ul li:last-child {
width: 100%;
}
header .mobile-menu .main-menu-mobile .bs-example li {
width: 100%;
}
header .mobile-menu .main-menu-mobile .bs-example li a {
background-color: transparent;
text-transform: capitalize;
padding-left: 0;
}
header .mobile-menu .main-menu-mobile.mobile1 {
height: 105px;
}
header .mobile-menu .main-menu-mobile.mobile2 {
height: 100%;
}
header .flex-bar {
display: flex;
justify-content: space-between;
padding-top: 0;
}
header .flex-bar #left-bar {
display: flex;
width: 100%;
justify-content: flex-start;
margin-top: 7px;
}
header .flex-bar #left-bar a {
color: #d32616;
transition: all 0.3s;
font-size: 13px;
height: 20px;
}
header .flex-bar #left-bar a:first-child {
padding-right: 10px;
border-right: 1px solid #d32616;
}
header .flex-bar #left-bar a:last-child {
padding-left: 10px;
}
header .flex-bar #left-bar a:hover {
color: #d32616;
}
header .flex-bar #middle-bar {
display: flex;
width: 100%;
justify-content: center;
margin-top: 7px;
}
header .flex-bar #middle-bar a:hover {
color: #d32616;
font-weight: 500;
}
header .flex-bar #middle-bar a:hover span, header .flex-bar #middle-bar a:hover i {
color: #d32616;
}
header .flex-bar #middle-bar span {
color: #d32616;
font-size: 13px;
}
header .flex-bar #middle-bar span:first-child {
margin-right: 15px;
}
header .flex-bar #middle-bar span #middle1 {
width: 30px;
margin-right: 10px;
}
header .flex-bar #middle-bar span #middle2 {
width: 25px;
margin-right: 10px;
}
header .flex-bar #right-bar {
display: flex;
width: 100%;
justify-content: flex-end;
}
header .secondary-nav {
height: 35px;
background-color: #F4F5F6;
float: none;
font-family: "Poppins", sans-serif;
text-align: inherit;
position: relative;
right: 0;
top: 0;
}
header .secondary-nav ul {
float: right;
margin-top: 8px;
margin-bottom: 10px;
margin-right: 0;
}
header .secondary-nav ul li::before {
content: none;
}
header .secondary-nav ul li a {
font-size: 13px;
transition: all 0.2s;
color: #d32616;
text-transform: initial;
font-weight: 500;
}
header .secondary-nav ul li a i {
margin-right: 5px;
}
header .secondary-nav ul li a:hover {
color: #d32616;
font-weight: 500;
}
header #menu-language {
margin-top: 7px;
float: right;
color: #d32616;
margin-right: 20px;
}
header #menu-language .langSpan {
color: #d32616;
transition: all 0.3s;
cursor: pointer;
}
header #menu-language .langSpan:hover {
color: #002e58;
}
header #menu-language #languageId {
display: none;
}
header .navbar-fixed-top {
top: 43px;
background-color: #FFFFFF;
transition: 0.1s;
}
header .navbar-fixed-top.fixed-top {
top: 0;
border-bottom: 1px solid #CED2D9;
padding-top: 10px;
padding-bottom: 10px;
transition: all 0.3s;
}
header .navbar-fixed-top.fixed-top .cart-bar {
margin-top: 3px !important;
}
header .middle-nav .logo {
float: left;
display: inline-block;
width: 25%;
margin-top: 4px;
padding-bottom: 5px;
}
header .middle-nav .logo a {
display: block;
margin: 0 auto;
width: 250px;
}
header .middle-nav .logo a img {
max-width: 250px;
}
header .middle-nav .logo a span {
letter-spacing: 2.5px;
display: block;
margin-top: -15px;
}
header .middle-nav .search-box {
float: left;
width: 50%;
margin-top: 0px;
position: relative;
}
header .middle-nav .search-box .search {
width: 100%;
max-width: 500px;
margin: 0 auto;
display: flex;
align-items: center;
}
header .middle-nav .search-box .search input {
border: 1px solid #dedede;
}
header .middle-nav .search-box .search .search-phrase {
margin: 12px auto;
width: 100%;
height: 35px;
display: block;
background: #FFFFFF;
border-width: 2px;
-moz-border-image: -moz-linear-gradient(-30deg, #002f59 35%, #a60000 70%);
-webkit-border-image: -webkit-linear-gradient(-30deg, #002f59 35%, #a60000 70%);
border-image: linear-gradient(150deg, #002f59 35%, #a60000 70%);
border-image-slice: 1;
padding-left: 8px;
letter-spacing: 1px;
font-size: 12px !important;
}
header .middle-nav .search-box .search .search-button {
width: 40px;
height: 40px;
background-color: #d32616;
display: block;
transition: 0.3s all;
color: #FFFFFF;
padding: 10px;
}
header .middle-nav .search-box .search .search-button:hover {
background-color: #002e58;
}
header .middle-nav .search-box .autocomplete {
top: 51px;
}
header .middle-nav .search-box .autocomplete .product:hover {
background: #eee;
}
header .middle-nav .search-box .autocomplete .name {
color: #d32616;
}
header .middle-nav .search-box .autocomplete .price {
color: #d32616;
font-weight: 600;
}
header .middle-nav .search-box .loader-for-autocomplete {
right: 110px !important;
}
header .middle-nav .right-box {
float: left;
display: inline-block;
width: 25%;
}
header .middle-nav .right-box .menu-button {
display: none;
float: right;
margin-top: -7px;
margin-left: 5%;
}
header .middle-nav .right-box .menu-button button {
background: #FFFFFF;
color: white;
border: none;
padding: 10px 15px;
text-transform: uppercase;
}
header .middle-nav .right-box .menu-button button img {
width: 34px;
height: 34px;
}
header .middle-nav .right-box .menu-button .closer {
display: none;
}
header .middle-nav .right-box .b2b-box {
height: 40px;
width: 152px;
display: inline-block;
float: right;
}
header .middle-nav .right-box .b2b-box a {
height: 38px;
width: 152px;
background-color: #FFFFFF;
border-radius: 25px;
display: block;
text-align: center;
padding: 8px 23px;
margin-top: 2px;
transition: all 0.3s;
}
header .middle-nav .right-box .b2b-box a:hover {
background-color: #d32616;
}
header .middle-nav .right-box .b2b-box a:hover span {
color: #67655E;
}
header .middle-nav .right-box .b2b-box a span {
color: #d32616;
font-size: 15px;
font-weight: 600;
}
header .middle-nav .right-box .spe-mobile {
display: none;
float: right;
margin-top: 7px;
margin-right: 25px;
}
header .middle-nav .right-box .spe-mobile .slide-menu-control {
display: flex;
flex-direction: column;
align-items: center;
}
header .middle-nav .right-box .spe-mobile .slide-menu-control i {
color: #d32616;
font-size: 24px;
padding-bottom: 5px;
}
header .middle-nav .right-box .spe-mobile .slide-menu-control span {
font-size: 10px;
color: #d32616;
}
header .middle-nav .right-box .cart-bar {
display: inline-block;
float: right;
margin-top: 25px;
margin-left: 15px;
background: #FFFFFF;
position: relative;
width: auto;
min-width: 170px;
}
header .middle-nav .right-box .cart-bar .icon-basket {
background-image: url(/css/img/basket-green.svg);
transition: all 0.2s;
margin-right: 6px;
height: 22px;
width: 22px;
display: inline-block;
float: left;
}
header .middle-nav .right-box .cart-bar .showed {
display: inline-block;
float: left;
padding-bottom: 13px;
}
header .middle-nav .right-box .cart-bar .showed:hover #zam3 {
display: block;
}
header .middle-nav .right-box .cart-bar .showed .count {
display: inline-block;
float: left;
background-color: #d32616;
border-radius: 50px;
font-size: 14px;
color: #fff;
padding: 2px 7px;
width: 22px;
height: 22px;
position: absolute;
margin-left: -17px;
margin-top: -11px;
transition: all 0.2s;
}
header .middle-nav .right-box .cart-bar .showed #zam3 {
display: none;
position: absolute;
background-color: #FFFFFF;
border: 1px solid #CED2D9;
z-index: 100;
width: 450px;
margin-left: -320px;
margin-top: 29px;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
}
header .middle-nav .right-box .cart-bar .showed #zam3 .primary-action {
color: #FFFFFF;
transition: all 0.3s;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .primary-action:hover {
background-color: #d32616;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .koszyk-header {
height: 50px;
border-bottom: 1px solid #CED2D9;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .koszyk-header .left {
float: left;
font-size: 18px;
font-weight: 500;
padding: 10px 15px;
color: #d32616;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .koszyk-header .right {
float: right;
font-size: 18px;
font-weight: 500;
padding: 10px 15px;
color: #d32616;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .koszyk-header .right span {
font-size: 14px;
color: #d32616 !important;
padding-left: 5px;
font-weight: 500;
}
header .middle-nav .right-box .cart-bar .showed #zam3 li {
list-style: none;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .shop-list {
max-height: 335px;
margin-top: 0;
width: 100%;
overflow: auto;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .shop-list ul {
padding-left: 0;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .shop-list::-webkit-scrollbar {
width: 0.6em;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .shop-list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
header .middle-nav .right-box .cart-bar .showed #zam3 .shop-list::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .price-menu-name {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: flex-start;
margin-top: 25px;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .price-menu-name .name {
font-size: 14px;
margin-top: 0;
width: 150px;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .price-menu-name .name a {
color: #d32616;
transition: all 0.3s;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .price-menu-name .name a:hover {
color: #770000;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .price-menu-name .right {
font-weight: 500;
font-size: 16px;
color: #d32616;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .price-menu-name .right .quantity {
position: absolute;
font-weight: normal;
font-size: 12px;
top: 45px;
right: 16px;
color: #000000;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .koszyk-footer {
border-top: 1px solid #CED2D9;
height: 50px;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .koszyk-footer a {
font-size: 16px;
padding: 5px 30px;
margin-top: 8px;
transition: all 0.3s;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .koszyk-footer a:hover {
color: #FFFFFF;
}
header .middle-nav .right-box .cart-bar .showed #zam3 img {
margin: 0 auto;
display: block;
}
header .middle-nav .right-box .cart-bar .showed #zam3 li .row {
margin-left: 0;
margin-right: 0;
margin-top: 10px;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .mobile-adapter {
float: left;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .mobile-adapter span {
font-size: 12px;
}
header .middle-nav .right-box .cart-bar .showed #zam3 .content-col span {
font-size: 12px;
}
header .middle-nav .right-box .cart-bar:hover .icon-basket {
background-image: url(/css/img/basket-black.svg);
}
header .middle-nav .right-box .cart-bar:hover a {
color: #002e58;
}
header .middle-nav .right-box .cart-bar:hover .count {
background-color: #002e58;
}
header .middle-nav .right-box .cart-bar a {
display: inline-block;
float: left;
margin-top: 2px;
margin-left: 10px;
color: #d32616;
position: relative;
padding: 0;
}
header .middle-nav .right-box .cart-bar .delivery {
position: absolute;
top: 40px;
padding: 0px 15px;
width: 100%;
}
header .middle-nav .right-box .cart-bar .delivery .zamalo {
display: flex;
flex-direction: column;
}
header .middle-nav .right-box .cart-bar .delivery .zamalo .top {
font-size: 10px;
color: #67655e;
text-align: center;
}
header .middle-nav .right-box .cart-bar .delivery .zamalo .bottom {
font-size: 10px;
color: #d32616;
text-align: center;
font-weight: bold;
}
header .middle-nav .right-box .cart-bar .delivery p {
text-align: center;
}
header .middle-nav .right-box .cart-bar .delivery .zaduzo {
display: none;
font-size: 10px;
color: #d32616;
text-align: center;
font-weight: bold;
}
header .middle-nav .right-box #main-nav-small {
height: 100%;
z-index: 1000;
/* hide inputs */
/* hide navigation icon for sublabels */
/* fade in checked menu */
}
header .middle-nav .right-box #main-nav-small label {
cursor: pointer;
}
header .middle-nav .right-box #main-nav-small label:focus {
outline: none;
}
header .middle-nav .right-box #main-nav-small .menu-small-title {
z-index: 1000;
position: absolute;
height: 50px;
width: 100%;
}
header .middle-nav .right-box #main-nav-small .menu-small-title .fa {
float: right;
font-size: 25px;
margin-top: 13px;
margin-right: 5px;
}
header .middle-nav .right-box #main-nav-small .sm-title {
position: absolute;
top: 12px;
left: 80px;
font-size: 20px;
}
header .middle-nav .right-box #main-nav-small .ul-first {
margin-bottom: 0;
height: 400px;
overflow: auto;
}
header .middle-nav .right-box #main-nav-small .menu-small-title2 {
position: absolute;
width: 100%;
height: 50px;
}
header .middle-nav .right-box #main-nav-small .menu-small-title2 div span {
text-align: center;
display: block;
font-size: 20px;
margin-top: 13px;
width: 200px;
white-space: pre;
text-overflow: ellipsis;
overflow: hidden;
padding-left: 10px;
}
header .middle-nav .right-box #main-nav-small label.glyphicon.glyphicon-menu-left {
float: right;
font-size: 20px;
margin-top: -25px;
display: block;
width: 20px;
}
header .middle-nav .right-box #main-nav-small .menu {
position: absolute;
top: 0;
left: 0;
width: 240px;
height: 400px;
z-index: 11111;
transform: translate3d(-250px, 0, 0);
-webkit-transform: translate3d(-250px, 0, 0);
-ms-transform: translate3d(-250px, 0, 0);
-moz-transform: translate3d(-250px, 0, 0);
-o-transform: translate3d(-250px, 0, 0);
transition: transform 0.35s;
-webkit-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-o-transition: transform 0.35s;
}
header .middle-nav .right-box #main-nav-small .menu .menu {
position: absolute;
top: 0;
left: 0;
width: 240px;
height: 400px;
z-index: 11111;
transform: translate3d(-300px, 0, 0);
-webkit-transform: translate3d(-300px, 0, 0);
-ms-transform: translate3d(-300px, 0, 0);
-moz-transform: translate3d(-300px, 0, 0);
-o-transform: translate3d(-300px, 0, 0);
transition: transform 0.35s;
-webkit-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-o-transition: transform 0.35s;
}
header .middle-nav .right-box #main-nav-small .menu li {
height: 60px;
border-bottom: 1px solid #CED2D9;
}
header .middle-nav .right-box #main-nav-small .small-out {
display: none;
}
header .middle-nav .right-box #main-nav-small .small-content {
margin-top: 70px;
}
header .middle-nav .right-box #main-nav-small .ul-second {
overflow: scroll;
height: 400px;
}
header .middle-nav .right-box #main-nav-small .menu-shadow {
box-shadow: 0px 0px 10px 0px #BFBFBF;
}
header .middle-nav .right-box #main-nav-small .menu label.menu-toggle {
position: absolute;
right: -60px;
width: 60px;
height: 60px;
line-height: 0px;
display: block;
padding: 0;
background: transparent;
}
header .middle-nav .right-box #main-nav-small .menu label.menu-toggle span {
font-size: 30px;
padding: 15px 15px 15px 20px;
top: -1px;
margin-left: -3px;
position: absolute;
transition: top 0.35s;
-webkit-transition: top 0.35s;
-ms-transition: top 0.35s;
-moz-transition: top 0.35s;
-o-transition: top 0.35s;
background: #d32616;
border-radius: 4px;
color: #FFFFFF;
}
header .middle-nav .right-box #main-nav-small .fixed-top .menu label.menu-toggle span {
top: 3px;
}
header .middle-nav .right-box #main-nav-small .menu ul li > a,
header .middle-nav .right-box #main-nav-small .menu ul li > form > a {
font-size: 14px;
display: inline-block;
padding: 0 0 0 10px;
text-decoration: none;
font-weight: 300;
}
header .middle-nav .right-box #main-nav-small .menu ul li > label,
header .middle-nav .right-box #main-nav-small .menu ul li > a {
font-size: 14px;
margin: 0;
align-items: center;
padding-left: 10px;
padding-top: 20px;
text-decoration: none;
font-weight: normal;
color: #d32616;
}
header .middle-nav .right-box #main-nav-small .menu ul li a {
color: #d32616;
font-weight: normal;
}
header .middle-nav .right-box #main-nav-small .menu .dropdown-triger {
display: inline-block;
}
header .middle-nav .right-box #main-nav-small .menu .dropdown-triger i {
color: #d32616;
}
header .middle-nav .right-box #main-nav-small .menu .ms-tit {
width: 200px;
font-weight: normal;
display: inline-block;
color: #d32616;
}
header .middle-nav .right-box #main-nav-small #scroll-box {
background: #FFFFFF;
}
header .middle-nav .right-box #main-nav-small #scroll-box span {
display: block;
text-align: center;
color: #d32616;
}
header .middle-nav .right-box #main-nav-small #scroll-box span i {
color: #FFFFFF;
}
header .middle-nav .right-box #main-nav-small .menu-checkbox {
display: none;
}
header .middle-nav .right-box #main-nav-small .menu .menu label.menu-toggle {
background: #d32616;
}
header .middle-nav .right-box #main-nav-small .menu .menu label.menu-toggle i {
color: #FFFFFF;
font-size: 28px;
padding-top: 16px;
padding-left: 22px;
}
header .middle-nav .right-box #main-nav-small .menu-checkbox:checked + .menu {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
header .middle-nav .right-box #main-nav-small #menu-other {
margin-top: 20px;
margin-left: 45px;
}
header .middle-nav .right-box #main-nav-small #menu-other a,
header .middle-nav .right-box #main-nav-small #menu-other ul li {
float: left;
}
header .middle-nav .right-box #main-nav-small #menu-other ul li a {
padding-left: 10px;
padding-right: 10px;
}
header .middle-nav .right-box #main-nav-small #menu-other .dropdown-special2 {
width: 40px;
}
header .middle-nav .right-box #main-nav-small #menu-other > ul {
float: right;
margin-right: 0;
}
header .middle-nav .right-box #main-nav-small #icon-bag {
padding-bottom: 18px !important;
}
header .middle-nav .right-box #main-nav-small #icon-search {
padding-bottom: 20px !important;
}
header .middle-nav .right-box #main-nav-small .navbar-nav > li > a {
padding-bottom: 22px !important;
}
header .middle-nav .right-box #main-nav-small .navbar-nav {
margin-top: -19px !important;
}
header .middle-nav .right-box #main-nav-small .dropdown-toggle {
font-size: 14px;
}
header .last-nav {
margin-top: 75px;
}
header .last-nav .nav-pills {
margin-left: -15px;
}
header .last-nav .nav-pills > li > a {
background-color: transparent;
color: #d32616;
font-size: 15px;
border-bottom: 1px solid transparent;
border-radius: 0;
margin-bottom: -1px;
transition: 0.3s all;
text-transform: inherit;
font-family: "Poppins", sans-serif;
padding: 12px 15px;
height: 48px;
}
header .last-nav .nav-pills > li > a .glyphicon {
position: absolute;
right: -8px;
top: 16px;
font-size: 12px;
}
header .last-nav .nav-pills > li > a:hover {
border-bottom: 1px solid #d32616;
background-color: transparent;
color: #d32616;
}
header .last-nav .nav-pills > li > a.cat {
letter-spacing: 2px;
white-space: nowrap;
font-weight: 500;
}
header .last-nav .nav-pills > li > a.dropdown-toggle {
margin-right: 12px;
}
header .last-nav .nav-pills > li + li {
margin-left: 20px;
}
header .last-nav .bs-example .podmenu a {
background-color: transparent;
color: #FFFFFF;
font-size: 15px;
transition: 0.3s all;
text-transform: capitalize;
}
header #speBg {
display: none;
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.71);
z-index: 12000;
top: 0;
}
header .slide-menu {
position: fixed;
width: 50%;
max-width: 100%;
height: 101vh;
left: 0;
display: none;
overflow: auto;
box-sizing: border-box;
background: #F4F5F6;
-webkit-transform: translateX(100%);
transform: translateX(100%);
z-index: 1000000;
}
header .slide-menu .slider {
position: absolute;
left: 0;
width: 100%;
-webkit-transform: translateX(0);
transform: translateX(0);
}
header .slide-menu ul {
padding-left: 0;
list-style: none;
position: relative;
width: 100%;
max-width: 100%;
margin: 0;
}
header .slide-menu ul ul {
position: absolute;
top: 0;
left: 100%;
display: none;
}
header .slide-menu ul a, header .slide-menu ul button {
display: block;
padding: 12px 24px;
text-decoration: none;
background-color: transparent;
color: #000000;
font-size: 15px;
font-weight: 400;
text-transform: inherit;
font-family: "Poppins", sans-serif;
}
header .slide-menu #menu-language {
margin: 15px 20px;
}
header .slide-menu .langFlex {
display: flex;
align-items: center;
width: 170px;
justify-content: space-between;
}
header .slide-menu .langFlex select {
height: 25px;
width: 85px;
}
header #spe_mobile_menu .slide-menu {
-webkit-transform: translateX(100%);
transform: translateX(100%);
width: 70%;
}
header .slide-menu, header .slide-menu .slider {
top: 51px;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
will-change: transform;
}
header .slide-menu {
top: 0;
}
header .slider-header {
font-size: 20px;
border-bottom: 1px solid #CED2D9;
padding-left: 17px;
padding-top: 10px;
padding-bottom: 10px;
text-transform: uppercase;
}
header .slider-header i {
color: #006aa8;
}
header .sep {
border-bottom: 1px solid #CED2D9;
width: 100%;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
}
header .lisep {
border-left: none !important;
}
header .lisep:hover {
background-color: #F4F5F6 !important;
border-left: none !important;
}
header .slide-menu > .slider > ul > li {
display: flex !important;
align-items: center;
border-left: 2px solid transparent;
}
header .slide-menu > .slider > ul > li:hover {
background-color: #fff;
border-left: 2px solid #006aa8;
}
header .slide-menu > .slider > ul > li img {
width: 40px;
margin-left: 15px;
}
header .slide-menu > .slider > ul > li a {
font-weight: 400;
font-size: 15px;
width: 100%;
}
header .slide-menu > .slider > ul > li a i {
display: inline-block;
float: right;
margin-right: 22px;
font-size: 22px;
}
header .slide-menu > .slider > ul > li form {
font-weight: 500;
font-size: 16px;
margin-left: 15px;
width: 100%;
}
header .slide-menu > .slider > ul > li li:hover {
background-color: #fff;
border-left: 2px solid #006aa8;
}
header .slide-menu > .slider > ul > li li.first {
text-align: center;
border: 1px solid;
border-radius: 25px;
width: 75%;
margin: 15px auto;
}
header .slide-menu > .slider > ul > li li.first a {
padding: 8px 15px;
}
header .slide-menu > .slider > ul > li li a {
font-weight: 400;
font-size: 15px;
width: 100%;
}
header .slide-menu > .slider > ul > li li a.slide-menu-control {
color: #006aa8;
border-left: 3px solid #006aa8;
background-color: #FFFFFF;
}
header .slide-menu.no-transition, header .slide-menu.no-transition * {
transition: none !important;
}
header .nav .open > a, header .nav .open > a:focus, header .nav .open > a:hover {
background-color: transparent;
border-color: transparent;
}
header #menu-button {
display: none;
width: 25px;
}
header #menu-button i {
font-size: 26px;
color: #000000;
}
header #menu-button span {
margin-left: -4px;
margin-top: 0px;
display: block;
color: #d32616;
font-size: 10px;
}
/* new header */
header.shop-new .navbar-fixed-top {
border-bottom: 1px solid;
}
/* headermenu */
.main-menu .menu-header {
height: 35px;
width: 100%;
border-radius: 8px;
}
.main-menu .menu-header span {
color: #000000;
font-size: 14px;
font-weight: 500;
padding: 8px 18px;
display: block;
transition: all 0.3s;
}
.main-menu .menu-header span:hover {
color: #d32616;
}
.main-menu h3 {
border-bottom: 1px solid #002e58;
margin-top: 0;
padding-bottom: 15px;
font-size: 18px;
text-align: center;
text-transform: uppercase;
color: #000000;
}
.main-menu .menu-type {
padding: 5px 10px;
width: 100%;
display: flex;
align-items: center;
}
.main-menu .menu-type .type-img {
height: 30px;
width: 30px;
}
.main-menu .menu-type .type-name {
color: #000000;
font-size: 14px;
padding-left: 10px;
transition: all 0.3s;
}
.main-menu .menu-type:hover .type-name {
color: #606060;
}
.main-menu .menu-type:last-child {
border-color: transparent;
}
.profile-mobile-content a {
background-color: #d32616 !important;
width: 260px;
margin: 25px auto;
}
#menu-3 {
background: #FFFFFF;
}
#menu-3 .slider-header {
background: #F4F5F6;
}
.cart-mobile-content {
background-color: #FFFFFF;
display: block;
float: left;
width: 100%;
}
.cart-mobile-content .koszyk-header {
height: 50px;
border-bottom: 1px solid #CED2D9;
}
.cart-mobile-content .koszyk-header .left {
float: left;
font-size: 18px;
font-weight: 500;
padding: 10px 15px;
color: #d32616;
}
.cart-mobile-content .koszyk-header .right {
float: right;
font-size: 18px;
font-weight: 500;
padding: 10px 15px;
color: #d32616;
}
.cart-mobile-content .koszyk-header .right span {
font-size: 14px;
color: #d32616 !important;
padding-left: 5px;
font-weight: 500;
}
.cart-mobile-content .shop-list-mobile .slider {
position: relative !important;
top: 0 !important;
}
.cart-mobile-content .shop-list-mobile .slider li {
list-style: none;
}
.cart-mobile-content .shop-list-mobile .slider .flex {
display: flex;
flex-direction: row;
margin-left: 0;
margin-right: 0;
margin-top: 10px;
}
.cart-mobile-content .shop-list-mobile .slider .flex .lefti {
width: 25%;
}
.cart-mobile-content .shop-list-mobile .slider .flex .lefti img {
margin: 0 auto;
display: block;
}
.cart-mobile-content .shop-list-mobile .slider .flex .righti {
width: 75%;
}
.cart-mobile-content .shop-list-mobile .slider .flex .righti .price-menu-name {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: flex-start;
margin-top: 25px;
}
.cart-mobile-content .shop-list-mobile .slider .flex .righti .price-menu-name .name {
font-size: 14px;
margin-top: 0;
width: 70%;
}
.cart-mobile-content .shop-list-mobile .slider .flex .righti .price-menu-name .name a {
color: #d32616;
transition: all 0.3s;
padding: 0 15px;
}
.cart-mobile-content .shop-list-mobile .slider .flex .righti .price-menu-name .name a:hover {
color: #770000;
}
.cart-mobile-content .shop-list-mobile .slider .flex .righti .price-menu-name .right {
font-weight: 500;
font-size: 16px;
color: #d32616;
width: 30%;
display: flex;
flex-direction: column;
padding-right: 15px;
}
.cart-mobile-content .shop-list-mobile .slider .flex .righti .price-menu-name .right .price {
width: 100%;
display: block;
text-align: right;
}
.cart-mobile-content .shop-list-mobile .slider .flex .righti .price-menu-name .right .quantity {
font-weight: normal;
font-size: 14px;
color: #000000;
width: 100%;
display: block;
text-align: right;
}
.cart-mobile-content .koszyk-footer {
border-top: 1px solid #CED2D9;
}
.cart-mobile-content .koszyk-footer a {
width: 295px;
margin: 15px auto;
display: block;
}
.cart-mobile-content .delivery {
padding: 0px 15px;
width: 100%;
}
.cart-mobile-content .delivery .zamalo {
display: flex;
flex-direction: column;
}
.cart-mobile-content .delivery .zamalo .top {
font-size: 14px;
color: #67655e;
text-align: center;
}
.cart-mobile-content .delivery .zamalo .bottom {
font-size: 14px;
color: #d32616;
text-align: center;
font-weight: bold;
}
.cart-mobile-content .delivery p {
text-align: center;
}
.cart-mobile-content .delivery .zaduzo {
display: none;
font-size: 14px;
color: #d32616;
text-align: center;
font-weight: bold;
}
@media (max-width: 1200px) {
header .middle-nav .logo {
margin-top: 10px;
}
header .middle-nav .logo a img {
max-width: 210px;
}
header .middle-nav .logo a span {
letter-spacing: 1px;
}
header .middle-nav .search-box {
width: 45%;
}
header .middle-nav .right-box {
width: 30%;
}
header .middle-nav .right-box .cart-bar {
margin-top: 12px;
padding-right: 0;
right: 0;
}
header .container {
padding-bottom: 0;
}
}
@media (max-width: 992px) {
header .flex-bar #middle-bar {
display: none;
}
header .middle-nav .logo {
width: 30%;
}
header .middle-nav .search-box {
width: 40%;
}
header .middle-nav .logo a img {
max-width: 190px;
}
header .middle-nav .logo a span {
letter-spacing: 0;
}
header .last-nav {
display: none;
}
header #menu-button {
display: block;
float: right;
}
}
@media (max-width: 768px) {
#spe_mobile_menu {
display: block;
}
header .secondary-nav {
display: none;
}
header .navbar-fixed-top {
top: 5px;
}
.mobile-hide {
display: none;
}
header .middle-nav .right-box .spedis {
display: none !important;
}
header .middle-nav .search-box {
width: 80%;
position: absolute;
top: 50px;
right: 0;
margin-right: 20px;
}
header .middle-nav .logo {
width: 55%;
}
header .middle-nav .right-box {
width: 45%;
}
header .middle-nav .right-box .cart-bar {
margin-right: 30px;
min-width: auto;
display: none;
}
header .middle-nav .right-box .spe-mobile {
display: inline-block;
}
header .navbar-fixed-top.fixed-top {
height: 60px;
top: 0;
}
header .slide-menu {
width: 100%;
}
header #menu-button {
margin-top: 7px;
margin-bottom: 5px;
z-index: 1111;
top: 0px;
position: relative;
}
header #menu-button.fixed-top {
position: fixed;
z-index: 11111;
top: 10px;
}
header #menu-button.fixed-top .container {
margin-top: 7px;
}
header .middle-nav .logo a {
margin: 0;
}
header .middle-nav .search-box .search {
max-width: 100%;
}
header .middle-nav .right-box .cart-bar .delivery {
display: none;
}
}
@media (max-width: 500px) {
header #spe_mobile_menu .slide-menu {
width: 100%;
}
}
@media (min-width: 1600px) {
.col-spe-3 {
width: 25%;
}
}
.bestseller-products .wymiar {
position: absolute;
color: #d32616;
background-color: #E9E9E5;
padding: 10px 15px;
font-weight: bold;
border-radius: 17px 0 17px 0;
top: 0;
left: 15px;
}
.bestseller-products.last-viewed .section-title {
width: 440px !important;
}
.bestseller-products .title-box {
border-bottom: 1px solid #CED2D9;
margin: 40px 0;
}
.bestseller-products .title-box .section-title {
text-align: center;
margin: 0 auto -12px auto;
font-size: 24px;
background-color: #fff;
display: block;
width: 200px;
}
.bestseller-products .slick-slide > div {
margin-left: 15px;
margin-right: 15px;
}
.bestseller-products .product-item {
margin-bottom: 10px;
margin-top: 10px;
color: #000000;
padding-bottom: 5px;
box-shadow: none;
height: auto;
}
.bestseller-products .product-item figure {
display: block;
float: left;
}
.bestseller-products .product-item figure:hover {
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
border-radius: 0;
}
.bestseller-products .product-item:focus {
outline-color: #E9E9E5 !important;
}
.bestseller-products .product-item.free-item .brutto {
right: auto;
left: 205px;
}
.bestseller-products .slick-slider .product-item figure {
float: none;
}
.bestseller-products .slick-slider .product-item figure:hover {
box-shadow: none;
border-radius: 0;
}
.bestseller-products .slick-slider .product-item:hover {
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
border-radius: 0;
}
.bestseller-products .slick-slider .product-item .wymiar {
left: 0;
}
.bestseller-products .slick-arrow::before {
color: #000000;
font-size: 30px;
}
.bestseller-products .product-desc {
position: relative;
bottom: auto;
padding: 0 !important;
}
.bestseller-products .product-desc .add-to-cart,
.bestseller-products .product-desc .notify-about {
padding: 6px 8px 0;
float: left;
display: inline-block;
height: 35px;
border: 2px solid #d32616;
width: 35px;
border-radius: 35px;
transition: all 0.5s;
color: #d32616 !important;
font-family: "Poppins", sans-serif;
font-size: 14px;
margin-top: 3px;
position: relative !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
}
.bestseller-products .product-desc .add-to-cart:hover,
.bestseller-products .product-desc .notify-about:hover {
background-color: #d32616;
}
.bestseller-products .product-desc .add-to-cart:hover i,
.bestseller-products .product-desc .notify-about:hover i {
color: #FFFFFF;
}
.bestseller-products .product-desc .add-to-cart::before, .bestseller-products .product-desc .notify-about::before {
content: none;
}
.bestseller-products .product-desc .brutto {
display: block;
width: 100%;
text-align: right;
float: right;
margin-top: -20px;
}
.bestseller-products .product-content {
padding: 0 20px;
float: left;
margin-top: 10px;
width: 100%;
height: 345px;
}
.bestseller-products .product-content .product-name {
font-size: 14px !important;
font-family: "Poppins", sans-serif !important;
white-space: inherit !important;
height: 47px;
margin-bottom: 10px;
margin-top: 10px !important;
overflow: hidden;
text-align: center;
padding-top: 0px !important;
}
.bestseller-products .product-content .code {
text-align: center;
margin-top: -10px;
display: none;
}
.bestseller-products .product-content .code span {
padding-right: 5px;
font-weight: 600;
}
.bestseller-products .product-content .centering {
height: 200px;
line-height: 200px;
display: flex;
align-items: center;
}
.bestseller-products .product-content .centering img {
margin: 0 auto;
display: block;
min-width: 15px;
max-height: 100%;
max-width: 100%;
border-radius: 0;
}
.bestseller-products .product-content .price {
font-size: 20px !important;
margin-bottom: 0 !important;
padding: 3px 0 0;
float: right !important;
display: inline-block;
}
.bestseller-products .product-content .opis {
display: block;
text-align: right;
float: right;
height: 40px;
overflow: hidden;
}
.bestseller-products .product-flags {
display: block;
float: left;
margin-right: 10px;
height: 24px;
min-width: 10px;
margin-top: 10px;
position: relative;
top: 0;
left: -20px;
z-index: 1;
margin-bottom: -24px;
}
.bestseller-products .product-flags span {
font-size: 13px;
display: block;
text-transform: uppercase;
border-radius: 0;
padding: 3px 17px 2px 17px;
text-align: center;
margin-bottom: 5px;
}
.bestseller-products .product-flags span.NewProduct {
background-color: #2d6c30;
color: #FFFFFF;
}
.bestseller-products .product-flags span.PromotionalProduct {
background-color: #9E9E9E;
color: #FFFFFF;
}
.bestseller-products .product-flags span.Promotion {
background-color: #d33e3c;
color: #FFFFFF;
}
.bestseller-products .product-flags span.BestRated {
background-color: #9575CD;
color: #FFFFFF;
}
.bestseller-products .product-flags span.RecommendedProduct {
background-color: #FFB74D;
color: #FFFFFF;
}
.bestseller-products .product-flags span.VendorRecomendation {
background-color: #64B5F6;
color: #FFFFFF;
}
.bestseller-products .product-flags span.GreatPrice {
background-color: #A1887F;
color: #FFFFFF;
}
.bestseller-products .product-flags span.GreatQuality {
background-color: #4DB6AC;
color: #FFFFFF;
}
.bestseller-products .product-flags span.Sale {
background-color: #F06292;
color: #FFFFFF;
}
.bestseller-products .product-flags span.Reward {
background-color: #FF7043;
color: #FFFFFF;
}
.bestseller-products .short-desc {
display: none;
}
.homepage .product-item {
margin-bottom: 15px;
margin-top: 5px;
}
.homepage .product-item .product-flags {
left: -15px;
}
.bestseller-products.list-view .product-item {
width: 100%;
min-height: 150px;
}
.bestseller-products.list-view .product-item figure {
width: 99%;
padding: 0;
}
.bestseller-products.list-view .product-item .product-content {
height: 150px;
display: flex;
flex-direction: row;
margin-top: 0;
}
.bestseller-products.list-view .product-item .product-content .centering {
height: 140px;
line-height: 140px;
width: 20%;
}
.bestseller-products.list-view .product-item .product-content .product-desc {
width: 80%;
height: 100%;
}
.bestseller-products.list-view .product-item .product-content .product-name {
height: auto;
text-align: left;
font-size: 16px !important;
max-width: 70%;
font-weight: 600;
}
.bestseller-products.list-view .product-item .product-content .short-desc {
max-width: 70%;
display: block;
text-align: justify;
}
.bestseller-products.list-view .product-item .product-content .code {
text-align: left;
}
.bestseller-products.list-view .product-item .product-content .price {
position: absolute;
right: 0;
top: 0;
}
.bestseller-products.list-view .product-item .product-content .brutto {
position: absolute;
right: 0;
top: 45px;
}
.bestseller-products.list-view .product-item .product-content .add-to-cart {
position: absolute !important;
right: 0 !important;
left: inherit !important;
top: inherit !important;
bottom: 0;
}
.bestseller-products.list-view .product-item .product-flags {
margin-bottom: 0;
left: 0;
}
.slick-arrow,
.slider .slick-arrow {
display: inline-block;
font-style: normal;
font-family: "Font Awesome 5 Free";
font-weight: 900;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
background: transparent;
border: none;
font-size: 0;
line-height: normal;
padding: 0;
cursor: pointer;
}
.slick-prev {
left: -20px;
}
.slick-next {
right: -20px;
}
.slider .slick-next::before {
content: "\f054";
}
.slider .slick-prev::before {
content: "\f053";
}
.products-preview .row {
margin: 15px 0 0 0;
}
.products-preview .row figure {
display: block;
float: left;
width: 97%;
margin: 5px;
padding: 0 20px;
}
.products-preview .row .product-content {
height: 365px;
}
.promotions .product-flags {
left: 0;
}
.promotions .bestseller-products .product-content {
height: auto;
}
@media (max-width: 1200px) {
.bestseller-products .product-content .code {
font-size: 12px;
}
.bestseller-products .product-content {
padding: 0px 0px;
}
.products-preview .row .product-content {
height: 290px;
}
.bestseller-products .product-content .centering {
height: 165px;
}
}
@media (max-width: 768px) {
.bestseller-products.list-view .product-item .product-content .short-desc {
display: none;
}
.products-preview .row {
margin: 0px 0 0 0;
}
.bestseller-products .product-item {
margin-bottom: 0px;
margin-top: 0px;
}
}
@media (max-width: 478px) {
.bestseller-products.list-view .product-item .product-content .product-name {
max-width: 100%;
}
.bestseller-products.list-view .product-item .product-content .price {
top: 60px !important;
right: 50px;
}
.bestseller-products.list-view .product-item .product-content .brutto {
top: 105px !important;
right: 50px;
}
.bestseller-products.list-view .product-item .product-content .add-to-cart {
top: 65px !important;
}
.bestseller-products.list-view .product-item .product-content .centering {
height: 120px;
line-height: 120px;
}
}
.custom-modal-spe {
max-height: 695px;
max-width: 700px;
padding: 0;
}
.custom-modal-spe .flex-spe {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #CED2D9;
padding: 20px;
}
.custom-modal-spe .flex-spe .glyphicon-remove {
position: relative;
top: 0;
right: 0;
left: 0;
bottom: 0;
color: #000;
margin-left: 20px;
}
.custom-modal-spe .flex-spe .title {
margin: 0;
color: #06a75c;
}
.custom-modal-spe .flex-spe .title i {
padding-right: 15px;
}
.custom-modal-spe .flex-spe button {
position: absolute;
top: 130px;
margin: 0 auto !important;
width: calc(100% - 100px);
}
.custom-modal-spe .flex-spe-prod {
padding: 30px 20px;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 55px;
}
.custom-modal-spe .flex-spe-prod span {
color: #d32616;
font-weight: 600;
max-width: 80%;
font-size: 16px;
max-height: 28px;
overflow: hidden;
}
.custom-modal-spe .flex-spe-prod em {
color: #d32616;
font-weight: 600;
font-size: 16px;
}
.custom-modal-spe .flex-spe-promo {
background-color: #F4F5F6;
padding: 10px 20px;
}
.custom-modal-spe .flex-spe-promo .slick-prev {
left: -15px;
}
.custom-modal-spe .flex-spe-promo .slick-next {
right: -15px;
}
.custom-modal-spe .flex-spe-promo .product-item {
background-color: #fff;
}
.custom-modal-spe .flex-spe-promo .lazyslider-container .slick-slider {
display: block !important;
}
.custom-modal-spe .flex-spe-promo h2 {
margin-bottom: 10px;
}
.custom-modal-spe .flex-spe-promo .bestseller-products {
margin-bottom: 10px;
}
#afterAddingToCartPopup .saver-check {
margin-top: 20px;
display: flex;
justify-content: center;
}
.hover-box2 {
width: 100%;
max-height: 100% !important;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
position: absolute;
z-index: 11111;
top: 0;
display: block;
}
@media (max-width: 768px) {
.custom-modal-spe .flex-spe button {
position: absolute;
top: 170px;
margin: 0 auto !important;
width: calc(100% - 40px);
}
.hover-box2 .custom-modal-spe .flex-spe-prod {
padding: 20px 20px 135px 20px;
margin-bottom: 5px;
}
}
/* ---- page ---- */
.details-section .main-photo {
/*        height: 380px;*/
}
.details-section .attributes {
padding: 15px 15px 0 15px;
}
.details-section #special-text {
color: #d32616;
text-align: center;
padding: 15px 15px 0 15px;
}
.details-section .infos .product-name {
display: block;
text-transform: uppercase;
font-size: 26px;
}
.details-section .infos .top-icons {
position: absolute;
right: 0;
top: -40px;
display: flex;
flex-direction: row;
}
.details-section .infos .top-icons a {
color: #757575;
transition: all 0.3s;
margin-left: 40px;
font-size: 13px;
}
.details-section .infos .top-icons a:hover {
color: #d32616;
}
.details-section .infos .left-menu {
padding-right: 35px;
min-height: 320px;
}
.details-section .infos .left-menu .opinion {
height: 20px;
margin-bottom: 5px;
float: none;
display: block;
}
.details-section .infos .left-menu .opinion .left {
display: inline-block;
float: left;
line-height: 15px;
}
.details-section .infos .left-menu .opinion .left .glyphicon-star.fill {
color: #d32616;
font-size: 15px;
}
.details-section .infos .left-menu .opinion .left .glyphicon-star-empty {
font-size: 15px;
}
.details-section .infos .left-menu .opinion .right {
display: inline-block;
float: left;
margin-bottom: 5px;
line-height: 15px;
margin-left: 20px;
}
.details-section .infos .left-menu .opinion .right span {
color: #000000;
font-size: 13px;
}
.details-section .infos .left-menu .data {
color: #606060;
font-size: 14px;
font-weight: 500;
margin-bottom: 10px;
}
.details-section .infos .left-menu .data span {
color: #d32616;
}
.details-section .infos .left-menu .producer {
margin-bottom: 10px;
color: #d32616;
}
.details-section .infos .left-menu .producer a {
color: #d32616;
}
.details-section .infos .left-menu .data-spec {
color: #d32616;
font-weight: 600;
}
.details-section .infos .left-menu .code {
border-bottom: 1px solid #CED2D9;
margin-bottom: 15px;
padding-bottom: 15px;
}
.details-section .infos .left-menu .code .code-name {
font-size: 13px;
color: #949494;
}
.details-section .infos .left-menu .units {
border-bottom: 1px solid #CED2D9;
margin-bottom: 10px;
padding-bottom: 10px;
}
.details-section .infos .left-menu .units .unit-dropdown {
display: block;
border: 1px solid #CED2D9;
border-radius: 0;
padding: 7px 20px;
text-transform: lowercase;
}
.details-section .infos .left-menu .units .unit-dropdown.open {
border-radius: 18px 18px 0 0;
}
.details-section .infos .left-menu .units .unit-dropdown .glyphicon-menu-down {
right: 12px;
top: 12px;
}
.details-section .infos .left-menu .units .unit-dropdown .dropdown-menu {
left: 32px;
}
.details-section .infos .left-menu .units .unit-dropdown .dropdown-menu li {
padding: 6px 21px;
transition: all 0.3s;
display: flex;
justify-content: space-between;
}
.details-section .infos .left-menu .units .unit-dropdown .dropdown-menu li:hover {
color: #d32616;
}
.details-section .infos .left-menu .states {
border-bottom: 1px solid #CED2D9;
margin-bottom: 15px;
padding-bottom: 10px;
}
.details-section .infos .left-menu .options a {
color: #606060;
transition: all 0.3s;
font-family: "Poppins", sans-serif;
text-transform: inherit;
font-weight: 500;
display: block;
margin-bottom: 10px;
float: left;
}
.details-section .infos .left-menu .options a:hover {
color: #d32616;
}
.details-section .infos .right-menu .flags {
height: 55px;
}
.details-section .infos .right-menu .flags .product-flags {
display: block;
float: right;
height: 24px;
}
.details-section .infos .right-menu .flags .product-flags span {
font-size: 13px;
text-transform: uppercase;
border-radius: 0;
padding: 5px 23px 3px 23px;
}
.details-section .infos .right-menu .flags .product-flags span.NewProduct {
background-color: #2d6c30;
color: #FFFFFF;
}
.details-section .infos .right-menu .flags .product-flags span.PromotionalProduct {
background-color: #9E9E9E;
color: #FFFFFF;
}
.details-section .infos .right-menu .flags .product-flags span.Promotion {
background-color: #d33e3c;
color: #FFFFFF;
}
.details-section .infos .right-menu .flags .product-flags span.BestRated {
background-color: #9575CD;
color: #FFFFFF;
}
.details-section .infos .right-menu .flags .product-flags span.RecommendedProduct {
background-color: #FFB74D;
color: #FFFFFF;
}
.details-section .infos .right-menu .flags .product-flags span.VendorRecomendation {
background-color: #64B5F6;
color: #FFFFFF;
}
.details-section .infos .right-menu .flags .product-flags span.GreatPrice {
background-color: #A1887F;
color: #FFFFFF;
}
.details-section .infos .right-menu .flags .product-flags span.GreatQuality {
background-color: #4DB6AC;
color: #FFFFFF;
}
.details-section .infos .right-menu .flags .product-flags span.Sale {
background-color: #F06292;
color: #FFFFFF;
}
.details-section .infos .right-menu .flags .product-flags span.Reward {
background-color: #FF7043;
color: #FFFFFF;
}
.details-section .infos .right-menu .buys {
border: 1px solid #CED2D9;
border-radius: 15px;
/*the container must be positioned relative:*/
/*style the arrow inside the select element:*/
/*point the arrow upwards when the select box is open (active):*/
/*style the items (options), including the selected item:*/
/*style items (options):*/
/*hide the items when the select box is closed:*/
}
.details-section .infos .right-menu .buys .custom-select {
position: relative;
font-family: Arial;
}
.details-section .infos .right-menu .buys .custom-select select {
display: none;
}
.details-section .infos .right-menu .buys .select-selected {
background-color: #FFFFFF;
}
.details-section .infos .right-menu .buys .select-selected:after {
position: absolute;
content: "";
top: 38px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #4d4d4d transparent transparent transparent;
}
.details-section .infos .right-menu .buys .select-selected.select-arrow-active:after {
border-color: transparent transparent #d32616 transparent;
top: 33px;
}
.details-section .infos .right-menu .buys .select-items {
border: 1px solid #CED2D9;
margin-top: -1px;
}
.details-section .infos .right-menu .buys .select-items div {
color: #000000;
padding: 8px 16px;
border-bottom: 1px solid #CED2D9;
font-family: "Poppins", sans-serif;
cursor: pointer;
user-select: none;
}
.details-section .infos .right-menu .buys .select-items div:last-child {
border-radius: 0px 0px 18px 18px;
border-bottom: none;
}
.details-section .infos .right-menu .buys .select-selected {
color: #000000;
padding: 8px 16px;
border: 1px solid #CED2D9;
font-family: "Poppins", sans-serif;
border-radius: 0;
cursor: pointer;
user-select: none;
}
.details-section .infos .right-menu .buys .select-items {
position: absolute;
background-color: #FFFFFF;
top: 100%;
left: 0;
right: 0;
z-index: 99;
}
.details-section .infos .right-menu .buys .select-hide {
display: none;
}
.details-section .infos .right-menu .buys .select-items div:hover, .details-section .infos .right-menu .buys .same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
.details-section .infos .right-menu .buys .price-netto {
font-size: 13px;
color: #949494;
text-align: right;
margin-top: 20px;
margin-right: 20px;
}
.details-section .infos .right-menu .buys .price-netto-prev {
font-size: 13px;
color: #949494;
text-align: right;
margin-top: 20px;
margin-bottom: -20px;
margin-right: 20px;
text-decoration: line-through;
}
.details-section .infos .right-menu .buys .price {
text-align: right;
}
.details-section .infos .right-menu .buys .price .current {
font-size: 24px;
color: #d32616;
}
.details-section .infos .right-menu .buys .price .current .curr {
color: #d32616;
}
.details-section .infos .right-menu .buys .brutto {
display: block;
text-align: right;
margin-right: 20px;
margin-bottom: 0;
color: #606060;
}
.details-section .infos .right-menu .buys .buy-info {
margin-bottom: -10px;
text-align: right;
margin-right: 20px;
color: #606060;
}
.details-section .infos .right-menu .buys .buy-button {
display: flex;
flex-direction: column;
margin: 20px;
}
.details-section .infos .right-menu .buys .buy-button .add-to-cart::before, .details-section .infos .right-menu .buys .buy-button .notify-about::before {
content: none;
}
.details-section .infos .right-menu .buys .buy-button .add-to-cart, .details-section .infos .right-menu .buys .buy-button .notify-about {
margin: 0;
}
.details-section .infos .right-menu .buys .buy-button .add-to-cart > span, .details-section .infos .right-menu .buys .buy-button .notify-about > span {
line-height: inherit;
width: 230px;
height: auto;
float: right;
margin-right: 0;
}
.details-section .infos .right-menu .buys .buy-button .add-to-cart > span .my-span, .details-section .infos .right-menu .buys .buy-button .notify-about > span .my-span {
margin-left: -30px;
}
.details-section .infos .right-menu .buys .buy-button #div-ilosc {
text-align: right;
}
.details-section .infos .right-menu .buys .buy-button #div-ilosc .add-to-cart-quantity::-webkit-outer-spin-button,
.details-section .infos .right-menu .buys .buy-button #div-ilosc .add-to-cart-quantity::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.details-section .infos .right-menu .buys .buy-button #div-ilosc .add-to-cart-quantity {
width: 70px;
border-radius: 0;
display: inline-block;
vertical-align: middle;
border: none;
border-top: 1px solid #CED2D9;
border-bottom: 1px solid #CED2D9;
background: none;
height: 35px;
line-height: 35px;
color: #606060;
text-align: center;
font-size: 16px;
font-weight: 600;
margin-top: 0;
margin-left: -5px;
margin-right: -5px;
margin-bottom: 0;
padding: 0;
}
.details-section .infos .right-menu .buys .buy-button #div-ilosc .qty {
width: 35px;
display: inline-block;
vertical-align: middle;
border: 1px solid #CED2D9;
background: none;
height: 35px;
text-align: center;
color: #606060;
font-size: 20px !important;
transition: all 0.3s;
margin: 0;
padding: 7px 2px;
}
.details-section .infos .right-menu .buys .buy-button #div-ilosc .qty:hover {
color: #000000;
}
.details-section .infos .right-menu .buys .buy-button #div-ilosc .qtyminus {
border-right: 0;
border-radius: 25px 0 0 25px;
}
.details-section .infos .right-menu .buys .buy-button #div-ilosc .qtyplus {
border-left: 0;
border-radius: 0 25px 25px 0;
}
.details-section .infos .right-menu .buys .order-info {
width: 100%;
padding: 0 15px;
}
.details-section .infos .right-menu .buys .order-info p {
text-align: right;
}
.negocjuj-form {
position: fixed;
left: 0;
right: 0;
margin: auto;
width: 100%;
max-width: 570px;
max-height: 815px;
overflow: auto;
top: 50%;
top: 50vh;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: #FFFFFF;
color: #606060;
border: 2px solid #d32616;
z-index: 50;
padding: 20px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
}
.negocjuj-form .close {
position: absolute;
top: 15px;
right: 15px;
color: #606060;
text-shadow: none;
opacity: 0.5;
}
.negocjuj-form .close:hover {
opacity: 1;
}
.negocjuj-form iframe {
border: none;
}
.custom-modal, .tell-about-form, .ask-about-form, .ask-for-price-form, .negocjuj-form {
border: 2px solid #d32616;
z-index: 12000;
}
.custom-modal input, .custom-modal textarea, .tell-about-form input, .tell-about-form textarea, .ask-about-form input, .ask-about-form textarea, .ask-for-price-form input, .ask-for-price-form textarea, .negocjuj-form input, .negocjuj-form textarea {
background: #FFFFFF;
color: #d32616;
border: 1px solid #d8d8d8;
}
.custom-modal .title, .tell-about-form .title, .ask-about-form .title, .ask-for-price-form .title, .negocjuj-form .title {
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #d32616;
margin-left: 10px;
margin-bottom: 5px;
}
.custom-modal button, .tell-about-form button, .ask-about-form button, .ask-for-price-form button, .negocjuj-form button {
margin-left: 0;
}
.custom-modal .content, .tell-about-form .content, .ask-about-form .content, .ask-for-price-form .content, .negocjuj-form .content {
padding: 10px;
}
.preview-info .photos.slider.thumb .slick-slider .slick-slide.slick-current {
border: 2px solid #d32616;
}
.ask-about-form button {
float: right;
margin-right: 20px;
}
#myTabs .nav-tabs {
border-bottom: 1px solid #CED2D9;
margin-bottom: 20px;
}
#myTabs .nav-tabs > li {
margin-bottom: -13px;
}
#myTabs .nav-tabs > li a {
color: #606060;
}
#myTabs .nav-tabs > li.active > a, #myTabs .nav-tabs > li.active > a:focus, #myTabs .nav-tabs > li.active > a:hover {
border: 1px solid transparent;
border-bottom: 1px solid #d32616;
font-size: 14px;
color: #606060;
}
#myTabs .nav > li > a:focus, #myTabs .nav > li > a:hover {
background: none;
color: #d32616;
border: 1px solid transparent;
}
#myTabs #desc .overflow-wrapper, #myTabs #desc b, #myTabs #desc p, #myTabs #desc span, #myTabs #desc div, #myTabs #desc li {
text-align: justify;
line-height: 28px !important;
}
#myTabs #desc h2 {
font-size: 22px;
}
#myTabs #desc #desc-nav-more, #myTabs #desc #desc-nav-collapse {
font-family: "Poppins", sans-serif;
cursor: pointer;
background-color: #d32616;
color: #FFFFFF;
border-radius: 25px;
padding: 5px 10px;
}
#myTabs #desc #desc-nav-more:hover, #myTabs #desc #desc-nav-collapse:hover {
background-color: #d32616;
color: #FFFFFF;
}
#myTabs #desc .overflow-wrapper {
overflow: hidden;
margin-bottom: 8px;
}
#myTabs .technical-info .inner-clear {
display: flex;
flex-direction: column;
}
#myTabs .technical-info .inner-clear div {
display: flex;
flex-direction: row;
margin-bottom: 10px;
}
#myTabs .technical-info .inner-clear div .pierwszy {
font-weight: bold;
flex: 20%;
}
#myTabs .technical-info .inner-clear div .drugi {
flex: 80%;
}
#product-page .bestseller-products .title-box .section-title {
font-size: 22px;
width: 275px;
}
#opinion-list .my-button {
margin-top: -3px;
}
.breadcrumb li span {
color: #606060;
}
.breadcrumb li:hover span {
color: #770000;
}
.breadcrumb li.active span {
color: #770000;
}
.breadcrumb ol {
background: #ffffff !important;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
}
.breadcrumb ol a {
color: #d32616 !important;
transition: all 0.3s;
}
.breadcrumb ol a:hover {
color: #d32616 !important;
}
.files {
background-color: #fff;
padding: 0;
}
.files li:hover a {
color: #d32616 !important;
}
#full-screen-gallery {
z-index: 25555;
}
.preview-info .photos.slider .slick-arrow {
background: transparent;
}
.prod-desc .s-one-one {
display: flex;
align-items: center;
}
.prod-desc .s-one-one .s-box-img {
width: 50%;
}
.prod-desc .s-one-one .s-box-img img {
object-fit: cover;
height: 300px;
width: 550px;
display: block;
margin: 0 auto;
}
.prod-desc .s-one-one .s-text {
width: 50%;
font-size: 20px;
padding: 0 5%;
}
.prod-desc .s-alone-title {
border-bottom: 1px solid #CED2D9;
margin: 40px 0;
}
.prod-desc .s-alone-title h3 {
text-align: center;
margin: 0 auto -12px auto;
font-size: 24px;
background-color: #fff;
display: block;
width: 350px;
}
.prod-desc .s-all-in {
display: flex;
align-items: center;
justify-content: space-evenly;
}
.prod-desc .s-all-in .s-left, .prod-desc .s-all-in .s-right {
width: 40%;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 30px;
}
.prod-desc .s-all-in .s-left h4, .prod-desc .s-all-in .s-right h4 {
text-align: center;
font-size: 20px;
font-weight: 600;
}
.prod-desc .s-all-in .s-left img, .prod-desc .s-all-in .s-right img {
width: 50%;
}
.prod-desc .s-all-in .s-left p, .prod-desc .s-all-in .s-right p {
font-size: 17px;
text-align: center;
padding: 0 10%;
margin-top: 15px;
font-weight: 300;
}
.prod-desc .s-movie {
width: 60%;
margin: 60px auto;
}
.prod-desc .s-pics {
display: flex;
align-items: center;
justify-content: space-evenly;
}
.prod-desc .s-pics .s-left, .prod-desc .s-pics .s-right {
width: 40%;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 30px;
}
@media (max-width: 992px) {
.details-section .infos .left-menu {
margin-top: 15px;
}
.preview-info .photos.slider .slick-slider .slick-slide a {
line-height: 375px;
}
.details-section .infos .product-name {
margin-top: 0;
margin-bottom: 15px;
}
}
@media (max-width: 768px) {
#myTabs .technical-info .inner-clear div .drugi {
flex: 50%;
}
#myTabs .technical-info .inner-clear div .pierwszy {
font-weight: bold;
flex: 50%;
}
.preview-info .photos.slider.main-photo .slick-slide img {
max-width: 395px;
}
}
@media (max-width: 479px) {
.preview-info .infos {
width: 100%;
z-index: inherit;
}
.photos.slider.thumb {
display: none;
}
.preview-info .photos.slider .slick-slider .slick-slide a {
line-height: 125px;
}
.details-section .infos .product-name {
margin-top: 35px;
}
#product-page {
padding: 0 20px;
}
}
#products .header-category .title {
border-left: none;
font-size: 28px;
padding: 0 15px;
margin-bottom: 0;
}
#products .header-category .title.color {
border-left: 3px solid #d32616;
padding: 0 15px;
}
#products .header-category .flex {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 25px;
}
#products .header-category .flex img {
max-width: 40px;
max-height: 40px;
}
#products .sort {
display: inline-block;
}
#products .change-view {
float: right;
display: inline-block;
margin-top: -10px;
margin-right: 30px;
margin-bottom: 10px;
}
#products .change-view .view-button {
background-color: #F4F5F6;
cursor: pointer;
margin-left: 10px;
transition: all 0.3s;
}
#products .change-view .view-button:hover {
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
}
#products .change-view .view-button:hover i {
color: #d32616;
}
#products .change-view .view-button i {
color: #d32616;
font-size: 20px;
transition: all 0.3s;
}
#products .overflow-wrapper p, #products .overflow-wrapper li {
text-align: justify;
line-height: 28px;
}
#products #short_menu {
border-bottom: 1px solid #CED2D9;
padding: 15px;
}
#products #short_menu .go_back a {
font-size: 13px;
}
#products #short_menu .go_back a span {
padding-left: 10px;
}
#products #short_menu .go_back a i {
font-size: 10px;
}
#products #short_menu .this p {
font-size: 13px;
font-weight: 600;
}
#products #short_menu .under_category {
padding-left: 15px;
}
#products #short_menu .under_category a {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
font-size: 13px;
transition: all 0.3s;
}
#products #short_menu .under_category a i {
font-size: 10px;
}
#products #short_menu .under_category a:hover {
color: #d32616;
}
#products .filters {
background-color: #FFFFFF;
border: 1px solid #CED2D9;
padding: 5px 10px;
border-radius: 15px;
}
#products .filters .filter-title {
font-size: 16px;
font-weight: 600;
padding-top: 15px;
text-align: center;
text-transform: uppercase;
}
#products .filters .filter-content {
padding: 0;
}
#products .filters .filter-label {
color: #000000;
font-family: "Poppins", sans-serif;
border-bottom: 1px solid #CED2D9;
text-transform: initial;
font-size: 15px;
padding-bottom: 5px;
}
#products .filters .switch label {
color: #000000;
font-weight: 500;
text-transform: initial;
}
#products .filters .filter input {
border: 1px solid #CED2D9;
border-radius: 15px;
font-family: "Poppins", sans-serif;
}
#products .filters .btn_flt_outline {
background-color: #FFFFFF;
}
#products .filters .btn_flt_outline #btn_flt {
margin: 0 auto;
display: block;
width: 200px;
position: relative !important;
}
#products #desc-nav-more,
#products #desc-nav-collapse {
transition: all 0.3s;
}
#products #desc-nav-more:hover,
#products #desc-nav-collapse:hover {
color: #d32616;
}
#products #desc-nav-more, #products #desc-nav-collapse {
font-family: "Poppins", sans-serif;
cursor: pointer;
background-color: #d32616;
color: #FFFFFF;
border-radius: 25px;
padding: 5px 10px;
}
#products #desc-nav-more:hover, #products #desc-nav-collapse:hover {
background-color: #d32616;
color: #FFFFFF;
}
#products .overflow-wrapper {
overflow: hidden;
margin-bottom: 8px;
}
#products .content.spe #spe-2 {
display: none;
}
#products .content.spe.dual .overflow-wrapper {
overflow: auto !important;
height: 100% !important;
}
#products .content.spe.dual .category-desc-button {
display: none;
}
#products #second-desc {
display: none;
float: left;
}
#products #second-desc h2 {
border-left: 3px solid #d32616;
font-size: 28px;
padding: 0 25px;
}
#products #second-desc p {
text-align: justify;
line-height: 28px;
}
#products #second-desc p a {
color: #d32616;
}
#products #second-desc p a:hover {
text-decoration: underline;
}
#products #second-desc #spe-1 {
display: none;
}
#products .sort .dropdown-label {
color: #d32616;
}
#products .sort .dropdown-menu {
background: #ffffff;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
}
#products .sort .dropdown-menu li {
transition: all 0.3s;
}
#products .sort .dropdown-menu li:hover {
color: #d32616;
}
#products .skip-top {
transition: all 0.3s;
}
#products .skip-top:hover {
color: #d32616;
}
#products .skip-top:hover:before {
color: #d32616;
}
#products .pagination li a:hover {
color: #d32616;
}
#products .breadcrumbs {
margin-top: -25px;
margin-bottom: -10px;
margin-left: 0px;
max-width: 100%;
}
#btn_flt {
font-size: 13px;
padding-left: 15px;
}
#btn_cancel {
font-size: 13px;
padding-left: 15px;
margin: 40px auto 0 auto;
display: block;
width: 200px;
position: relative !important;
}
.category-preview {
display: none;
margin-top: 25px;
margin-bottom: 25px;
}
.category-preview .pro-title {
border-top: 2px solid #CED2D9;
}
.category-preview .pro-title h3 {
margin-top: 5px;
}
.category-preview .pro-title h3 span {
font-weight: bold;
}
.category-preview .cat-desc {
color: #67655E;
}
.category-preview .cat-groups {
border-top: 1px solid #CED2D9;
}
.category-preview .cat-group .cat-headbox {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0px;
border-bottom: 1px solid #CED2D9;
}
.category-preview .cat-group .cat-headbox .cat-header {
margin-bottom: 5px;
}
.category-preview .cat-group .cat-headbox .cat-header span {
color: #67655E;
}
.category-preview .cat-group .cat-headbox .cat-undercat {
color: #67655E;
font-size: 13px;
margin: 0;
}
.category-preview .cat-group .cat-headbox .cat-undercat span:not(:first-child) {
display: none;
}
.category-preview .cat-group .cat-headbox i {
color: #67655E;
}
.category-preview .cat-group .cat-headbox i.rotate {
transform: rotate(-180deg);
/*transform: rotate(180deg);*/
transition: 0.3s;
}
.category-preview .cat-group .cat-headbox i.rotate-reset {
transform: rotate(0deg);
transition: 0.3s;
}
.category-preview .cat-group .cat-underbox {
display: none;
}
.category-preview .cat-group .cat-underbox a {
border-bottom: 1px solid #CED2D9;
display: block;
padding: 5px 0 5px 10px;
border-left: 3px solid #CED2D9;
}
.category-preview .cat-group .cat-underbox a .cat-group {
display: flex;
align-items: center;
justify-content: space-between;
border-top: none;
padding: 5px 0;
}
.category-preview .cat-group .cat-underbox a .cat-group .cat-header {
margin: 0;
}
.category-preview .cat-group .cat-underbox a .cat-group .cat-header span {
color: #67655E;
}
.category-preview .cat-group .cat-underbox a .cat-group .cat-undercat {
color: #67655E;
font-size: 13px;
margin: 0;
}
@media (max-width: 1200px) {
#products .filters .btn_flt_outline #btn_flt {
width: 145px;
}
}
@media (max-width: 992px) {
#products #short_menu {
display: none;
}
#products .filters .filter-title {
display: none;
}
#products .filters {
border: none;
padding-left: 0;
top: 0;
position: relative;
width: 100%;
left: 0;
}
#products .filters .filter-content {
border: 1px solid #CED2D9;
padding: 5px 10px;
border-radius: 15px;
}
.category-products .filters .filter-label .glyphicon {
color: #d32616;
}
#products .filters .filter-label {
padding-left: 10px !important;
}
#products .title {
margin-top: 0;
margin-bottom: 70px;
}
.breadcrumbs {
display: block;
}
.breadcrumbs ol {
visibility: visible;
}
.category-preview.showed {
display: block;
}
.products-nav.hidemenu,
.filters.hidemenu,
.products-preview.hidemenu {
display: none;
}
}
@media (max-width: 768px) {
.category-products .products-nav {
top: 0;
}
#products .filters {
margin-top: -10px;
}
.category-products .products-preview {
float: left;
}
.bestseller-products.list-view .product-item .product-content .price {
top: 40px;
}
.bestseller-products.list-view .product-item .product-content .brutto {
top: 90px;
}
.bestseller-products.list-view .product-item figure {
width: 97%;
}
#products #second-desc #spe-1 {
display: block;
}
.category-products .sort {
position: relative;
}
#products .header-category .title {
font-size: 24px;
}
}
@media (max-width: 478px) {
#products .change-view {
margin-top: 5px;
}
}
/* homepage - blog */
.blog-news .post-slick {
width: 48%;
padding-bottom: 40px;
}
.blog-news {
margin-top: 40px;
}
.blog-news .title {
font-size: 24px;
margin: 20px 0;
}
.blog-news .slick-slider {
margin-top: 30px;
}
.blog-news .post-slick:hover .post-box {
background-color: #cbcbcb;
}
.blog-news .post-slick:hover .post-box .box-photo {
transform: scale(1.2);
}
.blog-news .post-slick .post-box {
background-color: #f4f5f6;
display: flex;
border-radius: 20px;
transition: all 0.5s;
}
.blog-news .post-slick .post-box .box-data {
height: 420px;
width: 50%;
overflow: hidden;
border-radius: 20px 0px 0px 20px;
}
.blog-news .post-slick .post-box .box-data .box-photo {
background-size: cover;
background-position: top;
background-repeat: no-repeat;
transition: all 0.5s;
height: 100%;
width: 100%;
}
.blog-news .post-slick .post-box .box-text {
width: 50%;
}
.blog-news .post-slick .post-box .box-text h3 {
font-size: 18px;
padding: 0 25px;
font-weight: 400;
margin: 15px 0;
height: 56px;
}
.blog-news .post-slick .post-box .box-text > p {
height: 255px;
overflow: hidden;
padding: 0 25px;
font-weight: 300;
text-align: justify;
}
.blog-news .post-slick .post-box .box-button {
padding: 0 25px;
display: block;
height: 40px;
margin-top: 35px;
}
.blog-news .post-slick .post-box .box-button .button-data {
display: inline-block;
float: left;
}
.blog-news .post-slick .post-box .box-button .button-data p {
color: #272727;
}
.blog-news .post-slick .post-box .box-button .button-link {
display: inline-block;
float: right;
}
.blog-news .post-slick .post-box .box-button .button-link a {
color: #d32616;
transition: all 0.3s;
}
.blog-news .post-slick .post-box .box-button .button-link a:hover {
text-decoration: underline;
}
.blog-news .post-slick:nth-child(3) .post-box, .blog-news .post-slick:nth-child(4) .post-box, .blog-news .post-slick:nth-child(7) .post-box, .blog-news .post-slick:nth-child(8) .post-box, .blog-news .post-slick:nth-child(11) .post-box, .blog-news .post-slick:nth-child(12) .post-box {
flex-direction: row-reverse;
}
.blog-news .post-slick:nth-child(3) .post-box .box-data, .blog-news .post-slick:nth-child(4) .post-box .box-data, .blog-news .post-slick:nth-child(7) .post-box .box-data, .blog-news .post-slick:nth-child(8) .post-box .box-data, .blog-news .post-slick:nth-child(11) .post-box .box-data, .blog-news .post-slick:nth-child(12) .post-box .box-data {
border-radius: 0px 20px 20px 0px;
}
.blog-news .slick-prev {
left: -20px;
font-size: 30px;
}
.blog-news .slick-prev::before {
color: #000000;
}
.blog-news .slick-next {
right: -20px;
font-size: 30px;
}
.blog-news .slick-next::before {
color: #000000;
}
/* blog - post */
.blog .prev {
max-width: 100%;
height: auto;
float: right;
padding-right: 0;
}
.blog .next {
max-width: 100%;
height: auto;
float: left;
padding-left: 0;
}
.blog-post {
max-width: 65%;
}
.blog-post .box-photo {
max-width: 50%;
max-height: 275px;
margin: 0px auto 35px auto;
display: block;
}
.blog-post .header {
margin-bottom: 30px;
}
.blog-post .date {
text-align: center;
font-size: 16px;
margin-top: -25px;
background-color: #fff;
}
.blog-post .my-title {
font-size: 35px;
text-transform: initial;
margin-bottom: 30px;
width: auto;
}
.blog-post .content {
padding: 15px 0;
}
.blog-post .content p {
line-height: 30px;
color: #d32616;
font-size: 14px;
}
.blog-post .content h2 {
color: #d32616;
font-size: 16px;
font-weight: 600;
}
.blog-post .content h1 {
color: #d32616;
font-size: 18px;
font-weight: 600;
border: none;
padding-left: 0;
}
.blog-post a {
transition: all 0.3s;
}
.blog-post a:hover {
color: #d32616;
}
.blog-post a:hover::after {
color: #d32616;
}
.blog-post .single-post img {
max-width: 100%;
max-height: 100%;
}
.blog .prev::before, .blog .next::after {
content: none;
}
@media (max-width: 1200px) {
.blog-news .post-slick .post-box .box-text h3 {
font-size: 16px;
}
}
@media (max-width: 992px) {
.blog-news .post-slick {
width: 100%;
}
.blog-news .post-slick .post-box .box-text h3 {
height: 35px;
}
.blog-news .post-slick .post-box .box-data {
height: 350px;
}
.blog-news .post-slick .post-box .box-data .box-photo {
background-position: center;
}
.blog-news .post-slick .post-box .box-text > p {
height: 210px;
}
.blog-news .post-slick:nth-child(2) .post-box, .blog-news .post-slick:nth-child(4) .post-box {
flex-direction: row-reverse;
}
.blog-news .post-slick:nth-child(2) .post-box .box-data, .blog-news .post-slick:nth-child(4) .post-box .box-data {
border-radius: 0px 20px 20px 0px;
}
.blog-news .post-slick:nth-child(3) .post-box {
flex-direction: row;
}
.blog-news .post-slick:nth-child(3) .post-box .box-data {
border-radius: 20px 0 0 20px;
}
}
@media (max-width: 768px) {
.blog-news {
margin-top: 0px;
}
.products-preview.post-list {
margin-top: 30px;
}
.blog-news .post-slick {
padding-bottom: 30px;
}
.blog-post .my-title {
font-size: 28px;
width: 100%;
}
.blog .next,
.blog .prev {
margin: 0 auto 10px auto;
float: none;
padding: 0;
}
}
#contact .title {
border-bottom: 2px solid;
}
#contact #contact-data {
width: 50%;
margin: 40px auto;
}
#contact #contact-data .contact-back {
text-align: center;
line-height: 28px;
font-weight: 300;
}
#contact #contact-form {
width: 75%;
margin: 40px auto 0 auto;
background-color: #f4f5f6;
border-radius: 20px;
}
#contact #contact-form .form-content {
width: 75%;
margin: 15px auto;
}
#contact #contact-form .form-content .send-contact-form {
margin: 20px 0px;
}
#contact .title {
font-size: 18px;
font-weight: 400;
padding-bottom: 20px;
padding-top: 20px;
text-align: center;
border: none;
line-height: 28px;
}
#contact input {
height: 40px;
display: block;
width: 100%;
margin-bottom: 25px;
padding: 8px 12px;
border-radius: 20px;
}
#contact textarea {
display: block;
width: 100%;
margin-bottom: 25px;
padding: 8px 12px;
border-radius: 20px;
}
#contact .legend {
opacity: 1;
}
#contact .infodiv {
padding-top: 25px;
padding-bottom: 25px;
}
#contact .infodiv a {
transition: all 0.3s;
}
#contact .infodiv a:hover {
color: #a60000;
}
#contact #contact-maps {
width: 75%;
margin: 0 auto;
}
#contact #contact-maps iframe {
margin-top: 15px;
border-radius: 20px;
}
@media (max-width: 768px) {
#contact #contact-data {
width: 100%;
margin: 0px auto;
}
#contact .title {
padding-bottom: 5px;
padding-top: 5px;
}
#contact .infodiv {
padding-top: 15px;
padding-bottom: 15px;
}
#contact #contact-maps {
width: 100%;
}
#contact #contact-form {
width: 100%;
margin: 20px auto 0 auto;
}
#contact #contact-form .form-content {
width: 95%;
}
}
.regulations {
max-width: 1140px;
min-height: 400px;
margin-top: 40px;
}
.regulations .content {
padding: 0;
color: #000000;
}
.regulations .content p, .regulations .content li {
line-height: 35px;
color: #000000;
font-size: 14px;
text-align: justify;
font-weight: 300;
font-family: "Poppins", sans-serif !important;
}
.regulations .content table {
margin: 15px 0;
display: block;
}
.regulations .content table td {
line-height: 30px;
color: #d32616;
font-size: 14px;
}
.regulations .content h3 {
text-align: center;
margin-bottom: 25px;
}
.regulations .content .comarch-content-box {
margin: 40px 0;
}
.regulations .content .comarch-content-box .comarch-content-text {
padding-left: 0;
padding-right: 40px;
}
.regulations .content .comarch-content-box .comarch-content-info {
background: #f4f5f6;
padding: 30px 10px;
border-radius: 20px;
}
.regulations .content .comarch-content-background {
background-size: cover;
height: 250px;
border-radius: 20px;
margin: 40px 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.regulations .content .comarch-content-background.bf-background {
background-position: bottom;
}
.regulations .content .comarch-content-background.bf-background .inside h2 {
color: #000000;
}
.regulations .content .comarch-content-background.bf-background .inside p {
color: #000000;
}
.regulations .content .comarch-content-background.bf-background .inside .my-button-orange {
background-color: #8423ef;
}
.regulations .content .comarch-content-background.bf-background .inside .my-button-orange:before {
border-color: #8423ef #f4f5f6 #f4f5f6 #f4f5f6;
}
.regulations .content .comarch-content-background.bf-background .inside .my-button-orange .my-icon {
color: #8423ef;
}
.regulations .content .comarch-content-background .inside {
width: 40%;
margin-left: 30px;
}
.regulations .content .comarch-content-background .inside h2 {
color: #FFFFFF;
}
.regulations .content .comarch-content-background .inside p {
color: #FFFFFF;
}
.regulations .content .comarch-content-background .inside a:hover {
color: #FFFFFF;
}
.regulations .content .reference {
display: flex;
justify-content: space-between;
margin: 40px 0;
}
.regulations .content .reference .ref {
display: flex;
flex-direction: column;
background-color: #f4f5f6;
border-radius: 20px;
box-shadow: rgba(0, 0, 0, 0.16) 2px 2px 10px 1px;
width: 30%;
}
.regulations .content .reference .ref div {
height: 190px;
display: flex;
align-items: center;
}
.regulations .content .reference .ref div img {
width: 200px;
margin: 30px auto 30px auto;
display: block;
}
.regulations .content .reference .ref .text {
text-align: justify;
font-weight: 300;
padding: 0 40px;
font-size: 14px;
height: 270px;
}
.regulations .content .reference .ref a {
text-align: center;
margin: 30px 0;
font-size: 14px;
color: #000;
transition: all 0.3s;
}
.regulations .content .reference .ref a:hover {
font-size: 16px;
margin-bottom: 28px;
}
.regulations .files {
background-color: #FFFFFF;
padding: 0;
}
.regulations .files span {
color: #d32616;
}
.regulations .files h2 {
border-bottom: 2px solid;
}
.regulations .files h2 {
line-height: 30px;
color: #d32616;
font-size: 14px;
text-align: justify;
position: relative;
border-width: 2px;
-moz-border-image: -moz-linear-gradient(-30deg, #002f59 35%, #a60000 70%);
-webkit-border-image: -webkit-linear-gradient(-30deg, #002f59 35%, #a60000 70%);
border-image: linear-gradient(150deg, #002f59 35%, #a60000 70%);
border-image-slice: 1;
border-left: 0px;
border-right: 0px;
border-top: 0px;
width: 45%;
margin-left: 50px;
}
.regulations .files li {
line-height: 30px;
color: #d32616;
font-size: 14px;
text-align: justify;
}
.regulations .flex {
display: flex;
justify-content: center;
}
.regulations .flex .flex-inside {
margin: 0 30px;
}
#about-new h2 {
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 15px;
margin-top: 30px;
color: #d32616;
padding-bottom: 10px;
border-bottom: 2px solid transparent;
-moz-border-image: -moz-linear-gradient(-30deg, #002f59 35%, #a60000 70%);
-webkit-border-image: -webkit-linear-gradient(-30deg, #002f59 35%, #a60000 70%);
border-image: linear-gradient(150deg, #002f59 35%, #a60000 70%);
border-image-slice: 1;
color: #002f59;
}
#about-new a {
color: #d32616;
transition: all 0.3s;
}
#about-new a:hover {
color: #770000;
text-decoration: underline;
}
#about-new #about-box {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 30px;
}
#about-new #about-box .tile {
width: 33%;
padding: 0 15px;
}
#about-new #about-box .tile .header {
display: flex;
align-items: center;
height: 60px;
margin-bottom: 10px;
}
#about-new #about-box .tile .header img {
max-width: 70px;
padding: 0 10px;
}
#about-new #about-box .tile .header p {
height: 60px;
display: flex;
align-items: center;
line-height: 18px;
margin-bottom: 0;
padding-left: 12px;
text-align: left;
font-weight: 600;
border-left: 2px solid #d32616;
}
#about-new .cBox {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#about-new h3 {
text-align: center;
margin-bottom: 25px;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
color: #d32616;
}
.offers-section {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1140px;
margin: 40px auto 0 auto;
}
.offers-section .offers-box {
width: 48%;
padding-bottom: 40px;
}
.offers-section .offers-box:hover .box-inside {
background-color: #cbcbcb;
}
.offers-section .offers-box:hover .box-inside .box-photo {
transform: scale(1.2);
}
.offers-section .offers-box .box-inside {
background-color: #f4f5f6;
display: flex;
border-radius: 20px;
transition: all 0.3s;
}
.offers-section .offers-box .box-inside .box-data {
height: 420px;
width: 50%;
overflow: hidden;
border-radius: 20px 0px 0px 20px;
}
.offers-section .offers-box .box-inside .box-data .box-photo {
background-size: cover;
background-position: top;
background-repeat: no-repeat;
transition: all 0.5s;
height: 100%;
width: 100%;
}
.offers-section .offers-box .box-inside .box-text {
width: 50%;
}
.offers-section .offers-box .box-inside .box-text h3 {
font-size: 18px;
padding: 0 25px;
font-weight: 400;
margin: 15px 0;
height: 56px;
}
.offers-section .offers-box .box-inside .box-text p {
height: 255px;
overflow: hidden;
padding: 0 25px;
font-weight: 300;
text-align: justify;
font-size: 14px;
}
.offers-section .offers-box .box-inside .box-text .box-button {
padding: 0 25px;
display: block;
height: 40px;
margin-top: 35px;
}
.offers-section .offers-box .box-inside .box-text .box-button .button-link {
display: inline-block;
float: right;
}
.offers-section .offers-box .box-inside .box-text .box-button .button-link a {
color: #d32616;
transition: all 0.3s;
font-size: 14px;
}
.offers-section .offers-box .box-inside .box-text .box-button .button-link a:hover {
text-decoration: underline;
}
.offers-section .offers-box:nth-child(3) .box-inside, .offers-section .offers-box:nth-child(4) .box-inside, .offers-section .offers-box:nth-child(7) .box-inside, .offers-section .offers-box:nth-child(8) .box-inside {
flex-direction: row-reverse;
}
.offers-section .offers-box:nth-child(3) .box-inside .box-data, .offers-section .offers-box:nth-child(4) .box-inside .box-data, .offers-section .offers-box:nth-child(7) .box-inside .box-data, .offers-section .offers-box:nth-child(8) .box-inside .box-data {
border-radius: 0px 20px 20px 0px;
}
.comarch-page {
margin-top: 40px;
max-width: 1140px;
}
.comarch-page p {
line-height: 35px;
color: #000000;
font-size: 14px;
text-align: justify;
font-weight: 300;
}
.comarch-page .info-grafika {
max-width: 600px;
margin: 0 auto;
display: block;
}
.comarch-page .flex {
display: flex;
justify-content: center;
}
.comarch-page .flex .flex-inside {
margin: 0 30px;
}
.comarch-page .flex .flex-inside .spec {
height: 85px;
}
.comarch-page .flex .flex-inside span {
color: #C08322;
text-align: center;
display: block;
margin-top: -32px;
font-size: 11px;
}
.comarch-page .flex-menu {
display: flex;
margin: 40px 0;
justify-content: space-evenly;
}
.comarch-page .flex-menu .item {
position: relative;
height: 100%;
width: 250px;
background-color: #105ACD;
border-radius: 20px;
}
.comarch-page .flex-menu .item:hover .background {
opacity: 0;
}
.comarch-page .flex-menu .item .background {
border-radius: 20px;
opacity: 1;
transition: all 0.4s;
}
.comarch-page .flex-menu .item .content {
position: absolute;
top: 0px;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.comarch-page .flex-menu .item .logo {
height: 55px;
}
.reg-buttons {
float: right;
}
.reg-but-spec {
width: 100%;
margin: 40px 0;
}
.reg-but-spec .my-button {
width: 280px;
}
.cert-gallery {
margin-top: 40px;
}
.cert-gallery h2 {
text-align: center;
margin-bottom: 30px;
}
.cert-gallery .inside {
display: flex;
flex-wrap: wrap;
}
.cert-gallery .inside .lupa {
width: calc(25% - 60px);
margin: 0px 30px 40px 30px;
box-shadow: rgba(0, 0, 0, 0.16) 2px 2px 10px 1px;
border-radius: 20px;
position: relative;
min-height: 360px;
}
.cert-gallery .inside .lupa img {
border-radius: 20px;
}
.photo-loupe:before {
left: -40px;
}
.comarch-but {
width: 100%;
display: flex;
justify-content: space-between;
}
.tv-top {
margin-top: 25px;
}
.ico-sys {
position: absolute;
right: 0;
top: 0;
display: flex;
}
.ico-sys .sys {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #848484;
margin-left: 20px;
}
.ico-sys .sys i {
font-size: 24px;
}
.eset-box {
display: flex;
margin: 40px 0;
justify-content: space-evenly;
}
.eset-box .eBox {
position: relative;
height: 420px;
width: 330px;
padding: 20px;
border-radius: 20px;
color: #ffffff;
}
.eset-box .eBox.eBox1 {
background: #0096a1;
}
.eset-box .eBox.eBox2 {
background: -owg-linear-gradient(to right, #0096a1, #6093b7);
background: -webkit-linear-gradient(90deg, #0096a1, #6093b7);
background: -moz-linear-gradient(to right, #0096a1, #6093b7);
background: -o-linear-gradient(to right, #0096a1, #6093b7);
-pie-background: -pie-linear-gradient(to right, #0096a1, #6093b7);
background: linear-gradient(90deg, #0096a1, #6093b7);
}
.eset-box .eBox.eBox3 {
background: #6093b7;
}
.eset-box .eBox p {
color: #ffffff;
}
@media (max-width: 1200px) {
.regulations {
max-width: 90%;
}
.cert-gallery .inside .lupa {
width: 29%;
}
.regulations .content .comarch-content-background {
height: 300px;
}
.regulations .content .reference {
flex-wrap: wrap;
justify-content: space-around;
}
.regulations .content .reference .ref {
width: 40%;
margin-bottom: 40px;
}
.regulations .content table {
width: 850px;
}
}
@media (max-width: 992px) {
.offers-section .offers-box {
width: 100%;
}
.offers-section .offers-box .box-inside .box-data {
height: 300px;
}
.offers-section .offers-box .box-inside .box-text p {
height: 150px;
}
.offers-section .offers-box .box-inside .box-text .box-button {
margin-top: 15px;
}
.offers-section .offers-box:nth-child(2) .box-inside, .offers-section .offers-box:nth-child(4) .box-inside, .offers-section .offers-box:nth-child(6) .box-inside, .offers-section .offers-box:nth-child(8) .box-inside {
flex-direction: row-reverse;
}
.offers-section .offers-box:nth-child(2) .box-inside .box-data, .offers-section .offers-box:nth-child(4) .box-inside .box-data, .offers-section .offers-box:nth-child(6) .box-inside .box-data, .offers-section .offers-box:nth-child(8) .box-inside .box-data {
border-radius: 0px 20px 20px 0px;
}
.offers-section .offers-box:nth-child(3) .box-inside, .offers-section .offers-box:nth-child(7) .box-inside {
flex-direction: row;
}
.offers-section .offers-box:nth-child(3) .box-inside .box-data, .offers-section .offers-box:nth-child(7) .box-inside .box-data {
border-radius: 20px 0 0 20px;
}
.cert-gallery .inside .lupa {
width: 44%;
}
.comarch-page .flex-menu .item {
width: 200px;
}
.comarch-page .flex-menu .item .logo {
height: 40px;
}
.regulations .content .comarch-content-background .inside {
width: 80%;
}
.comarch-but .inside {
width: 50%;
}
.comarch-but .inside button {
margin-bottom: 30px;
}
.regulations .content .reference .ref {
width: 100%;
}
.regulations .content .reference .ref div {
height: 120px;
}
.regulations .content .reference .ref .text {
height: 120px;
}
.regulations .content .reference .ref a {
margin: 15px 0;
}
}
@media (max-width: 768px) {
.comarch-but {
justify-content: center;
flex-wrap: wrap;
}
.comarch-but .inside {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.comarch-but .inside a {
margin-right: 0 !important;
}
.comarch-but .inside a button {
margin-bottom: 0;
}
.comarch-but a {
margin-bottom: 30px;
}
.regulations .content .comarch-content-background {
height: 370px;
}
.cert-gallery .inside .lupa {
width: 100%;
}
.comarch-page .info-grafika {
max-width: 100%;
}
.comarch-page .flex-menu {
flex-wrap: wrap;
}
.comarch-page .flex-menu .item {
margin-bottom: 20px;
}
.comarch-page h2 {
text-align: center;
font-size: 24px;
}
.comarch-page {
margin-top: 30px;
}
.regulations {
margin-top: 30px;
}
.regulations h2 {
text-align: center !important;
font-size: 24px;
}
.regulations .content .comarch-content-background .inside {
width: 100%;
padding: 0 10px;
margin-left: 0px;
}
.regulations .content .comarch-content-background .inside h2 {
margin-top: 0;
text-align: center;
font-size: 24px;
}
.regulations .content .comarch-content-background .my-button {
margin: 0 auto;
display: block;
}
.regulations .content .comarch-content-box .comarch-content-text {
padding-right: 0;
}
.regulations .content .reference .ref .text {
height: 310px;
}
.regulations .content .reference {
margin: 0;
}
.offers-section .offers-box .box-inside {
flex-wrap: wrap;
}
.offers-section .offers-box .box-inside .box-data {
width: 100%;
height: 175px;
border-radius: 20px 20px 0px 0px !important;
border: 1px solid #f4f5f6;
}
.offers-section .offers-box .box-inside .box-text {
width: 100%;
}
.offers-section .offers-box .box-inside .box-text h3 {
margin: 15px 0;
height: 35px;
text-align: center;
}
.offers-section .offers-box .box-inside .box-text p {
height: 85px;
}
.offers-section .offers-box {
padding-bottom: 30px;
}
.reg-but-spec .my-button {
margin: 0 auto;
display: block;
}
.ico-sys {
position: relative;
margin: 15px 0;
justify-content: center;
}
.tv-top .col-md-6 {
margin-bottom: 50px;
}
}
.login.container {
min-height: 600px;
}
.login.container h2 {
display: block;
}
.login.container .remind {
transition: all 0.3s;
color: #d32616;
}
.login.container .remind:hover {
color: #d32616;
}
.register .form,
.login .form,
.pass-remind .form,
.advanced-search .form {
color: #686b6e;
padding: 30px 25px;
width: 50%;
margin: 0 auto;
display: block;
float: none;
border: 1px solid #CED2D9;
border-radius: 15px;
margin-bottom: 15px;
}
.pass-remind .form {
display: flex;
flex-direction: column;
}
.pass-remind .form p {
width: 100%;
}
.pass-remind button {
margin-top: 0px;
}
.register input,
.login input,
.pass-remind input,
.advanced-search input {
height: 40px;
display: block !important;
width: 100% !important;
margin-bottom: 9px !important;
padding: 8px 12px !important;
border: 1px solid #d8d8d8 !important;
}
.register select,
.login select,
.pass-remind select,
.advanced-search select {
height: 40px;
display: block !important;
width: 100% !important;
margin-bottom: 9px !important;
padding: 8px 12px !important;
border: 1px solid #d8d8d8 !important;
}
.login .form .button-box {
display: flex;
justify-content: space-between;
}
@media (max-width: 768px) {
.login .form .button-box {
justify-content: flex-end;
flex-wrap: wrap;
}
}
.register .form .button-box,
.pass-remind .form .button-box,
.advanced-search .form .button-box {
display: flex;
justify-content: flex-end;
}
.register .form .my-button,
.login .form .my-button,
.pass-remind .form .my-button,
.advanced-search .form .my-button {
display: block;
margin-right: 0;
}
.fb-login-section {
width: 100%;
margin-top: 0px;
padding: 0;
z-index: 1;
position: relative;
}
.fb-login-section i {
margin-right: 15px;
}
.fb-login-section .social-button:hover {
background-color: #2f497d;
}
.rejestracja {
width: 50%;
margin: 0 auto;
padding: 0 25px;
}
.rejestracja a {
transition: all 0.3s;
font-weight: 600;
}
.rejestracja a:hover {
color: #d32616;
}
.advanced-search h2.my-title,
.register h2.my-title {
margin-top: 0;
font-size: 18px;
font-family: "Poppins", sans-serif;
}
.reg-title {
border-bottom: 2px solid;
}
.reg-title {
color: #d32616;
margin-top: 30px;
margin-bottom: 15px;
padding-bottom: 10px;
font-size: 16px !important;
font-family: "Poppins", sans-serif !important;
border-width: 2px;
-moz-border-image: -moz-linear-gradient(-30deg, #002f59 35%, #a60000 70%);
-webkit-border-image: -webkit-linear-gradient(-30deg, #002f59 35%, #a60000 70%);
border-image: linear-gradient(150deg, #002f59 35%, #a60000 70%);
border-image-slice: 1;
border-left: 0px;
border-right: 0px;
border-top: 0px;
}
button.RegisterFormPost.primary-action.my-button {
width: 250px;
}
.register .switch {
border-bottom: 2px solid;
}
.register .switch {
width: 100%;
margin-top: 30px;
height: 80px;
padding-top: 15px;
border-width: 2px;
margin-bottom: 15px;
-moz-border-image: -moz-linear-gradient(-30deg, #002f59 35%, #a60000 70%);
-webkit-border-image: -webkit-linear-gradient(-30deg, #002f59 35%, #a60000 70%);
border-image: linear-gradient(150deg, #002f59 35%, #a60000 70%);
border-image-slice: 1;
border-left: 0px;
border-right: 0px;
border-top: 0px;
}
.register .switch label {
font-size: 14px;
font-weight: 500;
}
.form .legend {
color: #d32616;
font-family: "Poppins", sans-serif;
opacity: 1;
}
.pass-remind .my-title {
width: 100%;
border: none;
}
.register .current-form {
display: block;
width: 100%;
}
.register .login-box {
display: flex;
width: 40%;
margin: 0 auto 20px auto;
justify-content: space-evenly;
}
.register .login-box .change-form {
border: 1px solid #CED2D9;
border-radius: 35pc;
padding: 5px 10px;
margin-bottom: 0;
transition: all 0.3s;
}
.register .login-box .change-form.this {
background-color: #F4F5F6;
border-color: #d32616;
}
.register .login-box .change-form:hover {
background-color: #d32616;
}
.register .login-box .change-form:hover a {
color: #FFFFFF;
}
@media (max-width: 1200px) {
.register .login-box {
width: 50%;
}
}
@media (max-width: 992px) {
.register .form,
.login .form,
.pass-remind .form,
.advanced-search .form {
width: 100%;
}
}
@media (max-width: 768px) {
.register .login-box {
width: 60%;
}
.rejestracja {
width: 100%;
}
}
@media (max-width: 475px) {
.register .login-box {
width: 75%;
}
}
.order .steps {
display: flex;
justify-content: space-between;
color: #FFFFFF;
list-style-type: none;
text-align: center;
font-size: 15px;
margin: 10px 0;
padding: 0;
background: transparent;
}
.order .steps li {
display: inline-block;
padding: 0px 0px 0 30px;
position: relative;
color: #b1aeae;
font-weight: bold;
height: auto;
}
.order .steps li.line {
height: 1px;
width: 20px;
display: inline-block;
padding: 0;
}
.order .steps li.line:after {
content: "";
position: absolute;
top: 10px;
left: -200%;
right: -200%;
height: 1px;
background-color: #b1aeae;
z-index: 1;
}
.order .steps li.linked {
color: #d32616;
}
.order .steps li.linked:after {
background-color: #d32616;
}
.order .steps li.linked span {
background-color: #d32616;
font-family: "Glyphicons Halflings";
}
.order .steps li.linked span::after {
content: "\e013";
color: #FFFFFF;
margin-left: -8px;
font-size: 12px;
}
.order .steps li.active {
color: #d32616;
background: #FFFFFF;
}
.order .steps li.active::before {
content: none;
}
.order .steps span {
display: block;
height: 25px;
width: 25px;
font-size: 15px;
text-align: center;
padding-top: 2px;
border: 1px solid #CED2D9;
border-radius: 30px;
margin: -24px 0px 0px -30px;
background-color: #FFFFFF;
z-index: 2;
position: relative;
color: #b1aeae;
}
.order .steps li.active span,
.order .steps li.linked span {
border-color: #d32616;
color: #d32616;
}
.order .content {
clear: both;
padding-bottom: 1px;
}
.order .content ul {
padding: 0;
}
.order .content .content-row {
padding-bottom: 15px;
padding-top: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.order .content .content-row.heading {
padding: 10px 20px;
background-color: #d32616;
color: #FFFFFF;
font-weight: 500;
margin-top: 30px;
border-radius: 0;
border: 1px solid transparent;
}
.order .content .content-row.heading .content-col {
font-family: "Poppins", sans-serif !important;
}
.order .content .content-row.heading .content-col.with-stepper:nth-child(1) {
width: -moz-calc(100% - 570px);
width: -webkit-calc(100% - 570px);
width: calc(100% - 570px);
}
.order .content .content-row .content-col.amount.stepper .glyphicon {
cursor: pointer;
width: 35px;
height: 35px;
padding: 5px 10px;
text-align: center;
border: 1px solid #CED2D9;
font-size: 11px;
font-weight: 300;
vertical-align: middle;
background-color: #FFFFFF;
margin-top: -2px;
}
.order .content .content-row .content-col.amount.stepper input {
border-top: 1px solid #CED2D9;
border-bottom: 1px solid #CED2D9;
font-family: "Poppins", sans-serif;
color: #686b6e;
margin: 0 -6px;
height: 35px;
min-height: 35px;
width: 50px;
}
.order .content .content-row .photo img {
max-height: 240px;
border-radius: 0;
}
.order .content .content-row .content-col.photo {
width: 120px;
float: left;
display: flex;
align-items: center;
}
.order .content .content-row .mobile-adapter {
display: flex;
align-items: center;
justify-content: center;
}
.order .content .content-row .content-col.amount.stepper .action-plus {
border-left: 1px solid transparent !important;
border-radius: 0 25px 25px 0;
color: #d32616;
}
.order .content .content-row .content-col.amount.stepper .action-minus {
border-right: 1px solid transparent !important;
border-radius: 25px 0 0 25px;
}
.order .content .content-row .content-col.details.with-stepper {
width: -moz-calc(100% - 700px);
width: -webkit-calc(100% - 700px);
width: calc(100% - 700px);
}
.order .content .content-row .content-col.price.gross, .order .content .content-row .complaint-details .price {
font-family: "Poppins", sans-serif !important;
}
.order .content .content-row .content-col.del {
font-size: 18px;
cursor: pointer;
padding-right: 10px;
cursor: pointer;
color: #d32616;
transition: all 0.3s;
float: left;
min-height: 1px;
padding-top: 0;
}
.order .content .content-row .content-col.del:hover {
color: #686b6e;
}
.order .content .login-partial h2,
.order .content .guest-form h2 {
margin: 0;
text-align: center;
color: #d32616;
font-family: "Poppins", sans-serif;
text-transform: inherit;
padding: 0;
font-size: 18px;
margin-bottom: 10px;
}
.order .content .login-partial .d-opis,
.order .content .guest-form .d-opis {
text-align: center;
color: #b1aeae;
font-size: 15px;
margin-bottom: 10px;
}
.order .content .login-partial input,
.order .content .guest-form input {
border: 1px solid #CED2D9;
border-radius: 0;
margin-bottom: 20px;
}
.order .content .login-partial {
border-right: 1px solid #CED2D9;
}
.order .content .login-partial .reg-form {
padding: 20px 65px;
}
.order .content .login-partial .login {
width: 100%;
display: block;
float: left;
margin: 15px 0;
max-width: 100%;
}
.order .content .login-partial .fb-login-section {
padding: 20px 65px;
}
.order .content .guest-form .data-form {
padding: 20px 65px;
}
.order .content .guest-form .data-form .no-account {
width: 100%;
margin: 0;
}
.order .content .guest-form .lub {
font-size: 18px;
text-align: center;
color: #b1aeae;
margin-top: 15px;
}
.order .content .guest-form .rejestracja {
width: 100%;
padding: 20px 65px;
}
.order .content .guest-form .rejestracja a {
width: 100%;
margin: 0;
}
.order .content .guest-form .modal-content .modal-title {
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
}
.order .content .guest-form .modal-content .close {
width: auto;
margin-top: -38px;
font-size: 36px;
}
.order .content .guest-form .modal-content #kopiowanie {
width: 25% !important;
float: right;
margin-top: -36px;
margin-bottom: 15px;
padding: 5px 15px;
transition: all 0.3s;
}
.order .content .guest-form .modal-content #kopiowanie:hover {
background-color: #d32616;
}
.order .content .guest-form .modal-content #next-modal {
border-radius: 0;
}
.order .content .guest-form .modal-content #next-modal::after {
margin: -20px 0 0 -5px;
}
.order .content .rejestracja a:hover {
color: #FFFFFF;
}
.order .podsumowanie {
border: 1px solid #CED2D9;
border-radius: 0;
padding: 25px;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
.order .podsumowanie > div {
width: 30%;
}
.order .podsumowanie .free {
margin-bottom: 18px;
}
.order .podsumowanie .free .first {
font-size: 15px;
font-weight: bold;
}
.order .podsumowanie .free .last {
font-size: 15px;
font-weight: bold;
color: #d32616;
}
.order .podsumowanie .center h4 {
text-align: center;
color: #d32616;
}
.order .podsumowanie .center h4 #brakuje {
color: #d32616;
}
.order .podsumowanie .center .zaduzo {
display: none;
}
.order .podsumowanie .right {
min-width: 250px;
}
.order .podsumowanie .right .small {
font-size: 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.order .podsumowanie .right .big {
font-size: 18px;
font-weight: bold;
color: #d32616;
display: flex;
align-items: center;
justify-content: flex-end;
}
.order .podsumowanie .right .big p {
margin-left: 10px;
}
.order .voucher-code {
border-radius: 0;
color: #686b6e;
font-family: "Poppins", sans-serif;
background: transparent;
padding: 0;
}
.order .voucher-code input {
border: 1px solid #CED2D9;
font-family: "Poppins", sans-serif;
color: #686b6e;
background-color: #FFFFFF;
border-radius: 0;
height: 35px;
font-size: 13px;
padding: 2px 10px;
width: 245px;
margin-bottom: 10px;
}
.order .voucher-code button {
padding-left: 10px;
width: 265px;
margin-left: 0;
}
.order .voucher-code label {
color: #d32616;
width: 100%;
}
.order .options-first {
display: flex;
justify-content: space-between;
padding: 20px 0;
}
.order .options-first .country {
width: 45%;
}
.order .options-first .country .c-label {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
text-align: left;
color: #000000;
}
.order .options-first .country .dropdown {
border: 1px solid #CED2D9;
border-radius: 0;
padding: 15px;
display: block;
width: 100%;
margin-top: 20px;
}
.order .options-first .country .dropdown.open {
border-radius: 18px 18px 0 0px;
}
.order .options-first .country .dropdown .dropdown-label {
padding-left: 25px;
font-weight: bold;
font-size: 15px;
}
.order .options-first .country .dropdown .glyphicon-menu-down {
right: 25px;
top: 19px;
}
.order .options-first .country .dropdown .dropdown-menu {
width: 100%;
margin-left: 0;
}
.order .options-first .country .dropdown .dropdown-menu li {
padding: 6px 38px;
font-size: 15px;
transition: 0.3s all;
}
.order .options-first .country .dropdown .dropdown-menu li:hover {
color: #d32616;
}
.order .options-first .notes {
width: 45%;
}
.order .options-first .notes h3 {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
text-align: left;
color: #d32616;
margin-top: 15px;
}
.order .options-first .notes #note {
min-height: 100px;
}
.order .options-first .notes textarea#note {
margin: 0;
margin-bottom: 18px;
border: 1px solid #CED2D9;
border-radius: 0;
padding: 25px;
min-height: 125px;
}
.order .options {
padding: 0;
margin-bottom: 30px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
background: #FFFFFF;
}
.order .options .left, .order .options .right {
width: 100%;
}
.order .options .right {
margin-top: 40px;
}
.order .options .delivery-popup-info {
width: 100%;
}
.order .options h3 {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
text-align: left;
color: #d32616;
margin-top: 0;
}
.order .options .delivery,
.order .options .payment {
display: -webkit-flex;
display: -webkit-box;
display: -moz-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
justify-content: space-between;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
clear: both;
}
.order .options .delivery .item,
.order .options .payment .item {
border: 1px solid #CED2D9;
border-radius: 0;
padding: 15px;
position: relative;
float: left;
cursor: pointer;
display: block;
width: 30%;
margin: 0 0 30px 0;
}
.order .options .delivery .item.selected,
.order .options .payment .item.selected {
border: 1px solid #d32616;
background-color: #F4F5F6;
}
.order .options .delivery .item.selected input,
.order .options .payment .item.selected input {
color: #d32616;
}
.order .options .delivery .item input,
.order .options .payment .item input {
display: none;
}
.order .options .delivery .item label,
.order .options .payment .item label {
font-size: 15px;
cursor: pointer;
color: #000000;
margin: 0 10px 0px 0px;
font-weight: bold;
}
.order .options .delivery .item input,
.order .options .payment .item input {
margin: 0 10px 0px 0px;
font-size: 15px;
}
.order .options .delivery .item img,
.order .options .payment .item img {
max-height: 70px;
max-width: 70px;
float: right;
}
.order .options .delivery .item p,
.order .options .payment .item p {
font-size: 13px;
color: #000000;
margin: 0 10px 0px 0px;
}
.order .options .delivery .item small,
.order .options .payment .item small {
display: inline-block;
margin-bottom: 5px;
margin-top: 5px;
visibility: hidden;
}
.order .options .delivery .item .tooltip-container,
.order .options .payment .item .tooltip-container {
margin-left: auto;
color: #d32616;
padding: 5px 10px;
position: absolute;
right: 0;
bottom: 0px;
}
.order .step-summary h3 {
margin-top: 0;
font-weight: bold;
margin-bottom: 18px;
text-align: left;
color: #d32616;
font-size: 20px;
}
.order .info {
font-family: "Poppins", sans-serif;
background: #FFFFFF;
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.order .info .short-info {
color: #686b6e;
font-family: "Poppins", sans-serif;
font-size: 15px;
width: 45%;
background: #fff;
padding: 0;
background: #FFFFFF;
}
.order .info .short-info h3 {
margin-top: 0;
font-weight: bold;
margin-bottom: 18px;
text-align: left;
color: #d32616;
font-size: 20px;
}
.order .info .short-info h4 {
margin-top: 0;
color: #d32616;
}
.order .info .short-info small, .order .info .short-info p {
color: #d32616;
}
.order .info .short-info .short-box-main {
border: 1px solid #CED2D9;
border-radius: 0;
padding: 25px;
}
.order .step-summary {
background: #FFFFFF;
color: #686b6e;
width: 45%;
padding-top: 0;
margin-left: 0;
}
.order .step-summary .title {
font-family: "Poppins", sans-serif;
margin-top: 0;
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
text-align: left;
color: #d32616;
text-transform: inherit;
}
.order .step-summary dl {
margin: 0;
margin-bottom: 18px;
border: 1px solid #CED2D9;
border-radius: 0;
padding: 25px;
}
.order .step-summary dl dt, .order .step-summary dl dd {
color: #d32616;
font-family: "Poppins", sans-serif;
font-weight: 600;
}
.order .step-summary dl .total {
font-family: "Poppins", sans-serif;
}
.order .step-summary dl .total:last-child {
color: #d32616;
}
.order .secondary-action {
width: 330px;
color: #fff;
float: none;
font-family: "Poppins", sans-serif;
min-width: 0;
height: 51px;
margin-left: 0;
}
.order .secondary-action::before {
content: none;
}
.order .secondary-action::after {
content: "";
}
.order .primary-action {
width: 330px;
height: 51px;
text-align: left;
font-family: "Poppins", sans-serif;
margin-right: 0;
}
.order .primary-action::after {
content: "";
position: absolute;
}
.order .delivery-flex {
display: flex;
justify-content: space-between;
}
.order .delivery-flex .flex-1 {
width: 45%;
}
.order .delivery-flex .flex-1 h2 {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
text-align: left;
color: #d32616;
text-transform: inherit;
padding-left: 0;
font-family: "Poppins", sans-serif;
}
.order .delivery-flex .flex-1 .delivery-inputs input, .order .delivery-flex .flex-1 .delivery-inputs select {
border: 1px solid #CED2D9;
margin-bottom: 25px;
}
.order .delivery-flex .flex-2 {
width: 45%;
}
.order .delivery-flex .flex-2 .invoice-inputs h2 {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
text-align: left;
color: #000000;
}
.order .delivery-flex .flex-2 .invoice-inputs .insite input, .order .delivery-flex .flex-2 .invoice-inputs .insite select {
border: 1px solid #CED2D9;
margin-bottom: 25px;
}
.order.summary .s-title {
padding-left: 15px;
margin-top: 30px;
margin-bottom: 0px;
text-transform: uppercase;
font-size: 18px;
color: #b1aeae;
}
.order.summary .address {
padding: 0;
background: #FFFFFF;
font-family: "Poppins", sans-serif;
margin-top: 25px;
}
.order.summary .address h3,
.order.summary .thank-you h3 {
font-family: "Poppins", sans-serif;
font-size: 18px;
margin-bottom: 20px;
margin-top: 5px;
font-weight: bold;
text-transform: inherit;
color: #d32616;
}
.order.summary .address .data,
.order.summary .thank-you .data {
border: 1px solid #CED2D9;
border-radius: 0;
padding: 10px;
}
.order.summary .address .data h4,
.order.summary .thank-you .data h4 {
font-size: 14px;
font-weight: 600;
color: #d32616;
font-family: "Poppins", sans-serif;
}
.order.summary .address .data p,
.order.summary .thank-you .data p {
font-size: 14px;
color: #d32616;
font-family: "Poppins", sans-serif;
}
.order.summary .s-delivery h3 {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
text-align: left;
color: #d32616;
}
.order.summary .s-delivery .inner {
border: 1px solid #CED2D9;
border-radius: 0;
padding: 15px 10px;
}
.order.summary .s-delivery .inner h3 {
color: #d32616;
}
.order.summary .summary-cart {
padding: 0 15px;
}
.order.summary .summary-cart h3 {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
text-align: left;
color: #d32616;
}
.order.summary .summary-cart ul {
border: 1px solid #CED2D9;
}
.order.summary .info {
background: #FFFFFF;
padding: 15px;
display: flex;
margin-top: 10px;
}
.order.summary .info #note {
border: 1px solid #dedede;
min-height: 226px;
margin-top: 0;
}
.order.summary .primary-action {
font-size: 14px;
padding-left: 15px;
width: 100%;
}
.order.data .invoice-inputs {
margin-top: 0;
}
.order.data .invoice-inputs h2 {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
text-align: left;
color: #d32616 !important;
text-transform: inherit;
padding-left: 0;
font-family: "Poppins", sans-serif;
}
.order.data #kopiowanie {
width: 25% !important;
float: right;
margin-top: -36px;
margin-bottom: 15px;
padding: 5px 15px;
transition: all 0.3s;
}
.order.data #kopiowanie:hover {
background-color: #d32616;
}
.order em {
font-weight: 600;
font-family: "Poppins", sans-serif;
}
.order .new-end img {
margin: 50px auto 50px auto;
display: block;
}
.order .new-end h3 {
font-weight: bold;
font-size: 24px;
color: #d32616;
text-align: center;
margin-bottom: 30px;
}
.order .new-end p {
text-align: center;
font-weight: bold;
font-size: 18px;
color: #757575;
}
.order .new-end .end-section {
display: flex;
flex-direction: row;
margin: 50px 0;
justify-content: space-evenly;
}
.order .new-end .end-section div {
color: #d32616;
font-size: 16px;
font-weight: bold;
text-align: center;
position: relative;
flex: 0 1 25%;
}
.order .new-end .end-section div strong {
color: #d32616;
font-size: 18px;
font-weight: bold;
margin-top: 15px;
display: block;
}
.order .new-end .end-section div:not(:last-child)::after {
content: "";
position: absolute;
right: 1px;
top: 0%;
width: 2px;
height: 100%;
background-color: #CED2D9;
}
.order .new-end a {
display: block;
width: 310px;
margin: 30px auto;
padding: 15px 10px;
font-size: 14px;
}
.order .order-empty {
display: flex;
justify-content: center;
align-items: center;
height: 500px;
}
.order .order-empty div {
width: 100%;
}
.order .order-empty div img {
max-width: 140px;
max-height: 140px;
display: block;
margin: 0 auto;
}
.order .order-empty div .empty-cart {
text-align: center;
font-size: 20px;
font-weight: bold;
margin: 25px 0 15px 0;
}
.order .order-empty div .empty-link {
text-align: center;
font-size: 15px;
font-weight: bold;
}
.order .order-empty div .empty-link a {
color: #d32616;
transition: all 0.3s;
}
.order .order-empty div .empty-link a:hover {
color: #002e58;
}
.info.inner-clear::after {
content: none;
}
.order.summary .primary-action::after {
content: "" !important;
}
.login .pass-wrapper .show-pass, .register .pass-wrapper .show-pass, .pass-remind .pass-wrapper .show-pass {
right: 0 !important;
height: 40px;
}
.order .payment-info, .profile-content .order.summary .payment-info {
color: #d32616;
}
.order .content .content-row:not(.heading):not(:last-child) {
border-bottom: 1px solid #CED2D9;
}
.order .switch label {
font-size: 15px;
}
.collection-points-list {
padding: 20px;
background-color: #F4F5F6;
}
.collection-points-list li {
font-size: 15px;
transition: all 0.3s;
}
.collection-points-list li:hover {
background-color: #002e58;
color: #fff;
}
.order .switch label {
font-family: "Poppins", sans-serif;
}
.back-to-order-spe {
display: none;
float: right;
margin-top: -20px;
cursor: pointer;
transition: all 0.3s;
}
.back-to-order-spe:hover {
color: #d32616;
}
@media (max-width: 1200px) {
.order .steps li.line {
width: 6px;
}
}
@media (max-width: 992px) {
.order .steps li.line {
width: 0;
}
.order .content .content-row {
justify-content: space-between;
}
.order .content .content-row .content-col.details.with-stepper {
width: -moz-calc(100% - 335px);
width: -webkit-calc(100% - 335px);
width: calc(100% - 335px);
}
.order .content-row .mobile-adapter {
flex-wrap: wrap;
display: flex;
align-items: center;
justify-content: center;
}
.order .content .content-row .content-col.del, .order .content .content-row .content-col.not-del {
position: absolute;
right: 0;
}
.order .podsumowanie {
margin-top: 20px;
flex-wrap: wrap;
justify-content: center;
}
.order .podsumowanie .left, .order .podsumowanie .center {
padding-bottom: 15px;
}
.order .podsumowanie .right .big {
justify-content: center;
}
.order .options-first .notes {
width: 100%;
}
.order .options .delivery .item, .order .options .payment .item {
width: 49%;
}
.order .info .short-info {
width: 49%;
}
.order .step-summary {
width: 49%;
}
.order .steps li {
font-size: 12px;
}
.order .delivery-flex .flex-1 {
width: 49%;
}
.order .delivery-flex .flex-2 {
width: 49%;
}
.order.data #kopiowanie {
width: 45% !important;
margin-top: -40px;
}
}
@media (max-width: 768px) {
.order .steps {
position: relative;
top: 0;
right: 0;
width: 100%;
}
.order .steps li {
padding: 0;
}
.order .steps span {
display: none;
}
.order .content .content-row .mobile-adapter .content-col {
text-align: center !important;
}
.order .content .content-row .content-col.details, .order .content .content-row .mobile-adapter {
width: auto !important;
}
.order .content .content-row .content-col.details.with-stepper {
width: auto !important;
}
.order .info {
flex-wrap: wrap;
margin-bottom: 0;
}
.order .info .short-info {
width: 100%;
margin-bottom: 30px;
}
.order .step-summary {
width: 100%;
}
.order .secondary-action {
margin: 25px auto;
display: block;
font-size: 15px;
padding: 0 30px;
width: 285px;
}
.order .primary-action {
margin: 40px auto 25px auto;
display: block;
font-size: 15px;
padding: 0 30px;
float: none;
width: 285px;
}
.order .delivery-flex {
flex-wrap: wrap;
}
.order .delivery-flex .flex-1 {
width: 100%;
}
.order .delivery-flex .flex-2 {
width: 100%;
}
.order.data #kopiowanie {
margin-top: -95px;
}
.order .content .login-partial input, .order .content .guest-form input {
height: 35px;
margin-bottom: 7px;
}
.order .content .guest-form .modal-content #next-modal {
padding: 10px;
margin: 10px;
}
.order .content .login-partial {
border-right: none;
}
.order .podsumowanie > div {
width: 100%;
}
.back-to-order-spe {
display: block;
}
}
@media (max-width: 425px) {
.order .content .content-row {
justify-content: center;
flex-wrap: wrap;
}
}
#customer-profile .sidebar {
background-color: transparent;
border: 1px solid #CED2D9;
padding: 0;
border-radius: 15px;
}
#customer-profile .sidebar li {
transition: all 0.3s;
margin-bottom: 0px;
}
#customer-profile .sidebar li:hover {
background-color: #F4F5F6;
}
#customer-profile .sidebar li:hover a {
color: #d32616;
}
#customer-profile .sidebar li a {
color: #d32616;
padding: 10px 10px 10px 40px;
transition: all 0.3s;
display: block;
}
#customer-profile .sidebar li.active {
border-left: 1px solid #d32616;
background-color: #F4F5F6;
margin-left: -1px;
}
#customer-profile .content {
background-color: #FFFFFF;
}
#customer-profile .content h2 {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 15px;
color: #d32616;
}
#customer-profile .content .title-bar {
border-bottom: 1px solid #CED2D9;
}
#customer-profile .content .action-link {
color: #d32616;
transition: all 0.3s;
}
#customer-profile .content .action-link:hover {
color: #d32616;
}
#customer-profile .content .adresses .row {
margin: 0;
}
#customer-profile .content .address .form:not(.deactivated) input {
background: #FFFFFF;
color: #d32616;
border: 1px solid #CED2D9;
}
#customer-profile .content .address select {
background: #FFFFFF;
color: #d32616;
border: 1px solid #CED2D9;
}
#customer-profile .content .address button {
margin-left: 0;
}
#customer-profile .content .address button::after {
content: "";
}
#customer-profile .content .form .name:not(input),
#customer-profile .content .form .account-for {
margin-left: 0;
}
#customer-profile .content .address-wrapper .flex {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
#customer-profile .content .address-wrapper .flex button {
margin-right: 0;
}
#customer-profile .content .edit-address .flex {
display: flex;
justify-content: space-around;
}
#customer-profile .content .edit-address .flex .default {
width: 355px;
padding-left: 15px;
margin-top: 25px;
}
#customer-profile .content .profile-header {
border-bottom: 1px solid #CED2D9;
margin-bottom: 0;
}
#customer-profile .content .header-tabs .active {
border-bottom: 1px solid #d32616;
}
#customer-profile .content .client-data .row {
margin: 0;
padding-bottom: 0;
padding-top: 0;
border-bottom: 1px solid #CED2D9;
}
#customer-profile .content .client-data .row a {
transition: all 0.3s;
float: left;
width: 100%;
padding: 15px 0;
}
#customer-profile .content .client-data .row a:hover {
background-color: #F4F5F6 !important;
}
#customer-profile .content .client-data .row a .order-summary {
background-color: transparent !important;
}
#customer-profile .content .client-data .row a .order-summary .order-id {
color: #d32616;
}
#customer-profile .content .history-row {
border-bottom: 1px solid #CED2D9;
}
#customer-profile .content .history-row .row {
border-bottom: none;
}
#customer-profile .content .consents-box button {
font-family: "Poppins", sans-serif;
transition: all 0.3s;
width: 130px;
}
#customer-profile .content .consents-box button .my-icon {
font-size: 14px;
padding-top: 3px;
}
#customer-profile .content .consents-box button:hover {
background-color: #d32616;
}
#customer-profile .white-container {
min-height: 400px;
}
#customer-profile #customer-profile-logindata-container button {
margin-left: 0;
}
#customer-profile #customer-profile-logindata-container button::after {
content: "";
}
#customer-profile .summary.order .navi {
border: 1px solid #CED2D9;
border-radius: 15px;
padding: 10px 15px;
margin-top: -45px;
margin-bottom: 30px;
}
#customer-profile .summary.order .navi .print {
position: relative;
top: 0;
margin: 0;
transition: all 0.3s;
color: #d32616;
}
#customer-profile .summary.order .navi .print:hover {
color: #d32616;
}
#customer-profile .summary.order .navi .order-docs {
margin-bottom: 0;
margin-right: 20px;
}
#customer-profile .summary.order .navi .order-docs a {
transition: all 0.3s;
}
#customer-profile .summary.order .navi .order-docs a:hover {
color: #d32616;
}
#customer-profile .summary.order .navi .copy-to-cart {
margin-bottom: 0;
margin-right: 20px;
transition: all 0.3s;
color: #d32616;
}
#customer-profile .summary.order .navi .copy-to-cart:hover {
color: #d32616;
}
#customer-profile .summary.order .arrow-back {
padding-bottom: 15px;
margin-top: -10px;
padding-left: 10px;
transition: all 0.3s;
color: #d32616;
}
#customer-profile .summary.order .arrow-back:hover {
color: #d32616;
}
#customer-profile .summary.order .alert {
margin-top: 40px;
}
#customer-profile .summary.order .title {
border-bottom: 1px solid #CED2D9;
padding-bottom: 7px;
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 15px;
color: #d32616;
}
#customer-profile .summary.order .info {
padding: 0;
}
#customer-profile .summary.order .info .short-info {
width: 100%;
}
#customer-profile .summary.order .step-summary {
width: 100%;
margin-left: 0;
margin-right: 0;
padding: 0;
}
.client-panel .content .form .name:not(input), .client-panel .content .form .account-for {
font-family: "Poppins", sans-serif;
font-weight: 600;
}
.client-panel .content section:not(:last-child) {
border-bottom: 1px solid #CED2D9;
}
.client-panel .content .form input, .client-panel .content .form select {
border: 1px solid #CED2D9;
}
.ReviewAuthorUpdateFormPost {
margin-left: 0;
}
.ReviewAuthorUpdateFormPost::after {
content: "";
}
.client-panel .content #CustomerUpdateForm, .client-panel .content .adresses .address {
background: #FFFFFF;
color: #d32616;
}
.profile-content .content .content-row.heading {
display: flex;
}
.profile-content .content .content-row.heading .gross, .profile-content .content .content-row.heading .amount {
display: block !important;
}
.profile-content .content .content-row.heading .content-col.product {
width: 60% !important;
padding-left: 10px;
}
.profile-content .content .content-row.heading .content-col.unit.price {
width: 20% !important;
}
.profile-content .content .content-row.heading .content-col.amount {
width: 15% !important;
}
.profile-content .content .content-row.heading .content-col.gross.price {
width: 10% !important;
}
.profile-content .content .content-row .content-col.amount {
width: 50%;
}
.profile-content .content .content-row .content-col.price:not(.gross) {
width: 80%;
}
@media (max-width: 992px) {
#customer-profile .sidebar {
top: 15px;
width: 35%;
border: 1px solid transparent;
background-color: #FFFFFF;
}
.client-panel .sidebar ul {
border: 1px solid #CED2D9;
border-radius: 15px;
}
.filters .mobile-adapter, .sidebar .mobile-adapter {
font-family: "Poppins", sans-serif;
text-transform: inherit;
color: #d32616;
}
.client-panel .sidebar .mobile-adapter::before {
color: #d32616;
}
}
@media (max-width: 479px) {
.filters .mobile-adapter, .sidebar .mobile-adapter {
font-size: 16px !important;
}
}
/* ---- home ---- */
.slim-banners .slick-arrow {
display: none !important;
}
.slim-banners .slick-dots {
display: none !important;
}
.slim-banners.slim-2 {
margin: 70px auto 45px auto;
}
.slider .slick-dots {
display: none !important;
}
.main-slider .slick-arrow {
visibility: hidden;
opacity: 0;
transition: all 0.3s;
height: 100%;
background-color: rgba(255, 255, 255, 0.5);
width: 35px;
}
.main-slider .slick-arrow::before {
top: calc(50% - 22px);
display: block;
position: absolute;
}
.main-slider .slick-arrow:hover::before {
color: #d32616;
}
.main-slider .slider .slick-next {
right: 0;
}
.main-slider .slider .slick-next::before {
right: 5px;
}
.main-slider .slider .slick-prev {
left: 0;
}
.main-slider .slider .slick-prev::before {
left: 5px;
}
.main-slider:hover .slick-arrow {
visibility: visible;
opacity: 1;
}
#banner-site {
height: 100%;
min-height: 315px;
}
/* TYTUŁY */
.homepage .title-box h3 {
text-align: center;
margin: 30px auto;
font-size: 24px;
display: block;
width: 200px;
font-weight: 400;
text-transform: uppercase;
}
.homepage .opis {
text-align: center;
margin-top: -15px;
margin-bottom: 15px;
color: #000000;
font-weight: 400;
}
.homepage h3 span {
color: #d32616;
}
.homepage .line {
border-top: 1px solid #e4e4e4;
width: 100%;
}
/*STRONA GLOWNA - menu*/
.main-box {
position: relative;
}
.new-menu-button {
padding: 10px 5px;
background-color: #F4F5F6;
padding-left: 15px;
font-weight: 600;
font-size: 18px;
margin-right: -1px;
}
.new-menu-button.anim {
cursor: pointer;
}
.new-menu-button i {
display: inline-block;
float: right;
margin-right: 5px;
font-size: 20px;
}
.new-menu-button i.open {
transform: rotate(180deg);
}
.hover-box {
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
position: absolute;
z-index: 11111;
margin-top: 0;
display: none;
}
.hover-box.open {
display: block;
}
.hover-box2 {
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
position: absolute;
z-index: 11111;
top: 0;
display: block;
}
.new-menu {
position: absolute;
width: calc(100% - 25px);
margin-top: -26px;
flex-grow: 1;
height: 100%;
display: flex;
}
.new-menu .menu-nodes {
flex-grow: 1;
height: unset;
display: flex;
}
.new-menu .menu-nodes .col-flex {
flex-grow: 1;
height: unset;
display: flex;
}
.new-menu .menu-nodes .col-flex .max-height {
flex-grow: 1;
height: calc(100% + 20px);
background-color: #F4F5F6;
}
.new-menu .menu-header-empty {
width: 100%;
height: 14px;
background-color: #F4F5F6;
}
.new-menu .menu-header-empty2 {
width: 100%;
height: 170px;
background-color: #F4F5F6;
}
.new-menu .menu-nodes-header {
display: flex;
flex-direction: row;
align-items: center;
padding-left: 8px;
transition: all 0.3s;
border-left: 2px solid transparent;
background-color: #F4F5F6;
padding-bottom: 5px;
cursor: pointer;
}
.new-menu .menu-nodes-header:hover {
background-color: #FFFFFF;
border-left: 2px solid #d32616;
}
.new-menu .menu-nodes-header.open {
background-color: #FFFFFF;
border-left: 2px solid #d32616;
}
.new-menu .menu-nodes-header .type-a {
width: 15%;
}
.new-menu .menu-nodes-header .type-a .type-img {
width: 40px;
}
.new-menu .menu-nodes-header .a-menu {
width: 70%;
color: #d32616;
}
.new-menu .menu-nodes-header .a-menu span {
font-weight: 500;
font-size: 16px;
margin-left: 15px;
width: 100%;
color: #d32616;
display: block;
}
.new-menu .menu-nodes-header i {
width: 15%;
height: 40px;
text-align: center;
padding-top: 12px;
}
.new-menu .menu-nodes-body {
display: none;
background-color: #fff;
z-index: 10;
position: absolute;
width: 100%;
height: calc(100% + 20px);
border-top: 1px solid #CED2D9;
margin-left: -15px;
padding: 15px;
left: 0;
box-shadow: 12px 6px 12px rgba(0, 0, 0, 0.175);
}
.new-menu .menu-nodes-body.otherpage {
height: 100%;
}
.new-menu .menu-nodes-body.open {
display: block;
}
.new-menu .menu-nodes-body a {
color: #d32616;
}
.new-menu .menu-nodes-body .menu-nodes-head {
display: flex;
flex-direction: row;
align-items: center;
border-bottom: 2px solid #d32616;
margin-bottom: 10px;
padding-bottom: 5px;
}
.new-menu .menu-nodes-body .menu-nodes-head .type-img {
width: 40px;
height: 40px;
display: block;
}
.new-menu .menu-nodes-body .menu-nodes-head .menu-title {
margin: 0;
font-size: 20px;
padding-left: 10px;
}
.new-menu .menu-nodes-body .menu-nodes-box {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.new-menu .menu-nodes-body .menu-nodes-box .panel {
width: 33%;
}
.new-menu .menu-nodes-body .menu-nodes-box .second-menu > .menu-type {
color: #d32616;
font-size: 16px;
font-weight: 500;
padding: 5px 0px;
display: block;
transition: all 0.3s;
}
.new-menu .menu-nodes-body .menu-nodes-box .second-menu > .menu-type:hover {
text-decoration: underline;
}
.new-menu .menu-nodes-body .menu-nodes-box .second-menu .menu-third {
display: flex;
flex-direction: column;
margin-bottom: 10px;
padding-left: 15px;
}
.new-menu .menu-nodes-body .menu-nodes-box .second-menu .menu-third > .menu-type {
font-size: 16px;
font-weight: 400;
padding: 5px 0px;
display: block;
transition: all 0.3s;
}
.new-menu .menu-nodes-body .menu-nodes-box .second-menu .menu-third > .menu-type:hover {
text-decoration: underline;
}
.main-small-box {
display: none;
}
.main-small-box .slick-arrow {
display: none !important;
}
@media (max-width: 1420px) {
.new-menu .menu-nodes-body .menu-nodes-box .second-menu > .menu-type {
font-size: 14px;
}
.new-menu .menu-nodes-body .menu-nodes-box .second-menu .menu-third > .menu-type {
font-size: 14px;
}
}
@media (max-width: 1200px) {
.new-menu .menu-nodes-body {
height: 600px;
}
}
@media (max-width: 992px) {
.new-menu-button {
display: none;
}
.main-box {
display: none;
}
.main-small-box {
display: block;
}
}
/* STRONA GŁOWNA - Kontakt */
#contact-home {
background-color: #f0f1f3;
}
#contact-home .flex-row {
display: -webkit-flex;
display: -webkit-box;
display: -moz-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
justify-content: space-evenly;
padding: 20px 0;
}
#contact-home .flex-row .flex-item {
margin-top: 5px;
width: 300px;
}
#contact-home .flex-row .flex-item > i {
text-align: center;
font-size: 28px;
display: block;
margin-bottom: 20px;
color: #d32616;
}
#contact-home .flex-row .flex-item h4 {
text-align: center;
margin-bottom: 15px;
}
#contact-home .flex-row .flex-item p {
text-align: center;
}
#contact-home .flex-row .flex-item p a {
text-align: center;
display: block;
color: #000000;
text-transform: all 0.3s;
}
#contact-home .flex-row .flex-item p a i {
margin-right: 10px;
}
#contact-home .flex-row .flex-item p a:hover {
color: #d32616;
}
#contact-home .flex-row .flex-item p a:hover i {
color: #d32616;
}
@media (max-width: 768px) {
#contact-home .flex-row {
flex-direction: column;
justify-content: center;
align-items: center;
}
}
.infoblok {
margin-top: 30px;
background-color: #F4F5F6;
font-weight: 600;
}
.infoblok h3 {
font-weight: 600;
text-align: center;
padding: 15px 0 0 0;
}
.infoblok a {
text-align: center;
display: block;
font-weight: 600;
font-size: 20px;
letter-spacing: 2px;
transition: all 0.3s;
}
.infoblok a:hover {
color: #d32616;
}
.infoblok .pasek {
background-color: #d32616;
margin: 10px 0;
}
.infoblok .pasek span {
display: block;
text-align: center;
color: #fff;
padding: 2px 0px;
}
.infoblok .info-pytania {
padding-bottom: 10px;
}
.infoblok .info-pytania p {
text-align: center;
}
.infoblok .info-pytania p span {
color: #d32616;
font-weight: 600;
}
@media (max-width: 1366px) {
.infoblok h3 {
padding: 10px 0 0 0;
font-size: 20px;
}
.infoblok a {
font-size: 18px;
}
.infoblok .pasek {
margin: 4px 0;
}
.infoblok .info-pytania {
padding-bottom: 1px;
}
}
#main-slider .new-image {
width: 100%;
height: 545px;
background-position: center;
background-size: cover;
}
@media (max-width: 1366px) {
#main-slider .new-image {
height: 520px;
}
}
.newsletter .row {
background-color: #FFFFFF;
padding: 25px;
}
.newsletter .row .form {
position: relative;
padding: 0;
width: 70%;
margin: 0 auto;
}
.newsletter .row .form .flex {
display: flex;
}
.newsletter .row .form .flex input {
background: transparent;
border: 1px solid #686b6e;
color: #686b6e;
margin-bottom: 10px;
outline: none;
padding: 13px 15px;
font-size: 15px !important;
max-width: 80%;
width: 100%;
border-radius: 0;
height: 35px;
}
.newsletter .row .form .flex .newsletter-button {
background-color: #686b6e;
border: none;
height: 40px;
font-size: 15px;
font-weight: 500;
color: #FFFFFF;
border-radius: 0;
margin-left: -5px;
width: 20%;
text-transform: uppercase;
padding: 4px 25px;
transition: all 0.3s;
font-family: "Poppins", sans-serif;
}
@media (max-width: 1200px) {
.newsletter .form {
width: 95%;
}
}
.withBg {
background-color: #f0f1f3;
padding: 20px 0;
max-height: 440px;
/* width */
/* Track */
/* Handle */
/* Handle on hover */
}
.withBg p {
line-height: 24px;
font-family: "Poppins", sans-serif !important;
text-align: justify;
font-weight: 300;
}
.withBg h2 {
font-size: 18px;
font-weight: 600;
}
.withBg img {
max-height: 520px;
}
.withBg .tresc {
height: 320px;
overflow-y: scroll;
padding-right: 15px;
}
.withBg ::-webkit-scrollbar {
width: 5px;
}
.withBg ::-webkit-scrollbar-track {
background: transparent;
}
.withBg ::-webkit-scrollbar-thumb {
background: #dbd9d9;
}
.withBg ::-webkit-scrollbar-thumb:hover {
background: #9d9d9d;
}
@media (max-width: 992px) {
.withBg {
max-height: 100%;
}
.withBg .row {
margin-left: 0;
margin-right: 0;
}
.withBg img {
display: none;
}
}
@media (max-width: 768px) {
.withBg .tresc {
padding-left: 15px;
}
}
.brands {
margin-top: 55px;
}
.brands .slick-arrow::before {
font-size: 30px;
}
.brands .slick-prev {
left: -20px;
}
.brands .slick-next {
right: -20px;
}
.brands img {
transition: all 0.3s;
}
.brands img:hover {
transform: scale(1.07);
}
.cateogry-mobile {
display: none;
margin: 25px auto;
}
.cateogry-mobile .flex {
display: flex;
}
.cateogry-mobile .flex .menu-nodes-body {
border-radius: 8px;
border: 1px solid #CED2D9;
width: 20%;
margin: 0 5px;
padding: 5px 0;
}
.cateogry-mobile .flex .menu-nodes-body:hover {
box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 2px 1px;
border-color: #d32616;
}
.cateogry-mobile .flex .menu-nodes-body .menu-nodes-head {
display: flex;
flex-direction: column;
align-items: center;
}
.cateogry-mobile .flex .menu-nodes-body .menu-nodes-head img {
max-width: 40px;
max-height: 40px;
}
.cateogry-mobile .flex .menu-nodes-body .menu-nodes-head p {
font-size: 11px;
line-height: 12px;
padding-top: 5px;
text-align: center;
}
@media (max-width: 992px) {
.cateogry-mobile {
display: block;
}
}
@media (max-width: 768px) {
.cateogry-mobile .flex {
flex-wrap: wrap;
justify-content: center;
}
.cateogry-mobile .flex .menu-nodes-body {
width: 22%;
margin: 0 5px 15px 5px;
}
}
.webpage {
height: 109px;
margin-bottom: 0;
border: none;
}
.webpage .secondary-nav {
height: auto;
background-color: #F4F5F6;
padding: 5px 0;
}
.webpage .secondary-nav a {
color: #000000;
font-size: 13px;
margin-right: 15px;
font-weight: 300;
}
.webpage .secondary-nav a.medical {
color: #337ab7;
}
.webpage .secondary-nav a.medical:hover {
color: #d32616;
}
.webpage .secondary-nav a img {
width: 15px;
}
.webpage .secondary-nav #middle-bar {
margin-top: 0;
}
.webpage .secondary-nav ul {
margin: 0;
}
.webpage .secondary-nav ul li {
margin: 0;
}
.webpage .navbar-fixed-top {
top: 29px;
}
.webpage .navbar-fixed-top .middle-nav {
display: flex;
align-items: center;
}
.webpage .navbar-fixed-top .middle-nav .logo {
width: 35%;
margin: 0;
padding: 0;
height: 80px;
background-color: #141414;
transition: all 0.3s;
}
.webpage .navbar-fixed-top .middle-nav .logo .logo-inside:after {
content: "";
position: absolute;
bottom: 0;
left: 90px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 80px 55px;
border-color: transparent transparent #ffffff transparent;
transition: all 0.3s;
}
.webpage .navbar-fixed-top .middle-nav .logo .logo-inside a {
width: 100%;
margin: 0;
display: inline-block;
}
.webpage .navbar-fixed-top .middle-nav .logo .logo-inside a img {
max-width: 60px;
max-height: 60px;
display: block;
transition: all 0.3s;
margin: 10px 0;
float: left;
}
.webpage .navbar-fixed-top .middle-nav .logo .logo-inside a span {
letter-spacing: 1.5px;
display: block;
margin-top: 0;
margin-left: 130px;
color: #000000;
font-size: 16px;
font-weight: 500;
height: 80px;
background-color: #fff;
padding: 31px 0;
width: 100%;
transition: all 0.3s;
text-decoration: none !important;
}
.webpage .navbar-fixed-top .middle-nav .right-box {
width: 65%;
}
.webpage .navbar-fixed-top .middle-nav .right-box .last-nav {
margin-top: 0;
}
.webpage .navbar-fixed-top .middle-nav .right-box .last-nav .nav-web {
float: right;
text-transform: uppercase;
}
.webpage .navbar-fixed-top .middle-nav .right-box .last-nav .nav-web a {
color: #000000;
font-weight: 400;
}
.webpage .navbar-fixed-top.fixed-top {
padding: 0;
}
.webpage .navbar-fixed-top.fixed-top .middle-nav .logo {
height: 60px;
}
.webpage .navbar-fixed-top.fixed-top .middle-nav .logo a img {
max-width: 40px;
max-height: 40px;
}
.webpage .navbar-fixed-top.fixed-top .middle-nav .logo a span {
height: 60px;
padding: 20px 0;
margin-left: 115px;
}
.webpage .navbar-fixed-top.fixed-top .middle-nav .logo .logo-inside:after {
border-width: 0 0 60px 40px;
}
.webpage .navbar-fixed-top.fixed-top #black-box {
height: 60px;
}
.video-spe {
width: 100%;
overflow: hidden;
display: block;
height: 550px;
}
.video-spe video {
margin: -270px auto 0 auto;
display: block;
}
.video-spe .v-img {
display: none;
height: 250px;
background-position: center;
background-size: cover;
}
.video-spe .video-margin {
max-width: 1920px;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
position: absolute;
}
.video-spe .video-margin .video-box {
position: absolute;
top: 300px;
left: 10%;
color: #ffffff;
width: 485px;
}
.video-spe .video-margin .video-box h1 {
font-size: 45px;
text-shadow: 2px 2px #333;
border: none;
color: #FFFFFF;
margin-bottom: 10px;
line-height: 1.1;
padding: 0;
}
.video-spe .video-margin .video-box h2 {
font-size: 25px;
text-shadow: 2px 2px #333;
}
#black-box {
background-color: #141414;
height: 80px;
width: 25%;
position: absolute;
transition: all 0.3s;
}
#main-slider figcaption {
max-width: 1140px;
}
#superbox-menu {
display: flex;
flex-wrap: wrap;
max-width: 1150px;
padding: 0;
margin-top: 30px;
margin-bottom: 30px;
}
#superbox-menu .row-spe {
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
#superbox-menu .row-spe .slider {
transition: all 0.7s;
border-radius: 20px;
}
#superbox-menu .row-spe .slider:hover .main-foto {
opacity: 0;
}
#superbox-menu .row-spe .slider:hover .flex-image i {
font-size: 65px !important;
}
#superbox-menu .row-spe .block {
position: relative;
display: block;
border-radius: 20px;
}
#superbox-menu .row-spe .block.block-1 {
background-color: #F82675;
}
#superbox-menu .row-spe .block.block-2 {
background-color: #152A95;
}
#superbox-menu .row-spe .block.block-3 {
background-color: #004A8A;
}
#superbox-menu .row-spe .block.block-4 {
background-color: #0990F2;
}
#superbox-menu .row-spe .block.block-5 {
background-color: #038ED1;
}
#superbox-menu .row-spe .block.block-6 {
background-color: #26BCD2;
}
#superbox-menu .row-spe .block.block-7 {
background-color: #0074AB;
}
#superbox-menu .row-spe .block.block-8 {
background-color: #F49167;
}
#superbox-menu .row-spe .block .main-foto {
border-radius: 20px;
opacity: 1;
transition: all 0.4s;
}
#superbox-menu .row-spe .block .inbox {
position: absolute;
height: 100%;
width: 100%;
top: 0;
}
#superbox-menu .row-spe .block .inbox .inside-foto {
height: 37px;
margin: 15px auto;
display: block;
}
#superbox-menu .row-spe .block .inbox .inside-foto.comarch {
padding: 8px 0;
}
#superbox-menu .row-spe .block .inbox .banner-header {
color: #fff;
font-size: 20px;
text-align: center;
font-weight: 400;
}
#superbox-menu .row-spe .block .inbox .banner-content {
color: #fff;
font-weight: 300;
text-align: justify;
margin: 0 15px;
padding: 0 10px;
/* width */
/* Track */
/* Handle */
/* Handle on hover */
}
#superbox-menu .row-spe .block .inbox .banner-content.comarch {
width: 65%;
height: 170px;
overflow-x: auto;
}
#superbox-menu .row-spe .block .inbox .banner-content::-webkit-scrollbar {
width: 5px;
}
#superbox-menu .row-spe .block .inbox .banner-content::-webkit-scrollbar-track {
background: transparent;
}
#superbox-menu .row-spe .block .inbox .banner-content::-webkit-scrollbar-thumb {
background: #dbd9d9;
}
#superbox-menu .row-spe .block .inbox .banner-content::-webkit-scrollbar-thumb:hover {
background: #9d9d9d;
}
#superbox-menu .row-spe .block .inbox .banner-content .over {
padding: 0 5px;
/* width */
/* Track */
/* Handle */
/* Handle on hover */
}
#superbox-menu .row-spe .block .inbox .banner-content .over::-webkit-scrollbar {
width: 5px;
}
#superbox-menu .row-spe .block .inbox .banner-content .over::-webkit-scrollbar-track {
background: transparent;
}
#superbox-menu .row-spe .block .inbox .banner-content .over::-webkit-scrollbar-thumb {
background: #dbd9d9;
}
#superbox-menu .row-spe .block .inbox .banner-content .over::-webkit-scrollbar-thumb:hover {
background: #9d9d9d;
}
#superbox-menu .row-spe .block .inbox .flex {
display: flex;
}
#superbox-menu .row-spe .block .inbox .flex.height {
height: 100%;
align-items: center;
}
#superbox-menu .row-spe .block .inbox .flex .banner-content {
width: 70%;
}
#superbox-menu .row-spe .block .inbox .flex .flex-image {
width: 30%;
display: flex;
justify-content: center;
align-items: center;
}
#superbox-menu .row-spe .block .inbox .flex .flex-image img {
width: 100px;
}
#superbox-menu .row-spe .block .inbox .flex .flex-image img.specBF {
width: 150px;
margin-left: 20px;
}
#superbox-menu .row-spe .block .inbox .flex .flex-image i {
color: #fff;
font-size: 55px;
transition: all 0.7s;
}
#superbox-menu .row-spe .block .inbox .fast-download {
color: #ffffff;
display: flex;
border: 1px solid #fff;
border-radius: 25px;
padding: 0 15px;
align-items: center;
justify-content: space-around;
margin: 10px 15px;
font-size: 15px;
transition: all 0.3s;
}
#superbox-menu .row-spe .block .inbox .fast-download:hover {
text-decoration: none;
color: #FFFFFF;
border-color: #000000;
box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.3);
}
#superbox-menu .row-spe .block .inbox .fast-download img {
width: 40px;
margin-left: 0 !important;
margin-right: 0 !important;
}
#superbox-menu .row-spe .block .inbox.comarch .fast-download {
height: 50px;
}
#superbox-menu .row-spe .block .inbox.comarch .fast-download .left {
width: 40%;
text-align: center;
display: block;
font-size: 14px;
line-height: 15px;
}
#superbox-menu .row-spe .block .inbox.comarch .fast-download .right {
width: 60%;
}
#superbox-menu .row-spe .block .inbox.comarch .fast-download img {
max-width: 132px;
width: auto;
height: 32px;
}
.speBg {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.speBg .container {
max-width: 1150px;
}
.speBg .col-md-9 {
border-radius: 20px;
padding: 35px 15px 35px 110px;
}
.speBg .title-box .title {
background-color: transparent;
color: #FFFFFF;
width: 230px;
margin: 0 auto 15px auto;
letter-spacing: 1.5px;
text-transform: inherit;
}
.speBg .tresc {
height: auto;
overflow-y: inherit;
}
.speBg .tresc .inside {
height: 295px;
overflow-y: scroll;
overflow-x: hidden;
padding-right: 10px;
width: 100%;
}
.speBg .tresc p {
color: #FFFFFF;
}
.speBg .photo {
height: 391px;
}
.speBg .photo img {
margin: 25px 0px;
}
.newsletter .background {
background-size: cover;
height: 295px;
max-width: 1140px;
border-radius: 20px;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
}
.newsletter .background h3 {
display: block;
color: #fff;
margin-left: 30px;
margin-top: 0;
padding-top: 0;
padding-bottom: 15px;
font-size: 28px;
}
.newsletter .background p {
margin-left: 30px;
color: #FFFFFF;
}
.newsletter .background .flex {
max-width: 550px;
margin-left: 30px;
padding-top: 10px;
display: flex;
}
.newsletter .background .flex input {
width: 70%;
background-color: #FFFFFF;
}
.newsletter .background .flex button {
position: relative;
width: 30%;
background: #141414;
color: #fff;
font-size: 17px;
padding-left: 35px;
}
.newsletter .background .flex button:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 45px 35px 0px 0px;
border-color: #FFFFFF #141414 #141414 #141414;
transition: all 0.3s;
z-index: 1;
}
.newsletter .background .flex button:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 35px;
height: 45px;
background-color: #FFFFFF;
}
.newsletter .background .flex button:hover:before {
left: 10px;
}
.newsletter .background .switch {
margin-left: 30px;
}
.newsletter .background .switch .only-email {
display: none;
}
.newsletter .background .legend {
margin-left: 30px;
color: #770000;
}
#brands-slider {
max-width: 1140px;
margin: 0 auto;
}
#brands-slider .slick-arrow {
display: none !important;
}
.eshop-presents {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 40px 0;
}
.eshop-presents .eshop-background {
background-size: cover;
background-repeat: no-repeat;
background-position: top;
width: 25%;
margin: 0 30px 70px 30px;
height: 450px;
box-shadow: 0px 0px 20px 0px rgba(98, 52, 187, 0.15);
border-radius: 20px;
position: relative;
}
.eshop-presents .eshop-background a {
position: absolute;
bottom: 0;
text-align: center;
display: block;
width: 100%;
font-size: 14px;
margin-bottom: -30px;
color: #000000;
transition: all 0.5s;
}
.eshop-presents .eshop-background a:hover {
font-size: 15px;
}
@media (max-width: 1200px) {
#superbox-menu .row-spe .col-1 {
margin-right: 30px;
}
#superbox-menu .row-spe .block .inbox .banner-content.comarch {
height: 130px;
}
#superbox-menu .row-1 .block-1 .inbox .banner-content {
height: 85px;
overflow-x: auto;
}
#superbox-menu .inbox .over {
height: 170px;
overflow-x: auto;
}
#superbox-menu .row-spe .block .inbox.comarch .fast-download {
height: 35px;
}
#superbox-menu .row-spe .block .inbox.comarch .fast-download .left {
font-size: 12px;
line-height: 15px;
}
#superbox-menu .row-spe .block .inbox.comarch .fast-download img {
height: 27px;
}
.eshop-presents .eshop-background {
width: 40%;
}
}
@media (max-width: 992px) {
.speBg .photo {
display: none;
}
.speBg .col-md-9 {
padding: 35px 15px 35px 15px;
}
#superbox-menu {
margin-bottom: 0;
}
#superbox-menu .row-spe {
flex-wrap: wrap;
margin-bottom: 0;
}
#superbox-menu .row-spe .col-1,
#superbox-menu .row-spe .col-2 {
width: 100%;
margin-bottom: 30px;
}
#superbox-menu .row-spe .block .main-foto {
display: none;
}
#superbox-menu .row-spe .col-1 {
margin-right: 0;
}
#superbox-menu .row-spe .block .mobile-foto {
height: 250px;
border-radius: 20px;
}
#superbox-menu .row-spe .block .inbox .fast-download {
max-width: 300px;
margin: 10px auto;
}
}
@media (max-width: 768px) {
.video-spe {
height: 250px;
}
.video-spe video {
display: none;
}
.video-spe .v-img {
display: block;
}
.video-spe .video-margin .video-box {
top: 105px;
left: 5%;
width: 290px;
}
.video-spe .video-margin .video-box h2 {
font-size: 24px;
}
.video-spe .video-margin .video-box p {
font-size: 16px;
}
.speBg .col-md-9 {
padding: 0;
}
.blog-news .post-slick .post-box {
flex-direction: column !important;
}
.blog-news .post-slick .post-box .box-data {
width: 100%;
border-radius: 20px 20px 0 0 !important;
height: 190px;
}
.blog-news .post-slick .post-box .box-text {
width: 100%;
}
.blog-news .post-slick .post-box .box-text > p {
height: 85px;
}
.newsletter .background h3 {
margin-left: 15px;
font-size: 24px;
padding-bottom: 0px;
}
.newsletter .form {
width: 100%;
padding-left: 5px;
padding-right: 5px;
}
.newsletter .background {
height: 240px;
}
.newsletter .background .flex {
margin-left: 0px;
}
.newsletter .form .newsletter-button {
right: 0;
}
.newsletter .background .flex input {
width: 55%;
}
.newsletter .background .flex button {
width: 45%;
font-size: 14px;
}
.newsletter .background .switch {
margin-left: 0;
}
.newsletter .background .legend {
margin-left: 0;
}
#superbox-menu .row-spe .block .inbox .banner-content.comarch {
height: 105px;
}
#superbox-menu .row-3 .block-5 .inbox .over {
height: 165px;
}
#superbox-menu .row-spe .block .inbox .banner-header {
font-size: 18px;
}
.webpage .navbar-fixed-top .middle-nav .logo {
width: 90%;
}
.webpage .navbar-fixed-top .middle-nav .right-box {
width: 10%;
}
.webpage .navbar-fixed-top {
top: 0;
}
.webpage {
height: 80px;
}
.eshop-presents .eshop-background {
margin: 0 0px 50px 0px;
height: 375px;
width: 100%;
}
}
.page-link {
font-weight: 500;
padding: 5px 10px;
border-radius: 10px;
color: #FFFFFF;
}
.page-link.online {
background-color: #5cc151;
}
.page-link.offline {
background-color: #d9534f;
}
/*# sourceMappingURL=plugin.css.map */