@CHARSET "UTF-8";


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

	.headerTopContent {padding-left:170px; height:55px;}
	.headerTopContent .mainLogo a {width:145px;}
	.headerTopContent .mainMenu .item {margin-right:15px;}
	.headerTopContent .mainMenu .item > a {font-size:14px; height:54px;}
	
	.indexSliderData {height:500px;}
	.indexSliderData .slideOne .slideData table td .data .caption {font-size:36px; line-height:40px;}
	.indexSliderData .slideOne .slideData table td .data .caption::before {width:7px;}
}


@media screen and (max-width: 1140px) {
	.headerSearchForm {display:none;}
	.headerTopContent nav {display:none; }
	.mainMenuMobileBtn {display:block;}
	.headerTopContent .headerPhones {display:block;}
	.headerTopContent .headerPhonesMain {display:none;}

	
	.aboutMain .cols.right .data .block .blockData .text {font-size:12px;}
	
	.stdmenu4Menu div { width:50%; }
	.stdmenu4Menu div a .image {max-height:200px;}
	
	.catalogSectGroup .itemListData div a img {padding:0;}
	
	footer{height: 550px;}
	.footerData {padding-top:20px;}
	.footerData .cols.cols1 {width:25%;}
	.footerData .cols.cols2 {padding:0 15px 0 20px; width: 50%;}
	.footerData .cols.cols3 {width:50%;}
	.footerData .cols.cols4 {width:100%; padding:20px 0;}

    .flex-item {width: 18%;}
}


@media screen and (max-width: 880px) {
	.indexSliderData {height:350px; border-radius:0 0 35px 0; }
	.indexSliderData .slideOne .slideData table td .data .caption {font-size:26px; line-height:30px;}
	.indexSliderData .slideOne .slideData table td .data .caption::before {width:5px;}
	
	.aboutMain .cols {width:100%;}
	.aboutMain .cols a {min-height:auto;}
	.aboutMain .cols a:hover {transform:none;}
	.aboutMain .cols a .line {min-height:auto; padding:15px 15px 15px 95px;}
	.aboutMain .cols a .line .fontIcon {font-size:60px; left:15px; top:15px; }
	.aboutMain .cols a .line .count {font-size:32px;}
	.aboutMain .cols a .line .text {font-size:16px;}
	
	.aboutMain .cols.center a .line {padding:15px; min-height:auto;}
	.aboutMain .cols.center a .line .fontIcon {font-size:90px;}
	.aboutMain .cols.center a .line .text {max-width:none;}
	
	.aboutWork .cols {width:100%;}
	.aboutWork .cols a {min-height:110px;}
	.aboutWork .cols a:hover {transform:none;}
	
	.aboutMap a:hover {transform:none;}
	
	.catalogSectGroup .itemListData div {width:33.33%;}
	
	.answersListData .answersOne .question {font-size:18px;}
	
}


