@media (max-width: 1600px){

	.container {
		padding-left: 30px;
		padding-right: 30px;
	}

}


@media (max-width: 1366px){

	.screenDown {
		padding: 130px 0;
	}

	.itemAnimSquares {
		margin-top: -50px;
	}

	.repSection {
		padding: 120px 0;
	}

	.hiddenxlg {display: none!important}
	
	.rowxlgCenter {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	
	.colxlgDefault {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: none;
	}
	
	.colxlgAuto {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		max-width: none;
	}

	.colxlg1 {
		-webkit-flex-basis: 8.33333333%;
		-ms-flex-basis: 8.33333333%;
		flex-basis: 8.33333333%;
		max-width: 8.33333333%;
	}

	.colxlg2 {
		-webkit-flex-basis: 16.66666667%;
		-ms-flex-basis: 16.66666667%;
		flex-basis: 16.66666667%;
		max-width: 16.66666667%;
	}

	.colxlg3 {
		-webkit-flex-basis: 25%;
		-ms-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}

	.colxlg4 {
		-webkit-flex-basis: 33.33333333%;
		-ms-flex-basis: 33.33333333%;
		flex-basis: 33.33333333%;
		max-width: 33.33333333%;
	}

	.colxlg5 {
		-webkit-flex-basis: 41.66666667%;
		-ms-flex-basis: 41.66666667%;
		flex-basis: 41.66666667%;
		max-width: 41.66666667%;
	}

	.colxlg6 {
		-webkit-flex-basis: 50%;
		-ms-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}

	.colxlg7 {
		-webkit-flex-basis: 58.33333333%;
		-ms-flex-basis: 58.33333333%;
		flex-basis: 58.33333333%;
		max-width: 58.33333333%;
	}

	.colxlg8 {
		-webkit-flex-basis: 66.66666667%;
		-ms-flex-basis: 66.66666667%;
		flex-basis: 66.66666667%;
		max-width: 66.66666667%;
	}

	.colxlg9 {
		-webkit-flex-basis: 75%;
		-ms-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}

	.colxlg10 {
		-webkit-flex-basis: 83.33333333%;
		-ms-flex-basis: 83.33333333%;
		flex-basis: 83.33333333%;
		max-width: 83.33333333%;
	}

	.colxlg11 {
		-webkit-flex-basis: 91.66666667%;
		-ms-flex-basis: 91.66666667%;
		flex-basis: 91.66666667%;
		max-width: 91.66666667%;
	}

	.colxlg12 {
		-webkit-flex-basis: 100%;
		-ms-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	
	/* Смещение колонок */
	.offsetxlg1 {margin-left: 8.33333333%}
	.offsetxlg2 {margin-left: 16.66666667%}
	.offsetxlg3 {margin-left: 25%}
	.offsetxlg4 {margin-left: 33.33333333%}
	.offsetxlg5 {margin-left: 41.66666667%}
	.offsetxlg6 {margin-left: 50%}
	.offsetxlg7 {margin-left: 58.33333333%}
	.offsetxlg8 {margin-left: 66.66666667%}
	.offsetxlg9 {margin-left: 75%}
	.offsetxlg10 {margin-left: 83.33333333%}
	.offsetxlg11 {margin-left: 91.66666667%}
	.offsetxlgNone {margin-left: 0;}
	
	/* Сортировка колонок */
	.colxlgFirst {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		-ms-flex-order: -1;
		order: -1;
	}

	.colxlgLast {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}

	.colxlgUnordered {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
	}
}

@media (max-width: 1069px){
	.hiddenlg {display: none!important}
	
	.rowlgCenter {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	
	.collgDefault {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: none;
	}

	.collgAuto {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		max-width: none;
	}

	.collg1 {
		-webkit-flex-basis: 8.33333333%;
		-ms-flex-basis: 8.33333333%;
		flex-basis: 8.33333333%;
		max-width: 8.33333333%;
	}

	.collg2 {
		-webkit-flex-basis: 16.66666667%;
		-ms-flex-basis: 16.66666667%;
		flex-basis: 16.66666667%;
		max-width: 16.66666667%;
	}

	.collg3 {
		-webkit-flex-basis: 25%;
		-ms-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}

	.collg4 {
		-webkit-flex-basis: 33.33333333%;
		-ms-flex-basis: 33.33333333%;
		flex-basis: 33.33333333%;
		max-width: 33.33333333%;
	}

	.collg5 {
		-webkit-flex-basis: 41.66666667%;
		-ms-flex-basis: 41.66666667%;
		flex-basis: 41.66666667%;
		max-width: 41.66666667%;
	}

	.collg6 {
		-webkit-flex-basis: 50%;
		-ms-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}

	.collg7 {
		-webkit-flex-basis: 58.33333333%;
		-ms-flex-basis: 58.33333333%;
		flex-basis: 58.33333333%;
		max-width: 58.33333333%;
	}

	.collg8 {
		-webkit-flex-basis: 66.66666667%;
		-ms-flex-basis: 66.66666667%;
		flex-basis: 66.66666667%;
		max-width: 66.66666667%;
	}

	.collg9 {
		-webkit-flex-basis: 75%;
		-ms-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}

	.collg10 {
		-webkit-flex-basis: 83.33333333%;
		-ms-flex-basis: 83.33333333%;
		flex-basis: 83.33333333%;
		max-width: 83.33333333%;
	}

	.collg11 {
		-webkit-flex-basis: 91.66666667%;
		-ms-flex-basis: 91.66666667%;
		flex-basis: 91.66666667%;
		max-width: 91.66666667%;
	}

	.collg12 {
		-webkit-flex-basis: 100%;
		-ms-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	
	/* Смещение колонок */
	.offsetlg1 {margin-left: 8.33333333%}
	.offsetlg2 {margin-left: 16.66666667%}
	.offsetlg3 {margin-left: 25%}
	.offsetlg4 {margin-left: 33.33333333%}
	.offsetlg5 {margin-left: 41.66666667%}
	.offsetlg6 {margin-left: 50%}
	.offsetlg7 {margin-left: 58.33333333%}
	.offsetlg8 {margin-left: 66.66666667%}
	.offsetlg9 {margin-left: 75%}
	.offsetlg10 {margin-left: 83.33333333%}
	.offsetlg11 {margin-left: 91.66666667%}
	.offsetlgNone {margin-left: 0;}
	
	/* Сортировка колонок */
	.collgFirst {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		-ms-flex-order: -1;
		order: -1;
	}

	.collgLast {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}

	.collgUnordered {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
	}

	.mainTitle {
		font-size: 40px;
	}

	.mainText {
		font-size: 23px;
		line-height: 37px;
	}

	.itemAnimSquares {
		margin-top: -100px;
		transform: scale(0.7);
	}

	.repItemLeft {
		transform: scale(0.7);
		padding: 0;
	}

	.repItemCheck {
		top: -137px;
		left: 96px;
		width: 350px;
	}

	.repItemCircle {
		top: -80px;
	}

	.repItemRight {
		margin-left: 50%;
	}

	.repItemRight .itemText {
		max-width: 100%;
	}


	.itemTitle {
		font-size: 42px;
		line-height: 47px;
	}

	.itemText {
		font-size: 20px;
		line-height: 156%;
		max-width: 50%;
	}

	.contactTitle {
		font-size: 42px;
		line-height: 47px;
		margin-bottom: 20px;
	}

	.footerTel {
		font-size: 22px;
		line-height: 145%;
	}

	.footerAdress {
		font-size: 17px;
		line-height: 140%;
	}

	.footerMail {
		font-size: 21px;
		line-height: 140%;
	}

	.butPrimary {
		font-size: 18px;
	}

	.chart {
		transform: scale(0.7);
	}

	.animateLogo {
		transform: scale(0.7);
	}

}

@media (max-width: 819px){
	.hiddenmd {display: none!important}
	
	.rowmdCenter {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	
	.colmdDefault {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: none;
	}

	.colmdAuto {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		max-width: none;
	}

	.colmd1 {
		-webkit-flex-basis: 8.33333333%;
		-ms-flex-basis: 8.33333333%;
		flex-basis: 8.33333333%;
		max-width: 8.33333333%;
	}

	.colmd2 {
		-webkit-flex-basis: 16.66666667%;
		-ms-flex-basis: 16.66666667%;
		flex-basis: 16.66666667%;
		max-width: 16.66666667%;
	}

	.colmd3 {
		-webkit-flex-basis: 25%;
		-ms-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}

	.colmd4 {
		-webkit-flex-basis: 33.33333333%;
		-ms-flex-basis: 33.33333333%;
		flex-basis: 33.33333333%;
		max-width: 33.33333333%;
	}

	.colmd5 {
		-webkit-flex-basis: 41.66666667%;
		-ms-flex-basis: 41.66666667%;
		flex-basis: 41.66666667%;
		max-width: 41.66666667%;
	}

	.colmd6 {
		-webkit-flex-basis: 50%;
		-ms-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}

	.colmd7 {
		-webkit-flex-basis: 58.33333333%;
		-ms-flex-basis: 58.33333333%;
		flex-basis: 58.33333333%;
		max-width: 58.33333333%;
	}

	.colmd8 {
		-webkit-flex-basis: 66.66666667%;
		-ms-flex-basis: 66.66666667%;
		flex-basis: 66.66666667%;
		max-width: 66.66666667%;
	}

	.colmd9 {
		-webkit-flex-basis: 75%;
		-ms-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}

	.colmd10 {
		-webkit-flex-basis: 83.33333333%;
		-ms-flex-basis: 83.33333333%;
		flex-basis: 83.33333333%;
		max-width: 83.33333333%;
	}

	.colmd11 {
		-webkit-flex-basis: 91.66666667%;
		-ms-flex-basis: 91.66666667%;
		flex-basis: 91.66666667%;
		max-width: 91.66666667%;
	}

	.colmd12 {
		-webkit-flex-basis: 100%;
		-ms-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	
	/* Смещение колонок */
	.offsetmd1 {margin-left: 8.33333333%}
	.offsetmd2 {margin-left: 16.66666667%}
	.offsetmd3 {margin-left: 25%}
	.offsetmd4 {margin-left: 33.33333333%}
	.offsetmd5 {margin-left: 41.66666667%}
	.offsetmd6 {margin-left: 50%}
	.offsetmd7 {margin-left: 58.33333333%}
	.offsetmd8 {margin-left: 66.66666667%}
	.offsetmd9 {margin-left: 75%}
	.offsetmd10 {margin-left: 83.33333333%}
	.offsetmd11 {margin-left: 91.66666667%}
	.offsetmdNone {margin-left: 0;}
	
	/* Сортировка колонок */
	.colmdFirst {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		-ms-flex-order: -1;
		order: -1;
	}

	.colmdLast {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}

	.colmdUnordered {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
	}

	.itemTitle {
		font-size: 32px;
		line-height: 38px;
	}

	.repItemLeft, .itemAnimSquares {
		transform: scale(0.6);
	}

	.itemAnimSquares {
		margin-top: -50px;
	}

}

@media (max-width: 569px){	
	.hiddensm {display: none!important}
	
	.rowsmCenter {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	
	.colsmDefault {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: none;
	}

	.colsmAuto {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		max-width: none;
	}

	.colsm1 {
		-webkit-flex-basis: 8.33333333%;
		-ms-flex-basis: 8.33333333%;
		flex-basis: 8.33333333%;
		max-width: 8.33333333%;
	}

	.colsm2 {
		-webkit-flex-basis: 16.66666667%;
		-ms-flex-basis: 16.66666667%;
		flex-basis: 16.66666667%;
		max-width: 16.66666667%;
	}

	.colsm3 {
		-webkit-flex-basis: 25%;
		-ms-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}

	.colsm4 {
		-webkit-flex-basis: 33.33333333%;
		-ms-flex-basis: 33.33333333%;
		flex-basis: 33.33333333%;
		max-width: 33.33333333%;
	}

	.colsm5 {
		-webkit-flex-basis: 41.66666667%;
		-ms-flex-basis: 41.66666667%;
		flex-basis: 41.66666667%;
		max-width: 41.66666667%;
	}

	.colsm6 {
		-webkit-flex-basis: 50%;
		-ms-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}

	.colsm7 {
		-webkit-flex-basis: 58.33333333%;
		-ms-flex-basis: 58.33333333%;
		flex-basis: 58.33333333%;
		max-width: 58.33333333%;
	}

	.colsm8 {
		-webkit-flex-basis: 66.66666667%;
		-ms-flex-basis: 66.66666667%;
		flex-basis: 66.66666667%;
		max-width: 66.66666667%;
	}

	.colsm9 {
		-webkit-flex-basis: 75%;
		-ms-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}

	.colsm10 {
		-webkit-flex-basis: 83.33333333%;
		-ms-flex-basis: 83.33333333%;
		flex-basis: 83.33333333%;
		max-width: 83.33333333%;
	}

	.colsm11 {
		-webkit-flex-basis: 91.66666667%;
		-ms-flex-basis: 91.66666667%;
		flex-basis: 91.66666667%;
		max-width: 91.66666667%;
	}

	.colsm12 {
		-webkit-flex-basis: 100%;
		-ms-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	
	/* Смещение колонок */
	.offsetsm1 {margin-left: 8.33333333%}
	.offsetsm2 {margin-left: 16.66666667%}
	.offsetsm3 {margin-left: 25%}
	.offsetsm4 {margin-left: 33.33333333%}
	.offsetsm5 {margin-left: 41.66666667%}
	.offsetsm6 {margin-left: 50%}
	.offsetsm7 {margin-left: 58.33333333%}
	.offsetsm8 {margin-left: 66.66666667%}
	.offsetsm9 {margin-left: 75%}
	.offsetsm10 {margin-left: 83.33333333%}
	.offsetsm11 {margin-left: 91.66666667%}
	.offsetsmNone {margin-left: 0;}
	
	/* Сортировка колонок */
	.colsmFirst {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		-ms-flex-order: -1;
		order: -1;
	}

	.colsmLast {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}

	.colsmUnordered {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
	}

	.logo img {
		max-width: 180px;
	}

	.logo {
		text-align: left;
	}

	.headerTel img {
		max-width: 30px;
	}

	.container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.mainTitle {
		font-size: 32px;
		line-height: 140.5%;
	}

	.mainSection, .mainItems {
		height: auto;
	}

	.mainItems {
		padding: 100px 0;
	}

	.mainText {
		font-size: 20px;
		line-height: 166%;
	}

	.screenDown {
		padding: 50px 0;
	}

	.secondItems {
		flex-direction: column;
	}

	.itemAnimSquares {
		order: -1;
		margin-top: 0px;
		margin-right: 50px;
		zoom: 0.5;
	}

	.itemText {
		max-width: 100%;
	}

	.itemTextWrap {
		text-align: center;
	}

	.mobileShape {
		display: block;
		margin-bottom: 30px;
	}

	.repItems {
		flex-direction: column;
	}

	.repItemRight {
		max-width: 100%;
		text-align: center;
		margin-left: 0;
	}

	.repSection {
		padding: 60px 0;
	}

	.repItemRight {
		margin-top: 185px;
	}

	.repItemCircle {
		top: auto;
	}

	.repItemLeft {
		transform: scale(0.4);
		left: calc(50% - 185px);
		position: absolute;
		top: -100px;
		order: -1;
	}

	.repItemCheck {
		left: 105px;
		z-index: 999;
		position: relative;
		max-width: 85%;
		top: -32px;
	}

	.footerBut {
		margin-bottom: 35px;
	}

	.modalHeader {
		padding: 20px;
		padding-bottom: 0;
	}

	.modalBody {
		padding: 20px;
	}

	.modalClose {
		right: 20px;
		top: 30px;
	}

	.field {
		padding: 15px 10px;
		font-size: 16px;
		line-height: 18px;
	}

	.modalTitle {
		font-size: 28px;
		line-height: 34px;
	}

	.chart {
		transform: scale(0.3);
	}

	.animateLogo {
		transform: scale(0.3);
		margin-right: 70%;
	}
}

@media (max-width: 420px){
	.hiddenxsm {display: none!important}
	
	.rowxsmCenter {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	
	.colxsmDefault {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: none;
	}

	.colxsmAuto {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		max-width: none;
	}

	.colxsm1 {
		-webkit-flex-basis: 8.33333333%;
		-ms-flex-basis: 8.33333333%;
		flex-basis: 8.33333333%;
		max-width: 8.33333333%;
	}

	.colxsm2 {
		-webkit-flex-basis: 16.66666667%;
		-ms-flex-basis: 16.66666667%;
		flex-basis: 16.66666667%;
		max-width: 16.66666667%;
	}

	.colxsm3 {
		-webkit-flex-basis: 25%;
		-ms-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}

	.colxsm4 {
		-webkit-flex-basis: 33.33333333%;
		-ms-flex-basis: 33.33333333%;
		flex-basis: 33.33333333%;
		max-width: 33.33333333%;
	}

	.colxsm5 {
		-webkit-flex-basis: 41.66666667%;
		-ms-flex-basis: 41.66666667%;
		flex-basis: 41.66666667%;
		max-width: 41.66666667%;
	}

	.colxsm6 {
		-webkit-flex-basis: 50%;
		-ms-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}

	.colxsm7 {
		-webkit-flex-basis: 58.33333333%;
		-ms-flex-basis: 58.33333333%;
		flex-basis: 58.33333333%;
		max-width: 58.33333333%;
	}

	.colxsm8 {
		-webkit-flex-basis: 66.66666667%;
		-ms-flex-basis: 66.66666667%;
		flex-basis: 66.66666667%;
		max-width: 66.66666667%;
	}

	.colxsm9 {
		-webkit-flex-basis: 75%;
		-ms-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}

	.colxsm10 {
		-webkit-flex-basis: 83.33333333%;
		-ms-flex-basis: 83.33333333%;
		flex-basis: 83.33333333%;
		max-width: 83.33333333%;
	}

	.colxsm11 {
		-webkit-flex-basis: 91.66666667%;
		-ms-flex-basis: 91.66666667%;
		flex-basis: 91.66666667%;
		max-width: 91.66666667%;
	}

	.colxsm12 {
		-webkit-flex-basis: 100%;
		-ms-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	
	/* Смещение колонок */
	.offsetxsm1 {margin-left: 8.33333333%}
	.offsetxsm2 {margin-left: 16.66666667%}
	.offsetxsm3 {margin-left: 25%}
	.offsetxsm4 {margin-left: 33.33333333%}
	.offsetxsm5 {margin-left: 41.66666667%}
	.offsetxsm6 {margin-left: 50%}
	.offsetxsm7 {margin-left: 58.33333333%}
	.offsetxsm8 {margin-left: 66.66666667%}
	.offsetxsm9 {margin-left: 75%}
	.offsetxsm10 {margin-left: 83.33333333%}
	.offsetxsm11 {margin-left: 91.66666667%}
	.offsetxsmNone {margin-left: 0;}
	
	/* Сортировка колонок */
	.colxsmFirst {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		-ms-flex-order: -1;
		order: -1;
	}

	.colxsmLast {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}

	.colxsmUnordered {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
	}
}
