html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {

	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

@font-face {
	font-family: 'RobotoMedium';
	src: url('../fonts/roboto/Roboto-Medium.ttf');
	/*src: url('../assets/fonts/roboto/WebFont.eot?iefix') format('eot'),
	url('../fonts/WebFont.woff') format('woff'),
	url('../fonts/WebFont.ttf') format('truetype'),
	url('../fonts/WebFont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;*/
}


	body {
		background-color: #413F41;/*#3f3f3f;*/
		font-family: 'RobotoMedium';
	}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;
	/*background-color: white;*/
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}



/* Basic */

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	html, body {
		height: 100%;
	}

	body {
		background: #ffffff;
	}

		

	strong, b {
		font-weight: 600;
		/*color: #5b5b5b;*/
	}

	

	

	hr {
		border: 0;
		border-top: solid 1px rgba(224, 224, 224, 0.75);
		margin-bottom: 1.5em;
	}


/* Container */

	.container {
		margin: 0 auto;
		max-width: 100%;
		width: 51em;
	}

		/*.container.medium {
			width: 38.25em;
		}*/

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

			.container {
				width: 48em;
			}

				/*.container.medium {
					width: 36em;
				}*/

		}

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

			.container {
				width: 95%;
			}

				/*.container.medium {
					width: 71.25%;
				}*/

		}

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

			.container {
				width: 95% !important;
			}

		}

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

			.container {
				width: 90% !important;
			}

		}

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

			.container {
				width: 100% !important;
			}

		}

.w3_agileits_services_grids {
	background-color: #413F41
}

	header {
		text-align: center;
	}

		header p {
			position: relative;
			top: -1em;
			color: #888888;
			text-transform: uppercase;
			letter-spacing: 0.075em;
		}
		header h1 {
			font-size: 2.2em;
			font-weight: 600;
			color:black;
			text-shadow: 1px 1px 1px #FAC916;
		}
header span {
	display: block;
	margin-top:10px;
	font-size: 1.5em;
	font-weight: 600;
	color:black;
	text-shadow: 1px 1px 1px #FAC916;
}

		header.major {
			border-bottom-width: 1px;
			border-color: rgba(250,196,2,0.75);
			border-style: solid;
			border-top-width: 1px;
			margin-bottom: 0.1em;
			padding: 4em 0;
			position: relative;
		}

			header.major:before, header.major:after {
				background: rgba(250,196,2,0.75);
				content: '';
				display: block;
				height: 1px;
				left: 0;
				position: absolute;
				width: 100%;
			}

			header.major:before {
				top: 10px;
			}

			header.major:after {
				bottom: 10px;
			}

			header.major h2 {
				margin: 0;
			}

			header.major p {
				top: 0;
				margin: 1.5em 0 0 0;
				padding: 1.5em 1.5em 0 1.5em;
				font-size: 1.5em;
				line-height: 1.75em;
				border-top: solid 1px #FAC402;
				display: inline-block;
				font-family: 'Comfortaa', cursive;
				text-shadow: 1px 1px 1px #FAC402;
			}

			header.major.last {
				border-bottom: 0;
				margin-bottom: 0;
				padding-bottom: 0;
			}

				header.major.last:after {
					display: none;
				}

				header.major.last h2 {
					margin-bottom: 1em;
				}

	footer {
		text-align: center;
	}

		footer.major {
			/*background-color: #777777;*/
			border-bottom-width: 1px;
			border-color: #FAC402;
			border-style: solid;
			border-top-width: 1px;
			margin-top: 6em;
			padding: 4em 0;
			position: relative;
		}

			footer.major:before, footer.major:after {
				background: #FAC402;
				content: '';
				display: block;
				height: 1px;
				left: 0;
				position: absolute;
				width: 100%;
			}

			footer.major:before {
				top: 10px;
			}

			footer.major:after {
				bottom: 10px;
			}



