/* BOOTSTRAP SPECIFIC*/
.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    *zoom: 1;
}
.container-fluid:before, .container-fluid:after {
    display: table;
    line-height: 0;
    content: ""}
.container-fluid:after {
    clear: both;
}
.row-fluid {
    width: 100%;
    *zoom: 1;
}
.row-fluid:before, .row-fluid:after {
    display: table;
    line-height: 0;
    content: ""}
.row-fluid:after {
    clear: both;
}
.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.127659574468085%;
    *margin-left: 2.074468085106383%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}
.row-fluid .controls-row [class*="span"]+[class*="span"] {
    margin-left: 2.127659574468085%}
.row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%}
.row-fluid .span11 {
    width: 91.48936170212765%;
    *width: 91.43617021276594%}
.row-fluid .span10 {
    width: 82.97872340425532%;
    *width: 82.92553191489361%}
.row-fluid .span9 {
    width: 74.46808510638297%;
    *width: 74.41489361702126%}
.row-fluid .span8 {
    width: 65.95744680851064%;
    *width: 65.90425531914893%}
.row-fluid .span7 {
    width: 57.44680851063829%;
    *width: 57.39361702127659%}
.row-fluid .span6 {
    width: 48.93617021276595%;
    *width: 48.88297872340425%}
.row-fluid .span5 {
    width: 40.42553191489362%;
    *width: 40.37234042553192%}
.row-fluid .span4 {
    width: 31.914893617021278%;
    *width: 31.861702127659576%}
.row-fluid .span3 {
    width: 23.404255319148934%;
    *width: 23.351063829787233%}
.row-fluid .span2 {
    width: 14.893617021276595%;
    *width: 14.840425531914894%}
.row-fluid .span1 {
    width: 6.382978723404255%;
    *width: 6.329787234042553%}
.row-fluid .offset12 {
    margin-left: 104.25531914893617%;
    *margin-left: 104.14893617021275%}
.row-fluid .offset12:first-child {
    margin-left: 102.12765957446808%;
    *margin-left: 102.02127659574467%}
.row-fluid .offset11 {
    margin-left: 95.74468085106382%;
    *margin-left: 95.6382978723404%}
.row-fluid .offset11:first-child {
    margin-left: 93.61702127659574%;
    *margin-left: 93.51063829787232%}
.row-fluid .offset10 {
    margin-left: 87.23404255319149%;
    *margin-left: 87.12765957446807%}
.row-fluid .offset10:first-child {
    margin-left: 85.1063829787234%;
    *margin-left: 84.99999999999999%}
.row-fluid .offset9 {
    margin-left: 78.72340425531914%;
    *margin-left: 78.61702127659572%}
.row-fluid .offset9:first-child {
    margin-left: 76.59574468085106%;
    *margin-left: 76.48936170212764%}
.row-fluid .offset8 {
    margin-left: 70.2127659574468%;
    *margin-left: 70.10638297872339%}
.row-fluid .offset8:first-child {
    margin-left: 68.08510638297872%;
    *margin-left: 67.9787234042553%}
.row-fluid .offset7 {
    margin-left: 61.70212765957446%;
    *margin-left: 61.59574468085106%}
.row-fluid .offset7:first-child {
    margin-left: 59.574468085106375%;
    *margin-left: 59.46808510638297%}
.row-fluid .offset6 {
    margin-left: 53.191489361702125%;
    *margin-left: 53.085106382978715%}
.row-fluid .offset6:first-child {
    margin-left: 51.063829787234035%;
    *margin-left: 50.95744680851063%}
.row-fluid .offset5 {
    margin-left: 44.68085106382979%;
    *margin-left: 44.57446808510638%}
.row-fluid .offset5:first-child {
    margin-left: 42.5531914893617%;
    *margin-left: 42.4468085106383%}
.row-fluid .offset4 {
    margin-left: 36.170212765957444%;
    *margin-left: 36.06382978723405%}
.row-fluid .offset4:first-child {
    margin-left: 34.04255319148936%;
    *margin-left: 33.93617021276596%}
.row-fluid .offset3 {
    margin-left: 27.659574468085104%;
    *margin-left: 27.5531914893617%}
.row-fluid .offset3:first-child {
    margin-left: 25.53191489361702%;
    *margin-left: 25.425531914893618%}
.row-fluid .offset2 {
    margin-left: 19.148936170212764%;
    *margin-left: 19.04255319148936%}
.row-fluid .offset2:first-child {
    margin-left: 17.02127659574468%;
    *margin-left: 16.914893617021278%}
.row-fluid .offset1 {
    margin-left: 10.638297872340425%;
    *margin-left: 10.53191489361702%}
