﻿.company-logo img {
  height: 50px;
  width: auto;
  margin-top: 12px;
}

.page-header-top {
  left: 0;
  top: 0;
  width: 100%;
  background: #ededed;
}

.page-header-top .container {
  background: none !important;
  line-height: 35px;
  color: #737373;
  font-size: 13px;
}

@media (min-width: 769px) {
  .wrap-header header .company-logo {
    width: inherit !important;
  }
}

@media (max-width: 768px) {
  .wrap-header header .company-logo {
    width: 100% !important;
  }

  .product-actions .product-add-cart { width: 100% !important; }    

  .nav-justified > li {
    display: block !important;
  }
}

.wrap-header header .search-form form .input-container input[type="text"] {
  border-radius: 0px !important;
}

.wrap-header header .search-form form .input-container .submit {
  background: no-repeat;
  color: black;
}

.wrap-header header .navbar {
  float: right;
  width: inherit !important;
  margin-top: 10px;
}

.wrap-header header .search-form {
  width: 50% !important;
}

.user-status-info-top .dropdown-box {
  position: absolute;
  background: #e0e0e0;
  z-index: 9999;
  padding: 10px;
  right: 0px;
  text-align: center; 
  display: none;   
}

.user-status-info-top {
  text-align: right;
}

.user-status-info-top .dropdown-box a {
  display: block;
}

.wrap-header header .navbar > ul > li .cart-quantity {
  background-color: inherit;
  display: inherit;
  position: inherit;
  color: inherit;
  font-size: 14px;
  width: inherit;
}

.wrap-header header {
  padding-bottom: 10px;
}

.wrap-content .main-container {
  padding-top: 10px;
}

.sticky {width: 100%;}

@media (max-width: 768px) {
  .sticky .company-logo {
    display: none;
  }
  
  .breadcrumb {
    display: none;
  }
}

.wrap-header header .mobile-nav-menu {
  border: 0px;
}

.product-page .product-related .product-list.small > li {
  width: auto !important;
}

.related-products-list {
  width: 1000px;
}

.product-related-container {
  width: 100%;
  overflow: auto;
}

.product-page .product-related .product-list.small > li .product-box.small .product-image {
  border: 1px solid #dddddd;
}

.product-page .zagiel-payment, .product-page .sygma-payment {
  margin: inherit;
  width: 140px;
  height: auto;
}

.product-page .product-related {
  margin: inherit;
}

.product-page .product-options {
  margin: inherit;
}

.carousel-indicators li {
  border: 1px solid #dddddd;
  width: 80px !important
}

.product-page .product-links li a {
  font-size: 14px;
}

.product-page .product-price .product-price-row .promotion-details-label {
  font-size: 12px;
  margin-bottom: 30px;  
  margin-top: 0px;
}

.collapsing {
  height: auto !important;
}

.timer {
  border-top: 1px solid #dddddd;
  width: 100%;
  padding-top: 5px;
}

.jspContainer {
  height: 128px !important;
}

.jspTrack {
  background: rgba(195, 195, 195, 0.3) !important;
}

.jspDrag {
  background: rgb(144, 144, 144) !important;
}

.slide .carousel-indicators {
  display: none !important;
}

.artykulHub {width: 100%;}
.artykulHub tr {display: inline-block; max-width: 300px; width: 24%; min-width: 200px; padding-right: 20px; vertical-align: top; height: 374px; overflow: hidden; margin-bottom: 20px;}
.artykulHub td {}
.artykulHub img {width: 100%;}

.homeHub {max-width: 300px; min-width: 200px; padding-right: 20px; vertical-align: top; margin-bottom: 20px; width: 24%; display: inline-block;}
.homeHub tr {height: 250px; overflow: hidden; margin-bottom: 10px; display: block;}
/*.homeHub tr {height: 374px; overflow: hidden; margin-bottom: 10px; display: block;}*/
.homeHub tr td:first-child {display:inherit;}
.homeHub tr:last-child {height: inherit;}
.homeHub tr td:last-child {display:inherit;}

