@charset "utf-8";
/* CSS Document */

body { font-family: 'Open Sans', sans-serif; color:#b9b9b9; font-weight:400; font-size:13px; background-color:#202020;}

a { color:#ef3a1b; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); -webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
a:hover, a:focus {text-decoration:none;outline:none; color:#fff }

h1,h2,h3,h4,h5,h6 {font-family: 'museo700', Arial, sans-serif; font-size:24px; color:#fff; font-size:26px}
h1.title { font-size:26px; }
h1.title span { color:#ef3a1b }
h2 { font-size:18px }
h3,h4,h5,h6 { font-size:16px }

/* Typo */
p { line-height:18px; }
p.welcome { line-height:20px;}
strong, b { font-weight:700 }

/* Help */
.rounded {border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.shadow {-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.8);box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.8);}
.anim {-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
.transparent {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.transparent:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.boja {color:#ef3a1b;}

/* Layout */
header { background-color:#0c0c0c }
footer { background-color:#0c0c0c; padding:20px 0px; color:#636363; border-bottom:15px solid #000 }
.font {font-family: 'museo700', Arial, sans-serif; }
ul { list-style:none; padding:0px; margin:0px }

.wide { }
.dark { background-color:#0c0c0c; }

a.button, .button { display:inline-block; color:#fff; background-color:#ef3a1b;padding:8px 15px; text-transform:uppercase; font-family: 'museo700', Arial, sans-serif;  font-size:14px; margin-bottom:15px; background-image:url(../images/btn-arrow.png); background-repeat:no-repeat; background-position:left center; padding-left:36px; }
a.button:hover, .button:hover { background-color:#0c0c0c; }
.dark a.button:hover, .dark .button:hover { background-color:#202020; }
.button:hover { color:#FFF;}
input.button {-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}

a.button.back { background-image:url(../images/btn-arrow-back.png); }

a.logo { display:block; margin:10px 0px; width:300px; height:80px; background-repeat:no-repeat; background-position:center; background-image:url(../images/logo.png); }
a.logo_mobile { display:block; margin:5px 0px; margin-left:-5px; width:180px; height:50px; background-repeat:no-repeat; background-position:center; background-image:url(../images/logo-mobile.png); }
a.footer_logo {margin:auto; width:170px; height:45px; display:block; background-image:url(../images/footer-logo.png); background-repeat:no-repeat; background-position:top center;  }


/* Site top */
.site_top { display:none; }

/* Main menu */
ul.main_menu { margin-top:55px}
ul.main_menu li { display:inline-block; position:relative }
ul.main_menu li a { display:block; font-size:18px; text-transform:uppercase; color:#949494; padding:5px 12px; margin-bottom:10px }
ul.main_menu li a:hover { color:#fff }
ul.main_menu li a.active { color:#ef3a1b }
ul.main_menu li ul { display:none; position:absolute; margin-top:-2px}
ul.main_menu li ul li { width:200px; }
ul.main_menu li ul li a { color:#fff; border-top:1px solid #f0482b; text-transform:none; font-size:16px; padding:10px 12px; background-color:#ef3a1b; margin-bottom:0px }
ul.main_menu li ul li a:hover { background-color:#202020; }
ul.main_menu li ul li.top { position:absolute; display:block; top:-7px; height:7px; background-image:url(../images/menu-top-pointer.png); background-repeat:no-repeat; background-position:bottom left 20px }
ul.main_menu li ul ul { left:200px; top:3px }
ul.main_menu li ul ul li a {background-color:#202020; border-color:#191919;padding:8px 12px;}
ul.main_menu li ul ul li a:hover {background-color:#ef3a1b;}

/* Responsive menu */
a.rButton { width:60px; height:60px; background-color:#ef3a1b; background-position:center; background-repeat:no-repeat; background-image:url(../images/ico-menu.png); margin-right:-15px }
.rOptions { position:absolute; background-color:#ef3a1b; color:#fff; display:none; z-index:2000; width:100%;}
ul.responsive_menu {}
ul.responsive_menu li { display:block }
ul.responsive_menu li a { display:block;padding:10px 15px; text-transform:uppercase; color:#fff; font-size:18px;border-bottom:1px solid #f0482b; }
ul.responsive_menu li a:hover, ul.responsive_menu li a.active { padding-left:30px; }
ul.responsive_menu li:last-child a { border:0px }
ul.responsive_menu ul { display:none; background-color:#202020; }
ul.responsive_menu ul li a { border-color:#191919;color:#949494;font-size:16px; padding:10px 12px;padding-left:30px;}
ul.responsive_menu ul li a:hover { color:#fff;padding-left:40px;background-color:#0c0c0c }

/* Rotator */
.rotator_wrap {  }
.royalSlider { height:400px; width:100%; }
.royalSlider > .rsContent {visibility: hidden; }
.royalSlider h1 { font-size:36px }
.royalSlider h1, .royalSlider p {text-shadow: 1px 1px 3px rgba(0, 0, 0, 1); }
.rPanel { margin-top:35px }
.rPanel p {display:block; margin-bottom:20px}

/* Royal nav */
.rsMinW .rsArrowLeft { right:auto; left:0px; bottom:auto; top:50%}
.rsMinW .rsArrowRight { right:0px; left:auto; bottom:auto; top:50%}
.rsMinW .rsBullets { left:15px; right:auto; top:auto; bottom:30px;  text-align:center; padding:0px;  }
.rsMinW .rsBullet, .rsMinW .rsBullet span {width:15px; height:15px; padding:0px; margin:0px 5px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.rsMinW .rsBullet span { background-color:#fff; cursor:pointer   }
.rsMinW .rsBullet.rsNavSelected span { background-color:#ef3a1b}

/* Kategorije izdvajamo */
.home_cross, .home_quad {display:block;background-color:#000; position:relative; z-index:1000; padding:15px 20px;background-repeat:no-repeat; background-size:360px 175px; margin-left:-15px; margin-right:-15px;}
.home_cross p, .home_quad p { color:#dedede; font-size:14px; }
.home_cross p strong, .home_quad p strong { color:#ef3a1b }
.home_cross h1, .home_quad h1 { margin-top:0px }
.home_cross { background-image:url(../images/kategorije-cross.jpg); background-position:right -100px top }
.home_quad { background-image:url(../images/kategorije-quad.jpg); background-position:left -100px top }

/* Proizvodi */
ul.proizvodi { margin-bottom:20px }
ul.proizvodi li { }
ul.proizvodi li a { display:block; position:relative; margin:0px 5px; }
ul.proizvodi li a:hover {-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.8);box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.8); }
ul.proizvodi li a:hover .proizvod_wrap h2 { color:#ef3a1b; }
ul.proizvodi li a .proizvod_wrap h2 {margin-bottom:0px}
ul.proizvodi li a img {width:100%; display:block}
ul.proizvodi li a p { display:none; margin-bottom:0px; margin-top:10px ; color:#fff}
.proizvod_wrap {position:absolute; left:0px; bottom:0px; right:0px; background-image:url(../images/text-gradijent.png); background-repeat:repeat-x; background-position:top left;padding:100px 15px 15px 15px;}

.katalog_list ul.proizvodi { margin-top:20px }
.katalog_list ul.proizvodi li { margin-bottom:20px}

/* Owl */
.owl-theme .owl-dots .owl-dot span { background-color:#0c0c0c}
.dark .owl-theme .owl-dots .owl-dot span { background-color:#202020}
.owl-theme .owl-dots .owl-dot.active span {background: #ef3a1b;}
.owl-theme .owl-dots .owl-dot:hover span { background-color:#fff }

/* lazy load */
img.img-lazy {min-height: 130px;display: block;}
img.loader {background: transparent url(../images/spinner.gif) no-repeat 50% 50% /100%;}

/* Slick product */
.slick-dots {bottom: -25px;}
.slick-dots > li > button:before, .slick-dots > li:before{ display: none !important; }
.slick-dots > li{ background: none; width: auto; height: auto; margin: 0; padding: 0 !important; }
.slick-dots > li > button{ width: 10px; height: 10px; padding: 0; margin: 0 5px; border-radius: 50%; background:#202020; }
.slick-dots > li > button:hover, .slick-dots > li.slick-active > button:hover {background:#fff; }
.slick-dots > li.slick-active > button{background:#ef3a1b;}

/* Slick partneri */
.partneri .slick-dots {bottom: -15px;}
.partneri .slick-dots > li > button:before, .slick-dots > li:before{ display: none !important; }
.partneri .slick-dots > li{ background: none; width: auto; height: auto; margin: 0; padding: 0 !important; }
.partneri .slick-dots > li > button{ width: 10px; height: 10px; padding: 0; margin: 0 5px; border-radius: 50%; background:#0c0c0c; }
.partneri .slick-dots > li > button:hover, .partneri .slick-dots > li.slick-active > button:hover {background:#fff; }
.partneri .slick-dots > li.slick-active > button{background:#ef3a1b;}

/* Page top */
.page_top { display:block; height:120px; background-color:#0f0f0f; background-position:center; background-repeat:no-repeat; background-image:url(../images/page-top-2.jpg); }
h1.p_title { margin-top:50px; font-size:24px;text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);}

/* News list */
ul.news_list { margin-bottom:5px; overflow:hidden; margin-top:30px}
ul.news_list li { margin-bottom:15px}
ul.news_list li a { display:block; position:relative; color:#cbcbca; overflow:hidden }
ul.news_list li a:hover {-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.8);box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.8);}
ul.news_list li a .holder h2 {font-size:16px; margin-bottom:0px}
ul.news_list li a:hover .holder h2 {color:#ef3a1b; }
ul.news_list li a .holder h2, ul.news_list li a:hover .holder p { color:#fff }
ul.news_list li a .holder p { display:none; margin-bottom:0px }
ul.news_list li a img { width:100%; }
.holder { position:absolute; left:0px; bottom:0px; right:0px; background-image:url(../images/text-gradijent.png); background-repeat:repeat-x; background-position:top left;padding:100px 15px 15px 15px; }
.tag { background-color:#ef3a1b; color:#fff; padding:5px 10px; position:absolute; left:0; top:20px; text-transform:uppercase; font-size:11px; z-index:1000;font-family: 'museo300', Arial, sans-serif !important; }

/* Paginacija */
ul.paginacija { display:block; text-align:center; overflow:hidden; margin-bottom:20px; }
ul.paginacija li { display:inline-block; margin:0px 2px }
ul.paginacija li a { display:block;background-color:#0c0c0c; color:#fff; padding:8px 14px}
ul.paginacija li a.active, .dark ul.paginacija li a.active { background-color:#ef3a1b }
ul.paginacija li a:hover, .dark ul.paginacija li a:hover { background-color:#000 }
.dark ul.paginacija li a { background-color:#202020; }

/* Katalog menu */
ul.katalog_menu { margin:20px 0px}
ul.katalog_menu li a {display:block; padding:15px 10px 15px 0px; color:#fff; font-size:22px; border-right:3px solid #ef3a1b}
ul.katalog_menu li ul { background-image:url(../images/katalog-menu-glow.png); background-repeat:repeat-y; background-position:top right}
ul.katalog_menu li ul li a {color:#949494; padding:10px 15px; font-size:16px; border-right:0px; border-bottom:1px solid #0c0c0c}
ul.katalog_menu li ul li:last-child a { border-bottom:0px; }
ul.katalog_menu a.active { color:#ef3a1b !important; }
ul.katalog_menu li ul li a:hover { color:#fff }
ul.katalog_menu li ul ul { display:none }
ul.katalog_menu li ul ul li a { font-size:14px; background-image:none; margin-left:15px; border-left:2px solid #666; }

/* Proizvod */
article { display:block; padding:20px 0px }
.article-image { width:100%; margin-top:10px; margin-bottom:15px;}
article ul { display:block; margin:20px 0px; }
article ul li { padding-left:18px;background-image:url(../images/bullet.png); background-repeat:no-repeat; background-size:7px 7px; background-position:top 6px left; color:#fff}

h1.proizvod { text-transform:uppercase; font-size:24px } 
h1.proizvod_naslov { font-size:24px; border-bottom:1px solid #1e1e1e; padding-bottom:10px; text-transform:uppercase}
p.opis {border-bottom:1px solid #1e1e1e; padding-bottom:20px}
span.podnaslov { display:block; color:#ef3a1b; font-size:14px; margin:5px 0px }
.cijena_wrap {display:block;border-bottom:1px solid #1e1e1e; margin:15px 0px; padding-bottom:15px}
.stanje { display:block;font-size:16px; color:#fff; background-position:left center; background-repeat:no-repeat; padding-left:40px; padding-top:15px; padding-bottom:15px ;}
.stanje.da { background-image:url(../images/ico-stanje-da.png);}
.stanje.ne { background-image:url(../images/ico-stanje-ne.png);}
.cijena { display:block;font-weight:700; font-size:20px; color:#fff; text-align:right }
.cijena span.stara { text-decoration:line-through; display:block; font-size:16px;color:#b9b9b9;}
.cijena span.stara .secondary-currency{
	font-size: 14px;
	display: block;
}
.cijena .secondary-currency{
	font-size: 18px;
	display: block;
}

.fiksni-tecaj{
	font-size: 12px;
	font-style: italic;
	opacity: 75;

}

ul.prevnext { margin:20px 0px; overflow:hidden}
ul.prevnext li { float:left; width:50%;}
ul.prevnext li a { display:block;background-color:#202020; padding:10px 15px; color:#838383; text-transform:uppercase; font-size:10px; background-repeat:no-repeat;}
ul.prevnext li a:hover { background-color:#ef3a1b;color:#fff }
ul.prevnext li a:hover span { color:#fff }
ul.prevnext li a span { text-transform:uppercase; display:block; color:#fff; font-size:14px; }
ul.prevnext li:nth-child(odd) a { margin-right:1px; text-align:right; background-position:left 10px center;} 
ul.prevnext li:nth-child(even) a { margin-left:1px; text-align:left; background-position:right 10px center;  } 

table { margin:25px 0px }
table tr td {border-bottom:1px solid #1e1e1e!important; border-top:0px !important; padding-left:0px!important; padding-right:0px!important}
table.karakteristike tr td:first-child { padding-right:20px !important; color:#ef3a1b  }
table tr:last-child td { border:0px !important;}
table thead tr  {border-bottom:2px solid #1e1e1e!important;}
table thead tr td { color:#fff; font-weight:700; font-size:15px }
.table-responsive { border-color:#1e1e1e; padding:10px }
.table-responsive table { margin:0px 0px }

/* Aside */
.aside_title {display: block; padding: 15px 10px 15px 0px; color: #fff; font-size: 22px; border-right: 3px solid #ef3a1b;}
ul.related { margin-bottom:35px}
ul.related li { background-image: url(../images/katalog-menu-glow.png);background-repeat: repeat-y; background-position: top right; }
ul.related li a {display:block;color: #949494; padding: 10px 15px 10px 0px; font-size: 16px; border-right: 0px; border-bottom: 1px solid #0c0c0c;}
ul.related li a:hover { color:#fff }
ul.related li a.active { color:#ef3a1b}
ul.related li a span { display:block; color:#838383; font-size:10px;font-family: 'Open Sans', sans-serif; }

/* Servis i dijelovi */.
.glow { background-image:url(../images/gray-glow.png); background-position:top center; background-repeat:repeat-y }
.detalj_servis { position:absolute; display:none; margin:auto; left:0; right:0; margin-top:-15px;  height:220px; background-image:url(../images/detalj-servis.png); background-repeat:no-repeat; background-position:center  }
.box_dodaci, .box_servis { position:relative;padding:15px 0px }
.box_dodaci { margin-left:-15px; padding-left:60px; background-image:url(../images/bg-box-kaciga.jpg); background-repeat:no-repeat; background-position:left -65px center; background-size:150px 150px;}
.box_servis { margin-right:-15px; padding-right:65px; background-image:url(../images/bg-box-guma.jpg); background-repeat:no-repeat; background-position:right -40px center; background-size:150px 150px; }

/* Partneri */
.partneri { display:block; margin-top:30px }
.partneri div { text-align:center }
.partneri div a { padding:0px 20px; display:block }

/* Newsletter */
.frm_newsletter { text-align:center }
.frm_newsletter .form-control { background-color:#202020; border-color:#202020; margin-bottom:20px }
.frm_newsletter .btn { background-color:#000; border-color:#000; text-transform:uppercase;color:#636363;margin-bottom:20px  }
.frm_newsletter .btn:hover { background-color:#ef3a1b; border-color:#ef3a1b; color:#fff }

.form-control {background-color:#202020; border-color:#202020;}
form.kontakt .btn {display:inline-block; color:#fff; background-color:#ef3a1b;padding:8px 15px; text-transform:uppercase; font-family: 'museo700', Arial, sans-serif;  font-size:14px; margin-bottom:15px; background-image:url(../images/btn-arrow.png); background-repeat:no-repeat; background-position:left center; padding-left:36px; border:0px }
form.kontakt .btn:hover {background-color:#202020; }
.kontakt_reveal { display:none }

/* Footer menu */
h1.f_title { margin-top:5px; }
ul.footer_menu { margin-top:5px; text-align:center }
ul.footer_menu li { display:inline-block;}
ul.footer_menu li a { padding:0px 5px; font-size:12px; color:#636363; text-transform:uppercase; -webkit-font-smoothing: antialiased; }
ul.footer_menu li a:hover { color:#fff }
ul.footer_menu li a.active { color:#ef3a1b }

.f_vrijeme { margin:5px 0px;font-size:11px;display:block; text-align:center; margin-bottom:20px }
.f_vrijeme strong { color:#ef3a1b }
.f_text {display:block; font-size:11px; margin-top:15px; text-align:center; margin-bottom:20px }
.f_text span {color:#fff; font-size:14px }
.f_text a { display:block; }
.credits { text-align:center; margin-top:20px }

/* Map */
.map { display:block; height:280px}

/* 404 */
.greska_logo_wrap { margin-top:10px !important}
.greska_wrap { text-align:center; display:block;margin:20px 0px; margin-bottom:35px }
.greska_wrap h1 {font-size:50px; margin-top:50px }
.greska_logo { margin:auto !important;margin-bottom:35px; float:none; display:inline-block; padding:30px 0px;}
.greska_text { text-align:center !important }
.credits.greska_text { margin-top:15px }
.greska_kontakt { margin-top:20px }

.gallerija_wrapp { margin:15px 0px;}

/* Dorade 19.11.2015 */
ul.katalog_menu {}

ul.katalog_menu li a {font-size:22px;}
ul.katalog_menu li ul li a {font-size:16px;font-family: 'museo300', Arial, sans-serif !important;}
span.podnaslov, ul.footer_menu li a, .credits a, .f_text span, .frm_newsletter .btn, a.button, ul.related li a, ul.prevnext li a span, ul.main_menu a {font-family: 'museo300', Arial, sans-serif}

ul.katalog_menu li ul li a { background-image:url(../images/arrow-desno.png); background-repeat:no-repeat; background-position:right 10px center; background-size:16px 16px }
ul.katalog_menu li ul li a:hover, ul.katalog_menu li ul li a.active { background-position:right 15px center }

article h1, article h2, article h3, article h4, article h5, article h6 {font-family: 'museo300', Arial, sans-serif}
article h1.proizvod_naslov {font-family: 'museo700', Arial, sans-serif}


@media (min-width:321px){
	
}

@media (min-width: 479px){
	
	/* Rotator */
	.rPanel { text-align:right; margin-top:60px }
	.royalSlider h1 { font-size:40px }
	
	/* Page top */
	h1.p_title { font-size:36px; text-align:right; margin-top:40px }
	
	/* Royal nav */
	.rsMinW .rsBullets { left:auto; right:30px; top:auto; bottom:30px;  text-align:center; padding:0px;  }
		
	/* News list */
	ul.news_list li a .holder h2 {font-size:16px; margin-bottom:10px}
	ul.news_list li a .holder p { display:block; }
	ul.news_list li { float:left; width:50%; }
	ul.news_list li:nth-child(odd) a { margin-right:8px;}
	ul.news_list li:nth-child(even) a { margin-left:8px;}	
	ul.news_list li a .holder p { display:none; }
	
	/* Kategorije */
	.home_cross, .home_quad { padding:30px;border-bottom:2px solid #0f0f0f; }
	.home_cross:hover , .home_quad:hover {border-bottom:2px solid #ef3a1b; }
	.home_cross { background-image:url(../images/kategorije-cross.jpg); background-position:right 0px top; padding-right:130px }
	.home_quad { background-image:url(../images/kategorije-quad.jpg); background-position:left 0px top; padding-left:130px }
	
	/* Proizvod */
	ul.prevnext li:nth-child(odd) a { margin-right:5px; text-align:right; padding-left:35px; background-image:url(../images/arrow-lijevo.png);} 
	ul.prevnext li:nth-child(even) a { margin-left:5px; text-align:left; padding-right:35px; background-image:url(../images/arrow-desno.png);} 
	ul.prevnext li:nth-child(odd) a:hover {background-position:left 0px center;}
	ul.prevnext li:nth-child(even) a:hover {background-position:right 0px center;}
	ul.prevnext li a span { font-size:16px; }
	
	.katalog_list ul.proizvodi li { float:left; width:50%;}
	
	/* 404 */
	.greska_wrap h1 {font-size:60px; }
	
}

@media (min-width: 768px) {
	h1.title { font-size:30px; }
	h2 { font-size:20px }
	h3,h4,h5,h6 { font-size:18px }
	p.welcome { padding:0px 100px}
	
	/* Proizvod */
	h1.proizvod_naslov { font-size:30px; }
	.stanje { font-size:18px }
	.cijena { font-size:24px;}
	/*.cijena { text-align:right}*/
	ul.prevnext li a span { font-size:18px; }
	
	.katalog_list ul.proizvodi li { float:left; width:33.33%;}
	
	
	/* Rotator */
	.rPanel { text-align:right; padding-left:40%; }
	.rPanel a.button { padding:12px 25px; font-size:16px; padding-left:45px }
	.rPanel a.button:hover { background-position:left 6px center; }
	
	/* Royal nav */
	.rsMinW .rsBullets { left:0px; right:0px; top:auto; bottom:95px; text-align:center; padding:0px;}
	
	/* Kategorije izdvajamo */
	.home .home_cross, .home .home_quad {margin-top:20px}
	.page .home_cross, .page .home_quad {margin:20px 0px}
	.home_cross, .home_quad {margin-left:0px; margin-right:0px;}
	.home_cross:hover, .home_quad:hover {-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.8);box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.8);}
	.home_cross { padding-right:50px; margin-left:-8px }
	.home_quad { padding-left:50px; margin-right:-8px }	
	.home_cross:hover {  background-position:right -15px top;}
	.home_quad:hover {  background-position:left -15px top;}
	
	/* Servis i dijelovi */
	.box_dodaci { margin-left:0px; padding-left:150px; background-image:url(../images/bg-box-kaciga.jpg); background-repeat:no-repeat; background-position:left -0px center; }
	.box_servis { margin-right:0px; padding-right:150px; background-image:url(../images/bg-box-guma.jpg); background-repeat:no-repeat; background-position:right -5px center; }
	
	/* News list */	
	ul.news_list li a .holder h2 {font-size:18px; margin-bottom:0px}
	
	/* 404 */
	.greska_wrap h1 {font-size:72px; margin-top:50px }
	
}

@media (min-width: 992px) {
	h1.title { font-size:36px; }
	p.welcome { padding:0px 150px}
	
	/* Site top */
	.site_top { display:block; padding:5px 0px; font-size:11px; color:#949494 }
	.site_top strong, ul.top_menu li a:hover {color:#ef3a1b }
	ul.top_menu li { display:inline-block;}
	ul.top_menu li a { display:block; padding:0px 8px;color:#949494; font-size:11px }
	
	
	/* Rotator */
	.royalSlider { height:600px; }
	.royalSlider h1 { font-size:48px }
	.rPanel { margin-top:130px;}
	
	/* Proizvodi */
	ul.proizvodi li a:hover p { display:block }
	ul.prevnext li:nth-child(odd) a { margin-right:10px; text-align:right} 
	ul.prevnext li:nth-child(even) a { margin-left:10px; text-align:left }
	ul.prevnext li a span { font-size:20px; }
	ul.katalog_menu li ul ul { display:block }
	
	/* Kategorije izdvajamo */
	.home .home_cross, .home .home_quad {margin-top:-80px}
	.home_cross h1, .home_quad h1 { font-size:30px;}
	.home_cross { padding-right:150px }
	.home_quad { padding-left:150px }
	
	/* Servis i dijelovi */
	.box_dodaci, .box_servis { background-image:none; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px}
	.detalj_servis { display:block }
	
	/* News list */
	ul.news_list { margin-bottom:20px;}
	ul.news_list li a .holder h2 {margin-bottom:10px}	
	ul.news_list li a .holder p { display:block; }
	
	/* Article */
	.article_image { width:50%; float:left; margin-right:25px; margin-bottom:15px }
	
	/* Paginacija */
	ul.paginacija { display:block; text-align:center; overflow:hidden; margin-bottom:40px; }
	
	/* footer */
	ul.footer_menu, .credits { text-align:right}
	.credits { margin-top:60px; }
	.f_text, .f_vrijeme, .frm_newsletter { text-align:left }
	a.footer_logo { margin:inherit }
	.f_text { margin-bottom:0px }
	.frm_newsletter .form-control { margin-bottom:5px }
	.frm_newsletter .btn { margin-bottom:5px  }
	
	/* 404 */
	.greska_wrap h1 {font-size:100px; margin-top:50px }
	.greska_kontakt { margin-top:40px }
	
}


@media (min-width: 1200px) {
	/* Servis i dijelovi */
	.box_dodaci h2, .box_servis h2 { font-size:24px }
	
	/* Article */
	.article_image { width:55%; float:left; margin-right:25px; margin-bottom:15px }
	
	/* DORADE 02.11.2015 */
	/* Proizvodi */
	.katalog_list ul.proizvodi li { float:left; width:25%;}
}


@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
	a.rButton { background-image:url(../images/ico-menu-retina.png); background-size:50px 50px }
	a.logo { background-image:url(../images/logo-retina.png); background-size:300px 80px }
	a.logo_mobile { background-image:url(../images/logo-mobile-retina.png); background-size:180px 50px }
	a.footer_logo { background-image:url(../images/footer-logo-retina.png); background-size:170px 45px }
	a.button { background-image:url(../images/btn-arrow-retina.png); background-size:36px 36px;}
	.stanje.da { background-image:url(../images/ico-stanje-da-retina.png); background-size:30px 30px}
	.stanje.ne { background-image:url(../images/ico-stanje-ne-retina.png); background-size:30px 30px}
	ul.prevnext li:nth-child(odd) a {background-image:url(../images/arrow-lijevo-retina.png); background-size:30px 30px} 
	ul.prevnext li:nth-child(even) a { background-image:url(../images/arrow-desno-retina.png); background-size:30px 30px} 
	
	/* Dorade 19.11.2015 */
	ul.katalog_menu li ul li a { background-image:url(../images/arrow-desno-retina.png); background-size:16px 16px }
	
	
}

form * { -webkit-border-radius:0px !important; -moz-border-radius: 0px !important; border-radius:0px !important; box-shadow:none;}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, .poruka_input:focus, .form-control:focus, input[select] {   
border-color: rgba(223, 70, 70, 1); /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/ outline: 0 none;}
input[type="text"], input[type="email"], textarea {	resize:none; outline: none; box-shadow:none !important;}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}


.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
   margin-bottom:25px;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}



/* COOKIES */

/* COOKIES FIRST */
.cookies_wrap{font-family: 'Open Sans', sans-serif; position: fixed; bottom: 0; left: 0; right: 0; margin: 0 auto; min-height: 81px; background-color: rgba(0, 0, 0, 0.85); padding: 26px; color: #fff; font-size: 12px; line-height: 18px; text-align: center; z-index: 99999; width: 100%; }
.cookies_wrap p{ margin: 0; }
.cookies_wrap .cookies_wrap_outer{ display: inline-block; width: 960px; }
.cookies_wrap .cookies_wrap_text, .cookies_wrap_btns{ display: inline-block; vertical-align: middle; }
.cookies_wrap .cookies_wrap_text{ width: 60%; margin-right: 20px; text-align: left; }
.cookies_wrap .cookies_wrap_text a{ font-weight: 700; color: #fff !important; }
.cookies_wrap .cookies_wrap_btns{ text-align: right; }
.cookies_wrap .cookie_btn{ padding: 10px 28px; margin: 0 5px; min-width: 134px; text-align: center; display: inline-block; text-transform: uppercase; font-weight: bold; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; border-radius: 20px; }
.cookies_wrap .cookie_btn:hover{ text-decoration: none; }
.cookies_wrap .cookie_btn_default{ color: #fff !important; background-color: #ef3a1b; }
.cookies_wrap .cookie_btn_default:hover{ background-color: #fff; color: #ef3a1b !important; }
.cookies_wrap .cookie_btn_close{ display: inline-block; position: absolute; top: 10px; right: 10px; text-transform: uppercase; color: #fff; height: 20px; width: 20px; border-radius: 50%; background-color: #fff; text-decoration: none; }
.cookies_wrap .cookie_btn_close:after{ content: "x"; font-size: 12px; font-weight: bold; color: #ef3a1b; position: absolute; top: 50%; left: 50; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.cookies_wrap .cookie_btn_close:hover{ text-decoration: none; color: #fff; }

/* RESPONSIVE */

@media (max-width: 1200px){

}
@media (max-width: 992px){
	.cookies_wrap .cookies_wrap_outer{ width: 100%; }
}
@media (max-width: 768px){
	.cookies_wrap .cookies_wrap_text, .cookies_wrap_btns{ display: block; text-align: center !important; width: 100%; }
	.cookies_wrap_btns{ margin-top: 10px; }
}