html {
    overflow: auto
}

body,
html {
    height: 100%;
    font-family: Ubuntu, sans-serif
}

input:focus,
select:focus,
textarea:focus {
    box-shadow: none!important
}

a {
    color: #a6a8ab
}

a:hover {
    text-decoration: none;
    color: #c3d600;
    outline: 0
}

a:focus {
    outline: 0
}

img {
    max-width: 100%
}

input:focus::-webkit-input-placeholder {
    color: transparent
}

input:focus:-moz-placeholder {
    color: transparent
}

input:focus::-moz-placeholder {
    color: transparent
}

input:focus:-ms-input-placeholder {
    color: transparent
}

#sidr {
    display: none
}

.bx-wrapper .bx-controls-direction a {
    z-index: 1
}

@media (max-width:767px) {
    .modal-content {
        margin-left: 15px;
        margin-right: 15px
    }
}

.btn {
    border-radius: 0
}

.zoom_img img {
    -moz-transition: -moz-transform .2s ease-in;
    -webkit-transition: -webkit-transform .2s ease-in;
    -o-transition: -o-transform .2s ease-in
}

.zoom_img img:hover {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3)
}

@media (min-width:768px) {
    .shrink.login {
        height: 0;
        transition: .2s all;
        overflow: hidden
    }
    .shrink.menu {
        transition: .2s all;
        margin-top: 0
    }
    .shrink .nav>li:last-child {
        display: block;
        padding-bottom: 0
    }
    .shrink .yamm .navbar-nav>li {
        padding-bottom: 18px
    }
    .shrink .scroll-login {
        margin-top: -5px;
        padding-bottom: 0!important
    }
}

.fluid {
    width: 100%;
    height: 100%;
    max-width: 1920px;
    margin: 0 auto
}

.bx-viewport,
.bx-wrapper {
    border: none!important;
    box-shadow: none!important
}

.bx-viewport {
    left: 0!important
}

.progress {
    height: 10px;
    border-radius: 0;
    margin-top: 5px;
    background-color: #B3B3B3
}

.progress-bar {
    background-color: #c3d600;
    position: relative
}

#xs-button {
    margin-top: 16px!important;
    margin-right: 5px;
    border-color: #c3d600!important
}

#xs-button:focus,
#xs-button:hover {
    background: #c3d600!important
}

.login {
    background-color: #404041;
    font-family: Ubuntu, sans-serif;
    z-index: 20;
    width: 100%
}

@media (min-width:768px) {
    .login {
        height: 60px
    }
}

@media (min-width:767px) {
    .login {
        position: fixed
    }
}

@media (min-width:768px) {
    .login .container {
        min-height: 60px
    }
}

.login .lite-green-check {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1em!important
}

.login input[type=checkbox].css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.login input[type=checkbox].css-checkbox+label.css-label {
    padding-left: 20px;
    height: 21px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: left 4px;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;
    min-height: 0
}

.login input[type=checkbox].css-checkbox:checked+label.css-label {
    background-position: left -39px
}

.login .lite-green-check {
    background-image: url(../img/sprites-login.png)
}

.login .username-main {
    color: #E5E5E5;
    padding-right: 30px
}

@media (max-width:400px) {
    .login .col-xs-9 {
        width: 100%
    }
}

.menu .col-custom-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 20%;
    float: left
}

.menu .col-custom-5>ul {
    padding-left: 0
}

.menu .col-custom-5 ul {
    list-style-image: url(../img/li.png);
    margin-top: 10px;
    margin-bottom: 10px
}

.menu .col-custom-5>ul>ul {
    padding-left: 10px
}

.menu .col-custom-5 .mega-menu {
    padding: 10px
}

.menu .col-custom-5 .mega-icon-wrap {
    border-right: 1px solid #9E9E9D
}

.menu .width40 {
    width: 40%
}

.menu .navbar-default {
    background: 0 0;
    border: none;
    margin-bottom: 0
}

.menu .navbar-default .navbar-nav>.active>a,
.menu .navbar-default .navbar-nav>.active>a:focus,
.menu .navbar-default .navbar-nav>.active>a:hover {
    background: 0 0;
    color: #fff
}

.menu .navbar-nav>li>a {
    padding-top: 0;
    padding-bottom: 0
}

.menu .nav>li>a {
    text-transform: uppercase;
    font-family: Ubuntu, sans-serif;
    font-weight: 700;
    font-size: 1.1428571428571em
}

.menu .navbar-default .navbar-nav>li>a:focus,
.menu .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background: 0 0
}

.menu .nav>li>a {
    padding: 10px 14px
}

.menu .navbar-header {
    float: none
}

.menu .navbar-nav>li {
    padding-right: 20px;
    text-align: right
}

.menu .navbar-nav>li:last-child {
    padding-right: 0
}

@media (max-width:992px) {
    .menu .navbar-nav>li {
        padding-right: 0
    }
}

.menu .yamm .navbar-collapse {
    padding-right: 0
}

.menu .yamm .navbar-nav li a {
    padding-right: 0;
    font-size: 1.1428571428571em;
    color: #414142
}

.menu .yamm .navbar-nav>li {
    padding-top: 10px;
    padding-bottom: 10px
}

.menu .yamm-content li:hover {
    margin-left: 5px
}

.menu .yamm .dropdown-menu {
    width: 100%;
    right: 0;
    opacity: .9;
    font-family: Ubuntu, sans-serif;
    font-size: 1.1428571428571em;
    border-radius: 0
}

.menu .navbar-default .navbar-nav>li>a {
    color: #404041
}

.menu .navbar-default .navbar-nav>li>a:hover {
    color: #fff
}

.menu {
    background-color: #c3d600;
    z-index: 21;
    width: 100%;
    transition: .2s margin-top;
    margin-top: 60px
}

@media (min-width:767px) {
    .menu {
        position: fixed
    }
}

@media (max-width:767px) {
    .menu {
        margin-top: 0
    }
}

.menu .menu-links a {
    text-transform: uppercase;
    color: #000;
    font-family: Ubuntu, sans-serif;
    font-weight: 700;
    font-size: 1.1428571428571em;
    margin-top: 30px;
    margin-bottom: 20px;
    display: inline-block
}

.menu .menu-links a:hover {
    color: #fff;
    text-decoration: none
}

.peruso {
    color: #CCC;
    display: inline-block
}

@media (max-width:767px) {
    .peruso {
        padding-left: 7px;
        padding-top: 18px;
        padding-bottom: 18px
    }
}

@media (max-width:400px) {
    .peruso {
        display: none
    }
}

@media (min-width:768px) {
    .peruso {
        margin-top: 17px
    }
}

@media (min-width:768px) {
    .web-link {
        border-left: 1px solid #767777;
        height: 60px
    }
}

@media (max-width:767px) {
    .web-link {
        display: none;
        float: right
    }
}

.logged-in {
    margin-top: 17px!important;
    padding-bottom: 8px
}

@media (max-width:767px) {
    .logged-in {
        float: none!important
    }
}

.logged-in .login-notification {
    display: inline-block;
    position: relative;
    margin-top: -10px
}

.logged-in .img {
    vertical-align: bottom
}

.logged-in .notification-number {
    display: none;
    position: absolute;
    right: 4px;
    top: -2px;
    margin: 0;
    font-size: .85714285714286em
}

.logged-in .showit {
    display: inline
}

.logged-in button {
    background: 0 0;
    border: none;
    color: #e6e6e6;
    padding: 0
}

.logged-in button span {
    margin-left: 5px;
    margin-right: 15px
}

.logged-in .dropdown-menu {
    right: 15px;
    background-color: #e6e6e6;
    padding: 0;
    border: none;
    border-radius: 0;
    min-width: 280px;
    max-width: 280px
}

.logged-in .dropdown-menu span {
    display: table-cell;
    width: 100%;
    height: 50px;
    vertical-align: middle;
    line-height: 18px
}

.logged-in .dropdown-menu img {
    float: left;
    padding-top: 8px;
    padding-left: 9px;
    padding-right: 9px
}

.logged-in .dropdown-menu>li {
    display: block;
    vertical-align: middle
}

.logged-in .dropdown-menu>li>a {
    padding: 0;
    white-space: normal;
    float: left;
    width: 100%;
    border-bottom: 1px solid #b5b7b9;
    font-size: 1.0714285714286em;
    height: 50px;
    vertical-align: middle;
    color: #414141
}

.logged-in .dropdown-menu>li:last-child a {
    margin-bottom: 0;
    height: auto
}

.logged-in .dropdown-menu>li:last-child span {
    display: block;
    font-size: 1.1428571428571em;
    font-weight: 700;
    color: #A5A7AA;
    height: auto;
    padding-top: 7px;
    padding-bottom: 7px
}

.logged-in .dropdown-menu .last {
    text-align: center
}

.login-form {
    margin-top: 7px;
    margin-bottom: 5px
}

@media (max-width:767px) {
    .login-form {
        float: right!important
    }
}

@media (max-width:400px) {
    .login-form {
        float: none!important
    }
}

.login-form .checkbox {
    display: block;
    font-size: 12px
}

.login-form label {
    font-weight: 300
}

.login-form .user {
    margin-right: 10px
}

.login-form #close-login {
    position: absolute;
    right: 15px;
    top: 10px
}

@media (min-width:768px) {
    .login-form #close-login {
        display: none
    }
}

.login-form .form-inline .form-control {
    width: 100px;
    height: 20px;
    border: none;
    border-radius: 0
}

@media (max-width:767px) {
    .login-form .form-inline .form-control {
        width: auto
    }
}

@media (max-width:525px) {
    .login-form .form-inline .form-control {
        width: 100%
    }
}

@media (max-width:767px) and (min-width:525px) {
    .login-form .form-group {
        float: left
    }
}

.login-form .login-button {
    color: #000
}

@media (max-width:767px) {
    .login-form .login-button {
        float: right;
        margin-bottom: 10px;
        margin-top: 20px;
        margin-right: 10px
    }
}

@media (max-width:525px) {
    .login-form .login-button {
        margin-right: 0
    }
}

.login-form .btn {
    width: 75px;
    height: 24px;
    background-color: #c3d600;
    padding: 0;
    border: none;
    vertical-align: top;
    margin-top: 2px;
    text-transform: uppercase;
    font-size: .85714285714286em
}

@media (max-width:767px) {
    .login-form .btn {
        width: 100px;
        height: 30px
    }
}

.login-form .form-group input {
    margin-right: 10px
}

.login-form .form-group label {
    font-family: Ubuntu, sans-serif;
    color: #a6a8ab;
    font-size: 14px
}

.login-form .form-group .font {
    font-size: 1.1428571428571em;
    display: inline-block;
    padding-right: 5px
}

.login-form .form-group .wrap {
    display: inline-block;
    vertical-align: top
}

@media (max-width:767px) {
    .login-form .form-group .wrap {
        display: inline
    }
}

.login-form input[type=checkbox] {
    vertical-align: -7%
}

.logo {
    padding-top: 10px
}

@media (max-width:991px) {
    .logo {
        padding-top: 15px
    }
}

@media (max-width:767px) {
    .logo {
        padding-top: 10px
    }
}

.top-slider-section {
    background-color: #BABAB8
}

@media (min-width:768px) {
    .top-slider-section {
        padding-top: 120px
    }
}

.top-slider-section .bx-wrapper {
    margin-bottom: 50px
}

.top-slider-section .bx-wrapper .bx-pager.bx-default-pager a {
    width: 14px;
    height: 14px;
    border-radius: 25px
}

.top-slider-section .bx-wrapper .bx-pager {
    bottom: 20px!important
}

.top-slider-section .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #fff!important
}

.top-slider-section .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #6e6e6e
}

.top-slider-section .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background-color: #fff
}

.top-slider-section .bx-next,
.top-slider-section .bx-prev {
    background: 0 0!important;
    z-index: 5!important
}

.top-slider-section .bx-wrapper .bx-controls-direction a {
    width: 3%
}

.top-slider-section .bx-wrapper img {
    margin: 0 auto
}

.top-slider-section .bx-wrapper .bx-viewport {
    background: #BABAB8
}

.categories {
    font-family: Ubuntu, sans-serif
}

@media (min-width:768px) {
    .categories .container {
        margin-bottom: 50px
    }
}

