/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

@media(max-width: 1600px) {

}
@media(max-width: 1500px) {

}
@media(max-width: 1440px) {

}
@media(max-width: 1366px) {

}
@media(max-width: 1280px) {

}
@media(max-width: 1110px) {
	body.menu-active {
		overflow: hidden;
		height: 100%;
	}
	.parallax {
		background-attachment: initial;
	}
	.parallax {
		background-attachment: scroll;
	}
	.button, .button.big {
		font-size: 14px;
		line-height: 20px;
		padding: 0.5rem 1rem;
	}
	#back-top {
		bottom: 1rem;
		right: 1rem;
		line-height: 4rem;
	}
	#back-top a {
		font-size: 16px;
		width: 4rem;
		height: 4rem;
	}
	.container {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	#header {
		height: initial;
		position: initial;
	}
	#header .container {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#header .container > div {
		width: initial;
	}
	#header .container .logo {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		width: 100%;
		margin-top: 2rem;
	}
	#header .logo img {
		width: 160px;
	}
	#header .order {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	#header .contact {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	#header .contact .phone {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		margin-left: 1rem;
		margin-right: 1rem;
	}
	#header .contact .phone a {
		font-size: 16px;
	}
	#header .contact .menu-switch {
		margin-left: 0;
		font-size: 20px;
		line-height: 20px;
		border-width: 1px;
		padding: 7px 8px;
	}
	#menu ul li a {
		font-size: 14px;
		padding: 1.5rem 2rem;
	}
	#menu {
		top: initial;
		width: 100%;
		height: calc(100% - 150px);
		overflow: auto;
	}
	#hero {
		margin-top: initial;
		padding: 6rem 0;
	}
	#hero .container {
		height: initial;
	}
	#hero .title {
		font-size: 36px;
		text-align: center;
	}
	#hero .subtitle {
		font-size: 14px;
		text-align: center;
		letter-spacing: 4px;
		text-transform: uppercase;
		margin-top: 2rem;
	}
	#hero .icons {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-top: 6rem;
	}
	#hero .icons .item {
		width: 100%;
		text-align: center;
	}
	#hero .icons .item + .item {
		padding-left: 0;
		margin-left: 0;
		border-left: none;
		margin-top: 4rem;
	}
	#hero .icons .item .name {
		font-size: 18px;
		line-height: 26px;
	}
	#hero .icons .item .desc {
		margin-top: 1rem;
		font-size: 14px;
		line-height: 18px;
	}
	#portfolio {
		padding: 3rem 0;
	}
	#portfolio .title {
		font-size: 42px;
		padding: 0 1.5rem 0.5rem 0;
	}
	#portfolio .cat-selector {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin: 2rem -5px 0;
	}
	#portfolio .cat-selector li {
		outline: none;
		margin: 10px;
	}
	#portfolio .cat-selector li + li {
		margin-left: 5px;
		padding-left: 0;
		border-left: none;
	}
	#portfolio .cat-selector li a {
		font-size: 16px;
	}
	#portfolio .portfolio-list .gallery {

	}
	#portfolio .portfolio-list .gallery .pic {
		width: calc(33.333332% - 20px);
	}
	#portfolio .portfolio-list .gallery .more-photos {
		margin-top: 2rem;
	}
	#proizvodstvo {
		padding: 4rem 0;
	}
	#proizvodstvo .heading {
		font-size: 28px;
		line-height: 40px;
	}
	#proizvodstvo .info {
		max-width: initial;
		margin: 2rem auto 0;
	}
	#proizvodstvo .info p {
		font-size: 14px;
		line-height: 20px;
	}
	#proizvodstvo .icons {
		margin: 4rem -10px;
		background: none;
		padding: 0;
	}
	#proizvodstvo .icons .item {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		text-align: center;
		width: 100%;
		margin: 10px;
		margin: 0 2rem 0 2rem;
	}
	#proizvodstvo .icons .item + .item {
		margin: 2rem 2rem 0 2rem;
	}
	#proizvodstvo .icons .item .icon {
		width: initial;
		margin: 0 auto;
	}
	#proizvodstvo .icons .item .icon img {
		height: 40px;
		display: block;
	}
	#proizvodstvo .icons .item .block {
		width: initial;
		margin-top: 2rem;
	}
	#proizvodstvo .icons .item .block .title {
		font-size: 18px;
	}
	#proizvodstvo .icons .item .block .desc {
		font-size: 12px;
		line-height: 18px;
		margin-top: 1rem;
	}
	#proizvodstvo .icons .item .block .desc:before {
		display: none;
	}
	#unique {
		margin-bottom: 0;
		padding:  0;
	}
	#unique .background {
		position: relative;
		height: 500px;
		width: initial;
		background-size: cover;
	}
	#unique .container {
		margin-top: -50px;
		position: relative;
		z-index: 5;
		height: initial;
	}
	#unique .half {
		padding-top: 4rem;
		width: initial;
		padding-left: 0;
	}
	#unique .title {
		font-size: 36px;
		line-height: 42px;
	}
	#unique .title:after {
		content: '';
		display: block;
		width: 80px;
		height: 2px;
		background: #9ec54c;
		margin: 2rem 0;
	}
	#unique .info p {
		font-size: 14px;
		line-height: 24px;
	}
	#unique .info p + p {
		margin-top: 1rem;
	}
	#unique .sign {
		margin-top: 2rem;
		text-align: center;
	}
	#unique .sign img {
		max-width: 240px;
	}
	#time {
		padding-top: 0;
		padding-bottom: 0rem;
		margin: 0;
		background-position: 100% 0%;
		background: none !important;
	}
	#time .container {
		background: none;
		border-radius: 0;
		-webkit-box-shadow: none;
		        box-shadow: none;
		padding: 4rem;
		padding-left: 15px;
		padding-right: 15px;
	}
	#time .heading {
		font-size: 32px;
	}
	#time .icons {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin: 0 -10px;
		margin-top: 3rem;
	}
	#time .icons .item {
		width: calc(50% - 20px);
		margin: 10px;
	}
	#time .icons .item:last-child {
		width: 100%;
	}
	#time .icons .item:before {
		display: none;
	}
	/*
	#time .icons .item:nth-child(2):before,
	#time .icons .item:nth-child(4):before {
		display: block;
		left: -16%;
		font-size: 36px;
		top: 36px;
	}*/
	#time .icons .item .icon {

	}
	#time .icons .item .icon img {
		max-width: 64px;
	}
	#time .icons .item .title {
		font-size: 14px;
	}
	#time .info {
		margin-top: 2rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	#time .info .desc {
		padding: 0;
	}
	#time .info .desc + .desc {
		border-left: none;
		margin-top: 1rem;
	}
	#eco {
		padding: 6rem 0 4rem;
		margin-top: 0;
	}
	#eco .title {
		font-size: 36px;
	}
	#eco .desc {
		margin-top: 4rem;
		padding: 2rem;
	}
	#eco .desc p {
		max-width: 600px;
	}
	#eco #show-materials {
		display: none;
	}
	.text > p, .text > ul, .text > ol {
		font-size: 14px;
		line-height: 20px;
	}
	.text ul, .text ol {
		margin-left: 2rem;
	}
	#materials {
		padding: 4rem 0;
	}
	#materials .heading {
		font-size: 42px;
	}
	#materials-list {
		margin-top: 2rem;
	}
	#materials-list > ul.materials-selector li + li {
		margin-left: initial;
	}
	#materials-list > ul.materials-selector {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin: 0 -1rem;
	}
	#materials-list > ul.materials-selector li {
		margin: 1rem;
	}
	#materials-list > ul.materials-selector li a {
		font-size: 16px;
		font-weight: 700;
		border-radius: 4px;
		border: 2px solid black;
		padding: 1rem;
	}
	#materials-list .elem {
		margin-top: 2rem;
	}
	#materials-list .materials-gallery .arrow-next,
	#materials-list .materials-gallery .arrow-prev {
		top: 118px;
		font-size: 18px;
		width: 24px;
		height: 24px;
		line-height: 24px;
		padding: 1rem;
	}
	#materials-list .materials-gallery .arrow-next {
		right: 1rem;
	}
	#materials-list .materials-gallery .arrow-prev {
		left: 1rem;
	}
	#materials-list .materials-gallery .item {
		height: initial;
		background-size: cover;
		display: block;
		background-repeat: no-repeat;
		background-position: center 0;
		padding-top: 250px;
	}
	#materials-list .materials-gallery .item .info {
		padding: 2rem;
		width: initial;
		border-radius: 0;
	}
	#materials-list .materials-gallery .item .info .title {
		font-size: 28px;
	}
	#materials-list .materials-gallery .item .info .desc {
		margin-top: 2rem;
	}
	#feedback {
		background-size: cover;
	}
	#feedback .container {
		padding-top: 4rem;
		padding-bottom: 4rem;
		height: initial;
		background: none;
	}
	#feedback .title {
		font-size: 36px;
	}
	#feedback .subtitle {
		font-weight: 500;
		font-size: 20px;
	}
	#feedback .form {
		width: initial;
		margin-top: 4rem;
	}
	#partners {
		padding: 3rem 0;
	}
	#partners .heading {
		font-size: 42px;
	}
	#partners .info {
		margin-top: 2rem;
	}
	#partners .numbers {
		margin-top: 2rem;
	}
	#partners .numbers .item {

	}
	#partners .numbers .item .number {
		font-size: 48px;

	}
	#partners .numbers .item .title {
		font-size: 14px;
		line-height: 22px;
		margin-top: 1rem;
		word-break: break-word;
	}
	#footer {
		padding: 4rem 0;
	}
	#footer,
	#footer a {
		line-height: 24px;
	}
	#footer .socials {
		font-size: 26px;
	}
	#footer .socials a + a {

	}
	#footer .copyright {
		margin-top: 3rem;
	}
	#footer .email {
		margin-top: 3rem;
	}
	#footer .contacts {
		margin-top: 3rem;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#footer .contacts div {
		width: 100%;
	}
	#footer .contacts div + div {
		margin-left: 0;
		margin-top: 0.5rem;
	}
	#map {
		height: 420px;
		overflow: hidden;
	}
	.modal {
		font-size: 14px;
		line-height: 24px;
	}
	.modal .title {
		font-size: 32px;
		line-height: 42px;
	}
	.modal .subtitle {
		font-weight: 500;
		font-size: 16px;
		margin-top: 1rem;
		letter-spacing: 0;
	}
	.modal .form {
		width: initial;
		margin: 2rem auto;
	}
	.remodal {
		padding: 1.5rem;
	}
	.form .field input[type="text"],
	.form .field input[type="tel"],
	.form .field input[type="email"],
	.form .field input[type="file"] {
		font-size: 13px;
		padding: 1rem;
	}
}
@media(max-width: 991px) {

}
@media(max-width: 768px) {
	#portfolio .portfolio-list .gallery .pic {
		width: calc(50% - 20px);
	}
}
@media(max-width: 650px) {

}
@media(max-width: 550px) {

}