/*HEADER*/
#jd-headerWrapper,
#jd-itemsWrapper {
    position: relative;
    margin: 0;
    padding: 0;
}

#jd-headerWrapper label:after {
    content: ": ";
}

#jd-itemsWrapper .jd-itemsBody {
    margin: 10px 0;
    padding: 0;
}

#jd-itemsWrapper .jd-item {
    /*
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    */
    border: 1px solid #f1f1f1;

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 73%, rgba(247,247,247,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 73%,rgba(247,247,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 73%,rgba(247,247,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */

}

#jd-itemsWrapper .jd-item-image img {
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
    transition: 0.8s;
	transform-style: preserve-3d;
}

#jd-itemsWrapper .jd-item-image img:hover {
    transform: rotateY(180deg);
}

#jd-itemsWrapper .jd-item-map-number {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 2px;
    width: 20px;
    text-align: center;
    background: #fff;
    opacity:0.6;
    border: 1px solid #333333;
}

#jd-itemsWrapper .jd-item-footer .tags a {
    background: none;
    color: #333;
    text-shadow: none;
    font-weight: normal;
}

#jd-itemsWrapper .jd-item-footer {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-top: 1px dotted #ddd;
    line-height: 50px;
}

#jd-itemsWrapper .jd-item-footer-premium {
    border-top: 1px solid #ee413c;
}

#jd-itemsWrapper .jd-itemCategory {
    text-transform: uppercase;
}

#jd-itemsWrapper .jd-item-image {
    overflow: hidden;
    text-align: center
}

@media only screen and (max-width : 360px) {
    #jd-itemsWrapper .jd-item-image {
        text-align: center
    }
}

#jd-itemsWrapper .jd-title-featured {
    color: #fff;
    font-weight: 700;
    left: -44px;
    padding: 4px 45px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 16px;
    transform: rotate(-45deg);
    background: #ee413c;
    z-index: 10;
}

#jd-itemsWrapper .jd-item-description {
    border-left: 5px solid #F1F1F1
}

#jd-itemsWrapper .jd-itemDescr p {
    margin:0;
    padding: 0;
}

#jd-itemsWrapper .jd-item-fields label {
    font-weight: bold;
}

#jd-itemsWrapper .jd-item-fields label:after {
    content: ": "
}

#jd-itemsWrapper .jd-knob .jd-scorePoints {
    float: left;
    margin-right: 10px;
}

#jd-itemsWrapper .jd-knob .jd-scoreDescr {
    float: right;
    padding-top: 15px;
}

#jd-itemsWrapper .jd-scoreDescr {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    color: #555
}

#jd-itemsWrapper ul.inline {
    margin: 0;
}

@media only screen and (max-width : 480px) {
    /* Smartphone view: 1 tile */
    #jd-headerWrapper .jd-toolbar-left,
    #jd-headerWrapper .jd-toolbar-right {
        float: none;
    }
    #jd-headerWrapper .jd-toolbar-right {
       margin-top: 10px;
       text-align: center
    }
    #jd-headerWrapper  select {
       width: 100%;
    }
    #jd-itemsWrapper .jd-item-body {
        padding: 5px;
    }
}


@media only screen and (max-width : 800px) {
    .cd-form-width-small {
        width: 100px;
    }
    .cd-button-small {
        padding: 0 5px;
    }
}