.row-fluid .offset1:first-child {
    margin-left: 8.51063829787234%;
    *margin-left: 8.404255319148938%}
  .accordion {
    margin-bottom: 20px;
}
.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.accordion-heading {
    border-bottom: 0;
}
.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px;
}
.accordion-toggle {
    cursor: pointer;
}
.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5;
}
.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
}
.collapse.in {
    height: auto;
}
.btn {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    color: #333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}
.btn:active, .btn.active {
    background-color: #ccc \9;
}
.btn:first-child {
    *margin-left: 0;
}
.btn:hover, .btn:focus {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}
.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled, .btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.btn-large [class^="icon-"], .btn-large [class*=" icon-"] {
    margin-top: 4px;
}
.btn-small {
    padding: 2px 10px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btn-small [class^="icon-"], .btn-small [class*=" icon-"] {
    margin-top: 0;
}
.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] {
    margin-top: -1px;
}
.btn-mini {
    padding: 0 6px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.btn-block+.btn-block {
    margin-top: 5px;
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%}
.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
    color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    *background-color: #04c;
    background-image: -moz-linear-gradient(top, #f5821e, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5821e), to(#04c));
    background-image: -webkit-linear-gradient(top, #f5821e, #04c);
    background-image: -o-linear-gradient(top, #f5821e, #04c);
    background-image: linear-gradient(to bottom, #f5821e, #04c);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    color: #fff;
    background-color: #04c;
    *background-color: #003bb3;
}
.btn-primary:active, .btn-primary.active {
    background-color: #039 \9;
}
.btn-warning {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    *background-color: #f89406;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/*END BOOTSTRAP SPECIFIC*/

 html, body, #map-canvas {
    margin: 0;
    padding: 0;
    height: 100%}

 /* *, :after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}*/

/*body {
    overflow-x: hidden;
    font-family:  Arial,  Helvetica,  sans-serif;
}*/

html, body, .main-container, .wrapper-menu, .st-content {
    height: 100%}


.container-fluid {
    margin: 0;
    padding: 0;
    overflow: visible;
}
.fixed {
    position: fixed;
    width: 100%}
.main {
    z-index: 101;
}
.relative {
    position: relative;
}
.overflow-hidden {
    overflow: hidden;
}
.hide {
    display: none;
}
.full-height {
    height: 100%}
.st-content {
    overflow-y: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 4;
}
.st-content-inner {
    height: 100%}

.wrapper-menu {
    left: 0;
    z-index: 99;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
}

.wrapper-menu::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, .2);
    content: '';
    opacity: 0;
    -webkit-transition: opacity .5s, width .1s .5s, height .1s .5s;
    transition: opacity .5s, width .1s .5s, height .1s .5s;
}
.menu-bg, .menu-bg-boxed {
    /*Reuf izmjene*/
/*    background: #f58220;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .26);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .26);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .26);*/
    height: 44px;
    max-height: 44px;
    position: relative;
    z-index: 100;
}
.menu-bg-boxed {
    max-width: 986px;
    margin: auto;
    /*margin-top: 20px;*/
}
.site-width {
    width: 93%}
.site-width-boxed {
    width: 100%}
.bm-container {
  background-color: #999999;
    height: 44px;
    max-height: 44px;
    margin: auto;
    position: relative;
    z-index: 5;
    font-size: 14px;
    /*Dodao reuf*/
    -moz-border-radius: 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
.content, .content-boxed {
    width: 99%;
    min-height: 700px;
    height: 100%;
    height: auto;
    position: relative;
    margin: auto;
    opacity: 1;
    font-size: 12px;
}
.content-boxed {
    max-width: 986px;
/* background:  #fff; */
    font-family:  Arial,  Helvetica,  sans-serif;
}
.settings {
    z-index: 1;
}
.site-title, .top-nav, .slidemenu-toggler, .loginbox-toggler {
    float: left;
}
.slidemenu-toggler, .loginbox-toggler {
    min-width: 55px;
    width: auto!important;
    width: 55px;
}
.site-title {
  background-image: url('../img/logo.png');
  margin-top: 11px;
    min-width: 100px;
  height:22px;
    margin-left: 10px;
}
.site-title:hover {
  background-image: url('../img/logo_orange.png');
}
.top-nav {
    width: auto;
}
.home-nav
{
  background-image :url('../img/home.png');
  margin-top: 7px;
  width: 30px;
  height: 30px;
  margin-left: 30px;
  margin-right: -15px;
  z-index: 5000;
}
.home-nav:hover
{
  background-image :url('../img/home_inv.png');
}
.mail-nav
{
    background-image :url('../img/mail.png');
    margin-top: 7px;
    width: 30px;
    height: 30px;
    margin-left: 30px;
    margin-right: -15px;
    z-index: 5000;
}
.mail-nav:hover
{
    background-image :url('../img/mail_inv.png');
}
.social-media {
    width: 450px;
    float: right;
}
.facebook, .facebook-sb, .twitter, .twitter-sb, .google-plus, .google-plus-sb, .pinterest, .pinterest-sb, .instagram, .instagram-sb, .linkedin, .linkedin-sb, .yahoo, .yahoo-sb, .youtube, .youtube-sb, .vimeo, .vimeo-sb {
    display: block;
    float: left;
    width: 45px;
    height: 44px;
    background: #7CCBE4;
    background-repeat: no-repeat;
    background-position: 8px 0;
    border-left: 1px solid #f5821e;
    -webkit-transition: all ease .15s;
    -moz-transition: all ease .15s;
    -o-transition: all ease .15s;
    -ms-transition: all ease .15s;
    transition: all ease .15s;
}
.facebook span, .facebook-sb span, .twitter span, .twitter-sb span, .pinterest span, .pinterest-sb span, .google-plus span, .google-plus-sb span, .instagram span, .instagram-sb span, .linkedin span, .linkedin-sb span, .yahoo span, .yahoo-sb span, .youtube span, .youtube-sb span, .vimeo span, .vimeo-sb span {
    position: absolute;
    top: -999em;
}
.facebook:hover, .twitter:hover, .google-plus:hover, .pinterest:hover, .instagram:hover, .linkedin:hover, .yahoo:hover, .youtube:hover, .vimeo:hover {
    background: #fff;
    background-repeat: no-repeat;
    background-position: 8px -44px;
}
.facebook, .facebook:hover {
    background-image: url(../img/facebook.png);
}
.twitter, .twitter:hover {
    background-image: url(../img/twitter.png);
}
.google-plus, .google-plus:hover {
    background-image: url(../img/googleplus.png);
}
.pinterest, .pinterest:hover {
    background-image: url(../img/pinterest.png);
}
.linkedin, .linkedin:hover {
    background-image: url(../img/linkedin.png);
}
.yahoo, .yahoo:hover {
    background-image: url(../img/yahoo.png);
}
.youtube, .youtube:hover {
    background-image: url(../img/youtube.png);
}
.vimeo, .vimeo:hover {
    background-image: url(../img/vimeo.png);
}
/*h1 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
    margin: 0;
    margin-top: 8px;
}
h2 {
    font-size: 22px;
    line-height: 34px;
}
h3 {
    font-size: 20px;
    line-height: 30px;
}
h4 {
    font-size: 18px;
    line-height: 26px;
}
h5 {
    font-size: 16px;
    line-height: 22px;
}
h6 {
    font-size: 14px;
    line-height: 20px;
}
h1, h2, h3, h4, h5, h6 {
    font-family:  Arial,  Helvetica,  sans-serif;
    font-weight: 300;
}*/
.bm-container h1 {
    color: #fff;
}
.top-nav .typo h1 {
    line-height: 40px;
}
.top-nav .typo h3 {
    font-size: 20px;
    line-height: 36px;
    margin: 0;
    font-weight: 500;
}
/*::selection {
    background: #d3d1da;
    color: #333;
}
::-moz-selection {
    background: #d3d1da;
    color: #333;
}*/
.hidden-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    visibility: hidden;
    width: 250px;
  height: 100%;
    background: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
  font-size: 12px;
}
.hidden-menu::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 1);
    content: '';
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}
.reveal-hidden-menu .hidden-menu::after {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity .5s, width .1s .5s, height .1s .5s;
    transition: opacity .5s, width .1s .5s, height .1s .5s;
}
.hidden-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.hidden-menu h2 {
    margin: 0;
    padding: 1em;
    color: #999999;
    text-shadow: 0 0 1px rgba(0, 0, 0, .1);
    font-weight: 300;
    font-size: 2em;
}
.hidden-menu ul li a {
    display: block;
    padding: 5px 5px 5px 25px;
    outline: 0;
    box-shadow: inset 0 -1px rgba(0, 0, 0, .2);
    color: #888;
    text-transform: uppercase;
    text-shadow: 0 0 1px rgba(255, 255, 255, .1);
    letter-spacing: 1px;
    font-weight: 400;
    -webkit-transition: background .3s, box-shadow .3s;
    transition: background .3s, box-shadow .3s;
}
.hidden-menu ul li:first-child a {
    box-shadow: inset 0 -1px rgba(0, 0, 0, .2), inset 0 1px rgba(0, 0, 0, .2);
}
.hidden-menu ul li a:hover {
    background: #f58220;
     box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
    color: #fff;
}
.social-media-sidebar {
    width: 250px;
    height: auto;
    position: absolute;
    bottom: 15px;
    left: 15px;
}
.facebook-sb, .twitter-sb, .google-plus-sb, .pinterest-sb, .instagram-sb, .linkedin-sb, .yahoo-sb, .youtube-sb, .vimeo-sb {
    background: #000;
    background: rgba(0, 0, 0, .1);
    background-repeat: no-repeat;
    background-position: 8px 0;
    border-left: 0;
    margin: 5px;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
}
.facebook-sb:hover, .twitter-sb:hover, .google-plus-sb:hover, .pinterest-sb:hover, .instagram-sb:hover, .linkedin-sb:hover, .yahoo-sb:hover, .youtube-sb:hover, .vimeo-sb:hover {
    background: #bbb;
    background: rgba(127, 127, 127, .5);
    background-repeat: no-repeat;
    background-position: 8px 0;
}
.facebook-sb, .facebook-sb:hover {
    background-image: url(../img/facebook.png);
}
.twitter-sb, .twitter-sb:hover {
    background-image: url(../img/twitter.png);
}
.google-plus-sb, .google-plus-sb:hover {
    background-image: url(../img/googleplus.png);
}
.pinterest-sb, .pinterest-sb:hover {
    background-image: url(../img/pinterest.png);
}
.linkedin-sb, .linkedin-sb:hover {
    background-image: url(../img/linkedin.png);
}
.yahoo-sb, .yahoo-sb:hover {
    background-image: url(../img/yahoo.png);
}
.youtube-sb, .youtube-sb:hover {
    background-image: url(../img/youtube.png);
}
.vimeo-sb, .vimeo-sb:hover {
    background-image: url(../img/vimeo.png);
}
.no-csstransforms3d .wrapper-menu, .no-js .wrapper-menu {
    padding-left: -250px;
}
.side-menu-toggle {
    background: #999999;
    background-image: url(../img/menu-toggle.png);
    background-repeat: no-repeat;
    background-position: 15px 11px;
    height: 44px;
    max-height: 44px;
    max-width: 54px;
    min-width: 54px;
    border: 0;
}
.side-menu-toggle:focus {
    border: 0;
    outline: 0;
    background: #d6d7d9;
    background-image: url(../img/menu-toggle.png);
    background-repeat: no-repeat;
    background-position: 15px 11px;
}
.login-toggle, .search-toggle, .stari-portal-toggle, .shop-toggle {
    /*background: #ca6c18;*/
  background: #999999;
    background-image: url(../img/login.png);
    background-repeat: no-repeat;
    background-position: 10px 11px;
    border-left: 1px solid #248CB1;
    position: absolute !important;
    top: 0;
    right: 0px;
    margin: 0;
    height: 44px;
    max-height: 44px;
    max-width: 44px;
    min-width: 44px;
    border: 0;
}
.login-toggle{
    /*Dodao reuf*/
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px 10px 0px 0px;
    border-radius: 0px 10px 0px 0px;
}

.login-toggle:focus, .search-toggle:focus, .shop-toggle:focus {
    outline: 0;
}
.search-toggle {
    /*right: 47px;*/
    background: #999999;
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: 9px 9px;
    border-radius: 0px 10px 0px 0px;  
    border-radius: 0px 10px 0px 0px;    
}
.stari-portal-toggle {
    right: 94px;
    background: #999999;
    background-image: url(../img/stari-portal.png);
    background-repeat: no-repeat;
    background-position: 9px 9px;
}

.shop-toggle {
    right: 0;
    background: #333;
    background-image: url(../img/shopping-cart.png);
    background-repeat: no-repeat;
    background-position: 10px 11px;
}
#login-container {
    visibility: hidden;
    position: absolute;
    top: -200px;
    right: 3.5%;
    width: 280px;
    height: 50px;
    padding: 5px;
    background:  #fff;
    /* background: rgba(221, 240, 249, 1);
     */border:  1px solid #C2C2C2;
    border-top: 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    transition: all .6s ease;
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, .5);
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .5);
    z-index: 2;
}
#login-container p {
    transition-delay: .6s;
}
#login-container.login-effect {
    visibility: visible;
    top: 44px;
}
#login-container form input[type=text] {
    background: transparent url(../img/login-username.png);
    background-repeat: no-repeat;
    /*width: 240px;
    height: 40px;
    border: 0;
    outline: 0;
    padding-left: 60px;*/
    color: #000000;
    font-size: 16px;
}
#login-container form input[type=text]:focus, #login-container form input[type=password]:focus {
    border: 0;
    outline: 0;
}
#login-container form input[type=password] {
    background: transparent url(../img/login-password.png);
    background-repeat: no-repeat;
    width: 240px;
    height: 40px;
    border: 0;
    outline: 0;
    padding-left: 60px;
    color: #000000;
    font-size: 16px;
    margin-top: 10px;
}
#login-container form input:active {
    border:  1px solid #8F8F8F;
}
;
}
;
}
#login-container form button {
    width: 240px;
    height: 40px;
    border: 0;
    outline: 0;
    background:  #f58220;
    border-radius: 5px;
    color: #FFF;
    font-size: 20px;
    transition: all .6s ease;
}
#login-container form button:hover {
    border: 0;
    outline: 0;
    background:  #E77827;
  color: #fff;
}
.register-forgot {
    width: 240px;
    height: 30px;
    display: block;
    margin-top: 10px;
}
.register-forgot a {
    color: #666;
}
.register-forgot a:hover {
    color: #f5821e;
    text-decoration: underline;
}
#search-container, #shop-container {
    visibility: hidden;
    position: absolute;
    top: -200px;
    right: 3.5%;
    width: 180px;
    height: 50px;
    font-family:  Arial,  Helvetica,  sans-serif;
    font-size: 16px;
    padding-left: 15px;
    background:  #fff;
    /* background: rgba(221, 240, 249, 1);
     */border:  1px solid #CACACA;
    border-top: 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    transition: all .3s ease;
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .4);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .4);
    z-index: 2;
}
#search-container:focus {
    outline: 0;
    border: 0;
    background:  #fff;
    /* background: rgba(38, 147, 186, .7);
     */color:  #000;
}
#search-container:focus::-moz-placeholder, #login-container input::-moz-placeholder {
    color: #fff;
}
#search-container:focus::-ms-input-placeholder, #login-container input::-ms-input-placeholder {
    color: #fff;
}
#search-container:focus::-webkit-input-placeholder, #login-container input::-webkit-input-placeholder {
    color: #fff;
}
#search-container.search-effect, #shop-container.shop-effect {
    visibility: visible;
    top: 40px;
}
#shop-container {
    right: 3.5%;
    width: 200px;
    max-height: 200px;
    height: auto;
    padding: 10px;
    background: #333;
    background: rgba(51, 51, 51, .9);
    border: 1px solid #000;
    color: #fff;
    font-size: 12px;
}
#shop-container a {
    color: #fff;
}
table.shop-item {
    width: auto;
    background: #737373;
    background: rgba(115, 115, 115, .7);
    margin-bottom: 5px;
    padding: 5px;
    vertical-align: middle;
}
table.shop-item td {
    padding: 5px;
    font-size: 14px;
}
.item-remove {
    margin-top: 7px;
}
.top-nav {
    position: relative;
}
.top-nav>ul>li>ul {
    background:  #fff;
}
.top-nav ul {
    list-style: none;
    position: relative;
}
.top-nav ul li {
    float: left;
    position: relative;
  z-index:110;
  margin-left:0;
  line-height: 20px;
  padding-top: 0px !important;
}
.top-nav>ul>li>a {
    font-size:16px;
    display: block;
    height: 40px;
    margin-top: 4px;
    line-height: 38px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.top-nav>ul>li:hover>a {
    background: #fff;
    /*background: rgba(202, 108, 24, 1);*/
    color: #8c8e90;
    border-bottom: 0;
    text-decoration: none;
}
.fw-hovered {
    background:  #E77827;
    /* background: rgba(16, 64, 80, 1);
     */color: #fff;
    border-bottom: 0;
    text-decoration: none;
}
.top-nav>ul>li>ul {
    visibility: hidden;
    position: absolute;
    top: 44px;
    left: -25px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.top-nav>ul>li>ul>li {
    float: none;
}
.top-nav>ul>li:hover>ul {
    visibility: visible;
}
.top-nav>ul>li:hover>ul>li>a {
    visibility: visible;
    height: 44px;
    line-height: 44px;
    opacity: 1;
}
.top-nav>ul>li>ul>li>a {
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    opacity: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: 150px;
    /* background:  #f58220;
     *//* background: rgba(245, 130, 32, .8);
     */color:  #8c8e90;
    /*transition: all 200ms cubic-bezier(0.25, .46, .45, .94);*/
    /* border-top: 1px solid #144F65;
     *//* border-bottom: 1px solid #507270 */}
.top-nav>ul>li>ul>li>a:hover {

   /* fallback */
background-color: #999999 !important;


  /* 
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d6d7d9), to(#637473)) !important;


  background: -webkit-linear-gradient(top, #d6d7d9, #637473) !important;


 background: -moz-linear-gradient(top, #d6d7d9, #637473) !important;


 background: -ms-linear-gradient(top, #d6d7d9, #637473) !important;


background: -o-linear-gradient(top, #d6d7d9, #637473) !important;

    /* background: rgba(202, 108, 24, .9);
     */
  text-decoration: none;
    /* border-bottom: 1px solid #104050;
     *//* border-top: 1px solid #104050 */
   color: #fff;
}
.top-nav>ul>li>ul>li:last-child a {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.top-nav ul ul ul {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 125px;

}
.top-nav ul ul ul li {
    float: none;
     padding-top:  0;
  z-index: 110;
}
.top-nav ul ul li:hover>ul {
    visibility: visible;
}
.top-nav>ul>li>ul>li>ul>li>a {
    display: block;
    visibility: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    opacity: 0;
    padding-left: 10px;
    padding-right: 10px;
    background:  #fff;
    /* background: rgba(245, 130, 32, .8);
     */color:  #999999;
    transition: all 200ms cubic-bezier(0.25, .46, .45, .94);
    /* border-top: 1px solid #2696BB;
     *//* border-bottom: 1px solid #6AC4E1 */}
.top-nav>ul>li>ul>li:hover>ul {
    visibility: visible;
}
.top-nav>ul>li>ul>li:hover>ul>li>a {
    visibility: visible;
    width: 150px;
    height: 44px;
    line-height: 44px;
    opacity: 1;
     border-bottom-left-radius:  0px;
    border-bottom-right-radius:  0px;
}
.top-nav>ul>li>ul>li>ul>li:last-child a {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.top-nav>ul>li>ul>li>ul>li:first-child a {
    border-top-right-radius: 5px;
}
.top-nav>ul>li>ul>li>ul>li a:hover {

   /* fallback */
background-color: #999999;


/* background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d6d7d9), to(#637473));


  background: -webkit-linear-gradient(top, #d6d7d9, #637473);


 background: -moz-linear-gradient(top, #d6d7d9, #637473);


 background: -ms-linear-gradient(top, #d6d7d9, #637473);


background: -o-linear-gradient(top, #d6d7d9, #637473);


     background: rgba(202, 108, 24, .9);
     */
  text-decoration: none;
    /* border-bottom: 1px solid #2699BF;
     *//* border-top: 1px solid #2699BF;
     */color:  #fff;
}
.top-nav ul ul ul ul {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 125px;
}
.top-nav ul ul ul ul li {
    float: none;
}
.top-nav ul ul ul li:hover>ul {
    visibility: visible;
}
.top-nav>ul>li>ul>li>ul>li>ul>li>a {
    display: block;
    visibility: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    opacity: 0;
    padding-left: 10px;
    padding-right: 10px;
    background: #62a6ca;
    background: rgba(98, 166, 202, .8);
    color: #fff;
    transition: all 200ms cubic-bezier(0.25, .46, .45, .94);
    border-top: 1px solid #5B9CC8;
    border-bottom: 1px solid #92BDDA;
}
.top-nav>ul>li>ul>li>ul>li:hover>ul {
    visibility: visible;
}
.top-nav>ul>li>ul>li> ul>li:hover>ul>li>a {
    visibility: visible;
    width: 150px;
    height: 44px;
    line-height: 44px;
    opacity: 1;
}
.top-nav>ul>li>ul>li>ul>li>ul>li:last-child a {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.top-nav>ul>li>ul>li>ul>li>ul>li:first-child a {
    border-top-right-radius: 5px;
}
.top-nav>ul>li>ul>li>ul>li>ul>li a:hover {
    background: #5b9cc8;
    background: rgba(91, 156, 200, .9);
    text-decoration: none;
    border-bottom: 1px solid #62a6ca;
    border-top: 1px solid #62a6ca;
}
.top-nav-mega-1, .top-nav-mega-2, .top-nav-mega-3, .top-nav-mega-4 {
    visibility: hidden;
    opacity: 0;
    height: 0;
    position: absolute;
    padding: 10px;
    background: #f58220;
    background: rgba(245, 130, 32, .8);
    color: #eee;
    transition: all 100ms cubic-bezier(0.25, .46, .45, .94);
}
.top-nav>ul>li.top-nav-mega:hover>ul {
    visibility: visible;
    opacity: 1;
    max-height: 600px;
    height: auto;
    padding: 10px;
    transition: all 800ms cubic-bezier(0.4, .96, .15, .94);
}
.top-nav-mega-1 {
    width: 400px;
}
.top-nav-mega-2 {
    width: 600px;
}
.top-nav-mega-3 {
    width: 800px;
}
.top-nav-mega-4 {
    width: 1000px;
}
.top-nav-mega-full-width {
    display: none;
    position: absolute;
    top: 44px;
    max-height: 2000px;
    background: #f58220;
    background:  rgba(255, 255, 255, .9);
    padding: 10px;
    color:  #333;
}
.top-nav>ul>li>ul.top-nav-mega-1.top-nav-rtl {
    left: -331px;
}
.top-nav>ul>li>ul.top-nav-mega-2.top-nav-rtl {
    left: -531px;
}
.top-nav>ul>li>ul.top-nav-mega-3.top-nav-rtl {
    left: -731px;
}
.top-nav>ul>li>ul.top-nav-mega-4.top-nav-rtl {
    left: -931px;
}
.mega-news-item {
    /* background: #f58220;
     *//* background:  rgba(245, 130, 32, .2);
     */color: #ddd;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 12px;
}
.mega-news-item div {
    padding-top: 0;
}
.mega-news-item img {
    display: inline-block;
    background: #fff;
    background: rgba(255, 255, 255, .3);
    padding: 5px;
}
.mega-news-item h3, .mega-news-item h3 a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 200;
    margin: 0;
    color:  #E77827;
}
.mega-news-item h3 a:hover {
    text-decoration: underline;
}
.top-nav-mega-full-width .span2 {
    margin-left: 30px;
    padding: 0;
}
.top-nav-mega-full-width .span3 {
    margin-left: 18px;
    padding: 0;
}
.top-nav-mega-full-width ul, .top-nav-mega-full-width ol {
    visibility: visible;
    /* list-style: circle;
     */float: none;
    margin: 10px 40px;
}
.top-nav-mega-full-width ol {
    list-style: decimal;
}
.top-nav-mega-full-width ul li, .top-nav-mega-full-width ol li {
    height: 30px;
    float: none;
}
.top-nav-mega-full-width ul li a, .top-nav-mega-full-width ol li a {
    float: none;
    color:  #E77827;
}
.top-nav-mega-full-width h3, .top-nav-mega-full-width h3 a {
    font-size: 18px;
    line-height: 22px;
    font-weight: 200;
    margin: 0 20px;
}
.product-frame {
    /* background:  #f58220;
     *//* background: rgba(245, 130, 32, .8);
     *//* border:  5px solid;
     */color: #ddd;
    height: 100px;
    padding: 10px;
    transition: all .3s ease;
}
.product-frame:hover {
    background: #f0f0f0;
    background: rgba(240, 240, 240, .2);
    border:  5px solid #f58220;
    cursor: pointer;
}
.product-row {
    margin: 7px 20px;
}
.product-image {
    height: 60%;
    vertical-align: top;
}
.product-category {
    height: 30%;
    margin-top: 5%}
.product {
    width: 60px;
    margin: auto;
}
.product-category h4, .product-category h4 a {
    font-size: 12px;
    line-height: 12px;
    font-weight: 200;
    color:  #E77827;
}
.product-category h4 a:hover {
    text-decoration: none;
}
.top-nav-mega-content {
    padding: 5px;
}
.item-with-images, .item-with-images-black {
    background: #fff;
    background: rgba(255, 255, 255, .8);
    color: #333;
    padding: 0;
    margin-bottom: 10px;
    position: relative;
}
.item-with-images-black {
    background: #000;
    background: rgba(0, 0, 0, .8);
}
.item-with-images .span9:hover .read-more, .item-with-images .span9:hover .cat {
    visibility: visible;
    height: 22px;
    opacity: 1;
}
.item-with-images:hover {
}
.item-with-images .span9, .item-with-images-black .span9 {
    padding: 7px 14px;
    padding-right: 0;
    padding-bottom: 0;
    margin: 0;
}
.item-with-images p, .item-with-images a, .item-with-images-black p, .item-with-images-black a {
    line-height: 22px;
    font-size: 12px;
}
.item-with-images a, .item-with-images-black a {
    display: block;
    color: #104050;
}
.typo-icons {
    padding: 10px;
}
.read-more, .cat {
    visibility: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 90px;
    height: 0;
    padding-left: 25px;
    border-top-left-radius: 8px;
    background: #333;
    background: rgba(51, 51, 51, 1);
    background-repeat: no-repeat;
    background-position: 8px 5px;
    transition: all .1s ease;
    opacity: 0;
}
.cat {
    top: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 8px;
    background-image: url(../img/cat.png);
}
.read-more {
    background-image: url(../img/read-more.png);
}
.read-more, .read-more a, .cat, .cat a {
    color: #fff;
    font-size: 10px;
}
.image-gallery img {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 15.2%}
.top-nav input[type=text], .top-nav textarea {
    width: 97%;
    height: 35px;
    background: #222;
    background: rgba(34, 34, 34, .6);
    border: 0;
    border-radius: 0;
    outline: 0;
    padding-left: 10px;
    color: #F2F2F2;
    font-size: 12px;
    border: 1px solid #333;
    resize: none;
}
.top-nav input[type=text]:focus {
    border: 0;
    outline: 0;
    border: 1px solid #2aa4cf;
}
.top-nav input:active {
    border: 1px solid #248CB1;
}
.top-nav textarea {
    height: 70px;
}
.top-nav textarea:focus {
    border: 1px solid #2aa4cf;
}
#contact-us table {
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
}
#contact-us table td {
    height: 25px;
}
.contact-us-image {
    width: 24px;
}
#contact-us button {
    width: 40%;
    height: 35px;
    font-size: 14px;
    line-height: 14px;
    border: 1px solid;
    outline: 0;
    background: #4f4f4f;
    border-color: #505050 #414141 #2c2c2c;
    background-image: -webkit-linear-gradient(top, dimgrey, #333 80%, #111);
    background-image: -moz-linear-gradient(top, dimgrey, #333 80%, #111);
    background-image: -o-linear-gradient(top, dimgrey, #333 80%, #111);
    background-image: linear-gradient(to bottom, dimgrey, #333 80%, #111);
    color: #fdfdfd;
}
#contact-us button:hover {
    border: 1px solid #CCC;
}
.top-nav-mega-content-seperator {
    width: 100%;
    border-top: 1px solid #144F65;
    border-bottom: 1px solid #507270;
    line-height: 2px;
    height: 2px;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
}
.curtain {
    position: absolute;
    visibility: hidden;
    top: 44px;
    width: 100%;
    height: 100%;
    background: #000;
    background: rgba(0, 0, 0, .3);
    z-index: 100;
}
.icon-pos {
    margin: 1px 8px;
}
.settings-table td {
    vertical-align: middle;
}
.settings-table td#containerbg1Value, .settings-table td#containerbg2Value, .settings-table td#slideTogglerValue, .settings-table td#loginTogglerValue, .settings-table td#sidebarbgValue, .settings-table td#loginformbgValue, .settings-table td#firstLevelBgValue, .settings-table td#firstLevelHoverBgValue, .settings-table td#secondLevelBgValue, .settings-table td#secondLevelHoverBgValue, .settings-table td#secondBorder1Value, .settings-table td#secondBorder2Value, .settings-table td#thirdLevelBgValue, .settings-table td#thirdLevelHoverBgValue, .settings-table td#thirdBorder1Value, .settings-table td#thirdBorder2Value, .settings-table td#forthLevelBgValue, .settings-table td#forthLevelHoverBgValue, .settings-table td#forthBorder1Value, .settings-table td#forthBorder2Value {
    font-family:  Arial,  Helvetica,  sans-serif;
    font-size: 10px;
}
.description {
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    color: #888;
}
table.swatches td {
    padding: 5px;
    border: 0;
}
.swatch1, .swatch2, .swatch3, .swatch4, .swatch5, .swatch6, .swatch7, .swatch8, .swatch9 {
    width: 40px;
    height: 35px;
    background: #0cbfb3;
    border: 2px solid #0fe8d8;
    border-radius: 4px;
    cursor: pointer;
}
.swatch1 {
    background: #394240;
    border: 2px solid #667773;
}
.swatch2 {
    background: #556270;
    border: 2px solid #8d9aa9;
}
.swatch3 {
    background: #5b5646;
    border: 2px solid #b5af9f;
}
.swatch4 {
    background: #0cbfb3;
    border: 2px solid #0fe8d8;
}
.swatch5 {
    background: #107fc9;
    border: 2px solid #4eaff1;
}
.swatch6 {
    background: #a1dc40;
    border: 2px solid #c0e87d;
}
.swatch7 {
    background: #db2e02;
    border: 2px solid #fd562d;
}
.swatch8 {
    background: #2aa4cf;
    border: 2px solid #7ecbe4;
}
.swatch9 {
    background: #1b1b1b;
    border: 2px solid #565656;
}
.full-spectrum .sp-palette {
    max-width: 200px;
}
.popover {
    max-width: 500px;
    width: auto;
}
.top-nav>ul>li>ul>li:hover>ul>li:last-child a  {
    border-bottom-left-radius:  5px;
    border-bottom-right-radius:  5px;
}
@media (min-width:980px){
.slidemenu-toggler {
display: none!important;
}}

.hidden-menu ul li ul li a {
  background:#999999;
  color:#fff;
}


#shop-container, #login-container, #search-container {
  right: 0%;
}

#login-container {
  top: 0px;
  height:40px;
  opacity: 0;
}

#login-container.login-effect {
  visibility: visible;
  top:44px;
  height: 155px;
  opacity: 1;
}

