/*
 * Custom stylesheet for OTP
 */

#admin-menu, #admin-menu .dropdown{
    z-index: 99999!important;
}

/* basic display settings */
body{
    border-top: 0 none!important;
    font-family: Roboto, sans-serif;
    color: #646464;
    font-size: 16px;
}
#webform-client-form-14645 .master_captcha .captcha{
    display: inline-flex;
}
#webform-client-form-14645 .webform-component--rezultat-a,
#webform-client-form-14645 .webform-component--rezultat-b,
#webform-client-form-14645 .webform-component--rezultat-c,
#webform-client-form-14645 .webform-component--rezultat-d{
    display: none;
}
.master_captcha .captcha img{
    margin-right: 20px;
}
.fusnota{
    font-size: 14px;
}
.highlight{
    color: #7abf43;
}
.block.border{
    border-bottom: 1px solid #ccc;
}
img.left {
    float: left;
    padding: 0 20px 20px 0;
}
img.right {
    float: right;
    padding: 0 0 20px 20px;
}
.img-100 img{
    width: 100%;
    height: auto;
}
.block img{
    max-width: 100%;
    height: auto;
}
a{
    color: #7abf43;
    text-decoration: none;
}
.button a{
    color: #fff;
}
a:hover,
a:focus{
    color: #6c6c6c;
    text-decoration: none;
}

h1,
h1>a,
h1>a:hover,
h1>a:visited{
    font-size: 36px;
    color: #6c6c6c;
    font-weight: bold;
}
h2{
    font-size: 30px;
    color: #6c6c6c;
    font-weight: bold;
}
h3{
    font-size: 20px;
    color: #6c6c6c;
}
.view.grouping .view-content>h3{
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
}
h4{
    font-size: 18px;
    color: #6c6c6c;
    font-weight: bold;
}
h5{
    font-size: 16px;
    color: #6c6c6c;
}
h6{
    /*font-size: 12px;*/
    font-size: 14px;
    color: #6c6c6c;
    font-weight:400;
}
iframe{
    background: #fff;
    max-width: 100%;
}

.field-name-body img{
    max-width: 100%;
    height: auto;
}
.field-name-body ul:not(.slick-dots),
.field-collection-container ul:not(.slick-dots){
    list-style: none;
    padding-left: 25px;
}
.field-name-body ul:not(.slick-dots) li:before{
    content: "-";
    color: #7abf43;
    margin-left: -10px;
    float: left;
}
.field-name-body ul:not(.slick-dots)>li:before{
    font-family: FontAwesome;
    content: "\f178";
    color: #7abf43;
    margin-left: -25px;
    float: left;
}
.field-name-body ol,
.field-collection-container ol{
    list-style: none;
    counter-reset: item;
    padding-left: 25px;
}
.field-name-body ol>li:before,
.field-collection-container ol>li:before{
    content: counter(item) ". ";
    counter-increment: item;
    color: #7abf43;
    margin-left: -25px;
    float: left;
}
.field-name-body ol>li,
.field-collection-container ol>li,
.field-name-body ul>li,
.field-collection-container ul>li{
    padding-left: 0px;
}

.field-name-body .more-text,
.field-collection-container .more-text{
    display: none;
}
.field-name-body .show-more,
.field-collection-container .show-more{
    text-decoration: underline;
    color: #7abf43;
    cursor: pointer;
    display: inline-block;
}

/* tecajna lista */
.text-left-imp {
    text-align: left!important;
}
.table.tecajna-lista{
    border-collapse: collapse;
    border: none;
}
.table.tecajna-lista.mjenjacnica{
    table-layout: fixed;
}
.table.tecajna-lista.mjenjacnica tr>td:first-child{
    text-align: left;
}
.table.tecajna-lista>tbody>tr>td{
    border: none;
    border-bottom: 1px solid #d5d5d5;
    padding: 10px;
}
.table.tecajna-lista>thead>tr>th {
    background: #ed9f2d;
    color: #fff;
    font-weight: bold;
}
.button-link{
    border: 0 none;
    background: none;
    text-decoration: underline;
    color: #7abf43;
}
.tecaj-utvrdena-title{
    color: #7abf43;
}
.currency-calculator:before{
    margin-right: 10px;
}

/* tecajne liste hide headere */
.page-node-59 .page-header,
.page-node-993 .page-header,
.page-node-994 .page-header,
.page-node-995 .page-header{
    display: none;
}
.page-node-59 .page-header.node-page-header,
.page-node-993 .page-header.node-page-header,
.page-node-994 .page-header.node-page-header,
.page-node-995 .page-header.node-page-header{
    display: block;
    margin-top: 0;
}

.node-type-ib-staticka-stranica .page-header,
.node-type-ib-staticka-stranica .content .field-name-body{
    text-align: center;
}
.tecajna-lista.calnedar-input{
    max-width: 200px;
    float: left;
}
.tecajna-lista.button{
    background: #e3682a;
    color: #fff;
    border: 0 none;
    float: left;
    padding: 6px 15px;
}
#mj_wrapper{
     /*display: none;*/
}
/* blok tecajna*/
table.tecajna-lista{
    width: 100%;
}

/* end tecajna lista */

/* usporedbe paketa */
.paketi-usporedba h2{
    text-align: center;
}
table.table.table-paketi{
    table-layout: fixed
}
table.table.table-paketi tr:first-child td{
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: bold;
    color: #e3672a;
}
table.table.table-paketi tr>td:nth-child(2){
    background: #ed9f2d!important;
    color: #fff!important;
}
table.table.table-paketi tr>td:nth-child(2):after {
    border-bottom: 1px solid #fff;
}
.choose-package{
    text-transform: uppercase;
    color: #67ca32;
    font-weight: bold;
    margin-bottom: 20px;
}
.choose-package div{
    cursor: pointer;
}
.choose-package div.active{
    color: #6c6c6c;
    font-weight: bold;
    text-decoration: underline;
}
/* end usporedbe paketa */

.table{
    border-collapse: collapse;
    border: none;
}
.table tr>td {
    background: #eeeeee!important;
    color: #000;
    border: 0 none!important;
    border-right: 3px solid #fff!important;
    padding: 5px 30px!important;
    text-align: center;
    vertical-align: bottom!important;;
}
.table tr.heading1>td,
.table tr>td.heading1{
    color: #5eb145;
}
.table tr.heading2>td,
.table tr>td.heading2{
    color: #e4682c;
    font-weight: bold;
}
.table tr>td:after {
    content: "";
    border-bottom: 1px solid #000;
    display: block;
    margin-top: 10px;
}
.table tr:first-child>td{
    padding-top: 30px!important;
}
.table tr:last-child>td {
    padding-bottom: 30px!important;
}
.table tr>td:first-child{
    background: #5eb145!important;
    color: #fff!important;
}
.table tr>td:first-child:after{
    content: "";
    border-bottom: 1px solid #fff;
    display: block;
    margin-top: 10px;
}
.table tr>td:last-child{
    border-right: 0 none!important;
}
.table tr.no-border>td:after,
.table tr>td.no-border:after{
    border-bottom: 0 none!important;
}

.table.simple tr.heading1>td,
.table.simple tr>td.heading1{
    color: #646464;
}
.table.simple tr>td:first-child{
    background: #eeeeee!important;
    color: #000!important;
}
.table.simple tr>td:first-child:after,
.table tr.no-border>td:after,
.table tr>td.no-border:after,
.table.simple tr>td:first-child{
    content: "";
    border-bottom: 1px solid #000;
    /*display: block;*/
}

