HF CSS

<style>
@font-face {
font-family: 'casanova_scotiaregular';
src: url('http://code.kubanavratil.com/user/documents/upload/fonts/casanova_scottia-webfont.woff2') format('woff2'),
url('http://code.kubanavratil.com/user/documents/upload/fonts/casanova_scottia-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}

h1, h3, .navigation-in ul li a b, .products-block .product .name, .menu-helper > ul > li a b {
font-family: 'casanova_scotiaregular' !important;
font-weight:normal;
font-style:normal;
}

@media (max-width: 992px) {
body {padding: 0 !important;}
.navigation-window-visible #navigation {width: 100%;}
li.ext > .menu-level-2 {display:block !important;}
.appended-category.menu-item-792.ext {display:none;}
/* Vyměň ID ALL kategorie */
}

@media (min-width: 992px) {
.menu-helper {right: 0;}
#navigation { width: 100%;}
#header .site-name img {max-width: 400px;}
}

.site-msg {background-color: #222;color: #fff;}
.site-msg.information .text {text-align: center;}
.top-nav {padding-top: 0;}
.menu-helper>ul>li, .menu-helper>ul {border-style: none !important;}
.menu-helper::after, .menu-trigger::after {color: #9f0000; background-color: #fff;}
.menu-helper>ul>li a {border: solid 1px #e7e7e7;}
.navigation-in>ul>li:nth-child(7) a b {color: #959595;}
.navigation-in>ul>li:nth-child(8) a b {color: #a60101;}
.navigation-buttons a[data-target="cart"] {color: #666 !important;}
.nav-list.navigation-buttons:hover a span, .nav-list.navigation-buttons:hover a:before {color: #9f0000 !important;}
.navigation-buttons > a[data-target="cart"] i {top: 10px;}
/* Header */

.h1.header-title, .category-title {text-align: center;}
.category-header {text-align: center;}
.category-header .dropdown button {font-weight: 400; color: #c9c8c8;}
.product {border-style: none !important;}
.breadcrumbs.navigation-home-icon-wrapper, .subcategories.with-image, .filters-wrapper {display:none;}
.products-block .product:not(.highlight-product):hover .tools-wrap {display: none !important;}
.product .btn:hover {border-color: #9f0000;}
.flag.flag-freeshipping {background-color: #000;}

@media (max-width: 992px) {
#products {display:flex; flex-direction: row; flex-wrap: wrap;}
#products > div {width: 50%;}
.flags-extra .flag {width: 40px; height: 40px;}
.flags-extra .flag .price-standard {display: none;}
.flag.flag-freeshipping > .flag-text {display: none;}
.icon-van {font-size: 26px !important;}
.h1.header-title {font-size: 20px;}
#content-wrapper {padding: 0 !important;}
.products-block .product .inner {padding: 10px;}
}

/* Categories */

.btn.btn-conversion, a.btn.btn-conversion {color: #fff;border-color: #9f0000;background-color: #9f0000;}
.btn.btn-conversion:hover, a.btn.btn-conversion:hover {color: #fff;border-color: #000000;background-color: #000000;}
.price-final {color: #000; font-weight: 600 !important;}
.p-detail-inner > .row > .col-md-4 > h1 {text-align:center;}
.p-detail .stars-wrapper {justify-content: center;}
@media (min-width: 768px) {
.p-detail-inner .detail-img>div {flex-wrap: wrap;}
.p-image.image.col-sm-10, .col-sm-2.p-thumbnails-wrapper {width: 100% !important;}
.wide .p-thumbnails {min-height: 100px;}
.p-detail-inner {margin-bottom: 0px; border-bottom: solid 1px #e7e7e7;}
.shp-tabs-wrapper.p-detail-tabs-wrapper {margin-top: 40px;}
.p-detail-inner > .row > .col-md-4 {width:100%;}
.p-detail-inner .price .price-final, .col-md-4.pull-left {text-align:center;}
.p-detail .stars-wrapper, .pagination-count {justify-content: center;display: none;}
.col-md-8.pull-right.detail-img {float: left !important;}
.col-md-4.pull-left {float: right !important; width: 33.333% !important;}
.product .name, .product .price {color: #000;}
.wide .p-thumbnails>div>div {
display: block;
display: flex;
flex-direction: row;
justify-content: center;
}
}
@media (max-width: 992px) {
.col-md-4.pull-left {width: 100% !important;}
.p-detail-inner > .row {display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
flex-direction: column;}
.col-md-4 {order: 2; width:100%;}
.col-md-8.pull-right.detail-img {order: 1; width:100%;}
.col-md-4.pull-left {order: 3; width:100%;}
}

.p-thumbnail.highlighted::before, .show360image.highlighted::before, .p-thumbnail:hover::before, .show360image:hover::before {display:none;}
/* Product detail */

@media (max-width: 992px) {
.banner {min-height: 50px; margin-bottom: 0px;}
#footer .box {padding-top: 0px;}
.footer_ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.row.custom-footer.elements-3 {display: flex; flex-direction: column;}
.row.custom-footer.elements-3 > .col-sm-4.box:nth-child(1) {width:100%; order: 3;}
.row.custom-footer.elements-3 > .col-sm-4.box:nth-child(2) {width:100%; order: 2;}
.row.custom-footer.elements-3 > .col-sm-4.box:nth-child(3) {width:100%; order: 1;}
}
@media (min-width: 992px) {
.banner {min-height: 150px; margin-bottom: 0px;}
}
#footer, .footer-bottom, .footer-newsletter {background-color: #000; border-style: none;}
.banner a, .banner-wrapper a {color: #fff;}
#footer h4 {display: none;}
footer p {color: #fff;}
.subscribe-form .btn {background-color: #9f0000;}
.footer-rows {padding-bottom: 0px;}
#footer {padding-top: 10px; padding-bottom: 5px;}
.btn.btn-rounded.icon-tick {
background-color: #000;
border-color: transparent;
border-radius: 0;
}
/* Footer */

/**/
/**/
</style>

<style><!--
/* Acordeon styles */

.accordion {
width: 100%;
margin: 0 auto;
border-radius: 5px;
}

.accordion-header,
.accordion-body {
background: white;
}

.accordion-header {
padding: 1.5em 1.5em;
background: #fff;
text-transform: uppercase;
color: #000;
cursor: pointer;
letter-spacing: .1em;
transition: all .3s;
border-bottom: solid 1px #000;
font-weight: 900;
}

.accordion-header:hover {
position: relative;
z-index: 5;
border-bottom: solid 1px #9f0000;
}
.accordion-header:hover:after {
color: #9f0000;
}

.accordion-body {
background: #fcfcfc;
color: #3f3c3c;
display: none;
}

.accordion-body__contents {
padding: 1.5em 1.5em;
}

.accordion__item.active:last-child .accordion-header {
border-radius: none;
}

.accordion:first-child > .accordion__item > .accordion-header {
xxxborder-bottom: 1px solid transparent;
}

.accordion__item > .accordion-header:after {
content: "+";
font-family: IonIcons;
float: right;
position: relative;
top: -2px;
transition: .3s all;
transform: rotate(0deg);
}

.accordion__item.active > .accordion-header:after {
transform: rotate(-180deg);
}

.accordion__item.active .accordion-header {
background: #fff;
}

.accordion__item .accordion__item .accordion-header {
background: #f1f1f1;
color: black;
}

@media screen and (max-width: 1000px) {
body {
padding: 1em;
}

.accordion {
width: 100%;
}
}
</style>