@CHARSET "UTF-8";

@media screen and (max-width: 1260px) {
	#catalogSectImageList .item {width:25%;}	
}

@media screen and (max-width: 1160px) {
	#headerMainLogo {width:92px; }
	#mainMenu .topMenuData > ul > li > a {line-height:32px; font-size:12px; padding:0 10px; margin-right:3px;}
	#headerContentBlock {padding:15px 0 15px 120px;}
	#headerExtend {padding-top:15px;}
	#headerSlogan {width:40%;}
	#headerSearch {width:60%; }
	.isFixHeader #headerMainLogo {width:72px;}
	.isFixHeader #headerContentBlock {padding:10px 140px 0 90px;}
	.isFixHeader #headerFixedHeight {height:155px; }
	.isFixHeader #headerContent {height:92px;}
	.isFixHeader #basketInformer {bottom:-2px; right:-140px;}
	
	#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%;}
	
}

@media screen and (max-width: 1100px) {
	#catalogCardTop .imageGallery {width:100%; float:none; text-align:center;}
	#openBigImage {display:inline-block; float:none; vertical-align:top;}
	#galleryMiniPhoto {display:inline-block; float:none; vertical-align:top;}
	#catalogCardTop .itemPriceData {padding-left:0;}
	#priceValues .costOne {text-align:left;}
	#toBasketBlock {text-align:left;}
	#toBasketBlock .cardCountControl {right:auto; left:0;}
	#toBasketBlock a {right:auto; left:120px;}
	#catalogCardTop .itemArticul {text-align:left;}
}


@media screen and (max-width: 970px) {
	#headerContent {position:fixed; left:0; top:0; width:100%; z-index:2; box-shadow:0 0 5px 0px #aaa;}
	#headerFixedHeight {height:80px;}
	#headerContacts {padding:7px 0;}
	#headerContactsData > div {padding-left:20px;}
	#headerContactsData > div.email {display:none;}
	#headerContactsData > div .caption {display:none;}
	#headerContactsData > div .icon {font-size:14px;}
	#headerMainLogo {width:60px; top:-25px;}
	#mainMenu {display:none;}
	#headerContentBlock {padding:0; height:44px;}
	#headerExtend {padding:0; position:absolute; left:0; top:100%; width:100%; }
	
	#basketInformer {bottom:4px; right:130px;}
	#basketInformer .caption {display:none;}
	#headerSlogan {display:none; }
	#headerSearch {padding:0;} 
	#searchShowButton {display:block;}
	#headerSearch .searchExpand {display:none;}
	.searchOpen #headerSearch .searchExpand {display:block; position:absolute; left:0; width:calc(100% + 30px); margin:0 -15px; padding:0 15px 15px 15px; background:#ebebeb; }
	.searchOpen #searchShowButton span.open {display:none;}
	.searchOpen #searchShowButton span.close {display:block;}
	
	#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:#111; 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:last-child {float:none; }
	#mainMenu .topMenuData > ul > li:last-child > a {background:transparent; color:#fff; }
	
	#mainMenu .topMenuData > ul > li > a {font-size:16px; margin-right:0; line-height:normal; padding:10px 15px; color:#fff; }
	.menuOpen #mobileMenuClose {display:block;}
	
	#leftSide {width:230px;}
	#leftMenu p.caption {font-size:14px; font-weight:bold; }
	#contentSide.isLeftSidetrue {padding-left:250px;}
	#pageContentData {padding-top:20px;}
	
	
	#catalogFilterContainer {display:none;}
	.isFilterY #fullCatalogListData {padding-right:0;}
	#filterOpenLink {display:block;}
	body.filterOpen {overflow:hidden;}
	.filterOpen #catalogFilterContainer {display:block; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; }
	.filterAni #catalogFilterContainer {background:rgba(0,0,0,0.7);}
	#catalogFilterData {padding:50px 15px 15px 15px; background:#fff; position:absolute; right:0; top:0; height:100%; width:90%; max-width:500px; margin-right:-100%; opacity:0; transition:margin 0.4s, opacity 0.4s; border-radius:0; }
	.filterAni #catalogFilterData {margin-right:0%; opacity:1; }

	#catalogFilterContainer .filterHeader {font-size:16px; margin-bottom:0px; position:absolute; left:0; top:0; border-radius:0; width:100%;  height:54px; z-index:2;}
	#catalogFilterContainer .filterHeader .close {display:block;}
	#catalogFilterContainer .filterListData {position:absolute; left:0; top:0; padding-top:54px; height:100%; width:100%; z-index:1;}
	#catalogFilterContainer .filterListData .filterListScroll {overflow-y:auto; height:100%; width:100%; }
	#catalogFilterContainer .filterListData .filterListScroll .filterBlock {background:#fff;}
	
	#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;}
}



