/*------------------------------------------------------------------		2. OSNOVE 		--------------------------------------------------------------------*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    font-family: 'Aller';
    font-size: 18px;
    font-weight: 100;
    -webkit-font-smoothing: subpixel-antialiased
}

body {
    font-size: 17px;
    font-weight: 100;
    line-height: normal;
    width: 100%;
    margin: 0;
    padding-top: 70px;
    background: #EAEBEC;
    color: #454545;
    -webkit-font-smoothing: subpixel-antialiased;
    text-rendering: geometricPrecision;
    overflow-x: hidden;
}

/* LINKOVI */
a {
    color: #2ba6cb;
    text-decoration: none;
    line-height: inherit;
    outline: none;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
/* LINKOVI NA SVIJETLIM GRADIENTIMA */
.sivi-gradient a, .bijeli-gradient a, .splavi-gradient a {
    color: #585858 !important;
    border-bottom: 1px dotted #888;
}

.sivi-gradient a:hover, .bijeli-gradient a:hover, .splavi-gradient a:hover {
    color: #888 !important;
    border-bottom: 1px dotted #888;
}

.splavi-gradient a h1, .splavi-gradient h1,
.splavi-gradient-radial a h1, .splavi-gradient-radial h1 {
    color: #444444 !important;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.bez-gradient a {
    color: #4b4b4b !important
}

.bez-gradient h5 a {
    color: #c60f13 !important
}

.narancasti-gradient a,.narancasti-gradient-radial a {
    color: #f5f5f5 !important
}

.plavi-gradient a, .plavi-gradient-radial a {
    color: #F4F4F4 !important;
}

.plavi-gradient a h1, .plavi-gradient-radial a h1 {
    color: #D9DEEC !important;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.tsivi-gradient a, .tsivi-gradient-radial a {
    color: #bbbbbb !important
}

.zeleni-gradient a, .crveni-gradient a {
    color: #fff;
    text-decoration: none
}

.zeleni-gradient h1 a, .crveni-gradient h1 a {
    color: #fff !important
}

a:hover {
    color: #2795b6;
    text-decoration: none;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.sivi-gradient a:hover, .bijeli-gradient a:hover {
    color: #DD5429 !important
}

.tsivi-gradient a:hover, .tsivi-gradient-radial a:hover {
    color: #5da423 !important
}

.plavi-gradient a:hover, .plavi-gradient-radial a:hover, .splavi-gradient a:hover, .splavi-gradient-radial a:hover {
    color: #ffffff;
    text-decoration: none
}

.plavi-gradient h1 a:hover, .plavi-gradient-radial h1 a:hover {
    color: #F98333 !important
}

.zeleni-gradient a:hover, .crveni-gradient a:hover {
    color: #3b3d42;
    text-decoration: none
}

.zeleni-gradient h1 a:hover, .crveni-gradient h1 a:hover {
    color: #3b3d42 !important
}

.splavi-gradient a:hover h1, .splavi-gradient-radial a:hover h1 {
    color: #ce4216 !important
}

.bez-gradient a:hover {
    color: #c60f13 !important
}

.bez-gradient h5 a:hover {
    color: #222 !important
}

.narancasti-gradient a:hover, .narancasti-gradient-radial a:hover {
    color: #3b3d42 !important;
    text-shadow: none
}

.splavi-gradient h5 a:hover, .splavi-gradient-radial h5 a:hover {
    color: #585858 !important;
    text-shadow: none
}

.sidebar-bg {
    background: #333;
    opacity: 0.2
}

.bijela-pozadina {
    background: #fff !important
}

a:focus {
    color: #2795b6;
}

a img {
    border: none;
}

p a, p a:visited {
    line-height: inherit;
}

/* TIPOGRAFIJA */

.splavi-gradient, .splavi-gradient-radial {
    color: #5C5C5C !important;
}

.tsivi-gradient, .tsivi-gradient-radial {
    color: #bbbbbb !important
}

.narancasti-gradient,.narancasti-gradient-radial, .plavi-gradient, .plavi-gradient-radial {
    color: #EFF1F8 !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.bez-gradient {
    color: #4b4b4b !important
}

.zeleni-gradient, .crveni-gradient {
    color: #EAEAEA !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.snarancasti-gradient {
    color: #fff !important
}

.snarancasti-gradient h1.kb {
    font-weight: 700;
    font-family: Aller;
    font-size: 60px;
    padding-bottom: 0px
}

.snarancasti-gradient h2.kb {
    font-weight: 100;
    font-family: Aller;
    font-size: 18px;
}

p {
    line-height: 1.7em;
    font-family: inherit;
    font-weight: 100;
}

p.svijetli {
    color: #777;
}

p.gurni-10 {
    padding-left: 10px;
}

p small {
    font-size: 0.9em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Omnigenus', Arial, sans-serif;
    font-style: normal;
    font-weight: 100;
    text-rendering: geometricPrecision;
    margin: 5px 0 8px 0;
}

h3 img {
    margin-right: 15px;
}

h1 {
    font-size: 50px;
    padding: 10px 0 20px 0;
}

.sivi-gradient h1 {
    color: #666 !important
}

h2, .heading2 {
    font-size: 38px;
}

h3 {
    font-size: 32px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px !important;
    line-height: 1.5em !important
}

h6 {
    font-size: 16px;
}

i.plava {
    color: rgb(45, 125, 199) !important;
    font-weight: 100 !important
}

i.zelena {
    color: rgb(114, 162, 83) !important;
    font-weight: 100 !important
}

i.crvena {
    color: rgb(248, 77, 77) !important;
    font-weight: 100 !important
}

i.narancasta {
    color: rgb(243, 97, 0) !important;
    font-weight: 100 !important
}

i.crna {
    color: black !important;
    font-weight: 100 !important
}

i.siva {
    color: gray !important;
    font-weight: 100 !important
}

i.velika {
    padding: 40px;
    margin-bottom: 30px;
    font-size: 50px;
}

i.border {
    border-radius: 1000px;
    border: 1px solid;
}

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

small {
    font-size: 0.7em;
    font-weight: 400;
}

.sivi-tekst {
    color: #BBBBBB !important
}

.centriraj {
    text-align: center !important;
}

.lijevo {
    text-align: left !important;
}

.desno {
    text-align: right !important;
}

div.hr-siva-linija {
    display: block;
    clear: both;
    margin: 80px auto;
    width: 100%;
    background-color: #DDD;
	/* box-shadow: 0px 1px 0px rgba(247, 247, 247, 1); */
    height: 1px;
}

.osmina {
    width: 12.5000% !important;
    display: block;
}

.petina {
    width: 20% !important;
    display: block;
}

.cetvrtina {
    width: 25% !important;
    display: block;
}

.trecina {
    width: 33.333% !important;
    display: block;
}

.polovina {
    width: 50% !important;
    display: block;
}

.tri-cetvrtine {
    width: 75% !important;
    display: block;
}

.linija {
    height: 5px;
    display: block;
    margin: 10px 0;
}

.linija.plava {
    background-color: #41779b !important
}

.linija.siva {
    background-color: #666666 !important
}

.narancasti-gradient .linija, .narancasti-gradient-radial .linija {
    background-color: #3b3d42
}

.linija.tsiva {
    background-color: #3b3d42 !important
}

.splavi-gradient .linija, .splavi-gradient-radial .linija {
    background-color: #ce4216
}

.linija.narancasta {
    background-color: #ce4216 !important
}

.tsivi-gradient .linija,.tsivi-gradient-radial .linija {
    background-color: #5da423
}

.linija.zelena {
    background-color: #5da423 !important
}

.bez-gradient .linija {
    background-color: #c60f13
}

.linija.crvena {
    background-color: #c60f13 !important
}

.linija.bijela {
    background-color: #FFFFFF !important
}

.plavi-gradient .linija, .plavi-gradient-radial .linija {
    background-color: #E56D1C;
}

.zeleni-gradient .linija {
    background-color: #3b3d42
}


/* Naglaseni tekstovi */
.naglasi.narancasto {
    color: #dd5429 !important;
}


/* Kursori */
.cursor.pointer {
    cursor: pointer
}



/* LISTE */
ul, ol, dl {
    padding: 0;
    margin: 0;
}

ul {
    list-style: none;
}

ol {
    list-style: decimal;
    margin-left: 20px;
}

ul li ul, ul li ol {
    margin-left: 20px;
    margin-bottom: 0;
}

ol li ul, ol li ol {
    margin-left: 20px;
    margin-bottom: 0;
}

dt, dd {
    line-height: 18px;
}

dt {
    /* font-weight: 700; */
    /* line-height: 1.2em; */
}

dd {
    margin-left: 9px;
}

/* CITATI */
blockquote, blockquote p {
    line-height: 1.5em;
    color: #6f6f6f;
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 18px;
    border-left: 2px solid #ddd;
}

blockquote cite {
    display: block;
    font-size: 13px;
    color: #555555;
}

blockquote cite:before {
    content: "\2014 \0020";
}

blockquote cite a, blockquote cite a:visited {
    color: #555555;
}

blockquote p {
    margin-bottom: 0;
    font-size: 1em;
}

blockquote small {
    display: block;
    font-size: 0.9em;
    line-height: 1.5em;
    color: #999999;
}

blockquote small:before {
    content: '~';
}

blockquote.povuci-right {
    float: right;
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eeeeee;
    border-left: 0;
}

blockquote.povuci-right p, blockquote.povuci-right small {
    text-align: right;
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
}

cite {
    font-style: normal;
}

/* mark - oznake */
mark {
    padding: 0.15em 0.4em;
    vertical-align: baseline;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* boje */
mark.narancasti {
    background-color: #DD5429;
    color: #fff;
}

mark.plavi {
    background-color: #2284a1;
    color: #fff;
}

mark.zeleni {
    background-color: #5da423;
    color: #fff;
}

mark.sivi {
    background-color: #3b3d42;
    color: #fff;
}

/* opcije */
mark.velika-slova {
    text-transform: uppercase;
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
    display: block;
}

section {
    margin: 20px 0 10px 0;
}




/* PUTANJA - bradcrumbs */
#putanja {
    height: 60px;
    padding: 0;
    background: #333;
}

#putanja .putanja {
    text-align: right;
    font-family: 'Omnigenus';
    font-weight: 100;
    font-size: 15px;
    padding-left: 15px;
    line-height: 41px;
    color: #EB8434;
/* width: auto; */
}

#putanja .putanja a {
    color: #D1D1D1 !important;
    border-bottom: none !important;
}

#putanja .putanja a:hover {
    color: #fff !important;
    border-bottom: 1px dotted !important;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

#putanja .putanja span {
    float: left
}

#putanja .putanja span a {
    color: #EB8434 !important;
}


/* Akronimi */
abbr, acronym {
    cursor: help;
    border-bottom: 1px dotted #ddd;
    text-transform: uppercase;
    color: #222222;
    border-bottom: 1px solid #ddd;
    cursor: help;
}

address {
    display: block;
    margin-bottom: 18px;
    font-style: normal;
    line-height: 18px;
}

/* INFO boxevi */
.info-box {
    width: 80%;
    margin: 35px auto;
    padding: 10px;
    display: block;
    clear: both;
    vertical-align: middle;
    text-align: left;
    min-height: 35px;
    color: #585858;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #f5f5f5;
    background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,rgba(0, 0, 0, 0)),color-stop(80%,rgba(0, 0, 0, 0)),color-stop(100%,rgba(0, 0, 0, 0.08)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0) 80%,rgba(0, 0, 0, 0.08) 100%);
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0) 80%,rgba(0, 0, 0, 0.08) 100%);
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0) 80%,rgba(0, 0, 0, 0.08) 100%);
    background-image: linear-gradient(rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0) 80%,rgba(0, 0, 0, 0.08) 100%);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

.info-box span.aster {
    padding: 5px 20px;
    float: left;
    height: 100%;
    width: auto;
    font-size: 3.5em;
    font-family: "Times New Roman",Times,serif;
    line-height: 0.65em;
}

.info-box span {
    display: table-cell;
    /* font-size: 15px; */
    line-height: 1.8em;
    font-weight: 100;
    color: #5F5F5F;
}

.info-box.sivi {
    background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,rgba(0,0,0,0)),color-stop(80%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.08)));
    border: 1px solid #c7c7c7;
}

.info-box.transparent {
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Forme */
form {
    margin: 0 0 19.4164px;
    position: relative;
    display: block;
}

fieldset {
    border: none;
    /* -webkit-border-radius: 3px; */
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    /* border-radius: 3px; */
    /* padding: 12px 12px 0; */
    margin: 18px 0;
    display: block;
    position: relative;
}

fieldset legend {
    font-weight: 700;
    background: white;
    padding: 0 3px;
    margin: 0;
    margin-left: -3px;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    background-color: white;
    font-family: inherit;
    border: 1px solid #cccccc;
    /* -webkit-border-radius: 2px; */
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    /* border-radius: 2px; */
    /* -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); */
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    /* box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); */
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
    margin: 0 0 12px 0;
    padding: 6px;
    height: 32px;
    /* width: 100%; */
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    background: #fafafa;
    border-color: #b3b3b3;
}

input[type="text"].vel150px {
    width: 150px !important
}

input[type="text"].vel250px {
    width: 250px !important
}

input[type="text"].vel500px {
    width: 500px !important
}

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
    background-color: #ddd;
}

textarea {
    height: auto;
}

input, textarea {
    width: 206px;
}

input[type="radio"], input[type="checkbox"] {
    margin-right: 6px;
    *margin-top: 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
    width: auto;
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: #eeeeee;
}

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] {
    background-color: transparent;
}

select, input[type="file"] {
    /* height: 30px; */
    *margin-top: 4px;
    /* line-height: 30px; */
}

select {
    width: auto;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    height: 30px;
    padding-left: 5px;
    border-radius: 5px;
    font-family: 'Omnigenus';
    font-size: 18px;
    color: #777;
}

select[multiple], select[size] {
    height: auto;
}

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

label {
    font-family: 'Omnigenus';
    font-weight: 100 !important
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999999;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999999;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999999;
}

label, input, button, select, textarea {
    font-weight: normal;
    line-height: 1.5em;
}

/* sirina polja */
input.span12, textarea.span12, .uneditable-input.span12 {
    width: 100%;
}

input.span11, textarea.span11, .uneditable-input.span11 {
    width: 846px;
}

input.span10, textarea.span10, .uneditable-input.span10 {
    width: 766px;
}

input.span9, textarea.span9, .uneditable-input.span9 {
    width: 686px;
}

input.span8, textarea.span8, .uneditable-input.span8 {
    width: 606px;
}

input.span7, textarea.span7, .uneditable-input.span7 {
    width: 526px;
}

input.span6, textarea.span6, .uneditable-input.span6 {
    width: 50%;
}

input.span5, textarea.span5, .uneditable-input.span5 {
    width: 366px;
}

input.span4, textarea.span4, .uneditable-input.span4 {
    width: 286px;
}

input.span3, textarea.span3, .uneditable-input.span3 {
    width: 25%;
}

input.span2, textarea.span2, .uneditable-input.span2 {
    width: 126px;
}

input.span1, textarea.span1, .uneditable-input.span1 {
    width: 46px;
}

button, input, select, textarea {
    vertical-align: middle;
}

button, input {
    *overflow: visible;
    line-height: normal;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
    cursor: pointer;
}



/* kontejner za inpute */
.input-kontejner {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 5px !important;
    height: 52px;
    margin-left: 0 !important;
    float: left !important;
}

.input-kontejner.mali {
    border: 0;
    border-radius: 0;
    padding: 0 !important;
    height: 40px;
    margin-left: 0 !important;
    float: left !important;
    overflow: hidden;
}

.button-kontejner {
    text-align: left !important;
    float: left !important;
    padding: 0 !important;
    margin: 0 !important;
}

.input-kontejner i {
    color: #999999;
    padding: 5px 40px 5px 10px;
    padding-right: 40px;
    border-right: 1px solid #CACACA;
    margin-right: 10px;
    float;float: left;
    font-size: 30px;
    position: absolute;
}

.input-kontejner input[type="text"], .input-kontejner input[type="password"] {
    outline: none;
    border: none;
    height: 40px;
    line-height: 46px;
    font-family: 'Omnigenus';
    font-size: 22px;
    color: #696969 !important;
    float: left;
    padding: 0;
    width: 100%;
    display: block;
    padding-left: 70px;
}

.input-kontejner input[type="text"]:active, .input-kontejner input[type="password"]:active {
    background: transparent !important
}

.input-kontejner.mali i {
    color: rgb(255, 255, 255);
/* padding: 10px 33px 10px 12px; */
    padding-right: 34px;
    border-right: 0;
/* margin-right: 10px; */
    float;float: left;
    font-size: 20px;
    position: absolute;
    background-color: #D82E32;
/* border-top-left-radius: 5px; *//* border-bottom-left-radius: 5px; */
    font-weight: 100;
    width: 40px;
    height: 40px;
    line-height: 30px;
    padding-left: 15px;
    display: block;
    overflow: hidden;
}

.input-kontejner.mali input[type="text"], .input-kontejner.mali input[type="password"] {
    outline: none;
    border: none;
    height: 40px;
    line-height: 44px;
    font-family: 'Omnigenus';
    font-size: 17px;
    color: #696969 !important;
    float: left;
    padding: 0;
    width: 100%;
    display: block;
    padding-left: 56px;
    padding-right: 2px;
    background-color: #fafafa;
    border: 1px solid #E0E0E0;
    /* position: fixed; */
}

.input-kontejner.mali input[type="text"]:active, .input-kontejner.mali input[type="password"]:active {
    background: transparent !important
}

.button-kontejner select {
    border-radius: 10px;
    padding: 10px;
    line-height: 50px;
    height: 50px;
    font-size: 18px;
    font-family: 'Omnigenus';
    display: block;
    width: auto;
    color: #777;
    outline: none;
    min-width: 250px;
}

.input-kontejner.mali select {
    border-radius: 10px;
    /* padding: 10px; */
    line-height: 40px;
    height: 40px;
    font-size: 15px;
    font-family: 'Omnigenus';
    display: block;
    width: 99%;
    color: #777;
    outline: none;
    min-width: 250px;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.button-kontejner textarea {
    display: block;
    width: 100%;
    min-height: 200px;
    border-radius: 10px;
    color: #777;
    outline: none;
    font-family: 'Omnigenus';
}

.clear {
    clear: both
}

.label-kontejner label {
    clear: right;
    height: 56px;
    line-height: 56px;
    font-family: 'Omnigenus';
    font-size: 21px !important;
    color: #696969 !important;
    float: right;
    padding: 0
}

.label-kontejner.mali label {
    clear: right;
    height: 40px;
    line-height: 40px;
    font-family: 'Omnigenus';
    font-size: 18px !important;
    color: #696969 !important;
    float: right;
    padding: 0
}


/* reset lozinke */
input[type="text"]#passstrength {
    background-color: transparent !important
}

/* baza znanja */
input[type="text"].kb {
    background-color: #fff;
    height: 60px;
    color: #666;
    font-family: 'Aller';
    font-weight: 100;
    font-size: 20px;
    border-radius: 5px;
    outline: none;
    width: 100%;
    border: #fff;
}

ul.kb, ul.dl {
    display: block;
    margin-top: 20px;
}

ul.kb li, ul.dl li {
    display: block;
    position: relative;
    padding-left: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px dotted #999;
}

ul.kb li a, ul.kb li a:hover, ul.dl li a, ul.dl li a:hover {
    border: none
}

ul.kb li:before {
    font-family: FontAwesome;
    content: "\f0f6";
    margin: 0 12px 0 0;
    font-size: 14px;
    color: #6d6d6d;
    position: absolute;
    left: 0;
    top: 10px;
    display: inline-block;
}

ul.kb li:hover:before {
    content: "\f15c";
}

ul.kb.cat li:before {
    font-family: FontAwesome;
    content: "\f07b";
    margin: 0 12px 0 0;
    font-size: 14px;
    color: #6d6d6d;
    position: absolute;
    left: 0;
    top: 10px;
    display: inline-block;
}

ul.kb.cat li:hover:before {
    content: "\f07c";
}

ul.kb li:after, ul.dl li:after {
    clear: both;
    display: table
}

ul.dl li a {
    font-weight: 700;
}

ul.dl li:hover a {
    color: green !important
}

ul.dl li:before {
    font-family: FontAwesome;
    content: "\f019";
    margin: 0 12px 0 0;
    font-size: 14px;
    color: #6d6d6d;
    position: absolute;
    left: 0;
    top: 10px;
    display: inline-block;
}

ul.dl li:hover:before {
    content: "\f019";
    color: green;
}

.kbarticle {
}

.kbarticle article a, kbarticle article a:visited {
    border: 0 !important;
    background-color: rgb(255, 225, 187) !important;
    color: #585353 !important;
    padding: 2px 8px;
    border-radius: 3px;
}

.kbarticle article a.fancybox, .kbarticle article a.fancybox:hover {
    background-color: transparent !important;
    display: block;
    padding: 0;
    margin: 30px 0;
    border: 1px solid #eee !important;
    padding: 5px;
}

.kbarticle article a.fancybox:hover {
    border-color: #999 !important
}

.kbarticle article a:hover {
    border: 0 !important;
    background-color: rgb(233, 233, 155) !important;
    color: #676E51 !important;
}

.kbarticle p.info-ikone {
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    padding: 5px;
    color: #666 !important;
    font-size: 14px !important;
}

.kbarticle p.info-ikone span {
    margin-right: 20px;
    display: inline-block;
}

.kbarticle p.info-ikone span:last-child {
    margin-right: 0px;
    float: right !important;
    display: inline-block;
}

.kbarticle .podrska {
    background-color: rgb(253, 250, 240);
    text-align: left;
    border: 1px solid #ECE4D9;
    padding: 10px;
}

.kbarticle .podrska p {
    font-size: 15px;
/* padding: 0 !important; */
    margin-bottom: 0;
}

.kbarticle li {
    margin-bottom: 10px;
}

.kbarticle li a {
/* padding:5px */
}

/* glasovanje KB */
form#kbvoteyes, form#kbvoteno {
    display: none
}

#btnkbvoteyes {
    border: none !important;
    color: green !important;
    padding: 0;
    background-color: transparent !important;
}

#btnkbvoteno {
    border: none !important;
    color: red !important;
    padding: 0;
    background-color: transparent !important;
}

#btnkbvoteyes:hover {
    border: 0 !important;
    background-color: green !important;
    color: #fff !important;
    border-radius: 0
}

#btnkbvoteno:hover {
    border: 0 !important;
    background-color: red !important;
    color: #fff !important;
    border-radius: 0
}

#btnaddfav {
    border: 0 !important;
    background-color: rgb(64, 161, 32) !important;
    color: #fff !important;
    border-radius: 0
}

#btnaddfav:hover {
    border: 0 !important;
    background-color: darkgreen !important;
    color: #fff !important;
    border-radius: 0
}

.sakrij, .hide {
    display: none
}

.prikazi {
    visibility: visible;
    display: inherit;
}

/* puna sirina redova */
.kontrast {
    padding: 20px 0;
}

.kontrast.tamni {
    background: #333;
}

.kontrast.svijetli {
    background: #fff;
}

.kontrast > h2, .kontrast h3 {
    font-family: 'Omnigenus';
    font-weight: normal;
    text-transform: none;
    color: #555555;
}

.kontrast h1 a, .kontrast h1 a:visited {
    color: #333 !important;
    text-decoration: none;
}

.kontrast h1 a:hover {
    color: #E24900 !important;
    text-decoration: none;
}

.kontrast a, .kontrast a:visited {
    font-weight: normal;
    text-transform: none;
    color: #DD5429;
    text-decoration: underline;
    transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
}

.kontrast a:hover {
    color: #888;
    transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    text-decoration: none;
}

.kontrast > a:hover h2, .kontrast a:hover h3 {
    color: #111;
    transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
}

.kontrast > h2.naslov {
    font-size: 2em;
    font-weight: normal;
    padding: 5% 2% 0% 2%;
}

.kontrast > h3 {
    font-size: 1.2em;
    padding: 0;
}

.kontrast .gumb {
    text-transform: none;
    font-family: "Aller", Arial;
    text-decoration: none;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
}

.kontrast .gumb:hover {
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
}

a.gumb i {
    margin-right: 10px;
}

.poanta {
    margin: 40px 0;
    clear: both;
    display: block;
}

.poanta h2, .poanta h3 {
    font-family: 'Omnigenus';
    text-transform: none;
    color: #555 !important;
    font-weight: normal;
}

.poanta h2.naslov {
    font-size: 38px;
}

.poanta h3 {
    font-size: 1.5em;
    padding: 0 10%;
    color: #666 !important;
}

.poanta .gumb {
    text-transform: none;
    font-family: "Aller", Arial;
}

.poanta a.gumb, .poanta a:visited.gumb {
    color: #fff;
}

.razmak {
    height: 60px;
    display: block;
    clear: both;
    width: 100%;
}

.razmak.veliki {
    height: 120px;
    display: block;
    clear: both;
    width: 100%
}

.razmak.mali {
    height: 20px;
    display: block;
    clear: both
}

.red.mali {
    height: 30px;
}

.red .dno {
    background: transparent;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -20px;
    border-style: solid outset outset outset;
    border-width: 20px;
    border-left-color: rgba(0, 0, 0, 0) !important;
    border-right-color: rgba(0, 0, 0, 0) !important;
    border-bottom-color: rgba(0, 0, 0, 0) !important;
    padding: 0;
    z-index: 1;
}

.red .vrh {
    background: transparent;
    height: 0;
    width: 0;
    position: absolute;
    top: -40px;
    right: 20px;
    border-style: outset outset solid outset;
    border-width: 20px;
    border-left-color: rgba(0, 0, 0, 0) !important;
    border-right-color: rgba(0, 0, 0, 0) !important;
    border-top-color: rgba(0, 0, 0, 0) !important;
    padding: 0;
    z-index: 1;
}

.red .vrh:hover {
    cursor: pointer;
}

.dno.sivo, .vrh.sivi {
    border-color: #EAEBEC;
}

.sivi-gradient .dno {
    border-color: #D8D8D8;
}

.sivi-gradient-radial .dno {
    border-color: #B5B7BA;
}

.tsivi-gradient .dno {
    border-color: #242424;
}

.tsivi-gradient-radial .dno {
    border-color: #2E2E2E;
}

