

/* Start:/local/templates/aspro-premier/components/bitrix/catalog/palettes/bitrix/catalog.element/palettes/style.css?17876626306317*/
.slider-main .image-background {
    width: 100%;
    aspect-ratio: 1/1;
    
    position: relative;
}

.slider-main .image-background img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    object-fit: cover;
}


#tns2-ow {
    margin-top: 1em;
}

.columns {
    display: grid;
    grid-template-columns: minmax(280px, 42%) minmax(0, 1fr);
    align-items: start;
    column-gap: 2em;
}

.color-title {
    margin: 0 0 12px;
    padding: 1em 1em 0 0;
}

.column-media {
    padding: 1em;
    min-width: 0;
}

.column-side {
    min-width: 0;
}

.column-info {
    padding: 0 1em 1em 0;
    min-width: 0;
}

.column-info .description {
    margin: 0 0 1em;
    line-height: 1.55;
}

.description-block {
    padding-right: 0;
}

.slider-thumbs .image-background {
    width: 80px !important;
    height: 80px !important;
}

.slider-thumbs .image-background img {
    width: 80px !important;
    height: 80px !important;
}

.column-half .price {
    font-size: 22px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 1em;
}

@media screen and (max-width: 600px) {
    .columns {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas:
            "title"
            "media"
            "info";
        column-gap: 0;
    }
    .column-side {
        display: contents;
    }
    .color-title {
        grid-area: title;
        padding: 0 0 1em;
    }
    .column-media {
        grid-area: media;
        padding: 0 0 1em;
    }
    .column-info {
        grid-area: info;
        padding: 0 0 1em;
    }
}

.product-list {
    /*width: auto !important;*/
    display: inline-block;
    padding: 10px;
    /*background: #f6f6f6 !important;*/
    /*border: 1px solid #efefef !important;*/
    border-radius: 1px;
    height: auto;
    padding: 8px 13px;
    width: 100%;

    background: #e7e8ea;
    text-align: center;
    margin: 12px auto;
    padding-left: 8px;
    line-height: 34px;
    font-size: 14px;
    color: #888888;
    display: block;
    height: 34px;
    width: 100%!important;
    max-width: 100%!important;
    border: 0;
    border-radius: 7px;
    height: 45px;
}

[data-form-send] {
    width: 100%;
    margin-bottom: 10px;
}

.form-container {
    overflow: hidden;
    margin-top: 1em;
}


.form-container .form-control {
    display: inline-block;
    padding: 10px;
    background: #f6f6f6 !important;
    border: 1px solid #efefef !important;
    border-radius: 1px;
    height: auto;
    padding: 8px 13px;
    width: 100%;
    margin-bottom: 1em;
}
.form-container .form-control.error {
    background: #ffb7b7 !important;
}

.form-container .btn-send {
    margin-top: 1em;
}

.slider-thumbs .tns-item .image-background {
    border: 2px solid #fff;
    transition: border-color 0.2s ease;
}
.slider-thumbs .tns-item.active-thumb .image-background {
    border-color: #1C3075;
}

