@import url(http://fonts.googleapis.com/css?family=Roboto:300,500&subset=latin,cyrillic,cyrillic-ext);
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=cyrillic,cyrillic-ext');

body, form, p, img, table, tbody, thead, tr, td, th, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6 {margin:0; padding:0; border:0;}
header, footer, section, aside, nav, menu, article {display:block; margin:0; padding:0; border:0;}
table {border-collapse: collapse;}
th {text-align: left;}

html {height: 100%;}
body {
	overflow: hidden;
	height: 100%;
	background: #f4f4f4;
	color: #383838;
	font: 13px/20px Arial;
	min-width: 1200px;
	}
section {}
.wrapper {
	position: relative;
	margin: 0 auto;
	width: 960px;
	}

nav {
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 69px;
	background: rgba(28,28,28,0.8);
	}
	nav .logo {
		padding: 11px 0 0 22px;
		height: 69px;
		background: url(../img/bg_logo.png) no-repeat left 4px;
		}
		nav .logo a {
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			font: 17px/17px 'Roboto', Arial;
			font-weight: 500;
			}
	nav .phone {
		position: absolute;
		top: 8px;
		right: 0;
		color: #fec136;
		font-size: 17px;
		}
	nav menu {
		position: absolute;
		top: 40px;
		right: 0;
		display: block;
		font-family: Verdana;
		}
		nav menu a {
			border-bottom: 1px dashed #e2e1df;
			color: #e2e1df;
			text-decoration: none;
			}
		nav menu a:hover,
		nav menu a.active {
			border-color: #fec136;
			color: #fec136;
			}
		nav menu a.active {border:0px solid black;}
		nav menu li {
			float: left;
			margin-left: 49px;
			list-style: none;
			}

header {
	position: relative;
	min-height: 400px;
	max-height: 1400px;
	height: 100%;
	background: #958e8c no-repeat center bottom;
	}
	header .wrapper {height: 100%;}

	header .preloader {
		position: absolute;
		bottom: 20px;
		left: 50%;
		margin-left: -130px;
		padding: 10px 10px 10px 52px;
		height: 32px;
		border-radius: 10px;
		line-height: 32px;
		cursor: wait;
	}
	header .preloader i {
		display: inline-block;
		vertical-align: middle;
		width: 38px;
		height: 38px;
		background: url(../img/preloader.gif) no-repeat 0 0; /* #958e8c  */
		margin-right: 10px;
	}
	header .preloader span {
		vertical-align: middle;
		display: inline-block;
		padding: 0 10px;
		border-radius: 10px;
		background: rgba(28,28,28,0.8);
		color: #fff;
		font: 16px/24px Arial;
		font-weight: normal;
		}
		header .preloader b {font-weight: normal;}
	/* Arrow */
	header .arrow {
		position: absolute;
		bottom: 40px;
		left: 50%;
		display: none;
		margin-left: -19px;
		width: 38px;
		height: 38px;
		background: url(../img/ico_arrow.png) no-repeat;
		}

	/* Tips */
	.tip {
		position: absolute;
		display: none;
		}
		.tip-min {
			margin: 36px 0 0 46px;
			height: 50px !important;
			background: url(../img/ico_plus.png) no-repeat left 10px;
			cursor: pointer;
			}
			.tip-min h2 {
				margin-left: 40px;
				padding: 0 10px;
				border-radius: 10px;
				background: rgba(28,28,28,0.8);
				color: #fff;
				font: 16px/24px 'Roboto', Arial;
				font-weight: 300;
				}
			.tip-min .ill,
			.tip-min .close,
			.tip-min .next,
			.tip-min .text {
				display: none;
				}

		.tip-max {
			z-index: 50;
			margin-left: 152px;
			width: 278px;
			border-radius: 0 10px 10px 0;
			background: #951414;
			color: #fff;
			}
			.tip-max h2 {
				margin: 13px 10px 7px 0;
				padding-bottom: 11px;
				border-bottom: 1px solid #aa4343;
				font: 16px/22px Arial;
				}
			.tip-max .text {
				margin-right: 10px;
				color: #e5baba;
				line-height: 18px;
				}
			.tip-max .close {
				position: absolute;
				top: 10px;
				right: 10px;
				width: 9px;
				height: 9px;
				background: url(../img/ico_tip_close.png) no-repeat;
				cursor: pointer;
				}
			.tip-max .next {
				position: absolute;
				right: 10px;
				bottom: 10px;
				border-bottom: 1px dashed #fec136;
				color: #fec136;
				font-size: 11px;
				line-height: 11px;
				cursor: pointer;
				}
			.tip-max .ill {
				position: absolute;
				top: 0;
				left: -152px;
				width: 152px;
				height: 300px;
				background: no-repeat right top;
				}

			/* polimer */
			.tip-polimer {
				top: 59%;
				left: 330px;
				height: 216px;
				}
				.tip-polimer .ill {
					left: -171px;
					width: 171px;
					height: 216px;
					background-image: url(../img/tips/polimer.png);
					}
			/* smooth */
			.tip-smooth {
				top: 48%;
				left: 0px;
				height: 176px;
				}
				.tip-smooth .ill {
					top: -3px;
					left: -177px;
					width: 177px;
					height: 179px;
					background-image: url(../img/tips/smooth.png);
					}
			/* light */
			.tip-light {
				top: 46%;
				left: 463px;
				height: 196px;
				}
				.tip-light .ill {
					top: -34px;
					left: -177px;
					width: 177px;
					height: 230px;
					background-image: url(../img/tips/light.png);
					}
			/* cheap */
			.tip-cheap {
				top: 69%;
				left: 20px;
				height: 196px;
				}
				.tip-cheap .ill {
					top:-47px;
					left: -177px;
					width: 177px;
					height: 243px;
					background-image: url(../img/tips/cheap.png);
					}
			/* durable */
			.tip-durable {
				top: 68%;
				left: 620px;
				height: 196px;
				border-radius: 10px 0 0 10px;
				background-position: right 10px;
				}
				.tip-durable.tip-min h2 {
					margin-right: 40px;
					margin-left: 0px;
				}
				.tip-max.tip-durable {
					left: 375px;
					}
				.tip-max.tip-durable .text,
				.tip-max.tip-durable h2 {
					margin-right: 0;
					margin-left: 20px;
				}
				.tip-max.tip-durable .close {
					right: -16px;
				}
				.tip-max.tip-durable .next {
					right: -45px;
				}
				.tip-durable .ill {
					top: -33px;
					right: -152px;
					left: auto;
					width: 152px;
					height: 229px;
					background-image: url(../img/tips/durable.png);
					}


section h2,
footer h2 {
	color: #951414;
	font: 20px/20px 'Roboto', Arial;
	font-weight: 300;
	}
section p {padding-bottom: 12px;}


/* About */
#about {padding-top: 65px;}
	/* intro */
	#about .intro {
		/* overflow: hidden; */
		position: relative;
		height: 230px;
		}
		#about .intro article {
			float: left;
			padding: 34px 24px;
			width: 557px;
			border-radius: 5px;
			background: #dedede;
			}
			#about .intro article h2:before {
				display: block;
				content: ' ';
				position: absolute;
				top: 121px;
				right: -112px;
				background: url(../img/bg_about_pointer.png) no-repeat;
				width: 112px;
				height: 73px;
			}
			#about .intro h2 {
				margin-bottom: 12px;
				text-align: center;
				font-weight: normal;
				font-size: 16px;
				font-family: Arial;
				}
			#about .intro p:last-child {padding: 0 !important;}
		#about .intro .photo {
			margin-left: 605px;
			height: 215px;
			text-align: right;
			}

	.specialization {
		margin-top: 40px;
		}

		.specialization h2 {
			margin-bottom: 25px;
		}

		.specialization ul {
			margin-left: 60px;
			counter-reset: my-badass-counter;
		}

		.specialization li {
			margin-bottom: 25px;
			list-style: none;
		}
			.specialization p {
				margin-bottom: 5px;
			}

			.specialization li p:nth-child(3) {
				margin-left: 28px;
			}

			.specialization li p {
				display: inline-block;
				padding: 0 10px;
				height: 20px;
				border-radius: 10px;
				background: #dedede;
				line-height: 20px;
				}
				.specialization li p:hover {
					background: #fec136;
					}
			.specialization li:before {
					display: inline-block;
					margin-right: 10px;
					margin-left: 0px;
					padding: 0 6px;
					height: 20px;
					border-radius: 10px;
					background: #fec136;
					content: counter(my-badass-counter);
					counter-increment: my-badass-counter;
					line-height: 20px;
					}




	/* sphere */
	.sphere {
		margin-top: 50px;

		}
		.sphere h2 {
			text-align: center;
			}

		.sphere ul {
			height: 530px;
			}
			.sphere li {
				float: left;
				margin: 30px 66px 30px 0;
				width: 265px;
				list-style: none;
				text-align: center;
				}
			.sphere p {
				display: inline-block;
				margin-top: 15px;
				padding: 0 10px;
				border-radius: 10px;
				background: #dedede;
				color: #252525;
				line-height: 20px;
				}
				.sphere li:hover p {
					background: #fec136;
					}
			.sphere i {
				display: block;
				width: 264px;
				height: 175px;
				background: url(../img/ill_sprite_sphere.png) no-repeat;
				}
			.sphere-garage, .sphere-warehouse {margin-right: 0 !important;}
			.sphere-market i {background-position: left top;}
			.sphere-fabric i {background-position: -277px top;}
			.sphere-garage i {background-position: right top;}
			.sphere-street i {background-position: left bottom;}
			.sphere-freeze i {background-position: -277px bottom;}
			.sphere-warehouse i {background-position: right bottom;}

