@CHARSET "UTF-8";


@media screen and (max-width: 1350px) {
	.headerPhone a {font-size:18px;}
	.headerPhone a i {font-size:16px; top:2px; }
	#mainMenuItems > li > a {padding:0 10px; }
	
	
	.indexSlider .slideOne table td .data .text1 {font-size:50px; line-height:56px; }
	.indexSlider .slideOne table td .data .text2 {font-size:24px; line-height:34px; }
	#styleFeedbackForm .formDataBlock .image::before {left:-25%;}
}

@media screen and (max-width: 1100px) {
	#styleFeedbackForm .formDataBlock .image::before {left:-45%;}
	#styleFeedbackForm .formDataBlock .image {width:65%;}
	#styleFeedbackForm .formDataBlock .form {width:35%;}
	#styleFeedbackForm .formDataBlock .image img {max-height:75%;}
	
	#indexMaps .indexMapsData .contacts {width:30%;}
	#indexMaps .indexMapsData .mapsContainer {width:70%;}
	
	#catalogItemList .item {width:33.33%; }
	
	.textstyle h1, .textstyle .h1 {font-size:26px; line-height:32px; }
	
}

@media screen and (max-width: 860px) {
	#headerTopContent {height:15px;}
	#mainLogo {top:10px; transform:none; width:60px; left:-80px;}
	#headerContainer .headerPhone {right:160px;}
	#headerContainer .headerAddress {z-index:1; right:110px; top:50px; }
	#headerContainer  .headerAddress span.cosials a {padding:7px; }
	#headerContainer .headerAddress span.worktime {display:none;}
	#headerContainer .headerAddress span.address {display:none;}
	#headerContainer .headerAddress span.cosials {margin:0;}
	#headerContainer .headerAddress span.email {display:none; }
	#headerContainer .headerButton {font-size:0; padding:0; line-height:normal; right:110px; background:transparent; }
	#headerContainer .headerButton i {display:block; font-size:28px; color:#fff; }
	#headerContainer .headerButton:hover i { color:#000; }
	
	#basketInformer {right:68px; }
	
	.isSliderfalse #headerContainer .headerButton i { color:#fe7c00; }
	.isSliderfalse #headerContainer .headerButton:hover i { color:#000; }
	
	.isSliderfalse #mobileOpenBtn:hover .l {background:#000; }

	.isSliderfalse #basketInformer .data .icon {color:#fe7c00;}
	
	#headerMainContent {height:60px; padding:0; margin-left:80px; }
	.isSlidertrue #pageContent {margin-top:-150px;}
	
	.indexSlider {transform:translateY(-150px); }
	.indexSlider .slideOne {height:550px;}
	.indexSlider .slideOne table td .data .text1 {font-size:30px; line-height:36px; text-shadow:1px 1px 3px rgba(0,0,0,0.5); }
	.indexSlider .slideOne table td .data .text2 {font-size:18px; line-height:24px; text-shadow:1px 1px 3px rgba(0,0,0,0.5); }
	
	.indexSlider .slideOne table td {padding:100px 30px 50px 30px}

	.indexSlider .swiper-button-next {right:10px;}
	.indexSlider .swiper-button-next:after {font-size:18px;}
	.indexSlider .swiper-button-prev {left:10px;}
	.indexSlider .swiper-button-prev:after {font-size:18px;}
	
	#mobileOpenBtn {display:block;}
	#compactMenu {display:none;}
	
	
	#mainMenu {display:none; position:fixed; left:0; top:0; width:100%; height:100%; padding:0; z-index:200; background:rgba(0,0,0,0.5); }
	#mainMenuData {position:absolute; left:100vw; top:0; width:300px; height:100%; background:#fff; transition:transform 0.3s;  }
	.isMobileOpen #mainMenu {display:block;}
	body.isMobileOpen {transition:all 0.3s; height:100%; position:fixed; }
	body.isMobileAnimate {transform:translateX(-300px); }
	
	#menuButtonClose {display:block;}
	#mainMenuScroll {position:absolute; left:0; top:0; width:100%; height:100%; padding-top:84px; padding-bottom:150px; box-shadow:0 0 10px rgba(0,0,0,0.3); overflow:none; }
	#mainMenuScrollData {border-top:1px solid #f0f0f0; width:100%; height:100%; overflow-y:auto; }
	#mainMenuItems {height:auto; white-space:normal;}
	#mainMenuItems .compactItem {display:block;}	
	#mainMenuItems .compactItem > li {display:block;}	
	#mainMenuScrollData #mainMenuItems > li > a {display:block; color:#333; border-bottom:1px solid #d6d6d6;}	
	#mainMenuScrollData #mainMenuItems > li > a:hover {color:#fe7c00;}	
	#mainMenuScrollData #mainMenuItems > li > a.active {background:#fe7c00; border-bottom:1px solid #fe7c00; color:#fff; }	
	#mainMenuItems > li > ul {display:block; position:relative; left:auto; top:auto; box-shadow:none; padding:10px 0; }
	#mainMenuItems > li > ul > li > a {padding-left:35px; }
	
	
	#mainMenuData #mainMenuScroll .headerPhone {top:auto; right:auto; left:0px; bottom:90px; width:100%; text-align:center; display:block; }
	#mainMenuData #mainMenuScroll .headerPhone a {color:#fe7c00; }
	#mainMenuData #mainMenuScroll .headerPhone a:hover {color:#000; }
	#mainMenuData #mainMenuScroll .headerButton i {display:none; }
	#mainMenuData #mainMenuScroll .headerButton {display:block; font-size:16px; top:auto; right:auto; left:20px; bottom:20px; background:#fe7c00; color:#fff; border:none; border-radius:5px; line-height:40px;  width:calc(100% - 40px); text-align:center; }
	#mainMenuData #mainMenuScroll .headerButton:hover {background:#000; color:#fff; }

	.advBlock .advBlockItems {padding-top:30px;}
	.advBlock .advBlockItems .item {width:50%; padding:0 15px 30px 15px; }
	.advBlock .advBlockItems .item .text {padding:10px 0 0 0; }
	
	.isImagetrue .mainTextData .topText {width:100%; float:none; padding:0 0 30px 0; }
	.isImagetrue .mainTextData .imageData {width:100%; max-width:600px; float:none; margin:0 auto; }
	.isImagetrue .mainTextData .bottomText {padding:30px 0 0 0; float:none; width:100%; }
	.isImagetrue .mainTextData.imageRight .topText {padding:0; float:none; }
	.isImagetrue .mainTextData.imageRight .imageData {float:none; width:100%; max-width:600px; margin:0 auto; }
	.isImagetrue .mainTextData.imageRight .bottomText {float:none; padding-right:0; }
	.isImagetrue .mainTextData .topText .links {text-align:center; }
	
	#styleFeedbackForm .formDataBlock .image::before {left:-28%; }
	#styleFeedbackForm .formDataBlock .image {width:100%; border-radius:5px 5px 0 0;}
	#styleFeedbackForm .formDataBlock .form {width:100%;}
	#styleFeedbackForm .formDataBlock .image img {max-height:90%; max-width:30%;}
	#styleFeedbackForm .formDataBlock .image {min-height:300px;}
	#styleFeedbackForm .formDataBlock .image > table {width:60%;}
	
	#indexMaps .indexMapsData .contacts {width:40%;}
	#indexMaps .indexMapsData .mapsContainer {width:60%;}
	
	.sectMenuData { margin:0 -5px; }
	.sectMenuData .item {width:50%; padding:0 5px 10px 5px; }
	
	#catalogRootList {margin:0 -5px; }
	#catalogRootList .item {width:50%; padding:0 5px 10px 5px; }
	#catalogItemList {margin:0 -5px; }
	#catalogItemList .item {width:50%; padding:0 5px 10px 5px; }
	
	#catalogCardData .image {width:100%; text-align:center;  margin-bottom:30px;}
	#catalogCardData .image img {margin:0 auto;}
	#catalogCardData .description {width:100%; padding-left:0; }
	#catalogCardData .description .links {text-align:center; }
	
	
	.textstyle h1, .textstyle .h1 {font-size:24px; line-height:30px; padding-bottom:12px;}
	
	.marginBottom {margin-bottom:50px;}
	html {height:auto;}
	body {height:auto; min-height:auto;}
	#pageFrames {min-height:auto; margin-bottom:0;}
	#footerProtect {height:0; }
	#footer {height:auto;}
	#footerData {padding-bottom:20px;}
	
	#copyrightData {width:100%; padding:0 0 20px 0; text-align:center; }
	#footerLogo {margin:0 auto 10px auto; }
	#bottomMenu {width:100%; padding:0 0 20px 0;}
	#bottomContacts {width:100%; text-align:center; }
	#bottomContacts .headerPhone {display:block; margin-bottom:20px;}
	#bottomContacts .headerButton {margin:0;}
	#bottomContacts .headerAddress span.cosials a {margin:0 5px;}
	#bottomContacts .headerAddress span.worktime {display:block; padding:0; margin:0; border:none;}
	
	
}