/* Image */

	.image {
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image:after {
			-moz-transition: opacity 0.25s ease-in-out;
			-webkit-transition: opacity 0.25s ease-in-out;
			-ms-transition: opacity 0.25s ease-in-out;
			transition: opacity 0.25s ease-in-out;
			background-image: url("images/overlay.png");
			content: '';
			display: block;
			height: 100%;
			left: 0;
			opacity: 0.2;
			position: absolute;
			top: 0;
			width: 100%;
		}

		.image img {
			display: block;
		}

		.image.fit {
			display: block;
		}

			.image.fit img {
				display: block;
				width: 100%;
			}

		.image.feature {
			display: block;
			margin: 0 0 2em 0;
		}

			.image.feature img {
				display: block;
				width: 100%;
			}

		.image.icon {
			-moz-perspective: 500px;
			-webkit-perspective: 500px;
			-ms-perspective: 500px;
			perspective: 500px;
		}

			.image.icon:before {
				-moz-transition: -moz-transform 0.1s ease-in-out, font-size 0.1s ease-in-out;
				-webkit-transition: -webkit-transform 0.1s ease-in-out, font-size 0.1s ease-in-out;
				-ms-transition: -ms-transform 0.1s ease-in-out, font-size 0.1s ease-in-out;
				transition: transform 0.1s ease-in-out, font-size 0.1s ease-in-out;
				color: #fff;
				font-size: 6em;
				height: 1em;
				left: 50%;
				line-height: 1em;
				margin: -0.5em 0 0 -0.5em;
				position: absolute;
				text-align: center;
				top: 50%;
				width: 1em;
				z-index: 1;
			}

			.image.icon:hover:before {
				-moz-transform: translateZ(1em);
				-webkit-transform: translateZ(1em);
				-ms-transform: translateZ(1em);
				transform: translateZ(1em);
			}

			.image.icon:hover:after {
				opacity: 1;
			}

	span.image.icon {
		cursor: default;
	}



/* Feature */

	.feature {
		position: relative;
		height: 20em;
	}

		.feature:after {
			clear: both;
			content: '';
			display: block;
		}

		.feature h3, .feature h4, .feature h5, .feature h6 {
			text-align: inherit;
		}

		.feature .image {
			display: inline-block;
			height: 100%;
			overflow: hidden;
			position: relative;
			width: 50%;
		}

			.feature .image img {
				display: block;
				min-height: 100%;
				min-width: 100%;
				position: absolute;
			}

		.feature:before {
			background: blue;
			content: '';
			display: inline-block;
			height: 100%;
			vertical-align: middle;
		}

		.feature .content {
			display: inline-block;
			padding: 3.5em;
			vertical-align: middle;
			width: 48%;
		}

			.feature .content h3 {
				margin-bottom: 0.5em;
			}

			.feature .content :last-child {
				margin: 0;
			}

		.feature.left {
			text-align: left;
		}

			.feature.left .image {
				float: left;
			}

				.feature.left .image img {
					right: 0;
					top: 0;
				}

			.feature.left .content {
				padding-right: 0;
			}

		.feature.right {
			text-align: right;
		}

			.feature.right .image {
				float: right;
			}

				.feature.right .image img {
					left: 0;
					top: 0;
				}

			.feature.right .content {
				padding-left: 0;
			}

		.feature.long .content {
			padding-top: 0;
		}



/* Footer */

	/*#footer {
		background-attachment: scroll;
		background-color: #4eb980;
		background-image: url("images/bottom-3200.svg");
		background-position: top center;
		background-repeat: repeat-x;
		background-size: 3200px 460px;
		color: rgba(255, 255, 255, 0.8);*/
		/*
				Since the SVG background occupies a lot of vertical space, we'll
				add additional top padding (to move our content out of its way)
				and a negative margin (to move everything up a bit).
			*/

		/*margin-top: -260px;
		padding: calc(460px + 6em) 0 10em 0;
		position: relative;
		text-align: center;
	}*/

		#footer:before {
			background: rgba(224, 224, 224, 0.75);
			content: '';
			height: calc(460px + 6em);
			left: 50%;
			position: absolute;
			top: 0;
			width: 1px;
			z-index: 0;
		}

		#footer a {
			color: #ffffff;
		}

		#footer strong, #footer b {
			color: #ffffff;
		}

		#footer h3, #footer h4, #footer h5, #footer h6 {
			color: #ffffff;
		}

		#footer header p {
			color: rgba(255, 255, 255, 0.5);
		}

		#footer input[type="submit"],
		#footer input[type="reset"],
		#footer input[type="button"],
		#footer .button {
			background: #ffffff;
			box-shadow: inset 0 0 0 1px #ffffff;
			color: #4eb980;
		}

			#footer input[type="submit"]:hover,
			#footer input[type="reset"]:hover,
			#footer input[type="button"]:hover,
			#footer .button:hover {
				background: rgba(224, 224, 224, 0.15);
				color: #ffffff;
			}

		#footer input[type="text"]:focus,
		#footer input[type="password"]:focus,
		#footer input[type="email"]:focus,
		#footer select:focus,
		#footer textarea:focus {
			border-color: #ffffff;
		}

		#footer .formerize-placeholder {
			color: rgba(255, 255, 255, 0.3) !important;
		}

		#footer form {
			margin: 3em 0;
		}

		#footer .copyright {
			color: rgba(255, 255, 255, 0.5);
			font-size: 0.8em;
			line-height: 1em;
			margin: 3em 0 0 0;
		}

			#footer .copyright li {
				border-left: dotted 1px;
				display: inline-block;
				margin-left: 1em;
				padding-left: 1em;
			}

				#footer .copyright li:first-child {
					padding: 0;
					margin: 0;
					border: 0;
				}

				#footer .copyright li a, #footer .copyright li span {
					color: inherit;
				}

					#footer .copyright li a:hover, #footer .copyright li span:hover {
						color: #ffffff;
					}

