/* LA Ro */

body {
    background: #f5f5f5 url("https://www.link-academy.com//images/gradient.jpg") repeat-x scroll 0 0;
    font-family: "open sans",Tahoma,sans-serif;
    font-size: 0.9em;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

@supports (-webkit-overflow-scrolling: touch) {
  .dugmeOkvir, button {
    appearance: none;
      -webkit-appearance: none;
  }
  input[type="text"]{
    font-size: 16px !important
  }
}
a.zastavice {
    background: rgba(0, 0, 0, 0) url("http://www.link-academy.com/images/zast/rus.png") no-repeat scroll 13px 40px;
    cursor: pointer;
    display: block;
    line-height: 28px;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    text-align: center;
    transition: background-position 0.25s ease 0s;
    width: 46px;
}
a.zastavice:hover {
    background-position: 13px 7px;
    text-indent: -9999px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
h1 {
    font-size: 2em;
    line-height: 1.2em;
}
h2, .standard7 {
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.2em;
}
.standard7 {
    text-decoration: none;
}
.standard5 {
    font-size: 1.1em;
    font-weight: 600;
}
h3 {
    font-size: 1.2em;
    line-height: 1.2em;
}
h4 {
    font-size: 1.1em;
}
h5 {
    font-size: 1em;
}
h6 {
    font-size: 0.95em;
}
p {
    line-height: 1.3em;
}
b, strong {
    font-weight: 600;
}
hr {
    border: 1px solid #f7f7f7;
}
a {
}
a:link {
    color: #e31b23;
}
a:visited {
    color: #cf1f1f;
}
a:hover {
    color: #000;
}
a:active {
    color: #e31b23;
}
.centar {
    text-align: center;
}
.crniText a{
	text-decoration: none!important;
	color: #000!important;
}
img {
    max-width: 100%;
    vertical-align: bottom;
}
#breadcrumb {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 26px;
    overflow: hidden;
    padding: 10px 0 6px;
}
.cf::before, .cf::after {
    content: "";
    display: table;
}
.cf::after {
    clear: both;
}
.cf {
}
.crt {
    margin: 0 auto;
}
.AlignCtr {
    text-align: center;
}
li a {
    display: block;
    text-decoration: none;
    transition: background 250ms ease-in-out 0s;
}
#content a {
    display: inline;
}
.listDot {
    list-style: outside none disc !important;
}
#topRight li, nav#mainNav li, #wrapperNav li {
    float: left;
    list-style: outside none none;
}
#header {
    margin: 0 auto;
    overflow: hidden;
    width: 980px;
}
#logo {
    float: left;
    padding-top: 9px;
}
#topRight {
    overflow: hidden;
}
.topNews {
    position: relative;
}
.topNewsTxt {
    left: 0;
    padding: 3% 3% 0;
    position: absolute;
    top: 0;
    width: 34%;
}
.topNewsTxt h1 {
    font-size: 2.5em;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
}
.topNewsTxt h2 {
    font-size: 1.6em;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 8%;
}
.noMarginBtm {
    margin-bottom: 0;
}
.noMarginTop {
    margin-top: 0;
}
.topNewsTxt h3 {
    font-size: 1em;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 0;
}
.zimskiP {
    color: #6e6e6e;
    font-size: 0.9em;
}
#myform {
    background: #ececec none repeat scroll 0 0;
    border: 1px solid #dedede;
    padding: 10px;
}
form input[type="radio"], form input.radioMarg[type="checkbox"] {
    margin: 5px !important;
}
#levi form input[type="text"], #cmbDrzava {
    border: 1px solid #ccc;
    line-height: 27px;
    padding: 4px;
}
#txtPrezime, #txtIme {
    padding: 4px;
}
#txtUlica {
    width: 196px;
}
#txtIme {
    width: 136px;
}
#BrojUlice {
    padding: 4px 7px;
}
#txtPozivniBroj {
    width: 39px;
}
#navLeft {
    float: left;
}
nav#mainNav li a {
    border-left: 1px solid #e93e46;
    border-right: 1px solid #ba2a2a;
    font-size: 0.9em;
    font-weight: 600;
    line-height: 26px;
    padding: 18px 9px 16px;
    text-transform: uppercase;
}
nav#mainNav li:first-child a {
    border-left: 0 none;
}
nav#mainNav li:last-child a {
    border-right: 0 none;
}
nav#mainNav li a:link {
    color: #fff;
}
nav#mainNav li a:visited {
    color: #fff;
}
nav#mainNav li a:hover {
    background: #fff none repeat scroll 0 0;
    color: #000;
}
nav#mainNav li a:active {
    color: #000;
}
#navLeft ul {
    margin: 0;
    padding: 0;
}
#wrapper {
    background: #fff none repeat scroll 0 0;
    box-shadow: 3px 3px 4px #cccccc;
    margin: 16px auto;
    overflow: hidden;
    width: 980px;
}
#topRight ul {
    float: right;
    margin: 0 0 10px;
    padding: 0;
}
#links {
    background: #e31b23 none repeat scroll 0 0;
    clear: both;
    height: 60px;
}
nav#mainNav {
    margin: 0 auto;
    width: 980px;
}
#wrapperNav {
    background: #000 none repeat scroll 0 0;
    height: 29px;
    overflow: hidden;
}
#wrapperNav li {
    margin-left: 5px;
}
#topRight li a {
    margin-left: 5px;
    padding: 5px 10px;
}
#wrapperNav > ul li a:link {
    color: #fff;
}
#wrapperNav > ul li a:visited {
    color: #fff;
}
#wrapperNav > ul li a:hover {
    background: #e31b23 none repeat scroll 0 0;
    color: #fff;
}
#wrapperNav > ul li a:active {
    color: #000;
}
nav#mainNav #imageTop {
    float: right;
    margin-top: -44px;
}
#slogan {
    float: right;
    width: 70%;
}
#slogan p {
    color: #353535;
    font-size: 23px;
    margin: 0 0 15px;
    padding-right: 100px;
}
.paragrafTop {
    background: #e31b23 none repeat scroll 0 0;
    color: #fff;
    float: left;
    line-height: 17px;
    margin: 0;
    padding: 6px 8px;
}
.paragrafTopStrl {
    float: left;
}
#wrapperNav ul {
    float: left;
}
#wrapperNav > ul {
    margin: 0;
    padding: 0;
}
#wrapperNav > ul li a {
    font-size: 0.9em;
    line-height: 20px;
    margin-left: 5px;
    padding: 5px 7px 4px;
}
#mainSidebar {
    background: #e1e1e1 none repeat scroll 0 0;
    width: 240px;
}
#topRight li a:link {
    color: #828282;
}
#topRight li a:visited {
    color: #828282;
}
#topRight li a:hover {
    color: #000;
}
#topRight li a:active {
    color: #e31b23;
}
#mainContent {
    background: #fff none repeat scroll 0 0;
    float: right;
    width: 740px;
}
#content {
    padding: 0 20px;
}
footer {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #29262b 0%, #161317 100%) repeat scroll 0 0;
    clear: both;
    overflow: hidden;
}
.logoFooter {
    float: left;
    width: 32%;
}
.stLogoImg {
    float: left;
    padding: 12px 16px;
}
.powered-by-logo {
    display: none !important;
}
.ndLogoImg {
    float: left;
    padding: 5px 17px;
}
.footerNav {
    float: right;
    margin-top: 1.5%;
    width: 68%;
}
.footerNav ul {
    border-bottom: 1px solid #5a5a5a;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.footerNav li {
    float: left;
    list-style: outside none none;
    text-decoration: none;
}
.footerNav ul li a {
    border-radius: 6px;
    display: block;
    font-size: 0.8em;
    margin: 0 1px;
    padding: 12px 3px;
    text-transform: uppercase;
}
.linksFooter a {
    background: #393939 none repeat scroll 0 0;
    border-radius: 4px;
    display: block;
    float: right;
    font-size: 0.8em;
    margin: 10px 14px 0 0;
    padding: 5px 10px;
    text-decoration: none;
    transition: background 200ms ease-in-out 0s;
}
#zatvori {
    cursor: pointer;
}
.linksFooter {
    overflow: hidden;
}
.footerNav .phone {
    clear: both;
    float: right;
    margin-bottom: 3%;
    margin-right: 1.8%;
}
.footerNav .phone p {
border-radius: 4px;
color: #fff;
float: left;
font-size: 0.9em;
margin: 10px 0 0;
padding: 5px;
}
.linksFooter a:link {
    color: #fff;
}
.linksFooter a:visited {
    color: #fff;
}
.linksFooter a:hover {
    background: #444 none repeat scroll 0 0;
}
.linksFooter a:active {
    color: #fff;
}
.footerNav ul li a:link {
    color: #fff;
}
.footerNav ul li a:visited {
    color: #fff;
}
.footerNav ul li a:hover {
    background: #393939 none repeat scroll 0 0;
    color: #fff;
}
.footerNav ul li a:active {
    color: #fff;
}
.lastLine {
    background-color: #e31b23;
    clear: both;
    color: #fff;
    font-size: 0.9em;
    overflow: hidden;
}
.btmLine {
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden;
    padding: 25px 0 20px;
}
#content > .btmLine:first-child {
    padding-top: 0;
}
.CrveniTxt {
    color: #e31b23;
}
.ZeleniTxt {
    color: #009933;
}
.crveni-anim {
    animation: crveni-anim 1.3s linear infinite alternate;
    color: #e31b23
}