#search-container, #shop-container {
  top: 0px;
  height: 40px;
  opacity: 0;
}

#search-container.search-effect {
  visibility: visible;
  top: 40px;
  height: 50px;
  opacity: 1;
}

#shop-container.shop-effect {
  visibility: visible;
  top: 40px;
  max-height:200px;
  height: auto;
  opacity: 1;
}

/* .boximage {
margin-bottom: 25px;
  }*/

.container-fluid>* {
width: 100%;
  }

#footer-container a{
  color:#fff;
}
#footer-container a:hover {
  color:#f5821e;
}

.footer-span{
  padding-left:5px;
}

.panel-body a{
  font-size:12px;
}

.panel-body ul{
  list-style: none;
  margin-left: 0;
  padding-left: 0;  
}

.panel-title a:hover {
  text-decoration:none;
}

@media (max-width:480px) {
    #content {
    padding-bottom: 420px !important;
}
.menu-bg-boxed {
margin-top: 0;
}
}
@media (min-width:480px) and (max-width:768px) {
    #content {
    padding-bottom: 420px !important;
}
.menu-bg-boxed {
margin-top: 0;
}
}
#footer-container {
  z-index: 500;
  background-color: #999999;
}
.carousel {
    position: relative;
    margin-bottom: 9px;
    line-height: 1;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -moz-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    line-height: 1;
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
    display: block;
}
.carousel-inner>.active {
    left: 0;
}
.carousel-inner>.next, .carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%}
.carousel-inner>.next {
    left: 100%}
