/* 
    Created on : 6 oct. 2016, 14:40:52
    Author     : Anthony Lamant <alamant@solucia.fr>
*/

@font-face {
    font-family: "Lato Regular";
    src: url("./font/Lato-Regular.ttf");
}

@font-face {
    font-family: "Lato Black";
    src: url("./font/Lato-Black.ttf");
}

@font-face {
    font-family: "Lato Bold";
    src: url("./font/Lato-Bold.ttf");
}

@font-face {
    font-family: "DINPro";
    src: url("./font/DINPro-Regular.ttf");
}

html {
    scroll-behavior: smooth;
}

.article {
    margin: 3rem 0;
    color: #270d05;
    font-family: "Open Sans", sans-serif;
}

.article-title {
    margin: 20px 20px 20px 28px;
}

.article #media_viewer_screen a {
    position: relative;
    display: inline-block;
}

.article-logo01 {
    position: absolute;
    left: -8px;
    top: -4px;
    z-index: 10;
}

.article .product-title {
    font-family: "Open Sans Condensed", Arial, sans-serif;
    text-transform: none;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    color: #881c2b;
}

.article .code {
    font-family: "Lato Regular";
    color: #270900;
    font-size: 15px;
    margin: 0 0 10px 0;
}

.article .code-compo {
    font-family: "Lato Regular";
    font-size: 18px;
    color: #270900;
    margin: 0 0 10px 0;
}

.read-more-desc {
    font-family: "Lato Regular";
    font-size: 18px;
    text-decoration: underline;
    cursor: pointer;
    margin: 0 0 10px 0;
}

.article .quantity-select {
    padding-right: 20px;
    border-right: 1px solid #e0dbd7;
}

.article .article-boutons {
    padding-left: 20px;
}

.more-specifications-hide {
    display: none;
}

.more-specifications-show {
    display: inline;
}

.reinsurance-zone {
    background-color: #fafafa;
    border: 1px solid #e9e6e3;
    padding-bottom: 20px;
    text-align: center;
}

.reinsurance-logo {
    margin-top: 20px;
}

.reinsurance-logo.reinsurance-money-back {
    margin-top: 30px;
}

.reinsurance-logo.reinsurance-service {
    margin-top: 40px;
}

.reinsurance-logo.reinsurance-payments {
    margin-top: 35px;
}

.reinsurance-logo-capital {
    margin-top: 30px;
}

.article-select {
    /*padding-right: 30px;*/
}

.article-btn {
    border-left: 1px solid #dbb48e;
}

.article-container.full {
    margin: 40px 0 20px;
}

.article-descriptions {
    padding-right: 20px;
}

.article-advices {
    padding-left: 20px;
    border-left: 2px dotted #dbb48e;
}

/*.cadre-custom.small .btn.btn-addcart-moz,
.cadre_quantity select.form-control {
    height: 34px;
}*/

.carousel-indicators .active {
    background-color: #563f38;
}

.carousel-indicators li {
    background-color: #dbd5d1;
}

.glyphicon-chevron-right,
.glyphicon-chevron-left {
    color: #563f38;
}

.free-shipping {
    font-family: "DINPro";
    margin-top: 1rem;
}

.article_viewer_panel {
    background-color: #ffffff;
    box-shadow: -2.08px 12px 18px #c5bcba99;
    padding: 0;
}

