@CHARSET "UTF-8";

@media screen and (max-width: 1500px) {
	#mainMenu {margin-top:10px; }
	#mainMenu .topMenuData > ul > li > a {line-height:20px; margin-right:40px; }
	#mainMenu .topMenuData > ul > li > a span {display:block;}
}

@media screen and (max-width: 1300px) {
	#subSectRootMenu .subSectRootMenuData.sectmenu4 .item {width:50%; }	
	.numberBlockData.count4 .item {width:50%;}
	.offersItemList .item {width:50%;}
}

@media screen and (max-width: 1160px) {
	.marginBottom {margin-bottom:45px;}
	#mainMenu .topMenuData > ul > li > a {font-size:13px; margin-right:25px; }

				#contentSide.isLeftSidetrue {padding-left:240px; }
				#leftSide {width:320px; padding-right:30px; }
				#contentCols.isColumnstrue #contentSide {width:calc(100% - 320px); }
				#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%;}

	.indexSlider .slideOne table td .data .text1 {font-size:36px; line-height:46px; }
	.indexSlider .slideOne table td .data .text2 {font-size:20px; line-height:26px; }

	.textstyle h1 {font-size:30px; line-height:40px; padding-bottom:25px; }
	.textstyle h2 {font-size:28px; line-height:38px; padding-bottom:15px; }
	.textstyle .h1 {font-size:30px; line-height:40px; padding-bottom:25px; }
	.textstyle .h2 {font-size:28px; line-height:38px; padding-bottom:15px; }
	.textstyle h3, .textstyle .h3 {font-size:22px; line-height:30px; padding-top:15px;}
	.textstyle h4 {font-size:20px; }
	.textstyle h5 {font-size:18px;}
	.textstyle h6 {font-size:18px;}
	
	
}

@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: 960px) {
	#headerContentBlock {padding:0; height:50px;}
	#headerContactsData .contactList .contactMenu {display:none;}
	#headerMainLogo {top:-40px; left:-15px; padding:15px; width:190px; height:90px; background:#fff; border-right:3px solid #222; }
	#headerMainLogo img.desktop {display:none;}
	#headerMainLogo img.mobile {display:block;}
	#topCallback {right:-15px;}
	#basketInformer {right:195px;}

	#headerSlogan {display:block;}
				
	#headerFixedHeight {height:125px;}
	.indexSlider {margin-top:-30px;}
	#pagesPathList {margin-top:-5px; padding-bottom:20px;}		
			
	#mainMenu {display:none;}
	#mobileMenuBtn {display:block;}
	body.menuOpen {overflow:hidden;}
	.menuOpen #mainMenu {display:block; position:fixed; left:0; top:0; width:100%; height:100%; margin:0; z-index:100; }
	.menuOpen #mobileMenuClose {display:block;}
	.menuAni #mainMenu {background:rgba(0,0,0,0.7);}
	#mainMenu .topMenuData {padding:50px 15px 15px 15px; background:#fff; 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:0px; margin:0; display:none; }
	#mainMenu #fullMobileMenu {display:block; }

	#pageFrames {margin:0 0 -300px 0; }
	#footerProtect {height:300px;}
	#footer {height:300px; margin:-300px auto 0 auto; }
	#footerData {position:relative; padding-left:180px; display:block; }
	#copyright {position:absolute; left:15px; top:34px; width:220px; 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%;}
	
	.styleTable td {font-size:14px; line-height:18px;}
	
}

@media screen and (max-width: 920px) {
	#leftSide {display:none;}
	#contentCols.isColumnstrue #contentSide {width:100%;}
	#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; padding:0; }
	.filterOpen #leftMenu {display:none;}
	.filterAni #leftSide {background:rgba(0,0,0,0.7);}
	.filterAni #catalogFilterContainer {margin-left:0%; opacity:1; }
	#catalogFilterContainer .filterListData {overflow-y:auto; height:calc(100% - 50px); }
	#catalogFilterContainer .filterHeader .close {display:block; }
	#catalogFilterContainer .filterOne::after {border-top:10px solid #393C3D; }
	#catalogFilterData {height:100%; }
	
	.numberBlockData .item {width:50%;}
	
	
}


