/* Start:/bitrix/templates/teplotechnika/css/fonts.min.css?1542463451852*/
@font-face{font-family:'GothamPro';src:url(/bitrix/templates/teplotechnika/css/../fonts/GothamProRegular.eot);src:url(/bitrix/templates/teplotechnika/css/../fonts/GothamProRegular.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/teplotechnika/css/../fonts/GothamProRegular.woff) format("woff"),url(/bitrix/templates/teplotechnika/css/../fonts/GothamProRegular.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'GothamProbold';src:url(/bitrix/templates/teplotechnika/css/../fonts/GothamProBold.eot);src:url(/bitrix/templates/teplotechnika/css/../fonts/GothamProBold.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/teplotechnika/css/../fonts/GothamProBold.woff) format("woff"),url(/bitrix/templates/teplotechnika/css/../fonts/GothamProBold.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'GothamProBlack';src:url(/bitrix/templates/teplotechnika/css/../fonts/GothamProBlack.eot);src:url(/bitrix/templates/teplotechnika/css/../fonts/GothamProBlack.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/teplotechnika/css/../fonts/GothamProBlack.woff) format("woff"),url(/bitrix/templates/teplotechnika/css/../fonts/GothamProBlack.ttf) format("truetype");font-weight:400;font-style:normal}
/* End */


/* Start:/bitrix/templates/teplotechnika/css/normalize.min.css?15424634511850*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:22px;margin:.67em 0}h2{font-size:19px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/* End */


/* Start:/bitrix/templates/teplotechnika/css/slick.css?15430533111776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/bitrix/templates/teplotechnika/css/style.css?1791037837140941*/
html,
body{
    width: 100%;
    height: 100%;
    font-family: 'PT Sans', sans-serif;
    background: #ededed;
    position: relative;
    min-width: 320px;
}
.header-main{background: url(/bitrix/templates/teplotechnika/css/../images/BGhead.jpg) no-repeat top center;}
.wrapper{
    position: relative;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
}
.clearfix:after,
.clearfix:before{
    content: '';
    display: table;
    clear: both;
}
.browsehappy{
    padding: 15px 0;
    background-color: red;
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.browsehappy a{color: blue;}
.unvis-text{
    display: block;
    text-indent: -9999px;
}
*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
ul,li{    
    margin:0;
    padding: 0;
    list-style: none;
}

h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}
.container{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;    
}
/* header ----------------------------------------------*/

/***main-menu***/
.header-whight{background: #fff;}
.main-menu{float: left;}
.main-menu-item{
    float: left;
    margin-right: 15px;
}
.main-menu-item:last-child{margin-right: 0;}
.main-menu-link{
    display: block;
    height: 56px;
    line-height: 58px;
    font-size: 15px;
    color: #656565;
    text-decoration: none;
}
/***enter-menu***/
.enter-menu{float: right;}
.enter-menu-item{
    float: right;
    margin-left: 15px;
}
.enter-menu-item:last-child{margin-left: 0;}
.enter-menu-link{
    display: inline-block;
    min-width: 36px;
    /*padding-left: 36px;*/
    line-height: 58px;
    height: 56px;
    font-family: 'GothamProbold';
    font-size: 15px;
    color: #000;
    text-decoration: none;
    background: url(/bitrix/templates/teplotechnika/css/../images/enter-menu.png) no-repeat;
    vertical-align: top;
}

.enter-menu-shopcart{
    position: relative;
    background-position: 0 0;
    padding-left: 36px;
}

.enter-menu-compare{
    display: block;
    width: 36px;
    line-height: 58px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon_compare.svg) no-repeat center center;
    position: relative;
}


.enter-menu-person{background-position: 6px -55px;}

.enter-menu-quantity{
    position: absolute;
    top: 50%;
    left: 12px;
    display: block;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background: #ffcd00;
    color: #000;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    line-height: 18px;
}

/***header-main***/
.header-main{
    background: #fff;
    border-bottom: 1px solid #ededed;
}

.header-main-container{
    padding-top: 20px;
    padding-bottom: 29px;
}

.mine-menu-toggle{
    display: none;
    position: absolute;
    top: 40px;
    left: 25px;
    width: 21px;
    height: 20px;
    cursor: pointer;
}

.mine-menu-toggle-lines,
.mine-menu-toggle-lines:before,
.mine-menu-toggle-lines:after{
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    background: #000;
}

.mine-menu-toggle-lines{top: 0;}
.mine-menu-toggle-lines:before{
    content: '';
    top: 8px;
}
.mine-menu-toggle-lines:after{
    content: '';
    top: 16px;
}

.logo-block{
    width: 22.6%;
    float: left;
    height: 55px;
    margin-top: 10px;
}
.logo-block .logo{

}
.logo-block img{
    width: 240px;
}
.slogan-block{
    width: 20%;
    float: left;
    padding-top: 12px;
    height: 63px;
    color: #656565;
    font-size: 13px;
    line-height: 16px;
}
.pricelist-block{
    display: block;
    width: 15%;
    float: left;
    margin-left: 21px;
    padding: 18px 0 0 35px;
    height: 62px;
    color: #000;
    font-size: 16px;
    line-height: 17px;
    text-decoration: none;
    background: url(/bitrix/templates/teplotechnika/css/../images/price-list.png) 0 center no-repeat;
}
.pricelist-block span{
    display: inline-block;
    border-bottom: 1px solid #e2e2e2;
}

.pricelist-block:hover span {border-bottom: 1px solid transparent;}


.header-contact-block{
    float: left;
}
.header-contact-block:last-of-type{
    float: right;
}
.header-contact-block .header-contact-block-adress{
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    margin-bottom: 3px;
}
.header-contact-block .header-contact-block-phone{
    font-size: 16px;
    line-height: 21px;
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.phone-block{
    width: 36.5%;
    float: right;
    padding-top: 14px;
    height: 63px;
}

.header-phone{
    display: block;
    float: right;
    min-height: 22px;
    padding-left: 22px;
    background: url(/bitrix/templates/teplotechnika/css/../images/header-phone.png) 0 center no-repeat;
    font-family: 'GothamProbold';
    font-size: 20px;
    color: #000;
    text-decoration: none;
}
.order-call{
    display: block;
    float: right;
    margin-top: 7px;
    font-size: 16px;
    color: #656565;
    text-decoration: none;
    border-bottom: 1px dashed #e2e2e2;
}
.order-call:hover{border-bottom: 1px dashed transparent;}

.header-cat-menu{border-top: 1px solid #ededed;}

.header-cat-list{
    position: relative;
    z-index: 1000;
    width: 115%;
    height: 58px;
    max-width: 1200px;
    margin: 0 auto;
    display: block;         
    text-align: center;
	overflow:hidden;    
}
.flexMenu-viewMore,
.header-cat-list > .header-cat-item{     
    background: #fff;
    display: block;
    float: left;
    height: 58px;    
    border-right: 1px solid #ededed;   
}
.flexMenu-viewMore{
	position: relative; 
}

.flexMenu-viewMore:hover,
.header-cat-list > .header-cat-item:hover{height: 59px;}

.flexMenu-viewMore > a,
.header-cat-list > .header-cat-item > .header-cat-link{    
    display: block;
    height: 100%;
    padding: 22px 25px 0 25px;    
    font-weight: bold;
    font-size: 13px;
    color: #000;    
    text-transform: uppercase;
    text-decoration: none;    
}

.header-cat-sublist,
.flexMenu-popup {display: none;}

.header-cat-list > .header-cat-item:hover .header-cat-sublist{display: block !important;}

.header-cat-sublist,
.flexMenu-popup {
    min-width: 215px;
	position: absolute;
    margin-top: 0;
    z-index: 0;
    list-style-type: none;
    padding: 20px 25px 15px 25px;
    background-color: #fff;   
    text-align: left;
}
.flexMenu-popup {
	right: 0;
    left: auto;
	top: 58px;
}	
.header-cat-sublink,
.flexMenu-popup .header-cat-link{
    display: block;
    margin-bottom: 8px;
    font-size: 15px;
    color: #656565;
    line-height: 29px;
    text-decoration: none;
}

.header-cat-sublink:hover,
.flexMenu-popup .header-cat-link:hover{color: #000;}
.header-cat-link.root-active {background: #ededed;}
.flexMenu-viewMore ul .header-cat-link.root-active {background-color: transparent;}
.header-cat-subitem.active a{text-decoration:underline;color: #000;}

/***search***/

.search-container{margin-top: 25px;}
.search-container {
    margin-top: 0;
    padding-top: 15px;
}
.header-search{margin: 0 auto;}
.header-search{
    position: relative;    
    height: 62px;
    margin: 0 auto 10px auto;
    padding: 10px 232px 10px 10px;
    background: #fff;
}

.header-whight .search-container{margin-top: 15px;}
.search-container-whight{
    padding-bottom: 5px;
    margin-bottom: 0;
    border-bottom: 1px solid #ededed;
}

.header-search-input{
    display: block;
    padding: 0 15px;
    width: 100%;
    height: 100%;
    border: 1px solid #c7c7c7;
    font-size: 16px;
    color: #656565;
    outline: none;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
       -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
}

.header-search-input:focus{border: 1px solid #00b2e8;}

input.header-search-input::-webkit-input-placeholder{font-size: 16px;color: #c7c7c7;}
input.header-search-input:-ms-input-placeholder{font-size: 16px;color: #c7c7c7;}
input.header-search-input::-moz-placeholder{font-size: 16px;color: #c7c7c7;}
input.header-search-input:-moz-placeholder{font-size: 16px;color: #c7c7c7;}
.fff-back {
    background: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede;
}
.header-search-submit{
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 212px;
    height: 42px;
    border: 2px solid #000;
    color: #000;
    text-align: center;
    background: #fff;
    font-family: 'GothamProbold';
    font-size: 13px;
    text-transform: uppercase;
    outline: none;
}
.search-page form {display: none;}
/***cat-menu-mob***/
.header-cat-menu-mob{
    display: none;
    width: 100%;
}

.header-cat-menu-mob-toggle{
    position: relative;
    height: 64px;
    padding-left: 67px;
    line-height: 69px;
    border-top: 1px solid #ededed;
    font-family: 'GothamProbold';
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    cursor: pointer;
}

.header-cat-menu-mob-toggle:before{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 25px;
    display: block;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    border: 2px solid #000;
    background: url(/bitrix/templates/teplotechnika/css/../images/menu-arrow.png) 5px 1px no-repeat #ffcd00;
}

.header-cat-open.header-cat-menu-mob-toggle:before{background-position: 5px -19px;}

.header-cat-menu-mob-wrapper{display: none;}

.header-cat-menu-mob-wrapper .header-cat-sublist{display: none;}

.header-cat-menu-mob-wrapper .header-cat-list > .header-cat-item:hover .header-cat-sublist,
.header-cat-menu-mob-wrapper .flexMenu-viewMore:hover .flexMenu-popup{display: none !important;}
/***main-menu-mob***/
.overlay{
    position: absolute;
    top: 0;
    right: 140%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 9998;
}
.mob-minemenu{
    position: absolute;
    top: 0;
    left: -280px;
    height: 100%;
    width: 250px;
    background: #fff;
    -webkit-transition: .2s;
       -moz-transition: .2s;
         -o-transition: .2s;
            transition: .2s;
    z-index: 9999;
    -webkit-box-shadow: 12px 0 35px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 12px 0 35px rgba(0, 0, 0, 0.4);
            box-shadow: 12px 0 35px rgba(0, 0, 0, 0.4);
}
.mob-minemenu-open.mob-minemenu{left: 0;}
.overlay-open.overlay{right: 0;}
.overflow{overflow: visible;}

.mob-minemenu-top{
    position: relative;
    height: 90px;
    border-bottom: 1px solid #ededed;
}

.mob-minemenu-close{
	display:none;
    position: absolute;
    top: 50%;
    right: -30px;
    margin-top: -23px;
    width: 20px;
    height: 20px;
    background-image: url(/bitrix/templates/teplotechnika/css/../images/close.png);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    padding: 18px;
    -webkit-box-shadow: 12px 0 35px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 12px 0 35px rgba(0, 0, 0, 0.4);
    box-shadow: 5px 1px 10px rgba(0, 0, 0, 0.4);

}

.mob-minemenu-top .enter-menu-shopcart {
    float: right;
    margin-right: 25px;
    margin-top: 20px;
}

.mob-minemenu .enter-menu-person {
    float: none;
    height: 72px;
    line-height: 72px;
    border-bottom: 1px solid #ededed;
    background-position: 25px -49px;
    padding-left: 57px;
}

.mob-minemenu .mine-menu-list {padding: 15px 25px;}
.mob-minemenu .main-menu-item {float: none;}
.mob-minemenu .main-menu-link {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}

.mob-minemenu .phone-block{
    display: block;
    width: 100%;
    float: none;
    height: 88px;
    position: absolute;
    left: 0;
	top: 445px;
    margin: 0;
    border-top: 1px solid #ededed;
    padding: 25px 35px 0 0;
}

/* header end ----------------------------------------------*/
/* main ----------------------------------------------*/
/***breadcrumbs***/
.breadcrumbs{
    padding-top: 20px;
    padding-bottom: 20px;    
    line-height: 22px;
    font-size: 13px;
    color: #a4a4a4;
}
.breadcrumbs a{
    margin: 0 12px;    
    color: #a4a4a4;
    text-decoration: none;
}
.breadcrumbs a:hover{color: #000;}

.breadcrumbs span:first-child a{
    margin-left: 0;
    display: inline-block;
    height: 21px;
    width: 17px;
    text-indent: -9999px;
    background: url(/bitrix/templates/teplotechnika/css/../images/breadcrumbs.png) center center no-repeat;
}

/***product***/
.product{padding-bottom: 25px;}
.page-name{
    margin: 8px 0 20px 0;
    font-family: 'GothamProbold';
    color: #000;
    font-size: 30px;
    line-height: 35px;
    font-weight: normal;
}
.product-wrap{
    position: relative;
    border: 1px solid #ededed;
    margin-bottom: 25px;
}

.product-img-block{
    padding: 28px 296px 28px 0;
    text-align: center;    
}
.product-img{
    width: auto;
    height: auto;
    max-width: 33%;
    max-height: 100%;
}

.product-bar{
    float: right;
    position: relative;
    width: 296px;
    *min-height: 455px;
    border-left: 1px solid #ededed;    
}

.product-price{
    height: 82px;
    line-height: 82px;
    font-family: 'GothamProbold';
    color: #000;
    font-size: 33px; 
    text-align: center;
}
.item_buttons_counter_block_right{
	display: block;
    height: 71px;
}
.product-add{
    display: block;
    width: 297px;
	border: none;
	text-align: left;
    margin-left: -1px;
    height: 71px;
    line-height: 71px;
    padding-left: 82px;
    background: url(/bitrix/templates/teplotechnika/css/../images/add.png) 27px center no-repeat #ffcd00;
    font-family: 'GothamPro';
    color: #000;
    font-size: 18px;
    text-decoration: none;
}
button.product-add {
    position: absolute;
	top: 0;
	left: 0;
}
button.product-add:hover {
	opacity: .7;
}
.product-add:hover {text-decoration: underline;}
.product-buy{
    display: block;
    height: 76px;
    background: #ededed;
    padding: 15px 20px;
    background-clip: content-box;
    border-bottom: 1px solid #ededed;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    color: #656565;
    text-decoration: none;
}

.product-buy br{display: none;}

.product-descript-block{
    position: relative;
    padding: 15px 20px 35px;
    color: #656565;
    font-size: 14px;
    *height: 247px;    
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.product-descript-more{
    padding-top: 12px;
    position: absolute;
    height: 45px;
    width: 100%;
    bottom: 0;
    left: 0;
    line-height: 15px;
    text-align: center;
    text-decoration: none;
    color: #010101;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px solid #ededed;
}

.product-descript-more span{border-bottom: 1px dashed #e2e2e2;}
.product-descript-more:hover span{border-bottom-color: transparent;}

.product-descript-wrap{
    height: 100%;
    overflow: hidden;
	margin-top: 3px;
}

.product-descript-item{
    height: 14px;
	clear: both;
    margin-bottom: 10px;
    border-bottom: 1px solid #ededed;
}
.product-descript-name{
    /*height: 11px;*/
    float: left;
    background: #fff;
    padding-right: 3px;
}
.product-descript-value{
    /*height: 11px;*/
    float: right;
    background: #fff;
    padding-left: 3px;
	max-width: 50%;
    text-align: right;
	margin-bottom: 4px;
}

.cheaper-wrap{
    padding-top: 15px;
    padding-bottom: 10px;
}

.cheaper{
    display: block;
    width: 195px;
    margin: 13px auto 0;
	padding-left: 48px;
    text-decoration: none;
    font-family: 'GothamProbold';
    color: #000;
    font-size: 15px;
    line-height: 19px;
	position:relative;
}
.cheaper:before {content: '%';position: absolute;left: 2px;font-size: 46px;top: 9px;color: #E50018;}
.cheaper span{
    color: #e50018;
    font-size: 25px;
    display: inline-block;
    padding-left: 4px;
    line-height: 13px;
    vertical-align: middle;
    height: 20px;
}
/***tab-block***/
.product-tab-block{margin-bottom: 12px;}

.product-tab-controls-list{
    position: relative;
    z-index: 2;
    height: 50px;
}

.product-tab-control{
    height: 100%;
    float: left;
    line-height: 20px;
    padding: 15px 40px 0 40px;
    border: 1px solid transparent;    
    font-size: 15px;
    color: #656565;
    cursor: pointer;
}

.product-tab-control span{border-bottom: 1px dashed #e2e2e2;}
.product-tab-control span:hover,
.product-tab-control.active span{border-bottom-color: transparent;}

.product-tab-control.active{
    border-color: #ededed;
    border-bottom-color: transparent;
    color: #000;
    background: #fff;
}

.product-tab-items-list{
    border: 1px solid #ededed;    
    margin-top: -1px;
}

.product-tab-item{
    display: none;
    padding: 30px 40px; 
	color: #656565;	
	line-height: 1.5;
}

.product-tab-item.active{display: block;}
/***question-form***/
.question-form-left{
    width: 50%;
    float: left;
    padding-right: 0;
}
.services .services-form .question-form-left{
    width: 270px;
}
.question-form-left.full {width: 100%;}
.question-form-left.full .question-form-input {background-color: #fff;}
.question-form-right{
    width: 50%;
    float: right;
    padding-left: 21px;
}
.block_logo_image {
    padding-top: 40px;
}
.question-form-input{    
    width: 100%;
    height: 41px;    
    border: 1px solid #c7c7c7;
    margin-bottom: 15px;
    padding: 0 15px 0 44px;
    color: #656565;
    font-size: 14px;
    outline: none;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
       -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
}
.question-captcha-image{
	vertical-align: top;
	display: block;
    margin: 0 auto 10px;
}
.question-form-input.question-captcha-input{
	padding-left: 20px;
}
.question-form-input.error {border-color: #FF0303;}
input.question-form-input::-webkit-input-placeholder{font-size: 14px;color: #656565;font-family: 'PT Sans', sans-serif;}
input.question-form-input:-ms-input-placeholder{font-size: 14px;color: #656565;font-family: 'PT Sans', sans-serif;}
input.question-form-input::-moz-placeholder{font-size: 14px;color: #656565;font-family: 'PT Sans', sans-serif;}
input.question-form-input:-moz-placeholder{font-size: 14px;color: #656565;font-family: 'PT Sans', sans-serif;}
textarea.question-form-input::-webkit-input-placeholder{font-size: 14px;color: #656565;font-family: 'PT Sans', sans-serif;}
textarea.question-form-input:-ms-input-placeholder{font-size: 14px;color: #656565;font-family: 'PT Sans', sans-serif;}
textarea.question-form-input::-moz-placeholder{font-size: 14px;color: #656565;font-family: 'PT Sans', sans-serif;}
textarea.question-form-input:-moz-placeholder{font-size: 14px;color: #656565;font-family: 'PT Sans', sans-serif;}

.question-form-name,
.question-form-tel,
.question-form-email{background: url(/bitrix/templates/teplotechnika/css/../images/input.png) no-repeat;}

.question-form-name{background-position: 14px 11px;}
.question-form-tel{background-position: 14px -27px;}
.question-form-email{background-position: 14px -68px;}

.question-form-input:focus{border: 1px solid #00b2e8;}

.question-form-textarea{
    height: 97px;
    resize: none;
    padding: 8px 20px;
    line-height: 22px;
}

.question-form-button [type=submit]{
    display: block;
    float: right;
    width: 185px;
    height: 42px;
    border: 2px solid #000;
    color: #000;
    text-align: center;
    background: #fff;
    font-family: 'GothamProbold';
    font-size: 13px;
    text-transform: uppercase;
    outline: none;
}
.question-form-ok-text {
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 2px 2px 3px #171313;
    color: #70BF00;
}
.question-form-button input:disabled {background-color: #E6E6E6;}
.question-form-title{    
    color: #000;
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
}
.question-form-title.mess-ok {
    text-align: center;
    text-transform: uppercase;
    color: #FFCD00;
    text-shadow: 0.5px -0.5px 2px #000;
}
.question-form-desc{
    margin-bottom: 26px;
    color: #656565;
    font-size: 15px;
    line-height: 22px;
}
.question-form-input:disabled {background-color: #E6E6E6;}
/***associated***/
.associated-title{
    font-family: 'GothamProbold';
    font-size: 22px;
    color: #000;
    line-height: 32px;
    margin: 24px 0;
}

.associated-list{
    height: 390px;
    overflow: hidden;
    border: 1px solid #ededed;
    border-right: none;
}

.associated-item{
    position: relative;
    width: 20%;
    height: 390px;
    float: left;
    border-right: 1px solid #ededed;    
}
.associated-link{
    color: #000;
    text-decoration: none;
}
.associated-img-block{
    margin: 0;
    padding: 40px 0 100px 0;
    height: 100%;
    text-align: center;
}
.associated-img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    max-width: 55% !important;
    max-height: 100% !important;
}
.cat-img-wrap.big-data{
	height: 180px;
    margin-bottom: 60px;
}

/*.associated-descript{
    position: absolute;
    bottom: 28px;
    left: 0;
    width: 100%;
}*/
.associated-name{
    margin-bottom: 8px;
    font-family: 'GothamPro';
    font-size: 15px;
    line-height: 20px;
}
.associated-price{
    font-family: 'GothamProbold';
    font-size: 16px;
    line-height: 20px;
}

/***contacts***/
.contacts{padding-bottom: 25px;}

.intro{
    margin-bottom: 40px;
    color: #656565;
    font-size: 16px;
    line-height: 22px;
}
.contacts-list{margin-bottom: 20px;}

.contacts-item{
    position: relative;
    min-height: 120px;
    width: 25%;
    float: left;
    padding: 0 15px 0 70px;
    font-size: 16px;
    line-height: 22px;
    color: #656565;    
}

.contacts-item:before{
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 46px;
    height: 46px;
    background: url(/bitrix/templates/teplotechnika/css/../images/contacts.png) no-repeat;
}
.container-address:before{background-position: 0 0;}
.container-tel:before{background-position: -46px 0;}
.container-mail:before{background-position: -92px 0;}
.container-skype:before{background-position: -138px 0;}

.contacts-item-title{
    margin-bottom: 6px;
    font-family: 'GothamPro';
    color: #000;
    font-size: 16px;
    line-height: 1.2;    
}

.contacts-tel,
.contacts-mail,
.contacts-skype{    
    color: #656565;
    text-decoration: none;
}

.contacts-tel:hover,
.contacts-mail:hover,
.contacts-skype:hover{color: #000;}

.contacts-mail span{border-bottom: 1px solid #e2e2e2;}
.contacts-mail:hover span{border-bottom-color: transparent;}
.contacts-form-wrap{
    padding: 30px 42px 35px 42px;
    border: 1px solid #ededed;
}

.contacts-tel div {display: inline;}
/***map***/
.map{
    position: relative;
    height: 500px;
    background: red;
}
.map-baloon{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -51px 0 0 -20.5px;    
    display: block;
    width: 41px;
    height: 51px;
    background: url(/bitrix/templates/teplotechnika/css/../images/map-baloon.png) no-repeat;
    
}
/***person***/
.person{padding-bottom: 27px;}
.whelcome{margin-bottom: 12px;}
.exit-button{
    margin-bottom: 22px;
    display: block;
    width: 120px;
    height: 45px;
    background: #ededed;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    color: #656565;
    font-size: 15px;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
}
.person-list{border: 1px solid #ededed;}

.person-item{
    position: relative;
    width: 33.33%;
    float: left;
    min-height: 228px;
    padding: 40px 20px 0 100px;
    border-right: 1px solid #ededed;
}
.person-item:last-child{border-right: none;}

.person-item:before{
    content: '';
    display: block;
    width: 49px;
    height: 53px;
    position: absolute;
    top: 18px;
    left: 25px;
    background: url(/bitrix/templates/teplotechnika/css/../images/person.png) no-repeat;
}

.person-item-account:before{background-position: 0 0;}
.person-item-orders:before{background-position: -49px 0;}
.person-item-subscription:before{background-position: -98px 0;}

.person-title{    
    font-family: 'GothamPro';
    color: #000;
    font-size: 20px;
    line-height: 1.2; 
    text-decoration: none;
}

.person-link-list{padding-top: 10px;}

.person-item-link{margin-bottom: 10px;}
.person-link{
    color: #656565;
    font-size: 16px;
    line-height: 18px; 
    text-decoration: none;
}

.person-link:hover{color: #000;}

/***catalog-nav***/
.catalog{position: relative;}
.catalog-nav{
    padding-right: 230px;
   /* margin-bottom: 55px*/
}

.catalog-nav-item{
    height: 32px;
	background-color: #ededed;
    margin: 0 4px 3px 0;
    float: left;
	color: #000;
}
.catalog-nav-item:hover {background-color: #00AAE5;}
.catalog-nav-item:hover a {color: #fff;}
.catalog-nav-link{
    display: block;
    height: 100%;
    padding: 0 18px;
    line-height: 32px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
}

.catalog-nav-item.active {
    margin-right: 6px;
}

.active .catalog-nav-link{
    background: #ededed;
    color: #000;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
       -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
}
/***blue-block***/
.blue-block{
    width: 230px;
    position: absolute;
    top: 0;
    right: 25px;
    padding: 15px 15px 50px 15px;
    background: rgb(0,178,232);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjJlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlkZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,178,232,1) 0%, rgba(0,157,225,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,178,232,1) 0%,rgba(0,157,225,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,178,232,1) 0%,rgba(0,157,225,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2e8', endColorstr='#009de1',GradientType=0 );
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

.blue-button-block{
    height: 33px;
    width: 100%;
    position: absolute;
    bottom: 2px;
    left: 0;
    padding: 0 2px;
}
.blue-button{
    display: block;
    float: left;
    width: 50%;
    height: 100%;
    background: #fff;
    background-clip: content-box;
    line-height: 33px;
    text-align: center;
    text-decoration: none;
    color: #00a3e3;
    font-size: 14px;
}
.blue-button:first-child{border-right: 1px solid transparent;}
.blue-button:last-child{border-left: 1px solid transparent;}
/***filt-by***/
.filt-by{
    height: 45px;
    border: 1px solid #ededed;       
    padding: 12px 18px;
    font-size: 14px;
    color: #656565;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.filt-by-link{
    margin: 0 8px;
    text-decoration: none;
    color: #656565;
    border-bottom: 1px dashed #e2e2e2;    
}
.filt-by-link:hover{border-bottom-color: transparent;}
.filt-by-link.active{
    color: #000;
    border-bottom-color: transparent;
}
.filt-by-link.active:after {
    width: 0;
    height: 0;
    border: 7px solid transparent;
    content: '';
    display: inline-block;
    margin: 0 0 0 8px;
}
.filt-by-link.active.desc:after {
    border-bottom-color: #0e0e0e;
    border-top: 0;
}
.filt-by-link.active.asc:after {
    border-top-color: #0e0e0e;
    border-bottom: 0;
}
/***filter-toggle-button***/
.filter-toggle-button{
    display: none;
    width: 100%;
    max-width: 300px;
    height: 42px;
    margin: 0 auto 18px auto;
    border: 2px solid #000;
    background: #ffcd00;
    cursor: pointer;
    font-family: 'GothamProbold';
    text-transform: uppercase;
    color: #000;
    font-size: 13px;
    line-height: 42px;
    text-align: center;
}
.filter-block-hg {position: relative;}
.filter-brends-height {
	overflow-y: hidden;
	overflow-x: visible;
	-webkit-transition: height 1s;
		-moz-transition: height 1s;
			-o-transition: height 1s;
	transition: height 1s;
}
.filter-brends-height.hide-block {height: 137px;}
/***sidebar-catalog***/
.sidebar-catalog{
    width: 230px;
    float: right;    
}
.bx-filter{
    margin-top: 0px;
}
.bx-filter-container-modef {
    position: relative;
    top: -15px;
    left: -10px;
	width: 100%;
	display: block;
}
.smartfilter {
    padding: 30px 15px 20px 15px;
}
.bx-filter .bx-filter-button-box{
    margin-top: 20px;
}
.bx-filter .bx-filter-button-box .bx-filter-parameters-box-container{
    padding-bottom: 0px;
}
.bx-filter .bx-filter-search-reset{
    margin-bottom: 0px;
}
.catalog-list-wrap{padding-right: 230px;}

/***mob-filter***/
.mob-filter{
    position: absolute;
    top: 0;
    right: -280px;
    height: 100%;
    width: 250px;
    padding: 26px;
    background: #ededed;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    z-index: 9999;
    -webkit-box-shadow: -12px 0 35px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -12px 0 35px rgba(0, 0, 0, 0.4);
    box-shadow: -12px 0 35px rgba(0, 0, 0, 0.4);
}
.mob-filter-open.mob-filter {right: 0;}
.filter-button-close{    
    width: 100%;    
    height: 42px;
    margin: 0 auto 18px auto;
    border: 2px solid #000;
    background: #ffcd00;
    cursor: pointer;
    font-family: 'GothamProbold';
    text-transform: uppercase;
    color: #000;
    font-size: 13px;
    line-height: 42px;
    text-align: center;
}
/***sidebar-baner-serveses***/
.sidebar-baner-serveses{
    padding: 25px 17px 33px 20px;
    background: rgb(80,86,91);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-linear-gradient(top, rgba(80,86,91,1) 0%,rgba(64,71,76,1) 100%);
    background: -moz-linear-gradient(top, rgba(80,86,91,1) 0%, rgba(64,71,76,1) 100%);
    background: linear-gradient(to bottom, rgba(80,86,91,1) 0%,rgba(64,71,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50565b', endColorstr='#40474c',GradientType=0 );
    color: #fff;
    margin-left: -2px;    
    position: relative;
}

.sidebar-baner-serveses-title{
    margin-bottom: 30px;
    text-align: center;
    color: #fff;
    font-family: 'GothamProbold';
    font-size: 24px;
    line-height: 1.2;
}
.sidebar-baner-serveses-item{margin-bottom: 27px;}
.sidebar-baner-serveses-item:last-child{margin-bottom: 0;}

.sidebar-baner-serveses-link{
    position: relative;
    display: block;
    padding: 0px 0 0 62px;
    height: 43px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    line-height: 17px;
}
.sidebar-baner-serveses-link:hover{color: #ffcd00;}

.sidebar-baner-serveses-link:before{
    content: '';
    display: block;
    width: 54px;
    height: 43px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/bitrix/templates/teplotechnika/css/../images/serveses.png) no-repeat;
}

.sidebar-baner-serveses-link1:before {background-position: 0 -42px;}
.sidebar-baner-serveses-link2:before {background-position: 0 -86px;}
.sidebar-baner-serveses-link3:before {background-position: 0 0;}
.sidebar-baner-serveses-item:hover .sidebar-baner-serveses-link1:before {background-position: -54px -42px;}
.sidebar-baner-serveses-item:hover .sidebar-baner-serveses-link2:before {background-position: -54px -86px;}
.sidebar-baner-serveses-item:hover .sidebar-baner-serveses-link3:before {background-position: -54px 0;}
/***sidebar-baner-descont***/
.sidebar-baner-descont{
    padding: 30px 40px 28px 40px;
    text-align: center;
    color: #fff;
    background: rgb(180,186,74);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-linear-gradient(top, rgba(180,186,74,1) 0%,rgba(135,148,60,1) 100%);
    background: -moz-linear-gradient(top, rgba(180,186,74,1) 0%, rgba(135,148,60,1) 100%);
    background: linear-gradient(to bottom, rgba(180,186,74,1) 0%,rgba(135,148,60,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ba4a', endColorstr='#87943c',GradientType=0 );
    margin-left: -2px;    
    position: relative;
}

.sidebar-baner-persent{
    margin-bottom: 15px;
    font-family: 'GothamProBlack';
    font-size: 60px;
    line-height: 0.8;
}
.sidebar-baner-descont-title{
    font-family: 'GothamProbold';
    font-size: 24px;
    line-height: 35px;
}
.sidebar-baner-descont-desc{
    margin-bottom: 10px;
    font-family: 'GothamPro';
    font-size: 18px;
    line-height: 35px;
}
.sidebar-baner-descont-img-block{margin-bottom: 25px;}
.sidebar-baner-descont-more {
    display: block;
    width: 100%;
    height: 42px;
    line-height: 40px;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;    
    font-family: 'GothamProbold';
    font-size: 13px;
    text-transform: uppercase;
    outline: none;
    text-decoration: none;
}

/***page-nav***/
.catalog-page-nav{
    height: 45px;
    border-top: 1px solid #ededed;    
    padding: 16px 17px;
    line-height: 0.8;
    width: 100%;
    margin-top: -1px;
}
.page-nav-prev,
.page-nav-number,
.page-nav-dots,
.page-nav-next{
    display: inline-block;
    height: 21px;
    font-family: 'GothamProbold';
    color: #000;
    font-size: 18px;
    line-height: 21px;
    text-decoration: none;
    margin-right: 20px;
}
.page-nav-prev,
.page-nav-next{
    width: 9px;
    text-indent: -500px;
    background: url(/bitrix/templates/teplotechnika/css/../images/page-arrows.png) no-repeat;
}
.page-nav-next{background-position: 0 -13px; text-indent:-99999px;}

.pages-page-nav .page-nav-next{
    position: relative;
    top: 3px;
}

.page-nav-number.active{color: #009de1;}

/***anotation***/
.anotation{
	clear: both;
	padding: 30px;
	padding-top: 15px;
	color: #656565;
    line-height: 1.3;
}
.anotation a{
	color: #000;
}
.anotation-title{
    font-family: 'GothamProbold';
    color: #000;
    font-size: 22px;
    line-height: 1.2;
}
.anotation p{
    margin: 25px 0;
    font-size: 15px;
    color: #656565;
    line-height: 22px;
}
/***brend-menu***/
.brend-menu{border-top: 1px solid #ededed;}
.brend-menu-wrap{
    position: relative;
    height: 65px;
    padding-top: 20px;
}
.brend-menu-list{    
    height: 22px;
    /*overflow: hidden;*/
}
.brend-menu-item{
    margin-right: 35px;
    float: left; 
	margin-bottom: 10px;	
}
.brend-menu-link{    
    font-size: 14px;
    color: #000;
    line-height: 17px;
    border-bottom: 1px solid #e2e2e2;
    text-decoration: none;
}
.brend-menu-more{
    position: absolute;
    top: 14px;
    right: 25px;
    display: block;
    width: 163px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    background: #ededed;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: -20px 0 15px rgba(255, 255, 255, 1);
       -moz-box-shadow: -20px 0 15px rgba(255, 255, 255, 1);
            box-shadow: -20px 0 15px rgba(255, 255, 255, 1);
    color: #656565;
    font-size: 14px;    
}
/***catalog-page-list***/
.catalog-page-list-wrap {
    float: left;
    width: 100%;
    border: 1px solid #ededed;
    border-top: none;
}
.catalog-page-list-wrap.search {border-top: 1px solid #ededed;}
.catalog-page-item{
    position: relative;
    width: 25%;
    height: 376px;
    float: left; 
    border: 1px solid #ededed;
    border-left: none;
    border-top: none;    
}
.cat-link{
    color: #000;
    text-decoration: none;
}
.cat-img-block{    
    position: relative;
    height: 375px;
    margin: 0;
    left: 0;
    padding-top: 50px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    background: #fff;
    -webkit-transition: height .25s;
       -moz-transition: height .25s;
         -o-transition: height .25s;
            transition: height .25s;    
}
.cat-img-block:hover{     
    left: -4px;
    height: 440px;
    width: -webkit-calc(100% + 8px);    
       width: -moz-calc(100% + 8px);    
            width: calc(100% + 8px);
    z-index: 230;
   -webkit- box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.cat-img-wrap{
    position: relative;
    height: 210px;
    margin-bottom: 12px;
    padding: 0 15px;
}
.cat-img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    max-width: 72.215% !important;
    max-height: 100% !important;
    transition: all 0.3s ease;
}
.cat-name{
    margin-bottom: 8px;
    font-family: 'GothamPro';
    font-size: 15px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
	padding:0 10px;
}
.cat-name a{color: inherit;text-decoration: inherit;}
.cat-name a:hover{text-decoration:none}
.cat-price{
    font-family: 'GothamProbold';
    font-size: 16px;
    line-height: 20px;
	font-weight: bold;
}
.cat-descript{
    position: relative;
    padding-bottom: 80px;
}
.cat-incart{
    position: absolute;
    left: 25px;
	border: none;
    bottom: 20px;
    display: block;
    width: 79px;
    height: 42px;
    background: url(/bitrix/templates/teplotechnika/css/../images/add.png) center center no-repeat #ffcd00;  
	-webkit-transition: .3s;
       -moz-transition: .3s;
         -o-transition: .3s;
            transition: .3s;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.cat-incart:hover{
	opacity:.7;
}
.cat-incart.in-cart,
.product-add.in-cart {background-color: #535a5f;}
.product-add.in-cart.no-ico{background-image: none;padding-left: 30px;}
.cat-oneclick{
    position: absolute;
    right: 25px;
    bottom: 20px;
    display: block;
    width: 100px;
    height: 42px;
    text-align: left;
    color: #000;
    font-size: 14px;
    text-decoration: none;
    line-height: 18px;
}
/***color baners***/
.main-wight{background: #fff;}

.color-baners-wrap{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
}
.color-baners{      
    margin-bottom: 10px;    
}

.color-baners-right-block{
    float: right;
    width: 40%;
    padding-left: 10px;
}

.color-baners-right-left-block{
    float: left;
    width: 50%;
    padding-right: 5px;
    height: 240px;
    margin-bottom: 10px;
}

.color-baners-right-right-block{
    float: right;
    width: 50%;
    padding-left: 5px;
    height: 240px;
    margin-bottom: 10px;
}

.color-baners-right-left{
    height: 100%;
    background: rgb(180,186,74);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0YmE0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Nzk0M2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-linear-gradient(top,  rgba(180,186,74,1) 0%,rgba(135,148,60,1) 100%);
       background: -moz-linear-gradient(top,  rgba(180,186,74,1) 0%, rgba(135,148,60,1) 100%);
            background: linear-gradient(to bottom,  rgba(180,186,74,1) 0%,rgba(135,148,60,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ba4a', endColorstr='#87943c',GradientType=0 );
}

.color-baners-right-right{
    height: 100%;
    background: rgb(189,0,0);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MzAzMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-linear-gradient(top,  rgba(189,0,0,1) 0%,rgba(147,3,3,1) 100%);
       background: -moz-linear-gradient(top,  rgba(189,0,0,1) 0%, rgba(147,3,3,1) 100%);    
            background: linear-gradient(to bottom,  rgba(189,0,0,1) 0%,rgba(147,3,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd0000', endColorstr='#930303',GradientType=0 );
}

.color-baners-right-bottom-wrap{
    float: right;
    padding-left: 10px;
    width: 40%;
}

.color-baners-right-bottom{
    position: relative;
    padding: 20px 25px 0 25px;
    height: 240px;    
    background: rgb(80,86,91);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwNTY1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDQ3NGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-linear-gradient(top,  rgba(80,86,91,1) 0%,rgba(64,71,76,1) 100%);
       background: -moz-linear-gradient(top,  rgba(80,86,91,1) 0%, rgba(64,71,76,1) 100%);
            background: linear-gradient(to bottom,  rgba(80,86,91,1) 0%,rgba(64,71,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50565b', endColorstr='#40474c',GradientType=0 );
    color: #fff;
}

.color-baners-right-left-wrap{
    position: relative;
    height: 100%;
    padding: 20px 23px 0 23px;
    background: url(/bitrix/templates/teplotechnika/css/../images/coint.png) right bottom no-repeat;
    color: #fff;
}
.color-baners-right-right-wrap{
    position: relative;
    height: 100%;
    padding: 20px 23px 0 23px;
    background: url(/bitrix/templates/teplotechnika/css/../images/hands.png) center bottom no-repeat;
    color: #fff;
}

.color-baners-right-left-title{
    margin-bottom: 14px;
    font-family: 'GothamProbold';
    font-size: 19px;
    line-height: 27px;
    color: #fff;

}
.color-baners-right-right-title{
    margin-bottom: 14px;
    font-family: 'GothamProbold';
    font-size: 19px;
    line-height: 26px;
    color: #fff;
}
.color-baners-bottom-title{
    margin-bottom: 27px;
    text-align: center;
    font-family: 'GothamProbold';
    font-size: 24px;
    line-height: 35px;
    color: #fff;
}

.go-in-cat{
    display: block;
    position: absolute;
    bottom: 37px;
    left: 25px;
    width: 210px;
    height: 42px;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;    
    font-family: 'GothamProbold';
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 40px;
}

.color-baners-right-text{
    font-size: 13px;
    line-height: 21px;
    margin: 0;
}

.color-baners-serves-list{
    text-align: center;
    font-size: 0;
    letter-spacing: -8px;
}

.color-baner-serves-item{
    position: relative;
    width: 33.33%;
    display: inline-block;
    vertical-align: top;    
}

.color-baner-serves-link{    
    display: block;
    padding-top: 64px;
    font-size: 13px;
    letter-spacing: 0;
    color: #fff;
    line-height: 17px;
    text-decoration: none;
}

.color-baner-serves-link:hover{color: #ffcd00;}

.color-baner-serves-link:before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -27px;
    width: 54px;
    height: 43px;
    background: url(/bitrix/templates/teplotechnika/css/../images/serveses.png) no-repeat;
}
.serves1 .color-baner-serves-link:before{background-position: 0 -42px; }
.serves1:hover .color-baner-serves-link:before{background-position: -54px -42px; }
.serves2 .color-baner-serves-link:before{background-position: 0 -86px; }
.serves2:hover .color-baner-serves-link:before{background-position: -54px -86px; }
.serves3 .color-baner-serves-link:before{background-position: 0 -0px; }
.serves3:hover .color-baner-serves-link:before{background-position: -54px -0px; }
/***catalog***/
.catalog-block{    
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;           
}

.catalog-wrap{
    position: relative;
    background: #fff;    
    padding-top: 32px;
    margin-bottom: 25px;
}

.catalog{
    overflow: visible;        
    -webkit-transition: .2s;
       -moz-transition: .2s;
         -o-transition: .2s;
            transition: .2s;
}

.catalog-title{
    margin-bottom: 15px;
    text-align: center;
    font-family: 'GothamProbold';
    color: #000;
    font-size: 30px;    
}

.catalog-text{
    margin-bottom: 30px;
    text-align: center;
    font-family: 'GothamPro';
    color: #000;
    font-size: 15px; 
}
.catalog-list{
    font-size: 0;
    letter-spacing: -8px;
    text-align: center;
    padding: 0 25px;
}

.catalog-item{
    position: relative;
    min-height: 84px;
    padding-bottom: 25px;
    width: 25%;
    display: inline-block;
    vertical-align: top;    
    padding-left: 65px;
    text-align: left;
}
.catalog-item:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 54px;
    height: 59px;
    background: url(/bitrix/templates/teplotechnika/css/../images/catalog-nn.png) no-repeat;
}
.catalog-item-kotly:before{background-position: 0 0;}
.catalog-item:hover.catalog-item-kotly:before{background-position: -54px 0;}

.catalog-item-truby:before{background-position: 0 -177px;}
.catalog-item:hover.catalog-item-truby:before{background-position: -54px -177px;}

.catalog-item-radiato:before{background-position: 0 -60px;}
.catalog-item:hover.catalog-item-radiato:before{background-position: -54px -60px;}

.catalog-item-fitingi:before{background-position: 0 -236px;}
.catalog-item:hover.catalog-item-fitingi:before{background-position: -54px -236px;}

.catalog-item-vodonag:before{background-position: 0 -118px;}
.catalog-item:hover.catalog-item-vodonag:before{background-position: -54px -118px;}

.catalog-item-inzhene:before{background-position: 0 -295px;}
.catalog-item:hover.catalog-item-inzhene:before{background-position: -54px -295px;}

.catalog-item-emkosti:before{background-position: 0 -414px;}
.catalog-item:hover.catalog-item-emkosti:before{background-position: -54px -414px;}

.catalog-item-nasosno:before{background-position: 0 -354px;}
.catalog-item:hover.catalog-item-nasosno:before{background-position: -54px -354px;}

.catalog-item-kondits:before{background-position: 0 -704px;}
.catalog-item:hover.catalog-item-kondits:before{background-position: -54px -704px;}

.catalog-item-pribory:before {background-position: 0 -475px;}
.catalog-item:hover.catalog-item-pribory:before {background-position: -54px -475px;}

.catalog-item-raskhod:before {background-position: 0 -1121px;}
.catalog-item:hover.catalog-item-raskhod:before {background-position: -55px -1121px;}

.catalog-item-membran:before {background-position: -5px -1060px;width: 45px;}
.catalog-item:hover.catalog-item-membran:before {background-position: -52px -1060px;}

.catalog-item-rasshir:before {background-position: -5px -1060px;width: 45px;}
.catalog-item:hover.catalog-item-rasshir:before {background-position: -52px -1060px;}

.catalog-item-vodopod:before {background-position: 0px -649px;width: 54px;}
.catalog-item:hover.catalog-item-vodopod:before {background-position: -54px -649px;}

.catalog-item-elektro:before {background-position: 0px -1000px;width: 54px;}
.catalog-item:hover.catalog-item-elektro:before {background-position: -54px -1000px;}

.catalog-item-pishche:before {background-position: -5px -1256px;width: 65px;}
.catalog-item:hover.catalog-item-pishche:before {background-position: -77px -1256px;}

.catalog-item-raskhod:before {background-position: -7px -1443px;width: 60px;}
.catalog-item:hover.catalog-item-raskhod:before {background-position: -79px -1443px;}

.catalog-item-ochistk:before {background-position: -8px -1381px;width: 60px;}
.catalog-item:hover.catalog-item-ochistk:before {background-position: -82px -1381px;}

.catalog-item-obogrev:before {background-position: -6px -1317px;width: 56px;}
.catalog-item:hover.catalog-item-obogrev:before {background-position: -78px -1317px;}

.catalog-item-santekh:before {background-position: 0px -1188px;}
.catalog-item:hover.catalog-item-santekh:before {background-position: -72px -1188px;}

.catalog-item-otopite:before {background: url(/bitrix/templates/teplotechnika/css/../images/catalog.png) no-repeat; background-position: 0px -1496px;}
.catalog-item:hover.catalog-item-otopite:before {background-position: -72px -1496px;}

.catalog-item-innovat:before {background-position: -2px -1625px;}
.catalog-item:hover.catalog-item-innovat:before {background-position: -60px -1625px;}



.catalog-item-baki_dl:before{
    width: 53px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-catalog-baki_dl.svg) no-repeat center center;
}
.catalog-item:hover.catalog-item-baki_dl:before{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-catalog-baki_dl-active.svg) no-repeat center center;
}
.catalog-item-gorelki:before{
    width: 53px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-catalog-gorelki.svg) no-repeat center center;
}
.catalog-item:hover.catalog-item-gorelki:before{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-catalog-gorelki-active.svg) no-repeat center center;
}
.catalog-item-vozobno:before{
    width: 53px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-catalog-innovat.svg) no-repeat center center;
}
.catalog-item:hover.catalog-item-vozobno:before{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-catalog-innovat-active.svg) no-repeat center center;
}
.catalog-item-obogrev:before{
    width: 53px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-catalog-obogrev.svg) no-repeat center center;
}
.catalog-item:hover.catalog-item-obogrev:before{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-catalog-obogrev-active.svg) no-repeat center center;
}
.catalog-item-ochistk:before{
    width: 53px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-catalog-ochistk.svg) no-repeat center center;
}
.catalog-item:hover.catalog-item-ochistk:before{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-catalog-ochistk-active.svg) no-repeat center center;
}
.catalog-item-pechi_n:before{
    width: 53px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-catalog-pechi_n.svg) no-repeat center center;
}
.catalog-item:hover.catalog-item-pechi_n:before{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-catalog-pechi_n-active.svg) no-repeat center center;
}
.catalog-item-raskhod:before{
    width: 53px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-catalog-raskhod.svg) no-repeat center center;
}
.catalog-item:hover.catalog-item-raskhod:before{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-catalog-raskhod-active.svg) no-repeat center center;
}



.personal .sale-order-payment-change-pp-company-image{background-size: auto 60%;}


.catalog-link-title{
    display: block;
    height: 17px;
    margin-bottom: 5px;
    font-family: 'GothamProbold';
    color: #000;
    font-size: 15px; 
    letter-spacing: 0;
    text-decoration: none;
}

.catalog-link{
    display: block;
    color: #656565;
    font-size: 13px; 
    letter-spacing: 0;
    text-decoration: none;
    line-height: 24px;
}
.catalog-link:hover{color: #000;}
.catalog-item .root-item{
	font-size: 15px;
    font-weight: bold;
    color: #000000;}
.catalog-more{
    position: relative;
    height: 68px;    
    line-height: 69px;
    margin: 0 25px;
    border-top: 1px solid #ededed;
    font-family: 'GothamProbold';
    text-align: center;
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    cursor: pointer;
	background-color: #fff;
}

.no-borderradius .catalog-more{display: none;}

.catalog-more:before{
    content: '';
    margin-right: 4px;
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    border: 2px solid #000;
    background: url(/bitrix/templates/teplotechnika/css/../images/menu-arrow.png) 5px 1px no-repeat #ffcd00;
}

.catalog-more-open.catalog-more:before{background-position: 5px -19px;}

.catalog-more-text{
    display: inline-block;
    vertical-align: middle;
}
/***duble-block***/
.duble-block{
    margin-bottom: 25px;
    background: rgb(80,86,91);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwNTY1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDQ3NGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(80,86,91,1) 0%, rgba(64,71,76,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(80,86,91,1) 0%,rgba(64,71,76,1) 100%);
    background: linear-gradient(to bottom,  rgba(80,86,91,1) 0%,rgba(64,71,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50565b', endColorstr='#40474c',GradientType=0 );    
}

.duble-block-wrap{     
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 );
}

.duble-block-container{height: 510px;}

.duble-block-left{
    position: relative;
    float: left;
    height: 100%;
    width: 60%;
    padding: 30px 40px 40px 0;
    background: #fff;
}

.no-cssgradients .duble-block-left{padding-left: 25px;}
.duble-block-right{
    position: relative;
    float: right;
    height: 100%;
    width: 40%;
    padding: 30px 10px 100px 40px;
}
.duble-block-left-title{
    margin-bottom: 20px;
    font-family: 'GothamProbold';
    font-size: 22px;
    line-height: 32px;
    color: #000;
}
.duble-block-left-desc{
    position: relative;
    padding-left: 150px;
    color: #656565;
    font-size: 15px;
    line-height: 22px;
}

.duble-block-left-desc p{
    margin: 0 0 4px 0;
    line-height: 1.2;
    /*text-indent: 20px;*/
    text-align: justify;
}
@media screen and (max-width: 1180px){
	.duble-block-left-desc p{line-height: 1;}
}
@media screen and (max-width: 950px){
	.duble-block-left-desc p{line-height: 1.3;}
}

.duble-block-left-imgblock{
    position: absolute;
    top: 5px;
    left: 0;
    width: 120px;
}
.duble-block-left-img{
    display: block;
    margin-bottom: 15px;
}
.duble-block-left-desc .duble-block-left-img{
	max-width: 135px;
	height:auto!important
}
.duble-block-left-name{
    margin-bottom: 10px;
    font-family: 'GothamProbold';
    font-size: 14px;
    line-height: 19px;
    color:  #000;
}
.duble-block-left-rank{
    color: #656565;
    font-size: 13px;
    line-height: 19px;
}
.duble-block-right-title{
    margin-bottom: 20px;
    font-family: 'GothamProbold';
    font-size: 22px;
    line-height: 32px;
    color: #fff;
}

.duble-block-right-item{
    margin-bottom: 20px;
    padding-left: 27px;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    background: url(/bitrix/templates/teplotechnika/css/../images/list.png) 0 5px no-repeat;    
}
.duble-block-for-opt{
    display: block;
    position: absolute;
    bottom: 44px;
    left: 53px;
    width: 344px;
    height: 42px;
    border: 2px solid #ffcd00;
    color: #ffcd00;
    text-align: center;
    font-family: 'GothamProbold';
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 40px;
}
/***news-block***/
.news-block-wrap{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 25px auto;
    padding: 0 25px;
}
.news-block{
    padding: 25px 0;
    background: #fff;    
}

.news-actions,
.advices{   
    position: relative;
    width: 33.33%;
    height: 100%;    
    float: left;
    padding: 0 25px 60px 25px;
    border-right: 1px solid #ededed;
}

#news-actions, #advices{min-height: 305px;}






.newContentBlock.objects-main-page{
    width: 100%;
    display: inline-block;
    margin-bottom: 40px;
    vertical-align: top;
}
.newContentBlock.objects-main-page .objects{
    width: 100%;
    text-align: center;
    padding-top: 37px;
    background: white;
    padding-bottom: 107px;
}
.newContentBlock.objects-main-page .news-actions{
    width: 100%;
    text-align: left;
    padding-top: 38px;
    background: white;
    padding-left: 37px;
    padding-right: 37px;
    padding-bottom: 82px;
}

.newContentBlock.objects-main-page .news-block-title{
    font-size: 30px;
    line-height: 29px;
}
.newContentBlock.objects-main-page.about-page-modef .news-block-title{
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 8px;
}
.newContentBlock.objects-main-page .news-actions .news-block-title{
    margin-bottom: 32px;
    vertical-align: top;
}

.newContentBlock.objects-main-page .news-block-title + p{
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 12px;
}
.newContentBlock.objects-main-page.about-page-modef .news-block-title + p{
    color: #555555;
    margin-bottom: 21px;
}

.newContentBlock.objects-main-page .newsblock-prew-list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    margin: 0 -17px;
}
.newContentBlock.objects-main-page .newsblock-prew-list .newsblock-prew-item{
    width: 50%;
    box-sizing: border-box;
    padding: 0 20px;
    margin-bottom: 30px;
}
.newContentBlock.objects-main-page .newsblock-prew-list .newsblock-prew-imgblock{
    width: 160px;
    padding-top: 0px;
    margin-bottom: 0px;
}
.newContentBlock.objects-main-page .newsblock-prew-list .newsblock-prew-imgblock img{
    margin-bottom: 0px;
}
.newContentBlock.objects-main-page .newsblock-prew-list .newsblock-prew-desc{
    padding-left: 180px;
}
.newContentBlock.objects-main-page .newsblock-prew-list .newsblock-prew-desc .newsblock-prew-date{
    font-size: 14px;
    line-height: 21px;
    color: #B6B6B6;
    margin-bottom: 8px;
}
.newContentBlock.objects-main-page .newsblock-prew-list .newsblock-prew-desc .newsblock-prew-title{
    font-size: 18px;
    line-height: 23px;
    font-weight: bold;
    margin-bottom: 9px;
}
.newContentBlock.objects-main-page .newsblock-prew-list .newsblock-prew-desc .newsblock-prew-desc-text{
    font-size: 15px;
    line-height: 21px;
    color: #555555;
}


.objects-home-container{

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    margin: 0 -5px;
}
.newContentBlock.objects-main-page.object-page-modef .objects-home-container{

}
.object-page-modef .objects-home-item{
    width: 25%;
}
.objects-home-container .objects-home-item .newsblock-prew-img{
    max-height: 100%;
}

.objects-home-item{
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    padding: 20px 20px 20px;

    text-align: left;
}
.objects-home-item .objects-home-item-name{
    margin-top: 13px;
}
.objects-home-item .objects-home-item-name a,
.objects-home-item .objects-home-item-name a h3{
    font-size: 18px;
    line-height: 23px;
    font-weight: bold;
}
.newContentBlock .news-block-link{
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    padding: 0 45px;
}





.objects{  
    position: relative;
    width: 33.34%;
    height: 100%;
    min-height: 365px;
    float: right;
    padding: 0 25px 60px 25px;
    font-size: 13px;
    line-height: 20px;
}
.objects-prew-link{
    display: block;
    color: #656565;
    text-decoration: none;
}
.news-block-title{
    margin-bottom: 10px;
    font-family: 'GothamProbold';
    color: #000;
    font-size: 22px;
    line-height: 32px;
}
.news-block-link{
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 25px;
    height: 42px;
    padding: 0 17px;
    border: 2px solid #000;
    color: #000;
    text-align: center;
    font-family: 'GothamProbold';
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 40px;
}
.newsblock-prew-item{margin-bottom: 15px;}
.newsblock-prew-item:last-child{margin-bottom: 0;}
.newsblock-prew-link{
    display: block;
    color: #656565;
    text-decoration: none;
}
.newsblock-prew-link a{
	text-decoration: none;
	color: #000;
    border-bottom: 1px solid #e2e2e2;
}
.newsblock-prew-link:hover{color: #000;}
.newsblock-prew-imgblock{
    width: 80px;
    padding-top: 5px;
    float: left;
}
.newsblock-prew-img{
    display: block;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 5px;
}
.objects .newsblock-prew-img {
    max-height: 190px;
    width: auto!important;
    margin: 0 auto;
}
.newsblock-prew-date{font-size: 12px;color: #656565;}
.newsblock-prew-desc{
    padding-left: 95px;
    font-size: 13px;
    line-height: 20px;
}
.newsblock-prew-title{
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    line-height: 21px;
}
.objects p{margin: 0;}
.objects-mob{display: none;}
/* news ----------------------------------------------*/
.page-page-name{margin-bottom: 35px;}
.pages-page-nav{
    height: 72px;
    padding: 12px 0;
    line-height: 0.8;    
    clear: both;
    text-align: center;
}
.news-prew-block{
    position: relative;
    width: 50%;    
    margin-bottom: 40px;        
    min-height: 205px;        
}
.news-prew-block a{
	display: block;
	color: #656565;
    text-decoration: none;
}
.news-prew-block:hover{color: #000;}

.news-prew-block:nth-child(even){
    clear: both;
    float: left;
    padding: 0 25px 0 180px;

}
.news-prew-block:nth-child(odd){    
    float: right;
    padding: 0 0 0 300px;
}

.news-prew-img-block{
    position: absolute;
    width: 249px;
    height: 249px;
    top: 0;
}

.news-prew-img{
    display: block;
    max-width: 100% !important;
    max-height: 100% !important;
}
.news-prew-date{
    position: absolute;
    top: 260px;
    font-size: 14px;
    line-height: 1;    
}

.news-prew-block:nth-child(even) .news-prew-img-block{left: 0;}
.news-prew-block:nth-child(odd) .news-prew-img-block{left: 25px;}
.news-prew-block:nth-child(even) .news-prew-date{left: 0;}
.news-prew-block:nth-child(odd) .news-prew-date{left: 25px;}

.news-prew-title{
    margin: -6px 0 5px 0;
    font-family: PT Sans;
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
    color: #000;
}
.news-prew-title a {color: inherit;text-decoration: inherit;}
.news-prew-text{
    font-size: 15px;
	color: #656565;
}
.news-prew-text a{
	color: #000; 
	display: inline-block;
    border-bottom: 1px solid #e2e2e2;
}
/* objects-page ----------------------------------------------*/
.objects-page-list{
    font-size: 0;
    letter-spacing: -8px;
    width: -webkit-calc(100% + 25px);
    width: -moz-calc(100% + 25px);
    width: calc(100% + 25px);
}

.objects-page-item{
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding-right: 25px;
    margin-bottom: 35px;
}

.objects-page-link{
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
}
.objects-page-img{
    display: block;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 10px;
}

/* about-page ----------------------------------------------*/
.about-page{padding-bottom: 28px;}
.about-baner{
    position: relative;
    height: 578px;
    margin-bottom: 45px;
    background: url(/bitrix/templates/teplotechnika/css/../images/about-baner.jpg) center 0 no-repeat;
    background-size: cover;
}

.about-baner-slogan{
    position: absolute;
    top: 45px;
    left: 55px;
    font-family: 'GothamPro';
    color: #fff;
    font-size: 50px;
    line-height: 70px; 
    font-weight: normal;
}
.about-baner-logo{
    display: block;
    position: absolute;
    left: 55px;
    bottom: 63px;
}

.about-page-text{
    padding-bottom: 25px;
    color: #656565;
    font-size: 15px;
    line-height: 22px; 
}

.about-page-text-left{
    width: 50%;
    float: left;
    padding-right: 30px;
}
.about-page-text-right{
    width: 50%;
    float: right;
    padding-left: 30px;
}
.about-page-text-title{
    font-family: 'GothamProbold';
    font-weight: normal;
    color: #000;
    font-size: 25px;
    line-height: 35px;
}

.about-page-text p{margin: 25px 0;}

.about-page-why-title{
    margin-bottom: 35px;
    text-align: center;
    font-family: 'GothamProbold';
    font-weight: normal;
    color: #000;
    font-size: 25px;
    line-height: 35px;
}

.about-page-why-list{
    margin: 0 -8px;
}
.about-page-why-item{
    display: inline-block;
    vertical-align: top;
    width: 20%;    
    float: left;
    padding: 0 8px;

}
.about-page-why-block{
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #000;
}

.about-page-why-block{

}
.about-page-why-block .about-page-why-name{
    font-size: 15px;
    line-height: 21px;
    display: inline-block;
    width: 100%;
    letter-spacing: 0px;
}
.about-page-why-block span.icon{
    display: inline-block;
    width: 90px;
    height: 90px;
    margin-bottom: 14px;
}
.about-page-why-block span.icon.icon-why-1{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-why-1.svg) no-repeat center center;
}
.about-page-why-block span.icon.icon-why-2{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-why-2.svg) no-repeat center center;
}
.about-page-why-block span.icon.icon-why-3{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-why-3.svg) no-repeat center center;
}
.about-page-why-block span.icon.icon-why-4{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-why-4.svg) no-repeat center center;
}
.about-page-why-block span.icon.icon-why-5{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-why-5.svg) no-repeat center center;
}


/*
.about-page-why-block:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -35px;
    width: 70px;
    height: 70px;
    background: url(/bitrix/templates/teplotechnika/css/../images/why.png) no-repeat;
}
.about-page-why-item:nth-child(1) .about-page-why-block:before{background-position: 0 0;}
.about-page-why-item:nth-child(2) .about-page-why-block:before{background-position: 0 -70px;}
.about-page-why-item:nth-child(3) .about-page-why-block:before{background-position: 0 -140px;}
.about-page-why-item:nth-child(4) .about-page-why-block:before{background-position: 0 -210px;}
.about-page-why-item:nth-child(5) .about-page-why-block:before{background-position: 0 -280px;}
*/

.about-objects{
    padding: 30px 0 37px 0;
    border: 1px solid #ededed;    
}
.about-objects-title{
    margin-bottom: 10px;
    text-align: center;
    font-family: 'GothamProbold';
    font-weight: normal;
    color: #000;
    font-size: 25px;
    line-height: 1.2;
}
.about-objects-desc{
    margin-bottom: 20px;
    text-align: center;
    color: #656565;
    font-size: 15px;
    line-height: 22px;
}
.about-objects-item{
    float: left;
    width: 33.33%;
    padding: 0 25px;
    margin-bottom: 25px;
    border-right: 1px solid #ededed;
	height: 380px;
}
@media (max-width:1000px){.about-objects-item{height: 320px;}}
@media (max-width:950px){.about-objects-item{height: auto;}}
.about-objects-item:nth-child(3){border-right-color: transparent;}

.about-objects-link{
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    line-height: 21px;
}

.about-objects-img{
    display: block;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 5px;
}

.about-objects-more {
    display: block;
    margin: 0 auto;
    width: 231px;
    height: 42px;
    line-height: 40px;
    border: 2px solid #000;
    color: #000;
    text-align: center;
    text-decoration: none;
    background: #fff;
    font-family: 'GothamProbold';
    font-size: 12px;
    text-transform: uppercase;
    outline: none;
}

/* shopcard ----------------------------------------------*/
.shopcard-page{padding-bottom: 27px;}
.shopcard-page-wrap{
    position: relative;
    margin-bottom: 27px;
    min-height: 280px;
}
.shopcard-page-sidebar{
    position: absolute;
    top: 0;
    right: 0;
    width: 290px;
    
}
.count-block{
    margin-bottom: 20px;
    padding: 18px 0;
    text-align: center;
    border: 1px solid #ffcd00;
}
.resum{
    margin-bottom: 12px;
    font-family: 'GothamPro';
    font-size: 15px;
    line-height: 1.2;
    color: #000;
}
.sum{
    font-family: 'GothamProbold';
    font-size: 25px;
	font-weight:bold;
}
.top-sum{
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 23px;
    color: #656565;
    text-align: center;
}

.shopcard-linkblock-item{
    height: 27px;
    margin-bottom: 14px;
}
.shopcard-linkblock-link{
    position: relative;
    display: block;
    padding-left: 47px;
    line-height: 27px;
    color: #000;
    font-size: 15px;
    text-decoration: none;
}
.shopcard-linkblock-link span{border-bottom: 1px dashed #e2e2e2;}
.shopcard-linkblock-link:hover span{border-bottom-color: transparent;}
.shopcard-linkblock-link:before{
    content: '';
    display: block;
    width: 37px;
    height: 27px;
    position: absolute;
    top: 0;
    left: -6px;
    background: url(/bitrix/templates/teplotechnika/css/../images/link-block.png) no-repeat;
}
.shopcard-linkblock-shipping:before{background-position: 0 3px;}
.shopcard-linkblock-aperta:before{background-position: 0 -27px;}

.shopcard-page-list{padding-right: 315px;}
.shopcard-page-item{
    position: relative;
    /*min-height: 195px;*/
    border: 1px solid #ededed;
    margin-top: -1px;
}
.shopcard-page-item-img-block{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 163px;
    height: 100%;
    border-right: 1px solid #dcdcdc;
    padding: 20px 0;
    text-align: center;
}
.shopcard-page-item-img{
    max-width: 100% !important;
    max-height: 100% !important;
}

.shopcard-page-item-namecolumn{
    position: relative;
    /*height: 100%;*/
   /* min-height: 195px;*/
    float: left;
    width: 64%;
    padding: 20px 10px 40px 190px;
}
.shopcard-page-item-type{
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 22px;
    color: #656565;
}

.shopcard-page-item-name{
    margin-bottom: 33px;
    font-family: 'GothamPro';
    font-size: 18px;
    line-height: 1.2;
    color: #000; 

}

.shopcard-page-item-name a {
	color: inherit;
	text-decoration: inherit;
}
.shopcard-page-priceblock{
    position: absolute;
    left: 190px;
    top: 90px;
}
.shopcard-page-item-namecolumn .shopcard-page-priceblock{left: 190px;}
.shopcard-page-item-sumcolumn .shopcard-page-priceblock{left: 0;}
.shopcard-page-item-pricename{
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
    color: #656565;
}
.shopcard-page-item-price{
    font-family: 'GothamProbold';    
    font-size: 20px;
    line-height: 1.2;
    color: #000;
	font-weight:bold;
	white-space:nowrap;
}

.shopcard-page-item-sumcolumn{
    position: relative;
    float: left;
    height: 100%;
    min-height: 105px;
    width: 24%;
    padding: 20px 0 40px 0;
}

.shopcard-page-item-col{
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 22px;
    color: #656565;
}

.select-col {
    position: relative;
    width: 91px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    margin-bottom: 30px;
}
.select-col .ui-widget .ui-widget {
    background: 0;
}
.select-col .ui-spinner {
    margin: 0;
}
.product .select-col input,
.select-col.update input 
 { 
    padding: 10px 25px;
    float: right;
    text-align: center;
    width: 80px;
    margin: -5px;
    border: none;
    outline: none;
    border: 1px solid #c7c7c7;
}
.shopcard-page .select-col input,
.shopcard-page-wrap .spin-cart{ 
	padding: 10px 25px;
    text-align: center;
    width: 90px;
    margin: 0;
    border: none;
    outline: none;
    border: 1px solid #c7c7c7;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
}
.basket-quantity-control .plus,
.basket-quantity-control .minus{
    position: absolute;
    top: 0;
    font-size: 30px;
    padding: 0 5px;
    display: block;
    height: 100%;
    text-decoration: none;
}
.basket-quantity-control .plus{
    right: 0;
    color: #9ddb8d;
}
.basket-quantity-control .minus{
    padding: 0 7px;
	left: 0;
    color: #db8d8d;
}
.shopcard-page-item-deletecolumn{
    float: left;
    width: 12%;
    padding: 20px 0 40px 0;
    text-align: center;
}
.shopcard-page-item-delete {    
    font-size: 15px;
    line-height: 22px;
    color: #656565;
    border-bottom: 1px dashed #e2e2e2;
    text-decoration: none;
}
.shopcard-page-item-delete:hover{border-bottom-color: transparent;}

.shopcard-page-tab{padding-right: 315px;}
.shopcard-tab-items-list{background: #ededed;}
.shopcard-tab-item{
    display: none;
    padding: 40px 58px;
}
.shopcard-tab-item.active{display: block;}

.shopcard-tab-controls-list {
    position: relative;
    z-index: 2;
    height: 50px;
}
.shopcard-tab-control {
    height: 100%;
    float: left;
    line-height: 20px;
    padding: 15px 40px 0 40px;    
    font-size: 15px;
    color: #656565;
    cursor: pointer;
}
.shopcard-tab-control span {border-bottom: 1px dashed #e2e2e2;}
.shopcard-tab-control.active span,
.shopcard-tab-control:hover span {border-bottom-color: transparent;}
.shopcard-tab-control.active{
    color: #000;
    background: #ededed;
    cursor: default;
}
.sopcard-tab-intro{
    margin-bottom: 30px;
    font-size: 14.5px;
    line-height: 22px;
    color: #656565;
}
.sopcard-tab-intro a{
    color: #000;
    text-decoration: underline;
}
.sopcard-tab-intro a:hover{text-decoration: none;}
.shopcard-label{
    display: block;
    height: 42px;
    margin-bottom: 21px;
    font-size: 16px;
    color: #656565;
    line-height: 42px;
}
.shopcard-label-name{
    display: block;
    float: left;
    width: 27%;
}
.shopcard-input{
    display: block;
    height: 100%;
    width: 73%;
    float: right;
    padding: 0 12px;
    color: #000;
    font-size: 16px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
       -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
    border: 1px solid #c7c7c7; 
    outline: none;
}
.bx-sls {
width: 73%;
float: right;
}
.dropdown-icon{top: 13px;}
.bx-sls .bx-ui-sls-route{top:5px;}
.shopcard-input:focus {border: 1px solid #00b2e8;}
.shopcard-submit input{
    display: block;
    padding: 0 54px;
    height: 52px;
    margin: 35px auto 0 auto;
    border: 2px solid #000;
    color: #000;
    text-align: center;
    background: #fff;
    font-family: 'GothamProbold';
    font-size: 15px;
    text-transform: uppercase;
    outline: none;
    max-width: 290px;
}
.shopcard-submit-auth input {
    display: block;
    padding: 0 54px;
    height: 52px;
    margin: 35px auto 0 auto;
    border: 2px solid #000;
    color: #000;
    text-align: center;
    background: #fff;
    font-family: 'GothamProbold';
    font-size: 15px;
    text-transform: uppercase;
    outline: none;
    max-width: 290px;
}
.shopcard-submit{
	text-align:center;
	padding-top: 25px;
}
.shopcard-submit a {
    text-decoration: inherit;
    color: inherit;
    margin: 16px auto;
    background: #FFCD00;
    padding: 10px 50px;
    border: 2px solid #464646;
}
.shopcard-form-title{
    margin-bottom: 25px;
    font-family: 'GothamPro';
    font-size: 20px;
    color: #000;
    line-height: 1.2;
}

.shopcard-input-group{padding-top: 20px;}

.pay-check-label,
.delivery-check-label{
    position: relative;
    display: block;
    float: left;   
    padding: 8px 75px 0 55px;
    margin-bottom: 26px;
}
.pay-check-label:last-child,
.delivery-check-label:last-child{padding-right: 0;}
.delivery-check-label{height: 35px;}
.pay-check-label{
    height: 30px;
    padding-top: 5px;
}

.delivery-checkbox,
.pay-checkbox{display: none;}

.delivery-check-mark,
.pay-check-mark{
    font-size: 17px;
    line-height: 22px;
    color: #656565;
    border-bottom: 1px dashed #afafaf;
}

.delivery-checkbox + .delivery-dop{    
    display: block;
    width: 44px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/bitrix/templates/teplotechnika/css/../images/delivery.png) no-repeat;
    cursor: pointer;
}
.pay-checkbox + .pay-dop{    
    display: block;
    width: 46px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/bitrix/templates/teplotechnika/css/../images/pay.png) no-repeat;
    cursor: pointer;
}

.delivery-checkbox + .delivery-dop-1{background-position: 0 0;}
.delivery-checkbox + .delivery-dop-2{background-position: -44px 0;}
.delivery-checkbox:checked + .delivery-dop-1{background-position: 0 -35px;}
.delivery-checkbox:checked + .delivery-dop-2{background-position: -44px -35px;}

.pay-checkbox + .pay-dop-1{background-position: 0 0;}
.pay-checkbox + .pay-dop-2{background-position: -46px 0;}
.pay-checkbox + .pay-dop-3{background-position: -92px 0;}
.pay-checkbox + .pay-dop-4{background-position: -46px 0;}
.pay-checkbox:checked + .pay-dop-1{background-position: 0 -30px;}
.pay-checkbox:checked + .pay-dop-2{background-position: -46px -30px;}
.pay-checkbox:checked + .pay-dop-3{background-position: -92px -30px;}
.pay-checkbox:checked + .pay-dop-4{background-position: -46px -30px;}

.delivery-checkbox:checked + .delivery-dop + .delivery-check-mark,
.pay-checkbox:checked + .pay-dop + .pay-check-mark{
    border-bottom-color: transparent;
    color: #000;
}
.person-checkbox {
    display: none;
}
.person-check-mark {
    font-size: 17px;
    line-height: 22px;
    color: #656565;
    padding: 15px;
}
.person-check-label {
    position: relative;
    display: block;
    margin: 15px 0 25px;
    float: left;
	cursor:pointer;
}

.person-checkbox:checked + .person-dop + .person-check-mark{
    border-bottom-color: transparent;
    color: #000;
    background-color: #ffcd00;
}

.person-dop {
    border-bottom: 1px dashed #afafaf;
    display: block;
    position: absolute;
    top: 23px;
    left: 16px;
    width: 81%;
    margin: 0 auto;
}
.person-checkbox:checked + .person-dop{border:none;}

/* enter ----------------------------------------------*/
.enter{padding-bottom: 27px;}
.enter-tab-control{
    height: 50px;
    padding: 15px 40px 0 40px;
    float: left;
    font-size: 15px;
    line-height: 20px;
    color: #656565;
    cursor: pointer;
}
.enter-tab-control.active{
    background: #ededed;
    color: #000;
    cursor: default;
}

.enter-tab-control span{border-bottom: 1px dashed #e2e2e2;}
.enter-tab-control.active span,
.enter-tab-control:hover span{border-bottom-color: transparent;}

.enter-tab-items-list{background: #ededed;}
.enter-tab-item{
    display: none;
    padding: 50px 0 60px 0;
}
.enter-tab-item.active{display: block;}
.enter-form{
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}
.enter-label{
    display: block;
    height: 42px;
    margin-bottom: 21px;
    font-size: 16px;
    color: #656565;
    line-height: 42px;
}
.enter-form-title {
    margin-bottom: 25px;
    font-family: 'GothamPro';
    font-size: 20px;
    color: #000;
    line-height: 1.2;
}

.enter-label-name {
    display: block;
    float: left;
    width: 27%;
}
.enter-input {
    display: block;
    height: 100%;
    width: 73%;
    float: right;
    padding: 0 12px;
    color: #000;
    font-size: 16px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
    border: 1px solid #c7c7c7;
    outline: none;
}
.enter-submit {
    display: block;
    padding: 0 54px;
    height: 52px;
    margin: 35px auto 40px auto;
    border: 2px solid #000;
    color: #000;
    text-align: center;
    background: #fff;
    font-family: 'GothamProbold';
    font-size: 15px;
    text-transform: uppercase;
    outline: none;
}
.enter-tab-desc{
    margin-bottom: 25px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #656565;
}
.enter-tab-desc:last-child{margin-bottom: 0;}


/* main end ----------------------------------------------*/
/* footer ----------------------------------------------*/
.footer{
    position: relative;
    padding-top: 35px;
    background: rgb(80,86,91);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwNTY1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDQ3NGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-linear-gradient(top,  rgba(80,86,91,1) 0%,rgba(64,71,76,1) 100%);
       background: -moz-linear-gradient(top,  rgba(80,86,91,1) 0%, rgba(64,71,76,1) 100%);
            background: linear-gradient(to bottom,  rgba(80,86,91,1) 0%,rgba(64,71,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50565b', endColorstr='#40474c',GradientType=0 );
    color: #c1c6ca;
    font-size: 14px;
    line-height: 21px;
}




.footer-left,
.footer-right,
.footer-middle{
    padding: 0 0 35px 25px;
    width: 33%;
}

.footer-left{float: left;}
.footer-right{float: right;}
.footer-middle{
    float: left;
    padding-top: 43px;
}



.footer-left{
    width: 33%;
    padding-left: 0px;
    padding-bottom: 15px;
}
.footer-right{
    width: 63%;
}

.footer-title{
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 14px;
    color: #fff;
    font-weight: bold;
}
.footer-menu{
    margin-top: 18px;
}
.footer-menu li{
    margin-bottom: 2px;
}
.footer-right-line{
    display: inline-block;
    width: 35.8%;
    float: left;
    box-sizing: border-box;
    padding-right: 20px;
}
.footer-right-line2{
    display: inline-block;
    width: 64%;
    float: left;
}
.footer-right-line2 li{
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding-right: 20px;
}




.copyright{
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 19px;
}
.footer .address{
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
}
.footer .address div{
    
}
.footer .address a{
    color: white;
    text-decoration: none;
}
.footer-phone{
    display: block;    
    font-weight: bold;
    color: #c1c6ca;
    text-decoration: none;
}
.footer-email{
    display: block;
    color: #fff;
    text-decoration: none;
}

.footer-menu-link{
    color: #fff;
    text-decoration: none;
}

.work-time-block{
    margin-bottom: 11px;
    margin-top: 7px;
    line-height: 18px;
}

.work-time-title{color: #fff;}

.yandex-block{
    display: block;
    margin: 9px 0 10px;
    position: relative;
    width: 100%;
	max-width: 265px;
    height: 72px;
    border: 1px solid #c1c6ca;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #c1c6ca;
    text-decoration: none;
}

.yandex-block:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    margin-left: -30px;
    content: '';
    display: block;
    height: 70px;
    width: 60px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border-top: 35px solid #535a5f;
    border-bottom: 35px solid #535a5f;
    border-right: 30px solid #535a5f;
    border-left: 30px solid transparent;
}

.yandex-block-left{
    position: relative;
    z-index: 2;
    width: 50%;
    height: 100%;
    float: left;
    background: url(/bitrix/templates/teplotechnika/css/../images/yandex-market.png) center center no-repeat;
}

.yandex-block-right{
    position: relative;
    z-index: 2;
    width: 50%;
    height: 100%;
    float: right;
    padding-top: 15px;
    text-align: center; 
    background: #535a5f;
}

.stars-list{
    text-align: center;
    font-size: 0;
    letter-spacing: -8px;
    white-space: nowrap;
}
.star {
    display: inline-block;
    margin: 0 2px;
    background: url(/bitrix/templates/teplotechnika/images/star.svg) center center no-repeat;
    width: 16px;
    height: 15px; 
    background-size: 15px;   
}
.star.gold{
  background-image: url(/bitrix/templates/teplotechnika/images/star_gold.svg);

}


.footer-bottom{
    /*padding: 0 25px;*/
    clear: both;
    height: 76px;
    line-height: 75px;
    border-top: 1px solid #5c6267;
}

.footer-bottom .politica-link{
    float: left;
    width: 37.5%;
}
.footer-bottom .politica-link a{
    font-size: 14px;
    line-height: 14px;
    text-decoration: underline;
    color: #C1C6CA;
}
.footer-bottom .politica-link a:hover{
    text-decoration: none;
}

.aferta{float: left;}
.rokso{
    float: right;
    display: block;
    min-height: 30px;
    padding-right: 35px;
    background: url(/bitrix/templates/teplotechnika/css/../images/rokso.png) right center no-repeat;
    color: #fff;
    text-decoration: none;
}
/* footer end ----------------------------------------------*/
/* pop-up ----------------------------------------------*/
.popup-overlay{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: rgba(65, 72, 77, 0.7);
}

.pop-block{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	     -o-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
	padding: 35px 18px 48px 18px;
	background: #fff;
	width: 100%;
	max-width: 606px;
	text-align: center;
	z-index:10001;	
}

.pop-block .close{
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 0;
	right: -35px;
	background: url(/bitrix/templates/teplotechnika/css/../images/close.png) center center no-repeat #ffcd00;
	background-size: 35%;
	cursor: pointer;
	z-index:10001;
	text-indent: -5000px;
}
.pop{
	width: 100%;
	max-width: 406px;
	margin: 0 auto;
	text-align: left;	
}

.pop input{
	display: block;
	width: 100%;
	height: 41px;
	border: 1px solid #c7c7c7;
	margin-bottom: 15px;
	padding: 0 15px 0 44px;
	color: #656565;
	font-size: 14px;
	outline: none;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;	
}
.pop textarea{
	display: block;
	width: 100%;
	height: 97px;
	border: 1px solid #c7c7c7;
	margin-bottom: 15px;
	padding: 12px;
	color: #656565;
	font-size: 14px;
	outline: none;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;	
	resize: none;
}

.pop button{
    display: block;  
	margin: 10px auto 0 auto;	
    width: 185px;
    height: 42px;
    border: 2px solid #000;
    color: #000;
    text-align: center;
    background: #fff;
    font-family: 'GothamProbold';
    font-size: 13px;
    text-transform: uppercase;
    outline: none;	
}

.pop input[name='name'],
.pop input[type='tel'],
.pop input[type='email']{
    background: url(/bitrix/templates/teplotechnika/css/../images/input.png) no-repeat;
}
.pop input[name="price"] {
    background: url(/bitrix/templates/teplotechnika/css/../images/pop-rub.png) no-repeat;
    background-size: 13px;
    background-position: 14px 10px;
}
.pop input[name='name'] {background-position: 14px 11px;}
.pop input[type='tel']{background-position: 14px -27px;}
.pop input[type='email']{background-position: 14px -68px;}
.pop input.error,
.pop textarea.error {border-color: red;}
.pop-header{
	margin-bottom: 15px;
	font-family: 'GothamProbold';
	color: #000;
	font-size: 25px;
	line-height: 1.2;
	text-align: center;
}
.pop-desc{
	margin-bottom: 35px;
	color: #656565;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
}
p.pop-desc{
    margin-bottom: 0px;
}
.pop-desc a{
    color: black;
    text-decoration: none;
}
.pop-desc a:hover{
    text-decoration: underline;
}
/*popup*/
table.popup-window.popup-window-titlebar {border-radius: 0px;}
table.popup-window.popup-window-titlebar .popup-window-top-row td {
    height: auto;
    border: none;
    background: #fff;
}
.popup-window-left-spacer,
.popup-window-bottom-row,
.popup-window-left-column,
.popup-window-right-spacer,
.popup-window-right-column,
.popup-window-bottom-row{display: none;}
a.popup-window-close-icon.popup-window-titlebar-close-icon {
    background: url(/bitrix/templates/teplotechnika/css/../images/close.png) center center no-repeat #ffcd00;
    padding: 15px;
    margin-top: -10px;
    margin-right: -40px;
}
.popup-window-center-column .popup-window-hr {background: none;}
.bx_bt_button {cursor: pointer;}
.popup-window-buttons>span {
    display: inline-block;
    margin: 7px;
    width: 185px;
    height: 42px;
    border: 2px solid transparent;
    color: #000;
    background: #fff;
    font-family: 'GothamProbold';
    font-size: 13px;
    text-transform: uppercase;
    outline: none;
}
.popup-window-buttons>span:first-child {
    background-color: #ffcd00;
    border: 2px solid #000;
}
.popup-window-buttons>span>span {
    display: block;
    padding: 12px 0;
    text-align: center;
}
.popup-window-content p {
    max-width: 400px;
}
@media screen and (max-width: 480px){
	table.popup-window.popup-window-titlebar {max-width:280px;}
	.popup-window-buttons>span{display:block; margin:5px auto;float:none;}
}
@media screen and (max-width: 760px){
    a.popup-window-close-icon.popup-window-titlebar-close-icon{
        margin-top: -40px;
        margin-right: -10px;
    }
}
/*popup end*/
.wrappUslugiPage{
	background: linear-gradient(to bottom, rgba(80,86,91,1) 0%,rgba(64,71,76,1) 100%);
    width: 100%;
    padding: 20px 0 15px;
    margin: 0 auto 20px;
}

.color-baners-wrap a{text-decoration: none;
    color: inherit;}
.bx_notavailable{text-align:center;    float: none;    clear: both;}
/*div.title-search-result{padding:100px;}
.title-search-result{background:#EDEDED;z-index: 100000;}
.title-search-result a{color:#656565}*/
.enter-menu a.enter-menu-shopcart:before{content: 'Корзина';}
.mob-minemenu .pricelist-block{padding: 0px 0 0 31px;
    background-position: 0px center;
    margin-top: 28px;
    font-size: 13px;
    height: 30px;
    width: 200px;
    line-height: 15px;
}
.mob-minemenu .pricelist-block span{border-bottom: 0px;}
.mob-minemenu-open .mob-minemenu-close{display: block;}
.iconUslBlock{height: 120px;float:left; background: linear-gradient(to bottom, rgba(80,86,91,1) 0%,rgba(64,71,76,1) 100%); padding: 0 13px 10px;width: 110px;}
.WrappblockTextUsl{float: left;padding-left: 25px;width: 76%;}
.blockTextUsl{font-size: 28px;line-height: 30px; margin: 0px 0 10px 0;}
.WrappblockTextUsl p{margin: 0px;}
.wrappUsl{margin-bottom: 30px;}
.wrappUslugi strong{    padding: 10px 40px 40px 135px;
    display: block;
    font-size: 20px;
}
.main .catalog-wrap{overflow: hidden;}
/*количество на списке*/
.select-col.section {
    position: absolute;
    bottom: 47px;
    left: 25px;
    width: 79px;
}
@media screen and (max-width: 950px){
	.select-col.section {bottom: 72px;}
}
@media screen and (max-width: 768px){
	.select-col.section {
		position: absolute;
		bottom: 68px;
		left: 25px;
		width: 79px;
	}
}
@media screen and (max-width: 460px){
	.select-col.section {
		bottom: 20px;
		left: 151px;
		height: 42px;
		font-size: 18px;
		width: 20%;
	}
	.select-col.section .basket-quantity-control a{
		padding-top: 8px;
		font-size: 42px;
		right: 7px;
		top: 1px;
	}
}
@media screen and (max-width: 320px){
	.select-col.section {left: 120px;}
}
/*конец количество на списке*/
/*количество на детальке*/
.item_buttons {position: relative;}
.select-col.detail {
    width: 80px;
    float: right;
    right: 0;
    top: 0;
    background-color: #fff;
    padding: 5px;
    margin: 15px 15px 0 0;
    z-index: 100;
}
.product-tab-items-list .product-tab-item:first-child{
	overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 90px;
    position: relative;
    z-index: 5;
	-webkit-transition: height 1.1s;
		-moz-transition: height 1.1s;
			-o-transition: height 1.1s;
	transition: height 1.1s;
}
.all-hg {
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -14px;
    text-indent: -99999px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #000;
    background: url(/bitrix/templates/teplotechnika/css/../images/menu-arrow.png) 7px 3px  no-repeat #ffcd00;
    padding: 12px;
    z-index: 10;
}
.all-hg-container {
    position: absolute;
    bottom: 0;
    border-top: 1px solid #ededed;
    text-align: center;
    width: 93%;
    background-color: #fff;
    height: 34px;
    cursor: pointer;
}
/*конец количество на детальке*/
/*404*/
.bx-404-container {text-align: center;line-height: 1.5;font-size: 18px;}
.bx-404-text-block {font-weight: bold;margin-top: 20px;}
.bx-404-container a {color: #656565;}
.bx-404-catalog {overflow: hidden;margin-bottom: 60px;}
.bx-map-title {
    text-align: center;
    margin: 25px 0 30px;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 1.5px;
}
/*end 404*/

.about-page-text-title.center {text-align: center;}

.company-why-container{
    display: inline-block;
    width: 100%;
    margin-top: 35px;
    margin-bottom: 30px;
}
.company-why-container.style-2{
    margin-bottom: 72px;
}
.company-why-container .about-page-text-title{
    font-size: 24px;
    margin-bottom: 37px;
}

article.about {line-height: 1.4;}
.uslugi-block-deck-men {width: 80%;margin: 20px 0 ;}
.uslugi-block-deck-men .duble-block-left-imgblock {
    width: 146px;
    float: left;
    position: static;
}
.WrappblockTextUsl p{font-size: 14px;}
.banner-reserve img{max-width: 100%;}
.bx-touch .header-cat-list > .header-cat-item:hover .header-cat-sublist{display: none!important;}
.product-descript-list.bottom{color:#656565}

.pop input.no-icon {
    background: none;
    padding-left: 15px;
}
.time-pop span {
    display: block;
    font-size: 14px;
    color: #656565;
    padding: 0px 0px 5px 15px;
    line-height: 1.5;
    cursor: pointer;
}
.time-pop span.active {
    display: none;
}
.select-box {
    position: absolute;
	display:none;
    width: 100%;
    top: 39px;
    border: 1px solid #c7c7c7;
    border-top: none;
    background-color: #fff;
    padding-top: 10px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
}

.time-pop {
    position: relative;
}
input.no-icon:focus + .select-box {
    display: block;
}
.select-box:hover {
    display: block;
}
.pop button.call-remove{
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6000;

}
.pop button.call-remove:hover {
    background-color: #22b4ff;
}
.not-aviable-click {
    font-size: 14px;
    padding: 5px 10px;
	line-height: 1.3;
}
.no-ico.pod-zakaz{
	background-color: #ff6000;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
	margin-bottom: 15px;
}
a.pod-zakaz-button {
    color: #fff;
    border-bottom: none;
}
.no-ico.pod-zakaz:hover{
	background-color: rgba(255, 96, 0, 0.8);
}
.admin-interface-block, .admin-interface-link {
    clear: both;
    margin-left: 25px;
    padding-top: 50px;
    margin-bottom: 25px;
    color: #000;
    font-weight: bold;
    width: 100%;
    max-width: 130px;
    text-align: center;
    padding-bottom: 0;
    display: block;
    text-decoration: none;
    border-bottom: 1px dashed;
}
.admin-interface-block.no-padding {padding-top: 0px;}
.anotation strong {
    text-transform: lowercase;
}
.iconUslBlock img {
    margin-top: 23%;
}
.telHeader2{
    font-family: 'GothamProbold';
    font-size: 20px;
    color: #000;
    text-decoration: none;
display: block;
    float: right;
letter-spacing: -0.3px;
}
.listservistcentr{
margin: 20px 0;
}
.listservistcentr li{
list-style: square outside;
    margin-bottom: 7px;
}
.block_logo_image img{margin-right: 34px;}
.block_logo_image .riello-logo{
margin-right: 0px;
}
a.vopros-phone {
    text-decoration: none;
    color: #656565;
    font-weight: bold;
}
.catalog-item-instrum:before {
    background-position: 0 -1121px;
}
.catalog-item:hover.catalog-item-instrum:before {background-position: -55px -1121px;}
.contacts-map-wrap iframe {
    width: 100%;
}
.soc{
    display: inline-block;
    width: 100%;
}
.soc a {
	width: 30px;
    height: 30px;
    background: url(/bitrix/templates/teplotechnika/css/../images/soc_sprite.png) no-repeat;
    display: inline-block;
    position: relative;
    float: left;
    margin-right: 10px;
    background-size: 100%;
}
.soc a:last-of-type{
    margin-right: 0px;
}
.soc span{
    float: left;
    margin-top: 4px;
    margin-right: 12px;
}
.soc a.fb { 
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-social-fb.svg) no-repeat center center;
}
.soc a.tw {
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-social-tw.svg) no-repeat center center;
}
.soc a.vk { 
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-social-vk.svg) no-repeat center center;
}
.soc a.in {
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-social-inst.svg) no-repeat center center;
}

/*popup*/
.overlay_pop {
	display:none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-color: #000;
}
.popup {
	display:none;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -290px;
    padding: 32px 18px 50px;
    background: #fff;
    width: 100%;
    max-width: 580px;
    text-align: center;
    z-index: 10001;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 13px 1px rgba(26, 26, 29, 0.42);
		-moz-box-shadow: 0 0 13px 1px rgba(26, 26, 29, 0.42);
    box-shadow: 0 0 13px 1px rgba(26, 26, 29, 0.42);
    color: #fff;
}
@media (max-width:768px){
  .popup {
    max-width: 290px;
    margin-left: -145px;
  }
}
.load-header{
	font-family: 'GothamProbold';
    color: #000;
    font-size: 26px;
}
.close-popup {
    position: absolute;
    right: 16px;
    top: 18px;
    height: 14px;
    width: 14px;
	cursor:pointer;
	color: #000;
	font-weight: bold;
}
.close-popup:before{
	content:'X';
}
.close-popup:hover {
	opacity: 0.6;
}
.load-content{
	color: #000;
	text-align: left;
}
.popup-loaded header {
    text-align: center;
    margin: 10px 0;
    display: block;
}

.popup-loaded img {
    display: block;
    max-width: 220px;
    margin: 0 auto;
}
.popup-loaded footer {
    text-align: center;
}
.ui-spinner-input {
    padding: 10px 25px;
    text-align: center;
    width: 90px;
    margin: 0;
    border: none;
    outline: none;
    border: 1px solid #c7c7c7;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
}
.ui-spinner {
    position: relative;
    margin-left: 10px;
}
.ui-spinner-button {
    position: absolute;
    top: 50%;
    margin-top: -19px;
    padding: 0 5px;
    height: 40px;
    display: block;
    z-index: 100;
    font-size: 33px;
    cursor: pointer;
}
.ui-spinner-down {
    left: 0;
    color: #db8d8d;
    margin-top: -21px;
}
.ui-spinner-up {
    right: 0;
    color: #9ddb8d;
}
.ui-spinner-up .ui-icon:before {content: '+'}
.ui-spinner-down .ui-icon:before {content: '–'}

/*end popup*/




/*kupivkredit*/
.kupivkredit {margin:10px auto}
.kupivkredit ul,
.kupivkredit ol{
	padding-left: 50px;
	margin: 30px 0;
}
.kupivkredit ul li{
	list-style-type: disc;
}
.kupivkredit  img{
	max-width: 100%;
}
/*popup*/
.popup-loaded.kupivkredit p {
    margin: 10px;
}
.popup-loaded.kupivkredit ul {
    padding-left: 35px;
    margin: 10px auto 15px;
}
.popup-loaded.kupivkredit li{
    margin-bottom:7px
}
.popup-loaded.kupivkredit img {
   height: 90px;
}

.btn-order-kupivkredit {
    background: 0;
    border: none;
    padding: 14px 20px;
    font-weight: bold;
    border-radius: 6px;
    color: #fff;
    border: 3px solid #ffcd00;
    font-size: 21px;
    background: #ffcd00;
    transition: .7s;
}
.btn-order-kupivkredit:hover {
    opacity: .7;
    color: #fcfcfc;
    background: transparent;
    color: #000;
}
.kupivkredit-btn-list{
    background: 0;
    border: none;
    border: 2px solid #ffcd00;
    font-size: 13px;
    font-weight: bold;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    height: 42px;
    width: 100%;
	line-height: 36px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.kupivkredit-btn-list:before {
    content: '';
    background: url('/bitrix/themes/.default/icons/tcsbank.kupivkredit/tcsbank_menu_icon_20.gif') no-repeat 0 0;
    width: 20px;
    height: 19px;
    display: inline-block;
    position: relative;
    top: 4px;
}
.kupivkredit-btn-list:hover{
	background-color: #ffefb0;
}
/*end kupivkredit*/
.item-img-label {
    position: absolute;
    left: 10px;
    top: 10px;
    max-width: 95px;
    z-index: 100;
}
.item-img-label .item-img-image {
    max-width: 95px;
}
.item-img-label.text{
	max-width: 90%;
	right: 10px;
	left: auto;
	top: 30px;
}
.item-img-label-more {
    position: relative
}
.item-img-label-more.text-label {
    color: #e50018;
    font-weight: 700;
    padding: 4px 14px;
    background: #fff;
    -webkit-box-shadow: 1px 2px 5px 0 rgba(101,101,101,.3);
    -moz-box-shadow: 1px 2px 5px 0 rgba(101,101,101,.3);
    box-shadow: 1px 2px 5px 0 rgba(101,101,101,.3);
	font-weight: normal;
}
.item-img-label-more.text-label.bold {
	font-weight: bold;	
}
.item-img-label-more.text-label.red{
	background: #e50018;
	color: #fff;
}
.item-img-label-more.text-label.yellow{
	background: #ffcd00;
	color: #000;
}			
.item-img-label-more.text-label.blue{
	background: #0d85d1;
	color: #fff;
}
.item-img-label-more.text-label.green{
	background: #46a143;
	color: #fff;
}
.item-img-label-more.text-label + .item-img-label-more.text-label{
    margin-top: 4px;
}
.cat-img-block:hover .item-img-label .item-img-image {
	left: 4px;
}
.product .basket-quantity-control {
    position: absolute;
    width: 100%;
    height: 40px;
    top: 0;
    left: 0;
}
.g-recaptcha {
	float: left;
    height: 78px;
    width: 304px;
    margin: 0 auto 15px;
}
.question-form-button:after {
    content: '';
    clear: both;
    display: table;
}
.catalog-page-list:after {
    content: '';
    clear: both;
    display: table;
}
@media (min-width:950px){
	.item-img-label.text{
		left: 10px;
		right: auto;
	}
}





.serviceNewDesign{
    margin-top: 33px;
}
.service-top-container{
    display: inline-block;
    width: 100%;
    margin-bottom: 24px;
}
.serviceNewDesign .image-services{

    width: 49.566%;
    min-height: 620px;
    background: url(/bitrix/templates/teplotechnika/css/../images/page-service-bg.jpg) no-repeat center center;
    background-size: cover;
}
.serviceNewDesign.page2 .image-services{
    background: url(/bitrix/templates/teplotechnika/css/../images/page-service-bg-2.jpg) no-repeat center center;    
    background-size: cover;
}
.serviceNewDesign .services-form{
    padding: 33px 85px;
    width: 50.436%;
    float: right;
    border: 0;
    box-sizing: border-box;
    background: #50555B;
    min-height: 500px;
}
.serviceNewDesign .question-form-desc.services{
    width: 100%;
    float: none;
    padding: 0px;
    text-align: center;
    margin-bottom: 22px;
}
.serviceNewDesign .question-form-title{
    font-weight: bold;
    font-size: 25px;
    line-height: 24px;
    color: #FFFFFF;
    font-family: 'GothamProbold';
    margin-bottom: 20px;
}
.serviceNewDesign .descForm{
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
}
.services .serviceNewDesign .services-form .question-form-left{
    width: 100%;
}
.services .serviceNewDesign .services-form p.after{
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #B6B6B6;
}
.services .serviceNewDesign .services-form p.after a{
    color: white;
    text-decoration: none;
}
.services .serviceNewDesign .services-form p.after a:hover{
    text-decoration: underline;
}
.serviceNewDesign .question-form-input{
    background: #FBFBFB;
    border: 1px solid #B0B0B0;
    box-sizing: border-box;
    box-shadow: inset 0px 3px 4px rgba(0, 0, 0, 0.05);
    border-radius: 2px;

    height: 42px;
    padding: 2px 20px 2px 20px;
    margin-bottom: 20px; 

    font-size: 14px;
    line-height: 21px;
    color: #555555;
}
.serviceNewDesign .question-form-textarea{
    height: 97px;
    resize: none;
    padding: 8px 20px;
    line-height: 22px;
}
.serviceNewDesign .question-form-left.services .services-form-button{
    text-align: center;
}
.serviceNewDesign .question-form-left.services .services-form-button [type="submit"]{
    display: inline-block;
    margin-top: 0px;
}
.serviceNewDesign .services-form-button [type="submit"]{
    background: none;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    color: #FFCD00;
    border: 2px solid #FFCD00;
}
.serviceNewDesign .g-recaptcha{
    margin-bottom: 20px;
    float: none;
}


.service-other-service-container{
    display: inline-block;
    width: 100%;
    margin-top: 37px;
    margin-bottom: 27px;
}
.service-other-service-container.style-2{
    margin-bottom: -3px;
}
.service-other-service-container .about-page-why-title{
    font-size: 24px;
}
.service-other-service-container.style-2 .about-page-why-title{
    margin-bottom: 4px;
}
.service-other-service-container.style-2 .about-page-why-title + p{
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    color: #555555;
    margin-top: 0px;
    margin-bottom: 42px;

}
.service-other-service-container.style-2 .other-service-item-container{
    margin-bottom: 28px;
}



.other-service-block{
    margin: 0 -20px;
}
.other-service-item-container{
    display: inline-block;
    float: left;
    width: 50%;
    padding: 0 20px;
    box-sizing: border-box;
}
.other-service-item{
    border: 1px solid #EDEDED;
    box-sizing: border-box;
}
.other-service-item-header{
    background: #EDEDED;
    position: relative;
    box-sizing: border-box;
    padding: 20px 30px;
    height: 120px;
    display: flex;
    align-items: center;
}
.other-service-item-header .other-service-item-name{
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding-right: 120px;

    font-weight: bold;
    font-size: 18px;
    line-height: 24px;

}
.other-service-item-header .other-service-item-pic{
    position: absolute;
    display: inline-block;
    width: 80px;
    height: 80px;
    right: 30px;
    top: 20px;
}
.other-service-item-header .other-service-item-pic span.icon{
    display: inline-block;
    width: 80px;
    height: 80px;
}
.other-service-item-header .other-service-item-pic span.icon.icon-other-service-1{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-other-service-1.svg) no-repeat center center;
}
.other-service-item-header .other-service-item-pic span.icon.icon-other-service-2{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-other-service-2.svg) no-repeat center center;
}
.other-service-item-header .other-service-item-pic span.icon.icon-other-service-3{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-other-service-3.svg) no-repeat center center;
}
.other-service-item-header .other-service-item-pic span.icon.icon-other-service-4{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-other-service-4.svg) no-repeat center center;
}
.other-service-item-header .other-service-item-pic span.icon.icon-other-service-5{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-other-service-5.svg) no-repeat center center;
}
.other-service-item-header .other-service-item-pic span.icon.icon-other-service-6{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-other-service-6.svg) no-repeat center center;
}
.other-service-item-header .other-service-item-pic span.icon.icon-other-service-7{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-other-service-7.svg) no-repeat center center;
}
.other-service-item-header .other-service-item-pic span.icon.icon-other-service-8{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-other-service-8.svg) no-repeat center center;
}
.other-service-item-body{
    box-sizing: border-box;
    padding: 17px 30px 21px;
}
.other-service-item-body p{
    margin-top: 0px;

    font-size: 15px;
    line-height: 21px;
    margin-bottom: 10px;
    color: #555555;
}




.uslugi-block-deck-men{
    width: 100%;
    margin: 0px;
}
.uslugi-block-deck-men.style-2{
    margin-bottom: 47px;
}
.uslugi-block-deck-men .duble-block-left-desc{
    padding-left: 0px;
}
.uslugi-block-deck-men .duble-block-left-imgblock{
    width: 285px;
    position: relative;
    vertical-align: top;
    float: left;
    top: 0;
    margin-right: 38px;
}
.uslugi-block-deck-men .duble-block-left-imgblock .manager-photo-block{
    height: 187px;
    overflow: hidden;
	background-image: url(/bitrix/templates/teplotechnika/images/7455.jpg);
}
.uslugi-block-deck-men .duble-block-left-imgblock img{
    width: 100%;
}
.uslugi-block-deck-men .duble-block-left-name{
    font-family: PT Sans;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    margin-top: 9px;
    margin-bottom: 0px;
}
.uslugi-block-deck-men .duble-block-left-rank{
    font-size: 15px;
    line-height: 21px;
}
.uslugi-block-deck-men h3{
    font-family: PT Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 21px;
    line-height: 30px;
    color: black;
    margin-bottom: 15px;
}
.uslugi-block-deck-men p{
    font-size: 15px;
    line-height: 21px;
    color: #555555;
    margin-bottom: 10px;
}



.sertificats-container{
    display: inline-block;
    width: 100%;
    margin-top: 48px;
    margin-bottom: 70px;
}
.sertificats-container.style-2{
    margin-bottom: 41px;
}
.sertificats-container .about-page-why-title{
    font-size: 24px;
}
.sertificats-container .carusel{
    width: 87%;
    margin: 0 auto;
    position: relative;
}
.sertificats-container .carusel li{
    border: 1px solid #EDEDED;
    box-sizing: border-box;
    padding: 15px;
}
.sertificats-container .carusel li a{
    box-shadow: none;
    position: relative;
    width: 100%;
    height: 100%;
    top: auto;
    left: auto;
    transform: none;
}
.sertificats-container .carusel li a img{
    max-height: 100%;
}
.sertificats-container .carusel li a table{
    border-collapse: collapse;
    width: 100%;
}
.sertificats-container .carusel li a table td{
    height: 280px;
    width: 100%;
    vertical-align: middle;
}
.sertificats-container .carusel .owl-controls{

}
.sertificats-container .carusel .owl-controls .owl-prev,
.sertificats-container .carusel .owl-controls .owl-next{
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0px;
}
.sertificats-container .carusel .owl-controls .owl-prev{
    left: -75px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-slider-arrow.svg) no-repeat center center;
}
.sertificats-container .carusel .owl-controls .owl-next{
    right: -75px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-slider-arrow-right.svg) no-repeat center center;
}




.contacts-form-wrap.newStyle{
    border: 4px solid #FFCD00;
    padding: 34px 121px 35px 121px;
    margin-bottom: 70px;
}
.contacts-form-wrap.newStyle .question-form-title{
    font-family: GothamPro;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 10px;
}
.contacts-form-wrap.newStyle .question-form-desc{
    text-align: center;
    font-size: 15px;
    line-height: 21px;
    color: #555555;
    margin-bottom: 30px;
}
.contacts-form-wrap.newStyle .question-form-left{
    padding-right: 10px;
}
.contacts-form-wrap.newStyle .question-form-right{
    padding-left: 10px;
}
.contacts-form-wrap.newStyle .question-form-input{
    height: 43px;
    margin-bottom: 20px;
    vertical-align: top;
}
.contacts-form-wrap.newStyle .question-form-textarea{
    height: 107px;
    vertical-align: top;
}
.contacts-form-wrap.newStyle .g-recaptcha-container{
    width: 100%;
    display: inline-block;
    text-align: center;
}
.contacts-form-wrap.newStyle .g-recaptcha-container .g-recaptcha{
    float: none;
}
.contacts-form-wrap.newStyle .question-form-button{
    text-align: center;
}
.contacts-form-wrap.newStyle .question-form-button [type=submit]{
    float: none;
    margin: 0 auto;
}
.contacts-form-wrap.newStyle .question-form-button p.after{
    font-size: 12px;
    line-height: 16px;
    color: #B6B6B6;
    margin-top: 20px;
    margin-bottom: 0px;
}
.contacts-form-wrap.newStyle .question-form-button p.after a{
    color: black;
    text-decoration: none;
}
.contacts-form-wrap.newStyle .question-form-button p.after a:hover{
    text-decoration: underline;
}


.service-pluses{
    display: inline-block;
    width: 100%;
    margin-top: 9px;
    margin-bottom: 47px;
}
.service-pluses-item{
    position: relative;
    padding-left: 52px;
    display: inline-block;
    width: 28%;
    float: left;
    font-size: 18px;
    line-height: 24px;
    margin-right: 7.5%;
}
.service-pluses-item:last-of-type{
    margin-right: 0px;
}
.service-pluses-item:before{
    content: "";
    position: absolute;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-check-box-pluses.svg) no-repeat center center;
    left: 0px;
    top: 0px;
}

.brands-container{
    display: inline-block;
    width: 100%;
    margin-top: 74px;
    margin-bottom: 25px;
}
.brands-container h3{
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    font-family: GothamProbold;
    margin-bottom: 41px;
}

.detail-header{
        display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}

.brands-container .block_logo_image{

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    padding-top: 0px;
    margin: 0 -12px;

}
.brands-container .block_logo_image .brand-item{
    float: left;
    width: 16.66%;
    padding: 0 12px;
}
.brands-container .block_logo_image .brand-item table{
    border-collapse: collapse;
    width: 100%;
    height: 85px;
    border: 1px solid #EDEDED;
}
.brands-container .block_logo_image .brand-item table td{
    height: 100%;
    text-align: center;
}
.brands-container .block_logo_image .brand-item table td img{
    max-height: 80%;
    max-width: 80%;
    margin: 0 auto;
}



.catalog-on-page-container{
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
.catalog-on-page-container h2{
    font-size: 24px;
    font-family: GothamProbold;
    line-height: 23px;
    text-align: center;
    margin-bottom: 42px;
}
.catalog-on-page-container .catalog-page-list{
    border-top: 1px solid #ededed;
    border-left: 1px solid #ededed;
}



.text-page{
    margin-bottom: 42px;
}
.text-page h3{
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 15px;
}
.text-page p{
    font-size: 15px;
    line-height: 21px;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #555555;
}
.text-page ul.numeric{

}
.text-page ul.numeric li{

}
.text-page ul.numeric li b{
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    color: black;
    padding-left: 26px;
    position: relative;
}
.text-page ul.numeric li b span{
    position: absolute;
    left: 0px;
}

.text-page ul.numeric li ul.doted{
    margin-top: 7px;
    margin-bottom: 21px;
}
.text-page ul.doted{
    
}
.text-page ul.doted li{
    position: relative;
    padding-left: 23px;
    margin-bottom: 10px;
}
.text-page ul.doted li:before{
    content: "";
    position: absolute;
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #FFCD00;
    left: 0px;
    top: 8px;
}
.text-page ul li{
    font-size: 15px;
    line-height: 21px;
    color: #555555;
}
.text-page ul li h3{
    color: black;
}


.text-page a{
    color: #0288C2;
}


.delivery-text{
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.delivery-text h3{
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
}


.stav-delivery{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 32px -12px;
}
.stav-delivery .stav-delivers{
    width: 25%;
    box-sizing: border-box;
    padding: 0 12px;
    margin: 0px;
}
.stav-delivery .stav-delivers .stav-delivers-container{
    border: 1px solid #EDEDED;
    text-align: left;
    padding: 11px 23px;
}
.stav-delivery .stav-delivers .imag{
    margin-bottom: 15px;
}
.stav-delivery .stav-delivers a{
    font-size: 15px;
    line-height: 21px;
    text-decoration-line: underline;
    color: #0288C2;
    margin-bottom: 10px;
}



.news-prew-img-block{
    width: 160px;
    height: 160px;
}


.contact-page-new{
    display: inline-block;
    width: 100%;
    padding-top: 11px;
    margin-bottom: 40px;
}
.contact-page-new .contact-page-left{
    display: inline-block;
    width: 49%;
    float: left;
}
.contact-page-new .contact-page-right{
    display: inline-block;
    width: 51%;
}
.contact-page-new h3{
    font-weight: bold;
    font-size: 21px;
    font-family: GothamProbold;
    line-height: 36px;
    margin-bottom: 15px;
}
.contacts-shop-item{

}
.contacts-shop-item .contacts-shop-item{
    margin-bottom: 5px;
}
.contacts-shop-item .contacts-shop-item-title{
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    box-sizing: border-box;
    padding-left: 39px;
    position: relative;
}
.contacts-shop-item .contacts-shop-item-title a{
    color: black;
    text-decoration: none;
}
.contacts-shop-item .contacts-shop-item-title:before{
    content: "";
    position: absolute;
    display: inline-block;
}
.contacts-shop-item .contacts-shop-item-title.adress:before{
    width: 17px;
    height: 20px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-contact-adress.svg) no-repeat center center;
    
    left: 3px;
    top: 6px;
}
.contacts-shop-item .contacts-shop-item-title.phone:before{
    width: 20px;
    height: 20px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-contact-phone.svg) no-repeat center center;

    left: 1px;
    top: 6px;
}
.contacts-shop-item .contacts-shop-item-desc{
    padding-top: 14px;
    padding-left: 40px;
    font-size: 15px;
    line-height: 21px;
    color: #555555;
    margin-bottom: 16px;
}
.contacts-shop-item .contacts-shop-item-desc a{
    display: inline-block;
    margin-top: 10px;
    color: #555555;
}
.rekvizity p{
    font-size: 15px;
    line-height: 21px;
    color: #555555;
}
.rekvizity p b{
    color: black;
    font-weight: bold;
}

#map{
    height: 595px;
    width: 100%;
}


.catalog-page-item .compare-btn{
    position: absolute;
    right: 9px;
    top: 9px;
    display: inline-block;
    width: 23px;
    height: 23px;
}
.cat-img-block:hover .compare-btn{
    right: 13px;
}
.catalog-page-item .compare-btn a{

}
.catalog-page-item .compare-btn a span{
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-compare-btn.svg) no-repeat center center;
}
.catalog-page-item .compare-btn a.selected span,
.catalog-page-item .compare-btn a:hover span{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-compare-btn-active.svg) no-repeat center center;    
}
.catalog-page-item .compare-btn a.removeCompare span{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-compare-remove.svg) no-repeat center center;
}



.page-nav-prev, .page-nav-number, .page-nav-dots, .page-nav-next{
    float: left;
}
.page-nav-prev, .page-nav-next{
    height: 13px;
    margin-top: 3px;
}


.detail{
    margin-top: 30px;
}

.detail-slider.slick-initialized{
    margin-top: 10px;
    margin-left: 13px;
    margin-bottom: 10px;
}
.detail-image.slider-added{
    width: calc(100% - 420px);
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}
.detail-image.slider-added .slick-list,
.detail-image.slider-added .slick-track{
    height: 100%;
}
.detail-image.slider-added .slick-track .slick-slide > div{
    height: 100%;
}
.detail-image.slider-added .detail-image-show{
    margin: 0px;
    vertical-align: top;
}
.detail-picture .bx_item_detail_rating{
    top: 12px;
}

.cat-img{
    transition: all 0.2s ease;
}

.hovered-div-container{
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}
.hovered-div-container .hovered-div-one {
    display: inline-block;
    height: 100%;
    float: left;
    position: relative;
}
.hovered-div-container .hovered-div-one:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 90%;
    height: 1px;
    background: #E8E8E8;
    bottom: 0px;
    left: 5%;
}
.hovered-div-container .hovered-div-one:hover:before {
    background: #009de1;
}

.whtasapp-on-page{
    display: inline-block;
    position: absolute;
    right: 14px;
    bottom: 3px;
}
.whtasapp-on-page a{
    display: inline-block;
}
.whtasapp-on-page a span{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-whatsapp.svg) no-repeat center center;
}


.online-prosmotr{
    display: inline-block;
    background: #F5F5F5;
    border-radius: 3px;
    position: absolute;
    right: 14px;
    bottom: 52px;
    width: 282px;
    height: 149px;
}
.online-prosmotr a{
    text-decoration: none;
    box-sizing: border-box;
    padding: 25px;
    display: inline-block;
}
.online-prosmotr a .online-prosmotr-header{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 10px;
}
.online-prosmotr a .online-prosmotr-header .online-prosmotr-live{
    float: left;
}
.online-prosmotr a .online-prosmotr-live{        
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;

    color: #000000;

    background: #FFCD00;
    border-radius: 8px;
    position: relative;
    padding: 4px 12px 4px 6px;
}
.online-prosmotr a .online-prosmotr-live:before{
    content: "";
    position: absolute;
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: black;
    right: 7px;
    top: 6px;
}
.online-prosmotr a .online-prosmotr-text{
    display: inline-block;

    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    /* identical to box height, or 117% */


    color: #000000;
    margin-left: 7px;
    margin-top: 1px;
}
.online-prosmotr a .online-prosmotr-body{

}
.online-prosmotr a .online-prosmotr-body p{
    margin-top: 0px;
    margin-bottom: 0px;

    font-size: 14px;
    line-height: 21px;
    /* or 150% */


    color: #000000;
}

.detail-picture{
    padding-bottom: 20px;
}

.detail-params{
    padding-left: 17px;
}

.dop-control-block{
    display: inline-block;
    width: calc(100% - 370px);
}
.dop-control-block .dop-control-block-container{
    display: inline-block;
    float: right;
    margin-bottom: 5px;
}
.dop-control-block .bx_item_detail_rating{
    float: left;
    margin-bottom: 0px;
    margin-right: 20px;
    margin-top: 5px;
}
.dop-control-block div{
    display: inline-block;
    float: left;
}
.dop-control-block div a{
    font-size: 16px;
    line-height: 21px;
    color: #000000;
    text-decoration: none;
}
.dop-control-block div a .icon{
    margin-right: 5px;
}
.dop-control-block .compare-btn{
    margin-right: 20px;
}
.dop-control-block .compare-btn .icon-compare{    
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-compare-btn.svg) no-repeat center center;
}
.dop-control-block .compare-btn .selected .icon-compare,
.dop-control-block .compare-btn:hover .icon-compare{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-compare-btn-active.svg) no-repeat center center;
}
.dop-control-block .share-btn .icon-share{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-share-btn.svg) no-repeat center center;
    margin-top: 6px;
    float: left;
    margin-right: 10px;
}
.dop-control-block .share-btn:hover .icon-share{
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-share-btn-active.svg) no-repeat center center;
}
.dop-control-block .share-btn .text{
    display: inline-block;
    margin-top: 7px;
}

.detail-courier{
    margin-top: 24px;
}
.detail-courier:before {
    left: -2px;
}
.detail-kupivkredit{
    margin-top: 6px;
}
.detail-kupivkredit:before {
    left: 6px;
}


.detail-char header{
    margin-bottom: 16px;
}



.detail-image{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.detail-image-show{

    width: calc(100% - 365px);
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 100%;
}
.detail-image-show a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.detail-image-show a table{
    border-collapse: collapse;
    width: 100%;
    height: 100%;
}
.detail-image-show a table td{
    vertical-align: middle;
}
.detail-image-show a img{

}

.shopcard-page-item{

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 140px;

}

.intro.shopcard-page-intro{
    margin-bottom: 31px;
}
.shopcard-page-item-img-block{
    width: 144px;
    padding: 11px;
    border-right: 1px solid #EDEDED;
}
.shopcard-page-item-namecolumn{
    width: 45%;
    padding: 20px 10px 20px 163px;    
}
.shopcard-page-priceblock{
    position: relative;
    top: auto;
    left: auto;
    width: 16%;
    text-align: center;
}
.shopcard-page-item-sumcolumn{
    width: 16%;
    padding: 0 16px;
    height: auto;
    min-height: auto;
}
.shopcard-page-priceblock.summ{
    width: 16%;
    text-align: center;
}
.shopcard-page-item-deletecolumn{
    width: 7%;
    padding: 0px;
}
.shopcard-page-item-name{
    margin-bottom: 0px;
}
.shopcard-page-item-name a{
    font-size: 14px;
    line-height: 21px;
}
.shopcard-page-priceblock.price .shopcard-page-item-price{
    font-family: 'GothamPro';
    font-size: 16px;
    line-height: 21px;
    font-weight: normal;
}
.shopcard-page-priceblock.summ .shopcard-page-item-price{
    font-size: 16px;
    line-height: 21px;
}
.shopcard-page-item-sumcolumn .select-col{
    width: 100%;
    margin-bottom: 0px;
}
.shopcard-page .select-col input, .shopcard-page-wrap .spin-cart{
    width: 100%;
}
.shopcard-page-item-deletecolumn .shopcard-page-item-delete{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-delete.svg) no-repeat center center;
    border-bottom: 0px;
}
.shopcard-page-item table{
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}
.shopcard-page-item table tr{

}
.shopcard-page-item table tr td{
    vertical-align: middle;
}


.count-block{
    border: 2px solid #FFCD00;
    box-sizing: border-box;
    padding: 30px 20px;
    margin-bottom: 0px;
}
.count-block .top-sum{
    margin-bottom: 0px;
    margin-top: 20px;
    margin-bottom: 15px;
}
.count-block .btn-yellow{
    display: inline-block;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    text-align: center;

    background: #FFCD00;
    border: 2px solid #FFCD00;
    text-decoration: none;
    color: #000000;
    padding: 15px 0 13px;
    transition: all 0.3s ease;
}
.count-block .btn-yellow:hover{
    background: none;
}
.politica-info{
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #B6B6B6;
}
.politica-info a{
    text-decoration: none;
    color: black;
}
.politica-info a:hover{
    text-decoration: underline;
}

.shopcard-tab-controls-list{
    height: 31px;
    border-bottom: 1px solid #DFDFDF;
    margin-bottom: 21px;
}
.shopcard-tab-control{
    font-weight: bold;
    font-size: 13px;
    line-height: 21px;
    
    text-transform: uppercase;

    color: #B6B6B6;
    border-bottom: 0px;
    padding: 0px;
    margin-right: 53px;
}
.shopcard-tab-control span{
    border-bottom: 0px;
}
.shopcard-tab-control.active{
    background: none;

    font-weight: bold;
    font-size: 13px;
    line-height: 21px;

    text-transform: uppercase;

    color: #000000;

}

.shopcard-tab-items-list{
    background: none;
}
.shopcard-tab-item{
    padding: 0;
}
.shopcard-input-group{
    padding: 30px 30px 40px;
    margin-bottom: 20px;
    background: #F4F4F4;
}
.shopcard-form-title{

    font-family: 'GothamProbold';
    font-weight: bold;
    font-size: 18px;
    line-height: 17px;
    color: #000000;
    margin-bottom: 19px;
}
.shopcard-label-name{
    width: 100%;
    margin-bottom: 5px;
}
.shopcard-label{
    font-size: 16px;
    line-height: 21px;
    height: auto;
    display: inline-block;
    width: 100%;
    margin-bottom: 19px;
    vertical-align: top;
}
#sale_order_props .shopcard-label.shopcard-label-id2{
    width: 48.5%;
    margin-right: 3%;
    float: left;
    margin-bottom: 0px;
}
#sale_order_props .shopcard-label.shopcard-label-id3{
    width: 48.5%;
    margin-bottom: 0px;
}
.shopcard-input{
    width: 100%;
    height: 42px;
}
.shopcard-delivery-list,
.shopcard-pay-list{
    display: inline-block;
    width: 100%;
}
.shopcard-delivery-list label,
.shopcard-pay-list label{
    display: inline-block;
    width: 31.5%;
    margin-right: 2.75%;
    margin-bottom: 0px;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    border-radius: 2px;
    transition: all 0.3s ease;
    height: 70px;
    padding: 0px;
    padding: 22px 20px 22px 72px;
}
.shopcard-delivery-list label.label-checked,
.shopcard-pay-list label.label-checked{
    border: 2px solid #FFCD00;
    box-sizing: border-box;
    border-radius: 2px;
    background: white;
}
.shopcard-delivery-list label:nth-child(3n),
.shopcard-pay-list label:nth-child(3n){
    margin-right: 0px;
}
.shopcard-delivery-list label:nth-child(1n+4),
.shopcard-pay-list label:nth-child(1n+4){
    margin-top: 20px;
}

.delivery-check-mark, 
.pay-check-mark{
    font-size: 16px;
    line-height: 21px;
    color: #555555;
}
.delivery-checkbox + .delivery-dop-1{
    top: 11px;
    left: 22px;
    height: 40px;
}
.delivery-checkbox + .delivery-dop-2{
    top: 17px;
    left: 17px;
    height: 35px;
}
.pay-checkbox + .pay-dop-1{
    left: 18px;
    top: 13px;
    height: 35px;
}
.pay-checkbox + .pay-dop-2{
    left: 18px;
    top: 17px;
    height: 32px;
}
.pay-checkbox + .pay-dop-3{
    left: 20px;
    top: 16px;
    height: 32px;
}
.pay-checkbox + .pay-dop-4{
    left: 18px;
    top: 17px;
    height: 32px;
}

.shopcard-submit{
    padding-top: 10px;
}
.shopcard-submit a{
    display: inline-block;
    margin: 0px;
}
.shopcard-submit + .politica-info{
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 0 25%;
    margin-top: 15px;
    margin-bottom: 40px;
}


.order-page-auth{
    padding: 23px 30px;
    background: #F4F4F4;
}
.order-page-auth .sopcard-tab-intro{
    font-size: 16px;
    line-height: 31px;
    margin-bottom: 15px;
}
.order-page-auth .sopcard-tab-intro a{
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dashed #000000;
    color: black;
    transition: all 0.3s ease;
}
.order-page-auth .sopcard-tab-intro a:hover{
    border-bottom: 1px solid transparent;
}
.order-page-auth .shopcard-submit input{
    margin: 0px;
    margin-top: 20px;
    max-width: 100%;
    width: 320px;
    height: 42px;
}


.compare-page-holder{

}
.compare-page-holder .personal-menu{
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #DFDFDF;
    margin-bottom: 30px;
    vertical-align: top;
}
.compare-page-holder .personal-menu .personal-menu-holder{

}
.compare-page-holder .personal-menu .personal-menu-holder a{
    text-decoration: none;
    display: inline-block;
    float: left;
    margin-right: 40px;
}
.compare-page-holder .personal-menu .personal-menu-holder a:last-of-type{
    margin-right: 0px;
}
.compare-page-holder .personal-menu .personal-menu-holder a .text{
    font-weight: bold;
    font-size: 13px;
    line-height: 21px;
    text-transform: uppercase;
    color: black;
    float: left;
    margin-right: 6px;
}
.compare-page-holder .personal-menu .personal-menu-holder a .add{
    font-size: 13px;
    line-height: 21px;
    color: #B6B6B6;
    display: inline-block;
}
.compare-actions{
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
}
.compare-actions .clear{
    display: inline-block;
    float: left;
    margin-right: 30px;
}
.compare-actions .clear a{
    background: #FFFFFF;
    border: 2px solid #000000;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    width: 185px;
    text-align: center;
    padding: 12px 12px 12px;
}
.compare-actions .difference{
    display: inline-block;
    margin-top: 9px;
}

.checkcontainer{

}
.checkcontainer input{
    display: none;
}
.checkcontainer .checkmark{
    display: inline-block;
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: 2px solid black;
    position: relative;
    float: left;
    margin-right: 8px;
    transition: all 0.3s ease;
}
.checkcontainer .name{
    font-size: 15px;
    line-height: 21px;
    color: #000000;    
    display: inline-block;
}
.checkcontainer input:checked + .checkmark{
    border: 2px solid #FFCD00;
}
.checkcontainer input:checked + .checkmark:before{
    content: "";
    position: absolute;
    display: inline-block;
    width: 8px;
    height: 2px;
    background: black;
    transform: rotate(-55deg);
    left: 4px;
    top: 6px;
}
.checkcontainer input:checked + .checkmark:after{
    content: "";
    position: absolute;
    display: inline-block;
    width: 6px;
    height: 2px;
    background: black;
    transform: rotate(55deg);
    top: 7px;
    left: 2px;
}
.compare-products-list .catalog-page-item{
    width: 20%;
    border-bottom: 0px;
}
.compare-products-list .catalog-page-item.remove .removeCompare{
    display: none;
}
.compare-products-list .catalog-page-item.remove,
.compare-products-list-props li.remove{
    position: relative;
}
.compare-products-list .catalog-page-item.remove:before,
.compare-products-list-props li.remove:before{
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgba(255,255,255,0.8);
    z-index: 1;
}
.compare-products-list .catalog-page-item{
    height: auto;
}
.compare-products-list .catalog-page-item .cat-img-block{
    height: 440px;
}
.compare-products-list .catalog-page-item .cat-img-block:hover{
    width: 100%;
    box-shadow: none;
    left: 0;
}
.compare-products-list .cat-img-block:hover .bx_item_detail_rating{
    left: 4px;
}
.compare-products-list .cat-img-block:hover .compare-btn{
    right: 9px;
}
.compare-products-list .catalog-page-item .cat-incart{
    margin-left: -4px;
}
.compare-products-list .catalog-page-item .cat-oneclick{
    margin-right: -4px;
}

.compare-products-list{
    border-top: 1px solid #ededed;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    box-sizing: border-box;
    margin-bottom: 38px;
}
.compare-products-list,
.compare-products-list-props{
    display: inline-block;
    width: 100%;
}
.compare-products-list .slick-track,
.compare-products-list-props .slick-track{
    margin: 0;
}
.compare-products-list .slick-arrow{
    position: absolute;
    display: inline-block;
    width: 36px;
    height: 36px;
    transform: translateY(-50%);
    z-index: 10;
    text-indent: -999em;
    border: 0px;
    background: none;
    cursor: pointer;
    transition: all 0.3s ease;
}
.compare-products-list .slick-arrow:hover{
    background: #FFCD00;
}
.compare-products-list .slick-arrow.slick-prev{
    top: 50%;
    left: 0px;
}
.compare-products-list .slick-arrow.slick-prev:before{
    content: "";
    position: absolute;
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-arrow-slider.svg) no-repeat center center;
    left: 0px;
    top: 0px;
}
.compare-products-list .slick-arrow.slick-next{
    top: 50%;
    right: 0px;
}
.compare-products-list .slick-arrow.slick-next:before{
    content: "";
    position: absolute;
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(/bitrix/templates/teplotechnika/css/../images/icon-arrow-slider.svg) no-repeat center center;
    left: 0px;
    top: 0px;
    transform: rotate(180deg);
}


.compare-products-list-props{

}
.compare-products-list-props .param{
    border-bottom: 1px solid #F1F1F1;
    margin-bottom: 18px;
}
.compare-products-list-props .param .name{
    font-size: 16px;
    line-height: 24px;
    color: #555555;
    margin-bottom: 10px;
}
.compare-products-list-props .param .value{
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    padding-bottom: 21px;
}



.addNewCompareElement{
    display: inline-block;
    width: 100%;
    text-align: center;
    height: 440px;
    border-right: 1px solid #EDEDED;
}
.addNewCompareElement a{
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
    text-decoration: none;
}
.addNewCompareElement a table{
    border-collapse: collapse;
    width: 100%;
    height: 100%;
}
.addNewCompareElement a table td{
    height: 100%;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
.addNewCompareElement a .name{
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    color: #B6B6B6;
}
.addNewCompareElement a .icon{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/bitrix/templates/teplotechnika/css/../images/fi_plus-square.svg) no-repeat center center;
    margin-bottom: 10px;
}


.popupShare{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 32px 18px 50px;
    background: #fff;
    width: 440px;
    max-width: 580px;
    text-align: center;
    z-index: 10001;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 13px 1px rgb(26 26 29 / 42%);
    -moz-box-shadow: 0 0 13px 1px rgba(26,26,29,.42);
    box-shadow: 0 0 13px 1px rgb(26 26 29 / 42%);
    color: #fff;
}
.popupShare .load-header{
    font-size: 20px;
}
.popupShare .load-content{
    text-align: center;
    margin-top: 20px;
}
.popupShare .load-content .ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
    height: 48px;
    width: 48px;
    background-size: 48px 48px;
}

.detailProductText{
    
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -khtml-user-select: none;
}

.pay-checkbox+.pay-dop-4{
    background: url(/bitrix/templates/teplotechnika/images/icon-credit-1.svg) no-repeat;
}
.pay-checkbox:checked + .pay-dop-4{
    background-position: 0 0;
}

.detail-notavialable a{
    text-decoration: none;
    color: #000;
    
}

.bold-text-politica {
    font-weight: bold;
}

.bold-text-politica a {
    color: inherit;
    text-decoration: none;
}

.last-politica-text {
    margin-bottom: 60px;
}

.politica-item {
    margin-left:  40px;
    margin-bottom: 20px;
    position: relative;
}

.politica-item::before {
    content: "\2022";
    position: absolute;
    display: block;
    font-size: 14px;
    font-weight: 700;
    left: -14px;
}

@media (max-width:768px){

    .wrapper{
        max-width: 93.5%;
        margin: 0 auto;
    }

    .header-main-container{
        padding: 0px !important;
    }

}

/* End */


/* Start:/bitrix/templates/teplotechnika/css/search.min.css?15424634511939*/
div.title-search-result{border:1px solid #c6c6c6;display:none;overflow:hidden;max-width:100%;z-index:205;margin:-12px 0 0 156px;border-top:none}
div#title-search{width:100%;max-width:1200px;margin:0 auto}
table.title-search-result{border-collapse:collapse;border:none;width:10%}
table.title-search-result th{background-color:#F7F7F7;border-right:1px solid #e8e8e8;color:#949494;font-weight:400;padding-top:2px;padding-right:12px;text-align:right;white-space:nowrap}
table.title-search-result td{background-color:#fff;color:#000;font-weight:400;padding-top:2px;padding-bottom:2px;text-align:left;white-space:nowrap}
table.title-search-result td.title-search-item{padding-left:8px;padding-right:15px}
table.title-search-result td.title-search-item a{padding-left:4px;padding-right:15px;text-decoration:none;color:#000;vertical-align:top;display:block}
table.title-search-result td.title-search-item img{vertical-align:top}
table.title-search-result td.title-search-item b{color:#cf0000;font-weight:400}
table.title-search-result tr.title-search-selected td,table.title-search-result tr.title-search-selected a,table.title-search-result tr.title-search-selected td.title-search-more a{background-color:#fff2be}
table.title-search-result td.title-search-more{font-size:11px;font-weight:400;padding-right:15px;padding-left:24px;padding-top:0}
table.title-search-result td.title-search-more a{padding-left:12px;padding-right:15px;text-decoration:none;color:#999}
table.title-search-result td.title-search-all{padding-left:24px;padding-right:15px}
table.title-search-result td.title-search-all a{padding-left:4px;text-decoration:none;color:gray}
table.title-search-result td.title-search-separator,table.title-search-result th.title-search-separator{padding-top:0;padding-bottom:0;font-size:4px}
div.title-search-fader{display:none;background-image:url(/bitrix/templates/teplotechnika/css/images/fader.png);background-position:right top;background-repeat:repeat-y;position:absolute}
/* End */


/* Start:/bitrix/templates/teplotechnika/css/adapt.css?161753109233896*/
@media screen and (max-width: 1140px){
    .catalog-page-item {width: 33.33%;}
    .about-page-why-list{width: -webkit-calc(100% + 25px);width: -moz-calc(100% + 25px);width: calc(100% + 25px);margin: 0;}
    .about-page-why-item{padding-right: 25px;padding-bottom: 45px;}
    .about-page-why-block{width: 100%;margin: 0;}
	
.product-img{max-width: 45%;}

}

@media screen and (max-width: 1023px){
    /***header***/
    .main-menu-item {margin-right: 20px;}
    .main-menu-link {font-size: 14px;}
    .logo img{height: 90%;}
    .logo-block {width: 28%;height: 50px;}
    .header-main-container {padding-top: 25px;padding-bottom: 35px;}
    .slogan-block {padding-top: 10px;height: 60px;font-size: 14px;}
    .pricelist-block {width: 22%;padding: 10px 0 0 32px;height: 50px;font-size: 14px;}
    .phone-block {width: 20%;padding-top: 10px;height: 50px;}
    .header-phone,.telHeader2 {min-height: 17px;padding-left: 20px;margin-bottom: 7px;font-size: 15px;}
    .order-call {font-size: 14px;clear: both;}
    .header-search-submit {width: 170px;}
    .header-search {padding: 10px 190px 10px 10px;} 
    /***color baners***/
    .color-baners-right-right-wrap {padding: 20px 10px 0 18px;}
    .color-baners-right-bottom {padding: 20px 18px 0 18px;}
    /***catalog***/
    .catalog-item {width: 33.33%;}
    /***duble-block***/
    .duble-block-for-opt {bottom: 47px;left: 25px;width:90%;}
    .duble-block-right{padding-right: 0;}
    .duble-block-left-desc {padding-left: 140px;}
    /***news-block***/
    /*.advices .newsblock-prew-item:last-child{display: none;}*/
    /***associated***/
    .associated-item {width: 25%;}
    /***contacts***/
    .contacts-item {min-height: 100px;width: 50%;}
    .contacts-list {margin-bottom: 0;}
    /***person***/
    .person-item {padding: 40px 20px 0 90px;min-height: 240px;}
    .person-link {font-size: 15px;}
    .person-item:before {left: 20px;}
    /***catalog***/
    .catalog-page-item {height: auto;}
    .cat-img-block,.cat-img-block:hover{height: 490px;left: 0;width: 100%;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
    .cat-desc-anat{color: #656565;}
    .catalog-nav {margin-bottom: 25px;}
    /***news***/
    .news-prew-block{min-height: 235px;}
    .news-prew-block:nth-child(even){padding: 0 25px 0 235px;}
    .news-prew-block:nth-child(odd){padding: 0 0 0 260px;}
    .news-prew-img-block{width: 210px;height: 210px;}
    .news-prew-date{top: 220px;}
    .news-prew-title{font-size: 18px;line-height: 25px;}
    .news-prew-text{font-size: 14px;font-weight: 19px;} 
    /***objects-page***/
    .objects-page-item{ width: 33.33%;} 
    /***about-page-text***/
    .about-page-text{font-size: 14px;line-height: 21px;}
    .about-page-text-title{font-size: 22px;line-height: 1.2;}
    /***shopcard***/
    .intro {margin-bottom: 20px;}
    .shopcard-page-sidebar {width: 250px;}
    .top-sum {font-size: 14px;}
    .shopcard-page-tab,.shopcard-page-list {padding-right: 275px;}
    .shopcard-tab-control {padding: 15px 38px 0 38px;}
    .shopcard-input {width: 65%;}
    .bx-sls {width: 65%;}
    .shopcard-label-name {width: 35%;}
    .pay-check-label, .delivery-check-label {padding: 8px 70px 0 55px;}
	/***enter***/
    .enter-input{width: 65%;}
    .enter-label-name{width: 35%;}

}

@media screen and (max-width: 950px){
    /***color baners***/
    .color-baners-right-block {width: 27%;}
    .color-baners-right-left-block {float: none;width: 100%;padding-right: 0;}
    .color-baners-right-right-block {float: none;width: 100%;padding-left: 0;}
    .color-baners-right-right-wrap{-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}
    .color-baners-right-bottom-wrap {float: none;padding-left: 0;width: 100%;clear: both;}
    .color-baners-right-bottom{height: 213px;}
    .color-baners-bottom-title{margin-bottom: 20px;}
    /***header***/
    .enter-menu-link {padding-left: 32px;}
    .header-main-container {padding-bottom: 15px;}
    .logo-block {width: 35%;padding-left: 36px;}
    .slogan-block {width: 250px;padding-top:0; float: left; margin-left: 35px;}
    .phone-block {width: 22%;float: left;padding-top: 4px;}    
    .header-phone{margin-bottom: 3px;}
    .pricelist-block {width: 35%;padding: 0 0 0 32px;height: 25px;margin: 0 auto;  float: none;}
    .pricelist-block br{display: none;}
    .header-search-submit {width: 180px;}
    .header-search {padding: 10px 200px 10px 10px;} 
	.shopcard-page-priceblock{position: static;}
    /***duble-block***/
    .duble-block-wrap,.duble-block{background: none;}
    .duble-block-container {height: auto;}
    .duble-block-left {float: none;height: auto;width: 100%;padding: 30px 25px 40px 25px;}
    .duble-block-left-desc {padding-left: 145px;min-height: 320px;}
    .duble-block-right {float: none;height: auto;width: 100%;padding: 30px 25px 115px 25px;
    background: -moz-linear-gradient(top,  rgba(80,86,91,1) 0%, rgba(64,71,76,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(80,86,91,1) 0%,rgba(64,71,76,1) 100%);
    background: linear-gradient(to bottom,  rgba(80,86,91,1) 0%,rgba(64,71,76,1) 100%);}
    .duble-block-right-list{-webkit-column-width:50%;-moz-column-width:50%;column-width:50%;
        -webkit-column-count:2;-moz-column-count:2;column-count:2;}
    .duble-block-for-opt {bottom: 40px;max-width: 344px;}
    .duble-block-right-item{display: inline-block;}
    /***news-block***/
    .objects-mob{display: block;}
    .objects .news-block-link{bottom: 30px;left: 325px;}
    .news-block-wrap .objects{display: none;}
    .objects {width: auto;min-height: 287px;float: none;padding: 25px 25px 30px 25px;background: #fff;margin: 0 25px 25px 25px;}
    .objects-prew-link{padding-top: 10px ;}
    .objects .newsblock-prew-img {max-width: 265px;float: left;margin: 15px 35px 0 0;}
    .news-actions, .advices{width: 50%;min-height: auto;}
    /***tab***/
    .product-tab-control {padding: 15px 20px 0 20px;} 
    .product-tab-item {padding: 24px 24px 29px 24px;}
    /***person***/
    .person-item {padding: 95px 20px 0 25px;min-height: 290px;}
    .person-link {font-size: 14px;}
    .person-item:before {left: 25px;top: 20px;}
    /***catalog***/
    .catalog-page-item {width: 50%;}
    /***news***/
    .news-prew-block{min-height: 135px;margin-bottom: 30px;}
    .news-prew-block:nth-child(even){padding: 0 25px 0 132px;}
    .news-prew-block:nth-child(odd){padding: 0 0 0 157px;}
    .news-prew-img-block{width: 110px;height: 110px;}
    .news-prew-date{top: 120px;font-size: 13px;}
    .news-prew-title{font-size: 17px;line-height: 24px;}
    /***about-baner***/
    .about-baner{height: 440px;margin-bottom: 35px;}
    .about-baner-slogan{top: 40px;left: 50px;font-size: 40px;line-height: 60px;}
    .about-baner-logo{width: 240px;left: 50px;bottom: 50px;}
    /***about-page-text***/
    .about-page-text{padding-bottom: 0;}
    .about-page-text-right,.about-page-text-left{width: 100%;float: none;padding: 0 0 5px 0;}
    /***why***/
    .about-page-why-item {display: inline-block;vertical-align: top;width: 210px;padding: 0 20px 40px 20px;}
    .about-page-why-list{width: 100%;width:-webkit-calc(100%);width:-moz-calc(100%);}
    .about-page-why-item {display: block;width: 100%;max-width: 300px;margin: 0 auto;padding: 0 0 10px 0;}
    .about-page-why-block{padding-top: 0;padding-left: 70px;text-align: left;font-size: 13px;line-height: 17px;width: 300px;height: 56px;
        display: table-cell;vertical-align: middle;}
    .about-page-why-block:before{top: 3px;left: 3px;margin-left: 0;width: 50px;height: 50px;background-size: 100%;}    
    .about-page-why-item:nth-child(2) .about-page-why-block:before{background-position: 0 -50px;}
    .about-page-why-item:nth-child(3) .about-page-why-block:before{background-position: 0 -100px;}
    .about-page-why-item:nth-child(4) .about-page-why-block:before{background-position: 0 -150px;}
    .about-page-why-item:nth-child(5) .about-page-why-block:before{background-position: 0 -200px;}
    .about-page-why-list{padding-bottom: 20px;}
    /***footer***/
    /***about-objects***/
    .about-objects-item {width: 50%;}
    .about-objects-item:nth-child(3) {display: none;}
    .about-objects-item:nth-child(2) {border-right-color: transparent;}
    /***shopcard***/    
    .shopcard-page-sidebar {width: 190px;}
    .count-block {padding: 15px 25px 20px 25px;}
    .sum {font-size: 20px;white-space: nowrap;}
    .top-sum br{display: none;}
    .shopcard-page-list {padding-right: 213px;}
    .shopcard-page-tab{padding-right: 0;}    
    .shopcard-page-item-deletecolumn {float: none;width: 18px;height: 18px;
    padding: 0;position: absolute;top: 0;right: 0;background:url(/bitrix/templates/teplotechnika/css/../images/cross.png) center center no-repeat #ededed;text-indent: -5000px;}
    .shopcard-page-item-delete {line-height: 0;border-bottom: none;/*display: block;*/height: 100%;}
    .shopcard-page-item-namecolumn {width: 70%;padding: 20px 10px 0 190px;}
    .shopcard-page-item-sumcolumn {width: 30%;padding: 20px 0 0 0;}
    .shopcard-page-item-type {margin-bottom: 10px;font-size: 14px;}
    .shopcard-page-item-name {margin-bottom: 0;font-size: 15px;line-height: 22px;}
    .shopcard-page-item-pricename {font-size: 14px;}
    .shopcard-page-item-price {font-size: 18px;line-height: 0.8;}
    .select-col {margin-bottom: 0;}
	/***enter***/
    .enter-form {max-width: 610px;}
    /***footer***/
    .footer-left, .footer-right, .footer-middle {padding: 0 25px 30px 25px;width: 50%;}
	.product-img{max-width: 50%;}
	.cheaper{font-size: 13px}
	.main-menu,
	.enter-menu .enter-menu-person{display: none;}
	.enter-menu{position: absolute;right: 20px;top: 20px;}
	.topline-container{position: relative;}
	.mine-menu-toggle{display: block;}
	.associated-name{font-size: 13px;}
	.enter-menu-shopcart{width: 32px; height: 56px;}
	.enter-menu a.enter-menu-shopcart:before{content: none;}
	.header-main .pricelist-block{display:none;}
	.question-form-desc.services{width: 100%;}
	.question-form-left.services{width: 100%;}
	.services-form-button input{margin-top:0;}
	.question-form-left.services .services-form-button [type=submit]{display:block;}
	.question-form-desc.services input[type="submit"]{display:none;}
}

@media screen and (max-width: 800px){
    /***catalog***/
    .catalog-item {width: 50%;}
    .catalog-list {padding: 0 60px;}
    /***product***/
    .product-bar{}
    .product-img-block {}
    .product-price {}
    .product-add {}
    .product-buy {padding: 15px 17px;}
    .product-descript-block {font-size: 13px;height: 155px;}
    /***product***/
    .product-img{max-height: 400px;}
    /***question-form***/
    .question-form-left {padding-right: 12px;}
    .question-form-right {padding-left: 13px;}
    .question-form-desc {font-size: 14px;} 
    /***associated***/
    .associated-item {width: 33.333%;}
    /***contacts***/
    .contacts-form-wrap {padding: 20px 26px 27px 26px;}
	/*.associated-img{min-height: 190px;}*/
/*	.logo-block{    width: 43%;}*/

}
@media screen and (max-width: 780px){
	.slogan-block{margin-left: 10px;}

}
@media screen and (max-width: 760px){
	.slogan-block{margin-left: 35px;}
    .container {padding-left: 10px;padding-right: 10px;} 
    /***color baners***/
    .color-baners-left {float: none;margin-bottom: 10px;}
    .color-baners-left-wrap{padding: 10px;background: url(/bitrix/templates/teplotechnika/css/../images/radiator-mob.png) right bottom no-repeat;}
    .color-baners-wrap{padding: 0 10px;}
    .color-baners-left-title {font-size: 22px;line-height: 21px;margin-bottom: 10px;padding: 10px;}
    .color-baners-left-item {font-size: 14px;line-height: 23px;}
    .go-in-cat {bottom: 40px;left: 20px;width: 180px;font-size: 12px;}
    .color-baners-right-block {width: 100%;padding-left: 0;float: none;}
    .color-baners-right-left-block {float: left;width: 50%;padding-right: 5px; height: 210px;}
    .color-baners-right-right-block {float: right;width: 50%;padding-left: 5px; height: 210px;}
    .color-baners-right-left-wrap {padding: 10px;}
    .color-baners-right-right-wrap {padding: 10px;}
    .color-baners-right-right-title,
    .color-baners-right-left-title{font-size: 16px;line-height: 21px;margin-bottom: 4px;}
    .color-baners-right-text {font-size: 12px;line-height: 18px;}
    .color-baners-right-bottom {padding: 10px;}
    .color-baners-bottom-title{font-size: 20px;margin-bottom: 10px;}
    .color-baner-serves-link{font-size: 12px;}
    .color-baners-right-bottom {height: 186px;}
    /***header***/


    .header-main-container {padding-top: 18px;padding-bottom: 25px;}
    .logo-block {width: 250px;padding-left: 58px;}
    .slogan-block {max-width: 300px; }
    .pricelist-block {font-size: 13px;width: 100%;max-width: 300px;padding-left: 90px;margin: 0 auto;float: none;background-position: 58px center;}
    .phone-block{display: none;}
    .header-search-submit {width: 50px;color: transparent; background: url(/bitrix/templates/teplotechnika/css/../images/search.png) center center no-repeat;}
    .header-search {padding: 10px 70px 10px 10px;}
    .header-search-input {padding: 0 10px;font-size: 14px;}
    input.header-search-input::-webkit-input-placeholder{font-size: 14px;letter-spacing: -0.3px;}
    input.header-search-input:-ms-input-placeholder{font-size: 14px;letter-spacing: -0.3px;}
    input.header-search-input::-moz-placeholder{font-size: 14px;letter-spacing: -0.3px;}
    input.header-search-input:-moz-placeholder{font-size: 14px;letter-spacing: -0.3px;}
    /***catalog***/
    .catalog-item {width: 100%;max-width: 300px;display: block;margin: 0 auto;    }
    .catalog-list {padding: 0 20px;}    
    .catalog-block {padding: 0 10px;}
    .catalog-title {margin-bottom: 5px;font-size: 20px;}
    .catalog-text {font-size: 13px;line-height: 21px;}
    /***news-block***/
    .news-actions, .advices{width:100%;float:none;padding:0 0 90px 0;border-right:none;border-bottom:1px solid #ededed;margin-bottom:16px;}
    .objects-mob{display: none;}
    .news-block-wrap .objects{display: block;}
    .news-block-wrap {padding: 0 10px;margin-bottom: 10px;}
    .news-block {padding: 20px 18px 5px 18px;}
    .news-block-link {bottom: 22px;left: 0;}
    .objects {width: 100%;min-height: auto;padding: 0 0 90px 0;margin: 0;}
    .objects .newsblock-prew-img {float: none;margin: 15px 0 5px 0;}    
    .objects .news-block-link{bottom: 22px;left: 0;}
    .advices .newsblock-prew-item:nth-child(2){margin-bottom: 0;}
    /***product***/
    .product-wrap{margin-bottom: 20px;}
    .product-name {margin: 5px 0 12px 0;font-size: 20px;}
    .product-bar {margin-top: 450px;width: 100%;min-height: auto;float: none;border-left: none;border-top: 1px solid #ededed;}
    .product-img-block {padding: 20px 0 25px 0;position: absolute;height: 305px;width: 100%;top: 0;left: 0;}
    .product-price {height: 85px;line-height: 85px;}
    .product-add {width: 100%;height: 67px;line-height: 69px;margin: 0;}
    .not-aviable-click {padding-top: 30px}
    .product-descript-block{display: none;}
    .product-buy{float: left;width: 50%;line-height: 18px;text-align: left;border: none;padding: 22px 8px 22px 17px;height: 102px;}
    .product-buy br{display: inline;}
    .product-buy span{display: block; height: 100%; padding: 12px 0 0 18px;}
    /*.cheaper{width:100%;background-position:5px 4px;padding:6px 0 0 43px;font-size:13px;background-size:25px;line-height: 18px;}*/
    .cheaper span{display: none;}
    /***tab***/
    .product-tab-controls-list {height: auto;margin-bottom: 16px;}
    .product-tab-control{height: 24px; line-height: 24px; padding: 0 9px;margin: 0 10px 8px 0;color: #656565;font-size: 13px; border: none;}
    .product-tab-control span {border-bottom: none;}
    .product-tab-control.active{background: #ededed;-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
        -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;}
    .product-tab-item {padding: 12px 12px 14px 12px;}
    /***question-form***/
    .question-form-title {margin-bottom: 8px;font-size: 20px;line-height: 24px;}
    .question-form-desc {margin-bottom: 15px;font-size: 13px;line-height: 17px;}
    .question-form-left,.question-form-right{width: 100%;float: none; padding: 0;}
    .question-form-button {float: none;margin: 0 auto;}
    /***associated***/
    .associated-item {width: 50%;height: 290px;}
    .associated-list {height: 290px;}
    .associated-title {font-size: 20px;line-height: 24px;margin: 12px 0;}
    .associated-img-block {padding: 20px 0 80px 0;}
    .associated-name {margin-bottom: 6px;font-size: 12px;line-height: 14.3px;}
    .associated-price {font-size: 13px;line-height: 14.3px;}
    /***contacts***/
    .contacts-form-wrap {padding: 12px 11px 14px 11px;}
    .page-name{font-size: 20px;line-height: 35px;margin: 0;}
    .intro {margin-bottom: 20px;font-size: 13px;line-height: 19px;}
    .contacts-item {min-height: 92px;width: 100%;float: none;padding: 0 15px 0 82px;}
    .contacts-item:before{left: 12px;}
    .contacts-item-title {margin-bottom: 3px;font-size: 20px;}
    /***person***/
    .whelcome {margin-bottom: 10px;}
    .person-item{width: 100%;float: none;padding: 35px 20px 25px 90px;min-height: auto;border-right: none;border-bottom: 1px solid #ededed;}
    .person-item:last-child{border-bottom: none;}
    .person-link {font-size: 15px;}
    .person-item:before {left: 20px;}
    .person {padding-bottom: 11px;}
    /***catalog***/
    .page-catalog-name{font-size: 20px;margin: 5px 0 17px 0;}
    .catalog-nav {margin-bottom: 5px;padding-right: 0;}
    .catalog-nav-item {height: 24px;margin: 0 1px 7px 0;}
    .catalog-nav-link {padding: 0 6px;line-height: 24px;font-size: 13px;}
    .blue-block{width:100%;max-width:300px;position:relative;margin:0 auto 17px auto;right:0;padding:10px 10px 46px 10px;font-size:13px;}
    .filter-toggle-button{display: block;}
    .sidebar-baner-serveses-list{max-width: 190px;margin: 0 auto;}
    .sidebar-baner-serveses {padding: 25px 0 35px 0;}
    .sidebar-baner-serveses-title {margin-bottom: 25px;}
    .sidebar-baner-descont-img-block{margin-bottom: 20px;}
    .sidebar-baner-descont-more {max-width: 150px;margin: 0 auto;}
    #cheaper-wrap{height: 67px;padding-top: 22px;float: none;width: 100%;}
    #cheaper-wrap .cheaper {max-width: 300px;font-size: 14px;height: 27px;padding: 0 0 0 55px;line-height: 27px;background-position: 20px 0;}
    #cheaper-wrap .cheaper br{display: none;}
    #cheaper-wrap .cheaper span{display: inline-block;line-height: 0.8;vertical-align: top;height: 100%;}
    .brend-menu-wrap {height: 126px;padding-top: 10px;padding-bottom: 60px;}
    .brend-menu-list {height: 100%;}
    .brend-menu-item {margin-right: 12px;margin-bottom: 6px;}
    .brend-menu-link {font-size: 13px;line-height: 22px;}
    .brend-menu-more {top: auto;right: auto;left: 10px;bottom: 22px;width: 143px;height: 31px;line-height: 31px;font-size: 13px;}
    .anotation-title {font-size: 18px;}
    .anotation p {margin: 18px 0;font-size: 13px;line-height: 18px;}
    .anotation {padding-bottom: 10px;}
    .filt-by {height: auto;padding: 8px 15px;font-size: 13px;}
    .smartfilter {padding: 30px 0;border-left: none;border-right: none;margin-left: 0;}
    .more-filter{border: none; margin: 0;}
    .sidebar-catalog{display: none;}
    .catalog-list-wrap {padding-right: 0;}
    .catalog-page-item:nth-child(even) .cat-img-block{left: 1px;}
    .page-nav {padding: 16px 10px;}
    .page-nav a:last-child{margin: 0;}
    .page-nav-prev, .page-nav-number, .page-nav-dots, .page-nav-next{font-size: 15px;margin-right: 8px;}
    /***news***/
    .page-page-name{margin: 0 0 15px 0;}
    .news-prew-block{min-height: 105px;margin-bottom: 25px;width: 100%; float: none;}
    .news-prew-block:nth-child(even),.news-prew-block:nth-child(odd){padding: 0 0 0 95px; float: none;}    
    .news-prew-img-block{width: 80px;height: 80px;top: 5px;}
    .news-prew-date{top: 95px;font-size: 12px;}
    .news-prew-title{font-size: 14px;line-height: 21px;margin-top: 0;}     
    .news-prew-block:nth-child(odd) .news-prew-img-block{left: 0;}    
    .news-prew-block:nth-child(odd) .news-prew-date{left: 0;}
    .news-prew-text{font-size: 13px;font-weight: 20px;}
    .pages-page-nav {height: 55px;padding: 21px 0 0 0;}
    /***objects-page***/
    .objects-page-list{width: 100%;width: -moz-calc(100%);width: calc(100%);}
    .objects-page-item{display: block;width: 100%;padding-right: 0;margin: 0 auto 15px auto;max-width: 300px;}
    .objects-page-link{font-size: 13px;line-height: 18px;}    
    .objects-page-img{margin-bottom: 5px;} 
    /***about-baner***/
    .about-baner{height: 300px;margin-bottom: 20px;}
    .about-baner-slogan{top: 25px;left: 25px;font-size: 20px;line-height: 28px;}
    .about-baner-logo{width: 180px;left: 25px;bottom: 25px;}
    /***about-page-text***/
    .about-page-text{font-size: 13px;line-height: 17px;}
    .about-page-text-title{font-size: 20px;line-height: 26px;}
    .about-page-text p{margin: 20px 0;}
    /***why***/
    .about-page-why-title {margin-bottom: 10px;text-align: left;font-size: 20px;line-height: 26px;}
    /***about-objects***/
    .about-objects-item {width: 100%;max-width: 300px;float: none;margin: 0 auto 15px auto;border: none;padding: 0 18px;}
    .about-objects-item:nth-child(2) {display: none;}
    .about-objects-img {margin-bottom: 10px;}
    .about-objects {padding: 25px 0 28px 0;}
    .about-objects-title {margin-bottom: 15px;font-size: 22px}
    .about-objects-desc {margin: 0 auto 10px auto;font-size: 13px;line-height: 20px;max-width: 264px;}
    /***shopcard***/ 
    .intro {font-size: 14px;line-height: 22px;}
    .shopcard-page-sidebar {width: 100%;max-width: 300px;margin: 0 auto;position: static;text-align: center;}
    .count-block {padding: 20px 0;margin-bottom: 18px;}
    .resum {font-size: 16px;margin-bottom: 10px;}
    .sum {font-size: 28px;}
    .shopcard-linkblock-link:before {display: inline-block;vertical-align: middle;margin-right: 12px;position: static;}
    .shopcard-linkblock-link {padding-left: 0;}
    .shopcard-page-list {padding-right: 0;margin: 0 auto 20px auto;max-width: 495px;}
    .shopcard-page-item {/*min-height: 150px;*/clear: both;padding-bottom: 14px;}
    .shopcard-page-item-img-block {width: 80px;padding: 10px 0 40px 0;}
    .shopcard-page-item-namecolumn {width: 100%;padding: 8px 10px 0 95px;height: auto;float: none;}
    .shopcard-page-item-type {margin-bottom: 5px;line-height: 0.8;}
    .shopcard-page-priceblock {position: static;padding-top: 10px;padding-left: 0px;float: left;text-align: left;margin-left: 95px;min-width: 95px;}
    .shopcard-page-item-pricename {display:block;line-height: 1.2;font-size: 12px;}
    .shopcard-page-item-price {display: inline-block;font-size: 14px;}
    .shopcard-page-item-sumcolumn {width: 190px;/*float: none;*/padding: 10px 0 0 95px;min-height: auto;}
    .shopcard-page-item-col {margin-bottom: 8px;font-size: 12px;line-height: 1.2; float: left;}
    .select-col {float: left;width: 83px;clear: both;}
    .basket-quantity-control .plus, .basket-quantity-control .minus {font-size: 28px;top: 8px;}
    .basket-quantity-control .minus {left: 7px;line-height: 21px;}
    .basket-quantity-control .plus {right: 7px;text-align: right;line-height: 21px;}
    .shopcard-page-item-sumcolumn .shopcard-page-priceblock{padding-left: 95px;text-align: left;}

    .shopcard-page-item-sumcolumn .shopcard-page-item-pricename{display: block;line-height: 1.2;margin-bottom: 16px;}
    .shopcard-page-item-sumcolumn .shopcard-page-item-price {display: block;font-size: 14px;}
    .shopcard-page-item-deletecolumn{width:80px;height:40px;top:auto;right:auto;bottom:0;left:0;background:none;text-indent:0;padding-top:10px;z-index: 4;}
    .shopcard-page-item-delete {line-height: 1.2;border-bottom: 1px dashed#e2e2e2;display: inline;font-size: 13px;}
    .shopcard-tab-controls-list{border-top: 1px solid #ededed; height: auto; padding: 17px 0 15px 0;}
    .shopcard-tab-control{height: 24px;padding: 0 8px;line-height: 24px;font-size: 13px;margin: 0 9px 7px 0;}
    .shopcard-tab-control span {border-bottom: none;}
    .shopcard-tab-control.active{background: #ededed;-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;
        -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) inset;}
    .shopcard-tab-items-list{position: relative;}
    .shopcard-tab-items-list:before{content: '';
        display: block; width: 22px; height: 30px;
        position: absolute; top: -30px; left: 50%; margin-left: -11px;
        -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
        border-top: 15px solid transparent;border-left: 11px solid transparent;
        border-right: 11px solid transparent;border-bottom: 15px solid #ededed;}
    .shopcard-tab-item{padding: 25px 9px 35px 9px;}
    .sopcard-tab-intro {font-size: 14px;}
    .shopcard-submit {padding: 0 30px;border-radius: 0;;margin: 15px auto 15px auto;font-size: 14px;}
    .shopcard-label {height: auto;font-size: 14px;line-height: 1.2;}
    .shopcard-label-name {width: 100%;height: 24px;float: none;}
    .shopcard-input {width: 100%;float: none;height: 34px;}
    .bx-sls {width: 100%;float: none;height: 34px;}
	.bx-sls .bx-ui-sls-route{top:0px;}
    .shopcard-form-title {margin-bottom: 10px;font-size: 17px;}
    .shopcard-input-group {padding-top: 0;}
    .pay-check-label, .delivery-check-label {padding: 8px 0 0 95px;margin-bottom: 15px;}
    .pay-checkbox + .pay-dop,.delivery-checkbox + .delivery-dop{left: 35px;}
	/***enter***/
    .enter-tab-item{padding: 25px 9px 35px 9px;}
    .enter-tab-desc {font-size: 13px;line-height: 19px;margin-bottom: 20px;}
    .enter-tab-control{width: 50%;padding: 15px 0 0 0;text-align: center;margin-top: 15px;}    
    .enter-submit {padding: 0 30px;height: 41px;font-size: 14px; margin: 35px auto;}
    .enter-label {height: auto;font-size: 14px;line-height: 1.2;}
    .enter-label-name {width: 100%;height: 24px;float: none;}
    .enter-input {width: 100%;float: none;height: 34px;}
    .enter-form-title {margin-bottom: 20px;font-size: 17px;}
    .enter {padding-bottom: 10px;}
	/***pop-up***/
	.pop-block{padding: 15px;width: -webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);width: calc(100% - 20px);box-shadow: 0px 0px 125px rgba(65, 72, 77, 0.7);}
	.pop-block .close{top: -35px; right: 0;}
	.pop-header{font-size: 18px;}
	.pop-desc{margin-bottom: 18px;}
	.top-sum{display:none;}
	.cat-img-wrap.big-data{margin-bottom: 30px;}
	.mine-menu-toggle {top: 30px;}
	.enter-menu{top: 8px;}
	.cheaper-wrap{}
	.uslugi-block-deck-men{width: 100%;}
	.uslugi-block-deck-men .duble-block-left-desc {padding-left: 0;}
	.uslugi-block-deck-men .duble-block-left-imgblock{margin-bottom: 28px;}
	.uslugi-block-deck-men .duble-block-left-desc p{text-align: left; text-indent: 0px;}
}
@media screen and (max-width: 600px){
	.logo-block {width: 100%; max-width: 300px; margin: 0 auto;padding-left: 58px; float:none}
    .slogan-block {margin: 0 auto;padding-left: 20px;font-size: 13px; float: none;text-align: center;}
	.header-main-container{padding-bottom: 8px;}
	#UslServise img{width:43px; height:43px;}
	#UslMontazh img{width:43px; height:30px;}
	#UslConsult img{width:43px; height:41px;}
	.iconUslBlock{height: 60px;width: 63px;padding: 10px;}
	.blockTextUsl{font-size: 21px;line-height: 24px;}
	.WrappblockTextUsl p{font-size: 13px;}
	.wrappUslugi strong {padding: 10px 0px 40px 0px;font-size: 16px; text-align:center;}
	.services-form,
	.image-services	{float:none;margin: 12px auto;width: 90%;}
}
@media screen and (max-width: 580px){    
    /***header***/
    .header-cat-menu{display: none;}
    .header-cat-menu-mob{display: block;}
    .header-cat-list > .header-cat-item{float: none;border-top: 1px solid #ededed;}
    .header-cat-sublist{display: none !important;}
    .header-cat-list > .header-cat-item:hover .header-cat-sublist,.flexMenu-viewMore:hover .flexMenu-popup{display: none !important;}
    .header-cat-list{height: auto;}
    /***duble-block***/
    .duble-block-left {padding: 15px 10px 0 10px;}
    .duble-block-left-title {margin-bottom: 10px;font-size: 20px;line-height: 24px;}
    .duble-block-left-desc {padding-left: 100px;min-height: 250px;font-size: 13px;line-height: 17px;padding-bottom: 15px;}
    .duble-block-left-imgblock {width: 90px;}
    .duble-block-left-img {width: 90%;}
    .duble-block-left-name {font-size: 12px;}
    .duble-block-left-rank {font-size: 12px;line-height: 17px;}
    .duble-block-left-desc p {margin: 0 0 15px 0;}
    .duble-block-right{padding: 15px 10px 95px 10px;}
    .duble-block-right-title{margin-bottom: 15px;font-size: 20px;line-height: 24px;}
    .duble-block-right-list {-webkit-column-width: 100%;-moz-column-width: 100%;column-width: 100%;
        -webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
    .duble-block-right-item {margin-bottom: 15px;font-size: 14px;}
    .duble-block-for-opt{bottom: 27px; left: 8px;width: 94%;font-size: 10px;letter-spacing: -0.3px;}
    
    /***footer***/
    .footer-left, .footer-right, .footer-middle {padding: 0 19px 27px 19px;width: 100%;}
    .footer-bottom {padding: 20px 19px 30px 19px;min-height: 76px;height: auto;line-height: 21px;}
    .aferta {float: none;margin-bottom: 12px;}
    .rokso{line-height: 30px;}    
.shopcard-page-item-img{max-width: 90% !important;}
	.go-in-cat {bottom: 10px;left: 10px;}
}

@media (max-width: 580px) {

    .mob-minemenu .mine-menu-list {padding: 0 15px;}
    .mob-minemenu-top .enter-menu-shopcart {margin-top: 10px;}
    .mob-minemenu-top {height: 70px;}
    .mob-minemenu .enter-menu-person {height: 50px;line-height: 50px;background-position: 25px -6px;}
.product-bar{margin-top: 370px; min-height: 237px;}


}
@media (max-width: 480px){
		

}
@media (max-width: 460px){
    .catalog-page-item {width: 100%;float: none;height: auto;border-right: none;}
    .catalog-page-item:nth-child(even) .cat-img-block{left: 0;}
    .cat-desc-anat,.cat-img-block, .cat-img-block:hover {height: auto;}
    /***about-baner***/
    .about-baner{background: url(/bitrix/templates/teplotechnika/css/../images/about-baner-mob.jpg) center 0 no-repeat;}
.product-bar{margin-top: 300px;}
.product-img{max-width: 75%; max-height: 205px;}

.filt-by{padding: 8px 5px;}
	.filt-by-link{margin:0}
}

@media (max-width: 430px){
	.breadcrumbs a{margin: 0 5px;}
	.shopcard-page-priceblock{width:105px;}

}
@media (max-width: 400px){
	.product-buy{padding-left: 8px;width: 100%;float: none;text-align: center;}
	.cheaper-wrap {margin: -20px auto 0;float: none;}
}

@media (max-width: 380px){

	.iconUslBlock{padding:10px 5px!important}
.iconUslBlock img{margin-top:0px}


}
@media (max-width: 320px){
	.product-img{max-width: 85%; max-height: 250px;}
	.product-img-block, .product-bar{height:0; min-height:205px;}
	.shopcard-page-item-namecolumn,
	.shopcard-page-item-sumcolumn{min-height: 45px;}
	.shopcard-page-item-namecolumn,
	.shopcard-page-item-sumcolumn{padding-left: 90px;}	
	.shopcard-page-item-name{overflow: visible;font-size: 14px;line-height: 16px;}
	.shopcard-page-item-img{max-height: 80px!important;}
	.catalog-text{padding: 0 10px;}
	.color-baners-right-text{font-size: 11px;}
	.logo-block {width: 70%;height: 46px;padding-left: 13px;}
	.iconUslBlock{padding:10px !important}
	.mob-minemenu-close{margin-top: -20px;}
	.product-bar{min-height: 320px;}
.image-services {min-height: 175px;}
}
@media (max-height: 500px){
	.pop{
		overflow: auto;
		height: 225px;
		background: linear-gradient(white 30%, rgba(255,255,255,0)), linear-gradient(rgba(255,255,255,0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)), radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
		background-repeat: no-repeat;
		background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
		background-attachment: local, local, scroll, scroll;
	}
	.pop-block{
		margin-top: 60px;
	}

}

@media (max-width: 780px){
	.bx-filter-popup-result{
		text-align:center;
	}
	.bx-filter .bx-filter-popup-result a{
		background: #FFCD00;
		padding: 12px 0;
		width: 200px;
		margin: 0 auto;
	}
}
		
@media screen and (min-width: 1200px){
	.main-menu-item{margin-right: 35px}
}


/*add 26.03.18 detail*/
@media screen and (min-width: 760px){
	.item_section_name_gray{display:none;}
	.product-wrap{
		border: none;
		float:left;
	}
	.product-add{height: 50px;line-height:50px;}
	.item_buttons_counter_block_right{height: 50px;}
	.question-captcha-image{width: 48%;display: inline; min-width: 195px}
	.question-form-input.question-captcha-input{width: 48%; margin-left: 1%;}
	.product-price{
		height: auto;
		line-height: 1.35;
		border: 2px solid #ffcd00;
		padding: 5px 0;
		margin-bottom: 10px;
		font-size: 28px;
	}
	.select-col.detail{
		margin-top: 5px;
	}
	.product-bar{
		float: right;
		border: none;
	}
	.product-img{
		max-width: 100%;
		width: 70%;
		margin: auto;
	}
	.product-img-block{
		padding:0;
		width: 405px;
		float: right;
		border:1px solid #ededed;
	}
	 .product-img-block a{
		 padding: 15px;
		 min-height: 365px;
		 display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	 }
	.product-tab-block{
		clear: both;
	}
	.product-descript-more{
		border-bottom: none;
	}
	.cheaper-wrap{
		padding-top: 0;
	}
}
@media screen and (min-width: 1024px){
	.product-img-block{
		width: 545px;
	}
	.question-captcha-image{width: 180px}
	.question-form-input.question-captcha-input{
		width:-webkit-calc(100% - 195px);
		width:-moz-calc(100% - 195px);
		width:calc(100% - 195px);
		margin-left: 10px;
	}
	.product-wrap .popup-image{
		padding-left: 90px;
		padding-right: 90px;
	}
}
/*end add 26.03.18 detail*/ 
/* End */


/* Start:/bitrix/templates/teplotechnika/components/bitrix/sale.basket.basket.line/cart/style.min.css?15424634523326*/
.bx-basket-block{font-size:12px;padding-bottom:5px;white-space:nowrap;position:relative;padding-left:20px}.bx-basket-block>.fa{color:#97a1ab;width:12px;position:absolute;left:0;top:3px}.bx-basket-block a{color:#039be5;border-bottom:1px dashed;margin-right:10px}.bx-basket-block a:hover{text-decoration:none;border-bottom-color:transparent}@media(min-width:768px){.bx-basket-fixed{width:200px;position:fixed;z-index:1100;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;z-index:1100;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden;bottom:0;left:0;right:0}.bx-basket-item-list{display:none}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;padding-bottom:20px;border-top:1px solid #f7f7f7;overflow:hidden}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;bottom:0;left:0;right:0}.bx-closed .bx-basket-item-list{height:20px;overflow:hidden}.bx-basket-item-list-action{cursor:pointer;background:#f7f7f7;position:absolute;bottom:0;right:0;left:0;z-index:120;height:20px;line-height:14px;vertical-align:middle;text-align:center;font-size:12px;color:#4f4f4f;padding:3px 0}.bx-basket-item-list-button-container{text-align:center;position:absolute;bottom:20px;border-top:1px solid #f7f7f7;padding:10px 0;background:#fff;left:0;right:0}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{padding-top:15px;position:relative;padding-right:10px;padding-left:10px;margin-bottom:15px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{border-bottom:0;margin-bottom:0}.bx-basket-item-list-item-status{font-weight:bold;padding:3px;background:#ebebeb;margin:0 10px 20px;line-height:16px;font-size:13px;border-radius:3px;text-align:center}.bx-basket-item-list-item-img{text-align:center;position:relative;padding-bottom:5px}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;color:#3f3f3f;text-decoration:none}.bx-basket-item-list-item-remove{position:absolute;right:10px;top:-7px;width:20px;height:20px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center;opacity:.5}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;text-decoration:line-through;color:#b0b0b0}.bx_cart_login_top .bx-hdr-profile a{text-decoration:none}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em}
/* End */


/* Start:/bitrix/templates/teplotechnika/components/bitrix/news.list/slider/slick/slick.css?15424634531776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/bitrix/templates/teplotechnika/components/bitrix/news.list/slider/slick/banner.min.css?15424634531756*/
.banner-home{position:relative}.banner-item{text-align:center}.banner-item img{max-width:100%}.banner-item a{display:inline-block;vertical-align:middle}.slick-arrow,.slick-arrow.hidden{display:none!important}.slick-arrow{position:absolute;z-index:50;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background:url(/bitrix/templates/teplotechnika/images/slider-arrow.png) no-repeat;width:23px;height:40px;border:none;opacity:.6;outline:0}.slick-arrow:hover{opacity:.85}.slick-arrow.slick-prev{left:10px}.slick-arrow.slick-next{right:10px;background-position:-23px 0}.slick-dots{position:absolute;bottom:10px;left:0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:0 10px}.slick-dots li{display:inline-block;margin:0 4px}.slick-dots li button{position:relative;border:none;background:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;outline:0;text-indent:-99999px;width:12px;height:12px}.slick-dots li button:after{opacity:.25;background:#0078d7;position:absolute;content:'';width:10px;height:10px;top:50%;left:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-top:-6px;margin-left:-6px}.slick-dots li.slick-active button:after{opacity:1}@media screen and (min-width:761px){.color-baners-left{float:left;width:73%}.banner-home{height:490px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (min-width:951px){.color-baners-left{width:60%}}
/* End */


/* Start:/bitrix/templates/teplotechnika/styles.css?17911234607162*/
.pop input.no-icon {
    background: none;
    padding-left: 15px;
}
.catalog-item:hover.catalog-item-dymokho:before {
    background-position: -59px -1552px
}
.catalog-item-dymokho:before {
    background-position: 0px -1552px
}

.catalog-item:hover.catalog-item-ventily:before {
    background-position: -54px -883px
}
.catalog-item-ventily:before {
    background-position: 0 -883px
}
.detail-image-show a {
	margin: 0 0 0 20px;
}
/* ===== Слайдер главной: на всю ширину, ниже; баннеры справа убраны (01.10.2026) ===== */
/* Файл грузится после banner.min.css, поэтому перебивает его height:490px/width:60% */
@media screen and (min-width:761px){
    .color-baners-left{float:none;width:100%;}
    .banner-home{height:380px;}
    .banner-item img{max-height:380px;width:auto;max-width:100%;}
    .color-baners-right-bottom-wrap{float:none;width:100%;padding-left:0;}
    .color-baners-right-bottom{height:auto;padding-bottom:20px;}
}

/* Главная: обёртка не растягивается на весь экран — иначе после укороченного
   слайдера (380px) под ней остаётся пустота до нижней границы экрана (01.10.2026) */
.wrapper-short{min-height:0;}

/* ===== Футер: карточки магазинов с рейтингом Яндекс.Карт ===== */
.footer-shops{display:flex;flex-direction:column;gap:10px;margin:12px 0 4px;max-width:420px}
.footer-shop{display:flex;align-items:center;justify-content:space-between;gap:12px;
	background:#fafbfc;border:1px solid #e3e6ea;border-radius:8px;padding:10px 12px}
.footer-shop-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.footer-shop-name{font-family:'GothamProbold','GothamPro',Arial,sans-serif;font-size:13px;color:#1f3a5f;line-height:1.3}
.footer-shop-addr{font-size:11.5px;color:#7a8492;line-height:1.35}
.footer-shop-phone{font-size:12.5px;color:#111;text-decoration:none;font-weight:600;margin-top:1px}
.footer-shop-phone:hover{color:#2b6bb5}
.footer-shop-review{font-size:11.5px;color:#2b6bb5;text-decoration:none;border-bottom:1px dashed #2b6bb5;margin-top:3px;align-self:flex-start}
.footer-shop-review:hover{color:#1d5aa8;border-bottom-color:transparent}
.footer-shop-badge{flex:0 0 150px}
.footer-shop-badge iframe{border-radius:6px;overflow:hidden;display:block}
@media (max-width:760px){
	.footer-shops{max-width:100%}
	.footer-shop{flex-direction:column;align-items:flex-start}
}

/* ===== Этап 4: дилерский кабинет ===== */
/* Зачёркнутая розничная цена рядом с дилерской в списке каталога */
.cat-price .teplo-dealer-oldprice{display:inline-block;margin-left:8px;color:#95999e;text-decoration:line-through;font-size:.78em;font-weight:400}

/* Страницы кабинета /dealer/ */
.dealer-cabinet-page{max-width:960px;margin:0 auto;padding:24px 16px 48px}
.dealer-cabinet-page h1{font-size:26px;margin:0 0 18px}
.dealer-info{background:#f6f8f9;border-radius:8px;padding:16px 20px;margin-bottom:24px}
.dealer-info-row{padding:4px 0;font-size:15px}
.dealer-info-row span{color:#7b8188;margin-right:6px}
.dealer-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.dealer-action{flex:1 1 220px;border:2px solid #e3e7ea;border-radius:10px;padding:18px 20px;text-decoration:none;color:inherit;display:block;transition:border-color .15s}
.dealer-action:hover{border-color:#f5a623;text-decoration:none}
.dealer-action b{display:block;font-size:17px;margin-bottom:6px}
.dealer-action span{color:#7b8188;font-size:13px}
.dealer-note{background:#fff8e8;border-radius:8px;padding:14px 20px;font-size:14px}
@media (max-width:760px){
	.dealer-cabinet-page h1{font-size:20px}
	.dealer-action b{font-size:15px}
}

/* ===== Этап 4.2: дилерский каталог списком ===== */
.dealer-cat-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:18px 0 14px}
.dealer-cat-head h1{font-size:24px;margin:0 16px 0 0}
.dealer-cat-note{color:#7b8188;font-size:13px;flex:1 1 300px}
.dealer-cat-basket{color:#2b6bb5;font-weight:600;text-decoration:none;border-bottom:1px dashed #2b6bb5;white-space:nowrap}
.dealer-cat-up{color:#2b6bb5;text-decoration:none;font-size:13px}
.dealer-cat-added{background:#eaf6e8;border:1px solid #bfe3b8;color:#2c7021;border-radius:6px;padding:8px 14px;margin:10px 0;font-size:14px}
.dealer-cat-tree{list-style:none;margin:0;padding:0 0 40px}
.dealer-cat-item{padding-top:6px;padding-bottom:6px;border-bottom:1px solid #eef0f2;line-height:1.4}
.dealer-cat-item a{color:#1f3a5f;text-decoration:none;font-size:15px}
.dealer-cat-item a:hover{color:#2b6bb5;text-decoration:underline}
.dealer-cat-item.d2 a{font-size:14px;color:#33465c}
.dealer-cat-item.d3 a{font-size:13.5px;color:#56626e}
.dealer-cat-cnt{display:inline-block;margin-left:8px;color:#98a0a8;font-size:12px}
.dealer-cat-sub{margin:0 0 16px;line-height:2}
.dealer-cat-sub-title{color:#7b8188;font-size:13px;margin-right:6px}
.dealer-cat-sub a{display:inline-block;margin-right:14px;color:#2b6bb5;text-decoration:none;font-size:14px;border-bottom:1px dashed #2b6bb5}
.dealer-rows{width:100%;border-collapse:collapse;margin:6px 0 10px}
.dealer-rows th{text-align:left;font-size:12px;color:#8a929a;font-weight:400;text-transform:uppercase;letter-spacing:.4px;padding:8px 10px;border-bottom:2px solid #e3e7ea}
.dealer-rows td{padding:9px 10px;border-bottom:1px solid #eef0f2;vertical-align:middle}
.dealer-rows tr:hover td{background:#f8fafb}
.dealer-row-img{display:inline-block;width:44px;height:44px;object-fit:cover;border-radius:4px;background:#f1f3f5;margin-right:10px;vertical-align:middle}
.dealer-row-name{display:inline-block;vertical-align:middle;font-size:14px;color:#1f2c3d;max-width:560px;line-height:1.35}
.dealer-row-art{display:block;font-size:11.5px;color:#98a0a8;margin-top:2px}
.col-name{min-width:280px}
.col-avail{white-space:nowrap}
.col-price{white-space:nowrap}
.col-buy{width:110px;text-align:right}
.dealer-row-avail{font-size:13px;color:#4c5a68;line-height:1.5}
.dealer-row-avail.none{color:#98a0a8}
.dealer-row-price{font-family:'GothamProbold','GothamPro',Arial,sans-serif;font-size:15px;color:#111}
.dealer-row-price.none{color:#98a0a8;font-weight:400;font-family:inherit}
.dealer-row-old{margin-left:8px;color:#95999e;text-decoration:line-through;font-size:12.5px}
.dealer-row-add{display:inline-block;background:#f5a623;color:#fff;border:0;border-radius:5px;padding:8px 14px;font-size:13px;cursor:pointer;font-family:inherit}
.dealer-row-add:hover{background:#e6991f}
.dealer-rows-empty{color:#98a0a8;padding:24px 0}
.dealer-rows-pager{padding:14px 0 40px}
@media (max-width:760px){
	.dealer-rows thead{display:none}
	.dealer-rows,.dealer-rows tbody,.dealer-rows tr,.dealer-rows td{display:block;width:100%}
	.dealer-rows tr{border-bottom:8px solid #f0f2f4;padding:8px 0}
	.dealer-rows td{border-bottom:0;padding:4px 2px}
	.dealer-row-name{font-size:13.5px;max-width:calc(100% - 56px)}
	.dealer-row-add{width:100%;margin-top:4px}
	.dealer-cat-head h1{font-size:20px}
}

/* End */
/* /bitrix/templates/teplotechnika/css/fonts.min.css?1542463451852 */
/* /bitrix/templates/teplotechnika/css/normalize.min.css?15424634511850 */
/* /bitrix/templates/teplotechnika/css/slick.css?15430533111776 */
/* /bitrix/templates/teplotechnika/css/style.css?1791037837140941 */
/* /bitrix/templates/teplotechnika/css/search.min.css?15424634511939 */
/* /bitrix/templates/teplotechnika/css/adapt.css?161753109233896 */
/* /bitrix/templates/teplotechnika/components/bitrix/sale.basket.basket.line/cart/style.min.css?15424634523326 */
/* /bitrix/templates/teplotechnika/components/bitrix/news.list/slider/slick/slick.css?15424634531776 */
/* /bitrix/templates/teplotechnika/components/bitrix/news.list/slider/slick/banner.min.css?15424634531756 */
/* /bitrix/templates/teplotechnika/styles.css?17911234607162 */