/* Technology */
#technology {
	margin-top: 80px;
	padding-top: 30px;
	background: #ebecec;
	}
	#technology article h2, #technology .equipment h2 {
		padding: 0 10px 5px 10px;
		border-bottom: 1px solid #951414;
		}
	#technology h2.internal {
		border: none;
		padding: 15px 0;
		font: 16px/20px Arial;
	}
	#technology .right h2.internal {
		padding: 0 0 15px;
	}
	#technology article {
		overflow: hidden;
		padding-bottom: 15px;
		}
		#technology article .left,
		#technology article .right {
			padding-top: 25px;
			width: 450px;
			text-align: justify;
			}
		#technology article .left {
			float: left;
			margin-left: 10px;
			}
		#technology article .right {
			float: right;
			margin-right: 10px;
			}
		#technology article ul {
			margin-bottom: 12px;
			}
			#technology article li {
				padding-left: 25px;
				background: url(../img/ico_bullet.png) no-repeat 11px 6px;
				list-style: none;
				}

		#technology .equipment {
			height: 608px;
		}
		#technology .equipment h2 {
			margin-top: 43px;
		}
		#technology .equipment ul {
			padding: 30px 25px;
		}
		#technology .equipment li {
			list-style: none;
			float: left;
			text-align: center;
		}
		#technology .equipment li:not(:last-child) {
			margin-right: 20px;
		}
		#technology .equipment li  h2 {
			margin: 0;
			padding: 0;
		}
		#technology .equipment li:first-child,
		#technology .equipment li:nth-child(2) {
			width: 220px;
		}
		#technology .equipment li:nth-child(3),
		#technology .equipment li:last-child {
			width: 200px;
		}
		#technology .equipment i {
			display: inline-block;
			background: url(../img/ill_sprite_equipment.png) no-repeat;
		}
		#technology .equipment li:first-child i {
			width: 221px;
			height: 174px;
			background-position: -420px 0;
			margin-top: 35px;
		}
		#technology .equipment li:nth-child(2) i {
			width: 223px;
			height: 136px;
			background-position: -641px 0;
			margin-top: 143px;
		}
		#technology .equipment li:nth-child(3) i {
			width: 203px;
			height: 201px;
			background-position: 0 0;
			margin-top: 8px;
		}
		#technology .equipment li:last-child i {
			width: 203px;
			height: 237px;
			background-position: -203px 0;
			margin-top: 42px;
		}
		#technology .equipment li p {
			font: 13px/18px Arial;
		}
		#technology .equipment li .description {
			width: auto;
	    max-width: 220px;
	    margin: 31px auto 0;
		}


	/* #technology .profit {
		position: relative;
		overflow: hidden;
		margin-top: 50px;
		padding-bottom: 50px;
		height: 300px;
		}
		#technology .profit h2 {
			position: absolute;
			top: 110px;
			left: 130px;
			text-align: right;
			line-height: 28px;
			}
		#technology .profit ul {
			position: absolute;
			left: 294px;
			padding: 10px 0 0 120px;
			width: 100%;
			height: 287px;
			background: url(../img/bg_profit.png) no-repeat;
			counter-reset: my-badass-counter;
			} */
			/* #technology .profit li {
				padding: 13px 0 13px 0;
				list-style: none;
				}
				#technology .profit li span, .specialization li p {
					display: inline-block;
					padding: 0 10px;
					height: 20px;
					border-radius: 10px;
					background: #dedede;
					line-height: 20px;
					}
					#technology .profit li span:hover, .specialization li p:hover {
						background: #fec136;
						}
			#technology .profit li:before, .specialization li:before {
				display: inline-block;
				margin-right: 10px;
				margin-left: 0px;
				padding: 0 6px;
				height: 20px;
				border-radius: 10px;
				background: #fec136;
				content: counter(my-badass-counter);
				counter-increment: my-badass-counter;
				line-height: 20px;
				} */

