﻿/* модуль КАТАЛОГ на главной */
section#before-content-long{
    background: #fff;
    background: url(../../../../images/main-page/catalog-fon.png) no-repeat center top;
	background-size: cover;
	padding-bottom: 110px;
    margin-left: -20px;
}
#before-content-long .container{
    padding: 0;
    width: 100%;
    text-align: center;
}
.katalog_svg h2{
    font-size: 40px;
    line-height: 30px;
    text-transform: uppercase;
    color: #152738;
    margin-top: 140px;
    margin-bottom: 55px;
	letter-spacing: 1px;
}
.katalog_svg svg {
    background:url("../../images/catalog-module/katalog_svg_bg.png");
    width:1238px;
    height:865px;
    z-index:0;
	background-size: inherit;
}
.katalog_svg svg .svg-area__link:hover{
    fill: url(#p1);
}
.katalog_svg svg .svg-area__link{
    fill:rgba(0,0,0,0);
    cursor:pointer;
    z-index:100;
}
.svg-area__link.m1199, .svg-area__link.m991, .svg-area__link.m767{display:none}
@media (max-width:1199px){
	.svg-area__link.m1200plus, .svg-area__link.m1199, .svg-area__link.m991, .svg-area__link.m767{display:none}
	.svg-area__link.m1199{display:block}
	.katalog_svg svg {
		background:url("../../images/catalog-module/katalog_svg_bg_992.png");
		width:969px;
		height:680px;
	}
	.katalog_svg svg .svg-area__link:hover{
		fill: url(#p992);
	}
	/*.katalog_svg svg .svg-area__link.zap_armatura{
		d: path("M328 31,480,183,328,336,176,183 Z");
	}
	.katalog_svg svg .svg-area__link.teploob_oborud{
		d: path("M171 187,323,340,171,492,20,340 Z");
	}
	.katalog_svg svg .svg-area__link.sosudy{
		d: path("M328 344,480,496,328,648,176,496 Z");
	}
	.katalog_svg svg .svg-area__link.katalog{
		d: path("M484 188,636,340,484,491,333,340 Z");
	}
	.katalog_svg svg .svg-area__link.rezerv_oborud{
		d: path("M641 31,793,183,640,336,488,183 Z");
	}
	.katalog_svg svg .svg-area__link.separator_oborud{
		d: path("M797 186,949,339,797,491,646,340 Z");
	}
	.katalog_svg svg .svg-area__link.opory_trub{
		d: path("M642 344,794,496,642,648,490,496 Z");
	}*/
	.katalog_svg h2 {
		font-size: 30px;
		margin-top: 65px;
		margin-bottom: 40px;
	}
	section#before-content-long {
		padding-bottom: 60px;
		background-position-x: 98%;
	}
}

@media (max-width:991px){	
	.svg-area__link.m1200plus, .svg-area__link.m1199, .svg-area__link.m991, .svg-area__link.m767{display:none}
	.svg-area__link.m991{display:block}
	.katalog_svg svg {
		background:url("../../images/catalog-module/katalog_svg_bg_768.png");
		width:708px;
		height:970px;
	}
	/*.katalog_svg svg .svg-area__link:hover{
		fill: url(#p768);
	}
	.katalog_svg svg .svg-area__link.zap_armatura{
		d: path("M197 175,349,326,197,478,45,326 Z");
	}
	.katalog_svg svg .svg-area__link.teploob_oborud{
		d: path("M353 646,505,797,353,950,201,798 Z");
	}
	.katalog_svg svg .svg-area__link.sosudy{
		d: path("M197 487,348,639,197,791,45,639 Z");
	}
	.katalog_svg svg .svg-area__link.katalog{
		d: path("M353 331,505,483,353,634,202,482 Z");
	}
	.katalog_svg svg .svg-area__link.rezerv_oborud{
		d: path("M509 174,661,326,510,478,358,326 Z");
	}
	.katalog_svg svg .svg-area__link.separator_oborud{
		d: path("M353 18,505,170,354,322,201,170 Z");
	}
	.katalog_svg svg .svg-area__link.opory_trub{
		d: path("M511 487,662,639,511,790,359,639 Z");
	}*/
	.katalog_svg h2 {
		margin-bottom: 10px;
	}
	section#before-content-long {
		padding-bottom: 40px;
	}
}

@media (max-width:767px){
	.svg-area__link.m1200plus, .svg-area__link.m1199, .svg-area__link.m991, .svg-area__link.m767{display:none}
	.svg-area__link.m767{display:block}
	.katalog_svg svg {
		background:url("../../images/catalog-module/katalog_svg_bg_320.png");
		width:320px;
		height:846px;
	}
	.katalog_svg svg .svg-area__link:hover{
		fill: url(#p320);
	}
	/*.katalog_svg svg .svg-area__link.zap_armatura{
		d: path("M108 120,206,218,108,317,10,218 Z");
	}
	.katalog_svg svg .svg-area__link.teploob_oborud{
		d: path("M210 628,308,726,210,825,112,727 Z");
	}
	.katalog_svg svg .svg-area__link.sosudy{
		d: path("M108 527,206,625,108,723,10,625 Z");
	}
	.katalog_svg svg .svg-area__link.katalog{
		d: path("M109 323,207,421,109,518,11,421 Z");
	}
	.katalog_svg svg .svg-area__link.rezerv_oborud{
		d: path("M211 221,309,319,211,417,113,319 Z");
	}
	.katalog_svg svg .svg-area__link.separator_oborud{
		d: path("M210 18,308,117,210,215,112,117 Z");
	}
	.katalog_svg svg .svg-area__link.opory_trub{
		d: path("M210 425,308,524,210,622,112,524 Z");
	}*/
	.katalog_svg h2 {
		font-size: 24px;
		margin-bottom: 5px;
	}
}

/*конец модуля КАТАЛОГ */