.carousel-inner>.prev {
    left: -100%}
.carousel-inner>.next.left, .carousel-inner>.prev.right {
    left: 0;
}
.carousel-inner>.active.left {
    left: -100%}
.carousel-inner>.active.right {
    left: 100%}
.carousel-control {
    position: absolute;
    top: 40%;
    left: 1px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 80px;
    font-weight: 100;
    line-height: 30px;
    color: #fff;
    text-align: center;
    opacity: .5;
    filter: alpha(opacity=50);
}
.carousel-control.right {
    right: 1px;
    left: auto;
}
.carousel-control:hover, .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90);
}
.carousel-indicators {
    position: absolute;
    top: 0px;
    left: -9%;
    z-index: 5;
    margin: 0;
    list-style: none;
}
.carousel-indicators li {
    display:  inline-block;
    float: left;
    width: 15px;
    margin-left: 1px;
    background-color: #ccc;
    background-color: rgba(255, 255, 255, 0.25);
}
.carousel-indicators .active {
    background-color: #fff;
}
.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    background: #333;
    background: rgba(0, 0, 0, 0.75);
}
.carousel-caption h4, .carousel-caption p {
    line-height: 20px;
    color: #fff;
}
.carousel-caption h4 {
    margin: 0 0 5px;
}
.carousel-caption p {
    margin-bottom: 0;
}
.controls {
  padding-left: 0px;
}
.banner-right{
  background-image: url('../img/banner-right.png');
    width: 40px;
  height:24px;
}
.banner-left{
  background-image: url('../img/banner-left.png');
    width: 40px;
  height:24px;
}
.carousel-indicators {
position: absolute;
top: 85%;
left: 50%;
z-index: 15;
width: 60%;
/* margin-left: -30%; */
padding-left: 0;
list-style: none;
text-align: center;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff;
}
.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
    text-shadow: none;
}
@media screen and (min-width:768px) {
.carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
}
.carousel-indicators {
    bottom: 20px;
}
}
.carousel-control {
  position: absolute;
  top: 50%;
  left: 1px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 80px;
  font-weight: 100;
  line-height: 30px;
  color: #fff;
  text-align: center;
  opacity: .5;
  filter: alpha(opacity=50);
}
.wrapper {
    margin: 0 auto;
    max-width: 986px;
}
#footer-container {
  text-align: left;
  line-height: 20px;
}
.bg-color-grayLighter {
    background-color: #e9e9e9!important;
}
.fg-color-gray {
    color: #777!important;
  font-size: 11px;
}
.panel-title{
  margin-top: 10px;
  margin-bottom: 10px;
}
.panel-body li{
  margin-left: 0px;
}
.hidden-menu li{
  margin-left: 0px;
  padding-top: 0px;
}
.top-nav ul, .top-nav ol {
  padding: 0;
  margin: 0 0 10px 25px;
}
#footer-container input {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.carousel img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