.categories .border {
    text-align: center;
    border-left: 1px solid #cecece
}

.categories .border:last-child {
    border-right: 1px solid #cecece
}

@media (max-width:767px) {
    .categories .border {
        border: none;
        border-bottom: 1px solid #cecece;
        margin-bottom: 20px
    }
}

.categories .border h4 {
    font-weight: 700;
    font-size: 1.5714285714286em;
    margin-top: 40px
}

.categories .border h4 a {
    color: #6d6e70
}

@media (max-width:767px) {
    .categories .border h4 {
        margin-top: 20px;
        margin-bottom: 40px
    }
}

.categories2 {
    background: url(../img/pozadina1.jpg) 50% 0 repeat-y fixed;
    background-size: 100%
}

.categories2 .category-column {
    text-align: center;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -ms-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear
}

.categories2 .category-column:hover {
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -ms-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
    background-color: rgba(0, 0, 0, .2)
}

.categories2 .category-column a,
.categories2 .category-column p {
    color: #fff;
    font-family: Ubuntu, sans-serif;
    font-size: 1.0714285714286em
}

.categories2 .category-column a {
    display: block;
    cursor: pointer;
    margin-bottom: 5px
}

.categories2 .category-column h3 {
    color: #c3d600;
    margin-bottom: 40px;
    font-size: 1.5714285714286em
}

.categories2 .category-column h3 a {
    color: #c3d600
}

.categories2 .category-column .novosti {
    margin-bottom: 10px
}

.categories2 .category-column .tabela {
    display: table;
    width: 100%
}

.categories2 .category-column .image-wrap {
    height: 65px;
    display: table-cell;
    vertical-align: middle
}

@media (max-width:767px) {
    .categories2 .category-column .image-wrap img {
        margin-top: 10px
    }
}

.categories2 .category-column:last-child .wrap {
    border-right: 1px solid rgba(255, 255, 255, .5)
}

.categories2 .category-column .overley {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -ms-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear
}

.categories2 .category-column .wrap {
    margin: 50px -15px
}

@media (min-width:768px) {
    .categories2 .category-column .wrap {
        border-left: 1px solid rgba(255, 255, 255, .5)
    }
}

@media (max-width:767px) {
    .categories2 .category-column .wrap {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 10px
    }
}

.categories2 .category-column .wrap a:hover {
    color: #c3d600
}

#thumb {
    position: relative
}

@media (min-width:768px) {
    #thumb {
        margin-left: -15px;
        margin-right: -15px
    }
}

#thumb #play {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

#thumb #play:hover {
    cursor: pointer
}

.video-embed {
    position: relative;
    padding-bottom: 53%;
    margin-left: -15px;
    margin-right: -15px
}

.video-embed embed,
.video-embed iframe,
.video-embed object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video {
    padding-top: 60px
}

.video .sponsors {
    margin-top: 50px;
    margin-bottom: 50px
}

@media (min-width:768px) {
    .video .sponsors {
        padding: 0
    }
}

@media (max-width:767px) {
    .video .sponsors {
        text-align: center
    }
}

.video .bottom-slider {
    margin-top: 60px;
    padding-left: 40px;
    padding-right: 40px
}

.video .bottom-slider .bx-wrapper .bx-pager.bx-default-pager a {
    width: 17px;
    height: 17px;
    border-radius: 25px
}

.video .bottom-slider .bx-wrapper .bx-pager {
    bottom: 20px!important
}

.video .bottom-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #fff!important
}

.video .bottom-slider .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #6e6e6e
}

.video .bottom-slider .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background-color: #fff
}

.video .bottom-slider .bx-next,
.video .bottom-slider .bx-prev {
    background: 0 0!important;
    z-index: 5!important
}

.video .bottom-slider .bx-next {
    right: -56px
}

.video .bottom-slider .bx-prev {
    left: -53px
}

.video .bottom-slider .bx-wrapper .bx-controls-direction a {
    width: 29px;
    height: 29px
}

.video .bottom-slider .bx-pager {
    display: none
}

.footer {
    padding-bottom: 20px;
    background-color: #6d6e70
}

@media (min-width:768px) {
    .footer {
        padding-top: 30px
    }
}

@media (max-width:767px) and (min-width:480px) {
    .footer .xs-column {
        width: 50%;
        float: left
    }
}

.footer .social-icons {
    margin-top: 35px;
    padding-left: 10px
}

.footer .social-icons .col-sm-3 {
    padding-right: 0
}

@media (min-width:768px) {
    .footer .social-icons .col-md-3 {
        padding-left: 5px;
        padding-right: 5px
    }
}

.footer .social-icons img {
    margin-bottom: 10px
}

@media (max-width:767px) {
    .footer .bottom-logo {
        display: none
    }
}

.footer .left-box {
    margin-top: 28px
}

.footer .left-box a {
    line-height: 33px
}

@media (max-width:991px) {
    .footer .left-box a {
        line-height: 23px
    }
}

@media (max-width:768px) {
    .footer .icon-text img {
        display: none
    }
}

.footer .icon-text span {
    color: #fff
}

.footer .icon-text a {
    display: block;
    color: #a6a8ab
}

.footer .icon-text a:hover {
    color: #c3d600
}

.footer .icon-text p {
    color: #a6a8ab;
    margin: 0
}

.footer .icon-text h4 {
    text-transform: uppercase;
    color: #c3d600;
    margin-top: 15px;
    margin-bottom: 0
}

.footer .icon-text a,
.footer .icon-text h4,
.footer .icon-text p {
    font-size: 1.1428571428571em
}

@media (min-width:768px) {
    .footer .icon-text .kontakt {
        margin-top: 10px
    }
}

.footer .icon-text .kontakt-wrap {
    line-height: 35px
}

@media (max-width:991px) {
    .footer .icon-text .kontakt-wrap {
        line-height: 34px
    }
}

.footer .icon-text .partneri {
    margin-top: 10px
}

@media (max-width:991px) {
    .footer .icon-text .partneri {
        margin-top: 16px
    }
}

.copyright {
    background-color: #404041
}

.copyright p {
    color: #a7a9ab;
    margin-top: 20px;
    margin-bottom: 20px
}

.copyright span {
    color: #F79239
}

.sekcija {
    margin-bottom: 60px;
    color: #6d6e70
}

@media (min-width:768px) {
    .sekcija {
        padding-top: 110px
    }
}

@media (max-width:767px) {
    .sekcija {
        margin-bottom: 15px
    }
}

.globalh3 {
    font-size: 1.5714285714286em;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0
}


.globalh2 {
    text-transform: uppercase;
    color: #c3d600;
    font-weight: 700;
    margin-top: 60px;
    margin-bottom: 35px
}

.globalNewsH2 {
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 60px;
    margin-bottom: 15px;
    background: #a9a8a8;
    font-size: 18px;
    padding: 10px
}

.globalh1 {
    text-transform: uppercase;
    color: #c3d600;
    font-weight: 700;
    margin-top: 60px;
    margin-bottom: 35px;
    font-size: 2.1428571428571em
}

.banner {
    margin-top: 30px
}

.kontakt-section .form-group {
    margin-bottom: 5px
}

@media (max-width:1199px) {
    .kontakt-section .form-group {
        margin-bottom: 20px
    }
}

.kontakt-section .pp {
    color: #fff;
    background-color: #a9a8a8;
    padding-left: 25px;
    border-bottom: 3px solid #fff
}

.kontakt-section form {
    background-color: #f4f5f5;
    padding: 15px 25px
}

@media (min-width:1200px) {
    .kontakt-section form {
        margin-bottom: 90px
    }
}

.kontakt-section label {
    font-weight: 400;
    font-size: 1.1428571428571em
}

.kontakt-section input,
.kontakt-section textarea {
    border-radius: 0;
    border-color: #CDCCCC
}

.kontakt-section .checkbox label {
    padding-right: 30px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width:480px) {
    .kontakt-section .checkbox label {
        padding-right: 24px
    }
}

.kontakt-section .checkbox input {
    right: 0
}

.kontakt-section .checkbox p {
    font-size: .85714285714286em
}

.kontakt-section input[type=checkbox].css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.kontakt-section input[type=checkbox].css-checkbox+label.css-label {
    padding-left: 20px;
    height: 21px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: right 0;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;
    min-height: 0
}

.kontakt-section input[type=checkbox].css-checkbox:checked+label.css-label {
    background-position: right -39px
}

.kontakt-section .lite-green-check {
    background-image: url(../img/sprites.png)
}

.kontakt-section textarea {
    resize: none
}

.kontakt-section span {
    color: #ec3730
}

.kontakt-section .posalji button {
    font-size: 1.1428571428571em;
    color: #414142;
    padding: 7px 17px;
    background-color: #c3d600;
    border-radius: 0;
    text-transform: uppercase
}

@media (min-width:1200px) {
    .kontakt-section .right-contact {
        padding-right: 3px
    }
    .kontakt-section .right-contact.email {
        padding-left: 0
    }
}

@media (max-width:767px) {
    .kontakt-section .right-contact .social-icons {
        margin-bottom: 10px
    }
}

.kontakt-section .pk {
    color: #c3d600;
    font-weight: 700
}

.kontakt-section .green-box {
    margin-top: 3px;
    background-color: #c3d600;
    padding: 12px;
    min-height: 85px
}

@media (max-width:1199px) {
    .kontakt-section .green-box {
        margin-bottom: 20px
    }
}

.kontakt-section .green-box p {
    margin: 0;
    color: #fff;
    font-size: 1.1428571428571em
}

.kontakt-section .green-box p span {
    font-size: 1.375em;
    color: #fff;
    font-weight: 700
}

.kontakt-section .green-box p a {
    color: #fff;
    display: inline-block;
    margin-top: 8px;
    font-weight: 700
}

@media (min-width:1199px) {
    .kontakt-section .kontakt-podaci-margina {
        margin-top: 35px
    }
}

.kontakt-section .kontakt-podaci {
    color: #6d6e70;
    font-size: 1.1428571428571em;
    line-height: 30px
}

.kontakt-section .social-icons a {
    margin-right: 15px
}

.novosti-section h3 {
    color: #909090;
    padding: 10px !important;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
}

.novosti-section h3:hover {
    color: #c3d600
}

.news-header .date {
    text-align: right;
    font-size: 11px;
    padding: 5px 10px !important;
}

.novosti-section p {
    font-size: 1.1428571428571em
}

.novosti-section .news-header h3,
.novosti-section .news-header p {
    margin: 0;
    padding: 0
}

@media (min-width:768px) {
    .novosti-section .news-header h3,
    .novosti-section .news-header p {
        background-color: #f4f5f5;
        padding-left: 10px
    }
}

#newsBlock {
    padding: 0;
}

.novosti-section .news-header h3 {
    padding-top: 10px
}

.novosti-section .news-header p {
    padding-bottom: 5px
}

.novosti-section a {
    text-decoration: none !important;
}

.novosti-section .news-image {
    margin-bottom: 10px;
    width: 100%;
    height: auto;
}

.novosti-section .news-text {
    margin-top: 5px
}

.novosti-section .read-more {
    color: #c3d600;
    margin-bottom: 35px;
    display: block;
    font-size: 15px;
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #f4f5f5;
    text-decoration: none !important;
}

.latestNewsBlock {
    background: #f4f5f5;
    padding: 5px 10px 0px 10px;
}

.novosti-section .latest p {
    margin-bottom: 0
}

.novosti-section .latest a {
    font-size: 14px;
    display: block;
    color: #404041;
    padding-bottom: 6px;
    border-bottom: 1px solid #fff;
    margin-bottom: 6px;
    text-decoration: none !important;
}

.novosti-section .latest a:hover {
    color: #c3d600
}

.novosti-section .other {
    color: #fff;
    font-weight: 400;
    padding-left: 10px;
    background-color: #a9a8a8
}

.novosti-section .other-news {
    margin-top: 30px
}

.novosti-section .other-news h3{
    color: #909090;
    padding: 10px !important;
    font-size: 15px;
    font-weight: 300;
    text-transform: none;
}
.novosti-section .other-news h3:hover {
    color: #909090;
}
.globalh3.other:hover {
    color:#fff;
    cursor: inherit;
}

