@CHARSET "UTF-8";

@media screen and (max-width: 1120px) {
	
	.marginBottom {margin-bottom:50px;}
	.paddingBottom {padding-bottom:50px;}

	#headerContacts {right:220px;}
	
	#mainServiceMenuData .itemGroup {width:50%; }
	
	#articlesListData .articlesItem {width:25%;}
	#prrojectsListData .articlesItem {width:25%;}
	
	#stagesBlock .stagesItems .item {width:33.33%;}
	
	#pageColumnContent .pageCoumnLeft {width:240px; }
	#pageColumnContent .pageCoumnRight {width:calc(100% - 240px); }

}


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

	.maxWidth {padding-left:15px; padding-right:15px; }
	
	#header {height:65px;}
	#mainLogo {width:120px; top:15px;}
	#mainSlogan {left:150px; font-size:12px; line-height:14px; top:12px; }
	#headerContacts {left:380px; right:auto; top:10px;}
	#headerContacts > div {padding:1px 0; }
	#headerPhone {top:18px;}
	#headerFeedback {z-index:10; border:2px solid #fff; right:70px; top:74px; padding:5px 12px 5px 12px; line-height:18px;}
	
	.isFixHeader #headerFixedHeight {height:115px;}
	.isFixHeader #headerFeedback {border:2px solid #fff; right:70px; top:74px; }
	.isFixHeader #headerContacts {left:380px; right:auto; top:10px;}
	
	#mobileOpenBtn {display:block; }
	.isMobileOpen #mobileOpenBtn {display:none; }
	#mainMenu {padding:0; height:50px; }
	#mainMenuData {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0, 0.7); z-index:200; }
	#mainMenuScroll { background:linear-gradient(to right, #fff 30%, #f7f7f7 70%); padding:85px 15px 65px 15px; }
	#mainMenuScrollData { display:block; width:100%; height:100%; overflow-y:auto; overflow-x:hidden; }
	.isMobileOpen #mainMenuScroll {display:block; position:absolute; left:0; top:0; margin-left:-100%; width:100%; height:100%; max-width:97%; box-shadow:5px 0 12px 0px rgba(0,0,0,0.7); transition:margin-left 0.3s;}
	.isMobileAnimate #mainMenuScroll { margin-left:0; }
		
	#mainMenuScrollData .item > a {font-size:17px; height:36px; line-height:36px; text-align:left; padding:0 0 0 10px; color:#000; font-weight:500; background:transparent; display:block; border-radius:5px;}
	#mainMenuScrollData .item:hover { background:transparent;}
	#mainMenuScrollData .item::after {display:none;}
	#mainMenuScrollData .item > a:hover { background:#333; color:#fff; }
	#mainMenuScrollData .item > a.active {background:#f3782d; color:#fff; }
	#mainMenuScrollData .item {position:relative !important; text-align:left; margin-bottom:10px; display:block; }
	#mainMenuScrollData .item.isExpandtrue .marrow {display:block; }
	#mainMenuScrollData .item > .marrow {transform:rotate(-90deg); }
	#mainMenuScrollData .item.isOpen > .marrow {transform:rotate(0deg); }
	#mainMenuScrollData .item.isExpandtrue > a {margin-left:45px; }
	#mainMenuScrollData .item.isExpandtrue > a .name {padding:0; }
	#mainMenuScrollData .item.isExpandtrue > a .name .arrow {display:none;}
	
	#mainMenuScrollData .item .subMenu { padding:0 0 10px 0; display:none; position:relative; left:auto; top:auto; right:auto; width:auto; max-width:100%; background:transparent; margin-left:0px; box-shadow:none; border-bottom:none; }
	#mainMenuScrollData .item:hover .subMenu { display:none; }
	#mainMenuScrollData .item.isOpen .subMenu { display:block; }
	#mainMenuScrollData .item .subMenu .subItem {margin-top:5px;}
	#mainMenuScrollData .item .subMenu .subItem > a {color:#222; padding:4px 0 4px 25px; display:block; font-size:18px; position:relative; border-radius:5px;}
	#mainMenuScrollData .item .subMenu .subItem > a:hover {color:#fff; }
	#mainMenuScrollData .item .subMenu .subItem > a .name .arrow {display:none;}
	
	#mainMenuScrollData .item .subMenu .subItem .subSubMenu { padding:0 0 10px 0; display:none; position:relative; left:auto; top:auto; right:auto; width:auto; max-width:100%; background:transparent; margin-left:45px; box-shadow:none; border-bottom:none; }
	#mainMenuScrollData .item .subMenu .subItem:hover .subSubMenu {display:none;}
	#mainMenuScrollData .item .subMenu .subItem.isOpen .subSubMenu { display:block; }
	#mainMenuScrollData .item .subMenu .subItem.isOpen > .marrow {transform:rotate(90deg); }
	#mainMenuScrollData .item .subMenu .subItem > a {font-size:16px; height:36px; line-height:36px; text-align:left; padding:0 0 0 10px; color:#000; font-weight:500; background:transparent; display:block; border-radius:5px;}
	#mainMenuScrollData .item .subMenu .subItem > a:after {display:none;}
	#mainMenuScrollData .item .subMenu .subItem > a:hover { background:#333; color:#fff; }
	#mainMenuScrollData .item .subMenu .subItem > a.active {background:#f3782d; color:#fff; }
	#mainMenuScrollData .item .subMenu .subItem > .marrow {background:#f0f0f0; color:#333; }
	#mainMenuScrollData .item .subMenu .subItem > .marrow:hover {color:#fff; background:#000; }
	#mainMenuScrollData .item .subMenu .subItem.isOpen > .marrow {transform:rotate(90deg); background:#f3782d; color:#fff; }
	#mainMenuScrollData .item .subMenu .subItem.isOpen > .marrow:hover {color:#fff; background:#000; }
	#mainMenuScrollData .item .subMenu .subItem.isExpandtrue > a {margin-left:45px; }
	
	#mainMenuScrollData .item .subMenu .subItem.isOpen .subSubMenu .subSubItem {margin-top:5px;}
	#mainMenuScrollData .item .subMenu .subItem.isOpen .subSubMenu .subSubItem a {color:#222; padding:5px 10px; display:block; font-size:14px; position:relative; border-radius:5px; white-space:normal; }
	#mainMenuScrollData .item .subMenu .subItem.isOpen .subSubMenu .subSubItem a:hover {color:#fff; }
	#mainMenuScrollData .item .subMenu .subItem.isOpen .subSubMenu .subSubItem a:hover {color:#fff; }
	#mainMenuScrollData .item .subMenu .subItem.isOpen .subSubMenu .subSubItem a.active {color:#fff; background:#f3782d; }
	
	#menuButtonClose { display:block; }
	#mainMenuLogo { display:block; }
	#menuTopLine { display:block; }
			
	#pageColumnContent .pageCoumnLeft {display:none; }
	#pageColumnContent .pageCoumnRight {width:100%; padding-left:0; }
	
	
	#indexPriceTables .left {padding-right:0px; width:100%; margin-bottom:30px;}
	#indexPriceTables .right {padding-left:0px; width:100%;}
	#indexPriceTables td {width:50%; }
			
			
	#footerLeft {width:190px;}		
	#footerCenter {width:calc(100% - 460px); }		
	#footerRight {width:270px;}		
	
}