/**/

    .btn-simple { background: #0000a8; border-color: #0000a8; }
    .btn-simple:hover { background: #212173; border-color: #212173; }

    .btn-simple.btn-border { background: transparent; border-color: #0000a8; color: #0000a8; }
    .btn-simple.btn-border:hover { color: #212173; border-color: #212173; }

    .active-link:hover { color: #0000a8; border-color: #0000a8; }
    .inactive-link:hover { color: #0000a8; }
    .text-link:hover { color: #0000a8; }

    .tiles-list .h3:hover { color: #0000a8; }
    .tiles-list .tile-wrap:first-child .h3:hover { color: #0000a8; }

    .theme-color { color: #0000a8; border-color: #0000a8; }
    body .theme-color-hover { transition: all 0.2s ease-in-out; }
    body .theme-color-hover:hover { color: #0000a8; }

    .other-news .name:hover { color: #0000a8; }

    .big-text-link:hover { color: #0000a8; }
    .link-dashed:hover { color: #0000a8; border-color: #0000a8; }
    .theme-link-dashed { color: #0000a8; border-color: #0000a8; }
    .theme-link-dashed:hover { color: #212173; border-color: #212173; }

    .new-list-items .active-link:hover { color: #212173; border-color: #212173; }
    .delivery-modal .active-link:hover { color: #212173; border-color: #212173; }

    .tabs-wrap .tab-btn-link.active { border-color: #0000a8; background-color: #0000a8; color: #fff; }
    .tabs-wrap .tab-btn-link.active:hover { border-color: #0000a8; background-color: #0000a8; color: #fff; }
    .tabs-wrap .tab-btn-link:hover { border-color: #0000a8; color: #0000a8; }
    .tabs-wrap .tab-dashed-link:hover { color: #0000a8; }

    .bindAction a:hover { color: #212173; }

    #subscribe{
    background-color: #ffffff;
    margin-top: 24px;
    overflow: hidden;
}

#subscribe form{
    padding: 0
}

#subscribe input::-webkit-input-placeholder{
    color: #888888;
}

#subscribe input::-moz-placeholder{
   color: #888888;
}

#subscribe input:focus::-webkit-input-placeholder{
    color: transparent;
}

#subscribe input:focus::-moz-placeholder{
    color: transparent;
}

#subscribe input:focus:-moz-placeholder{
    color: transparent;
}

#subscribe input:focus:-ms-input-placeholder{
    color: transparent;
}

#subscribe input{

    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    background: #e7e8ea;
    text-align: center;
    margin: 12px auto;
    padding-left: 8px;
    line-height: 50px;
    font-size: 14px;
    color: #888888;
    display: block;
    height: 50px;
    width: 100%;
    border: 0;
}

#subscribe input[type="text"]:focus{
    background-color: #f3f3f3;
}

#subscribe .submit{
    cursor: pointer;
    color: #ffffff;
}
#left #subscribe .sideBlockContent {
    border: 1px solid #e7e8ea;
    max-width: 320px;
    padding: 10px;

}
.btn-simple.btn-small {
    min-width: 126px;
    padding: 12px 8px 10px;
    display: block;
    margin: 0 auto;
    text-align: center;
    border: 1px solid;
    border-radius: 7px;
}

.palettes-similar { margin: 40px 0 24px; }
.palettes-similar__title { margin: 0 0 20px; }
.palettes-similar--slider .palette-item {
    flex: none;
    max-width: none;
    margin: 0;
}
.palettes-similar__section {
    display: block;
    margin-top: 4px;
    color: #888;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
/* End */


/* Start:/local/templates/aspro-premier/components/bitrix/catalog/palettes/bitrix/catalog.element/palettes/assets/tiny-slider.css?17810900222178*/
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */

/* End */


/* Start:/local/templates/aspro-premier/css/palettes_ral_k7.css?17891352903041*/
.ral-k7-wrap { margin: 0 0 24px; }
.ral-k7-intro { max-width: 920px; margin: 0 0 20px; font-size: 16px; line-height: 1.55; color: #212B36; }
.ral-k7-intro p { margin: 0 0 10px; }
.ral-k7-subs { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 18px; }
.ral-k7-subs a {
	display: inline-block;
	padding: 8px 14px;
	border: 1px solid #d6dde3;
	border-radius: 8px;
	color: #212B36;
	text-decoration: none;
	font-weight: 600;
	background: #fff;
}
.ral-k7-subs a:hover { border-color: #1485CE; color: #1485CE; }
.ral-k7-subs a.is-active { background: #1485CE; border-color: #1485CE; color: #fff; }
.ral-k7-tools { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 0 0 16px; }
.ral-k7-search {
	flex: 1 1 240px;
	min-width: 200px;
	height: 42px;
	padding: 0 12px;
	border: 1px solid #cfd6dc;
	border-radius: 8px;
	font-size: 15px;
}
.ral-k7-groups { display: flex; flex-wrap: wrap; gap: 6px; }
.ral-k7-groups button {
	border: 1px solid #d6dde3;
	background: #fff;
	border-radius: 16px;
	padding: 5px 10px;
	cursor: pointer;
	font-size: 13px;
}
.ral-k7-groups button.is-active { background: #212B36; color: #fff; border-color: #212B36; }
.ral-k7-grid {
	display: grid;
	grid-template-columns: repeat(10, minmax(0, 1fr));
	gap: 8px;
	margin: 0 0 8px;
}
.ral-k7-tile {
	display: block;
	text-decoration: none;
	color: #212B36;
	border: 1px solid #e7e8ea;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
}
.ral-k7-tile:hover { border-color: #1485CE; box-shadow: 0 0 0 1px #1485CE; }
.ral-k7-swatch {
	display: block;
	aspect-ratio: 1 / 1;
	width: 100%;
	min-height: 52px;
	background-size: cover;
	background-position: center;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.ral-k7-meta { padding: 6px 6px 8px; text-align: center; }
.ral-k7-code { display: block; font-weight: 700; font-size: 12px; line-height: 1.2; }
.ral-k7-name { display: block; font-size: 11px; line-height: 1.25; color: #637381; margin-top: 3px; }
.ral-k7-empty { display: none; padding: 20px 0; color: #637381; }
.ral-k7-wrap.is-empty .ral-k7-empty { display: block; }
.ral-k7-seo { margin: 16px 0 8px; font-size: 16px; line-height: 1.6; color: #212B36; }
.ral-k7-seo p { margin: 0 0 12px; }
.ral-k7-caption { margin: 8px 0 0; font-size: 14px; color: #637381; }
.ral-k7-color-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	margin: 0 0 16px;
	padding: 1em 1em 0 0;
	line-height: 1.2;
}
.ral-k7-color-title__label {
	display: block;
	font-size: 18px;
	font-weight: 600;
	color: #637381;
}
.ral-k7-color-title__name {
	display: block;
	font-size: 28px;
	font-weight: 700;
	color: #212B36;
}
body:has(.ral-k7-color-title) .topic {
	display: none !important;
}
.ral-k7-tile.is-hidden { display: none; }
@media (max-width: 1100px) {
	.ral-k7-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
	.ral-k7-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
	.ral-k7-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* End */
/* /local/templates/aspro-premier/components/bitrix/catalog/palettes/bitrix/catalog.element/palettes/style.css?17876626306317 */
/* /local/templates/aspro-premier/components/bitrix/catalog/palettes/bitrix/catalog.element/palettes/assets/tiny-slider.css?17810900222178 */
/* /local/templates/aspro-premier/css/palettes_ral_k7.css?17891352903041 */