.logoHub {/*width: 100%;*/ margin: 0 auto;}
.logoHub tr {display: inline-block; max-width: 300px; width: 100px; /*min-width: 200px;*/ padding-right: 20px; vertical-align: top; overflow: hidden; margin-bottom: 20px;}
.logoHub td {}
.logoHub img {width: 100%;}  

@media (max-width: 990px) {
  .logoHub tr {display: inline-block; max-width: 300px; width: 100px; /*min-width: 200px;*/ padding-right: 20px; vertical-align: top; overflow: hidden; margin-bottom: 20px;}
  .artykulHub tr {display: inline-block; max-width: 300px; width: 32%; min-width: 200px; padding-right: 20px; vertical-align: top; height: 374px; overflow: hidden; margin-bottom: 20px;}
  .homeHub {width: 32%;}
}

@media (max-width: 645px) {
  .logoHub tr {display: inline-block; max-width: 300px; width: 100px; /*min-width: 200px;*/ padding-right: 20px; vertical-align: top; overflow: hidden; margin-bottom: 20px;}
  .artykulHub tr {display: inline-block; max-width: 300px; width: 49%; min-width: 200px; padding-right: 20px; vertical-align: top; height: 374px; overflow: hidden; margin-bottom: 20px;}
  .homeHub {width: 49%;}
}

@media (max-width: 445px) {
  .logoHub tr {display: inline-block; max-width: 300px; width: 100px; /*min-width: 200px;*/ padding-right: 20px; vertical-align: top; overflow: hidden; margin: 0 auto; display: block; margin-bottom: 20px;}
  .artykulHub tr {display: inline-block; max-width: 300px; width: 99%; min-width: 200px; padding-right: 20px; vertical-align: top; height: 374px; overflow: hidden; margin: 0 auto; display: block; margin-bottom: 20px;}
  .homeHub {width: 99%;}
}