@media screen and (max-width: 750px) {
	.columnsText {gap:0px; }
	.columnsText .leftText {width:100%; padding:15px;}
	.columnsText .rightText {width:100%; padding:0 15px 15px 15px;}
}


@media screen and (max-width: 650px) {
	
	#indexMaps .indexMapsData .contacts {width:100%; text-align:center; padding:0 0 20px 0;}
	#indexMaps .indexMapsData .mapsContainer {width:100%;}
	.mapsContainer {height:300px;}
	
	
	#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 80px; 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.image img {width:50px; }
	#basketDataList .table .tr .td.name {padding:0px 35px 10px 0; }
	#basketDataList .table .tr .td.cost {padding:6px 0 0 0; display:inline-block; width:90px; vertical-align:top;}
	#basketDataList .table .tr .td.count {padding:0; padding-top:2px; display:inline-block; width:110px; vertical-align:top;}
	#basketDataList .table .tr .td.summ {padding:6px 0 0 0; display:inline-block; width:auto; vertical-align:top;}
	#basketDataList .table .tr .td.del {width:auto; position:absolute; top:6px; right:0; padding:0; }
	#basketTotalData {border-top:none; }
	
	.stdFormData .rowLine .caption {padding:0 0 5px 0; display:block; font-weight:600;}
	.stdFormData .rowLine .input {margin-left:0; }
	
	
	.textstyle h1, .textstyle .h1 {font-size:21px; line-height:28px; }
	.textstyle h2, .textstyle .h2 {font-size:20px; }
	.textstyle h3, .textstyle .h3 {font-size:18px; padding-top:5px; padding-bottom:10px;}  
	 
	
}


