/* Fonts ---------------------- */
@font-face {
	font-family:'Miso';
    src: url('fonts/miso.eot');
    src: url('fonts/miso.eot?#iefix') format('embedded-opentype'),
         url('fonts/miso.woff') format('woff'),
         url('fonts/miso.ttf') format('truetype'),
         url('fonts/miso.svg#Miso') format('svg');
    font-weight:normal;
    font-style:normal;
}
/* BASIC -------------------------------------------------- */
html,
body {color: #5a5a5a;height: 100%;font-family: Tahoma, Geneva, sans-serif;}
#wrap {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -50px;}
/*#wrap.home {background: url(/img/bg_home.jpg) no-repeat center center;background-size: 100%;}*/
#wrap.home {background: #f4f6f5 /*url(/img/bg_wrap_inner.jpg) no-repeat center top*/;}
#wrap.inner {background: #f4f6f5 /*url(/img/bg_wrap_inner.jpg) no-repeat center top*/;}
#wrapper {position:absolute; z-index:1;top:10px; bottom:10px; left:0;width:100%;overflow:auto;padding-bottom: 100px;}
#scroller {
	position:absolute; z-index:1;
/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:100%;
	padding:0;
}
.container {max-width: 962px;position: relative;}
.container.content {border: 1px solid rgba(158,158,158,0.4);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-box-shadow:  0px 0px 7px 0px rgba(0, 0, 0, 0.2);box-shadow:  0px 0px 7px 0px rgba(0, 0, 0, 0.2);background: #ebebeb;}
.container.boxes {margin-bottom: 5px;margin-top: 20px;}
.container-shadow {background: #f4f6f5/*url(/img/shadow_container.png) no-repeat center bottom*/;display: block;padding-top: 100px;}
.container.content p {padding: 0 20px;color: #0e2738;font-size: 14px;}
h1 {padding: 0;margin: 0 0 5px 50px;font-family: 'Miso', helvetica, arial, sans-serif;color: #004689;text-transform: uppercase;font-size: 28px;font-weight: normal;line-height: 49px;/*text-shadow: 0px 0px 3px rgba(14,39,56,0.8);*/}
/*h1 span {background: url(/img/bg_h1.png) no-repeat left top;display: block;float: left;width: 10px;height: 49px;margin: 0 0 0 -21px;padding-right: 11px;}*/
h2 {font-family: 'Miso', helvetica, arial, sans-serif;font-size: 18px;text-transform: uppercase;font-weight: normal;color: #081720;}
.btn {font-family: 'Roboto', helvetica, arial, sans-serif; font-size: 14px;border: none;text-transform: uppercase;color: #004689;text-shadow: none;background: #bab9b9;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow:  none;box-shadow:  none;padding: 2px 8px;}
/*.btn:hover {background-color: #004689;color: #fff;}*/
#push,
#footer {height: 40px;}
.lower {text-transform: lowercase;}

/* NAVBAR -------------------------------------------------- */
.navbar-wrapper {position: fixed;top: 0;left: 0;width: 100%;z-index: 111;border-bottom: 3px solid #fff;background: #316093;-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7);box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7);}
.navbar-wrapper .navbar {margin: 0;}
.navbar .navbar-inner {border: 0;background: none;  -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}

.navbar .nav {margin: 40px 10px 0 0;}
.navbar .nav > li {float: left;margin: 0 2px;}
.navbar .nav li a {font-family: 'Miso', helvetica, arial, sans-serif;font-size: 18px;text-transform: uppercase;border-top: 1px solid transparent;}
.navbar .nav > li:hover,
.navbar .nav > li.active {background: none;}
.navbar .nav > li.dropdown.active,
.navbar .nav > li.dropdown:hover {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding-bottom: 8px;}
.navbar .nav > li.dropdown.active a,
.navbar .nav > li.dropdown.active:hover a,
.navbar .nav > li.dropdown:hover a {border-top: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.navbar .nav li.active a,
.navbar .nav li.active a:hover,
.navbar .nav li.active a:focus {background: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border-top: 1px solid #fff;}
.navbar .nav > li:hover > a,
.navbar .nav > li.active > a {border-top: 1px solid #fff;}
.navbar .nav li.active .dropdown-menu li > a {border: none;}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle,
.navbar .nav li.dropdown:hover > .dropdown-toggle {background: #c5cdd6;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
/* Make the dropdown work on hover */
ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;margin: 0;/*top:53px;*/left: -60px;float: none;padding: 0;border: none;background: #c5cdd6;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;white-space: nowrap;text-align: center;z-index: 9999;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;padding: 5px;}
ul.nav li.danas.dropdown:hover > ul.dropdown-menu {left: auto;right: 0;}
/*ul.nav li.dropdown.active > ul.dropdown-menu {display: block;margin: 0;left: -179px;float: none;padding: 0;border: none;background: #c5cdd6;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;white-space: nowrap;text-align: center;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}*/
ul.dropdown-menu span.sub-caret {display: block;width: 21px;height: 10px;background: url(/img/ico_caret_sub.png) no-repeat center top;margin-top: -10px;left: 50%;position: absolute;margin-left: -10px;}
ul.dropdown-menu li {display: inline-block;background: #c5cdd6;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.dropdown-menu li > a {font-weight: normal;color: #316093;}
.dropdown-menu li:hover,
.dropdown-menu li.active {background: #316093;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.dropdown-menu li:hover > a,
.dropdown-menu li.active > a {color: #c5cdd6 !important;background: #316093;/*text-shadow: 0 1px 2px #000;*/}
/* Get rid of the arrows for the dropdown */
/*a.menu:after, .dropdown-toggle:after {content: none;}*/
.navbar .nav > li > .dropdown-menu:after, 
.navbar .nav > li > .dropdown-menu:before {
  display:none;
}
.navbar .brand {padding: 8px 20px 0px;font-size: 16px;font-weight: bold;}
/* Navbar links: increase padding for taller navbar */
.navbar .nav > li > a {padding: 3px 13px;color: #fff;}
.navbar .nav.nav-en > li > a {padding: 3px 10px;}
/* Offset the responsive button for proper vertical alignment */
.navbar .btn-navbar {margin-top: 10px;}
.dropdown-menu {margin: -2px 0 0;}
.social-block-top {display: none;}
a.lang {display: block;float: right;width: 22px;height: 22px;background-image: url(/img/ico_lang.png);background-repeat: no-repeat;background-position: left top;margin: 9px 10px 0 10px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
a.lang:hover,
a.lang:active {background-position: left bottom;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
a.lang.lang-sr {background-position: right top;}
a.lang.lang-sr:hover,
a.lang.lang-sr:active {background-position: right bottom;}

/* HOME FLASH CONTENT -------------------------------------------------- */
.container.home {position: relative;/*background: url(/img/bg_home3.jpg) no-repeat center center;*/display: block;width: 100%;height: 600px;text-align: center;overflow: hidden;}
.container.home img {position: absolute;left: 0;bottom: 0;min-height: 100%;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.home-flash {position: absolute;left: 0; bottom:60px;text-align: center;width: 100%;height: 50px;z-index: 999;}

/* INNER ISTORIJAT CONTENT -------------------------------------------------- */
.container.istorijat {background: url(/img/bg_container_istorijat.jpg) no-repeat right center;background-size: cover;/*max-height: 715px;*/}
.container.istorijat .myScrollbarV {
	position:absolute;
	z-index:100;
	width:7px;bottom:7px;top:10px;left:2px;
}
.container.istorijat .myScrollbarV > div {
	position:absolute;
	z-index:100;
	width:100%;

    background-color: rgba(0, 0, 0, 0.498039);
    border: 1px solid rgba(255, 255, 255, 0.901961);
    -webkit-background-clip: padding-box;
    box-sizing: border-box;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    pointer-events: none;
    -webkit-transition: -webkit-transform 0ms cubic-bezier(0.33, 0.66, 0.66, 1);
    transition: -webkit-transform 0ms cubic-bezier(0.33, 0.66, 0.66, 1);
    -webkit-transform: translate(0px, 0px) translateZ(0px);
}
ul.istorijat {list-style: none;color: #0e2738;font-size: 14px;}
ul.istorijat a {color: #0e2738;font-weight: bold;text-decoration: underline;}
ul.istorijat a:hover {color: #17a525;font-weight: bold;text-decoration: underline;}

/* INNER SARADNJA CONTENT -------------------------------------------------- */
.container.saradnja {background: #fff url(/img/bg_container_saradnja.jpg) no-repeat right center;background-size: auto 100%;}
.container.saradnja p {color: #0e2738;font-size: 14px;}
.container.saradnja a {color: #0e2738;font-weight: bold;text-decoration: underline;}
.container.saradnja a:hover {color: #004689;font-weight: bold;text-decoration: underline;}

/* NOVA FABRIKA -------------------------------------------------- */
.container.content h3 {font-family: Tahoma, Geneva, sans-serif; font-size: 15px;color: #0e2738;text-transform: uppercase;margin: 5px 0 0 20px;}
.naslov-faza {display: block;margin: 0 0 5px 10px;line-height: 18px;padding: 0 12px;font-weight: bold;color: #0e2738;}
ul.faze {list-style-type:none;}
ul.faze li {background: url(/img/bullet_faze.png) no-repeat left 6px;text-indent: 15px;color: #0e2738;}
.container.fabrika-carousel {margin: 10px auto;}
.container.fabrika-carousel .row {margin-top: 5px;}

/* INNER NAS TIM CONTENT -------------------------------------------------- */
.container.tim {background: #bfbdbc url(/img/bg_container_tim.jpg) no-repeat;background-position: right bottom;height: 629px;}
.span3.vcard {background: url(/img/shadow_bottom_box.png) no-repeat center bottom;width: 265px;margin: 0px 0 10px 45px;padding-bottom: 5px;}
.span3.vcard .vcard-box {border: 1px solid #bebebe;}
.span3.vcard .vcard-title {
  position: relative;float: left;width: 100%;height: 65px;border-bottom: 1px solid #e6e5e5;
  background: #e5e5e5;
  background: -moz-linear-gradient(top,  #e5e5e5 58%, #b0b4b6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#e5e5e5), color-stop(100%,#b0b4b6));
  background: -webkit-linear-gradient(top,  #e5e5e5 58%,#b0b4b6 100%);
  background: -o-linear-gradient(top,  #e5e5e5 58%,#b0b4b6 100%);
  background: -ms-linear-gradient(top,  #e5e5e5 58%,#b0b4b6 100%);
  background: linear-gradient(to bottom,  #e5e5e5 58%,#b0b4b6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#b0b4b6',GradientType=0 );
}
.span3.vcard .vcard-title span.person-department {display: block;font-family: 'Miso', helvetica, arial, sans-serif;font-size: 18px;color: #0e2738;text-transform: uppercase;font-weight: bold;margin: 6px 0 0 20px;text-shadow: 0 1px 1px #fff;}
.span3.vcard .vcard-title span.person-name {display: block;font-family: Tahoma, Geneva, sans-serif; font-size: 15px;color: #0e2738;font-weight: bold;margin: 1px 0 0 20px;text-shadow: 0 1px 1px #fff;}
.span3.vcard .vcard-title span.person-title {display: block;font-family: Tahoma, Geneva, sans-serif; font-size: 13px;color: #0e2738;margin: 0 0 0 20px;line-height: 10px;}
.span3.vcard .vcard-title span.vcard-caret {position: absolute;display: block;width: 13px;height: 7px;left: 30px;bottom: -7px;background: url(/img/vcard_caret.png) no-repeat 0 0;}
.span3.vcard .vcard-mail {float: left;width: 100%;background: #e0dede;}
.span3.vcard .vcard-mail a {display: block;font-family: Tahoma, Geneva, sans-serif; font-size: 14px;color: #0e2738;text-decoration: underline;margin: 0 0 0 20px;text-shadow: 0 1px 1px #fff;line-height: 28px;}

/* INNER BOXES -------------------------------------------------- */
/*.container.boxes {margin-top: 20px;}*/
.container.boxes .span3.blue,
.container.boxes .span4.blue {border: 1px solid #012238;background: #316093;
background: -moz-linear-gradient(top,  #316093 0%, #07274a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#316093), color-stop(100%,#07274a));
background: -webkit-linear-gradient(top,  #316093 0%,#07274a 100%);
background: -o-linear-gradient(top,  #316093 0%,#07274a 100%);
background: -ms-linear-gradient(top,  #316093 0%,#07274a 100%);
background: linear-gradient(to bottom,  #316093 0%,#07274a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#316093', endColorstr='#07274a',GradientType=0 );
}
.container.boxes .span3.grey {position: relative;/*border: 1px solid #bab9b9;*/background: #c5cdd6;border: 1px solid rgba(158,158,158,0.4);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);}
.container.boxes .span3 a.btn {position: absolute;bottom: 10px;right: 10px;background: #bab9b9;color: #004689;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.container.boxes .span4 a.btn {position: absolute;bottom: 10px;right: 20px;background: #bab9b9;color: #004689;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.container.boxes .span3.light,
.container.boxes .span4.grey {position: relative;/*border: 1px solid #bab9b9;*/background: #c5cdd6;border: 1px solid rgba(158,158,158,0.4);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);}
.container.boxes .span3 {height: 170px;}
.container.boxes .span4 {height: 135px;}
.container.boxes .span3 h2,
.container.boxes .span4 h2 {margin: 0 0 5px 10px;line-height: 24px;}
/*.container.boxes .span4.grey h2 {float: left;margin: 0;line-height: 30px;}*/
.container.boxes .span3 p,
.container.boxes .span4 p {margin-left: 10px;font-size: 12px;font-weight: normal;line-height: 14px;}
.container.boxes .bottom-box-shadow {/*background: url(/img/shadow_bottom_box.png) no-repeat right bottom;*/padding-bottom: 5px;display: block;float: left;}
.container.boxes .bottom-box-shadow.wide {/*background: url(/img/shadow_bottom_box_wide.png) no-repeat right bottom;padding-bottom: 8px;*/}
.bottom-box-shadow .span3.blue h2 {color: #17a525;text-shadow: 0 1px 1px #000;background: url(/img/divider_dotted_white.png) no-repeat left bottom;padding: 5px 0;}

.bottom-box-shadow .span3.grey h2,
.bottom-box-shadow .span4.grey h2 {background: url(/img/divider_dotted_blue.png) no-repeat left bottom;padding: 5px 0;}
.bottom-box-shadow .span4.light .wide-light-dotted {background: url(/img/divider_dotted_blue_wide.png) no-repeat left bottom;margin: 5px 40px 10px 30px;padding: 0 0 10px 0;overflow: hidden;}
.bottom-box-shadow .span4.light .wide-light-dotted a.btn {float: right;margin-top: 2px;}
.bottom-box-shadow .span3 .pull-left {/*background: url(/img/shadow_bottom_box_img.png) no-repeat center bottom;*/margin: 5px 0 0px 10px;
padding-bottom: 5px;}
.bottom-box-shadow .span4 .pull-left {/*background: url(/img/shadow_bottom_box_img.png) no-repeat center bottom;*/margin: 5px 0 0px 10px;
padding-bottom: 5px;}
.bottom-box-shadow .span3 .bottom-box-txt {float: left;width: 170px;margin: 0;}
.bottom-box-shadow .span4 .bottom-box-txt {float: left;width: 330px;margin: 0;}
/*.bottom-box-shadow .span4 .bottom-box-txt a.btn:hover {background-color: #e6e6e6;color: #333333;}*/
.bottom-box-shadow .span3.blue p,
.bottom-box-shadow .span4.blue p {color: #fff;text-shadow: 0 1px 1px #000;}
.bottom-box-shadow .span3.grey p {color: #403f3f;text-shadow: 0 1px 1px #fff;}
.bottom-box-shadow .span3.light p,
.bottom-box-shadow .span4.light p {color: #777777;text-shadow: 0 1px 1px #fff;}

/* PROIZVODNI PROGRAM -------------------------------------------------- */
.container.program {/*height: 400px;*/width: 700px;margin-bottom: 20px;}
.program-row-block {width: 100%;overflow: hidden;margin-bottom: 33px;}
.container.program-details .program-row-block {margin-bottom: 0;}
.program-row-block .program-logo {width: 100%;margin: 25px 0 12px 0;}
.program-row-block .program-logo img {margin-left: 30px;}
.program-row-block .program-title {margin: 0 20px;}
.container.program h2 {padding: 0 10px;margin: 0;color: #133f6d;text-shadow: 0 1px 1px #fff;font-size: 17px;background: #c4c5c4;line-height: 38px;}
.container.program h3 {margin: 8px 0 5px 0;font-family: 'Miso', helvetica, arial, sans-serif;color: #004689;font-size: 18px;line-height: 20px;/*text-shadow: 0px 1px 2px rgba(0,0,0,0.9);*/}
.program-row {float: left;margin: 20px 20px 0 20px;padding: 8px 0;border-bottom: 1px solid #ececec;width: 658px;}
.new-products .program-row {margin: 20px 0 0 0;border-bottom: 0;width: 100%;}
.new-products .program-image-box {float: left;width: 40%;margin: 0;}
.new-products .program-opis-box {width: 60%;margin-left: 0;padding: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.container.new-products h3 {margin: 0 0 5px 0;font-family: 'Miso', helvetica, arial, sans-serif;color: #004689;font-size: 20px;line-height: 20px;text-transform: uppercase;}
.new-products .program-opis-box .opis-ukratko {width: auto;font-size: 14px;line-height: 18px;}
.new-products .program-side {overflow: hidden;border: 1px solid rgba(158,158,158,0.4);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.program-row.program-bottom {width: 922px;}
.program-row.program-bottom {padding: 0; margin-bottom: 30px;}
.program-side {width: 49%;float: left;min-height: 1px;background: #fff;margin-right: 2%;}
.program-side.right-program-side {margin-right: 0;}
.program-image-box {float: left;width: 130px;margin: 12px;}
.program-image-box img {width: 100%;}
.program-opis-box {float: left;width: 165px;margin-left: 0;}
.program-opis-box .btn {margin-bottom: 12px;}
.program-opis-box .opis-ukratko {float: left;width: 150px;color: #403f3f;font-weight: bold;font-size: 13px;line-height: 15px;list-style-type: none;margin: 0 0 10px 0;text-shadow: 0 1px 1px #fff;}
.program-opis-box .opis-ukratko li {line-height: 16px;margin-bottom: 5px;}
ul.saradnja-title {width: 100%;float: left;list-style-type: none;margin: 0;border-bottom: 1px solid #ececec;line-height: 50px;}
ul.saradnja-title li {float: left;padding: 0 10px;font-family: 'Miso', helvetica, arial, sans-serif;color: #133f6d;font-size: 17px;line-height: 50px;}
ul.saradnja-title li.naziv {width: 378px;}
ul.saradnja-title li.gen-naziv {width: 190px;}
ul.saradnja-title li.kod {width: 135px;}
ul.saradnja-title li.pil {width: 136px;}
ul.saradnja-proizvod {width: 100%;float: left;list-style-type: none;margin: 0;border-bottom: 1px solid #ececec;}
ul.saradnja-proizvod li {float: left;padding: 0 10px;color: #4f5050;font-size: 15px;line-height: 36px;border-right: 1px solid #ececec;margin: 7px 0;}
ul.saradnja-proizvod li.naziv {width: 378px;}
ul.saradnja-proizvod li.gen-naziv {width: 190px;}
ul.saradnja-proizvod li.kod {width: 135px;}
ul.saradnja-proizvod li.pil {width: 136px;border-right: none;}
ul.saradnja-proizvod li.pil a {color: #17426f;font-weight: bold;}

/* PROIZVODI -------------------------------------------------- */
/*.container.program-details {height: 400px;}*/
span.back {display: block;position: absolute;left: 20px;bottom: 20px;float: left;/*width: 25px;height: 49px;background: url(/img/ico_back.png) no-repeat left center;*/padding-right: 15px;cursor: pointer;font-family: 'Miso', helvetica, arial, sans-serif;
color: #004689;
text-transform: uppercase;
font-size: 18px;
line-height: 20px;
font-weight: bold;
background: rgba(244,244,244,0.5) url(/img/ico_back2.png) no-repeat left center;
padding-left: 20px;}
.row.proizvod-title h1 {float: none;}
.proizvod-row {float: left;margin: 0 20px;padding: 0 0 40px 0;width: 922px;min-height: 300px;}
.proizvod-row .product-img {float: left;width: 258px;margin-right: 15px;}
.carousel.hot-fresh {margin-bottom: 0;}
.proizvod-row .product-desc {float: left;width: 645px;}
.proizvod-row .txt-intro {margin: 5px 0 20px 0;color: #004689;font-size: 22px;line-height: 20px;/*text-shadow: 0px 1px 2px rgba(0,0,0,0.9);*/}
.proizvod-row .product-desc .tab-content {font-size: 14px;color: #0e2738;/*padding: 10px 15px;margin: 3px;*/background: #f0f0f0;border: 1px solid #e7e7e7;-webkit-border-radius: 0 4px 4px 4px;-moz-border-radius: 0 4px 4px 4px;border-radius: 0 4px 4px 4px;}
.proizvod-row .product-desc .nav-tabs {border-bottom: none;margin-bottom: 0px;}
.proizvod-row .product-desc .nav-tabs > li > a {font-family: 'Miso', helvetica, arial, sans-serif;color: #fff;font-size: 13px;text-transform: uppercase;
  background: #316093;
  background: -moz-linear-gradient(top,  #316093 0%, #0e3d6f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#316093), color-stop(100%,#0e3d6f));
  background: -webkit-linear-gradient(top,  #316093 0%,#0e3d6f 100%);
  background: -o-linear-gradient(top,  #316093 0%,#0e3d6f 100%);
  background: -ms-linear-gradient(top,  #316093 0%,#0e3d6f 100%);
  background: linear-gradient(to bottom,  #316093 0%,#0e3d6f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#316093', endColorstr='#0e3d6f',GradientType=0 );
}
.proizvod-row .product-desc .nav-tabs > .active > a,
.proizvod-row .product-desc .nav-tabs > .active > a:hover {background: #f0f0f0;border: 1px solid #e7e7e7;border-bottom: 1px solid #f0f0f0;}
.proizvod-row .product-desc .nav-tabs > .active > a,
.proizvod-row .product-desc .nav-tabs > .active > a:hover {color: #0e2738;}
.proizvod-row .product-desc .tab-content > .tab-pane {/*margin: 3px;*/background: #fff;padding: 10px 15px;}

/* KONTAKT -------------------------------------------------- */
.kontakt-left {padding: 0 0 0 20px;width: 380px;float: left;min-height: 1px;margin-left: 30px;}
.kontakt-left span {display: block;}
.kontakt-block {display: block;float: left;width: 100%;margin: 3px 0;}
.kontakt-block span.ico {float: left;background: url(/img/ico_kontakt_info.png) no-repeat;display: block;width: 32px;height: 32px;margin: 0 10px 0 0;}
.kontakt-block span.ico.info {background-position: 0 0;margin-top: 23px;}
.kontakt-block span.ico.tel {background-position: -32px 0;}
.kontakt-block span.ico.mob {background-position: -64px 0;}
.kontakt-block span.ico.mail {background-position: -96px 0;}
.kontakt-left span.kontakt-info {font-family: 'Miso', helvetica, arial, sans-serif;float: left;width: 335px;font-size: 18px;color: #004689;font-weight: bold;margin-top: 20px;text-shadow: 0px 1px 1px rgba(0,0,0,0.8);}
.kontakt-left span.kontakt-info p {font-family: 'Roboto', helvetica, arial, sans-serif;font-size: 13px;color: #403f3f;padding: 0;margin: 5px 0 0 0;text-shadow: 0px 1px 0px rgba(255,255,255,0.8);}
.kontakt-left span.kontakt-tel {font-size: 13px;color: #403f3f;font-weight: bold;line-height: 32px;text-shadow: 0px 1px 0px rgba(255,255,255,0.8);}
.kontakt-left span.kontakt-mob {font-size: 13px;color: #403f3f;font-weight: bold;line-height: 32px;text-shadow: 0px 1px 0px rgba(255,255,255,0.8);}
.kontakt-left form {float: left;margin: 1px 0 20px 40px;overflow: hidden;width: 300px;}
.kontakt-left input {background: #d3d3d3;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.4);box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.4);}
.kontakt-left input,
.kontakt-left textarea {background: #d3d3d3;width: 283px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.4);box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.4);}
::-webkit-input-placeholder {font-family: 'Roboto', helvetica, arial, sans-serif; color: #9e9e9e;font-style: italic;font-size: 14px;text-shadow: 0px 1px 0px rgba(255,255,255,0.8);}
:-moz-placeholder {font-family: 'Roboto', helvetica, arial, sans-serif; color: #9e9e9e;font-style: italic;font-size: 14px;text-shadow: 0px 1px 0px rgba(255,255,255,0.8);}
::-moz-placeholder {font-family: 'Roboto', helvetica, arial, sans-serif; color: #9e9e9e;font-style: italic;font-size: 14px;text-shadow: 0px 1px 0px rgba(255,255,255,0.8);}
:-ms-input-placeholder {font-family: 'Roboto', helvetica, arial, sans-serif; color: #9e9e9e;font-style: italic;font-size: 14px;text-shadow: 0px 1px 0px rgba(255,255,255,0.8);}
.kontakt-left .btn {display: block;float: right;width: auto;background: #bab9b9 url(/img/ico_send_arrow.png) no-repeat right center;margin: 10px 3px 0 0;padding: 4px 30px 4px 15px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: none;box-shadow: none;}
.span1.kontakt-divider {width: auto;}
.span1.kontakt-divider div.divider {/*background: url(/img/divider-kontakt-vert.png) no-repeat 0 0;*/display: block;width: 30px;height: 318px;}
.container.kontakt-btns .row {margin: 20px 0;}
.container.kontakt-btns .row a {font-family: 'Roboto', helvetica, arial, sans-serif;font-size: 18px;text-transform: uppercase;color: #fff;line-height: 40px;padding: 9px 15px 9px 50px;white-space: nowrap;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
a.btn-doc-grey {background: #9b9b9b url(/img/ico_pdf.png) no-repeat 10px center;margin-right: 5px;}
a.btn-job-green {background: #9b9b9b url(/img/ico_job.png) no-repeat 10px center;}
a.btn-doc-grey:hover {text-decoration: none;}
a.btn-job-green:hover {text-decoration: none;}
.kontakt-right {float: left;width: 470px;min-height: 1px;margin-left: 10px;margin-top: 27px;}
.kontakt-right .kontakt-img-shadow {width: 100%;background: url(/img/shadow_bottom_box.png) no-repeat center bottom;padding-bottom: 5px;display: block;float: left;}
/* FOOTER -------------------------------------------------- */
#footer {background: #316093;position: fixed;width: 100%;left: 0;bottom: 0;z-index: 999;}
#footer .credit {color: #fff;line-height: 40px;font-size: 12px;margin: 0;}
#footer .copy {color: #fff;line-height: 40px;font-style: italic;font-size: 12px;margin: 0;}
.social {display: block;width: 22px;height: 22px;background-image: url(/img/ico_social.png);background-repeat: no-repeat;margin: 9px 0 0 10px; -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;}
.social.face {background-position: left top;}
.social.linkedin {background-position: right top;}
.social.face:hover,
.social.face:active {background-position: left bottom;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.social.linkedin:hover,
.social.linkedin:active {background-position: right bottom;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

/* MODAL OVERRIDES -------------------------------------------------- */
.modal {margin-top: -144px;margin-left: -321px;width: 640px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.modal.fade.in {top: 40%;}
.modal-header {
    padding: 0 15px;
    background: #316093;
    background: -moz-linear-gradient(top,  #316093 0%, #0e3d6f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#316093), color-stop(100%,#0e3d6f));
    background: -webkit-linear-gradient(top,  #316093 0%,#0e3d6f 100%);
    background: -o-linear-gradient(top,  #316093 0%,#0e3d6f 100%);
    background: -ms-linear-gradient(top,  #316093 0%,#0e3d6f 100%);
    background: linear-gradient(to bottom,  #316093 0%,#0e3d6f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#316093', endColorstr='#0e3d6f',GradientType=0 );
}
.modal-header h3 {font-family: 'Miso', helvetica, arial, sans-serif;font-size: 17px;text-transform: uppercase;color: #c4c5c4;line-height: 40px;}
.modal-header .close {margin-top: 8px;}
.modal-body h2 {margin: 0;}
.modal-body p {color: #4f5050;font-size: 14px;margin: 0;}
.modal-footer {background: none;border-top: none;}
.btn.btn-primary {background: #c42127;}

#locked {color: #b94a48;background-color: #f2dede;border-color: #eed3d7;width: 600px;position: absolute;top: -10px;left: 50%;margin-left: -300px;}
#locked a.close {text-decoration: none;top: 0;}
#tooltip-screenshot {position:absolute;border:1px solid #ccc;padding:5px;display:none;color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
    background: #787878;
    background: -moz-linear-gradient(top,  #787878 0%, #2f2f2f 78%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#787878), color-stop(78%,#2f2f2f));
    background: -webkit-linear-gradient(top,  #787878 0%,#2f2f2f 78%);
    background: -o-linear-gradient(top,  #787878 0%,#2f2f2f 78%);
    background: -ms-linear-gradient(top,  #787878 0%,#2f2f2f 78%);
    background: linear-gradient(to bottom,  #787878 0%,#2f2f2f 78%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#2f2f2f',GradientType=0 );
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    0px 1px 5px rgba(0, 0, 0, 0.75);
    box-shadow:         0px 1px 5px rgba(0, 0, 0, 0.75);
}
#tooltip-screenshot img {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#tooltip-screenshot span.tooltip-triangle {position: absolute;top: -11px;left: 50%;margin-left: -8px;width: 17px;height: 12px;background:url(/img/triangle_tooltip.png) no-repeat left center;}

/* RESPONSIVE CSS -------------------------------------------------- */

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
    .container-shadow {background-size: 90% auto;}
    .container.boxes {margin-top: 20px;margin-bottom: 20px;}
    .container.boxes .row {margin: 0;}
    .container.boxes .bottom-box-shadow {background: url(/img/shadow_bottom_box.png) no-repeat center bottom;padding-bottom: 3px;background-size: 90%;}
    .container.boxes .span3 {width: auto;margin: 0 10px;}
    .container.fabrika-carousel .span10 {width: 940px;}
    .container.istorijat {margin-bottom: 10px;}
    .container.saradnja {background-size: auto 100%;}
    .container.content.program-details {margin-bottom: 20px;}
/*    .container.boxes .bottom-box-shadow.wide {background: url(/img/shadow_bottom_box_wide.png) no-repeat center bottom;padding-bottom: 5px;background-size: 90% auto;}*/
    .container.boxes .span4  {width: 457px;}
    .container.boxes .span4.box-grey-left {margin-left: 0;}
    
    .kontakt-left form {width: 80%;}
    .kontakt-left input.span3,
    .kontakt-left textarea.span3 {width: 90%;}
    .span1.kontakt-divider {width: auto;margin: 0 10px;}
    .kontakt-right {margin: 0;}
    .container.kontakt-btns .row {text-align: center;}
    .container.kontakt-btns .row a {font-size: 17px;}
    a.btn-doc-grey {margin-right: 3px;}
    #footer {width: 100%;height: auto;position: fixed;left: 0;bottom: 0;z-index: 111;background: #316093;-webkit-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.7);box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.7);}
}

@media (max-width: 979px) {
    .navbar-wrapper .container {margin-bottom: 0;width: auto;}
    .navbar-inner {border-radius: 0;margin: -20px 0;}
    .social-block-top {display: block;float: right;width: 50%;}
    .social-block {display: none;}
    .social {margin: 9px 10px;}

    body {padding: 0;}
    #wrap {max-height: 100%;padding-top: 110px;/*padding-bottom: 40px;*/}
    #wrapper {
	position:absolute; z-index:1;
	top:40px; bottom:10px; left:0;
	width:100%;
	overflow:auto;padding-bottom: 0;
    }
    h1 {font-size: 22px;line-height: 44px;}
    h2 {font-size: 16px;}
    .navbar-wrapper .navbar {position: relative;}
    .navbar-inner {margin: 0;padding: 0;}
    .navbar .btn-navbar {margin: 0 auto;padding: 10px;float: none;position: absolute;width: 100%;bottom: 0;left: 0;z-index: 1;box-sizing: border-box;}
    .navbar .btn-navbar .icon-bar {margin: 3px auto;}
    .navbar .brand {text-align: left;padding-top: 10px;float: none;width: 50%;box-sizing: border-box;}
    .navbar .brand img {max-width: 100%;max-height: 40px;}
    .nav-collapse, .nav-collapse.collapse {width: 100%;text-align: center;padding-bottom: 38px;}
    /*.collapse.in {margin-top: -40px;}*/
    .navbar .nav {margin: 0 10px 2px 10px;float: left;background: #c5cdd6;padding: 2px;}
    .navbar .nav > li {line-height: 14px;margin: 3px 5px;}
    .navbar .nav > li.active {background: none;}
    .navbar .nav > li.active > a,
    .navbar .nav > li:hover > a,
    .navbar .nav > li.active > a:hover {color: #ffffff !important;background-color: #111111;border: none;font-size: 18px;}
    .navbar .nav > li > a {color: #316093 !important;font-size: 18px;font-weight: normal;border: none;float: left;}
    .navbar .nav li a {margin: 0;border: none;padding: 9px 6px;line-height: 14px;}
    .navbar .nav > li.dropdown.active, .navbar .nav > li.dropdown:hover {padding: 0;}
    .navbar .nav li.dropdown.active > .dropdown-toggle {background: #111;}
    ul.nav li.dropdown:hover > ul.dropdown-menu,
    ul.nav li.dropdown.active > ul.dropdown-menu,
    .nav-collapse .dropdown-menu {display: block;margin: 0 10px;left: 0;float: left;padding: 0;border: none;}
    .navbar-inverse .nav-collapse .dropdown-menu a {font-weight: normal;color: #fff;font-size: 18px;}
    
    .container-shadow {padding: 0 4px 5px 4px;background-size: 90% auto;}    
    .container.home {margin: 0;}
    .home-flash {bottom: 65px;display: none;}
    .home-flash img {max-width: 80%;}
    
    .container.istorijat {background: url(/img/bg_container_istorijat.jpg) no-repeat left center;background-size: auto 100%;}
    
    .container.boxes .bottom-box-shadow {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 0 10px 5px 10px;background-position: center bottom;margin-bottom: 5px;}
/*    .container.boxes .bottom-box-shadow.wide {background: url(/img/shadow_bottom_box_wide.png) no-repeat center bottom;padding-bottom: 5px;background-size: 100%;}*/
    .container.boxes .span3 {height: auto;overflow: hidden;width: 100%;margin: 0 10px;}
    .container.boxes .span3 h2 {margin: 0px 0 5px 10px;}
    .bottom-box-shadow .span3 .pull-left {margin: 5px 20px 0px 10px;}
    .bottom-box-shadow .span3 .bottom-box-txt {float: none;width: auto;padding-right: 10px;}
    
    .bottom-box-shadow .span4.light .wide-light-dotted {margin: 5px 10px 10px 10px;}
    .container.boxes .span4 {height: auto;overflow: hidden;width: 100%;margin: 0 10px;}
    .container.boxes .span4 h2 {margin: 0px 10px 5px 10px;font-size: 15px;line-height: 20px;}
    .container.boxes .span4 .pull-left {margin: 5px 20px 0px 10px;}
    .container.boxes .span4 .bottom-box-txt {float: none;width: auto;padding-right: 10px;}
    
    .container.saradnja {background: #fff url(/img/bg_container_saradnja.jpg) no-repeat left bottom;background-size: auto 100%;}
    .container.saradnja h1 {font-size: 16px;line-height: 40px;}
    .container.saradnja .span5 {background-size: auto 100%;}
    
    .span10 {width: 710px;}
    .container.fabrika-carousel .row {padding: 0 8px;margin-top: 15px;}
    .swiper-loop {margin: 10px 0 !important;}
    .swiper-loop .arrow-left {left: -9px !important;top: 15% !important;margin-top: 0 !important;}
    .swiper-loop .arrow-right {right: -9px !important;top: 15% !important;margin-top: 0 !important;}
    
    .program-row {width: auto !important;}
    .program-image-box {width: 40%;margin: 3%;}
    .program-opis-box {width: 50%;}
    .program-opis-box .opis-ukratko {width: auto;}
    
    .proizvod-row .product-desc {width: 425px;}
    
    ul.saradnja-title li,
    ul.saradnja-proizvod li {box-sizing: border-box;line-height: 18px;padding: 10px;margin: 0;}
    ul.saradnja-title li.naziv,
    ul.saradnja-proizvod li.naziv {width: 35%;}
    ul.saradnja-title li.gen-naziv,
    ul.saradnja-title li.kod,
    ul.saradnja-proizvod li.gen-naziv,
    ul.saradnja-proizvod li.kod {width: 24%;}
    ul.saradnja-title li.pil,
    ul.saradnja-proizvod li.pil {width: 17%;}
    
    .kontakt-left {padding: 0 20px;width: 100%;margin-left: 0;box-sizing:border-box;}
    .kontakt-block {margin: 3px 30px;}
    .kontakt-block span.ico.info {display: none;}
    .kontakt-left span.kontakt-info {width: auto;font-size: 15px;margin: 10px 0;}
    .kontakt-left form {width: 80%;}
    .kontakt-left input,
    .kontakt-left textarea {width: 97%;}
    .span1.kontakt-divider {display: none;width: 100%;float: left;margin: 0;}
    .span1.kontakt-divider div.divider {/*background: url(/img/divider-kontakt-hor.png) no-repeat center center;*/display: block;width: 100%;height: 42px;margin-bottom: 20px;}
    .kontakt-right {width: 100%;margin-left: 0;margin-bottom: 20px;box-sizing: border-box;padding: 0 20px 0 40px;}
    #myMap {margin: 0 auto;overflow: hidden;}
    .container.kontakt-btns {text-align: center;}
    .container.kontakt-btns .row a {padding: 12px 15px 12px 50px;white-space: normal;width: auto;display: block;margin: 10px;line-height: 20px;}
    
    #push, #footer {height: 60px;}
    #footer {width: 100%;height: auto;position: fixed;left: 0;bottom: 0;z-index: 111;background: #316093;-webkit-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.7);box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.7);}
    #footer .copy,
    #footer .credit {float: none;line-height: normal;margin: 5px 0 5px 0;text-align: center;}
    #footer .social {margin: -15px 20px 0 20px;}
    #footer .social.linkedin {float: right;}
    
    .modal {overflow-y: auto;max-height: 90%;}
    .modal-body {overflow: hidden;}
    
}

/*@media (max-width: 979px) {
    .container.navbar-wrapper {margin-bottom: 0;width: auto;}
    .navbar-inner {border-radius: 0;margin: -20px 0;}
    .social-block-top {display: block;float: right;width: 50%;}
    .social-block {display: none;}
    .social {margin: 9px 10px;}
}*/

@media (max-width: 767px) {
    body {padding: 0;}
    #wrap {max-height: 100%;padding-top: 90px;/*padding-bottom: 40px;*/}
    h1 {font-size: 22px;line-height: 44px;margin: 0 0 5px 30px;}
    h2 {font-size: 16px;}
    .btn {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
    .span10 {width: auto;}
    .navbar-wrapper .navbar {position: relative;}
    .navbar-inner {margin: 0;padding: 0;}
    .navbar .btn-navbar {margin: 0 auto;padding: 10px;float: none;position: absolute;width: 100%;bottom: 0;left: 0;z-index: 1;}
    .navbar .btn-navbar .icon-bar {margin: 3px auto;}
    .navbar .brand {text-align: left;padding-top: 10px;float: none;width: 50%;box-sizing: border-box;}
    .navbar .brand img {max-width: 100%;max-height: 40px;}
    .nav-collapse, .nav-collapse.collapse {width: 100%;text-align: center;padding: 0 0 38px 0;box-sizing: border-box;}
    .navbar .nav {margin: 0;width: 100%;padding: 0;}
    .navbar .nav > li {line-height: 12px;margin: 0;float: none;}
    .navbar .nav > li.active {background: none;}
    .navbar .nav > li.active > a,
    .navbar .nav > li.active > a:hover {color: #ffffff;background-color: #111111;}
    .navbar .nav li.dropdown.active > .dropdown-toggle {background: #111;}
    .navbar .nav > li > a {float: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
    ul.nav li.dropdown:hover > ul.dropdown-menu, ul.nav li.dropdown.active > ul.dropdown-menu, .nav-collapse .dropdown-menu {float: none;}
    ul.dropdown-menu li {float: none;display: block;}
    .navbar-inverse .nav-collapse .dropdown-menu a {float: none;}
    .container-shadow {padding: 0 4px 5px 4px;margin-top: 20px;background-size: 90% auto;}
    .container.home {margin: 0 10px;height: 560px;width: auto;}
    .home-flash {bottom: 50px;display: none;}
    .home-flash img {max-width: 80%;}
    
    .container.istorijat {background: url(/img/bg_container_istorijat.jpg) no-repeat left center;background-size: auto 100%;}
    ul.istorijat {margin: 0 10px 10px 10px;}
    
    .container.boxes .bottom-box-shadow {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 0 10px 5px 10px;background-position: center bottom;margin-bottom: 5px;}
/*    .container.boxes .bottom-box-shadow.wide {background: url(/img/shadow_bottom_box_wide.png) no-repeat center bottom;padding-bottom: 5px;background-size: 100%;}*/
    .container.boxes .span3 {height: auto;overflow: hidden;margin: 0;}
    .container.boxes .span3 h2 {margin: 0px 0 5px 10px;}
    .bottom-box-shadow .span3 .pull-left {margin: 5px 20px 0px 10px;}
    .bottom-box-shadow .span3 .bottom-box-txt {float: none;width: auto;padding-right: 10px;}
    
    .bottom-box-shadow .span4.light .wide-light-dotted {margin: 5px 10px 10px 10px;}
    .container.boxes .span4 {height: auto;overflow: hidden;margin: 0;}
    .container.boxes .span4 h2 {margin: 0px 10px 5px 10px;font-size: 15px;line-height: 20px;}
    .container.boxes .span4 .pull-left {margin: 5px 20px 0px 10px;}
    .container.boxes .span4 .bottom-box-txt {float: none;width: auto;padding-right: 10px;}
    
    .container.saradnja {background: #fff url(/img/bg_container_saradnja.jpg) no-repeat left bottom;background-size: auto 100%;}
    .container.saradnja h1 {font-size: 16px;line-height: 40px;}
    .container.saradnja .span5 {background-size: auto 100%;}
    
    .container.fabrika-carousel .row {padding: 0 8px;margin-top: 10px;}
    .swiper-loop {margin: 0 !important;}
    .swiper-loop .arrow-left {left: -9px !important;top: 15% !important;margin-top: 0 !important;}
    .swiper-loop .arrow-right {right: -9px !important;top: 15% !important;margin-top: 0 !important;}
    
    .span3.vcard {width: 210px;margin: 0px 0 10px 15px;float: left;}
    .span3.vcard .vcard-title span.person-department {font-size: 16px;margin: 5px 0 0 10px;}
    .span3.vcard .vcard-title span.person-name {font-size: 14px;margin: 0px 0 0 10px;}
    .span3.vcard .vcard-title span.person-title {margin: 0 0 0 10px;}
    .span3.vcard .vcard-mail a {font-size: 13px;margin: 0 0 0 10px;}
    
    .container.program {width: auto;}
    .program-row {margin: 0px 10px;padding: 0;}
    .program-side {width: 100%;margin-right: 0;margin-bottom: 10px;}
    .program-opis-box {margin-top: 20px;}
    .container.program h3 {font-size: 16px;}
    
    .proizvod-row {margin: 0 10px;padding: 0 0 50px 0;width: auto;}
    .proizvod-row .product-img {margin-top: 10px;width: 33%;margin-right: 2%;}
    .proizvod-row .product-desc {width: 65%;}
    .proizvod-row .txt-intro {font-size: 18px;}
    
    .kontakt-left {padding: 0 20px;width: 100%;margin-left: 0;box-sizing:border-box;}
    .kontakt-block {margin: 3px 0px;}
    .kontakt-block span.ico.info {display: none;}
    .kontakt-left span.kontakt-info {width: auto;font-size: 15px;margin: 10px 0;}
    .kontakt-left form {width: 80%;}
    .span1.kontakt-divider {width: 100%;float: left;}
    .span1.kontakt-divider div.divider {/*background: url(/img/divider-kontakt-hor.png) no-repeat center center;*/display: block;width: 100%;height: 42px;margin-bottom: 20px;}
    .kontakt-right {width: 100%;margin-left: 0;margin-bottom: 20px;box-sizing: border-box;padding: 0 20px;}
    #myMap {width: 100% !important;overflow: hidden;}
    .container.kontakt-btns {text-align: center;}
    .container.kontakt-btns .row a {padding: 12px 15px 12px 50px;white-space: normal;width: auto;display: block;margin: 10px;line-height: 20px;}
    
    #push, #footer {height: 60px;}
    #footer {width: 100%;height: auto;position: fixed;left: 0;bottom: 0;z-index: 111;background: #316093;-webkit-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.7);box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.7);}
    #footer .copy,
    #footer .credit {float: none;line-height: normal;margin: 5px 0 5px 0;text-align: center;}
    #footer .social {margin: -15px 20px 0 20px;}
    #footer .social.linkedin {float: right;}
    
    .modal {width: 90%;margin-top: 0;margin-left: -215px;left: 50%;}
    .modal.fade.in {top: 20%;}
    .modal-header .close {margin-top: -2px;}
}

@media (max-width: 479px) {
    #wrap {padding-top: 85px;box-sizing: border-box;}
    #push, #footer {height: 43px;}
    .social-block-top {width: 34%;}
    .container.home {margin: 0 5px;}
    .home-flash {bottom: 40px;display: none;}
    .container.program h1 {font-size: 19px;margin-left: 60px;}
    .container.program h2 {font-size: 15px;}
    .container.content h3 {margin: 5px 0 10px 20px;line-height: 20px;}
    .program-image-box {width: 94%;}
    .program-opis-box {width: 94%;padding: 0 3% 10px 3%;margin: 0;margin-top: -20px;text-align: center;}
    .program-row-block .program-title {margin: 0;}
    .program-row.program-bottom {margin: 0;}
    ul.saradnja-title li,
    ul.saradnja-proizvod li {box-sizing: border-box;font-size: 14px;line-height: 14px;padding: 10px 5px;margin: 0;}
    
    .container.program-details {margin-bottom: 10px;}
    .proizvod-row .product-img {margin-top: 10px;width: 100%;margin-right: 0;}
    .proizvod-row .product-desc {width: 100%;}
    
    .container.boxes .span3 {padding-bottom: 30px;}
    .container.boxes .span3 a.btn,
    .container.boxes .span4 a.btn {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
    .container.boxes .span4 {padding-bottom: 35px;}
    
    .container.tim {height: auto;margin-bottom: 5px;}
    .span3.vcard {width: 90%;margin: 0 5% 10px 5%;}
    
    .modal {overflow-y: auto;margin-left: -145px;}
    .modal.fade.in {top: 5%;}
    .modal-body {overflow: visible;padding-bottom: 60px;}
    .modal-footer {padding: 10px;text-align: center;}
    
    #locked {width: 100%;top: 0;left: 0;margin-left: 0;box-sizing: border-box;z-index: 111;}
}