.unamestyle {
padding-bottom: 20px;
font-size:14px;
font-style: bold;
color: orange;
white-space:nowrap;
}

#isc_1D{
    z-index:1!important;
}

#isc_2J{
    z-index:1!important;
}

#isc_W{
    z-index:1!important;
}

#stari_korisnicki_portal {
    padding-top:10px;
}

#stari_korisnicki_portal a {
    color:white;
    font-size:16px;
}

#stari_korisnicki_portal a:hover{
    color:#FFC200;
}
.head {padding: 0px 0px 0px 0px;}

.containerx {margin-top: 0!important;}

#loginbox {
background-color: #ffffff;
border-top-left-radius: 5px;
background-image: none;
}

#user {
width: 90px;
  padding:0;
}

#loginbox #pass {
width: 90px;
  padding:0;
}

.gradient {
  background-color: #999999;
/*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d6d7d9), to(#637473));
background: -webkit-linear-gradient(top, #d6d7d9, #637473);
background: -moz-linear-gradient(top, #d6d7d9, #637473);
background: -ms-linear-gradient(top, #d6d7d9, #637473);
background: -o-linear-gradient(top, #d6d7d9, #637473);*/
}

.search-toggle {
border-radius: 0px 0px 0px 0px; 
}

/*MEGA MENU CSS*/