.plavi-gradient .dno {
    border-color: #1b3d5c;
}

.plavi-gradient-radial .dno {
    border-color: #2B557B;
}

.splavi-gradient .dno, .splavi-gradient-radial .dno {
    border-color: #D1D6E0
}

.zeleni-gradient .dno {
    border-color: #51610f
}

.crveni-gradient .dno {
    border-color: #51610f
}

.narancasti-gradient .dno {
    border-color: #bb5b28
}

.narancasti-gradient-radial .dno {
    border-color: #BC693D
}

.bez-gradient .dno {
    border-color: #CAAF7B
}

.snarancasti-gradient .dno {
    border-color: #E9713B
}

.dno.bijelo, .vrh.bijeli, .svijetli .dno {
    border-color: rgb(255, 255, 255);
}

.dno.tamno, .vrh.tamni, .tamni.kontrast .dno {
    border-color: #333;
}

.upozorenje {
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    height: 30000px;
    background-color: black;
    display: none;
}

.krug.mali {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: block;
    font-size: 31px;
    font-weight: 100;
    font-family: 'Aller';
    color: #fff;
    line-height: 36px;
    /* float: left; */
}

.krug.narancasti {
    background-color: #ff6c00;
    /* box-shadow: 0px 0px 1px 1px #CE5403; */
}

.krug.zeleni {
    background-color: #5da423;
    box-shadow: 0px 0px 1px 1px #377A00;
}

.krug.sivi {
    background-color: #555;
    box-shadow: 0px 0px 1px 1px #222;
}

.krug.plavi {
    background-color: #2284a1;
    box-shadow: 0px 0px 1px 1px #005870;
}

.razlozi.plavi article {
    border-left: 2px solid transparent;
}



/* POZADINE */

.red.sivi {
    background: #f6f6f6
}



/* GRADIENTI */
.plavi-gradient {
    background: #42799e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #42799e 0%, #1b3d5c 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42799e), color-stop(100%,#1b3d5c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #42799e 0%,#1b3d5c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #42799e 0%,#1b3d5c 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #42799e 0%,#1b3d5c 100%);
    /* W3C */
}

