/* Variables */
.external-fonts-loaded h1, .external-fonts-loaded h2, .external-fonts-loaded h3, .external-fonts-loaded h4, .external-fonts-loaded h5, .external-fonts-loaded h6, .external-fonts-loaded .h1, .external-fonts-loaded .h2, .external-fonts-loaded .h3, .external-fonts-loaded .h4, .external-fonts-loaded .h5, .external-fonts-loaded .h6, .external-fonts-loaded .cart-table .main-link, .external-fonts-loaded .cart-related-name, .blank-mode h1, .blank-mode h2, .blank-mode h3, .blank-mode h4, .blank-mode h5, .blank-mode h6, .blank-mode .h1, .blank-mode .h2, .blank-mode .h3, .blank-mode .h4, .blank-mode .h5, .blank-mode .h6, .blank-mode .cart-table .main-link, .blank-mode .cart-related-name {font-family: brother-1816, sans-serif;}
.site-msg.information {max-width: 100%;box-shadow: none;background-color: #000;bottom: 0;color: #fff;left: 0;right: 0;text-align:center;}
.site-msg .close::before, .site-msg .close::after {background-color: #fff;}
.about-us h1 {font-size: 38px;text-align: left;}
h2, .in-index .h4.homepage-group-title, #footer .footer-newsletter h4, h1, #productsAlternative::before {font-family: brother-1816, sans-serif;font-size: 30px;font-weight: 600;color: #000000;text-align: center;margin: 55px 0 35px; text-transform: uppercase;}
#footer .footer-newsletter h4 {text-align: left;margin: 15px 0;}
h3 {font-family: brother-1816, sans-serif;font-size: 25px;font-weight: 700;color: #000000;text-align: center;}
p {font-size: 15px;margin: 0 0 19px;}
a:hover, .link-like:hover, a:focus, .link-like:focus {color: #818181;}

/* Flexbox */
.flex {display:flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.flex-wrap {display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flex-center-wrap {display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-around-wrap {display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-pack: distribute;justify-content: space-around;}
.flex-between {display:flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.flex-between-center {display:flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-center {display:flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;display:flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.flex-wrap-center {display:flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-column-center {display:flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-column {display:flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}

/* Tlačítka */
.btn, a.btn {font-size: 14px;padding: 5px 25px;height:49px;line-height:36px;}
.btn.btn-primary, a.btn.btn-primary {border: 1px solid #bfbebe;max-width:180px;width:100%;}
.btn.btn-primary:hover, a.btn.btn-primary:hover {background-color: #818181;color: #fff;border-color: #818181;}

/* Formulář */
select, select.form-control {line-height: 36px;}
.form-control, select {border-color: #bfbebe;}
 
/* Hlavička */
#header, .navigation-in {background-color: #fff;}
.navigation-in ul li a {padding-left: 16px;padding-right: 16px;font-family: brother-1816, sans-serif; font-weight: 200; font-style: normal;}
.navigation-in>ul>li>a {color: #000000;}
.navigation-in>ul>li.exp>a, .navigation-in>ul>li>a:hover {color: #818181;}
.navigation-in ul li a b {font-family: brother-1816, sans-serif; font-weight: 400; font-style: normal;}
.menu-item-867 a b {font-weight: 600 !important; }
.menu-helper {display: none;}
.navigation-buttons a[data-target="search"], .navigation-buttons a[data-target="login"], .navigation-buttons a[data-target="search"]:hover, .navigation-buttons a[data-target="login"]:hover {background-color: #fff;}
.navigation-buttons a[data-target="search"]::before, .navigation-buttons a[data-target="login"]::before, .navigation-buttons a[data-target="cart"]::before {content: '';width:19px;height:19px;display: inline-block;}
.navigation-buttons a[data-target="search"]::before {background: url('https://cdn.myshoptet.com/usr/www.facebag.live/user/documents/upload/sablona/search.svg') no-repeat; background-size: 100% auto;}
.navigation-buttons a[data-target="login"]::before {background: url('https://cdn.myshoptet.com/usr/www.facebag.live/user/documents/upload/sablona/login.svg') no-repeat; background-size: 100% auto;}
.navigation-buttons a[data-target="cart"]::before {background: url('https://cdn.myshoptet.com/usr/www.facebag.live/user/documents/upload/sablona/cart.svg') no-repeat; background-size: 100% auto;}
.navigation-buttons a[data-target="search"]:hover::before {background: url('https://cdn.myshoptet.com/usr/www.facebag.live/user/documents/upload/sablona/search-hover.svg') no-repeat; background-size: 100% auto;}
.navigation-buttons a[data-target="login"]:hover::before {background: url('https://cdn.myshoptet.com/usr/www.facebag.live/user/documents/upload/sablona/login-hover.svg') no-repeat; background-size: 100% auto;}
.navigation-buttons a[data-target="cart"]:hover::before {background: url('https://cdn.myshoptet.com/usr/www.facebag.live/user/documents/upload/sablona/cart-hover.svg') no-repeat; background-size: 100% auto;}
.navigation-buttons > a[data-target="cart"] i {background-color: #818181;color: #fff;}

/* Homepage */
.in-index .tab-content>.tab-pane {display: block;}
.in-index .tab-content>.fade {opacity: 1;}
.in-index .h4.homepage-group-title {display: block; text-transform: uppercase;}
.homepage-tabs-wrapper .shp-tabs-row {display: none;}

/* Konkurenční výhody */
.body-banners .banner-wrapper {width: 100%;}
.benefits {width: 100%;padding-bottom: 35px;border-bottom: 1px solid #bfbebe;}
.b-item {max-width: 260px;width: 100%;margin-top: 20px;}
.b-img {max-width: 75%; margin-left: auto; margin-right: auto;}
.b-item h3 {margin-top: 10px;margin-bottom: 15px; font-size:24px; text-transform: uppercase;}
.b-item p {font-size: 14px;color: #a6a6a6;}

/* Vypis produktů */
.products-block > div .p {border-color: #d4d4d4;text-align:left;}
.products-block > div .p:hover {border-color: #818181;}
.products-block > div .p .name {text-align:left;font-weight: 700;}
.products-block > div .p .availability {padding: 5px 16px 10px;}
.products-block > div .p .p-in {padding-top: 15px;padding-bottom: 20px;}
.products-block > div .p .p-bottom > div .p-tools {padding: 0;}
.availability-amount {display: none;}
.products-block > div .p .p-bottom.single-button {padding: 0 16px;}
.price-standard {color: #b2b2b2;}
.products-block .p-bottom .prices .price strong {margin-right: 10px;}
.availability span[style="color:#009901"] {color: #3cad33 !important;}
.p:hover .flag {opacity: 1;filter: none;}
.flags.flags-extra {position: initial;}
.flag.flag-discount .price-standard {display: none;}
.flag.flag-discount {top: -1px;right: -1px;bottom:auto;position: absolute;background-color: #ad7875;border-radius: 0;height:37px;width:87px;margin: 0;}
.flag.flag-freeshipping {position: absolute;bottom: 0;right:-1px;background-color: #818181;width: 77px;height: 47px;border-radius: 0;margin: 0;}
.flag-text {font-size: 14px;font-weight:400;text-transform: none;}
.flag-freeshipping .icon-van {height:auto;width:auto;margin: 0 0 6px;font-size: 14px;}
.flag-freeshipping .icon-van::before {content: 'Doprava';display:inline-block;margin: 0;font-family: "Open Sans";font-size: 14px;}
.flags-default .flag {height:37px;min-width: 87px;padding:0;font-size: 14px;text-transform: none;padding: 11px 2px;}
.flags-default .flag::before, .flags-default .flag:after {display: none;}
.flag.flag-new {background-color: #818181;}
.flags-extra .flag .price-standard, .flags-extra .flag .price-save {font-size: 14px;font-weight:400;}

/* Homepage bannery */
.footer-banners {margin: 50px 0 20px;margin-left: auto;margin-right:auto;}
.cat-item {position: relative;}
.cat-text {position: absolute;bottom: 15px;left:10px;right:10px;}
.cat-item.sm:first-of-type {padding-right: 10px;}
.cat-item.sm:last-of-type {padding-left: 10px;}
.cat-wrap {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.footer-banner a:hover img {transform: none;}
.cat-item h2 {margin: 0 0 15px;color: #fff;text-align:left;font-size: 30px;}
.cat-item h3 {margin: 0;color: #fff;font-size: 18px;}
.cat-btn {display:inline-block;height: 39px;width:150px;font-size: 13px;color: #000000;background-color: #ffffff;line-height: 38px;text-align: center;text-transform: uppercase;-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;}
.cat-item a:hover .cat-btn{color: #fff;background-color: #818181;}

/* O nás */
.about-us {padding-top: 70px;padding-bottom:30px;}
.about-us h1 {margin: 0 0 30px;}
.about-us > div {margin-bottom: 30px;}
.about-text .btn.btn-primary {margin-top: 20px;}

/* Newsletter */
#footer .footer-newsletter .newsletter-header {display:flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
#footer .footer-newsletter p {padding: 0;margin: 15px 0;}
#formNewsletterWidget > fieldset > br {display: none;}
.compact-form .btn {padding: 5px 15px;}
.compact-form .btn.btn-default {background-color: #2b2b2b;color: #ffffff;font-size: 12px;border-color: #2b2b2b;}
.compact-form .btn.btn-default:hover {background-color: #818181;border-color: #818181;}
.subscribe-form .btn {padding-left: 20px;padding-right: 20px;}
.subscribe-form .btn::before {content: 'Více o nás';display:block;}
.subscribe-form .btn span {display: none;}
#footer .consents.form-group label {display: none;}
.consents.form-group label {font-size: 12px;margin-top:3px;}
.consents.form-group label a , #footer .consents.form-group label a {text-decoration: underline;}
#footer .footer-newsletter form {margin: 15px 0;}
.newsletter-wrap {background-color: #fff;}
.footer-newsletter {border-top: 1px solid #bfbebe;}

/* Patička */
#footer {border: none;background-color: #2b2b2b;}
#footer h4 {color: #fff;font-family: "Open Sans",sans-serif;font-size: 18px;margin-top: 30px;margin-bottom:15px;font-weight:700;}
#footer ul {padding-left: 0;}
#footer ul li {margin-bottom: 10px;}
#footer ul li::before {display: none;}
#footer a {color: #9f9f9f;}
#footer a:hover {color: #fff;}
.pay-img {width:100px;height:43px;line-height:43px;display: inline-block;padding-right:10px;}
.custom-footer {padding-bottom: 30px;}
.custom-footer.elements-many>div:nth-child(4n+1) {clear: none;}
.custom-footer .banner-wrapper {margin: 0;}
.banner {min-height: auto;}
#footer .contact-box ul {display:flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
#footer .contact-box ul li:nth-child(2) {order: -1;}
.contact-box ul li>span.tel::before {content: '';background: url('https://cdn.myshoptet.com/usr/www.facebag.live/user/documents/upload/sablona/phone.svg') no-repeat; background-size: 100% auto;width:21px;height:21px;top: 1px;}
.contact-box ul li>span.mail::before {content: '';background: url('https://cdn.myshoptet.com/usr/www.facebag.live/user/documents/upload/sablona/mail.svg') no-repeat; background-size: 100% auto;width:20px;height:14px;top: 4px;}
.contact-box ul li>span.facebook::before, .contact-box ul li>span.instagram::before {font-size: 11px;width:21px;height:21px;line-height:21px;text-align:center;color: #2b2b2b;background-color: #fff;border-radius: 50%;top: 0px;}
.instagram-follow-btn {display: none;}
.footer-bottom {border-color: #bfbebe;}
.footer-bottom span {color: #9f9f9f;font-size: 12px;}
#signature a.image img {width: 13px;}

/* Kategories */
.subcategories.with-image li a .image {height: auto;}
.category-perex {display: none;}

/* Detail */
.p-detail {padding-bottom: 45px;}
.p-detail-inner .p-data-wrapper, #product-detail-form {display:flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.p-detail-inner .p-data-wrapper .flags {position: initial;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.p-detail-inner .p-data-wrapper .flag {position:initial;display:inline-block;margin-right: 10px;margin-bottom: 10px;}
.p-detail-inner .p-image-wrapper .flags {display: none;} 
.p-detail-inner .p-data-wrapper .flags-default {order: -7;}
.p-detail-inner .flag.flag-freeshipping {width: auto;height:37px;padding: 11px 8px;}
.p-detail-inner .flag.flag-discount {padding: 11px 2px;}
.p-detail-inner-header h1 {margin: 15px 0;text-align: left;}
.p-detail-inner-header {order: -6;}
.p-basic-info-block {order: -5;padding: 25px 0;border-color: #bfbebe;border-top: none;}
.p-to-cart-block {order: -4;padding: 25px 0;border-color: #bfbebe;}
.p-data-wrapper #description {border-top: 1px solid transparent;padding-top:20px;padding-bottom:5px;order: -3;}
#description p, #description table {font-size: 14px;}
.p-variants-block table.detail-parameters tr {display: block;}
.p-variants-block table.detail-parameters tbody tr th {width: 100%;display:block;font-size: 20px;font-weight: 600;text-transform: none;display: block;}
.p-variants-block table.detail-parameters tbody tr.surcharge-list th::after {content: '+ 250 Kč';font-size: 14px;color: #3cad33;font-weight: 400;display:inline-block;margin-left:22px;}

.p-variants-block table.detail-parameters tbody tr td {width: 100%;display:block;}
.parameter-text {color: #b2b2b2;font-size: 13px;margin-top: 20px 0 0;}
.parameter-text a {color: #b2b2b2;text-decoration:underline;}
.parameter-text a:hover {color: #818181;}
.p-final-price-wrapper .price-save {display: none;}
.p-detail-tabs-wrapper {padding-top: 0;}
.p-detail-tabs-wrapper #productsAlternative {display:block;opacity: 1;}
#productsAlternative::before {content: 'Doporučujeme';display: block;text-align: left;margin: 20px 0;}
.p-detail-tabs-wrapper .responsive-nav {display: none;}
#productDiscussion {display: none;}
.p-param-block {justify-content: flex-start;padding: 20px 0;}
.p-param-block .detail-parameters-wrapper {max-width: 375px;}
.p-data-wrapper .p-variants-block {border-top: 1px solid #bfbebe;order: -2;padding: 5px 0 25px;border-color: #bfbebe;}
.p-data-wrapper .p-variants-block.variant-padding {padding-bottom: 25px;}

/* DKlab poznámka */
.detail-parameters .surcharge-list, .dkLabNoteDiv .surcharge-list th {display: none;}
.dkLabNoteDiv .surcharge-list .surcharge-parameter {max-width: 320px;width: 320px;margin-bottom:15px;height:48px;border-radius: 0;border-color: #bfbebe;}
.type-detail .p-data-wrapper .dkLabNoteDiv {padding: 0px 0px 30px;order: -1;border-bottom: 1px solid #bfbebe;border-top: none;margin-bottom:0;}
.type-detail .p-data-wrapper .dkLabNoteDiv::after {content: '* V případě požadavku na více znaků nebo jinak unikátní monogram nás prosím kontaktujte';display:block; margin-top: 15px;font-size: 13px;color: #b2b2b2;font-weight: 400;}
.type-detail .p-data-wrapper .dkLabNoteDiv > div:first-of-type::after {content: 'Buďte jedineční! Ukázku řešení monogramu pro tento model najdete v galerii.';font-size: 14px;font-weight: 400;display:block;margin-bottom: 20px;}
.type-detail .p-data-wrapper .dkLabNoteNadpis {display: none;}
.type-detail .p-data-wrapper #dkLabNote {font-size: 14px;height: 49px;line-height: 30px;max-width: 320px;border: 1px solid #bfbebe;border-radius: 0;}

@media screen and (min-width: 479px) {
  .subcategories li {width: 33.33%;}
  .p-variants-block .detail-parameters select {width: 320px;}
}

@media screen and (min-width: 767px) {
  .products-block > div .p .name {height:58px;}
  .products-block .p-bottom .prices {font-size: 17px;}
  .cat-btn {height: 49px;line-height: 48px;font-size: 14px;}
  .custom-footer>div:nth-child(n+3) {width: 33.33%;}
  .pay-img {width:50%;}
}

@media screen and (min-width: 992px) {
  .site-msg.information {position: initial;}
  .navigation-buttons a {width: 61px;}
  .navigation-in {padding-left: 6%;}
  .navigation-in>ul>li>a {padding-left: 10px;padding-right: 10px;}
  .navigation-in ul li.splitted {visibility: visible;}
  .submenu-visible .navigation-in ul li.splitted {display: block;}
  .navigation-buttons a[data-target="search"]::before, .navigation-buttons a[data-target="login"]::before, .navigation-buttons a[data-target="cart"]::before {width:23px;height:23px;}
  .navigation-in ul.menu-level-2 {background-color: #fff;border: none;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);top: 100%;padding: 22px;width: auto;left:-22px;}
  .navigation-in ul.menu-level-2 a {color: #000;line-height: 1.2;white-space: nowrap;}
  .navigation-in ul.menu-level-2 a:hover {color: #818181;}  
  .cat-item.lg, .cat-wrap {width: 50%;padding:12px;}
  .cat-wrap {height: 100%;}
  .top-categories {height: 506px;}
  .footer-banners {max-width:932px}
  .cat-text {bottom: 20px;left:15px;right:15px;}
  .about-us > div {width: 50%;padding: 0 20px;}
  .about-text p {font-size: 16px;}
  .subcategories li {width: 25%;}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .homepage-products-2.products-block > .product:nth-child(n+7) {display: none;}
  .homepage-products-1.products-block > .product:nth-child(n+4) {display: none;}
}

@media screen and (min-width: 1200px) {
  .site-msg.information {position: initial;font-size: 17px;}
  .navigation-in>ul>li>a {padding-left: 16px;padding-right: 16px;font-size: 17px;}
  .navigation-buttons a[data-target="search"]::before, .navigation-buttons a[data-target="login"]::before, .navigation-buttons a[data-target="cart"]::before {width:27px;height:27px;}
  .top-categories {height: 591.5px;}
  .footer-banners {max-width:1103px}
  .cat-text h2 {font-size: 40px;margin-bottom:25px;}
  .cat-item h3 {font-size: 25px;}
  .cat-btn {width: 180px;}
  .about-us h1 {font-size: 50px;}
  h2, .in-index .h4.homepage-group-title, #footer .footer-newsletter h4, h1, #productsAlternative::before {font-size: 40px;  text-transform: uppercase;}
  h3 {font-size: 30px;}
  #footer .footer-newsletter .newsletter-header {width: 66.66667%;}
  #footer .footer-newsletter form {width: 33.33%;flex-basis: 33.33%;}
  #footer .footer-newsletter .newsletter-header h4, #footer .footer-newsletter .newsletter-header p {width: 50%;}
  .custom-footer>div, .custom-footer>div:nth-child(n+3) {width: 20%;}
  .subcategories li {width: 16.66667%;}
}

@media screen and (min-width: 1440px) {
  .cat-item.lg, .cat-wrap {padding: 18px;}
  .top-categories {height: 100%;}
  .footer-banners {max-width:1336px;}
  .cat-text {bottom: 35px;left:30px;right:30px;}
  .about-us {padding-left: 30px;padding-right: 30px;}
}

@media screen and (max-width: 991px) {
  .cat-item {margin-bottom: 20px;}
  .in-index .tab-content, .footer-banner {padding-left: 0;padding-right: 0;}
  .footer-banners {max-width: 612px;}
  .about-us {max-width: 612px;width:100%;}
  .homepage-texts-wrapper>div {margin: 0 auto;}
}

@media screen and (max-width: 767px) {
  .payment {-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
  
}