/* /css/pages/main.css */

.main .top-block-caption
{
  margin: 28px 0;
}
.main .white-block h1 {
    width: 45%;
    font-size: 2.25rem;
    color: #141414;
    font-weight: 400;
    line-height: 2.75rem;
    padding: 139px 0 0 0;
}

.main-brands-slider,
.main-day-slider,
.main-best-slider
{
    display: none;
}

.main  .top-figures {
    margin: 40px 0 10px 0;
}
.main  .top-figures .figure {
    width: 20%;
}
.main  .top-figures .figure:nth-child(2),
.main  .top-figures .figure:nth-child(3),
.main  .top-figures .figure:nth-child(4)
{
    width: 20%;
}
.main  .sprite-top-1 {
    width: 49px;
    height: 48px;
    background-position: -5px -224px;
}
.main .sprite-top-2 {
    width: 49px;
    height: 48px;
    background-position: -64px -224px;
}
.main .sprite-top-3 {
    width: 48px;
    height: 48px;
    background-position: -245px -204px;
}
.main .sprite-top-4 {
    width: 49px;
    height: 48px;
    background-position: -302px -5px;
}
.main .sprite-top-5 {
    width: 49px;
    height: 48px;
    background-position: -173px -63px;
}
.main .sprite-top-6 {
    width: 49px;
    height: 48px;
    background-position: -297px -63px;
}
.main .sprite-top-7 {
    width: 49px;
    height: 48px;
    background-position: -124px -224px;
}

.main .sprite-listing {
    background-image: url(/templates/2.2.16/img/listing.png);
    background-repeat: no-repeat;
    display: inline-block;
}
.main .top-figures .figure div {
    width: 57%;
    font-size: 1rem;
    color: #383838;
    font-weight: 500;
    line-height: 1.3rem;
    margin: 4px 0 0 8%;
}
.main .top-figures .figure a:hover div
{
    color: #c00f17;
}
.main .main-top-slider a img
{
    border-radius: 0 0 5px 5px;
}
.main .process-block .elements .element div:nth-child(2),
.main .weare-block .text>div:nth-child(1) div,
.main .title-row .right span,
.main .service-block .right .element>div div:nth-child(1), .main .service-block .left .element>div div:nth-child(1),
.main .welcome-block .title
{
    font-weight: 500;
}

@media (max-width: 768px)
{
    .main .assortment-block .elements .element .description .text
    {
        font-size: 1.5rem;
        line-height: 2.5rem;
        font-weight: 500;
    }
}

@media (max-width: 768px)
{
    .main .best-block .main-best-slider .product-list .description,
    .main .day-block .main-day-slider .product-list .description
    {
        margin-top: -72px;
    }
}


@media (min-width: 1170px)
{
    .main .top-block .element .text,
    .main .hot-block .hot-wrp .hot-element .top .sale span:nth-child(2),
    .main .hot-block .hot-wrp .hot-element .top .time .text>span:nth-child(2) span,
    .main .hot-block .hot-wrp .hot-element .content .sale span,
    .main .hot-block .hot-wrp .hot-element .content .price,
    .main .hot-block .hot-wrp .hot-element .top .time .text>span:nth-child(2) span,
    .main .weare-block .text>div:nth-child(1) div
    {
        font-weight: 400;
    }

    .main .welcome-block .text
    {
        font-size: 1.3rem;
        font-weight: 300;
        line-height: 1.8rem;
    }

    .main .day-block .main-day-slider
    {
        top: 80px;
    }
    .product-list .top-wrp .ne-nalich, .product-list .top-wrp .nalich
    {
        padding: 5px 8px 5px 5px;
        background: rgba(255, 255, 255, .85);
        border-radius: 10px;
        line-height: .43rem;
        z-index: 10000;
    }
    .product-list .top-wrp .price i
    {
        margin-left: 3px;
    }


    .main .brands-block .slider-wrp .main-brands-slider .owl-nav div.owl-prev,
    .main .brands-block .slider-wrp .main-brands-slider .owl-nav div.owl-next,
    .main .day-block .main-day-slider .owl-nav div.owl-prev,
    .main .day-block .main-day-slider .owl-nav div.owl-next
    {
        opacity: .5;
    }

    .main .brands-block .slider-wrp .main-brands-slider .owl-nav div.owl-prev:hover,
    .main .brands-block .slider-wrp .main-brands-slider .owl-nav div.owl-next:hover,
    .main .day-block .main-day-slider .owl-nav div.owl-prev:hover,
    .main .day-block .main-day-slider .owl-nav div.owl-next:hover
    {
        opacity: 1;
    }


    .main .service-block .row-1,
    .main .service-block .row-2
    {
        font-weight: 400;
    }

    .main .service-block .left .element>div div:nth-child(1)
    {
        font-weight: 500;
    }

    .main .service-block .right .element>div, .main .service-block .left .element>div
    {
        margin-top: 0px;
    }
    .main .assortment-block .elements,
    .main .brands-block .slider-wrp
    {
        margin-top: 24px;
    }

    .main .what-block .elements .element .text .row-2
    {
        font-weight: 300;
        line-height: 1.4rem;
    }
}

