@font-face{
	font-family:'politica';
	src:url("../fonts/Politica.ttf")
}

html{
	box-sizing:border-box;
	font-size:62.5%
}

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

body{
	margin:0;padding:0;font-family:"politica",sans-serif;font-size:1.6rem;color:#000
}

html,body{
	height:100%;
	text-align:center
}

@media (min-width: 768px){
	html .body-wrapper,body .body-wrapper{
		max-width:1350px;margin:4px auto
	}
}

.main-wrapper{
	margin-top:12rem
}

.scroll-up{
	position:fixed;
	left:50%;
	bottom:1rem;
	display:none;
	z-index:9999999;
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
	-webkit-animation:down-movement 2s ease-in-out infinite;animation:down-movement 2s ease-in-out infinite
}

@-webkit-keyframes down-movement{
	from{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
	50%{
		-webkit-transform:translateY(10px);
		transform:translateY(10px)
	}
	to{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
}
@keyframes down-movement{
	from{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
	50%{
		-webkit-transform:translateY(10px);
		transform:translateY(10px)
	}
	to{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
}
	
.error{
	font-family:'quicksand-regular', sans-serif;
	font-size:1.4rem;
	background-color:#BC1010;
	border-radius:4px 4px 4px 4px;
	color:white;margin-left:0;
	margin-top:-32px;
	padding:4px 12px;
	position:absolute
}
.error:before{
	border-color:#BC1010 transparent transparent transparent;
	border-style:solid;
	border-width:6px 8px;content:"";
	display:block;height:0;
	left:16px;
	position:absolute;top:28px
}
.button-main-menu{
	border:0;margin:-4.8rem 0 .5rem 76%;
	font-size:3.4rem;
	background:transparent;
	color:#ffffff;
	top:-20px
}

.button-main-menu:focus{outline:0}.main-menu{
	min-width:320px
}
.main-menu ul{
	padding:0;
	list-style:none;
	background:#bed400
}
.main-menu ul a{
	display:block;
	padding:.4rem 0;
	text-align:center;color:#ffffff;
	font-size:2rem;
	text-decoration:none
}
.main-menu ul a:last-child{
	padding-bottom:2rem
}

@media (min-width: 768px){
	.main-menu{
		height:auto !important;
		display:block;
		-webkit-box-flex:0;
		-webkit-flex:0 1 auto;
		-ms-flex:0 1 auto;
		flex:0 1 auto;
		margin-left:auto;
		-webkit-box-ordinal-group:2;
		-webkit-order:1;
		-ms-flex-order:1;
		order:1
	}
	.main-menu ul{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		background:transparent;
		margin:3.5rem 4.5rem 0 0
	}
	.main-menu ul a{
		padding:0.5rem .8rem 0.5rem .8rem;
		font-weight:bold;border-top:0;
		-webkit-transition:all .2s ease;
		transition:all .2s ease
	}
	.main-menu ul a:last-child{
		padding-bottom:0
	}
	.main-menu ul a:hover,.main-menu ul li.active a{
		border-bottom:9.5px #ffffff solid
	}
}

.header-wrapper{
	height:8rem;
	background:#bed400;
	color:#ffffff
}
.header-wrapper .container-header .menu-collapse{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column
}
.header-wrapper .container-header .left-wrapper{
	margin-left:2rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex}
.header-wrapper .container-header .left-wrapper .logo{
	margin-top:1rem
}
.header-wrapper .container-header .left-wrapper .languages{
	margin:4rem 0 0 3rem;
	font-size:2rem;
	font-weight:bold;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;-webkit-box-align:start;
	-webkit-align-items:flex-start;
	-ms-flex-align:start;
	align-items:flex-start;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center
}
.header-wrapper .container-header .left-wrapper .languages a{
	color:#ffffff;
	text-decoration:none;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center
}
.header-wrapper .container-header .left-wrapper .languages a img{
	margin:0 0 0 5px;
	padding:0;
	width:auto;
	height:1.8rem
}
.header-wrapper .container-header .left-wrapper .languages a:hover,.header-wrapper .container-header .left-wrapper .languages a:active{
	color:#4d4d4d
}
.header-wrapper .container-header .left-wrapper .languages .slash{
	margin:0 .5rem
}

@media (min-width: 768px){
	.header-wrapper .container-header{
		margin:0 auto;display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:justify;
		-webkit-justify-content:space-between;
		-ms-flex-pack:justify;
		justify-content:space-between
	}
	.header-wrapper .container-header .menu-collapse{
		display:block
	}
	.header-wrapper .container-header .left-wrapper{
		margin-left:8rem
	}
	.header-wrapper .container-header .left-wrapper .logo img{
		width:105%;height:auto
	}
	.header-wrapper .container-header .left-wrapper .languages{
		margin:4rem 0 0 1rem
	}
}

@media (min-width: 1350px){
	.header-wrapper .container-header{
		width:1350px
	}
}

.content-wrapper{
	margin-top:8rem;text-align:left
}
.content-wrapper .title-green,.content-wrapper .title-white{
	font-size:4rem;
	color:#bed400;
	padding: 1rem 3rem
}
.content-wrapper .title-white{
	color:#ffffff
}
.content-wrapper .text-paragraph{
	padding-top:1rem;
	font-size:1.7rem;
	color:#606161;
	padding: 0rem 6rem;
	text-align: justify
}
.content-wrapper .caret-down{
	position:absolute;
	bottom:1rem;
	left:1.5rem
}

@media (min-width: 768px){
	.content-wrapper .title-green,.content-wrapper .title-white{
		font-size:4.8rem
	}
	.content-wrapper .text-paragraph{
		font-size:1.8rem
	}
	.content-wrapper .caret-down{
		bottom:6rem;
		left:8rem
	}
}

.start-image{
	position:relative
}
.start-image .main-image{
	width:100%;height:auto
}
.start-image .start-text{
	position:absolute;
	top:6rem;
	left:1.5rem;
	color:#ffffff;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column
}
.start-image .start-text .title{
	font-size:5.7rem;line-height:5rem
}
.start-image .start-text .label{
	font-size:2.2rem;line-height:2.5rem;padding-left:.4rem
}
.start-image .logo-green{
	position:absolute;top:4.7rem;right:0;width:30%;height:auto
}

@media (min-width: 768px){
	.start-image .start-text{
		top:23rem;
		left:7rem
	}
	.start-image .start-text .title{
		font-size:12.7rem;line-height:12rem
	}
	.start-image .start-text .label{
		font-size:7.2rem;line-height:7.5rem;padding-left:.4rem
	}
	.start-image .logo-green{
		top:21rem;
		width:389px
	}
}

.about-us{
	position:relative;
	height:132rem;
	margin:1.5rem 0.5rem 0 0.5rem

}
.about-us .circle-image{
	position:absolute;
	right:0;
	width:50%;
	height:auto
}
.about-us .logo-icons .global-wrapper{
	position:absolute;
	width: 35rem;
	top:1rem;
	left:-1.5rem;
	text-align:center;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center
}
.about-us .logo-icons .global-wrapper .global-image{
	width:45%
}
.about-us .logo-icons .global-wrapper .title-green{
	font-size:1.8rem;
	font-weight:300;
	margin:1rem 0 0.5rem 0
}
.about-us .logo-icons .global-wrapper .text{
	font-size:1.2rem;
	color:#606161
}
.about-us .logos-resp{
	position:relative;
	top:21rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	padding-top:2rem
}
.about-us .logos-resp .global-wrapper{
	text-align:center
}
.about-us .logos-resp .global-wrapper .global-image{
	width:55%
}
.about-us .logos-resp .global-wrapper .title-green{
	font-size:1.8rem;
	font-weight:300;
	margin:1rem 0 0.5rem 0
}
.about-us .logos-resp .global-wrapper .text{
	font-size:1.2rem;
	color:#606161
}
.about-us .text-resp{
	position:absolute;
	top:61rem;
	padding:0 1rem
}
.about-us .caret-down{
	position:absolute;
	bottom:2rem;
	left:1.5rem
}

@media (min-width: 200px){
	.about-us{
		height:210rem;
		margin:3rem 2rem 3rem 2rem
	}
	.about-us .text-resp{
		top:140rem
	}
}

@media (min-width: 360px){
	.about-us{
		height:185rem;
		margin:3rem 2rem -20rem 2rem
	}
	.about-us .text-resp{
		top:140rem
	}
}

@media (min-width: 480px){
	.about-us{
		height:210rem;
		margin:3rem 2rem 3rem 2rem
	}
	.about-us .text-resp{
		top:180rem
	}
}
@media (min-width: 544px){
	.about-us .logos-resp{
		top:35rem
	}
	.about-us{
		height:140rem;
		margin:3rem 2rem 3rem 2rem
	}
	.about-us .text-resp{
		top:105rem;
		padding: 10rem 1rem
	}
	.about-us .caret-down {
	    position: absolute;
	    bottom: 2rem;
	    left: 1.5rem;
	}
	.content-wrapper .title-green, .content-wrapper .title-white {
    	padding: 1rem 0rem
	}
}

@media (min-width: 768px){
	.about-us{
		height:160rem;
		margin:3rem 2rem 10rem 2rem
	}
	.text p{
		text-align: justify;
	}
	.about-us .circle-image{
		width:35%;
		right:3rem
	}
	.about-us .logo-icons{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex
	}
	.about-us .logo-icons .global-wrapper{
		position:relative;
		left:0;
		padding:2rem 6rem;
		width: 30rem
	}
	.about-us .logo-icons .global-wrapper .global-image{
		width:auto
	}
	.about-us .logo-icons .global-wrapper .title-green{
		font-size:2.4rem;
		margin:2rem 0 1.5rem 0
	}
	.about-us .logo-icons .global-wrapper .text{
		font-size:1.8rem
	}
	.about-us .caret-down{
		bottom:-25rem;
		left:2rem
	}
}

@media (min-width: 992px){
	.about-us{
		height:106rem;
		margin:0rem 0rem 0rem 0rem
	}
	.about-us .caret-down{
		position: absolute;
	    bottom: 2rem;
		top:110
	}
	.about-us .logo-icons .global-wrapper{
		width: 35rem
	}
}

	.what-do-we-do{
		position:relative;
		background:#bed400;
		padding:1rem 
	}
	.what-do-we-do .title-white{
		font-weight:300;padding:1rem 0 1rem 0
	}
	.carousel-indicators{
		bottom:-6px;
		width:80%;
		left:40%
	}
	.carousel-indicators li{
		border:none;
		background-color:#fff;
		width:17px;
		height:17px;
		border-radius:12px;
		margin:0 0 0 20px
	}
	.carousel-indicators .active{
		width:17px;
		height:17px;
		background-color:gray;
		margin:0 0 0 20px}
	.carousel-control{
		text-shadow:none;
		opacity:1
	}
	.carousel-control.left{
		background-image:none
	}
	.carousel-control.right{
		background-image:none
	}
	.carousel-control .icon-prev{
		left:40%
	}
	.carousel-control .icon-next{
		right:40%
	}
	.carousel-control .icon-prev::before{
		content:url("../img/prev-arrow.png")
	}
	.carousel-control .icon-next::before{
		content:url("../img/next-arrow.png")
	}

@media (min-width: 768px){
	.what-do-we-do{
		padding:2rem
	}
	.title-white{
		padding:0 0 1.5rem 0
	}
	.carousel-indicators{
		width:60%;left:50%
	}
	.carousel-control .icon-prev{
		left:20%
	}
	.carousel-control .icon-next{
		right:20%
	}
}
	.map-kavidac{
		position:relative;
		text-align:center
	}
	.map-kavidac .text{
		font-size:2.4rem;
		color:#606161;
		margin:1rem 0 1rem 0
	}
	.map-kavidac img{
		max-width:100%;
		height:auto
	}

	@media (min-width: 768px){
		.map-kavidac .text{
			font-size:3.4rem;
			margin:5rem 0 5rem 0
			}
	}
		.advantages{
			position:relative;
			margin:3rem 0 3rem 0
		}
		.advantages .advantage-wrapper{
			margin:0 1rem 0 1rem;
			padding:0
		}
		.advantages .advantage{
			list-style-type:none;
			padding:0
		}
		.advantages .advantage .item{
			display:-webkit-box;
			display:-webkit-flex;
			display:-ms-flexbox;
			display:flex;
			-webkit-box-align:center;
			-webkit-align-items:center;
			-ms-flex-align:center;
			align-items:center
		}
		.advantages .advantage .item img{
			margin:0 1rem 0 0
		}
		.advantages .advantage .item span{
			font-size:2.3rem
		}
		.advantages .advantage .title{
			color:#bed400;
			font-size:2rem
		}
		.advantages .advantage p{
			font-size:1.8rem;
			color:#606161
		}
		.advantages .product{
			background:#bed400;
			height:50rem;
			display:-webkit-box;
			display:-webkit-flex;
			display:-ms-flexbox;
			display:flex;
			-webkit-box-align:start;
			-webkit-align-items:flex-start;
			-ms-flex-align:start;
			align-items:flex-start
		}
		.advantages .product>img{
			margin:3rem 2rem 0 0
		}
		.advantages .product .wrapper{
			color:#ffffff;
			margin:3rem 0 0 0;
			width:38rem
		}
		.advantages .product .wrapper h2{
			font-size:4.1rem;
			padding-bottom:1rem
		}
		.advantages .product .wrapper ul{
			list-style-type:none;
			list-style-image:url("../img/bullet-white.png");
			border-top:1px solid #ffffff;
			border-bottom:1px solid #ffffff;
			padding:2rem 0 2rem 2rem
		}
		.advantages .product .wrapper ul li{
			font-size:2rem;
			color:#606161;
			padding:1rem 0 1rem 1rem
		}

	@media (min-width: 768px){
		.advantages{
			margin:7rem 0 7rem 2rem
		}
		.advantages .advantage-wrapper{
			margin:0
		}
		.advantages .product{
			height:47rem
		}
		.advantages .product>img{
			margin:7rem 2rem 0 10rem
		}
		.advantages .product .wrapper{
			margin:7rem 0 0 0
		}
	}
	.brands{margin-left:0}.brands h2{
		margin-left:1rem
	}
	.brands .row{margin:0}.brands .row>div{
		margin-top:4rem;padding:0
	}
	.brands .row .wrapper{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content:space-around;
		-ms-flex-pack:distribute;
		justify-content:space-around;
		-webkit-box-align:end;
		-webkit-align-items:flex-end;
		-ms-flex-align:end;
		align-items:flex-end
	}
	.brands .row .wrapper .brand-img{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
		-webkit-box-align:center;
		-webkit-align-items:center;
		-ms-flex-align:center;
		align-items:center
	}
	.brands .row .wrapper .brand-img img{
		width:80%;
		height:auto
	}
	.brands .row .wrapper .brand-img span{
		margin-top:3rem;
		color:#bed400;
		font-size:2.4rem
	}
	.brands .row .brands-image img{
		width:100%;
		height:auto
	}
	.brands .row .brands-image p{
		margin:2.5rem 1rem 0 1rem;
		font-size:1.8rem;
		color:#606161
	}
	.brands .row .brands-image p .stress-green{
		color:#bed400
	}

	@media (min-width: 768px){
		.brands{
			margin-left:2rem
		}
		.brands h2{
			margin-left:0
		}
		.brands .row .wrapper .brand-img img{
			width:100%;
			height:auto
		}
		.brands .row .brands-image p{
			margin:2.5rem 0 0 0
		}
	}

	.contact{
		position:relative;
		font-size:1.8rem;
		color:#606161
	}
	.contact .map-wrapper{
		margin:3rem 0
	}
	.contact .map-wrapper h2{
		padding:0 0 2rem 1rem
	}
	.contact .map-wrapper .maps{
		padding:0
	}
	.contact .map-wrapper .maps .gmap3{
		width:100%;
		height:350px;
		border:none;
		margin:0
	}
	.contact .map-wrapper .maps .line-green{
		width:100%;
		height:30px;
		background:#bed400;
		margin-bottom:2rem
	}
	.contact .map-wrapper .maps p{
		margin-left:1rem
	}
	.contact .wrapper{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
		-webkit-box-align:center;
		-webkit-align-items:center;
		-ms-flex-align:center;
		align-items:center
	}
	.contact .wrapper>p{
		margin:0 0 2rem 1rem
	}
	.contact .wrapper>div{
		margin-bottom:3rem;
		width:100%
	}
	.contact .wrapper .form{
		width:93%;
		margin:0 1rem
	}
	.contact .wrapper .form label{
		padding:0 0 0 2rem
	}
	.contact .wrapper .form .form-input{
		width:75%;
		text-align:right
	}
	.contact .wrapper .form input[type="text"]{
		margin:0;
		padding:0 0 0 1rem;
		appearance:none;
		box-shadow:none;
		border:none;
		border-bottom:1px solid #bed400;
		width:100%
	}
	.contact .wrapper .form input[type="text"]:focus{
		outline:none
	}
	.contact .wrapper .form .button-wrapper{
		text-align:center;
		margin-top:3rem
	}
	.contact .wrapper .form .button-wrapper .form-button{
	width:160px;
	height:40px;
	font-size:2.4rem;
	color:#bed400;
	background:none;
	box-shadow:none;
	border:1px solid #bed400
	}

@media (min-width: 768px){
	.contact{margin-left:2rem}
	.contact .map-wrapper{
		margin:6rem 0
	}
	.contact .map-wrapper h2{
		padding:0
	}
	.contact .map-wrapper .maps p{
		margin-left:0
	}
	.contact .wrapper>p{
		margin:0 0 2rem 0
	}
	.contact .wrapper>div{
		margin-bottom:0;width:auto
	}
	.contact .wrapper .form{
		width:1000px;margin:2rem 0 5rem 0
	}
	.contact .wrapper .form label{
		padding:0 0 0 5rem
	}
	.contact .wrapper .form input[type="text"]{
		width:122%
	}
	.contact .wrapper .form .button-wrapper{
		text-align:right;width:116%
	}
}

.footer{
	background:#bed400;
	height:25rem;
	color:#606161;
	padding:10px;
	margin:0 auto;
	width:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-direction:row;
	-ms-flex-direction:row;
	flex-direction:row;
	-webkit-box-pack:start;
	-webkit-justify-content:flex-start;
	-ms-flex-pack:start;justify-content:flex-start;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;align-items:center

}
.footer .social{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	width:17rem
}
.footer .contact-link{
	padding:0 0
}
.footer .contact-link a{
	font-size:1.8rem;
	text-decoration:none;
	color:#606161
}
.footer .contact-link a:hover{
	color:#ffffff
}
.footer .address{
	text-align:left;
	-webkit-box-flex:1;
	-webkit-flex-grow:1;
	-ms-flex-positive:1;
	flex-grow:1;
	padding:10px 0 0 0;
	font-size:1.4rem
}
.footer .menu-footer ul{
	list-style-type:none;
	margin:0;
	padding:0;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column
}
.footer .menu-footer ul li{
	border-bottom:1px solid #606161;
	width:13rem;
	text-align:right
}
.footer .menu-footer ul li a{
	text-decoration:none;
	color:#606161;
	font-size:1.8rem
}
.footer .menu-footer ul li a:hover{
	color:#ffffff
}
.footer .menu-footer ul li:last-child{
	border-bottom:none
}

@media (min-width: 768px){
	.footer{
		width:1350px;
		height:11rem;
		margin:0 auto;
		padding:0 5rem
	}
	.footer .menu-footer ul li{
		width:20rem
	}
	.footer .contact-link{
		padding:0 3rem
	}
}

/*# sourceMappingURL=styles.css.map */