.sidebar .block-title{
    font-size: 20px;
    text-decoration: underline;
}
.main-container {
    /*padding: 20px 0;*/
}
.pre-content {
    margin-bottom: 20px;
}
.footer-wrap{
    margin-top: 20px;
}
/* end basic display settings */

/* top header */
.header-top{
    background-color: #2f7909;
}
.headertop .headerlefttext{
    padding-left: 10px;
    text-align: left;
}
.header-top .header-top-left{
    padding-left: 0;
}
.header-top .header-top-left ul>li>a{
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 18px 15px;
    text-decoration: none;
}
.header-top .header-top-left ul>li>a:hover{
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 18px 15px;
    text-decoration: none;
}
.header-top .header-top-left ul>li.active-trail>a:after,
.header-top .header-top-left ul>li>a:hover:after{
    content: "";
    width: 20px;
    height: 20px;
    background: #7abf43;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 100%;
    margin-top: -8px;
    -webkit-transform: rotate(45deg);  /* Chrome, Opera 15+, Safari 3.1+*/
      -ms-transform: rotate(45deg);  /* IE 9 */
          transform: rotate(45deg);  /* Firefox 16+, IE 10+, Opera */
}
.header-top .header-top-left .header-top-menu.opened {
    display: block;
    height: auto;
    float: none;
    position: relative !important;
    overflow: visible;
}
.header-top .header-top-left .nav-toggle{
    color: #66cc33!important;
    font-size: 30px;
    padding: 5px;
}

.header-top .header-top-right .block{
    float: left;
}
.header-top .header-top-right ul{
    margin: 0;
    padding: 0;
}
.header-top .header-top-right ul>li{
    display: inline;
}
.header-top .header-top-right ul>li>a{
    color: #66cc33;
    font-size: 14px;
    display: inline-block;
    padding: 13px 5px;
    text-decoration: none;
}
.header-top .header-top-right ul>li>a:hover{
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 13px 5px;
    text-decoration: none;
}
.header-top .header-top-right > div{
    float: right;
}
/* end top header */

/* header */
.header-main{
    background: #7abf43;
    border: 0 none;
    height: 110px;
}
.header-main .logo{
    margin: 0;
    width: 211px;
    margin-top: 37px;
}
.header-main .logo img{
    width: 100%;
}

.mainmenu{
    float: left;
    margin: 45px 0 0 30px;
    position: initial;
}
.mainmenu>ul>li,
div.navigation{
    position: initial;
}
.header-main .row{
    position: relative;
}
.mainmenu>ul>li>a{
    border:0 none;
    color: #fff;
    font-size: 17px;
    display: inline;
    padding: 31px 0px;
    text-transform: none;
}
.mainmenu>ul>li>a{
    background: none;
    position: relative;
    padding-left: 13px;
}
.mainmenu>ul>li.sfHover>a:after{
    content: "";
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -5px;
    margin-top: -8px;
    -webkit-transform: rotate(45deg);  /* Chrome, Opera 15+, Safari 3.1+*/
    -ms-transform: rotate(45deg);  /* IE 9 */
    transform: rotate(45deg);  /* Firefox 16+, IE 10+, Opera */
}
.mainmenu>ul>li.sfHover>a+ul{
    width: 100%!important;
    display: block!important;
    table-layout: fixed;
    left: 0!important;
    margin-top: 50px;
    border-radius: 0;
    background-color: #f8f8f8;
    padding: 30px;
    border-top: 0 none;
    box-shadow: none;
}
.mainmenu>ul>li.sf-no-children.sfHover>a:after{
    display: none;
}
.mainmenu>ul>li>ul a{
    padding: 0;
    color: #6c6c6c;
    background: none;
}
.mainmenu>ul>li>ul>li{
    /*display: table-cell;*/
    /*float: none;*/
    margin-bottom: 20px;
}
.mainmenu>ul>li>ul>li:nth-child(5),
.mainmenu>ul>li>ul>li:nth-child(10){
    clear: left;
}

.mainmenu>ul>li>ul>li>a{
    font-size: 17px;
    font-weight: bold;
    display: inline;
}
.mainmenu>ul>li>ul>li ul{
    display: block!important;
    float: none;
    position: relative;
    background: none!important;
    border: 0 none;
    box-shadow: none;
    left: 0!important;
    top: 0!important;
    width: 100%!important;
}
.mainmenu>ul>li>ul>li ul li{
    border-bottom: 2px solid #f0f0f0;
    padding: 14px 10px 14px 15px;
}
.mainmenu>ul>li>ul>li ul li a{
    font-weight: normal;
    padding: 5px 0;
    display: inline;
    font-size: 14px;
}
.mainmenu>ul>li>ul>li ul li a:hover{
    text-decoration: underline;
}
.mainmenu>ul>li>ul>li ul li:before{
    font-family: FontAwesome;
    content: "\f178";
    color: #7abf43;
    margin-left: -25px;
    float: left;
}

.headersearch input{
    background-color: rgba(255,255,255,0.5);
    background-position: right;
    border: 0 none;
    border-radius: 0;
    height: 35px;
    box-shadow: none;
    float: right;
}
.headersearch input::-webkit-input-placeholder {
    color: #7abf43;
}
.headersearch input:-moz-placeholder {
    /* FF 4-18 */
    color: #7abf43;
}
.headersearch input::-moz-placeholder {
    /* FF 19+ */
    color: #7abf43;
}
.headersearch input:-ms-input-placeholder {
    /* IE 10+ */
    color: #7abf43;
}
.headersearch button{
    background-color: rgba(255,255,255,0.5);
    border: 0 none;
    border-radius: 0;
    height: 35px;
    margin-left: 0!important;
    color: #7abf43;
    text-indent: -9999px;
}
.headersearch button:after{
    font-family: FontAwesome;
    content: "\f002";
    text-indent: 0px!important;
    position: absolute;
    top: 7px;
    right: 6px;
}
header#navbar{
    margin-bottom: 0;
    position: initial!important;
}
/* end header */

/* breadcrumb */
.breadcrumb-region {
    background: #f8f8f8;
}
.breadcrumb-region .breadcrumb{
    margin-bottom: 0;
    background: none;
    padding-top: 10px;
    padding-bottom: 10px;
}
.breadcrumb-region .breadcrumb ol.breadcrumb{
    padding-left: 0;
}
.breadcrumb-region .breadcrumb ol.breadcrumb>li>a{
    color: #66cc33;
}
.breadcrumb-buttons .item em{
    padding: 5px;
    margin: 15px 0px;
    float: right;
    cursor: pointer;
}

/* breadcrumb addthis */
.breadcrumb-region-blocks .region-breadcrumb>* {
    float: left;
}
.breadcrumb-region-blocks .region-breadcrumb .field-name-field-addthis {
    padding: 17px 0;
}
a.at300b .at4-icon, a.at300m .at4-icon {
    background-color: #2f7909!important;
}
/* end breadcrumb */

.sidebar .block{
    margin-bottom: 20px;
}
.block-white-bg{
    background: #fff;
    padding: 25px;
}
.block-grey-bg {
    background: #f8f8f8;
    padding: 25px;
}