#nav > li > ul {
  width: 1000px;
  /*min-height: 300px;*/
}

#topmenu-usluge {
  margin-left: -202px;
  padding-left: 10px;
  padding-right: 10px;
  /*background-color: rgba(255,255,255,0.9);*/
  background-image:url('podloga-megamenu.png');
    background-repeat: no-repeat;
    background-position: center top;  
}

#topmenu-uredjaji {
  margin-left: -272px;
  padding-left: 10px;
  padding-right: 10px;
  /*background-color: rgba(255,255,255,0.9);*/
  background-image:url('podloga-megamenu-uredjaji.png');
    background-repeat: no-repeat;
    background-position: center top;  
}

#topmenu-onama {
  margin-left: -272px;
  padding-left: 10px;
  padding-right: 10px;
  /*background-color: rgba(255,255,255,0.9);*/
  background-image:url('podloga-megamenu-onama.png');
    background-repeat: no-repeat;
    background-position: center top;  
}

#nav > li > ul > li {
  display: inline-block;
  float: none;
  padding: 1px 1%;
  vertical-align: top;
}

#nav > li > ul > li > ul {
  display: inline-block;
  float: none;
  padding: 10px 1%;
  vertical-align: top;
}

#nav > li > ul > li > a {
  font-size: 16px;
  margin-left: auto;
  margin-right: auto;  
  text-align:center;
}  
  

