body, p, h1, h2, h3, h4, h5, 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 .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, .external-fonts-loaded body, body.blank-mode {font-family: 'Montserrat', sans-serif; color: #747578;}
#header, .navigation-in {background-color: #262626}
.navigation-in, .navigation-in ul li a {font-size:14px; text-transform: uppercase;}
.navigation-buttons a[data-target="search"], .navigation-buttons a[data-target="login"] {background-color: transparent}
.navigation-buttons>a {border: none;}
.navigation-buttons a[data-target="login"] {}
.products-block .p {border-width: 0}

.menu-level-2 {z-index:10;}
.menu-helper {position:relative; z-index:20;}

.in-index .shp-tabs-wrapper {margin-top:100px}
.in-index .shp-tabs-wrapper:before {content: "Bibi nabídka"; text-align:center; font-size:22px; text-transform:uppercase; font-weight: bold; display:block; margin:0 auto; margin-bottom:22px; color: #747578}
.in-index .shp-tabs-holder ul.shp-tabs li a {border:0;}
.in-index .active .shp-tab-link {font-weight: bold; color: #747578;}
.in-index .shp-tabs-holder {border: none}
.in-index .shp-tab-link {text-transform: uppercase; background-color: #fff; color: #747578; font-size: 17px}
.flags {display: none}
.products-block > div .p .p-code {display:none}
.products-block > div .p .availability {display:none}
.products-block > div .p .name { font-size: 17px}
.price b, strong {font-weight: normal}
.products-block > div .p .p-bottom > div .p-tools {display:none}
.p-desc {display: none}

.hp-benefit-left-block, .hp-benefit-middle-block, .hp-benefit-right-block{
display: flex;
flex-direction: column;
align-items: center;
flex:2;
}
.hp-benefit-element{
display: flex; 
justify-items: right;
align-items: center;
}
.hp-circle{
width: 40px; 
height: 40px; 
border: 1px #fff solid; 
margin: auto; 
text-align: center; 
border-radius: 50%; 
display: flex; 
justify-content: center; 
align-items: baseline; 
margin: 15px;
-webkit-box-shadow: 0px 5px 18px 0px rgba(175,175,175,0.5); 
box-shadow: 0px 5px 18px 0px rgba(175,175,175,0.5);
}
.hp-circle span{
color: #CFBFAF; 
font-size: 150px; 
line-height: 10%;
}

.hp-vet{
display:flex;
margin-top: 50px;
}
.hp-vet .left-block{
flex:6;
padding-right: 45px;


}
.hp-vet .right-block{
flex:6;
padding-top:0;
padding-right: 45px;
}

#footer .footer-newsletter {display:none;}
.welcome {text-align:center; margin:0 auto; margin-top:80px;}
.welcome h3 {font-size: 50px; font-weight: 400; margin-top:0;}
.welcome p {line-height:25px;}
.hp-benefit-left-block .hp-benefit-element {justify-content:right;}

.filters-wrapper {display:none;}
h1.category-title {text-align:center; font-size:22px; text-transform:uppercase; font-weight: bold; display:block; margin:0 auto; margin-bottom:22px; margin-top:40px; color: #747578;}
.breadcrumbs {display: none}
.subcategories.with-image li a .image {display:none;}
#category-header {display:none;}
.p-param-block {display:none;}
.navigation-buttons a[data-target="cart"]::before {
    content: url(/user/documents/upload/kosik-black.svg); width: 25px; height: 22px; position: relative; top: -23px;
}
.navigation-buttons a:hover[data-target="cart"]::before {
    content: url(/user/documents/upload/kosik-white.svg);
}
.navigation-buttons a[data-target="search"]:hover, .menu-helper>span {background: none}




.navigation-buttons > a[data-target="cart"] {width: 40px; height: 40px; background-color: #fff; border-radius: 80px; }

.navigation-buttons > a[data-target="cart"] i { background-color: #fcb946; top: -5px;  left: 30px;}

.stars {width:175px;}
.stars a, .stars span {width:35px;}
.stars a.star-off::before, .stars span.star-off::before {content: url(/user/documents/upload/tlapka-outline.svg); width: 30px; height: 27px; }
.stars a.star-on::before, .stars span.star-on::before {content: url(/user/documents/upload/tlapka-filled.svg); width: 30px; height: 27px; }
.stars-label {display:none;}
h1 {font-weight: 400; font-size: 36px;}
.p-to-cart-block {padding-left:0;}
.p-detail-inner-header {border-width: 0 0 1px; border-style: none none solid; border-color: #e7e7e7; padding-bottom:62px;}
.p-variants-block {padding-top: 62px;}
.p-to-cart-block {padding-bottom: 62px;}
.p-short-description {padding-top: 51px;}
.p-detail-inner .p-short-description, .basic-description p {font-size:14px; color: #8C9199; }
.btn, a.btn {border-radius:50px; background-color: #ffffff; text-transform: none; }
.btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart {background-color: #d2d2d2; border-color: #d2d2d2; font-family: "Montserrat"; text-transform: none; padding-left:50px; padding-right:50px; font-size: 18px;}
.p-to-cart-block .add-to-cart-button.btn-conversion::before {content: none;}
.p-final-price-wrapper>strong {font-size:24px; font-weight:200;}
.p-to-cart-block {justify-content: left;}
.wide .p-final-price-wrapper {width: auto; padding-right: 35px;}
.p-variants-block table.detail-parameters th {color: #8C9199; font-size:14px; text-transform: none; font-weight: 300;}

.navigation-in>ul>li.ext>ul, .menu-helper>ul>li.ext>ul {
    display: none!important;
}
.pagination-count{
display:none;
}

.shp-tabs-holder, .shp-tabs {border:none;}
.shp-tabs-holder ul.shp-tabs li a {border:none; text-transform: uppercase; font-size: 14px; font-weight: bold;}
.shp-tabs-holder ul.shp-tabs li.active a {border-bottom: 2px solid #5A5A5A;}
.shp-tab-link, .shp-tab-link:hover {background-color: #fff;}
.shp-tabs-holder ul.shp-tabs {display:flex; justify-content:center;}

.citate {
font-size: 28px;
text-align:center;
line-height: 1.5;
position: relative;



}
.hp-vet .citate{


}

.citate:before { 
    content: open-quote;
    font-weight: 100;
    font-size:100px;
    line-height: 0;



} 
.citate:after { 
    content: close-quote;
    font-weight: 100;
    font-size:100px;
line-height: 0;
position: absolute;
bottom: -22px;
}

.rating-car-item .citate:after {bottom: 20px}

.p-image:after {background-color: #fff;}
.p-thumbnails a img {border-color: #fff;}
.p-thumbnail.highlighted::before, .show360image.highlighted::before, .p-thumbnail:hover::before, .show360image:hover::before {background-color: #fff;}
.p-thumbnails a {max-width: 70px; margin-right: 15px;}

.content-window {
    top: 350px;
}

.extended-banner-title, .extended-banner-text, .extended-banner-link {position: initial; margin: 0 auto;}

.extended-banner-texts {width:45%; padding:60px; text-align:center;}
.extended-banner-title {top:initial; left: initial; border: 0; background-color: transparent; font-size: 60px; font-weight: 600; color: #4A4A4A; display: block; text-align: center; box-shadow: none}
.extended-banner-text {top: initial; left: initial; bottom: initial; max-width: 95%; display: block; text-align: center;  font-size: 19px; font-weight: 300; color: #5A5A5A; padding: 10px 25px; background-color: transparent; box-shadow: none; border: 0}
.extended-banner-link {right: initial; left:initial; top: initial; position:relative; top:40px; border-radius: 50px; border: 1px solid #282422; background-color: transparent; box-shadow: none; font-family: "Montserrat"; text-transform: none; padding-left:94px; padding-right:94px; padding-top: 20px; padding-bottom: 20px; font-size: 18px;}

.flex-wrap {display: flex; padding-bottom: 50px}


.news-item-detail { font-size: 14px; line-height: 2;}
.news-item-detail p { margin: 20px 100px; }
.news-item-detail p.perex {font-size: 20px; text-align: center; line-height: auto; font-style: italic; margin: 70px 100px}
.news-item-detail p.article-image { margin: 40px 0; }
.in-blog h1 { text-align: center; text-transform: uppercase;}
.news-item-detail h1 {font-size:50px; text-transform: none; display: block; m margin: 70px auto; }
.news-item-detail h2 { margin: auto 100px; }

.in-faq h1 { text-transform:uppercase; margin: 70px auto 20px; text-align:center; }
span.subheading { color: #B1B1B1; width: 100%; text-transform: uppercase; text-align:center; letter-spacing: 5px; display: block; margin-bottom: 70px; }
.faq-block-title { margin-bottom: 40px; }
.faq-block {margin-bottom: 100px; }

.cart-window-in .col-lg-8 {width: 100%;}
.col-lg-offset-1 {margin-left: 0;}

#cart-wrapper h4 {display: none; }
.continue-shopping::before { display: inline-block; }

.toggle-window-arr {top: -45px; font-weight: bold; text-transform: uppercase; width: 300px; color: #8C9199; }

.next-step-back { font-weight: bold; text-transform: uppercase; width: 300px; color: #8C9199; }


#continue-order-button, #orderFormButton, #submit-order { background-color: #262626; font-weight: bold; text-transform: uppercase;}

.next-step, .cart-inner .sending-order .next-step {padding-top: 50px;}
.remove-item::before { font-size: 17px; }

.ordering-process .sidebar .next-step-back {display: none;}  

tr.removeable .remove-item { padding-top: 35px; }

#cart-wrapper .btn-conversion::after { content: none;  margin-left: 0; font-size: 19px; }

#cart-wrapper .btn-conversion { font-weight: bold; text-transform: uppercase; }
#cart-wrapper::before {content:'Váš košík'; font-size: 30px; color: #747578; font-weight: bold; }

.price-range { width: 51%; margin-top: 10px; }

#cart-wrapper .extra { margin-top: 7px; } 

ol.cart-header {display: none;}

.form-group>input.form-control, .form-group>select.form-control, input#phone { border-radius: 50px; }
.co-box { border: 0; padding: 0px; }

.cart-inner h4 { font-size: 30px; margin: 30px 0; }

.in-dekujeme .content-wrapper {background: none;}

.in-dekujeme .menu-level-2, .in-dekujeme .app-block { display: none;  }
.in-dekujeme .recapitulation-wrapper .co-delivery-method, .in-dekujeme .recapitulation-wrapper .co-payment-method, .in-dekujeme .recapitulation-wrapper .co-order, .recapitulation-wrapper .reca-number, h1.order-summary-heading, .in-dekujeme .sidebar { display: none; }

.in-dekujeme { background: url(/user/documents/upload/order-complete-bg.jpg); background-size: 150% auto; background-position: center 120px; }
.in-dekujeme .recapitulation-wrapper .order-summary-item.total { flex: 1; display: block; max-width: 450px; font-size:17px; color: #fff; font-weight: 300; text-align: center; padding-top: 22%;}
.in-dekujeme .recapitulation-wrapper .order-summary-item.total h2 {font-size:36px; color: #fff; font-weight: 700;}
.in-dekujeme .recapitulation-wrapper .order-summary-item.total span {line-height: 42px; }
.in-dekujeme .recapitulation-wrapper .order-summary-item.total::after { flex: 1; display: block; max-width: 450px; font-size:18px; color: #fff; font-weight: 200; text-align: center; line-height: 42px; }
.in-dekujeme .recapitulation-wrapper .order-summary-item.summary-thx {flex:1; margin-top: 20%; display: block; content: url(/user/documents/upload/thx-icon.svg); width:266px; height: 271px; }
.in-dekujeme .recapitulation-wrapper .order-complete-links { flex: 1; margin-top: 28%; }
.in-dekujeme .btn.btn-primary, .in-dekujeme a.btn.btn-primary { border: 2px solid black; background: none; font-weight: bold; text-transform: uppercase; }

.recapitulation-wrapper { display: flex; flex-direction: row; justify-content: space-around; }

.in-jak-to-funguje h1 { display: none; }
.in-jak-to-funguje .citate, .in-index .citate { font-weight: 200; margin-bottom: 75px; }
.in-jak-to-funguje .citate::after {bottom: 0px; }

h1.page-heading {display: block; font-size:30px; text-transform: uppercase; display: block; margin: 70px auto 50px; text-align: center; }

.in-kosik .content-wrapper-in{
flex-direction: column-reverse;
}
tr.removeable .remove-item {
    visibility: visible;
}

.in-krok-2 .content-wrapper-in{
flex-direction: row-reverse;
}
.in-krok-2 .p-availability, .in-krok-2 .p-quantity, .in-krok-2 .p-price, .in-krok-2 .p-price, .in-krok-2 .p-total{
display:none;
}
.in-krok-2 .sidebar {
    width: 450px!important;
}

.in-krok-2 .co-contact-information{
    display: flex;
    flex-wrap: wrap;
}
.in-krok-2 .co-contact-information h4{
		width:100%;
}
.in-krok-2 .co-contact-information div:first-child{
    display: flex;
    flex-wrap: wrap;
}

.in-krok-2 .co-contact-information div:nth-child(3){
		width: 100%;
    align-items: center;
}
.in-krok-2 .form-group {
    /* min-width: 210px; */
    flex-direction: column;
    display: flex;
    width: 50%;
}

.in-krok-2 .co-billing-address fieldset{
		display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.in-krok-2 .co-billing-address fieldset h4{
		width:100%
}
.in-krok-2 .company-shopping{
	width:100%;
}
#company-info {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
#company-info div:nth-child(3) {
    width: 100%;
    align-items: center;
}
.form-group label {
    width: 100%;
}
.form-group-tooltip {
    left: calc(50% - 26px) !important;
}

.citate::before, .citate::after {display:none;}

.in-o-nas .citate {margin: 80px 0;}
.in-o-nas .left-block {flex:1; padding-right:90px;}
.in-o-nas .right-block {flex:1;}
.o-nas-text-block {color:#5A5A5A; padding: 0px 40px 0px 40px;}
.o-nas-row {flex-wrap: wrap; flex: 1 1 100%;}

@media (min-width: 992px)
.form-group .form-group-tooltip {
     left: calc(50% - 26px);
}

@media (max-width: 1520px){
.extended-banner-title {font-size: 42px;}
.extended-banner-text {font-size: 14px;}
.citate {font-size: 26px;}
}

@media (max-width: 1300px){ 
.in-index .hp-vet .citate {margin-bottom:50px;} 
.in-index .hp-vet h3 {margin-bottom: 30px; font-size:35px}
}

@media (min-width: 1200px){

.hp-benefit-left-block .hp-benefit-element:first-child, .hp-benefit-left-block .hp-benefit-element:last-child {
    left: 80px;
}

.hp-benefit-left-block .hp-benefit-element.third { 
    left: 136px;
    
}

.hp-benefit-right-block .hp-benefit-element:first-child, .hp-benefit-right-block .hp-benefit-element:last-child {
    left: -67px;

}
}


@media (max-width: 1199px){
.extended-banner-title {font-size: 30px;}
.citate {font-size: 20px;}
.o-nas-row {flex-direction: column;}
.in-o-nas .left-block {padding-right:0;}
.in-index .hp-vet .citate {margin-bottom:15px;} 
.hp-benefit-middle-block{
display:none;
}
.hp-benefits-points{
flex-direction:column;
}

.hp-benefit-right-block .hp-benefit-element:first-child, .hp-benefit-right-block .hp-benefit-element:last-child {
    position: relative;
    left: 0px;
}

.hp-benefit-left-block, .hp-benefit-middle-block, .hp-benefit-right-block {
    align-items: baseline;
}
.hp-benefit-left-block .hp-benefit-element {
    flex-direction: row-reverse;
}
.hp-benefit-left-block .hp-benefit-element:first-child, .hp-benefit-left-block .hp-benefit-element:last-child {
    position: relative;
    left: 0px;
}
.hp-benefit-element {
    text-align: left;
}
}

@media (max-width: 992px){
.menu-level-2, #carousel, .next-to-carousel-banners  {display:none;}
.heureka-logo {width:80px; height:80px; bottom: -28px; }
.app-block-inner {font-size:15px; }
.app-block {height:80px}
.navigation-buttons {top:30px;}
.navigation-buttons a[data-target="navigation"], .navigation-buttons a[data-target="navigation"]:hover {background:none;}
.navigation-buttons a[data-target="cart"]::before {top:-10px;}
.navigation-window-visible .navigation-buttons {top:30px}
.in-index .shp-tabs-wrapper {margin-top:30px;}
.citate {font-size: 18px;}
.dog-vote-wrap img {border-radius:400px; width: 430px; height: 330px;}
.rating-car-name-dog {font-size: 18px; margin-top:20px;}
.navigation-window-visible .navigation-buttons a[data-target="navigation"]:hover {background: none; color: #fff;}
.news-item-detail p { margin: 20px 50px; }
}

@media (max-width: 767px){
.citate {font-size: 18px; margin-top: 30px; display:}
.dog-vote-wrap img {border-radius:300px; width: 330px; height: 330px;}
.rating-car-name-dog {font-size: 18px; margin-top:20px;}
.hp-vet p {padding:10px 20px;}
}

@media (max-width: 576px){
.navigation-buttons {top:30px;}
.navigation-buttons a[data-target="cart"]::before {top:-10px}
.citate {font-size: 15px; }
.citate::before, .citate::after {display:none;}
.rating-car-name-dog {font-size: 15px;}
.dog-vote-wrap img {border-radius:120px; width: 120px; height: 120px;}
.welcome h3 {font-size:30px;}

}

@media (max-width: 480px){
.navigation-buttons {top:40px;}
.navigation-buttons a[data-target="cart"]::before {top:-2px}
}

.in-blog h1 {margin:90px 0 68px; display: block; width: 100%;}


@media (max-width: 992px) {

.faq-block .right-block {display:none}

}

@media (min-width: 992px) {

.faq-block .right-block {padding-left:40px;}

#newsWrapper {
width: 100%;

flex-direction: row;
flex-wrap: wrap;
display: flex;
}



#newsWrapper .news-item {margin:0; padding:0; display: flex;}

#newsWrapper .news-item:nth-child(1) {
position: relative; 
margin-bottom: 35px;
width: 66.66666%;

}



#newsWrapper .news-item:nth-child(1) .image {
    width: 100%;
    height: auto;
    background-color: black;
    overflow: hidden;
}
#newsWrapper .news-item:nth-child(1) .image img {
    opacity: 0.7;
    width: 110%;
}

#newsWrapper .news-item:nth-child(1) .text {
    position: absolute;
    top:100px;
    left:46px;
    color: #fff;
    max-width: 360px;
}

#newsWrapper .news-item:nth-child(1) .text .title {
    color: #fff; 
    font-size: 30px;
    margin-bottom: 22px;
}

#newsWrapper .news-item:nth-child(1) .description {
    max-width: 300px;
    line-height: 200%;
}

#newsWrapper .news-item:nth-child(1) .text time {
    width: 46px;
    height: 5px;
    display: block;
    border-top: 3px solid white;
    color: rgba(0, 0, 0, 0);

}

#newsWrapper .news-item:nth-child(n+2) .text {
    display: flex;
    justify-content: space-between;
}

#newsWrapper .news-item:nth-child(n+2) img {
    order:1;
}

#newsWrapper .news-item:nth-child(n+2) .title {
    order:2;
}

#newsWrapper .news-item:nth-child(n+2) .description {
    order:3;
}

#newsWrapper .news-item:nth-child(n+2) time {
    order:4;
    display: block; 
}




#newsWrapper .news-item:nth-child(n+2) {
    flex-direction:column;
    width: 33.33333%;
}

#newsWrapper .news-item:nth-child(n+2) .text {
    padding: 25px; 
}

#newsWrapper .news-item:nth-child(n+3) {
    width:30%;   
}

#newsWrapper .news-item:nth-child(3) {
    margin-right: 3.8%;   
}

#newsWrapper .news-item:nth-child(n+2) .image {

    width:100%;
    overflow:hidden;
}

#newsWrapper .news-item:nth-child(n+2) .image img {

    width: 110%;

}

}

.news-item-detail time { 
    text-align:center;

}




@media (min-width: 768px) {
.products-block > div .p .name {
    height: 23px;
}
}

h3.nas-team-head-text {margin: 80px 0 40px;}

table.detail-parameters tbody tr th, table.detail-parameters tbody tr td {line-height:1.2; }

table.detail-parameters tbody tr td {padding:10px 0 ;}


.link-like {
display: inline-block;
    padding: 13px 26px;
    border-style: solid;
    border-width: 1px;

    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: normal;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    border-radius: 50px;
    background-color: #ffffff;
    text-transform: none;
    margin-top:30px;
    }
    
.add-comment .rating-icon::before {
    margin-top: 13px;
    }
    
#content .menu-level-2 a {
    text-transform: uppercase;
 }
 
#content .menu-level-2 li, #content .menu-level-2 li.active {padding: 25px 25px 10px 25px;}

.citate p {text-transform: uppercase; font-weight:100; }

.benefits-card-head {color: #747578;}

.benefits-card-wrapper {margin:70px 0 100px;}

.dog-vote-wrap .right-block {padding: 0 25px;}


.in-kontakty .form-group{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.p-param-block {
display: inherit;
}
.detail-parameters-wrapper{display:none;}
.social-buttons-wrapper{width:100%;}
.link-icons{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.rating-car-item .citate {
font-size: 24px;
}
.flags {
display: initial;
}
.top-cards-wrapper{
display:none;
}
@media only screen and (max-width: 767px) {
.site-name {
position:absolute;
left:0;
}
}
* {box-sizing: border-box;}
#cart-wrapper h4 {
display:inherit!important;
}
.cart-window-in .toggle-window-arr {
top:-45px!important;
}
.heureka-logo {
z-index:111!important;
}
.content-window {
top:0px;
}
#footer {
background-color: transparent;
border-top-color: transparent;
}
#footer .footer-rows{
/*width: 100%;*/
}
#footer .footer-rows h4{
display:none;
}
.instagram-widget {
max-width: 100%;
}
.in-hodnoceni-obchodu .content-inner{
display: flex;
flex-direction: column;
}
.in-hodnoceni-obchodu .col-md-3 {
width: 31%;
}

.vote-wrap {
height: 150px;
overflow: hidden;
margin: 15px;
box-sizing: border-box;
background: #fdfdfd;
}
.top-products-wrapper{display:none;}
.vote-name{
font-size: 14px;
}
.vote-pic {
display:none;
}

#hp-miska-img-obal{
background-image:url('https://www.bibifood.cz/user/documents/upload/graph/homepage-miska2n.png'); 
background-size:contain;
width:427px;
height:427px;
display:flex;
}
#hp-miska-img{
position:absolute;
width:427px;
height:427px;
/*clip: rect(1px,0px,427px,0px); uncomafter scro*/
}

.heureka-logo {
z-index: 1111;
}
.toggle-window-arr {
top: -15px;
}
.btn.btn-primary, a.btn.btn-primary {
background-color: #d8d8d845;
border-color: transparent;
font-family: "Montserrat";
text-transform: none;
padding-left: 50px;
padding-right: 50px;
font-size: 18px;
}
.in-objednavky table.table.border thead > tr > th, .in-objednavky table.table.border tbody > tr > th, .in-objednavky table.table.border tbody>tr>td {
border-style: none;
border-width: 1px;
border-top: 1px solid #80808057;
padding: 15px;
color: #808080e8;
}
.in-objednavky table.table.border a strong{
font-weight:bold;
}
.in-klient-hodnoceni  table.table.border thead > tr > th, .in-klient-hodnoceni table.table.border tbody > tr > th, .in-klient-hodnoceni table.table.border tbody>tr>td {
border-style:none;
border-width:1px;
border-top:1px solid #80808057;
padding:15px;
}
.in-objednavky .sidebar, .in-nastaveni .sidebar, in-klient .sidebar, .in-klient-platby .sidebar,
.in-klient-doklady .sidebar, .in-klient-slevy .sidebar, .in-klient-hodnoceni .sidebar, .in-klient-diskuze .sidebar {
width:440px;
}
.in-objednavky .content-wrapper-in, .in-nastaveni .content-wrapper-in, in-klient .content-wrapper-in, .in-klient-platby .content-wrapper-in,
.in-klient-doklady .content-wrapper-in, .in-klient-slevy .content-wrapper-in, .in-klient-hodnoceni .content-wrapper-in, .in-klient-diskuze .content-wrapper-in{
flex-direction: row-reverse;
}
.client-center-box ul{
list-style:none;
}
.client-center-box ul li{
margin:15px;
line-height:1.8;
}
.client-center-box ul li a, .client-center-box ul li .link-like {
font-size: 22px;
font-weight: 600;
text-transform: uppercase;
}
#register-form h4, #register-form .h4 {
font-size: 28px;
text-transform: uppercase;
font-weight: 400;
}
#register-form label{
font-weight:600;
color:grey;
}
.stars {
height:28px;
}
.quantity .increase::before, .quantity .decrease::before {
color: gainsboro;
}
.quantity {
border:none;
}
.co-box {
border:0;
padding: 19px 20px;
}
@media only screen and (min-width: 998px){
.in-krok-1 .radio-wrapper {
height:45px;
}
}
.in-krok2 .sidebar>div {
border-color: transparent;
padding:39px 0;
}
#company-info div:nth-child(3) {
width: 100%;
align-items: initial;
}
.in-krok-2 .co-contact-information div:nth-child(3) {
width: 100%;
align-items:initial;
}
#content .category-title {
order:0;
}
.nas-team-card {
width:100%;
margin:0px;
}
.in-jak-to-funguje .citate{
margin-bottom:75px;
}
.welcome-wrapper{
width:100%;
}
.dog-vote-wrap .right-block{
width:50%;
}
.rating-car-item .citate {
padding: 0px;
}
.menu-helper>ul {
height: auto;
}
.bottom-cards-wrapper-mobile {
display:none;
}
.bottom-cards-wrapper {
display:flex;
}
@media only screen and (max-width: 991px){
.sidebar.sidebar-left {
display: none;
}
#navigation {
height: auto;
top: 60px;
}
.menu-level-1 a{
color:white;
}
.navigation-window-visible .navigation-buttons a[data-target="navigation"] {
color:white;
background-color: transparent;
}
.bottom-cards-wrapper-mobile .bottom-card {
width:100%;
}
.bottom-cards-wrapper-mobile .bottom-card {
margin-bottom:0px;
}
.content-window {
top:0px;
}
.hp-vet {
flex-direction: column;
}
.hp-vet .left-block {
display:none;
}
.hp-vet .right-block {
background: url(https://www.bibifood.cz/user/documents/upload/graph/hpvet-transparent2.jpg);
background-repeat: no-repeat;
background-size: cover;
padding:30px 0!important;
}

.hp-vet .left-block img{
opacity: 0.25;
position: relative;
width: 130%;
height: 120%;
left: 0;
max-width: none;
}
}
@media only screen and (max-width: 767px) {
.bottom-cards-wrapper-mobile {
display:initial;
}
.bottom-cards-wrapper {
display:none;
}
.dog-vote-wrap{
flex-direction: column;
}
.dog-vote-wrap .right-block{
width:100%;
}
.rating-car-item .citate {
padding: 0px 25px;
}
.benefits-card-wrapper{
display: flex;
flex-wrap: wrap;
}
.benefits-card {
display:flex;
width:50%;
padding: 35px 35px 35px 35px;
flex-direction:column;
text-align:center;
flex: 1 1 50%;
}
.top-card {
display: flex;
width: 50%;
padding: 0px 55px 55px 55px;
}
}
.hp-benefits-points{
display: flex;
}
.top-card img{
margin-right:50px;
}
@media only screen and (max-width: 500px) {
.next-step, .cart-inner .sending-order .next-step {
padding-top:50px;
flex-direction:column;
}
.in-krok-1 .next-step button {
margin-top:35px;
}
.next-step, .cart-inner .sending-order .next-step button {
margin-top:35px;
}
.in-krok-2 .form-group {
width: 100%; 
}
.top-card{
flex-direction:column;
width:100%;
text-align: center;
}
.top-card img{
margin-right:0px;
max-height: 50px;
}
.hp-benefit-middle-block{
display:none;
}
.hp-benefits-points{
flex-direction:column;
}
.hp-benefit-right-block .hp-benefit-element:first-child, .hp-benefit-right-block .hp-benefit-element:last-child {
position: relative;
left: 0px;
}
.hp-benefit-left-block, .hp-benefit-middle-block, .hp-benefit-right-block {
align-items: baseline;
}
.hp-benefit-left-block .hp-benefit-element {
flex-direction: row-reverse;
}
.hp-benefit-left-block .hp-benefit-element:first-child, .hp-benefit-left-block .hp-benefit-element:last-child {
position: relative;
left: 0px;
}
.hp-benefit-element {
text-align: left;
}
.homepage-texts-wrapper>div {
flex: 1 1 auto;
margin: 0 0px;
}
.products-block>div {
max-width: 50%;
padding: 0 0 20px 0;
}
.benefits-card {
width: 100%;
}
.top-card {
display: flex;
}
}