/* Clients */
#clients {
	padding: 40px 0;
	text-align: center;
	}
	#clients h2 {
		line-height: 32px;
		}
	#clients .text {
		padding: 20px 0 30px 0;
		font: 16px/24px 'Roboto', Arial;
		font-weight: 300;
		}

	/*carousel*/
	.carousel {
		position: relative;
		margin: 0 auto;
		width: 956px;
		}
		.carousel .left,
		.carousel .right {
			display: none;
			position: absolute;
			top: 150px;
			width: 75px;
			height: 140px;
			background: url(../img/ico_carusel_buttons.png) no-repeat;
			cursor: pointer;
		}
		.carousel .left {background-position: left top; left: -120px}
		.carousel .left:hover {background-position: left bottom}
		.carousel .right {background-position: right top; right: -120px}
		.carousel .right:hover {background-position: right bottom}

		.carousel .more_clients {
			display: none;
			width: 153px;
  		height: 20px;
			background: #dedede;
			border-radius: 10px;
			position: absolute;
    	top: 161px;
			left: -38px;
		}
		.carousel .right:hover .more_clients {display: block;}

	.carousel-box {
		overflow: hidden;
		margin: 0 auto;
		width: 956px;
	}
	/* list */
	#clients .list {
		position: relative;
		width: 10000px;
		}
	#clients .column {
		float: left;
		}
	#clients .client {
		position: relative;
		margin: 0 9px 39px 9px;
		width: 221px;
		height: 221px;
		border-radius: 400px;
		}
		#clients .photo {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			display: none;
			overflow: hidden;
			padding: 0;
			width: 211px;
			height: 211px;
			border: 5px solid #fec136;
			border-radius: 400px;
			overflow: hidden;
			}
		.client .content {
			position: absolute;
			z-index: 2;
			width: 221px;
			height: 221px;
			border-radius: 250px;
			background: #e7e6e6;
			}
		#clients .client:hover .content {background: #fec136;}
			#clients .client:hover .content .date {background: #e7e6e6;}
		#clients .with-pic:hover .content {display: none;}
		#clients .with-pic:hover .photo {display: block;}

		.client .content h2 {
			margin-top: 50px;
			margin-bottom: 5px;
			font-size: 16px;
			line-height: 20px !important;
			}
			.client .content h2.two-lines {
				margin-top: 30px;
				}
		.client .content .date {
			/* display: inline-block; */
			display: none;
			padding: 0 10px;
			height: 20px;
			border-radius: 10px;
			background: #fec136;
			color: #282727;
			line-height: 20px;
			}

		.client .content p {
			padding-bottom: 0px;
			line-height: 18px;
		}
		.client .content .param {
			margin: 10px auto 8px auto;
			padding-top: 7px;
			width: 192px;
			border-top: 1px solid #b66868;
			}