.submenu-div {
  display: inline-block;
  float:left;
  min-width: 130px;  
}

.menu-link {
  display: block;
  margin-bottom: 3px;
  width: 130px;
  text-align:center;
  font-size: 16px;
}

.menu-link:hover {
  color: #E77827;
}

.menu_bhmobile {
  width: 260px; 
  /*background-color: rgba(0,255,255,0.5);*/
}
.menu_bhline {
  width: 260px; 
  /*background-color: rgba(255,0,255,0.5);*/
}
.menu_internet {  
  width: 260px; 
  /*background-color: rgba(255,255,0,0.5);*/
}
.menu_mojatv {  
  width: 120px; 
  /*background-color: rgba(0,255,0,0.5);*/
}

#topmenu-uredjaji > li.menu_mobiteli > div > h2 {padding-top: 9px;}

#topmenu-uredjaji > li.menu_tableti > div > h2 {padding-top: 9px;}

#topmenu-uredjaji > li.menu_laptopi > div > h2 {padding-top: 9px;}

#topmenu-uredjaji > li.menu_tv > div > h2 {padding-top: 9px;}

#topmenu-uredjaji > li.menu_aktuelno > div > h2 {padding-top: 9px;}

.menu_mobiteli {  
  width: 119px; 
  /*background-color: rgba(0,255,0,0.5);*/
}
.menu_tableti {  
  width: 119px; 
  /*background-color: rgba(0,255,0,0.5);*/
}
.menu_laptopi {  
  width: 119px; 
  /*background-color: rgba(0,255,0,0.5);*/
}
.menu_tv {  
  width: 119px; 
  /*background-color: rgba(0,255,56,0.5);*/
}
.menu_fiksni {  
  width: 119px; 
  /*background-color: rgba(0,255,150,0.5);*/
}
.menu_ruteri {  
  width: 115px; 
  /*background-color: rgba(0,255,0,0.5);*/
}
.menu_aktuelno {  
  width: 119px; 
  /*background-color: rgba(0,0,0,0.5);*/
}