.neew {
    background: #a30000;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    padding: 0px 4px;
    vertical-align: super;
    text-decoration: none !important;
    margin-left: 5px;
    -webkit-animation: neww .6s ease infinite alternate;
    animation: neww .6s ease infinite alternate;
}
@-webkit-keyframes neww {
    0%   {background-color:#730000}
    100%  {background-color:#e31b23}
}
@keyframes neww {
    0%   {background-color:#730000}
    100%  {background-color:#e31b23}
}

@keyframes crveni-anim {
    0%   {color: #e31b23}
    70%  {color: #e31b23}
    80%  {color: #fff}
    90%  {color: #fff}
    100% {color: #e31b23}
}
@-webkit-keyframes crveni-anim {
    0%   {color: #e31b23}
    70%  {color: #e31b23}
    80%  {color: #fff}
    90%  {color: #fff}
    100% {color: #e31b23}
}
#fbframe {
    display: block;
    width: 218px !important;
}
.siva {
    background: #f5f5f5 none repeat scroll 0 0;
}
.h3Podnaslov {
    color: #474747;
    font-weight: 400;
    margin: 0;
    min-height: 46px;
    padding: 4% 8% 2% 26%;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
}
a.tooltip {
    outline: medium none;
}
a.tooltip:hover {
    text-decoration: none;
}
a.tooltip span {
    display: none;
    font-family: Verdana;
    font-size: 12px;
    line-height: 16px;
    margin-left: 28px;
    margin-top: -30px;
    padding: 14px 20px;
    text-align: left;
    width: 19%;
    z-index: 10;
}
a.tooltip:hover span {
    background: #fefefe none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 10px;
    color: #6e6e6e;
    display: inline;
    position: absolute;
    word-break: keep-all;
}
a.tooltip span {
    border-radius: 4px;
    box-shadow: 5px 5px 8px #ccc;
}
.admin {
    background: #dbdbdb url("../images/admin.png") no-repeat scroll 0 5px;
}
.dizajn {
    background: #dbdbdb url("../images/Design.png") no-repeat scroll 0 5px;
}
.programiranje {
    background: #dbdbdb url("../images/Programiranje.png") no-repeat scroll 0 5px;
    line-height: 43px;
}
.it {
    background: #dbdbdb url("../images/IT.png") no-repeat scroll 0 5px;
    line-height: 43px;
}
.cad {
    background: #dbdbdb url("../images/CAD.png") no-repeat scroll 0 5px;
    line-height: 43px;
}
.mobApp {
    background: #dbdbdb url("../images/MobApp.png") no-repeat scroll 0 5px;
}
.tamnoSiva {
    background: #dbdbdb none repeat scroll 0 0;
}
.topNewsTxt h1.CrveniTxt {
    line-height: 38px;
}
.besplIzL {
    float: left;
    font-family: "Archivo Narrow","tahoma";
    font-size: 1em;
    width: 60%;
}
.besplIzR {
    float: right;
    font-family: "Archivo Narrow","tahoma";
    font-size: 1em;
    margin-top: 3%;
    width: 29%;
}
.besplIzR p, .besplIzR label, .besplIzR input {
    font-size: 0.9em;
}
.besplIzR .dugmeOkvir {
    background: #e31b23 none repeat scroll 0 0;
    border: medium none !important;
    color: #ffffff !important;
    cursor: pointer;
    font-size: 0.8em;
    width: 100% !important;
}
.besplatanPop .dugmeOkvir {
    background: #e31b23 none repeat scroll 0 0;
    border: medium none !important;
    color: #ffffff !important;
    cursor: pointer;
    font-size: 0.8em;
    width: 76% !important;
}
.besplatanPop .dugmeOkvir:hover {
    background: #e31b23 none repeat scroll 0 0;
}
.besplIzR .dugmeOkvir:hover {
    background: #e31b23 none repeat scroll 0 0;
}
.sirina {
    width: 100% !important;
}
#popupHead {
    background: rgba(255,255,255,.3) none repeat scroll 0 0;
    border-radius: 10px;
    position: absolute;
    right: 1px;
    top: 1px;
}
.popupContent {
    position: relative !important;
    width: 620px;
}
.izvestajPop {
    background: #fff none repeat scroll 0 0;
    border-radius: 8px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    font-size: 0.9em;
    height: 600px;
    margin: auto;
    padding: 15px;
    position: relative;
    width: 600px;
}
.besplatanPop {
    background: #fff none repeat scroll 0 0;
    border-radius: 8px;
    box-shadow: 3px 3px 5px #1e1e1e;
    font-size: 0.9em;
    height: auto !important;
    margin: auto;
    overflow: hidden;
    padding: 15px;
    position: relative;
    width: 500px;
}
.popupContent.besplatanPop > p, .popupContent.besplatanPop > p span {
    font-family: "Open Sans",arial !important;
}
a.dugme:link {
    color: #e31b23;
}
a.dugme:visited {
    color: #e31b23;
}
a.dugme:hover {
    color: #000;
}
a.dugme:active {
    color: #e31b23;
}
a.dugmeOkvir:link {
    color: #fff;
}
a.dugmeOkvir:visited {
    color: #fff;
}
a.dugmeOkvir:hover {
    color: #fff;
}
a.dugmeOkvir:active {
    color: #000;
}
a.dugme {
    text-align: center;
}
.dugme {
    background: rgba(0, 0, 0, 0) url("../images/glyphicons-rightRed.png") no-repeat scroll 85% 50%;
    font-weight: 700;
    overflow: hidden;
    padding: 3% 13%;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 250ms ease-in-out 0s;
}
.dugmeStrelica {
    background: rgba(0, 0, 0, 0) url("../images/glyphicons-rightRed.png") no-repeat scroll 88% 50%;
    font-weight: 700;
    overflow: hidden;
    padding: 3% 13% 3% 0;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 250ms ease-in-out 0s;
}
.dugmeSidebar {
    background: #e31b23 url("../images/glyphicons-rightWhite.png") no-repeat scroll 85% 50%;
    color: #fff !important;
    display: block;
    font-weight: 700;
    line-height: 30px;
    overflow: hidden;
    padding: 1%;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 250ms ease-in-out 0s;
    width: 99%;
}
.dugmeOkvir {
    background: #e31b23 url("../images/glyphicons-rightWhite.png") no-repeat scroll 85% 50%;
    border-radius: 5px;
    box-shadow: 0 1px 1px #9f9f9f;
    cursor: pointer;
    display: block;
    font-weight: 700;
    overflow: hidden;
    padding: 3%;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 250ms ease-in-out 0s;
    width: 31%;
}
.dugmeOkvirBeli {
    background: #fff url("../images/glyphicons-rightRed.png") no-repeat scroll 85% 50%;
    border-radius: 5px;
    box-shadow: 0 1px 1px #9f9f9f;
    display: block !important;
    font-weight: 700;
    overflow: hidden;
    padding: 4% 0 4% 16%;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 250ms ease-in-out 0s;
}
.dugme:hover {
    background-position: 93% 50%;
}
.dugmeStrelica:hover {
    background-position: 99% 50%;
}
.dugmeOkvir:hover {
    background-color: #9a9a9a;
    background-position: 93% 50%;
}
.dugmeOkvirBeli:hover {
    background-color: #e6e6e6;
    background-position: 93% 50%;
}
.dugmeSidebar:hover {
    background-position: 93% 50%;
}
.dugmeNews {
    width: 52%;
}
.Form {
    padding-left: 0 !important;
}
.maliFont {
    font-size: 0.9em;
}
#footerPrijava {
    border-top: 1px solid #ccc;
    clear: both;
    padding: 0 10px;
}
#oko {
    font-family: "Archivo Narrow","Tahoma";
    margin: 0 auto;
    overflow: hidden;
    padding: 10px;
    width: 980px;
	background: #fff;
	
}
#levi {
    float: left;
    padding-right: 10px;
    width: 720px;
}
#desni {
    border-left: 1px solid #eeeeee;
    float: left;
    padding: 0 9px;
    width: 230px;
}
.AlignCtr {
    text-align: center;
}
.crveniTxt {
    color: #e31b23;
}
.dveKolone {
    float: left;
    margin: 0 1%;
    width: 48%;
}
.triKolone {
    border-radius: 5px;
    float: left;
    margin: 1%;
    min-height: 456px;
    overflow: hidden;
    padding-bottom: 2%;
    width: 31%;
}
.h3Apsolutno {
    background: #fff none repeat scroll 0 0;
    bottom: 20px;
    font-size: 1em;
    height: 42px;
    padding: 1% 14%;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 72%;
}
.kruzniOkvir {
    min-height: 0;
    position: relative;
}
.kruzniOkvir img {
    border-radius: 50%;
}
.kruzniOkvir a {
    color: #e31b23;
    text-decoration: none;
    transition: color 250ms ease-in-out 0s;
}
.kruzniOkvir:link h3 a {
    color: #e31b23;
}
.kruzniOkvir:visited h3 a {
    color: #e31b23;
}
.kruzniOkvir:hover a {
    color: #000;
}
.kruzniOkvir:active a {
    color: #e31b23;
}
.razmak {
    padding: 0 7%;
}
.siviBlok {
    border-radius: 5px;
    clear: both;
    margin-top: 2%;
    padding: 0 2%;
}
.aktivnaStranica {
    color: #e31b23 !important;
}
.current {
    background: #7d7d7d none repeat scroll 0 0 !important;
}
.imgFloatLeft {
    float: left;
    margin: 0 1% 1% 0;
}
.imgFloatRight {
    float: right;
    margin: 0 0 1% 1%;
}
.imgFloatLeftUtisak {
    float: left;
    margin: 20px 10px 3px;
}
._rw {
    height: 41px !important;
    width: 41px !important;
}
.sara.tabela tr:nth-child(2n) {
    background: #f5f5f5 none repeat scroll 0 0;
    color: #000 !important;
}
.galerija {
    list-style: outside none none;
    padding: 0;
}
.galerijaPrikaz {
    box-shadow: 1px 1px 2px #cccccc;
    float: left;
    height: 100px;
    margin: 0 12px 10px;
    width: 150px;
}
.oIti.video iframe {
    margin: 6px;
    width: 31%;
}
#TB_window {
    border: medium none !important;
    box-shadow: 2px 2px 8px #292929;
}
.malaSlika {
    margin-right: -10px;
    margin-top: -17px;
}
#lista {
    margin-top: 4%;
}
#lista ul {
    list-style: outside none none;
}
#lista ul li {
    background: rgba(0, 0, 0, 0) url("../images/icon-checked.png") no-repeat scroll 0 0;
    line-height: 23px;
    padding-left: 4%;
}
.weightLight {
    font-weight: 400;
}
.topNewsTxt p.weightLight {
    font-size: 0.9em;
    margin: 0;
}
.suscribeForm {
    background: #f5f5f5 none repeat scroll 0 0;
    margin: 4% 0;
    overflow: hidden;
    padding: 2% 4%;
}
h4.AlignCtr {
    font-size: 0.9em;
}
.suscribeForm h4 {
    margin: 1% 0;
}
.suscribeForm form {
    padding: 2% 0;
}
.suscribeForm form label {
    float: left;
    font-size: 1em;
}
.suscribeForm input[type="email"] {
    box-shadow: 1px 1px 2px #ababab inset;
    color: #989898;
    float: left;
    font-size: 16px;
    height: 38px;
    margin: 0 10px 0 0;
    outline: medium none;
    padding: 0 10px;
    width: 88%;
}
.suscribeForm input[type="submit"] {
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    font-family: "open sans";
    font-size: 1em;
    height: 39px;
    outline: medium none;
    padding-left: 20px;
    padding-right: 50px;
    transition: all 0.25s ease-in-out 0s;
    width: 100% !important;
    border-radius: 0;
    margin-left: 1%;
}
#frmTest input[type="button"] {
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    font-family: "open sans";
    font-size: 1em;
    height: 37px;
    outline: medium none;
    padding: 3px 2px 2px 10px;
    text-align: left;
    transition: all 0.25s ease-in-out 0s;
    width: 26% !important;
}
form input[type="radio"], form input[type="checkbox"] {
    margin: 10px 5px;
}
.smallFont {
    font-size: 0.7em;
}
.leftP {
    float: left;
    margin: 0.6% 1%;
}
.rightP {
    float: right;
    margin: 0.6% 1%;
}
.nav-collapse li {
    display: block;
    width: auto;
}
.navCrte {
    background: rgba(0, 0, 0, 0) url("../images/crte.png") no-repeat scroll 90% 0;
    display: none;
    height: 20px;
    padding: 0 2.5%;
    width: 20px;
}
.nav-toggle {
    color: #fff;
    font-size: 1px;
    line-height: 6px;
    padding: 4% 98% 10% 2%;
    text-decoration: none;
}
.link, .tabela a {
    text-decoration: none;
}
.potvrdiOkvir {
    overflow: hidden;
}
.tabela a:link {
    color: #000;
    text-decoration: underline;
}
.tabela a:visited {
    color: #000;
}
.tabela a:hover {
    color: #e31b23;
}
.tabela a:active {
    color: #000;
}
.link:link {
    color: #f5f5f5;
}
.link:visited {
    color: #fff;
}
.link:hover {
    color: #000;
}
.link:active {
    color: #fff;
}
#sidebarNav h2, #sidebarNav p.sidebar_naslov_p {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e1e1e1 0%, #c5c5c5 100%) repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    font-size: 1.5em;
    font-weight: 400;
    margin: 0;
    padding: 10px 10px 10px 9px;
}
.imgFloatLeftUspesi {
    float: left;
    margin: 0 1% 1% 0;
}
.blockMinWidth tr:nth-child(2n+2) td:nth-child(2n+1) {
    width: 22%;
}
.accord-header, .accord-content a {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #f5f5f5;
    cursor: pointer;
    text-decoration: none;
}
/*
.accord-content > a::before {
    content: "ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢";
}
*/
.accord-content {
    border-top: 1px solid #f5f5f5;
}
.accord-header {
    font-size: 0.9em;
    padding: 10px 9px;
}
.activeRight {
}
.accord-header.activeRight a {
    text-transform: uppercase;
}
.activeRight:hover {
}
.activeDown {
}
.margGore {
    margin-top: 0;
}
.accord-content {
    padding-left: 7px;
}
.accord-content {
    background: #e9e9e9 none repeat scroll 0 0;
}
.accord-content a {
    display: block;
    font-size: 0.8em;
    padding: 10px 0 10px 10px !important;
}
.last {
    border-bottom: medium none !important;
    padding: 0;
}
.accord-content a:last-child {
    border-bottom: medium none !important;
}
.accord-content a:first-child {
    border-top: medium none !important;
}
#sidebarNav a {
    display: block;
}
#sidebarNav a:link {
    color: #000;
    text-decoration: none;
    transition: all 50ms ease-in-out 0s;
}
#sidebarNav a:visited {
    color: #000;
}
#sidebarNav a:hover {
    color: #e31b23;
}
#sidebarNav a:active {
    color: #000;
}
.accord-content a:hover {
    margin-left: 2px;
}
.blokk {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #000;
    float: left;
    margin: 6px 10px;
    overflow: hidden;
    width: 218px;
}
.blokk header {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}
.blokk header h2 {
    margin: 0;
    padding: 10px 0;
    text-align: center;
}
.blokk p, .blokk form {
    font-size: 0.9em;
    padding: 0 9px;
}
.blokk input[type="email"], .blokk input[type="text"] {
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #000;
    float: right;
    margin-bottom: 0;
    padding: 5px 10px;
    width: 89%;
}
.blokk input[type="submit"], .blokk input[type="reset"], .blokk input[type="button"] {
    background: #e31b23 none repeat scroll 0 0;
    border: 0 solid #000;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #626262;
    color: #fff;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: 700;
    margin: 10px 0;
    padding: 5px 10px;
    transition: all 200ms ease-in-out 0s;
    width: 135px;
}
.blokk input[type="submit"]:hover, .blokk input[type="reset"]:hover, .blokk input[type="button"]:hover {
    background: #9a9a9a none repeat scroll 0 0;
    box-shadow: 1px 1px 1px #777;
    color: #fff;
}
.blokk a img {
    display: block;
}
.bdonji h3 {
    background: #f5f5f5 none repeat scroll 0 0;
    margin: 0;
    padding: 10px;
}
.test-7-min a, .besplatno-blokk a, .cambridge-blokk a, .ccd-blokk a {
    color: inherit !important;
    text-decoration: none;
}
.pitanja {
    font-weight: 600;
}
.pitanja p:first-child {
    color: #e31b23;
    float: left;
    font-size: 17px;
    margin: 8px 0;
    width: 30%;
}
.pitanja p:last-child {
    float: right;
    font-size: 13px;
    padding: 0;
    width: 57%;
}
.ccd-blokk, .tradicionalno-blokk {
    background: #7c8286 none repeat scroll 0 0;
    color: #fff;
}
.test-7-min {
    background: #e31b23 none repeat scroll 0 0;
    color: #fff;
}
.test-7-min h3 {
    font-weight: 600;
    margin: 0;
    padding: 5px 9px 0;
}
.test-7-min p {
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    padding: 2px 10px 6px;
}
.besplatno-blokk {
    background: #fff url("http://www.it-akademija.com/cms/mestoZaUploadFajlove/providni-Chat3_.png") no-repeat scroll right bottom;
}
.besplatno-blokk h3 {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    padding: 5px 9px 0;
}
.besplatno-blokk p {
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    padding: 4px 7px 7px 10px;
}
.cambridge-blokk {
    padding: 5px 0 8px;
}
.cambridge-blokk p {
    font-size: 0.8em;
    margin-bottom: 0;
    text-align: center;
}
.ccd-blokk h3 {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    padding: 7px 9px 0;
}
.ccd-blokk p, .tradicionalno-blokk p {
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    padding: 3px 10px 6px;
}
.tradicionalno-blokk h3 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 7px 9px 0;
}
table.tabela tr:first-child {
    background: #e31b23 none repeat scroll 0 0;
    color: #fff;
}
table.tabela tr:first-child td {
    border: 0 none;
}
table.tabela tr:nth-child(2n) {
    background: #f5f5f5 none repeat scroll 0 0;
}
.tabela {
    border: 1px solid #f5f5f5;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1% 0 3%;
    width: 100%;
}
.tabela td {
    border: 1px solid #f5f5f5;
    padding: 1% 0;
    text-align: center;
}
.tabela tr td {
    transition: background 200ms ease-in-out 0s;
}
.tabela tr:hover td {
    background: #eee none repeat scroll 0 0;
}
.tabela tr:hover:first-child td {
    background: #e31b23 none repeat scroll 0 0;
}
.tablescroll_wrapper, .tabelaStatistika {
    width: 100%;
}
.tabelaIzborSmera {
    float: right;
    font-size: 0.9em;
    margin: 0 0 10px 10px;
    width: 285px;
}
.tabelaIzborSmera table {
    background: #fafafa none repeat scroll 0 0;
    border-spacing: 0;
    width: 100%;
}
.tabelaIzborSmera .h3Podnaslov {
    padding: 11px 5px 6px 57px;
}
.tabelaIzborSmera a.dugme {
    color: #fff !important;
    display: block !important;
    font-size: 1.3em;
    padding: 1%;
    text-align: left;
    -webkit-appearance: none;
}
.tabelaIzborSmera .dugme {
    background: rgba(0, 0, 0, 0) url("../images/glyphicons-rightWhite.png") no-repeat scroll 45% 50% !important;
    -webkit-appearance: none;
}
.tabelaIzborSmera .dugme:hover {
    background: rgba(0, 0, 0, 0) url("../images/glyphicons-rightWhite.png") no-repeat scroll 60% 50% !important;
}
.tabelaIzborSmera h2 {
    margin: 0 2px;
}
.tabelaIzborSmera th {
    background: #bdbdbc none repeat scroll 0 0;
    color: #ffffff;
    font-weight: normal;
    padding: 2px 4px;
    text-align: left;
}
.tabelaIzborSmera tr:last-child th {
    background: #e31b23 none repeat scroll 0 0;
}
.tabelaIzborSmera td {
    padding: 2px 3px;
}
.tabelaIzborSmera tr:nth-child(2n+1) td {
    background: #fff none repeat scroll 0 0;
}
table.tabelaKont tr:nth-child(2n) {
    background: #f5f5f5 none repeat scroll 0 0;
}
.tabelaKont {
    border: 1px solid #f5f5f5;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1% 0 3%;
    width: 100%;
}
.tabelaKont td {
    border: 1px solid #f5f5f5;
    padding: 1%;
    text-align: left;
}
.tabelaKont input, .tabelaKont textarea {
    border: 1px solid #eee;
}
.tabelaKont tr td {
    transition: background 200ms ease-in-out 0s;
}