@media (max-width: 1024px)
{
    .main .brands-block .slider-wrp .main-brands-slider .owl-nav div.owl-prev { left: 0; }
    .main .brands-block .slider-wrp .main-brands-slider .owl-nav div.owl-next { right: 0; }
}
@media (min-width: 769px) and (max-width: 1169px)
{
    .product-list .top-wrp
    {
        height: auto;
        max-height: 410px;
    }
    .main .best-block .main-best-slider .product-list .description, .main .day-block .main-day-slider .product-list .description
    {
        margin-top: -6px;
    }
    header .search
    {
        border-radius: 5px;
    }
    header .search input
    {
        width: 85%;
        border-radius: 5px;
    }
    header .bottom-row .club
    {
        border-radius: 5px;
    }
    header .search button
    {
        width: 15%;
    }

}

@media (max-width: 768px)
{
    .product-list
    {
        height: 400px;
    }
    .main .white-block h1
    {
        width: 100%;
        padding-top: 20px;
        text-align: center;
    }
    header .first-row nav
    {
        width: 85%;
        left: -85%;
    }
}
@media (max-width: 950px) and (min-width: 769px)
{
    .main .top-figures .figure div
    {
        width: 80%;
        text-align: center;
    }
    .main .sprite-listing
    {
        margin-left: calc(50% - 24px);
    }
    .product-list .description .wrp
    {
        padding-top: 33px;
    }
}
.knowledge-block.news .block .title
{
  font-size: 1.25rem;
  font-weight: 500;
}

/* /css/pages/check_claster.css */
.claster-modal {
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 0;
}


.claster-modal .claster-modal-sprite {
    background-image: url(/templates/2.2.16/img/claster-modal.png);
    background-repeat: no-repeat;
    display: inline-block;
}
.claster-modal .sprite-title {
    width: 48px;
    height: 48px;
    background-position: -5px -5px;
    display: none;
}
.claster-modal .top .title div span
{
    color: #e65048;
}
.claster-modal .top .title div {
    color: #222;
    font-size: 1.5rem;
    font-weight: 400;
    margin: 7px 0 0 12px;
}
.claster-modal .top .buttons {
    margin-top: 30px;
}
.claster-modal .top .buttons a:first-of-type
{
    margin-right: 10%;
}
.claster-modal .top .buttons a {
    width: 17.8%;
    height: 36px;
    background: #40b5b8;
    border: 1px solid #3aa8ab;
    border-radius: 30px;
    cursor: pointer;
    margin: 8px 0 0 1%;
    transition: background 0.25s ease, border 0.25s ease;
    position: relative;
    border-radius: 5px;
    width: 44%;
    text-align: center;
}
.claster-modal .top .buttons a:hover {
    background: #0b4647;
    border: 1px solid #0b4647;
}


.claster-modal .top .buttons a.red
{
    border: 1px solid #9e1a20;
    background: #c00f17;
}
.claster-modal .top .buttons a.red:hover
{
    border: 1px solid #89090f;
    background: #89090f;
}
.claster-modal .top .buttons a div {
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    margin: 6px 0 0 0;
}

@media (min-width: 1024px)
{
    .claster-modal .top {
        padding: 30px 8% 30px;
    }
}