/* db-code.css začátek */

.categories {
    margin-left: 0px;
    margin-right: 0px;
}

.categories li {
    position: relative;
}

.categories li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 30px;
    width: 1px;
    height: 10px;
    background: grey;
}

.categories li::after {
    content: "";
    position: absolute;
    top: 20px;
    left: 30px;
    width: 10px;
    height: 1px;
    background: grey;
}

#categories ul .expandable .cat-trigger {
    display: none !important;
}

#categories .expandable>.topic>a>span::before,
#categories .expandable>a>span::before {
    display: none !important;
}

.categories a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    display: block;
}

.categories .topic>a {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
}

#categories .expandable.expanded>ul {
    background: #ececec;
    padding-left: 10px;
}


.subcategories.with-image li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 0;
}

.subcategories li a::before {
    display: none;
}

.subcategories.with-image li a .image img {
    max-height: 100px;
}

.subcategories.with-image li a .image {
    width: 100%;
    text-align: center;
}

.subcategories.with-image li a .text {
    position: relative;
    bottom: -10px;
    color: white;
    background: #E88500;
    text-align: center;
    width: 100% !important;
    max-height: 60px;
    padding-top: 12px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 12px;
}

.subcategories li a {
    padding: 7px 0 7px 0;
    height: 160px;
}

@media (min-width: 1440px) {
    .subcategories .col-xl-3 {
        width: 33.333%;
    }
}



@media (min-width: 768px)
{

.navigation-in
{

    width: 100%;

}

.navigation-in ul 

{
align-items:center;
height:inherit;
}



.navigation-in ul.menu-level-1 {
 overflow: hidden;
    margin: 0;
    padding: 0;
}

.navigation-in ul.menu-level-1 li {
   list-style: none;
    float: left;
    text-align: center;
        width: calc(96% / var(--menu-polozky));
    box-sizing: border-box;
}

}



.active .shp-tab-link {
    border-color: var(--color-primary);
    color: #fff;
    background-color: var(--color-primary);
}

.homepage-box
{
border: 0;
}



@media (min-width: 768px){



.fitted .navigation-in ul
{
justify-content: center;
font-size: 18px;
}

.id-1 .content
{
padding-left:0 !important;
padding-right:0 !important;
}

#navigation,
.navigation-in 
{
    height: 50px;
}


.navigation-in>ul>li
{
border-color: white;
}

}

/*    
.navigation-in>ul>li
{
border-color: white;
}

body:not(.ordering-process) #navigation {
    position: absolute;
    bottom: -50px;
    height: 50px;
    left: 0;
    width: 100%;
    margin: 0;
}
body:not(.ordering-process)  .navigation-in {
    background-color: transparent;
        font-size: 16px;
        line-height: 32px;
}
#header {
    border-bottom: 50px solid var(--color-primary);
}

}

*/


/* drobeckova navigace  */
.breadcrumbs 
{

font-size: 13px !important;
}

.breadcrumbs::before
{
color: var(--color-primary);
}

.breadcrumbs a
{
color: var(--color-primary);
}


/* drobeckova navigace  konec */

.id-1 .col-sm-12 
{
padding:0;
}

/* přidáno ze starého projektu */


/* detail produktu*/


.p-detail .add-to-cart .quantity input
{
width: 65px;
}


.type-detail .p-info-wrapper .p-final-price-wrapper
{
    width: calc(100% - 270px);
    margin-bottom: 19px;
}


.type-detail .p-info-wrapper .add-to-cart {
    min-width: 244px
    margin-bottom: 19px;

}

.type-detail .p-detail-inner-header .p-code {
    position: static;
    font-size: 15px;
    font-weight: 400;
    vertical-align: baseline;
    color: #ffffff;
    background: var(--color-secondary);
    width: max-content;
    border-radius: 50px;
    margin-bottom: 10px;
    padding: 2px 15px;
    display: block;
}

.type-detail .social-buttons-wrapper {
    display: none;
}

