/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2014-06-05, 12:43:28
    Author     : JanKot
*/
/*
* PROMO
*/
.slide-paginator-last{
    font-size: 14px;  
    clear: both;
    margin: 10px 0;
    padding: 10px;
    background: none;
    border: none;
}
.slide-paginator{
    font-size: 14px;  
    clear: both;
    margin: 10px 0;
    padding: 10px;
    background: none;
    border: none;
}
.slidePrev {
    float: left;
    font: 14px SignikaSemibold !important;
    text-transform: uppercase;
}
.slideNext  {
    float:right;
    font: 14px SignikaSemibold !important;
    text-transform: uppercase;
}
.slide-paginator .next span::after, .slide-paginator .last span::after {
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-left: 6px solid rgb(51, 51, 51);
    border-top: 6px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    margin-left: 4px;
}

.slide-paginator .first span::before, .slide-paginator .prev span::before ,.slide-paginator-last .prev span::before{
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgb(51, 51, 51);
    border-top: 6px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 0;
    margin-right: 4px;
    width: 0;
}
.promo-mobile, .gallery-slider-mobile {
    background-color: #333;
    clear: both;
    padding: 10px 0 10px 10px;
    position: relative;
    margin-top: 16px;
}
.promo-mobile h2, .gallery-slider h2 {
    background: url("/i/mh-promo-logo.png") no-repeat;
    padding-left: 125px;
    height: 40px;
    font: 23px SignikaSemibold;
    color: #FFF;
}
.gallery-slider-mobile h2 {
    background: url("/i/mh-promo-logo.png") no-repeat;
    padding-left: 125px;
    height: 40px;
    font: 23px SignikaSemibold;
    color: #FFF;
}
.gallery-slider-mobile h2 a {
    color: #fff;
}
.gallery-slider-mobile .item-list-mobile {
    height: 240px;
    left: 15px;
    width: 100%;
    overflow: hidden;
}
.gallery-slider-mobile .item-mobile {
    margin-top:5px;
    float: left;
    height:113px;
}
.promo-mobile h2 strong{
    display: none;
}
.promo-mobile .prev, .promo-mobile .next,
.gallery-slider .prev, .gallery-slider .next {
    text-indent: -9999px;
    display: block;
    width: 34px;
    height: 68px;
    position: absolute;
    outline: none;
}
.promo-mobile a {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    display: block;
    opacity: 0.5;
    box-shadow: 1px 1px 4px #222;
    -moz-box-shadow: 1px 1px 4px #222;
    -webkit-box-shadow: 1px 1px 4px #222;
}
.promo-mobile a:hover {opacity: 1;}
.promo-mobile img {display: block;}
.promo-mobile .prev{
    background: url("/i/round-arr-left.png") no-repeat;
    left: 10px;
    top: 225px;
    z-index: 10;
    box-shadow: none;
}
.gallery-slider .prev {
    background: url("/i/round-arr-left.png") no-repeat;
    left: 10px;
    z-index: 10;
    box-shadow: none;
}
.promo-mobile .next {
    background: url("/i/round-arr-right.png") no-repeat;
    right: 10px;
    top: 225px;
    z-index: 10;
    box-shadow: none
}
.gallery-slider .next {
    background: url("/i/round-arr-right.png") no-repeat;
    right: 10px;
    z-index: 10;
    box-shadow: none
}
.promo-mobile p {text-align: center; clear: left;}
.promo-mobile p a {
    display: inline-block;
    border: 2px solid #FFF;
    border-radius: 6px;
    text-indent: -9999px;
    overflow: hidden;
    height: 7px;
    width: 7px;
    margin: 0 2px
}
.promo-mobile p .active {
    background-color: #FFF;
}
/**
* top10
*/
.top10-mobile {
    font-family: Arial;
    margin-right: 10px;
    margin-top: 6px;
    float: left
}
.top10-mobile .top10-mobile-item {
    padding-top: 10px;
    font-size: 11px;
    max-height: 70px;
    overflow-y: hidden;
    position: relative
}
.top10-mobile .top10-mobile-item img {
    width: 93px;
    height: 70px;
    float: left;
    margin-right: 10px;
}

.top10-mobile-item .pos1, .top10-mobile-item .pos2, .top10-mobile-item .pos3 , .top10-mobile-item .pos {
    display: block;
    background-color: #cf0a1d;
    font-size: 19px;
    position: absolute;
    font-family: SignikaBold;
    text-transform: uppercase;
    padding: 2px 8px 3px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    color: #FFF;
    top: 10px
}

