/*homepage motive*/
#motive{
  background-color: #f5f5f5;
  background-image: url();
}

/*motto*/
#motto #motto-title{
 
  color: #000000;
  
}

#motto #motto-title a{
 
  color: #000000;
 
}
#motto #motto-text{
  color: #e8e8e8;
   
}
/**/

:root {
    --in-light-gray: #95948b;
    --in-gray: #444442;
    --in-dark-gray: #333333;
    --in-darker-gray: #2f2f2f;
    --in-red: #cb4040;
    --in-blue: #77bed4;
    --in-white: #ffffff;
    --in-light-yellow: #f2f0e0;

}

/* ------------------------------------------------ BACKGROUNDS -- */

header,
.thumbnail,
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover,
.pagination>li>a,
.pagination>li>span,
code,
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: transparent;
}

.cc_container {
    background: var(--in-light-gray)!important;
}

.btn-primary,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary,
.btn-warning, .btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open>.dropdown-toggle.btn-warning,
#basket .btn-danger,
#search-bar .btn-danger,
ul.dropdown-menu li ul li,
a.abutton,
#eshop-products .more a.btn-default,
#tab-related .more a.btn-default,
.label.label-stock1,
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.pager li>a, .pager li>span,
.pager li>a:focus,
.pager li>a:hover,
span.cir,
h3.ltype2,
#list-rubrics li .subtitle.media-heading,
#list-comments h3.media-heading,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
footer>.container>div:nth-of-type(even) h3,
#listdata li h2,
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.input-group-addon {
    background-color: var(--in-red);
}

.product-label-special,
a.btn.btn-link,
pre,
footer>.container>div:nth-of-type(odd) h3,
.btn-default, .btn-default.active,
.btn-default.focus, .btn-default:active,
.btn-default:focus, .btn-default:hover,
.open>.dropdown-toggle.btn-default {
    background-color: var(--in-blue);
}

.table-hover>tbody>tr:hover {
    background-color: var(--in-blue)!important;
}


.navbar-default .navbar-toggle .icon-bar,
.navbar,
#separator,
#eshop-categories .thumbnail,
.label.label-stock2,
.label.label-stock3,
.label.label-stock4,
.label.label-stock5,
#eshop #panel-categories,
.category-detail #panel-categories,
.product-detail #panel-categories,
#panel-categories,
#panel-accounts,
#order-form .panel,
#orderform .panel,
#order input#agreement,
#finish #status,
#filter-form,
.category-detail form#filter-form,
#photogalleries .thumbnail,
.lockcomm,
.table-striped>tbody>tr:nth-of-type(even),
.copy,
#listdata li .inside,
article ul#list-rubrics .media-body,
.article-detail .comms,
#support article form,
.gallery-detail .comms,
.product-detail #tab-comments .comms,
.photo-detail .comms,
input.qty,
.form-group input[type="text"],
.form-group input[type=checkbox],
.form-group input[type=radio],
.form-group textarea,
.form-group textarea:focus,
#passwd.form-control,
.modal-content,
.cardbox,
table.tabulka thead,
table thead {
    background-color: var(--in-gray);
}