.col-4 {
	float: left !important;
	margin: 1% 0.6%;
	width: 32.13%;
}

#btnPosalji {
    border: 1px solid #d8d8d8;
    color: #000;
    cursor: pointer;
    font-size: 0.9em;
    outline: medium none;
    padding: 1% 6% 1% 4%;
    transition: all 0.25s ease-in-out 0s;
}
.oIti {
    border-top: 1px solid #eee;
    margin-bottom: 4%;
    overflow: hidden;
    padding-top: 2%;
}
.oIti h2 {
    margin-top: 0;
}
.oIti p {
    margin-top: 0;
}
.oItiB {
    border-bottom: 1px solid #eee;
    margin-bottom: 5%;
    overflow: hidden;
}
.par .listDot {
    float: right;
    margin-top: 0;
    padding-left: 0;
    width: 47%;
}
.par p {
    clear: right;
    float: right;
    width: 49%;
}
.labelMail {
    float: left;
    width: 132px;
}
.inputMail {
    float: left;
    width: 260px;
}
.btnMail {
    float: left;
}
.sara.tabela td {
    padding: 1% !important;
    text-align: left !important;
}
.imgFloatLeftMar {
    margin-right: 2% !important;
}
.read_more {
    background: #f3f3f3 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block !important;
    font-size: 18px;
    margin: 15px 0;
    padding: 3px 0;
    text-align: center !important;
    transition: all 300ms ease-in-out 0s;
}
.read_more:link {
    color: #fff;
}
.read_more:visited {
    color: #fff;
}
.read_more:hover {
    background: #e31b23 none repeat scroll 0 0;
    color: #fff;
}
.read_more:active {
    color: #fff;
}
.read_more > img {
    display: inline !important;
    margin-bottom: 0 !important;
}
.more, .moreB {
    display: none;
}
.drop_table .moreB h3, .drop_table .moreB p, .drop_table .moreB h2, .drop_table .moreB span, .drop_table .moreB ul, .drop_table .moreB li {
    text-align: left;
}
.drop_table tr {
    border-bottom: 2px solid #fff;
    cursor: pointer;
    transition: all 300ms ease-in-out 0s;
}
.drop_table .read_moreB:hover {
    color: #e31b23;
}
.drop_table td {
    padding: 2% 0;
}
.moreB td {
    padding: 0 3%;
}
.read_moreB td:nth-child(2) {
    text-align: left;
    text-decoration: underline;
}
.border_red {
    border-bottom: 1px solid #e31b23;
    padding-bottom: 3px;
}
.odsek_box {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #000;
    display: block;
    margin: 10px 5px;
    overflow: hidden;
}
.odsek_h3 {
    background: #f5f5f5 none repeat scroll 0 0;
    margin: 0;
    padding: 10px;
}
.odsek_h3 a {
    text-decoration: none;
}
.padd09 {
    padding: 0 9px;
}
.dugmeOkvir.linkovi_btm {
    display: block !important;
    margin-bottom: 2%;
    padding: 2% 0 !important;
    text-align: center;
    width: 100%;
    -webkit-appearance: none;
}
.link_oko {
    background: #ededec none repeat scroll 0 0;
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
}
.link_oko a {
    display: block !important;
    text-decoration: none;
}
.link_oko h4, .link_oko p {
    margin: 0;
    padding: 10px;
}
.link_oko h4 a, .link_oko p a {
    color: #000;
}
.link_oko h3 {
    background: #e31b23 url("http://www.it-akademija.com/cms/mestoZaUploadFajlove/strelice_naslov_.png") no-repeat scroll right 7px center / contain ;
    color: rgb(255, 255, 255);
    margin: 0;
    padding: 10px;
}
.link_oko h3 a {
    color: #fff !important;
}
.carousel_mobile > div p:last-child {
    background: #f6f6f6 none repeat scroll 0 0;
    border-top: 1px solid #f1f1f1;
    margin-bottom: 0;
    min-height: 180px;
    padding: 3%;
}
.naslovni_slick .carousel_mobile > div p:last-child {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
.slick-slide {
    border: 1px solid #dcdcdc;
    box-shadow: 0 0 4px #ccc;
    margin: 0 4px;
    overflow: hidden !important;
}
.naslovni_slick .slick-slide p a {
    color: inherit !important;
    text-decoration: none;
}
.naslovni_slick .carousel_mobile div p {
    font-size: 1em;
}
.naslovni_slick .carousel_mobile > div p:last-child {
    border-top: 1px solid #f1f1f1;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 80px;
    padding: 3%;
}
.naslovni_slick .slick-slide {
    border: 1px solid #dcdcdc;
    margin: 0 4px;
    outline: medium none;
    overflow: hidden !important;
}
.naslovni_slick .slider_slick span {
    color: #e31b23;
    display: block;
    font-size: 20px;
    line-height: 30px;
}
.h3Podnaslov.admin.admin_2 {
    line-height: 45px;
}
.slick-prev {
    background: #444 none repeat scroll 0 0;
    border: 1px solid #545454;
    border-radius: 50%;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    height: 26px;
    left: 1%;
    overflow: hidden;
    position: absolute;
    text-indent: -70px;
    top: 36%;
    width: 26px;
    z-index: 2;
}
.slick-prev::before {
    color: #fff;
    content: url("/cms/mestoZaUploadFajlove/slider-arrow-left_.png");
    font-size: 16px;
    font-weight: 300;
    left: 46px;
    line-height: 12px;
    position: absolute;
    top: 5px;
}
.slick-next {
    background: #444 none repeat scroll 0 0;
    border: 1px solid #545454;
    border-radius: 50%;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    height: 26px;
    overflow: hidden;
    position: absolute;
    right: 2%;
    text-indent: 999px;
    top: 36%;
    width: 26px;
}
.slick-next::before {
    color: #fff;
    content: url("/cms/mestoZaUploadFajlove/slider-arrow-right_.png");
    font-size: 16px;
    font-weight: 500;
    line-height: 12px;
    position: absolute;
    right: 7px;
}
.slick-next:hover, .slick-prev:hover {
    background: #6c6c6c none repeat scroll 0 0;
}
.uspesnaKar_pop.popup_uspesnaKarPop .popupProveraUslova {
    font-size: 38px;
    margin-bottom: 5px;
    margin-right: 0;
    margin-top: 0;
    width: 94%;
}
.uspesnaKar_pop.popup_uspesnaKarPop .text_pop {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 14px;
    margin: 0;
    width: 93%;
}
.uspesnaKar_pop.popup_uspesnaKarPop form table {
    float: right;
    font-size: 17px;
    margin-top: 5px;
    text-align: right;
    width: 58%;
}
.uspesnaKar_pop.popup_uspesnaKarPop table td {
    text-align: right;
}
.uspesnaKar_pop.popup_uspesnaKarPop .dugmeOkvir {
    border: 0 none;
    color: #fff;
    float: right;
    font-size: 13px;
    padding: 10px 35px 10px 10px !important;
    width: 90%;
    -webkit-appearance: none;
}
.uspesnaKar_pop.popup_uspesnaKarPop .privatnost {
    clear: both;
    font-size: 12px;
    margin: 0;
    text-align: right;
}
.uspesnaKar_pop.popup_uspesnaKarPop table {
    padding: 0px 12px 0;
    width: 100%;
}
.uspesnaKar_pop.popup_uspesnaKarPop .img_pop {
    margin-top: 34px;
}
.uspesnaKar_pop.popup_uspesnaKarPop .popupProveraUslova {
    font-size: 26px;
    line-height: 28px;
}
#slMestaDesign_mob a, #slMestaProgramming_mob a {
    text-decoration: none;
}
.uspesnaKar_pop .img_pop {
    float: left;
    width: 41%;
}
.st_text {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    margin-top: 20px;
    overflow: hidden;
}
.uspesnaKar_pop .img_pop {
    float: left;
    width: 41%;
}
.uspesnaKar_pop .popupProveraUslova {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    border-bottom: 1px solid rgb(227, 27, 35);
    color: rgb(227, 27, 35);
    float: right;
    font-size: 35px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 0;
    margin-right: -15px;
    margin-top: 27px;
    padding: 11px 10px 7px;
    text-align: right;
    text-transform: uppercase;
    width: 55%;
}
.uspesnaKar_pop .text_pop {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    float: right;
    font-size: 16px;
    margin: 0 -15px 0 0;
    padding: 7px 12px 8px;
    text-align: right;
    width: 57%;
}
.program_pop .text_pop {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    float: right;
    font-size: 18px;
    margin: 0;
    padding: 7px 12px 8px;
    text-align: right;
    width: 93%;
}
.uspesnaKar_pop .dugme_pop {
    background-color: rgb(227, 27, 35);
    display: inline-block;
    margin: 14px auto 0;
    padding: 10px 45px !important;
    text-align: center;
    text-shadow: none;
    width: 40%;
    -webkit-appearance: none;
}
#popupProveraUslova {
    background-color: white;
    border-radius: 10px;
    height: 285px;
    min-width: 200px;
    overflow: hidden;
    padding: 1px 15px;
}
.popup_uspesnaKarPop {
    background: rgba(0, 0, 0, 0) url("/cms/mestoZaUploadFajlove/pozadina_pop_.jpg") no-repeat scroll 0 0 / cover ;
}
.custombox-modal {
    transform: translateY(-49%);
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio:0) {

    .custombox-modal {
        transform: translateY(-50%) !important;
    }
}

.uspesnaKar_pop.popup_uspesnaKarPop.program_pop {
    height: 365px !important;
    padding: 0 0 0 15px !important;
}
.uspesnaKar_pop.popup_uspesnaKarPop.admin_pop {
    height: 432px !important;
    padding: 0 0 0 15px !important;
}



/*related CTA*/
.related, .related2 {
    border-radius: 5px;
    overflow: hidden;
    padding: 10px 0;
}
.related > h2, .related2 > h2 {
    margin: 8px 5px;
}
/* .related > ul, .related2 > ul {
    margin: 0;
    padding: 0;
} */
.related > ul, .related2 > ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
/* .related li, .related2 li {
    float: left;
    list-style: outside none none;
    width: 50%;
} */
.related li, .related2 li {
    list-style: outside none none;
    display: flex;
    flex-basis: 50%;
}
/* .related a.dugmeOkvirBeli, .related2 a.dugmeOkvirBeli {
    background-color: #f4f4f4;
    background-position: 91% center;
    box-shadow: 0 1px 2px #afafaf;
    color: #444;
    display: inline-block;
    font-size: 0.9em;
    height: 62px;
    line-height: 18px;
    margin: 1% 2%;
    min-height: 36px;
    padding: 6% 19% 2% 5%;
    text-transform: none;
    -webkit-appearance: none;
} */
.related a.dugmeOkvirBeli, .related2 a.dugmeOkvirBeli {
    background-color: #f4f4f4;
    background-position: 91% center;
    box-shadow: 0 1px 2px #afafaf;
    color: #444;
    display: flex !important;
    font-size: 0.9em;
    line-height: 18px;
    margin: 1% 2%;
    min-height: 36px;
    padding: 3% 15% 3% 4%;
    text-transform: none;
    -webkit-appearance: none;
    width: 100%;
    align-items: center;
}
.related a.dugmeOkvirBeli:hover, .related2 a.dugmeOkvirBeli:hover {
    background-color: #e6e6e6;
    box-shadow: 0 2px 2px 0 #bcbcbc;
}
.related .one-row, .related2 .one-row  {
    line-height: 36px;
}
.related span, .related2 span {
    display: inline-block;
    line-height: 16px;
    vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .related li, .related2 li {
      flex-basis: 100%;
  }
}

/* 404 stranica */
.najtrazenije .tabelaSmer a.smer-link {
	color: #fff;
	display: block !important;
	font-size: 14px;
	text-align: center;
	padding: 5px;
	text-decoration: none;
	transition: 200ms color ease;
}
.najtrazenije .tabelaIzborSmera td {
	padding: 0;
}
.najtrazenije .tabelaSmer img {
    border-top: 14px solid #e4e4e4;
}
.najtrazenije .tabelaSmer a:link {color: #fff}
.najtrazenije .tabelaSmer a:visited {color: #fff}
.najtrazenije .tabelaSmer a:hover {	color: #ececec}
.najtrazenije .tabelaSmer a:active {color: #fff}

.blog-postovi {
	clear: both
}
.blog-postovi-post {
	border: 0;
	background: transparent !important;
}
.blog-postovi .blog-postovi-post td {
    background: #fff none repeat scroll 0 0 !important;
    padding: 0;
}
.blog-postovi-post img {
    height: 150px;
    padding-bottom: 10px;
    width: 100%;
}
a.crniLink { text-decoration: none }
a.crniLink:link { color: #000; }
a.crniLink:visited { color: #000; }
a.crniLink:hover { color: #e31b23; }
a.crniLink:active { color: #000; }

.odabrani h5 {
    margin: 10px 0 20px;
}

/* Ocene sidebar */
#aggregateRating {
    border-bottom: 2px solid #e9e9e9;
    display: block;
    overflow: hidden;
}
#ratingValue {
    box-sizing: border-box;
    color: #e31b23;
    display: block;
    float: left;
    font-size: 70px;
    letter-spacing: -4px;
    padding: 0 0 0 12px;
    width: 52%;
}
#reviewCount {
    box-sizing: border-box;
    color: #b9b9b9;
    font-size: 13px;
    padding: 0 2px;
}
#ratingImage {
    display: block;
    padding: 27px 0 3px;
}
#ratingImage img {
    width: 86px;
}
.reviewCount-txt {
    color: #a9a9a9;
    font-size: 11px;
    line-height: 13px;
    display: block;
}


#msform {
    margin: 30px auto;
    min-height: 370px;
    position: relative;
}
#msform fieldset {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    padding: 1% 4% 2%;
    position: relative;
    width: 100%;
}
#msform fieldset:not(:first-of-type) {
    display: none;
}
#msform fieldset input, #msform fieldset textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    color: #2c3e50;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 15px;
    width: 100%;
}
#msform .action-button {
    background: #e31b23 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 6px;
    color: white;
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin: 10px 0;
    padding: 10px 5px;
    -webkit-appearance: none;
    width: 100%;
}