/*#topmenu-uredjaji > li > div > h2 > a {
  min-height: 35px;
}*/

#topmenu-uredjaji > li.menu_aktuelno > div > h2 {margin-bottom: 5px;}

#topmenu-uredjaji > li > div > h2 {
  height: 35px;
}

#topmenu-usluge > li > div > a, #topmenu-uredjaji > li > div > a {
  color: #333;
}

#topmenu-usluge > li > div > a:hover, #topmenu-uredjaji > li > div > a:hover {
color: #E77827;
}

#nav > li > ul > li > a  {
background: none!important;
color: #ffffff;
}

#nav > li > ul > li > a:hover  {
background: none!important;
color: #E77827;
}

#topmenu-usluge > li > div > h2, #topmenu-uredjaji > li > div > h2, #topmenu-onama > li > div > h2 {
  text-align: center;  
  margin-bottom: 12px;
  font-size: 16px;
  letter-spacing: -0.5px;
}

#topmenu-usluge > li > div > h2 > a, #topmenu-uredjaji > li > div > h2 > a, #topmenu-onama > li > div > h2 > a, #topmenu-onama > li > div > a{
color: #000;  
}

#topmenu-onama > li > div > a

#topmenu-usluge > li > div > h2 > a:hover, #topmenu-uredjaji > li > div > h2 > a:hover, #topmenu-onama > li > div > h2 > a:hover, #topmenu-onama > li > div > a:hover {
color: #E77827;  
}

#topmenu-onama {left: 120px; border-radius: 10px;}

#topmenu-onama > li > div > h2 > a {line-height: 2}

#topmenu-onama > li.menu_upravljanje.i.organizacija > div > h2 > a {line-height: 1}


#nav > li > a:hover {
/*  background-color: #EEEFFF;*/
}

#nav > li > ul > li > a {
  width: 130px; 
}


#topmenu-usluge > li.menu_mojatv > a {
  width: 110px;
}

#topmenu-usluge > li.menu_mojatv > div > a {
  margin-bottom: 0;
}

#topmenu-uredjaji > li.menu_mobiteli > div > a {
  margin-bottom: 1px;
}

#topmenu-uredjaji > li.menu_mobiteli > div > h2 {
  margin-bottom: 6px;
}

#topmenu-onama > li {padding-left: 8px!important; padding-right: 2px!important; padding-bottom: 15px!important;}

#topmenu-onama > li > div > a { padding-top: 2px;}

body > div > div > div.containerx > div.stomak > div > div > div.kolona_xxl > div.boxtexter > b > a > b, body > div > div > div.stomak > div > div > div.kolona_xxl > div.boxtexter > b > a > b {
display: table!important;
font-weight: bold!important;
font-size: 14px!important;
text-align: left!important;
border-bottom: 1px #bbbbbb solid!important;
min-width: 420px!important;
margin-left: 30px!important;
}

#search-form {cursor: pointer;}

.hidden {display: none}

#login-container form input[type=text] {
    font-size: 12px;
}
.fixed-parent {

}

.fixed-link {
    margin-left: 5px!important;
    margin-right: 5px!important;
    padding-left: 0!important;
    padding-right: 0!important;
    padding-top: 6px!important;
    padding-bottom: 6px!important;
    max-width: 167px;
    border: 0;
    border: 0!important;
    display: table;
    table-layout: fixed;
    width: initial!important;
    border-bottom: 1px solid #cccccc!important;
}

.fixed-link:hover {background: none!important;}

.fixed-height {
    font-size: 14px!important;
    font-weight: normal!important;
    vertical-align: middle;
    display: table-cell;
    height: 50px;
    width:173px!important;
}

.fixed-height:hover {background-color: #e6e6e6;}

.owl-theme .owl-controls .owl-page span {
    background: #999999!important;
}

.fixed-height-box {height: 723px!important;}

.no-border {border-bottom: none!important}
.no-border:hover h3 {background: none!important}

.single_news_paragraph {font-size: 12px!important;}

#main_banner {max-width: 1920px}

.single_news_image {max-height: 154px}

/*.bottomright {margin-bottom: 13px;}*/

.stomak {
    margin-left: auto;
    margin-right: auto;
}
.ui-widget-header {
    background: none;
}

.ui-widget-content {
    background: none;
}

.ui-tabs-anchor {
  color: #333333!important;
}

.ui-state-active .ui-tabs-anchor {
  color: #E77827!important;
  font-weight: bold;
}

.news-single-img {margin-top: 15px; margin-bottom: 15px}

.crijeva {min-height: 550px;}

#footer-container {
  margin-top: 35px;
}


#ui-id-3 {display: none}

#\39 > ul > li:nth-child(4) {display: none} /* PRIVREMENO SKLONJEN DALJINSKI */

.btn-tourist {
    color: #ffffff!important;
    background-color: #e77817!important;
    border-color: #d06c15!important;
    background-image: none;
    margin-top: -3px;  
}

.btn-tourist:hover {
    color: #ffffff!important;
    background-color: #b96012!important;
    border-color: #984f0f!important;
    background-image: none;  
}