:root {
    --bg: #f7f7f7;
    --fg: #ffffff;
    --clr-texts: #111111;
    --clr-prime-lighten: #7fd7fc;
    --clr-prime-light: #5dc289;
    --clr-prime: #57b780;
    --clr-prime-dark: #52b179;
    --clr-prime-darker: #0f315e;
    --clr-alt-light: #e86e6b;
    --clr-alt: #dc6663;
    --clr-alt-dark: #e4544f;
    --clr-ops: #0f315e;
    --clr-neg: #0f315e;
    --clr-highlight: #ffffff;
    --clr-prime-dark-0-5: rgba(82, 177, 121, 0.5);
    --clr-alt-light-0-5: rgba(232, 110, 107, 0.5);
    --clr-alt-dark-0-5: rgba(227, 75, 70, 0.5);
    --clr-prime-shadow: rgb(66, 153, 103);
}


h1 {line-height: 1.3em;position: relative; margin-bottom: 70px}
h1::before { height: 2px; margin: 14px auto; background: var(--clr-prime-dark); bottom: -50px; content: "";  position: absolute;left: 50%; transform: translateX(-50%);  width: 290px; }
h1 span {color: #fff; font-weight: 800;}

#distanceSearch .form-control { border-radius: 30px; border: 4px solid #eaeaea;  height: unset;  padding: 16px;}


.dugmence {  display: inline-flex; align-items: center;  justify-content: center; width: 100%; padding: 0.5em 1em; color: #fff; font-weight: 900; font-size: 1.5em; text-align: center;    text-decoration: none;
    background-color: #f96566;  border: solid 5px #fff;  border-radius: 2em;   box-shadow: 0 6px 0 var(--clr-prime-shadow);  cursor: pointer;  transition: box-shadow .5s;  position: relative;}
.dugmence::after {  width: 11px;  height: 11px;  margin-right: -15px; margin-left: 20px; border-right-width: 4px; border-bottom-width: 4px;  display: inline-block; border-right: solid 3px #fff;
    border-bottom: solid 3px #fff; transform: rotate(-45deg) translate3d(0, -50%, 0); transform-origin: 90% 90%; opacity: .55; transition: opacity .5s; content: "";  position: absolute; }




.border { padding: 0px; margin: 25px; background: #5abf85; position: relative; overflow: hidden; z-index: 1}
.border::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; margin-right: 50%; margin-left: -150%;  background: #7bd3a1;  transform: skewX(325deg) translateX(80px);
    transition: transform .5s; content: "";}



footer .signature { background: rgb(249 249 249); color: rgb(12 8 49); padding: 30px 0px;}
footer .signature a { color: #0c0831; }


.baner728 {margin:20px 0;}
.baner336 {text-align:right;}

#mapaDMK {width:100%; height:350px; background:#eaeaea; margin-bottom:15px;}
.under-map {color:#f30;}

/*
.pointA { background-image: url(/rastojanje/img/lupaA.png); background-position: left center; background-repeat: no-repeat; text-align: center;}
.pointB { background-image: url(/rastojanje/img/lupaB.png); background-position: left center; background-repeat: no-repeat; text-align: center;}
*/

.captcha img {height: 80%; width: 80%;margin-top: 5px;}
.capcode {height: 60px; border: 4px solid #eaeaea; border-radius: 30px; background: #fff}


ul.tip { list-style-type: none; padding: 3px 0; width:100%; float:left; margin:15px 0; }
ul.tip li { list-style-type: none; padding: 3px 0; float:left; display:inline; margin-left:0px; width:33%; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; text-transform: capitalize; }
ul.tip li a {  color: #000; text-decoration: none; }
ul.tip li:hover { font-weight:700; }
ul.tip h2 {padding: 30px 0; margin-bottom: 25px; font-size: 20px; border-bottom: 2px dashed #62c18d; }


.izracunalismo {text-transform: none; color: #fff;  margin-bottom: 10px; font-weight: 700; font-size: 26px;}




@media only screen and (min-width: 767px) {
    .navbar-default .navbar-nav>li>a { color: #fff;}
}


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

    h1 {font-size: 34px;}

    .solid-menus .no-bg #top-search input { background: transparent; color: #fff}
    .captcha img {  height: 31px!important;}
    .border {padding: 0px; margin: 0px;}

    ul.tip li { padding: 6px 0; width: 99%; text-align: center;}
    .tip h2 {text-align: center; font-size: 18px!important;}

}