.novosti-section .other-news .col-sm-4 {
    max-height: 233px;
    overflow: hidden
}

@media (max-width:1199px) {
    .novosti-section .other-news .col-sm-4 {
        max-height: 200px
    }
}

@media (max-width:991px) {
    .novosti-section .other-news .col-sm-4 {
        max-height: 164px
    }
}

@media (max-width:767px) {
    .novosti-section .other-news .col-sm-4 {
        max-height: none
    }
}

.novosti-section .other-news h3 {
    height: 58px;
    overflow: hidden
}

.novosti-section .bx-controls-direction a {
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out
}

.novosti-section .bx-wrapper:hover .bx-controls-direction a {
    opacity: 1
}

.novosti-section .bx-wrapper .bx-controls-direction a {
    z-index: 1;
    width: 40px;
    height: 40px
}

.novosti-section .bx-wrapper .bx-prev {
    left: 0
}

.novosti-section .bx-wrapper .bx-next {
    right: 0
}

.novosti-section .slider-wrap img {
    margin: 0 auto;
    max-height: 700px
}

.novosti-section .bx-viewport {
    background-color: #E8E9EA
}

.novosti-section .slider-wrap {
    position: relative
}

.novosti-section .slider-wrap:hover .gallery-icon {
    display: inline-block
}

.novosti-section .gallery-icon {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    display: none;
    pointer-events: none
}

#loading {
    text-align: center;
}

.other-news img.news-image {
    min-height: 135px;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.sta-je-lampica .panel-group {
    margin-top: 60px
}

.sta-je-lampica .panel {
    border: none;
    box-shadow: none;
    border-radius: 0
}

.sta-je-lampica .panel:last-child .collapse.in {
    border-bottom: 5px solid #f4f5f5
}

.sta-je-lampica .lampica {
    padding-top: 40px;
    padding-bottom: 40px
}

.sta-je-lampica .panel-heading {
    padding: 0 15px
}

.sta-je-lampica .gray {
    background-color: #a9a8a8;
    color: #fff;
    font-size: 1.875em;
    padding-top: 4px;
    padding-bottom: 4px
}

@media (max-width:991px) {
    .sta-je-lampica .gray {
        font-size: 1.75em
    }
}

.sta-je-lampica .active.gray {
    background-color: #c3d600
}

.sta-je-lampica .yellow {
    padding-top: 12px;
    padding-bottom: 5px;
    font-size: 1.375em;
    color: #6d6e70;
    text-transform: uppercase;
    background: url(../img/plus.png) 99% center no-repeat
}

@media (max-width:767px) {
    .sta-je-lampica .yellow {
        font-size: 1.125em;
        max-height: 36px;
        overflow: hidden
    }
}

@media (max-width:480px) {
    .sta-je-lampica .yellow {
        font-size: .875em;
        max-height: 36px;
        overflow: hidden;
        padding-left: 5px;
        padding-top: 14px;
        padding-bottom: 25px
    }
}

.sta-je-lampica .active.yellow {
    background: url(../img/minus.png) 99% center no-repeat #f3f6ce
}

.sta-je-lampica .panel-body {
    padding: 0;
    border-top: none!important
}

.sta-je-lampica .panel-body .row {
    margin: 0
}

.sta-je-lampica .lampica-list {
    background-color: #f4f5f5;
    padding: 0
}

@media (max-width:767px) {
    .sta-je-lampica .lampica-list {
        display: none
    }
}

.sta-je-lampica .lampica-list .defaultSticky {
    width: 100%
}

.sta-je-lampica .lampica-list ul {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 1.1428571428571em;
    list-style: none;
    padding-left: 0
}

@media (max-width:1199px) {
    .sta-je-lampica .lampica-list ul {
        font-size: 1em
    }
}

.sta-je-lampica .lampica-list ul li {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 6px;
    margin-bottom: 6px;
    background-color: #fff
}

.sta-je-lampica .lampica-list ul li a {
    color: #6d6e70;
    text-transform: uppercase
}

.sta-je-lampica .lampica-list ul span {
    padding: 5px 10px;
    background-color: #a9a8a8;
    color: #fff;
    font-size: 1.375em;
    font-weight: 700;
    margin-right: 5px
}

.sta-je-lampica .lampica-list ul .active {
    background-color: #f3f6ce
}

.sta-je-lampica .lampica-list ul .active span {
    background-color: #c3d600
}

.sta-je-lampica #thumb,
.sta-je-lampica .video-embed {
    margin: 15px 0
}

.sta-je-lampica h3 {
    margin-top: 30px;
    color: #c3d600;
    font-size: 1.5714285714286em;
    font-weight: 700
}

.sta-je-lampica h3 span {
    font-weight: 400;
    color: #6d6e70;
    font-size: .72727272727273em
}

.sta-je-lampica p {
    color: #6d6e70;
    font-size: 1em
}

.sta-je-lampica p:last-child {
    padding-bottom: 10px
}

.sta-je-lampica .content {
    padding-top: 15px;
    padding-bottom: 15px
}

@media (min-width:768px) {
    .sta-je-lampica .content {
        padding-left: 30px;
        padding-right: 0;
        min-height: 335px
    }
}

.sta-je-lampica .content ul {
    padding-left: 0;
    list-style-type: none
}

.sta-je-lampica .content ul li {
    font-size: 1.1428571428571em
}

.sta-je-lampica .content ul li:before {
    content: '- '
}

.sta-je-lampica .content .bodovilinks .active .btn {
    background: #c3d600
}

.sta-je-lampica .buttons {
    padding-top: 30px
}

@media (min-width:992px) {
    .sta-je-lampica .buttons .col-md-4:first-child {
        padding-left: 0
    }
    .sta-je-lampica .buttons .col-md-4:last-child {
        padding-right: 0
    }
}

@media (max-width:991px) {
    .sta-je-lampica .buttons .col-md-4 {
        padding: 0
    }
}

.sta-je-lampica .btn {
    width: 100%;
    text-transform: uppercase;
    background-color: #a9a8a8;
    font-size: 1.5714285714286em;
    color: #fff;
    padding: 13px 0;
    margin-bottom: 15px
}

@media (max-width:1199px) {
    .sta-je-lampica .btn {
        font-size: 1.2857142857143em
    }
}

.sta-je-lampica .btn:hover {
    background-color: #c3d600
}

.sta-je-lampica img {
    margin-top: 15px;
    margin-bottom: 15px
}

.sta-je-lampica .title {
    color: #fff;
    padding: 15px;
    font-weight: 700;
    text-transform: uppercase
}

.sta-je-lampica .proizvodi {
    background: url(../img/proizvodi.png) 99% center no-repeat #c3d600
}

.sta-je-lampica .dopuna {
    background: url(../img/dopuna.png) 99% center no-repeat #c3d600
}

.sta-je-lampica .vaucer {
    background: url(../img/vaucer.png) 99% center no-repeat #c3d600
}

.important {
    background-color: #f3f6ce;
    padding: 15px
}

.modal-body {
    padding: 0
}

.modal-dialog {
    margin: 0 auto;
    max-width: 625px
}

.modal-dialog .col-sm-7 {
    position: static
}

@media (max-width:767px) {
    .modal-dialog form {
        padding-left: 15px;
        padding-right: 15px
    }
}

#loginmodal a {
    color: #c3d600
}

#loginmodal .modal-content {
    border-radius: 0
}

@media (min-width:768px) {
    #loginmodal .modal-dialog .col-sm-7 {
        position: relative!important
    }
}

#loginmodal label {
    font-weight: 400
}

#loginmodal h1 {
    margin-top: 30px;
    margin-bottom: 15px;
    text-transform: none
}

@media (max-width:767px) {
    #loginmodal h1 {
        padding-left: 15px
    }
}

#loginmodal .form-group {
    padding-right: 15px
}

#loginmodal .form-control {
    border-radius: 0
}

#loginmodal .login-popup-button {
    border: none;
    border-radius: 0;
    background-color: #c3d600;
    text-transform: uppercase;
    margin-right: 15px;
    font-size: 1.1428571428571em;
    padding: 8px 21px
}

#loginmodal .lite-green-check {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1em!important
}

#loginmodal input[type=checkbox].css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

#loginmodal input[type=checkbox].css-checkbox+label.css-label {
    padding-left: 20px;
    height: 21px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: left 4px;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;
    min-height: 0
}

#loginmodal input[type=checkbox].css-checkbox:checked+label.css-label {
    background-position: left -39px
}

#loginmodal .lite-green-check {
    background-image: url(../img/sprites-login.png)
}

#loginmodal .checkbox {
    margin-top: 0
}

#loginmodal .checkbox a {
    color: #c3d600
}

#loginmodal .message {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: -15px;
    background-color: #f4f5f5
}

@media (max-width:767px) {
    #loginmodal .message {
        left: 0
    }
}

#loginmodal .message p {
    padding: 15px;
    margin-bottom: 0;
    font-size: .85714285714286em
}

#loginmodal .close {
    position: absolute;
    right: -20px;
    top: -20px;
    opacity: 1;
    z-index: 1
}

@media (max-width:767px) {
    #loginmodal .close {
        right: -15px;
        top: -15px
    }
}

#loginmodal .col-sm-7 {
    min-height: 384px
}

#loginmodal .modal-open .modal {
    padding-left: 0!important;
    padding-right: 0!important;
    overflow-y: scroll
}

.moj-racun {
    background: url(../img/pozadina1.jpg) 50% 0 repeat-y fixed;
    background-size: 100%;
    margin-bottom: 0
}