@media screen and (max-width: 800px) {
	#mainSlogan {display:none;}
	#headerContacts {left:160px;}
	.isFixHeader #headerContacts {left:160px;}
	
	#advBottomData .itemsData .item {width:50%; }
	
	
	html {height:auto;}
	body {height:auto; min-height:auto;}
	#pageFrames {min-height:auto; margin-bottom:0;}
	#footerProtect {height:0px;}
	#footer {height:auto;}
	#footerData {padding-bottom:70px;}
	
	#footerLeft {width:100%; text-align:center; padding-bottom:20px; order:1;}
	#footerLeft img {width:158px; margin:0 auto 10px auto; }
	#footerCenter {width:100%; order:3; padding-top:20px;}
	#footerRight {padding-top:0px; order:2; width:100%; text-align:center; }

	#copyrightLink {right:auto; left:50%; transform:translateX(-50%); text-align:center; white-space:nowrap; }
	#copyrightLink span {display:block;}
	
}









@media screen and (max-width: 720px) {
	.marginBottom {margin-bottom:30px;}
	.paddingBottom {padding-bottom:30px;}
	
	.mainText.imageRight .mainTextData.isImagetrue .topText {float:none; width:100% !important;}
	.mainText.imageRight .mainTextData.isImagetrue .imageData {float:none; width:100% !important; padding:0; padding:15px 0 20px 0; max-width:400px; margin:0 auto; }
	.mainText.imageRight .mainTextData.isImagetrue .bottomText {float:none; width:100% !important;}
	.mainText.imageRight .mainTextData.isImagetrue .links {float:none; width:100% !important; padding-top:20px; text-align:center;}
	.mainText.imageLeft .mainTextData.isImagetrue .topText {float:none; width:100% !important;}
	.mainText.imageLeft .mainTextData.isImagetrue .imageData {float:none; width:100% !important; padding:0; padding:15px 0 20px 0; max-width:400px; margin:0 auto; }
	.mainText.imageLeft .mainTextData.isImagetrue .bottomText {float:none; width:100% !important;}
	.mainText.imageLeft .mainTextData.isImagetrue .links {float:none; width:100% !important; padding-top:20px; text-align:center;}
	
	#newsAnonsList {margin:0;}
	#newsAnonsList .anonsItem {width:100%; border-right:none; padding:0 0 15px 0; border-bottom:1px dotted #d0d0d0; margin-bottom:15px; }
	#newsAnonsList .anonsItem:last-child { border-bottom:none; margin-bottom:0; }
	#newsAnonsList .anonsItem .anonsItemData {border-right:none; padding-right:0;}
	
	#articlesListData {margin:0 -5px;}
	#articlesListData .articlesItem {width:33.33%; padding:0 5px 15px 5px; }
	#projectsListData {margin:0 -5px;}
	#projectsListData .projectsItem {width:33.33%; padding:0 5px 15px 5px; }
	
	.stdStaticGroupImage.imagesGroupLine .stdStaticGroupImageData {margin:0 -5px; }
	.stdStaticGroupImage.imagesGroupLine .stdStaticGroupImageData .item {padding:0 5px 10px 5px; }
			
			
	
}

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

	#headerContacts {left:0; top:72px; z-index:10;}
	#headerContacts .text {padding-left:20px;}
	#headerContacts > div.email {left:0px; top:76px; right:auto; z-index:10; color:#fff; }
	#headerContacts > div.address {display:none;}
	#headerContacts > div.email .text {font-size:0; width:32px; height:32px; padding:0; border:2px solid #fff; border-radius:5px; transition:background 0.3s; }
	#headerContacts > div.email .text i {left:4px; top:4px; font-size:16px; display:block; color:#fff; }
	#headerContacts > div.email .text:hover {background:#333; }

	.isFixHeader #headerContacts {left:0; top:72px; z-index:10;}
	
	#pageMainImage .container {padding:20px; }
	#pageMainImage .container .containerData .text {font-size:18px;}
	#pageMainImage .container .containerData .left {width:calc(50% - 100px); }
	#pageMainImage .container .containerData .right {width:calc(50% - 100px); }
	
	#advBottomData .itemsData .item .data img {width:80px;}
	#advBottomData .itemsData .item .data {font-size:12px; line-height:18px;}
	#advBottomData .caption:before {right:calc(50% + 130px);}
	#advBottomData .caption:after {left:calc(50% + 130px); }
	
	#newsListData .newsItem {padding-left:100px; min-height:80px; margin-bottom:10px; padding-bottom:10px;}
	#newsListData .newsItem .image img {width:80px;}
	
	#logotypesList img {max-height:40px;}
	
	.stdStaticGroupImage.imagesGroupLine {margin:20px 0 0 0; }
	.stdStaticGroupImage.imagesGroupLine .stdStaticGroupImageData .item .text {}
	.stdStaticGroupImage.imagesGroupLine5 .stdStaticGroupImageData .item {width:33.33%; }
	.stdStaticGroupImage.imagesGroupLine4 .stdStaticGroupImageData .item {width:50%;}
	.stdStaticGroupImage.imagesGroupLine3 .stdStaticGroupImageData .item {width:50%;}

	
	.stdFormData .rowLine {}
	.stdFormData .caption {float:none; width:100%; padding:0 0 10px 0; }
	.stdFormData .input {margin-left:0; }
	.stdFormData .rowSubmit {padding-top:10px;}
	
	
}




@media screen and (max-width: 540px) {
	#mainServiceMenuData .itemGroup {width:100%; }
	#articlesListData .articlesItem {width:50%;}
	#articlesListData .articlesItem a .name {font-size:14px;}
	#projectsListData .projectsItem {width:50%;}
	#projectsListData .projectsItem a .name {font-size:14px;}
	
	#stagesBlock .stagesItems .item {width:50%;}
	
}

@media screen and (max-width: 450px) {
	#headerPhone {font-size:22px; top:20px; }	
	.isFixHeader #headerPhone {top:20px; }	
	
	#borderFormData .formWidth .stdLineInput {width:100%; }
	#borderFormData .formWidth .stdLineInput:nth-child(1) {padding-right:0;}
	#borderFormData .formWidth .stdLineInput:nth-child(2) {padding-left:0; }

	.stdStaticGroupImage.imagesGroupLine5 .stdStaticGroupImageData .item {width:50%; }
	
}