@media screen and (max-width: 800px) {
	
	.textColumns3 {display:block;}
	.textColumns3 .text {display:block; width:100%; box-sizing:border-box;}
	.textColumns3 .text.text1 {padding:0 0 10px 0; border-right:none; border-bottom:1px solid #E1E1E1; }
	.textColumns3 .text.text2 {padding:10px 0 10px 0; border-bottom:1px solid #E1E1E1; }
	.textColumns3 .text.text3 {padding:10px 0 10px 0; border-left:none; border-bottom:1px solid #E1E1E1; }

	.stdFormData .rowLine {padding-bottom:20px;}
	.stdFormData .rowLine .caption {width:100%; float:none; padding-top:0; padding-bottom:5px; font-size:16px;}
	.stdFormData .rowLine .input {margin-left:0px;}
	.stdFormData .rowLine.stdLineCheckbox .input {min-height:22px;}

	
	html {height:auto;}
	body {height:auto; min-height:auto; }
	.pageFrames {min-height:auto; margin-bottom:0;}
	.footerProtect {height:15px;}
	footer {height:auto;}
	.footerData {padding-bottom:20px;}
	.footerData .cols.cols1 {width:40%; padding-right:10px;}
	.footerData .cols.cols1 .footerLogo {margin-bottom:10px;}
	.footerData .cols.cols2 {width:60%; text-align:right; padding:0 0 0 10px;}
	.footerData .cols.cols2 .caption {display:none;}
	.socialList div {width:50px;}
	.footerData .cols.cols3 {width:100%; padding-top:20px;}
	.footerData .cols.cols3 .caption {font-size:14px; padding-bottom:10px;}
	.footerData .cols.cols4 {width:100%; padding:20px 0;}
	.footerData .cols.cols4 .caption {font-size:14px; padding-bottom:10px;}

    .flex-item {width: 15%;}
	
	.footerMenu {position:relative; text-align:left; right:auto; bottom:auto; }
	.footerMenu div {display:block; padding-top:3px; margin-left:0;}
	.developerLink {right:15px; bottom:20px; left:auto; text-align:right;}
}


@media screen and (max-width: 780px) {
	
	.indexSliderData {margin-bottom:15px;}
	.indexCatalogAnons .itemList {margin:0 -5px;}
	.indexCatalogAnons .itemList div {width:50%; padding:0 5px 10px 5px;}

	.stdmenu3Menu div { width:100%; }
	.stdmenu4Menu div { width:100%; }
	.pagemenu div { width:100%; }

	body {font-size:14px;}
	.pageContent {padding-top:15px;}
	.textstyle h1, .textstyle .h1 {font-size:23px; padding-bottom:10px;}
	.textstyle h2, .textstyle .h2 {font-size:21px; padding-top:8px; padding-bottom:7px;}
	.textstyle h2:first-child, .textstyle .h2:first-child {padding-top:0px;}
	.textstyle h3, .textstyle .h3 {font-size:20px; padding-top:8px; padding-bottom:7px;}  
	.textstyle h3:first-child, .textstyle .h3:first-child {padding-top:0px;}
	.textstyle h4, .textstyle .h4 {font-size:19px; padding-top:7px; padding-bottom:6px;}  
	.textstyle h4:first-child, .textstyle .h4:first-child {padding-top:0px;}
	.textstyle h5, .textstyle .h5 {font-size:18px; padding-top:6px; padding-bottom:5px;}  
	.textstyle h5:first-child, .textstyle .h5:first-child {padding-top:0px;}
	.textstyle h6, .textstyle .h6 {font-size:17px; padding-top:4px; padding-bottom:5px;}  
	.textstyle h6:first-child, .textstyle .h6:first-child {padding-top:0px;}
	.textstyle p, .textstyle .p {padding-bottom:4px; line-height:21px;}
	.textstyle ul { margin-left:20px; padding-bottom:5px;}
		.textstyle ul li {padding-bottom:2px; line-height:21px;}
	.textstyle ol { margin-left:20px; padding-bottom:5px;}
		.textstyle ol li {padding-bottom:2px; line-height:21px;}
	.textstyle b, .textstyle strong {color:#000;}
	

	.imageText25 .image {width:40%; padding-bottom:10px; vertical-align:top;}
	.imageText25 .text {width:60%; padding-left:20px; padding-bottom:10px; vertical-align:top;}

	.textImage45 .text {width:50%; padding-right:20px; padding-bottom:10px; vertical-align:top;}
	.textImage45 .image {width:50%; padding-bottom:10px; vertical-align:top;}

	.pageContent .styleButton {font-size:15px; margin:10px 0 15px 0; padding:4px 12px; margin-right:15px;}
	.pageContent .styleButton:hover {background-color:#e4b85d; }

	.pageContent .redLineCaption {font-size:20px; line-height:24px; padding:0 0 0 15px; margin-bottom:20px; }
	.pageContent .redLineCaption:before {width:5px;}
	
	.catalogSectGroup .itemListData div {width:50%;}
	.catalogSectGroup .itemListData div a .name {font-size:13px;}
	.link_slider {
		text-decoration: none;
		/*top: 236px !important;*/
		margin-top: 247px;
		margin-left: 156px;
		position: absolute !important;
		width: 56% !important;
		height: auto !important;
		z-index: 99999;
	}
	.text_butt {
		text-transform: uppercase;
		font-weight: 900;
		font-size: 15px;
		margin: auto;
		border: 1px solid red;
		padding: 10px;
		text-align: center;
		border-radius: 20px;
	}
	
}


@media screen and (max-width: 550px) {
	.indexSliderData .slideOne .slideData table td {padding:10px 0 60px 10px;}
	.indexSliderData .slideOne .slideData table td .data .caption {font-size:18px; line-height:22px;}
	.indexSliderData .pnButton {bottom:15px;}
	.indexSliderData .pnButton.prevButton {left:10px;}
	.indexSliderData .pnButton.nextButton {right:10px;}
	
	.catalogPage .catalogColsData .image {float:none; width:100%; text-align:center; }
	.catalogPage .catalogColsData .params {float:none; width:100%; padding-left:0;}
	.link_slider {
		text-decoration: none;
		margin-top: 247px;
		/*top: 236px !important;*/
		/*margin-left: 420px;*/
		/*position: absolute !important;*/
		width: 56% !important;
		height: auto !important;
		z-index: 99999;
	}
	.text_butt {
		text-transform: uppercase;
		font-weight: 900;
		font-size: 15px;
		margin: auto;
		border: 1px solid red;
		padding: 10px;
		text-align: center;
		border-radius: 20px;
	}

}


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

	.headerTopContent .mainLogo a {width:100px;}
	.headerTopContent {padding-left:115px; height:40px;}
	.headerTopContent .headerPhones {width:140px; height:44px; margin-top:-5px;}
	.headerTopContent .headerPhones .table span a {font-size:14px;}
	.mainMenuMobileBtn {top:7px;}
	
	.imageText25 {display:block;}
	.imageText25 .image {display:block; width:100%; }
	.imageText25 .text {display:block; width:100%; padding-left:0px; }

	.textImage45 {display:block;}
	.textImage45 .text {display:block; width:100%; padding-right:0px;}
	.textImage45 .image {display:block; width:100%;}
	
	.newsListData .image {float:none; width:100%; padding-bottom:10px;}
	.newsListData .data {width:100%; padding:0; }
	.newsListData .data .dataText {padding:0px;}
	
	.imageImage50 {display:block;}
	.imageImage50 .image {display:block; width:100%; padding:0 0px 10px 0;}
	.imageImage50 .image:last-child {padding:0 0 10px 0px;}
	
	.imageImage25 .image {width:50%;}
	.link_slider {
		text-decoration: none;
		/*top: 236px !important;*/
		margin-top: 249px;
		margin-left: 84px;
		position: absolute !important;
		width: 56% !important;
		height: auto !important;
		z-index: 10000;
	}
	.text_butt {
		text-transform: uppercase;
		font-weight: 900;
		font-size: 15px;
		margin: auto;
		border: 1px solid red;
		padding: 7px;
		text-align: center;
		border-radius: 20px;
	}

}

@media screen and (max-width: 420px) {
	.indexCatalogAnons .itemList div {width:100%;}
	.link_slider {
		text-decoration: none;
		/*top: 236px !important;*/
		margin-top: 249px;
		margin-left: 86px;
		position: absolute !important;
		width: 56% !important;
		height: auto !important;
		z-index: 10000;
	}
	.text_butt {
		text-transform: uppercase;
		font-weight: 900;
		font-size: 14px;
		margin: auto;
		border: 1px solid red;
		padding: 6px;
		text-align: center;
		border-radius: 20px;
	}
}