.type-detail .quantity .decrease {
    left: auto;
    right: 0;
    top: 30px;
    border-style: solid none none solid;
    border-width: 1px;
    
}

.type-detail .quantity input {
    display: inline-block;
    width: 50px;
    height: 58px;
    margin: 0;
    padding: 0;
    border: 0;
}




.p-detail .add-to-cart .quantity input {
    width: 68px;
}

.quantity input {
    display: inline-block;
    width: 50px;
    height: 54px;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    color: #656570;
    font-size: 16px;
    font-style: normal;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}






.type-detail .quantity .increase,
.quantity .decrease {
    position: absolute;
    width: 20px;
    height: 28px;
    cursor: pointer;
}

.type-detail .p-detail .add-to-cart .quantity {
    border: 1px solid #ddd;
    margin-right: 10px;
    background: white;
    height: 60px;

}

.type-detail .p-detail .stars-wrapper {
    display: none;
}


.type-detail .p-info-wrapper .detail-parameters {
    font-size: 15px;
    padding: 0px;
    margin-bottom: 10px;
    margin-top: 0px;
}


.type-detail .p-short-description {
    background: #ececec;
    padding: 10px 15px;
    margin-bottom: 10px;
}

.p-detail-info>div+div::before {
    display: none;
}

.p-detail-inner-header .p-code-label {
    display: inline;
}

.availability-value
{
    font-size: 15px;
background: #fafafa;    
    padding: 10px 0 10px 24px;
    margin-bottom: 5px;
    border-top: 1px solid #E4E4E4;
}

.type-detail .p-info-wrapper .add-to-cart 
{
/*    border-top: 1px solid #E4E4E4;*/
    border-bottom: 1px solid #E4E4E4;
}

.type-detail .p-info-wrapper .add-to-cart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
background: #fafafa;
    padding: 10px;
}

.type-detail .p-info-wrapper .price-final {
    font-size: 30px;
    line-height: 1;
    position: relative;
    top: 16px;
}

.add-to-cart .price-final {
    color: #000;
}

.add-to-cart .btn.btn-cart,
.add-to-cart .btn.btn-conversion,
.add-to-cart a.btn.btn-cart,
.add-to-cart a.btn.btn-conversion {
    color: #ffffff;
    border-color: #468c98;
    background-color: #468c98;
    border: 1px solid #468c98;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
}

.add-to-cart .btn.btn-conversion
{
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);

}


.products-block.products .p .name {
    text-align: center;
    display: block;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.products-block .p-bottom .p-tools,
.products-block .p-bottom .prices {
    flex-basis: 100%;
    text-align: center !important;
    margin-bottom: 20px;
}

.products-block .ratings-wrapper {
    display: none;
}

.products-block .p-code {
    visibility: hidden;
}

.products-block .p-code:hover {
    visibility: visible;
}
/* detail produktu - konec*/

/* porukty na úvodní stránce  */

.slick-slide[tabindex='0'] 
{
    padding: 10px;
    background: white;

}

.slick-slide[tabindex='-1']
 {  
background: white !important;      
}  


.slick-prev,
.slick-next {
    width: 50px !important;
    height: 50px !important;
}

.slick-prev:before,
.slick-next:before {
    opacity: 1.0 !important;
    color: white !important;
    font-size: 15px !important;
    background: #E88500;
    width: 50px !important;
    height: 50px !important;
    line-height: 49px !important;
    border-radius: 0% !important;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    margin: 10px;
}




/* porukty na úvodní stránce - konec */



/* tlačítka např. hledání */

.btn.btn-default,
a.btn.btn-default {
    color: #fff;
    border-color: #468c98 !important;
    background-color: #468c98 !important;
}

.btn.btn-cart,
.btn.btn-conversion,
a.btn.btn-cart,
a.btn.btn-conversion {
    color: #fff;
    border-color: #468c98;
    background-color: #468c98;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
}



.btn.add-to-cart-button::before,
.btn.btn-cart::before,
a.btn.add-to-cart-button::before,
a.btn.btn-cart::before {
    display: none;
}


/* tlačítka např. hledání  konec */


.add-comment,
.discussion,
.discussion-form,
.rate-wrapper,
.votes-wrap,
.welcome div,
.welcome h1 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}