#user-form .form-control,
#password-form .form-control,
html,
body,
#top-ribbon,
#search-bar input,
.navbar .navbar-nav > li > a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus,
.dropdown.open ul.dropdown-menu,
#wrap,
main,
.breadcrumb,
#eshop-products,
#tab-related,
.nav > li > a:focus, .nav > li > a:hover,
.list-group-item.active>.badge,
.nav-pills>.active>a>.badge,
.badge,
#list-panel-news li,
footer.col-lg-12,
.article-detail article .form-group input[type="text"],
.article-detail article .form-group input[type=checkbox],
.article-detail article .form-group input[type=radio],
.article-detail article .form-group textarea,
.article-detail article .form-group textarea:focus,
#support article .form-group input[type="text"],
#support article .form-group input[type=checkbox],
#support article .form-group input[type=radio],
#support article .form-group textarea,
#support article .form-group textarea:focus,
.gallery-detail article .form-group input[type="text"],
.gallery-detail article .form-group input[type=checkbox],
.gallery-detail article .form-group input[type=radio],
.gallery-detail article .form-group textarea,
.gallery-detail article .form-group textarea:focus,
.category-detail article .form-group input[type="text"],
.category-detail article .form-group input[type=checkbox],
.category-detail article .form-group input[type=radio],
.category-detail article .form-group textarea,
.category-detail article .form-group textarea:focus,
.product-detail article .form-group input[type="text"],
.product-detail article .form-group input[type=checkbox],
.product-detail article .form-group input[type=radio],
.product-detail article .form-group textarea,
.product-detail article .form-group textarea:focus,
#order article .form-group input[type="text"],
#order article .form-group input[type=checkbox],
#order article .form-group input[type=radio],
#order article .form-group textarea,
#order article .form-group textarea:focus,
#filter-form .form-group input[type="text"],
#filter-form .form-group input[type=checkbox],
#filter-form .form-group input[type=radio],
#filter-form .form-group textarea,
#filter-form .form-group textarea:focus,
.photo-detail article .form-group input[type="text"],
.photo-detail article .form-group input[type=checkbox],
.photo-detail article .form-group input[type=radio],
.photo-detail article .form-group textarea,
.photo-detail article .form-group textarea:focus,
.form-control,
#separator .cardbox,
html body,
#motive.nob,
#order article #panel-accounts .form-group input[type="text"],
#panel-accounts .form-group #user_login,
#panel-accounts .form-group input[type="text"],
#panel-accounts .form-group input[type=checkbox],
#panel-accounts .form-group input[type="password"],
#panel-accounts .form-group input[type=radio],
#panel-accounts .form-group textarea,
#panel-accounts .form-group textarea:focus,
#order-form .panel .form-group input[type="text"],
#order-form .panel .form-group input[type=checkbox],
#order-form .panel .form-group input[type="password"],
#order-form .panel .form-group input[type=radio],
#order-form .panel .form-group textarea,
#order-form .panel .form-group textarea:focus
{
    background-color: var(--in-darker-gray);
}

/* ----------------------------------------------- /BACKGROUNDS -- */

/* ------------------------------------------------------ FONTS -- */

/* ------------------------------------------- COLORS -- */

body,
a,
a:hover,
a:focus,
a:active,
.btn-primary,
#top-ribbon,
#search-bar input,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus,
.dropdown.open ul.dropdown-menu,
#basket .btn-danger,
#search-bar .btn-danger,
.breadcrumb > .active,
.label.label-stock1,
.label.label-stock2,
.label.label-stock3,
.label.label-stock4,
.label.label-stock5,
.navbar .navbar-text,
#eshop-products .thumbnail h2 a,
#tab-related .thumbnail h2 a,
.nav > li > a:focus, .nav > li > a:hover,
.list-group-item.active>.badge,
.nav-pills>.active>a>.badge,
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.input-group-addon,
article .nav-tabs>li.active>a,
article .nav-tabs>li.active>a:focus,
article .nav-tabs>li.active>a:hover,
article .nav-tabs>li.active,
article .nav-tabs>li>a:hover,
.thumbnail h2 a,
#footer-contact h3,
.thumbnail .caption,
.badge,
.lockcomm,
.pager li>a,
.pager li>span,
.pager li>a:focus,
.pager li>a:hover,
#list-panel-news h4 a,
h3.panel-title,
#list-pages h4 a,
.year,
.month,
p.date,
.panel-primary>.panel-heading,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
#footer-contact .fa,
.copy,
.copy a,
.article-detail article .form-group input[type="text"],
.article-detail article .form-group input[type=checkbox],
.article-detail article .form-group input[type=radio],
.article-detail article .form-group textarea,
.article-detail article .form-group textarea:focus,
#support article .form-group input[type="text"],
#support article .form-group input[type=checkbox],
#support article .form-group input[type=radio],
#support article .form-group textarea,
#support article .form-group textarea:focus,
.gallery-detail article .form-group input[type="text"],
.gallery-detail article .form-group input[type=checkbox],
.gallery-detail article .form-group input[type=radio],
.gallery-detail article .form-group textarea,
.gallery-detail article .form-group textarea:focus,
.category-detail article .form-group input[type="text"],
.category-detail article .form-group input[type=checkbox],
.category-detail article .form-group input[type=radio],
.category-detail article .form-group textarea,
.category-detail article .form-group textarea:focus,
.product-detail article .form-group input[type="text"],
.product-detail article .form-group input[type=checkbox],
.product-detail article .form-group input[type=radio],
.product-detail article .form-group textarea,
.product-detail article .form-group textarea:focus,
#order article .form-group input[type="text"],
#order article .form-group input[type=checkbox],
#order article .form-group input[type=radio],
#order article .form-group textarea,
#order article .form-group textarea:focus,
.photo-detail article .form-group input[type="text"],
.photo-detail article .form-group input[type=checkbox],
.photo-detail article .form-group input[type=radio],
.photo-detail article .form-group textarea,
.photo-detail article .form-group textarea:focus,
.form-control,
.form-group input[type="text"],
.form-group input[type=checkbox],
.form-group input[type=radio],
.form-group textarea,
.form-group textarea:focus,
#passwd.form-control,
.btn-default,
.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default,
article .nav-tabs>li.active>a,
article .nav-tabs>li.active>a:focus,
article .nav-tabs>li.active>a:hover,
article .nav-tabs>li.active,
article .nav-tabs>li>a:hover,
h3.ltype2 a {
    color: var(--in-light-yellow);
}