.sidebar .block.accordion{
    padding: 0;
}
.block.accordion h2,
.button{
    margin: 0;
    padding: 25px;
    text-decoration: none;
    cursor: pointer;
    display: block;
}

.block.accordion h2:after, .button:after{ font-family: FontAwesome;content: "\f178";float:right; }
.block.accordion.red h2, .button.red{ background: #e3682a; color: #fff!important; }
.block.accordion.red h2:hover, .button.red:hover{ background: #dedede; color: #e3682a!important; }
.block.accordion.green h2, .button.green{ background: #7abf43; color: #fff!important; }
.block.accordion.green h2:hover, .button.green:hover{ background: #dedede; color: #7abf43!important; }
.block.accordion.blue h2, .button.blue{ background: #43b0e9; color: #fff!important; }
.block.accordion.blue h2:hover, .button.blue:hover{ background: #dedede; color: #43b0e9!important; }
.block.accordion.orange h2, .button.orange{ background: #ED9F2D; color: #fff!important; }
.block.accordion.orange h2:hover, .button.orange:hover{ background: #dedede; color: #ED9F2D!important; }

.block.accordion>div:not(.contextual-links-wrapper){
    display: none;
    padding: 10px 25px 25px 25px;
}

.block-fullwidth{ padding: 30px 0; }
.block-fullwidth.red{ background: #e3682a; color: #fff; }
.block-fullwidth.red h2 { color: #fff; }
.block-fullwidth.green{ background: #7abf43; color: #fff; }
.block-fullwidth.green h2 { color: #fff; }
.block-fullwidth.blue{ background: #43b0e9; color: #fff; }
.block-fullwidth.blue  h2 { color: #fff; }
.block-fullwidth.orange {background: #ED9F2D; color: #fff; }
.block-fullwidth.orange h2 { color: #fff; }
.block-fullwidth.grey {background: #c5c5c5; color: #fff; }
.block-fullwidth.grey h2 { color: #fff; }

.block-fullwidth.grey a,
.block-fullwidth.orange a,
.block-fullwidth.blue a,
.block-fullwidth.green a,
.block-fullwidth.red a{
    color: #2f7909;
    font-weight: bold;
}


/* main */
.page-header{
    margin: 30px 0;
    border: 0 none;
}
.article-field-image{
    margin-bottom: 50px;
}

.ls-container {
    max-height: 500px;
    overflow: hidden;
}
.ls-container .ls-bottom-nav-wrapper{
    position: absolute!important;
    bottom: 40px;
    left: 50%;
}
.ls-container .ls-bottom-nav-wrapper span{
    background: none;
}
.ls-container .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a{
    background: #f8f8f8;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 10px;
}
.ls-container .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a.ls-nav-active{
    background: #7abf43;
}
.istaknuto{
    color: #fff;
    padding: 30px;
    margin-left: -30px;
    margin-right: -30px;
    background: #ed9f2d;
}
.istaknuto.green{
    background: #5eb245;
}

.field-name-field-gallery{
    padding: 40px 0;
}
.field-name-field-gallery .field-item{
    float: left;
    margin-right: 10px;
}
.field-name-field-gallery .field-item:last-child{
    margin-right: 0px;
}

div.inner-text h1,
div.inner-text h2,
div.inner-text h3,
div.inner-text h4,
div.inner-text h5,
div.inner-text h6{
    color: #fff;
    margin-top: 0px;
}
div.inner-text{
    color: #fff;
    padding: 30px;
    /*margin: 15px -30px 15px -30px;*/
    margin: 15px 0px 15px 0px;
}
div.inner-text.red{ background: #e3682a; }
div.inner-text.green{ background: #7abf43; }
div.inner-text.blue{ background: #43b0e9; }
div.inner-text.orange{ background: #ED9F2D; }
/* end main */

/* main full-width */
.content-fullwidth{
    /*margin: 50px 0;*/
    padding: 15px 0;
}
.content-fullwidth .nav-tabs{
    border: 0 none;
}
.content-fullwidth .nav-tabs>li{
    margin-right: 7px;
    width: 180px;
    height: 65px;
    display: inline-block;
}
.content-fullwidth .nav-tabs>li:last-child{
    margin-right: 0px;
}
.content-fullwidth .nav-tabs>li>a,
.content-fullwidth .nav-tabs>li>a:hover,
.content-fullwidth .nav-tabs>li>a:focus{
    background: #c5c5c5;
    border: 0 none;
    color: #fff;
    font-size: 16px;
    padding: 5px;
    text-align: center;
    line-height: normal;
    display: block;
    width: 100%;
    height: 100%;
}
.content-fullwidth .nav-tabs>li.active>a,
.content-fullwidth .nav-tabs>li.active>a:hover,
.content-fullwidth .nav-tabs>li.active>a:focus,
h2.resp-accordion a,
h2.resp-accordion a:hover,
h2.resp-accordion a:focus{
    background: #f8f8f8!important;
    color: #7abf43!important;
}

.content-fullwidth aside .block a,
.content-fullwidth aside .block a:hover,
.content-fullwidth aside .block span {
    color: #7abf43;
    text-decoration: none;
    margin: 6px 0;
    display: inline-block;
}
.content-fullwidth aside .block .well span{
    color: #646464;
}
.content-fullwidth aside .button{
    width: 100%;
}
.phone-contact span,
.phone-contact a{
    padding-left: 16px;
    display: inline-block;
    margin: 6px 0;
}
.phone-contact em{
    margin-left: -16px;
}
.view-dokumenti .field-content{
    width: 100%;
}

.fullwidth-center p{
    line-height: 0;
    margin: 0;
}
.fullwidth-center img{
    max-width: 100%;
    height: auto;
    width: auto\9;/* ie8 */
}
/* end main full-width */

/* footer */
.footer{
    padding-bottom: 0;
    padding-top: 0;
    border: 0 none;
    border-top: 0 none!important;
    margin-top: 0!important;
}
.footer a {
    color: #bbb;
}
.footer-wrap{
    background: #6c6c6c;
    padding-top: 0;
    padding-bottom: 0;
}
footer.footer .row{
    border-bottom: 2px solid #626262;
    position: relative;
}
footer.footer .row:last-child{
    border-bottom: 0 none;
}
.block-mailchimp-signup{
    width: 700px;
    margin: 0 auto!important;
    float: none;
}
section.block-mailchimp-signup h2{
    width: auto;
    margin: 5px 30px 0 0;
    float: left;
    color: #fff;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
}
section.block-mailchimp-signup form{
    float: left;
    position: relative;
    width: 450px;
}
section.block-mailchimp-signup form input{
    background: none;
    border-radius: 0;
    border: 1px solid #fff;
    color: #b9b9b9;
}
section.block-mailchimp-signup form button.form-submit,
section.block-mailchimp-signup form button.form-submit:hover{
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    font-weight: lighter;
    background: #dbe2e8!important;
    color: #6c6c6c!important;
    max-height: 34px;
    border: 1px solid #fff;
    border-radius: 0;
    text-shadow: transparent 0 0 0;
}

.footer .block{
    margin: 0;
    padding: 20px 0;
}
.footer ul.menu>li>a,
.footer ul.menu>li>a:hover{
    font-size: 14px;
    color: #fff;
    padding: 10px 25px 5px;
    text-decoration: none;
}
.footer ul.menu>li>a:first-child{
    padding-left: 0;
}
.footer .social-icons-block,
.footer .social-icons-block .block{
    float: right;
}
.footer .social-icons-block ul.social-icons{
    margin: 0;
    padding: 0;
}
.footer .social-icons-block ul.social-icons>li{
    display: inline;
}
.footer .social-icons-block ul.social-icons>li>a{
    padding: 5px 10px;
    color: #6c6c6c;
    background: rgba(255,255,255,0.5);
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    width: 30px;
    height: 30px;
}
.footer .social-icons-block ul.social-icons>li>a:hover{
    background: rgba(255,255,255,1);
}

.subfooterwrap.wide{
    background: none;
    padding: 20px 0;
}
.subfooterwrap.wide .textwidget{
    color: #b9b9b9;
}
.footer-fifth .textwidget{
    color: #b9b9b9;
}
/* end footer*/

/* homepage */
.view.news-block .views-field-field-gallery img{
    max-width: 100%;
    height: auto;
}
.view.news-block .view-footer,
.view.news-page .view-footer{
    margin-top: 50px;
    display: inline-block;
    width: 100%;
}
.view.news-block .view-content .views-field-title a,
.view.news-block .view-footer a,
.view.news-page .view-footer a{
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
    display: inline-block;
    vertical-align: top;
}
.view.news-block .view-footer a>i,
.view.news-page .view-footer a>i{
    margin-left: 20px;
}

.node-type-landing-page .landing-page-main .views-row{
    height: 380px;
}
.node-type-landing-page .landing-page-main .title{
    margin-bottom: 20px;
}
.node-type-landing-page .landing-page-main .title a{
    color: #7abf43;
    font-size: 18px;
    font-weight: bold;
}
.node-type-landing-page .landing-page-main .image img{
    width: 100%;
    max-width: 767px;
    height: auto;
}
.node-type-landing-page .landing-page-main .body{
    font-size: 16px;
    margin-top: 20px;
}
/* end homepage */

/* news page */
.news-page .views-row,
.grupa-usluga-main .views-row{
    border-bottom: 1px solid #e2e2e2;
    padding: 30px 0;
}
.news-page .views-row:first-child{
    padding-top: 0;
}
.news-page .views-row .views-field-title a{
    font-size: 30px;
    font-weight: bold;
}
.news-block .views-row .views-field-created,
.news-page .views-row .views-field-created{
    font-size: 12px;
    margin-bottom: 20px;
}
.news-page .views-row .views-field-body{
    font-size: 18px;
}
.view .view-content .views-more-link{
    display: block;
    margin-top: 20px;
    font-size: 16px;
    text-decoration: underline;
    color: #7abf43;
    cursor: pointer;
}

.view .view-content .long-body{
    display: none;
}
.news-block.dop .views-row {
    height: 500px;
}
/* end news page */

/* content-type styles */
.submitted{
    font-style: normal;
    font-size: 12px;
    margin-bottom: 30px;
    color: #787878;
}

.node-type-article .field-name-field-image img,
.node-type-usluga .field-name-field-image img,
.node-type-usluga .field-name-field-image-list img,
.node-type-page .field-name-field-image img{
    width: 100%;
    height: auto;
}
.node-type-article .main-container{
    margin-top: 40px;
}

.node-type-usluga .content-fullwidth,
.node-type-page .content-fullwidth,
.node-type-ib-staticka-stranica .content-fullwidth{
    background: #f8f8f8;
}
.node-type-usluga .content-fullwidth .nav-tabs,
.node-type-page .content-fullwidth .nav-tabs,
.node-type-ib-staticka-stranica .content-fullwidth .nav-tabs{
    margin-top: -115px;
    margin-bottom: 50px;
}
.page-header{
    text-align: center;
}

.node-type-landing-page .content-fullwidth{
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.node-type-landing-page .fullwidth-center{
    text-align: center;
    background: #7abf43;
}

.node-type-grupa-usluga .field-name-field-image-list{
    display: none;
}

.node-type-grupa-usluga .field-name-field-image img,
.node-type-grupa-usluga .field-name-field-image-list img{
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}
.grupa-usluga-main .field-content .title a{
    font-size: 30px;
    font-weight: bold;
    color: #66cc33;
}
.grupa-usluga-main .views-row .field-content .image img{
    width: 100%;
    height: auto;
}
.grupa-usluga-main .views-row-even .field-content .image{
    float: right!important;
}
.grupa-usluga-main .grupa-usluga-main-podusluge.invert .views-row-even .field-content .image{
    float: left!important;
}
.grupa-usluga-main .grupa-usluga-main-podusluge.invert .views-row-odd .field-content .image{
    float: right!important;
}
.grupa-usluga-main .attachment .view-content h3{
    font-size: 30px;
}
/* end content-type styles */

.sidr-inner .sidr-class-contextual-links-wrapper{
    display: none;
}

/* ikone */
/*.dokumenti-class .document-wrapper */.document-icon{display: inline-block; height:32px; width:32px; margin-right:10px!important; float:left; background-position: center; }
/*.dokumenti-class .document-wrapper */.icon-pdf{background: url("../img/icon-pdf.png") no-repeat;}
/*.dokumenti-class .document-wrapper */.icon-doc, /*.dokumenti-class .document-wrapper*/ .icon-docx{background: url("../img/icon-doc.png") no-repeat;}
/*.dokumenti-class .document-wrapper */.icon-flv{background: url("../img/icon-flv.png") no-repeat;}
/*.dokumenti-class .document-wrapper */.icon-jar{background: url("../img/icon-jar.png") no-repeat;}
/*.dokumenti-class .document-wrapper */.icon-jpg{background: url("../img/icon-jpg.png") no-repeat;}
/*.dokumenti-class .document-wrapper */.icon-lnk{background: url("../img/icon-lnk.png") no-repeat;}
/*.dokumenti-class .document-wrapper */.icon-mpeg{background: url("../img/icon-mpeg.png") no-repeat;}
/*.dokumenti-class .document-wrapper */.icon-png{background: url("../img/icon-png.png") no-repeat;}
/*.dokumenti-class .document-wrapper */.icon-txt{background: url("../img/icon-txt.png") no-repeat;}
/*.dokumenti-class .document-wrapper */.icon-ppt, .icon-pptx{background: url("../img/icon-pps.png") no-repeat;}
/*.dokumenti-class .document-wrapper */.icon-xls, .icon-xlsx{background: url("../img/icon-xls.png") no-repeat;}
/*.dokumenti-class .document-wrapper */.icon-zip{background: url("../img/icon-zip.png") no-repeat;}
.document-wrapper a {
    display: inline-block;
}
/* end ikone */

/* karta */
.views-exposed-form .views-exposed-widget{
    width: 40%;
    padding: 0;
}
.views-exposed-form .views-exposed-widget.views-widget-filter-title {
    width: 45%;
}
.views-exposed-form .views-exposed-widget.views-widget-filter-city label:before{
    font-family: "FontAwesome";
    content: "\f002";
}
#edit-field-vrsta-bankomata-2-value-wrapper,
#edit-field-vrsta-bankomata-value-wrapper {
    float: none;
    margin-top: 53px;
    margin-bottom: 7px;
    display: none;
    margin-left: 465px;
}

#edit-field-vrsta-bankomata-2-value-wrapper > label,
#edit-field-vrsta-bankomata-value-wrapper > label {
    color: #66cc33;
    font-weight: bold;
}

#edit-field-vrsta-bankomata-2-value-wrapper .views-widget .bef-checkboxes .form-item input,
#edit-field-vrsta-bankomata-value-wrapper .views-widget .bef-checkboxes .form-item input {
    height: 20px;
    width: 20px;
}
#edit-field-vrsta-bankomata-2-value-wrapper .views-widget .bef-checkboxes .form-item label,
#edit-field-vrsta-bankomata-value-wrapper .views-widget .bef-checkboxes .form-item label {
    color: #66cc33;
    font-weight: normal;
    position: relative;
}
#edit-field-vrsta-bankomata-2-value-wrapper .views-widget .bef-checkboxes .form-item:first-of-type label,
#edit-field-vrsta-bankomata-value-wrapper .views-widget .bef-checkboxes .form-item:first-of-type label {
    color: #FD9708;
    cursor: pointer;
}
#edit-field-vrsta-bankomata-2-value-wrapper .views-widget .bef-checkboxes .form-item:first-of-type label:after,
#edit-field-vrsta-bankomata-value-wrapper .views-widget .bef-checkboxes .form-item:first-of-type label:after {
    font-family: "FontAwesome";
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background: none;
    color: #FD9708 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #b7b7b7;
    font-size: 22px;
    float: left;
    margin-right: 5px;
}
#edit-field-vrsta-bankomata-2-value-wrapper .views-widget .bef-checkboxes .form-item:first-of-type input,
#edit-field-vrsta-bankomata-value-wrapper .views-widget .bef-checkboxes .form-item:first-of-type input {
    display: none;
}
#edit-field-vrsta-bankomata-2-value-wrapper .views-widget .bef-checkboxes .form-item:first-of-type input:checked + label:after,
#edit-field-vrsta-bankomata-value-wrapper .views-widget .bef-checkboxes .form-item:first-of-type input:checked + label:after {
    font-family: "FontAwesome";
    content: "\f00c";
}
#edit-field-vrsta-bankomata-2-value-wrapper .views-widget .bef-checkboxes .form-item:nth-of-type(2),
#edit-field-vrsta-bankomata-value-wrapper .views-widget .bef-checkboxes .form-item:nth-of-type(2) {
    display: none;
}

#edit-field-vrsta-bankomata-2-value-wrapper .form-control,
#edit-field-vrsta-bankomata-value-wrapper .form-control {
    width: auto;
    height: auto;
    padding: 0;
    font-size: unset;
    line-height: unset;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    display: inline-block;
}
#edit-field-vrsta-bankomata-2-value-wrapper .form-item,
#edit-field-vrsta-bankomata-value-wrapper .form-item {
    display: block;
}
div.naslov-fonda {
    display: inline-block;
    width: 48%;
    text-align: center;
    font-size: 28px;
    height: 100px;
    padding-top: 31px;
    background: #e6e6e6;
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
div.naslov-fonda:nth-of-type(2n+1) {
    margin-right: 30px;
}
p.popis-fondova {
    display: block;
    position: absolute;
    width: 100%;
    margin-top: 15px;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
p.popis-fondova a {
    display: block;
    font-size: 18px;
}
div.naslov-fonda:hover {
    height: 185px;
}
div.naslov-fonda:hover p.popis-fondova {
    opacity: 1;
}
div.upitnik-fondovi {
    margin: 35px 15px 30px 15px;
    padding-top: 30px;
    border-top: 1px solid #e2e2e2;
}
div.upitnik-fondovi .pitanje {
    color: #7abf43;
    font-weight: bold;
}
div.upitnik-fondovi input {
    float: left;
}
div.upitnik-fondovi label {
    font-weight: normal;
    display: inline;
    margin-left: 5px;
}
div.upitnik-fondovi .rezultat,
div.upitnik-fondovi p.nema-rezultata,
div.upitnik-fondovi p.ima-rezultata,
div.upitnik-fondovi .rezultat a {
    display: none;
}
div.upitnik-fondovi .rezultat {
    border-top: 1px solid #e2e2e2;
    margin-top: 30px;
    padding-top: 17px;
}
div.upitnik-fondovi .rezultat p {
    font-size: 24px;
}
div.upitnik-fondovi .rezultat a.show-fond {
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #66cc33;
}
.views-exposed-form .views-exposed-widget.views-widget-filter-city label{
    position: absolute;
    padding: 5px;
    z-index: 5;
}
.views-exposed-form .form-item.form-item-title{
    width: 100%;
}
.views-exposed-form .views-exposed-widget.views-widget-filter-type_1{
    width: 30%;
}
.views-exposed-form .views-submit-button{
    width: 30%;
    z-index: 99;
    position: relative;
}
.views-exposed-form .form-item{
    /*float: left;*/
    display: inline-block;
    height: 35px;
}
.views-exposed-form .form-item.radio{
    padding-left: 15px!important;
}
.views-exposed-form .form-item-city input{
    border-radius: 0;
    background: #f8f8f8;
    border: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #9a9a9a;
    padding-left: 30px;
}
.views-exposed-form .form-item-city input:before{
    font-family: "FontAwesome";
    content: "\f002";

}
.views-exposed-form .form-radios{
    padding: 0;
    border: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 4px;
}
.views-exposed-form .form-radios input{
    float: right;
    margin: 0;
    width: 26px;
    height: 0px;
    border: 0 none;
    display: none;
}
.views-exposed-form .form-radios label:after{
    font-family: "FontAwesome";
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background: none;
    color: #66cc33!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #b7b7b7;
    font-size: 22px;
    float: left;
    margin-right: 5px;
}
.views-exposed-form .form-radios input:checked ~ label:after{
    font-family: "FontAwesome";
    content: "\f00c";
}
.views-exposed-form .form-radios label{
    float: left;
    color: #66cc33;
    font-weight: normal;
    margin: 0 5px 0 10px;
    padding-left: 0!important;
}
.views-exposed-form .form-radios .form-type-radio:first-child label,
.views-exposed-form .form-radios .form-type-radio:first-child label:after{
    color: #FD9708!important;
}
.views-exposed-form .form-radios .form-type-radio label[for=edit-type-1-atm-splitska-banka],
.views-exposed-form .form-radios .form-type-radio input#edit-type-1-atm-splitska-banka {
    display: none;
}
.views-exposed-form .views-exposed-widget .form-submit{
    margin: 0;
    background: #7abf43;
    color: #fff;
    border-radius: 0;
    border: 0 none;
    width: 100%;
    padding: 15px;
    text-align: left;
    margin-top: -7px;
    position: relative;
}
.views-exposed-form .views-exposed-widget .form-submit:hover{
    background: #dedede;
    color: #7abf43;
}
.views-exposed-form .views-exposed-widget .form-submit:after{
    font-family: FontAwesome;
    content: "\f178";
    position: absolute;
    right: 15px;
}
.form-autocomplete .input-group-addon{
    border-radius: 0;
    background: #f8f8f8;
    border: 0 none;
}

#map-list-toggle,
#map-clear-all{
    cursor: pointer;
    padding: 10px;
    display: inline-block;
    color: #66cc33;
    font-weight: bold;
}
#map-list-toggle{
    margin-left: 100px;
}
#map-clear-all{
    color: #e3682a;
}
.poslovnice-bankomati-karta .view-header{
    text-align: center;
}
.prilog-poslovnice .views-row,
.prilog-atms .views-row{
    padding: 5px 20px;
    background: #fdfcf8;
    border: 1px solid #e1e0d3;
    border-bottom: 0 none;
    min-height: 115px;
}
.prilog-poslovnice .views-row:last-child,
.prilog-atms .views-row:last-child{
    border-bottom: 1px solid #e1e0d3;
}
.poslovnice-bankomati-karta .modal-content{
    padding: 20px;
}
.poslovnice-bankomati-karta .modal-btn{
    margin-top: 12px;
}
.poslovnice-bankomati-karta-pb .views-submit-button{
    float: right;
}
/* end karta */

/* cookie */
#sliding-popup .popup-content #popup-buttons button.hide-popup-button,
#sliding-popup .popup-content #popup-buttons button.hide-popup-button:focus,
#sliding-popup .popup-content #popup-buttons button.agree-button,
#sliding-popup .popup-content #popup-buttons button.agree-button:focus{
    color: #fff;
    border-radius: 0;
    border: 0 none;
    margin: 5px 0;
    background: #2f7909!important;
    box-shadow: none;
    text-shadow: none;
    font-size: 10px;
}
#sliding-popup .popup-content #popup-buttons button.find-more-button,
#sliding-popup .popup-content #popup-buttons button.find-more-button:focus{
    color: #fff;
    border-radius: 0;
    border: 0 none;
    margin: 5px 0;
    background: #6c6c6c!important;
    box-shadow: none;
    text-shadow: none;
    font-size: 10px;
}
#sliding-popup .popup-content a{
    color: #2F7909 !important;
}
/* end cookie */

/* slider */
.slider.button{ width: auto!important; }
.slider.button:after{ display: none; }
.slider.button.red{ background: #e3682a; color: #fff; padding: 5px 30px!important; font-size: 18px!important; }
.slider.button.red:hover{ background: #dedede; color: #e3682a; padding: 5px 30px!important; font-size: 18px!important; }
.slider.button.green{ background: #7abf43; color: #fff; padding: 5px 30px!important; font-size: 18px!important; }
.slider.button.green:hover{ background: #dedede; color: #7abf43; padding: 5px 30px!important; font-size: 18px!important; }
.slider.button.blue{ background: #43b0e9; color: #fff; padding: 5px 30px!important; font-size: 18px!important; }
.slider.button.blue:hover{ background: #dedede; color: #43b0e9; padding: 5px 30px!important; font-size: 18px!important; }
.slider.button.orange{ background: #ED9F2D; color: #fff; padding: 5px 30px!important; font-size: 18px!important; }
.slider.button.orange:hover{ background: #dedede; color: #ED9F2D; padding: 5px 30px!important; font-size: 18px!important; }

.slider.h1 { font-size: 36px!important; font-weight: bold; line-height: 1!important; width: auto!important; padding: 5px!important; background: rgba(0,0,0,0.5); border-radius: 5px; }
.slider.sadrzaj { font-size: 18px!important; line-height: normal!important; width: auto!important; padding: 5px!important; background: rgba(0,0,0,0.5); border-radius: 5px; }
.slider.sadrzaj ul{ list-style: none; margin: 0; }
.slider.sadrzaj ul>li{ line-height: normal; }
.slider.sadrzaj ul>li:before{ font-family: FontAwesome; content: "\f178"; color: #646464; margin-right: 10px; float: left; }
.slider.h1.white,
.slider.sadrzaj.white,
.slider.sadrzaj.white li:before{
    color: #fff!important;
}
.slider.h1.red,
.slider.sadrzaj.red{
    color: #c32900!important;
}

html * .ls-container img,
#ls-global * .ls-container img{
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}
html * .ls-container .ls-layer>img.resp,
html * .ls-container .ls-layer a:nth-child(2),
.block.banner img.resp{
    display: none!important;
}
/* end slider */

/* povezane usluge slider */
.povezane-usluge .views_slideshow_cycle_slide{
    width: 100%!important;
}
.povezane-usluge .slika img{
    width: 100%;
    height: auto;
}
.povezane-usluge .naslov{
    text-align: center;
}
.slideshow-pager-icon {
    width: 16px;
    height: 16px;
    background: #7abf43;
    float: left;
    cursor: pointer;
    margin-left: 5px;
}
.povezane-usluge .views-slideshow-controls-text{
    text-align: right;
}
.povezane-usluge .views-slideshow-controls-text .views-slideshow-controls-text-previous a,
.povezane-usluge .views-slideshow-controls-text .views-slideshow-controls-text-next a,
.povezane-usluge .views-slideshow-controls-text .views-slideshow-controls-text-pause{
    display: none;
}
.povezane-usluge .views-slideshow-controls-text .views-slideshow-controls-text-previous:after {
    font-family: FontAwesome;
    content: "\f060";
    color: #7abf43;
    font-size: 25px;
}
.povezane-usluge .views-slideshow-controls-text .views-slideshow-controls-text-next:after {
    font-family: FontAwesome;
    content: "\f061";
    color: #7abf43;
    font-size: 25px;
}
.povezane-usluge .views-slideshow-controls-text .views-slideshow-controls-text-previous:hover,
.povezane-usluge .views-slideshow-controls-text .views-slideshow-controls-text-next:hover{
    text-decoration: none;
}
/* end povezane usluge slider */

/* slider izracun kredita */
.slider{
    width: 100% !important
}
.ispis-rezultata{
    margin-top: 20px;
}
.slider-min,
.slider-max {
    font-size: 0.7em;
}
.lower{
    text-transform: lowercase;
}
.kalkulator-kredita label>input{
    max-width: 75px;
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    padding-left: 6px;
}
/* end slider izracun kredita */

/* tablica2 */
table.tablica2{
    table-layout: fixed;
}

.table.tablica2 tr>td:first-child{
    background: #eeeeee!important;
    color: #000!important;
    border: 0 none!important;
    border-right: 3px solid #fff!important;
    padding: 5px 30px!important;
    text-align: center;
    vertical-align: middle!important;
}
.table.tablica2 tr:first-child>td{
    background: #5eb145!important;
    color: #FFF!important;
    font-weight: bold;
    vertical-align: middle!important;
    padding-top: 5px!important;
}
table.tablica2 tr:first-child>td{
    vertical-align: top!important;
}
table.tablica2 tr:first-child>td:after,
table.tablica2 td.opis-ks:after{
    display: none;
}
table.tablica2 td.opis-ks{
    vertical-align: middle!important;
}
#top10 table>thead>tr>td.no-click{
    border-right: 2px solid #c32900;
}
#top10 table>thead>tr>td:not(.no-click){
    background: #fff!important;
    color: #646464!important;
    cursor: pointer;
}
#top10 table>thead>tr>td.active{
    background-color: rgb(246, 246, 246)!important;
    color: #c32900!important;
}
#top10 table>thead>tr>td.asc.active:not(.no-click){
    color: #7abf43!important;
}
/* end tablica2 */

/* OTO */
.page-node-1182 .page-header{
    display: none;
}
.oto-blokovi{
    background: #f8f8f8;
    padding: 15px 0;

}
.oto-blokovi .block{
    height: 400px;
    overflow: hidden;
}
.oto-main .content{
    margin-top: 100px;
}
.oto-blokovi img{
    width: 100%;
    height: auto;
    max-width: 300px;
}
.oto-main img{
    width: 100%;
    height: auto;
}
.oto-blokovi p.desc {
    height: 90px;
}
body.page-node-1182 div.node-1183,
body.page-node-1183 div.node-1183,
body.page-node-1185 div.node-1185,
body.page-node-1187 div.node-1187,
body.page-node-1188 div.node-1188{
    display: none;
}
.oto-obavijesti{
    background: #011443;
    background: -webkit-linear-gradient(#020f3d, #011949); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#020f3d, #011949); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#020f3d, #011949); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#020f3d, #011949); /* Standard syntax */
    padding: 30px 0;
}
.oto-obavijesti a,
.oto-obavijesti p{
    color: #fff;
}


.oto-slider .slick-prev:before,
.oto-slider .slick-next:before{
    color: #7abf43!important;
    font-size: 28px!important;
}
.oto-slider .slick-prev,
.oto-slider .slick-next{
    width: auto!important;
    height: auto!important;
}
.oto-slider .slick-prev{
    left: -50px;
}
.oto-slider .slick-next{
    right: -50px;
}
.oto-slider .slick-dots li button:before{
    font-size: 20px!important;
}
.oto-slider .slick-dots li:hover button:before,
.oto-slider .slick-dots li.slick-active button:before{
    color: #83d160;
}
.oto-slider .slick-slide img{
    max-width: 540px;
}
.spacing{
    margin-top: 15px;
    margin-bottom: 15px;
    display: inline-block;
}
.space-normal{
    margin-top: 15px;
    margin-bottom: 15px;
}
.oto-content-block{
    width: 540px;
    margin: 0 auto 100px auto;
    text-align: center;
}
.oto-content-block .modal-body{
    padding: 5px;
}
.oto-content-block .oto-modal-trigger img{
    cursor: pointer;
}
/* end OTO */

/* IE outdated */
.ie-outdated{
    background: #f8f8f8;
}
/* end IE outdated */

/* pb tablice */

.block-tablice .table-wrap{
    margin-top: 20px;
    padding: 5px;
    overflow: auto;
}
.block-tablice table,
.tecajna-lista table{
    width: 100%;
}
.block-tablice table tr:first-child td{
    color: #c32900;
    font-weight: bold;
}
.block-tablice table td,
.tecajna-lista table td,
.tecajna-lista table th{
    padding: 10px 5px;
    text-align: center;
}
.block-tablice table td:first-child,
.tecajna-lista table td:first-child,
.tecajna-lista table th:first-child{
    text-align: left;
}
.block-tablice table tr:first-child td.grey{
    color: #646464;
}
.block-tablice table>tbody td{
    font-size: 14px;
}
.block-tablice table tr,
.tecajna-lista table tr{
    border-bottom: 1px solid #bebebe;
}
.pb-block-grey-bg{
    background: #f6f6f6!important;
}
.pb-block-white-bg{
    background: #fff!important;
}
.block-tablice .header{
    padding: 15px;
}
.block-tablice .header span{
    margin-right: 20px;
    font-size: 14px;
}
.block-tablice span.red{
    color: #c32900;
    font-weight: bold;
}
.fa-sort-desc{
    color: #c32900;
    vertical-align: top;
}
.fa-sort-asc{
    color: #7abf43;
    vertical-align: bottom;
}
/* end pb tablice */

/* dokumenti accordion */
.ui-accordion h3.ui-accordion-header,
.view-grouping-header{
    margin: 0;
    padding: 25px 0 25px 30px;
    text-decoration: none;
    cursor: pointer;
    display: block;
    font-size: 24px!important;
    background: none;
    border: 0 none;
    border-bottom: 1px solid #ccc!important;
    color: #7abf43!important;
    font-weight: bold;
}
.ui-accordion .ui-accordion-content{
    border: 0 none!important;
}
.ui-accordion h3.ui-accordion-header.ui-state-active{
    border-bottom: 0 none!important;
}
.ui-accordion .ui-accordion-content.ui-accordion-content-active{
    border-bottom: 1px solid #ccc!important;
}

.ui-state-default .ui-icon ,
.ui-state-hover .ui-icon ,
.ui-state-focus .ui-icon {
    background-image: url("../img/ui-icons.png") !important;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited{
    color: #7abf43!important;
    text-decoration: none!important;

}
.ui-accordion h3.ui-accordion-header:hover,
.view-grouping-header:hover,
.ui-state-hover a,
.ui-state-hover a:link,
.ui-state-hover a:visited{
    color: #6c6c6c!important;
}
.nested-accordion:before,
.view-grouping-header:before{
    top: 35px!important;
}
.view-grouping-header.nested-accordion{
    border-bottom: 0 none!important;
}
.view-grouping-header.nested-accordion+.view-grouping-content{
    border-bottom: 1px solid #ccc!important;
}
.view-grouping-header.nested-accordion+.view-grouping-content>h3.ui-accordion-header{
    border-bottom: 0 none!important;
    padding: 15px 0 15px 50px;
    font-size: 20px!important;
    font-weight: normal;
}
.view-grouping-header.nested-accordion+.view-grouping-content>h3.ui-accordion-header>.ui-accordion-header-icon{
    left: 1.2em!important;
}
.view-grouping-header.nested-accordion+.view-grouping-content>.ui-accordion-content.ui-accordion-content-active{
    border-bottom: 0 none!important;
}
/* end dokumenti accordion */

.block-tablice .increase,
.block-tablice .increase{
    color: #7abf43;
}
.block-tablice .decrease,
.block-tablice .decrease{
    color: #c32900;
}

@media only screen and (min-width: 1200px) {
    .headersearch{
        top: 37px;
    }
    .headersearch input{
        width: 205px;
        background-color: rgba(255,255,255,0.5);
        border-radius: 0;
        background-position: right;
    }
    .headersearch input:after{
        font-family: FontAwesome;
        content: "\f002";
        color: #7abf43;
    }
    .container {
        width: 1130px!important;
    }
}
@media only screen and (max-width: 1199px) {
    .header-top .header-top-left ul>li>a,
    .header-top .header-top-left ul>li>a:hover{
      padding: 18px 6px;
    }
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        border: 1px solid #ddd;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
    }
    .headersearch{
        top: 37px;
    }
    .headerwrap, .boxedlayout .headerwrap{
        padding: 0;
    }
    .headersearch{
        display: block;
    }
    .mobilemenu{
        margin: 34px 0 20px 0;
        display: none;
    }
    .headertop, .headerbottom{
        margin-left: 0;
    }
    .ls-layer div,
    .ls-layer p{
        display: none!important;
    }
    .header-main .logo{
        width: 100%;
    }
    .mainmenu{
        margin: 45px 0 0 0;
    }
    #edit-field-vrsta-bankomata-2-value-wrapper .views-widget .bef-checkboxes .form-item label,
    #edit-field-vrsta-bankomata-value-wrapper .views-widget .bef-checkboxes .form-item label {
        top: -35px;
    }
    #edit-field-vrsta-bankomata-2-value-wrapper, #edit-field-vrsta-bankomata-value-wrapper {
        margin-left: 0;
        margin-top: 0;
    }
}
@media only screen and (max-width: 991px) {
    .header-top-right .region-header-top-right{
        margin-right: 20px;
    }
    .header-top-right a[id*="sidr-"][id*="-button"] {
        right: 0;
        color: #66cc33!important;
        font-size: 30px;
    }
    .header-top-right a[id*="sidr-"][id*="-button"]:focus,
    .header-top-right a[id*="sidr-"][id*="-button"]:hover,
    a.nav-toggle{
        text-decoration: none;
    }
    .footer-first .nav-toggle{
        font-size: 30px;
        display: inline-block;
        padding: 14px 0;
    }
    .footer .nav-collapse.opened{
        display: block;
        height: auto;
        float: none;
        position: relative !important;
        overflow: visible;
    }
    .footer-parts>div{
        float: left;
    }
    .header-top .header-top-left ul>li.active-trail>a:after,
    .header-top .header-top-left ul>li>a:hover:after{
        display: none!important;
    }
    span.resp-small {
        font-size: 22px;
    }

}
@media only screen and (max-width: 767px) {
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: pre-line!important;
    }
    .text-right{
        text-align: left!important;
        z-index: 999;
    }
    .header-top-right{
        position: absolute;
        right: 0;
    }
    #sidr-wrapper-0 {
        display: block!important;
    }
    .fullwidthlayout .allwrapper{
        padding: 0;
        margin: 0;
    }
    .headerwrap, .boxedlayout .headerwrap{
        margin: 0;
    }
    .headersearch{
        right: 15px;
    }
    .headersearch input{
        max-width: 200px;
    }
    .headertopwrap{
        padding-left: 20px;
        padding-right: 20px;
    }
    .headertop .headerlefttext{
        width: auto;
    }
    .footerwrap.wide, .subfooterwrap.wide, .footerwrap, .subfooterwrap{
        margin-left: 0;
    }
    section.block-mailchimp-signup{
        width: 450px;
    }
    .footer .footer-second{
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
    }
    .views-exposed-form .views-exposed-widget{
        width: 100% !important;
        margin-top: 15px;
    }
    .views-exposed-form .views-exposed-widget:first-child{
        margin-top: 0px;
    }
    .landing-page-main .row{
        height: auto!important;
    }
    .node-type-landing-page .landing-page-main .views-row{
        height: auto;
        margin-bottom: 15px;
    }
    .slider.h1{
        left: 0!important;
        top: auto!important;
        bottom: 25px!important;
        display: inline-block!important;
        height: auto!important;
        line-height: normal!important;
        padding: 5px!important;
        background: rgba(0,0,0,0.5);
        color: #fff;
        font-size: 130%!important;
    }
    .ls-container .slider.button{
        left: 10px!important;
        bottom: 25px!important;
        top: initial!important;
        width: auto!important;
        display: inline-block!important;
        line-height: normal!important;
    }
    html * .ls-container .ls-layer>img,
    html * .ls-container a:first-child,
    .block.banner img{
        display: none!important;
    }
    html * .ls-container .ls-layer>img.resp,
    html * .ls-container .ls-layer a:nth-child(2),
    .block.banner img.resp{
        display: block!important;
    }
    .block.banner img.resp{
        margin: 0 auto;
    }
    .ls-layer,
    .ls-inner,
    .ls-container{
        height: 404px!important;
    }
    table.tablica2 {
        table-layout: auto;
    }
    h2,
    .grupa-usluga-main .field-content .title a{
        font-size: 18px;
    }
    .oto-content-block,
    .oto-slider .slick-slide img{
        width: 100%;
    }
    .oto-slider .slick-arrow{
        display: none !important;
    }
    .node-type-grupa-usluga .field-name-field-image{
        display: none;
    }
    .node-type-grupa-usluga .field-name-field-image-list{
        display: block;
    }
    table.table.table-paketi{
        table-layout: auto;
    }
    .button{
        margin-bottom: 10px;
    }
    .headersearch input{
        float: right!important;
    }
    .ls-container .ls-layer.ls-active a {
        left: 0!important;
    }
    #edit-field-vrsta-bankomata-2-value-wrapper .views-widget .bef-checkboxes .form-item label,
    #edit-field-vrsta-bankomata-value-wrapper .views-widget .bef-checkboxes .form-item label {
        top: -100px;
        left: 25px;
    }
    #views-exposed-form-karta-page-1 .views-submit-button {
        margin-top: 60px;
    }
}
@media only screen and (max-width: 479px) {
    .header-main{
        height: auto;
    }
    .navbar-header .logo{
        margin: 0;
        width: 100%;
        margin-top: 15px;
        float: none;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: relative;
    }
    .navbar-header,
    .headersearch{
        width: 100%;
    }
    .headersearch{
        top: 10px;
        right: 0;
    }
    .headersearch input{
        max-width: 100%;
    }
    .headersearch input{
        width: 150px;
        background-color: rgba(255,255,255,0.5);
        border-radius: 0;
        background-position: right;
    }
    .headersearch input:after{
        font-family: FontAwesome;
        content: "\f002";
        color: #7abf43;
    }
    section.block-mailchimp-signup,
    section.block-mailchimp-signup form{
        width: 100%;
    }
    .gmap-map{
        height: 350px!important;
    }
}

@media only screen and (max-width: 479px) {
    .ls-layer,
    .ls-inner,
    .ls-container{
        height: 280px!important;
    }
    .news-block.dop .views-row.col-xs-6 {
        height: auto;
        width: 100%;
    }
}

/*global overrides*/
table.table tr>td.simple{
    background: #eeeeee!important;
    color: #000!important;
}
table.table tr>td.simple:after{
    content: "";
    border-bottom: 1px solid #000!important;
    display: block;
    margin-top: 10px;
}

.view-table td:first-child a{
    color: #fff;
}

.field-name-body object{
    display: none;
}

.webform-client-form-3679 {
    width: 80%;
    margin: 0 auto;
}

.webform-client-form-3679 .form-item {
  padding-left: 210px;
  position: relative;
}

.webform-client-form-3679 .form-item label {
  left: 0;
  position: absolute;
  color: #999999;
  font-weight: 400;
}

.webform-client-form-3679 input, .webform-client-form-3679 select {
  background: #f8f8f8 none repeat scroll 0 0;
  border: 2px solid #f8f8f8;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 300;
}
.bijela-pozadina{
    background-color: black;
}
.form-item{
    position: relative;
    margin-bottom: 10px;
}
label.error{
    display: none!important;
    position: absolute;
    bottom: -45px;
    right: 30px;
    z-index: 1;
    background: red;
    color: #fff;
    padding: 10px 20px;
    min-width: 200px;
    text-align: right;
    font-size: 14px;
    font-weight: normal;
}
.form-item:hover~label.error{
    display: block!important;
}

label.error:after {
    content: '';
    position: absolute;
    top: -5px;
    right: 10px;
    width: 15px;
    height: 15px;
    background: red;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
input.form-control.error,
textarea.form-control.error{
    border-color: red !important;
    border: 1px solid;
}
input[type="checkbox"].form-checkbox.error,
input[type="radio"].form-radio.error{
    outline: red 2px solid!important;
}

#perpetuum-gdpr-fixed {
    position: fixed;
    left: -40px;
    bottom: -40px;
    height: 80px;
    width: 80px;
    background-color: #2f7909;
    z-index: 99999;
    color: #fff;
    font-size: 16px;
    transform: rotate(45deg);
    cursor: pointer;
    text-align: center;
}
#perpetuum-gdpr-fixed i{
    height: 20px;
    margin-top: 8px;
    width: 20px;
}
#perpetuum-cookie-bar .perpetuum-cookie-buttons-container,
#perpetuum-cookie-bar .perpetuum-cookie-info-container {
    padding-left:25px!important;
}
.iframe-warning a {
    cursor: pointer;
}