/* Guarantees */
#guarantees {
	padding: 100px 0 200px 0;
	min-height: auto;
	border-top: 5px solid #fec136;
	background: #ebecec;
	text-align: center;
	}
	#guarantees h2 {
		line-height: 32px;
		}
	#guarantees p {
		padding: 20px 0 0 0;
		font: 16px/24px 'Roboto', Arial;
		font-weight: 300;
		}

/* Footer */
footer {
	height: 456px;
	background: url(../img/bg_footer.jpg) no-repeat center top;
	color: #f4f4f4;
	}
	footer .wrapper {height: 456px;}
	footer a {color: #fec136;}
	footer a:hover {color: #fff !important;}
	footer article {
		padding: 33px 0 0 0;
		}
	footer h2 {
		margin-bottom: 12px;
		color: #f4f4f4;
		}
	footer article p {
		font: 16px 'Roboto', Arial;
		font-weight: 300;
		}
		footer article p strong {
			color: #fec136;
			font-weight: 300;
			}

	/* feedback */
	footer form {
		margin: 30px auto 0 auto;
		width: 295px;
		text-align: center;
		}
	footer form p {margin-bottom: 10px;}
	footer form .field input,
	footer form .field textarea {
		padding: 0 10px;
		width: 295px;
		border: 1px solid #575656;
		border-radius: 5px;
		background: #fec136;
		color: #252525;
		font: 13px Arial;
		}
	footer form .field input:focus,
	footer form .field textarea:focus {
		background: #dbdbdb;
		}
	footer form .field input {height: 35px;}
	footer form .field textarea {
		padding: 10px;
		height: 130px;
		background: #dbdbdb;
		}
	footer form .submit input {
		margin: 0;
		margin-top: 7px;
		padding: 8px 17px;
		border: none;
		border: 1px solid #0d0d0d;
		background: #252525;
		color: #fff;
		font: 13px Arial;
		cursor: pointer;
		}
		footer form .submit input:hover {
			background: #323232;
			}

	/* Feddback message */
	footer .message {
		display: none;
		position: relative;
		width: 281px;
		height: 281px;
		border: 5px solid #fec136;
		border-radius: 400px;
		text-align: center;
		margin: 27px auto 0 auto;
	}
	footer .message h2 {
		margin: 82px 0 17px 0;
	}
	footer .message p {
		font: 16px 'Roboto', Arial;
		font-weight: 300;
		margin-bottom: 14px;
		}
	footer .message .show-form {
		width: 291px;
		position: absolute;
		bottom: -40px;
		font: 13px Arial;
		color: #fec136;
		}
		footer .message .show-form span {
			border-bottom: 1px dashed #fec136;
			cursor: pointer;
		}

	/* copyrights */
	.bottom {
		background-color: #252525;
		border-bottom: 5px solid #616161;
		position: relative;
		height: 46px;
	}

	.bottom .wrapper {
		height: 46px;
	}

	.bottom .copyright,
	.bottom .spacecrabs {
		position: absolute;
		bottom: 6px;
		color: #7b7b7b;
		font-size: 11px;
		line-height: 17px;
		}
	.bottom  .copyright {left: 0;}
	.bottom  .spacecrabs {right: 0;}
		.bottom  .spacecrabs a {color: #fd5555; text-decoration: none;}


.pre-animated {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	position: relative;
	top: 100px;
	opacity: 0;
	}

.animated {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	}
.animated-show {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	position: relative;
	top: 0 !important;
	opacity: 1 !important;
}


.pre-show {
	opacity: 0;
	}
.show {
	opacity: 1 !important;
	-webkit-transition: 1s;
	transition: 1s;
	}


/* ------- Mobile ---------  */

@media screen and (max-width: 1199px) {
  body {
    min-width: 320px;
  }
  .carousel {
    width: 100%;
  }
  .carousel-box {
    width: 717px;
  }
  .carousel .right {
    right: 0;
  }
  .carousel .left {
    left: 0;
  }
  .carousel .right:hover .more_clients {
    display: none;
  }
}

@media screen and (max-width: 1000px) {
  section, footer {
    padding: 20px;
  }
  h2 {
    line-height: 28px !important;
    margin-bottom: 30px;
  }
  .wrapper {
    padding: 0;
    width: auto;
  }
  nav {
    padding: 0 20px;
    box-sizing: border-box;
  }
  nav menu li {
    margin-left: 10px;
  }
  .tip {
    margin: 0;
  }
  .tip-smooth, .tip-cheap {
    left: 10%;
  }
  .tip-polimer {
    left: 40%;
  }
  .tip-light {
    left: 54%;
  }
  .tip-durable {
    left: 70%;
  }
  .tip-max.tip-smooth, .tip-max.tip-cheap {
    left: 25%;
  }
  #about {
    padding: 20px;
  }
  #about .intro {
    margin-top: 60px;
    height: auto;
    width: 100%;
    height: 500px;
  }
  #about .intro article {
    float: none;
    position: absolute;
    top: 250px !important;
    left: 50%;
    transform: translateX(-50%);
    min-width: 280px;
    box-sizing: border-box;
    padding-bottom: 30px;
  }
  .intro .text {
    font-size: 14px;
  }
  #about .intro .photo {
    text-align: center;
    margin: auto;
  }
  #about .intro article h2::before {
    transform: rotate(-90deg);
    top: -92px;
    right: 0;
  }
  .specialization h2 {
    text-align: center;
  }
  .specialization ul {
    margin-left: 0;
  }
  .specialization li {
    margin-left: 28px;
  }
  .specialization li:before {
    position: absolute;
    left: -28px;
    top: 3px;
  }
  .specialization li p {
    padding: 2.5px 10px;
    line-height: 25px;
    display: inline;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .specialization li p:nth-child(3) {
    margin-left: 0;
  }
  .sphere ul {
    height: auto;
    text-align: center;
  }
  .sphere li {
    float: none;
    display: inline-block;
    margin: 20px 0;
  }
  #technology {
    background-color: #ebecec;
    margin-top: 0;
  }
  #technology .equipment h2 {
    margin-top: 15px;
  }
  #technology article h2, #technology .equipment h2 {
    padding: 0 0 15px;
  }
  #technology article .left, #technology article .right {
    width: 100%;
    margin: 0;
    float: none;
    padding-top: 0;
  }
  #technology h2.internal {
    padding: 15px 0 5px !important;
    margin-bottom: 0;
    font: 18px/24px Arial;
  }
  #technology .equipment ul {
    padding: 0;
  }
  #technology .equipment li:first-child i {
    margin-top: 8px;
  }
  #clients h2, #guarantees h2 {
    margin-bottom: 15px;
  }
  #clients>h2 {
    margin-bottom: -5px;
  }
  #guarantees p {
    padding: 0px;
  }
  #clients {
    padding: 60px 20px 40px;
  }
  .carousel-box {
    width: 480px;
  }
  .carousel .right {
    right: 5%;
  }
  .carousel .left {
    left: 5%;
  }
  #guarantees {
    padding: 50px 20px;
  }
  footer {
    background-image: url(../img/bg_footer_mobile.jpg);
    background-size: cover;
  }
  .bottom {
    padding: 0 20px;
  }
}

