body { font-family: 'Roboto', sans-serif; }

.cookieConsentContainer { z-index:999;width:350px;min-height:20px;box-sizing:border-box;padding:30px;background:#fff;overflow:hidden;position:fixed;bottom:40px;left:100px;display:none;border:1px solid #dbdfea; }
.cookieConsentContainer .cookieTitle a { font-family:OpenSans,arial,"sans-serif";color:#364a63;font-size:22px;line-height:20px;display:block; }
.cookieConsentContainer .cookieDesc p { margin:0;padding:0;font-family:OpenSans,arial,"sans-serif";color:#364a63;font-size:13px;line-height:20px;display:block;margin-top:10px;text-align:justify; }
.cookieConsentContainer .cookieDesc a { font-family:OpenSans,arial,"sans-serif";color:#2e7afa;text-decoration:underline; }
.cookieConsentContainer .cookieButton a { width:100%;display:inline-block;font-family:OpenSans,arial,"sans-serif";color:#FFF;font-size:14px;font-weight:700;margin-top:14px;background:#364a63;box-sizing:border-box;padding:15px 24px;text-align:center;transition:background .3s; }
.cookieConsentContainer .cookieButton a:hover { cursor:pointer;background:#29384a;color:#fff; }

@media (max-width: 980px) {
    .cookieConsentContainer { left:0!important;width:100%!important; }
}

@media (max-width: 760px) {
    .cookieConsentContainer { bottom:50px; }
}

a.h6 { font-weight:bold; }

.clear--b { clear: both; }
.align--right { text-align: right; }

.float-l { float:left; }
.float-r { float:right; }

.cursor--pointer { cursor: pointer; }
span.cursor--pointer:hover { color: #2575dc; }

a.btn-primary { color: #fff; }

.btn-info { background-color: #2575dc; }

div.lazy { display:block; }

@media only screen and (max-width:767px){
    .mobile--none { display: none; }
    .hide--lg { display:none; }
    .navbar-brand { padding-left:50px;text-align:left; }

    .h-xs { display: none; }
}

@media only screen and (min-width:768px){
    .mobile--none { display: none; }
    .hide--xs { display:none; }
}

.is--hidden { display:none; }

.is--outdate {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.6;
}

li.active span.current {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #fff;
    background-color: #2575dc;
    border: 1px solid #2575dc;
}

li.disabled span.current, li.disabled span.ellipse {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #fff;
    background-color: #6f6f6f;
    border: 1px solid #6f6f6f;
}

/* @media (min-width: 1200px) {
    .container {
        max-width: 1220px;
    }
} */

/** HEADER **/
.site-header .navbar-brand, .site-header .navbar .nav-link { text-transform: uppercase; }

.fixed-navbar .site-header { z-index: 999; }

/** HOME **/
#section--home .post.post-medium { padding: 10px; }
#section--home .post-medium .post-thumbnail { width: 25%; }
@media only screen and (min-width:768px){
    #section--home .post-medium .post-thumbnail img { object-fit: fill; width:100%; height: auto; padding: 10px; }
}

#section--home .reaction { margin-top: 0; margin-bottom: 8px;}
#section--home .reaction svg { width: 30px; height: 30px; }

@media only screen and (max-width:768px){
    #section--home .grid-header h3 { font-size: 1rem; }

    .search-btn { width:100%;margin-top:-1px; }
}

/* @media (max-width: 991.98px) {
    .nav-scroll { height: 59px; }
} */

/** DEALS **/
#section--deals .avatar-card { display: block; padding: 20px; text-align: center; }
#section--deals .avatar-card .avatar-title { font-size: 22px; }

#section--deals .reaction { margin-top: 0; margin-bottom: 15px; }

#section--deals .avatar-card { border-radius: 0; }

#section--deals .post-meta { border: 1px solid #d9d8de; border-radius:5px; padding: 10px; }

#section--deals .post-body, #section--deals .post-body p, #section--deals .post-body span { font-family:'Roboto',sans-serif !important; font-size:16px !important; }

#section--deals .avatar-badge .badge { color: #2069c7; box-shadow: 0 0 0 2px #2069c7; }

.post-meta-item::after { content: ""; margin-left: 10px; }

.side-nav {
    padding: 0px !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}
.side-nav a {
    background-color: #f8f8f8;
    border: none;
    border-left: 5px solid #f8f8f8;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
}
.side-nav a.active {
    border-color: #f8f8f8;
    color: #535558;
    z-index: 2;
    font-weight: 700;
    border-left: 5px solid #ccc;
}

/** PAGES **/
.progress-sm { height: 12px; border-radius: 0; }
 
/** FORUM **/
#section--forum .breadcrumb-item+.breadcrumb-item::before { content: "•"; }
#section--forum .subtitle span { text-transform: none; }

/** SEARCH **/
#section--search .btn-lg, #section--search .btn-group-lg > .btn { line-height: 1.4; }
@media only screen and (min-width:768px){
    #section--search .post-medium .post-thumbnail img { object-fit: fill; width:auto; height: 100%; padding: 10px; }
}


/** FOOTER **/
.site-footer { padding: 0; }




#sticky_item {
    text-align: center;
    padding: 10px;
    background-color: #fff;
    border-radius: .25rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
#overview {
    background-color: #f8f8f8;
}
#overview .blockquote {
    background-color: #fff;
    border-radius: .25rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.progress-sm {
    height: 12px;
    border-radius: 0;
}

.toc-wrapper .badge {
    padding: .6em;
}

.toc-wrapper li {
    position: relative;
    background-color: #f8f8f8 !important;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #f8f8f8;
}

.toc-wrapper li a {
    color: #495057 !important;
}

.toc-wrapper li.active {
    background-color: #f8f8f8;
    color: #535558;
    z-index: 2;
    background-color: #f8f8f8;
    font-weight: bold;
    border-left: 5px solid #ccc;
}

ul.ez-toc-list {
    padding: 0px !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}

.ez-toc-widget-container ul.ez-toc-list li.active::before {
    background-color: transparent !important;
}

.toc-wrapper li:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.toc-wrapper li:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

@media (min-width: 992px) {
    .headroom {
        transition: transform .5s ease-in-out, opacity .5s ease-in-out;
        will-change: transform;
    }

    .headroom--pinned {
        transform: translateY(0%);
        opacity: 1;
    }

    .headroom--unpinned {
        transform: translateY(-100%);
        opacity: 0.1;
    }
}

.col-sm-3.thumb {
    text-align: center;
}

#showcase .thumb img {
    height: auto;
    max-height: 150px;
    max-width: 150px;
}

.rating .ya-star, .rating .ya-star-o {
    font-size: 1.3rem;
}

.rating .badge {
    font-size: 0.8rem;
}

/**
* +++ Deals +++
*/

.grid-container {
    padding: 15px;
    display: grid;
    grid-template-columns: auto 1fr;
    -ms-grid-columns: auto 1fr 1fr;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
}

.grid-container h3 a {
    color: #000;
    text-decoration: none !important;
}

.grid-image {
    padding-right: 25px;
    -ms-grid-row: 1;
    grid-row-start: 1;
    grid-row-end: 4;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
    grid-column: 1;
    width: 180px;
    align-self: center;
}

.grid-image-wrap {
    display: block;
    width: 100%;
}

.grid-image img {
    display: block;
    max-width: 100%;
    max-height: 180px;
    margin: 0 auto;
    height: auto;
}

.grid-meta {
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 4;
    -ms-grid-column-span: 4;
    -ms-grid-row: 1;
    grid-row: 1;
    color: #848484;
    margin-bottom: 7px;
}

.grid-container small, .readmore {
    color: #666 !important;
}

.grid-header {
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 4;
    -ms-grid-column-span: 4;
    -ms-grid-row: 2;
    grid-row: 2;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.grid-text {
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 4;
    -ms-grid-column-span: 4;
    -ms-grid-row: 3;
    grid-row: 3;
    width: 100%;
}

.grid-text .btn {
    border: 0px;
}

.grid-action {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-column-span: 2;
    -ms-grid-row: 4;
    grid-row: 4;
}

.grid-action .btn {
    border: 0px;
}

.grid-meta .btn-default:hover,
.grid-meta .btn-default:active,
.grid-meta .btn-default:focus {
    color: #565458 !important;
    background-color: #fafafa !important;
    border-color: #d4d4d4 !important;
}

.grid-vote-plus {
	border-radius: 50%;
    width: 7px;
    padding: 7px;
    font-size: 12px;
    margin-right: 3px;
    background: #fafafa;
    transition: ease-in-out,background-color 0.1s ease-in-out,border-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;
}

.grid-vote-plus:hover {
    background: #7fad4a;
    color: #fff;
    cursor: pointer;
}

.grid-vote-minus {
	border-radius: 50%;
    width: 7px;
    padding: 7px;
    font-size: 12px;
    margin-left: 3px;
    background: #fafafa;
    transition: ease-in-out,background-color 0.1s ease-in-out,border-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;
}

.grid-vote-minus:hover {
    background: #aaa;
    color: #fff;
    cursor: pointer;
}

/* Responsive */
@media (max-width: 768px) {
    .table-wrapper {
        margin-right: -15px;
        margin-left: -15px;
    }
    .grid-image {
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 1;
        grid-column: 1;
        width: 100px;
    }

    .grid-meta {
        -ms-grid-column: 1;
        grid-column-start: 1;
        grid-column-end: 4;
        -ms-grid-column-span: 4;
        -ms-grid-row: 1;
        grid-row: 1;
    }

    .grid-header {
        -ms-grid-column: 2;
        grid-column-start: 2;
        grid-column-end: 4;
        -ms-grid-column-span: 4;
        -ms-grid-row: 2;
        grid-row: 2;
    }

    .grid-text {
        -ms-grid-column: 1;
        grid-column-start: 1;
        grid-column-end: 4;
        -ms-grid-column-span: 4;
        -ms-grid-row: 3;
        grid-row: 3;
    }

    .grid-action {
        -ms-grid-column: 1;
        grid-column-start: 1;
        grid-column-end: 4;
        -ms-grid-column-span: 4;
        -ms-grid-row: 4;
        grid-row: 4;
    }
}


.box {
  width: 200px; height: 300px;
  position: relative;
  border: 1px solid #BBB;
  background: #EEE;
}
.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#2989d8 0%, #1e5799 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #1e5799;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #1e5799;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}

.col-lg-3.thumb {
	text-align: center;
}
.thumb img {
	max-height: 150px;
	max-width: 150px;
}

.nav-list .nav-link:hover, .nav-list .nav-link:active, .nav-list .nav-link:focus, .nav-list .nav-link.active {
    box-shadow: inset 0 -3px 0 0 #2575dc;
}

.comment-rating { display:inline-block;position:relative;height:22px;line-height:37px;font-size:30px; }
.comment-rating label { position:absolute;top:0;left:0;height:100%;cursor:pointer }
.comment-rating label:last-child{ position:static }
.comment-rating label:nth-child(1) { z-index:5 }
.comment-rating label:nth-child(2) { z-index:4 }
.comment-rating label:nth-child(3) { z-index:3 }
.comment-rating label:nth-child(4) { z-index:2 }
.comment-rating label:nth-child(5) { z-index:1 }
.comment-rating label input { position:absolute;top:0;left:0;opacity:0 }
.comment-rating label .ico { padding-top:0px;float:left;color:transparent;border:0;width:auto;margin-left:5px; }
.comment-rating label .ico:before { content: "\E052";font-family:'nucleo'; }
.comment-rating label:last-child .ico { color:#505050; }
.comment-rating:not(:hover) label input:checked ~ .ico,.comment-rating:hover label:hover input ~ .ico { color:#fb9c5d }
.comment-rating label input:focus:not(:checked) ~ .ico:last-child { color:#505050;text-shadow:0 0 5px #fb9c5d }

#section--deals .avatar-badge .badge { background:#fafafa; }

#section--tutorials .avatar-badge .badge { color: #2069c7; box-shadow: 0 0 0 2px #2069c7; }
#section--tutorials .avatar-card { display: block; padding: 20px; text-align: center; }
#section--tutorials .avatar-card .avatar-title { font-size: 22px; }
#section--tutorials .avatar-badge .badge { background:#fafafa; }


@media (max-width: 991.98px) {
    .comments .media .media { margin-left:0; }
    .comments .media .avatar { width:45px; } 
}

.comments .media .media:last-child { padding-bottom:5px; }

#search-list {
    float: left;
    list-style: none;
    margin-top: -1px;
    padding: 0;
    width: 100%;
    max-width:670px;
    position: absolute;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.125);
}

#search-list li {
    padding: 10px;
    background: #fff;
    border-bottom: #bbb9b9 1px solid;
}

.bg-image { overflow:inherit; z-index:1; }

@media (max-width: 991px){
    .dropdown-header { margin-top: 0px; }
}

.btn-geizhals { border-color:#04579a; color:#04579a !important; }
.btn-geizhals:hover { border-color:#04579a;background-color:#04579a;color:#fff !important; }
.btn-geizhals img { max-width:18px; padding-bottom:3px; }

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show>.btn-outline-primary.dropdown-toggle { border-color:#04579a;background-color:#04579a; }

blockquote {
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    margin: .25em 0;
    padding: .25em 40px;
    line-height: 1.45;
    position: relative;
    text-align: center;
}

#comments nav { margin-top: 10px; }

.product-img img {
    -o-object-fit: contain;
    object-fit: contain;
}