.welcome h1 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8rem;
    font-family: 'Sulphur Point', sans-serif;
    font-weight: inherit;
    font-size: 3rem;
    text-align: center;
    text-transform: uppercase;
}


/* top bannery - začátek */

    
    /*
    .id-1 .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
*/


.next-to-carousel-banners 
{
margin-top:30px;

}

    .next-to-carousel-banners div {
         width: calc((100% /4) - 12px*3);  
     margin-right:48px !important;
        float: left;
    }


.next-to-carousel-banners div:last-child {
        margin-right:0 !important;
}


/*
    .next-to-carousel-banners {
        margin-top: 4rem;
    }
*/
.extended-banner-title {
    top: auto;
    left: auto;
    right: 0px;
    bottom: 0px;
    font-size: 16px;
    color: #444;
    padding: 4px 15px;
}

.banner a,
.banner-wrapper a,
.banner-category a,
.carousel-inner a {
    color: #ffffff;
    text-decoration: underline;
}


/* top bannery - konec */






/* velké ikony z HP + text  začátek */

    .text-block-detail-1 .text-detail,
        .text-block-detail-2 .text-detail 
     {
    width: 100%;
    min-height: 150px;
height: 300px;
     margin-top: 30px;
     }

    .text-block-detail-1 .text-detail {
    
    
        background: #e88500;
        padding-left: 500px;
        
         }

    .text-block-detail-2 .text-detail {
        background: #468c98;
        padding-left: 60px;
        padding-right: 500px;
        
        
    }

    .text-block-detail-1,
    .text-block-detail-2 {
        position: relative;
        margin-top: 2rem;
        margin-bottom: 6em;
    }

    
    .text-block-detail-1 .photo-detail img,
    .text-block-detail-2 .photo-detail img
        {
    max-width: 390px;
    
    }
    
    .text-block-detail-1 .photo-detail {
        position: absolute;
        left: 45px;
    }

    .text-block-detail-2 .photo-detail {
        position: absolute;
        right: 40px;
    }

    .text-detail h2 {
        text-transform: uppercase;
        font-size: 40px;
        font-weight: revert;
        color: white;
        letter-spacing: -1.0px;
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .text-detail p {
        font-size: large;
        font-weight: 100;
        color: white;
        padding-right: 1rem;
    }

    .text-block-detail-1,
    .text-block-detail-2 {
        display: grid;
        grid-template-columns: 100%;
    }
    
/* velké ikony z HP + text  konec */    

/* horní navigace - kontakty - display none */
/*
.top-navigation-bar {
        border-top-color: transparent;
        border-bottom-color: transparent;
        background-color: #e88500;
    }

    .top-navigation-contacts,
    .top-navigation-menu {
        background-color: transparent;
    }

    .top-navigation-bar .dropdown button,
    .top-navigation-bar a,
    .top-navigation-bar a:hover {
        color: #fff;
    }
*/
/* horní navigace - kontakty - display none */



@media (max-width: 768px) {

.logo-list
{
display: none;
}



.btn.btn-icon, a.btn.btn-icon
{
padding: 5px 15px;
}

.banner
{
min-height:unset;
}

.navigation-buttons
{
text-align: center;
}





/*

    .logo-list .width20p {
        width: 40%;
        min-height: 110px;
        float: left;
        margin: 4% 5% 5% 5%;
        cursor: pointer;
        box-shadow: 0px 0px 20px -10px #8adada;
    }
*/

  .next-to-carousel-banners div 
  {
  width: 100%;

}

    .logo-list .width20p {
     width: 100%;
     text-align: center;
     margin-bottom: 2em;
height:auto;
}


    .text-block-detail-1 .photo-detail,
    .text-block-detail-2 .photo-detail
    {
    display: none;
    height: auto;
    }

    .text-block-detail-1 .text-detail,
    .text-block-detail-2 .text-detail
    {
    padding: 2em;
    min-height:auto;
    }

    .text-detail p 
    {
        font-size: x-large;
    }

  .text-detail h2
  {
      font-size: xx-large;
      margin:1rem;
  }


}

@media (min-width:1440px) {

    .top-navigation-bar {
        border-top-style: solid;
        border-top-width: 0;
        border-bottom-style: solid;
        border-bottom-width: 0;
        font-size: 13px;

        display: none;
    }




/*
.logo-list .width20p img {
    margin: 0 auto;
    display: block;
    padding: 40px;
    background: white;
}

*/

}




@media (min-width: 768px) {

    .id-1 .next-to-carousel-banners .col-sm-12 {
        margin: 20px 0px 0px 0px; 
        padding: 0px;
    }

 

.header-top
{
height: 115px;
}


}
/* db-code.css konec */


/* db-style.css - začátek */




.shp-tab-link,
.shp-tab-link,
.detail-parameters th
{
color: black;
}


/* dolní loga*/

    .logo-list .width20p img 
    {
    width: 85%;
    
}
    .logo-list .width20p {
        width: calc((100% / 6) - 7px*5);
     box-shadow: 0px 0px 20px -10px #8adada;
   min-height: 150px;
     margin-right:40px;
   cursor: pointer;
        float: left;
  display: flex;
    justify-content: center;
     align-items: center;
    text-align:center;
	}

    .logo-list .width20p:last-child {
        margin-right:0 !important;
}


   .logo-list {
        margin-top: 60px;
        margin-bottom: 60px;
        clear: both;
        width: 100%;
        height: 170px;
    }

    .logo-list .width20p:hover {
        box-shadow: none;

    }


    
/* dolní loga konec*/    



#signature
{
color:#b2b2b2;
}


body
{
color:#333;
font-size: 15px;
}

.detail-parameters
{
width: max-content;
}


.external-fonts-loaded .empty-content, .blank-mode .empty-content,
.SizeID-button .sb-button, .SizeID-button .sb-button span,
.external-fonts-loaded .vote-name, .blank-mode .vote-name,
.external-fonts-loaded body,body.blank-mode,
.external-fonts-loaded,.blank-mode,
.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: 'Sulphur Point', sans-serif;
}

