@CHARSET "UTF-8";

@media screen and (max-width: 1160px) {
	
	#headerContentBlock {padding-left:240px;}
	#headerContactsData {padding-left:240px; }
	#headerContactsData .contactList div {width:33.33%;}
	#headerContactsData .contactList div.spb {width:33.33%;}
	#headerContactsData .contactList div .caption {display:none;}
	#headerContactsData .contactList div .caption.short {display:inline;}
	#headerFixedHeight {height:140px; }
	.searchOpen #headerSearch {width:calc(100% - 335px); }
	
	#mainMenu .topMenuData > ul > li > a {font-size:12px; margin-right:15px; }

	#pageContentData > h1 {padding:0 0 60px 240px; }
	#pageContentData > h1:first-child {padding-top:30px;}
	
	#contentSide.isLeftSidetrue {padding-left:240px; }
	#leftSide {width:210px;}
	.logoSlider h2 {padding-left:240px;}
	.marginBottom {margin-bottom:60px;}
	#catalogSectImageList.isRoot {margin-bottom:60px;}
	.indexImageText .text {padding:0 30px; }
	.indexImageText .image {padding:0 30px; }
	.indexImageText.imageLeft .image {padding:0 30px;}
	.indexImageText.imageLeft .text {padding:0 30px;}
	#storyBrand .line .year {padding-left:0; }
	#storyBrand .line .text {padding-right:0; }
	.indexTextLeft {padding-left:0;}
	
	
			#catalogSectImageList .item {width:33.33%;}
			
			#replaceCatalogList .catalogListBlock {margin:0 -5px;}
			#replaceCatalogList .itemBlock {padding:0 5px;}
			#replaceCatalogList .item .info .itemListName a {font-size:14px; line-height:18px;}
			#replaceCatalogList .itemBlock {width:33.33%;}
			#replaceCatalogList .isFilterY .itemBlock {width:50%;}
	
	#replaceCatalogList .item .image {width:25%; }
	#replaceCatalogList .item .image a {padding:5px; }
	#replaceCatalogList .item .info {width:75%;}

	
	.textstyle h1 {font-size:42px; line-height:48px; padding-bottom:30px;}
	.textstyle h2 {font-size:36px; line-height:42px; padding-bottom:20px; }
	
	
}

@media screen and (max-width: 1100px) {
	
	#catalogCardTop .imageGallery {width:100%; text-align:center;}
	#openBigImage {display:inline-block; float:none; vertical-align:top;}
	#galleryMiniPhoto {display:inline-block; float:none; vertical-align:top;}
	#catalogCardTop .itemPriceData {width:100%; margin-left:0; }
}


@media screen and (max-width: 970px) {
	#headerContentBlock {padding:0; height:50px;}
	#headerContactsData .official {display:none; }
	#headerContactsData {padding-left:0;}
	#headerContactsData .contactList div {width:33.33%; }
	#headerMainLogo {top:7px; width:135px;}
	#topCallback {right:-15px;}
	
	#headerFixedHeight {height:90px;}
	#basketInformer {top:7px; right:95px;}
	#searchShowButton {top:6px; right:140px; }
	#headerSearch {top:6px; right:190px; }		
	.searchOpen #headerSearch {width:calc(100% - 360px); }
	
	#mainMenu {display:none;}
	#mobileMenuBtn {display:block;}
	body.menuOpen {overflow:hidden;}
	.menuOpen #mainMenu {display:block; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; }
	.menuAni #mainMenu {background:rgba(0,0,0,0.7);}
	#mainMenu .topMenuData {padding:50px 15px 15px 15px; background:#393C3D; position:absolute; left:0; top:0; height:100%; width:90%; max-width:500px; margin-left:-100%; opacity:0; transition:margin 0.4s, opacity 0.4s; border-radius:0; }
	.menuAni #mainMenu .topMenuData {margin-left:0%; opacity:1; }
	.menuAni #mobileCloseBtn {display:block;}
	#mainMenu .topMenuData > ul {width:100%; height:100%; overflow-x:hidden; overflow-y:auto; }
	#mainMenu .topMenuData > ul > li {width:100%; display:block; padding-bottom:10px;}
	#mainMenu .topMenuData > ul > li > a {font-size:16px; margin-right:0; line-height:normal; padding:10px 15px; }
	.menuOpen #mobileMenuClose {display:block;}
			
	#pagesPathList {padding-top:20px;}		
	
	#advancedMenu .advancedMenuData .item {width:33.33%; }			
	#advancedMenu .advancedMenuData .item .data {padding:30px 20px 20px 20px}
	#advancedMenu .advancedMenuData .item.active {width:33.33%; }
	#advancedMenu .advancedMenuData .item.active .data {height:300px;}
	#advancedMenu .advancedMenuData .item.active .data img {opacity:0.2; }
			
			
	#footerData {position:relative; padding-left:240px; display:block; }
	#copyright {position:absolute; left:15px; top:34px; width:200px; padding:0; }			
	#bottomMenu {width:100%; padding:0 0 20px 0; }
	#bottomMenu:after {content:""; clear:both; display:block; }
	#bottomMenu li {float:left; margin-right:15px; }
	#bottomContacts {width:100%;}
}



