/*
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 : 08.11.2018, 0:32:26
    Author     : Nick Denry
*/

/* DELETE */
.product-page__content {
    margin-bottom: 50px;
}

.product-page__breadcrumbs {
    background: #fff;
    margin-bottom: 20px;
}

.product-page__breadcrumbs .breadcrumb {
    background: #fff;
    margin: 0px;
    /*padding-left: 0px;
    padding-right: 0px;*/
}

/* Left col */
.product-page__category {
    background: #F8F8F8;
}

.product-page__category-link {
    display: inline-block;
    color: #303030;
    float: left;
    font-family: 'Sochi 2014 Bold', 'PT Sans', 'Open Sans', Arial, Tahoma, Verdana, sans-serif;
    font-size: 30px;
    height: 90px;
}

.product-page__category-link:active,
.product-page__category-link:focus,
.product-page__category-link:hover {
    color: #c70000;
    text-decoration: none;
}

.product-page__category-help {
    float: left;
    width: 18px;
    height: 18px;
    background: url('../../theme/images/product-page/product-page-icons.png') -212px -180px;
    ;
    margin-top: 10px;
    margin-left: 10px;
}

.product-page__image-content {
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 20px 0px ;
    position: relative;
}

.product-page__image-photo {
    display: block;
    margin: 0px auto;
    max-height: 300px;
}

.product-page__bg-icon {
    display: block;
}

.product-page__bg-icon--middle {
    display: inline-block;
    vertical-align: middle;
}

.product-page__tlogo-big {
    cursor: help;
    width: 117px;
    height: 98px;
    background: url('../../theme/images/product-page/product-page-icons.png') -10px -10px;
    position: absolute;
    top: 0;
    left: 0;
}

.product-page__image-product-info {
    color: #a82121;
    display: block;
    font-family: 'Sochi 2014 Bold', 'PT Sans', 'Open Sans', Arial, Tahoma, Verdana, sans-serif;
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 0;
}

.product-page__product-credit-allowed {
    color: #777777;
    position: absolute;
    right: 0px;
    top: 40px;
}

.product-page__image-product-rim-size {
    display: block;
    background: rgba(184,35,36,0.82);
    width: 96px;
    height: 96px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-120px, -100px);
}

.product-page__image-product-rim-size-value {
    color: #fff;
    float: left;
    font-size: 40px;
    font-weight: bold;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
}

.product-page__callback {
    background: #fbfbfb;
    padding: 15px;
    text-align: center;
}

.product-page__callback-header {
    color: #5e5e5e;
    font-size: 16px;
    font-weight: bold;
    margin-top: 0px;
}

.product-page__callback-link {
    color: #fff;
    background: #4790ac;
    display: inline-block;
    font-family: 'PT Sans', 'Open Sans', Arial, Tahoma, Verdana, sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin-left: 15px;
    padding: 10px 23px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border: 0px solid #000000;
}

.product-page__callback-link:active,
.product-page__callback-link:focus,
.product-page__callback-link:hover {
    background: #3a6995;
    color: #fff;
    text-shadow: 0px 0px 1px rgba(255,255,255,0.4);
    text-decoration: none;
}

/* Right col */

.product-page__header {
    font-family: 'PT Sans', 'Open Sans', Arial, Tahoma, Verdana, sans-serif;
    font-size: 28px;
    margin-top: 0px;
    padding: 0px 0px 10px 0px;
    position: relative;

}

.product-page__header:first-letter {
    text-transform: capitalize;
}

