@charset "UTF-8";
/*#####################################
  COPYRIGHT 2019 INFORMAX SOLUTION SAGL
#####################################*/
html, body {
    color: rgba(0, 0, 0, 1.00);
    background-color: rgba(255, 255, 255, 1.00);
}

.title-img {
    color: #000000 !important
}

.img-bg {
    background-color: rgba(255, 255, 255, 1.00);
    filter: invert(0%);
    -webkit-filter: invert(0%);
    -moz-filter: invert(0%);
    -o-filter: invert(0%);
    -ms-filter: invert(0%);
}

.img-bg-transparent {
    background-color: rgba(255, 255, 255, 0.00);
    filter: invert(0%);
    -webkit-filter: invert(0%);
    -moz-filter: invert(0%);
    -o-filter: invert(0%);
    -ms-filter: invert(0%);
}

.img-bg > span, .img-bg-transparent > span {
    display: none;
    visibility: hidden
}

div.menu-plus a.img-bg-transparent:hover {
    background-color: rgba(255, 255, 255, 1.00);
    filter: invert(100%);
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
}

.mob-plus a, .mob-minus a {
    background-color: rgba(255, 255, 255, 1.00);
    filter: invert(100%);
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
}

.bg-bw {
    background-color: rgba(255, 255, 255, 1.00) !important;
    color: rgba(0, 0, 0, 1.00)
}

.bg-bwi {
    background-color: rgba(0, 0, 0, 1.00) !important;
    color: rgba(255, 255, 255, 1.00)
}

#interface-arrow-dwn > a {
    color: rgba(0, 0, 0, 1.00);
    filter: invert(0%);
    -webkit-filter: invert(0%);
    -moz-filter: invert(0%);
    -o-filter: invert(0%);
    -ms-filter: invert(0%);
}

#interface-arrow-dwn > a:hover {
    background-color: rgba(255, 255, 255, 1.00);
    filter: invert(100%);
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
}

.prod-arrow-l > a {
    background-image: url(/assets/web/img/icons-w/arrow-l.png);
    background-position: left center;
}

.prod-arrow-r > a {
    background-image: url(/assets/web/img/icons-w/arrow-r.png);
    background-position: right center;
}

.prod-arrow-l-03 > a {
    background-image: url(/assets/web/img/icons-w/arrow-l.png);
    background-position: left center;
    opacity: 0.3
}

.prod-arrow-r-03 > a {
    background-image: url(/assets/web/img/icons-w/arrow-r.png);
    background-position: right center;
    opacity: 0.3
}

ul.nav {
    font-size: 1vw;
}

ul.nav li a {
    color: rgba(0, 0, 0, 1.00);
}

ul.nav li a:hover, ul.nav li.active a, ul.nav li.current a {
    color: rgba(255, 255, 255, 1.00);
    background-color: rgba(0, 0, 0, 1.00)
}

ul.nav li a span i {
    color: rgba(0, 0, 0, 1.00);
    background-color: rgba(255, 255, 255, 0)
}

ul.nav li.active a span i, ul.nav li.current a span i {
    background-color: rgba(0, 0, 0, 1.00) !important
}

li.dot a span i {
    background-color: rgba(0, 0, 0, 1.00) !important
}

ul.underline {
    font-size: 1vw;
}

ul.underline li a {
    color: rgba(0, 0, 0, 1.00);
}

ul.underline li a:hover {
    color: rgba(0, 0, 0, 1.00);
    background-color: rgba(255, 255, 255, 0.00)
}

ul.underline li a span i {
    color: rgba(0, 0, 0, 1.00);
}

ul.privacy {
}

ul.privacy li a {
    color: rgba(0, 0, 0, 1.00);
}

ul.privacy li a:hover {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
}

a:link, a:visited, a:active {
    color: rgba(0, 0, 0, 1.00);
}

a:hover {
    color: rgba(0, 0, 0, 1.00);
}