.breadcrumb-article {
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.breadcrumb.breadcrumb-article > li > a {
    font-family: "Lato Regular";
    font-size: 12px;
    font-style: normal;
}

.opacity-bg {
    background-color: rgba(221, 215, 212, 0.9);
    /*background-color: #faf9f7;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-article {
    background-position: bottom;
    background-repeat: no-repeat;
}

.article-container {
    margin: 2rem 2rem 2rem 4rem;
}

.content {
    opacity: 100%;
    padding: 2rem 0;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #140400;
    position: relative;
}

.btn-group-article-qty {
    margin: 1rem 0;
}

.label-quantity-select {
    border: 1px solid #270900;
    background-color: white !important;
    padding: 1rem 13%;
    color: #270900;
    font-family: "Lato Regular";
    font-size: 16px;
}

.quantity-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #074646;
}

.quantity-btn {
    background: transparent;
    border: none;
    outline: none;
    margin: 0;
    padding: 0px 8px;
    cursor: pointer;
    font-size: 25px;
    color: white;
}

.quantity-input {
    outline: none;
    user-select: none;
    text-align: center;
    width: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: white;
    font-size: 20px;
}

.quantity-input::-webkit-inner-spin-button,
.quantity-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.article_media_viewer {
    padding: 0;
}

.carousel-control.right,
.carousel-control.left {
    background-image: none !important;
}

.carousel-control .glyphicon-chevron-left:before,
.carousel-control .glyphicon-chevron-right:before {
    content: " ";
    display: block;
    width: 40px;
    height: 60px;
}

.carousel-control .glyphicon-chevron-right:before {
    background: url("../images/chevron-right.png") no-repeat;
}

.carousel-control .glyphicon-chevron-left:before {
    background: url("../images/chevron-left.png") no-repeat;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position: absolute;
    top: 90%;
}

.carousel-indicators li,
.carousel-indicators .active {
    width: 20px;
    height: 20px;
}

.article-dispo {
    font-family: "DINPro";
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 5rem;
}

.dispo-dpc {
    color: #4b6f38;
}

.dispo-dif {
    color: red;
}

#article_price {
    margin-top: 5rem;
}

.integer_part_price_article,
.decimal_part_price_article,
.devise_article {
    font-family: "Lato Bold";
    font-size: 30px;
    color: #270900;
}

.strike_price_article {
    font-family: "Lato Bold";
    font-size: 20px;
    color: #bfb4ac;
}

.avis-global,
.note-txt,
.ekomi-txt01,
.ekomi-txt02 {
    margin-top: 1rem;
    display: flex;
    align-items: center;
}

.note-txt,
.ekomi-txt01,
.ekomi-txt02 {
    font-family: "Lato Regular";
    font-size: 16px;
    color: #140000;
}

.note-txt {
    font-weight: bold;
}

.img-label-quality {
    margin-right: auto;
    margin-left: auto;
    margin-top: 2rem;
}

.stars-reviews {
    padding-left: 8px;
    font-weight: bold;
}

.view-reviews {
    text-decoration: underline;
    cursor: pointer;
}

.rating-container .rating-stars {
    color: #270900;
}

.rating-xs {
    font-size: 20px;
}

.eq-height {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin: 0;
}

.fiche-article {
    padding: 0;
}

.image-txt {
    padding: 0;
}

.bg-color-cafe {
    background-color: #3d2b27;
}

.bg-color-light {
    background-color: #f6f2f1;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-3 {
    margin-top: 3rem;
    padding-bottom: 5px;
}

.panel-group {
    margin-bottom: 0;
}

.comment-article-date {
    font-family: "Lato Regular";
    font-size: 15px;
    color: #140400;
}

.comments-line {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.label-quality {
    background-color: #bfb4ac;
    height: 446px;
}

.hr-comment {
    border-top: 1px solid #32160e;
    margin-top: 0;
}

.blockquote-article {
    font-size: 16px;
    font-family: "Lato Regular";
    border-left: 0;
    margin-top: 5px;
    text-transform: none;
    padding-left: 0;
}

#conseils,
#caracteristiques {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    color: #140400;
}

/* custom nav-tabs */
.nav-tabs {
    margin-bottom: 2rem;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    font-size: 18px;
    font-family: "Lato Regular";
    color: #b2a69f;
    background-color: transparent;
    border: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #ffffff;
}

.nav-tabs > li.active > a:after {
    display: block;
    clear: both;
    content: "";
    position: relative;
    left: 40px;
    bottom: 0;
    max-width: 250px;
    width: 64%;
    border-bottom: 1px solid #fff;
    margin: 0 auto;
    top: -15px;
}

.panel-default > .panel-heading {
    background-color: #3d2b27;
    color: white;
}

.panel-title > a {
    font-family: "Lato Bold";
    color: #ffffff;
}

.panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav > li > a {
    padding: 25px 50px;
}

.tab-pane {
    padding: 3rem 5rem 5rem 5rem;
}

.pr-2 {
    padding-right: 1rem;
}

.more-reviews {
    text-decoration: underline;
    cursor: pointer;
}

.cadre_moz {
    background-color: #ffffff;
    padding: 0 3rem;
}

.btn-addcart-moz {
    background-color: #881c2b;
    font-family: "Lato Bold";
    font-size: 16px;
    color: #ffffff;
}

.cadre-custom.small .cadre_titre_moz {
    height: auto;
    overflow: hidden;
}

.titre_moz {
    height: 25px;
    margin-bottom: 1rem;
}

.titre_moz > a > h3 {
    font-family: "Lato Bold";
    font-size: 16px;
    color: #270900;
}

.soustitre_moz {
    font-family: "Lato Regular";
    font-size: 16px;
    color: #270900;
}

.cadre_price_moz {
    font-family: "Lato Black";
    color: #270900;
    font-size: 20px;
    padding-top: 1rem;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt-1 {
    margin-top: 1rem;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

#more-description {
    /*padding-top: 4rem;*/
}

section.colored {
    background-color: #faf9f7 !important;
}

.swiper-pagination-progress {
    width: 100%;
    height: 2px;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #32160e !important;
}

.w-50 {
    width: 50%;
}

.bg-cafe-light {
    height: 625px;
    background-color: #f5f1ef;
}

.intensity_img {
    padding-left: 0.5rem;
}

.pl-0 {
    padding-left: 0 !important;
}

.m-auto {
    margin: auto;
}

/* MQ */
@media screen and (min-width: 1200px) {
    .article_viewer_panel,
    .image-txt {
        width: 416px !important;
    }

    .image-txt img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .opacity-bg,
    .article_media_viewer {
        width: 670px !important;
    }

    .visuel {
        width: 1082px !important;
        background-color: #3d2b27;
    }

    .zone-article {
        width: 1086px !important;
        margin-right: auto;
        margin-left: auto;
    }

    .img-caracteristique {
        margin-left: -4px;
    }

    .breadcrumb-article {
        margin-top: 1rem;
        margin-bottom: 3rem;
    }

    .h-caroussel {
        height: 560px !important;
    }
}

@media screen and (max-width: 1200px) {
    .swiper-button-prev {
        left: -11px;
    }

    .swiper-button-next {
        right: -11px;
    }

    .article .product-title,
    .article .product-code {
        text-align: center;
    }

    .article .product-code {
        margin-bottom: 20px;
    }

    #media_viewer_screen img {
        display: inline;
        text-align: center;
    }

    .article-title {
        margin: 20px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        top: 45%;
    }

    .button_addwishlist-md {
        float: right;
        margin-top: -6rem;
    }

    .article-dispo {
        margin-bottom: 0;
        margin-top: -3rem;
    }

    .panel-group .panel + .panel {
        margin-top: 0;
    }

    .panel,
    .panel-group .panel {
        border-radius: 0;
    }

    .img-100 {
        width: 100%;
        height: 310px;
        object-fit: cover;
    }
}

@media screen and (max-width: 767px) {
    .article-advices,
    .article-btn {
        border-left: 0;
        margin: 0;
        text-align: justify;
    }

    .article-btn {
        padding: 0;
    }

    .list_media_viewer {
        margin-top: 10px;
    }

    .article-select {
        margin-bottom: 20px;
        padding-right: 15px;
    }

    .btn.btn-wishlist-article {
        height: 38px;
    }

    .article-descriptions {
        padding-right: 0;
        margin-bottom: 20px;
    }

    .article-container.left,
    .article-container.right,
    .article-container.full,
    .article-container.comments {
        margin-left: -15px;
        margin-right: -15px;
    }

    #article_price {
        margin-top: 1rem;
    }
}