@media screen and (max-width: 940px) {
  #technology .equipment {
    height: auto;
  }
  #technology .equipment ul {
    padding: 0;
    text-align: center;
  }
  #technology .equipment li {
    float: none;
    width: auto !important;
    margin: 0 60px !important;
    display: inline-block;
    vertical-align: top;
  }
  #technology .equipment li:nth-child(2) i {
    margin-top: 95px;
  }
	#technology .equipment li .description {
		margin-top: 19px;
	}
}

@media screen and (max-width: 841px) {
  .tip-polimer {
    left: 35%;
  }
  .tip-durable {
    left: 60%;
  }
  .tip-max.tip-durable {
    left: 40%;
  }
  footer, footer .wrapper {
    height: auto;
  }
  .bottom .copyright, .bottom .spacecrabs {
    font: 12px/18px Arial;
  }
  footer h2 {
    margin-bottom: 15px;
  }
  footer article {
    padding: 20px 0;
  }
  footer article p {
    line-height: 22px;
  }
  footer form {
    margin: 10px auto 19px;
    auto;
    text-align: left;
    width: 282px;
  }
  footer form .submit {
    text-align: center;
  }
  footer .message {
    margin-bottom: 45px;
  }
  #contacts input:not([type="submit"]), #contacts textarea {
    width: 260px;
  }
  #technology .equipment li {
    margin: 0 20px !important;
  }
}

