
body{font-family:'Roboto',sans-serif;font-size:15px;margin:0;padding:0}
h1,h2,h3,h4,h5,h6,p{margin-bottom: 0px;}
img{max-width:100%;height:auto}
a{text-decoration:none}
header h1{margin:0;font-weight:normal;font-size:638%;font-family:'Roboto',sans-serif;color:#ff002d;line-height:1}
header p{font-size:100%;margin:0;color:#391e16}

.wrapper{max-width:1200px;background:whitesmoke;max-width:1200px;background-repeat:no-repeat;margin:0 auto;background-position:top;background-size:cover}
.content-area p{font-size:14px;padding:0;margin:1px;line-height:1.3em}
.section{max-width:1200px;margin:0 auto}
.container{max-width:1200px;margin:0 auto;overflow:hidden}

li {color:#5a6870;padding:3px;}
.youtube{width:100%;position:relative;height:300px;}
.naslov {color:#5a6870;font-size:32px !important;padding-bottom:0px;font-weight: 400;}
.margine {margin-left: 50px;margin-right: 50px;}
.ikonica img {width: 50px;height: 50px;min-width: 50px;float: left; padding-right: 10px;}

.naslov2a{font-size:14px;padding:0;margin:1px;line-height:1.3em; color: #5a6870;}
.naslov2 {font-size:32px;padding-bottom:0px;font-weight: 400;color: #00b9ad;}
.span1 {font-size: 16px;font-weight: 400;color: #00b9ad;margin-top:4px; line-height:103%; margin-left:-19%;}
.span2 {font-size: 16px;font-weight: 400;color: #00b9ad;margin: 4px 0 0 0; line-height:103%;}
.span3 {font-size: 16px;font-weight: 400;color: #00b9ad;margin: 4px 0 0 0; line-height:103%; margin-left:19%;}
.span4 {font-size: 16px;font-weight: 400;color: #00b9ad;margin: 4px 0 0 0; line-height:103%;}



.box-c{position:relative;width:100%;max-width:320px;margin:0 auto}
.box-c img{vertical-align:top}
.box-c h3{font-size: 26px;font-weight: 700;color: #9da6ab;letter-spacing: 0;margin: -3px 0 0 0;line-height: 90%;letter-spacing: -0.02em;text-align:left; margin-left:10px;padding-bottom: 5px;}
.box-c h2{text-align:center; color:#000; text-decoration: line-through; margin-bottom:-20px;font-weight:400;}

.box-a{position:relative;width:100%;max-width:570px;margin:0 auto}
.box-a img{vertical-align:top}
.box-a h3{text-align:left;color:#000; font-size:20px;font-weight:400; margin:0;margin-bottom:19px;line-height:103%;}
.box-a h2{text-align:left; color:#000; text-decoration: line-through; margin-bottom:-20px;font-weight:400;}

.box-d{position:relative;width:100%;max-width:1165px;margin:0 auto}
.box-d img{vertical-align:top}
.box-d h3{font-size: 26px;font-weight: 700;color: #9da6ab;letter-spacing: 0;margin: -3px 0 0 0;line-height: 90%;letter-spacing: -0.02em;text-align:left; margin-left:10px;padding-bottom: 5px;}
.box-d h2{color:#5a6870; font-weight:400;margin:0;}




.row{margin-bottom:60px}
.col{width:100%;float:left;box-sizing:border-box;padding:0 10px}
.col1{width:100%;float:left;box-sizing:border-box;padding:0 10px}
.col3{width:100%;float:left;box-sizing:border-box;padding:0 10px}
.col5{width:100%;float:left;box-sizing:border-box;padding:0 10px}


.col-xs-12{width:100%}
.col-xs-11{width:91.662%}
.col-xs-10{width:83.332%}
.col-xs-9{width:75%}
.col-xs-8{width:66.662%}
.col-xs-7{width:58.331%}
.col-xs-6{width:50%}
.col-xs-5{width:41.662%}
.col-xs-4{width:33.332%}
.col-xs-3{width:25%}
.col-xs-2{width:16.662%}
.col-xs-1{width:8.332%}

.hide{display:block}
.hide2{display:none}

sup {font-size:16px; color:#fff;}

@media screen and (min-width:748px){
	.row{margin-bottom:0}
	.col{padding:5px;}
	.col1{padding:10px 10px 10px 10px;}
	.col3{padding:5px;}
	.col5{padding:1px;}
	
	.col-sm-12{width:100%}
	.col-sm-11{width:91.662%}
	.col-sm-10{width:83.332%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.662%}
	.col-sm-7{width:58.331%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.662%}
	.col-sm-4{width:33.332%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.662%}
	.col-sm-1{width:8.332%}
}

@media screen and (min-width:1100px){
	.col-md-12{width:100%}
	.col-md-11{width:91.662%}
	.col-md-10{width:83.332%}
	.col-md-9{width:75%}
	.col-md-8{width:66.662%}
	.col-md-7{width:58.331%}
	.col-md-6{width:50%}
	.col-md-5{width:41.662%}
	.col-md-4{width:33.332%}
	.col-md-3{width:25%}
	.col-md-2{width:16.662%}
	.col-md-1{width:8.332%}}
	
@media screen and (min-width:1200px){
	.col-lg-12{width:100%}
	.col-lg-11{width:91.662%}
	.col-lg-10{width:83.332%}
	.col-lg-9{width:75%}
	.col-lg-8{width:66.662%}
	.col-lg-7{width:58.331%}
	.col-lg-6{width:50%}
	.col-lg-5{width:41.662%}
	.col-lg-4{width:33.332%}
	.col-lg-3{width:25%}
	.col-lg-2{width:16.662%}
	.col-lg-1{width:8.332%}}
	
	
	.slika{
			width:27%;
		float:right;
		margin-right:22px;
}
	
.slika3{width:100%;float:left;}	


.slika5{width:50%;}

.slika2{width:100%;padding-bottom: 20px;}

.paragrafA{margin-top:25px;}
.paragraf5 {float:left;text-align:left;}
.paragraf {text-align:left;margin-left:20px;}
.paragraf11 {text-align:left;padding-top:20px;}
.paragraf1 {text-align:left;padding-top:32px;}
.paragraf12 {text-align:left;padding-top:10px;}
.paragraf13 {text-align:left;padding-top:15px;}
.paragraf14 {text-align:left;}
.paragraf15{text-align:left;padding-top:32px;}
.paragraf16 {text-align:left;padding-top:47px;}
	
.item a{padding:2%;overflow:hidden;width:540px}
.item img{max-width:100%;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}
.item:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.04)}

hr{width:85%;border:0;height:0;border-top:1px solid #e0cf95;margin:0 auto}

.box-c .product{position:relative;width:100%;max-width:320px;height:auto;margin:1em 0;border-radius:5px;overflow:hidden;border: 2px solid rgba(255, 255, 255, .5);transition:all .1s ease-in-out;box-sizing:border-box}
.box-c .product .product-info{width:100%;max-width:100%;height:auto;float:center;}
.box-c .product .product-info .product-content h1{text-align: center; margin:0; color:#000;}
.box-c .product .product-info .product-content p{font-size:14px;padding:0;margin:1px;line-height:1.3em; color:#5a6870;}

.box-a .product{position:relative;width:100%;max-width:570px;height:auto;margin:1em 0;border-radius:5px;overflow:hidden;border: 2px solid rgba(255, 255, 255, .5);transition:all .1s ease-in-out;box-sizing:border-box}
.box-a .product .product-info{width:100%;max-width:100%;height:auto;float:center;}
.box-a .product .product-info .product-content h1{text-align: center; margin:0; color:#000;}
.box-a .product .product-info .product-content p{font-size:15px;line-height:1.3em; color:#5a6870;}

.box-d .product{position:relative;width:100%;max-width:1165px;height:auto;margin:1em 0;border-radius:5px;overflow:hidden;border: 2px solid rgba(255, 255, 255, .5);transition:all .1s ease-in-out;box-sizing:border-box}
.box-d .product .product-info{width:100%;max-width:100%;height:auto;float:center;}
.box-d .product .product-info .product-content{padding-top:10px; padding-bottom:10px;}
.box-d .product .product-info .product-content h1{font-size:35px;margin:0; color:#fff;}
.box-d .product .product-info .product-content p{font-size:14px;padding:0;margin:1px;line-height:1.3em; color: #5a6870;}



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



@media screen and (max-width: 1108px){		
		.paragraf13 {text-align:left;padding-top:30px;}
}


@media screen and (max-width: 1060px){
		.paragraf13{ padding-top: 13px;}
}

@media screen and (max-width: 1048px){
		.paragraf12{ padding-top: 13px;}
}
@media screen and (max-width:1044px){


.box-c .product .product-info .product-content p{font-size:14px;padding:0;margin:1px;line-height:1.3em}



}


@media screen and (max-width:1010px){
		.box-c h3{font-size:24px;}
		.paragraf16{padding-top:30px;}
}
@media screen and (max-width:1001px){
		.box-a h3{text-align:left; font-size:14px;font-weight:400; font-weight: bold; margin:0;margin-bottom:19px;}
		.box-d .product .product-info .product-content h1{font-size:30px !important;margin:0;}
		
		
}

@media screen and (max-width: 995px){
			.paragraf14 {text-align:left;padding-top:13px;}
}


@media screen and (max-width: 959px) {
		.box-c h3{font-size:20px;}
		
		.paragraf15 { padding-top: 11px;}
		
}

@media screen and (max-width: 935px){
		.paragraf12{ padding-top: 24px;}
		.paragraf13 { padding-top: 24px;}
}

@media screen and (max-width: 923px){
		.paragraf15 {padding-top: 13px;}
		.paragraf16{padding-top:13px;}
}


@media screen and (max-width:889px){
		.paragraf15 {padding-top: 27px;}
		.paragraf16{padding-top:27px;}
}


@media screen and (max-width:817px){
		.paragraf15{padding-top:12px;}
}
	

@media screen and (max-width:810px){
	
	.row{margin-bottom:0}
	.col{padding: 10px 30px 10px 30px;}
	.col1{padding: 10px 30px 10px 30px;}
	.col1 {	width: 100%;}
 	
	.box-c .product{max-width:320px;margin:0 auto}
	.box-c .product .product-info{width:100%;max-width:100%;height:auto;display:block;}
	.box-c {margin-bottom:2em;}
	
	.box-c h3{font-size: 26px;font-weight: 700;color: #9da6ab;letter-spacing: 0;margin: -3px 0 0 0;line-height: 90%;letter-spacing: -0.02em;text-align:left; margin-left:10px;padding-bottom: 5px;}
	
	.naslov{ text-align:center;}
	.slika{	width:50%;}
	
  .slika3 {
    width: 100%;
    float: none;
}
  
  .box-c .product .product-info .product-content h1{text-align: center; margin:0; color:#000;}
.box-c .product .product-info .product-content p{font-size:14px;padding:0;margin:1px;line-height:1.3em; color:#5a6870;}
	
	.paragraf1 {text-align:left;padding-top:32px;}
.paragraf12 {text-align:left;padding-top:20px;}
.paragraf13 {text-align:left;padding-top:20px;}
.paragraf14 {text-align:left;padding-top:20px;}
.paragraf15{text-align:left;padding-top:20px;}
.paragraf16 {text-align:left;padding-top:20px;}

span {font-size: 16px;font-weight: 400;margin: 4px 0 0 0; line-height:103%;}

}

@media screen and (max-width:560px){
	
	.col1 {padding: 5px 10px 5px 10px;}
	.col3 {padding: 5px 10px 5px 10px;}
	
		
		
		.box-c h2{text-align:center;text-decoration: line-through; margin-bottom:-11px;font-weight:400;}
		.box-c .product .product-info .product-content p{font-size:14px;padding:0;margin:1px;line-height:1.3em}
		

	.slika{	width:70%;float:none;margin-bottom:32px;}
	.paragraf {text-align:left;margin-left:33px;}
	.slika3{
			width:90%}

	
	}
	
@media screen and (max-width:475px){
		.margine {margin-left:10px;margin-right: 0px;}
}

@media screen and (max-height412px){
		.naslov{font-size:18px !important;}
}
	