#msform .action-button:hover, #msform .action-button:active {
    color: #000;
}
#msform .action-button.previous, #msform .action-button.next {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-radius: 6px;
    color: #e31b23;
    cursor: pointer;
    float: left;
    font-size: 12px;
    height: 32px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: right;
    width: 40px;
}
#msform .action-button.next {
    margin: 0;
    text-align: left;
}
#msform .next::before {
    background: transparent url("https://it-akademija.com/cms/mestoZaUploadFajlove/slider-arrows_2_.png") repeat scroll 10px 0;
    content: "";
    height: 15px;
    margin: 0 1px 0 3px;
    position: absolute;
    right: 0;
    top: 27%;
    width: 10px;
}
#msform .previous::before {
    background: transparent url("https://it-akademija.com/cms/mestoZaUploadFajlove/slider-arrows_2_.png") repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 15px;
    left: 1px;
    margin: 0;
    position: absolute;
    top: 27%;
    width: 10px;
}
#msform .action-button:hover, #msform .action-button:focus {
    background: #ececec none repeat scroll 0 0;
}
#msform .action-button.zavrsi-test {
    background: #e31b23 none repeat scroll 0 0;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    -webkit-appearance: none;
}
#msform fieldset {
    text-align: left;
}
#msform fieldset input[type="radio"] {
    display: block;
    float: left;
    height: 16px;
    margin: 2px 5px 2px 1px;
    padding: 0;
    width: 16px;
}
#msform fieldset label {
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 90%;
}
#msform fieldset div {
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
}
#msform fieldset div.pull-head {
    margin-bottom: 0;
}
#msform #popup {
    height: auto;
    z-index: 9;
    background: #f5f5f5;
}
.fs-title {
    border-top: 1px solid #ececec;
    color: #2c3e50;
    font-size: 18px;
    margin: 2px 0 10px;
    min-height: 42px;
    padding-top: 13px;
}
.fs-subtitle {
    color: #e31b23;
    float: right;
    font-size: 15px;
    font-weight: 600;
    margin: 8px 0 5px;
    position: relative;
}
.erorr-pull {
    color: #e31b23;
    font-size: 13px;
    margin-top: -5px;
}

.col-12-table {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 2% !important;
    width: 98% !important;
}
.col-4-table {
    width: 33.33%;
}
.col-6-table {
    width: 10% !important;
}
.col-3-table {
    width: 39% !important;
}


/* Pretraga */
.search-field {
    background-color: transparent;
    background-image: url("https://it-akademija.com/cms/mestoZaUploadFajlove/zoom2_.png");
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    border: medium none;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    height: 27px;
    margin: 1px 0 1px 9px;
    padding: 0 0 0 25px;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition:         width 400ms ease, background 400ms ease;
    width: 0;
}

.search-field:focus {
	background-color: #fff;
	border-bottom: 1px solid #e31b23;
	cursor: text;
	outline: 0;
	width: 170px;
}

.search-submit {
  display: none;
}

input[type="search"] {
  -webkit-appearance: textfield;
}


/* Tradicionalno / online strana Java */
.trad-online .tab {
	margin: 0 auto;
	overflow: hidden;
	padding-top: 20px;
	position: relative;
}
.trad-online .tabs {
	display: table;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}
.trad-online .tabs li {
	float: left;
	list-style: outside none none;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: center;
	width: 49.8%;
}
.trad-online .tabs li:last-child {
	margin-left: .4%;
}
.trad-online .tabs a {
	background-color: #dfe0e2;
	color: #fff;
	display: block !important;
	font-size: 20px;
	outline: medium none;
	padding: 4% 0;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	width: 100%;
}
.trad-online .tabs a img {
	margin-right: 5px;
}
.trad-online .tabs a:hover {
	background: #e31b23 none repeat scroll 0 0;
}
.trad-online .tabs_item {
	display: none;
}
.trad-online .tabs_item:first-child {
	display: block;
}
.trad-online .current a {
	color: #fff;
	background: #e31b23;
}

.mobile-dugme{
		display: none
	}
.kolacici {

    margin: 0 auto;
    width: 961px;
    background: transparent;

}
.kolacici p span a {

    background: #e31b23;
    padding: 8px 22px;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;

}
	.kolacici p span {

    text-decoration: none;
    margin: 0 0 0 10px;
        margin-top: 0px;
    margin-top: 4px;

}
	.kolacici-wrap {

    background: #e1e1e1;
position: fixed;
    bottom: 0;
    width: 65%;
    left: 0;
    right: 0;
    margin: 0 auto;
		-webkit-box-shadow: -1px 0px 5px 0px #ccc;

-moz-box-shadow: -1px 0px 5px 0px #ccc;

box-shadow: -1px 0px 5px 0px #ccc;
z-index:9999;
max-width: 1160px;
}


.collapsible {
   display: none;
}

#sertifikat_stranica .line {
    background: rgba(0, 0, 0, 0) url("img/pozadina.png") repeat scroll 0 0;
}
#sertifikat_stranica .line h1 {
    text-align: center;
}
#sertifikat_stranica .red {
    color: #e31b23;
}
#sertifikat_stranica #image_top {
    background-color: #e7e7e7;
    margin: 0 auto;
}
#sertifikat_stranica #image_top p {
    margin: 0;
}
#sertifikat_stranica .centar {
    text-align: center;
}
#sertifikat_stranica .tekst {
    color: #606060;
    font-size: 1.3em;
    font-weight: 300;
    margin: 0 auto;
    padding: 50px 0;
    width: 100%;
}
#sertifikat_stranica .prvi {
    font-size: 25px;
    padding-bottom: 0;
    padding-top: 26px;
}
#sertifikat_stranica .drugi {
    padding-top: 20px;
}
#sertifikat_stranica #pozadina {
    height: 720px;
    padding: 50px 0;
}
#sertifikat_stranica #sertifikat {
    background: rgba(0, 0, 0, 0) url("http://www.link-academy.com/cms/mestoZaUploadFajlove/sertifikat/sertifikat3.png") no-repeat scroll 0 0;
    height: 860px;
    margin: 0 auto;
    position: relative;
    width: 720px;
}
#sertifikat_stranica .tekstUnutar {
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
    color: #505050;
    display: none;
    font-size: 13px;
    line-height: 18px;
    margin: 16px 13px 5px 125px;
    padding: 6%;
    width: 240px;
}
#sertifikat_stranica .krugA.krugB .tekstUnutar {
    margin: 16px 13px 5px -292px;
}
#sertifikat_stranica .krugA {
    height: 210px;
    margin: -4px -50px 0;
    padding-left: 80px;
    padding-right: 120px;
    position: absolute;
    transition: all 250ms ease 0s;
    width: 144px;
}
#sertifikat_stranica .krugA:hover {
    background: rgba(0, 0, 0, 0) url("http://www.link-academy.com/cms/mestoZaUploadFajlove/sertifikat/krug1.png") no-repeat scroll 5px 6px;
}
#sertifikat_stranica .krugC {
    margin-top: 140px;
    padding-right: 91px;
}
#sertifikat_stranica .krugC:hover {
    background: rgba(0, 0, 0, 0) url("http://www.link-academy.com/cms/mestoZaUploadFajlove/sertifikat/krug3.png") no-repeat scroll 5px 2px;
}
#sertifikat_stranica .krugE {
    margin-top: 290px;
    padding-right: 91px;
}
#sertifikat_stranica .krugE:hover {
    background: rgba(0, 0, 0, 0) url("http://www.link-academy.com/cms/mestoZaUploadFajlove/sertifikat/krug5.png") no-repeat scroll 5px 6px;
}
#sertifikat_stranica .krugG {
    margin-top: 460px;
    padding-right: 91px;
}
#sertifikat_stranica .krugG:hover {
    background: rgba(0, 0, 0, 0) url("http://www.link-academy.com/cms/mestoZaUploadFajlove/sertifikat/broj.gif") no-repeat scroll 6px 7px;
}
#sertifikat_stranica .krugB {
    margin-right: 0;
    margin-top: 0;
    padding-left: 34px;
    padding-right: 0;
    right: 0;
    text-align: right;
    width: 170px;
}
#sertifikat_stranica .krugB:hover {
    background: rgba(0, 0, 0, 0) url("http://www.link-academy.com/cms/mestoZaUploadFajlove/sertifikat/krug11.gif") no-repeat scroll right 0;
}
#sertifikat_stranica .krugD {
    margin-top: 180px;
}
#sertifikat_stranica .krugD:hover {
    background: rgba(0, 0, 0, 0) url("http://www.link-academy.com/cms/mestoZaUploadFajlove/sertifikat/krug6.png") no-repeat scroll right 0;
}
#sertifikat_stranica .krugF {
    margin-top: 350px;
}
#sertifikat_stranica .krugF:hover {
    background: rgba(0, 0, 0, 0) url("http://www.link-academy.com/cms/mestoZaUploadFajlove/sertifikat/krug77.gif") no-repeat scroll right 0;
}
#sertifikat_stranica .krugH {
    margin-top: 550px;
}
#sertifikat_stranica .krugH:hover {
    background: rgba(0, 0, 0, 0) url("http://www.link-academy.com/cms/mestoZaUploadFajlove/sertifikat/krug8.png") no-repeat scroll right 0;
}
#sertifikat_stranica .tekstSpolja {
    color: red;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 4px;
    text-transform: uppercase;
}
#sertifikat_stranica .krugA:hover .tekstUnutar {
    background: rgba(255, 255, 255, 0.97) none repeat scroll 0 0;
    display: block;
}
#sertifikat_stranica .krugA:hover .tekstSpolja {
    display: block;
}
#sertifikat_stranica h2.red.centar {
    font-size: 2em;
    margin: 0 auto;
    width: 62%;
}
#sertifikat_stranica .footer {
    background: #e31b23 none repeat scroll 0 0;
    color: #fff;
    overflow: hidden;
}
#sertifikat_stranica img {
    max-width: 100%;
}
#sertifikat_stranica a {
    color: #e31b23;
    text-decoration: none;
}
#sertifikat_stranica .right {
    float: right;
    font-size: 15px;
}
#sertifikat_stranica .mid {
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0 20px;
    width: 840px;
}
#sertifikat_stranica .image {
    display: none;
    margin: 0 auto;
}


/*Exit*/
#ouibounce-modal {
    z-index: 9;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}
#ouibounce-modal .underlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    cursor: pointer;
    -webkit-animation: fadein .5s;
    animation: fadein .5s
}
#ouibounce-modal .modal {
    width: 560px;
    height: 360px;
    background: #e31b23 url(/cms/mestoZaUploadFajlove/LA_PopUp_.png) no-repeat center center / contain;
    z-index: 1;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    -webkit-animation: popin .3s;
    animation: popin .3s;
    display: block;
}
#ouibounce-modal .modal-body {
    padding: 10px 15px;
}
#ouibounce-modal .modal-body::after {
    position: absolute;
    top: 6%;
    bottom: 6%;
    left: 4%;
    border: 3px solid rgba(64,64,64,.04);
    content: none;
    width: 92%;
    right: 4%;
    padding: 2%;
    box-sizing: border-box;
}
#ouibounce-modal h1 {
    line-height: 52px;
    margin: 15px 0 10px;
    color: #fff;
    font-size: 70px;
    font-weight: 800;
}
#ouibounce-modal p {
    color: #fff;
    font-size: 22px;
    margin: 16px 0 14px;
    font-weight: 300;
    letter-spacing: 1px;
}
#ouibounce-modal h1 span {
    display: block;
    font-size: 44px;
    color: #fff;
    font-weight: 400;
}
.exit-btn {
    background-color: #f5f5f5;
    padding: 10px 4%;
    z-index: 99;
    position: relative;
    display: inline-block;
    width: 270px;
    border-radius: 5px;
    text-decoration: none;
    color: #5284c4;
    font-weight: 700;
    font-size: 24px;
    margin: 5px 0;
}
.dugmeExit {
 background:#e31b23
}
.dugmeExit:active,.dugmeExit:hover {
 background:#9A9A9A !important
}