@media (max-width:767px) {
    .moj-racun {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.moj-racun a {
    color: #c3d600
}

.moj-racun a,
.moj-racun p {
    font-size: 1.1428571428571em
}

.moj-racun .stanje-bodova {
    color: #fff;
    font-weight: 700;
    font-size: 1.5714285714286em;
    margin-bottom: 0
}

.moj-racun .user-image {
    padding-bottom: 55px;
    padding-right: 20px;
    float: left
}

@media (min-width:1200px) {
    .moj-racun .user-image {
        padding-left: 20px
    }
}

@media (max-width:1199px) {
    .moj-racun .user-image {
        padding-right: 15px
    }
}

@media (max-width:992px) {
    .moj-racun .user-image {
        float: none;
        padding-bottom: 0
    }
}

.moj-racun .username {
    padding-top: 10px;
    color: #fff;
    font-weight: 700
}

@media (max-width:992px) {
    .moj-racun .username {
        padding-top: 0;
        margin-bottom: 0
    }
}

.moj-racun .wrap {
    margin-top: 50px;
    padding-top: 20px;
    min-height: 120px;
    padding-right: 25px
}

@media (max-width:1199px) {
    .moj-racun .wrap {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:992px) {
    .moj-racun .wrap {
        margin-top: 20px;
        min-height: 180px
    }
}

@media (min-width:768px) {
    .moj-racun .border {
        border-right: 1px solid #fff
    }
}

@media (max-width:767px) {
    .moj-racun .border {
        border-bottom: 1px solid #fff
    }
}

@media (min-width:768px) {
    .moj-racun .border-right {
        border-right: 1px solid #fff
    }
}

.moj-racun .white {
    position: absolute;
    right: 0;
    background-color: #fff;
    width: 3px;
    height: 10px
}

.moj-racun .artikal {
    margin-bottom: 0;
    color: #fff
}

.moj-racun .artikal span {
    font-weight: 700
}

@media (max-width:1199px) {
    .moj-racun .artikal {
        font-size: 1.0714285714286em
    }
}

@media (max-width:991px) {
    .moj-racun .artikal {
        font-size: 1em
    }
}

.moj-racun .nema .artikal {
    opacity: .3
}

.moj-racun .nema .artikal-bodovi,
.moj-racun .nema .progress {
    display: none
}

.moj-racun .iznos-transakcija {
    font-size: 1.1428571428571em;
    margin-bottom: 25px;
    color: #fff
}

.moj-racun .iznos {
    color: #fff;
    font-size: 1.5714285714286em
}

.racun-tabs {
    position: relative
}

.racun-tabs .gray-line {
    height: 40px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #E7E8E8
}

@media (max-width:991px) {
    .racun-tabs .gray-line {
        display: none
    }
}

.racun-tabs .mobile-tabs {
    margin-top: 30px;
    margin-bottom: 0!important;
    background: #E7E8E8!important
}

.racun-tabs .mobile-tabs .active>a {
    background-color: #c3d600!important
}

.racun-tabs .mobile-tabs .navbar-collapse,
.racun-tabs .mobile-tabs .navbar-default .navbar-form {
    border-color: #fff
}

@media (min-width:768px) {
    .racun-tabs .mobile-tabs {
        display: none
    }
}

.racun-tabs .nav-tabs {
    background-color: #E7E8E8;
    border: none
}

.racun-tabs .nav-tabs>li {
    margin-bottom: 0
}

.racun-tabs .nav>li>a {
    border: none;
    text-transform: uppercase;
    font-weight: 700;
    color: #6d6e70;
    padding: 10px 30px
}

@media (max-width:1199px) {
    .racun-tabs .nav>li>a {
        padding: 10px 18px
    }
}

@media (max-width:991px) {
    .racun-tabs .nav>li>a {
        padding: 10px 4px
    }
}

.racun-tabs .nav-tabs>li.active>a {
    background-color: #c3d600;
    border: none;
    border-radius: 0;
    color: #fff
}

.racun-tabs .nav-tabs>li>a:hover {
    background-color: #c3d600;
    color: #6d6e70;
    border: none;
    border-radius: 0
}

.nav-tabs > li > a {
    padding: 11px 20px !important;
}

@media (max-width:1199px) {
    .racun-tabs .nav-tabs>li>a {
        margin-right: 10px
    }
}

@media (max-width:991px) {
    .racun-tabs .nav-tabs>li>a {
        margin-right: 3px
    }
}

@media (min-width:1200px) {
    .racun-tabs .nav-tabs>li>a {
        margin-right: 12px
    }
}

.racun-tabs .form-control {
    margin-top: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/arrow-down.png) 97% center no-repeat #fff;
    border-radius: 0;
    border-color: #A5A8AB;
    cursor: pointer;
    height: 25px;
    padding: 0 5px
}

@media (max-width:991px) {
    .racun-tabs .form-control {
        margin-bottom: 10px;
        margin-top: 10px
    }
}

.racun-tabs #filter-search {
    max-width: 140px;
    background: url(../img/search.png) 97% center no-repeat #fff;
    cursor: auto
}

.racun-tabs .trgovac-filters {
    background: #E5E5E5;
    padding-left: 30px;
    padding-right: 30px;
    border: 1px solid #fff
}

.racun-tabs .trgovac-filters .form-control {
    margin-top: 7px;
    margin-bottom: 7px
}

.racun-tabs .lista-poslovnica a {
    display: inline-block;
    margin-bottom: 10px;
    color: #414143
}

.racun-tabs .lista-poslovnica a:hover {
    color: #c3d600
}

.racun-tabs .single-poslovnica {
    display: none
}

.racun-tabs .backtosearch {
    margin-bottom: 10px;
    display: inline-block;
    display: none
}

.racun-tabs .transakcije {
    background: #F2F4CD;
    margin-top: 0;
    padding-left: 10px;
    color: #C0D32F!important;
    border: 1px solid #fff
}

.racun-tabs .transakcije-table {
    color: #676767
}

.racun-tabs .transakcije-table td {
    background-color: #F1F1F1;
    padding-left: 10px!important;
    padding-right: 10px!important
}

.racun-tabs .transakcije-table td:nth-child(2) {
    text-align: right
}

.racun-tabs .transakcije-table .stripe td {
    background-color: #E7E6E6
}

.racun-tabs #myTab-accordion {
    margin-top: 30px
}

@media (max-width:767px) {
    .racun-tabs #myTab {
        display: none
    }
}

.racun-tabs #myTab .notifikacija {
    display: none;
    float: left;
    padding-right: 5px;
    padding-top: 4px
}

.racun-tabs #myTab .showit {
    display: inline
}

.racun-tabs .panel-title {
    text-transform: uppercase
}

.racun-tabs .spacing {
    min-height: 40px;
    width: 100%
}

.racun-tabs .banner:first-child {
    margin-top: 0
}

.racun-tabs .banner:last-child {
    margin-bottom: 30px
}

.racun-tabs #izvjestaj h3 {
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0;
    color: #a9a8a8;
    text-transform: uppercase;
    font-size: 1.5714285714286em
}

@media (min-width:992px) {
    .racun-tabs #izvjestaj h3 {
        padding-left: 20px
    }
}

.racun-tabs #izvjestaj h3 span {
    padding-left: 20px;
    color: #414142;
    font-weight: 700
}

@media (min-width:768px) {
    .racun-tabs #izvjestaj .mjesec {
        padding-right: 3px
    }
}

@media (min-width:768px) {
    .racun-tabs #izvjestaj .godina {
        padding-left: 3px
    }
}

.racun-tabs #izvjestaj .wrap {
    margin-left: 15px;
    margin-right: 15px;
    background-color: #E7E8E8;
    border: 2px solid #fff
}

.racun-tabs #izvjestaj .wrap:after {
    clear: both;
    content: "";
    display: block
}

.racun-tabs #izvjestaj .table {
    border-spacing: 2px;
    border-collapse: initial;
    border: none
}

.racun-tabs #izvjestaj .table td,
.racun-tabs #izvjestaj .table th,
.racun-tabs #izvjestaj .table tr {
    border: none
}

.racun-tabs #izvjestaj .table th {
    text-align: center;
    color: #414142;
    text-transform: uppercase;
    background-color: #a9a8a8
}

.racun-tabs #izvjestaj .table>tbody>tr>td {
    padding: 2px
}

.racun-tabs #izvjestaj .table-striped>tbody>tr {
    background-color: #E8E9EA
}

.racun-tabs #izvjestaj .table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #F4F5F6
}

.racun-tabs #izvjestaj .yellowish-row {
    background-color: #f3f6ce!important
}

.racun-tabs #izvjestaj .green-row {
    background-color: #E6EB9B!important
}

.racun-tabs #izvjestaj tfoot tr {
    background-color: #a9a8a8
}

.racun-tabs #izvjestaj .poslovnice {
    color: #c3d600;
    padding-left: 0;
    font-weight: 700;
    margin-bottom: 15px
}

.racun-tabs #izvjestaj .poslovnice-column {
    padding-left: 0
}

.racun-tabs #notifikacije,
.racun-tabs #notifikacije-collapse {
    padding-bottom: 60px
}

.racun-tabs #notifikacije img,
.racun-tabs #notifikacije-collapse img {
    padding-right: 20px
}

.racun-tabs #notifikacije h5,
.racun-tabs #notifikacije-collapse h5 {
    font-size: 1.1428571428571em;
    font-weight: 700;
    color: #6d6e70
}

.racun-tabs #notifikacije p,
.racun-tabs #notifikacije-collapse p {
    color: #6d6e70
}

.racun-tabs #notifikacije .image-wrap,
.racun-tabs #notifikacije-collapse .image-wrap {
    float: left;
    position: relative
}

.racun-tabs #notifikacije .notifikacija,
.racun-tabs #notifikacije-collapse .notifikacija {
    padding: 10px;
    margin-bottom: 5px;
    background-color: #F4F5F6
}

.racun-tabs #notifikacije .new-notification,
.racun-tabs #notifikacije-collapse .new-notification {
    background-color: #E7E8E8
}

.racun-tabs #notifikacije .new-notification .new-notification-image,
.racun-tabs #notifikacije-collapse .new-notification .new-notification-image {
    position: absolute;
    right: 0;
    top: 15px
}

.notifikacija-single {
    min-height: 128px;
    height: auto;
}
.notifikacija-single p, .notifikacija-single h5 {
    word-wrap: break-word;
}

@media (max-width:767px) {
    .racun-tabs #nagrade .tab-link {
        margin-bottom: 15px;
        display: block
    }
}

.racun-tabs #nagrade .btn {
    text-transform: uppercase;
    padding: 9px 12px;
    width: 100%;
    text-align: left;
    font-size: 1.1428571428571em
}

.racun-tabs #nagrade .nagrade {
    color: #fff;
    background: url(../img/proizvodi-small-hover.png) 98% center no-repeat #a8a7a7
}

.racun-tabs #nagrade .nagrade:hover {
    background: url(../img/proizvodi-small-hover.png) 98% center no-repeat #c3d600
}

.racun-tabs #nagrade .dopuna {
    color: #fff;
    background: url(../img/dopuna-small-hover.png) 98% center no-repeat #a8a7a7
}

.racun-tabs #nagrade .dopuna:hover {
    background: url(../img/dopuna-small-hover.png) 98% center no-repeat #c3d600
}

.racun-tabs #nagrade .active-state {
    background-color: #c3d600
}

.racun-tabs #nagrade .proizvod-image {
    border: 1px solid #817D7E
}

.racun-tabs #nagrade .proizvodi {
    padding-top: 30px;
    padding-bottom: 30px
}

.racun-tabs #nagrade .proizvodi .bx-wrapper .bx-prev {
    left: 0;
    background: 0 0
}

.racun-tabs #nagrade .proizvodi .bx-wrapper .bx-next {
    right: 0;
    background: 0 0
}

.racun-tabs #nagrade .proizvodi .products-slider-wrap {
    position: relative;
    background-color: #E3E5E5
}

@media (max-width:767px) {
    .racun-tabs #nagrade .proizvodi .products-slider-wrap {
        padding-top: 90px;
        padding-bottom: 30px
    }
}

@media (min-width:768px) {
    .racun-tabs #nagrade .proizvodi .products-slider-wrap {
        padding-top: 94px;
        min-height: 570px
    }
}

.racun-tabs #nagrade .proizvodi .bx-wrapper img {
    width: 100%
}

.racun-tabs #nagrade .proizvodi #bx-pager {
    margin-top: 30px
}

.racun-tabs #nagrade .proizvodi h3 {
    margin-top: 110px;
    color: #c3d600;
    text-transform: none
}

.racun-tabs #nagrade .proizvodi h3 span {
    font-size: .72727272727273em;
    font-weight: 300
}

.racun-tabs #nagrade .proizvodi .dopuni {
    width: auto;
    margin-top: 20px;
    background: #c3d600;
    color: #414143;
    padding: 7px 38px
}

.racun-tabs #nagrade .proizvodi p {
    color: #414143
}

.racun-tabs #nagrade .proizvodi .form-control {
    height: 40px;
    color: #414143
}

.racun-tabs #nagrade .proizvodi form::-webkit-input-placeholder {
    color: #414143
}

.racun-tabs #nagrade .proizvodi form:-moz-placeholder {
    color: #414143
}

.racun-tabs #nagrade .proizvodi form::-moz-placeholder {
    color: #414143
}

.racun-tabs #nagrade .proizvodi form:-ms-input-placeholder {
    color: #414143
}

.racun-tabs #nagrade .proizvodi .broj {
    background: 0 0;
    padding-left: 10px
}

.racun-tabs #nagrade .proizvodi .iznos,
.racun-tabs #nagrade .proizvodi .operater {
    background: url(../img/dropdown-arrow.png) right center no-repeat;
    font-size: 1.0714285714286em
}

.racun-tabs #nagrade .proizvodi .proizvod-wrap {
    position: relative;
    margin-bottom: 30px;
    max-height: 272px
}

@media (max-width:767px) and (min-width:342px) {
    .racun-tabs #nagrade .proizvodi .proizvod-wrap {
        display: inline-block
    }
}

.racun-tabs #nagrade .proizvodi .rasprodato:after {
    content: '';
    position: absolute;
    top: 1px;
    right: 0;
    bottom: 0;
    left: 1px;
    background: url(../img/rasprodano.png) no-repeat
}

.racun-tabs #nagrade .proizvodi .rasprodato-proizvod:after {
    content: '';
    position: absolute;
    top: -1px;
    right: 0;
    bottom: 0;
    left: -1px;
    background: url(../img/rasprodano-proizvod.png) no-repeat
}

.racun-tabs #nagrade .proizvodi .proizvod {
    background: rgba(255, 255, 255, .7);
    position: absolute;
    bottom: 1px;
    left: 0;
    padding-bottom: 2px;
    width: 99%;
    margin-left: 1px
}