a.ticket:link, a.ticket:visited, a.ticket:active {
    color: rgba(255, 255, 255, 1.00);
}

a.ticket:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: underline;
}

a.img-menu h2 {
    margin: 0;
    padding: .5rem;
}

a.img-menu:hover h2 {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
}

.hoverimg {
    background-color: rgba(255, 255, 255, 1.00);
    filter: invert(0%);
    -webkit-filter: invert(0%);
    -moz-filter: invert(0%);
    -o-filter: invert(0%);
    -ms-filter: invert(0%);
}

.hoverimg:hover {
    background-color: rgba(255, 255, 255, 1.00);
    filter: invert(100%);
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
}

#relAcc .hoverlink:hover li a {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00) !important;
}

#relAcc .hoverlink:hover li a:hover {
    text-decoration: underline !important
}

#relAcc .hoverlink:hover li a span i {
    color: rgba(255, 255, 255, 1.00) !important;
}

#relAcc .hoverlink:hover a.img-bg-transparent, #relAcc .hoverlink:hover a.img-bg-transparent:hover {
    background-color: rgba(255, 255, 255, 1.00);
    filter: invert(100%);
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
}

.hoverlink {
    background-color: rgba(255, 255, 255, 1.00);
    color: rgba(0, 0, 0, 1.00);
}

.hoverlink:hover {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00) !important;
}

.hoverlink a:link, .nohoverlink a:link, .hoverlink a:visited, .nohoverlink a:visited, .hoverlink a:active, .nohoverlink a:active {
    background-color: rgba(255, 255, 255, 1.00);
    color: rgba(0, 0, 0, 1.00);
}

.trhoverlink a:link, .trhoverlink a:visited, .trhoverlink a:active {
    background-color: rgba(255, 255, 255, 0.00);
    color: rgba(0, 0, 0, 1.00);
}

.hoverlink a:hover {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
}

.hoverlink a.active {
    background-color: rgba(0, 0, 0, 1.00) !important;
    color: rgba(255, 255, 255, 1.00) !important;
}

.hoverlinkblack {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
    border-left: 0.2vw solid #000
}

.hoverlinkblack:hover {
    background-color: rgba(255, 255, 255, 1.00);
    color: rgba(0, 0, 0, 1.00);
}

.hoverlinkblack a:link, .hoverlinkblack a:visited, .hoverlinkblack a:active, .hoverlinkblack a.active {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
}

.hoverlinkblack a:hover {
    background-color: rgba(255, 255, 255, 1.00);
    color: rgba(0, 0, 0, 1.00);
}

.hoverlinkyellow {
    background-color: rgba(255, 255, 255, 1.00);
    color: rgba(0, 0, 0, 1.00);
}

.hoverlinkyellow:hover {
    background-color: rgba(240, 227, 76, 1.00);
    color: rgba(0, 0, 0, 1.00);
}

.cartyellow {
    background-color: rgba(240, 227, 76, 1.00);
    color: rgba(0, 0, 0, 1.00);
}

.cartyellow:hover {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
}

#newsletter a:link, #newsletter a:visited, #newsletter a:active, #newsletter:link *, #newsletter:visited *, #newsletter:active * {
    color: rgba(0, 0, 0, 1.00);
}

#newsletter:hover * {
    color: rgba(0, 0, 0, 1.00);
}

#input-dotted {
    color: rgba(0, 0, 0, 1.00)
}

.palceholder {
    color: #000;
}

input.flat {
    color: #000000;
    background-color: rgba(255, 255, 255, 1.00);
}

input.flat::-webkit-input-placeholder {
    color: #000000;
}

input.flat:-ms-input-placeholder {
    color: #000000;
}

input.flat::placeholder {
    color: #000000;
}

input.flat:-webkit-autofill, input.flat:-webkit-autofill:hover, input.flat:-webkit-autofill:focus, input.flat:-webkit-autofill:active {
    -webkit-text-fill-color: #000000;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    box-shadow: 0 0 0px 1000px white inset;
}