#top-ribbon,
#top-ribbon a,
.pad,
.breadcrumb > li > a,
.inside>p,
.form-horizontal span.asterisk {
    color: var(--in-light-gray);
}

.price-original-vat,
#cart a,
input[type=checkbox]:checked:after {
    color: var(--in-red);
}

.price-current-vat,
.rubric h1.title,
.day,
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover,
.pagination>li>a,
.pagination>li>span,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
code,
h1,
h2,
h3,
h4,
h5,
h6,
.fa.icon-favourite {
    color: var(--in-blue);
}

.table-hover>tbody>tr:hover>td>#cart a {
    color: var(--in-darker-gray);
}

#list-comments .subcomments h3.media-heading {
    color: var(--in-gray)!important;
    font-size: 1.1em;
    font-weight: 600;
}

/* ------------------------------------------ /COLORS -- */

/* --------------------------------------- DECORATION -- */

a,
.btn,
.navbar a,
#eshop-products .thumbnail h2 a,
#tab-related .thumbnail h2 a,
footer a,
#list-panel-news h4 a {
    text-decoration: none;
}

/* -------------------------------------- /DECORATION -- */

/* ----------------------------------------------------- /FONTS -- */

/* ---------------------------------------------------- BORDERS -- */
.checkbox input#agreement, .checkbox input#heureka_reject {
    border-color: var(--in-blue);
}

/* ---------------------------------------- TRIANGLES -- */

.navbar-default li.active > a:before,
.navbar-default li.active:hover > a:before {
    border-left: 10px solid var(--in-gray);
}

.navbar-default li.active > a:before {
    border-left: 10px solid var(--in-gray);
}

.navbar-default ul.dropdown-menu li.active a:before {
    border-top: 10px solid var(--in-darker-gray);
}

.goin:after {
    border-left: 10px solid var(--in-red);
}

#panel-news .more a:after {
    border-top: 30px solid var(--in-red);
}

/* --------------------------------------- /TRIANGLES -- */

/* -------------------------------------------- COLOR -- */

.navbar-default {
    border-color: transparent;
}
select.form-control,
#eshop-products .more a.btn-default,
#tab-related .more a.btn-default,
.modal-header,
.modal-footer,
input[type=checkbox],
input[type=radio],
#separator ul#list-panel-news li {
    border-color: var(--in-darker-gray);
}

.input-group-addon,
.btn-primary,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary,
.btn-warning, .btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open>.dropdown-toggle.btn-warning,
#basket .btn-danger,
#search-bar .btn-danger,
.label.label-stock1,
.pager li>a, .pager li>span,
.pager li>a:focus,
.pager li>a:hover,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.navbar-default .navbar-toggle {
    border-color: var(--in-red);
}