@media screen and (min-width: 1024px) {
    /*    .product-page__header::after {
            border-bottom: 3px solid red;
            content: '.';
            display: block;
            position: absolute;
            text-indent: -9999px;
            height: 3px;
            width: 100px;
            bottom: 4px;
        }*/
    .product-page__header-undeline-wrapper {
        position: relative;
        width: 100px;

    }
    .product-page__header-undeline {
        position: absolute;
        /* Cuts off the bottom half of the pattern */
        height: 20px;
        /* For better cross browser consistency, make it larger with width.  */
        width: 1000%;
        /* And then scale it back down with scale, recentering with translateX. */
        transform: translateX(-45%) scale(0.1);
    }

    .product-page__header-undeline--wave1 {
        background: linear-gradient(45deg, transparent, transparent 49%, #3a6995 49%, transparent 51%);
    }
    .product-page__header-undeline--wave2 {
        background: linear-gradient(-45deg, transparent, transparent 49%, #3a6995 49%, transparent 51%);
    }
    .product-page__header-undeline {
        /* Must be after background definition. */
        background-size: 40px 40px;
    }

}

@media screen and (max-width: 992px) {
    .product-page__product-info {
        margin-top: 40px;
    }
}

.product-page__price {
    margin: 30px 0px;
}

.product-page__price-value {
    color: #0771b8;
    display: inline-block;
    font-family: 'PT Sans', 'Open Sans', Arial, Tahoma, Verdana, sans-serif;
    font-size: 28px;
    float: left;
}

.product-page__price-btn {
    display: block;
    float: right;
    padding: 12px 20px;
}

.product-page__remaining-balance {
    margin: 30px 0px;
}

.product-page__remaining-balance-text {
    font-size: 16px;
    color: #222;
}

.product-page__remaining-balance-value {
    font-size: 18px;
    color: green;
}

.product-page__description {
    color: #454545;
}

.product-page__options-list {
    color: #222;
    /*columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;*/
    display: table;
    font-size: 16px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.product-page__options-list-item {

    display: table-row;
    margin-bottom: 10px;
}

.product-page__options-list-item:nth-child(odd) {
    background: #f3f4f4;
}

.product-page__options-list-item-title {
    border-bottom: 1px dashed #d7d7d7;
    display: table-cell;
    font-weight: bold;
    padding: 5px 15px;
}

.product-page__options-list-item-value {
    border-bottom: 1px dashed #d7d7d7;
    display: table-cell;
}

.product-page__option-icon-winter {
    width: 30px;
    height: 30px;
    background: url('../../theme/images/product-page/product-page-icons.png') -60px -180px;
}

.product-page__option-icon-summer {
    width: 30px;
    height: 31px;
    background: url('../../theme/images/product-page/product-page-icons.png') -203px -109px;
}

.product-page__option-icon-studded {
    width: 32px;
    height: 28px;
    background: url('../../theme/images/product-page/product-page-icons.png') -110px -180px;
}

.product-page__option-icon-not-studded {
    width: 30px;
    height: 30px;
    background: url('../../theme/images/product-page/product-page-icons.png') -10px -180px;
}

.product-page__option-icon-runflat {
    width: 30px;
    height: 22px;
    background: url('../../theme/images/product-page/product-page-icons.png') -162px -180px;
}

.product-page__option-icon-speed_index {
    width: 33px;
    height: 29px;
    background: url('../../theme/images/product-page/product-page-icons.png') -113px -128px;
}

.product-page__option-icon-load_index {
    width: 30px;
    height: 31px;
    background: url('../../theme/images/product-page/product-page-icons.png') -203px -58px;
}

.product-page__option-icon-free-fit-tyre {
    width: 30px;
    height: 31px;
    background: url('../../theme/images/product-page/free-fit-tyre.png') 0px 0px;
}

/* Related */

.product-page__alternatives-all {
    font-family: 'PT Sans', 'Open Sans', Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    vertical-align: middle;
}

.product-page__alternatives-slider-container {
    display: block;
    margin-bottom: 60px;
    /* @see https://github.com/akiran/react-slick/issues/1571*/
    width: 100%;
    max-width: 70vw;
    /*overflow: hidden;*/
}

.product-page__alternatives-swipe {
    text-align: center;
}

.product-page__alternatives-slider .c-product {
    margin: 0px;
}

.product-page__alternatives-slider .slick-slide {
    margin: 0 15px;
}

.product-page__alternatives-slider.slick-dotted.slick-slider {
    margin-bottom: 50px;
}

.product-page__alternatives-slider .slick-dots {
    bottom: -35px;
}

/* free fit-tyre */
.product-page__extra-services-list-item--highlight {
    background: #2aa000;
}

.product-page__extra-services-list-item--highlight a {
    color: #fff;
}

.product-page__extra-services-list-item--highlight .product-page__extra-services-text {
    border-bottom: 1px dashed #fff;
}