.plavi-gradient-radial {
    background: #2B557B;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #4D88B0  0%, #2B557B  70%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#4D88B0 ), color-stop(70%,#2B557B ));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #4D88B0  0%,#2B557B  70%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #4D88B0  0%,#2B557B  70%);
    /* Opera 12+ */
    background: radial-gradient(ellipse at center, #4D88B0  0%,#2B557B  70%);
    /* W3C */
}

.splavi-gradient {
    background: #D1D6E0;
    background: -moz-linear-gradient(top, #ffffff 0%, #D1D6E0 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#D1D6E0));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#D1D6E0 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#D1D6E0 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#D1D6E0 100%);
    /* W3C */
}

.splavi-gradient-radial {
    background: #D1D6E0;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #D1D6E0 70%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(70%,#D1D6E0));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#D1D6E0 70%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#D1D6E0 70%);
    /* Opera 12+ */
    background: radial-gradient(ellipse at center, #ffffff 0%,#D1D6E0 70%);
    /* W3C */
}

.crveni-gradient {
    background: #C54343;
    background: -moz-linear-gradient(top, #C54343 0%, #640000 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C54343), color-stop(100%,#640000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #C54343 0%,#640000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #C54343 0%,#640000 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #C54343 0%,#640000 100%);
    /* W3C */
}

.zeleni-gradient {
    background: #a1b347;
    background: -moz-linear-gradient(top, #a1b347 0%, #51610f 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1b347), color-stop(100%,#51610f));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a1b347 0%,#51610f 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a1b347 0%,#51610f 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #a1b347 0%,#51610f 100%);
    /* W3C */
}

.snarancasti-gradient {
    background: #E0B96A;
    background: -moz-linear-gradient(top, #E0B96A 0%, #E9713B 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E0B96A), color-stop(100%,#E9713B));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E0B96A 0%,#E9713B 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E0B96A 0%,#E9713B 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #FDB66B 0%,#E9713B 100%);
    /* W3C */
}

.narancasti-gradient {
    background: #ec8d40;
    background: -moz-linear-gradient(top, #ec8d40  0%, #bb5b28 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec8d40), color-stop(100%,#bb5b28));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ec8d40 0%,#bb5b28 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ec8d40 0%,#bb5b28 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #ec8d40 0%,#bb5b28 100%);
    /* W3C */
}

.narancasti-gradient-radial {
    background: #E5995C;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #E5995C   0%, #BC693D   70%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#E5995C  ), color-stop(70%,#BC693D  ));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #E5995C   0%,#BC693D   70%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #E5995C   0%,#BC693D   70%);
    /* Opera 12+ */
    background: radial-gradient(ellipse at center, #E5995C   0%,#BC693D 70%);
    /* W3C */
}

.sivi-gradient {
    background: #F5F5F5;
    background: -moz-linear-gradient(top, #F5F5F5 0%, #D8D8D8 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%,#D8D8D8));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F5F5F5 0%,#D8D8D8 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F5F5F5 0%,#D8D8D8 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #F5F5F5 0%,#D8D8D8 100%);
    /* W3C */
    /* border-bottom: 1px solid #CCCCCC; */
}

.sivi-gradient-radial {
    background: #F0F0F0;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #F0F0F0   0%, #B5B7BA     70%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#F0F0F0  ), color-stop(70%,#B5B7BA    ));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #F0F0F0   0%,#B5B7BA     70%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #F0F0F0   0%,#B5B7BA     70%);
    /* Opera 12+ */
    background: radial-gradient(ellipse at center, #F0F0F0   0%,#B5B7BA   70%);
    /* W3C */
}

.ssivi-gradient {
    background: #ffffff;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 40%, #efefef 98%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(40%,#ffffff), color-stop(98%,#efefef));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 40%,#efefef 98%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #ffffff 40%,#efefef 98%);
    /* Opera 12+ */
    background: radial-gradient(ellipse at center, #ffffff 40%,#efefef 98%);
    /* W3C */
}

.tsivi-gradient {
    background: #444;
    background: -moz-linear-gradient(top, #444 0%, #242424 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#242424));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #444 0%,#242424 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #444 0%,#242424 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #444 0%,#242424 100%);
    /* W3C */
}

.tsivi-gradient-radial {
    background: #555555;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #555555   0%, #2E2E2E      70%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#555555  ), color-stop(70%,#2E2E2E     ));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #555555   0%,#2E2E2E      70%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #555555   0%,#2E2E2E      70%);
    /* Opera 12+ */
    background: radial-gradient(ellipse at center, #555555   0%,#2E2E2E    70%);
    /* W3C */
}

.smedi-gradient {
    background: #816362;
    background: -moz-radial-gradient(center, ellipse cover, #816362 0%, #664e4d 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#816362), color-stop(100%,#664e4d));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #816362 0%,#664e4d 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #816362 0%,#664e4d 100%);
    /* Opera 12+ */
    background: radial-gradient(ellipse at center, #816362 0%,#664e4d 100%);
    /* W3C */
}

.bez-gradient {
    background: #EEE9DD;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #EEE9DD 0%, #CAAF7B 70%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#EEE9DD), color-stop(70%,#CAAF7B));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #EEE9DD 0%,#CAAF7B 70%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #EEE9DD 0%,#CAAF7B 70%);
    /* Opera 12+ */
    background: radial-gradient(ellipse at center, #EEE9DD 0%,#CAAF7B 70%);
    /* W3C */
}

.pozadina-sadrzaja {
    background-color: #FAFAFA;
    color: #666666 !important
}

.podusluge h4 {
    color: #3D3D3D;
    text-align: left;
}

.podusluge article p {
    font-weight: 100;
    text-align: justify;
    padding-top: 10px
}


/* EFEKTI */
.rotiraj360, .rotiraj180, .rotiraj90, .rotiraj45 {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.rotiraj360:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(45deg);
    transform: rotate(360deg);
}

.rotiraj180:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(45deg);
    transform: rotate(180deg);
}

.sjena {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}

.cb {
    -webkit-filter: grayscale(100%) brightness(-25%) blur(0);
    -webkit-transition: -webkit-filter 1s;
}

.boja {
    -webkit-filter: grayscale(0%) brightness(1%) blur(0);
    -webkit-transition: -webkit-filter 1s;
}

/* GUMBI */


.gumb, a.gumb {
    outline: none;
    width: auto;
    background-color: #CE4216;
    color: #F0F0F0 !important;
    height: auto;
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;zoom:1;
    padding: 15px 20px;
    font-size: 18px;
    font-family: 'Aller';
    font-weight: 100 !important;
    text-decoration: none;
    text-align: center;
    background: #CE481E;
    background: -moz-linear-gradient(top, #D6803D 0%, #CE481E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D6803D), color-stop(100%, #CE481E));
    background: -webkit-linear-gradient(top, #D6803D 0%, #CE481E 100%);
    background: -o-linear-gradient(top, #D6803D 0%, #CE481E 100%);
    background: -ms-linear-gradient(top, #D6803D 0%, #CE481E 100%);
    background: linear-gradient(to bottom, #D6803D 0%,#CE481E 100%);
    box-shadow: inset 0 1px 0 #EE9F72,0 1px 0 rgba(0,0,0,0.1);
    border: 1px solid #CF6B0E !important;
    border-bottom: 1px solid #9B3E0A !important;
    text-shadow: 1px 1px 0px #A05406;
    border-radius: 3px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.gumb:hover, .gumb:focus {
    background-color: #CE481E;
    background: -moz-linear-gradient(top, #B85000 0%, #CE481E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B85000), color-stop(100%, #CE481E));
    background: -webkit-linear-gradient(top, #B85000 0%, #CE481E 100%);
    background: -o-linear-gradient(top, #B85000 0%, #CE481E 100%);
    background: -ms-linear-gradient(top, #B85000 0%, #CE481E 100%);
    background: linear-gradient(to bottom, #B85000 0%,#CE481E 100%);
    box-shadow: inset 0 1px 0 #DF6F30,0 1px 0 rgba(0,0,0,0.1);
    border: 1px solid #A85304 !important;
    border-bottom: 1px solid #9B3E0A !important;
    text-shadow: 1px 1px 0px #A05406;
    text-decoration: none !important;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    color: #fff !important;
}

a:hover.gumb:hover {
    color: #fff !important
}

/* EFEKTI */
.gumb.sjena {
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
}

.gumb.rubovi {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.gumb.zaobljeni {
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px;
}

.gumb.ostri-rubovi {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
}

.gumb.fiksni {
    width: 200px;
    margin: 20px;
}

.gumb.ref {
    -webkit-border-top-right-radius: 500px;
    -webkit-border-bottom-right-radius: 500px;
    -moz-border-radius-topright: 500px;
    -moz-border-radius-bottomright: 500px;
    border-top-right-radius: 500px;
    border-bottom-right-radius: 500px;
}

/* VELICINE */
.gumb.veliki {
    padding: 20px 30px;
    border-radius: 5px;
    font-weight: 700 !important;
    font-size: 22px;
    color: #fff;
}

a.gumb.ponuda h3, a.gumb.ponuda h5 {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    color: #FFF !important;
}

a.gumb.ponuda h5 mark {
    color: #fff;
    background: transparent;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

a.gumb.ponuda h5 mark:after {
    color: #fff;
    content: " ";
}

a:hover.gumb.ponuda h3, a:hover.gumb.ponuda h5 {
    color: #fff !important;
    font-weight: normal;
}

a:hover.gumb.ponuda h5 mark {
    color: #fff !important;
    background: black;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    text-shadow: none;
}

a.gumb.ponuda h3 {
    font-size: 32px;
    text-transform: uppercase;
}

a.gumb.ponuda h5 {
    font-size: 20px;
    text-transform: none;
}

.gumb.veliki.sjena {
    -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
}

.gumb.mali {
    font-size: 12px;
    padding: 7px 14px 8px;
    font-weight: 400 !important;
}

.gumb.mini {
    font-size: 10px;
    padding: 5px 10px 6px;
}

.gumb.full {
    display: block;
    text-align: center;
}

/* BOJE */


.gumb.plavi {
    background: #4DADE2;
    background: -moz-linear-gradient(top, #4DADE2 0%, #237DAD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4DADE2), color-stop(100%, #237DAD));
    background: -webkit-linear-gradient(top, #4DADE2 0%, #237DAD 100%);
    background: -o-linear-gradient(top, #4DADE2 0%, #237DAD 100%);
    background: -ms-linear-gradient(top, #4DADE2 0%, #237DAD 100%);
    background: linear-gradient(to bottom, #4DADE2 0%,#237DAD 100%);
    box-shadow: inset 0 1px 0 #42B6F7,0 1px 0 rgba(0,0,0,0.1);
    color: #fff !important;
    border: 1px solid #3D91CA !important;
    border-bottom: 1px solid #2762A2 !important;
    text-shadow: 1px 1px 0px #236DA7;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.gumb.shop {
    width: 260px;
    height: 50px;
    overflow: hidden;
    box-shadow: none;
    border: 0 !important;
    margin-top: 10px;
}

.gumb.shop > span > sup {
    font-size: 19px;
    font-weight: 700;
    display: block;
    height: 35px;
    clear: both;
    line-height: 35px;
}

.gumb.shop > span > sub {
    display: block;
    font-size: 11px;
    margin: 0;
    height: 15px;
    padding: 0;
    line-height: 9px;
}

.gumb.shop > span {
    width: 190px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #414345;
    height: 50px;
    display: block;
    text-shadow: none;
    font-size: 10px;
    line-height: 41px;
/* padding-top: 5px; */
    border-right: 1px solid rgb(59, 56, 56);
    text-transform: uppercase;
/* font-family: Aller; */
}

.gumb.shop > span b {
    font-size: 22px;
    font-weight: 700;
}

.gumb.shop > i {
    width: 70px;
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    display: block;
    padding-top: 9px;
    margin: 0;
    font-size: 35px;
    box-shadow: none;
}

.gumb.plavi:hover, .gumb.plavi:focus {
    background: #236DA7;
    background: -moz-linear-gradient(top, #236DA7 0%, #237DAD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #236DA7), color-stop(100%, #237DAD));
    background: -webkit-linear-gradient(top, #236DA7 0%, #237DAD 100%);
    background: -o-linear-gradient(top, #236DA7 0%, #237DAD 100%);
    background: -ms-linear-gradient(top, #236DA7 0%, #237DAD 100%);
    background: linear-gradient(to bottom, #236DA7 0%,#237DAD 100%);
    box-shadow: inset 0 1px 0 #42B6F7,0 1px 0 rgba(0,0,0,0.1);
    color: #fff !important;
    border: 1px solid #3D91CA !important;
    border-bottom: 1px solid #2762A2 !important;
    text-shadow: 1px 1px 0px #236DA7;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.gumb.crveni {
    background: #CE272B;
    background: -moz-linear-gradient(top, #CE272B 0%, #A30D11 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CE272B), color-stop(100%, #A30D11));
    background: -webkit-linear-gradient(top, #CE272B 0%, #A30D11 100%);
    background: -o-linear-gradient(top, #CE272B 0%, #A30D11 100%);
    background: -ms-linear-gradient(top, #CE272B 0%, #A30D11 100%);
    background: linear-gradient(to bottom, #CE272B 0%,#A30D11 100%);
    box-shadow: inset 0 1px 0 #F83C3C,0 1px 0 rgba(0,0,0,0.1);
    color: #fff !important;
    border: 1px solid #BB1F1F !important;
    border-bottom: 1px solid #610909 !important;
    text-shadow: 1px 1px 0px #962A2A;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.gumb.crveni:hover, .gumb.crveni:focus {
    background: #941D20;
    background: -moz-linear-gradient(top, #941D20 0%, #A30D11 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #941D20), color-stop(100%, #A30D11));
    background: -webkit-linear-gradient(top, #941D20 0%, #A30D11 100%);
    background: -o-linear-gradient(top, #941D20 0%, #A30D11 100%);
    background: -ms-linear-gradient(top, #941D20 0%, #A30D11 100%);
    background: linear-gradient(to bottom, #941D20 0%,#A30D11 100%);
    box-shadow: inset 0 1px 0 #D12E2E,0 1px 0 rgba(0,0,0,0.1);
    color: #fff !important;
    border: 1px solid #8B1C1C !important;
    border-bottom: 1px solid #610909 !important;
    text-shadow: 1px 1px 0px #962A2A;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.gumb.scrveni, .gumb.not.ok {
    border-radius: 0px;
    height: 60px;
    margin: 0px;
    padding: 0px;
    border: 1px solid rgb(171, 47, 47) !important;
    text-shadow: none !important;
    box-shadow: none !important;
    padding: 0 20px;
    background: rgb(205, 57, 57);
    color: white;
    font-size: 17px;
    font-family: Omnigenus;
    line-height: 61px;
    font-weight: 400;
    outline: none;
}

.gumb.scrveni:hover, .gumb.not.ok:hover {
    border-radius: 0px;
    height: 60px;
    margin: 0px;
    padding: 0px;
    border: 1px solid #B80000  !important;
    text-shadow: none !important;
    box-shadow: none !important;
    padding: 0 20px;
    background: brown;
    color: white;
    font-size: 17px;
    font-family: Omnigenus;
    line-height: 61px;
    font-weight: 400;
    outline: none;
}

.gumb.zeleni {
    background: #5da423;
    background: -moz-linear-gradient(top, #5da423 0%, #365704 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5da423), color-stop(100%, #365704));
    background: -webkit-linear-gradient(top, #5da423 0%, #365704 100%);
    background: -o-linear-gradient(top, #5da423 0%, #365704 100%);
    background: -ms-linear-gradient(top, #5da423 0%, #365704 100%);
    background: linear-gradient(to bottom, #5da423 0%,#365704 100%);
    box-shadow: inset 0 1px 0 #6FBB29,0 1px 0 rgba(0,0,0,0.1);
    color: #fff !important;
    border: 1px solid #57851D  !important;
    border-bottom: 1px solid #284E0E !important;
    text-shadow: 1px 1px 0px #4F690B;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.gumb.zeleni:hover, .gumb.zeleni:focus {
    background: #517E2D;
    background: -moz-linear-gradient(top, #517E2D 0%, #365704 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #517E2D), color-stop(100%, #365704));
    background: -webkit-linear-gradient(top, #517E2D 0%, #365704 100%);
    background: -o-linear-gradient(top, #517E2D 0%, #365704 100%);
    background: -ms-linear-gradient(top, #517E2D 0%, #365704 100%);
    background: linear-gradient(to bottom, #517E2D 0%,#365704 100%);
    box-shadow: inset 0 1px 0 #6BB12B,0 1px 0 rgba(0,0,0,0.1);
    color: #fff !important;
    border: 1px solid #57851D  !important;
    border-bottom: 1px solid #284E0E !important;
    text-shadow: 1px 1px 0px #4F690B;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.gumb.szeleni, .gumb.ok {
    border-radius: 0px;
    height: 60px;
    margin: 0px;
    padding: 0px;
    border: 1px solid rgb(97, 171, 47) !important;
    text-shadow: none !important;
    box-shadow: none !important;
    padding: 0 20px;
    background: rgb(109, 183, 26);
    color: white;
    font-size: 17px;
    font-family: Omnigenus;
    line-height: 61px;
    font-weight: 400;
    outline: none;
}

.gumb.szeleni:hover, .gumb.ok:hover {
    border-radius: 0px;
    height: 60px;
    margin: 0px;
    padding: 0px;
    border: 1px solid rgb(97, 171, 47) !important;
    text-shadow: none !important;
    box-shadow: none;
    padding: 0 20px;
    background: rgb(109, 153, 26);
    color: white;
    font-size: 17px;
    font-family: Omnigenus;
    line-height: 61px;
    font-weight: 400;
    outline: none;
}

.gumb.snarancasti, .gumb.reset {
    border-radius: 0px;
    height: 60px;
    margin: 0px;
    padding: 0px;
    border: 1px solid rgb(233, 143, 32) !important;
    text-shadow: none !important;
    box-shadow: none !important;
    padding: 0 20px;
    background: rgb(239, 141, 53);
    color: white;
    font-size: 17px;
    font-family: Omnigenus;
    line-height: 61px;
    font-weight: 400;
    outline: none;
}

.gumb.snarancasti:hover, .gumb.reset:hover {
    border-radius: 0px;
    height: 60px;
    margin: 0px;
    padding: 0px;
    border: 1px solid rgb(233, 143, 32) !important;
    text-shadow: none !important;
    box-shadow: none !important;
    padding: 0 20px;
    background: rgb(214, 119, 4);
    color: white;
    font-size: 17px;
    font-family: Omnigenus;
    line-height: 61px;
    font-weight: 400;
    outline: none;
}

.gumb.szeleni.mali, .gumb.ok.mali, .gumb.reset.mali,.gumb.snarancasti.mali, .gumb.not.ok.mali {
    height: 40px !important;
    line-height: 30px;
    padding: 5px 10px;
    font-size: 14px;
    font-family: 'Aller';
    font-weight: 100 !important
}

.gumb.sivi {
    background: #C9C9C9;
    background: -moz-linear-gradient(top, #C9C9C9 0%, #666666 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C9C9C9), color-stop(100%, #666666));
    background: -webkit-linear-gradient(top, #C9C9C9 0%, #666666 100%);
    background: -o-linear-gradient(top, #C9C9C9 0%, #666666 100%);
    background: -ms-linear-gradient(top, #C9C9C9 0%, #666666 100%);
    background: linear-gradient(to bottom, #C9C9C9 0%,#666666 100%);
    box-shadow: inset 0 1px 0 #F0F0F0,0 1px 0 rgba(0,0,0,0.1);
    color: #E7E7E7 !important;
    border: 1px solid #9C9C9C !important;
    border-bottom: 1px solid #6B6B6B !important;
    text-shadow: 1px 1px 0px #757575;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.gumb.sivi:hover, .gumb.sivi:focus {
    background: #525252;
    background: -moz-linear-gradient(top, #525252 0%, #666666 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #525252), color-stop(100%, #666666));
    background: -webkit-linear-gradient(top, #525252 0%, #666666 100%);
    background: -o-linear-gradient(top, #525252 0%, #666666 100%);
    background: -ms-linear-gradient(top, #525252 0%, #666666 100%);
    background: linear-gradient(to bottom, #525252 0%,#666666 100%);
    box-shadow: inset 0 1px 0 #929292,0 1px 0 rgba(0,0,0,0.1);
    color: #C9C9C9 !important;
    border: 1px solid #4B4B4B !important;
    border-bottom: 1px solid #6B6B6B !important;
    text-shadow: 1px 1px 0px #555555;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.gumb.tsivi {
    background: #747474;
    background: -moz-linear-gradient(top, #747474 0%, #3b3d42 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(100%, #3b3d42));
    background: -webkit-linear-gradient(top, #747474 0%, #3b3d42 100%);
    background: -o-linear-gradient(top, #747474 0%, #3b3d42 100%);
    background: -ms-linear-gradient(top, #747474 0%, #3b3d42 100%);
    background: linear-gradient(to bottom, #747474 0%,#3b3d42 100%);
    box-shadow: inset 0 1px 0 #B6B6B6,0 1px 0 rgba(0,0,0,0.1);
    color: #E7E7E7 !important;
    border: 1px solid #5E5E5E !important;
    border-bottom: 1px solid #181818 !important;
    text-shadow: 1px 1px 0px #414141;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.gumb.tsivi:hover, .gumb.tsivi:focus {
    background: #4E4E4E;
    background: -moz-linear-gradient(top, #4E4E4E 0%, #3b3d42 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4E4E4E), color-stop(100%, #3b3d42));
    background: -webkit-linear-gradient(top, #4E4E4E 0%, #3b3d42 100%);
    background: -o-linear-gradient(top, #4E4E4E 0%, #3b3d42 100%);
    background: -ms-linear-gradient(top, #4E4E4E 0%, #3b3d42 100%);
    background: linear-gradient(to bottom, #4E4E4E 0%,#3b3d42 100%);
    box-shadow: inset 0 1px 0 #838383,0 1px 0 rgba(0,0,0,0.1);
    color: #E7E7E7 !important;
    border: 1px solid #4D4D4D !important;
    border-bottom: 1px solid #181818 !important;
    text-shadow: 1px 1px 0px #414141;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.gumb.narancasti {
    background-color: #FF7000 !important
}

.gumb.narancasti:hover, .gumb.narancasti:focus {
    background-color: #E05100;
}

input.gumb.emtycart:before {
    content: "a";
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    font-size: 40px;
    color: black;
    left: 0;
    top: 0;
    z-index: 9999
}

.btn-group {
    outline: none;
    width: auto;
    background-color: #CE4216;
    color: #F0F0F0 !important;
    height: 50px;
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    font-size: 13px;
    font-family: 'Aller';
    font-weight: 100 !important;
    text-decoration: none;
    text-align: center;
    background: #CE481E;
    background: -moz-linear-gradient(top, #D6803D 0%, #CE481E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D6803D), color-stop(100%, #CE481E));
    background: -webkit-linear-gradient(top, #D6803D 0%, #CE481E 100%);
    background: -o-linear-gradient(top, #D6803D 0%, #CE481E 100%);
    background: -ms-linear-gradient(top, #D6803D 0%, #CE481E 100%);
    background: linear-gradient(to bottom, #D6803D 0%,#CE481E 100%);
    box-shadow: inset 0 1px 0 #EE9F72,0 1px 0 rgba(0,0,0,0.1);
    border: 0px solid #CF6B0E !important;
    border-radius: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    height: 30px;
    text-align: left;
    width: auto !important;
    margin: 10px 0;
}

.btn-group a, .btn-group a:hover {
    color: #fff !important;
    text-shadow: none;
    z-index: 2;
    border: 0;
    display: block;
    height: 100%
}

.btn-group .btn-tekst {
    padding: 7px 10px;
}

/* ikone */
.btn-group.wrench .btn-tekst:before {
    content: "\f0ad";
    font-family: 'FontAwesome';
    margin-right: 10px;
}

.btn-group .btn-tekst:after {
    content: "\f0d7";
    font-family: 'FontAwesome';
    margin-left: 10px;
}

.btn-group > ul.dropdown-menu {
    display: none;
    position: absolute;
    top: 29px;
    z-index: 1;
    right: 0;
    min-width: 200px;
    padding: 0;
    background: #333;
}

.btn-group:hover > ul.dropdown-menu {
    display: block;
    height: auto
}

.btn-group > ul.dropdown-menu > li {
    display: block;
    clear: both;
    width: auto
}

.btn-group > ul.dropdown-menu > li:hover {
    background-color: black
}

.btn-group > ul.dropdown-menu > li > a {
    display: block;
    width: auto;
    height: 100%;
    padding: 8px 10px
}

.btn-group > ul.dropdown-menu > li > a > i {
    margin-right: 8px
}
/* Upozorenja */
.paznja {
    display: block;
    padding: 6px 7px 7px;
    /* font-weight: 700; */
    font-size: 15px;
    color: white;
    background-color: #2ba6cb;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 12px;
    /* -webkit-border-radius: 3px; */
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    /* border-radius: 3px; */
    /* text-shadow: 0 -1px rgba(0, 0, 0, 0.3); */
    position: relative;
    height: auto
}

.paznja.paznja {
    background-color: goldenrod;
    color: #fff;
    text-shadow: none;
    z-index: 1;
    display: block;
    height: auto;
/* color: #fff !important; */
}

.paznja.sivi {
    background-color: #e9e9e9;
    color: #505050;
    text-shadow: 0 1px rgba(255, 255, 255, 0.3);
    z-index: 1;
    display: block;
    height: auto;
}

.paznja.ok, .paznja.paid {
    background-color: #5da423;
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    z-index: 1;
    display: block;
    height: auto;
}

.paznja.upozorenje, .paznja.unpaid {
    background-color: #C7393C;
    color: #fff;
    /* text-shadow: 0 -1px rgba(0, 0, 0, 0.3); */
    z-index: 1;
    display: block;
    height: auto;
}

.paznja a.zatvori {
    color: #333;
    position: absolute;
    right: 4px;
    top: -1px;
    font-size: 17px;
    opacity: 0.2;
    padding: 4px;
}

.paznja a.zatvori:hover, .paznja a.zatvori:focus {
    opacity: 0.4;
}

img, object, embed {
    max-width: 100%;
    height: auto;
}

object, embed {
    height: 100%;
}

img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.ptop120 {
    padding-top: 120px !important
}

.ptop100 {
    padding-top: 100px !important
}

.ptop60 {
    padding-top: 60px !important
}

.ptop30 {
    padding-top: 30px !important
}

/* broj u kosarci */
.header-cert {
    width: 70px;
    display: block;
    position: absolute;
    top: 50px;
    right: 50px;
    color: #454545;
    font-size: 12px;
}

.header-cert a {
    color: red
}

.header-cert a i {
    color: #454545
}

.header-cert a.item i {
    color: green
}

/* Dropdown za valutu */
#currency-select {
    position: absolute;
    top: 4px;
    right: 106px;
    /* width: auto; */
    z-index: 999;
    height: 28px;
    display: inline-block;
}

.dropdown .hrk a span {
    background-image: url('https://mbitdevelopment.com/assets/img/ikone/hr.png');
}

.dropdown .eur a span {
    background-image: url('https://mbitdevelopment.com/assets/img/ikone/eu.png');
}

.dropdown .usd a span {
    background-image: url('https://mbitdevelopment.com/assets/img/ikone/us.png');
}

/* Dropdown za jezik */
#country-select {
    position: absolute;
    top: 4px;
    right: 0;
	/* width: 107px; */
    z-index: 999;
	/* height: 23px; */
    display: block;
}



.dropdown li a, .dropdown > li {
    /* background: #fff; */
    /* border: 1px solid #D4D4D4; */
    padding: 6px 10px 4px 0px;
    /* -webkit-border-radius: 5px; */
    -moz-border-radius: 5px;
    /* border-radius: 5px; */
    color: #FFFFFF !important;
    display: block !important;
    /* width: 105px; */
}

/* rought form styles for when JS is disabled */

#country-select form {
	/* width: 180px; */
    padding: 0;
}

#country-select select,
#country-select input {
    display: inline;
    padding: 0;
    margin: 0;
}
	
/* JS-created definition list */

.dropdown dd {
    position: relative;
}

.dropdown a, .dropdown li {
    text-decoration: none;
    outline: 0;
    /* font: 12px Arial, Helvetica, sans-serif; */
    display: block !important;
    min-width: 78px;
    overflow: hidden;
    color: #757575 !important;
}

.dropdown dt a {
    border: 1px solid #D4D4D4;
    padding: 3px 10px 2px 3px;
    background-color: #fff;
}

.dropdown > li {
    background: #2A2A2A;
    border: 1px solid #2F2F2F;
    padding: 0px 5px 0px 0px;
    /* -webkit-border-radius: 5px; */
    -moz-border-radius: 5px;
    /* border-radius: 5px; */
    color: #454545 !important;
    display: block !important;
    width: 102px;
}
.dropdown > li:hover {
    background: #000;
    border: 1px solid #262626;
}
#currency-select .dropdown dt a {
    background: #2A2A2A;
    border: 1px solid #2F2F2F;
    padding: 6px 10px 4px 0px;
    /* -webkit-border-radius: 5px; */
    -moz-border-radius: 5px;
    /* border-radius: 5px; */
    color: #FFFFFF !important;
    display: block !important;
    width: 80px;
}
#currency-select .dropdown dt a:hover{
    background: #000;
    border: 1px solid #262626;
}
.dropdown dt a:after {
    content: "\f0dd";
    font-family: 'FontAwesome';
    color: #454545;
    text-transform: none !important;
    float: right;
    display: inline-block;
    font-size: 14px;
    margin-top: -5px;
    margin-right: 6px
}

.dropdown > li:after {
    content: "";
    font-family: 'FontAwesome';
    color: #454545;
    text-transform: none !important;
    float: right;
    display: inline-block;
    font-size: 14px;
    margin-top: -3px;
    margin-right: 6px
}

.dropdown dt a.active {
    background: #db5e18;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px dotted #676768;
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    box-shadow: 0 3px 7px rgba(0,0,0,.5);
    color: #fff;
}

.dropdown dd ul, .dropdown ul {
    background: #2A2A2A;
    border: 1px solid #2F2F2F;
    color: #444444;
    display: none;
    position: absolute;
    z-index: 999;
    /* top: 6px; */
    right: 0;
    /* padding: 2px 1px; */
    list-style: none;
    border-top: none;
    margin: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    /* -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5); */
    /* box-shadow: 0 3px 5px rgba(0,0,0,.5); */
    width: auto;
    padding-bottom: 5px
}

.dropdown > li ul {
    top: 22px;
    border-radius: 0;
}

.dropdown > li ul li a {
    border: 0
}

#language .dropdown > li:hover ul {
    display: block
}

#currency-select .dropdown  {
    background: #2A2A2A;
    /* border: 1px solid #D4D4D4; */
    color: #444444;
    /* display: none; */
    position: absolute;
    z-index: 999;
    /* top: 6px; */
    right: 0;
    /* padding: 2px 1px; */
    list-style: none;
    border-top: none;
    margin: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    /* -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5); */
    /* box-shadow: 0 3px 5px rgba(0,0,0,.5); */
    width: 80px;
    /* padding-bottom: 5px; */
}

.dropdown dd ul li a span, .dropdown li  a span,
	.dropdown dt a span, .dropdown > li > span {
    float: right;
    width: 16px;
    height: 14px;
    margin: 2px 0px 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
}

.dropdown dd ul li a em,
	.dropdown dt a em,.dropdown li em , .dropdown li a em {
    font-style: normal;
    float: right;
    width: auto;
    cursor: pointer;
    display: inline-block;
    padding: 0;
		/* font-family: Aller; */
    font-size: 12px;
    text-transform: uppercase;
    line-height: 16px;
    padding-right: 5px;
}

.dropdown dd ul li a em {
		/* color: #dbc3b5; */
}

.dropdown dd ul li a:hover, .dropdown  li a:hover {
    /* background-color: rgba(255,255,255,.1); */
}

.dropdown dd ul li a:hover em, .dropdown  li a:hover em {
    color: #fff;
}

.dropdown .hr span, .dropdown li ul li.hr span {
    background-image: url('https://mbitdevelopment.com/assets/img/ikone/hr.png');
}

.dropdown .en span, .dropdown li ul li.en span {
    background-image: url('https://mbitdevelopment.com/assets/img/ikone/en.png');
}

.dropdown dd ul li a, .dropdown li ul li a {
    padding: 7px 10px 0px 0;
/* margin-right: -1px; */
}

.dropdown dd ul li a:hover em, .dropdown li a:hover em {
    color: #dd5429;
}

.dropdown dd ul li.active a, .dropdown li.active a {
    color: rgb(110, 171, 85) !important
}

.dropdown dd ul li.active a:hover em, .dropdown li.active a:hover em {
    color: rgb(110, 171, 85) !important
}

	


/*  GRID (12/940px)    ***********************************************/
.red {
    width: 940px;
    max-width: 100%;
    min-width: 940px;
    margin: 0 auto;
    clear: both;
    *zoom: 1;
    position: relative;
}

.red .red {
    width: 940px;
    max-width: none;
    min-width: 0;
    margin: 0 auto;
    padding: 0;
    clear: both;
}

.red:before, .red:after {
    content: " ";
    display: table;
}

.red:after {
    clear: both;
}

.red.puni {
    width: 100% !important;
    text-align: center;
}

.polje, .polja {
    float: left;
    min-height: 1px;
    padding: 0 15px;
    position: relative;
}

.polje.centrirano, .polja.centrirana, .polja.centriranih {
    float: none;
    text-align: center;
}

.red [class*="polj"] + [class*="polj"]:last-child {
    float: right;
}

.red [class*="polj"] + [class*="polj"].kraj {
    float: left;
}

.red [class*="polj"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.red [class*="polj"]:first-child {
    margin-left: 0;
}

.jedno, .red .jedno {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
}

.dva, .red .dva {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
}

.tri, .red .tri {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
}

.cetiri, .red .cetiri {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
}

.pet, .red .pet {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
    /* border-left: 1px dotted #DEE2E9; */
}

.sest, .red .sest {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
}

.sedam, .red .sedam {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
}

.osam, .red .osam {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
}

.devet, .red .devet {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
}

.deset, .red .deset {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
}

.jedanaest, .red .jedanaest {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
}

.dvanaest, .red .dvanaest {
    width: 100%;
    *width: 99.94680851063829%;
}

.red .uvuci-jedan {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
}

.red .uvuci-jedan:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
}

.red .uvuci-dva {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
}

.red .uvuci-dva:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
}

.red .uvuci-tri {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
}

.red .uvuci-tri:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
}

.red .uvuci-cetiri {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
}

.red .uvuci-cetiri:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
}

.red .uvuci-pet {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
}

.red .uvuci-pet:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;
}

.red .uvuci-sest {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
}

.red .uvuci-sest:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
}

.red .uvuci-sedam {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
}

.red .uvuci-sedam:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
}

.red .uvuci-osam {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
}

.red .uvuci-osam:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
}

.red .uvuci-devet {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
}

.red .uvuci-devet:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
}

.red .uvuci-deset {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
}

.red .uvuci-deset:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
}

.gurni-dva {
    left: 16.66667%;
}

.povuci-dva {
    right: 16.66667%;
}

.gurni-tri {
    left: 25%;
}

.povuci-tri {
    right: 25%;
}

.gurni-cetiri {
    left: 33.33333%;
}

.povuci-cetiri {
    right: 33.33333%;
}

.gurni-pet {
    left: 41.66667%;
}

.povuci-pet {
    right: 41.66667%;
}

.gurni-sest {
    left: 50%;
}

.povuci-sest {
    right: 50%;
}

.gurni-sedam {
    left: 58.33333%;
}

.povuci-sedam {
    right: 58.33333%;
}

.gurni-osam {
    left: 66.66667%;
}

.povuci-osam {
    right: 66.66667%;
}

.gurni-devet {
    left: 75%;
}

.povuci-devet {
    right: 75%;
}

.gurni-deset {
    left: 83.33333%;
}

.povuci-deset {
    right: 83.33333%;
}

.polje .puno, .polja .puno {
    display: block;
    Dizajn i izrada internet stranica
}

.polje.centar, .polja.centar {
    text-align: center;
}

.polje.lijevo, .polja.lijevo {
    text-align: left;
}

.polje.desno, .polja.desno {
    text-align: right;
}



/*------------------------------------------------------------------	4. FOOTER--------------------------------------------------------------------*/
footer {
    padding-top: 25px;
    position: relative;
    background: #252525;
    color: #c1c1c1;
}

footer .vrh {
    background: transparent;
    height: 0;
    width: 0;
    position: absolute;
    top: -40px;
    right: 20px;
    border-style: outset outset solid outset;
    border-width: 20px;
    border-color: #222;
    border-left-color: rgba(0, 0, 0, 0) !important;
    border-right-color: rgba(0, 0, 0, 0) !important;
    border-top-color: rgba(0, 0, 0, 0) !important;
    padding: 0;
    z-index: 999;
}

footer .vrh:hover {
    cursor: pointer;
    top: -35px;
}

/*--------------------------------		4.1 NAVIGACIJA	----------------------------------*/
footer nav h3 {
    font-family: 'Omnigenus';
    margin-top: 25px;
}

footer li {
    list-style: none;
    padding-bottom: 5px;
}

footer li ul {
    margin: 0;
}

footer a, footer a:visited {
    color: #777;
    -webkit-transition: all .10s ease-in-out;
    -moz-transition: all .10s ease-in-out;
    -ms-transition: all .10s ease-in-out;
    transition: all .10s ease-in-out;
}

footer a:hover {
    color: #fff;
}

footer .current_page_item a {
    color: #fff;
}

footer a.aktivna {
    color: #fff;
}

footer a.aktivna:hover {
    color: #fff;
    font-weight: 700;
    padding: 0;
}

footer .tagovi li {
    display: inline-block;
    margin-right: 0.5em;
    padding: 0.2em 0;
}

footer .tagovi a:hover {
    color: #fff;
    padding-left: 0;
}

/*--------------------------------		4.2 SOCIJALA	----------------------------------*/
footer .socijala {
    float: none;
}

footer .socijala li {
    background: url(https://mbitdevelopment.com/assets/img/social.png) no-repeat;
    display: block;
    width: 32px;
    height: 28px;
    opacity: 0.45;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

footer .socijala li:hover {
    opacity: 1;
}

footer .socijala li a, footer .socijala li a:visited {
    padding-left: 36px;
    display: block;
    height: 32px;
    line-height: 32px;
    color: #fff !important;
}

footer .socijala li.face {
    background-position: -231px top;
}

footer .socijala li.google {
    background-position: -377px top;
}

footer .socijala li.twitter {
    background-position: -675px top;
}

footer .socijala li.linkedin {
    background-position: -450px top;
}

footer .vcard {
    color: #777;
}







/* Ostatak stranice - socijala ikone */
.soc-ikone {
    margin: 0;
}

.soc-ikone li {
    display: inline-block;
    margin: 5px;
    vertical-align: middle;
    position: relative;
    float: right;
}

.soc-ikone li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-image: url('https://mbitdevelopment.com/assets/img/ikone/soc-sprite.png');
    background-repeat: no-repeat;
    position: relative;
    background-color: #2a2a2a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.soc-ikone li a:hover {
    background-color: #cd2122;
    box-shadow: 0 0 6px rgba(0,0,0,0.4)
}

div.zastava {
    display: block;
    width: auto;
    height: auto;
    float: right;
    position: relative;
    right: 0;
    clear: both;
    top: 0;
    padding: 0;
    height: 22px;
}

div.zastava a {
    display: inline-block;
    border-radius: 0 !important;
    -moz-border-radius: 3px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    width: auto;
    text-shadow: none;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    line-height: inherit;
    text-align: left;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: 2px;
    height: 16px;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

div.zastava a.hr {
    background-image: url('https://mbitdevelopment.com/assets/img/ikone/hr.png');
}

div.zastava a.en {
    background-image: url('https://mbitdevelopment.com/assets/img/ikone/en.png');
}

div.zastava a:hover {
    color: #000;
    grayscale(0%);-webkit-filter: grayscale(100%);
}

div.zastava a.aktivna:hover {
    color: #333
}

div.zastava a:first-child {
    padding-right: 5px;
    border-right: 1px solid #D6D6D6;
}

div.zastava a:last-child {
    margin-left: 5px;
}

div.zastava a.aktivna {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.soc-ikone li.twitter a {
    background-position: 0 0;
}

.soc-ikone li.twitter a:hover {
    background-color: #42799e;
}

.soc-ikone li.dribbble a {
    background-position: -30px 0
}

.soc-ikone li.cart a {
    text-indent: inherit;
    background-image: none;
}

.soc-ikone li.cart a:hover {
    background-color: green
}

.soc-ikone li.cart a span {
    display: none
}

.soc-ikone li.cart a.item {
    text-indent: inherit;
    background-image: none;
}

.soc-ikone li.cart a i {
    position: relative;
    font-size: 20px;
    padding-top: 5px;
    padding-left: 3px;
    color: #fff
}

.soc-ikone li.cart a.item span {
    position: absolute;
    display: block;
    color: #fff;
    text-align: center;
    top: -7px;
    right: -8px;
    background-color: green;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    font-size: 12px;
    padding-top: 1px;
    padding-left: 1px;
}

.soc-ikone li.facebook a {
    background-position: -60px 0
}

.soc-ikone li.facebook a:hover {
    background-color: #0B517F;
}

.soc-ikone li.envato a {
    background-position: -90px 0
}

.soc-ikone li.flickr a {
    background-position: -120px 0
}

.soc-ikone li.gplus a {
    background-position: -180px 0
}

.soc-ikone li.gplus2 a {
    background-position: -210px 0
}

.soc-ikone li.linkedin a {
    background-position: -300px 0
}

.soc-ikone li.myspace a {
    background-position: -330px 0
}

.soc-ikone li.paypal a {
    background-position: 0 -30px
}

.soc-ikone li.piacasa a {
    background-position: -30px -30px
}

.soc-ikone li.pinterest a {
    background-position: -60px -30px
}

.soc-ikone li.reedit a {
    background-position: -90px -30px
}

.soc-ikone li.rss a {
    background-position: -120px -30px
}

.soc-ikone li.skype a {
    background-position: -150px -30px
}

.soc-ikone li.stumbleupon a {
    background-position: -180px -30px
}

.soc-ikone li.tumblr a {
    background-position: -210px -30px
}

.soc-ikone li.vimeo a {
    background-position: -240px -30px
}

.soc-ikone li.wordpress a {
    background-position: -270px -30px
}

.soc-ikone li.yahoo a {
    background-position: -300px -30px
}

.soc-ikone li.youtube a {
    background-position: -330px -30px
}

.soc-ikone li.blogger a {
    background-position: 0px -60px
}

.soc-ikone li.deviantart a {
    background-position: -30px -60px
}

.soc-ikone li.digg a {
    background-position: -60px -60px
}

.soc-ikone li.foursquare a {
    background-position: -90px -60px
}

.soc-ikone li.friendfeed a {
    background-position: -120px -60px
}

.soc-ikone li.mail a {
    background-position: -150px -60px
}

.soc-ikone li.html5 a {
    background-position: -180px -60px
}

.soc-ikone li.technorati a {
    background-position: -210px -60px
}

.soc-ikone li.soundcloud a {
    background-position: -240px -60px
}

.soc-ikone li.quora a {
    background-position: -270px -60px
}

.soc-ikone li.bebo a {
    background-position: -300px -60px
}

.soc-ikone li.aim a {
    background-position: -330px -60px
}

.soc-ikone li.gosquared a {
    background-position: 0 -90px
}

.soc-ikone li.dropbox a {
    background-position: -30px -90px
}

.soc-ikone li.github a {
    background-position: -60px -90px
}

.soc-ikone li.spotify a {
    background-position: -90px -90px
}

.soc-ikone li.apple a {
    background-position: -120px -90px
}







/*--------------------------------		4.4 COPYRIGHT	----------------------------------*/
footer .copy {
    color: #ccc;
    font-size: 0.85em;
    padding: 20px;
    text-align: center;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------	5. POJEDINACNE STRANICE--------------------------------------------------------------------*/
/*--------------------------------		5.1 POCETNA STRANICA	----------------------------------*/
/*	5.1.1 POZDRAVNA PORUKA	----------------------------------*/


.usluge-pocetna {
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    margin: 75px 0;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.usluge-pocetna h3 {
    padding-top: 20px;
    color: #000;
    font-size: 1.6em;
}

.usluge-pocetna img {
    margin-top: -65px;
}

.usluge-pocetna .gumb {
    margin-bottom: -20px;
}

#krug-razvoj {
    width: 200px;
    border: 5px solid #EBEBEB;
    border-radius: 500px;
    height: 200px;
    position: absolute;
    right: 20px;
    top: 0;
    background: #FFF;
    overflow: hidden;
}

#krug-razvoj.ulet-dolje img {
    margin-top: 0px;
    max-width: 250px !important;
    left: 0;
}

#krug-izrada-weba {
    width: 200px;
    border: 5px solid #EBEBEB;
    border-radius: 500px;
    height: 200px;
    position: absolute;
    right: 5px;
    top: 0;
    background: #FFF;
    overflow: hidden;
}

#krug-izrada-weba.ulet-dolje img {
    margin-top: 0px;
    max-width: 250px !important;
    left: 0;
}

/* RAZLOZI */
.razlozi p {
    display: block;
    clear: both;
    text-align: left;
}

.razlozi p span {
    float: left;
    display: block;
    text-align: center;
}

.razlozi .krug {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    float: left;
}

.razlozi span.naslov {
    font-family: 'Aller';
    font-size: 27px;
    padding-left: 20px;
    line-height: 40px;
    /* padding-bottom: 0px; */
    float: left;
    font-weight: 400;
    color: #595D5F;
}

.razlozi article {
    clear: both;
    margin-left: 20px;
    border-left: 2px solid transparent;
}

.razlozi article span {
    padding-left: 40px;
    padding-top: 10px;
    text-align: justify;
    display: block;
    color: #737373;
    font-size: 16px;
    font-weight: 100;
}

.razlozi a, .razlozi a:visited {
    color: #DD5429;
    font-weight: 100;
    text-decoration: none;
}

.razlozi a:hover {
    color: #888;
    border-bottom: 1px dotted
}

/*	5.1.3 POSLJEDNJI RADOVI	----------------------------------*/
.projekt {
    padding-top: 50px;
}

.projekt h5 {
    font-family: 'Aller';
    font-weight: 100;
    /* font-size:1.2em; */
    text-align: justify !important;
}

.projekt img {
    position: relative;
}

.projekt .ulet-dolje {
    top: 1600px;
}

.projekt h3 {
    font-size: 1em;
}

.projekt .info {
    padding-left: 1em;
    text-align: left;
}

.projekt .info ul {
    display: block;
    clear: both;
    margin-bottom: 20px;
}

.projekt .info li a, .radovi .reference li a:visited, .jedan-projekt li a {
    color: #F7F7F7 !important;
    font-size: 14px;
    padding: 0.25em 0.5em 0.2em 0.5em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #779F0A;
    display: inline-block;
    float: left;
    margin-right: 7px;
    margin-bottom: 8px;
    text-transform: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    text-decoration: none;
    -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 0px rgba(0,0,0,0.15);
}

.projekt .info li a:hover, .jedan-projekt li a:hover {
    background-color: #303030;
    color: #fff;
    -webkit-box-shadow: -2px -2px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: -2px -2px 0px rgba(0,0,0,0.15);
    box-shadow: -2px -2px 0px rgba(0,0,0,0.25);
}

.projekt .info span {
    clear: both;
    display: block;
    padding-top: 40px;
    text-align: center;
}

.projekt .info p {
    font-size: 1em;
    margin: 2em 0;
    text-align: left;
}

/* WEB HOSTING */
#web-hosting-paketi .micro,#web-hosting-paketi .standard,#web-hosting-paketi .advanced {
    -webkit-transition-property: scale;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}

#web-hosting-paketi .micro:hover, #web-hosting-paketi .standard:hover, #web-hosting-paketi .advanced:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

/* MICRO 350 */
#web-hosting-paketi .micro .header {
    background: #F47E3F url(https://mbitdevelopment.com/assets/img/bg/web-paketi-narancasti-header-bg.png) repeat-x top left;
    margin-top: 48px;
}

#web-hosting-paketi .micro .sadrzaj li::selection {
    background: #F47E3F;
    color: #FFF;
}

#web-hosting-paketi .micro .sadrzaj li::-moz-selection {
    background: #F47E3F;
    color: #FFF;
}

/* STANDARD 1000 */
#web-hosting-paketi .standard .header {
    background: #089FDF url(https://mbitdevelopment.com/assets/img/bg/web-paketi-plavi-header-bg.png) repeat-x top left;
    height: 100px;
}

#web-hosting-paketi .standard .sadrzaj li::selection {
    background: #089FDF;
    color: #FFF;
}

#web-hosting-paketi .standard .sadrzaj li::-moz-selection {
    background: #089FDF;
    color: #FFF;
}

#web-hosting-paketi .standard .header .naziv {
    line-height: 40px;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    height: 40px;
}

#web-hosting-paketi .standard .header .cijena {
    line-height: 34px;
    font-size: 34px;
    padding-top: 12px;
}

/* ADVANCED 2000 */
#web-hosting-paketi .advanced .header {
    background: #505050 url(https://mbitdevelopment.com/assets/img/bg/web-paketi-zeleni-header-bg.png) repeat-x top left;
    margin-top: 48px;
}

#web-hosting-paketi .advanced .sadrzaj li::selection {
    background: #505050;
    color: #FFF;
}

#web-hosting-paketi .advanced .sadrzaj li::-moz-selection {
    background: #505050;
    color: #FFF;
}

#web-hosting-paketi .header {
    color: #FFF;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    position: relative;
    height: 92px;
    border-radius: 10px 10px 0 0;
}

#web-hosting-paketi .header .naziv {
    line-height: 35px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    height: 35px;
}

#web-hosting-paketi .header .cijena {
    line-height: 34px;
    font-size: 34px;
    padding: 10px 0 0 0;
}

#web-hosting-paketi .header .razdoblje {
    margin-top: -2px;
    opacity: 0.6;
    font-size: 11px;
}

#web-hosting-paketi .sadrzaj {
    color: #7a7a7a;
    background: #f0f0f0;
    text-shadow: none;
    position: relative;
    border-left: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
    border-top: 0px;
    border-bottom: 0px;
    font-size: 0.9em;
}

#web-hosting-paketi .sadrzaj ul {
    margin: 0;
}

#web-hosting-paketi .sadrzaj li {
    height: 40px;
    line-height: 40px;
    background: #fff;
}

#web-hosting-paketi .sadrzaj li:nth-child(odd) {
    background: #f2f2f2;
}

#web-hosting-paketi .gumb {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/*--------------------------------		5.2 USLUGE [STRANICA]	----------------------------------*/
/* HEADER */

.usluge p.usluge-header-naslov {
    font-size: 4em;
    font-family: 'Omnigenus';
    color: #dd5429 !important;
    text-shadow: none !important;
    line-height: 1em !important;
}

.usluge p.usluge-header-podnaslov span.naglaseno {
    color: #dd5429 !important;
    text-shadow: none !important;
}

.usluge p.usluge-header-podnaslov {
    font-size: 1.5em;
    color: #747474 !important;
    text-shadow: none !important;
    line-height: 1em;
    margin-bottom: 40px;
    font-family: 'Omnigenus';
}


/* USLUGE - animacije */

#usluge-webdizajn-kod {
    position: absolute;
    left: 16px;
    top: 70px;
    width: 369px;
    height: 348px;
    display: block;
    overflow: hidden;
    padding: 0;
    background: #252B35;
}

#usluge-webdizajn-kod > div {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 2px;
}

#usluge-webdizajn-kod  p {
    font-weight: normal;
    font-size: 12px !important;
    line-height: 0.35em !important;
    color: #999999;
}

#usluge-webdizajn-elementi {
    position: absolute;
    left: 385px;
    top: 64px;
    width: 332px;
    display: block;
    height: 357px;
}

#usluge-webdizajn-kod span.kod1 {
    color: #B2C27E
}

#usluge-webdizajn-kod span.kod2 {
    color: #ADC6DD;
}

#usluge-webdizajn-kod span.kod3 {
    color: #C78073;
}

#usluge-webdizajn-elementi > .naslov {
    opacity: 0;
    display: block;
    width: 50%;
    position: absolute;
    top: -52px;
    left: -343px;
    height: 6%;
    font-size: 0.8em;
    color: #5C5C5C;
}

#usluge-webdizajn-elementi .header {
    display: block;
    width: 100%;
    position: absolute;
    top: 2%;
    height: 16%;
}

#usluge-webdizajn-elementi .header .logo {
    display: block;
    width: 20%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #FFFFFF url('https://mbitdevelopment.com/assets/img/usluge-bg-web-dizajn-logo.png') center center no-repeat;
    opacity: 0;
}

#usluge-webdizajn-elementi .header .meni {
    opacity: 0;
    display: block;
    width: 75%;
    position: absolute;
    top: 0;
    left: 24%;
    height: 100%;
    background-color: #FFF;
}

#usluge-webdizajn-elementi .header .meni ul {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

#usluge-webdizajn-elementi .header .meni ul li {
    display: block;
    width: 25%;
    position: relative;
    float: left;
    height: 100%;
    font-size: 0.7em;
    text-align: center;
    padding-top: 8%;
    color: #646464;
}

#usluge-webdizajn-elementi .header .meni ul li.aktivan {
    background: #3F3F3F;
    color: #D6D6D6;
}

#usluge-webdizajn-elementi .pozdrav {
    display: block;
    width: 100%;
    position: absolute;
    top: 19%;
    height: 34%;
    opacity: 0;
}

#usluge-webdizajn-elementi .pozdrav .lik {
    opacity: 0;
    display: block;
    width: 40%;
    position: absolute;
    bottom: 0;
    left: 2%;
    height: auto;
	/* background-color: rgba(255, 255, 255, 1); */
    text-align: center;
}

#usluge-webdizajn-elementi .pozdrav .poruka {
    opacity: 0;
    display: block;
    width: 55%;
    position: absolute;
    top: 0;
    left: 44%;
    height: 100%;
    font-family: 'Omnigenus';
    font-size: 1em;
    color: #EBEBEB;
    padding-top: 20px;
    padding-left: 7px;
}

#usluge-webdizajn-elementi .usluge {
    display: block;
    width: 100%;
    position: absolute;
    top: 54%;
    height: 29%;
}

#usluge-webdizajn-elementi .usluge .web, #usluge-webdizajn-elementi .usluge .app, #usluge-webdizajn-elementi .usluge .mob {
    display: block;
    width: 33.333%;
    position: relative;
    float: left;
    height: 100%;
    opacity: 0;
}

#usluge-webdizajn-elementi .usluge .web {
    background: #ffffff URL('/img/ikona-dizajnweb.png') center center no-repeat;
    background-size: 70%
}

#usluge-webdizajn-elementi .usluge .app {
    background: #ffffff URL('/img/ikona-aplikacije.png') center center no-repeat;
    background-size: 70%
}

#usluge-webdizajn-elementi .usluge .mob {
    background: #ffffff URL('/img/ikona-mobilni.png') center center no-repeat;
    background-size: 70%
}

#usluge-webdizajn-elementi .podnozje {
    opacity: 0.01;
    display: block;
    width: 100%;
    position: absolute;
    top: 83%;
    height: 16%;
    background: #333;
    left: 0;
}

#usluge-webdizajn-elementi .prikazi {
    -webkit-animation-name: poopin;
    -moz-animation-name: poopin;
    animation-name: poopin;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: cubic-bezier(0.175, 1.885, 0.32, 1.275);
    -moz-animation-timing-function: cubic-bezier(0.175, 1.885, 0.32, 1.275);
    animation-timing-function: cubic-bezier(0.175, 1.885, 0.32, 1.275);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes poopin {
    50% {
        opacity: 0;
        -webkit-transform: scale(0) translateZ(0);
        -moz-transform: scale(0) translateZ(0);
        -ms-transform: scale(0) translateZ(0);
        -o-transform: scale(0) translateZ(0);
        transform: scale(0) translateZ(0);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0);
        -moz-transform: scale(1) translateZ(0);
        -ms-transform: scale(1) translateZ(0);
        -o-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
    }
}

@-moz-keyframes poopin {
    50% {
        opacity: 0;
        -webkit-transform: scale(0) translateZ(0);
        -moz-transform: scale(0) translateZ(0);
        -ms-transform: scale(0) translateZ(0);
        -o-transform: scale(0) translateZ(0);
        transform: scale(0) translateZ(0);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0);
        -moz-transform: scale(1) translateZ(0);
        -ms-transform: scale(1) translateZ(0);
        -o-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
    }
}

@keyframes poopin {
    50% {
        opacity: 0;
        -webkit-transform: scale(0) translateZ(0);
        -moz-transform: scale(0) translateZ(0);
        -ms-transform: scale(0) translateZ(0);
        -o-transform: scale(0) translateZ(0);
        transform: scale(0) translateZ(0);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0);
        -moz-transform: scale(1) translateZ(0);
        -ms-transform: scale(1) translateZ(0);
        -o-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
    }
}



/*------------ USLUGE - PODSTRANICE ------------*/
.usluga-header img {
    float: right;
}

.usluga-header h1, 
.usluga-header h2, 
.usluga-header h3, 
.usluga-header h4, 
.usluga-header h5, 
.usluga-header h6 {
    font-family: 'Aller' !important;
    text-align: left
}

.usluga-header h1 {
    font-size: 3.5em;
    color: #ce4216 !important;
    font-weight: 700;
    margin-bottom: 25px
}

.plavi-gradient .usluga-header h1, .plavi-gradient-radial .usluga-header h1 {
    font-size: 3.5em;
    color: #FF9700;
    font-weight: 700;
    margin-bottom: 25px;
    text-shadow: 1px 2px 1px rgba(0,0,0,0.2);
}

.usluga-header h3 {
    color: #41779b !important;
 /* font-size:2em; */
    line-height: normal;
    font-weight: normal;
    font-family: 'Omnigenus' !important;
    padding: 0px 0 10px 0;
    width: 460px;
}

.plavi-gradient .usluga-header h3, .plavi-gradient-radial .usluga-header h3 {
    color: #BCD3EA !important;
    font-size: 29px;
    line-height: normal;
    font-weight: normal;
    font-family: 'Omnigenus' !important;
    padding: 0px 0 10px 0;
    width: 460px;
}

.usluga-header p {
    font-family: 'Aller' !important;
    text-align: left;
    margin-bottom: 50px !important;
}

.usluga-header p  span {
    color: #5A5A5A;
    font-size: 18px;
    padding: 5px 12px;
    display: inline-block;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);
    background: url('https://mbitdevelopment.com/assets/img/ikone/li-strelice.png') no-repeat left -34px;
    background-size: 20px;
    height: 26px;
    padding-left: 30px;
    text-transform: lowercase;
    font-weight: 100;
    line-height: initial;
}

.ts .usluga-header p  span, 
.webhosting .usluga-header p  span {
    color: #EFEFEF;
    font-size: 18px;
    padding: 5px 12px;
    display: inline-block;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    background: url('https://mbitdevelopment.com/assets/img/ikone/li-strelice.png') no-repeat left -34px;
    background-size: 20px;
    height: 26px;
    padding-left: 30px;
    text-transform: lowercase;
    font-weight: 100;
    line-height: initial;
}



.plavi-gradient .usluga-header p span, .plavi-gradient-radial .usluga-header p span {
    color: #AED152;
    font-size: 19px;
    padding: 5px 12px;
    display: inline-block;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    background: url('https://mbitdevelopment.com/assets/img/ikone/li-strelice.png') no-repeat left 7px;
    background-size: 20px;
    height: 26px;
    padding-left: 30px;
    font-weight: 100;
}

.usluga-header p i {
    color: #ce4216;
    font-size: 20px;
/* line-height: 24px; */
}

.plavi-gradient .usluga-header .gumb, .plavi-gradient-radial .usluga-header .gumb {
    background-color: #d45100;
    color: #fff
}

.plavi-gradient .usluga-header .gumb:hover, .plavi-gradient-radial .usluga-header .gumb:hover {
    background-color: #b43000;
    color: #fff
}

.usluge h5, .cilj h5, .faza h5 {
    font-family: "Aller", Arial !important;
    font-weight: 100 !important;
	/* font-size: 1.1em; */
    text-align: justify;
}

.usluga-ciljevi .red.cilj:nth-child(even) img {
    float: left
}

.usluga-ciljevi .red.cilj:nth-child(even) h2,
.usluga-ciljevi .red.cilj:nth-child(even) h5, 
.usluga-ciljevi .red.cilj:nth-child(even) .linija {
    float: right;
    text-align: right;
    clear: right
}

.usluga-ciljevi .red.cilj:nth-child(odd) img {
    float: right
}

.usluga-ciljevi .red.cilj:nth-child(odd) h2,
.usluga-ciljevi .red.cilj:nth-child(odd) h5, 
.usluga-ciljevi .red.cilj:nth-child(odd) .linija {
    float: left;
    text-align: left;
    clear: left
}

.usluga-ciljevi .red.cilj h5 {
    width: 420px
}

.usluga-proces .red.faza .broj {
    border-radius: 5000px;
    color: red;
    height: 40px;
    width: 40px;
    display: block;
    color: #ffffff;
    font-size: 32px;
    text-align: center;
	/* line-height:40px; */
    padding-right: 1px;
}

.narancasti-gradient-radial .red.faza .broj {
    background: #3b3d42;
}

.plavi-gradient-radial .red.faza .broj {
    background: #E56D1C;
}

.usluga-proces .red.faza:nth-child(even) img {
    opacity: 0;
    float: left
}

.usluga-proces .red.faza:nth-child(even) h2,
.usluga-proces .red.faza:nth-child(even) h5 {
    float: right;
    text-align: right;
    clear: right;
    width: 410px
}

.usluga-proces .red.faza:nth-child(even) .linija {
    width: 0;
    float: right;
    margin: 15px 0 30px 0;
    clear: right
}

.usluga-proces .red.faza:nth-child(even) .broj {
    float: right;
    clear: none;
    margin-top: -3px
}

.usluga-proces .red.faza:nth-child(odd) img {
    opacity: 0;
    float: right
}

.usluga-proces .red.faza:nth-child(odd) h2,
.usluga-proces .red.faza:nth-child(odd) h5 {
    float: left;
    text-align: left;
    clear: left;
    width: 410px;
}

.usluga-proces .red.faza h5 {
    text-align: justify !important
}

.usluga-proces .red.faza:nth-child(odd) .linija {
    width: 0;
    float: left;
    margin: 15px 0 30px 0;
    clear: left
}

.usluga-proces .red.faza:nth-child(odd) .broj {
    float: left;
    clear: none;
    margin-top: -3px;
}

.usluga-proces .red.faza h5 {
    width: 420px
}

.usluga-proces .red.faza .linija.animacija {
    width: 370px!important;
    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
}

#odrzavanje-paketi .paket {
    -webkit-transition-property: scale;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#odrzavanje-paketi .paket:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

#odrzavanje-paketi .paket .header {
    margin-top: 48px;
    color: #FFF !important;
    position: relative;
    padding: 10px 0px;
    text-shadow: none !important;
    /* border-radius: 8px; */
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 5px 8px 8px rgba(0,0,0,0.4)
}

#odrzavanje-paketi .paket .header .naziv {
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.14); */
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 100;
    position: absolute;
    overflow: hidden;
    padding: 2px 0 8px 20px;
    text-align: left;
    font-family: 'Omnigenus';
}

#odrzavanje-paketi .paket .header .cijena {
    /* border-top: 1px solid rgba(255, 255, 255, 0.14); */
    font-size: 90px;
    font-family: 'Omnigenus';
    font-weight: 100;
    line-height: 180px;
    height: 150px;
}

#odrzavanje-paketi .paket .cijena small {
    font-size: 20px;
    padding-left: 10px
}

#odrzavanje-paketi .paket .header .opis {
    border-top: 1px solid rgba(0, 0, 0, 0.09);
    min-height: 180px;
}

#odrzavanje-paketi .paket .header .opis p {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding: 20px;
    font-weight: 100;
    text-shadow: none !important;
    text-align: left;
    margin: 0;
    color: #f4f4f4;
    font-size: 15px;
}

#odrzavanje-paketi .paket .sadrzaj {
    background: #ffffff;
    text-shadow: none;
    position: relative;
    font-size: 14px;
    font-weight: 100;
    height: auto;
    box-shadow: 5px 8px 8px rgba(0,0,0,0.4);
    border-top: 2px solid rgba(0,0,0,0.1);
}

#odrzavanje-paketi .paket .sadrzaj p {
    font-family: 'Omnigenus';
    display: block;
    width: 33.3333%;
    padding: 10px;
    float: left;
    margin: 0;
    color: #5D6875;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#odrzavanje-paketi .paket .sadrzaj p:hover {
    color: #5384c5;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#odrzavanje-paketi .paket .sadrzaj i {
    display: block;
    padding: 15px 0 10px 0;
}

.odrzavanje-napomene ul li {
    text-align: left
}















/* TEAMSPEAK - PAKETI */

.ts h1,.ts h3 {
    text-shadow: none;
    color: #fafafa !important;
}

#teamspeak-paketi .paket {
    -webkit-transition-property: scale;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#teamspeak-paketi .paket:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

#teamspeak-paketi .paket .header {
    margin-top: 48px;
    color: #FFF !important;
    position: relative;
    padding: 10px 0px;
    text-shadow: none !important;
    /* border-radius: 8px; */
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 5px 8px 8px rgba(0,0,0,0.4)
}

#teamspeak-paketi .paket .header .naziv {
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.14); */
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    /* position: absolute; */
    overflow: hidden;
    padding: 2px 0 8px 20px;
    text-align: left;
    font-family: 'Aller';
}

#teamspeak-paketi .paket .header .cijena {
    /* border-top: 1px solid rgba(255, 255, 255, 0.14); */
    font-size: 60px;
    font-family: 'Omnigenus';
    font-weight: 100;
    line-height: 50px;
    /* height: 109px; */
}

#teamspeak-paketi .paket .cijena small {
    font-size: 20px;
    padding-left: 10px
}

#teamspeak-paketi .paket .header .opis {
    border-top: 1px solid rgba(0, 0, 0, 0.09);
    min-height: 180px;
}

#teamspeak-paketi .paket .header .opis p {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding: 20px;
    font-weight: 100;
    text-shadow: none !important;
    text-align: left;
    margin: 0;
    color: #f4f4f4;
    font-size: 14px;
}

#teamspeak-paketi .paket .sadrzaj {
    background: #ffffff;
    text-shadow: none;
    position: relative;
    font-size: 14px;
    font-weight: 100;
    height: auto;
    box-shadow: 5px 8px 8px rgba(0,0,0,0.4);
    border-top: 2px solid rgba(0,0,0,0.1);
}

#teamspeak-paketi .paket .sadrzaj p {
    font-family: 'Omnigenus';
    display: block;
    width: 33.3333%;
    padding: 10px;
    float: left;
    margin: 0;
    color: #5D6875;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#teamspeak-paketi .paket .sadrzaj p:hover {
    color: #5384c5;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#teamspeak-paketi .paket .sadrzaj i {
    display: block;
    padding: 15px 0 10px 0;
}















/*--------------------------------		5.3 REFERENCE [STRANICA]	----------------------------------*/
.ref-navigacija-l {
    margin: 20px 20px 50px 5px;
    float: left;
}

.ref-navigacija-d {
    margin: 20px 5px 50px 20px;
    float: right;
}

/*	5.3.2 LISTA REFERENCI	----------------------------------*/
.puni.red.radovi {
    padding: 50px 0 !important;
}

.puni.red.radovi:nth-child(even) {
    background: #FFF !important;
}

.puni.red.radovi:nth-child(even) .vrh {
    border-color: #FFF;
}

.puni.red.radovi:nth-child(odd) .vrh {
    border-color: #F1F1F1;
}

.dno.bijelo, .vrh.bijeli {
    border-color: rgb(255, 255, 255);
}

.radovi .reference {
}

.radovi .reference img {
    position: relative;
}

.radovi .reference .ulet-lijevo {
    right: 5000px;
}

.radovi .reference h2, .radovi .reference h3 {
    text-transform: none !important;
    font-family: 'Omnigenus';
    color: #000;
}

.radovi .reference h2 {
    font-size: 3em;
}

.radovi .reference h3 {
    font-size: 1.5em;
    text-transform: uppercase !important;
}

.radovi .reference ul {
    display: block;
    clear: both;
    margin-bottom: 20px;
}

.radovi .reference .info li {
    font-size: 0.81em;
    padding: 0.25em 0.5em 0.2em 0.5em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #CE4A00;
    display: inline-block;
    float: left;
    margin-right: 7px;
    margin-bottom: 8px;
    text-transform: none;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.radovi .reference .infol li {
    font-size: 0.81em;
    padding: 0.25em 0.5em 0.2em 0.5em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #DD5429;
    display: inline-block;
    float: left;
    margin-right: 7px;
    margin-bottom: 8px;
    text-transform: none;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.radovi .reference .info li:hover {
    background-color: #9C2C00;
}

.radovi .reference .infol li:hover {
    background-color: #C03409;
}

.radovi .reference li a, .radovi .reference li a:visited {
    color: #fff;
}

.radovi .reference li a:hover {
    color: #fff;
}

.radovi .reference .info {
    padding-left: 2em;
    min-height: 500px;
    text-align: left;
}

.radovi .reference .infol {
    border-right: 1px dashed #ccc;
    padding-right: 2em;
    min-height: 500px;
    text-align: left;
}

.radovi .reference p {
    clear: both;
    font-size: 1em;
    margin: 2em 0;
    text-align: left;
}

.radovi .reference span {
    clear: both;
    display: block;
    padding-top: 40px;
}

/*--------------------------------		5.4 REFERENCE [POJEDINACNE	----------------------------------*/
/*	5.4.1 NAVIGACIJA [<- NASLOV ->]	----------------------------------*/
div#podmeni.referenca {
    display: block;
    width: 100%;
    text-align: center;
    max-height: 570px !important;
    position: relative;
    margin: 0;
    padding-top: 20px;
    overflow: hidden;
}

.uokvireno img.okvir {
    position: absolute;
    left: 0;
    top: 0;
}

.uokvireno .ekran {
    position: relative;
    display: block;
    overflow: hidden;
    width: 79.8%;
    margin-left: 10.2%;
    margin-top: 11%;
}

.uokvireno .ekran img {
    width: 100%;
    margin: 0;
    padding: 0;
    height: auto;
    /* overflow:hidden; */
    position: relative;
}

/*	5.4.2 PRIKAZ DETALJA REFERENCE	----------------------------------*/
.ref-border {
    border-right: 1px dashed #ddd;
}

/* opis projekta */
.jedan-projekt h1 {
    font-family: Omnigenus;
    /* text-transform: uppercase; */
    font-size: 4em;
    color: #000 !important;
    line-height: 1em;
    /* padding-bottom: 5px; */
    /* border-bottom: 1px solid #FF7000; */
    margin-bottom: 10px;
    text-align: center;
}

.jedan-projekt h2 {
    font-family: Omnigenus;
    font-size: 1.5em;
    /* line-height: 1em; */
    /* padding-top: 4em; */
    padding-bottom: 2em;
    text-align: center;
    text-transform: none;
    padding-left: 0.5em;
}

.jedan-projekt h3 {
    font-family: Aller;
    /* font-size: 1.5em; */
    color: #000 !important;
    /* padding-top: 3em; */
    padding-bottom: 0em;
    text-align: left;
    /* text-transform: uppercase; */
    padding-left: 0;
    font-weight: 700;
}

.jedan-projekt p {
    text-align: left;
    /* padding-bottom: 2em; */
    padding-top: 0;
    margin-top: 0;
    color: #666;
    font-weight: 100;
    font-size: 17px;
}

#tip-weba {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 56%;
}

#tip-weba img {
    /* opacity: 0.1; */
}

.jedan-projekt .status {
    display: block;
    width: 0px;
    /* width:auto; */
    min-height: 100px;
}

.jedan-projekt .status.aktivan {
    background: url('https://mbitdevelopment.com/assets/img/projekt-aktivan.png') top left no-repeat;
}

.jedan-projekt .status.neaktivan {
    background: url('https://mbitdevelopment.com/assets/img/projekt-neaktivan.png') top left no-repeat;
}

.jedan-projekt .status a {
    display: block;
    height: 100%;
    padding-top: 50px;
}

.jedan-projekt .status a span {
    padding-top: 0px;
    font-family: Omnigenus;
    font-size: 1.1em !important;
    /* opacity: 0; */
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.jedan-projekt .status a:hover span {
    opacity: 1;
}

.jedan-projekt .status.neaktivan span {
    display: block;
    height: 100%;
    padding-top: 60px;
    font-family: Omnigenus !important;
    size: 2em !important;
}

.jedan-projekt .usluge {
    font-size: 1em;
    border-left: 1px dotted #DDE0E7;
    padding-left: 40px;
}

.jedan-projekt .usluge ul {
    margin-bottom: 7em;
}

.jedan-projekt .usluge ul li {
    /* font-size: 0.9em; */
}

.jedan-projekt .usluge a {
    color: #555;
}
.jedan-projekt .usluge a:hover {
    color: #ababab;
}

.jedan-projekt .usluge a.posjeti {
    color: #fff;
    text-transform: none;
}

/*--------------------------------		5.5 O NAMA [STRANICA]	----------------------------------*/
.red.onama h1 {
    color: rgb(255, 90, 0) !important;
    margin: 30px 0;
}

.red.onama p {
    color: rgb(124, 124, 124) !important;
    font-weight: 100;
    font-family: 'Aller';
}

.red.onama p a, .red.onama p a:visited {
    text-decoration: none;
    font-weight: 100;
}

.red.onama p a:hover {
    color: #777;
    text-decoration: none;
    border-bottom: 1px dotted #777
}


/*--------------------------------		UVJETI POSLOVANJA [STRANICA]	----------------------------------*/
.red.tos h3 {
    color: #000 !important;
    margin: 30px 0;
}

.red.tos p {
    color: #000 !important;
    font-weight: 100;
    font-size: 15px;
    font-family: 'Aller';
    line-height: 1.4em;
}

.red.tos p ul, .red.tos p ol {
    margin-left: 20px
}

.red.tos p a, .red.onama p a:visited {
    text-decoration: none;
    font-weight: 100;
}

.red.tos p a:hover {
    color: #777;
    text-decoration: none;
    border-bottom: 1px dotted #777
}

.red.tos ul {
    margin-top: 10px;
    margin-left: 20px;
}

.red.tos ul.meni li {
    margin: 0;
    padding: 8px 0;
    border-bottom: 1px dotted #ccc
}

.red.tos ul li, .red.tos ol li {
    margin: 0;
    padding: 4px 0;
    font-size: 15px;
}

.red.tos ul li a {
    font-size: 14px;
    text-decoration: none
}

.red.tos hr {
    border-color: #DD5429 !important
}



/* ---------------------------------------------------------------------- */
/*  Images (align left, right or none)/* ---------------------------------------------------------------------- */
img.alignleft, img.alignright, img.alignnone {
    background: #fff;
    padding: 2px;
    border: 0;
    -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
}

a:hover img.alignleft, a:hover img.alignright, a:hover img.alignnone {
    border: 0;
    -webkit-box-shadow: 2.5px 2.5px 5px rgba(255, 190, 0, .3);
    -moz-box-shadow: 2.5px 2.5px 5px rgba(255, 190, 0, .3);
    box-shadow: 2.5px 2.5px 5px rgba(255, 190, 0, .3);
}

img.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
}

img.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 15px;
}

img.alignnone {
    margin: 20px 20px;
}



/* ---------------------------------------------------------------------- */
/*  KONTAKT STRANICA/* ---------------------------------------------------------------------- */
#mapa {
    position: relative;
    height: 400px;
    margin-top: -60px;
    width: 100%;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2), 0px -2px 1px #fff;
}