@media screen and (max-width: 750px) {
  .tip-max.tip-smooth, .tip-max.tip-cheap {
    left: 30%;
  }
  .tip-max.tip-durable {
    left: 25%;
  }
  #about .intro article {
    width: 400px;
  }
  #about .intro {
    height: 550px;
  }
  .carousel {
    height: 221px;
  }
  .carousel-box {
    width: 239px;
  }
  .carousel .left, .carousel .right {
    top: 50%;
    transform: translateY(-50%);
  }
  .tip-polimer {
    left: 27%;
  }
  /* .tip-max.tip-polimer {
    left: 27%;
  } */
}

@media screen and (max-width: 650px) {
  nav {
    height: 62px;
    position: absolute;
  }
  nav .logo {
    padding: 2px 0 0 20px;
    margin-top: 15px;
    background-size: 72px;
    background-position: 0px 2px;
  }
  nav .logo a {
    margin-top: 2px;
    font: 13px/15px 'RobotoCondensed-Bold';
    vertical-align: top;
    display: inline-block;
  }
  nav .phone {
    font: 14px/16px 'Arial-BoldMT';
    top: 3px;
  }
  nav menu {
    display: none;
  }
  .tip-min {
    position: static;
    opacity: 0.8;
    margin: 18px 0;
  }
  .tip-max {
    position: absolute;
    padding: 0 20px 20px;
    margin: 0 !important;
    left: 50% !important;
    transform: translateX(-50%);
    top: 50%;
    width: 240px;
    height: auto;
    border-radius: 0 0 10px 10px;
  }
  .tip-max.tip-smooth {
    top: 53%;
  }
  .tip-max.tip-polimer {
    top: 43%;
  }
  .tip-max h2 {
    margin: 0 10px 7px 0 !important;
  }
  .tip-max .ill {
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
  }
  .tip-smooth .ill {
    background-image: url(../img/tips/smooth_mobile.png);
    width: 280px;
    height: 162px;
  }
  .tip-cheap .ill {
    background-image: url(../img/tips/cheap_mobile.png);
    width: 280px;
    height: 190px;
  }
  .tip-light .ill {
    background-image: url(../img/tips/light_mobile.png);
    width: 280px;
    height: 190px;
  }
  .tip-durable .ill {
    background-image: url(../img/tips/durable_mobile.png);
    width: 280px;
    height: 184px;
  }
  .tip-polimer .ill {
    background-image: url(../img/tips/polimer_mobile.png);
    width: 280px;
    height: 160px;
  }
  .tip-max .close {
    top: -35px;
  }
  .tip-max.tip-durable .close {
    right: 10px;
  }
  .tip-max .text {
    font-size: 14px;
    margin: 0 !important;
  }
  .tip-max .next {
    position: static;
    margin-top: 10px;
    width: 43px;
    font: 14px/20px Arial;
  }
  header .wrapper {
    padding: 32% 15% 10% 15%;
    box-sizing: border-box;
  }
  .tip-min {
    height: 40px !important;
    background-position: 0;
  }
  .tip-min h2 {
    font-weight: 300 !important;
    position: relative;
    top: 8px;
    font: 14px/20px 'Roboto', Arial;
    background: #252525;
    margin: 5px 0 5px 50px;
    padding: 4px 10px;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
  }
  .tip-durable.tip-min h2 {
    margin: 0 0 0 50px;
  }
  .specialization {
    margin-top: 50px;
  }
  .sphere {
    margin-top: 60px;
  }
  .sphere h2 {
    margin-bottom: 0;
  }
  #technology .equipment li {
    margin: 0px auto !important;
    display: block;
  }
  #technology .equipment li i {
    margin: 10px 0 35px 0 !important;
  }
  #technology .equipment li:last-child i {
    height: 207px;
  }
	#technology .equipment li p {
		font: 14px/20px Arial;
	}
	#technology .equipment li .description {
		margin: -18px auto 22px;
		max-width: none;
	}
}

