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}

.naslov2 {font-size:56px !important;line-height: 1.31;color:#fff;font-weight: 600; margin-bottom: 2%;}
.naslovP {color: #fff; font-size: 38px;}
.naslov22 {font-size:56px;line-height: 1.31;color:#fff;font-weight: 600;margin-bottom: 15px; margin-top: 22%;}
.BOX2 {text-align:center; margin: 3% 2% 2% 5%;}
.BOX22 {text-align:center; }

ul {text-align: left; font-size: 18px;}

.naslov2a{color:#000;line-height:127%;font-size:24px;font-weight: 400; text-align: center;}
.naslov2h4 {font-size: 36px; color:#5c5c5c;}
.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}
.col4{width:33.3333%;float:left;box-sizing:border-box; padding: 0 5px;}

.box-a11 .product{position:relative;width:100%;max-width:800px;box-sizing:border-box}
.box-a11 p{color:#000;line-height:1.3;font-size:22px;font-weight: 400; text-align: left;}
.box-a11 h4{font-size:28px;line-height:1.3em;padding-top:5%;font-weight: 600; text-align: left; margin: 0; color: #fff;}
.box-a11 h3{ font-size:54px;line-height: 1.3;color:#000;font-weight: 600; margin-bottom: 15px;text-align: left;}
.box-a11 h5{font-size:32px;line-height:1.3em;padding-top:5%;font-weight: 600; text-align: center; margin: 0; }

.paragraf {float:left;margin:20px 35px 65px 35px;}
.paragraf1 {float:left;text-align:left;margin:20px 35px 25px 35px;}
.paragraf33 {float:left;text-align:left;margin:108px 35px 0 35px;}

.box-a112 .product{position:relative;width:100%;max-width:1600px;box-sizing:border-box}
.box-a112 p{color:#000;line-height:1.3;font-size:18px;font-weight: 400; text-align: center;}
.box-a112 h4{font-size:28px;line-height:1.3em;padding-top:10%;font-weight: 600;color: #000; text-align: center; margin-bottom: 15px;}


.box-a113 .product{position:relative;width:100%;max-width:800px;box-sizing:border-box}
.box-a113 p{color:#000;line-height:1.3;font-size:22px;font-weight: 400;}
.box-a113 h4{font-size:32px;line-height: 1.3;color: #000;font-weight: 600; margin-bottom: 15px;}
.box-a113 h3{ font-size:75px;line-height: 1.3; font-weight: 600; margin-bottom: 15px;}
.box-a113 h5{ font-size:40px;line-height: 1.3;color: rgb(192, 0, 0);font-weight: 600; margin-bottom: 15px;}

.ULI {font-size: 22px;}


@media screen and (max-width: 1000px) {
.col3 {width: 100%;}
.col {width: 100%;}
.col4 {width: 100%;}
.box-a11 h3, h4, h5, p{ text-align: center;}
.box-a112 p {margin-bottom: 0;}
.box-a112 h4 {padding-top: 2%;}
.box-a11 h3 {font-size: 38px;}
.box-a11 p {font-size: 18px;}
}


@media screen and (max-width: 750px) {
	.paragraf {text-align: center;}
	.naslov2 {text-align: center;}
	.naslov2a {text-align: center;}

	.paragraf {margin: 50px 20px 25px 20px}
	.col3{width: 50%;}
}


@media screen and (max-width: 550px) {
	.naslov2 {font-size: 38px !important;}
}
@media screen and (max-width:480px){


	.naslov2 {font-size: 28px;}
	.naslov2a {font-size: 18px; margin-left: 10px; margin-right: 10px;}
	.col3{width: 100%;}
}