textarea.flat {
    color: #000000;
    background-color: rgba(255, 255, 255, 1.00);
}

textarea.flat::-webkit-input-placeholder {
    color: #000000;
}

textarea.flat:-ms-input-placeholder {
    color: #000000;
}

textarea.flat::placeholder {
    color: #000000;
}

textarea.flat:-webkit-autofill, textarea.flat:-webkit-autofill:hover, textarea.flat:-webkit-autofill:focus, textarea.flat:-webkit-autofill:active {
    -webkit-text-fill-color: #000000;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    box-shadow: 0 0 0px 1000px white inset;
}

table#tbl-orders, table.tbl-account {
    background-color: rgba(255, 255, 255, 1.00);
    color: rgba(0, 0, 0, 1.00);
}

table#tbl-orders th, table.tbl-account th {
    font-size: 1vw !important;
    text-align: left;
    padding: 0 0 0 1rem !important;
    margin: 0;
}

table#tbl-orders td:not(.item), table.tbl-account td:not(.item) {
    font-size: 0.8vw !important;
    text-align: left;
    height: 100%;
    padding: .5rem 0 .5rem 1rem;
    margin: 0;
}

table#tbl-orders tr.hiddenRow, table.tbl-account tr.active, table.tbl-account tr:hover {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
    cursor: pointer;
}

table.tbl-orders, table.tbl-account td.item {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
}

table.tbl-orders td.item, table.tbl-account td.item {
    font-size: 0.6vw !important;
    text-align: left;
    height: 100%;
    margin: 0;
}

table.tbl-account td.item:first-child {
    padding: 0 0 .5rem 0;
}

table.tbl-account td.item:first-child + td {
    padding: 0 0 .5rem .2rem;
}

table.tbl-account td.item:first-child + td + td {
    padding: 0 0 .5rem .3rem;
}

.scrollticket {
    background-color: rgba(255, 255, 255, 1.00);
}

.account-panel p {
    padding: 1rem 1rem 0 1rem;
    margin: 0;
    font-size: 0.8vw
}

.account-panel p:last-child {
    padding: 1rem;
}

.hoverdiv {
    background-color: rgba(255, 255, 255, 1.00);
    color: rgba(0, 0, 0, 1.00);
}

.hoverdiv:hover {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
}

.hoverdiv .shitchlabel {
}

.hoverdiv .shitchlabel a:link, .hoverdiv .shitchlabel a:visited, .hoverdiv .shitchlabel a:active, .hoverdiv .shitchlabel a:hover {
    background-color: rgba(255, 255, 255, 1.00);
    color: rgba(0, 0, 0, 1.00);
}

.hoverdiv:hover .shitchlabel a:link, .hoverdiv:hover .shitchlabel a:visited, .hoverdiv:hover .shitchlabel a:active, .hoverdiv:hover .shitchlabel a:hover {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
}

.smlink a:link, .smlink a:visited, .smlink a:active {
    background-color: rgba(255, 255, 255, 1.00);
    color: rgba(0, 0, 0, 1.00);
}

.smlink a:hover {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
}

.biglink a:link, .biglink a:visited, .biglink a:active {
    background-color: rgba(255, 255, 255, 1.00);
    color: rgba(0, 0, 0, 1.00);
}

.biglink a:hover {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
}

.no-hover a:link, .no-hover a:visited, .no-hover a:active, .no-hover a:hover {
    background-color: rgba(255, 255, 255, 1.00);
    color: rgba(0, 0, 0, 1.00);
}

.biglinkinverted a:link, .biglinkinverted a:visited, .biglinkinverted a:active, .biglinkinverted input {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
}

.biglinkinverted a:hover, .biglinkinverted input:hover {
    background-color: rgba(255, 255, 255, 1.00);
    color: rgba(0, 0, 0, 1.00);
}

.btn-accordion:hover, .btn-accordion[aria-expanded=true] {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00) !important
}