/* Main */

	.main {
		
		/*padding: 0 0 5em 0;*/
		position: relative;
		background: #413F41;/*#3f3f3f*/
		/*border-bottom: 1px solid rgba(250,196,2,0.3);*/
		/*z-index: 1;*/
	}

		/*.main:before {
			background: rgba(250,196,2,0.75);
			content: '';
			height: 100%;
			left: 50%;
			position: absolute;
			top: 0;
			width: 1px;
			z-index: -1;
		}*/

		.main header.major,
		.main footer.major {
			background: #413F41;
		}

.content {
	font-size: 18px;
}
.content h3 {
	font-weight: 700;
	font-size: 20px;
}

/* Wide */

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

		

		/* Section/Article */

			/*header.major p {
				font-size: 1.25em;
			}
*/
		/* Header */
		header h1 {
			font-size: 2.1em;
		}
			

				/*#header h1 {
					font-size: 2.25em;
				}*/

				#header p {
					font-size: 1.25em;
					line-height: 1.65em;
				}

	}

/* Normal */

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

		

		/* Section/Article */

			header.major {
				margin-bottom: 4em;
				padding: 3em 0;
			}
			
			header h1 {
				font-size: 1.9em;
			}	
				/*header.major h1 {
					font-size: 1.5em;
					font-weight: 600;
					color:#FAC916;
					text-shadow: 1px 1px 1px black;
				}*/

				header.major p {
					font-size: 1.15em;
				}

			footer.major {
				margin-top: 4em;
				padding: 3em 0;
			}

		/* Box */

			.box {
				padding: 2.5em;
				margin-bottom: 4em;
			}

		/* Feature */

			.feature {
				height: 18em;
			}

				.feature .content {
					padding: 2.5em;
				}

		

		/* Footer */

			/*#footer {
				background-image: url("images/bottom-1600.svg");
				background-size: 1600px 230px;
				margin-top: -100px;
				padding: calc(230px + 4em) 0 6em 0;
			}*/

				#footer:before {
					height: calc(230px + 4em);
				}

		/* Main */

			.main {
				padding: 4em 0 3em 0;
			}

	}

/* Narrow */

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

		

	}

/* Narrower */

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

		/* Section/Article */

			header.major {
				padding-left: 2em;
				padding-right: 2em;
			}

			footer.major {
				padding-left: 2em;
				padding-right: 2em;
			}

	}

