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:1200px;background:whitesmoke;max-width:1200px;background-repeat:no-repeat;margin:0 auto;background-position:top;background-size:cover}
.content-area p{font-size:16px;line-height:1.3em;color:#000;}
.section{max-width:1200px;margin:0 auto}
.container{max-width:1200px;margin:0 auto;overflow:hidden}

.naslovmin{text-align:left;color:#000;margin:0px;}
.naslov1a{color:#000;font-size:50px; text-align:left; margin-bottom:-11px;font-weight: 500;line-height: 105%;}
.ptag {text-align:left; font-size:16px; color:#000;margin-right: 650px;}
.BOX1 {float:left;padding-top:55px;text-align:right;}
.poz {	
		background: url('../images/bg1.jpg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height:500px;
		position: relative;
		padding: 30px;		
		
}

.naslov1{text-align:center;font-size:35px;line-height: 1.31; padding-top:77px;}
.youtube{width:100%;position:relative;height:500px;border:none;}
.lol {padding:20px;}
.naslovA {font-size:24px;color:#33eaff;text-align:center;}
.naslovB {color:#fff;font-size:18px;text-align:center;}
.fotka {display:block;position: absolute;top: 640px;left: 600px;}


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


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

.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:570px;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:0 10px}
.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: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:0;}
	.col1{padding:.4em 5em 1em 5em;}
	.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: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:100%;
		float:left;
		
}


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

.specke {
		width:100%;
}

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

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

.paragraf10 {text-align:left;margin-left:20px;margin-right:200px;}
.paragraf {float:left;text-align:left;margin:120px 35px 65px 35px;}
.paragraf11 {text-align:left;margin-left:5px;}
.paragraf1 {float:left;text-align:left;margin:10% 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:100%;border:0;height:0;margin:0 auto}

.box-a .product{position:relative;width:100%;max-width:1200px;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:34px;margin:0;color:#000;line-height: 125%;}
.box-a .product .product-info .product-content p{font-size:16px;padding:0;margin:1px;line-height:1.3em;padding-top:10px;}

.box-p .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-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;font-size:40px;}
.box-p .product .product-info .product-content p{font-size:22px;padding:0;margin:1px;line-height:1.3em}

.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{text-align: left; margin:0; color:#000;padding-bottom: 30px;line-height:1.3em}
.box-p1 .product .product-info .product-content p{font-size:18px;padding:0;margin:1px;line-height:1.3em}

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











@media screen and (max-width: 950px) {	
	.ptag {    
    margin-right: 520px;}
}

@media screen and (max-width:816px){
	.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: none;
    text-align: center;
    margin: 0px 0px 0px 0px;
}

	
	.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:0em}


	
}

@media screen and (max-width: 790px) {	
	.ptag {    
    margin-right: 320px;}
}

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

@media screen and (max-width:583px){
	
	.row{margin-bottom:0}
	.col{padding: 10px 30px 10px 30px;}
	.col1{padding: 10px 30px 10px 30px;}
	.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;}

	.ptag {    
    margin-right: 150px;}

}
	


@media screen and (max-width: 560px){
		.naslov1 {font-size:25px;}
		.slika33 {float:none;}
		.paragraf11 {
    text-align: center;
		margin: 0px 0px 0px 0px;}
		
		
}

@media screen and (max-width:520px){
	
	.paragraf {text-align:center;margin-left:0px;}
	}
	
	
@media screen and (max-width:492px){
	.col {padding:0px;}
	
}

@media screen and (max-width: 410px) {
		
	.ptag {text-align:left; font-size:16px; color:#000;margin-right: 0px;}

}

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

@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;}
	.box-a .product .product-info .product-content h1 {
    font-size: 23px; margin:0px;}
}