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

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin-ext,latin);

*{margin:0; padding:0;}
body{margin:0;padding:0;font-family:'Open Sans',sans-serif;font-size:14px; letter-spacing:0; line-height:100%; font-weight:400; color:#444; background:#fff url(../images/template/pozadina.jpg) repeat fixed !important;}
#sb-site{ min-height:0 !important}

.clr{ height:0; clear:both;}
a{ text-decoration:none;-o-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; color:#D61213}
p{ margin-bottom:10px; line-height:16px}
h1, h2, h3, h4, h5, h6{ font-weight:400; line-height:120%;}
h2.title{ background:#e40613; border-top:2px solid #000; padding:10px 20px; margin:0 0 10px 0; font-size:20px; color:#fff}
h3{ font-weight:300; font-size:24px; margin-bottom:10px;}
h3.info {position: absolute; background: rgba(214, 18, 19, 0.6); bottom: 5%; color: #fff; left: 5%; padding: 10px 20px; text-shadow: 2px 2px #0e1e41; font-weight: 550;}
hr{ border:0; height:1px; border-top:1px solid #e1e1e1; padding:5px 0}
img{ width:auto; max-width:100%; height:auto; display: block; margin-left: auto; margin-right: auto;}
img.border{ padding:2px; border:1px solid #ccc;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin-top: 25px;margin-bottom:15px}
img.left{ float:left; margin-right:10px;}
img.right{ float:right; margin-left:10px;}
img.center{display:block; margin:0 auto 10px auto;}
img.center-main {display:block; margin:0 auto 10px auto; clear: both; }

span.times {display: block;height: 16px;line-height: 16px;color: #999;font-size: 12px;background: url(../images/template/time-ico.png) left center no-repeat;padding-left: 20px;margin-bottom: 10px;position: absolute;}
#bodykontakt tr {border-bottom: 1px solid #ccc;}
h4.title {background: #e40613;border-top: 2px solid #000;padding: 10px 20px !important;margin:20px 0 10px 0 !important;font-size: 18px;color: #fff;}

/*Grid*/
.container{width:100%; max-width: 1200px; padding:0 20px; margin:0 auto; position:relative; background:#fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.grid-3, .grid-4, .grid-6, .grid-8, .grid-9{ float:left}
.grid-3{ width:25%}
.grid-4{ width:33%}
.grid-6{ width:50%}
.grid-8{ width:67%}
.grid-9{ width:75%}
.block{ margin:10px;}
.grid-9 h2.title {margin-bottom: 30px;}
/*End Grid*/

#footer .container .grid-6.omega .block {color: #000;}

.web{ position:relative;}
td{padding: 5px !important}

#top .container{background:#D61213; z-index:99;}
#top .container .block{ margin:8px 0}
#top .container .top-menu li{ display:inline; list-style:none; padding-right:12px;}
#top .container .top-menu li a{ color:#fff; line-height:22px}
#top .container .omega .block{ float:right;}
#top .container .omega .block a{ color:#fff;}
#top .container .select-lang{ position:relative; z-index:99; display:block; float:right;}
#top .container .select-lang a.active{ position:relative;background-color:#D61213 !important; z-index:99; display:block; padding:12px 5px 13px 5px; margin:-8px 0;}
#top .container .select-lang a.active span{ background:#D61213 url(../images/template/arr-down.png) right center no-repeat; width:10px; height:6px; display:inline-block; padding-left:20px;}
#top .container .select-lang a.lang-en,
#top .container .select-lang a.lang-eng{ background:url(../images/template/lang-ico-en.png) 10px center no-repeat; padding-left:30px !important;}
#top .container .select-lang a.lang-sr,
#top .container .select-lang a.lang-lat{ background:url(../images/template/lang-ico-sr.png) 10px center no-repeat; padding-left:30px !important;}
#top .container .select-lang .all-lang{ position:absolute; width:100%; top:-50px; right:0; background:#fff; border:1px solid #eee; -o-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; z-index:1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:3px 7px;}
#top .container .select-lang:hover .all-lang{ top:30px;}
#top .container .select-lang .all-lang a{ color:#444; padding:5px 0; display:block;}
#top .container .select-lang .all-lang a.active {background-color: transparent !important; padding:5px 0; margin: 0px; display:block}
#top .container .select-lang .all-lang a:hover{ color:#D61213;}
#top .container .soc-ico { float:right; background:url(../images/template/top-separator.jpg) right center no-repeat; padding-right:15px; margin-right:10px;}
#top .container .soc-ico a.face{ display:inline-block; width:20px; height:20px; background:url(../images/template/face-ico.png) center center no-repeat;}
#top .container .soc-ico a.tw{ display:inline-block; width:20px; height:20px; background:url(../images/template/tw-ico.png) center center no-repeat;}
#top .container .soc-ico a.gplus{ display:inline-block; width:20px; height:20px; background:url(../images/template/g-plus.png) center center no-repeat;}
#top .container .soc-ico a{padding:10px 5px; margin:-10px 0}
#top .container .soc-ico a:hover{ background-color:rgba(0,0,0,0.1);}

#header .omega button, input, optgroup, select, textarea { color: #000 !important;}
#header .search { padding: 0 20px;}
#header .container { padding: 0px; background: #e40613;}
#header .block{ margin:0}
#header #logo{ background:url(../images/template/logotigar.jpg) center center no-repeat; width:100%; height:78px; display:block; padding:20px 0}
#header .omega .block{ float:right; margin-top:40px;}
#header .omega .block input[type="text"]{ width:320px; height:36px; border:1px solid #e1e1e1; text-indent:10px; background:#f5f5f50a url(../images/template/search-ico.png) right center no-repeat; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

/* menu */
/*#sb-site #menu{ width:100%; max-width:1200px; margin:0 auto; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:2px 0;}
#sb-site #menu .container{ background:#eee; height:40px;}

#sb-site #menu nav{margin:0; padding:0;}
#sb-site #menu nav ul { width:auto; height:40px; padding:0; margin:0; list-style:none;}
#sb-site #menu nav ul li{ float:left; position:relative; margin:0 2px;-o-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;border-top:1px solid rgba(0, 0, 0, 0);}
#sb-site #menu nav ul li a{ margin:0 1px 0 0; padding:0 14px; line-height:40px; display:block; font-size:14px; font-weight:400; color:#666 !important;}
#sb-site #menu nav ul li.active {border-top:1px solid #D61213;}
#sb-site #menu nav ul li.active a{}
#sb-site #menu nav ul li li.active { background: #eee; border: none; color: #fff}
#sb-site #menu nav ul li a:hover{ text-decoration:none; color:#000;}

#sb-site #menu nav ul li :hover ul { display: block !important; opacity: 1 !important; visibility: visible !important;}


#sb-site #menu nav ul li ul{padding:0; background:#fff; position: absolute; top: 40px; left: 0; width: 100%; height:auto; min-width:250px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none !important; opacity: 0 !important; visibility: hidden !important; z-index:999; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow:0px 3px 3px 0px rgba(50, 50, 50, 0.3);box-shadow:0px 3px 3px 0px rgba(50, 50, 50, 0.3);}
#sb-site #menu nav ul li ul li{ background:none; padding:0 5px; margin:0; display:block; float:none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0}
#sb-site #menu nav ul li ul li a{margin:0; padding:0 15px; display: block; color: #666 !important; font-size:12px; line-height:30px; border-bottom:1px dotted #e5e5e5}
#sb-site #menu nav ul li ul li:last-child a, #sb-site #menu nav ul li ul li:hover a{ border-color:rgba(0,0,0,0.50);} 
#sb-site #menu nav ul li ul li:hover a{background: #D61213 !important; color:#fff !important;} 
#sb-site #menu nav ul li ul li:last-child{-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;}
#sb-site #menu nav ul li ul li :hover ul {display: block !important; opacity: 1 !important; visibility: visible !important;}

#sb-site #menu nav ul li:hover{}

#sb-site #menu nav ul li ul li ul{padding:0; background:#fff; position: absolute; top: 0; left: 250px; width: 100%; height:auto; min-width:250px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none !important; opacity: 0 !important; visibility: hidden !important; z-index:999; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow:0px 3px 3px 0px rgba(50, 50, 50, 0.3);box-shadow:0px 3px 3px 0px rgba(50, 50, 50, 0.3);}
#sb-site #menu nav ul li ul li ul li{ background:none; padding:0 5px; margin:0; display:block; float:none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0}
#sb-site #menu nav ul li ul li ul li a{margin:0; padding:0 15px; display: block; color: #666 !important; font-size:12px; line-height:30px; border-bottom:1px dotted #e5e5e5}
#sb-site #menu nav ul li ul li ul li:last-child a, #sb-site #menu nav ul li ul li:hover a{ border-color:rgba(0,0,0,0.50);} 
#sb-site #menu nav ul li ul li ul li:hover a{background: #D61213 !important; color:#fff !important;} 
#sb-site #menu nav ul li ul li ul li:last-child{-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;}
#sb-site #menu nav ul li ul li :hover ul {display: block !important; opacity: 1 !important; visibility: visible !important;}*/

#sb-site #menu{ width:100%; max-width:1200px; margin:0 auto; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:2px 0;}
#sb-site #menu .container{ background:#eee; height:40px;}

#sb-site #menu nav{margin:0; padding:0;}
#sb-site #menu nav ul { width:auto; height:40px; padding:0; margin:0; list-style:none;}
#sb-site #menu nav ul li{ float:left; position:relative; margin:0 2px;-o-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;border-top:1px solid rgba(0, 0, 0, 0);}
#sb-site #menu nav ul li a{ margin:0 1px 0 0; padding:0 14px; line-height:40px; display:block; font-size:14px; font-weight:400; color:#666 !important;}
#sb-site #menu nav ul li.active {border-top:1px solid #D61213;}
#sb-site #menu nav ul li.active a{}
#sb-site #menu nav ul li li.active { background: #eee; border: none; color: #fff}
#sb-site #menu nav ul li a:hover{ text-decoration:none; color:#000 !important; }
#sb-site #menu nav ul li:hover{}
#sb-site #menu nav ul li.dropdown{background:url(../images/template/dropdown.png) right 18px no-repeat; padding-right:10px;}
#sb-site #menu nav ul li.dropdown:hover{-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.3);box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.3); background-color:#fff;}
#sb-site #menu nav ul li.dropdown:hover ul{ padding-bottom:5px;}
#sb-site #menu nav ul li.dropdown:hover ul li a:hover{ background:#D61213 !important}
#sb-site #menu nav ul li.dropdown:hover ul li:last-child a:hover{-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;}
#sb-site #menu nav ul li.dropdown:hover a:hover{ background:rgba(0, 0, 0, 0) !important}
#sb-site #menu nav ul li ul{ padding:0; background:#fff; position: absolute; top: 40px; left: 0; width: 100%; height:auto; min-width:260px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; opacity: 0; visibility: hidden; z-index:999; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow:0px 3px 3px 0px rgba(50, 50, 50, 0.3);box-shadow:0px 3px 3px 0px rgba(50, 50, 50, 0.3);}
#sb-site #menu nav ul li ul li { background:none; padding:0 5px; margin:0; display:block; float:none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0}
#sb-site #menu nav ul li.dropdown:hover{}
#sb-site #menu nav ul li ul li a{ margin:0; padding:0 15px; display: block; color: #666 !important; font-size:12px; line-height:30px; border-bottom:1px dotted #e5e5e5}
#sb-site #menu nav ul li ul li:last-child a, #sb-site #menu nav ul li ul li:hover a{ border-color:rgba(0,0,0,0.50);} 
#sb-site #menu nav ul li ul li:hover a{ color:#000 !important;} 
#sb-site #menu nav ul li ul li:hover{background:#D61213 !important; color:#000 !important;}
#sb-site #menu nav ul li ul li:last-child{-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;}
#sb-site #menu nav ul li:hover ul { display: block; opacity: 1; visibility: visible;}

#sb-site #menu nav ul li ul li ul li.active {border-top:1px solid #D61213;}
#sb-site #menu nav ul li ul li ul li.active a{}
#sb-site #menu nav ul li li ul li ul li.active { background: #eee; border: none; color: #fff}
#sb-site #menu nav ul li ul li ul li a:hover{ text-decoration:none; color:#000;}
#sb-site #menu nav ul li ul li ul li:hover{background: #D61213 !important; color:#fff !important}
#sb-site #menu nav ul li ul li ul li{background:url(../images/template/dropdown.png) right 18px no-repeat; padding-right:10px;}
#sb-site #menu nav ul li ul li ul li.dropdown:hover{-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.3);box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.3); background-color:#fff;}
#sb-site #menu nav ul li ul li ul li.dropdown:hover ul{ padding-bottom:5px;}
#sb-site #menu nav ul li ul li ul li.dropdown:hover ul li a:hover{ background:#D61213 !important}
#sb-site #menu nav ul li ul li ul li.dropdown:hover ul li:last-child a:hover{-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;}

#sb-site #menu nav ul li ul li ul{ padding:0; background:#fff; position: absolute; top: 0px; left: 260px; width: 100%; height:auto; min-width:260px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none !important; opacity: 0; visibility: hidden !important; z-index:999; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow:0px 3px 3px 0px rgba(50, 50, 50, 0.3);box-shadow:0px 3px 3px 0px rgba(50, 50, 50, 0.3);}
#sb-site #menu nav ul li ul li ul li { background:none; padding:0 5px; margin:0; display:block; float:none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0}
#sb-site #menu nav ul li ul li ul li.dropdown:hover{}
#sb-site #menu nav ul li ul li ul li a{ margin:0; padding:0 15px; display: block; color: #666 !important; font-size:12px; line-height:30px; border-bottom:1px dotted #e5e5e5}
#sb-site #menu nav ul li ul li ul li:last-child a, #sb-site #menu nav ul li ul li:hover a{ border-color:rgba(0,0,0,0.50);} 
#sb-site #menu nav ul li ul li ul li:hover a{ color:#000 !important;} 
#sb-site #menu nav ul li ul li ul li:last-child{-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;}
#sb-site #menu nav ul li ul li:hover ul { display: block !important; opacity: 1; visibility: visible !important;}
#sb-site #menu nav ul li ul li ul li :hover { display: block !important; opacity: 1; visibility: visible !important;}

#sb-site #menu nav ul li ul li ul li ul{ padding:0; background:#fff; position: absolute; top: 0px; left: 260px; width: 100%; height:auto; min-width:260px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none !important; opacity: 0; visibility: hidden !important; z-index:999; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow:0px 3px 3px 0px rgba(50, 50, 50, 0.3);box-shadow:0px 3px 3px 0px rgba(50, 50, 50, 0.3);}
#sb-site #menu nav ul li ul li ul li ul li { background:none; padding:0 5px; margin:0; display:block; float:none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0}
#sb-site #menu nav ul li ul li ul li ul li.dropdown:hover{}
#sb-site #menu nav ul li ul li ul li ul li a{ margin:0; padding:0 15px; display: block; color: #666 !important; font-size:12px; line-height:30px; border-bottom:1px dotted #e5e5e5}
#sb-site #menu nav ul li ul li ul li ul li:last-child a, #sb-site #menu nav ul li ul li:hover a{ border-color:rgba(0,0,0,0.50);} 
#sb-site #menu nav ul li ul li ul li ul li:hover a{ color:#000 !important;} 
#sb-site #menu nav ul li ul li ul li ul li:last-child{-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;}
#sb-site #menu nav ul li ul li ul li ul li:hover ul { display: block !important; opacity: 1; visibility: visible !important;}


/* Responsive menu */
.left-side .container {width: 100%; background: none; padding: 0px;}
.left-side #menu nav ul {list-style: none; margin: 0px; padding: 0px; overflow: hidden;}
.left-side #menu nav ul li {background: #eee; width: 100%; padding: 0px; line-height: 25px; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #fff; border-collapse: collapse; display: block; }
.left-side #menu nav ul li a { padding-left: 10px; }
.left-side #menu nav ul li ul li a {padding-left: 25px;}
.left-side #menu nav ul li:hover {background: rgba(0,0,0,0.1);}
.left-side #menu nav ul li a {width: 100%; display: block; } 
.left-side p {line-height: 20px; text-align: center;}
/* end menu */

#showcase { padding:20px 0 0 0;}

#main { margin-bottom:20px;}
#main .grid-9 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#main .grid-3 { border-left:1px solid #e1e1e1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#main .grid-9 .block{ margin:0 20px 10px 0}
#main .grid-3 .block{ margin:0 0 10px 20px}
#main section{ margin-bottom:20px;}
#main .page section h3 {clear: both; display: block; margin: 20px 0px 10px;}
#main .page section h4 {margin: 10px 0px 10px; padding: 0px; font-size: 18px;}
#main .page section p {text-align: justify;}
#main .page section ul {margin: 0px; padding: 0px 0px 0px 20px;}
#main .page section ul li {line-height: 120%; text-align: justify;}

.brend-item { display:table-row;}
.brend-item img, .brend-item img.left {float:left; width: auto; max-width: 250px; }
.brend-item img.right {float:right; width: auto; max-width: 250px; }
.brend-item .desc{ display: table-cell; vertical-align:middle;}

#main .news-block ul{ list-style:none;}
#main .news-block ul li.main{ width:100%; margin-bottom:15px;}
#main .news-block ul li.sub{ width:50%; float:left; margin-bottom:15px;}
#main .news-block ul li .img-block{ display:block; float:left; width:35%; margin-right:2%; height:auto; overflow:hidden; border:1px solid #ccc;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:3px;}
#main .news-block ul li .img-block a{ height:auto; overflow:hidden; display:block;}
#main .news-block ul li .txt-block{ display:block; float:left; width:63%}
#main .news-block ul li .time{ display:block; height:16px; line-height:16px; color:#999; font-size:12px; background:url(../images/template/time-ico.png) left center no-repeat; padding-left:20px; margin-bottom:10px;}

.gallery li {width: 23%; margin: 1%; float: left; max-height: 150px; overflow: hidden;} 
.gallery li img {width: 100%; max-width: 300px; height: auto;}
.gallery li .img-block {width: 100%;}

#main .gallerys ul {}
#main .gallerys ul li {width: 23%; margin: 1%; float: left; max-height: 150px; overflow: hidden;} 
#main .gallerys ul li img {width: 100%; max-width: 300px; height: auto;}
#main .gallerys ul  li .img-block {width: 100%;}

#main .news-block ul li.sub .img-block{ width:30%; height:90px; float:left;}
#main .news-block ul li.sub .img-block a{ height:82px;}
#main .news-block ul li.sub .img-block a img{ min-height:82px;}
#main .news-block ul li.sub h3{ font-size:16px; font-weight:400; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#main .news-block ul li.sub p{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#main .news-block ul li.sub .time{ margin-bottom:3px;}
.read-more{ color:#444; font-weight:bold;}
.read-more:hover{ color:#D61213;}

.product-items h2.tiltle{ overflow:auto}
.product-items h2 a{ display:block; margin-top:6px; width:12px; height:12px; background:#999; margin-left:5px; cursor:pointer; float:right;-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;}
.product-items h2 a.active{ background:#000}
.product-scroller ul{ list-style:none; overflow:auto;}
.product-scroller ul li{ float:left; display:block; width:31%; margin-right:3.5%;-o-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.product-scroller ul li:nth-last-child(1) {margin-right: 0px !important;}
.product-scroller ul li:hover{-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.3);box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.3);}
.product-scroller ul li:nth-child(4n+4){margin-right:0;}
.product-scroller .product-title h4{ display:block; background:#D61213; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; font-size:14px; line-height:34px; padding:0 5px;}
.product-scroller .product-body { /*border:1px solid #e1e1e1;*/ border-top:0; padding:0px; position:relative;}
.product-scroller li:hover .product-body { border-color:#ccc;}
.product-scroller .product-logo { display:block; overflow:hidden; margin-bottom:10px;}
.product-scroller .product-logo img{width:100%;}
.product-scroller p{height:64px; overflow:hidden; margin-bottom:20px;}
.product-scroller .read-more{ margin-bottom:5px; text-align:right; display:block}

aside .module{ margin-bottom:20px;}
.link-list{ list-style:none;}
.link-list li{ margin-bottom:1px;}
.link-list li a{ background:#e1e1e1 url(../images/template/link-ico.png) 10px center no-repeat; display:block; padding:8px 5px 8px 28px;}
.link-list li:hover a{ background-color:#D61213; color:#fff}

#logo-scroller .container{ border-top:1px solid #e1e1e1; max-width:1120px; overflow: hidden;}
#logo-scroller .container .block{ position:relative; margin: 10px 29px;}
#logo-scroller ul{ list-style:none; position:relative; height: 70px; overflow:hidden;margin:0 5px;}
#logo-scroller ul li{ float:left; display:table; height:70px; width: 158px; margin:0 10px; }
#logo-scroller ul li a{ display: table-cell; vertical-align:middle;}
#logo-scroller ul li a img{ max-height:67px;-o-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;margin: 0px auto; display: block;}
#logo-scroller ul li a img:hover{-webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
#logo-scroller a.ctrl-l{ position:absolute; left:-50px; top:5px; display:block; width:24px; height:70px; overflow:hidden; cursor:pointer; background:url(../images/template/arrows.png) 0 center no-repeat #fff;}
#logo-scroller a.ctrl-l:hover{ background-position:-24px center}
#logo-scroller a.ctrl-r{ position:absolute; right:-50px; top:5px; display:block; width:24px; height:70px; overflow:hidden; cursor:pointer; background:url(../images/template/arrows.png) -72px center no-repeat #fff;}
#logo-scroller a.ctrl-r:hover{ background-position:-48px center}

.rent {padding: 0px; margin: 0 0 20px 0px}
.rent .col-2 {width: 50%; float: left; text-align: center}

#bottom { margin-top:20px;}
#bottom .container{ background:#ccc url(../images/template/bottom-bg.jpg) no-repeat; padding:20px;}
#bottom .container .omega .block h1{ font-size:36px; text-align:center; margin-top:50px;}
#bottom .container .omega .block h3{ font-size:26px; text-align:center; color:#fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); font-weight:bold}

#footer .container{ background:#eee url(../images/template/map.png) right top no-repeat; padding:20px;}
#footer .container h1{ font-size:36px; font-weight:300; color:#D61213; text-align:center}
#footer .container h2{ font-size:26px; font-weight:300; text-align:center}
#footer .container h3{ font-size:18px; font-weight:300; text-align:center; font-style:italic}
#footer .container .omega p{ font-size:18px; font-weight:400; line-height:28px; text-align:center}

#copyright .container{ background:#333; color:#ccc; font-size:11px;}
#copyright .container p{ margin-bottom:0;}
#copyright .container .omega .block{ float:right}
#copyright .container .omega .block a{ color:#fff;}

#dump {display: none}
#floatbox {position:absolute;left:25%;right:25%;top:20%;z-index:998}
#floatbox_close {position:absolute;background:url(../images/close.png) 0 0 no-repeat;display:block;width:24px;height:24px;right:-5px;top:-5px;z-index:999}
#floatbox_close:hover {/*background-position:0 -24px*/}
#floatbox_close:active {/*background-position:0 -48px*/}
#floatbox_frame{background:#fff;padding:20px;border:2px solid #ddd}
#floatbox_content{min-width:400px;max-width:80%;min-height:100px;max-height:80%;position:relative;overflow:auto;text-align:center}

form.contact input[type="text"], form.posao input[type="text"], form.contact input[type="email"], form.posao input[type="email"], form.posao input[type="tel"] {padding: 5px; margin: 0px; width: 100%; max-width: 420px; box-sizing: border-box; }
form.contact textarea {padding: 5px; width: 100%; max-width: 420px;  box-sizing: border-box;}
form.posao #letter_upload_holder, form.posao #cv_upload_holder {border: none;}
form.contact input[type=submit], form.posao input[type=submit] {background: #D61213; padding: 5px 10px; color: #fff !important; font-size: 14px; letter-spacing: 1px; border: none; }

.fb-show { position: fixed; top:100px; right:0; display:block; z-index:99999;}
.fb-show .fb-ico{ width:60px; height:60px; background:#3A5BA2 url(../images/template/fb-icon.png) center center no-repeat; position:relative;-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; right:0;-o-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s;}
.fb-show .fb-ico:hover{ right:290px}
.fb-show .fb-block{ width:290px; height:auto; background:#fff; position:absolute; display:block; top:0; margin-left:60px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:10px; border:5px solid #3A5BA2}
.fb-show hr{ width:100%; height:2px; display:block; background:#ccc; border:0; margin:0 0 20px 0; padding:0; }

#bodyti-car-contact tr {border-bottom: 1px solid #000;}

.grid-12 .form {text-align: center;}

blink {
    -webkit-animation: 1s linear infinite condemned_blink_effect; // for android
    animation: 1s linear infinite condemned_blink_effect;
	text-align: center;
}
@-webkit-keyframes condemned_blink_effect { // for android
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}
@keyframes condemned_blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}

/*Responsive*/
@media (max-width: 480px) { 
    body {background: none}
	.fb-show {display: none;}
    .container {width:100%; max-width: 480px; padding:0 1%; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    #sb-site #menu {display: none;}
    .web{ background:#fff;}
	h2.title{ font-size:16px;}
	h3.info{ font-size:16px;}
    /*.page img, img.left, img.right, img.center, img.center-main {float: none; display:block; margin:0 auto 10px auto; clear: both; width: 100% !important; max-width: 480px !important; height: auto !important; }*/
    .brend-item img, .brend-item img.left, .brend-item img.right {float: none; display:block; margin:0 auto 10px auto; clear: both; width: auto !important; max-width: 480px !important; height: auto !important; }
    .brend-item .desc {display: block; width: 100%;}
	
	#bodyfoto-galerija .page section ul {margin: 0px;padding: 0px;}
	#bodyphoto-galery .page section ul {margin: 0px;padding: 0px;}
	div#feature {margin-bottom: 30px;}
	
	.product-scroller ul {height: 100% !important;}

    #header {border-bottom: 3px double #eee;}
    
    #top .grid-6, #header .grid-6, #bottom .grid-6, #footer .grid-6, #copyright .grid-6 {width: 100%; display: block; float: none;}
    #top .grid-6 .top-menu {float: right;}
	#top .container .block{ margin:0;}
    #top .container .top-menu { padding:5px 0 8px 0;}
	#top .container .top-menu li {padding-left: 5px; padding-right: 5px;}
    #top .container .select-lang a.active.lang-sr, #top .container .select-lang a.active.lang-lat {display: none;}
    #top .container .select-lang .all-lang {display: block; position: relative; top: 0px; background: none; border: none; overflow: auto; padding: 0px 5px;}
    #top .container .select-lang:hover .all-lang{top: 0px; }
    #top .container .select-lang .all-lang a {float: right; color: #fff}
    #top .container .select-lang .all-lang a:hover {color: #fff;}
	
	#top .container .select-lang a.active.lang-eng, #top .container .select-lang a.active.lang-eng {display: none;}
	#top .container .select-lang a.active.lang-eng, #top .container .select-lang a.active.lang-lat {display: none;}
	#top .container .select-lang .all-lang a.active {display: none;}
	
    #main .grid-8, #main .grid-4 {width:100%}
	
    #header #logo {width:100%; max-width: 300px; padding:10px 0; margin:0 auto; background-size:100%;}
    #header .omega .block {width:100%; max-width: 480px; padding:10px 0%; margin: 0px auto; float: none; text-align: center;}
    
    #main .grid-9, #main .grid-6, #main .grid-3 {width:100%; max-width: 480px; padding:0; margin:0 auto; border: none;}
    #main .grid-9 .block, #main .grid-3 .block {margin: 5px 0px;}
    #main .news-block ul li .img-block, #main .news-block ul li .img-block a { width: 100%; height: auto;}
    #main .news-block ul li .txt-block {width: 100%;}
    #main .news-block ul li.sub {width: 48%; margin: 0px 1% 5px; } 
    #main .news-block ul li.sub .img-block, #main .news-block ul li.sub .img-block a { width: 100%; height: 120px;}
	
	#logo-scroller ul li{ width:100%; max-width:245px;}
	#logo-scroller a.ctrl-l{ left:-20px;}
	#logo-scroller a.ctrl-r{ right:-20px;}
    
    #main .product-scroller ul li {width: 31%; margin: 0px 1%;}
    
    #bottom .container {background: #F2F2F2;}
    #bottom .container .block {margin: 5px 0px;}
    #bottom .container .omega .block h1 {margin-top: 10px; font-size: 22px;}
    #bottom .container .omega .block h3 {font-size: 18px; text-align: justify;}
    
    #footer .container { background: #E0E0E0;}
    #footer .container h1 {font-size: 22px;}
    #footer .container h2, #footer .container h3, #footer .container .omega p {font-size: 16px;}
    
    #copyright .block {margin: 0px; padding: 5px 0px;}
    #copyright .container .omega .block {float: none;}
    #copyright .container p {text-align: center;}
}

@media (min-width: 481px) and (max-width: 767px) { 
    body {background: none}
	.fb-show { display:none;}
    .container {width:100%; max-width: 767px; padding:0 1%; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    #sb-site #menu {display: none;}
    .web{ background:#fff;}
	h2.title{ font-size:16px;}
	h3.info{ font-size:16px;}
    .page img, img.left, img.right, img.center, img.center-main {float: none; display:block; margin:0 auto 10px auto; clear: both; width: 100% !important; max-width: 767px !important; height: auto !important; }
    .brend-item img, .brend-item img.left, .brend-item img.right {width: auto !important; max-width: 100% !important; height: auto !important; }
    .brend-item img {float: left;}

    #header {border-bottom: 3px double #eee;}
    
    #top .grid-6, #header .grid-6, #bottom .grid-6, #footer .grid-6, #copyright .grid-6 {width: 100%; display: block; float: none; clear: both;}
    #top .grid-6 .top-menu {float: right;}
	#top .container .block{ margin:0;}
    #top .container .top-menu { padding:5px 0 8px 0;}
	#top .container .top-menu li {padding-left: 5px; padding-right: 5px;}
    #top .container .select-lang a.active.lang-sr, #top .container .select-lang a.active.lang-lat {display: none;}
    #top .container .select-lang .all-lang {display: block; position: relative; top: 0px; background: none; border: none; overflow: auto; padding: 0px 5px;}
    #top .container .select-lang:hover .all-lang{top: 0px; }
    #top .container .select-lang .all-lang a {float: right; color: #fff}
    #top .container .select-lang .all-lang a:hover {color: #fff;}
    
    #header #logo {width:100%; max-width: 300px; padding:10px 0; margin:0 auto; background-size:100%;}
    #header .omega .block {width:100%; max-width: 767px; padding:10px 0%; margin: 0px auto; float: none; text-align: center;}
    
    #main .grid-9, #main .grid-6, #main .grid-3 {width:100%; max-width: 767px; padding:0; margin:0 auto; border: none;}
    #main .grid-9 .block, #main .grid-3 .block {margin: 5px 0px;}
    /*#main .news-block ul li.main .img-block{ width: 49%; height: auto; float: left; margin-right: 2%;}
    #main .news-block ul li.main .txt-block {width: 49%; float: right;}
    #main .news-block ul li .img-block a {width: 100%; height: auto;}
    #main .news-block ul li.sub {width: 48%; margin: 0px 1% 5px; } 
    #main .news-block ul li.sub .img-block, #main .news-block ul li.sub .img-block a { width: 100%; height: 120px;}*/
    
    #main .grid-3 img {width: auto !important; max-width: 100% !important; height: auto !important;}
    #main .grid-3 .link-list li {float: left !important; width: 48%; margin-right: 2%;}
	
	#logo-scroller ul li{ width:100%; max-width:245px;}
	#logo-scroller a.ctrl-l{ left:-20px;}
	#logo-scroller a.ctrl-r{ right:-20px;}

    #bottom .container {background: #F2F2F2;}
    #bottom .container .block {margin: 5px 0px;}
    #bottom .container .omega .block h1 {margin-top: 10px; font-size: 22px;}
    #bottom .container .omega .block h3 {font-size: 18px; text-align: justify;}
    
    #footer .container { background: #E0E0E0;}
    #footer .container h1 {font-size: 22px;}
    #footer .container h2, #footer .container h3, #footer .container .omega p {font-size: 16px;}
    
    #copyright .block {margin: 0px; padding: 5px 0px;}
    #copyright .container .omega .block {float: none;}
    #copyright .container p {text-align: center;}
}

/* Tablets */

@media (min-width: 768px) and (max-width: 959px) { 
     body {background: none}
	 .fb-show { display:none;}
    .container {width:100%; max-width: 959px; padding:0 1%; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    #sb-site #menu {display: none;}
    .web{ background:#fff;}
	h2.title{ font-size:16px;}
	h3.info{ font-size:16px;}
    .page img, img.left, img.right, img.center, img.center-main {float: none; display:block; margin:0 auto 10px auto; clear: both; width: auto !important; max-width: 100% !important; height: auto !important; }
    .brend-item img, .brend-item img.left, .brend-item img.right {width: auto !important; max-width: 100% !important; height: auto !important; }
    .brend-item img {float: left;}

    #header {border-bottom: 3px double #eee;}
    
    #top .grid-6, #header .grid-6, #bottom .grid-6, #footer .grid-6, #copyright .grid-6 {width: 100%; display: block; float: none; clear: both;}
    #top .grid-6 .top-menu {float: right;}
	#top .container .block{ margin:0;}
    #top .container .top-menu { padding:5px 0 8px 0;}
	#top .container .top-menu li {padding-left: 5px; padding-right: 5px;}
    #top .container .select-lang a.active.lang-sr, #top .container .select-lang a.active.lang-lat {display: none;}
    #top .container .select-lang .all-lang {display: block; position: relative; top: 0px; background: none; border: none; overflow: auto; padding: 0px 5px;}
    #top .container .select-lang:hover .all-lang{top: 0px; }
    #top .container .select-lang .all-lang a {float: right; color: #fff}
    #top .container .select-lang .all-lang a:hover {color: #fff;}
    
    #header #logo {width:100%; max-width: 300px; padding:10px 0; margin:0 auto; background-size:100%;}
    #header .omega .block {width:100%; max-width: 959px; padding:10px 0%; margin: 0px auto; float: none; text-align: center;}
    
    #main .grid-9, #main .grid-3 {width:100%; max-width: 959px; padding:0; margin:0 auto; border: none;}
    #main .grid-9 .block, #main .grid-3 .block {margin: 5px 0px;}
    #main .news-block ul li.main .img-block{ width: 49%; height: auto; float: left; margin-right: 2%;}
    #main .news-block ul li.main .txt-block {width: 49%; float: right;}
    #main .news-block ul li .img-block a {width: 100%; height: auto;}
    #main .news-block ul li.sub {width: 48%; margin: 0px 1% 5px; } 
    /*#main .news-block ul li.sub .img-block, #main .news-block ul li.sub .img-block a { width: 100%; height: 120px;}*/
    
    #main .grid-3 img {width: auto !important; max-width: 100% !important; height: auto !important;}
    #main .grid-3 .link-list li {float: left !important; width: 48%; margin-right: 2%;}
	
	#logo-scroller ul li{ width:100%; max-width:245px;}
	#logo-scroller a.ctrl-l{ left:-20px;}
	#logo-scroller a.ctrl-r{ right:-20px;}

    #bottom .container {background: #F2F2F2;}
    #bottom .container .block {margin: 5px 0px;}
    #bottom .container .omega .block h1 {margin-top: 10px; font-size: 22px;}
    #bottom .container .omega .block h3 {font-size: 18px; text-align: justify;}
    
    #footer .container { background: #E0E0E0;}
    #footer .container h1 {font-size: 22px;}
    #footer .container h2, #footer .container h3, #footer .container .omega p {font-size: 16px;}
    
    #copyright .block {margin: 0px; padding: 5px 0px;}
    #copyright .container .omega .block {float: none;}
    #copyright .container p {text-align: center;}
}

@media (min-width: 960px) and (max-width: 1199px) {
body{background:#fff url(../images/template/pozadina.jpg) repeat fixed !important;}
.container, #sb-site #menu {width:100%; max-width: 960px; padding: 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
header .container #showLeftPush span{display: none;}
#logo-scroller .container {width: 920px; padding: 0px 20px;}
.web{ max-width:960px; margin:0 auto; background:#fff;}
#sb-site #menu nav ul li a {margin: 0 1px 0 0; padding: 0 5px; line-height: 40px; display: block; font-size: 13px; font-weight: 500; color: #666;}
#header #logo {background: url(../images/template/logotigarresponsive.jpg) center center no-repeat;width: 100%;height: 78px;display: block;padding: 14px 0;}
}

@media (min-width: 1200px) and (max-width: 1366px) {
body{background:#fff url(../images/template/pozadina.jpg) repeat fixed !important;}
.container, #sb-site #menu {width:100%; max-width: 960px; /* padding: 2px 0px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
header .container #showLeftPush span{display: none;}
#logo-scroller .container {width: 920px; padding: 0px 20px;}
.web{ max-width:960px; margin:0 auto; background:#fff;}
#sb-site #menu nav ul li a {margin: 0 1px 0 0; padding: 0 5px; line-height: 40px; display: block; font-size: 13px; font-weight: 500; color: #666;}
#header #logo {background: url(../images/template/logotigarresponsive.jpg) center center no-repeat;width: 100%;height: 78px;display: block;padding: 14px 0;}
}

@media (min-width: 1367px) {
header .container #showLeftPush span{display: none;}
.web{ max-width:1200px; margin:0 auto; background:#fff;}
}