#mapa img {
    max-width: none;
}

.kontakt {
    background-color: #333333;
}

.kontakt #kontakt_forma {
    width: 75%;
/* margin-top: 20px; */
}

.kontakt #kontakt_forma label {
    color: #999;
    font-weight: 100;
    font-size: 15px;
    display: block;
    margin-bottom: 20px;
}

.kontakt input[type="text"], 
.kontakt input[type="email"] {
    height: 50px;
    width: 100%;
    margin-top: 5px;
    font-weight: 100;
    font-size: 16px;
    color: #EEEEEE !important;
    border-radius: 0;
    border: 1px solid #333333;
    background-color: #444444;
}

.kontakt textarea {
    height: 250px;
    width: 100%;
    margin-top: 5px;
    font-weight: 100;
    font-size: 16px;
    color: #EEEEEE !important;
    border: 1px solid #333333;
    border-radius: 0;
    background-color: #444444;
}

.kontakt input:focus, .kontakt textarea:focus {
    background-color: #555555
}

.kontakt .info {
    text-align: left;
}

.kontakt input[name="ime"] {
    text-transform: capitalize;
}

.kontakt input::-webkit-input-placeholder, .kontakt input:-moz-placeholder {
    color: #000 !important;
}

.kontakt .greska {
    background: #CE4216;
    padding: 15px 5px;
    text-align: center;
    margin-bottom: 20px;
}