@media screen and (max-width: 800px) {
	#headerContactsData {padding:0 30px 0 0;}
	#topCallback {padding:0; }
	#topCallback .icon {display:block; }
	#topCallback .text {display:none; }
	#basketInformer {right:195px;}
	#mobileCatalogBtn {display:block;}
	#searchShowButton {right:235px;}
	#searchShowButton span {display:none; }
	#headerSearch {right:275px;}
	.searchOpen #headerSearch {width:calc(100% - 450px); }
		
	#leftSide {display:none;}
	#contentSide.isLeftSidetrue {padding-left:0;}
		
	body.categoryOpen {overflow:hidden;}
	.categoryOpen #leftSide {display:block; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; }
	.categoryAni #leftSide {background:rgba(0,0,0,0.7);}
	#leftMenu {padding:50px 15px 15px 15px; background:#393C3D; position:absolute; left:0; top:0; height:100%; width:90%; max-width:500px; margin-left:-100%; opacity:0; transition:margin 0.4s, opacity 0.4s; border-radius:0; }
	.categoryAni #leftMenu {margin-left:0%; opacity:1; }
	.categoryAni #mobileCloseBtn {display:block;}
	#leftMenuData {width:100%; height:100%; overflow-x:hidden; overflow-y:auto; }
	.categoryOpen #mobileCatalogClose {display:block;}
	
	#leftMenuData ul > li {width:100%; display:block; padding:0 0 10px 0; margin:0; }
	#leftMenuData ul > li > a {display:block; font-size:16px; margin-right:0; line-height:normal; padding:10px 15px; }
	
	#pagesPathList {padding-bottom:20px;}		
			
	#pageContentData > h1 {padding:0px 0 30px 0px; }
	#pageContentData > h1:first-child {padding-top:30px;}
	#pageContentData > h1 br {display:none; }
	#storyBrand h2 {padding-left:0; }
	.indexImageText .text {padding:0 30px 0 0; }
	.indexImageText .image {padding:0;}
	.indexImageText.imageLeft .text {padding:0 0 0 30px; }
	.indexImageText.imageLeft .image {padding:0; }
	
	#advancedMenu h2 {padding-left:0; padding-bottom:20px;}
	#storyBrand h2 {padding-bottom:20px;}
	#storyBrand .line .year {width:100%; font-size:50px; line-height:normal; }
	#storyBrand .line .text {width:100%; }
	.logoSlider h2 {padding-left:0;}
	
	
	
	#filterOpenLink {display:block;}
	#catalogFilterContainer {padding:15px; background:#393C3D; position:absolute; left:0; top:0; height:100%; width:100%; max-width:500px; margin-left:-100%; opacity:0; transition:margin 0.4s, opacity 0.4s; border-radius:0; }
	body.filterOpen {overflow:hidden;}
	.filterOpen #leftSide {display:block; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; }
	.filterAni #leftSide {background:rgba(0,0,0,0.7);}
	.filterAni #catalogFilterContainer {margin-left:0%; opacity:1; }
	#catalogFilterContainer .filterListData {overflow-y:auto; height:calc(100vh - 80px); }
	#catalogFilterContainer .filterHeader .close {display:block; }
	
			
			#replaceCatalogList .isFilterY .itemBlock {width:33.33%;}
			#brandItemList .vendorListData .item {width:33.33%;}
			
			#solutionItemList a .name {font-size:14px; height:58px; }
			
			#filesDocuments.isColstrue .cols {float:none; width:100%;}
			#filesDocuments.isColstrue .cols.colfiles {padding-right:0;}
			#filesDocuments.isColstrue .cols.coldocs {padding-left:0;}	
	
	
	.textstyle h1 {font-size:34px; line-height:40px; padding-bottom:30px; }
	.textstyle h2 {font-size:30px; line-height:34px; padding-bottom:20px; padding-top:10px;}
	.textstyle h3, .textstyle .h3 {line-height:30px; padding-bottom:10px; padding-top:10px;}

	
	html {min-height:auto; height:auto;}
	body {min-height:auto; height:auto;}
	#pageFrames {min-height:auto; margin:0 auto; }
	#footerProtect {height:10px;}
	#footer {height:auto; margin:0 auto; }
	#bottomContacts {padding-bottom:30px; }
	#bottomContactsList .officeOne {width:100%; }
	
}



