@CHARSET "UTF-8";


@media screen and (max-width: 1300px) {
	.indexSlider .slideOne table td .data {padding:0 80px; }
}

@media screen and (max-width: 1100px) {
	#headerMainContent {padding:15px 240px 15px 210px; }
	#mainLogo {width:200px;}
	#mainMenuData > ul > li {padding:12px 0; }
	
	.indexSlider .slideOne table td .data .text1 {font-size:44px; line-height:52px;}
	.indexSlider .slideOne table td .data .text2 {font-size:22px; line-height:28px;}
	
	.imagesMenu2 a .table .td {font-size:26px; }
	
	.staticColorText .leftText {width:50%;} 
	.staticColorText .rightText {width:calc(50% + 10%);}
	.staticColorText .rightText .bg {padding:40px;}
	.staticColorText .rightText .bg .caption1 {font-size:34px; line-height:40px;}
	.staticColorText .rightText .bg .caption2 {font-size:44px; line-height:52px;}
	
	.imagesMenu3 a .name {font-size:20px; }
	.imagesMenu4 a .name {font-size:22px; }
	
	.styleHeader {font-size:34px; line-height:40px;}
	
	.textstyle h1, .textstyle .h1 {font-size:34px; line-height:40px;}
	.textstyle h2, .textstyle .h2 {font-size:30px; line-height:36px;}
	.textstyle h3, .textstyle .h3 {font-size:26px; line-height:30px;}  
	
	
}

@media screen and (max-width: 970px) {
	.maxWidth {padding:0 15px;}
	.marginBottom {margin-bottom:60px;}
	
	.indexSlider .slideOne {height:500px; }
	.indexSlider .slideOne table td {padding:30px 0px 60px 0px; }
	.indexSlider .slideOne table td .data {padding:0 60px; }
	.indexSlider .slideOne table td .data .text1 {font-size:40px; line-height:36px;}
	.indexSlider .slideOne table td .data .text2 {font-size:20px; line-height:26px;}
	.indexSlider .swiper-pagination {bottom:20px;}
	.indexSlider .swiper-button-next {right:15px;}
	.indexSlider .swiper-button-next:after {font-size:22px;}
	.indexSlider .swiper-button-prev {left:15px; }
	.indexSlider .swiper-button-prev:after {font-size:22px;}

	.staticBgText .bg {padding-top:100px; }
	.staticColorText .rightText .bg {padding:30px;}
	.staticColorText .rightText .bg .caption1 {font-size:30px; line-height:34px;}
	.staticColorText .rightText .bg .caption2 {font-size:40px; line-height:44px;}
	
	.imagesMenu2 a .table .td {font-size:20px; }
	.imagesMenu3 a .name {font-size:18px; }
	.imagesMenu3Bg {padding:80px 0; }
	.imagesMenu4 a .name {font-size:18px; }
	
	.styleHeader {font-size:32px; line-height:36px;}
	
	.textstyle h1, .textstyle .h1 {font-size:32px; line-height:36px;}
	.textstyle h2, .textstyle .h2 {font-size:26px; line-height:30px;}
	.textstyle h3, .textstyle .h3 {font-size:24px; line-height:28px;}  
	
}

@media screen and (max-width: 880px) {
	
	#headerTop table td {font-size:15px;}
	#headerTop table td.phone {padding-left:28px;}
	#headerTop table td.lang {padding-left:28px;}
	#headerTop table td.lang a {width:34px; }
	#headerMainContent {padding:0; height:70px; }
	#consultationBtn {right:60px; }
	#mainMenu {display:none;}
	#mobileMenuOpen {display:block;}
	
	.mainMenuOpen #mainMenu {display:block; position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; padding:0; background:rgba(0,0,0,0.5);}
	.mainMenuOpen #mainMenuScroll {position:absolute; left:0; top:0; width:95%; height:100%; padding-top:50px; background:#fff; }
	.mainMenuOpen #mainMenuData {width:100%; height:100%; overflow-y:auto; padding:0 30px;}
	.mainMenuOpen #mainMenuData > ul > li {display:block; padding:15px 0; margin:0; }
	.mainMenuOpen #mainMenuData > ul > li > a {margin:0; font-size:22px; font-weight:normal; }
	
	#catalogListData {gap:50px 40px }	
	#catalogListData .item {width:calc(50% - 20px); }
	#catalogCard h1.catalogCardMobile {display:block; }
	#catalogCardInfo h1 {display:none;}
	#catalogCardData {display:block;}
	#catalogCardImage {width:100%; display:block; width:100%; }
	#catalogCardImage .cardImage {display:block; margin:0 auto; width:100%; max-width:450px; }
	#catalogCardInfo {display:block; width:100%; padding:20px 0 0 0; }
	#catalogCardInfo .price {text-align:center; }
	#catalogCardInfo .itemCountControl {margin:0 auto 15px auto; display:block; }
	#catalogCardInfo .addItemToBasket {width:100%;}
	
	
	html, body {height:auto; }
	#pageFrames {min-height:auto; height:auto !important; margin-bottom:0;}
	#footerProtect {height:0;}
	#footer {height:auto; }
	#footerData {padding-top:15px;}
	#copyrightData {float:none; width:auto; padding:0 0 20px 0;}
	#contactsData {float:none; width:auto; text-align:center; padding:0 0 20px 0; }
	
}

