@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');


/*
#E8B652
#CC2740
*/

/*======================= barviÄky ======================*/
a,
code,
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus,
.price-current-vat,
.price-original-vat,
input[type=checkbox]:checked:after,
.breadcrumb>.active,
.asterisk {
    color: #222;
}

/* ======== obecne ==========*/
html {
    font-size: 62.5%;
    /* 1rem = 10px */
}

html body {
    font: 1.8rem 'Roboto', sans-serif;
    color: #222;
    line-height: 1.6;
    font-weight: 300;
    /* Automatic color function */
}

.btn-link,
a {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    color: #CC2740;
}

a.btn.btn-link:hover,
a.btn.btn-link:focus,
a.btn.btn-link:active,
a:hover,
a:focus {
    color: #A31F33;
    text-decoration: underline;
}

hr {
    border-top: 1px solid #E1A21E;
}

strong {font-weight:500}

blockquote {
    border-color: #FCF3E2;
}

h1:after,
h2:after,
h3:after,
#separator h3.panel-title::after,
#second h3.panel-title::after,
#blog h3.panel-title::after,
#panel-products h3.panel-title:after,
#random-image h3:after,
#separator h3.panel-title::after,
#second h3.panel-title::after,
#blog h3.panel-title::after,
#panel-products h3.panel-title:after {
    display: none;
}

/*nadpis h1 v motivu*/
body:not(#index) main h1:first-of-type {
    margin-bottom: 200px;
    margin-top: -260px;
    color: #fff;
    text-transform:uppercase;
    font-size:6rem;
}

aside+main h1:first-of-type {
    margin-bottom: 30px;
    margin-top: 0px;
    color: #222;
}

@media (max-width: 991px) {
    main h1:first-of-type {
        margin-bottom: 30px;
        margin-top: 0px;
        color: #222;
        font-size:4rem;
    }

}

@media (max-width: 768px) {
    #eshop h1,
    .category-detail h1 {
        text-align: center;
    }
}


.h1,.h2,.h3,h1,h2,h3,h4,
#random-image h3, #separator h3.panel-title,
#second h3.panel-title, #blog h3.panel-title,
#panel-products h3.panel-title,
#panel-favourites h3,
#footer-contact h3,
#social-site h3,
#own-foot h3.panel-title,
#second h3.panel-title,
#separator h3.panel-title,
#blog h3.panel-title,
#random-image h3,
#panel-products h3,
#panel-products h3.panel-title,
#panel-categories .panel-heading .panel-title,
#panel-accounts .panel-heading .panel-title{
    font-family: "Quicksand", Tahoma, sans-serif;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #CC2740;
}


#second h3.panel-title,
#separator h3.panel-title,
#blog h3.panel-title,
#random-image h3,
#panel-products h3,
#panel-products h3.panel-title {
    font-size:4rem;
    text-transform:uppercase;
}

#panel-favourites h3,
#footer-contact h3,
#social-site h3,
#own-foot h3.panel-title {
    font-size:2.6rem;
    text-transform:uppercase;
}


@media (max-width: 991px) {
    h1 {
        font-size: 36px;
    }
}


/* tlacitka */
#panel-news .more a,
.btn {
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 1.6rem;
    letter-spacing: 0.2rem;
    padding: 10px 25px;
    font-weight: 500;
    font-weight: normal;
    font-family: "Quicksand", Tahoma, sans-serif;
}

.btn-default {
    color: #fff;
    background: #E8B652;
    border-color: #E8B652;
}

.btn-default:hover,
.btn-default:focus {
    color:#fff;
    border-color: #E1A21E;
    background-color: #E1A21E
}
#panel-news .more a,
.btn-primary,
#eshop-products .btn:hover,
#eshop-products .btn,
#shopping .btn {
    background: #CC2740;
    border-color: #CC2740;
    color: #fff;
}

#panel-news .more a:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus,
#eshop-products .btn:hover,
#eshop-products .btn:active,
#shopping .btn:hover,
#shopping .btn:active {
    background: #A31F33;
    border-color: #A31F33;
    color: #fff;
    text-decoration:none;
}

.btn-lg {
    padding: 20px 25px;
    font-size: 15px;
}