p.zatvori-modal {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 5px !important;
    cursor: pointer
}
@-webkit-keyframes fadein {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
@-ms-keyframes fadein {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
@keyframes fadein {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
@-webkit-keyframes popin {
    0% {
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    85% {
        -webkit-transform:scale(1.05);
        transform:scale(1.05);
        opacity:1
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@-ms-keyframes popin {
    0% {
        -ms-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    85% {
        -ms-transform:scale(1.05);
        transform:scale(1.05);
        opacity:1
    }
    100% {
        -ms-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes popin {
    0% {
        -webkit-transform:scale(0);
        -ms-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    85% {
        -webkit-transform:scale(1.05);
        -ms-transform:scale(1.05);
        transform:scale(1.05);
        opacity:1
    }
    100% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}

.cb-form {
    box-shadow: 0 0 3px 2px #e31b23;
    -webkit-box-shadow: 0 0 3px 2px #e31b23;
}
.cb-form2 {
    box-shadow: 0 0 1px 1px #444;
    -webkit-box-shadow: 0 0 1px 1px #444;
}


@media only screen and (min-width: 768px) {
    .gdpr-modal {
        position: fixed !important;
        bottom: 2vw !important;
        transform: none !important;
        right: 2vw !important;
        margin: 0 !important;
        left: auto !important;
        top: auto !important;
        width: 630px !important;
        border-radius: 10px;
    }
}


@media only screen and (min-width:997px){
  .kolacici p span {
    float: right;
  }

  #wrap-kolacic-wrap .kolacici .content {
    display: block;
  }

}
@media only screen and (max-width:996px){
	
	

    .collapsible {
        display: inline-block;
        cursor: pointer;
        border: none;
        outline: none;
        /* background: linear-gradient(to bottom,rgba(242,242,242,0) 0,#f2f2f2 50%,#f2f2f2 100%); */
        font-size: 14px;
        padding: 0;
        /* color: #e31b23; */
        visibility: hidden;
        text-decoration: underline;
        background: #e1e1e1;
    }

    .collapsible.active {
        visibility: visible;
    }

.collapsible::after {
    content: "»";
    display: inline-block;
    margin-left: 5px;
}

#mobile-more {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
text-decoration: none;
color: #383838;
margin-top: 15px;
}

#mobile-more::before {
    content: "\203A";
    margin-right: 3px;
    font-size: 20px;
}

#mobile-more::before:hover {
    transform: translateX(3px);
    transition: 300ms all;
}

#mobile-more:hover {
color: #e31b23;
}

#politikaLink {
    display: none;
}

.active, .collapsible:hover {
 
}

#wrap-kolacic-wrap .kolacici .content {

  display: none;
  overflow: hidden;
  margin: 0 0 10px;
}

.desktop-dugme{
		display: none !important;
	}
	.mobile-dugme{
		
	}
  .kolacici {
    width: 100%;
  }
  .kolacici p {
        display: inline;
    }
.kolacici p span {
    display: block;
    vertical-align: middle;
    /*padding: 3px 7px;*/
    width: 100%;
	margin-top: 0px;
    margin-left: 0px;    
}
	.kolacici p span a {

    background: #e31b23;
    padding: 8px 0px;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: center;
    margin-right: 18px;
    margin-bottom: 20px;

}
	.kolacici-wrap{
		width: 100% !important;
		z-index: 999;
	}
	.large-6.columns {
    margin: 0 20px;
}

}

@media only screen and (max-width: 600px) {
    #ouibounce-modal .modal, #ouibounce-modal, .underlay {
        display: none
    }
}
#ouibounce-modal {
    display: none;
}

@media only screen and (max-width: 1600px) {
		.kolacici-wrap {
			width: 80%;
	}
}
@media only screen and (max-width: 1400px) and (min-width: 996px) {
		.kolacici-wrap {
			width: 100%;
	}
}

@media only screen and (max-width: 1020px) {

    #sertifikat_stranica .image {
        display: block;
    }
    #sertifikat_stranica .tekst {
        width: 90%;
    }
    #sertifikat_stranica #sertifikat {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        width: 92%;
    }
    #sertifikat_stranica .krugA .tekstUnutar {
        background: rgba(255, 255, 255, 0.97) none repeat scroll 0 0;
        display: block;
        margin: 0;
        padding: 2% 6%;
        text-align: left;
        width: 87%;
    }
    #sertifikat_stranica .krugA {
        height: auto !important;
        margin: 0;
        padding: 0 10% 1%;
        position: relative;
        width: 80%;
    }
    #sertifikat_stranica .krugA.krugB .tekstUnutar {
        margin: 0;
        padding: 2% 6%;
        text-align: left;
    }
    #sertifikat_stranica .krugA, .krugB {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    }
    #sertifikat_stranica .krugA:first-child .tekstUnutar {
        background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
        margin-top: 5%;
    }
    #sertifikat_stranica #pozadina {
        background: #f5f5f5 none repeat scroll 0 0;
        height: auto;
        padding: 50px 0 100px;
    }
    #sertifikat_stranica #sertifikat {
        height: auto;
    }
    #sertifikat_stranica .tekstUnutar {
        overflow: hidden;
    }
    #sertifikat_stranica .mid {
        width: 100%;
    }
    #sertifikat_stranica .left {
        float: none;
        margin: 0 auto;
        padding: 5px 0;
        text-align: center;
        width: 186px;
    }
    #sertifikat_stranica .right {
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 50%;
    }
}
@media only screen and (max-width: 620px) {
    #sertifikat_stranica .image {
        display: block;
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    #sertifikat_stranica .right {
        width: 146px;
    }
}
.link-blink a {
    text-decoration: none !important;
}
.link-blink a:link {
    color: #e31b23;
}
.link-blink a:visited {
    color: #e31b23;
}
.link-blink a:hover {
    color: #000;
}
.link-blink a:active {
    color: #e31b23;
}
.blink-anim {
    animation: 0.6s linear 2s alternate none infinite running blink-animate;
}
@keyframes blink-animate {
    0% {
        color: #e31b23;
    }
    80% {
        color: #e31b23;
    }
    100% {
        color: transparent;
    }
}
@keyframes blink-animate {
    0% {
        color: #e31b23;
    }
    80% {
        color: #e31b23;
    }
    100% {
        color: transparent;
    }
}
.tabela-cta td:nth-child(1) {
    background: #29262b none repeat scroll 0 0;
    border-radius: 5px 0 0 5px;
    color: #ffffff;
    font-size: 21px;
    font-style: italic;
    font-weight: 600;
    padding: 7px 10px;
    width: 26%;
}
.tabela-cta td:nth-child(2) {
    background: #e31b23 none repeat scroll 0 0;
    border-radius: 0 5px 5px 0;
    color: #ffffff;
    padding: 7px 10px;
}
.tabela-cta td:nth-child(2) a {
    color: #fff !important;
}
.social {
    background: rgba(0, 0, 0, 0) url("/images/social.svg") no-repeat scroll 0 0 / auto 100%;
    display: block;
    float: left;
    height: 50px;
    margin-right: 5px;
    opacity: 0.9;
    text-indent: -999px;
    transition: all 200ms ease 0s;
    width: 50px;
}
.social.social-fut {
    background: rgba(0, 0, 0, 0) url("/images/social3.svg") no-repeat scroll 0 0 / auto 100%;
}
.social:last-child {
    margin-right: 0;
}
.left-bread {
    float: left;
    width: 83%;
}
.social-bread {
    float: right;
    margin-top: -4px;
}
.social-bread-btn {
    border-radius: 50%;
    height: 27px;
    overflow: hidden;
    vertical-align: top;
    width: 27px;
}
.social-bread .resp-sharing-button__icon svg {
    font-size: 1.4em;
    margin-right: 0;
}
.social-bread .resp-sharing-button__link {
    margin: 0 0 0 0.4em;
}
.social-bread .resp-sharing-button {
    padding: 0.4em 0.5em 0.2em;
}
.social-fut-div {
   margin: 10px 0 0;
   padding: 0 0 0 0px !important;
}
.social-fb {
    background-position: 0 0;
}
.social-tw {
    background-position: -74px 0;
}
.social-yt {
    background-position: -367px 0;
}
.social:hover {
    opacity: 1;
}

.social-fut.social {
height: 22px;
margin: 0px 0px 0 0;
padding: 0;
width: 23px;
}

.social.social-fut.social-ig {
   background-position: -21px 0 !important;
}
.social-fb.social-fut.social {

   background-position: 2px 0px !important;

}
.social-tw.social-fut.social {
background-position: -44px 0 !important;
}


.social-yt.social-fut.social {
background-position: -67px 0 !important;
margin-right: 0px !important;
}
.resp-sharing-button__link, .resp-sharing-button__icon {
    display: inline-block;
}
.resp-sharing-button__link {
    color: #fff !important;
    display: inline-block !important;
    font-size: 0.7em;
    margin: 0.5em 0.7em 0.5em 0;
    text-decoration: none;
}
.resp-sharing-button {
    border-radius: 5px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    padding: 0.4em 0.75em;
    transition: all 25ms ease-out 0s;
}
.resp-sharing-button__icon svg {
    height: 1em;
    margin-right: 0.4em;
    width: 1em;
}
.resp-sharing-button--small svg {
    margin: 0;
}
.resp-sharing-button__icon {
    fill: none;
    stroke: #fff;
}
.resp-sharing-button__icon--solid, .resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none;
}
.resp-sharing-button--twitter {
    background-color: #55acee;
}
.resp-sharing-button--twitter:hover {
    background-color: #2795e9;
}
.resp-sharing-button--facebook {
    background-color: #3b5998;
}
.resp-sharing-button--facebook:hover {
    background-color: #2d4373;
}
.resp-sharing-button--email {
    background-color: #777;
}
.resp-sharing-button--email:hover {
    background-color: #5e5e5e;
}
.resp-sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998;
}
.resp-sharing-button--facebook:hover, .resp-sharing-button--facebook:active {
    background-color: #2d4373;
    border-color: #2d4373;
}
.resp-sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee;
}
.resp-sharing-button--twitter:hover, .resp-sharing-button--twitter:active {
    background-color: #2795e9;
    border-color: #2795e9;
}

.nav-toggle-phone {
    color: #fff !important;
    z-index: 9;
    position: absolute;
    right: 0;
    text-decoration: none;
    padding: 0 32px 1px;
    display: none;
    font-size: 19px;
    margin-top: -4px;
}
.nav-toggle-phone:before {
    background: url(/cms/mestoZaUploadFajlove/phone_.png) 0 5px/15px auto no-repeat;
    content: "";
    width: 17px;
    height: 20px;
    position: absolute;
    right: 10px;
	top: 1px
}

.st_text a {
    color: #444 !important;
}