@font-face {
  font-family: 'myfonts';
  src: url("https://cdn.myshoptet.com/usr/380023.myshoptet.com/user/documents/webs/orangecar.cz/myfonts3.woff");
}


@font-face {
  font-family: myshoptet;
  src: url("https://cdn.myshoptet.com/usr/380023.myshoptet.com/user/documents/webs/lib/fonts/open-iconic.woff");
}

.my-contact::before,
.my-email::before,
.my-person::before,
.btn.cart-count::before
{
font-family: myshoptet !important;
font-size: 28px !important;
color:  rgba(0,0,0,0.7);
}

.my-contact::before,
.my-email::before,
.btn.cart-count::before,
.my-person::before,
.responsive-tools>a[data-target="login"]::before,
.responsive-tools>a[data-target="search"]::before
{
font-family: myfonts !important;
}

.responsive-tools>a[data-target="search"]::before
{
/*content: '\e031'; myshoptet*/
content: '\e817';
}

.top-navigation-bar a, .top-navigation-bar .dropdown button

{
color:rgba(0,0,0,0.7);
}

.btn.cart-count::before, a.btn.cart-count::before
{
/*content: '\e031'; myshoptet*/
content: '\e804';
}

a.my-contact::before
{
/*content: '\e0a6'; myshoptet*/
content: '\e802';
}


a.my-email::before
{
/* content: '\e05c'; myshoptet*/ 
content: '\e810';
}

a.my-person::before,
.responsive-tools>a[data-target="login"]::before
{
content: '\e80c';
/*content: '\e0a5'; myshoptet*/
}

