/* Start:/local/templates/specialflat/components/bitrix/catalog/santehnika_catalog/style.css?16721337996061*/
.filter_l_block, .filter_r_block {
    display: block;
    float: left;
    width: 100%;
}

.filter_prise_diopozon span {
    display: block;
    cursor: pointer;
}


.left_content_block {
    display: block;
    float: left;
    width: 21%;
    margin-right: 3%;
}

.right_content_block {
    display: block;
    float: left;
    width: 76%;
}

.sectiom_catalog_h1 {
    padding: 30px 0px;
    font-weight: 600;
    font-size: 26px;
}


/*//////////////////////////////////////////////////////////////*/
.grid{}
.grid .bx_content_section{
    margin-bottom: 15px;
}
.grid .bx_sidebar{
    margin-bottom: 15px;
}

/* grid2x1 */
.grid2x1{}
.grid2x1 .bx_content_section{
    float: left;
    width: 66%;
    margin-bottom: 15px;
}
.grid2x1 .bx_sidebar{
    float: right;
    width: 33%;
    margin-bottom: 15px;
    padding-left: 5%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
@media (max-width:960px){
    .grid2x1 .bx_sidebar{
        padding-left: 4%;
    }
}
@media (max-width:640px) {
    .grid2x1 .bx_content_section,
    .grid2x1 .bx_sidebar{
        width: 100%;
        float: none;
    }
    .grid2x1 .bx_sidebar{
        padding-left: 3%;
    }
}
@media (max-width:479px){
    .grid2x1 .bx_sidebar{
        padding-left: 1%;
    }

}

.catalog-block-header{
    font-size:14px;
    font-weight: bold;
    text-align: left;
    margin:5px 0;
    padding:5px 15px;
    border-bottom: 2px solid #d9dee6;
    color: #000;
}

body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}

.left_content_block a.left_in_catalog {
    display: block;
    text-align: center;
    position: relative;
    padding: 7px 10px;
    margin-top: 15px;
    font-size: 15px;
    font-weight: 900;
    color: #fff;
    transition: .3s ease-in-out;
    background: #8ab75a;
    /*background: linear-gradient(#bdcf63,#8ab75a) 100% 0 no-repeat;*/
}

.left_content_block a.left_in_catalog:hover {
    /*background: #7aa54c;*/
}

.left_content_block a.left_in_catalog:active {
    /*background: #6c963f;*/
}

.left_content_block a.left_in_catalog span {
    display: block;
    position: relative;
    z-index: 10;
}

.left_content_block a.left_in_catalog:before {
    /*content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .2s ease-out;*/
    /*background: linear-gradient(#8ab75a,#bdcf63) 100% 0 no-repeat;*/
}

/*.left_content_block a.left_in_catalog:hover:before,
.left_content_block a.left_in_catalog:active:before{
	opacity: 1;
}*/

/*.left_content_block a.left_in_catalog:active:before {
	background: linear-gradient(#bdcf63,#bdcf63) 100% 0 no-repeat;
}*/

/*.left_content_block a.left_in_catalog:after {
	 display: block;
	 content: "";
	 position: absolute;
	 top: 0;
	left: -10%;
	width: 120%;
	 height: 45px;
	 background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) no-repeat -2em 0%;
	 background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) no-repeat -2em 0%;
	 background-size: 50px 100%;
	 -webkit-transform: skewX(-30deg);
	 transform: skewX(-30deg);
	 background-position: -65px 0;
	 z-index: 40;
	 -webkit-animation-duration: 10s;
	 animation-duration: 10s;
	 -webkit-animation-name: blink_button;
	 animation-name: blink_button;
	 -webkit-animation-iteration-count: infinite;
	 animation-iteration-count: infinite;
}*/


.catalog-box h1.catalog-title {
    padding: 20px 0;
}