.top10-mobile-item .pos2 {
    font-size: 16px;
    padding: 2px 8px 2px;
}

.top10-mobile-item .pos {
    float: left;
    position: static;
    margin-right: 10px
}

.top10-mobile-item .pos3, .top10-mobile-item .pos {
    font-size: 14px;
    width: 23px;
    height: 23px;
    padding: 2px 4px 2px;
}

.top10-mobile-item a {
    color: #333;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.top10-mobile-item a:hover {
    text-decoration: underline;
}

.top10-mobile-right {
    margin-top: 42px;
    border-top: 1px solid #E3E3E3;
}
.news-item-mobile{
    margin-left: 0;
}
.promo-small div.row {
    width: 100%;
    float: left;
    margin-left: 0;
    position: relative;
}
.promo-small.visible-lg div.col,.promo-small.visible-md div.col {
    background-color: #333;
    margin-left: 10px;
}
.promo-small.container-fluid {
    padding-right: 0;
    padding-left: 0;
}
.promo-small div.row > div.col-sm-6 {
    width:  40%;
    height: 320px;
    background-color: #333;
    color: #FFF;
    float: left;
    margin-left: 0;
    margin-top: 20px;
    position: relative;
}
.promo-small div.row > div.col-xs-12 {
    width:  100%;
    height: 320px;
    background-color: #333;
    color: #FFF;
    float: left;
    margin-left: 0;
    margin-top: 20px;
    position: relative;
}
.promo-small.visible-lg div:first-child,.promo-small.visible-md div:first-child {
    margin-left: 0
}
.promo-small div.row > div.col-sm-6:first-child,.promo-small div.row > div.col-xs-12:first-child {
    margin-top: 0;
}

.article .comments .comment-feed-mobile {
    border: 1px solid #d6d6d6;
    padding: 10px 10px 33px 10px;
    font-size: 11px;
    margin: 10px 0 10px;
    width: 100%;
    position: relative;
    box-shadow: 1px 1px 1px #AAA;
    background-color: #FCFCFC;
}

.article .comments .comment-feed-mobile .bt-grey {
    padding: 4px 8px;
    float: right
}

.article .comments .comment-feed-mobile:after {
    background: url("/i/comments-corner.gif") no-repeat;
    content: '';
    width: 11px;
    height: 12px;
    display: inline-block;
    position: absolute;
    bottom: -12px;
    left: -1px;
}
.gallery-item-mobile {
    // width: 200px;
    //  margin-right: 1em;

    float: left;
    margin-top: 10px;
    padding-top: 10px;
    font: 11px Arial;
}