#header .my-email,
#header .my-contact,
#header .my-person
{
padding-right:  35px;
}

#header .my-email
{
  position: relative;
  right: auto;
  top: 10px;
  display: inline-block;

}

#header .my-contact
{
  position: relative;
  right: auto;
  top: 8px;
  display: inline-block;
}

#header .my-person
{
  position: relative;
  right: auto;
  top: 8px;
  display: inline-block;
}

.navigation-buttons > a[data-target="cart"] i
{
background-color:#468c98;
}




.cart-price
{
display: none !important;
}

#footer .site-name
{
display: none;
}


#footer > .footer-rows > .custom-footer > div:nth-child(3) img
{
max-width: 85%;
}


.custom-footer, .footer-bottom, .footer-links-icons
{
border: 0 ;
}



@media (min-width: 1200px)
{
.custom-footer {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 55px;
}


.custom-footer>div
{
width:33% !important;
}


#header .site-name a img
{
max-height: 90px;
margin-left: 10px;
}

h4.homepage-group-title, .h4.homepage-group-title
{
	background-color: #4C4C4C !important; 
	color: #fff;
	font-size: 25px;
	padding: 10px;
	font-weight: 700;
	position: relative;
	z-index: 1;
	font-size: 28px;
	font-weight: 900;
	line-height: 1;
}

/*
h4.homepage-group-title::after, .h4.homepage-group-title::after
{
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #4C4C4C;
    transform-origin: bottom left;
    -ms-transform: skew(-15deg, 0deg);
    -webkit-transform: skew(-15deg, 0deg);
    transform: skew(-15deg, 0deg);
}
*/



body footer .container.footer-bottom .copyright {
    color: #b2b2b2;
    text-align: center;
    font-weight: 300;
}

#signature img
{
width:18px;
}

#signature
{
flex-basis:auto;
}

.container.footer-bottom {
line-height: 1;
    color: #b2b2b2;
    padding-top: 30px!important;
/*    width: 100%;*/
    margin: 0 auto;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
font-size: small;
}



#footer 
{
/*display: none;*/
margin-bottom:2em;
}

/*
.footer-bottom
{
border: 0 ;
padding-right:65px;
}

.color-overlay {
  /*
  width: 100%;
  height: 100%;
  background: #222A2D;
  opacity: .8;
  position: absolute;
  */
}


.footer
{
background-color: #1E2629;
/*
 background:
linear-gradient( 
 rgba(30,40,40,0.9)
 ,
 rgba(30,40,40,0.9)
 ),
url("https://dev.davidboruvka.cz/user/documents/upload/footer/banner_footer2.jpg") 
;
backdrop-filter: grayscale(0.9) opacity(0.8);

background-size: contain;
*/

}
/*

.footer, .footer a,
.footer h1,.footer h2, .footer h3, .footer h4 .footer
{
color: white
}
.footer a
{
text-decoration: underline;
}

.footer ul
{
 list-style-type: none;
  
padding: 0;

}

.footer li
{
 
padding: 0 0  0.5em 0;

}


.footer .bannery
{
 padding-bottom:6px;

}
 
.footer .col-1
{
    display: block;
    width: fit-content;
    margin: auto;
    clear: both;
    padding-top: 30px;
}

.footer .container 
{
padding:0;

}
*/




#footer h4,
footer,
#footer>.container
{
/*    background: #1e1e1c;*/
    color: #fff !important;
    
}

#footer>.container
{
    background: #1e1e1c;
}

#footer .contact-box a, #footer .password-helper a, #footer .news-item-widget a, #footer ul a
{
    color: #fff;
}



@media (max-width: 768px) 
{

#header .my-email,
#header .my-contact,
#header .my-person


	{
	display:none;

}

	#header .site-name a img
	{
	max-height: 110px;
	}



}


@media (min-width: 768px)
{
.navigation-in>ul>li>a 
{
padding-top:18px;
padding-bottom:18px;
}
	
}	

/* db-style.css */