@media screen and (max-width: 680px) {
	
	#headerContactsData .contactList div {width:50%; }
	#headerContactsData .contactList div.spb {width:50%;}
	#headerContactsData .contactList div.email {display:none; }
	#catalogSectImageList .item {width:50%;}
	#mobileMenuBtn {font-size:0; top:10px;}
	#mobileMenuBtn span {width:30px; font-size:34px; }
	#mobileCatalogBtn {right:45px; font-size:12px; padding:7px 0 0 30px;}
	#basketInformer {right:140px; }
	#searchShowButton {right:180px; }
	.searchOpen #searchShowButton { height:45px; background:#2A2929; border-radius:5px 5px 0 0; }
	#headerSearch {background:#2A2929; left:-15px; right:auto; top:50px; width:calc(100% + 30px); height:0; transition:height 0.2s;  }
	#headerSearch form button {right:-3px; }
	.searchOpen #headerSearch {padding:5px 15px; border-bottom:1px solid #575C5E; height:auto; width:calc(100% + 30px); }
	
	#replaceCatalogList .catalogListHeader .listVariantButton {display:none;}
	#replaceCatalogList .itemBlock {width:50%;}
	#replaceCatalogList .isFilterY .itemBlock {width:50%;}
	#catalogTextList div {width:100%; padding-right:0; font-size:15px; margin-bottom:8px; }
	#catalogTextList div a:before {top:7px;}
	.sectFilesList p.caption {font-size:20px;}
	#addedItemItems p.caption {font-size:20px;}
			
			#solutionSectList {margin:0 -5px;}
			#solutionSectList a {width:50%; padding:10px 5px;}
			#solutionItemList {margin:0 -5px;}
			#solutionItemList a {padding:10px 5px; width:50%;}
			
	#basketDataList .table {display:block;}
	#basketDataList .table .tr {display:block;}
	#basketDataList .table .tr.line {padding:7px 35px 10px 75px; position:relative; background:#575C5E; border-bottom:1px solid #2A2929;}
	#basketDataList .table .tr.line .td {display:block; border:none; background:transparent; }
	#basketDataList .table .tr.header .td.name {padding:5px 10px;}
	#basketDataList .table .tr.header .td.image {display:none;}
	#basketDataList .table .tr.header .td.cost {display:none;}
	#basketDataList .table .tr.header .td.count {display:none;}
	#basketDataList .table .tr.header .td.summ {display:none;}
	#basketDataList .table .tr.header .td.del {display:none;}
	#basketDataList .table .tr .td.image {width:60px; position:absolute; left:0; top:10px; padding:0; }
	#basketDataList .table .tr .td.name {padding:0 0 10px 0; }
	#basketDataList .table .tr .td.cost {padding:0; display:inline-block; width:175px; vertical-align:top;}
	#basketDataList .table .tr .td.count {padding:0; padding-top:8px; display:inline-block; width:70px; vertical-align:top;}
	#basketDataList .table .tr .td.summ {padding:0; display:inline-block; width:auto; vertical-align:top;}
	#basketDataList .table .tr .td.del {width:auto; position:absolute; top:8px; right:10px; padding:0; }

	#orderImportXls {font-size:14px; }

	
	.stdFormData .rowLine .caption {width:100%; padding:0 0 5px 0;}
			.stdFormData .rowLine .input {width:100%; }
			
			.tableMenuData .item {width:20%;}
			.tableMenu.tablemenu6 .tableMenuData .item {width:33.33%;}
			.tableMenu.tablemenu4 .tableMenuData .item {width:50%; }
	
	
	.marginBottom {margin-bottom:45px;}
	#storyBrand .line {margin-bottom:40px;}
	#advancedMenu .advancedMenuData {padding-top:20px;}
	.textstyle h1 {font-size:30px; line-height:36px; padding-bottom:20px; }
	.textstyle h2 {font-size:26px; line-height:30px; padding-bottom:15px; }
	.textstyle h3, .textstyle .h3 {font-size:22px; line-height:26px; padding-bottom:7px; padding-top:7px;}
	
			
}