.kontakt .uspjesno {
    background: #439A07;
    padding: 15px 5px;
    text-align: center;
    margin: 0;
}

.kontakt .greska i, .kontakt .uspjesno i {
    font-size: 3em;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3)
}

.kontakt .greska p, .kontakt .uspjesno p {
    color: #fafafa;
    font-weight: 100;
    font-size: 1.2em;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    margin-bottom: 10px
}

.kontakt h3 {
    font-family: Aller;
    font-size: 23px;
    color: #BBB;
    line-height: 10px;
    font-weight: 400;
}

.kontakt p {
    font-family: 'Aller';
    font-size: 15px;
    color: #888;
    font-weight: 100;
    line-height: 1.4em;
}

.kontakt .info  p {
    padding-bottom: 15px
}

.kontakt a {
    font-weight: 100 !important;
    text-decoration: none;
}

.kontakt a:hover {
    font-weight: 100;
    text-decoration: underline;
}

.kontakt a.gumb {
    text-transform: uppercase;
    font-family: 'Aller';
    font-size: 18px;
    letter-spacing: 1px;
}

/******	Margine itd.					*/
.mtop10 {
    margin-top: 10px;
}

.mtop20 {
    margin-top: 20px;
}

.mtop30 {
    margin-top: 30px;
}

.mtop40 {
    margin-top: 40px;
}

.mtop50 {
    margin-top: 50px;
}

.mbot10 {
    margin-bottom: 10px;
}

.mbot20 {
    margin-bottom: 20px;
}

.mbot30 {
    margin-bottom: 30px;
}

.nomargin {
    margin: 0;
}

.nopadding {
    padding: 0 !important;
}

.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.padding15 {
    padding: 15px;
}

.padding20 {
    padding: 20px;
}

.float.left {
    float: left !important
}

.float.right {
    float: right !important
}


/* USER - WHMCS */
/* admin meni - korisnicke */
.adminreturndiv {
    display: block;
    position: fixed !important;
    right: 0 !important;
    top: 70px !important;
    z-index: 99999;
}

/* domena naslovna*/
.domhomepage {
    width: 100% !important;
    height: 40px !important;
    font-family: 'Omnigenus' !important;
    font-size: 18px !important;
    outline: none !important;
    border: 0 !important
}

/* ORDER */
#whmcsorderfrm {
    z-index: 0;
}

#whmcsorderfrm .linija {
    width: 1px;
}

#whmcsorderfrm .linija.animacija {
    width: inherit !important;
    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
}

/* korisnicke stranice - detalji */
#kont-podmeni {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    position: absolute;
    top: 70px;
    width: 100%;
    z-index: 50;
    /* display: -webkit-box; */
}

#kont-podmeni ul {
    padding: 0;
    margin: 0 auto;
/* width: 100%; */
    height: auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: inline-block;
    background-color: #333;
}

#kont-podmeni ul li {
    display: inline-block;
/* height: 50px; */
    padding: 0;
/* line-height: 30px; */
    background-color: #333;
    float: left;
}

#kont-podmeni ul li:first-child {
    border-bottom-left-radius: 10px
}

#kont-podmeni ul li:last-child {
    border-bottom-right-radius: 10px;
/* float: right; *//* background-color: brown; */
}

#kont-podmeni ul li.active, #kont-podmeni ul li:hover {
    background-color: #6DA614;
}

#kont-podmeni a {
    text-decoration: none;
    /* padding-right: 20px; */
    font-weight: 100;
    font-size: 12px;
    color: #DEDEDE !important;
    text-transform: uppercase;
    height: 45px;
    padding: 10px;
    display: block;
    line-height: 30px;
    padding-right: 15px;
    padding-left: 15px;
    border: 0;
}

#kont-podmeni a:hover {
    color: #000;
}

#kont-podmeni ul li.active a, #kont-podmeni ul li:hover a {
    color: #fff !important;
}

/* Linija za iskoristenost resursa */
.usagecontainer {
    background-color: rgb(126, 187, 47);
    height: 10px;
}

.usagecontainer .used {
    background-color: rgb(200, 86, 86);
    height: 10px
}


/* TEAMSPEAK MODUL */

#teamspeak3 > ul.tabs > li {
    display: block;
    float: left;
    width: auto;
    max-width: 150px;
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: #555555;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
}

#teamspeak3 > ul.tabs > li.active {
    background-color: #454545
}

#teamspeak3 > ul.tabs > li {
    border-left: 1px solid #454545
}

#teamspeak3 > ul.tabs > li:first-child {
    border-left: 0
}

#teamspeak3 > ul.tabs > li a {
    border: 0;
    height: 50px;
    font-size: 15px;
    display: block;
    color: #fafafa !important;
}

#teamspeak3 input {
    display: inline-block;
    float: left;
    min-width: 60%;
    font-family: 'Omnigenus';
    font-size: 19px
}

#teamspeak3 input[type="text"] {
    height: 40px;
}

#teamspeak3 .btn {
    height: 40px !important;
    border-radius: 0;
    min-width: 100px !important;
    font-size: 15px;
    margin: 0 5px 0 0 !important;
}

#teamspeak3 a.btn {
    color: #fff !important;
    line-height: 30px;
    font-weight: 100;
    border-bottom: 0
}

#teamspeak3 input.mali {
    width: 30%
}

#teamspeak3 select {
    border-radius: 0;
    margin: 0;
    height: 40px;
    float: left;
}


/* header - slider */
#headslider {
    height: 600px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

#headslider .ts {background-image: url('https://mbitdevelopment.com/assets/img/header/header-typewritter.jpg'); background-repeat:no-repeat; background-position: bottom center; background-size: cover;}
#headslider .webhosting {background-image: url('https://mbitdevelopment.com/assets/img/header/header-webhosting.jpg'); background-repeat:no-repeat; background-position: bottom center; background-size: cover;}

#headslider .viewport {
 /* float: left; */
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
}

#headslider .buttons {
    background: transparent;
    display: inline-flex;
    margin: 0 10px;
    position: absolute;
    color: #B1C8EA !important;
    font-weight: 100;
    text-align: center;
    line-height: 35px;
    text-decoration: none;
    z-index: 2;
    font-size: 35px;
}

#headslider .next {
    margin-bottom: 30px;
    right: 0;
    top: 50%;
}

#headslider .prev {
    margin-bottom: 30px;
    left: 0;
    top: 50%;
}

#headslider .buttons:hover {
    color: #fff !important;
}

#headslider .disable {
    visibility: hidden;
}

#headslider .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 100% !important;
    left: 0;
    top: 0;
}

#headslider .overview li {
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
    height: 600px;
    border: 0;
    width: 100%;
}

#user-home-info {
    display: block;
    width: 100%;
    margin-top: 10px;
}

#user-home-info div.datum {
    float: left;
    display: block;
    font-size: 14px;
    padding: 0 10px;
    color: #F5E8DC;
    text-shadow: none;
    clear: both;
    margin-bottom: 13px;
}

#user-home-info div.datum i {
/* padding-bottom:5px; */
    font-size: 24px;
    vertical-align: bottom;
}

#user-home-info div.naslov {
    clear: both;
    display: block;
    font-size: 17px;
    text-align: left;
    padding: 0 10px;
    ;border-left: 3px solid #E4B88F;
}

#user-home-info div.naslov h3 {
    font-size: 17px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
}

#user-home-info div.naslov h3 a {
    color: #fff !important;
    text-shadow: none
}

#user-home-info div.naslov h3 a:hover {
    color: #333 !important;
    text-shadow: none
}

#user-home-info div.naslov p {
    font-size: 14px;
    font-weight: 100;
    margin-top: 0 !important;
    padding: 0 !important;
    color: #f5e8dc;
    text-shadow: none
}

.user-head .scrveni {
    background-color: red
}

.user-sort {
    background-color: #313131;
    color: #d5d5d5;
    line-height: 28px;
}

.user-sort a, .user-sort a:hover, .user-sort a:active, .user-sort a:visited {
    color: #d5d5d5 !important;
    border: none;
    line-height: 28px
}

.user-sort a:hover {
    color: #999999 !important
}

.user-row.szeleni {
    background-color: #F5FCF4;
    border: 1px solid #f0f0f0;
    border-top: 0
}

.user-row.szeleni:hover {
    background-color: #f0f0f0
}

.user-row.scrveni {
    background-color: #FFFaF9;
    border: 1px solid #FfE8E2;
    border-top: 0
}

.user-row.scrveni:hover {
    background-color: #FfE8E2;
}

/* Proizvodi */
#tabs > ul.nav.nav-tabs {
    height: 50px;
    border-bottom: 0px solid #eee;
}

#tabs > ul.nav.nav-tabs > li {
    display: block;
    float: left;
    width: 240px;
    height: 50px;
}

#tabs > ul.nav.nav-tabs > li.active {
    height: 50px;
}

#tabs > ul.nav.nav-tabs > li.dropdown > ul {
    display: none
}

#tabs > ul.nav.nav-tabs > li.dropdown.open.active > ul {
    display: block;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: auto;
    width: 240px;
    padding: 0px;
    margin: 0;
    background-color: rgb(61, 57, 56);
    position: absolute;
    z-index: 1;
}

#tabs > ul.nav.nav-tabs > li.dropdown.open > ul li {
    border-radius: 0 !important;
/* height:30px !important; */
    font-weight: 100;
/* border-bottom:1px solid #f0f0f0 !important; */
    display: block;
    line-height: normal;
    clear: both;
}

#tabs > ul.nav.nav-tabs > li.dropdown.open > ul li a {
    font-size: 15px;
    text-align: left;
    border-top: 0px solid #333;
    border-radius: 0 !important;
    padding: 5px 10px;
    font-weight: 100;
    background-color: transparent;
    line-height: normal;
}

#tabs > ul.nav.nav-tabs > li.dropdown.open > ul li:hover a {
    background-color: rgb(188,22,0)
}

#tabs > ul.nav.nav-tabs > li.dropdown.open > ul li:last-child:hover a {
    background-color: rgb(218,0,0);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

#tabs > ul.nav.nav-tabs > li a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #D4D4D4 !important;
    border-bottom: 0;
    background-color: #514B4B;
    margin-top: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 1px solid #eee;
  /* border-left: 1px solid #121212; */
}

#tabs > ul.nav.nav-tabs > li:first-child a {
    border-left: 0px
}

#tabs > ul.nav.nav-tabs > li:last-child a {
    border-right: 1px solid #eee
}

#tabs > ul.nav.nav-tabs > li.active a {
    color: #fff !important;
    font-weight: 700;
    background-color: rgb(204, 64, 0);
    height: 100%;
    margin-top: 0;
    display: block;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px !important;
    line-height: 50px;
}

.tab-content {
    padding-top: 10px;
    border-top: 1px solid #454545;
    display: block;
}

.tab-content .devet.polja {
    border-left: 1px dotted rgb(238, 238, 238);
    padding-left: 30px
}

.support.head {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.support.head h3 {
    color: #fff;
    padding-bottom: 5px
}

.support.head .ikone {
    border-top: 1px solid #555;
    padding-top: 15px;
}

.support.reply {
    padding: 20px 10px 20px 30px;
    background-color: #EFEFEF;
    border-left: 4px solid rgb(192, 83, 12);
}

.support.reply.admin {
    padding: 20px 10px 20px 30px;
    background-color: #F4F4F4;
    border-left: 4px solid rgb(72, 163, 42);
}

.support.red {
    padding: 0 !important;
    background-color: #3D454C;
}

.support.red.admin {
    padding: 0 !important;
    background-color: #353A42;
}

.support.info {
    color: #fafafa;
    padding: 10px;
    text-align: left;
    font-size: 15px;
    line-height: 38px
}










/* INFO ANIMACIJE */

.headerinfoanimacija {
    min-height: 180px;
    overflow: hidden !important;
    -moz-animation: infoAnimacija 0.5s ease-in 5s forwards;
    -webkit-animation: infoAnimacija 0.5s ease-in 5s forwards;
    -o-animation: infoAnimacija 0.5s ease-in 5s forwards;
    animation: infoAnimacija 0.5s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes infoAnimacija {
    to {
        min-height: 0px;
        height: 0px;
    }
}

@-webkit-keyframes infoAnimacija {
    to {
        height: 0px;
        min-height: 0px;
    }
}


/* PRIKAZ-sakrivanje */
.prikazi-racunalima1200px {
    display: none !important;
    visibility: hidden !important;
}

#replycont.hide, #replycont2.hide {
    display: none
}


/* placanje - gateway */

#paymentmethod {
    width: 100%
}

.borderRadius {
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.borderRadiusTp {
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.borderRadiusBtm {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.ddcommon {
    position: relative;
    display: -moz-inline-stack;
    zoom: 1;
    display: inline-block;
    *display: inline;
    cursor: default;
}

.ddcommon ul {
    padding: 0;
    margin: 0;
}

.ddcommon ul li {
    list-style-type: none;
}

.borderRadiusTp ul li:last-child {
    -moz-border-radius: 0 0 5px 5px;
 /* border-radius:0 0 5px 5px; *//* border-bottom:0 none #c3c3c3; */
}

.borderRadiusBtm ul li:first-child {
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border-bottom: 1 solid #c3c3c3;
}

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll {
    opacity: .5;
 /* standard: ff gt 1.5, opera, safari */
    -ms-filter: "alpha(opacity=50)";
 /* ie 8 */
    filter: alpha(opacity=50);
 /* ie lt 7 */
    -khtml-opacity: .5;
 /* safari 1.x */
    -moz-opacity: .5;
 /* ff lt 1.5, netscape */
    color: #999999;
}

.ddcommon .clear {
    clear: both
}

.ddcommon .shadow {
    -moz-box-shadow: 5px 5px 5px -5px #888888;
    -webkit-box-shadow: 5px 5px 5px -5px #888888;
    box-shadow: 5px 5px 5px -5px #888888;
}

.ddcommon input.text {
    color: #7e7e7e;
    padding: 0 0 0 0;
    position: absolute;
    background: #fff;
    display: block;
    width: 98%;
    height: 98%;
    left: 2px;
    top: 0;
    border: none;
}

.ddOutOfVision {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.borderRadius .shadow {
    -moz-box-shadow: 5px 5px 5px -5px #888888;
    -webkit-box-shadow: 5px 5px 5px -5px #888888;
    box-shadow: 5px 5px 5px -5px #888888;
}

.borderRadiusBtm .shadow {
    -moz-box-shadow: -5px -5px 5px -5px #888888;
    -webkit-box-shadow: -5px -5px 5px -5px #888888;
    box-shadow: -5px -5px 5px -5px #888888
}

.borderRadiusTp .border, .borderRadius .border {
 /* border-radius:0 0 5px 5px; */
}

.borderRadiusBtm .border {
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

img.fnone {
    float: none !important
}

.ddcommon .divider {
    width: 0;
    height: 100%;
    position: absolute;
}

.ddcommon .ddArrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 4px;
}

.ddcommon .ddArrow:hover {
    background-position: 0 100%;
}

.ddcommon .ddTitle {
    padding: 0;
    position: relative;
    display: inline-block;
    width: 100%
}

.ddcommon .ddTitle .ddTitleText {
    display: block;
}

.ddcommon .ddTitle .ddTitleText .ddTitleText {
    padding: 0;
}

.ddcommon .ddTitle .description {
    display: block;
}

.ddcommon .ddTitle .ddTitleText img {
    position: relative;
    vertical-align: middle;
    float: left
}

.ddcommon .ddChild {
    position: absolute;
    display: none;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    zoom: 1;
    z-index: 9999
}

.ddcommon .ddChild li {
    clear: both;
}

.ddcommon .ddChild li .description {
    display: table;
}

.ddcommon .ddChild li img {
    border: 0 none;
    position: relative;
    vertical-align: middle;
    float: left
}

.ddcommon .ddChild li.optgroup {
    padding: 0;
}

.ddcommon .ddChild li.optgroup .optgroupTitle {
    padding: 0 5px;
    font-weight: bold;
    font-style: italic
}

.ddcommon .ddChild li.optgroup ul li {
    padding: 5px 5px 5px 15px
}

.ddcommon .noBorderTop {
    border-top: none 0  !important;
    padding: 0;
    margin: 0;
}

/*************** default theme **********************/
.dd {
    border: 1px solid #c3c3c3;
}

.dd .divider {
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #fff;
    right: 24px;
}

.dd .ddArrow {
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background: url(/img/msdropdown/skin1/dd_arrow.gif) no-repeat;
}

.dd .ddArrow:hover {
    background-position: 0 100%;
}

.dd .ddTitle {
    color: #000;
    padding-bottom: 5px;
    cursor: pointer;
}

.dd .ddTitle .ddTitleText {
    padding: 5px 20px 5px 5px;
}

.dd .ddTitle .ddTitleText .ddTitleText {
    padding: 0;
}

.dd .ddTitle .description {
    font-size: 12px;
    color: #666
}

.dd .ddTitle .ddTitleText img {
    padding-right: 5px;
}

.dd .ddChild {
    border: 1px solid #c3c3c3;
    background-color: #fff;
    left: -1px;
    overflow: hidden;
    height: 233px !important;
}

.dd .ddChild li {
    padding: 10px 5px;
    background-color: #fff;
    border-bottom: 1px solid #c3c3c3;
    cursor: pointer;
}

.dd .ddChild li .description {
    color: #666;
    font-size: 14px;
}

.dd .ddChild li .ddlabel {
    color: #333;
    font-weight: 400;
}

.dd .ddChild li.hover {
    background-color: #f2f2f2
}

.dd .ddChild li img {
    padding: 0 6px 0 0;
}

.dd .ddChild li.optgroup {
    padding: 0;
}

.dd .ddChild li.optgroup .optgroupTitle {
    padding: 0 5px;
    font-weight: bold;
    font-style: italic
}

.dd .ddChild li.optgroup ul li {
    padding: 5px 5px 5px 15px
}

.dd .ddChild li.selected {
    background-color: #d5d5d5;
    color: #000;
}
















/*   ************************************************************************************************************************

							POSTAVKE ZA REZOLUCIJE


***************************************************************************************************************************/



@media only screen and (min-width: 280px) and (max-width: 480px) {
   #headslider {height:600px}
   #headslider .viewport {height: 600px;}
   #headslider img {width:100%}
   #headslider .overview li {
      float: left;
      margin: 0 20px 0 0;
      padding: 0;
      height: 600px;
      border: 0;
      width: 100%;
  }

   #headslider .ts .usluga-header h3, #headslider .webhosting .usluga-header h3 {font-size:1.5em}
   #headslider .ts .usluga-header p span, #headslider .webhosting .usluga-header p span {font-size:1em}
   #headslider .ts .usluga-header h1 {   display:none; }
   #headslider .usluga-header p {
      font-family: 'Aller' !important;
      text-align: left;
      margin-bottom: 15px !important;
  }
  
  #headslider .prev {
    left: 0;
    top: 20px;
  }
  #headslider .next {
    left: 0;
    top: 60px;
  }
}

@media all and (min-width: 481px) and (max-width: 966px) {
   #headslider {height:700px}
   #headslider .viewport {height: 700px;} 
   #headslider img {width:60%}
   #headslider .overview li {
      float: left;
      margin: 0 20px 0 0;
      padding: 0;
      height: 700px;
      border: 0;
      width: 100%;
  }
  #headslider .usluga-header {height:700px}
}

/***************************************************************************************************************************

							0 - 967  -> MOBILNI
							
***************************************************************************************************************************/