@media screen and (max-width: 800px) {
	.staticBgText .bg .rightText {padding-left:30px;}
	.imagesMenu2 {gap:20px; }
	.imagesMenu2 a {width:calc(50% - 10px)}
	.imagesMenu3 {gap:40px 15px;}
	.imagesMenu3 a {width:calc(33.33% - 10px)}
	.imagesMenu4 .item {width:calc(50% - 10px)}
	.serviceMenu {gap:40px 20px; }
	.serviceMenu .item {width:calc(50% - 10px)}
	.serviceMenu a .icon {width:60px; height:60px; line-height:60px; font-size:24px;}
	.serviceMenu a .name {font-size:26px;}
	
	#pageContactsCols {display:block; }
	#pageContactsCols .leftText {width:100%;}
	#pageContactsCols .rightText {width:100%; padding:40px 0 0 0;}
	
	
	#themesAnkorMenu {display:none;}
	.isMenutrue #themesContentList {padding-left:0;}
	
	.styleHeader {font-size:28px; line-height:32px;}
	
	#pageContentData {padding-top:35px; }
	body {font-size:18px; }
	.textstyle h1, .textstyle .h1 {font-size:28px; line-height:32px;}
	.textstyle h2, .textstyle .h2 {font-size:26px; line-height:30px;}
	.textstyle h3, .textstyle .h3 {font-size:24px; line-height:28px;}  
	.textstyle p {padding-bottom:10px; line-height:23px;}
	.textstyle ul { margin-left:20px;}
		.textstyle ul li {padding-bottom:5px; line-height:23px;}
	.textstyle ol { margin-left:20px; }
		.textstyle ol li {padding-bottom:5px; line-height:23px;}
	
}

@media screen and (max-width: 670px) {
	.marginBottom {margin-bottom:40px;}
	
	#mainLogo {width:190px;}
	#headerMainContent {height:122px;}
	#headerTopData {position:relative; padding-bottom:40px; }
	#headerTop table {display:block; height:auto; }
	#headerTop table tbody {display:block; }
	#headerTop table tr {display:block;}
	#headerTop table tr td {display:block; width:100% !important; text-align:center !important; padding:3px 0!important; }
	#headerTop table td.lang {padding:0!important; }
	#headerTop table td.lang a {position:absolute; bottom:5px; left:50%; margin-left:-30px; z-index:10; }
	#consultationBtn {left:50%; right:auto; top:auto; bottom:15px; transform:translateX(-50%); white-space:nowrap; }
	#basketInformer {position:absolute; left:50%; bottom:4px; margin-left:30px;}
	
	.staticBgText .bg .leftText {width:100%; order:2; padding-top:30px; }
	.staticBgText .bg .rightText {width:100%; order:1; padding:0;}
	.imagesMenu2 a {width:100%; }
	.staticColorText .leftText {width:100%;}
	.staticColorText .rightText {width:100%; margin:0; }
	.imagesMenu3 a {width:100%;}
	.imagesMenu3 a .name {text-align:center; }
	
	.indexSlider .slideOne table td .data {padding:0 40px; }
	.indexSlider .slideOne table td .data .text1 {font-size:32px; line-height:36px;}
	.indexSlider .slideOne table td .data .text2 {font-size:20px; line-height:24px;}
	.indexSlider .swiper-button-next {right:5px;}
	.indexSlider .swiper-button-prev {left:5px; }
	
	.staticColorText .rightText .bg .caption1 {font-size:30px; line-height:34px;}
	.staticColorText .rightText .bg .caption2 {font-size:36px; line-height:40px;}
	
	
	#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 60px 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; text-align:left;}
	#basketDataList .table .tr .td.count {padding:0; position:absolute; right:0; bottom:15px; width:auto; }
	
	#basketDataList .table .tr .td.count .countControl {width:100px; padding:0 30px; margin-right:0px;}
	#basketDataList .itemCountControl input {display:inline-block; line-height:30px; height:30px; }
	#basketDataList .itemCountControl .count {line-height:32px; height:30px; width:30px; }
	#basketDataList .itemCountControl .count.minus {line-height:32px;}
	#basketDataList .table .tr .td.summ {padding:0; display:inline-block; width:auto; vertical-align:top; position:absolute; right:120px; bottom:16px;}
	#basketDataList .table .tr .td.del {width:auto; position:absolute; top:10px; right:0; padding:0; }
	
	
}

@media screen and (max-width: 600px) {
	.serviceMenu .item {width:100%; }
	
	.staticIconImageText {padding:50px 15px;}
	.staticIconImageText .cropData {padding:0;}
	.staticIconImageText .cropData .leftIcon {width:100%; padding-right:0px; text-align:center; padding-bottom:30px;}
	.staticIconImageText .cropData .rightText {width:100%;}
	
}

@media screen and (max-width: 440px) {
	.imagesMenu4 {max-width:320px;}
	.imagesMenu4 .item {width:100%; }
	
	#catalogListData {gap:50px 0px }	
	#catalogListData .item {width:100%; }	
	
}