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%;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:#fff;}

.wrapper{max-width:1600px;max-width:1600px;background-repeat:no-repeat;margin:0 auto;background-position:top;background-size:cover}
.content-area p{font-size:16px;padding:10px 30px 10px 30px;margin:1px;line-height:1.3em;color:#fff;}
.section{max-width:1600px;margin:0 auto}
.container{max-width:1600px;margin:0 auto;overflow:hidden}
.custom-desktop {
    display: block;
  }
  .custom-mobile {
    display: none;
  }
hr.style2{width:10%;border:0;height:0;border-top:10px solid #fff200;margin:0 auto;float:center;}

.naslov {color:#323232;font-weight: 300;text-align:left; font-size:20px;}
.naslov1{text-align:center;font-size:32px;line-height: 1.31; padding-top:30px;font-weight: 800;color: #000;}
.nzeleno {color: #323232;font-size:30px;margin-left:65px;margin-top: 30px;}

.fotka {display:block;position: absolute;top: 640px;left: 600px;}
.naslov1a{text-align: center; color:#777}

.box-a{position:relative;width:100%;max-width:800px;margin:0 auto;}
.box-a img{vertical-align:top}
.box-a h3{ margin:0;padding-left:29px;}
.box-a h2{margin:0;}


.box-c .product{position:relative;width:100%;max-width:1200px;height:auto;box-sizing:border-box;}
.box-c .product .product-info{margin: 5%;}
.box-c h3{font-size:18px;color:#000;line-height: 125%;}
.box-c p{font-size:16px;padding:0;margin:1px;line-height:1.3em;color:#000;line-height: 125%;}

.box-d {position:relative;width:100%;max-width:1100px;margin:0 auto}
.box-d img{vertical-align:top}
.box-d h3{color:#fff; font-size:24px;font-weight:400; margin:0;margin-bottom:19px;line-height:103%;}
.box-d h2{color:#fff; font-weight:400;margin:0;}

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

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

.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:0px;}
.col5{width:100%;float:left;box-sizing:border-box;padding:0 10px}
.col3{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:70%}
.col-xs-5{width:41.662%}
.col-xs-4{width:25%}
.col-xs-3{width:33.332%}
.col-xs-2{width:16.662%}
.col-xs-1{width:8.332%}



@media screen and (min-width:748px){
	.row{margin-bottom:0}
	.col{padding:0;}
	.col1{padding:0px;}
	.col3{padding:10px 50px 10px 50px;}
	
	.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:50%}
	.col-sm-6{width:70%}
	.col-sm-5{width:41.662%}
	.col-sm-4{width:25%}
	.col-sm-3{width:33.332%}
	.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:50%}
	.col-md-6{width:70%}
	.col-md-5{width:41.662%}
	.col-md-4{width:25%}
	.col-md-3{width:33.332%}
	.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:50%}
	.col-lg-6{width:70%}
	.col-lg-5{width:41.662%}
	.col-lg-4{width:25%}
	.col-lg-3{width:33.332%}
	.col-lg-2{width:16.662%}
	.col-lg-1{width:8.332%}}
	
.slika{	
		float:right;    margin: 10px 0 10px 0;
		
}


.slika2{
		width:100%;
		float: right;	
}

.specke {
		width:100%;
}

.slika3{
		width:40%;
		float:right;
		
}

.slika33{
		width:40%;
		float:right;
		
}

.shadow{
	-webkit-box-shadow: 0px 3px 27px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 3px 27px -10px rgba(0,0,0,0.57);
box-shadow: 3px 27px -10px rgba(0,0,0,0.57);
}
.paragraf10 {text-align:left;margin-left:20px;margin-right:200px;}
.paragraf {float:left;text-align:left;    margin: 10px 0 10px 0;}
.paragraf11 {text-align:left;margin-left:5px;}
.paragraf1 {float:left;text-align:left;margin:100px 35px 65px 35px;}
	
.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 #5a6870;}

.box-a .product{position:relative;width:100%;max-width:800px;height:auto;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{font-size:20px;margin:0;font-weight: 600;;margin-bottom: -10px;}
.box-a .product .product-info .product-content p{font-size:16px;padding:0;margin:1px;line-height:1.3em;color: #323232;}


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

.box-p1 .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-p1 .product .product-info{width:100%;max-width:100%;height:auto;float:center;}
.box-p1 .product .product-info .product-content{padding-top:10px; padding-bottom:10px;}
.box-p1 .product .product-info .product-content h1{font-size:20px;margin:0;font-weight: 350;color: #323232;margin-bottom: -10px;}
.box-p1 .product .product-info .product-content p{font-size:16px;padding:0;margin:1px;line-height:1.3em;color: #323232;}

.box-d .product{position:relative;width:100%;max-width:1100px;height:auto;margin:1em 0;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:30px;margin:0; color:#000;padding-bottom:20px;}
.box-d .product .product-info .product-content p{font-size:18px;padding:0;margin:1px;line-height:1.3em}


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

.custom-mobile {
	display: none;
  }

.box-b {position:relative;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	}

.box-b img {
		vertical-align:center;
		width: 200px;
		padding:10px;
		}





@media screen and (max-width:980px){
	.col{padding:10px 30px 10px 30px;}	
	.col {
    width: 100%;
    float:none;
    box-sizing: border-box;
    padding: 0 10px;}	

	.slika{width: 100%;float: none;}
	.paragraf {
    float: left;
    text-align: center;
    margin: 10px 60px 10px 60px;
}

}


	

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

	
	.row{margin-bottom:0}
	.box-a {width:100%;}
	.box-a .product{margin:0 auto}
	.box-a .product .product-info{width:100%;height:auto;display:block;}	
.box-a .product .product-info .product-content h1{ margin:0;}

	.box-a{margin-bottom:2em}


	.col{padding:5px;}
	.col {
    width: 100%;
    float:none;
    box-sizing: border-box;
    padding: 0 10px;}
	
}

@media screen and (max-width: 670px){
		.naslov1{font-size:29px;}
			.slika{
		width:100%;
		float:none;
		
}
.custom-desktop {
    display: none;
  }
  .custom-mobile {
    display: block;
  }
}
	
	

@media screen and (max-width:583px){
	
	.row{margin-bottom:0}

	.col1 {	width: 100%;}
 	
	.box-a {width:100%;}
	.box-a .product{max-width:570px;margin:0 auto}
	.box-a .product .product-info{width:100%;max-width:100%;height:auto;display:block;}

	.box-a .product .product-info .product-content p { font-size:14px;}	
	.box-a .product .product-info .product-content h1 { text-align: center;}
	




	
	
@media screen and (max-width:492px){
	.col {padding:0px;}
	
}

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

	.paragraf {
    float: left;
    text-align: center;
    margin: 10px 0px 10px 0px;
}
}

@media screen and (max-width: 370px;){
		.box-a .product .product-info .product-content p {
		font-size: 16px;}
		.naslov1 {    
    font-size: 24px;   
}

.naslov {        
   
    font-size: 15px;
}
		
}

@media screen and (max-width: 345px;){
		.box-a .product .product-info .product-content p {
		font-size: 15px;}
}
@media screen and (max-width:325px){
	.box-a .product .product-info .product-content p {
    font-size: 14px;}