.top_banner{
    width: 100%;
    height: 225px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(/upload/iblock/afb/afb9dc747f73d04a1bdf280711df38df.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}
.top_banner:before{
    background-color: #00000060;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
}
.top_banner .title{
    color: #fff;
    font-weight: 700;
    font-size: 35px;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    max-width: 80%;
    text-align: center;
}

.right_content_block .product-item-container.hovercat{
    position: absolute;
    width: 100%;
}
.right_content_block .product-item-container:hover{
    position: absolute;
    z-index: 1;
}
.right_content_block .product-item-container:hover .product-item-price-container {
    opacity: 1;
    visibility: visible;
    display: flex;
}
.right_content_block .product-item-container.hovercat{
z-index: 600;
}
.right_content_block .product-item-container.hovercat .product-item-info-container{
    z-index: 600;
}
.right_content_block .product-item-container.hovercat .product-item {
    box-shadow: 0px 2px 4px #00000030;
}

@media all and (max-width: 768px){
    .right_content_block .product-item-container .product-item-price-container {
        opacity: 1 !important;
        visibility: visible !important;
        display: flex !important;
    }
    .right_content_block .product-item-container.hovercat{
    z-index: 100;
    }
    .right_content_block .product-item-container.hovercat .product-item-info-container{
        z-index: 100;
    }
    .right_content_block .product-item-container.hovercat{
     position: relative !important;
    }
}

@media all and (max-width: 768px){
    .right_content_block .product-item-container:hover{
         position: static;
    }
}

@media all and (max-width: 481px){
    .top_banner .title{
        font-size: 22px;
    }
    .top_banner{
        height: 170px;
    }

}


/* End */


/* Start:/bitrix/components/krayt/podborki.section.list/templates/.default/style.css?16721331225104*/
.podborki_section_serch {
    border: 1px solid #ccc;
    margin-bottom: 25px;
}

.podborki_section_serch input {
    width: 100%;
    height: 40px;
    border: 0;
    padding-left: 10px;
    padding-right: 50px;
    outline: 0;
    background-repeat: no-repeat;
    background-position: 99% center;
    background-size: 20px;
    font-size: 12px;
    font-weight: 400;
}

.podborki_section_content_wrp{
    display: flex;
    flex-wrap: wrap;
    margin-top: 100px;
}

.podborki_section_content {
    margin-bottom: 65px;
    width: 33.33333%;
    float: left;
        display: flex;
        padding-right: 50px;
}

.podborki_section_content .podborki_box_link{
    color: #00a1fa;
    border-bottom: 1px solid;
    transition: .2s;
    padding-right: 3px;
}
.podborki_section_content .podborki_box_link:hover,.podborki_section_content .podborki_box_link:focus{
    color: #00a1fa;
    padding-right: 7px;
    border-bottom: 1px solid;
}

.podborki_section_content .podborki_box_link:active{
    color: #00a1fa;
    opacity: 0.9;
    padding-rigth: 5px;
    border-bottom: 1px solid;
}

.podborki_section_content .text{
    padding-left: 25px;
}

.podborki_section_content .image{
        width: 115px;
        min-width: 115px;
        height: 125px;
        background-repeat: no-repeat;
        background-position: top;
        background-size: contain;
}

.w1200 .podborki_section_content h2 {
    padding: 0;
}

.podborki_section_content a.link_podborki.big {
    display: block;
    color: #000;
    margin-bottom: 20px;
    transition: .2s ease-in-out;
    font-weight: normal;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
}

.podborki_section_content a.link_podborki.big:before {
    position: absolute;
    top: 0;
    left: -45%;
    z-index: 2;
    display: block;
    content: '';
    width: 25%;
    height: 100%;
    opacity: 0;
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}


.podborki_section_content a.link_podborki.big:hover:before {
    -webkit-animation: shine .8s ease-in-out;
    animation: shine .8s ease-in-out;
    opacity: 1;
    /*background-color: #dedede;*/
}

.podborki_section_content a.link_podborki.big:active {
    /*background-color: #cecece;*/
}

.podborki_section_content .podborki_section_box:before {
    content: '';
    display: block;
}

.podborki_section_content .podborki_box li {
    margin-left: 10px;
}

.podborki_section_content .podborki_box:after,
.podborki_section_content .podborki_box:before {
    display: table;
    clear: both;
    content: '';
}

.podborki_section_content .podborki_box .li_box {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
}

.podborki_section_content .podborki_box .li_box .podborki_box{
    display: none;
}

.podborki_section_content .podborki_box{
    display: flex;
    flex-direction: column;
}

.podborki_section_content .podborki_box .li_box a.link_podborki {
    display: block;
    font-weight: 500;
    margin-bottom: 10px;
}

.podborki_section_content .podborki_box .li_box>a {
    color: #1e1e1e;
    font-size: 13px;
}

.podborki_section_content .podborki_box .li_box .podborki_box a.link_podborki {
    font-weight: 100;
    margin: 0 0;
}

.podborki_section_content .podborki_box .li_box .podborki_box {
    /*border-left: 2px solid #8ab75a;*/
    /*padding-left: 20px;*/
    padding-right: 30px;
}

.podborki_section_content .podborki_box .li_box .podborki_box .li_box {
    width: 100%;
    margin-bottom: 5px;
    position: relative;
}

.podborki_section_content .podborki_box .li_box .podborki_box .li_box a:before {
    display: block;
    content: '';
    width: 5px;
    height: 5px;
    background: #8ab75a;
    position: absolute;
    left: 0;
    top: 8px;
}

.podborki_section_content .podborki_box .li_box .podborki_box .li_box a{
    color: #6290c3;
    font-size: 14px;
    display: block;
    position: relative;
    padding-left: 20px;
}

.podborki_section_content .podborki_box .li_box a.link_podborki:hover {
    /*text-decoration: underline;*/
    color: #365d88;
}

.podborki_section_content .podborki_box .li_box a.link_podborki:active {
    color: #23476f;
}
#not_find_category{
    display: none;
}

@media all and (max-width: 1200px){
    .podborki_section_content{
        width: 50%;
    }
    .podborki_section_content .podborki_box .li_box{
        width: 90%;
    }
}

@media all and (max-width: 768px){
    .podborki_section_content_wrp{
        margin-top: 60px;
    }
}

@media all and (max-width: 481px){
    .podborki_section_content{
        width: 100%;
    }
    .podborki_section_content_wrp{
        margin-top: 45px;
    }
}
/* End */
/* /local/templates/specialflat/components/bitrix/catalog/santehnika_catalog/style.css?16721337996061 */
/* /bitrix/components/krayt/podborki.section.list/templates/.default/style.css?16721331225104 */