@media screen and (max-width: 640px) {
	#advancedMenu .advancedMenuData .item {width:50%; }
	#advancedMenu .advancedMenuData .item .data {padding:20px 15px 15px 15px}
	#advancedMenu .advancedMenuData .item.active {width:50%; }
	#advancedMenu .advancedMenuData .item.active .data {height:300px;}
	#advancedMenu .advancedMenuData .item .data .text {font-size:15px; }
	#advancedMenu .advancedMenuData .item.active .data img {width:140px; height:140px; }
}

@media screen and (max-width: 540px) {
	
	#openBigImage {width:100%; max-width:400px;}
	#catalogCardTop .imageGallery {height:auto; padding-bottom:15px;}
	#galleryMiniPhoto {display:block; width:auto; text-align:center; margin:0 -5px; padding-top:5px; height:auto; white-space:nowrap;}
	#galleryMiniPhoto div {float:none; display:inline-block; width:25%; padding:5px;}
	#priceValues .costOne .cost {font-size:22px;}
	.groupData .tableparam td.caption {padding:4px 8px; font-size:14px;}
	.groupData .tableparam td.value {padding:4px 8px; font-size:14px;}
			
	#addedItemItems .addSectOne {width:100%; padding-right:0;}
	#cardPrintLink a {font-size:15px;}

	.tableMenuData .item {width:33.33%;}
	
	
	#footerData {padding:30px 15px 20px 15px; }	
	#copyright {position:relative; left:auto; top:auto; text-align:center; width:100%; }
	#bottomMenu {text-align:center; }
	#bottomMenu li {float:none; }
	#copyright .devLine {text-align:left; padding-top:30px; }
	#copyright .logo a {margin:0 auto; }
	#bottomContactsList {text-align:center; }
	
}
	
@media screen and (max-width: 480px) {
	#catalogSectImageList {margin:0 -7px 15px -7px; }
	#catalogSectImageList.isRoot {margin:0 -7px 30px -7px; }
	#catalogSectImageList .item {padding:0 7px 15px 7px;}
			
	#replaceCatalogList .item {display:block; padding:0px; margin-bottom:10px;}
	#replaceCatalogList .item .image {width:100%; padding:0;}
	#replaceCatalogList .item .image a {padding:15px;}
	#replaceCatalogList .item .info {width:100%; padding:15px 15px 60px 15px; border:none; position:relative; }
	#replaceCatalogList .item .info.isPricetrue {padding-bottom:100px;}
	#replaceCatalogList .item .info .price {padding:0;}
	#replaceCatalogList .item .info .price .costOne {position:absolute; left:15px; bottom:0;}
	#replaceCatalogList .item .info.isPricetrue .price .costOne {bottom:50px;}
	#replaceCatalogList .itemBlock {width:100%;}
	#replaceCatalogList .isFilterY .itemBlock {width:100%;}
		
			#brandItemList .vendorListData .item {width:50%;}
		
	#basketDataList .table .tr.line { min-height:55px; padding:7px 35px 60px 80px;}
	#basketDataList .table .tr .td.cost {position:absolute; left:10px; bottom:10px; }
	#basketDataList .table .tr .td.count {position:absolute; left:170px; bottom:15px; padding:0; }
	#basketDataList .table .tr .td.summ {position:absolute; right:10px; bottom:10px; text-align:right; }
	
}


@media screen and (max-width: 400px) {
	#headerContactsData .contactList div {font-size:12px; line-height:40px;}
	#headerContactsData .contactList div .caption {display:none; }
	#headerContactsData .contactList div .caption.short {display:none; }
	
	#mobileCatalogBtn {font-size:0; top:10px;}
	#mobileCatalogBtn span {width:30px; font-size:24px; }
	#basketInformer {right:88px; }
	#searchShowButton {right:124px; }
	
}


@media screen and (max-width: 380px) {
			#solutionSectList a {width:100%;}
			#solutionItemList a {width:100%;}
}

@media screen and (max-width: 350px) {
	
}