.hide-desktop {
    display: none;
}
.hide-inline-desktop {
    display: none;
}
.hide-mobile, .hide-mobile2 {
    display: block;
}
.hide-inline-mobile {
    display: table-row;
}
@media only screen and (min-width: 768px) and (max-width: 995px) {
    #header {
        width: 720px;
    }
    #wrapper {
        width: 720px;
    }
    #levi {
        width: 460px;
    }
    #oko {
        width: 720px;
    }
    nav#mainNav {
        width: 720px;
    }
    #wrapper #content img {
        height: auto;
    }
    #mainContent {
        width: 480px;
    }
    .topNewsTxt h1.CrveniTxt {
        line-height: 26px;
    }
    .st_text a {
    color: #fff !important;
}
    .dugmeNews {
        margin-top: 4%;
        width: 70%;
    }
    .topNews .dugme {
        width: 42%;
        -webkit-appearance: none;
    }
    a.tooltip span {
        margin-left: -477px;
        margin-top: 26px;
        width: 39%;
    }
    nav#mainNav #imageTop {
        display: none;
    }
    .zimskiP {
        display: none;
    }
    .topNewsTxt {
        padding: 3% 2% 0;
        width: 38%;
    }
    .topNewsTxt h1 {
        font-size: 2em;
        margin: 0 0 3%;
    }
    .topNewsTxt h2 {
        font-size: 1.1em;
        margin-top: 16%;
    }
    .topNewsTxt h3 {
        font-size: 0.9em;
        margin-bottom: 4%;
    }
    nav#mainNav li a {
        font-size: 0.9em;
        line-height: 20px;
        padding: 20px 10px;
    }
    #wrapperNav li {
        margin-left: 0;
    }
    #slogan {
        width: 61%;
    }
    #slogan p {
        font-size: 20px;
        padding-right: 0;
        text-align: right;
    }
    #topRight li a:last-child {
        padding-right: 0;
    }
    .social-fut-div {
        padding: 0 0 0 10px !important;
    }
    .paragrafTop {
        font-size: 0.8em;
        padding: 6px 57px 5px 19px;
    }
    #wrapperNav {
        height: auto;
    }
    #wrapperNav > ul li a {
        font-size: 0.9em;
        margin-left: 0;
        padding: 6px 9px;
    }
    #wrapperNav > ul li:last-child a {
        border-right: 0 none;
    }
    .footerNav ul li a {
        font-size: 0.9em;
        padding: 10px;
    }
    .footerNav .phone {
        margin-right: 1.8%;
    }
    .footerNav .phone p {
        font-size: 0.9em;
    }
    .triKolone {
        margin: 2% 1%;
        min-height: 454px;
        width: 48%;
    }
    .kruzniOkvir {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        min-height: 0;
    }
    .dugme {
        background-position: 90% 50%;
        -webkit-appearance: none;
    }
    .h3Apsolutno {
        font-size: 0.9em;
        height: 38px;
    }
    #lista ul {
        padding-left: 1%;
    }
    .suscribeForm input[type="submit"] {
        margin: 3% 0;
    }
    .galerija {
        padding: 0 40px;
    }
    .imgFloatRight {
        float: none;
        margin: 0 2% 2% 0;
    }
    .imgFloatLeft {
        float: none;
        margin: 0 0 2% 0;
    }
    .oItiB .listDot {
        clear: both;
    }
    .oIti.video iframe {
        margin: 6px;
        width: 46%;
    }
    .tabelaIzborSmera {
        width: 100%;
    }
    .tabelaIzborSmera table {
        width: 100%;
    }
    .par .listDot {
        float: none;
        margin-top: 2%;
        padding-left: 15px;
        width: auto;
    }
    .par p {
        clear: both;
        float: none;
        width: auto;
    }
    #frmSS2 .dugmeOkvir {
        margin: 0;
        -webkit-appearance: none;
    }
    .related .one-row, .related2 .one-row {
        line-height: normal;
    }
    .related a.dugmeOkvirBeli, .related2 a.dugmeOkvirBeli {
        height: auto;
        min-height: 50px;
    }
    .hide-desktop {
        display: none;
    }
    .hide-inline-desktop {
        display: none;
    }
    .hide-mobile, .hide-mobile2 {
        display: block;
    }
    .hide-inline-mobile {
        display: table-row;
    }
}
@media only screen and (min-width: 500px) and (max-width: 767px) {
    .galerija {
        padding: 0 40px;
    }
    #header {
        width: 480px;
    }
    #navLeft {
        padding: 0 0 3%;
        width: 100%;
    }
    #levi {
        padding: 10px;
        width: auto;
    }
    #oko {
        width: 480px;
    }
    #desni {
        display: none;
    }
    .footerNav ul li a {
        font-size: 0.9em;
        padding: 10px;
    }
    .st_text a {
    color: #fff !important;
}
    .dugme {
        background-position: 91% 50%;
    }
    .topNews .dugme {
        width: 42%;
    }
    .zimskiP {
        display: none;
    }
    #wrapperNav > ul li a {
        padding: 5px 10px 4px;
    }
    .paragrafTop {
        padding: 6px 23px;
    }
    .topNewsTxt h1.CrveniTxt {
        line-height: 28px;
    }
    #wrapperNav > ul li a {
        margin-left: 2px;
    }
    .topNewsTxt {
        padding: 16px 0 0 20px;
        width: 35%;
    }
    .dugmeNews {
        background: #e31b23 none repeat scroll 0 0;
        margin-top: 5%;
        width: 62%;
    }
    .topNewsTxt h1.CrveniTxt {
        line-height: 30px;
    }
    .topNewsTxt h1 {
        font-size: 2em;
        margin: 0 0 3%;
    }
    .topNewsTxt h2 {
        font-size: 1.1em;
        margin-top: 16%;
    }
    #wrapper #content img {
        height: auto;
    }
    .topNewsTxt h3 {
        font-size: 0.8em;
        margin-bottom: 4%;
    }
    nav#mainNav li a {
        border: 0 none;
        margin-right: 0;
    }
    #wrapper {
        margin: 26px auto;
        width: 480px;
    }
    nav#mainNav {
        width: 480px;
    }
    #mainContent {
        float: none;
        width: auto;
    }
    #topRight {
        padding: 0 8px;
        opacity: 0
    }
    #logo {
        float: none;
        padding: 0 120px;
    }
    #slogan {
        margin-top: 10px;
        padding: 0 12px;
        text-align: center;
        width: 94%;
    }
    #slogan p {
        font-size: 25px;
        padding-right: 0;
    }
    nav#mainNav #imageTop {
        display: none;
    }
    #links #mainNav ul {
        padding: 0;
    }
    #mainSidebar {
        float: none;
        padding: 0;
        width: 480px;
    }
    nav#mainNav {
        background: #e31b23 none repeat scroll 0 0;
    }
    nav#mainNav li {
        float: none;
    }
    #links {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }
    nav#mainNav li a {
        text-align: center;
    }
    #links {
        height: auto;
    }
    nav#mainNav li a {
        margin-left: 0;
    }
    .social-fut.social {
        display: inline-block;
        float: none;
        height: 22px;
        margin: 3px 6px 0 0;
        padding: 0;
        width: 22px;
    }
    .social-fut-div {
        clear: both;
        float: none !important;
        margin: 0 auto !important;
        overflow: hidden;
        padding: 0 0 0 10px !important;
        text-align: center;
    }
    .footerNav {
        float: left;
        padding: 0 15%;
        width: 70%;
    }
    .listFooter {
        display: none;
    }
    .linksFooter {
        float: right;
        width: 100%;
    }
    .logoFooter {
        padding: 0 11%;
        width: 78%;
    }
    .ndLogoImg {
        float: none;
        margin: 0 auto;
        padding: 24px 17px 0;
        width: 107px;
    }
    .footerNav .phone {
        margin: 5% 0 3%;
        width: 94%;
    }
    .footerNav .phone p {
        float: right;
        margin: 0 8px 0 0;
        padding: 2px;
    }
    .blokk {
        max-width: 220px;
        padding: 0;
    }
    #wrapperNav {
        height: auto;
    }
    .navCrte {
        display: block;
    }
    #wrapperNav > ul li a {
        margin-left: 7px;
    }
    .footerNav .phone p {
        float: none;
        font-size: 0.8em;
        margin: 0;
        text-align: center;
    }
    .rightP {
        float: left;
    }
    .triKolone {
        min-height: 460px;
        width: 48%;
    }
    #frmSS2 .dugmeOkvir {
        margin: 0;
    }
    .h3Podnaslov {
        font-size: 1.2em;
    }
    .kruzniOkvir {
        min-height: 0;
    }
    .blokk {
        margin: 20px 10px;
    }
    .h3Apsolutno {
        font-size: 0.9em;
        height: 38px;
    }
    #lista ul {
        padding-left: 1%;
    }
    .tabela td {
        font-size: 0.9em;
    }
    .imgFloatRight {
        float: none;
        margin: 0 2% 2% 0;
    }
    .imgFloatLeft {
        float: none;
        margin: 0 0 2% 0;
    }
    .oItiB .listDot {
        clear: both;
    }
    .oIti.video iframe {
        margin: 6px;
        width: 46%;
    }
    .tabelaIzborSmera {
        width: 100%;
    }
    .tabelaIzborSmera table {
        width: 100%;
    }
    .par .listDot {
        float: none;
        margin-top: 2%;
        padding-left: 15px;
        width: auto;
    }
    .par p {
        clear: both;
        float: none;
        width: auto;
    }
    .popupContent {
        width: 95% !important;
    }
    .mali {
        font-family: "Archivo Narrow","tahoma";
    }
    .izvestajPop {
        height: 380px !important;
        width: 280px !important;
    }
    .besplatanPop .dugmeOkvir {
        width: 100% !important;
        -webkit-appearance: none;
    }
    .besplatanPop {
        height: 380px;
        width: 280px !important;
    }
    .besplIzL {
        float: none !important;
        width: 100% !important;
    }
    .besplIzL p, .besplIzR img {
        display: none !important;
    }
    .besplIzR {
        float: none !important;
        margin-top: 4%;
        width: 100% !important;
    }
    #topRight ul {
        float: none;
        margin: 0 auto 15px;
        overflow: hidden;
        width: 350px;
    }
    .stLogoImg {
        float: none;
        margin: 0 auto;
        width: 185px;
    }
    .h3Podnaslov {
        padding: 6% 8% 2% 26%;
    }
    .programiranje {
        line-height: 37px;
    }
    .cad {
        line-height: 37px;
    }
    .it {
        line-height: 37px;
    }
    a.tooltip span {
        margin-left: -194px;
        margin-top: 26px;
        width: 56%;
    }
    .linksFooter a {
        margin: 10px 0 0;
        text-align: center;
        width: 89%;
    }
    .testPop {
        height: 440px !important;
    }
    .uspesnaKar_pop .img_pop {
        display: none;
    }
    .related .one-row, .related2 .one-row {
        line-height: normal;
    }
    .related a.dugmeOkvirBeli, .related2 a.dugmeOkvirBeli {
        height: auto;
        min-height: 50px;
        -webkit-appearance: none;
    }
    .popupContent .besplatanPop .besplIzL input {
        border: 0 none;
        border-radius: 2px;
        box-shadow: 0 0 5px #f5f5f5 inset;
        font-size: 1em;
        margin-bottom: 5px;
        padding: 2% 1%;
        width: 100%;
    }
    .custombox-hide-scrollbar {
        overflow-y: auto !important;
    }
    .custombox-overlay {
        background-color: transparent !important;
        z-index: -9 !important;
    }
    .top-new {
        box-shadow: 0 0 4px 0 rgba(64, 64, 64, 0.3);
        height: auto !important;
        left: 0 !important;
        margin: 0 !important;
        position: fixed !important;
        top: 0 !important;
        transform: translateY(0px) !important;
        transition: all 300ms ease-in-out 0s;
        width: 100% !important;
    }
    .top-new td, .top-new th, .top-new td, .top-new table, .top-new tr {
        display: block;
    }
    .top-new .besplIzL table tr:nth-child(1) td, .top-new .besplIzL table tr:nth-child(2) td, .top-new .besplIzL table tr:nth-child(3) td, .top-new .besplIzL table tr:nth-child(4) td {
        float: left;
        width: 49% !important;
    }
    .top-new .besplatanPop > p {
        background: transparent none repeat scroll 0 0;
        color: #fff !important;
        font-size: 15px;
        margin: 0 0 -1% !important;
        padding: 3px 0 5px;
    }
    .top-new #frmSS1 span {
        clear: both;
        color: #444 !important;
        float: right;
    }
    .top-new .besplIzL table input {
        width: 100%;
    }
    .top-new .besplIzL table input.dugmeOkvir {
        background-color: #444;
        box-shadow: none !important;
        color: #fff !important;
        font-size: 1em;
        margin: 5px 0;
        padding: 8px !important;
    }
    .top-new .besplIzR {
        display: none;
    }
    .top-new .besplIzL table tbody, .top-new .besplIzR table tbody {
        display: block;
    }
    .top-new .besplatanPop {
        background: #e31b23 none repeat scroll 0 0;
        border-radius: 0;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1) !important;
        height: auto;
        padding: 2% 2% 1%;
        width: 96% !important;
    }
    .top-new .besplatanPop h2 {
        margin-top: 0 !important;
        padding-right: 20px;
    }
    .top-new #popupHead {
        background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
        border-radius: 0;
        right: 1%;
        top: 2%;
    }
    .top-new #popupHead .desno {
        padding: 0;
    }
    .top-new .popupContent table strong {
        font-family: "open sans",Tahoma,sans-serif;
    }
    .top-new table {
        display: block;
        margin: 10px 0 0;
    }
    .top-new .popupContent.besplatanPop {
        font-family: "Archivo Narrow" !important;
        height: auto !important;
        padding: 4% 3% 2% !important;
        width: 94% !important;
    }
    .top-new .popupContent.besplatanPop .miniNaslov, .standard5 {
        color: #fff;
        font-size: 1.3em;
        font-weight: bold;
        text-transform: uppercase;
    }
    .top-new .popupContent.besplatanPop .zatvori {
        color: #fff;
    }
    .top-new .popupContent {
        padding: 0 !important;
        width: 100% !important;
    }
    .top-new.top-new-cta .besplIzR table tr:nth-child(1), .top-new.top-new-cta .besplIzR table tr:nth-child(2), .top-new.top-new-cta .besplIzR table tr:nth-child(3), .top-new.top-new-cta .besplIzR table tr:nth-child(4) {
        display: inline-block;
        width: 47% !important;
    }
    .top-new.top-new-cta table input {
        width: 100%;
    }
    .top-new.top-new-cta .besplIzR {
        display: block !important;
    }
    .top-new.top-new-cta .besplIzR p:last-child {
        display: none;
    }
    .top-new.top-new-cta table tr:last-child {
        display: block;
        font-size: 13px;
        margin-top: -2px !important;
        text-align: center;
    }
    .top-new.top-new-cta .izvestajPop {
        background: #e31b23 none repeat scroll 0 0;
        border-radius: 0;
        height: auto !important;
        padding: 2%;
        width: 96% !important;
    }
    .top-new.top-new-cta .besplIzR table input.dugmeOkvir {
        background: #444 none repeat scroll 0 0;
        box-shadow: none;
        display: block;
        margin: 8px 0 2px;
        padding: 8px !important;
    }
    .top-new .popupContent p, .top-new .popupContent h2, .top-new .popupContent {
        color: #fff;
    }
    .top-new.top-new-cta .izvestajPop table td {
        display: block;
    }
    .top-new.top-new-cta #popupProveraUslova {
        background: #e31b23 none repeat scroll 0 0;
        border-radius: 0;
        height: auto;
        padding: 2% !important;
    }
    .top-new.top-new-cta .popupProveraUslova {
        margin: 0 0 5px;
        padding: 0 !important;
    }
    .top-new.top-new-smer .st_text {
        background: transparent none repeat scroll 0 0;
        margin-top: 0;
        padding: 1%;
    }
    .top-new.top-new-smer .st_text tr {
        width: 100%;
    }
    .top-new.top-new-smer .st_text td {
        text-align: left;
        width: 48% !important;
    }
    .top-new.top-new-smer .popupProveraUslova {
        background: transparent none repeat scroll 0 0;
        border: 0 none;
        color: #fff;
        font-size: 20px !important;
        height: auto !important;
        line-height: 24px !important;
        margin: 0;
        padding: 1% 4% 0 0 !important;
        text-align: left;
        width: 96% !important;
    }
    .uspesnaKar_pop.popup_uspesnaKarPop .text_pop {
        padding: 0;
        width: 100%;
    }
    .top-new.top-new-smer .text_pop {
        padding: 5px 0 !important;
        text-align: left;
    }
    .top-new.top-new-smer #popupProveraUslova {
        background: #e31b23 none repeat scroll 0 0;
        border-radius: 0;
        height: auto !important;
        min-width: auto;
        padding: 0 !important;
    }
    .top-new.top-new-smer .st_text > table {
        padding: 0;
        width: 100%;
    }
    .top-new.top-new-smer .dugmeOkvir {
        background: #444 none repeat scroll 0 0;
        box-shadow: none;
        margin: 4px 0;
        padding: 10px !important;
        width: 100% !important;
    }
    .top-new.top-new-smer small#valid {
        color: #444 !important;
    }
    .top-new.top-new-smer .st_text table tr:last-child td {
        display: block;
        width: 100% !important;
    }
    .top-new.top-new-smer #popupProveraUslova.uspesnaKar_pop.popup_uspesnaKarPop.program_pop {
        height: auto !important;
        padding: 0 !important;
    }
    .top-new.top-new-smer .st_text tr {
        display: block;
    }
    .top-new.top-new-smer .st_text tr:nth-child(3) {
        display: none !important;
    }
    .top-new.top-new-smer .st_text strong {
        font-family: "open sans",Tahoma,sans-serif;
        font-size: 1em;
    }
    .top-new.top-new-smer td, .top-new-smer.top-new th, .top-new.top-new-smer td, .top-new.top-new-smer table, .top-new.top-new-smer tr {
        display: inline-block !important;
        margin: 0;
    }
    .top-new.top-new-smer .st_text input {
        width: 100% !important;
    }


    #slogan {
        display: none;
    }
    #logo {
        padding: 20px 0 15px;
    }
    #logo img {
        display: block;
        margin: 0 auto;
    }
    .nav-toggle {
        position: relative;
        z-index: 9;
        padding: 4% 38% 10% 2%;
    }
    .nav-toggle-phone {
        display: block;
    }
    #wrapper {
        margin: 0 auto 20px;
    }
    #navLeft {
        position: relative !important;
    }
    .navCrte {
        position: relative;
        background: url(/images/crte.png) 12px 0/17px auto no-repeat rgba(0,0,0,0);
    }
    .navCrte:after {
        content: "MENIU";
        color: #fff;
        position: absolute;
       top: -5px;
        left: 35px;
        font-size: 19px;
    }
    .naslov_h2, h1 {
        font-size: 1.7em;
    }
    nav#mainNav li a {
        color: #fff !important;
    }
    #topRight {
        display: none
    }
    #navLeft a {
        color: #fff !important
    }
    #wrapperNav .paragrafTop {
        display: none;
    }
    .paragrafTopStrl {
        display: none;
    }
    #wrapperNav > ul li a::after {
        content: " »";
    }

    .gdpr-modal .korak1 img {
        display: block !important;
    }
    .gdpr-modal .izvestajPop {
        box-shadow: 1px 1px 3px 4px rgba(0, 0, 0, 0.2);
    }

    .admin_pop #politika {
        width: 16px !important;
    }
    .top-new-cta .besplIzR a {
        color: #fff !important;
    }


    .hide-desktop {
        display: block !important;
    }
    .hide-inline-desktop {
        display: inline-block !important;
    }
    .hide-mobile {
        display: none !important;
    }
    .hide-mobile2 {
        display: none;
    }
    .top-new.top-new-cta .besplIzR table tr:nth-child(1), .top-new.top-new-cta .besplIzR table tr:nth-child(2), .top-new.top-new-cta .besplIzR table tr:nth-child(3), .top-new.top-new-cta .besplIzR table tr:nth-child(4) {
    display: block;
    width: 100% !important;
   
}
.besplIzR{
    margin-top:7px!important;
    margin-bottom:5px
}
.besplatanPop input[name="email"]{
    width:98%!important;
    margin-bottom:7px;
}
}
@media only screen and (max-width: 499px) {
    h2 {
        border-bottom: 1px solid #e31b23;
        padding-bottom: 3px;
    }
    #content > .btmLine > h2 {
        border-bottom: 0;
    }
    .test-7-min.test-7-min-content {
        background: url(../cms/mestoZaUploadFajlove/strelice_naslov_.png) right 7px center/contain no-repeat #e31b23;
        border-radius: 3px;
        padding: 3% 14% 2% 0;
    }

    #slogan {
        display: none;
    }
    #logo {
        padding: 20px 0 15px;
    }
    #logo img {
        display: block;
        margin: 0 auto;
    }
    .nav-toggle {
        position: relative;
        z-index: 9;
        padding: 4% 38% 10% 2%;
    }
    .st_text a {
    color: #fff !important;
}
.top-new-cta .besplIzR a {
    color: #fff !important;
}
    .nav-toggle-phone {
        display: block;
    }
    #wrapper {
        margin: 0 auto 20px;
    }
    #navLeft {
        position: relative !important;
    }
    .navCrte {
        position: relative;
        background: url(/images/crte.png) 12px 0/17px auto no-repeat rgba(0,0,0,0);
    }
    .navCrte:after {
        content: "MENIU";
        color: #fff;
        position: absolute;
       top: -5px;
        left: 35px;
        font-size: 19px;
    }
    .naslov_h2, h1 {
        font-size: 1.7em;
    }
    nav#mainNav li a {
        color: #fff !important;
    }
    #topRight {
        display: none
    }
    #navLeft a {
        color: #fff !important
    }
    #wrapperNav .paragrafTop {
        display: none;
    }
    .paragrafTopStrl {
        display: none;
    }
    #wrapperNav > ul li a::after {
        content: " »";
    }

    .labelMail {
    width: 100%;
}

    .col-4 {
     clear: both;
     float: none;
     margin-bottom: 7%;
     width: 100%;
 }
 #content img {
     margin-bottom: 0;
 }
 .dveKolone {
     width: 96%;
 }
 #header {
    width: 100%;
}
#logo {
    float: none;
    padding: 5% 21% 4%;
}
.dugme {
    background-position: 91% 50%;
}
.galerija {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 307px;
}
.lastLine {
    font-size: 1em;
}
#wrapper .textTop.btmLine {
    padding-top: 5px;
}
#topRight li a {
    font-size: 1.1em;
}
.paragrafTop {
    padding: 6px 12px;
}
#slogan {
    clear: both;
    margin-top: 10px;
    width: 100%;
}
#slogan p {
    font-size: 22px;
    margin: 11px 11px 18px;
    padding-right: 0;
}
#wrapperNav {
    height: auto;
}
#wrapper #content img {
    height: auto;
}
.imgFloatRight {
    float: left;
    margin: 0 3% 3% 0;
}
.topNews .dugme {
    margin: 6% 0;
    width: 59%;
}
.zimskiP {
    display: none;
}
.topNewsTxt {
    padding: 3%;
    width: 33%;
}
.topNewsTxt p.weightLight {
    display: none;
}
.topNewsTxt h1.CrveniTxt {
    line-height: 95%;
}
#wrapperNav > ul li a {
    padding: 5px 7px 4px;
}
.topNewsTxt h1 {
    font-size: 120%;
    margin: 0 0 5%;
}
.topNewsTxt h2 {
    font-size: 90%;
    line-height: 14px;
    margin-top: 16%;
}
.topNewsTxt h3 {
    font-size: 66%;
    margin-bottom: 4%;
}
#navLeft {
    padding: 0 0 4%;
    width: 100%;
}
nav#mainNav li a {
    border: 0 none;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
}
#wrapper {
    margin: 0 auto 26px;
    width: 100%;
}
#levi {
    padding: 0;
    width: 100%;
}
#txtIme {
    width: 19%;
}
#BrojUlice {
    width: 22%;
}
#txtUlica {
    width: 50%;
}
#txtGrad, #txtPtt, #txtEmail, #txtMaticni {
    width: 96%;
}