@media screen and (max-width: 500px) {
	.marginBottom {margin-bottom:30px;}
	.textEditorBg {padding:30px 0; }
	
	
	#headerContainer #headerMainContent > .headerPhone {right:155px;}
	#headerContainer #headerMainContent > .headerPhone a {font-size:0; padding:0; display:block; transition:border 0.2s;}
	#headerContainer #headerMainContent > .headerPhone a i {font-size:22px; width:30px; height:30px; line-height:30px; text-align:center; position:relative; left:auto; top:auto; color:#fff; }
	#headerContainer #headerMainContent > .headerPhone a:hover i {color: #000;}
	
	.isSliderfalse #headerContainer #headerMainContent > .headerPhone a i {color:#fe7c00; }
	.isSliderfalse #headerContainer #headerMainContent > .headerPhone a:hover i {color: #000;}
	
	
	.indexSlider .slideOne {height:500px;}
	.indexSlider .slideOne table td {padding:155px 10px 50px 10px;}
	.indexSlider .slideOne .extendImage {max-height:50%; max-width:100%;}
	.indexSlider .slideOne table td .data .text1 {font-size:26px; line-height:34px;}
	
	#styleFeedbackForm {padding:30px 0;}
	#styleFeedbackForm .formDataBlock .image::before {z-index:1;}
	#styleFeedbackForm .formDataBlock .image {min-height:auto;}
	#styleFeedbackForm .formDataBlock .image > table {width:100%; z-index:2;}
	#styleFeedbackForm .formDataBlock .image > table td {padding:20px;}
	#styleFeedbackForm .formDataBlock .image img {max-width:100%;}
	#styleFeedbackForm .formDataBlock .form {padding:20px;}
	
	
}

@media screen and (max-width: 420px) {
	.advBlock .advBlockItems .item {width:100%; padding:0 30px 30px 30px; }
	.advBlock .advBlockItems .item .caption {padding-top:0;}

	.sectMenuData .item {width:100%;}
	
	#basketDataList .table .tr.line {padding:5px 0 60px 80px; min-height:110px; }
	#basketDataList .table .tr .td.cost {padding:0; position:absolute; left:0; bottom:17px; }
	#basketDataList .table .tr .td.count {padding:0; position:absolute; left:85px; bottom:15px; }
	#basketDataList .table .tr .td.summ {padding:0; position:absolute; left:200px; bottom:17px; }
	
	#catalogRootList .item {width:100%; }
	#catalogItemList .item {width:100%; }
	
}

@media screen and (max-width: 360px) {
	#catalogCardData .description .priceBlock {text-align:center; }
	#catalogCardData .description .basketLink {padding-left:0; }
	#catalogCardData .description .basketLink .count {position:relative; left:auto; top:auto; margin:0 auto 20px auto}
	#catalogCardData .description .basketLink .listItemToBasket {width:100%; }
}