html{line-height:1.7}
body{font-family:'Roboto',sans-serif;font-size:15px;margin:0;padding:0}
h1,h2,h3,h4,h5,h6,p{margin-top:0}
img{max-width:100% !important;height:auto}


.wrapper{max-width:1600px;margin:0 auto;}
.container{max-width:1600px;margin:0 auto;overflow:hidden}



.BOX2 {text-align:center; margin: 3% 2% 2% 5%;}
.naslov22{font-size:100px;line-height: 1.31;font-weight: 600; color: #fff; background-color: #fa4516;}
.naslov2{font-size:36px;line-height: 1.31;font-weight: 500; color: #fff;margin-bottom: 15px; text-align: left;}
.naslov2a{color:#fff;line-height:127%;font-size:20px;font-weight: 300; text-align: left;}
span {font-weight: 300;}
sup {font-size: 44px;}
hr{width:20%;border:0;height:0;border-top:5px solid #000000;margin:0 auto}

.row:before,.row:after,.group:before,.group:after{content:"";display:table}
.row:after,.group:after{clear:both}
.row,.group{zoom:1}

.col{width:50%;float:left;box-sizing:border-box;padding:0 10px}
.col3{width:25%;float:left;box-sizing:border-box;padding:0 10px}
.box-a .product{position:relative;width:100%;max-width:800px;box-sizing:border-box}
.box-a p{color:#fff;line-height:127%;font-size:20px;font-weight: 300;}
.box-a h3{ font-size:36px;line-height: 1.31;font-weight: 500; color: #fff;margin: 15px 2px 20px 0;}
.paragraf2 {float:left;text-align:left;margin: 0 5px 0 5px;}


.box-a1 .product{position:relative;width:100%;max-width:800px;box-sizing:border-box}
.box-a1 p{color:#000;line-height:127%;font-size:16px;font-weight: 300;}
.box-a1 h3{ font-size:24px;line-height: 1.31; color: #000;margin-bottom: 10px;}
.paragraf {float:left;text-align:center;}

ul {list-style: none;}
ul li:before {content: "\25B6 \0020"; font-weight: 600; margin-right: 1%;}

li {color:#fff;line-height:127%;font-size:20px;font-weight: 300;text-align: left;}

@media screen and (max-width: 1000px) {
.col3 {width: 100%;}
}


@media screen and (max-width: 750px) {
	.naslov22 {font-size: 52px;}
	sup {font-size: 22px;}	
	.col {width: 100%;}
	.naslov2 {text-align: center;}
	.naslov2a {text-align: center;}
	.box-a h3, h4, p{ text-align: center;}
	.col3{width: 50%;}
	.box-a1 h3 {margin-top: 10px;}
	hr {margin-bottom: 20px;}
	
}

@media screen and (max-width: 560px) {
	.col3 {width: 100%;}
	.paragraf {margin: 0 10% 0 10%;}


}

@media screen and (max-width:480px){
	.naslov2 {font-size: 28px;}
	.naslov2a {font-size: 18px; margin-left: 10px; margin-right: 10px;}
	
}

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

	.naslov22 {font-size: 32px;}
	sup {font-size: 14px;}
	.box-a h3 {font-size: 28px;}
	.box-a p {font-size: 18px;}
}