@media only screen and (max-width: 966px) {
    /* ****************************	 *  GRID 0-967px     ****************************** */ 
    body {
        padding: 0;
        overflow-x:hidden;
    }

    .mob-l {
        text-align: left  !important
    }

    .mob-d {
        text-align: right  !important
    }

    .mob-c {
        text-align: center !important
    }

    h1, h2, h3, h4, h5, h6 {
        text-align: center;
    }

    .dno {
        display: none
    }

    .ptop120, .ptop60 {
        padding-top: 30px !important
    }

    .razmak, .razmak.veliki {
        height: 30px;
        display: block;
        clear: both;
        width: 100%;
    }

    .razmak.veliki {
        height: 60px;
    }

    .sakrij-tabletima {
        display: none !important;
        visibility: hidden !important;
    }

    .prikazi-tabletima {
        display: none !important;
        visibility: hidden !important;
    }

    .prikazi-telefonima {
        display: inherit !important;
        visibility: visible !important;
    }

    .sakrij-telefonima, .sakrij-telefonima img {
        display: none !important;
        visibility: hidden !important;
    }

    .prikazi-racunalima {
        display: none !important;
        visibility: hidden !important;
    }

    .sakrij-racunalima {
        display: inherit !important;
        visibility: visible !important;
    }

    h1 {
        display: block;
        width: 100% !important;
        text-align: center !important;
        font-size: 2.2em !important;
        text-transform: uppercase;
        font-weight: 700;
        font-family: 'Aller';
    }

    .ulet.animacija {
        opacity: 1 !important;
        margin: 0 !important;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

    .usluge p.usluge-header-naslov {
        font-size: 3em;
        font-family: 'Omnigenus';
        color: #dd5429 !important;
        text-shadow: none !important;
        line-height: 1em !important;
    }

    .usluga-proces .red.faza:nth-child(even) img {
        opacity: 1;
        float: left;
    }

    .usluga-proces .red.faza:nth-child(odd) img {
        opacity: 1;
        float: right;
    }

    .usluga-ciljevi .red.cilj img {
        float: none !important;
        margin: 0 auto;
        width: 100%
    }

    .usluga-ciljevi .red.cilj h2, .usluga-ciljevi .red.cilj h5 {
        text-align: center !important;
        display: block;
        width: 100%;
    }

    .linija.trecina, .linija.petina, .linija.osmina, .linija.full {
        width: 100% !important
    }

    .red {
        width: auto;
        max-width: none;
        min-width: 0;
        margin: 0;
        padding: 10px;
        z-index: 1;
    }

    .red .red {
        width: auto;
        max-width: none;
        min-width: 0;
        margin: 0;
        padding: 0 0 10px 0;
    }

    .red.puni {
        width: auto;
        text-align: center;
    }

    .polje:before, .polje:after, .polja:before, .polja:after {
        content: "";
        display: table;
    }

    .polje:after, .polja:after {
        clear: both;
    }

    .polje.centrirano, .polja.centrirana, .polja.centriranih {
        float: none;
        text-align: center;
    }

    .polje:last-child, .polja:last-child {
        float: none;
    }

    .red [class*="polj"] + [class*="polj"]:last-child {
        float: none;
    }

    .red [class*="polj"] + [class*="polj"] {
        margin-left: 0;
    }

    .red [class*="polj"] {
        display: block;
        width: 100%;
        float: none;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    .red [class*="polj"]:first-child {
        margin-left: 0;
    }

    /*------------------------------------------------------------------	3. HEADER--------------------------------------------------------------------*/
    #language {
        position: absolute;
        right: 16px;
        top: 8px;
        width: 105px;
        display: inline-block;
        /* height: 23px; */
        clear: right;
    }
    #currency-select {
    position: absolute;
    top: 8px;
    left: 16px;
    width: 80px;
    z-index: 999;
    display: inline-block;
    display: block;
}
    header {
        margin: 0;
        z-index: 9999;
        box-shadow: none;
        position: fixed;
        top: 0;
        padding: 0 !important;
        background: #000000;
        display: inline-block;
        width: 300px;
        right: -300px;
        height: 100%;
        min-height: 300px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
    }
    #menu-button {
        content: ' ';
        display: block !important;
        width: 50px;
        height: 50px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAJYCAYAAAC+ZpjcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABwFJREFUeNrs1sENwlAMRMH4K4VBZ9AZnS3pIBdCZGumhD3Yb9sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOB3ygS95WAFgIEP+mCFvpYJAAAEFgCAwAIAEFgAAAgsAACBBQAgsAAAEFgAAAILAEBgAQAgsAAABBYAgMACABBYAAAILAAAgQUAILAAABBYAAACCwBAYAEAILAAAAQWAIDAAgBAYAEACCwAAIEFACCwAAAQWAAAAgsAQGABACCwAAAEFgCAwAIAQGABAAgsAACBBQCAwAIAEFgAAAILAEBgAQAgsAAABBYAgMACAEBgAQAILAAAgQUAgMACABBYAAACCwAAgQUAILAAAAQWAIDAAgBAYAEACCwAAIEFAIDAAgAQWAAAAgsAAIEFACCwAAAEFgCAwAIAQGABAAgsAACBBQCAwAIAEFgAAAILAIAzuwnae5sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4EJlgt6SPKwAMPBBV32sILC4L7BiBYCRgeVHN7ZMAAAgsAAABBYAgMACAEBgAQAILAAAgQUAgMACABBYAAACCwAAgQUAILAAAAQWAIDAAgBAYAEACCwAAIEFAIDAAgAQWAAAAgsAAIEFACCwAAAEFgAAAgsAQGABAAgsAACBBQCAwAIAEFgAAAILAACBBQAgsAAABBYAAAILAEBgAQAILAAABBYAgMACABBYAAACCwAAgQUAILAAAAQWAAACCwBAYAEACCwAAAQWAIDAAgAQWAAACCwAAIEFACCwAAAEFgAAAgsAQGABAAgsAAAEFgCAwAIAEFgAAAgsAACBBQAgsAAABBYAAAILAEBgAQAILAAABBYAgMACABBYAACc2U3Q3tMEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcqE/SW5GUFgIEPusp9F1jcGFixAsDIwPKjG1smAAAQWAAAAgsAQGABACCwAAAEFgCAwAIAQGABAAgsAACBBQCAwAIAEFgAAAILAEBgAQAgsAAABBYAgMACAEBgAQAILAAAgQUAgMACABBYAAACCwAAgQUAILAAAAQWAIDAAgBAYAEACCwAAIEFAIDAAgAQWAAAAgsAAIEFACCwAAAEFgAAAgsAQGABAAgsAACBBQCAwAIAEFgAAAILAACBBQAgsAAABBYAAAILAEBgAQAILAAABBYAgMACABBYAAACCwAAgQUAILAAAAQWAAACCwBAYAEACCwAAAQWAIDAAgAQWAAAAgsAAIEFACCwAAAEFgAAAgsAQGABAAgsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOCfvgIMAPzlFm53TUeYAAAAAElFTkSuQmCC');
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 38px;
        position: fixed;
        margin-left: -50px;
        cursor: pointer;
        z-index: 999;
        text-indent: -9999px;
        top: 0;
        right: 0;
    }
    header .red {
        /* color: #FFF; */
        position: relative;
        display: inline-block;
        padding: 0px;
        /* right: 0; */
        z-index: inherit;
        min-height: 100%;
        width: auto !important;
        height: auto;
    }

    /*--------------------------------		3.1 LOGO	----------------------------------*/
    header h1, header h1 a {
        display: none;
        float: left;
        padding: 0;
        margin: 0;
    }

    header h1 a img {
        width: 190px;
        height: 59px;
    }

    /*--------------------------------		3.2 NAVIGACIJA	----------------------------------*/
    #menu[role="navigation"] {
        margin: 0 auto;
        text-align: center;
        height: auto;
        margin-top: 40px;
        position: relative;
        display: inline-block;
        z-index: 99;
        width: 300px;
        clear: both;
    }

    #menu[role="navigation"] > ul {
        display: inline-block;
        width: 100%;
        height: auto;
        position: relative;
        margin: 0;
        padding: 0;
    }

    #menu[role="navigation"] > ul li {
        display: block;
        text-align: left;
        height: auto;
        line-height: normal;
        z-index: inherit;
        margin: 0;
        padding: 0;
        position: relative;
    }
    #menu[role="navigation"] > ul > li {
       
        border-bottom: 1px solid #333;
    }
    #menu[role="navigation"] > ul > li:last-child {
        border-bottom: 0;
    }
    #menu[role="navigation"] li.usluge {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC6ElEQVRYR82XTWgTQRTH/2+aUFs1Kn6e/YIiWjyI0pN4UCrZcVOJtjdFxaOIiMWDUDyoRcGrWsSL9qQNk9ZiQOhF0Z7agp60vYbqoVZSNt3uPJm0KUnapLsmGPe0y/v6zX/mzc4QfD5Syo3MIgrQCSJu1VrvBhAx4UKIXwCmmGmcCO8Bb0gp9dtPalrLKRaL7V9YQDez1ymEaFrLf8k+B6Af0PeVUt8qxZQFiMfjTdmsexfANQAhn4WL3LTWrhD0eHZ2y52RkRfOajlWBYhGz+4TQg8AfOBvCq+MoQkhuCORSHwvta0AkFIeBvAOENtrU3wxi9Z6Gmg4OTg4MF6YtwhgceTuh1oXzxc0EKGQaCtUYhnAsqxmotBo7WQvpx9NzM5uOppfE8sAUtoPAdyopewVcvUqlbhl7DkA02qex1+CrHalEkXTJ6XNfuFNd4RCosVMRS6JZcWeE/FFvwmMXzUAJp6Z+pLJgSvU3t4eaWgIpwNsMjnOagEAZBobw7vIsuwuIrwKMvoaAYAZ58myYs+I+HJ9AOgJSWmPAjhSDwCAP1E0Kn8KIbaWAyid66CglbrDbEwGYF4IEa4TwHz9AaS0fwDYVicFpuu/CP+DNox1AtwfdHXXYCc0v6JzZA6bgEgDaA4CUQOAjOPM7cz9jKS0+wBc+rcA+qlS6uoSgNyrNb5W2g9K4apRQGs9zxxuGRp6PVlwIDnTC9DNICpU4XtPqcTt5QOJeTHHcMdxPxPhYBWJ/YSOuW722PDwcLYIwHzYtr1nYUF/FELs8JMpuA+nmXVbMpmcyseuOJZHo7FWwEvVHoLTAJ9SSk0Ugq96MTFKaE1vAD4UfJSrRowxex2FIy+rQN5w/PiFdZHITI/W+nqQ7igsb1a7EOKR62Z78nNeirfm5dSo4XnUTcRdANb7VCQD6JeeF35gWq1SzJoA+eB4PL7BcdzTi9dz3ao1m+v55iX7jBA0ySxy13PHybxNpVIZP7B/AL26X2D01f78AAAAAElFTkSuQmCC');
        background-position: 98% 8px;
        background-repeat: no-repeat;
        background-size:20px;
    }
    #menu[role="navigation"] li.korisnici {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC6ElEQVRYR82XTWgTQRTH/2+aUFs1Kn6e/YIiWjyI0pN4UCrZcVOJtjdFxaOIiMWDUDyoRcGrWsSL9qQNk9ZiQOhF0Z7agp60vYbqoVZSNt3uPJm0KUnapLsmGPe0y/v6zX/mzc4QfD5Syo3MIgrQCSJu1VrvBhAx4UKIXwCmmGmcCO8Bb0gp9dtPalrLKRaL7V9YQDez1ymEaFrLf8k+B6Af0PeVUt8qxZQFiMfjTdmsexfANQAhn4WL3LTWrhD0eHZ2y52RkRfOajlWBYhGz+4TQg8AfOBvCq+MoQkhuCORSHwvta0AkFIeBvAOENtrU3wxi9Z6Gmg4OTg4MF6YtwhgceTuh1oXzxc0EKGQaCtUYhnAsqxmotBo7WQvpx9NzM5uOppfE8sAUtoPAdyopewVcvUqlbhl7DkA02qex1+CrHalEkXTJ6XNfuFNd4RCosVMRS6JZcWeE/FFvwmMXzUAJp6Z+pLJgSvU3t4eaWgIpwNsMjnOagEAZBobw7vIsuwuIrwKMvoaAYAZ58myYs+I+HJ9AOgJSWmPAjhSDwCAP1E0Kn8KIbaWAyid66CglbrDbEwGYF4IEa4TwHz9AaS0fwDYVicFpuu/CP+DNox1AtwfdHXXYCc0v6JzZA6bgEgDaA4CUQOAjOPM7cz9jKS0+wBc+rcA+qlS6uoSgNyrNb5W2g9K4apRQGs9zxxuGRp6PVlwIDnTC9DNICpU4XtPqcTt5QOJeTHHcMdxPxPhYBWJ/YSOuW722PDwcLYIwHzYtr1nYUF/FELs8JMpuA+nmXVbMpmcyseuOJZHo7FWwEvVHoLTAJ9SSk0Ugq96MTFKaE1vAD4UfJSrRowxex2FIy+rQN5w/PiFdZHITI/W+nqQ7igsb1a7EOKR62Z78nNeirfm5dSo4XnUTcRdANb7VCQD6JeeF35gWq1SzJoA+eB4PL7BcdzTi9dz3ao1m+v55iX7jBA0ySxy13PHybxNpVIZP7B/AL26X2D01f78AAAAAElFTkSuQmCC');
        background-position: 98% 8px;
        background-repeat: no-repeat;
        background-size:20px;
    }

    #menu[role="navigation"] > ul > li > a, #menu[role="navigation"] > ul li a:visited {
        text-decoration: none;zoom:1;
        color: #FFF;
        font-family: 'Aller', Sans-serif;
        text-transform: uppercase;
        font-size: 15px !important;
        width: auto;
        display: block;
        font-weight: 600;
        padding: 10px 15px;
    }



    #menu[role="navigation"] > ul > li:hover > a, #menu[role="navigation"] > ul > li:hover > a:focus {
        color: #fff;
        text-decoration: none;
        transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        -moz-transition: color .25s ease-in-out;
    }

    #menu[role="navigation"] > ul > li.aktivna, #menu[role="navigation"] > ul > li.aktivna2 {
        background-color: #000000;
    }

    #menu[role="navigation"] > ul > li.aktivna > a, #menu[role="navigation"] > ul > li.aktivna2 > a {
        color: #fff;
    }

    /* PODNAVIGACIJA */
    nav.podmeni-usluge {
        opacity: 1;
        display: none;
        margin: 0;
        color: #000 !important;
        z-index: 999;
        top: 70px;
        position: fixed;
        width: 273px;
    }

    nav.podmeni-usluge ul {
        padding-top: 0px;
        background: #fff;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top: 0;
    }

    nav.podmeni-usluge ul li {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        text-align: left;
    }

    nav.podmeni-usluge ul li a, #menu[role="navigation"] > ul ul li a:visited {
        /* padding: 8px 15px; */
        display: block;
        font-weight: 100;
        font-family: 'Aller', Sans-serif;
        font-size: 13px !important;
        text-decoration: none;
        text-transform: uppercase;
        width: auto;
        white-space: nowrap;
        border-left: 0px solid rgba(0, 0, 0, 0);
        color: #3DB1EF;
    }

    nav.podmeni-usluge ul li:last-child a {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    nav.podmeni-usluge ul li a:hover, nav.podmeni-usluge ul li.current_page_item a, nav.podmeni-usluge ul li.current_page_parent a {
        border-left: 4px solid #de553b;
        color: #fafafa;
        background: #333;
    }

    nav.mob-menu {
        /* display: none; */
    }

    .menu-gumb {
        display: none;
    }


    /*-------------------------------   NAVIGACIJA - USER   korisnicke stranice -------------------------------------*/
    #ekran {
        background-color: black;
        display: none;
        opacity: .5;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: fixed;
        z-index: 1;
    }

    nav#menu ul#productnav {
        position: relative;
        display: none;
        width: 300px;
        background-color: #FFF;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        z-index: 99;
        margin: 0 !important;
        left: 0;
        padding: 0;
        height: auto;
    }

    nav#menu ul#productnav > li {
        background: #000;
        display: block;
        padding: 0;
        margin: 0;
        width: 100%;
        font-size: 15px;
        /* color: #333; */
        text-transform: uppercase;
        text-align: left;
        margin: 0;
        line-height: normal;
        position: relative;
    }

    nav#menu ul#productnav > li > a {
        display: block;
        white-space: nowrap;
        font-weight: 400;
        padding: 5px 0 5px 10px;
    }

    nav#menu ul#productnav > li > a:hover {
        color: #FFF;
        background-color: #333;
    }

    nav#menu ul#productnav div.login {
        width: 500px;
        border-right: 1px solid #eee
    }

    nav#menu ul#productnav ul.dropdown-menu {
        display: block;
        width: auto;
        height: auto;
        clear: both;
        margin: 0 !important;
        /* padding: 9px 0px !important; */
        /* border-top: 1px solid #888; */
        list-style: none;
    }

    nav#menu ul#productnav ul.dropdown-menu > li {
        display: block;
        height: auto;
        /* line-height: 25px; */
        clear: both;
        padding: 0;
        padding-left: 10px;
        float: none;
    }

    nav#menu ul#productnav ul.dropdown-menu > li a, 
    nav#menu ul#productnav ul.dropdown-menu > li a:visited {
        /* padding: 1px; */
        text-decoration: none !important;zoom:1;
        /* color: #3F3F3F !important; */
        font-family: 'Aller' !important;
        padding: 6px 0;
        font-size: 14px !important;
        display: block !important;
        font-weight: 100 !important;
        color: #D4D4D4 !important;
        padding-left: 25px;
    }

    nav#menu ul#productnav ul.dropdown-menu > li:hover a:focus {
        color: #000 !important;
        line-height: 20px !important;
        text-transform: none !important
    }

    nav#menu ul#productnav ul.dropdown-menu > li a:before {
        /* content: "+"; */
        /* font-family: 'FontAwesome'; */
        margin-right: 5px;
        color: #fff;
        /* line-height: 20px !important; */
        /* text-transform: none !important */
    }


    nav#menu ul.dropdown-menu > li.divider {
        height: 1px !important;
        background-color: #2F2E2E;
        clear: both !important;
        padding: 0px 0 !important;
        margin: 0;
    }


    nav#menu ul#usernav {
        position: relative;
        display: none;
        /* border-top: 1px solid #e5e5e5; */
        /* background-color: #FFF; */
        /* border-bottom-left-radius: 5px; */
        /* border-bottom-right-radius: 5px; */
        z-index: 99;
        margin: 0 !important;
        /* right: 0; */
        padding: 0 0 0 20px !important;
        width: auto;
        height: auto;
    }

    nav#menu ul#usernav > li {
        /* width:100%; */
        display: block;
        padding-left: 10px;
        margin: 0;
        float: left;
        font-size: 16px;
        color: #FFFFFF;
        text-transform: uppercase;
        text-align: left;
        margin: 0;
        font-weight: 600;
        width: 300px;
        margin-bottom: 20px;
    }

    nav#menu ul#usernav div.login {
        /* width: auto; */
        /* border-right: 0; */
        display: none;
    }

    nav#menu ul#usernav ul.dropdown-menu {
        display: block;
        width: auto;
        height: auto;
        clear: both;
        margin: 0 !important;
        /* padding: 9px 0px !important; */
        /* border-top: 1px solid #888; */
    }

    nav#menu ul#usernav ul.dropdown-menu > li {
        display: block;
        height: auto;
        /* line-height: 25px; */
        clear: both;
        padding: 0;
        padding-left: 0;
        float: none;
    }
    nav#menu ul#usernav > li:last-child {
        margin-top:10px;
    }
    nav#menu ul#usernav ul.dropdown-menu > li a, 
    nav#menu ul#usernav ul.dropdown-menu > li a:visited {
        padding: 4px;
        text-decoration: none !important;zoom:1;
        /* color: #3F3F3F !important; */
        font-family: 'Aller' !important;
        padding: 6px 0;
        font-size: 14px !important;
        display: block !important;
        font-weight: 100 !important;
        /* line-height: 20px !important; */
        color: #DCDCDC !important;
        padding-left: 26px;
    }

    nav#menu ul#usernav ul.dropdown-menu > li:hover a:focus {
        color: #000 !important;
        line-height: 20px !important;
        text-transform: none !important
    }

    nav#menu ul#usernav ul.dropdown-menu > li a:before {
        content: "";
    }





    /*--------------------------------		3.3 PODMENI			sve osim pocetne stranice	----------------------------------*/
    #podmeni {
        display: block;
        width: 100%;
        text-align: center;
        min-height: 180px;
        height: auto !important;
        /* max-height: 550px; */
        position: relative;
        margin: 0px 0 0 0;
        padding-top: 20px;
    }

    #podmeni img.ikona {
        width: 100%;
        max-height: 300px;
        display: block;
    }

    #podmeni h1, #podmeni h2, #podmeni h3, #podmeni h4, #podmeni h5 {
        font-family: "Omnigenus";
        display: block;
    }

    #podmeni h1 {
        color: #FFF !important;
        font-size: 4em;
        padding-top: 20px;
        text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    }

    #podmeni h2 {
        color: #FFF !important;
        font-size: 3.5em;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.35);
        padding: 20px;
    }

    #podmeni h3 {
        color: #FFF !important;
        font-size: 3em;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.35);
        padding: 20px;
    }

    #podmeni h4 {
        color: #FFF !important;
        font-size: 2em;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.35);
        padding: 20px;
    }

    #podmeni h5 {
        color: #FFF !important;
        font-size: 1.4em;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.35);
        padding-bottom: 30px;
    }

    #podmeni.mali {
        height: 180px;
        margin-bottom: 0;
    }

    #podmeni.mali h1 {
        color: #fff;
        font-size: 4em;
        padding-top: 20px;
        text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    }

    
    /* LOGIN */
    header .label-kontejner.mali label {
        clear: right;
        height: 40px;
        line-height: 40px;
        font-family: 'Omnigenus';
        font-size: 18px !important;
        color: #696969 !important;
        float: right;
        padding: 0
    }
    
    header .input-kontejner.mali input[type="text"], header .input-kontejner.mali input[type="password"] {
        outline: none;
        border: none;
        height: 40px;
        line-height: 44px;
        font-family: 'Omnigenus';
        font-size: 17px;
        color: #696969 !important;
        float: left;
        padding: 0;
        width: 100%;
        display: block;
        padding-left: 56px;
        padding-right: 2px;
        background-color: #fafafa;
        /* border: 1px solid #E0E0E0; */
    }
    
    
    
    

    /* Pocetna	*/

/* **************************** */
    /* POCETNA STRANICA */
    #pozdrav {
        /* height: 490px; */
    }

    #pozdrav h1 {
        font-size: 3em !important;
        color: #fff;
        line-height: 1em;
        margin-top: 15%;
        text-transform: uppercase;
        font-weight: 700;
        text-shadow: 2px 2px 2px #000;
        padding: 0 0 20px 0;
    }

    #pozdrav h2 {
        font-size: 1.5em;
        padding: 0 0 20px 0;
        color: #FFFFFF;
        font-weight: 100;
        text-shadow: 1px 1px 3px #000;
    }


    #pozdrav.pocetna {/* FF3.6+ *//* Chrome,Safari4+ *//* Chrome10+,Safari5.1+ *//* Opera 12+ *//* W3C */
    /* min-height: 600px; */*/
    background-image: url('/img/header/header-develop.jpg');
    background-size: cover;
    background-position-y: bottom;
    padding-top: 30px;
    background-image: url('/img/header/header-develop.jpg');
    background-position-x: center;
    }


  



    
    /* Usluge */
    .usluge-pocetna {
        background: transparent;
        border: none;
        padding: 15px;
        margin: 35px 0;
    }

    .usluge-pocetna h3 {
        padding-top: 20px;
        color: #000;
        font-size: 1.6em;
    }

    .usluge-pocetna img {
        margin-top: -65px;
    }

    .usluge-pocetna .gumb {
        margin-bottom: -20px;
    }

    /* Web paketi */
    #web-hosting-paketi .micro .header {
        margin-top: 0;
    }

    #web-hosting-paketi .standard .header {
        margin-top: 42px;
    }

    #web-hosting-paketi .micro:hover, #web-hosting-paketi .standard:hover, #web-hosting-paketi .advanced:hover {
        -webkit-transform: none;
        -moz-transform: none;
    }

    .info-box {
        width: 96%;
        margin: 20px auto;
        padding: 5px;
    }

    /* Posljednji projekt */
    .projekt .info {
        border: none;
        padding: 1em;
        text-align: center;
    }

    .projekt .info h2 {
        text-align: center;
    }
	
	
	/* REFERENCA - JEDNA */
    img.mobilna-referenca {
        border: 10px solid #fff;
        box-shadow: 4px 4px 2px rgba(0,0,0,0.3);
        margin: 20px auto;
    }

    .mob-height .jedan-projekt {
		/* padding-top: 32%; */
        position: relative;
    }

    .jedan-projekt h1 {
        font-family: Omnigenus;
        font-size: 2.5em !important;
        color: #000 !important;
        line-height: 1.6em;
        padding-bottom: 10px;
        border-bottom: 1px solid #D13E05;
		/* margin-bottom: 10px; */
		/* text-align: center; */
        font-weight: 100;
    }

    .jedan-projekt h2 {
        font-family: Omnigenus;
        font-size: 1.5em;
        padding-bottom: 0.8em;
        text-align: center;
        text-transform: none;
        padding-left: 0.5em;
    }

    .jedan-projekt h3 {
        font-family: Aller;
        font-size: 2em;
        color: #000 !important;
		/* padding-top: 3em; */
        padding-bottom: 0em;
        text-align: left;
        text-transform: uppercase;
        padding-left: 0;
        font-weight: 700;
    }

    .jedan-projekt p {
        text-align: justify;
        padding-bottom: 1em;
        padding-top: 0;
        margin-top: 0;
        color: #696969;
        font-weight: 100;
		/* font-size: 1.3em; */
		/* justify-self: initial; */
        justify-content: space-between;
    }

    .jedan-projekt .status.aktivan {
        background: url('https://mbitdevelopment.com/assets/img/projekt-aktivan.png') top center no-repeat !important;
    }

    .jedan-projekt .status.neaktivan {
        background: url('https://mbitdevelopment.com/assets/img/projekt-neaktivan.png') top center no-repeat;
    }

    .jedan-projekt .status {
        display: block;
        min-height: 100px;
        width: 100%
    }

    .jedan-projekt .usluge ul {
        margin-bottom: 3em;
        text-align: left;
    }

    .jedan-projekt .usluge ul li {
        font-size: 0.9em;
        display: inline-table;
    }
	/* FOOTER */
    footer {
        font-size: 17px;
        font-weight: 100;
        text-align: Center;
        text-transform: uppercase;
    }
	
	
	
	/* REFERENCE */
	/* PODUSLUGE - WIDGET ZA REFERENCE */
	
    .reference-web-dizajn .red {
        margin: 0 !important;
        padding: 0 !important;
    }

    .reference-web-dizajn .referenca {
        height: 200px;
        overflow: hidden;
        padding: 0;
        border: 6px solid #ffffff;
        -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
        margin: 20px 0;
    }

    .reference-web-dizajn .jedna.referenca {
        height: 180px
    }

    .reference-web-dizajn .referenca a {
        margin: 20px 0;
    }

    .reference-web-dizajn .referenca a img {
        margin-top: 0px;
        -webkit-transition: margin 1s ease;
        -moz-transition: margin 1s ease;
        -o-transition: margin 1s ease;
        -ms-transition: margin 1s ease;
        transition: margin 1s ease;
    }

    .referenca-screen {
        width: 20%;
        margin: 0 2.502%;
        overflow: hidden;
        padding: 0;
        border: 6px solid #ffffff;
        -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
        float: left;
        height: 80px;
    }

    .referenca-screen img {
        margin-top: 0px;
        -webkit-transition: margin 1s ease;
        -moz-transition: margin 1s ease;
        -o-transition: margin 1s ease;
        -ms-transition: margin 1s ease;
        transition: margin 1s ease;
    }
	
	
	/* GRADIENTI */
    .plavi-gradient, .plavi-gradient-radial {
        background: #42799e;
    }

    .plavi-gradient .dno, .plavi-gradient-radial .dno {
        border-color: #42799e;
    }

    .splavi-gradient, .splavi-gradient-radial {
        background: #D8DEEA;
    }

    .splavi-gradient .dno, .splavi-gradient-radial .dno {
        border-color: #D8DEEA;
    }

    .crveni-gradient {
        background: #b17377;
    }

    .zeleni-gradient {
        background: #a1b347;
    }

    .zeleni-gradient .dno {
        border-color: #a1b347;
    }

    .narancasti-gradient, .narancasti-gradient-radial {
        background: #D97422;
    }

    .narancasti-gradient .dno, .narancasti-gradient-radial .dno {
        border-color: #D97422;
    }

    .sivi-gradient {
        background: #F6F6F6;
    }

    .sivi-gradient-radial {
        background: #F0F0F0;
    }

    .ssivi-gradient {
        background: #eeeeee;
    }

    .tsivi-gradient, .tsivi-gradient-radial {
        background: #363636;
    }

    .tsivi-gradient .dno, .tsivi-gradient-radial .dno {
        border-color: #363636
    }

    .smedi-gradient {
        background: #816362;
    }

    .bez-gradient {
        background: #EEE9DD;
    }

    .bez-gradient .dno {
        border-color: #EEE9DD;
    }
	
	
	
	
	
	/* USLUGE */

	
	
    .usluge h5, .cilj h5, .faza h5 {
        font-family: "Aller", Arial !important;
        font-weight: 100 !important;
        font-size: 1.4em;
        text-align: center !important;
        text-align: justify;
        text-justify: inter-word;
        width: 100% !important;
    }

    a.gumb {
        margin: 0 auto !important;
        /* display: block; */
        /* min-height: 50px; */
        line-height: 40px;
        /* border-radius: 0 !important; */
        text-transform: uppercase;
        font-size: 19px;
        font-weight: 400;
    }

    .plavi-gradient .usluga-header h1, .plavi-gradient-radial .usluga-header h1 {
        font-size: 3.5em;
        color: #FF9700;
        font-weight: 700;
        margin-bottom: 25px;
        text-shadow: 1px 2px 1px rgba(0,0,0,0.2);
        text-align: center
    }

    .usluga-header h3 {
        width: 100% !important;
        /* min-width: 300px !important; */
    }

    .puni.red.bf {
        background-color: #1F3E57;
        background-image: none;
    }

    .usluga-proces .linija, .usluga-ciljevi .linija, .usluge .linija {
        display: none !important
    }
	
	/* KONTAKT */
    .kontakt #kontakt_forma {
        width: 100%;
    }

    .usluga-proces .faza .broj {
        display: none !important
    }

    .podusluge h4 {
        text-transform: uppercase;
        margin-bottom: 20px;
        color: #5092BF;
        font-size: 32px;
        font-family: 'Aller';
        font-weight: 100;
        text-shadow: 1px 1px 1px #fff;
        text-align: center;
        font-size: 2.3em;
    }

    #putanja {
        padding: 0;
        height: auto
    }

    #sidebar-usluge {
        display: none
    }
	

	
	
	/* ACCORDION ZA USLUGE */
    .ac-container {
        width: 100%;
        margin: 10px auto 30px auto;
        text-align: left;
	/* padding: 10px; */
    }

    .ac-container label {
        font-family: 'Omnigenus';
        padding: 10px 20px;
        position: relative;
        z-index: 20;
        display: block;
        height: auto;
        cursor: pointer;
        color: #F2F2F2;
        text-shadow: 1px 1px 1px rgba(141, 58, 0, 0.32);
		/* line-height: 43px; */
        font-size: 20px;
		/* background: #ffffff; */
        background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
		/* background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea)); */
		/* background: -webkit-linear-gradient(top, #E1773A 1%,#AC4310 100%); */
        background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
        background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
        background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
        border-radius: 10px;
        background: #DC7018;
        vertical-align: -webkit-baseline-middle;
    }

    .ac-container label:hover {
        background: #DC5000;
    }

    .ac-container input:checked + label,
	.ac-container input:checked + label:hover {
        background: #EE5C23;
        color: #FFFFFF;
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 
			0px 2px 2px rgba(0,0,0,0.1);
    }

    .ac-container label:hover:after,
	.ac-container input:checked + label:hover:after {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        right: 13px;
        top: 7px;
    }

    .ac-container input:checked + label:hover:after {
    }

    .ac-container i {
        float: left
    }

    .ac-container label span {
        height: 50px;
        padding-left: 20px;
        vertical-align: -webkit-baseline-middle;
        display: table-cell;
        float: inherit;
    }

    .ac-container ul, .ac-container ul li {
        display: block;
        width: 100%;
        height: auto;
        clear: both;
    }

    .ac-container ul li {
/* border-bottom:dotted 1px #ddd; */
        height: auto;
        color: #777;
        font-size: 16px;
        font-weight: 400;
/* line-height: 30px; */
        padding: 10px;
        font-family: 'Aller';
        clear: both;
    }

    .ac-container ul li:hover {
        color: #454545;
    }

    .ac-container ul li:last-child {
        border-bottom: none
    }

    .ac-container ul li span.opis {
        float: left;
        width: 80%
    }

    .ac-container ul li span.cijena {
        padding-left: 10px;
/* width:15%; *//* text-align:right; */
    }

    .ac-container input {
        display: none;
    }

    .ac-container article {
        background: #ffffff;
        margin: 0 auto;
        overflow: hidden;
        height: 0px;
        position: relative;
        z-index: 10;
        -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        width: 98%;
        margin-bottom: 20px;
    }

    .ac-container article p {
        font-family: 'Omnigenus';
        color: #666;
        font-size: 14px;
        padding: 5px 20px;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    }

    .ac-container input:checked ~ article {
        -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
    }

    .ac-container input:checked ~ article.ac-prosirenje {
        height: auto;
    }

    .ac-container input:checked ~ article.ac-instalacija {
        height: auto;
    }

    .ac-container input:checked ~ article.ac-napomene {
        height: auto;
    }

    .ac-container .ac-napomene ul {
        padding: 0 10px;
    }

    .ac-container .ac-napomene li {
		/* font-family:'Aller'; */
		/* font-size:14px; */
        min-height: 35px;
        height: auto;
        background: url('https://mbitdevelopment.com/assets/img/ikone/strelica.png') no-repeat left center;
        padding-left: 30px;
        display: block;
    }

    .ac-container .ac-napomene li:last-child {
        border-bottom: none;
    }
}








