﻿.productContainer { border-top: 10px solid #047ec1; padding: 30px; overflow: hidden; }
.images { width: 65%; float: left; text-align: center; margin: 0 0 50px 0; }
    .images .slick-slide img { margin: auto; max-width: 100%; }
    .images img { max-height: 500px; }
    .images .bigImage { float: right; width: 65%; }

    .images .bigImageFull { width: 90%; }
    .images .thumbs { float: left; width: 25%; overflow: hidden; }
        .images .thumbs img { max-height: 150px; box-sizing: border-box; border: 1px solid #dedede; padding: 5px; }
.slick-track { display: flex; align-items: center; }
.slider.slider-for .slick-list { line-height: 396px; }
.images .slick-slide,
.thumbs .slick-slide { display: block; margin: 0 0 5px; padding: 2px; position: relative; text-align: center; cursor: pointer; }
    .images .slick-slide img { margin: 0 auto; }
.productText { width: 30%; float: right; padding: 0; }
    .productText .brandLogo { margin: 0 0 20px 0; }
    .productText h1 { font-family: 'Open Sans', Arial, sans-serif; color: #353a3e; font-weight: 500; margin: 0; line-height: 1em; }

.newText { color: red; display: block; font-weight: bold; font-size: 20px; text-transform: uppercase; }
.productText .description { color: #047ec1; font-weight: bold; }
.productText .campaign { font-weight: bold; font-size: 24px; color: red; }
.productText .original-price.line-through { text-decoration: line-through; }
.productText .validTo { font-size: 12px; }
.productText .price { font-weight: bold; font-size: 24px; }
.productText .price .priceText {font-size:16px;}
    .productText .price .discount { font-size: 16px; font-weight: bold; display: block; margin: 5px 0; }

    .productText .price .exvat { font-size: 14px; font-weight: normal; color: #9b9b9b; }
.productText .statustext { font-size: 14px; margin: 20px 0 10px 0; }
.productText .statustext:last-child { margin: 0px 0 0 0; }
.productInfo { width: 65%; float: left; overflow: hidden; color: #333; font-family: 12px; font-family: 'Open Sans', Arial, sans-serif; line-height: 20px; }
#tabs { margin: 0 0 20px 0; }
    #tabs p { display: inline-block; background: #5f5f5f; color: #fff; padding: 10px 30px; text-transform: uppercase; cursor: pointer; }
        #tabs p.on { background: #047ec1; }
        #tabs p span { margin: 0 0 0 8px; position: relative; bottom: 2px; }
        #tabs p .up { display: none; }
        #tabs p.on .down { display: none; }
        #tabs p.on .up { display: inline; }

#specification { display: none; }

.documents { width: 30%; float: right; margin: 40px 0 0 0; }
    .documents h2 { color: #353a3e; font-family: 'Open Sans', Arial, sans-serif; }
    .documents ul { padding: 0; list-style: none; }
        .documents ul li { color: #333; }
            .documents ul li i { font-size: 24px; }

.buyRow { overflow: hidden; }
.buy {margin: 20px 0; overflow:hidden;}
.buy select { color: #000; padding: 10px 10px; margin: 0 0 20px 0; width: 100%; font-family: "chaparral-pro", Arial, sans-serif; border-radius: 5px; box-sizing: border-box; font-size: 14px; font-weight: bold; border: none; border: 1px solid #e7e7e7; }
.buy .amountTb { width: 20%; text-align: center; font-size: 18px; padding: 11px; box-sizing: border-box; float: left; border: 1px solid #e7e7e7; }
.buy .buyBtn { background: #0280BD; color: #fff; border: none; font-size: 14px; padding: 12px 3px 11px 3px; width: 80%; float: left; box-sizing: border-box; display: inline-block; text-align: center; cursor: pointer; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; }
.buy .buyBtn:hover {text-decoration:none;}
    .buy .buyBtn:hover { background: #0280BD }
    .buy .buyBtn i { font-size: 16px; margin: 0 5px 0 0; }



@media screen and (max-width: 770px) {
    .images { width: 100%; float: none; }
        .images .bigImage { float: none; width: 100%; }
        .images .thumbs { float: none; width: 100%; }
    .productText { width: 100%; float: none; padding: 0; }
        .productText .price {margin: 0 0 10px 0;}
        .productInfo { width: 100%; float: none; }
    #tabs p { width: 100%; }
}