@media screen and (max-width: 598px) {
  .tip-durable {
    margin-top: 41px;
  }
}

@media screen and (max-width: 573px) {
  .sphere li {
    margin: 50px auto;
    display: block;
  }
  .sphere-garage, .sphere-warehouse {
    margin-right: auto !important;
  }
  li.sphere-market {
    margin-top: 30px;
  }
  .sphere-market i {
    background-position: left -37px;
    height: 136px;
  }
  .sphere-fabric i {
    height: 176px;
  }
  .sphere-garage i {
    background-position: left -37px;
    height: 139px;
  }
  .sphere-street i {
    height: 107px;
  }
  .sphere-freeze i {
    height: 132px;
  }
  .sphere-warehouse i {
    height: 173px;
  }
}

@media screen and (max-width: 500px) {
  #about .intro article {
    width: 280px;
  }
  #about .intro {
    height: 650px;
  }
  .carousel .right, .carousel .left {
    width: 29px;
    height: 58px;
    background-size: 200% auto;
    background-position: 100% 110% !important;
  }
  .carousel .left {
    background-position: 0% 110% !important;
  }
  .bottom {
    border-top: 2px solid #D8D8D8;
    height: 90px;
  }
  .bottom .copyright, .bottom .spacecrabs {
    position: static;
  }
  .bottom .copyright {
    padding: 16px 0 7px;
  }
}

@media screen and (max-width: 443px) {
  .carousel .right {
    right: -11px;
  }
  .carousel .left {
    left: -11px;
  }
  footer .message {
    margin: 0 auto 45px;
  }
}

@media screen and (max-height: 536px) {
	header {
		min-height: 500px;
	}
}
@media screen and (max-width: 650px) and (max-height: 536px) {
	header .wrapper {
		padding-top: 75px;
	}
}