.btn-md {
    padding: 15px 20px;
}

.btn-sm {
    padding: 10px 15px;
}

.btn-xs {
    padding: 5px 10px;
    font-size: 12px;
}

.btn:hover {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/* badge */

.badge {
    background: rgba(0, 0, 0, .8);
    font-weight: normal;
}

.active a .badge {
    color: #000 !important;
}

/**/
.back-link {
    margin: 0;
}

.pocty dt {
    font-weight: 500;
}

/*thumbnail*/
.thumbnail {
    box-shadow: none;
    border-color: #E8B652;
}

.thumbnail p {
    color: #222;
}

.thumbnail:hover {
    transform: none;
    border: 1px solid #E8B652;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}


/*link thumbnail*/

.link-thumbnail {
    overflow: hidden;
}

.link-thumbnail img,
a img {
    transition: all 0.4s;
    max-height: 100%;
}

.link-thumbnail:hover img,
a:hover img {
    transform: scale(1.1);
}

#detail-product .link-thumbnail,
.item-eshop-product .link-thumbnail {
    overflow: hidden;
    display: block;
}


/*forms*/
#profile #order-form .panel-primary,
#orderform .panel-primary,
.comms,
.form-container,
.form-horizontal {
    background-color: #FBF0DB;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 0;
}

.form-control {
    border-color: #E8B652;
    box-shadow: none;
}

.form-control:focus {
    border-color: #E8B652;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 4px #E8B652;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 4px #E8B652;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #FCF3E2;
}

#orderform .input-group-addon {
    border-color: #E8B652;
    background-color: #E8B652;
}

label {
    font-weight: 400;
    font-size: 1.7rem;
}

.form-container label {
    font-weight: 400;
}

#detail-product #variant-box #perex,
.product-detail form#form-product {
    border-color: #E8B652;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date].form-control,
    input[type=datetime-local].form-control,
    input[type=month].form-control,
    input[type=time].form-control {
        line-height: 1;
    }
}

@media (max-width: 600px) {
    #form-product .input-group {
        width: 100%;
    }
}

/*gallery,rubrics,kategory,file */
#list-downloads li .inside ,
.item-photogallery .thumbnail,
.item-eshop-category .thumbnail,
#list-rubrics li .media-body {
    background: #FBF0DB;
    border: 1px solid #FBF0DB;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#list-rubrics li .media-body {
    padding: 15px
}
#list-downloads li .inside:hover,
#list-rubrics li .media-body:hover,
.item-photogallery .thumbnail:hover,
.item-eshop-category .thumbnail:hover {
    transform: none;
    border: 1px solid #E8B652;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.item-eshop-category .thumbnail .link-thumbnail img,
.item-photogallery .thumbnail .link-thumbnail img,
.item-eshop-product .thumbnail .link-thumbnail img {
    max-height: 100%;
    border: 0;
}

#tab-images .row div .thumbnail,
.item-photo .thumbnail,
.img-thumbnail,
#tab-images .row .thumbnail:hover,
.item-photo .thumbnail:hover,
.img-thumbnail:hover {
    padding: 0;
    background: none;
    border: none;
}

#table-downloads strong {
    font-weight:400
}


/*gallery*/
.photos,
#photogalleries {
    padding-top: 20px;
}



/* novinky + vypis clanku */
.rubric h4 {
    padding-top: 10px;
}

.image-perex {
    width: 200px;
    margin-bottom: 30px;
    max-height: 100%;
}

.normal-date {
    background: #FBF0DB;
    padding: 5px;
    border-radius: 5px;
    font-style: normal;
    display: inline;
    font-size:initial
}


span.cir {
    background: #FBF0DB;
    text-align: center;
    display: table;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin: 0 20px;
    padding-top: 7px;
}

.date .day {
    color: #222;
    font-size: 6em;
}

.year,
.month {
    display: block;
    color: #222;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
}


#list-panel-news,
#list-pages {
    margin: 0;
}

#list-panel-news li .image-perex:hover img,
#list-pages li .image-perex:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

#list-panel-news li .image-perex img,
#photogalleries .img-thumbnail,
#list-pages li .image-perex img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: auto;
    height: auto;
}