blockquote,
pre,
.btn-default,
.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default{
    border-color: var(--in-blue);
}

#search-bar input,
#eshop-products a.link-thumbnail,
#tab-related a.link-thumbnail,
.label.label-stock2,
.label.label-stock3,
.label.label-stock4,
.label.label-stock5,
#cart tbody tr,
#eshop-products.display-type-rows .thumbnail a.link-thumbnail,
#tab-related.display-type-rows .thumbnail a.link-thumbnail,
.product-detail #perex,
.product-detail form#form-product,
article #tabs-product ul.nav,
article .nav-tabs>li.active,
.navbar-default .navbar-collapse,
.navbar-default .navbar-form,
table.tabulka,
table,
#cart>thead>tr>th,
.tabulka>thead>tr>td,
.tabulka tbody tr,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th,
tbody tr,
tbody tr,
.gallery-detail article h2,
.photo-detail article h2,
.article-detail article h2.subtitle,
input[type=checkbox],
#separator #eshop-products .more a.btn-default {
    border-color: var(--in-gray);
}

.navbar {
    border-bottom-color:var(--in-white);
}

/* ------------------------------------------- /COLOR -- */

/* -------------------------------------------- WIDTH -- */

#basket .btn-danger,
#search-bar .btn-danger,
input[type=checkbox],
input[type=radio] {
    border-width: 1px;
}

#search-bar input {
    border-width: 2px;
}

#eshop-products .more a.btn-default,
#tab-related .more a.btn-default {
    border-width: 5px;
}

#eshop-products a.link-thumbnail,
#tab-related a.link-thumbnail,
#eshop-products.display-type-rows .thumbnail a.link-thumbnail,
#tab-related.display-type-rows .thumbnail a.link-thumbnail {
    border-width: 10px;
}

/* ------------------------------------------- /WIDTH -- */

/* -------------------------------------------- STYLE -- */

#basket .btn-danger,
#search-bar .btn-danger,
#eshop-products a.link-thumbnail,
#tab-related a.link-thumbnail,
#eshop-products .more a.btn-default,
#tab-related .more a.btn-default,
#eshop-products.display-type-rows .thumbnail a.link-thumbnail,
#tab-related.display-type-rows .thumbnail a.link-thumbnail,
input[type=checkbox],
input[type=radio] {
    border-style: solid;
}

#search-bar input {
    border-style: dashed;
}

/* ------------------------------------------- /STYLE -- */

/* ------------------------------------------- RADIUS -- */

.nav-pills>li>a {
    border-radius: 0;
}

#eshop-products a.link-thumbnail,
#tab-related a.link-thumbnail {
    border-radius: 20px;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* ------------------------------------------ /RADIUS -- */

.navbar-nav > li {
    border-left:1px solid #333;
    border-right:1px solid #333;
}

.navbar-nav > li:first-child {
    border-left: 0px;
}

.navbar-nav > li:last-child {
    border-right: 0px;
}

.dropdown.open ul.dropdown-menu,
#list-panel-news li,
ul#list-pages li {
    border-bottom: 2px solid var(--in-gray);
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    border-left: 2px solid var(--in-gray);
}

ul.dropdown-menu li ul li {
    border-bottom: 0px;
}

#border {
    border-bottom: 20px solid var(--in-gray);
}

hr,
.gallery-detail article h2,
.photo-detail article h2 {
    border-top: 4px dashed var(--in-gray);
}

#second .container {
    border-bottom: 4px dashed var(--in-gray);
}

.product-detail hr,
p.linfo {
    border-top: 2px dashed var(--in-gray);
}

article .nav-tabs>li.active {
    border-bottom: 1px solid var(--in-darker-gray);
}

footer.col-lg-12 {
    border-top: 20px solid var(--in-gray);
}

/* --------------------------------------------------- /BORDERS -- */

/* ----------------------------------------------------- SPACES -- */

h3.ltype2 {
    padding: 5px;
}