.btn-menu:hover {
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00)
}

.nav-tabs .nav-link:hover {
    border-color: #000000
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #FFF;
    background-color: #000;
    border: 0;
}

.nav-pills .nav-link {
    border-radius: 0;
}

@media (max-width: 991.98px) {
    .img-menu, .img-menu:hover {
        background-color: #F5F5F5;
        background-size: cover;
    }

    a.tt_amb h2 {
        background-color: rgba(0, 0, 0, 1.00);
        color: rgba(255, 255, 255, 1.00);
    }

    #mobilemenu .btn-menu:hover, #mobilemenu .btn-menu[aria-expanded=true] {
        background-color: rgba(255, 255, 255, 0);
        color: rgba(0, 0, 0, 1.00);
    }

    ul.nav li a:hover, ul.nav li.active a, ul.nav li.current a {
        color: rgba(0, 0, 0, 1.00);
        background-color: rgba(0, 0, 0, 0)
    }

    #mob-menu .btn-menu:not(.subcategory)[aria-expanded=true] {
        background-color: rgba(255, 255, 255, 1.00);
        color: rgba(0, 0, 0, 1.00);
        font-size: 1rem !important
    }

    #mob-menu .btn-menu.subcategory[aria-expanded=true] {
        background-color: rgba(0, 0, 0, 1.00);
        color: rgba(255, 255, 255, 1.00);
        font-size: 3.5vmax /*2rem*/ !important
    }

    #mob-menu .btn-menu.collapsed {
        background-color: rgba(255, 255, 255, 1.00);
        color: rgba(0, 0, 0, 1.00);
        font-size: 3.5vmax /*2rem*/ !important
    }

    #interface-arrow-dwn > a[aria-expanded=true] {
        background-color: rgba(255, 255, 255, 1.00);
        color: rgba(0, 0, 0, 1.00);
        filter: invert(100%);
        -webkit-filter: invert(100%);
        -moz-filter: invert(100%);
        -o-filter: invert(100%);
        -ms-filter: invert(100%);
    }

    #interface-arrow-dwn > a[aria-expanded=false] {
        background-color: rgba(255, 255, 255, 1.00);
        color: rgba(0, 0, 0, 1.00);
        filter: invert(0%);
        -webkit-filter: invert(0%);
        -moz-filter: invert(0%);
        -o-filter: invert(0%);
        -ms-filter: invert(0%);
    }

    .col-mob-prod .row[aria-expanded=true] {
        background-color: rgba(0, 0, 0, 1.00);
        color: rgba(255, 255, 255, 1.00);
    }

    .tit-product[aria-expanded=true] {
        background-color: rgba(0, 0, 0, 1.00);
        color: rgba(255, 255, 255, 1.00);
    }

    .tit-product[aria-expanded=false] {
        background-color: rgba(255, 255, 255, 1.00);
        color: rgba(0, 0, 0, 1.00);
    }

    .ib-s {
        box-shadow: 4px 0 0 0 #000000, 0 4px 0 0 #000000, 4px 4px 0 0 #000000, 0 0 0 0 #000000 inset, 0 4px 0 0 #000000 inset;
    }

    .ib-f {
        box-shadow: 4px 0 0 0 #000000, 0 4px 0 0 #000000, 4px 4px 0 0 #000000, 4px 0 0 0 #000000 inset, 0 4px 0 0 #000000 inset;
    }

    .b-menu {
        box-shadow: 4px 0 0 0 #000000, 0 4px 0 0 #000000, 4px 4px 0 0 #000000, 4px 0 0 0 #000000 inset, 0 4px 0 0 #000000 inset;
    }

    .b-menu-nt {
        box-shadow: 4px 0 0 0 #000000, 0 4px 0 0 #000000, 4px 4px 0 0 #000000, 4px 0 0 0 #000000 inset, 0 0 0 0 #000000 inset;
    }

    .b-menu-nb {
        box-shadow: 4px 0 0 0 #000000, 0 4px 0 0 #000000, 4px 4px 0 0 #000000, 4px 4px 0 0 #000000 inset, 0 0 0 0 #000000 inset;
    }

    .b-menu-filter {
        box-shadow: 4px 0 0 0 #000000, 0 4px 0 0 #000000, 4px 4px 0 0 #000000, 4px 4px 0 0 #000000 inset, 0 0 0 0 #000000 inset;
    }

    .border-menu {
        box-shadow: 0 0 0 0 #000000, 0 4px 0 0 #border-menu, 0 0 0 0 #000000, 0 0 0 0 #000000 inset, 0 4px 0 4px #000000 inset;
    }

    .b-prodmenu {
        -webkit-box-shadow: inset -4px -4px 0 0 #000000;
        -moz-box-shadow: inset -4px -4px 0 0 #000000;
        box-shadow: inset -4px -4px 0 0 #000000;
    }

    .b-prodmenu-nl {
        -webkit-box-shadow: inset 0 -4px 0 0 #000000;
        -moz-box-shadow: inset -0 -4px 0 0 #000000;
        box-shadow: inset 0 -4px 0 0 #000000;
    }
}