#list-panel-news li .perex-image-link,
#photogalleries .link-thumbnail,
#list-pages li .perex-image-link {
    overflow: hidden;
    display: block;
    max-height: 280px
}

#panel-news h4,
#list-pages h4 {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size:2.3rem;
    clear: both;
}

#panel-news .description,
#list-pages .description {
    color: #222;
    margin-top: 10px;
}

#list-pages>li .date,
#list-panel-news>li .date {
    width: 200px;
    display: block;
}


#list-pages {
    padding: 0;
}

#list-pages>li {
    border-bottom: 1px solid #E8B652;
    width: 100%;
    padding: 20px 0;
    overflow: visible;
    max-height: 100%;
}

#list-pages>li:last-child {
    border: none;
}

#list-pages>li .date {
    margin-right: 15px;
}
#list-pages+hr {
    display: none;
}

#list-pages .image-perex {
    margin-right: 15px;
}

#list-panel-news img {
    margin: 0;
}

#list-panel-news li {
    width: 33.3%;
    border: none;
    padding: 30px 15px;
    max-height: 100%;
    margin: 0;
    padding-bottom: 0;
}
#list-panel-news h4 {
    padding-top: 25px;
}

#panel-news .image-perex {
    margin-bottom: 0 !important;
    width: 100%;
}

#list-panel-news .image-perex {
    padding-right: 0;
}

@media (max-width: 991px) {

    #list-panel-news li {
        width: 50%;
    }

}

@media (max-width: 768px) {

    #list-panel-news li,
    .rubric article ul#list-pages li {
        width: 100%;
        padding: 20px 0;
    }

    #list-panel-news .normal-date,
    #list-pages .normal-date {
        display: inline;
    }

    #panel-news h4,
    #list-pages h4 {
        margin-bottom: 10px;
        clear: both;
    }

    #list-pages li .image-perex {
        width: 100%;
    }

    #list-panel-news>li .date,
    #list-pages>li .date {
        margin-bottom: -20px;
        margin-right: 0;
        width: 100%;
    }
}

/*modal*/
.modal-dialog .btn-default {
    background: #E8B652;
}

.modal-dialog .btn-default:hover {
    background: #E1A21E;
    color: #fff;
}

/* komentare */
.comms .form-horizontal {
    margin-bottom: 0;
}

#list-comments>.media .media-heading {
    background: #FBE8EB;
    color: #222;
    padding: 10px;
}

#list-comments .subcomments::before {
    background-color: #FBF0DB;
}

.text-muted {
    color: #616161;
}

#list-comments .buttonanswer {
    border-top: 1px solid #FBF0DB;
}

.subcomments .media-heading {
    background: #FBF0DB;
    padding: 10px;
}

.sticky {
    margin-bottom: 40px;
}


/*pagination*/
.pagination>li>a,
.pagination>li>span,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #222;
    background-color:#FBF0DB;
    border:1px solid #fff;

}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.pagination>.active>span,
.pagination>.active>span:hover {
    color: #fff;
    background-color:#CC2740;
}


.pagination>li:last-child>a,
.pagination>li:last-child>span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}


/*nav pills*/
.nav-pills>li>a:hover,
.nav-pills>li.active>a {
    background: #CC2740;
    color: #fff;
}

.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background: #CC2740;
    color: #fff;
}

/*tabs*/
.nav-tabs {
    border-bottom: 1px solid #E8B652;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a:hover {
    background-color: #CC2740;
    border: 1px solid #CC2740;
    color: #fff;
}

.nav-tabs>li>a {
    border: 1px solid #FBF0DB;
    border-bottom-color:#E8B652;
    background-color: #FBF0DB;
    color: #222;
}

section.section-tabs.section-bg-light .nav-tabs>li:not(.active)>a:hover {
    background-color: #CC2740;
}

#tabs-product .nav-tabs>li.active>a,
#tabs-product .nav-tabs>li.active>a:focus,
#tabs-product .nav-tabs>li.active>a:hover,
#tabs-product .nav-tabs>li>a:hover {
    background: #CC2740;
    border-color: #CC2740;
    color: #fff;
}
/* tabulky */
.table {
    background-color: white
}

.table>thead>tr>th {
    border-color: #E8B652;
}