.col-12-table {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 2% !important;
    width: 98% !important;
}
.col-4-table {
    width: 33.33%;
}
.col-6-table {
    width: 10% !important;
}
.col-3-table {
    width: 39% !important;
}

#cmbDrzava {
    width: 84%;
}
#txtTelefon {
    width: 58%;
}
#txtPozivniBroj {
    width: 30%;
}
#oko {
    width: 94%;
}
#desni {
    display: none;
}
nav#mainNav {
    background: #e31b23 none repeat scroll 0 0;
    width: 100%;
}
#mainContent {
    float: none;
    width: 100%;
}
#content {
    padding: 0 3%;
}
#content img {

    display: block;
    float: none !important;
    margin: 0 auto;
        margin-bottom: 0px;
        margin-left: auto;
    margin-bottom: 3%;
    margin-left: 0px !important;

}
#topRight {
    margin-bottom: 4%;
    padding: 0 8px;
    width: 96%;
    opacity: 0;
}
#topRight li:first-child a, #topRight li:last-child a {
    padding-left: 0;
}
#topRight li a {
    font-size: 0.9em;
    margin-left: 0;
    padding: 5px;
}
.drop_table.tabela td {
    padding: 2% 1%;
}
nav#mainNav #imageTop {
    display: none;
}
#topRight ul {
    float: none;
    margin: 0 auto;
    width: 256px;
}
#links #mainNav ul {
    padding: 0;
}
#mainSidebar {
    float: none;
    width: 480px;
}
nav#mainNav li {
    float: none;
}
#links {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: auto;
}
.nav-collapse li {
    display: block;
    width: 100%;
}
.logoFooter {
    width: 100%;
}
.stLogoImg {
    padding: 2% 4%;
    width: 185px;
}
.ndLogoImg {
    padding: 6.5% 6% 3%;
    width: 130px;
}
.linksFooter a {
    float: none;
    margin: 5px 10px;
    text-align: center;
}
.left-bread {
    float: left;
    width: 72%;
}
.social-fut.social {
    display: inline-block;
    float: none;
    height: 22px;
    margin: 3px 6px 0 0;
    padding: 0;
    width: 22px;
}
.social-fut-div {
    clear: both;
    float: none !important;
    margin: 0 auto 20px !important;
    overflow: hidden;
    padding: 0 !important;
    text-align: center;
}
.footerNav {
    width: 100%;
}
.footerNav .phone p {
    margin: 0;
}
.footerNav .phone {
    float: left;
    margin: 2% 0;
    padding: 0 2%;
}
.listFooter {
    display: none;
}
.linksFooter {
    display: block;
    float: none;
    margin: 0 auto;
    padding: 0 3% 3%;
    width: 76%;
}
.rightP {
    clear: both;
    float: none;
    margin: 0.6% auto;
    width: 150px;
}
.leftP {
    float: none;
    margin: 0.6% auto;
    text-align: center;
    width: 230px;
}
#mainSidebar {
    margin-top: 2%;
    padding: 2% 3%;
    width: 94%;
}
.trad-online .tabs a {
    font-size: 16px;
}
.tabela {
    font-size: 90%;
}
.tabela td {
    padding: 2% 1%;
}
.navCrte {
    display: block;
}
#wrapperNav > ul li a {
    margin-left: 0;
}
.paragrafTop {
    font-size: 0.8em;
}
.flex-control-nav {
    bottom: 0;
    width: 69%;
}
.triKolone {
    min-height: 0;
    width: 98%;
}
.kruzniOkvir {
    clear: both;
    float: none;
    height: 180px;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 20px;
    width: 100%;
    text-align: center !important;
}

.kruzniOkvir a {
	display: inline-block !important;
}

.h3Apsolutno {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    display: block;
    font-size: 110%;
    height: 12%;
    margin: 0;
    padding: 2% 0;
    text-align: center;
    top: 0;
    width: 100%;
}
.dveKolone {
    margin: 2% 1%;
    width: 98%;
}
#lista ul {
    padding-left: 1%;
}
.imgFloatRight, .imgFloatLeft {
    float: none;
}
#lista ul li {
    padding-left: 9%;
}
.suscribeForm form label {
    width: 100%;
}
.inputMail {
    clear: both;
    margin: 3% 0;
    width: 100%;
}
.suscribeForm input[type="email"] {
    margin: 1% 0;
}
.suscribeForm input[type="submit"] {
    margin: 2% 0 6%;
}
.triKolone {
    padding-bottom: 6%;
}
.triKolone .razmak .dugmeOkvirBeli {
    padding: 3% 18%;
}
.blokk {
    float: none;
    margin: 4% auto;
    width: 218px;
}
.flex-direction-nav a {
    bottom: 6px;
}
.potvrdiOkvir table, .potvrdiOkvir tbody, .potvrdiOkvir tr, .potvrdiOkvir td {
    display: block;
}
.dugmeOkvir {
    background: #e31b23 none repeat scroll 0 0;
    font-size: 84%;
    padding: 6%;
    width: 75%;
}
#frmTest input[type="button"] {
    background: #e31b23 none repeat scroll 0 0;
}
.galerijaPrikaz {
    margin: 1% 1% 1% 0;
}
.flex-direction-nav a {
    bottom: 3px;
}
.flex-control-nav {
    padding: 10px 34px 3px;
}
.stLogoImg {
    float: none;
    margin: 0 auto;
}
.ndLogoImg {
    float: none;
    margin: 0 auto;
}
.phone p:first-child {
    float: none;
}
.phone p {
    text-align: center;
}
.footerNav .phone {
    float: none;
    margin: 2% auto;
    padding: 0 2%;
}
.footerNav .phone p {
    float: none;
}
#lightbox-container-image-box {
    height: auto !important;
    width: 100% !important;
}
.oIti.video iframe {
    margin: 0 0 2%;
    width: 100%;
}
.tabelaIzborSmera {
    width: 100%;
}
.tabelaIzborSmera table {
    width: 100%;
}
.par .listDot {
    float: none;
    margin-top: 2%;
    padding-left: 15px;
    width: auto;
}
.par p {
    clear: both;
    float: none;
    width: auto;
}
.izvestajPop {
    height: 280px !important;
    width: 280px !important;
}
.besplatanPop .dugmeOkvir {
    width: 100% !important;
}
.besplatanPop {
    height: 380px;
    width: 95% !important;
}
.besplIzL {
    float: none !important;
    width: 100% !important;
}
.besplIzL p, .besplIzR img {
    display: none !important;
}
.besplIzR {
    float: none !important;
    margin-top: 4%;
    width: 100% !important;
}
.navCrte {
    background: rgba(0, 0, 0, 0) url("../images/crte.png") no-repeat scroll 12px 0;
}
.h3Podnaslov {
    padding: 3% 8% 2% 26%;
}
.programiranje {
    line-height: 40px;
}
.cad {
    line-height: 40px;
}
.it {
    line-height: 21px;
}
.admin {
    line-height: 23px;
}
a.tooltip span {
    margin-left: -182px;
    margin-top: 29px;
    width: 56%;
}
#wrapperNav li {
    margin-left: 3px;
}
.sara tr:nth-child(2n) {
    background: #7c8286 none repeat scroll 0 0;
    color: #fff;
}
.popupContent.besplatanPop table {
    display: none;
}
.testPop {
    height: 440px !important;
}
.blockMinWidth, .blockMinWidth tbody, .blockMinWidth tr, .blockMinWidth td {
    display: block;
}
.kruzniOkvir img {
    border-radius: 0;
}
.naslovni_slick .slick-slide {
    background-position: right -32px bottom -6px !important;
    min-height: 188px;
}
.naslovni_slick .slider_slick span {
    display: block;
    line-height: 22px;
    margin-bottom: 5px;
}
h3.h3Podnaslov.admin {
    line-height: 50px;
}
h3.h3Podnaslov.dizajn {
    line-height: 45px;
}
h3.h3Podnaslov.programiranje {
    line-height: 50px;
}
h3.h3Podnaslov.it {
    line-height: 50px;
}
h3.h3Podnaslov.cad {
    line-height: 50px;
}
h3.h3Podnaslov.mobApp {
    line-height: 50px;
}
h3.h3Podnaslov.mobApp.mobApp_2 {
    line-height: 21px;
}
.h3Podnaslov {
    padding: 3% 2% 2% 20%;
}
#slogan p {
    font-size: 18px;
}
.popupContent {
    width: 100% !important;
}
.uspesnaKar_pop .dugme_pop {
    padding: 10px !important;
}
.uspesnaKar_pop .popupProveraUslova {
    font-size: 25px;
    line-height: 25px;
}
.uspesnaKar_pop .dugme_pop {
    width: 80%;
}
#popupProveraUslova {
    height: 335px;
    padding: 0 !important;
}
.st_text {
    padding: 2px 10px 4px;
}
#popupProveraUslova.uspesnaKar_pop.popup_uspesnaKarPop.program_pop {
    height: 425px !important;
    padding: 0 0 0 5px !important;
}
#popupProveraUslova.uspesnaKar_pop.popup_uspesnaKarPop.program_pop table #email, #popupProveraUslova.uspesnaKar_pop.popup_uspesnaKarPop.program_pop table #CustomFields_1_53 {
    width: 120px !important;
}
#popupProveraUslova.uspesnaKar_pop.popup_uspesnaKarPop.program_pop table {
    padding: 0;
}
.uspesnaKar_pop.popup_uspesnaKarPop .popupProveraUslova {
    font-size: 28px;
    line-height: 27px;
}
.uspesnaKar_pop.popup_uspesnaKarPop .text_pop {
    padding: 4px 0;
    text-align: left;
    width: 100%;
}
.uspesnaKar_pop .img_pop {
    display: none;
}
#popupProveraUslova.uspesnaKar_pop.popup_uspesnaKarPop.program_pop {
    height: 425px !important;
    padding: 0 0 0 5px !important;
}
.popupContent {
    width: 100% !important;
}
.uspesnaKar_pop.popup_uspesnaKarPop .popupProveraUslova {
    font-size: 28px;
    line-height: 27px;
    padding: 0 !important;
    text-align: left;
    width: 100%;
}
.uspesnaKar_pop.popup_uspesnaKarPop table td {
    text-align: left !important;
}
.uspesnaKar_pop.popup_uspesnaKarPop .dugmeOkvir {
    float: left;
}
#popupProveraUslova.uspesnaKar_pop.popup_uspesnaKarPop.program_pop table #email, #popupProveraUslova.uspesnaKar_pop.popup_uspesnaKarPop.program_pop table #CustomFields_1_53 {
    width: 120px !important;
}
.uspesnaKar_pop.popup_uspesnaKarPop table {
    padding: 0 !important;
}
.uspesnaKar_pop.popup_uspesnaKarPop .privatnost {
    text-align: left;
}
.related .one-row, .related2 .one-row {
    line-height: normal;
}
.related a.dugmeOkvirBeli, .related2 a.dugmeOkvirBeli {
    height: auto;
    min-height: auto;
}
.related li, .related2 li {
    width: 100%;
}
.custombox-hide-scrollbar {
    overflow-y: auto !important;
}
.custombox-overlay {
    background-color: transparent !important;
    z-index: -9 !important;
}
.top-new {
    box-shadow: 0 0 4px 0 rgba(64, 64, 64, 0.3);
    height: auto !important;
    left: 0 !important;
    margin: 0 !important;
    position: fixed !important;
    top: 0 !important;
    transform: translateY(0px) !important;
    transition: all 300ms ease-in-out 0s;
    width: 100% !important;
}
.top-new td, .top-new th, .top-new td, .top-new table, .top-new tr {
    display: block;
}
.top-new .besplIzL table tr:nth-child(1) td, .top-new .besplIzL table tr:nth-child(2) td, .top-new .besplIzL table tr:nth-child(3) td, .top-new .besplIzL table tr:nth-child(4) td {
    float: left;
    width: 48% !important;
}
.top-new .besplatanPop > p {
    background: transparent none repeat scroll 0 0;
    color: #fff !important;
    font-size: 15px;
    margin: 0 0 -1% !important;
    padding: 3px 0 5px;
}
.top-new #frmSS1 span {
    clear: both;
    color: #444 !important;
    float: right;
}
.top-new .besplIzL table input {
    width: 100%;
}
.top-new .besplIzL table input.dugmeOkvir {
    background-color: #444;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 1em;
    margin: 30px 0 0;
    padding: 12px !important;
}
.top-new .besplIzR {
    display: none;
}
.top-new table td strong {
    font-family: "open sans",Tahoma,sans-serif;
    vertical-align: sub;
}
.top-new .besplIzL table tbody, .top-new .besplIzR table tbody {
    display: block;
}
.top-new .besplatanPop {
    background: #e31b23 none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1) !important;
    height: auto;
    padding: 2% 2% 1%;
    width: 96% !important;
}
.top-new .besplatanPop h2 {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0 !important;
    padding-bottom: 10px;
    padding-right: 20px;
}
.top-new #popupHead {
    background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
    border-radius: 0;
    right: 1%;
    top: 1%;
}
.top-new #popupHead .desno {
    padding: 0;
}
.top-new .popupContent table strong {
    font-family: "open sans",Tahoma,sans-serif;
}
.top-new table {
    display: block;
    margin: 10px 0 0;
}
.top-new .popupContent.besplatanPop {
    font-family: "Archivo Narrow" !important;
    height: auto !important;
    padding: 4% 3% 2% !important;
    width: 94% !important;
}
.top-new .popupContent.besplatanPop .miniNaslov, .standard5 {
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
}
.top-new .popupContent.besplatanPop .zatvori {
    color: #fff;
   
}
.top-new .popupContent {
    padding: 0 !important;
}
.top-new.top-new-cta .besplIzR table tr:nth-child(1), .top-new.top-new-cta .besplIzR table tr:nth-child(2), .top-new.top-new-cta .besplIzR table tr:nth-child(3), .top-new.top-new-cta .besplIzR table tr:nth-child(4) {
    display: block;
    width: 100% !important;
   
}
.besplIzR{
    margin-top:7px!important;
    margin-bottom:5px
}
.besplatanPop input[name="email"]{
    width:98%!important;
    margin-bottom:7px;
}
.top-new.top-new-cta table {
    margin: 0;
}
.top-new.top-new-cta table input {
    font-size: 1.2em;
    width: 90%;
}
.top-new.top-new-cta .besplIzR {
    display: block !important;
    margin-top: 0
}
.top-new.top-new-cta .besplIzR input {
  font-size: 16px !important;

}
.top-new.top-new-cta .besplIzR p:last-child {
    display: none;
}
.top-new.top-new-cta table tr:last-child {
    display: block;
    font-size: 13px;
    margin-top: -2px !important;
    text-align: center;
}
.top-new.top-new-cta .izvestajPop {
    background: #e31b23 none repeat scroll 0 0;
    border-radius: 0;
    height: auto !important;
    padding: 2% 2% 3%;
    width: 96% !important;
}
.top-new.top-new-cta .besplIzR table input.dugmeOkvir {
    background: #444 none repeat scroll 0 0;
    box-shadow: none;
    display: block;
    margin: 10px 0 2px;
    padding: 8px !important;
}
.top-new .popupContent p, .top-new .popupContent h2, .top-new .popupContent {
    color: #fff;
}
.top-new.top-new-cta .izvestajPop table td {
    display: block;
}
.top-new.top-new-cta h2 {
    font-size: 1.8em;
    padding-bottom: 0px;
    padding-right: 30px;
}
.admin_pop #politika {
    width: 16px !important;
}
.top-new.top-new-cta #popupProveraUslova {
    background: #e31b23 none repeat scroll 0 0;
    border-radius: 0;
    height: auto;
    padding: 2% !important;
}
.top-new.top-new-cta .popupProveraUslova {
    margin: 0 0 5px;
    padding: 0 !important;
}
.top-new.top-new-cta {
    bottom: auto !important;
    top: 0;
}
.top-new.top-new-smer .st_text {
    background: transparent none repeat scroll 0 0;
    margin-top: 0;
    padding: 2%;
}
.top-new.top-new-smer .st_text tr {
    width: 100%;
}
.top-new.top-new-smer .st_text td {
    text-align: left;
    width: 48% !important;
}
.top-new.top-new-smer .popupProveraUslova {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    float: none;
    font-size: 1.6em !important;
    height: auto !important;
    line-height: 1.2 !important;
    margin: 0;
    padding: 0 20px 0 0 !important;
    width: auto !important;
}
.top-new.top-new-smer .text_pop {
    padding: 5px 0 !important;
}
.top-new.top-new-smer #popupProveraUslova {
    background: #e31b23 none repeat scroll 0 0;
    border-radius: 0;
    height: auto !important;
}
.top-new.top-new-smer .st_text > table {
    width: 100%;
}
.top-new.top-new-smer .dugmeOkvir {
    background: #444 none repeat scroll 0 0;
    box-shadow: none;
    margin: 7px 0 4px;
    padding: 10px !important;
    width: 100% !important;
}
.top-new.top-new-smer small#valid {
    color: #444 !important;
}
.top-new.top-new-smer .st_text table tr:last-child td {
    display: block;
    width: 100% !important;
}
.top-new.top-new-smer #popupProveraUslova.uspesnaKar_pop.popup_uspesnaKarPop.program_pop {
    height: auto !important;
    padding: 0 !important;
}
.top-new.top-new-smer .st_text tr {
    display: block;
}
.top-new.top-new-smer .st_text tr:nth-child(3) {
    display: none;
}
.top-new.top-new-smer .st_text strong {
    font-family: "open sans",Tahoma,sans-serif;
    font-size: 1em;
}
.top-new.top-new-smer td, .top-new-smer.top-new th, .top-new.top-new-smer td, .top-new.top-new-smer table, .top-new.top-new-smer tr {
    display: inline-block !important;
    margin: 0;
}
.top-new.top-new-smer .st_text input {
    font-size: 1em;
    width: 100% !important;
}
.top-new.top-new-smer .st_text input#email {
    width: 90% !important;
}
.top-new.top-new-smer .hide-inline-mobile {
    display: none !important;
}
.top-new.top-new-smer {
    bottom: 0;
    top: auto !important;
}