/* Mobile */

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

		
		/* Section/Article */

			/*header p {
				font-size: 0.9em;
			}*/
			header h1 {
				font-size: 1.6em;
			}	

			header.major {
				margin-bottom: 2em;
			}

				header.major br {
					display: none;
				}

				header.major p {
					font-size: 0.9em;
				}

			footer.major {
				margin-top: 2em;
			}

				footer.major br {
					display: none;
				}

		/* Box */

			.box {
				padding: 2em;
				margin-bottom: 2em;
			}

		/* Feature */

			.feature {
				background: #ffffff;
				display: block;
				height: auto;
				margin-bottom: 2em;
			}

				.feature:last-child {
					margin-bottom: 0;
				}

				.feature:before, .feature:after {
					display: none;
				}

				.feature .image {
					float: none;
					height: 15em;
					width: 100%;
				}

				.feature .content {
					border: solid 1px rgba(224, 224, 224, 0.75);
					padding: 2em !important;
					text-align: center;
					width: 100%;
				}

		
		/* Footer */

			#footer {
				background-image: url("images/bottom-1280.svg");
				background-size: 1280px 184px;
				margin-top: -75px;
				padding: calc(184px + 2em) 0 2em 0;
			}

				#footer:before {
					height: calc(184px + 2em);
				}

				/*#footer form {
					padding-bottom: 0;
				}*/

		/* Main */

			.main {
				padding: 2em 0 2em 0;
			}

	}

/* Mobile (Portrait) */

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

		/* Section/Article */

			header.major {
				padding-left: 1em;
				padding-right: 1em;
			}

			footer.major {
				padding-left: 1em;
				padding-right: 1em;
			}

		

		/* Box */

			.box {
				padding: 2em 1em;
			}

		/* Feature */

			.feature {
				margin-bottom: 1em;
			}

				.feature .content {
					padding: 2em 1em !important;
				}

		/* Main */

			.main {
				padding-left: 0.4em;
				padding-right: 0.4em;
			}

		/* Footer */

			#footer {
				margin-top: -100px;
				padding-left: 1em;
				padding-right: 1em;
			}

				#footer .copyright li {
					border: 0;
					display: block;
					margin: 0;
					padding: 0.75em 0 0 0;
				}

		/* Header */

			
				#header br {
					display: none;
				}

	}

.numeric_progress {
	/*position: absolute;*/
	/*top:810px;*/
	height: 250px;
	width:100%;
	border-top:1px solid #FAC402;
	border-bottom:1px solid #FAC402;
	/*margin-bottom:30px;*/
	/*z-index: 10*/
}
.parallax-window {
  height: 250px;
  background: transparent;
}
@media screen and (max-width: 636px) {
	.svg-item {
		width:90%;
		border-top:1px solid #FAC916;
		border-bottom:1px solid #FAC916;
	}
	.textCounter {
		width:95%;
		border-radius: 10px;
		border-left:1px solid #FAC916;
		border-right:1px solid #FAC916;
	}
	.parallax-window {
		height: 390px;
	}
}

/*-- services --*/
.w3l_head1,.w3ls_head_para1{
	text-align:center;
}
.w3l_head1:before,.w3l_head1:after{
	width:10% !important;
}
.w3l_head1:before {
    left: 35% !important;
}
.w3l_head1:after {
    right: 35% !important;
}
.w3_agileits_services_grid{
	/*position: absolute;*/
	/*margin-top: 400px;*/
	text-align:center;
	padding: 0;
}
.w3_agileits_services_grid_agile {
    padding: 1em;
}
.w3_agileits_services_grid_1 {
	min-height: 92px;
    /*width: 100px;
    height: 100px;*/
    /*border: 1px solid #212121;*/
    border-top: 1px dashed #FAC402;
    border-left: 1px dashed #FAC402;
    /*transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);*/
    margin: 25px auto 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
	-ms-transition: all .5s ease;
    transition: all .5s ease;
}

.w3_agileits_services_grid_1 img{
    width: 190px;
    /*-webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);*/
    /*width: 100px;
    height: 100px;
    border: 2px solid #212121;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin: 25px auto 0;*/
}
.w3_agileits_services_grid_1 img polygon{
	stroke: #ff6c00;
}

.elements_advantage_1	img{
	margin-top:5px;
}
.elements_advantage_2	img{
	width:310px;
	margin-left: -10px;
	margin-top:15px;
}
.elements_advantage_3	img{
	/*width:57px;*/
	margin-left: -5px;
	margin-top:15px;
}