.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #E8B652;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: #F9E6C1;
}

.table-striped>tbody>tr:nth-of-type(even) {
    background: #fff;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td,
.table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-color:#E8B652;
}

.table-hover tr:hover td {
    background-color: #FCF3E2
}

.table-menu {
    width: 75%;
}

#cart thead {
    background: #F9E6C1;
}

#cart tbody tr td,
#cart tfoot td {
    border-color: #E8B652;
}


@media (max-width: 600px) {
    table tbody tr td:first-child {
        background: transparent;
    }

}


/* =============Prvky */


/*header*/
header {
    position:fixed
}

/*top ribbon*/
#top-ribbon {
    background: #CC2740;
    color: #fff;
}

#top-ribbon .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end
}

#top-ribbon #contactus {
    margin-right: auto;
}

#top-ribbon #search-bar {
    float: unset;
    order: 2;
}

#top-ribbon #basket {
    float: unset;
    margin-left:20px
}

#top-ribbon .form-control {
    background: #A31F33;
    color: #fff;
    border-color:#A31F33;
}


#top-ribbon .btn.btn-danger,
#top-ribbon a {
    color: white;
}

#top-ribbon .btn.btn-danger:hover,
#top-ribbon a:hover {
    color:#E8B652;
}

@media (max-width:767px) {
    #contactus.hidden-xs {
        display: inline !important;
    }
}

@media (max-width:600px) {
    #top-ribbon {
        padding: 5px 0;
        line-height: 1.5em
    }

    #top-ribbon #contactus {
        width: 100%
    }
}


/* menu */
.navbar {
    border: none;
    background: transparent;
    z-index: 1000;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "Quicksand", Tahoma, sans-serif;
    color: #fff;
    width: 100%;
    display: table;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

nav.navbar>.container {
    display: table;
}

.navbar-nav {
    float: right;
}

#index .navbar-default {
    background: transparent;
}



#navbar {
    display: table-cell !important;
    float: none !important;
    width: calc(100% - 220px);
}

#navbar.navbar-collapse.collapsing {
    display: block !important;
    width: 100%;
}
.navbar-collapse.in .nav.navbar-nav {
    padding-left: 0;
}

.navbar .logo {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    float: none;
    max-width: 100%;
    width: 220px;
}

.navbar .logo img {
    max-height: 35px;
    max-width: 220px
}

.logo a {
    display: block;
}


.navbar.f-nav,
#index .navbar-default.f-nav,
.f-nav {
    background: rgba(204, 39, 64, 0.8);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    position: static;
}

#index .navbar:not(.f-nav) .navbar-nav>.active>a:after,
#index .navbar:not(.f-nav) .navbar-nav>.active>a:focus:after,
#index .navbar:not(.f-nav) .navbar-nav>.active>a:hover:after,
#index .navbar:not(.f-nav) .navbar-nav>.active>a:after,
#index .navbar:not(.f-nav) .navbar-nav>li>a:hover:after,
#index .navbar-default:not(.f-nav) .navbar-nav>.open>a:after,
#index .navbar-default:not(.f-nav) .navbar-nav>.open>a:focus:after,
#index .navbar-default:not(.f-nav) .navbar-nav>.open>a:hover:after,
.navbar .navbar-nav>.active>a:after,
.navbar .navbar-nav>.active>a:focus:after,
.navbar .navbar-nav>.active>a:hover:after,
.navbar .navbar-nav>.active>a:after,
.navbar .navbar-nav>li>a:hover:after,
.navbar-default .navbar-nav>.open>a:after,
.navbar-default .navbar-nav>.open>a:focus:after,
.navbar-default .navbar-nav>.open>a:hover:after {
    background-color: #fff
}


.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-weight: 500;
    font-size: 1.7rem;
    display: table-cell;
}

.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:focus,
.navbar .navbar-nav>.active>a,
.navbar .navbar-nav>.active>a:hover,
.navbar .navbar-nav>.active>a:focus,
.navbar .navbar-nav>.disabled>a,
.navbar .navbar-nav>.disabled>a:hover,
.navbar .navbar-nav>.disabled>a:focus,
.navbar .navbar-nav>.open>a,
.navbar .navbar-nav>.open>a:hover,
.navbar .navbar-nav>.open>a:focus{
    background: transparent;
    color: #fff;
}

