/* Start:/local/templates/.default/components/ony/list/catalog/style.css?17867141674089*/
.top-banners {
    clear: both;
    *zoom: 1
}

.top-banners:after, .top-banners:before {
    display: table;
    content: "";
    line-height: 0
}

.top-banners:after {
    clear: both;
	padding-top: 12px;
}

.top-banners__item {
    position: relative;
    display: block;
    text-decoration: none;
    float: right;
    width: 53.8rem;
    height: 25.7rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2rem 3rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.top-banners__item._long {
    width: 100%;
    height: auto;
    padding: 0;
    float: none;
    background-image: none;
    background-color: transparent
}

.top-banners__item._long img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain
}

.top-banners__item._dark {
    background-color: #bb559d
}

.top-banners__item._light {
    background-color: #ffe8c4
}

.top-banners__item._light .top-banners__title {
    color: #bb559d;
    margin-bottom: 2rem
}

.top-banners__item._light .top-banners__text {
    color: #000
}

.top-banners__item._light .top-banners__text span {
    font-size: 4.6rem
}

.top-banners__item._light .top-banners__button {
    background: url(/local/templates/.default/components/ony/list/catalog/images/icons/banner-button-2.png) no-repeat;
    background-size: contain
}

.top-banners__title {
    margin-bottom: 2rem;
    color: #ffc9b1;
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 4rem
}

.top-banners__text {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: .2rem;
    line-height: 2
}

.top-banners__button {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    display: block;
    width: 6rem;
    height: 4.4rem;
    background: url(/local/templates/.default/components/ony/list/catalog/images/icons/banner-button.png) no-repeat;
    background-size: contain
}

.top-banners__complex, .top-banners__side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.top-banners__side {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 51.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.top-banners__side img {
    max-width: 100%
}

.top-banners__side video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    pointer-events: none
}

.top-banners__side._big {
    width: 70.97222222%
}

.top-banners__side._small {
    width: 29.02777778%;
    padding: 0 1rem
}

.tablet .top-banners__item {
    width: 70.5rem
}

.tablet .top-banners__item._long {
    width: 100%;
    height: auto
}

.tablet .top-banners__item._light {
    display: none
}

.tablet .top-banners__side {
    height: 37rem
}

.tablet .top-banners__side._big {
    width: 71.875%
}

.tablet .top-banners__side._small {
    width: 28.125%;
    padding: 0 1.6rem 0 2.5rem
}

.mobile .top-banners__item {
    padding: 3rem 1rem;
    width: 32rem;
    height: 16.7rem
}

.mobile .top-banners__item._long {
    width: 100%;
    height: auto;
    padding: 0
}

.mobile .top-banners__item._light {
    display: non_close-filtere
}

.mobile .top-banners__title {
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.3rem
}

.mobile .top-banners__text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8rem
}

.mobile .top-banners__button {
    width: 3rem;
    height: 2.2rem;
    background-size: contain
}

.mobile .top-banners__side {
    height: 15.6rem
}

.mobile .top-banners__side._big {
    width: 100%
}

.mobile .top-banners__side._small {
    display: none
}

/* End */
/* /local/templates/.default/components/ony/list/catalog/style.css?17867141674089 */