@media (min-width: 992px) {
    .img-menu, .img-menu:hover {
        background-color: #FFFFFF;
    }

    .ib-s {
        box-shadow: 0.2vw 0 0 0 #000000, 0 0.2vw 0 0 #000000, 0.2vw 0.2vw 0 0 #000000, 0 0 0 0 #000000 inset, 0 0.2vw 0 0 #000000 inset;
    }

    .ib-f {
        box-shadow: 0.2vw 0 0 0 #000000, 0 0.2vw 0 0 #000000, 0.2vw 0.2vw 0 0 #000000, 0.2vw 0 0 0 #000000 inset, 0 0.2vw 0 0 #000000 inset;
    }

    .b-menu {
        box-shadow: 0.2vw 0 0 0 #000000, 0 0.2vw 0 0 #000000, 0.2vw 0.2vw 0 0 #000000, 0.2vw 0 0 0 #000000 inset, 0 0.2vw 0 0 #000000 inset;
    }

    .b-menu-nt {
        box-shadow: 0.2vw 0 0 0 #000000, 0 0.2vw 0 0 #000000, 0.2vw 0.2vw 0 0 #000000, 0.2vw 0 0 0 #000000 inset, 0 0 0 0 #000000 inset;
    }

    .b-menu-nb {
        box-shadow: 0.2vw 0 0 0 #000000, 0 0.2vw 0 0 #000000, 0.2vw 0.2vw 0 0 #000000, 0.2vw 0.2vw 0 0 #000000 inset, 0 0 0 0 #000000 inset;
    }

    .b-menu-filter {
        box-shadow: 0.2vw 0 0 0 #000000, 0 0.2vw 0 0 #000000, 0.2vw 0.2vw 0 0 #000000, 0.2vw 0.2vw 0 0 #000000 inset, 0 0 0 0 #000000 inset;
    }

    .border-menu {
        box-shadow: 0 0 0 0 #000000, 0 0.2vw 0 0 #000000, 0 0 0 0 #000000, 0 0 0 0 #000000 inset, 0 0.2vw 0 0.2vw #000000 inset;
    }

    .border-bottom-inset {
        -webkit-box-shadow: inset 0 0.2vw 0 0 #000000;
        -moz-box-shadow: inset 0 0.2vw 0 0 #000000;
        box-shadow: 0 0.2vw 0 0 #000000;
    }

    .b-menu-pa {
        -webkit-box-shadow: inset 0.2vw -0.2vw 0 0 #000000;
        -moz-box-shadow: inset 0.2vw -0.2vw 0 0 #000000;
        box-shadow: inset 0.2vw -0.2vw 0 0 #000000;
    }
}

.panel-body {
    border-top-color: #000000;
}

#accordion {
    background-color: rgba(255, 255, 255, 1.00);
}