/*  label[for="ProductIas[8]"] {
    display: none;
  }*/
  
  .service-list {
    padding-bottom: 0px !important;
  }

  .cart-table .preload-image img {
    border: 1px solid #dddddd;
    /*width: 58px;*/
    border-radius: 10px;
  }

  .main-nav-list h2 {
    position: relative;
    display: block;
    padding: 10px 0;
    height: 44px;
    margin-top: -2px;
    font-family: "Oswald",sans-serif !important;
    font-size: 24px !important;
    text-transform: uppercase !important;
    text-decoration: none;
    color: #333333 !important;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    z-index: 1000;
    text-align: center;
  }

  .main-nav-list h2 a {
    color: inherit;
    text-decoration: none;
  }

  .tabelaOpisProdukt {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .tabelaOpisProdukt img {
    border: 1px solid #ececec;
    padding: 15px;
  }

  .tabelaOpisProdukt tr {
    vertical-align: top;
    padding-bottom: 20px;
    display: block;  
  }

  .tabelaOpisProdukt td {
    vertical-align: middle;
    padding-right: 10px;
    padding-bottom: 10px;
  }

  .tabelaOpisProdukt-top td {
    padding: 15px;
  }

  .tabelaOpisProdukt-top tr {
    vertical-align: top;
  }

  .bound-special-info {
    color: #ffffff !important;
    background-color: #f44450 !important;
  }

  .bound-special-info span, .bound-special-info a {
    color: #ffffff !important;
    text-decoration: underline;
  }

  .wrap-footer footer .footer-newsletter-box .newsletter-box form input[type="text"] {
    color: black !important;
  }

  .product-attributes td {
    width: inherit !important;
    display: table-cell !important;
  }

  .wyroznienieRed {
    color: red !important;
  }

  .product-add-wishlist {
    display: none;
  }

  .blogProduct-content {
   width: 100%;
   margin-top: 60px;
   margin-bottom: 30px;
 }

 .blogProduct-content tr {
  display: inline-block;
  max-width: 300px;
  width: 19%;
  min-width: 190px;
  padding-right: 20px;
  vertical-align: top;
  height: 400px;
  overflow: hidden;
  margin-bottom: 20px;	
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.blogProduct-content td {
 height: 100%;
 display: block;
 border: 1px solid #eaeaea;
 padding: 5px;
}

.blogProduct-content td:hover {
 border: 1px solid #bbbbbb;
}

.blogProduct-content tr img {
 width: 100%;
}

.blogProduct-content tr a {
  width: 100px;
  background: #428bca;
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  border-radius: 10px;
  color: white;
  text-decoration: none;
  font-weight: bold;
}

.blogProduct-content tr a:hover {
  background: #345979;
}

.modal .modal-dialog .modal-content .modal-header .close {
  background-color: #000 !important;
}


.product-box.details {
  margin-left: -9px;
  margin-right: -9px;
  padding: 2rem 1rem 1rem;
  margin: 1rem 0;
  border: 2px solid #e3e3e3;
  border-radius: 5px;
}		

.product-name {
  color: black;
}

.affix {
  top: 74px;
  background: white;
  width: 100%;
  left: 0px;
  z-index: 999;
}

.gwarancjaForm tr {
  vertical-align: middle;
  height: 50px;
}

.gwarancjaForm td {
  padding: 10px !important;
}

#modal-gallery {
	z-index: 9999999;
}

.category-description .cms-content {
	font-size: 12px !important;
}

.home-banners a {
  text-align: center;
  display: block;
  color: black;
}

.home-banners img {
  margin: 0 auto;
  display: block;
}

.gray-img-banner {
  -webkit-filter:grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.6;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
  /*filter: url("data:image/svg+xml;utf8,<svg xmlns='https://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); */ /* Firefox 3.5+ */
}

.gray-img-banner:hover { -webkit-filter:grayscale(0); opacity: 1; filter: none; }

.gray-img-banner { vertical-align: middle; padding: 20px;  display: inline; }

@media (max-width: 767px) {
  .wrap-navbar {
  	position: absolute !important;
  }

  .wrap-header.sticky {
   position: relative !important;  	
   border: 0px !important;
 }
}

.daneTech {
  height: 35px;
}

.modal-header {
	display: none !important;
}

/*This will work for firefox*/
@-moz-document url-prefix() {
  .affix {
    top: 0px;
  }
}

@media (max-width: 770px) {
	.table-responsive table td {
   display: table-cell !important;
 }
}

.rating .rating-item.selected:after {
  color: #e1e403 !important;
}


/* ranking Techsat - 2019 */
.rank-techsat, .big-content-rank {
  font-family: 'Lato', sans-serif;      
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;     
}

.title-rank {    
  background-color: #005eb0;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  margin-left: 0;
  padding-bottom: 3px;
  padding-top: 3px;
  text-align: center;
  width: 100%;
}

.rank-box {
  width: 90%;
  min-height: 28.125rem;
  margin: 1.5rem 1.5rem 0;
  box-shadow: 0 2px 1.0625rem 0 rgba(0,0,0,.1);     
}

.big-content-rank h3, .rank-box h3 {
  font-size: 20px;
  font-weight: bold;
  color: #636363;

  margin-top: 10px;
  display: block;
}

.content-rank h4, .big-content-rank h4 {
  font-weight: bold;
  margin-bottom: 10px;
}

.big-content-rank, .content-rank {
  padding: 10px;
  font-size: 14px;
}

.big-content-rank ul li, .content-rank ul li {
  /*margin-bottom: 20px;*/
}   

.button1-rank {
  display: block;
  background: black;
  color: white;
  text-align: center;
  padding: 10px;
  font-size: 14px;  

  margin-top: 10px;   
}

.button1-rank:hover {
  color: white;   
}

.button2-rank {
  display: block;
  background: #f10818;;
  color: white !important;
  text-align: center;
  padding: 10px;
  font-size: 14px;

  margin-top: 10px;   
}   

.button2-rank:hover {
  color: white !important;    
} 

.buttons-area-rank {
  padding: 20px;
  padding-top: 0px;     
} 

.price-rank {
  font-size: 19px;
  color: #f10818;
}

.big-content-rank {
  margin-top: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 40px;
  border: 1px solid #eaeaea;
  border-radius: 10px;  
  padding-right: 25px;
  background: #f7f7f9;
}

.big-content-rank img {
	margin: 0 auto;
}

.gray-bg-rank {
  padding: 1.5625rem;
  background-color: #f7f7f9;
}

.big-text-rank {
  margin-top: 20px;     
}

.table-rank {
  width: 100%;
}

.table-rank td {
  width: 50%;
}

.table-rank td:nth-child(even) {
  font-weight: bold;
}

.table-rank tr {
  height: 30px;
}

.big-content-rank img {
  width: 80%;
}

.big-content-rank a {
  color: #636363;
}

.content-rank img {
	/*height: 120px;*/
  margin: 0 auto;
}

.content-rank {
	height: 430px;
}

#buttonTop {
  display: inline-block;
  background-color: #b7b7b7;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#buttonTop::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#buttonTop:hover {
  cursor: pointer;
  background-color: #333;
  text-decoration: none;
}
#buttonTop:active {
  background-color: #555;
}
#buttonTop.show {
  opacity: 1;
  visibility: visible;
}