@media screen and (max-width: 800px) {
	#headerContacts {height:40px;}
	#headerContactsData {padding:0 45px 0 0;}
	#headerFixedHeight {height:120px;}
	#pagesPathList {margin-top:-15px; padding-bottom:15px; }
	#topCallback {padding:0; width:40px; height:40px; line-height:40px; }
	#topCallback .icon {display:block;}
	#topCallback .text {display:none; }
	
	#headerContactsData .headerPhone {font-size:14px; padding:0; line-height:39px; }
	#headerContactsData .headerPhone i {display:none; }	
	
	#basketInformer {right:70px; top:48px; z-index:2;}
	#basketInformer .icon .svg {fill:#222; width:26px; height:26px; }
	#basketInformer .icon b {color:#000; background:#ccc; }
	#basketInformer a .icon b {color:#FCFF00; background:#000; }
	
	
					
					
				
				#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; }
				
				#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;}
				
				
				
				
			
				#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;}	
			
			
			
				
	html {min-height:auto; height:auto;}
	body {min-height:auto; height:auto;}
	#pageFrames {min-height:auto; margin:0 auto; }
	#footerProtect {height:0px;}
	#footer {height:auto; margin:0 auto; }
	#footerData {padding:30px 15px 40px 15px; }
	#copyright {width:100%; position:relative; left:auto; top:auto; text-align:center; }
	#bottomMenu {text-align:center; }
	#bottomMenu li {float:none; display:block; vertical-algign:top; margin:0 0 7px 0; }
	#bottomContactsList {text-align:center; }
	#bottomContacts {padding-bottom:30px;}
	#copyright .logo {display:inline-block;}
	#copyright .devLine {display:inline-block;}
	
}



@media screen and (max-width: 680px) {
	#headerSlogan {top:14px; font-size:12px; }
	#subSectRootMenu .subSectRootMenuData .item {width:50%; }
	#subSectRootMenu .subSectRootMenuData .item a .name {font-size:16px; line-height:22px;}
	#catalogTextList .item {width:100%; }

				#catalogSectImageList .item {width:50%;}

	
				#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; border-bottom:1px solid #f5f5f5;}
				#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; font-weight:bold; }
				#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; font-weight:bold;}
	.stdFormData .rowLine .input {width:100%; }
	.popWindowData .stdFormData .rowLine .caption {width:100%; }
	.popWindowData .stdFormData .rowLine .input {width:100%; }
	
	.offersItemList .item {width:100%;}
	.offersItemList .item {width:100%;}
	.offersItemList.count2 .item {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;}
				.textstyle h1 {font-size:30px; line-height:36px; padding-bottom:20px; }
				.textstyle h2 {font-size:26px; line-height:30px; padding-bottom:15px; }
				.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: 540px) {
	#headerMainLogo {width:120px; height:auto; padding:15px 15px 0 15px; border-right:none; }
	#headerSlogan {left:0; top:15px; }
	#headerContactsData {padding:0 30px 0 110px; }
	#headerContactsData .contactList {text-align:center; }
	
				#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;}
			
				.tableMenuData .item {width:33.33%;}
	

	
	.indexSlider .swiper-button-next {right:8px;}
	.indexSlider .swiper-button-prev {left:8px;}
	.swiper-button-next::after, .swiper-button-prev::after {font-size:22px; }
	.indexSlider .slideOne {height:440px;}
	.indexSlider .slideOne table td {padding:30px 40px 70px 40px}
	.indexSlider .slideOne table td .data {padding:0;}
	.indexSlider .slideOne table td .data .text1::before {height:3px;}
	.indexSlider .slideOne table td .data .text1 {font-size:28px; line-height:36px;}
	.indexSlider .slideOne table td .data .text2 {font-size:18px; line-height:24px;}
	
	
	.numberBlockData.count4 .item {width:100%;}
	.numberBlockData .item {width:100%;}
	.numberBlockList .button a.styleButton {width:100%; text-align:center; line-height:22px; padding:10px 20px }
	
	.marginBottom {margin-bottom:30px;}
	body {font-size:15px;}
	.textstyle h1 {font-size:24px; line-height:32px; padding-bottom:20px; }
	.textstyle h2 {font-size:22px; line-height:30px; padding-bottom:15px; }
	.textstyle .h1 {font-size:24px; line-height:32px; padding-bottom:20px; }
	.textstyle .h2 {font-size:22px; line-height:30px; padding-bottom:15px; }
	.textstyle h3, .textstyle .h3 {font-size:20px; line-height:28px; padding-top:12px;}
	.textstyle h4 {font-size:18px;}
	.textstyle ul {padding-bottom:8px;}
	.textstyle ol {padding-bottom:8px;}
	.textstyle li {line-height:22px; }
	.textstyle p {line-height:22px; padding-bottom:10px;}
	
				
	
}
	
@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 .info .itemListName a {font-size:18px; line-height:22px; }
#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: 420px) {
	#subSectRootMenu .subSectRootMenuData .item {width:100%;}
	#subSectRootMenu .subSectRootMenuData.sectmenu4 .item {width:100%;}
	#subSectRootMenu .subSectRootMenuData .item {padding:0 0 10px 0;}
	#subSectRootMenu .subSectRootMenuData.sectmenu4 .item {padding:0 0 10px 0;}
	#subSectRootMenu .subSectRootMenuData .item a {border:none; }
}