.navbar-default .navbar-toggle {
    border: 0;
    position: absolute;
    top: 12px;
    right: 0;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default.f-nav .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background: transparent;
}

/**dropdown*/

.dropdown.open ul.dropdown-menu {
    background-color: rgba(253,244,245,0.9);
}

.dropdown-menu li ul {
    column-rule: 0px solid #191919;
    text-align:center
}

.dropdown-menu>li>ul>li>a {
    color: #222 !important;
    font-weight: 500;
}

.dropdown-menu>li>ul>li>a:hover,
.dropdown-menu>li>ul>li.active>a {
    color: #CC2740 !important;
    text-decoration: none;
}


@media (max-width: 991px) {
    .navbar {
        border: none;
        background: transparent;
    }

    .navbar>.container {
        padding: 0;
        width: 100%;
    }

    #navbar li a {
        display: block;
    }

    nav.navbar>.container {
        display: block;
    }

    #index .navbar-default .navbar-collapse {
        background-color: #CC2740;
    }

    .navbar-default .navbar-nav>li>a,
    .navbar .navbar-nav>.active>a {
        color: #fff;
        padding: 10px 0;
    }

    #navbar ul.nav>li:last-child a {
        padding-right: 0;
    }

    .dropdown.open ul.dropdown-menu {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background-color: #FDF4F5;
        margin-bottom: 10px;
    }

    .dropdown-menu li ul li {
        display: block;
    }

    .navbar .logo {
        padding: 15px 15px 25px 15px;
    }

    .navbar-nav {
        margin: 0;
    }

    #navbar {
        padding: 0;
    }

    .navbar-default .navbar-nav>li>a {
        height: auto;
    }

    #index .navbar:not(.f-nav) .navbar-nav>.active>a:after,
    #index .navbar:not(.f-nav) .navbar-nav>.active>a:focus:after,
    #index .navbar:not(.f-nav) .navbar-nav>.active>a:hover:after,
    #index .navbar:not(.f-nav) .navbar-nav>.active>a:after,
    #index .navbar:not(.f-nav) .navbar-nav>li>a:hover:after,
    #index .navbar-default:not(.f-nav) .navbar-nav>.open>a:after,
    #index .navbar-default:not(.f-nav) .navbar-nav>.open>a:focus:after,
    #index .navbar-default:not(.f-nav) .navbar-nav>.open>a:hover:after,
    .navbar .navbar-nav>.active>a:after,
    .navbar .navbar-nav>.active>a:focus:after,
    .navbar .navbar-nav>.active>a:hover:after,
    .navbar .navbar-nav>.active>a:after,
    .navbar .navbar-nav>li>a:hover:after,
    .navbar-default .navbar-nav>.open>a:after,
    .navbar-default .navbar-nav>.open>a:focus:after,
    .navbar-default .navbar-nav>.open>a:hover:after {
        left: 40%;
        width: 20%;
    }

    #navbar.collapse.navbar-collapse {
        display: none !important;
    }

    #navbar.collapse.navbar-collapse.in {
        display: block !important;
    }

    #navbar.collapse.in {
        float: none;
        width: 100%;
    }

    .navbar-header {
        float: none;
        display: table-cell;
        clear: none;
        width: auto;
        vertical-align: middle;
        height: 72px;
    }
}

/* motive */
#motto #motto-title {
    font-family: "Quicksand", Tahoma, sans-serif;
    font-size: 90px;
    font-weight: 500;
    letter-spacing: 0.6px;
    word-break: break-word;
    text-transform: uppercase;
    display: none;
}

#motto #motto-text {
    font-family: "Quicksand", Tahoma, sans-serif;
    font-size: 56px;
    word-break: break-word;
    display: none;
    font-weight: 500;
}

#motto .btn {
    display:none;
}

#index #motto .btn,
#index #motto #motto-title,
#index #motto #motto-text {
    display: block;
}

@media (max-width: 991px) {

    #motto #motto-title {
        font-size: 35px;
    }

    #motto #motto-text {
        font-size: 38px;
    }
}


#index #motive {
    height: 100vh;
    max-height: 100%;
    margin-bottom: 0;
}