.tableOfContents {
  text-align: left;
  border: 1px solid #e7e7e7;
  padding: 17px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 15px;
  background: #f9f9f9;
  line-height: 30px;
  margin-bottom: 10px;
  display: block;
  max-width: 610px;
  width: auto;    
}

.tableOfContents h3 {
	font-weight: bold;
}

.product-price-row {
  padding: 1rem;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  margin-bottom: 1rem;
  background-color: #f5f5f5;  
}

.product-box.gallery {
  padding: 5px 5px 15px;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-top: 10px;  
}

.producentCellAll {
  text-align: center;
}

.producentCell {
  display: inline-block;
  width: 17%;
  margin-bottom: 10px;
  margin-right: 20px;
}

.producentCell a {
  display: block;
  overflow: hidden;
  text-decoration: none;
  color: #363636;
  min-height: 170px;
  position: relative;
  line-height: 90px;      
}

.producentCell a:hover {
  border-color: #eee;
  box-shadow: 0 0 6px rgb(54 54 54 / 15%);
} 

.producentCell img {
  width: 80%;
  max-width: 200px;
  max-height: 90px;
  vertical-align: middle;
  display: initial;
}

.producentCell span {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 52px;
  width: 100%;
  background: rgba(238,238,238,0.5);  
  position: absolute;
  bottom: 0px;      
}

@media (max-width: 768px) {
  .producentCell {
    width: 45%;
  }
} 

.add-cart-modal .product-list .product-box .product-name {
  max-height: initial !important;
}

.product-specification-table tr:nth-child(even) {
  background: #ededed;
}

@media (max-width: 768px) {
  .product-description table td {
    display: block;
  }
}  

.product-page.page {
  margin: 0 auto;
}

.rank-table-responsive td {
  width: 30%;
    border: 1px solid #bfbfbf;
    vertical-align: top;
    padding: 10px;
  margin: 10px;
    display: inline-block;  
}

.rank-table-responsive h4 {
    /*background-color: #005eb0;*/
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    margin-left: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
    margin: 0px;
} 

.rank-table-responsive img {
  width: 100%;
} 

.rank-table-responsive a {
  color: black;
  text-decoration: none;
}

@media (max-width: 768px) {
.rank-table-responsive td {
display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
  margin-bottom: 30px;
  padding-bottom: 10px;
}
}

.rank-table-responsive .button2-rank {
  width: 90%;
  margin: 0 auto;
}

.rank-table-responsive .myButton {
width: 60%;
}