/***************************************************************************************************************************

							967 - 1024  -> TABLETI I MANJI EKRANI
							
***************************************************************************************************************************/
@media all and (min-width:967px){
    /*------------------------------------------------------------------	3. HEADER--------------------------------------------------------------------*/
    header {
        margin: 0;
        z-index: 100;
        /* box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.35); */
        position: fixed;
        top: 0;
        padding: 0 !important;
        background: rgb(33, 33, 33);
        height: 70px;
        display: block;
        width: 100%
    }

    header .red {
        color: #FFF;
        /* position: absolute; */
        /* left: 0; */
        /* top: 0px; */
        /* right: 0; */
        z-index: inherit;
        height: 70px;
        /* width: 100% !important; */
    }

    /*--------------------------------		3.1 LOGO	----------------------------------*/
    header h1, header h1 a {
        display: none;
        float: left;
        padding: 0;
        margin: 0;
    }

    header h1 a img {
        width: 190px;
        height: 59px;
    }

    /*--------------------------------		3.2 NAVIGACIJA	----------------------------------*/
    #menu[role="navigation"] {
        margin: 0 auto;
        text-align: center;
        height: 70px;
        top: 0;
        position: relative;
        display: inline-block;
        z-index: 99;
        width: 890px;
    }

    #menu[role="navigation"] > ul {
        display: table;
        /* top: 20px; */
        height: 70px;
        position: relative;
        margin: 0 auto;
        text-align: center;
    }

    #menu[role="navigation"] > ul > li {
        display: inline-block;
        list-style: none;
        text-align: center;
        height: 70px;
        line-height: normal;
        z-index: inherit;
        margin: 0;
        padding: 0;
        vertical-align: middle;
    }

    #menu[role="navigation"] > ul > li > a, #menu[role="navigation"] > ul li a:visited {
        text-decoration: none;zoom:1;
        color: #FFFFFF;
        font-family: 'Aller', Sans-serif;
        text-transform: uppercase;
        font-size: 15px !important;
        width: 115px;
        display: table-cell;
        font-weight: 100;
        height: 70px;
        vertical-align: middle;
    }

    #menu[role="navigation"] > ul > li:hover {
        background: #000000;
    }

    #menu[role="navigation"] > ul > li:hover > a, #menu[role="navigation"] > ul > li:hover > a:focus {
        color: #fff;
        text-decoration: none;
        transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        -moz-transition: color .25s ease-in-out;
    }

    #menu[role="navigation"] > ul > li.aktivna, #menu[role="navigation"] > ul > li.aktivna2 {
        background: #000000;
    }

    #menu[role="navigation"] > ul > li.aktivna > a, #menu[role="navigation"] > ul > li.aktivna2 > a {
        color: #fff;
    }

    /* PODNAVIGACIJA */
    nav.podmeni-usluge {
        opacity: 1;
        display: none;
        margin: 0;
        color: #000 !important;
        z-index: 999;
        top: 70px;
        position: fixed;
        width: 273px;
    }

    nav.podmeni-usluge ul {
        padding-top: 0px;
        background: #fff;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top: 0;
    }

    nav.podmeni-usluge ul li {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        text-align: left;
    }

    nav.podmeni-usluge ul li a, #menu[role="navigation"] > ul ul li a:visited {
        padding: 10px 15px;
        display: block;
        font-weight: 100;
        font-family: 'Aller', Sans-serif;
        font-size: 15px !important;
        text-decoration: none;
        text-transform: uppercase;
        width: auto;
        white-space: nowrap;
        border-left: 0px solid rgba(0, 0, 0, 0);
        color: #454545;
    }

    nav.podmeni-usluge ul li:last-child a {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    nav.podmeni-usluge ul li a:hover, nav.podmeni-usluge ul li.current_page_item a, nav.podmeni-usluge ul li.current_page_parent a {
        border-left: 4px solid #de553b;
        color: #fafafa;
        background: #333;
    }

    nav.mob-menu {
        /* display: none; */
    }

    .menu-gumb {
        display: none;
    }


    /*-------------------------------   NAVIGACIJA - USER   korisnicke stranice -------------------------------------*/
    #ekran {
        background-color: black;
        display: none;
        opacity: .5;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: fixed;
        z-index: 1;
    }

    nav#menu > ul > li.usluge:hover ul#productnav {
        display: block;
    }

    nav#menu ul#productnav {
        position: absolute;
        display: none;
        border-top: 1px solid #e5e5e5;
        background-color: #FFF;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        z-index: 99;
        margin: 0 !important;
        left: 0;
        padding: 0 10px !important;
    }

    nav#menu ul#productnav > li {
        /* width:100%; */
        display: table;
        padding: 0;
        margin: 0;
        float: left;
        font-size: 15px;
        color: #333;
        text-transform: uppercase;
        text-align: left;
        margin: 0 20px;
        line-height: 50px;
    }

    nav#menu ul#productnav > li > a {
        display: block;
        white-space: nowrap;
        color: #444;
        padding: 0 10px;
    }

    nav#menu ul#productnav > li > a:hover {
        color: #FFF;
        background-color: #333;
    }

    nav#menu ul#productnav div.login {
        width: 500px;
        border-right: 1px solid #eee
    }

    nav#menu ul#productnav ul.dropdown-menu {
        display: block;
        width: auto;
        height: auto;
        clear: both;
        margin: 0 !important;
        padding: 9px 0px !important;
        border-top: 1px solid #888;
    }

    nav#menu ul#productnav ul.dropdown-menu > li {
        display: block;
        height: auto;
        line-height: 25px;
        clear: both;
        padding: 4px 0;
        padding-left: 0;
        float: none;
    }

    nav#menu ul#productnav ul.dropdown-menu > li a, 
    nav#menu ul#productnav ul.dropdown-menu > li a:visited {
        padding: 0px !important;
        text-decoration: none !important;
        zoom: 1;
        /* color: #3F3F3F !important; */
        font-family: 'Aller' !important;
        text-transform: none !important;
        font-size: 15px !important;
        display: block !important;
        font-weight: 100 !important;
        line-height: 20px !important;
        color: #666 !important;
        text-transform: none !important
    }

    nav#menu ul#productnav ul.dropdown-menu > li:hover a,
    nav#menu ul#productnav ul.dropdown-menu > li:hover a:focus {
        color: #000 !important;
        line-height: 20px !important;
        text-transform: none !important
    }

    nav#menu ul#productnav ul.dropdown-menu > li a:before {
        content: "\f0da";
        font-family: 'FontAwesome';
        margin-right: 5px;
        color: #fff;
        line-height: 20px !important;
        text-transform: none !important
    }

    nav#menu ul#productnav ul.dropdown-menu > li:hover a:before {
        content: "\f0da";
        font-family: 'FontAwesome';
        margin-right: 5px;
        color: inherit;
        line-height: 20px !important;
        text-transform: none !important
    }

    nav#menu ul.dropdown-menu > li.divider {
        height: 1px !important;
        background-color: #E5E5E5;
        clear: both !important;
        padding: 0 !important;
        margin: 0;
    }

    nav#menu > ul > li.korisnici:hover ul#usernav {
        display: block;
    }

    nav#menu ul#usernav {
        position: absolute;
        display: none;
        /* border-top: 1px solid #e5e5e5; */
        background-color: #FFF;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        z-index: 99;
        margin: 0 !important;
        right: 0;
        padding: 0 10px 20px !important;
        width: 880px;
    }

    nav#menu ul#usernav > li {
        /* width:100%; */
        display: table;
        padding: 0;
        margin: 0;
        float: left;
        font-size: 15px;
        color: #333;
        text-transform: uppercase;
        text-align: left;
        margin: 0 20px;
        line-height: 50px;
    }

    nav#menu ul#usernav div.login {
        width: 540px;
        border-left: 1px solid #eee;
        padding-left: 30px;
    }

    nav#menu ul#usernav ul.dropdown-menu {
        display: block;
        width: auto;
        height: auto;
        clear: both;
        /* margin-top: 60px; */
        margin-left: 0;
        /* border-top: 1px solid #888; */
    }

    nav#menu ul#usernav ul.dropdown-menu > li {
        display: block;
        height: auto;
        line-height: 25px;
        clear: both;
        padding: 4px 0;
        padding-left: 0;
        float: none;
    }

    nav#menu ul#usernav ul.dropdown-menu > li a, 
    nav#menu ul#usernav ul.dropdown-menu > li a:visited {
        padding: 0px !important;
        text-decoration: none !important;
        zoom: 1;
        /* color: #3F3F3F !important; */
        font-family: 'Aller' !important;
        text-transform: none !important;
        font-size: 15px !important;
        display: block !important;
        font-weight: 100 !important;
        line-height: 20px !important;
        color: #666 !important;
        text-transform: none !important
    }

    nav#menu ul#usernav ul.dropdown-menu > li:hover a,
    nav#menu ul#usernav ul.dropdown-menu > li:hover a:focus {
        color: #000 !important;
        line-height: 20px !important;
        text-transform: none !important
    }

    nav#menu ul#usernav ul.dropdown-menu > li a:before {
        content: "\f0da";
        font-family: 'FontAwesome';
        margin-right: 5px;
        color: #fff;
        line-height: 20px !important;
        text-transform: none !important
    }

    nav#menu ul#usernav ul.dropdown-menu > li:hover a:before {
        content: "\f0da";
        font-family: 'FontAwesome';
        margin-right: 5px;
        color: inherit;
        line-height: 20px !important;
        text-transform: none !important
    }




    /*--------------------------------		3.3 PODMENI			sve osim pocetne stranice	----------------------------------*/
    #podmeni {
        display: block;
        width: 100%;
        text-align: center;
        min-height: 180px;
        height: auto !important;
        /* max-height: 550px; */
        position: relative;
        margin: 0px 0 0 0;
        padding-top: 20px;
    }

    #podmeni img.ikona {
        width: 100%;
        max-height: 300px;
        display: block;
    }

    #podmeni h1, #podmeni h2, #podmeni h3, #podmeni h4, #podmeni h5 {
        font-family: "Omnigenus";
        display: block;
    }

    #podmeni h1 {
        color: #FFF !important;
        font-size: 4em;
        padding-top: 20px;
        text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    }

    #podmeni h2 {
        color: #FFF !important;
        font-size: 3.5em;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.35);
        padding: 20px;
    }

    #podmeni h3 {
        color: #FFF !important;
        font-size: 3em;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.35);
        padding: 20px;
    }

    #podmeni h4 {
        color: #FFF !important;
        font-size: 2em;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.35);
        padding: 20px;
    }

    #podmeni h5 {
        color: #FFF !important;
        font-size: 1.4em;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.35);
        padding-bottom: 30px;
    }

    #podmeni.mali {
        height: 180px;
        margin-bottom: 0;
    }

    #podmeni.mali h1 {
        color: #fff;
        font-size: 4em;
        padding-top: 20px;
        text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    }
    
    
}

@media (max-width: 1200px) and (min-width: 967px) {
	@    -ms-viewport {
        width: device-width;
    }

    .sakrij-tabletima {
        display: none !important;
        visibility: hidden;
    }

    .prikazi-tabletima {
        display: inherit !important;
        visibility: visible;
    }

    .prikazi-telefonima {
        display: none !important;
        visibility: hidden !important;
    }

    .sakrij-telefonima {
        display: inherit !important;
        visibility: visible !important;
    }

    .prikazi-racunalima {
        display: inherit !important;
        visibility: visible !important;
    }

    .sakrij-racunalima {
        display: none !important;
        visibility: hidden !important;
    }

    #menu[role="navigation"] {
        width: auto
    }

    .soc-ikone {
        display: none
    }

    #language {
        position: absolute;
        top: 0;
        right: -90px;
        /* width: 105px; */
        z-index: 999;
        /* height: 23px; */
        display: block;
    }

    .ptop120 {
        padding-top: 60px !important;
    }

    .gumb, a.gumb {
        display: table;
        margin: 0 auto;
    }

    .linija {
        width: 100% !important;
        margin: 20px 0
    }
	
	/* POCETNA i USLUGE */
    .usluga-ciljevi .red.cilj h2, .usluga-ciljevi .red.cilj h5, .usluga-ciljevi .red.cilj .linija {
        float: none !important;
        padding: 20px 0;
    }

    .usluga-ciljevi .red.cilj h5 {
        text-align: justify !important
    }

    .usluga-ciljevi .red.cilj .linija {
        display: none
    }

    #pocetna-monitor .polja {
        width: auto !important;
        display: block;
        clear: both
    }
	
	
   #headslider {height:600px}
   #headslider .viewport {height: 600px;}
   #headslider img {max-width: 50%;}
   #headslider .overview li {
      float: left;
      margin: 0 20px 0 0;
      padding: 0;
      height: 600px;
      border: 0;
      width: 100%;
  }

   #headslider .ts .usluga-header h3 {font-size: 2.5em;width: 360px !important;text-align: left !important;display: inline-block !important;}
   #headslider .ts .usluga-header p span {font-size:1em}
   #headslider .ts .usluga-header h1 {/* display:none; */}
   #headslider .usluga-header p {
      font-family: 'Aller' !important;
      text-align: left;
      margin-bottom: 15px !important;
  }
  
  
  
  
	/* REFERENCA - JEDNA */
	
    div#podmeni.referenca {
        display: block;
        width: 100%;
        text-align: center;
        max-height: 360px !important;
        position: relative;
        margin: 0;
        padding-top: 20px;
        overflow: hidden;
    }

    .jedan-projekt .status.animacija {
        width: 220px;
        -webkit-transition: all 2s ease-out;
        -moz-transition: all 2s ease-out;
        -o-transition: all 2s ease-out;
        transition: all 2s ease-out;
    }

    .uokvireno .ekran {
        position: relative;
        display: block;
        overflow: hidden;
        width: 81%;
        margin-left: 10%;
        margin-top: 11%;
    }

    .uokvireno img.okvir {
        position: absolute;
        left: 0;
        top: 0;
        height: 340px
    }

    .jedan-projekt .pet.polja.usluge, .jedan-projekt .sedam.polja {
        display: block;
        width: 100%;
        clear: both;
        margin-bottom: 30px;
        margin-left: 0;
        border: 0 !important
    }

    .jedan-projekt h3 {
        font-family: Aller;
        font-size: 2.5em;
        color: #000 !important;
        padding-bottom: 0em;
        text-align: left !important;
        padding-left: 0;
        font-weight: 700;
    }

    .jedan-projekt .status {
        display: block;
        width: 0px;
        width: auto;
        min-height: 100px;
        margin: 0 auto
    }

    .jedan-projekt .status.aktivan {
        background: url('https://mbitdevelopment.com/assets/img/projekt-aktivan.png') top center no-repeat;
        text-align: center
    }

    .jedan-projekt .slike .velika {
        width: auto;
        overflow: hidden;
        height: auto;
        max-height: 450px;
        max-width: 100%;
        display: block;
    }	
	
	/* PODUSLUGE - WIDGET ZA REFERENCE */
	
    .reference-web-dizajn .referenca {
        height: 260px;
        overflow: hidden;
        padding: 0;
        border: 6px solid #ffffff;
        -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
    }

    .reference-web-dizajn .jedna.referenca {
        height: 180px
    }

    .reference-web-dizajn .referenca a img {
        margin-top: 0px;
        -webkit-transition: margin 1s ease;
        -moz-transition: margin 1s ease;
        -o-transition: margin 1s ease;
        -ms-transition: margin 1s ease;
        transition: margin 1s ease;
    }

    .tri.polja.jedna.referenca {
        height: 120px
    }

    .referenca-screen {
        width: 20%;
        margin: 0 2.5% 2% 2.5%;
        overflow: hidden;
        padding: 0;
        border: 3px solid #ffffff;
        -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
        float: left;
        height: 100px;
    }

    .referenca-screen img {
        margin-top: 0px;
        -webkit-transition: margin 1s ease;
        -moz-transition: margin 1s ease;
        -o-transition: margin 1s ease;
        -ms-transition: margin 1s ease;
        transition: margin 1s ease;
    }

    .podusluge h4 {
        color: #3D3D3D;
        text-align: left !important;
        display: table-cell !important;
        ;
    }

    ul.podstranice-lista {
        clear: both
    }

    ul.podstranice-lista h5 {
        color: #000
    }

    ul.podstranice-lista li {
        clear: both;
        font-family: 'Omnigenus';
        font-weight: 100;
        color: #777;
        padding: 30px;
        text-align: justify;
    }

    ul.podstranice-lista li:hover {
        background: rgb(247, 222, 190);
    }

    ul.podstranice-lista li span {
        display: table;
        vertical-align: initial;
        text-shadow: none
    }

    ul.podstranice-lista li i {
        display: block;
        float: left;
        height: 100%;
        font-size: 5em;
        color: #454545;
        margin-right: 30px;
        width: 100px;
    }
	
	
	
	
	
	
	
	
	
	
	
	
	
    /* Sakrij logo */
    header h1 img {
        vertical-align: top;
        display: none;
    }

    h1, h2, h3, h4, h5 {
        text-align: center !important;
        width: auto !important;
        display: block !important;
        clear: both !important
    }

    h5 {
        text-align: justify !importan
    }

    h1 {
        font-size: 3em
    }

    /* **************************** */
    /* POCETNA STRANICA */
    #pozdrav {
        height: 490px;
    }

    #pozdrav h1 {
        font-size: 75px;
        color: #fff;
        line-height: 1em;
        margin-top: 14%;
        text-transform: uppercase;
        font-weight: 700;
        text-shadow: 2px 2px 2px #000;
    }

    #pozdrav h2 {
        font-size: 28px;
        padding: 0 0 20px 0;
        color: #FFFFFF;
        text-transform: uppercase;
        font-weight: 100;
        text-shadow: 1px 1px 3px #000;
    }


    #pozdrav.pocetna {/* FF3.6+ *//* Chrome,Safari4+ *//* Chrome10+,Safari5.1+ *//* Opera 12+ *//* W3C */
    /* height: 644px; */*/
    background-image: url('/img/header/header-develop.jpg');
    background-size: cover;
    background-position-y: center;
    padding-top: 70px;
    background-image: url('/img/header/header-develop.jpg');
    }

    section.razlozi {
        padding: 10px 15px;
    }

    .razlozi p .naslov {
        font-family: "Omnigenus";
        font-size: 1.8em;
        padding-left: 15px;
        line-height: 30px;
        padding-bottom: 0px;
        float: none;
        display: table;
        text-align: left;
    }

    .razlozi article {
        clear: both;
        margin-left: 15px;
        border-left: 2px solid transparent;
    }

    .razlozi article span {
        padding-left: 25px;
        padding-top: 10px;
        text-align: justify;
        display: block;
        /* font-size: 1.2em; */
    }

    .razlozi .krug.mali {
        border-radius: 50%;
        width: 30px;
        height: 30px;
        font-size: 1.5em;
        color: #FFF;
        line-height: 30px;
    }

    .poanta {
        padding: 10;
    }

    ul.projekt-navigacija li a {
        font-size: 1.2em;
        padding: 1em;
        width: 35px;
    }

    ul.projekt-navigacija span.naslov {
        font-size: 3em;
        font-family: 'Omnigenus';
        line-height: 1.5em;
    }

    .jedan-projekt {
        margin-top: 10px;
    }

    .jedan-projekt .ref-slika {
        width: 450px;
        height: 250px;
        overflow: hidden;
        z-index: 1;
        position: absolute;
        margin: 8px 0 0 45px;
    }

	/* USLUGE */
    .usluga-ciljevi h1, .usluga-ciljevi h5, .usluga-proces h1, .usluga-proces h5 {
        float: none !important;
        text-align: center !important;
        clear: both !important;
        display: block !important;
        padding-bottom: 20px;
        width: auto !important;
    }

    .usluga-ciljevi h5, .usluga-proces h5 {
        font-size: 1.4em
    }

    .usluga-ciljevi .linija, .usluga-proces .linija {
        display: inherit;
        width: 50% !important
    }

    .usluga-proces .red.faza img {
        opacity: 1 !important;
        float: none !important;
    }

    #odrzavanje-paketi .paket, #odrzavanje-paketi .paket:hover {
        width: 100%;
        -webkit-transition: none;
        -webkit-transform: none
    }
	
	
	
	/* ACCORDION ZA USLUGE */
    .ac-container {
        width: 100%;
        margin: 10px auto 30px auto;
        text-align: left;
	/* padding: 10px; */
    }

    .ac-container label {
        font-family: 'Omnigenus';
        padding: 10px 20px;
        position: relative;
        z-index: 20;
        display: block;
        height: 60px;
        cursor: pointer;
        color: #F2F2F2;
        text-shadow: 1px 1px 1px rgba(141, 58, 0, 0.32);
		/* line-height: 43px; */
        font-size: 22px;
		/* background: #ffffff; */
        background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
		/* background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea)); */
		/* background: -webkit-linear-gradient(top, #E1773A 1%,#AC4310 100%); */
        background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
        background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
        background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
        border-radius: 10px;
        background: #DC7018;
        vertical-align: -webkit-baseline-middle;
    }

    .ac-container label:hover {
        background: #DC5000;
    }

    .ac-container input:checked + label,
	.ac-container input:checked + label:hover {
        background: #EE5C23;
        color: #FFFFFF;
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 
			0px 2px 2px rgba(0,0,0,0.1);
    }

    .ac-container label:hover:after,
	.ac-container input:checked + label:hover:after {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        right: 13px;
        top: 7px;
    }

    .ac-container input:checked + label:hover:after {
    }

    .ac-container label span {
/* height:50px; */
        padding-left: 20px;
        vertical-align: super;
    }

    .ac-container ul, .ac-container ul li {
        display: block;
        width: 100%;
        height: auto;
        clear: both;
    }

    .ac-container ul li {
        border-bottom: dotted 1px #ddd;
        height: 40px;
        color: #777;
        font-size: 15px;
        font-weight: 400;
/* line-height: 30px; */
        padding: 10px;
        font-family: 'Omnigenus';
    }

    .ac-container ul li:hover {
        color: #454545;
    }

    .ac-container ul li:last-child {
        border-bottom: none
    }

    .ac-container ul li span.opis {
        float: left;
        width: 80%
    }

    .ac-container ul li span.cijena {
        float: right;
        width: 15%;
        text-align: right;
    }

    .ac-container input {
        display: none;
    }

    .ac-container article {
        background: #ffffff;
        margin: 0 auto;
        overflow: hidden;
		/* height: 0px; */
        position: relative;
        z-index: 10;
        -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        width: 98%;
        margin-bottom: 20px;
    }

    .ac-container article p {
        font-family: 'Omnigenus';
        color: #666;
        font-size: 14px;
        padding: 5px 20px;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    }

    .ac-container input:checked ~ article {
        -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
    }

    .ac-container input:checked ~ article.ac-prosirenje {
        height: 0;
    }

    .ac-container input ~ article.ac-prosirenje {
        height: 90px;
    }

    .ac-container input ~ article.ac-instalacija {
        height: 330px;
    }

    .ac-container input:checked ~ article.ac-instalacija {
        height: 0;
    }

    .ac-container input:checked ~ article.ac-napomene {
        height: 0;
    }

    .ac-container input ~ article.ac-napomene {
        height: 470px;
    }

    .ac-container .ac-napomene ul {
        padding: 0 10px;
    }

    .ac-container .ac-napomene li {
		/* font-family:'Aller'; */
		/* font-size:14px; */
        min-height: 35px;
        height: auto;
        background: url('https://mbitdevelopment.com/assets/img/ikone/strelica.png') no-repeat left center;
        padding-left: 30px;
        display: block;
    }

    .ac-container .ac-napomene li:last-child {
        border-bottom: none;
    }

    footer nav h3 {
        font-family: 'Omnigenus';
        margin-top: 25px;
        text-align: left !important
    }

    footer .copy {
        padding: 20px 0;
    }
	
	/* HOSTING */
    #web-hosting-paketi .micro, #web-hosting-paketi .standard, #web-hosting-paketi .advanced {
        width: 100% !important;
        margin-bottom: 30px;
        -webkit-transition: none;
    }

    .info-box {
        width: 100%
    }
	
	
	/* TEamspeak */
    #teamspeak-paketi .paket {
        width: 100%;
    }
	
	
	/* O NAMA */
    .red.onama p {
        color: rgb(124, 124, 124) !important;
        font-weight: 100;
        font-size: 1.2em;
        font-family: 'Aller';
    }

    .info-box span {
/* display: table-cell; *//* font-size: 1.4em; *//* line-height: 1.8em; *//* font-weight: 100; *//* color: #5F5F5F; */
    }

	/* KONTAKT */
    .kontakt #kontakt_forma {
        width: auto;
    }

    .kontakt h3 {
        text-align: left !important
    }
	
	
	
    /*  GRID (12/724px)		***************************************************** */
    .red {
        width: 724px;
        max-width: 100%;
        min-width: 724px;
        margin: 0 auto;
        clear: both;
    }

    .red .red {
        width: 724px;
        max-width: 100%;
        /* min-width: 724px; */
        margin: 0 auto;
        padding: 0 0 10px 0;
        clear: both;
    }

    .polje, .polja {
        float: left;
        min-height: 1px;
        padding: 0 15px;
    }

    .polje.centrirano, .polja.centrirana, .polja.centriranih {
        float: none;
        text-align: center;
    }

    .red [class*="polj"] + [class*="polj"]:last-child {
        float: right;
    }

    .red [class*="polj"] + [class*="polj"].kraj {
        float: left;
    }

    .red [class*="polj"] + [class*="polj"] {
        /* margin-left: 0.762431%; */
    }

    .red [class*="polj"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 30px;
        margin-left: 0;
        *margin-left: 2.5109110747408616%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .red [class*="polj"]:first-child {
        margin-left: 0;
    }

    .jedno, .red .jedno {
        width: 5.801104972375691%;
        *width: 5.747913483013988%;
    }

    .dva, .red .dva {
        width: 33.33345%;
        *width: 33.33345%;
    }

    .tri, .red .tri {
        width: 50%;
        *width: 50%;
    }

    .cetiri, .red .cetiri {
        width: 50%;
        *width: 50%;
    }

    .cetiri.polja:last-child {
        width: auto;
        clear: both !important;
        float: none !important;
    }

    .pet, .red .pet {
        width: 50%;
        *width: 50%;
    }

    .sest, .red .sest {
        width: 50%;
        *width: 50%;
    }

    .sedam, .red .sedam, .osam, .red .osam, .devet, .red .devet,
    .deset, .red .deset, .jedanaest, .red .jedanaest, .dvanaest, .red .dvanaest {
        width: 100%;*
        width: 100%;
    }
}