/*.w3_agileits_services_grid_1 i {
    color: #fde428;
    font-size: 2.3em;
    line-height: 2.5em;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}*/
.w3_agileits_services_grid_agile h3{
	/*text-transform: capitalize;*/
    font-size: 1.2em;
    /*letter-spacing: 3px;*/
    color: black;
    margin: 1em 0 1em;
    padding-bottom: .5em;
    position: relative;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.w3_agileits_services_grid_agile h3:after {
    content: '';
    position: absolute;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
	-ms-transition: all .5s ease;
    transition: all .5s ease;
    width: 20%;
    height: 1px;
    background: #212121;
    left: 40%;
    bottom: 0;
}
.w3_agileits_services_grid:hover .w3_agileits_services_grid_agile h3:after {
    background: #FAC402;
    width: 60%;
}
.w3_agileits_services_grid_agile p{
	color:#999;
	line-height:2em;
	font-size: 16px;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
	-ms-transition: all .5s ease;
    transition: all .5s ease;
}
.w3_agileits_services_grid:hover .w3_agileits_services_grid_agile{
	background: #BBBBBB;
}
.w3_agileits_services_grid:hover .w3_agileits_services_grid_1{
	background:#fff;
	border:2px solid #FAC402;
}
.w3_agileits_services_grid:hover .w3_agileits_services_grid_agile h3{
	color:#fff;
}
.w3_agileits_services_grid:hover .w3_agileits_services_grid_agile p{
	color:black;
}
.w3_agileits_services_grid{
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
	-ms-transition: all .5s ease;
    transition: all .5s ease;
}
/*-- //services --*/
/*--modal--*/
.modal-content  img{
	width:100%;
}
.modal-content h4 {
    color: #000;
    text-align: center;
    font-size: 26px;
    margin-bottom: .5em;
    text-transform: uppercase;
}
.modal-content h5 {
    color: #f63f0e;
    padding: 15px 0 7px;
    font-size: 22px;
}
.modal-content p{
	color:#636363;
	font-size:14px;
	line-height:25px;
	    padding-top: 10px;
}
.modal-header {
    padding: 30px;
}


/* ---- table progress */
.table_progress_title {
	margin-top: -15px;
	margin-bottom:5px;
	font-size: 1.5em;
	color:#FAC402;
	text-shadow: 1px 1px 1px black;
}
.wrap_progress {
	height:280px;
	position: relative;
	/*border:1px solid white;*/
}
.rous_progress {
	position: relative;
	height:280px;
	/*position: absolute;*/
	/*border:1px solid red;*/
	display: inline-block;
	/*text-align: left;*/
	width:9%;
	/*min-height: 275px;*/
	/*border-left: 1px solid #FAC402;
	border-right: 1px solid #FAC402;*/
	margin-bottom: 7px;
}

.table_progress {
	/*height:100px;*/
	/*display: inline-block;*/
	margin-left: 0;
	height:28px;
	/*float: left;*/
	font-size: 1.3em;
	text-align: left;
	color:black;
	border-left: 1px solid #FAC402;
	border-right: 1px solid #FAC402;
	text-shadow: 1px 1px 1px #FAC402;
	font-weight: 600;
	/*width: 100%;*/
	background-color: #917201;
	padding: 3px;
	/*margin-bottom: 5px;*/
}


/*media screen and (max-width: 330px) {
	.table_progress {
		font-size: 1.1em;
	}
}*/


.progress_text{
	position: absolute;
	bottom:0px;
	width:100%;
	/*display: inline-block;*/
	/*float: center;*/
	text-align: center;
	/*text-shadow: 1px 1px 1px #FAC402;*/
	color:#FAC402;
	/*font-size: 1.4em;*/
	/*width:100px;*/
	/*border:1px solid red;*/
	
	/*float: right;*/
	font-size: 1.1em;
	}

.tp2015 {
	/*width:150px;*/
	position: absolute;
	bottom:17px;
	height: 150px;
	width:100%;
	-webkit-animation: progress2015 2s;
  animation: progress2015 2s;

}
.tp2016 {
	/*width:193px;*/
	position: absolute;
	bottom:17px;
	height:173px;
	width:100%;
	-webkit-animation: progress2016 3.3s;
  animation: progress2016 3.3s;
}
.tp2017 {
	/*width:232px;*/
	position: absolute;
	bottom:17px;
	height: 207px;
	width:100%;
	-webkit-animation: progress2017 4.6s;
  animation: progress2017 4.6s;
}
.tp2018 {
	/*width:246px;*/
	position: absolute;
	bottom:17px;
	height:229px;
	width:100%;
	-webkit-animation: progress2018 5.9s;
  animation: progress2018 5.9s;
}
.tp2019 {
	/*width:255px;*/
	position: absolute;
	bottom:17px;
	height:236px;
	width:100%;
	-webkit-animation: progress2019 6.9s;
  animation: progress2019 6.9s;
}
.tp2020 {
	/*width:255px;*/
	position: absolute;
	bottom:17px;
	height:201px;
	width:100%;
	-webkit-animation: progress2020 7.9s;
  animation: progress2020 7.9s;
}
.tp2021 {
	/*width:255px;*/
	position: absolute;
	bottom:17px;
	height:209px;
	width:100%;
	-webkit-animation: progress2021 8.9s;
  animation: progress2021 8.9s;
}

.tp2022 {
	/*width:255px;*/
	position: absolute;
	bottom:17px;
	height:217px;
	width:100%;
	-webkit-animation: progress2022 9.9s;
  animation: progress2022 9.9s;
}

.tp2023 {
	position: absolute;
	bottom:17px;
	height:222px;
	width:100%;
	-webkit-animation: progress2023 10.9s;
  animation: progress2023 10.9s;
}

.tp2024 {
	position: absolute;
	bottom:17px;
	height:249px;
	width:100%;
	-webkit-animation: progress2024 11.9s;
  animation: progress2024 11.9s;
}


@keyframes progress2015 {
  0% {
  	height:5px;
    /*width:85px;*/
    /*height:28px;*/
  }
  100% {
  	height:150px;
    /*width:150px;*/
  }
}
@keyframes progress2016 {
  0% {
  	height:5px;
    /*width:85px;*/
  }
  100% {
  	height:173px;
    /*width:193px;*/
  }
}
@keyframes progress2017 {
  0% {
  	height:5px;
    /*width:85px;*/
  }	
  100% {
  	height:207px;
    /*width:232px;*/
  }
}
@keyframes progress2018 {
  0% {
  	height:5px;
    /*width:85px;*/
  }	
  100% {
  	height:229px;
    /*width:246px;*/
  }
}
@keyframes progress2019 {
  0% {
  	height:5px;
    /*width:85px;*/
  }	
  100% {
    height:236px;
    /*width:255px;*/
  }
}
@keyframes progress2020 {
  0% {
  	height:5px;
    /*width:85px;*/
  }	
  100% {
    height:201px;
    /*width:255px;*/
  }
}

@keyframes progress2021 {
  0% {
  	height:5px;
    /*width:85px;*/
  }	
  100% {
    height:209px;
    /*width:255px;*/
  }
}

@keyframes progress2022 {
  0% {
  	height:5px;
    /*width:85px;*/
  }	
  100% {
    height:217px;
    /*width:255px;*/
  }
}

@keyframes progress2023 {
  0% {
  	height:5px;
    /*width:85px;*/
  }	
  100% {
    height:222px;
    /*width:255px;*/
  }
}

@keyframes progress2024 {
  0% {
  	height:5px;
    /*width:85px;*/
  }	
  100% {
    height:249px;
    /*width:255px;*/
  }
}

@media screen and (max-width: 320px) {
	.rous_progress {
		width: 18%;
	}
}

@media screen and (max-width: 756px) {
	.table_progress {
		font-size: 1em;
	}
}

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

	.table_progress{
		writing-mode: vertical-rl;
		text-orientation: mixed;
		justify-content: center; /* Выравнивание по горизонтали по центру */
            align-items: center; /* Выравнивание по вертикали по центру (опционально) */
        /*border: 1px solid red;*/
	}
	.progress_text {
		font-size: 0.8em;
	}
}