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}

.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; }

.naslov2{font-size:42px;line-height: 1.31;color:#000;font-weight: 600;margin-bottom: 15px;}
.naslov2a{color:#000;line-height:127%;font-size:20px;font-weight: 400; }
.naslov2h4 {font-size: 52px; color:#fff; margin-bottom: 0; line-height: 1.5;}
.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:20%;float:left;box-sizing:border-box; padding: 0 5px;}
.col5{width:33.3333%;float:left;box-sizing:border-box; padding: 0 5px;}
.col6{width:33%;float:left;box-sizing:border-box; padding: 0 5px;}
.DDD {display: block;}
.MMM {display: none;}
.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;}
.box-a11 h4{font-size:28px;line-height:1.3em;padding-top:5%;font-weight: 600;color: #000; text-align: center;}
.box-a11 h3{ font-size:54px;line-height: 1.3;color:#000;font-weight: 600; margin-bottom: 15px;}

.paragraf {float:left;margin:20px 35px 65px 35px;}
.paragraf4 {float:left; margin:88px 35px 65px 35px; text-align: left;}
.paragraf1 {float:left;text-align:left;margin: 22% 2%;}
.paragraf2 {float:left;text-align:left;margin: 2% 2%;}
.paragraf33 {float:left;text-align:left;margin:170px 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:16px;font-weight: 400; text-align: center;}
.box-a112 h3 {font-size: 22px; line-height: 1.3;}
.box-a112 h4{font-size:18px;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: 500;}
.box-a113 h4{font-size:32px;line-height:1.3em;padding-top:10%;font-weight: 600;color: #000; text-align: center;}
.box-a113 h3{ font-size:75px;line-height: 1.3; font-weight: 600; margin-bottom: 15px;}
.box-a113 h5{ font-size:35px;line-height: 1.3;color:#000;font-weight: 400; margin-bottom: 15px;}

.pozz {background-image: url('../images/box/bg2.jpg');

background-repeat: no-repeat;
background-size: cover;
background-position: relative;
}




@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;}
.paragraf33 {text-align: center;}
.col5 {width: 100%;}
.col6 {width: 100%;}
.DDD {display: none;}
.MMM {display: block;}
.paragraf33 {margin:  0 0 0; float: none;}
.naslov2h4 {font-size: 38px;}
.paragraf1 {margin: 7% 0;}
}


@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: 570px) {
	.box-a113 h3 {font-size: 50px;}
	.box-a113 h5 {font-size: 30px;}
	.box-a112 p {margin: 5%;}
	.box-a112 h3 {margin-top: 10%;} 
}


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

.paragraf33 {    margin: 50px 10px 0 10px;}
	.naslov2 {font-size: 28px;}
	.naslov2a {font-size: 18px; margin-left: 10px; margin-right: 10px;}
	.col3{width: 100%;}
	.box-a113 h3 {
		font-size: 42px;
	}
}