.gallery-item-mobile a {
    font-family: Signika;
    font-size: 13px;
    color: #333;
}
/*
.gallery-item-mobile p {
    padding-top: 4px
}

.gallery-item-mobile img {
    float:left;
    margin: 0.5em;
    border: 1px solid #E6E6E6
}*/
h2.make-mobile{
    border-bottom: 1px solid #e6e6e6;
    font-family: SignikaBold;
    font-size: 30px;
    font-weight: normal;
    padding: 4px 0;
    text-decoration: none;
}
.mobile-background {
    background-color: #F2F2F2; 
    border: 1px solid #DDDDDD;
}
.mobile-sub-background {
    background-color: #F9F9F9; 
    border: 1px solid #DDDDDD;
}
.browseItem {
    margin-top: 5px;
    //border-bottom: 1px solid #E6E6E6;
}
div.roundBox {
    border: 2px solid #EBEBEB;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
span.browseMakeImage {
    display: block;
    padding: 5px 0;
    height: 70px;
    line-height: 80px;
    overflow: visible;
}
span.browseMakeImage img {
    margin: 0 auto;
}
span.browseText, p.browseText {
    color: #5E5E5E !important;
    margin: 0 0 5px 0;
}
div.browseItem {
    float: left;
}
div.browseMakeBox {
    overflow: hidden;
    height: 110px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}
a.browseLink {
    display: block;
    /* height: 100%;*/
    width: 100%;
    margin: 0 auto;
    text-decoration: none;
}
.article-item-moblie a:hover, .news-item-mobile a:hover {
    text-decoration: underline;
}
.article-item-mobile{
    margin-top: 5px;
}
.article-item-mobile > div  a{
    font-family: Signika;
    color: #333;
}
.article-item-mobile p, .news-item-mobile p {
    padding-top: 3px;
    font-size: 12px;
}

.article-item-mobile p.no-image {
    width: auto;
    margin-left: 0;
}
.article-make a{
    font-family: Signika;
    color: #333;
}
div.rateit-mobile
{
    padding: 1em 1em;
}

div.rateit-mobile  div.rateit-mobile-selected
{
    float:right;
    background: url(/i/star.png) left -16px;
}
.expertOpinion {
    background-color: #cf0a1c;
    color: #fff;
    display: block;
    float: left; 
    margin: 20px; 
    position: relative;
}
.popover.right {
    max-width:60%;
}
.popover.right > .arrow:after {
    border-left-width: 0;
    border-right-color:  #cf0a1c;
    bottom: -10px;
    content: " ";
    left: 1px;
}

.popover.top > .arrow:after {
    border-top-color: #cf0a1c;
    border-right-color:  transparent;
}

.expertOpinion span {
    color: #333;
}
.center-mobile{
    text-align: center;
    line-height: 2em;
}

img.desaturate{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
.more{
    text-align: right;
    font-weight: bold;
    text-decoration: underline;
}
div.boxOponyLine{
    height:50px; 
    background-position: top right; 
    background-repeat: no-repeat; 
    margin: 0.5em 0.5em 0 0; 
    border-bottom: 1px solid #e6e6e6;
}
.oponyBackground_1{
    background-image: url('/images/opony_marka_1.png');  
}
.oponyBackground_2{
    background-image: url('/images/opony_marka_2.png');  
}
.oponyBackground_3{
    background-image: url('/images/opony_marka_3.png');  
}
.oponyBackground_4{
    background-image: url('/images/opony_marka_4.png');  
}
.oponyBackground_model{
    background-image: url('/images/opony_model.png');   
}
div.boxOponyLine > p{
    line-height: 3em;
    font-size: 1.2em;
    text-align:left;
}
.czesci-image{
    border:1px solid #dddddd;
    border-top:none;
}
.visible-mobile{
    display:none;
}
h2.welcome {
        padding: 10px 14px 0;
        text-align: center;
    }
    h2.welcome a {
        background-color: #fff000; 
        color: #333;
        font-family: SignikaSemiBold;
        font-size: 25px !important;
        padding: 5px 10px;
    }
    p.welcome , p.welcome a {
        text-align: center;
        font-family: Arial;
        font-size:  18px !important;
        padding: 10px;
        color:#fff;
        text-decoration: none;
    }
 @media (max-width:985px){
    h2.welcome {
        padding: 10px 14px 0;
        text-align: center;
    }
    h2.welcome a {
        background-color: #fff000; 
        color: #333;
        font-family: SignikaSemiBold;
        font-size: 22px !important;
        padding: 5px 10px;
    }
    p.welcome , p.welcome a {
        text-align: center;
        font-family: Arial;
        font-size:  16px !important;
        padding: 10px;
        color:#fff;
        text-decoration: none;
    }
}
@media  (max-width: 500px) {
    .hidden-mobile{
        display: none;
    }
    .visible-mobile{
        display: inline-block!important;
    }
    .col-mobile-12 {
        width: 100%;
    }
    .col-mobile-11 {
        width:91.6667%;
    }
    .col-mobile-10 {
        width: 83.3333%;
    }
    .col-mobile-9 {
        width: 75%;
    }
    .col-mobile-8 {
        width: 66.6667%;
    }
    .col-mobile-7 {
        width: 58.3333%;
    }
    .col-mobile-6 {
        width: 50%;
    }
    .col-mobile-5 {
        width: 41.6667%;
    }
    .col-mobile-4 {
        width: 33.3333%;
    }
    .col-mobile-3 {
        width: 25%;
    }
    .col-mobile-2 {
        width: 16.6667%;
    }
    .col-mobile-1 {
        width: 8.33333%;
    }
    .col-mobile-offset-12 {
        margin-left: 100%;
    }
    .col-mobile-offset-11 {
        margin-left:91.6667%;
    }
    .col-mobile-offset-10 {
        margin-left: 83.3333%;
    }
    .col-mobile-offset-9 {
        margin-left: 75%;
    }
    .col-mobile-offset-8 {
        margin-left: 66.6667%;
    }
    .col-mobile-offset-7 {
        margin-left: 58.3333%;
    }
    .col-mobile-offset-6 {
        margin-left: 50%;
    }
    .col-mobile-offset-5 {
        margin-left: 41.6667%;
    }
    .col-mobile-offset-4 {
        margin-left: 33.3333%;
    }
    .col-mobile-offset-3 {
        margin-left: 25%;
    }
    .col-mobile-offset-2 {
        margin-left: 16.6667%;
    }
    .col-mobile-offset-1 {
        margin-left: 8.33333%;
    }
    h3.box-h3 {
        height: 100%;
    }
    h2.welcome {
        padding: 10px 14px 0;
        text-align: center;
    }
    h2.welcome a {
        background-color: #fff000; 
        color: #333;
        font-family: SignikaSemiBold;
        font-size: 18px !important;
        padding: 5px 10px;
    }
    p.welcome , p.welcome a {
        text-align: center;
        font-family: Arial;
        font-size:  13px !important;
        padding: 10px;
        color:#fff;
        text-decoration: none;
    }
}



@media (max-width: 985px) {
    .lejekNext {
        display: block!important; 
    }

    .lejekPrev {
        display: block!important; 
    }
}


.lejekNext {
    display: none; 
    height: 68px; 
    width:34px; 
    top: 23px;
    z-index:4;
    position:absolute; 
    right: 0;  
    margin:auto; 
    cursor:pointer; 
    background: rgba(0, 0, 0, 0) url("/i/round-arr-right.png") no-repeat scroll 0 0;
}

.lejekPrev {
    display: none; 
    height: 68px; 
    width:34px; 
    top: 23px;
    z-index:4;
    position:absolute; 
    margin:auto; 
    cursor:pointer; 
    background: rgba(0, 0, 0, 0) url("/i/round-arr-left.png") no-repeat scroll 0 0;
}

.lejek-poleca {
    margin-top:10px; 
    font-weight: bold; 
    font-size: 13px;
}

.lejek-contener {

    padding-left: 0px; 
    margin-top: 5px; 
    padding-right: 0px; 
    height: 170px; 
    overflow: hidden;
    position: absolute;
    width: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    background-color: #F0F0F0;

}

.lejek-item {
    float: left; 
    width: 164px; 
    padding: 5px;
    height: 200px;
}

.lejek-img {
    display:block!important; 
    margin: auto!important; 
    float: none!important; 
    height: 105px!important;
    width: 140px!important;
}

.lejek-title {
    display: inline-block; 
    overflow: hidden; 
    height: 55px;
    padding: 5px;
    font-family: Arial, Tahoma;
    font-size: 13px!important;
    font-weight: bold!important;
    color: #333!important;
}

.lejek-cat {
    background-color: #cf0a1d;
    display: block;
    font-family: SignikaBold;
    font-size: 11px;
    max-width: 131px;
    padding: 3px 4px 2px;
    position: absolute;
    top: 5px;
    left: 12px;
    color: #FFF;
}


@media (max-width: 599px) {
    .pdr {
        width: 320px!important; 
    }

    .pdr-img {
        width: 40%!important; 
    }

    .pdr_desc {
        width: 60%!important; 
    }

    .pdr_text {
        display: none!important;
    }

}


@media (min-width: 600px) {
    .pdr {
        width: 600px!important;
    }

    .pdr-img {
        width: 30%!important; 
    }

    .pdr_desc {
        width: 70%!important; 
    }

    .pdr_text {
        display: block!important;
    }
}
.pdr {
    position: fixed;  
    bottom: 20px; 
    right: -600px; 
    background-color: #FFF; 
    display: block; 
    width: 320px;
    z-index: 10;
    border-bottom: 1px solid #efefef;
}

.pdr_bar {
    background-color: #E91F48; 
    width:100%; 
    height: 28px; 
    font-size:15px; 
    color: #FFF; 
    font-weight: bold; 
    padding-top: 5px; 
    padding-left: 5px; 
    background: linear-gradient(#E00F2A, #C7363E);
}

.pdr_close {
    float: right; 
    padding-right:10px; 
    cursor: pointer;
    margin-top:-2px;
}

.pdr_content {
    border-left: 1px solid #efefef;
}

.pdr-img {
    width: 30%; 
    float: left;
}

.pdr_desc {
    width: 70%; 
    float:left; 
    padding-left:5px;
    font-size: 14px;
}

.pdr_title {
    font-size: 15px; 
    font-weight: bold; 
    width: 100%;
}