.bg-color {
    background-color: rgba(255, 255, 255, 1.00);
}

#header {
    border-color: #000000;
}

#main {
    border-left-color: #000000;
    border-right-color: #000000;
}

#menu {
    border-color: #000000;
}

#newsletter {
    border-color: #000000;
}

#about {
    border-color: #000000;
}

#copyright {
    border-color: #000000;
}

/* #logo, /#target, #main-menu, * /
#switcharea, /*#interface-search,
#interface-lang,*/
#interface-shoparea, #login-icon-btn, #interface-search {
    border-right-color: #000000;
}

#interface-search:hover {
    border-left-color: transparent;
}

#interface-lang, #main-menu, #mob-menu, #shoparea-menu {
    border-left-color: #000000;
    border-right-color: #000000;
}

.tooltip-inner {
    font-family: 'futurabt-medium' !important;
    padding: 6px 7px;
    color: #000000;
    text-align: center;
    background: #FFFFFF;
    border-top: 0.2vw solid #000000;
    border-bottom: 0.2vw solid #000000;
    border-left: 0;
    border-right: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    opacity: 1
}

.bs-tooltip-right {
    background: #000000
}

.bs-tooltip-left {
    background: #000000;
}

.tooltip.show {
    opacity: 1;
}

.popover {
    font-family: 'futurabt-medium' !important;
    padding: 6px 7px;
    color: #000000;
    text-align: center;
    background: #000000;
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    opacity: 1
}

.popover-body {
    color: #FFFFFF;
    text-align: left;
}

.bs-popover-auto[x-placement^=top] > .arrow::after, .bs-popover-top > .arrow::after {
    border-top-color: #000000;
}

.bt-b {
    border-top-color: #000000;
}

.br-b {
    border-right-color: #000000;
}

.bb-b {
    border-bottom-color: #000000;
}

.bl-b {
    border-left-color: #000000;
}

.bt-w {
    border-top-color: #FFFFFF;
}

.br-w {
    border-right-color: #FFFFFF;
}

.bb-w {
    border-bottom-color: #FFFFFF;
}

.bl-w {
    border-left-color: #FFFFFF;
}

.bt-h {
    border-top-color: #000000;
}

.br-h {
    border-right-color: #000000;
}

.bb-h {
    border-bottom-color: #000000;
}

.bl-h {
    border-left-color: #000000;
}

.selectric .label {
    color: #000000;
}

.selectric {
    background: #FFF;
}

.selectric-focus .selectric {
    border-color: #FFFFFF;
}

.selectric-hover .FFFFFF {
    border-color: #FFFFFF;
}

.selectric-hover .selectric .button {
    color: #FFFFFF;
}

.selectric-hover .selectric .button:after {
    border-top-color: #FFFFFF;
}

.selectric-open .selectric {
    border-color: #FFFFFF;
}

.selectric-items {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.selectric-items li {
    color: #000000;
}

.selectric-items li.selected {
    background: #000000;
    color: #FFFFFF;
}

.selectric-items li.highlighted {
    background: #000000;
    color: #FFFFFF;
}

.selectric-items li:hover {
    background: #000000;
    color: #FFFFFF;
}

.selectric-items .selectric-group .selectric-group-label {
    color: #000000;
}

.show-loader {
    background: url(/assets/web/img/loader-w.gif) center center no-repeat;
    key
}

@keyframes scrollthediary {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 100% 0;
    }
}

#scroll-the-diary {
    background-image: url("/assets/web/img/the-diary-b.png");
    background-position: 0px 0px;
    background-repeat: repeat-x;
    background-size: cover;
    animation: scrollthediary 10s linear alternate;
}

@keyframes scrollnomatch {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 100% 0;
    }
}

#nomatch {
    background-image: url("/assets/web/img/404-b.png");
    background-position: 0px 0px;
    background-repeat: repeat-x;
    background-size: cover;
    animation: scrollnomatch 10s linear infinite alternate;
}