.lockcomm,
footer>.container>div:nth-of-type(odd) h3,
footer>.container>div:nth-of-type(even) h3 {
    padding: 10px;
}

ul.dropdown-menu .container {
    padding-bottom: 20px;
}

ul.dropdown-menu li ul li {
    margin: 20px 10px 0px 10px;
    padding: 0px;
}

ul.dropdown-menu li ul li a {
    padding: 10px;
}

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

/* ---------------------------------------------------- /SPACES -- */

/* --------------------------------------------------- SPECIALS -- */

#eshop #panel-categories,
.category-detail #panel-categories,
.product-detail #panel-categories {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

footer>.container>div:nth-of-type(odd) h3 {
    transform: rotateZ(-2deg);
}

footer>.container>div:nth-of-type(even) h3 {
    transform: rotateZ(1deg);
}

h3.ltype2 {
    font-weight: normal;
    clear: both;
}

/* -------------------------------------------------- /SPECIALS -- */

/* ---------------------------------------------------- QUERIES -- */

@media (max-width: 991px) {

    .navbar-collapse.collapse {
        padding-left: 0;
        max-height: 100vh;
        overflow: hidden;
        overflow-y: auto;
    }
    ul.dropdown-menu li ul li {
        background-color: transparent;
    }

    .navbar-nav > li {
        border-left: 0;
        border-right: 0;
    }

    .dropdown-menu .container {
        padding-left: 0;
        padding-right: 0;
    }

    ul.dropdown-menu li ul li {
        margin: 0px;
    }

    .dropdown-menu {
        max-height: 400px;
        overflow: hidden;
        overflow-y: auto;
    }

    .navbar-default ul.dropdown-menu li.active a:before {
        border-top: 7px solid transparent;
        border-left: 7px solid var(--in-gray);
        border-right: 0;
        border-bottom: 7px solid transparent;
        left: 0;
    }

}

@media (max-width: 767px) {

    article .nav-tabs>li {
        background: var(--in-gray);
        color: var(--in-light-yellow);
    }

    article .nav-tabs>li.active {
        background: var(--in-blue);
    }

}

@media (max-width: 600px) {

    table.table-striped>tbody>tr>td:nth-of-type(odd),
    table#cart tbody tr td:first-child,
    table#cart tfoot tr td:first-child,
    table.tabulka tbody tr td:first-child,
    table.tabulka tfoot tr td:first-child,
    table#table-downloads.table-striped>tbody>tr>td:first-child,
    table tbody tr td:first-child {
        background: var(--in-gray);
    }

    table.table-hover>tbody>tr>td:hover {
        background: var(--in-blue);
    }

    table#cart tbody tr td:first-child a.sremove {
        background: var(--in-blue);
    }

}

.form-container {
    background: var(--in-gray);
}

section.section-bg-light {
    background: rgba(255,255,255,.2);
}

.payment-options__link {
    border: 2px solid var(--in-white);
}

.payment-options__img {
    filter: invert(100%) sepia(0%) saturate(7427%) hue-rotate(311deg) brightness(116%) contrast(101%);
}

/*user account*/
#top-ribbon .contactus_account .btn-danger {
    background: var(--in-red);
    border: 1px solid var(--in-red);
    color: var(--in-light-yellow);
}

/*member nav and info*/
.member-nav .dropdown-menu>li>a:not(:hover) {
    color: var(--in-white);
}

.member-nav .dropdown.open ul.dropdown-menu {
    background-color:var(--in-gray);
}

.member-nav .btn.disabled,
.member-nav .btn[disabled],
.member-nav fieldset[disabled] .btn {
    color:var(--in-light-gray);
}

.member-info {
    background-color:var(--in-gray);
    border-color:var(--in-gray);
}

.member-info .text-danger {
    color:var(--in-blue)
}

.member-info .btn-danger {
    background: var(--in-blue);
    border: 1px solid var(--in-blue);
    color: var(--in-light-yellow);
}

/*ohraniceni sloupce s obrazkem*/
section.section-3-col-bottom-text.cell-img-borders .section-cell-item .section-cell-img {
    background-color: var(--in-darker-gray) !important;
}