#index #motive .container {
    height: 100%;
    margin: 0;
}

#motive {
    display: block;
    height: 400px;
    background-size: cover;
    background-position: center;
}

#own-motive {
    display: block;
}

#own-motive .section-container.section-carousel {
    padding: 0;
}


@media (max-width: 768px) {

    #content {
        padding: 35px 0;
    }
}

/*zobrazeni prvku*/

#blog,
#random-image {
    display: none;
}

#index #separator,
#index #blog,
#index #random-image {
    display: block;
}
/*============#separator,*/
#separator {
    background: #FDF4F5;
    padding: 85px 15px;
    margin: 0 auto;
    color: #222;
}

#separator .panel-heading {
    display: none;
}
/*==============second*/
#second {
    background: #FBF0DB;
    color: #222;
}

#second a {
    color: #CC2740;
}

#second a:hover {
    color: #A31F33;
}

#second .btn,
#second .btn:hover {
    color: #fff;
}

#second .panel-heading {
    display: none;
}
/*=============panel-product*/
#panel-products {
    padding: 45px 0;
}

#panel-products h3.panel-title {
    margin-bottom: 40px;
}
/*===============blog*/
#blog {
    padding: 75px 0 85px 0;
    background: #fff;
}

@media (max-width: 991px) {

    #blog,
    #separator,
    #second {
        padding: 35px 0 45px 0;
    }

    #separator {
        padding: 35px 15px 45px;
    }

    #blog {
        padding-bottom: 65px;
    }
}

/*==================support */
#support #telo {
    margin-bottom: 30px
}

/*=================random image */
.image-slider.slick-slider a img:hover {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    border: none;
}


/*===================footer */
footer {
    border-top: 5px solid #FBF0DB;
}

footer,
footer.col-lg-12 {
    background: #fff;
    color: #222;
    padding-top: 0;
}

footer .container {
    padding: 0 15px;;
}

footer a:hover {
    color: #A31F33;
}

footer #footer-contact .fa {
    margin-top: 4px;
    color: #E8B652;
}

#favorite-links,
#social-site,
#own-foot,
#footer-contact {
    flex-grow: 1;
    padding: 40px 0 20px 0;
    margin-bottom:0;
}

.social-site-icon li a {
    border-radius: 50%;
    margin-right:5px
}

.social-site-icon li .fa {
    font-size: 1.6em;
    line-height: 40px;
}

.social-site-icon .fa-fw {
    width: auto;
}

#footbox section {
   padding-top:30px;
    padding-bottom:30px;
}

#footbox .section-map {
    padding: 0
}

.copy {
    background-color: transparent;
    padding: 0;
    padding-top: 10px;
}

.copy:last-of-type {
    padding-bottom: 10px;
}

@media (max-width: 768px) {

    #footer-contact,
    #favorite-links,
    #social-site,
    #own-foot {
        margin-bottom: 0;
        padding: 20px 15px 0;
    }

}




/* hledani */

#search #listdata li {
    width: 100%;
}

#search #listdata li .goin {
    background: #000;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 15px 75px 15px 25px;
    margin-right: 0;
}

#search #listdata li .goin:hover {
    background: #CC2740;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

@media (max-width: 768px) {

    #search .text-right {
        text-align: left;
    }

    #search h1 {
        font-size: 34px;
    }
}

/*eshop menu*/
#panel-categories,
#panel-accounts {
    background: #FBF0DB;
    box-shadow: none;
    margin-bottom: 40px
}

#panel-categories .panel-heading {
    color: #222;
}

/*kategorie*/

/*vypis produktu*/
.panel-filter {
    background: #FBF0DB;
    margin-bottom: 55px;
}

.panel-filter .btn {
    padding: 10px 15px;
}

.product-label-special {
    background: #CC2740;
}

.label.label-stock1 {
    background: #8DBF41;
}

/*detail produktu*/
#detail-product a:hover>.img-thumbnail {
    border: none;
}

.item-eshop-product .caption {
    padding: 9px 0;
}

.item-eshop-product .thumbnail .caption .more .row {
  display:flex;
    flex-direction:column;
    flex-wrap:wrap;
}