.racun-tabs #nagrade .proizvodi .proizvod p {
    margin: 0;
    font-size: 1.1428571428571em;
    padding-left: 5px;
    color: #6D7071;
    line-height: 1.25em
}

.racun-tabs #nagrade .proizvodi .proizvod p span {
    font-weight: 700
}

.racun-tabs #nagrade .proizvodi .cijena {
    position: absolute;
    right: 5px;
    top: 5px;
    border: 1px solid #A8A7A7;
    border-radius: 60px;
    width: 45px;
    height: 45px;
    text-align: center;
    background-color: #A8A7A7;
    color: #fff;
    font-size: 1.1428571428571em;
    line-height: 1em;
    padding-top: 4px
}

@media (max-width:767px) {
    .racun-tabs #nagrade .all-products #bx-pager .col-sm-3 {
        margin-bottom: 15px
    }
}

.racun-tabs #nagrade .all-products h3 {
    margin-top: 0;
    padding-top: 0
}

.racun-tabs #nagrade .all-products .vrijednost {
    color: #414143;
    font-weight: 700;
    padding-bottom: 0
}

.racun-tabs #nagrade .all-products p {
    margin-top: 30px
}

.racun-tabs #nagrade .all-products .kupi,
.racun-tabs #nagrade .all-products .rezervisi {
    width: 150px;
    background: #c3d600;
    color: #414143;
    text-align: center
}

@media (max-width:767px) {
    .racun-tabs #nagrade .all-products .kupi,
    .racun-tabs #nagrade .all-products .rezervisi {
        float: left;
        width: 45%;
        margin-top: 15px;
        margin-bottom: 15px
    }
}

.racun-tabs #nagrade .all-products .kupi {
    padding: 8px 0;
    margin-right: 25px
}

.racun-tabs #nagrade .all-products .rezervisi {
    padding: 8px 0
}

.racun-tabs #nagrade .all-products .opis {
    margin-top: 180px
}

@media (max-width:767px) {
    .racun-tabs #nagrade .all-products .opis {
        float: left;
        margin-top: 10px
    }
}

.racun-tabs #nagrade .all-products .opis h3 {
    margin: 0;
    padding: 0
}

.racun-tabs #nagrade .all-products .opis p {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 25px
}

.racun-tabs #nagrade .all-products .opis .dostupno {
    color: #414143
}

.racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .left {
    padding-right: 0
}

.racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .left .inside {
    padding-top: 31px;
    padding-bottom: 31px;
    text-align: center
}

@media (max-width:1199px) {
    .racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .left .inside {
        padding-top: 54px;
        padding-bottom: 55px
    }
}

@media (max-width:767px) {
    .racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .left .inside {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media (max-width:767px) {
    .racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .left {
        padding-left: 15px;
        padding-right: 15px
    }
}

.racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .center {
    padding: 0
}

.racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .center hr {
    margin: 0;
    border-width: 4px;
    border-color: #fff
}

.racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .center .col-sm-8 {
    max-height: 85px;
    min-height: 65px;
    overflow: hidden
}

@media (max-width:1199px) {
    .racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .center .col-sm-8 {
        min-height: 84px
    }
}

@media (max-width:767px) {
    .racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .center .col-sm-8 {
        min-height: 0
    }
}

@media (max-width:991px) {
    .racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .center {
        padding-right: 15px
    }
}

@media (max-width:767px) {
    .racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .center {
        padding-left: 15px;
        padding-right: 15px
    }
}

.racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .right {
    padding-left: 0
}

@media (max-width:991px) {
    .racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .right {
        padding-left: 15px
    }
}

@media (max-width:767px) {
    .racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .right {
        padding-left: 15px;
        padding-right: 15px
    }
}

.racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .right .logo-lampica {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .right .done {
    color: #A8A7A7;
    filter: none;
    -webkit-filter: grayscale(0)
}

.racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .inside {
    background: #E5E5E5;
    border: 2px solid #fff
}

.racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .puni-naziv {
    margin: 0;
    padding-left: 10px;
    padding-top: 17px;
    padding-bottom: 17px;
    display: inline-block
}

.racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .ukupno-bodova {
    display: inline-block;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 10px
}

@media (max-width:1199px) {
    .racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .ukupno-bodova {
        padding-bottom: 14px
    }
}

.racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .bodovi {
    padding-left: 10px;
    padding-top: 15px;
    display: inline-block
}

@media (max-width:1199px) {
    .racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .bodovi {
        padding-top: 25px
    }
}

@media (max-width:767px) {
    .racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .bodovi {
        padding-top: 15px
    }
}

.racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .progress {
    height: 20px;
    margin-bottom: 18px;
    margin-left: 10px;
    margin-right: 10px
}

@media (max-width:1199px) {
    .racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .progress {
        margin-bottom: 29px
    }
}

@media (max-width:991px) {
    .racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .progress {
        margin-bottom: 36px
    }
}

@media (max-width:767px) {
    .racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .progress {
        margin-bottom: 15px
    }
}

.racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .kategorija {
    text-align: right
}

.racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .kategorija span {
    color: #A8A7A7;
    display: inline-block;
    padding-top: 23px;
    padding-left: 10px;
    padding-right: 10px
}

@media (max-width:767px) {
    .racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .kategorija span {
        padding-top: 0;
        padding-bottom: 15px
    }
}

@media (max-width:767px) {
    .racun-tabs #prodajnamjesta .jedno-prodajno-mjesto .kategorija {
        text-align: left
    }
}

@media (min-width:768px) {
    .racun-tabs #prodajnamjesta .search-form .col-sm-6 {
        padding-right: 0
    }
}

@media (max-width:767px) {
    .racun-tabs #prodajnamjesta .search-form .col-sm-6 {
        padding-left: 17px;
        padding-right: 17px
    }
}

@media (min-width:768px) {
    .racun-tabs #prodajnamjesta .search-form .col-sm-5 {
        padding-left: 0
    }
}

@media (max-width:767px) {
    .racun-tabs #prodajnamjesta .search-form .col-sm-5 {
        padding-left: 17px;
        padding-right: 17px
    }
}

@media (max-width:767px) {
    .racun-tabs #prodajnamjesta .search-form .btn-group {
        width: 100%
    }
}

.racun-tabs #prodajnamjesta .search-form .multiselect {
    margin-top: 5px;
    background: url(../img/select-prodajna.png) right center no-repeat;
    border-radius: 0;
    padding: 2px 67px 2px 10px;
    height: 40px;
    border: 8px solid #E5E5E5
}

.racun-tabs #prodajnamjesta .search-form .multiselect:focus {
    box-shadow: none
}

@media (max-width:991px) {
    .racun-tabs #prodajnamjesta .search-form .multiselect {
        margin-top: 10px
    }
}

@media (max-width:767px) {
    .racun-tabs #prodajnamjesta .search-form .multiselect {
        width: 100%
    }
}

.racun-tabs #prodajnamjesta .search-form .dropdown-menu>.active>a {
    background-color: #fff;
    color: #414141
}

.racun-tabs #prodajnamjesta .search-form .multiselect-container {
    width: 100%;
    border-radius: 0
}

.racun-tabs #prodajnamjesta .search-form .caret {
    visibility: hidden
}

.racun-tabs #prodajnamjesta .search-form .multiselect-container>li>a>label {
    padding: 3px 20px 3px 30px
}

.racun-tabs #prodajnamjesta .search-form .turnofffilter {
    padding-left: 30px;
    border-top: 1px solid #A5A8AB;
    background: url(../img/turnoff-filter.png) 10px center no-repeat;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer
}

.racun-tabs #prodajnamjesta .search-form .turnofffilter:hover {
    background: url(../img/turnoff-filter.png) 10px center no-repeat #fff
}

.racun-tabs #prodajnamjesta .search-form .btn-group.open .dropdown-toggle {
    box-shadow: none
}

.racun-tabs #prodajnamjesta .search {
    position: absolute;
    clip: rect(0 0 0 0)
}

.racun-tabs #prodajnamjesta .form-control {
    background: #E5E5E5;
    border: none;
    width: 100%;
    height: 40px;
    cursor: auto
}

@media (min-width:768px) {
    .racun-tabs #prodajnamjesta .form-control {
        margin-bottom: 30px
    }
}

.racun-tabs #prodajnamjesta .input-group {
    width: 100%
}

.racun-tabs #prodajnamjesta .font22 {
    font-size: 1.5714285714286em
}

.racun-tabs #prodajnamjesta .font16 {
    font-size: 1.1428571428571em
}

.racun-tabs #prodajnamjesta .table {
    background: #E5E5E5;
    border-collapse: initial;
    color: #414143
}

.racun-tabs #prodajnamjesta .table .kategorija {
    color: #A8A7A7
}

.racun-tabs #prodajnamjesta .table>tbody>tr>td {
    vertical-align: middle;
    border: none;
    border: 2px solid #fff;
    padding: 5px 10px
}

.racun-tabs #pokloni-bodove #inputBrojKartice,
.racun-tabs #pokloni-bodove #inputIznosBodova {
    margin-top: 0;
    background: 0 0;
    width: 200px
}

.racun-tabs #pokloni-bodove form {
    padding-bottom: 30px
}

.racun-tabs #pokloni-bodove label {
    font-weight: 400
}

.racun-tabs #pokloni-bodove .btn {
    background: #c3d600;
    text-transform: uppercase;
    color: #414143;
    padding: 7px 30px;
    font-size: 1.1428571428571em
}

.racun-tabs #pokloni-bodove h3 {
    font-size: 1.5714285714286em;
    font-weight: 700;
    color: #414143;
    margin-top: 0
}

.racun-tabs #pokloni-bodove p {
    margin-bottom: 15px
}

.racun-tabs #moji-podaci .nema-podataka .header-nema {
    width: 100%;
    height: 40px;
    background: #A8A7A7;
    border-bottom: 3px solid #fff
}

.racun-tabs #moji-podaci .nema-podataka .body-nema {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    background: #F1F1F1;
    margin-bottom: 30px;
    color: #6E6F71;
    font-size: 1.5714285714286em
}

.racun-tabs #moji-podaci .headerh3 {
    background-color: #A8A7A7;
    text-transform: uppercase;
    color: #fff;
    padding-left: 30px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 3px;
    margin-top: 0;
    font-size: 1.5714285714286em
}

@media (max-width:767px) {
    .racun-tabs #moji-podaci .headerh3 {
        padding-left: 10px
    }
}

.racun-tabs #moji-podaci .dodatno {
    background: #c3d600;
    color: #414141
}

.racun-tabs #moji-podaci .dodatno span {
    font-size: .72727272727273em
}

@media (min-width:992px) {
    .racun-tabs #moji-podaci .basicdata {
        padding-right: 2px
    }
}

@media (min-width:992px) {
    .racun-tabs #moji-podaci .contactdata {
        padding-left: 2px
    }
}

@media (max-width:991px) {
    .racun-tabs #moji-podaci .contactdata {
        padding-bottom: 30px
    }
}

@media (min-width:776px) {
    .racun-tabs #moji-podaci .education1 {
        padding-right: 2px
    }
}

@media (min-width:776px) {
    .racun-tabs #moji-podaci .education2 {
        padding-left: 2px
    }
}

@media (max-width:991px) {
    .racun-tabs #moji-podaci .education2 {
        padding-bottom: 30px
    }
}

@media (min-width:992px) {
    .racun-tabs #moji-podaci form {
        padding-bottom: 30px
    }
}

.racun-tabs #moji-podaci form .kontaktrow {
    margin: 0;
    padding-top: 15px;
    background: #F1F1F1
}

@media (min-width:992px) {
    .racun-tabs #moji-podaci form .kontaktrow {
        min-height: 240px
    }
}

.racun-tabs #moji-podaci form .kontaktrow span {
    color: #EA2127;
    display: none
}

.racun-tabs #moji-podaci label {
    font-weight: 400;
    color: #6E6F71
}

.racun-tabs #moji-podaci input {
    border: none;
    color: #c3d600;
    background: #F1F1F1;
    opacity: 1;
    font-size: 1.1428571428571em;
    font-weight: 700;
    cursor: default
}