.gdpr-modal .korak1 img {
    display: block !important;
}
.gdpr-modal .izvestajPop {
    box-shadow: 1px 1px 3px 4px rgba(0, 0, 0, 0.2);
}

.besplIzR label {
    font-size: 1em !important;
    font-weight: 400;
    vertical-align: sub;
    font-family: "open sans",Tahoma,sans-serif;
}

.hide-desktop {
    display: block !important;
}
.hide-inline-desktop {
    display: inline-block !important;
}
.hide-mobile {
    display: none !important;
}
.hide-mobile2 {
    display: none;
}
}
@media only screen and (max-width: 401px) {
    .top-new h2 {
        line-height: 1.1;
        padding-bottom: 0;
    }
    .top-new .besplIzL table input.dugmeOkvir {
        margin-top: 25px;
        padding: 8px !important;
    }
    .top-new .besplatanPop h2 {
        font-size: 1.5em;
        line-height: 1.2;
    }
    .top-new .popupContent table strong {
        font-family: "open sans",Tahoma,sans-serif;
    }
    .top-new.top-new-cta h2 {
        font-size: 1.7em;
        padding-bottom: 0;
        padding-right: 12px;
    }
    .besplIzR label {
    font-size: 1em !important;
    font-weight: 400;
    vertical-align: sub;
    font-family: "open sans",Tahoma,sans-serif;
}
    .top-new.top-new-cta table input {
        font-size: 1em;
    }
    top-new.top-new-cta .besplIzR table tr:nth-child(1), .top-new.top-new-cta .besplIzR table tr:nth-child(2), .top-new.top-new-cta .besplIzR table tr:nth-child(3), .top-new.top-new-cta .besplIzR table tr:nth-child(4) {
        display: inline-block;
        width: 47% !important;
    }
    .top-new.top-new-cta .besplIzR table input.dugmeOkvir {
        margin: 8px 0 2px;
    }
    .top-new.top-new-cta .izvestajPop {
        padding: 2.2% 2% 2%;
    }
    .top-new.top-new-smer h2 {
        font-size: 2em;
        font-weight: 700;
        padding-bottom: 28px;
        padding-right: 12px;
    }
    .top-new.top-new-smer .st_text td {
        width: 48% !important;
    }
    .top-new.top-new-smer .st_text {
        padding: 3% 2% 2%;
    }
    .top-new.top-new-smer .st_text td {
        padding: 0;
        width: 47% !important;
    }
    .top-new.top-new-smer .st_text > table {
        padding: 0;
    }
    .top-new.top-new-smer .popupProveraUslova {
        font-size: 1.4em !important;
        margin: 0;
        padding: 0 9% 2% 0 !important;
        width: auto !important;
    }
    .top-new.top-new-smer .dugmeOkvir {
        margin: 4px 0 0;
    }
    .top-new.top-new-smer .text_pop {
        padding: 0 0 5px !important;
    }
    .top-new.top-new-smer .hide-inline-mobile {
        display: none !important;
    }
    .top-new.top-new-smer .st_text input {
        font-size: 0.9em;
    }
    .top-new.top-new-smer {
        bottom: 0;
        top: auto !important;
    }
    .top-new.top-new-cta .besplIzR table tr:nth-child(1), .top-new.top-new-cta .besplIzR table tr:nth-child(2), .top-new.top-new-cta .besplIzR table tr:nth-child(3), .top-new.top-new-cta .besplIzR table tr:nth-child(4) {
    display: block;
    width: 100% !important;
   
}
.besplIzR{
    margin-top:7px!important;
    margin-bottom:5px
}
.besplatanPop input[name="email"]{
    width:98%!important;
    margin-bottom:7px;
}
}
@media only screen and (max-width: 359px) {
    .top-new #popupHead {
        background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
        border-radius: 0;
        right: 1%;
        top: 1%;
    }
    .popupContent .besplatanPop .besplIzL input {
        margin-bottom: 5px;
    }
    .top-new .besplatanPop h2 {
        font-size: 1.4em;
        line-height: 1.3;
        padding-bottom: 0;
        padding-right: 17px;
    }
    .top-new .popupContent table strong {
        font-family: "open sans",Tahoma,sans-serif;
        font-size: 0.9em;
    }
    .top-new .besplatanPop {
        padding: 1% 2%;
    }
    .top-new .besplatanPop > p {
        font-size: 14px;
        margin: 0 0 -3% !important;
    }
    .besplIzR label {
    font-size: 1em !important;
    font-weight: 400;
    vertical-align: sub;
    font-family: "open sans",Tahoma,sans-serif;
}
    .popupContent .besplatanPop .besplIzL input {
        border: 0 none;
        font-size: 1em;
        padding: 3px 0;
    }
    .top-new .besplIzL table input.dugmeOkvir {
        padding: 9px !important;
    }
    .top-new.top-new-cta .besplIzR table tr:nth-child(1), .top-new.top-new-cta .besplIzR table tr:nth-child(2), .top-new.top-new-cta .besplIzR table tr:nth-child(3), .top-new.top-new-cta .besplIzR table tr:nth-child(4) {
        display: inline-block;
        width: 47% !important;
    }
    .top-new.top-new-cta .besplIzR table input.dugmeOkvir {
        margin: 4px 0 2px;
    }
    .top-new.top-new-cta .izvestajPop h2 {
        font-size: 1.4em;
        padding-bottom: 0 !important;
        padding-right: 12px;
    }
    .top-new.top-new-cta table input {
        border: medium none;
        border-radius: 0;
    }
    .top-new.top-new-cta .izvestajPop {
        padding: 1.4% 2% 2%;
    }
    .top-new.top-new-smer .hide-inline-mobile {
        display: none !important;
    }
    .top-new.top-new-smer .st_text {
        padding: 2% 2% 1%;
    }
    .top-new.top-new-smer .st_text td {
        padding: 0;
        width: 47% !important;
    }
    .top-new.top-new-smer .st_text > table {
        padding: 0;
    }
    .top-new.top-new-smer .popupProveraUslova {
        font-size: 1.2em !important;
        margin: 0;
        padding: 0 12% 1% 0 !important;
    }
    .top-new.top-new-smer .dugmeOkvir {
        margin: 4px 0 0;
    }
    .top-new.top-new-smer .text_pop {
        padding: 0 0 2px !important;
    }
    .top-new.top-new-smer .st_text input {
        font-size: 0.8em;
    }
    .top-new.top-new-smer {
        bottom: 0;
        top: auto !important;
    }
    .top-new.top-new-cta .besplIzR table tr:nth-child(1), .top-new.top-new-cta .besplIzR table tr:nth-child(2), .top-new.top-new-cta .besplIzR table tr:nth-child(3), .top-new.top-new-cta .besplIzR table tr:nth-child(4) {
    display: block;
    width: 100% !important;
   
}
.besplIzR{
    margin-top:7px!important;
    margin-bottom:5px
}
.besplatanPop input[name="email"]{
    width:98%!important;
    margin-bottom:7px;
}
}
.podnaslovH3{
    font-size:1.2em;
    font-weight:700;
}


@media only screen and (min-width:500px) {
  .moreB.dugme-fon-acc {
    display: block
  }
}

@media only screen and (max-width:499px) {
  .dugme-fon {
    background: #e31b23;
    color: #fff;
    padding: 12px 30px 10px 6px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    font-size: 17px
  }
  .dugme-fon::after {
    position: absolute;
    background: url(/cms/mestoZaUploadFajlove/glyphiconss_.png) 0 0 no-repeat !important;
    content: "";
    height: 15px;
    width: 15px;
    right: 4%;
    top: 36%;
    transform: rotate(0deg);
    transform-origin: 48% 48%;
    transition: transform 200ms ease-in-out
  }
  .dugme-fon.dugme-fon-2:after {
    transform: rotate(135deg)
  }
}
.fixed-modal {
	position: fixed !important
}

.cta-link td:nth-child(1) {
	background: #e31b23;
	border-radius: 5px 0 0 5px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	width: 23%;
	padding: 7px 10px;
}

.cta-link td:nth-child(2) {
	background: #e1e1e1;
	border-radius: 0 5px 5px 0;
	color: #29262b;
	padding: 7px 10px;
}

.flex-control-nav {
	text-align: center !important;
}


.blokk header p:first-child {
	text-align: left !important;
	padding: 10px !important;
}


