@charset "utf-8";

/*** *** **** START - BUTTONS **** *** ***/

.requestOrderButton {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    width: 125px;
    height: 23px;
    background-color: #f1f5f9;
    border-radius: 4px;
    color: #4d576b;
    cursor: pointer;
}

.requestOrderButton:hover {
    background-color: #f1f5f9;
    box-shadow: 0 1px 2px rgb(163 174 193 / 15%),  
                0 1px 4px rgb(163 174 193 / 30%), 
                0 1px 2px rgb(76 94 134 / 30%);
    box-shadow: ;
}

/*** Кнопки планограммы DAEWOO ***/

.deliveryButton.daewoo-planogram {
    margin: 0 0 0 5px;
    background-color: #f47920;
    color: #fff;
}

/*** *** **** END - BUTTONS **** *** ***/

/*** *** **** START - TYPOGRAPHY **** *** ***/

/*** *** START - ИНФОРМАЦИОННЫЕ СТРАНИЦЫ *** ***/

.intuitiv .inner .pageText .delivery h1,
.intuitiv .inner .pageText .delivery h2,
.intuitiv .inner .pageText .delivery h3,
.intuitiv .inner .pageText .delivery h4,
.intuitiv .inner .pageText .delivery h5,
.intuitiv .inner .pageText .delivery h6 {
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 900;
    color: #011627;
}

.intuitiv .inner .pageText .delivery p,
.intuitiv .inner .pageText .delivery ul,
.intuitiv .inner .pageText .delivery li,
.intuitiv .inner .pageText .delivery blockquote {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    color: #011627;
}

.intuitiv .inner .pageText .delivery h1 {
    font-size: 25px;
}

.intuitiv .inner .pageText .delivery h2 {
    font-size: 17px;
}

.intuitiv .inner .pageText .delivery p {
    box-sizing: border-box;
    padding: 0 0 0 0;
}

.intuitiv .inner .pageText .delivery hr {
    width: 100%;
    height: 1px;
    background-color: #011627;
    border: none;
    margin: 20px 0;
}

/*** *** START - ИНФОРМАЦИОННЫЕ СТРАНИЦЫ *** ***/

/*** *** START - ЯРЛЫКИ ДЛЯ ТОВАРОВ *** ***/
.labelsCatalogInc *,
.labelsProduct * {
    box-sizing: border-box;
}

.labelsProduct {
    margin: 0 0 5px 0;
}

/*** start - сброс старых стилей ***/
.optItems .item .name .productLabelsContainer a {
    display: inline-flex;
    width: auto;
    font-weight: normal;
    text-decoration: none;
    margin-bottom: 0;
}
/*** end - сброс старых стилей ***/

.labelsCatalogInc .productLabelsContainer,
.labelsProduct .productLabelsContainer {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.labelsCatalogInc .productLabelsContainer a,
.labelsCatalogInc .productLabelsContainer span {
    display: inline-flex;
    align-items: center;
    width: auto;
    height: 17px!important;
    border-radius: 2px;
    margin: 3px 3px 0 0;
    padding: 0 5px 0 5px;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
}

.labelsProduct .productLabelsContainer a,
.labelsProduct .productLabelsContainer span {
    display: inline-flex;
    align-items: center;
    width: auto;
    height: 19px!important;
    border-radius: 2px;
    margin: 5px 5px 0 0;
    padding: 0 7px 0 7px;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
}

.labelsCatalogInc .productLabelsContainer a i,
.labelsCatalogInc .productLabelsContainer span i {
    position: relative;
    font-style: normal;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    font-family: 'Roboto', Arial, sans-serif;
}

.labelsProduct .productLabelsContainer a i,
.labelsProduct .productLabelsContainer span i {
    position: relative;
    font-style: normal;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    font-family: 'Roboto', Arial, sans-serif;
}

/*** start - каждый ярлык ***/

.labelsCatalogInc .productLabelsContainer a.labelOnliner {
    width: 17px!important;
    height: 17px!important;
    background-size: 16px;
    background-color: #ff3939;
    background-image: url(../../images/onliner-16x16.png);
    background-repeat: no-repeat;
    background-position: center 1px;
    color: transparent;
    text-decoration: none;
    opacity: .95;
}

.labelsProduct .productLabelsContainer a.labelOnliner {
    width: 19px!important;
    height: 19px!important;
    background-size: 18px;
    background-color: #ff3939;
    background-image: url(../../images/icon_onliner-32x32.png);
    background-repeat: no-repeat;
    background-position: center 1px;
    color: transparent;
    text-decoration: none;
    opacity: .95;
}

.productLabelsContainer span.labelHit {
    background-color: #388e3c;
}

.productLabelsContainer span.labelNew {
    background-color: #86B030;
}
.productLabelsContainer span.labelDiscounted {
    background-color: #F5C80E;
    color: #011627!important;
}

.productLabelsContainer span.labelSale {
    background-color: #7B1FA2;
}

.productLabelsContainer span.labelBestPrice {
    background-color: #0DA3AA;
}

.productLabelsContainer span.labelPresent {
    background-color: #e71d36;
}

.productLabelsContainer a.labelPromotion {
    background-color: #e71d36;
}

.productLabelsContainer span.labelOnOrder {
    background-color: #011627;
}

.productLabelsContainer span.labelRegulated {
    background-color: #BAC5D4;
}

.requestOrderRow.requestOrderLabels {
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.requestOrderRow.requestOrderLabels a {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: 0 7px;
    font-style: normal;
    font-weight: bold;
    color: #fff;
}

.requestOrderRow.requestOrderLabels a.badgeOnliner  {
    box-sizing: border-box;
    width: 20px;
    background-size: 20px;
    background-color: #ff0000;
    background-image: url(../../images/icoonliner20x20.png);
    background-repeat: no-repeat;
    background-position: center center;
    color: transparent;
    text-decoration: none;
    opacity: .8;
}

.requestOrderRow.requestOrderLabels a.badgeNew {
    background-color: #86B030;
}

.requestOrderRow.requestOrderLabels a{
    background-color: #4389C7;
}