.item-eshop-product .thumbnail .caption .more .col-xs-6 {
 width:unset;
    padding:5px 15px!important
}
.item-eshop-product .thumbnail .caption .more .input-group {
 max-width:150px;
}

.item-eshop-product .thumbnail .caption .more .form-control {
    height:auto;
    padding:10px;
}

.product-detail h1 {
    margin-bottom: 15px !important;
}

#form-product .input-group {
    width: 50%;
    margin-bottom:15px;
}

.input-group-addon {
    background-color: #FBF0DB;
    border-color: #E8B652;

}

#tabs-product {
    margin-top: 80px;
}


/*objednavka*/

#panel-cart.panel-primary .productincart img {
    width: auto;
}

#cart .sremove:hover {
    background: #FBF0DB;
}

#trashcan .btn {
    padding: 15px;
    background: #fff;
}

#summary h1,
#finish h1 {
    margin-bottom: 30px !important;
}

#summary h3 {
    margin-top: 20px;
}

#order-form .panel-primary {
    border-radius: 0
}


/* cookies */
.cc_container {
    background-color: #111 !important;
}

.cc_container a,
.cc_container a:visited {
    color: #8DBF41 !important;
    transition: all .4s !important;
}

.cc_container a:hover,
.cc_container a:active {
    color: #8DBF41 !important;
    text-decoration: none !important;
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
    background: #8DBF41 !important;
    border-color: #8DBF41 !important;
    color: #fff !important;
    border-radius: 10px !important;
    transition: all .4s !important;
}

.cc_container .cc_btn:hover,
.cc_container .cc_btn:active {
    text-decoration: none !important;
    background: #fff !important;
    color: #111 !important;
}

/* sekce */
section.section-3-col-top-text,
section.section-3-col-bottom-text,
section.section-header,
section.section-cta,
section.section-2-col-left-text,
section.section-2-col-right-text,
section.section-services h2,
section.section-pricelist h2,
section.section-pricelist>.row>div>p {
    text-align: left;
}

section.section-container {
    padding: 0;
}

section.section-container.container {
    padding: 0 15px;
}

/*section-bg-light*/
section.section-bg,
section.section-bg-light {
    background-color: #FBF0DB;
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width: 1300px) {
     section.section-bg>.row,
    section.section-bg-light>.row {
        width: 1280px;
    }
}

@media (min-width: 1500px) {
    section.section-bg>.row,
    section.section-bg-light>.row {
        width: 1280px;
    }
}
/*sluzby*/
section.section-services ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0px
}

section.section-services li {
    border-left-color: #CC2740;
    color: #222;
    background-color: #FBF0DB;
}
section.section-services.section-bg li,
section.section-services.section-bg-light li {
    background-color: #fff
}

/*text-vlevo-vpravo*/
section.section-2-col-left-text h2,
section.section-2-col-right-text h2 {
    padding-bottom: 15px;
}



/*3 sloupce s textem dole*/
.section-3-col-bottom-text .row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}

.section-3-col-bottom-text>.row>.section-cell-item {
    border: 1px solid #E8B652;
    background-color: #fff;
    padding: 15px;
    margin: 15px;
}
.section-bg.section-3-col-bottom-text>.row>.section-cell-item,
.section-bg-light.section-3-col-bottom-text>.row>.section-cell-item {
    border: 2px solid #fff;
    background-color: #fff;
    padding: 15px;
    margin: 15px;
}

@media (min-width: 768px) {
    .section-3-col-bottom-text .section-cell-item.col-sm-6 {
        width: calc(50% - 34px);
    }
}

@media (min-width: 992px) {
    .section-3-col-bottom-text .section-cell-item.col-md-4 {
        width: calc(33.33333333% - 34px);
    }
}

/* fix pro editor */
.mce-content-body h1 {
    margin-top: 0;
    margin-bottom: 30px;
    color: #000;
}

/*============================== */

@media (max-width: 767px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 1300px) {
    .container {
        width: 1280px;
    }
}

@media (min-width: 1500px) {
    .container {
        width: 1280px;
    }
}

.filter-default {
    filter: invert(71%) sepia(38%) saturate(656%) hue-rotate(41deg) brightness(91%) contrast(87%);
}