/***************************************************************************************************************************

							> 1200px  -> VISOKE REZOLUCIJE
							
***************************************************************************************************************************/

@media all and (min-width: 1201px) {
    .hide-text {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

    .input-block-level {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .hidden {
        display: none;
        /* visibility: hidden; */
    }

    .sakrij-tabletima {
        display: inherit !important;
        visibility: visible !important;
    }

    .prikazi-tabletima {
        display: none !important;
        visibility: hidden !important;
    }

    .prikazi-telefonima {
        display: none !important;
        visibility: hidden !important;
    }

    .sakrij-telefonima {
        display: inherit !important;
        visibility: visible !important;
    }

    .prikazi-racunalima, .prikazi-racunalima1200px {
        display: inherit !important;
        visibility: visible !important;
    }

    .sakrij-racunalima, .sakrij-racunalima1200px {
        display: none !important;
        visibility: hidden !important;
    }

    .ptop120 {
        padding-top: 240px !important
    }

    .ptop100 {
        padding-top: 200px !important
    }

    .ptop60 {
        padding-top: 120px !important
    }

    .ptop30 {
        padding-top: 60px !important
    }

    .ulet-slijeva {
        margin-left: -2000px;
        opacity: 0
    }

    .ulet-zdesna {
        margin-right: -2000px;
        opacity: 0
    }

    .ulet-odozgo {
        margin-top: -200px;
        opacity: 0
    }

    .ulet-odozdo {
        margin-bottom: -200px;
        opacity: 0
    }

    .ulet-opacity {
        opacity: 0
    }

    .ulet-opacity.animacija {
        opacity: 1 !important;
        -webkit-transition: all 0.8s ease-out;
        -moz-transition: all 0.8s ease-out;
        -o-transition: all 0.8s ease-out;
        transition: all 0.8s ease-out;
    }

    .ulet.animacija,
	.ulet-slijeva.animacija,
	.ulet-zdesna.animacija,
	.ulet-odozgo.animacija,
	.ulet-odozdo.animacija {
        opacity: 1 !important;
        margin: 0 !important;
        -webkit-transition: all 0.8s ease-out;
        -moz-transition: all 0.8s ease-out;
        -o-transition: all 0.8s ease-out;
        transition: all 0.8s ease-out;
    }

    .ulet-uvecanje {
        width: 0px !important;
        height: 0px !important
    }

    .ulet-uvecanje.animacija {
        width: auto;
        height: auto;
        -webkit-transition: all 0.8s ease-out;
        -moz-transition: all 0.8s ease-out;
        -o-transition: all 0.8s ease-out;
        transition: all 0.8s ease-out;
    }
	
	/* REFERENCA - JEDNA */
    .jedan-projekt .status.animacija {
        width: 220px;
        -webkit-transition: all 2s ease-out;
        -moz-transition: all 2s ease-out;
        -o-transition: all 2s ease-out;
        transition: all 2s ease-out;
    }

    .jedan-projekt h3 {
/* font-size: 2.2em; *//* text-shadow: 1px 1px 1px #fff; */
    }

    .jedan-projekt p {
/* font-size: 1.2em; */
        padding-bottom: 1em;
    }

    .jedan-projekt .slike .velika {
        width: auto;
        overflow: hidden;
        height: auto;
        max-height: 414px;
        max-width: 100%;
        display: block;
    }

	
    /* LOGO */
    header h1 {
        display: inline-block;
        height: 70px;
        line-height: 70px;
        position: absolute;
        float: left;
        /* margin-left: -37px; */
        width: 105px;
        background: url('https://mbitdevelopment.com/assets/img/mbit-logo-tamna-pozadina.png') left center no-repeat;
        text-indent: -9999px;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
        top: 0;
        left: 0;
    }

    header h1:hover {
        /* background: url('https://mbitdevelopment.com/assets/img/logo-h.png') left center no-repeat; */
        text-indent: -9999px;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

    header h1 a {
        display: block;
        height: 100%;
        width: 100%;
        margin: 0;
        position: relative;
        text-indent: -9999px;
    }
	
	/* IKONE U HEADERU */
    header .soc-ikone {
    /* float: right; */
        position: absolute;
    /* clear: left; */
        top: 36px;
        z-index: 100;
        margin-left: 0;
        display: block;
        right: 0;
    /* padding-left: 50px; */
    }

    header .soc-ikone li.title {
        line-height: 30px
    }

    header .soc-ikone li {
        margin: 0 0 0 1px;
    }

    header .soc-ikone li:first-child {
		/* margin-left: 0
	 */
    }
/*--------------------------------		3.2 NAVIGACIJA	----------------------------------*/
    #menu[role="navigation"] {
        margin: 0 0 0 220px !important;
        text-align: center;
        height: 70px;
        position: relative;
        display: inline-block;
        z-index: 99;
        width: auto;
        margin:0 auto;
    }
    #language {
    position: absolute;
    top: 4px;
    right: 0px;
    /* width: 105px; */
    z-index: 999;
    /* height: 23px; */
    display: block;
    }
    #pozdrav {
        width: 100%;
        clear: both;
        display: block;
        height: 645px;
        text-align: center;
    }

    #pozdrav h1, #pozdrav h2 {
        font-family: 'Omnigenus';
        text-transform: none;
        font-weight: normal;
        text-shadow: 2px 2px 3px #000000;
        text-transform: uppercase;
    }

    #pozdrav h1 {
		font-size: 2.5em;
		color: #FFF !important;
		/* line-height: 1em; */
		/* margin: 45px 0 10px 0; */
		font-weight: 700;
		padding-bottom: 5px;
		/* margin-top: 15%; */
		position: absolute;
		display: inline-block;
		text-align: left;
		top: 200px;
		left: 50px;
		}

    #pozdrav h2 {
        font-size: 1.4em;
        /* padding-bottom: 15px; */
        color: #FFFFFF !important;
        font-weight: 100;
        text-transform: none;
        display: inline-block;
        position: absolute;
        top: 270px;
        left: 50px;
        width: 530px;
        text-align: left;
        padding: 10px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    #pozdrav .gumb {position:absolute; left:50px;top:390px}
    #pozdrav img {
        margin: 0 auto;
    }

    #pozdrav.pocetna {/* FF3.6+ *//* Chrome,Safari4+ *//* Chrome10+,Safari5.1+ *//* Opera 12+ *//* W3C */
    }

	/*	5.1.2 TEHNOLOGIJE I USLUGE	----------------------------------*/
    .red.tehnologije {
        display: block
    }

    .tehnologije a img {
        margin-top: 15px;
        width: 50px;
        height: 50px;
        -webkit-filter: opacity(50%);
        -webkit-transition: ease-in 0.25s;
        -ms-interpolation-mode: bicubic;
    }

    .tehnologije a:hover img {
        -webkit-filter: opacity(100%);
    }

    .tehnologije a, .tehnologije a:visited {
        color: #4E5658;
        text-decoration: none;
        border: none;
    }

    .tehnologije a:hover {
        color: #2F3435;
        border: none;
    }
	

    /* POCETNA STRANICA */
    #pozdrav.pocetna {/* FF3.6+ *//* Chrome,Safari4+ *//* Chrome10+,Safari5.1+ *//* Opera 12+ *//* W3C */
        /* height: 644px; */
        background-image: url('/img/header/header-develop.jpg');
        background-size: cover;
        background-position-y: top;
        /* padding-top: 70px; */
    }

	
	/*-------------------------------- NASLOVNA [STRANICA] ------------------------------*/

    .usluge-naslovna .red.usluga:nth-child(even) img {
        float: left;
        margin-left: -2000px
    }

    .usluge-naslovna .red.usluga:nth-child(even) h2,
	.usluge-naslovna .red.usluga:nth-child(even) h5, 
	.usluge-naslovna .red.usluga:nth-child(even) .linija,
	.usluge-naslovna .red.usluga:nth-child(even) .gumb {
        float: right;
        text-align: right;
        clear: right
    }

    .usluge-naslovna .red.usluga:nth-child(odd) img {
        float: right;
        margin-right: -2000px
    }

    .usluge-naslovna .red.usluga:nth-child(odd) h2,
	.usluge-naslovna .red.usluga:nth-child(odd) h5, 
	.usluge-naslovna .red.usluga:nth-child(odd) .linija,
	.usluge-naslovna .red.usluga:nth-child(odd) .gumb {
        float: left;
        text-align: left;
        clear: left
    }

    .usluge-naslovna .red.usluga h5, .usluge-naslovna .red.usluga h2 {
        width: 420px
    }

    .usluge-naslovna .red.usluga h5 {
        padding-bottom: 25px
    }
	
	
	
	
	
	
	
	/*-------------------------------- USLUGE [STRANICA] -------------------------------------*/
    .usluga-ciljevi .red.cilj:nth-child(even) img {
        float: left;
        margin-left: -2000px
    }

    .usluga-ciljevi .red.cilj:nth-child(even) h2,
	.usluga-ciljevi .red.cilj:nth-child(even) h5, 
	.usluga-ciljevi .red.cilj:nth-child(even) .linija {
        float: right;
        text-align: right;
        clear: right
    }

    .usluga-ciljevi .red.cilj:nth-child(odd) img {
        float: right;
        margin-right: -2000px
    }

    .usluga-ciljevi .red.cilj:nth-child(odd) h2,
	.usluga-ciljevi .red.cilj:nth-child(odd) h5, 
	.usluga-ciljevi .red.cilj:nth-child(odd) .linija {
        float: left;
        text-align: left;
        clear: left
    }

    .usluga-ciljevi .red.cilj h5 {
        text-align: justify !important
    }

    .usluga-ciljevi .red.cilj h, .usluga-ciljevi .red.cilj h2 {
        width: 420px
    }

    .usluge-ikone a h5 {
        color: #F3F3F3;
        padding: 0px;
        font-weight: 100;
    }

    .usluge-ikone a {
        padding: 12px 5px 1px 5px;
        display: block;
        opacity: 0.6;
        margin-bottom: 20px;
    }

    .usluge-ikone a:hover, .usluge-ikone a.aktivna {
        background-color: #CC611A;
        color: #F3F3F3;
        opacity: 1;
    }
	
	
	
	
	/* PODUSLUGE - WIDGET ZA REFERENCE */
	
    .reference-web-dizajn .referenca {
        height: 200px;
        overflow: hidden;
        padding: 0;
        border: 6px solid #ffffff;
        -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
    }

    .reference-web-dizajn .jedna.referenca {
        height: 180px
    }

    .reference-web-dizajn .referenca a img {
        margin-top: 0px;
        -webkit-transition: margin 1s ease;
        -moz-transition: margin 1s ease;
        -o-transition: margin 1s ease;
        -ms-transition: margin 1s ease;
        transition: margin 1s ease;
    }

    .referenca-screen {
        width: 20%;
        margin: 0 2.5% 2% 2.5%;
        overflow: hidden;
        padding: 0;
        border: 6px solid #ffffff;
        -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
        float: left;
        height: 80px;
    }

    .referenca-screen img {
        margin-top: 0px;
        -webkit-transition: margin 1s ease;
        -moz-transition: margin 1s ease;
        -o-transition: margin 1s ease;
        -ms-transition: margin 1s ease;
        transition: margin 1s ease;
        cursor: pointer;
    }

    .referenca-screen:hover {
        -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,1);
        -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,1);
        box-shadow: 5px 5px 5px 0px rgba(0,0,0,1);
        border: 6px solid #779F0A;
    }

    ul.podstranice-lista {
        clear: both
    }

    ul.podstranice-lista h5 {
        color: #000
    }

    ul.podstranice-lista li {
        clear: both;
        font-family: 'Omnigenus';
        font-weight: 100;
        color: #777;
        padding: 30px;
        text-align: justify;
        -webkit-transition: background 1s ease;
        -moz-transition: background 1s ease;
        -o-transition: background 1s ease;
        -ms-transition: background 1s ease;
        transition: background 1s ease;
    }

    ul.podstranice-lista li:hover {
        background: rgb(247, 222, 190);
    }

    ul.podstranice-lista li span {
        display: table;
        vertical-align: initial;
        text-shadow: none
    }

    ul.podstranice-lista li i {
        display: block;
        float: left;
        height: 100%;
        font-size: 5em;
        color: #454545;
        margin-right: 30px;
        width: 100px;
    }
	
	
	
	
	
	/* ACCORDION ZA USLUGE */
    .ac-container {
        width: 100%;
        margin: 10px auto 30px auto;
        text-align: left;
	/* padding: 10px; */
    }

    .ac-container label {
        font-family: 'Omnigenus';
        padding: 10px 20px;
        position: relative;
        z-index: 20;
        display: block;
        height: 60px;
        cursor: pointer;
        color: #F2F2F2;
        text-shadow: 1px 1px 1px rgba(141, 58, 0, 0.32);
		/* line-height: 43px; */
        font-size: 24px;
		/* background: #ffffff; */
        background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
		/* background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea)); */
		/* background: -webkit-linear-gradient(top, #E1773A 1%,#AC4310 100%); */
        background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
        background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
        background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
        border-radius: 10px;
        background: #DC7018;
        vertical-align: -webkit-baseline-middle;
    }

    .ac-container label:hover {
        background: #DC5000;
    }

    .ac-container input:checked + label,
	.ac-container input:checked + label:hover {
        background: #EE5C23;
        color: #FFFFFF;
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 
			0px 2px 2px rgba(0,0,0,0.1);
    }

    .ac-container label:hover:after,
	.ac-container input:checked + label:hover:after {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        right: 13px;
        top: 7px;
    }

    .ac-container input:checked + label:hover:after {
    }

    .ac-container label span {
/* height:50px; */
        padding-left: 20px;
        vertical-align: super;
    }

    .ac-container ul, .ac-container ul li {
        display: block;
        width: 100%;
        height: auto;
        clear: both;
    }

    .ac-container ul li {
        border-bottom: dotted 1px #ddd;
        height: 40px;
        color: #777;
        font-size: 16px;
        font-weight: 400;
/* line-height: 30px; */
        padding: 10px;
        font-family: 'Omnigenus';
    }

    .ac-container ul li:hover {
        color: #454545;
    }

    .ac-container ul li:last-child {
        border-bottom: none
    }

    .ac-container ul li span.opis {
        float: left;
        width: 80%
    }

    .ac-container ul li span.cijena {
        float: right;
        width: 15%;
        text-align: right;
    }

    .ac-container input {
        display: none;
    }

    .ac-container article {
        background: #ffffff;
        margin: 0 auto;
        overflow: hidden;
        height: 0px;
        position: relative;
        z-index: 10;
        -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        width: 98%;
        margin-bottom: 20px;
    }

    .ac-container article p {
        font-family: 'Omnigenus';
        color: #666;
        font-size: 14px;
        padding: 5px 20px;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    }

    .ac-container input:checked ~ article {
        -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
    }

    .ac-container input:checked ~ article.ac-prosirenje {
        height: 90px;
    }

    .ac-container input:checked ~ article.ac-instalacija {
        height: 330px;
    }

    .ac-container input:checked ~ article.ac-napomene {
        height: 390px;
    }

    .ac-container .ac-napomene ul {
        padding: 0 10px;
    }

    .ac-container .ac-napomene li {
		/* font-family:'Aller'; */
		/* font-size:14px; */
        min-height: 35px;
        height: auto;
        background: url('https://mbitdevelopment.com/assets/img/ikone/strelica.png') no-repeat left center;
        padding-left: 30px;
        display: block;
    }

    .ac-container .ac-napomene li:last-child {
        border-bottom: none;
    }

	
	
	
	
	
	
	
	
	
    /*--------------------------------		5.3 REFERENCE [STRANICA]	----------------------------------*/
    div#podmeni.referenca .ref-navigacija-l {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100px;
        display: none;
        margin: 0;
        padding: 0;
    }

    div#podmeni.referenca .ref-navigacija-l a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        background: url('https://mbitdevelopment.com/assets/img/ikone/lijevo.png') center center no-repeat;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

    div#podmeni.referenca .ref-navigacija-d {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 100px;
        display: none;
        margin: 0;
        padding: 0;
    }

    div#podmeni.referenca .ref-navigacija-d a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        background: url('https://mbitdevelopment.com/assets/img/ikone/desno.png') center center no-repeat;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

    div#podmeni.referenca:hover .ref-navigacija-l, div#podmeni.referenca:hover .ref-navigacija-d {
        display: block;
    }

    div#podmeni.referenca .ref-navigacija-l a:hover {
        background: rgba(1,1,1,0.25) url('https://mbitdevelopment.com/assets/img/ikone/lijevo.png') left center no-repeat;
    }

    div#podmeni.referenca .ref-navigacija-d a:hover {
        background: rgba(1,1,1,0.25) url('https://mbitdevelopment.com/assets/img/ikone/desno.png') right center no-repeat;
    }

    /* GRID (12/1170px)*/
    .red {
        width: 1170px;
        max-width: 100%;
        min-width: 1170px;
        margin: 0 auto;
        clear: both;
    }

    .red:before, .red:after {
        content: "";
        display: table;
    }

    .red .red {
        width: 1170px;
        max-width: none;
        min-width: 0;
        margin: 0 auto;
        padding: 10px 0;
        clear: both;
    }

    .polje, .polja {
        float: left;
        min-height: 1px;
        padding: 0 15px;
        position: relative;
    }

    .polje.centrirano, .polja.centrirana, .polja.centriranih {
        float: none;
        text-align: center;
    }

    .red [class*="polj"] + [class*="polj"]:last-child {
        float: right;
    }

    .red [class*="polj"] + [class*="polj"].kraj {
        float: left;
    }

    .red [class*="polj"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 30px;
        /* margin-left: 2.564102564102564%; */
        *margin-left: 2.5109110747408616%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .red [class*="polj"]:first-child {
        margin-left: 0;
    }

    .jedno, .red .jedno {
        width: 5.982905982905983%;
        *width: 5.929714493544281%;
    }

    .dva, .red .dva {
        width: 14.5299145%;
        *width: 14.476723040552828%;
    }

    .tri, .red .tri {
        width: 22.4367113%;
        *width: 23.023731587561375%;
    }

    .cetiri, .red .cetiri {
        width: 31.623931623931625%;
        *width: 31.570740134569924%;
    }

    .pet, .red .pet {
        width: 40.17094017094017%;
        *width: 40.11774868157847%;
    }

    .sest, .red .sest {
        width: 47.25%;
        *width: 48.664757228587014%;
    }

    .sedam, .red .sedam {
        width: 57.26495726495726%;
        *width: 57.21176577559556%;
    }

    .osam, .red .osam {
        width: 65.81196581196582%;
        *width: 65.75877432260411%;
    }

    .devet, .red .devet {
        width: 74.35897435897436%;
        *width: 74.30578286961266%;
    }

    .deset, .red .deset {
        width: 82.90598290598291%;
        *width: 82.8527914166212%;
    }

    .jedanaest, .red .jedanaest {
        width: 91.45299145299145%;
        *width: 91.39979996362975%;
    }

    .dvanaest, .red .dvanaest {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .red .uvuci-jedan {
        margin-left: 11.11111111111111%;
        *margin-left: 11.004728132387708%;
    }

    .red .uvuci-jedan:first-child {
        margin-left: 8.547008547008547%;
        *margin-left: 8.440625568285142%;
    }

    .red .uvuci-dva {
        margin-left: 19.65811965811966%;
        *margin-left: 19.551736679396257%;
    }

    .red .uvuci-dva:first-child {
        margin-left: 17.094017094017094%;
        *margin-left: 16.98763411529369%;
    }

    .red .uvuci-tri {
        margin-left: 28.205128205128204%;
        *margin-left: 28.0987452264048%;
    }

    .red .uvuci-tri:first-child {
        margin-left: 25.641025641025642%;
        *margin-left: 25.53464266230224%;
    }

    .red .uvuci-cetiri {
        margin-left: 36.75213675213675%;
        *margin-left: 36.645753773413354%;
    }

    .red .uvuci-cetiri:first-child {
        margin-left: 34.18803418803419%;
        *margin-left: 34.081651209310785%;
    }

    .red .uvuci-pet {
        margin-left: 45.299145299145295%;
        *margin-left: 45.1927623204219%;
    }

    .red .uvuci-pet:first-child {
        margin-left: 42.73504273504273%;
        *margin-left: 42.62865975631933%;
    }

    .red .uvuci-sest {
        margin-left: 53.84615384615384%;
        *margin-left: 53.739770867430444%;
    }

    .red .uvuci-sest:first-child {
        margin-left: 51.28205128205128%;
        *margin-left: 51.175668303327875%;
    }

    .red .uvuci-sedam {
        margin-left: 62.393162393162385%;
        *margin-left: 62.28677941443899%;
    }

    .red .uvuci-sedam:first-child {
        margin-left: 59.82905982905982%;
        *margin-left: 59.72267685033642%;
    }

    .red .uvuci-osam {
        margin-left: 70.94017094017094%;
        *margin-left: 70.83378796144753%;
    }

    .red .uvuci-osam:first-child {
        margin-left: 68.37606837606839%;
        *margin-left: 68.26968539734497%;
    }

    .red .uvuci-devet {
        margin-left: 79.48717948717949%;
        *margin-left: 79.38079650845607%;
    }

    .red .uvuci-devet:first-child {
        margin-left: 76.92307692307693%;
        *margin-left: 76.81669394435352%;
    }

    .red .uvuci-deset {
        margin-left: 88.03418803418803%;
        *margin-left: 87.92780505546462%;
    }

    .red .uvuci-deset:first-child {
        margin-left: 85.47008547008548%;
        *margin-left: 85.36370249136206%;
    }

    .gurni-dva {
        left: 16.66667%;
    }

    .povuci-dva {
        right: 16.66667%;
    }

    .gurni-tri {
        left: 25%;
    }

    .povuci-tri {
        right: 25%;
    }

    .gurni-cetiri {
        left: 33.33333%;
    }

    .povuci-cetiri {
        right: 33.33333%;
    }

    .gurni-pet {
        left: 41.66667%;
    }

    .povuci-pet {
        right: 41.66667%;
    }

    .gurni-sest {
        left: 50%;
    }

    .povuci-sest {
        right: 50%;
    }

    .gurni-sedam {
        left: 58.33333%;
    }

    .povuci-sedam {
        right: 58.33333%;
    }

    .gurni-osam {
        left: 66.66667%;
    }

    .povuci-osam {
        right: 66.66667%;
    }

    .gurni-devet {
        left: 75%;
    }

    .povuci-devet {
        right: 75%;
    }

    .gurni-deset {
        left: 83.33333%;
    }

    .povuci-deset {
        right: 83.33333%;
    }

    .controls-row [class*="span"] + [class*="span"] {
        margin-left: 30px;
    }

    input.span12, textarea.span12, .uneditable-input.span12 {
        width: 1156px;
    }

    input.span11, textarea.span11, .uneditable-input.span11 {
        width: 1056px;
    }

    input.span10, textarea.span10, .uneditable-input.span10 {
        width: 956px;
    }

    input.span9, textarea.span9, .uneditable-input.span9 {
        width: 856px;
    }

    input.span8, textarea.span8, .uneditable-input.span8 {
        width: 756px;
    }

    input.span7, textarea.span7, .uneditable-input.span7 {
        width: 656px;
    }

    input.span6, textarea.span6, .uneditable-input.span6 {
        width: 556px;
    }

    input.span5, textarea.span5, .uneditable-input.span5 {
        width: 456px;
    }

    input.span4, textarea.span4, .uneditable-input.span4 {
        width: 356px;
    }

    input.span3, textarea.span3, .uneditable-input.span3 {
        width: 256px;
    }

    input.span2, textarea.span2, .uneditable-input.span2 {
        width: 156px;
    }

    input.span1, textarea.span1, .uneditable-input.span1 {
        width: 56px;
    }
}