.anchor {
     /*margin-top: -50px; 
     margin-bottom: 5px; */
}
.row { margin: 0px; }
/*#ca .row { margin: 0 -10px; }  */
#topmenu3 { font-size: 0.8em; line-height: 1.8em }
#topmenu3 a.nav-link { color: #fff }
.dropdown-menu { font-size: 16px }
.alinka a { color: #1B5B9B; font-size: 0.8em  }

#brandlist { position: relative }

/*#carBrands #oneBrand { 
  max-height: 200px;
    overflow: hidden; 
    } */ 
.form-check-input:checked { 
background-color: #666;
    border-color: #7B5308;
}  

.account-body .nav-item .nav-link { color: #222; }

.bg-dark { background-color: #202020 !important; }    
    
#carBrands #oneBrand.max { 
  max-height: initial;
}         
#readmore { position: absolute; 
    background: linear-gradient(to top,#dddddd,#dddddd 15%,rgba(255,0,221,0));
    bottom: 0;
    color: #444;
    
    padding-top: 100px;
    text-align: left;
    width: 100%;
    border: 0px;
    text-decoration: underline;  
}

.ml2 a { text-decoration: none; }

#ca .nowselected .card a { /*border: 4px solid #F7A711; */ background-color: #eee; font-weight: 800 }

#ca .card a {  }    /**/
#ca .card a:hover { border-color: #F9C157; } /*#C5DBED*/
#ca .flex-shrink-0 { position: relative; }
#ca .flex-shrink-0:before { 
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(100,100,100,0.1);
}

#myTab { font-size: 0.8em; }
#myTab a { color: #666; }
#myTab a.active { color: #fff; background-color: #999; } 

#bi a { text-decoration: none } 
#bi a:hover { text-decoration: underline; color: #000 }
.slick-arrow { border: 0px; 
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
background: rgba(255,255,255,.5);
position: absolute;        font-weight: 700;    color: #666
}
.slick-arrow:hover { box-shadow: 0 .125rem .25rem rgba(0,0,0,.2)!important; }
.slick-arrow.slick-next { top: 16px; right: -10px }
.slick-arrow.slick-prev { top: 16px; left: -10px; z-index: 100; }

#top-navi--2 > li > a {  }
.gai { font-size: 14px; text-decoration: none !important; background-color: transparent !important; }
.nav-item.dropdown.dropdown-hover .dropdown-menu a:hover { background-color: #F9C157; text-decoration: none }

.dropdown-menu.dropdown-menu-cart { z-index: 1010; }

#oneBrand a { color: #002855; text-decoration: none; text-transform: uppercase; }
#oneBrand .card { padding: 2px 4px; }
#oneBrand .card:hover { border-color: #111; }

.recL2- .ig-overlay { position: relative }
.recL2- .card-img-overlay { background-color: #aaa; padding: 10px; position: absolute; opacity: 0.1 }

.bgfoot { background-color: #F9A907; color: #ccc; font-size: 0.7em }

footer .line { border-top: 1px solid #555 }

.search-content .pagination { margin-top: 10px; } 

#menuClient .nav-item { font-size: 0.8em; color:#fff }
#menuClient > li > a { color: #fff; }
#menuClient > li > a > em { opacity: 0.5 }

#form_cart_list a { text-decoration: none; }

.product-summary .title a { text-decoration: none } 
.product-summary .desc { opacity: 0.7 }

.fw9 { font-weight: 900 !important; }
.pricevat { font-size: 0.5em; display: block; }
#topopt .btn {
  font-size: 13px; font-weight: 700;
  text-decoration: none;
}
.nou { text-decoration: none; }
.obs { opacity: 0.5 }
.obs:hover { opacity: 0.8 }
.obs.active { opacity: 1 }
#navbar-product .nav-link { color: #666; }
#navbar-product .nav-link.active  { background-color: #999; color: #fff }
#topopt svg { opacity: 0.8 }
.banner-text {
font-weight: 600;
overflow: hidden;
height: 18px;
} 
.text-contents {
margin-top: 0;
padding-left: 0;
list-style: none;
animation: animate 9s infinite;
}

.dl-numbers a { text-decoration: none; background-color: #eee; padding: 2px 6px; }
.dl-numbers a:hover { background-color: #ddd; }
.dl-numbers i { display: none }                         
#content .container { background-color: #202020; }

.contents {
line-height: 18px;
margin: 0;
color: #111;
}
@keyframes animate {
  0%, 12.66% {
  transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
  transform: translate3d(0, -33%, 0);
  }
  33.32%,45.98% {
  transform: translate3d(0, -66%, 0);
  }

}
.elips { white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.careli {
  color: #d0d0d0;
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 370px;
}  
/*
@keyframes animate {
0%, 12.66%, 100% {
transform: translate3d(0, 0, 0);
}
16.66%, 29.32% {
transform: translate3d(0, -25%, 0);
}
33.32%,45.98% {
transform: translate3d(0, -50%, 0);
}
49.98%,62.64% {
transform: translate3d(0, -75%, 0);
}
}
*/
/*
#headlogo::after{
  content: ' ';
  position: absolute;
  text-align: center;
  color: #000;
  width: 100px;
  padding: 2px;
  background: #000; 
  animation: textrotate 5s linear infinite;
  -webkit-animation: textrotate 5s linear infinite;
}
@keyframes textrotate{
  0%{
    content: 'europejskich';
  }
  50%{
    content: 'japońskich';
  }
  100%{
    content: 'koreańskich';
  }
}
*/
#ca { background-color: #888 }
#ca a { color: #32729A; text-decoration: none; }
#ca a:hover { color: #0B3756; } 


#headlogo { font-size: 13px; text-transform: uppercase; font-weight: 700 ; letter=spacing: -0.1em; color: #999; margin-top: 12px; margin-left: 8px }
#headlogo b { color: #666 }
.breadcrumb>li+li:before {
    padding: 0 5px 0 8px;
    color: #cfcfcf;
    content: "|";
}
#flexBrand {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
	align-content: stretch;
}
#flexBrand .m1 { 
   width: 120px; text-align: center; padding: 5px; 
}
#flexBrand .m1 a {
    background-color: #fff;
    display: block;
    text-align: center;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    text-overflow: ellipsis; white-space: nowrap;  overflow: hidden;
    padding: 4px;
}
#flexBrand .m1 a b {  }
#flexBrand .m1 a:hover { opacity: 0.8; transition: all .2s cubic-bezier(.6,.045,.4,1); }
#flexBrand .m1 img { display: block; text-align: center; margin: 0 auto; padding: 5px 5px; }

.topspace { border-bottom: 16px solid #FFF; }
.over {
    background: rgba(0,0,0,.5);
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}
#btvinSE { background-color: #003399; }
.navbar-toggle .icon-bar { background-color: #eee; }
.label-rabat-big2 small { background-color: yellow; padding: 0 5px; }
.on1h1 { }
.on2h2 { }
.recL2 .iview { vertical-align: middle; margin-top: 8px  }

.recL2 .onlyprice { background-color: rgb(255, 218, 121); border-radius: 4px; margin: 0; padding: 0 8px; } 

.recL2 .toCart { box-shadow: 0px 2px 4px #ccc; transition: 0.2s ease-in-out 0s; } 
.recL2 .toCart:hover { opacity: 0.8 } 

.recL2 .label-rabat-big {
    display: block;
    padding: 2px 5px;
    background-color: #eee;
    font-size: 14px;
    color: #fff;
}

.onlyprice b {
    background-color: #FFC600;
    border-radius: 4px;
    margin: 0;
    padding: 0 8px;
}

.labrab small { background-color: yellow; padding: 0 3px; }

.checkout-footer .btn-inverse { background-color: #197ACF; border-color: #197ACF; font-weight: 700; color: #fff }

.carousel-caption { margin-right: 16%; margin-left: 16%; }

.carousel-item::before {
    bottom: 50%;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(transparent));
    background-image: linear-gradient(180deg,rgba(0,0,0,.6),transparent);
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
}

/*.promotion-lg { position: relative }  */
.promotion-lg.bg-black-darker .promotion-image:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 30%;
    left: 0;
    z-index: 1;
    pointer-events: none;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(transparent));
    background-image: linear-gradient(180deg,rgba(0,0,0,.6),transparent);
}
.promotion-lg.bg-black-darker .promotion-caption { z-index: 2; }
#top-info { background-color: #000; } 
a:hover #logosec { text-decoration: none; color: #222; }
#logosec { color: #222;  font-size: 18px; font-weight: 100; display: inline-block; white-space: nowrap; line-height: 32px; padding-top: 20px; padding-left: 20px; letter-spacing: 1px; }
#logosec span { color: #C20202; }
                     
                   
#bi .lead { line-height: 44px }
                   
.header-nav .nav>li>a>i.fa.fa-angle-down { font-size: 12px; line-height: 18px; color: #888; padding-left: 3px }

.about-us-content { font-size: 1em; font-family: Arial; }
a.flink { color: #BBAE9D !important;  }
.toolbartop { border: 0px; }
.bFilter { border-bottom: 10px; }
.bFilter a { /*background-color: #666;*/ padding: 10px;  color: #777; display: block; text-decoration: none }
@media (max-width: 575.98px) {    
  .bFilter a { background-color: #FAFF04; padding: 10px;  color: #333; display: block; }
}
.bFilter a:hover { text-decoration: none}
.tablefit {
 margin: auto;
  border-collapse: collapse;
  overflow-x: auto;
  display: block;
  width: fit-content;
  max-width: 100%;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
}
.cropis { font-weight: 300; }
#top-nav #mya a { color: #fff }
#copyA { padding-left: 170px; }
.fadeInLeftBig { height: 42px; }
.populars ul { list-style-type:none; }
.populars ul li { padding: 5px 0px; margin: 0px 0px; }
.cookieTooltipWrapper {
    position: relative;
}
.lead img { margin: 0px 10px }
.checkout-footer {   }
.checkout-footer a.btn.btn-white { background-color: #ddd; }
.checkout-footer a:hover.btn.btn-white { background-color: #eaeaea; }
.blacky code { }
.alert-ship { border: 0px !important; background-color: #eefbf0; }
.summary-row.text-info { color: #666 !important; }
table.table-payment-summary .field { color: #888 }
.cookieTooltip {
    position: fixed;
    bottom: 15px;
    left: 15px;
    background: #555;
    max-width: 420px;
    padding: 10px;
    opacity: 0.9;
    font-size: 11px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    z-index: 999999;
    margin-left: 15px;
}
.cookieTooltip p {
    color: #fff;
    margin-bottom: 10px;
}
.cookieTooltip a {
    color: #fff;
    text-decoration: underline;
}
.cookieTooltip .tooltipClose {
    display: none;
}
.cookieTooltip .tooltipClose a {
    display: block;
    float: right;
    background: #F9C157;
    padding: 5px 10px;
    color: #000;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}
.cookieTooltip .tooltipClose a:hover {
    background: #ddd;
}
#top-nav { /*#373737;*/ }

#top-info { /*z-index: 1050;*/ color: #fff; }

#top-info .infobox { font-size: 13px; font-weight: 400;  }
#top-info .infobox ul { padding: 5px; }
#top-info .infobox li { opacity: 0.9; line-height: 20px;  }
#top-info .infobox li svg { vertical-align: middle; opacity: 0.5;  }
#top-info .infobox li a {  opacity: 0.9; color: #eee; }
.navbar-nav .tnl {
    line-height: 39px !important;
    padding-right: 20px;
    font-size: 14px;    
    padding-left: 10px;
}
.navbar-nav .tnl strong { color: #fff; }

@media (min-width: 1430px) {
  .container {
    width: 1400px;
  }
}                                     

.form-control-lg {
padding: 0.75rem 1.25rem;
    font-size: 1.25em;
    line-height: 1.33333;
}

.product-thumbnail { }

.navbar-toggle { margin: 0px; border-right: 0px; }

#slid19 { height: 380px;  }

.promotion { padding-top: 185px; }
/*.promotion-title { font-size: 24px; }
.promotion-price { font-size: 20px; }
*/
#prz { background: rgba(255, 255, 255, .2); font-weight: 900; text-shadow: 0px 0px 1px #555;  }
.promotion.promotion-lg {  }
.onpromo .fx { 
   display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.promotion.promotion-lg {  }
.onpromo .fx { 
   display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}
.onpromo .iview { background-color: #fff; }

.pwell2 { padding-left: 5px; }
.pwell2 small { text-transform: uppercase; color: #666; font-size: 0.7em }
.pwell2 b { display: block; }

.item-car a:hover { text-decoration: none; color: #000; }
.search-toolbar.ysection { margin-bottom: 0px;  } 
 #manlist {  list-style-type: none; margin: 0; padding: 0; }
          #manlist li { padding-top: 10px; padding-right: 0px; }
         #manlist li a {  background-color: #fff; display: block; text-align: center; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; }
         #manlist li a img { display: block; padding: 10px 5px; text-align: center; margin: 0 auto }   
         #manlist li a:hover { text-transform: none; opacity: 1; color: #000; opacity: 0.8; color: #006E9F; text-decoration: none } 
.iview .discount, .product-main-image .discount { /*.pitem.item-thumbnail */
    position: absolute;
    top: 0;
    right: 0px;
    line-height: 20px;
    padding: 2px 10px;
    color: #fff;
    background: #444;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}       
.product-main-image { position: relative; }
.product-main-image .discount { top: 20px; font-size: 15px;  line-height: 24px; }  
.account-container { margin-top: 10px; }
 .sid { border: 0px; background-color: #e2e3e5; background: linear-gradient(0deg, rgba(230,230,230,0.6) 88%, rgba(140,140,140,1) 100%); }
.sid .title { color: #080808; }
.sid .form-control { border-color: #E2E7EB; }
.sid .control-label { color: #666; font-size: 12px; }
.content-yel { background-color: #FFDE01 !important;  }     

 #sc > div > .title { padding: 8px; }
 #sc > div > .title > strong {  display: block; }
 #sc .control-label { color: #666; text-transform: uppercase; font-size: 11px; }
 
 #sc .dropdown-toggle { border-bottom: 0px; }
 
#table1 th,#table2 th { font-weight: normal; font-size: 11px }
#table1 tbody tr,#table2 tbody tr { background-color: #fff; }
#select1table label { font-weight: bold; }
#table1 tr td { line-height: 32px; }

  .hd { background-color: #fff; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; padding: 15px 15px; position: relative; }
    .hd .more { position: absolute; bottom: 0; left: 0; right: 0px; }
  .mb4 a { line-height: 16px; color: #002855; }
  .mb4 a:hover { text-decoration: none; color: #000; }
   .mb4 a.hb { text-overflow: ellipsis; } 
  .cv { margin-top: 10px;}
  .cv > div { padding: 4px 0px; } /*border-bottom: 1px dotted #ddd; */
  .cv a { color: #1B5B9B; display: block; font-weight: 600; text-decoration: none } 
  .cv a:hover { color: #111;  }
  .hb { text-transform: uppercase; text-decoration: none; color: #222; font-size: 20px; font-weight: 600; text-overflow: ellipsis; }
  .hb small { display: block }
.p-t-b-10 { padding-top: 10px; padding-bottom: 10px; }
.imgcar { background-color: #fff; }

#bi svg { width: 40px; }
 #bi > div { /*font-size: 32px;*/ }
 #bi .lead { margin: 0px; /*line-height: 32px;*/  }
 #bi .lead span { font-size: 1rem; opacity: 0.8  } 
.dfx { 
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}

#cat3 h4 { color: #222 }
.fx .lit-price { background-color: #ddd; } 


#product-basket { border:0px}
.product-purchase-container { margin-left: 0px;  }

.product-discount small { background-color: yellow; padding: 0 5px; margin-right: 5px }


.fw6 { font-weight: 600 !important; }

.mtechnical { 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: stretch;
} 

.modal-footer { background-color: #ddd; border-top: 0px; padding: 10px  }

.modal-header { border-bottom: 0px; }
.modal-header h4 { font-weight: 600; font-size: 16px;  }

.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; }
             
#top-navi--2 > li > a {  
line-height: 16px; text-align : left; padding-bottom: 4px; 
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center; 
text-decoration: none;  
/* color: #eee;  */
 }
 
 #top-navi--2 > li > a.dropdown-toggle::after { opacity: 0.3 }
 
 
#top-navi--2 > li > a > span { padding-top: 4px}
#top-navi--2 > li > a > span > small { display: block;  }

.sticker.cx { 
    position: fixed !important;
    top: 10px;
    right: 10px; 
}
.trans05 { opacity: 0.5 }
.df { display: flex; }
.mod_list {  }
.mod_list a { 
  background-color: #fff;  padding: 8px;  font-size: 16px;
  display: block; margin-top: 6px; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; 
}

    .podcategory-list ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    .podcategory-list .panel-heading {
       padding-bottom: 0px;
    }
    .podcategory-list .panel-body {
       padding-top: 10px;
    }
      .podcategory-list .panel-title { 
      font-size: 12px;
      color: #ccc;
      font-weight: 600;
    
      text-transform: uppercase; }
      .podcategory-list li+li {
          border-top: 1px solid #eee;
      }
      .podcategory-list li>a {
          color: #444;
          font-size: 1.2em;
          font-weight: 600;
          display: block;
          padding: 8px 0;
          line-height: 20px;
      }
      .podcategory-list li>a:hover { 
        color: #006E9F; text-decoration: none;
      }

.text-muted.f-s-20 { font-weight: 800; text-align: right; }
.ddd { background-color: #c0c0c0; }

.page-header-cover:before  { background: rgba(36,42,48,.7) }

.mod_list a:hover {
  background-color: #fff;
  text-decoration: none; 
}
.row-gap-5.row, .row-gutter-1.row {
    margin: 0 -0.3125rem;
}
.row-gap-5.row > div[class^="col-"], .row-gutter-1.row > div[class^="col-"] {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
}
.row-gap-10.row, .row-gutter-2.row {
    margin: 0px -0.625rem;
}
.row-gap-10.row > div[class^="col-"], .row-gutter-2.row > div[class^="col-"] {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}
.fM { background-color: #fff; padding: 4px 5px; display: block; }
.fGa { background-color: #fff;  padding: 4px 5px; display: block;  }
.fGa span { padding-top: 2px; }
.fGa .df.disabled  { color: #aaa; }
.minimanuf { max-height: 21px; }

a.opa { opacity: 1 }
a:hover.opa  {opacity: 0.7 } 
.product-dc .text-muted { font-weight: 300; }

.nform .help-block { font-weight: 200; font-size: 0.8em } 

#am li img {     text-align: center;
    margin: 0 auto; opacity: 0.5;
    display: block; }

#am li a:hover { color: #000; } 

#am li a { color: #666; }
#am li a:hover {  }  
#am li.active a { font-weight: 600  }

.dl-numbers dt { font-weight: 700; }
.dl-numbers dd { font-weight: 400; color: #333; }
.dl-numbers i { color: #aaa; } 
.dl-numbers a { color: #003950 }

#loadModel .table thead tr th { color: #999 }

#product-info .infocrit .dl-horizontal dd { width: 60%; }

#product-oem p small { color: #666; }

#listSort .text { font-weight: 400 !important; }
#listSort a { color: #333; margin-left:6px }
#listSort a.active { font-weight: 700 }
.manufacturerm { max-height: 36px; }

#product-zam .btn { 
    font-size: 12px;
    font-weight: 700;
    color: #666;
    border: 1px solid #ccc;
    padding: 8px 15px;
    line-height: 16px;
    margin: -7px 0;
    border-radius: 3px;
}
#product-zam tr td { font-weight: 400; }

.autoc {  padding: 15px 20px;  } 

.infocrit.ogr { border-left: 5px solid #17A5FF; padding: 15px 20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } 

.infocrit.ogr .title { color: #333333; text-transform: uppercase; font-weight: 600 }


.list-group-item.active { background-color: #4b5055; border-color: #111; }

#g01 {

}

#g01 .g0 a { 
  border: 1px solid #ccc; background-color: #fff; 
  height: 160px; display: block;
  margin: 5px 0px auto;
  transition: all 200ms ease-out;
 
 }
  #g01 .g0 a:hover { 
        box-shadow: 0 0 5px rgb(180 180 180);
    }
#g01 .g0 a .gv {     
    cursor: pointer;
    position: relative;
    height: 160px;
    }  
#g01 .g0 a .img img { 
    display: block;
    margin: 0 auto; }    
    
#g01 .g0 a .title { 
  text-align: center; position: absolute; bottom: 0; right: 0; left: 0; font-size: 18px; font-weight: 700;
  line-height: 16px; margin: 10px 5px; border-top: 1px solid #ccc; padding-top: 10px; background-color: #fff;
   }

.hs { text-transform: uppercase; font-weight: 800; font-size: 1.4rem; color: #888; letter-spacing: -1px; line-height: 32px; }
.hsep { position: relative }

#fform .form-control.input-sm { font-size: 12px !important }

.result-image:before { position: absolute; top: 0px; right: 0px; background-color: #666; opacity: 0.5; height: 100%; bottom: 0px }    

/*.hsep::after {
    height: 3px;
    width: 70px;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";
    background-color: rgb(255, 216, 0);
}                                      */
  .groups { background-color: #d0d0d0; padding: 20px; }
  .shorts { background-color: #d0d0d0; padding: 10px; }
    .shorts h2 { margin: 0px; padding: 0px; font-size: 20px; font-weight: 700 }
    .shorts img { max-height: 100px; }
  .gpanel { background-color: #fff; padding: 10px; margin-right: 10px;  }
  .panels { margin: 10px;  }
  
  .hg3 { font-weight: 700; font-size: 20px; line-height: 30px;  white-space: nowrap; padding-right: 140px; }
  /*
  .gfap { display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch } 
  */
  .gfap > .gpanel  { margin-right: 5px; margin-top: 5px; }
  
  .pag { font-weight: bold; }
  .pag.ca { font-weight: normal; }
  .gimg { max-height: 40px; margin-right: 10px; }
  .gi { float: right; clear: left } 
  
  .podg { list-style: none; padding: 0;   white-space: nowrap;
  margin: 0; padding-bottom: 10px; }
  .podg li { padding-right: 20px; padding-left: 16px;}
  .podg li:before { content: "‣ "; color: #666; }
  .podg a {  }
  
.dfx { 
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
  }

.blockDelivery small, .blockPayment small { color: #999 }
.toCart img { height: 20px; }
.parameters li { font-weight: 300; }
.parameters span { font-weight: 500; }

.litit { padding: 15px 0 10px 5px; font-size: 1.6em }
.litit a { text-decoration:none; }

.product-parameters
{
 margin-top: 5px;
	clear:both;padding: 5px 2px 5px 0; line-height: 1.5em;font-size: 0.9em; /* line-height:1.68rem;*/
	color:#444
}
.product-parameters li{display:inline-block;margin-right:3px; font-weight: 300; padding-right: 0px !important; color: #666; }
.product-parameters li span{margin-right:4px; font-weight: 500; color: #444; }
.product-parameters li:after{
   content: '■';
    color: #CACACC;
    padding-left: 4px; padding-right: 4px;
 /*■*/ }
.product-parameters li:last-child:after{content:''}

.recL2 .product-parameters
{
	padding-bottom: 0px
}


#galleryRec { 
display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
} 
/*#galleryRec { 
display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
*/
.product-price .price strong { font-size: 32px }

.morecrit h2 { font-weight: 300; font-size: 20px; margin: 0; line-height: 30px; }
.morecrit h3 { font-weight: 300; font-size: 18px; margin: 0; line-height: 30px; }

.fsmall { font-size: 11px; font-weight: 200; }

.infocrit { color: #666;}
.infocrit .desc { color: #aaa; }     

.ysection { 
  background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 80%, rgba(238,238,238,1) 100%); border-bottom: 0px; }

.yspection {  background: rgb(255,255,255);  padding: 5px 15px; 
    background: linear-gradient(180deg, rgba(255,255,255,1) 80%, rgba(238,238,238,1) 100%) !important;  }

.recL2 { margin-top: 10px; background-color: #fff; }
.recL2 .desci {  background-color: #EFEFEF; padding-right: 10px; /*margin-left: -6px;*/ margin-right: 10px; margin-bottom: 10px  }
.gallery .recL2 .ggroup { margin-top: 0px }

.recL2 .descw {  padding-left: 5px; }

.recL2 .lit-price { background-color: #eee; }

.recL2 .iview { }

#galleryRec .gallery { margin-left: 0px }

 .gallery .recL2 .image .iview { height: 150px;}
                          
.onpromo .rec { width: 20%; }
.onpromo .recL2 { width: 100%; }

.recL2 .iview { border-bottom: 0px; }

.btn.btn-danger { background-color: #DC0000 }

.recL2 .toCart { background-color: #FE9000; background-color: #DC0000; color: #fff; font-weight: 600; padding: 8px }
.recL2 h3.title { font-size: 18px; font-weight: 600; margin-top: 10px }
     

.recL2 .lit-info .desc { background-color: #EFEFEF; }

.rec .lgo { max-height: 80px; max-width: 120px; margin: 0 auto; padding-top: 40px; }

.rec .red { color: #ccc !important }
.rec .red i { color: #ff0000; }

#f4 {  }
.dfcar { 
  display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	/* align-items: center;     */
	align-content: stretch;
}

table.table-payment-summary .field { font-weight: 300 !important; }

.nowr { white-space: nowrap; }

#usenav { padding-right: 4px; }

#usenav .dropdown-menu.dropdown-menu-cart { background-color: #FFF !important; }

#usenav>li>a { 
  background-color: #f5f5f5                          
} 

.tpm { padding-top: 10px; }

/*#usenav>li>a>span { color: #333 !important; }*/
#usenav>li>a> #viewCountTop { }

.countCart #viewCountTop {  }
#usenav>li>a>i { color: #aaa !important; }

#usenav>li>a>span { color: #333; }
#usenav>li { margin-right: 5px; } 

#usenav > li > a > span.label { background-color: #aaa; color: #333 !important; }
#usenav > li > a > span.countCart {  }

.header-cart .cart_num { margin-top: -5px; margin-bottom: -5px; }

#viewCountTop { font-size: 14px; padding-left: 4px; color: #fff }
.countCart.cart_num { background-color: #FFA71D;  }
#viewCountTop { color: #fff; }
/*#usenav .header-nav .nav>li>a strong,
#usenav>li>a span, */

.headmm { padding-bottom: 0px; color: #222; padding-top: 10px; margin-bottom:0px; }
.cart-item>li .ct { font-size: 16px; }


.headCar h1 { font-weight: 500; font-size: 2em }
.headCar h1 span { font-size: .9em }
.headCar h1 .do { font-weight: 300; }

.wrapper {
  padding: 0.9375rem; }
  .wrapper.item {
    padding: 0px; }

.item-wrapper, .item > .wrapper {
  position: absolute;
  padding: 0px; }
  .item-wrapper.top, .item > .top.wrapper {
    top: 0; }
  .item-wrapper.bottom, .item > .bottom.wrapper {
    bottom: 0; }
  .item-wrapper.left, .item > .left.wrapper {
    left: 0; }
  .item-wrapper.right, .item > .right.wrapper {
    right: 0; }
  .item-wrapper.r-350, .item > .r-350.wrapper {
    right: 350px; }

.item {
  position: relative; }
  @media (max-width: 33.9em) {
    .item.item-xs-reset > .wrapper {
      position: relative; }
      .item.item-xs-reset > .wrapper.top {
        top: auto !important; }
      .item.item-xs-reset > .wrapper.bottom {
        bottom: auto !important; }
      .item.item-xs-reset > .wrapper.left {
        left: auto !important; }
      .item.item-xs-reset > .wrapper.right {
        right: auto !important; } }

#txslogo { padding-top: 10px }
#topimagecar { max-width: 200px; margin-left: 5px; padding-top: 2px; white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
/*
@media screen and (max-width: 1200px) {
   #top-navi--2 > li > a > span { font-size: 0.8em; }
}
   
*/

.slidek .text-muted { color: #c0c0c0; text-shadow: 15px 5px 20px rgb(0 0 0); }

.promotion-btn { font-weight: 600; background-color: rgba(140, 140, 140, 0.7); }    

.promotion .promotion-btn { font-weight: 400; background-color: transparent; border-color: #666; }      
.promotion .promotion-btn:hover { border-color: #fff; background-color: white }
.promotion.promotion-lg .promotion-btn { font-weight: 600; background-color: rgba(140, 140, 140, 0.7); border: 0px }      

.promotion.promotion-lg .promotion-btn:hover { color: #fff; background-color: rgba(140, 140, 140, 1); }      


.rec {  width: 25%; padding-left: 6px;     }
#top-navi--2 .ics { margin-right: 6px; } 
.dfx .hd { width: 24%; margin-right: 1%; margin-top: 15px; }

 .hd3 { width: 33%; background-color: #fff; border: 1px solid #ccc; padding: 15px 10px; position: relative; margin-right: 2px; margin-top: 4px;  }

 .hd3 a.hb { color: #002855 }

 .search-container .search-sidebar { float: left; }
 .search-container .search-content { float: right; }
 
.recL2 .fa-check-circle.fa-lg { line-height: 1em;  }

.search-sidebar h4.title {  }

#f4at p { color: #666; margin-bottom: 2px; }
#f4at img { max-height: 50px; opacity: 0.5 }
#f4at p strong { color: #bfbfbf; } 

#mybrands img { opacity:0.5 } 
#mybrands a img { opacity:0.7 } 
#mybrands a:hover img { opacity:1 } 
 
#webnav .text-muted { color: #888 !important; }

#webnav .list-group { border: 0px;  }
#webnav a.list-group-item { background-color: #888; border: 0px; border-top: 1px solid #333 }
#webnav a:hover.list-group-item { background-color: #aaa; color: #fff }
#webnav a.list-group-item.active { background-color: #666; border:0px; }
    
@media (max-width: 575.98px) {          
    /*.navbar-header { margin: 0px; } */
    #galleryRec .rec { width: 100%; }
    .fx .rec { width: 100%; }
    .dfx .hd { width: 100%; }
    .dfx .hd3 { width: 100%; }
    .pres .p-r-40 { width: 100% }
    .search-container .search-sidebar { width: 100%; }
    h1.promotion-title { font-size: 17px !important; }
    .yell { font-size: 16px; }   
    
    /*.top-nav { position: fixed; top:0; left: 0; right: 0; z-index: 1040; }
    .header { position: fixed; top:60px; left: 0; right: 0; z-index: 1020; } */
     #top-nav.affix { 
       position: fixed; top:0px; left: 0; right: 0; 
       box-shadow: 0 0 10px rgb(0 0 0 / 60%);
    } 
    
    #oneBrand .card-body { text-align: center; }
    #oneBrand a img { margin: 0 auto; width: 80%;  }         
    
    .mod_list .pull-right { float: none !important; }
    .container { padding-left: 0px; padding-right: 0px; } 
    .szw { display: none; }
    .szi { display: none; }
    
    .tblz2 { overflow-x: auto; }    
    
     #fas {  width: 76%  }
     #fsq {  position: absolute; 
      /*top: 64px; */
      top: 50px;
      right: 0px; left: 70px; z-index: 1005;}
     
     #sqtop { /*min-height: 50px;*/ position: absolute }
     
     #priceButton { font-size:1.2em }
     
     #topopt i { font-size: 1.5em }
     
     .headgrad { height: 72px; }
     
     .hids { display: none }
     
    .navbar-toggle { marign-left: 10px;  }
    .valueCart { letter-spacing: -1px; }
   
    #usenav { padding-right: 0px; } 
    #usenav>li>a.btn-outline { height: 40px; line-height: 20px; }
    
    .navbar-toggle { margin-left: 10px;  }
    
    .promotion-image img { max-width: 300%; }
    
    #countcarlist { z-index: 1044; margin-right:-150px }
    
    .topspace { border-bottom: 0px }           
    
    #top-navi--2 > li > a { color: #111; }
    
    .promotion { padding-top: 250px }
    .promotion-caption .promotion-btn { padding: 5px 10px; background-color: #ECECEC }
    .promotion-price { font-size: 16px }  
    .promotion-lg .promotion-price { font-size: 21px }    
    
    #main-carousel .item .bg-cover-img { max-width: 300%; }
    
    .recL2 .descw {  padding-left: 15px; }
    .fa-check-circle.fa-lg { line-height: 1em; }
    
    .recL2 .desci { margin-left: 10px; }
    .btnmore { margin-left: 10px; margin-right: 0px; width: auto }
    
    .search-sidebar h4.title { text-align: left }
    
    .section-container .container h2.hs { padding-left: 10px }
    
    #fis { padding-top: 10px;}
    
    .rec .pwell { padding-left: 10px; }
    .rec .lit-info { padding-left: 5px; }
    .promotion-btn { margin-bottom: 5px; }    
    body { overflow-x: hidden; }
    .td1st { font-size: 0.7em }
    #product-basket { padding: 0px }
    #product-basket .price { padding-left: 15px; }
    .product-info { padding: 5px; padding-bottom: 10px; }
    
    .product-purchase-container { margin-left: 8px; margin-right: 15% }
    .dofree { margin-right: 14%  }
    #webnav { padding: 5px !important; padding-right: 15px !important }
    
    #modal-sap.modal-message, #modal-sap .modal-header, #modal-sap .modal-body { width: 100%; }
    
    h5.text-muted { text-align: left !important; padding-left: 5px; }
    .mod_list { padding: 5px; }
    
    #manlist { padding-right: 14px; }
}

/* Small devices (landscape phones, 576px and up)   */
@media (min-width: 576px) and (max-width: 767.98px) { 


     .hids { display: none }

     #fas {  /* width: 150% */ }
     #fsq {  position: absolute; top: 66px; right: 0px; left: 90px; z-index: 1005;}     
     #sqtop { /*min-height: 50px;*/ position: absolute }     
     .headgrad { height: 72px; }
   
     
    #galleryRec .rec { width: 50%; }    
    .fx .rec { width: 50%; }  
    #top-navi--2 > li > a { padding-left: 5px; padding-right: 5px;  }  
    .dfx .hd { width: 48%; }
    .dfx .hd3 { width: 48%; }   
     .search-container .search-sidebar { width: 100%; }
     .header-nav .nav>li>a { line-height: 20px; }

     #main-carousel .item .bg-cover-img { max-width: 160%; }    
    /*.top-nav { position: fixed; top:0; left: 0; right: 0; z-index: 1040; }
    .header { position: fixed; top:60px; left: 0; right: 0; z-index: 1020; }
     
    .top-nav .sticker.cx { position: fixed !important; } */
    #top-nav.affix { 
       position: fixed; top:0px; left: 0; right: 0; 
       box-shadow: 0 0 10px rgb(0 0 0 / 60%);
    }
    
    .promotion { font-size: 0.5em; }
    #usenav>li>a.btn-outline { height: 40px;}
     .promotion-image img { max-width: 200%; }  
     
     #countcarlist { z-index: 1044; margin-right:-150px }    
     
     #top-navi--2 > li > a { color: #111; }
     
     .recL2 .descw {  padding-left: 15px; }  
     .recL2 .desci { margin-left: 10px; }

     .fa-check-circle.fa-lg { line-height: 1em; }
     .btnmore { margin-left: 10px; margin-right: 0px;  width: auto  }
     
      .search-sidebar h4.title { text-align: left }
     .dofree { margin-right: 4%  } 
      
}

/* Medium devices (tablets, 768px and up)    */
@media (min-width: 768px) and (max-width: 991.98px) { 
     #top-navi--2 > li > a > span { font-size: 0.8em !important; }   
     #galleryRec .rec { width: 33%; }
     .fx .rec { width: 33%; }
     .dfx .hd { width: 32%; }
     .dfx .hd3 { width: 49%; }
     .dfx .hd3 img { width: 30%; }
     .dfx .hd img { max-width: 30%; }
     .search-container .search-content { width: 75%; }
      .search-container .search-sidebar { width: 25%; }
      
      .product-main-image { width: 220px; }
      .container { width: 950px; }
      
      .promotion { font-size: 0.7em; }
      
      #av-search- { margin-top: 20px }
       #top-info .tnl { display: none } 
       .recL2 .desci { margin-left: 10px; }
       
      #fas {  width: 100%  }
     #fsq {  position: absolute; top: 85px; right: 30px; left: 88px; z-index: 1005;}     
     #sqtop { /*min-height: 50px;*/ position: absolute; }     
     .headgrad { height: 72px; }
     .hidsmd { display: none } 
     
     .navbar-collapse { color: #333; background-color: #fff; flex-basis: 100%;
    flex-grow: 1; }
    .navbar-collapse a { color: #333 !important; }
}   

/* Large devices (desktops, 992px and up)      */
@media (min-width: 992px) and (max-width: 1199.98px) {
    #top-navi--2 > li > a { padding-left: 10px; padding-right: 5px; } 
    #top-navi--2 > li > a > span { font-size: 0.9em; }  
    #topimagecar { max-width: 150px;} 
    .dfx .hd { width: 32%; }
    
      #av-search- { margin-top: 20px } 
     #top-info .tnl { display: none }
    .promotion-image img { max-width: 150%; }
}

/* Extra large devices (large desktops, 1200px and up)  */
@media (min-width: 1200px) { 
    #top-navi--2 > li > a { padding-left: 8px; padding-right: 4px;  }
   /* #autocomplete_mag { min-width: 250px}  */
   /*#sqtop { padding-top: 16px; }  */
    .container { width: 97%; }
   #top-info { font-size: 0.8em;}
   #top-info .tnl { font-size: 0.8em; }
   .promotion-image img { max-width: 120%; }
} 

@media (min-width: 1430px) { /*1400*/
    #top-navi--2 > li > a { padding-left: 4px; padding-right: 8px;  }
    #top-navi--2 > li > a > span { font-size: 0.9em; } 
    #topimagecar { max-width: 250px;} 
    /*#autocomplete_mag { min-width: 300px}*/
   
    .container { width: 1400px; }
    #top-info { font-size: 1em;}
   #top-info .tnl { font-size: 1em; }
    .promotion-image img { max-width: 100%; } 
} 



.breadcrumb-chevron {
  --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  gap: .5rem;
}
.breadcrumb-chevron .breadcrumb-item {
  display: flex;
  gap: inherit;
  align-items: center;
  padding-left: 0;
  line-height: 1;
}
.breadcrumb-chevron .breadcrumb-item::before {
  gap: inherit;
  float: none;
  width: 1rem;
  height: 1rem;
}

.breadcrumb-custom .breadcrumb-item {
  position: relative;
  flex-grow: 1;
  padding: .75rem 3rem;
}
.breadcrumb-custom .breadcrumb-item::before {
  display: none;
}
.breadcrumb-custom .breadcrumb-item::after {
  position: absolute;
  top: 50%;
  right: -25px;
  z-index: 1;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  content: "";
  background-color: transparent; /*var(--bs-tertiary-bg);*/
  border-top-right-radius: .5rem;
  box-shadow: 2px -2px #999;/* var(--bs-border-color)*/
  transform: scale(.707) rotate(45deg);
}
.breadcrumb-custom .breadcrumb-item:first-child {
  padding-left: 3rem;
}
.breadcrumb-custom .breadcrumb-item:last-child {
  padding-right: 1.5rem;
}
.breadcrumb-custom .breadcrumb-item:last-child::after {
  display: none;
}

.headshadow { box-shadow: 0 0 10px rgb(0 0 0 / 60%); }
.headgrad { margin: 0 auto; background: rgb(51,51,51);
/*background: linear-gradient(180deg, rgba(51,51,51,1) 80%, rgba(44,44,44,1) 100%);    */
  background-color: #3A4750;
}

.hide { display: none; }

.gaj .img-wrap.wrap-s2:before {
    bottom: 60%;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(transparent));
    background-image: linear-gradient(180deg,rgba(0,0,0,.4),transparent);
}