@media screen and (max-width: 800px) {
	
	#topCallback {padding-left:20px; }
	#topCallback .text {display:none; }
	
	#mobileCatalogBtn {display:block;}
	#searchShowButton {right:190px;}
	#basketInformer {right:230px;}

	#leftSide {display:none;}
	#contentSide.isLeftSidetrue {padding-left:0;}

	body.categoryOpen {overflow:hidden;}
	#leftMenu p.caption {display:none;}
	.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:#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; }
	.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;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	#copyright {width:30%;}
	#copyright .text {font-size:12px;}
	#copyright .devLine a {font-size:12px;}

	#bottomMenu li a {font-size:14px;}
}

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

	html {min-height:auto; height:auto;}
	body {min-height:auto; height:auto;}
	#pageFrames {min-height:auto; margin:0 auto; }
	
	#replaceCatalogList .itemBlock {width:50%;}
	#replaceCatalogList .catalogListHeader .listVariantButton {display:none;}
	
	
	.textstyle h1 {font-size:20px; font-weight:normal; padding-bottom:5px;}
	.textstyle h2 {font-size:20px; font-weight:normal; padding-bottom:5px; padding-top:3px;}
	.textstyle h3 {font-size:18px; font-weight:normal; padding-bottom:5px; padding-top:5px;}
	.textstyle h4 {font-size:16px; font-weight:normal; padding-bottom:5px; padding-top:5px;}
	.textstyle h5 {font-size:16px; font-weight:normal; padding-bottom:5px; padding-top:5px;}
	.textstyle h6 {font-size:16px; font-weight:normal; padding-bottom:5px; padding-top:5px;}
	.textstyle ul {list-style-position:inside; padding-left:20px; padding-bottom:5px;}
	.textstyle ol {list-style-position:inside; padding-bottom:5px;}
	.textstyle li {line-height:18px; padding-bottom:2px;}
	.textstyle p {line-height:18px; padding-bottom:5px;}

	#footerProtect {height:10px;}
	#footer {height:auto; margin:0 auto; }
	#copyright {float:none; width:100%; padding-right:0; padding-bottom:30px;}
	#bottomMenu {width:100%; padding:0 0 20px 0;}
	#bottomContacts {float:none; width:100%; padding-bottom:30px;}
	#bottomContactsList {text-align:left; }
	#bottomContacts .officeEmail {text-align:left;}
}


@media screen and (max-width: 680px) {
	#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 .td {display:block; border:none; }
	#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.line {padding:5px 0 10px 60px; position:relative; border-bottom:1px solid #e0e0e0; }
	#basketDataList .table .tr .td.image {width:50px; position:absolute; left:0; top:10px; padding:0; }
	#basketDataList .table .tr .td.name {padding:5px 35px 10px 0; }
	
	#basketDataList .table .tr .td.cost {padding:0; display:inline-block; width:130px; vertical-align:top;}
	#basketDataList .table .tr .td.count {padding:0; padding-top:2px; 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:0; padding:0; }
	
	.stdFormData .rowLine .caption {width:100%; padding:0 0 3px 0;}
	.stdFormData .rowLine .input {margin-left:0;}
	
}

@media screen and (max-width: 540px) {
	.textstyle h1.catalogName {padding-bottom:10px;}
	#openBigImage {width:100%; max-width:400px;}
	#catalogCardTop .imageGallery {height:auto; padding-bottom:15px;}
	#galleryMiniPhoto {display:block; width:auto; text-align:center; margin:0 -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 {font-size:12px;}
	.groupData .tableparam td.caption {padding:5px;}
	.groupData .tableparam td.value {padding:5px;}
	
	#addedItemItems .addSectOne {width:100%; padding-right:0;}
}
	
@media screen and (max-width: 480px) {
	#catalogSectImageList {margin:0 -7px; }
	#catalogSectImageList.isRoot {margin:0 -7px; padding:0; background:transparent; }
	#catalogSectImageList .item {padding:0 7px 15px 7px;}
	
	#replaceCatalogList .item {display:block; padding:10px; margin-bottom:10px;}
	#replaceCatalogList .item .image {width:100%; padding:0 0 20px 0;}
	#replaceCatalogList .item .info {width:100%; padding:0; border:none; position:relative; }
	#replaceCatalogList .item .info.isPricetrue {padding-bottom:75px;}
	#replaceCatalogList .item .info .price {padding:0;}
	#replaceCatalogList .item .info .price .costOne {position:absolute; left:0; bottom:45px;}

	#brandItemList .vendorListData .item {width:50%;}

	#basketDataList .table .tr.line {padding:5px 0 50px 60px; min-height:55px; }
	#basketDataList .table .tr .td.cost {position:absolute; left:0; bottom:10px; }
	#basketDataList .table .tr .td.count {position:absolute; left:130px; bottom:10px; }
	#basketDataList .table .tr .td.summ {position:absolute; left:200px; bottom:10px; }
	
}


@media screen and (max-width: 400px) {
	#mobileMenuBtn {font-size:0; top:7px;}
	#mobileMenuBtn span {width:30px; font-size:34px; }
	#mobileCatalogBtn {right:45px; font-size:12px; padding:7px 0 0 30px;}
	#searchShowButton {right:135px;}
	#basketInformer {right:175px;}
	#headerContactsData > div.spb {display:none; }
	
	 
}
@media screen and (max-width: 380px) {
	#replaceCatalogList .itemBlock {width:100%;}
	#replaceCatalogList .isFilterY .itemBlock {width:100%;}
	#solutionSectList a {width:100%;}
	#solutionItemList a {width:100%;}
}

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