.racun-tabs #moji-podaci input[disabled] {
    -webkit-text-fill-color: #c3d600;
    color: #c3d600
}

.racun-tabs #moji-podaci .form-control {
    border: none;
    margin-top: 0;
    background: 0 0;
    box-shadow: none;
    padding: 0;
    color: #c3d600
}

.racun-tabs #moji-podaci .editable-look {
    border: 2px solid #CCCBCB;
    background: #fff;
    padding-left: 5px
}

.racun-tabs #moji-podaci .editable-look:hover {
    cursor: pointer
}

.racun-tabs #moji-podaci .pol {
    width: 50px;
    margin-left: -4px;
    font-size: 1.1428571428571em;
    font-weight: 700
}

.racun-tabs #moji-podaci .pol:focus {
    border: 1px solid #CCCBCB!important
}

.racun-tabs #moji-podaci .spremarow {
    background: #F1F1F1;
    margin: 0;
    padding-top: 15px;
    min-height: 170px
}

@media (max-width:1199px) {
    .racun-tabs #moji-podaci .spremarow {
        min-height: 210px
    }
}

@media (max-width:991px) {
    .racun-tabs #moji-podaci .spremarow {
        min-height: 230px
    }
}

.racun-tabs #moji-podaci .spremarow label span {
    color: #ea2127
}

.racun-tabs #moji-podaci .extra form {
    padding-bottom: 0
}

.racun-tabs #moji-podaci .extra .form-group {
    margin-bottom: 3px
}

.racun-tabs #moji-podaci .lite-green-check {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1em!important
}

.racun-tabs #moji-podaci input[type=checkbox].css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.racun-tabs #moji-podaci input[type=checkbox].css-checkbox+label.css-label {
    padding-left: 20px;
    height: 21px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: left 4px;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;
    min-height: 0
}

.racun-tabs #moji-podaci input[type=checkbox].css-checkbox:checked+label.css-label {
    background-position: left -39px
}

.racun-tabs #moji-podaci .lite-green-check {
    background-image: url(../img/sprites.png)
}

.racun-tabs #moji-podaci input.css-checkbox[type=checkbox]+label.css-label {
    padding-left: 30px;
    height: 25px;
    background-position: left 0;
    line-height: 24px
}

.racun-tabs #moji-podaci .sprema {
    max-width: 310px
}

.racun-tabs #moji-podaci::-webkit-input-placeholder {
    color: #c3d600
}

.racun-tabs #moji-podaci:-moz-placeholder {
    color: #c3d600
}

.racun-tabs #moji-podaci::-moz-placeholder {
    color: #c3d600
}

.racun-tabs #moji-podaci:-ms-input-placeholder {
    color: #c3d600
}

@media (min-width:768px) {
    .racun-tabs #moji-podaci .mjesto {
        padding-top: 50px
    }
}

.racun-tabs #moji-podaci .savechanges {
    background: #c3d600;
    float: right;
    margin-top: 20px;
    text-transform: uppercase;
    color: #414143
}

@media (max-width:767px) {
    .racun-tabs #moji-podaci .savechanges {
        margin-bottom: 15px
    }
}

.racun-tabs #moji-podaci #mjestozaposlenja {
    width: 90%
}

.racun-tabs #moji-podaci .domacinstvo {
    width: 60px
}

.racun-tabs #moji-podaci .domacinstvorow {
    min-height: 275px
}

@media (max-width:1199px) {
    .racun-tabs #moji-podaci .domacinstvorow {
        min-height: 335px
    }
}

@media (max-width:991px) {
    .racun-tabs #moji-podaci .domacinstvorow {
        min-height: 365px
    }
    .racun-tabs #moji-podaci .domacinstvorow .bottom-sm {
        padding-top: 210px
    }
}

@media (max-width:767px) {
    .racun-tabs #moji-podaci .domacinstvorow {
        min-height: 0
    }
    .racun-tabs #moji-podaci .domacinstvorow .bottom-sm {
        padding-top: 0
    }
}

.racun-tabs #moji-podaci .domacinstvorow .savechanges {
    margin-top: 0
}

@media (max-width:767px) {
    .racun-tabs #moji-podaci .domacinstvorow .savechanges {
        margin-top: 15px
    }
}

.racun-tabs #moji-podaci .domacinstvorow .obavezno,
.racun-tabs #moji-podaci .domacinstvorow span {
    display: none
}

@media (min-width:992px) {
    .racun-tabs #moji-podaci .domacinstvorow .bottom {
        padding-top: 150px
    }
}

.prodajna-mjesta-section {
    margin-bottom: 0
}

.prodajna-mjesta-section2 {
    background: #E5E5E5
}

@media (min-width:992px) {
    .prodajna-mjesta-section2 .prvi-input {
        padding-right: 4px
    }
}

@media (min-width:992px) {
    .prodajna-mjesta-section2 .treci-input {
        padding-left: 4px
    }
}

.prodajna-mjesta-section2 .form-control {
    background: url(../img/select-prodajna.png) right center no-repeat #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 27px;
    padding: 0 0 0 5px;
    cursor: pointer
}

.prodajna-mjesta-section2 .btn-group,
.prodajna-mjesta-section2 .input-group {
    width: 100%
}

.prodajna-mjesta-section2 .input-group {
    margin-top: 8px
}

.prodajna-mjesta-section2 .caret {
    display: none
}

.prodajna-mjesta-section2 .multiselect {
    width: 100%;
    height: 40px;
    background: url(../img/dropdown-arrow-big.png) right center no-repeat #fff;
    padding: 0 0 0 10px;
    text-align: left;
    border-color: #A5A8AB
}

.prodajna-mjesta-section2 .multiselect:focus {
    background: url(../img/dropdown-arrow-big.png) right center no-repeat #fff;
    box-shadow: none
}

.prodajna-mjesta-section2 hr {
    margin-top: 7px;
    margin-bottom: 7px;
    border-color: #fff;
    border-width: 2px
}

.prodajna-mjesta-section2 .pretraga {
    height: 40px;
    background: url(../img/search2.png) right center no-repeat #fff;
    float: right;
    border-color: #A5A8AB
}

@media (min-width:1200px) {
    .prodajna-mjesta-section2 .pretraga {
        max-width: 195px
    }
}

.prodajna-mjesta-section2 .iskljucisvefiltere .btn {
    float: right;
    border-radius: 8px 12px 12px 8px;
    background: #FFB500;
    text-align: left;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .8571428571428571em;
    position: relative;
    padding: 2px 30px 2px 6px;
    border: 0 solid transparent;
    margin-top: 5px
}

@media (max-width:767px) {
    .prodajna-mjesta-section2 .iskljucisvefiltere .btn {
        float: none;
        margin-top: 10px;
        margin-bottom: 10px
    }
}

.prodajna-mjesta-section2 .iskljucisvefiltere .btn:after {
    content: 'X';
    position: absolute;
    right: 0;
    background: #5C5C5C;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    width: 26px;
    height: 21px;
    top: 0;
    padding-left: 8px;
    padding-top: 1px
}

@media (min-width:1200px) {
    .prodajna-mjesta-section2 .iskljucisvefiltere .btn {
        max-width: 193px
    }
}

.prodajna-mjesta-section2 .dropdown-menu>.active>a {
    background-color: #fff;
    color: #414141
}

.prodajna-mjesta-section2 .btn-group.open .dropdown-toggle {
    box-shadow: none;
    background: url(../img/dropdown-arrow-big.png) right center no-repeat #fff
}

.prodajna-mjesta-section2 .dropdown-menu>li>a {
    padding: 0
}

.prodajna-mjesta-section2 label {
    padding: 3px 20px 3px 30px;
    margin: 0;
    color: #414143;
    font-weight: 400
}

.prodajna-mjesta-section .gdjekupiti {
    margin-top: 65px;
    display: block;
    text-align: right;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width:767px) {
    .prodajna-mjesta-section .gdjekupiti {
        margin-top: 0;
        text-align: left
    }
}

.prodajna-mjesta-section2 .kupovinakartice {
    padding: 0;
    display: inline
}

.prodajna-mjesta-section2 .aktivni-filteri {
    padding-top: 4px;
    padding-bottom: 10px;
    padding-right: 5px;
    display: inline-block;
    text-transform: uppercase;
    float: left
}

@media (max-width:767px) {
    .prodajna-mjesta-section2 .aktivni-filteri {
        float: none;
        display: block
    }
}

.prodajna-mjesta-section2 .filteri {
    display: inline-block;
    padding-top: 5px
}

@media (max-width:767px) {
    .prodajna-mjesta-section2 a:first-child .jedan-filter {
        margin-left: 0
    }
}

.prodajna-mjesta-section2 .jedan-filter {
    display: inline-block;
    margin-left: 5px;
    padding: 2px 30px 2px 6px;
    background: #959595;
    color: #fff;
    font-size: .8571428571428571em;
    text-transform: uppercase;
    border-radius: 8px;
    position: relative;
    font-weight: 700
}

.prodajna-mjesta-section2 .jedan-filter:after {
    content: 'X';
    position: absolute;
    right: 0;
    background: #5C5C5C;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    width: 26px;
    height: 21px;
    top: 0;
    padding-left: 8px;
    padding-top: 1px
}

.prodajna-mjesta-section2 .lite-green-check {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1em!important
}

.prodajna-mjesta-section input[type=checkbox].css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.prodajna-mjesta-section input[type=checkbox].css-checkbox+label.css-label {
    padding-left: 20px;
    height: 21px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: left 4px;
    font-size: .9285714285714286em;
    vertical-align: middle;
    cursor: pointer;
    min-height: 0
}

@media (max-width:480px) {
    .prodajna-mjesta-section input[type=checkbox].css-checkbox+label.css-label {
        height: 41px
    }
}

.prodajna-mjesta-section .lite-green-check {
    background-image: url(../img/sprites-login.png)
}

.prodajna-mjesta-section input[type=checkbox].css-checkbox:checked+label.css-label {
    background-position: left -39px
}

.prodajna-mjesta-section2 .turnofffilter {
    padding-left: 30px;
    border-top: 1px solid #A5A8AB;
    background: url(../img/turnoff-filter.png) 10px center no-repeat;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer
}

.prodajna-mjesta-section2 .turnofffilter:hover {
    background: url(../img/turnoff-filter.png) 10px center no-repeat #fff
}

.prodajna-mjesta-section2 .multiselect-container {
    width: 100%;
    border-radius: 0;
    padding: 0
}

.prodajna-mjesta-section3 {
    padding-top: 10px
}

.prodajna-mjesta-section3 .global-wrapper {
    float: left;
    -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, .43);
    -moz-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, .43);
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, .43);
    overflow: hidden
}

.prodajna-mjesta-section3 .prag {
    background-color: #C3D600;
    float: none;
    width: auto;
    border-right: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
    padding: 10px;
    height: 40px;
    overflow: hidden;
}

    .prodajna-mjesta-section3 .info {
        float: left;
        padding: 10px;
        float: left;
        border-top: none;
        height: 40px;
        overflow: hidden;
        font-size: 10px;
    }

.prodajna-mjesta-section3 .prag img {
    margin-right: 5px
}

.prodajna-mjesta-section3 .tip {
    float: left;
    height: 40px;
    width: 100%;
    border: 1px solid #D7D7D7;
    border-top: none;
    font-size: .75em;
    text-align: center
}

.prodajna-mjesta-section3 .tip .fixed-left {
    float: left;
    width: 40px;
    height: 40px;
    overflow: hidden
}

.prodajna-mjesta-section3 .tip .fluid-right {
    width: auto;
    overflow: hidden;
    float: none
}

.prodajna-mjesta-section3 .tip span {
    font-weight: 700;
    padding: 13px 0;
    display: inline-block
}

.prodajna-mjesta-section3 .bodovi-znacenje {
    list-style: none;
    padding: 0;
    margin: 0
}

.prodajna-mjesta-section3 .bodovi-znacenje li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px
}

.prodajna-mjesta-section3 .bodovi-znacenje li:last-child {
    margin-right: 0
}

@media (min-width:768px) {
    .prodajna-mjesta-section3 .kontrole {
        text-align: right
    }
}

.prodajna-mjesta-section3 .kontrole ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.prodajna-mjesta-section3 .kontrole ul li {
    display: inline-block;
    margin-left: 15px
}

.prodajna-mjesta-section3 .kontrole ul li:first-child {
    margin-left: 0
}

.prodajna-mjesta-section3 .kontrole ul li a {
    color: #333
}

.prodajna-mjesta-section3 .kontrole ul li a img {
    margin-left: 5px
}

.prodajna-mjesta-section3 .kontrole ul li a:active,
.prodajna-mjesta-section3 .kontrole ul li a:focus,
.prodajna-mjesta-section3 .kontrole ul li a:hover {
    text-decoration: none
}

.prodajna-mjesta-section3 .lojalnost {
    float: left;
    width: 142px;
    border: 1px solid #D7D7D7;
    border-top: none;
    height: 40px;
    overflow: hidden
}

.prodajna-mjesta-section3 .lojalnost .pola,
.prodajna-mjesta-section3 .lojalnost .puna {
    float: left;
    width: 50%;
    padding: 10px
}

.prodajna-mjesta-section3 .lojalnost .pola img,
.prodajna-mjesta-section3 .lojalnost .puna img {
    margin-right: 5px
}

.prodajna-mjesta-section3 .lojalnost .pola {
    background-color: #E9E999;
    border-right: 1px solid #D7D7D7
}

.prodajna-mjesta-section3 .lojalnost .puna {
    background-color: #D5DE5A
}

.prodajna-mjesta-section3 .lokacija {
    position: absolute;
    right: 0;
    top: 0
}

.prodajna-mjesta-section3 .wrap {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px
}

.prodajna-mjesta-section3 .wrap .col-sm-6 {
    padding: 0
}

.prodajna-mjesta-section3 .wrap .inside {
    position: relative;
    border: 1px solid #D7D7D7;
    margin: 0;
    float: left;
    min-height: 80px;
    max-height: 80px;
    overflow: hidden;
    width: 100%
}

.prodajna-mjesta-section3 .wrap .inside p {
    margin: 0;
    line-height: normal;
    font-size: .875em;
    color: #333
}

.prodajna-mjesta-section3 .wrap .nopadding {
    padding: 0
}

.prodajna-mjesta-section3 .wrap .logo-image {
    padding: 12px 0;
    border-right: 1px solid #D7D7D7;
    float: left;
    position: relative;
    z-index: 2
}

.prodajna-mjesta-section3 .wrap .table-inside {
    display: table;
    text-align: center;
    width: auto;
    height: 80px;
    overflow: hidden;
    float: none
}

.prodajna-mjesta-section3 .wrap .cell-inside {
    display: table-cell;
    vertical-align: middle;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 1.1428571428571em
}

.prodajna-mjesta-section3 .wrap .kategorija {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.1428571428571em;
    max-width: 120px
}

@media (max-width:767px) {
    .prodajna-mjesta-section3 .wrap .kategorija {
        display: block;
        margin-top: 10px
    }
}

.prodajna-mjesta-section3 hr {
    margin-top: 10px;
    border-color: #A1A1A1
}

.prodajna-mjesta-section3 .wrap .naziv {
    display: inline-block;
    font-size: 1.1428571428571em;
    max-width: 100px
}

.prodajna-mjesta-section3 .wrap .naziv a {
    color: #414143
}

.prodajna-mjesta-section3 .wrap .naziv a:hover {
    color: #c3d600
}

@media (max-width:767px) {
    .prodajna-mjesta-section3 .wrap .naziv a {
        font-weight: 700;
        font-size: 1.375em
    }
}

.prodajna-mjesta-section3 .prodajna-tabela {
    border-collapse: separate;
    background: #F1F1F1;
    border-color: #fff;
    max-width: none;
    margin-bottom: 0
}

@media (min-width:768px) {
    .prodajna-mjesta-section3 .prodajna-tabela {
        width: 100%
    }
}

.prodajna-mjesta-section3 .prodajna-tabela td {
    border: 2px solid #fff
}

.prodajna-mjesta-section3 .prodajna-tabela .info-table {
    width: 33.3%;
    text-align: center;
    font-size: 1.1428571428571em;
    color: #6E6F71
}

.prodajna-mjesta-section3 .prodajna-tabela span {
    display: inline-block;
    border-radius: 30px;
    width: 50px;
    height: 50px;
    margin-top: 6px;
    margin-bottom: 5px;
    padding-top: 8px;
    font-size: 1.375em;
    color: #fff
}

.prodajna-mjesta-section3 .prodajna-tabela .gray {
    background: #A8A7A7
}

.prodajna-mjesta-section3 .prodajna-tabela .green {
    background: #c3d600
}

.prodajna-mjesta-section3 .prodajna-tabela .white {
    background: #fff;
    color: #000
}

.prodajna-mjesta-section3 .prodajna-tabela .zapotrosenu td {
    font-size: .85714285714286em;
    padding: 8px;
    color: #fff
}

.prodajna-mjesta-section3 .sadrzaj,
.prodajna-mjesta-section3 .sadrzaj .row {
    margin-bottom: 20px
}

.prodajna-mjesta-section3 .sadrzaj .left {
    padding: 0;
    text-align: center
}

.prodajna-mjesta-section3 .sadrzaj .left .inside {
    border: 2px solid #fff
}

@media (max-width:1199px) {
    .prodajna-mjesta-section3 .sadrzaj .left .inside {
        padding: 27px 10px 26px
    }
}

@media (max-width:991px) {
    .prodajna-mjesta-section3 .sadrzaj .left .inside {
        padding: 29px 0 30px
    }
}

.prodajna-mjesta-section3 .sadrzaj .center {
    padding: 0
}

.prodajna-mjesta-section3 .sadrzaj .center .inside {
    background: #E5E5E5;
    min-height: 190px;
    border: 2px solid #fff
}

.prodajna-mjesta-section3 .sadrzaj .center h3 {
    margin-top: 0;
    background: #A8A7A7;
    color: #fff;
    font-size: 1.5714285714286em;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 4px solid #fff
}

.prodajna-mjesta-section3 .sadrzaj .center p {
    padding-left: 10px;
    padding-right: 10px
}

.prodajna-mjesta-section3 .sadrzaj .right {
    padding: 0
}

.prodajna-mjesta-section3 .sadrzaj .right .zapotrosenu {
    background: #A8A7A7;
    color: #fff;
    font-size: 1.1428571428571em
}

.prodajna-mjesta-section3 .sadrzaj .right .zapotrosenu td {
    padding-top: 13px;
    padding-bottom: 12px
}

.prodajna-mjesta-section3 .sadrzaj .right span {
    padding-top: 10px
}

.prodajna-mjesta-section3 .sadrzaj .right .inside {
    background: #E5E5E5
}

.prodajna-mjesta-section3 .sadrzaj .right .info-table {
    font-size: 1em;
    background: #E5E5E5
}

.prodajna-mjesta-section3 .sadrzaj .right .info-table.green {
    background: #F2F4CD
}

@media (max-width:991px) {
    .prodajna-mjesta-section3 .sadrzaj .right .info-table {
        height: 164px
    }
}

.prodajna-mjesta-section3 .sadrzaj .prodajna-mjesta {
    padding: 0
}

.prodajna-mjesta-section3 .sadrzaj .prodajna-mjesta .lite-green-check {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1em!important
}

.prodajna-mjesta-section3 .sadrzaj .prodajna-mjesta input[type=checkbox].css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.prodajna-mjesta-section3 .sadrzaj .prodajna-mjesta input[type=checkbox].css-checkbox+label.css-label {
    padding-left: 20px;
    height: 21px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: left 4px;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;
    min-height: 0
}

.prodajna-mjesta-section3 .sadrzaj .prodajna-mjesta .lite-green-check {
    background-image: url(../img/sprites-login.png)
}

.prodajna-mjesta-section3 .sadrzaj .prodajna-mjesta input[type=checkbox].css-checkbox:checked+label.css-label {
    background-position: left -39px!important
}

.prodajna-mjesta-section3 .sadrzaj .prodajna-mjesta h3 {
    color: #c3d600;
    font-weight: 700
}

.prodajna-mjesta-section3 .sadrzaj .prodajna-mjesta #mapcanvas {
    min-height: 500px;
    margin-top: 75px
}

@media (max-width:767px) {
    .prodajna-mjesta-section3 .sadrzaj .prodajna-mjesta #mapcanvas {
        margin-top: 25px
    }
}

.prodajna-mjesta-section3 .sadrzaj .prodajna-mjesta .prodajnamjestafilteri {
    background-color: #F2F4CD;
    padding-left: 5px;
    padding-top: 2px;
    border-top: 2px solid #fff
}

.prodajna-mjesta-section3 .sadrzaj .prodajna-mjesta .prodajnamjestafilteri:after {
    clear: both;
    content: "";
    display: block
}

.prodajna-mjesta-section3 .sadrzaj .prodajna-mjesta .prodajnamjestafilteri label {
    font-weight: 400;
    height: auto!important;
    font-size: .8571428571428571em!important
}

.prodajna-mjesta-section3 .sadrzaj .prodajna-mjesta .prodajnamjestafilteri .location {
    padding-right: 5px
}

@media (min-width:768px) {
    .prodajna-mjesta-section3 .sadrzaj .prodajna-mjesta .prodajnamjestafilteri .location {
        padding-left: 15px
    }
}

.prodajna-mjesta-section3 .sadrzaj .prodajna-mjesta .orange {
    background-color: #FFE79C!important
}

.sadrzaj-sekcija {
    padding-top: 0
}

.sadrzaj-sekcija .backtoprodajna {
    margin-bottom: 25px;
    display: inline-block;
    padding-left: 5px
}

.popups .modal-content {
    border-radius: 0
}

.popups .modal-header {
    padding: 8px 0;
    background: #6F7072;
    color: #fff
}

.popups .modal-header h4 {
    font-size: 1.1428571428571em;
    text-transform: uppercase
}

.popups .modal-body {
    padding: 30px 0;
    background: #E6E7E7
}

.popups .modal-body p {
    margin: 0;
    font-size: 1.1428571428571em;
    line-height: 1.1875em
}

.popups .modal-footer {
    background: #E6E7E7;
    border: none;
    text-align: center;
    padding: 0 0 30px
}

.popups .modal-footer .btn {
    padding: 9px 0;
    width: 152px;
    text-transform: uppercase
}

.popups .modal-footer .cancel {
    background: #A8A7A7;
    color: #fff;
    margin-right: 5px
}

@media (max-width:359px) {
    .popups .modal-footer .cancel {
        display: block;
        margin: 15px auto 0!important
    }
}

.popups .modal-footer .confirm {
    margin-left: 5px;
    background: #c3d600;
    color: #414143
}

@media (max-width:359px) {
    .popups .modal-footer .confirm {
        display: block;
        margin: 0 auto!important
    }
}

.popups .modal-footer .btn+.btn {
    margin-left: 20px
}

.popups .modal-dialog {
    max-width: 400px
}

.lista {
    margin-bottom: 0!important
}

.lista:nth-child(even) .global-wrapper {
    background: #fff
}

.lista:nth-child(even) .global-wrapper .inside:after {
    background: url(../img/no-image-gray.png) center center no-repeat
}

.lista:last-child {
    margin-bottom: 30px!important
}

.lista .global-wrapper {
    width: 100%;
    height: auto;
    background: #EBEBEB;
    box-shadow: none!important
}

.lista .global-wrapper .other {
    float: right;
    margin-right: 10px;
    margin-top: -65px
}

.lista .global-wrapper .no-image {
    margin-left: 164px
}

.lista .inside,
.lista .lojalnost,
.lista .prag,
.lista .tip {
    float: left;
    min-height: 65px!important;
    max-height: 65px!important;
    border: none!important;
    height: 40px;
    overflow: hidden
}

.lista .logo-image {
    padding: 5px 12px!important;
    border-right: none!important
}

.lista .table-inside {
    height: 65px!important
}

.lista .inside {
    float: none!important;
    width: 63%!important;
    position: relative
}

.lista .inside:after {
    content: '';
    background: url(../img/no-image-white.png) center center no-repeat;
    position: absolute;
    left: 7px;
    top: 5px;
    width: 150px;
    height: 54px
}

.lista .lojalnost {
    width: 133px;
    padding-top: 11px
}

.lista .lojalnost .pola,
.lista .lojalnost .puna {
    padding: 10px!important;
    border: none!important;
    height: 40px;
    overflow: hidden
}

    .lista .prag {
        width: 95px;
        min-height: 40px !important;
        max-height: 40px !important;
        margin-top: 11px;      
    }

    .lista .info {
        padding: 25px !important;
        border: none !important;
        height: 40px;
        overflow: hidden;
        font-size: 10px;
    }

.lista .tip {
    width: 40px;
    min-height: 40px!important;
    max-height: 40px!important;
    margin-top: 11px
}

.lista .tip .fluid-right {
    display: none
}

.separator-mjesta {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.separator-mjesta hr {
    margin: 10px 0 0
}

.separator-mjesta .fixed-left {
    float: left;
    margin-right: 15px
}

.separator-mjesta .fluid-right {
    width: auto;
    overflow: hidden
}

.selling-table1 {
    margin: 0!important
}

.selling-table1 td {
    vertical-align: middle!important;
    padding: 0!important;
    border: 1px solid #E9E9E9
}

.selling-table1 tr td:first-child {
    width: 240px;
    text-align: center
}

@media (max-width:767px) {
    .selling-table1 tr td:first-child,
    .selling-table1 tr td:first-child img {
        width: 131px
    }
}

@media (max-width:520px) {
    .selling-table1 tr td:first-child {
        display: none
    }
}

.selling-table1 tr td:nth-child(2) {
    text-transform: uppercase;
    padding: 5px 25px!important
}

@media (max-width:767px) {
    .selling-table1 tr td:nth-child(2) {
        padding-left: 5px!important;
        padding-right: 5px!important;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto
    }
}

@media (max-width:767px) {
    .selling-table1 tr td:nth-child(2) {
        width: 150px
    }
}

@media (max-width:520px) {
    .selling-table1 tr td:nth-child(2) {
        width: 100px
    }
}

.selling-table1 tr td:nth-child(3),
.selling-table1 tr td:nth-child(4),
.selling-table1 tr td:nth-child(5) {
    width: 140px;
    padding-left: 5px!important;
    padding-right: 5px!important;
    text-align: center;
    color: #6E6F71;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

@media (max-width:991px) {
    .selling-table1 tr td:nth-child(3),
    .selling-table1 tr td:nth-child(4),
    .selling-table1 tr td:nth-child(5) {
        width: 90px
    }
}

@media (max-width:767px) {
    .selling-table1 tr td:nth-child(3),
    .selling-table1 tr td:nth-child(4),
    .selling-table1 tr td:nth-child(5) {
        width: 60px
    }
}

.selling-table1 tr td:nth-child(3) span,
.selling-table1 tr td:nth-child(4) span,
.selling-table1 tr td:nth-child(5) span {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #000
}

.selling-table1 tr td:nth-child(3) span img,
.selling-table1 tr td:nth-child(4) span img,
.selling-table1 tr td:nth-child(5) span img {
    margin-right: 10px
}

@media (max-width:767px) {
    .selling-table1 tr td:nth-child(3) span img,
    .selling-table1 tr td:nth-child(4) span img,
    .selling-table1 tr td:nth-child(5) span img {
        display: block;
        text-align: center;
        margin: 0 auto
    }
}

.selling-table1 tr td:nth-child(3) {
    background-color: #F2F4CD
}

.selling-table1 tr td:nth-child(4) {
    background-color: #E6EB9A
}

.selling-table1 tr td:nth-child(5) {
    background-color: #C0D32F
}

.selling-table2 td {
    vertical-align: middle!important;
    padding: 0!important;
    border: 1px solid #E9E9E9;
    border-top: none!important
}

.selling-table2 tr td:first-child {
    width: 70px
}

.selling-table2 tr td:nth-child(2) {
    width: 169px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    text-transform: uppercase
}

@media (max-width:767px) {
    .selling-table2 tr td:nth-child(2) {
        width: 100px
    }
}

@media (max-width:520px) {
    .selling-table2 tr td:nth-child(2) {
        display: none
    }
}

.selling-table2 tr td:nth-child(3) {
    padding-left: 10px!important;
    padding-right: 10px!important;
    background-color: #E5E5E5;
    color: #6E6F71
}

.sadrzaj-sekcija h3 {
    color: #C3D600;
    font-weight: 700
}

.sadrzaj-sekcija .btn-group,
.sadrzaj-sekcija .input-group {
    width: 100%
}

.sadrzaj-sekcija .multiselect {
    width: 100%;
    height: 40px;
    background: url(../img/dropdown-arrow-big.png) right center no-repeat #fff;
    padding: 0 0 0 10px;
    text-align: left;
    border-color: #A5A8AB
}

.sadrzaj-sekcija .multiselect:active,
.sadrzaj-sekcija .multiselect:focus {
    background: url(../img/dropdown-arrow-big.png) right center no-repeat #fff!important;
    box-shadow: none!important
}

.sadrzaj-sekcija .multiselect-container {
    width: 100%;
    border-radius: 0;
    padding: 0
}

.sadrzaj-sekcija .multiselect-container label {
    padding: 3px 20px 3px 30px;
    margin: 0;
    color: #414143;
    font-weight: 400
}

.sadrzaj-sekcija .multiselect-container a {
    padding: 0!important
}

.sadrzaj-sekcija .input-group .btn-group .dropdown-menu>.active>a {
    background-color: #fff;
    color: #414141
}

.sadrzaj-sekcija .input-group .btn-group .input-group .btn-group.open .dropdown-toggle {
    box-shadow: none;
    background: url(../img/dropdown-arrow-big.png) right center no-repeat #fff
}

.sadrzaj-sekcija .input-group .btn-group .prodajna-mjesta-section2 label {
    padding: 3px 20px 3px 30px;
    margin: 0;
    color: #414143;
    font-weight: 400
}

.sadrzaj-sekcija .multiselect:focus {
    background: url(../img/dropdown-arrow-big.png) right center no-repeat #fff;
    box-shadow: none
}

.sadrzaj-sekcija .caret {
    display: none
}

.sadrzaj-sekcija .prodajna-mjesta {
    padding-left: 15px!important;
    padding-right: 15px!important
}

.spisak-poslovnica thead tr th {
    background-color: #E5E5E5;
    border: 1px solid #E5E5E5
}

.spisak-poslovnica thead tr th:first-child {
    border-right: 3px solid #fff
}

.spisak-poslovnica thead tr th:last-child {
    border-left: 3px solid #fff
}

.spisak-poslovnica tbody tr td {
    border: 1px solid #A5A8AB
}

.spisak-poslovnica tbody tr td:first-child {
    font-weight: 700
}

.spisak-poslovnica tbody tr .check {
    background: url(../img/orange-check.svg) center center no-repeat
}

.prodajno-mjesto-naslov {
    margin-bottom: 0
}

.icon-adijelovi {
    background-image: url(../img/icons.svg);
    background-position: 0 0;
    background-repeat: no-repeat
}

.icon-apoteka {
    background-image: url(../img/icons.svg);
    background-position: 0 -40px;
    background-repeat: no-repeat
}

.icon-brzahrana {
    background-image: url(../img/icons.svg);
    background-position: 0 -80px;
    background-repeat: no-repeat
}

.icon-hoteli {
    background-image: url(../img/icons.svg);
    background-position: 0 -120px;
    background-repeat: no-repeat
}

.icon-igracke {
    background-image: url(../img/icons.svg);
    background-position: 0 -160px;
    background-repeat: no-repeat
}

.icon-kafici {
    background-image: url(../img/icons.svg);
    background-position: 0 -200px;
    background-repeat: no-repeat
}

.icon-karte {
    background-image: url(../img/icons.svg);
    background-position: 0 -240px;
    background-repeat: no-repeat
}

.icon-kibt {
    background-image: url(../img/icons.svg);
    background-position: 0 -280px;
    background-repeat: no-repeat
}

.icon-kiosk {
    background-image: url(../img/icons.svg);
    background-position: 0 -320px;
    background-repeat: no-repeat
}

.icon-klj {
    background-image: url(../img/icons.svg);
    background-position: 0 -360px;
    background-repeat: no-repeat
}

.icon-kozmetika {
    background-image: url(../img/icons.svg);
    background-position: 0 -400px;
    background-repeat: no-repeat
}

.icon-literatura {
    background-image: url(../img/icons.svg);
    background-position: 0 -440px;
    background-repeat: no-repeat
}

.icon-mojddom {
    background-image: url(../img/icons.svg);
    background-position: 0 -480px;
    background-repeat: no-repeat
}

.icon-mesnica {
    background-image: url(../img/icons.svg);
    background-position: 0 -520px;
    background-repeat: no-repeat
}

.icon-nakitisatovi {
    background-image: url(../img/icons.svg);
    background-position: 0 -560px;
    background-repeat: no-repeat
}

.icon-odjecaiobuca {
    background-image: url(../img/icons.svg);
    background-position: 0 -600px;
    background-repeat: no-repeat
}

.icon-pmr {
    background-image: url(../img/icons.svg);
    background-position: 0 -640px;
    background-repeat: no-repeat
}

.icon-pumpa {
    background-image: url(../img/icons.svg);
    background-position: 0 -680px;
    background-repeat: no-repeat
}

.icon-restorani {
    background-image: url(../img/icons.svg);
    background-position: 0 -720px;
    background-repeat: no-repeat
}

.icon-salonljepote {
    background-image: url(../img/icons.svg);
    background-position: 0 -760px;
    background-repeat: no-repeat
}

.icon-tagencija {
    background-image: url(../img/icons.svg);
    background-position: 0 -800px;
    background-repeat: no-repeat
}

.icon-green {
    background-color: #79A12E
}

.info_content h3, .info_content p {
    text-transform: uppercase;
}

#saleCauseReceivers select {
    width: 100%;
    padding: 10px 0px;
}

div#saleCauseBlock {
    padding: 20px 0;
    width: auto;
    margin: 0 auto;
}

#saleCauseBlock .saleCause {
    width: 120px;
    height: 120px;
    background-size: cover;
    border-radius: 100%;
    overflow: hidden;
    float: left;
}

.saleCause span.name {
    float: none;
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 50%;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: rgba(0, 0, 0, 0.45);
}

.saleCause span.points {
    font-size: 14px;
    color: #fff;
    background: rgba(0, 0, 0, 0.45);
    display: block;
    width: 100%;
    text-align: center;
}

#saleCauseBlockOne .saleCause {
    width: 110px !important;
    height: 110px !important;
    -ms-border-radius: 100%;
    border-radius: 100%;
    margin: 0px auto 15px;
    position: relative;
    overflow: hidden;
    -ms-background-size: cover;
    background-size: cover;
    -ms-background-position: center;
    background-position: center;
}

#saleCauseBlockOne h4.saleCauses {
    margin-top: 5px;
    color: #6d6e70;
    font-size: 22px;
}

#saleCauseBlockOne .saleCause span.name {
    position: absolute;
    top: -20%;
}

#saleCauseBlockOne .saleCause span.points {
    position: absolute;
    bottom: 32%;
}


#saleCauseBlockMany .saleCauseInnerWrapper .saleCause {
    width: 125px !important;
    height: 125px !important;
    -ms-border-radius: 100%;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    -ms-background-size: cover;
    background-size: cover;
    -ms-background-position: center;
    background-position: center;
    float: left;
    margin: 30px 10px 0px;
}

#saleCauseBlockMany .saleCauseInnerWrapper .saleCause span.name {
    position: absolute;
    top: -20%;
}

#saleCauseBlockMany .saleCauseInnerWrapper .saleCause span.points {
    position: absolute;
    bottom: 35%;
}

.saleCauseInnerWrapper {
    margin: 0 auto;
    position: relative;
    display: inline-block;
}

div#saleCauseBlockMany {
    text-align: center;
    margin-bottom: 20px;
    margin-top: -20px;
    padding: 0;
}

#saleCauseBlockMany h4 {
    font-weight: 700;
    font-size: 28px;
    margin-top: 40px;
    color: #6d6e70;
}

@media (max-width:440px) {
    #saleCauseBlockMany .saleCauseInnerWrapper .saleCause {
        float: none;
    }
}