/*!
Theme Name: ALTA banka
Theme URI: https://alta.m1.rs/
Author: NewLook
Author URI: https://www.newlook.rs/
Description: Website for ALTA bank
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: alta-banka
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/


/*floating button*/
.side-contact{
    display: none;
}
/****** hero *******/
.hero-slider {
    position: relative;
    /*width: 100%;*/
    /*height: 700px;*/
}
.fixed-background {
        background-attachment: fixed;
}
.swiper {
    width: 100%;
    height: 700px;
}
.slider-item {
    height: 700px;
}
.slider-item-wrap {
    position: relative;
    width: 100%;
    height: 700px;
}
.slider-item.active {
    display: block;
}
.swiper .owl-item {
    height: 700px;
}

.background-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.swiper .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    color: #fff;
    max-width: 468px;
}
.swiper .title {
    font-size: 62px;
    margin-bottom: 10px;
    font-weight: bold;
    line-height: 1.2;
}

.swiper .description {
    font-size: 20px;
    font-weight: bold;
    padding-right: 0;
    margin: 20px 0 33px 0;
}
.swiper .content.content-3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: right!important;
    color: #000000;
    max-width: 468px;
   right: 19%!important;
}
.swiper .content.content-3 h1{
    color: #000000!important;
    margin-bottom:20px;
}
.swiper .content.content-3 h1 span{
        color: #d20000!important;
}
.swiper .content.content-3  img{

    margin-bottom:30px;
}
.swiper .content.content-3 a{
       color: #CE181E!important;
       background:transparent!important;
       border: 2px solid #000000 !important;
}
.swiper .content.content-3 a:hover{
       color: #CE181E!important;
       background:transparent!important;
       border: 2px solid #D20000 !important;
       
}
.button {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    display: inline-block !important;
    cursor: pointer !important;
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    border: 1px solid #fff !important;
    text-decoration: none !important;
    transition: all .3s !important;
    background-color: transparent !important;
    padding: 10px 65px !important;
    border-radius: 7px !important;
    position:relative;
    z-index:2;
}

a.button:hover {
    background-color: #fff !important;
    color: var(--red) !important;
        transition: all .3s !important;
}

.slider-dots {
    position: absolute;
    bottom: 75px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #ffffff9e;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}

.dot.active {
    background-color: #fff!important;
}
.scroll-down-arrow {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    text-decoration: none;
    color: #fff;
    font-size: 24px;
    z-index: 2;
}
.swiper-pagination-bullet {
    width: 23px;
    height: 23px;
    margin: 0 10px;
    cursor: pointer;
    background: #fff;
    opacity: 0.5;
}
.swipper-container-wrap {
    position: relative;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
/****** hero *******/
.vc_btn3-style-modern {
    display: inline-block !important;
    cursor: pointer !important;
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    border: 1px solid #fff !important;
    text-decoration: none !important;
    transition:  all .3s;
    background-color: transparent!important;
    padding: 10px 65px !important;
    border-radius: 7px !important;

}
.red-section-holder .vc_btn3-style-modern {
    padding: 20px 65px !important;
}
.vc_btn3-style-modern:hover {
    color: var(--red) !important;
    background: #fff !important;
}
.vc_btn3-style-classic {
    display: inline-block !important;
    cursor: pointer !important;
    color: #D20000 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    background-color: transparent!important;
    border: 2px solid #D20000!important;
    text-decoration: none !important;
    transition:  all .3s;
    background-color: transparent!important;
    padding: 10px 65px !important;
    border-radius: 7px !important;
}
.vc_btn3-size-lg.vc_btn3-style-classic {
    width: 100% !important;
    max-width: 460px !important;
}
.vc_btn3-container {
    margin-bottom: 10px !important;
}
.vc_btn3-style-classic:hover {
    color: #fff !important;
    background: var(--red) !important;
}
.wpb_single_image.fadeInRight.arrow-margin{
    margin: 15px 0!important;
}
.card-margin{
    margin-bottom: 10px!important;
}
.fadeInRight.paragraph{
    margin-bottom: 10px!important;
}

@media (max-width: 1800px) {
    .content {
        transform: translateX(-70%);
        padding-right: 123px;
    }
}
@media (max-width: 1600px) {
    .content {
        transform: translateX(-75%);
        padding-right: 123px;
    }
    .description {
        padding-right: 120px;
    }
}
@media (max-width: 1500px) {
    .content {
        transform: translateX(-85%);
    }
}
@media (max-width: 1400px) {
    .content {
        transform: translateX(-90%);
        padding-right: 0;
    }
    .title {
        font-size: 48px;
    }
    .hero-slider{
        height: 100vh;
    }
}
/*kursna lista*/
/*.table-holder table#table_1{*/
/*    border: 1px solid #A8A8A8;*/
/*    padding: 30px!important;*/
/*    border-radius: 50px!important;*/
/*    text-align: center!important;*/
/*}*/
/*.table-holder  tr.even, .table-holder td.numdata.integer.column-sifval, .table-holder .wpdt-c .wpDataTablesWrapper table.wpDataTable.wpDataTableID-1 tr.even td{*/
/*    background: white!important;*/
/*    text-align: center!important;*/
/*    padding: 15px 0!important;*/
/*    border-bottom: 1px solid black!important;*/
/*    font-weight: bold;*/
/*}*/
/*.table-holder  .wpdt-c.wdt-skin-light .wpDataTablesWrapper table.wpDataTable > thead > tr > th{*/
/*    color: white!important;*/
/*    background: #CE181E ! Important;*/
/*    text-align: center!important;*/
/*}*/
/*.table-holder .wpdt-c.wdt-skin-light .wpDataTablesWrapper table.wpDataTable tr.odd td {*/
/*    text-align: center!important;*/
/*    padding: 15px 0!important;*/
/*    border-bottom: 1px solid black!important;*/
/*    font-weight: bold;*/
/*}*/

/*******   novi css ******************/
.post, .page {
    margin: 0;
}
body a{
    text-decoration:none!important;
}
.wpb_wrapper ul li a:hover {
	color: #d20000!important;
}
.home-top {
    margin-bottom: -56px;
}
.home-top-inner {
    position: relative;
    margin-top: 89px;
}
.home-top-inner .desc {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 38px;
}
.home-top-inner .desc h2,
.home-top-inner .desc h3,
.home-top-inner .desc h4 {
    color: var(--red);
    text-align: right;
    font-weight: 800;
    margin: 30px 0;
    line-height: 1;
}
.home-top-inner .desc h2 {
    font-size: 91px;
}
.home-top-inner .desc h3 {
    font-size: 71px;
}
.home-top-inner .desc h4 {
    font-size: 30px;
}
.home-top-caurosel .slide {
    background: rgb(141,0,0);
    background: linear-gradient(90deg, rgba(141,0,0,1) 0%, rgba(210,0,0,1) 100%);
    border: 2px solid var(--red);
    border-radius: 8px;
    position: relative;
    bottom: 0;

}

.home-top-caurosel .slide img {
    max-width: 95px;
    max-height: 70px;
    margin: 0 auto;
    margin-bottom: 27px;
    transform: scale(1);
    transition: transform .4s;
}
.home-top-caurosel .slide:hover img {
    transform: scale(1.2);
}
.home-top-caurosel .slide p {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background: url("img/top-slider-title.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin: 0;
    padding: 10px 0 10px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
.home-top-caurosel .slide a {
    text-decoration: none;
    min-height: 198px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slider-hover .owl-stage-outer {
    /*overflow: visible !important;*/
}
.slider-hover {
    max-width: 1920px;
    margin: 0 auto;
}
.slider-hover .slide {
    -webkit-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.37);
    -moz-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.37);
    box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.37);
}
.slider-hover a {
    display: block;
    position: relative;
    overflow: hidden;
}
.slider-hover a img {
    transform: scale(1);
    transition: transform .4s;
}
.slider-hover a:hover img {
    transform: scale(1.1);
}
.slider-hover .text-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 33%;
    height: 100%;
    background: rgba(210,0,0,0.68);
    display: flex;
    flex-direction: column;
    color: #fff;
    padding: 5px 16px;
    align-items: center;
}
.slider-hover .text-wrap p {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}
.slider-hover .text-wrap svg {
    position: absolute;
    bottom: 15px;
    right: 15px;
}
.vc_btn3-style-gradient {
    display: inline-block !important;
    cursor: pointer !important;
    color: #fff !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    background: rgb(141,0,0) !important;
    background: linear-gradient(90deg, rgba(141,0,0,1) 0%, rgba(210,0,0,1) 100%) !important;
    border: 1px solid var(--red) !important;
    height: 43px !important;
    line-height: 43px !important;
    padding: 0 50px !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    position: relative !important;
    -webkit-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.41) !important;
    -moz-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.41) !important;
    box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.41) !important;
    overflow: hidden;
    transition:  background .4s, color .4s;
}
.vc_btn3-style-gradient:hover {
    color: var(--red) !important;
    background: #fff !important;
}

.vc_btn3-style-gradient:before {
    content: "";
    background: url("img/top-slider-title.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    left: -3px;
    height: 12px;
    opacity: 1;
    width: 109%;
}
.vc_btn3-style-gradient:hover:before {
    opacity: 0;
}
.phone-section>h2 {
    font-size: 40px;
    color: var(--red);
    text-align: center;
}
.phone-section-inner {
    display: flex;
}
.phone-section-inner h2 {
    font-size: 43px;
    font-weight: 900;
    line-height: 1.2;
    color: var(--red);
}
.phone-section-inner h3 {
    font-size: 24px;
    font-weight: 900;
}
.phone-section-inner .icon-with-text {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.phone-section-inner .icon-with-text  span {
    width: 100px;
    padding-right: 30px;
}
.phone-section-inner .icon-with-text  p {
    font-weight: 900;
}
.phone-section-inner>div:nth-of-type(1){
    width: 40%;
}
.red-separator {
    background: linear-gradient(90deg, rgba(141,0,0,1) 0%, rgba(210,0,0,1) 100%) !important;
    height: 25px;
    margin-bottom: 0 !important;
}
.red-separator .vc_sep_line {
    border: 0 !important;
}
.shadow-text .wpb_text_column.wpb_content_element {
    margin: 0;
}
.shadow-text .wpb_text_column.wpb_content_element p {
    margin: 0;
}
.shadow-text {
    font-family: LuxuryGold;
    font-size: 40px;
    position: relative;
    padding: 15px 12px;
}
.shadow-text:before {
    content: "";
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.32) 0%, rgba(0,0,0,0) 18%);
}
.shadow-text:after {
    content: "";
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0,0,0,0.32) 0%, rgba(0,0,0,0) 18%);
}
.red-image-background {
    position: relative;
    z-index: 3;
    color: #000;
}
.red-image-background h3 {
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 0;
}
.red-image-background h4 {
    font-weight: 700;
    font-size: 20px;
    margin-top: 0;
}
.red-image-background p {
    font-size: 20px;
}
.red-image-background:before {
    /*content: "";*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*top: 0;*/
    /*left: 0;*/
    /*background: linear-gradient(90deg, rgba(210,0,0,1) 0%, rgba(140,0,0,1) 100%) !important;*/
    /*z-index: -2;*/
}
.red-image-background:after {
    /*content: "";*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*top: 0;*/
    /*left: 0;*/
    /*background-image: url("img/red-image-background-2.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position: center bottom;*/
    /*background-size: 100% auto;*/
    /*z-index: -1;*/
}
.hands-section {
    background-repeat: no-repeat;
    background-position: right top;
    padding-top: 73px !important;
    margin-top: -55px !important;
    position: relative;
    padding-bottom: 300px !important;
    margin-bottom: -246px !important;
    z-index: 22;
}
.fronter-section {
    z-index: 22;
    position: relative;
}
.aligment-box-right .vc_column-inner {
    max-width: 600px;
    padding: 30px 0 50px 30px;
}
.aligment-box-right h2 {
    margin-top: 0 !important;
    font-size: 2em;
}
.aligment-box-left .vc_column-inner {
    max-width: 600px;margin-left: auto;
    margin-right: 0;
}
.aligment-box-left h2 {
    margin-top: 0 !important;
    font-size: 2em;
}
.shadow-text-red {
    background: linear-gradient(90deg, rgba(210,0,0,1) 0%, rgba(140,0,0,1) 100%) !important;
    color: #fff;
}
.vc_btn3.vc_btn3-color-black.vc_btn3-style-modern {
    color: #fff !important;
    border-color: #fff !important;
    background: #bbbbbb !important;
}
.vc_btn3.vc_btn3-color-black.vc_btn3-style-modern:hover {
    background: transparent !important;
}
.home-top-caurosel {
    margin-top: -40px;
    margin-bottom: 30px;
}
body.page-template-dark-page {
    background: #000;
    overflow-x: hidden;
}
body.page-template-dark-page .online-banking .back-button {
    background: rgb(68,68,68);
    background: linear-gradient(90deg, rgba(165,165,165,1) 0%, rgba(68,68,68,1) 100%);
    border: 1px solid #000;
    color: #fff;
}
body.page-template-dark-page .online-banking .front-button {
    background: rgb(68,68,68);
    background: linear-gradient(90deg, rgba(165,165,165,1) 0%, rgba(68,68,68,1) 100%);
    border: 1px solid #000;
    color: #fff;
}
#credit-card-wrap #mirror {
    border: 0;
    padding: 0;
    position: absolute;
    bottom: 26px;
    left: 36px;
    background: transparent;
    font-weight: 500;
    outline: none;
    color: #e6e6e7;
    text-transform: uppercase;
    -webkit-text-stroke: 0.9px #2a2a2a;
    font-size: 24px;
}
#credit-card-wrap #mirror::placeholder{
    color: #e6e6e7;
    text-transform: uppercase;
    -webkit-text-stroke: 0.9px #2a2a2a;
    font-size: 24px;
}
#credit-card-wrap .wpb_single_image {
    position: relative;
}
.wpcf7-form input {
    border-radius: 10px;
    border: none;
    font-size: 16px;
    color: #000;
    padding: 16px 14px;
    width: calc(100% - 24px);
    font-weight: 400 !important;
}

.wpcf7-form textarea {
    border-radius: 10px;
    border: none !important;
    outline: none !important;
    font-size: 16px;
    color: #000;
    padding: 16px 14px;
    font-weight: 300 !important;
    width: calc(100% - 24px);
    height: 110px;
}
.wpcf7-form-control-wrap input:checked + .wpcf7-list-item-label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #D20000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.wpcf7-form input.wpcf7-submit {
    background: #d20000;
    padding: 24px 10px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700 !important;
    color: #fff;
    border: 1px solid #d20000;
    transition: all .3s;
}
.wpcf7-list-item-label {
    font-size: 14px;
}
.wpcf7-form input.wpcf7-submit:hover {
    background: transparent;
    color: #d20000;
}

.wpcf7-form textarea:focus {}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 12px;
    font-weight: normal;
    display: block;
    position: absolute;
    left: 12px;
}
.wpcf7-form-control-wrap {
    position: relative;
    margin-bottom: 6px;
    display: block;
}
.wpcf7-form-control-wrap .wpcf7-checkbox input {
    display: none;
}
.wpcf7-form label {
    color: #D20000;
    font-size: 20px;
    font-weight: 700;
}
.wpcf7-form .wpcf7-checkbox span {
    font-size: 16px;
    color: #323941;
    font-weight: 400;
}
.wpcf7-form-control-wrap .wpcf7-list-item-label {
    position: relative;
    cursor: pointer;
}

.wpcf7-form-control-wrap .wpcf7-list-item-label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #D20000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 5px;
    bottom: 2px;
}

.wpcf7-form-control-wrap input:checked + .wpcf7-list-item-label:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #D20000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
#credit-card-wrap .wpcf7-submit {
    text-align: center;
    margin: 0 auto;
    display: flex !important;
    width: auto;
}
#credit-card-wrap .wpcf7-checkbox {
    text-align: center;
    margin: 0 auto;
    display: flex !important;
    justify-content: center;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 13px;
    font-weight: normal;
    display: block;
    position: absolute;
    left: 0;
}
#credit-card-wrap .wpcf7-form-control-wrap[data-name=pravila] .wpcf7-not-valid-tip {
    text-align: center;
    right: 0;
    margin: 0 auto;
}
.vc_images_carousel .vc_carousel-control .icon-prev:before {
    top: -45px !important;
    color: #ce0000;
    font-size: 65px;
    opacity: 1;
    left: -41px;
    /* transform: translateY(-52px); */
}
.vc_images_carousel .vc_carousel-control .icon-next:before {
    top: -45px !important;
    color: #ce0000;
    font-size: 65px;
    opacity: 1;
    right: -41px;
}
.vc_images_carousel .vc_carousel-indicators {
    bottom: -21px !important;
}
.vc_images_carousel .vc_carousel-indicators li {
    border: 1px solid #d00000 !important;
    background-color: #d10000 !important;
    margin: 3px !important;
}
.vc_images_carousel .vc_carousel-indicators .vc_active {
    border: 1px solid #d00000 !important;
    background: transparent !important;
}
input[name="kartica"] {
    display: none;
}
[lang="en-GB"] .page-id-7179 #table_1_length>label {
    font-size: 0;
}
[lang="en-GB"] .page-id-7179 #table_1_length>label:before {
    content: "show";
    font-size: 16px;
    transform: translateX(10px);
    position: relative;
    top: 5px ;
}
[lang="en-GB"] .page-id-7179 #table_1_length>label:after {
    content: "results";
    font-size: 16px;
    transform: translateX(10px);
    position: relative;
    top: 5px;
    margin-left: 10px;
}
@media only screen and (max-width: 768px){
    
    .fixed-background {
        background-attachment: initial;
    }
    .mobile-invisible {
        display: none;
    }
    .swiper .title {
        font-size: 36px;
        text-align: center;

    }
    .swiper .description {
        text-align: center;
        font-size: 16px;
    }
    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 31px;
    }
    .scroll-down-arrow {
        position: absolute;
        bottom: 4px;
    }
    .scroll-down-arrow img {
        width: 40px;
        height: auto;
    }
    /*.single-post .site-main {*/
    /*    margin-top: 90px;*/
    /*}*/
    .swiper .content {
        position: absolute;
        top: unset;
        transform: translateY(-50%);
        text-align: center;
        color: #fff;
        max-width: 468px;
        bottom: -76px;
    }
    .page-template-home-page-finansijska .swiper .content {
    bottom: -14px;
}
    #credit-card-wrap #mirror {
        border: 0;
        padding: 0;
        position: absolute;
        bottom: 12px;
        left: 23px;
        background: transparent;
        font-weight: 500;
        outline: none;
        color: #e6e6e7;
        text-transform: uppercase;
        -webkit-text-stroke: 0.9px #2a2a2a;
        font-size: 17px;
    }
    #credit-card-wrap #mirror::placeholder{
        -webkit-text-stroke: 0.9px #2a2a2a;
        font-size: 17px;
    }
    .home-top-caurosel .owl-stage-outer {
        padding: 20px 0;
    }
    .home-top-caurosel {
        margin-top: 22px;
        margin-bottom: 0px;
    }
    .home-top-caurosel .slide a {
        width: 198px;
        transform: scale(1);
        transition: all .4s;
    }
    .home-top-caurosel .slide {
        transform: scale(1);
        transition: all .4s;
    }
    .home-top-caurosel .owl-item.center .slide  {
        transform: scale(1.2);
    }
    .home-top-caurosel-wrapper {
        width: 100%;
        padding: 0;
    }
    .phone-section-inner>div:nth-of-type(1) {
        width: 100%;
    }
    .phone-section-inner {
        flex-direction: column;
    }
    .phone-section>h2 {
        font-size: 30px;
        color: var(--red);
        text-align: center;
        line-height: 1.2;
    }
    .page-template-home-page .wpb_single_image.vc_align_left {
        margin-bottom: 0 !important;
    }
    .phone-section-inner h3 {
        font-size: 20px;
    }
    .hands-section {
        background-size: 0 !important;
    }
    .wpb_single_image.vc_align_left {
        margin-bottom: 0 !important;
    }
    .mobile-reverse {
        flex-direction: column-reverse;
    }
    .footer-inner>div ul {
        padding-bottom: 20px;
    }
    .swiper .content.content-3 {
    position: absolute;
    top: unset!important;
    transform: unset!important;
    text-align: center!important;
   right: unset!important;
           bottom: 61px!important;
           padding-left:20px;
}

}
.currency {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.currency select {
    padding: 10px 20px 10px 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #dedede;
    font-size: 16px;
    background: transparent;
    background-image: url("img/arrow-curency.png");
    background-position: right 21px top 82%, 0, 0;
    background-size: 12px auto, 100%;
    background-repeat: no-repeat;
}

.currency input {
    border: 0;
    background: transparent;
    font-size: 30px;
    text-align: right;
}

.swap-rate-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.rate {
    color: red;
    font-size: 14px;
    padding: 0 10px;
}
a:focus{
    outline: none !important;
}
select:focus,
input:focus,
button:focus {
    outline: 0;
}
#swap {
    background: url("img/swap.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    background-position: center;
    width: 124px;
    height: 73px;
    border: 0;
    cursor: pointer;
}
#rate {
    display: none;
}
.currency-wrap {
    display: flex;
    width: 100%;
    gap: 20px;
    flex-wrap: wrap;
    align-items: flex-end;
}
.currency-wrap .currency {
    width: calc(50% - 82px);
    flex-direction: column;
}
.currency-wrap .swap-rate-container {
    width: 124px;
    top: 5px;
}
.top-currency-wrap {
    display: block;
    width: 100%;
    font-size: 24px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 30px;
}
.bottom-currency-wrap {
    width: 100%;
    position: relative;
}
.bottom-currency-wrap>input{
    text-align: left;
    width: 100%;
    font-size: 16px;
    color: #323941;
    border: 1px solid #323941;
    border-radius: 6px;
    padding: 18px 64px 18px 17px;
}
.bottom-currency-wrap>input::-webkit-outer-spin-button,
.bottom-currency-wrap>input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.bottom-currency-wrap>input[type=number] {
    -moz-appearance: textfield;
}
.bottom-currency-wrap>select {
    position: absolute;
    right: 4px;
    top: 4px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    border-radius: 100%;
    border: 1px solid #323941;
    padding: 14px 10px;
    text-align: center;
}
#cvc-place {
    opacity: 0;
    visibility: hidden;
}
@media (max-width: 600px) {
    .currency input {

    }
    .currency-wrap .currency {
        width: 100%;
    }
    .currency-wrap .swap-rate-container {
        justify-content: center;
        width: 100%;
        margin-bottom: -30px;
    }
    .top-currency-wrap {
        font-size: 16px;
        color: #000000;
        font-weight: 500;
        margin-bottom: 3px;
        margin-top: 0;
    }
    #swap {
        transform: rotate(90deg);
        width: 76px;
    }
}

#short-calculator .slider-horizontal {
    display: block;
    position: relative;
}
#short-calculator {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 24px;
}
#short-calculator .left {
    width: calc(60% - 12px);
}
#short-calculator .right {
    width: calc(40% - 12px);
}
.slider-handle {
    position: absolute;
    transform: translateX(-12px);
    top: -7px;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    background-color: #D20000;
    background-image: linear-gradient(to bottom, #D20000 0, #D20000 100%);
}
.slider-selection {
    background-image: linear-gradient(to bottom,#D20000 0,#D20000 100%);
    height: 10px;
}
.slider-track {
    background-image: linear-gradient(to bottom, #F0F0F0 0,#F0F0F0 100%);
    height: 10px;
    border-radius: 5px;
}
.slider-handle.max-slider-handle {
    display: none !important;
}
.tooltip-inner {
    display: none !important;
}
#calcualate {
    cursor: pointer;
}
.popup-calculator-form {
    display: none;
}
#short-calculator .radio-wrap input {
    display: none;
}
#short-calculator .radio-wrap label {
    display: flex;
    align-items: center;
    padding: 0.75rem 0;
    font-size: 18px;
    cursor: pointer;
    font-weight: 700;
    transition: all 0.25s linear;
}
#short-calculator .radio-wrap label::before {
    display: inline-block;
    content: "";
    height: 24px;
    width: 24px;
    margin-right: 12px;
    border: 1px solid #D20000;
    border-radius: 50%;
    position: relative;
    bottom: 2px;
    transition: all 0.25s linear;
}
#short-calculator .radio-wrap input:checked + label::before {
    border: 7px solid #D20000;
    background: #fff;
}
#short-calculator .radio-wrap>span {
    color: #808080;
    font-weight: 700;
    font-size: 18px;
    min-width: 200px;
}
#short-calculator .radio-wrap {
    display: flex;
    align-items: center;
}
#short-calculator .radio-wrap>div {
    display: flex;
    gap: 20px;
}
#short-calculator .radio-wrap>div>div {
    min-width: 100px;
}
#short-calculator .border-wrap {
    border: 2px solid #D20000;
    border-radius: 10px;
    padding: 5px 15px;
}
#short-calculator .right {
    margin-bottom: 64px;
}
#short-calculator .section-wrap>p {
    color: #808080;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.slider.slider-horizontal {
    width: 100%;
}
#short-calculator .range-values {
    margin-top: 17px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    color: #808080;
    font-size: 14px;
}
#short-calculator .kredit-value-wrap,
#short-calculator .meseci-value-wrap {
    font-size: 32px;
    text-align: center;
    width: 100%;
    font-weight: 700;
    margin-top: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin-bottom:30px;
}
#short-calculator .kredit-value-wrap input,
#short-calculator .meseci-value-wrap input{
        font-size: 32px;
    text-align: center;
    width: 100%;
    font-weight: 700;
    margin-top: 0;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    color: #000;
    max-width: 300px;
}
#short-calculator .meseci-value-wrap input {
    max-width: 100px;
}
#short-calculator .right-wrap>p:nth-of-type(1) {
    font-size: 20px;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    letter-spacing: 4px;
}
#short-calculator .right-wrap h4 {
    font-size: 39px;
    text-align: center;
    margin: 0;
    color: #D20000;
    font-weight: 700;
}
#short-calculator .right-wrap h3 {
    color: #000;
    font-weight: 900;
    font-size: 40px;
    text-align: center;
    margin: 0;
    margin-top: 30px;
}
#short-calculator .right-wrap #mesecna-rata {
    color: #D20000;
    margin-top: 0;
    font-size: 50px;
}
#short-calculator .right-wrap>p:nth-of-type(2){
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    letter-spacing: 4px;
    max-width: 310px;
    margin: 0 auto;
    padding-top: 40px;
}
#short-calculator .right-wrap #ukupan-kredit {
    font-size: 39px;
    text-align: center;
    margin: 0;
    color: #D20000;
    font-weight: 700;
    margin-top: 20px;
}
#short-calculator .kamatna-stopa {
    color: #D20000;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}
#short-calculator .kamatna-stopa>span{
    font-size: 30px;
    color: #000;
    margin-left: 20px;
}
#short-calculator .kamatna-stopa>input{
    font-size: 30px;
    color: #000;
    margin-left: 20px;
    max-width:80px;
    text-align:center;
}
#short-calculator .kamatna-stopa>span:nth-of-type(2){
    margin-left: 0;
}
#short-calculator .center {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
#short-calculator #calcualate,
#short-calculator #calculator-contact {
    font-size: 20px;
    color: #000;
    letter-spacing: 4px;
    border: 1px solid #D20000;
    text-align: center;
    padding: 12px 44px;
    width: auto;
    display: inline-block;
    border-radius: 5px;
    height: 56px;
    background: transparent;
    margin-top: 0;
    cursor: pointer;
    transition: all .3s;
}
#short-calculator #calcualate:hover,
#short-calculator #calculator-contact:hover {
    color: #fff;
    background: #D20000;
}
@media (max-width: 992px) {
    #short-calculator .left {
        width: 100%;
    }
    #short-calculator .right {
        width: 100%;
        margin-bottom: 24px;
    }
    #short-calculator .center {
        flex-direction: column;
    }

}
@media (max-width: 500px) {
    #short-calculator .radio-wrap {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    #short-calculator .right-wrap h4 {
        font-size: 24px;
    }
    #short-calculator .right-wrap h3 {
        font-size: 31px;
    }
    #short-calculator .right-wrap #mesecna-rata {
        font-size: 30px;
    }
    #short-calculator .right-wrap #ukupan-kredit {
        font-size: 30px;
    }
    #short-calculator .right-wrap>p:nth-of-type(1),
    #short-calculator .right-wrap>p:nth-of-type(2),
    #short-calculator #calcualate, #short-calculator #calculator-contact {
        font-size: 15px;
    }
    #short-calculator #calcualate, #short-calculator #calculator-contact {
        padding: 17px 4px 12px 4px;
    }
}
.digitalna-sekcija-image {
    background: url("img/digitalna-sekcija.png");
    background-repeat: no-repeat;
    background-position: right center !important;
    background-size: contain;
}
@media (max-width: 992px) {
    .digitalna-sekcija-image {
        background-image: none !important;
        background-size: 0 !important;
    }
}
.error-404 {
    margin-top: 200px;
    text-align: center;
    margin-bottom: 168px;
}
.error-404 h1 {
    font-size: 48px;
    font-weight: 800;
    color: #000;
    margin-bottom: 0;
}

.error-404 h1 span {
    color: #D20000;
    font-size: 96px;
    margin-right: 10px;
}
.error-404 h2 {
    font-size: 32px;
    font-weight: 800;
    color: #000;
    /* margin-top: -30px; */
}
.error-404 a {
    display: inline-block;
    color: #fff !important;
    background: var(--red) !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    border: 1px solid #E40505 !important;
    height: 56px !important;
    line-height: 56px !important;
    padding: 0 32px !important;
    text-decoration: none !important;
    border-radius: 2px !important;
    position: relative !important;
    margin-bottom: 0 !important;
    margin-top: 200px;
    transition: all .3s;
}
.error-404 a:hover {
    color: var(--red) !important;
    background: #fff !important;
}
.error-404 a:after {
    content: "";
    position: absolute;
    bottom: -24px;
    right: -66px;
    width: 200px;
    height: 300px;
    background: url("img/404.png");
    background-repeat: no-repeat;
    background-position: right bottom;
}
@media (max-width: 678px) {
    .error-404 {
        margin-top: 47px;
        text-align: center;
        margin-bottom: 88px;
        padding: 0 20px;
    }
    .error-404 h1 {
        font-size: 42px;
    }
    .error-404 h1 span {
        color: #D20000;
        font-size: 70px;
        margin-right: 10px;
    }
    .error-404 h2 {
        font-size: 18px;
        font-weight: 800;
        color: #000;
        margin-top: -21px;
    }
    .error-404 a {
        margin-left: -54px;
    }
}
.search-page-wrapper {
    margin-top: 150px;
}
.search-page-wrapper h1 {
    color: #000;
    font-weight: 800;
    font-size: 36px;
}
.search-page-wrapper h1 span {
    color: var(--red);
}
.search-page-wrapper article h2 a {
    color: var(--red);
    font-weight: 700;
    text-decoration: none;
}
.search-page-wrapper  .nav-links a {
    color: var(--red);
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: inline-block;
}
.search-page-wrapper  .nav-links .nav-previous a:before {
    content: "";
    width: 21px;
    height: 11px;
    background: url("img/arrow-prev.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    display: inline-block;
}
.search-page-wrapper  .nav-links .nav-next a:after {
    content: "";
    width: 21px;
    height: 11px;
    background: url("img/arrow-prev.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    display: inline-block;
    transform: rotate(180deg);
}
@media (max-width: 678px) {
    .search-page-wrapper {
        margin-top: 50px;
    }
}
.wpb_single_image .vc_single_image-wrapper.vc_box_rounded, .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
    border-radius: 8px !important;
}
.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-white {
    background: transparent !important;
    color: var(--red) !important;
}
.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-white:hover {
    color: #fff !important;
    background: rgb(141,0,0) !important;
    background: linear-gradient(90deg, rgba(141,0,0,1) 0%, rgba(210,0,0,1) 100%) !important;
}
.box-shadow-section-single>.vc_column-inner {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    border-radius: 10px;
    padding: 11px 11px 2px 11px;
}
.box-shadow-section-single .vc_single_image-wrapper {
    min-height: 60px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.block-list {
    position: relative;
    display: flex;
    gap: 1.6rem;
}
.block-list .marquee-list {
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 5px 0;
}
.block-list .marquee-list > li {
    display: flex;
    white-space: nowrap;
    text-transform: uppercase;
    color: var(--red);
    font-weight: 700;
    font-size: 16px;
}
.block-list .marquee-list > li span {
    margin-left: 10px;
}
.belibor-marque-wrap {
    overflow-x: hidden;
}
.belibor-marque-wrap table {
    display: none;
}
.belibor-marque-wrap {
    border-top: 1px solid var(--red);
    border-bottom: 1px solid var(--red);
}
.short-kursna-inner {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    overflow-x: hidden;
}
.short-kursna-wrap table {
    display: none !important;
}
.short-kursna-inner>div {
    width: calc(20% - 16px);
    padding: 2px 20px 2px 10px;
    padding-left: 74px;
    text-align: center;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: 54px 54px;
    background-position: 10px center;
    position: relative;
}
.short-kursna-inner>div:before {
    content: "";
    border-radius: 10px;
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}
.short-kursna-inner>div span{
    color: #000;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
}
.short-kursna-inner>div p{
    margin: 0;
    color: #7A7A7A;
    font-size: 24px;
    font-weight: 400;
    min-height: 36px;
}
.short-kursna-inner>div:nth-of-type(1){
    background-image: url("img/zastave/eur.png");
}
.short-kursna-inner>div:nth-of-type(2){
    background-image: url("img/zastave/usa.png");
}
.short-kursna-inner>div:nth-of-type(3){
    background-image: url("img/zastave/en.png");
}
.short-kursna-inner>div:nth-of-type(4){
    background-image: url("img/zastave/ch.png");
}
.short-kursna-inner>div:nth-of-type(5){
    background-image: url("img/zastave/can.png");
}
.fizicka-lica, .pravna-lica {
	  display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      padding: 20px;
      transform: translate(-50%, -50%);
      background: #fff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      z-index: 9999;
}
.forma-in .wpcf7-submit {
	background-color: #f44336;
    color: #fff;
    color:#fff;
    border:none;
    font-weight:600;
}
.forma-in .wpcf7-submit:hover{
	background-color: #d32f2f;
}
.forma-in input, .forma-in  textarea {
border:none;
border-bottom: 1px solid #9E9E9E;
color: #9E9E9E;
    left: 0;
    font-size: 1em;
    cursor: text;
    transition: .2s ease-out;
    font-weight: 300;
}
.forma-in  textarea  {
	heght:40px;
}
/* FORMA STANOVNISTVO */
.forma-stanovnistvo, .forma-privreda{
display:none;
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 20px;
    transform: translate(-50%, -50%);
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 9999;
}
.contact-stanovnistvo p, .forma-privreda p {
   margin:0;
}
.cont-img img {
	height: 101px;
    width: 100%;
    margin-bottom:10px;
}
.contact-stanovnistvo h3 {
	color: #000000;
    font-size: 25px;
    font-weight: 800;
    border-top: 1px solid #404040;
    padding: 20px;
    margin: 0;
    text-align: center;
}
.single-in-holder input {
	border-radius: 4px;
    border: 1px solid #000;
    font-size: 16px;
    color: #323941;
    padding: 17px 10px;
    width: 100%;
    color: #323941;
}
.single-in-holder {
	margin-bottom:15px;
}
.contact-stanovnistvo input[type="submit"]{
	background: #D20000;
    color: #fff;
    border:none;
    height: 56px;
}
.contact-stanovnistvo button#closeForm{
	background: #fff;
    outline: none;
    border: none;
    float: right;
    padding:0;
}
.contact-stanovnistvo button#closeForm img {
	height:20px;
}
.single-in-holder-submit p {
	height:60px;
}
.check-holder p label.your-checkbox-display {
        display: flex!important;
    align-items: center!important;
    justify-content: flex-start!important;
}
.forma-karijera .wpcf7-form input#your-checkbox{
    text-align: left!important;
    display: flex!important;
    width: 30px!important;
}
@media (min-width: 1100px){
	.fizicka-lica {
		width: 50%;
	}
}

@media (max-width: 1100px) {
    .short-kursna-inner>div {
        width: calc(33.3333% - 14px);
    }
    	.fizicka-lica {
		width: 80%;
	}
}
@media (max-width: 680px) {
.cont-img img {
	    height: auto;
}
.forma-stanovnistvo {
	width: 320px;
}
    .short-kursna-inner>div {
        width: 100%;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .short-kursna-inner>div span {
        font-size: 19px;
    }
    .short-kursna-inner>div p {
        font-size: 19px;
        min-height: auto;
    }
	.home-top-caurosel .slide a {
        width: 140px;
        min-height: 115px;
}
.home-top-caurosel .slide img {
    max-width: 60px;
    max-height: 50px;
}
.home-top-caurosel .slide p {
        font-size: 12px;
    padding: 10px 0 6px 0;
    }
}
@media (max-width: 400px) {
    .forma-stanovnistvo {
        width: 300px;
    } 
}
span.eur{
    background: url("img/zastavice/eu.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
span.usd{
    background: url("img/zastavice/usa.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
span.chf{
    background: url("img/zastavice/swiss.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
span.gbp{
    background: url("img/zastavice/great-britain.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
span.aud{
    background: url("img/zastavice/australia.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
span.cad{
    background: url("img/zastavice/canada.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
span.nok{
    background: url("img/zastavice/norway.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
span.sek{
    background: url("img/zastavice/sweden.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
span.dkk{
    background: url("img/zastavice/denmark.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
span.jpy{
    background: url("img/zastavice/japan.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
span.aed{
    background: url("img/zastave/aed.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
span.chi{
    background: url("img/zastave/chi.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
span.rub{
    background: url("img/zastave/rus.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
#belibor-wrap {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}
#MainParagraph,#MainParagraph2{
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}
#important-values {
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}
.languages-wrap li::marker {
    display: none !important;
    content: "";
    opacity: 0;
    visibility: hidden;
    font-size:0 !important;
    color:var(--red) !important;
}
#languages-menu {
    margin: 0;
    position: relative;
    bottom: 2px;
}
@media (max-width: 768px) {
    .evc-icon-with-text.evc-shortcode.center {
        justify-content: center;
        text-align: center;
    }
    .page-template-home-page-stanovnistvo .swiper-slide:nth-of-type(1) .slider-item{
        background: url("img/mobilni-slide-prvi.png") !important;
        background-position: center bottom;
        background-size: cover !important;
    }
    .page-template-home-page-stanovnistvo .swiper-slide:nth-of-type(2) .slider-item,.page-template-home-page-stanovnistvo .swiper-slide:nth-of-type(3) .slider-item{
        background: url("img/mobilni-slide-prvi-drugi-konacno.jpg") !important;
        background-position: center bottom;
        background-size: cover !important;
    }

    .page-template-home-page-privreda .swiper-slide:nth-of-type(1) .slider-item{
        background: url("img/mobileprivreda.jpg") !important;
        background-position: center bottom;
        background-size: cover !important;
    }
    /* .page-template-home-page-finansijska .swiper-slide:nth-of-type(1) .slider-item{
    /*    background: url("img/mobileprivreda.jpg") !important;
    /*    background-position: center bottom;
    /*    background-size: cover !important;
   /* }

    /*.page-template-home-page-stanovnistvo .swiper-slide:nth-of-type(1) .slider-item{*/
    /*    background: url("img/mobilni-slide-prvi.png") !important;*/
    /*    background-position: center bottom;*/
    /*    background-size: cover !important;*/
    /*}*/
    /*.page-template-home-page-stanovnistvo .swiper-slide:nth-of-type(2) .slider-item,.page-template-home-page-stanovnistvo .swiper-slide:nth-of-type(3) .slider-item{*/
    /*    background: url("img/mobilni-slide-prvi-drugi.png") !important;*/
    /*    background-position: center bottom;*/
    /*    background-size: cover !important;*/
    /*}*/
}
@media (min-width: 992px) {
    .privreda-menu #primary-menu li a, .menu-digitalna-sekcija-menu-container #primary-menu li a, .menu-digitalna-sekcija-menu-en-container #primary-menu li a,.menu-mali-biznis-container #primary-menu li a, .menu-mali-bisnis-en-container #primary-menu li a, .menu-finansijska-trzista-eng-container #primary-menu li a, .menu-finansijska-trzista-menu-container #primary-menu li a{
            align-items: flex-start;
    padding-top: 23px;
    }
      .privreda-menu #primary-menu .sub-menu li a, .menu-digitalna-sekcija-menu-container #primary-menu .sub-menu li a, .menu-digitalna-sekcija-menu-en-container #primary-menu .sub-menu li a, .menu-mali-biznis-container #primary-menu .sub-menu li a, .menu-mali-bisnis-en-container #primary-menu .sub-menu li a, .menu-finansijska-trzista-eng-container #primary-menu .sub-menu li a, .menu-finansijska-trzista-menu-container #primary-menu .sub-menu li a{
            align-items: flex-start;
    padding-top: 0;
    }
    .privreda-menu #primary-menu>li:nth-of-type(4), .menu-mali-biznis-container #primary-menu>li:nth-of-type(4), .menu-mali-bisnis-en-container #primary-menu>li:nth-of-type(4){
            margin: 0 21px;
    }
}
.content-grid-inner {
    max-width: 600px;

}
.content-grid-inner.left {
    margin-left: auto;
    padding: 0 24px;
}
.content-grid-inner.right {
    margin-right: auto;
    padding: 0 24px;
}
.post-grid-holder .vc_gitem-zone.vc_gitem-zone-a{
    height: 177px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.post-grid-holder .vc_btn3.vc_btn3-color-juicy-pink, .post-grid-holder .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat{
        background: transparent;
    color: #ce181e !important;
    font-size: 18px!important;
    font-weight: 800!important;
    padding-left: 0!important;
    padding-bottom:0px!important;
   
}
.post-grid-holder .vc_gitem_row .vc_gitem-col{
        padding: 20px 20px 10px!important;
        padding-left:0!important;
         border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
        background: white!important;
}
.post-grid-holder h4{
    color: #ce181e !important;
    font-size: 18px!important;
    min-height: 90px;
}
.post-grid-holder .vc_gitem-zone.vc_gitem-zone-c {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.job-holder .vc_row-o-equal-height{
    align-items: center!important;
}
.job-holder .evc-single-image{
    display: flex!important;
    justify-content: flex-end!important;
}
.job-holder .evc-shortcode.evc-shortcode-has-link a:hover:after {
    opacity:unset!important;
}
.job-holder.job-holder-mob  .link-holder.evc-iwt-icon-top {
        display: flex!important;
    justify-content: flex-end!important;
    align-items: center!important;
    flex-direction: row-reverse!important;
}
.job-holder.job-holder-mob  .evc-iwt-icon-holder{
    top: 10px!important;
}
.post-grid-holder .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus, .job-holder .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, .post-grid-holder .vc_btn3.vc_btn3-color-juicy-pink:focus, .post-grid-holder .vc_btn3.vc_btn3-color-juicy-pink:hover {
        background-color: transparent!important;
}
.page-id-6279 .post-grid-holder h4 {
    min-height: 83px!important;
}
.post-title h1{
    text-align:center;
    color:#000;  
        font-size: 40px;
    padding:40px 74px 30px;
    line-height:61px;
}
.post-navigation{
        display: flex;
    justify-content: space-between;
    padding: 40px 0 50px;
}
.post-navigation a{
    color:#D20000;
          font-size: 20px;
          border:1px solid #D20000;
          border-radius:10px;
          position:relative;
              text-transform: uppercase;
              font-weight:700;
}
.post-navigation .previous-post-link a{
        padding: 15px 50px 15px 61px;
}
    
.post-navigation .previous-post-link a:before{
    content: url('https://altabanka.rs/static/uploads/2024/04/chevron-left.png');
    position: absolute;
    height: 2px;
    display: block;
    top: 0px;
    padding: 3px;
        top: 12px;
    left: 10px;
}
.post-navigation .next-post-link a{
        padding: 15px 61px 15px 50px;
}
    
.post-navigation .next-post-link a:after{
    content: url('https://altabanka.rs/static/uploads/2024/04/chevron-right-1.png');
    position: absolute;
    height: 2px;
    display: block;
    top: 0px;
    padding: 3px;
        top: 12px;
       right: 11px;
}
.buton-height button{
        padding: 42px 84px !important;
}
.vesti-button .vc_general.vc_btn3{
        background-color: #ce181e !important;
    border-radius: 10px !important;
    padding:15px 70px!important;
    color:#fff!Important;
}
.vesti-button .vc_general.vc_btn3:hover{
    background-color: #fff !important;
    color: #ce181e !important;
    border:1px solid  #ce181e !important;
}
.post-grid-holder .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-round_fill_square_dots.vc_grid-owl-dots-color-grey .vc_grid-owl-dot span, .post-grid-holder .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots.vc_grid-owl-dots-color-grey .vc_grid-owl-dot.active span, .post-grid-holder .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots.vc_grid-owl-dots-color-grey .vc_grid-owl-dot.active span{
            color:  #ce181e !important;
            /*color: #ce181e !important;*/
            /*background-color:#ce181e !important;*/
            border:none!important;
            border-radius: 50%!important;
}
.site .post-grid-holder .vc_grid-owl-dots.vc_grid-round_fill_square_dots.vc_grid-owl-dots-color-grey .vc_grid-owl-dot.active span{
     color:  #ce181e !important;
            color: #ce181e !important;
            background-color:#ce181e !important;
            border:none!important;
            border-radius: 50%!important;
}
@media (min-width: 992px){
    .desktop-none{
    display:none!important;  
}
}

@media (max-width: 991px) {
    .vc_row.wpb_row.vc_inner.vc_row-fluid.padding-none.vc_custom_1713447100247{
    padding-left:0!important;
    padding-right:0!important;
}
.mobile-none{
    display:none!important
}
.page-id-6279 .post-grid-holder h4 {
    min-height: auto!important;
}
.post-title h1 {
    font-size: 28px;
    padding: 50px 0px 30px;
    line-height: 36px; 
}
.post-navigation {
    flex-direction: column;
    justify-content: center;
} 
.post-navigation  .previous-post-link {
        text-align: center;
}
.post-navigation  .next-post-link {
          text-align: center;
    margin-top: 46px;
}
.buton-height button {
    padding: 22px 46px !important;
    margin-top: 30px;
}
.post-grid-holder h4 {
    min-height: auto !important;
}
.post-grid-holder  .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots.vc_grid-owl-dots-color-grey .vc_grid-owl-dot span {
    border-color:#ce181e85!important;
    background-color: #ce181e85 !important;
}
.post-grid-holder .vc_grid-owl-dot.active span{
            color:  #ce181e !important;
            color: #ce181e !important;
            background-color:#ce181e !important;
            border:none!important;
}
}

@media only screen and (min-width:416px) and  (max-width:766px)  {
   .post-grid-holder .vc_gitem-zone.vc_gitem-zone-a {
    height: 280px!important;
}
}
@media only screen and (min-width:350px) and  (max-width:415px)  {
    .post-grid-holder .vc_gitem-zone.vc_gitem-zone-a {
    height: 207px!important;
}
}
 
@media only screen and (max-width:767px)  {
    .postid-6362 .md-inner-img, .postid-6372 .md-inner-img{
            background: url(https://altabanka.rs/static/uploads/2024/04/AltaBanka-Thumbnail.jpg) no-repeat center!important;
    background-size: cover!important;
    }
    .post-grid-holder .vc_gitem-zone.vc_gitem-zone-a {
         height: 184px !important;
    }
    .mobile-none{
        display:none;
    }
}
@media only screen and (max-width:430px)  {
        .post-grid-holder .vc_gitem-zone.vc_gitem-zone-a {
       height: 162px !important;
    }
}
/*.post-navigation a {*/
/*        padding: 0 !important;*/
/*    width: 46px;*/
/*    height: 60px;*/
/*    display: block;*/
/*    font-size: 0 !important;*/
/*}*/

.post-grid-holder .vc_grid-owl-prev.vc_arrow-icon-arrow_12_left.vc_grid-nav-prev-outside{
       left: -54px!important;
}
.post-grid-holder .vc_grid-owl-next.vc_arrow-icon-arrow_12_right.vc_grid-nav-next-outside{
        right: -54px!important;
}
.post-grid-holder .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav {
    opacity: 1!important;
}

.post-grid-holder .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next, .post-grid-holder .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev {
    font-size: 39px!important;
        opacity: 1!important;
}
.post-grid-holder .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav.vc_grid-owl-nav-color-juicy_pink {
        color: #ce181e !important;
}
.post-grid-holder .vc_grid.vc_grid-owl-theme.vc_grid-gutter-30px .vc_grid-owl-nav .vc_grid-owl-next::before, .post-grid-holder .vc_grid.vc_grid-owl-theme.vc_grid-gutter-30px .vc_grid-owl-nav .vc_grid-owl-prev::before, .vc_grid-owl-prev.vc_arrow-icon-arrow_04_left.vc_grid-nav-prev-outside::before, .vc_grid-owl-next.vc_arrow-icon-arrow_04_right.vc_grid-nav-next-outside::before {
        background: #ce181e!important;
    border-radius: 50%!important;
    color: white!important;
    font-size: 16px!important;
    padding: 11px!important;
}
.post-grid-holder .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev.vc_grid-nav-prev-outside {
    left: 0px!important;
}
.post-grid-holder .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next.vc_grid-nav-next-outside {
        right: 0px!important;
}
@media only screen and (min-width:768px)  {
    .post-grid-holder .vc_grid-owl-prev.vc_arrow-icon-arrow_12_left.vc_grid-nav-prev-outside{
    left: 16px !important;
}
.post-grid-holder .vc_grid-owl-next.vc_arrow-icon-arrow_12_right.vc_grid-nav-next-outside{
           right: 16px !important;
}
.post-grid-holder .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav {
    opacity: 1!important;
}

.post-grid-holder .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next, .post-grid-holder .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev {
    font-size: 39px!important;
}
.post-grid-holder .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav.vc_grid-owl-nav-color-juicy_pink {
        color: #ce181e !important;
            position: relative;
        top: -420px;
}
}


@media only screen and (max-width:767px)  {
     .post-grid-holder .vc_grid-owl-nav.vc_grid-owl-nav-color-juicy_pink{
        position: relative!important;
        bottom: -31px !important;

    display: flex!important;
}
.post-grid-holder .vc_grid-owl-prev.vc_arrow-icon-arrow_12_left.vc_grid-nav-prev-outside{
        left: 20px!important;
}
.post-grid-holder .vc_grid-owl-next.vc_arrow-icon-arrow_12_right.vc_grid-nav-next-outside{
    right: 10px!important;
}
}


.modal, .modalSlanjeKredita {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #f8f8f8;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
     width: calc(100% - 24px);
    max-width: 719px;
    border-radius: 11px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}
.modal-content .wpcf7-form input,
.modal-content .wpcf7-form textarea {
    width:100%;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: none;
    font-size: 31px;
    font-weight: bold;
    position: absolute;
    right: 0px;
    top: -44px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  /*background-color: #5cb85c;*/
  /*color: white;*/
}

.modal-body {padding: 2px 16px;}
.page-template-home-page-stanovnistvo .swiper-slide .slider-item-wrap .title,
.page-template-home-page-stanovnistvo.slider-animated .swiper-slide .slider-item-wrap .title {
    opacity:0;
    transform:translateX(-300px);
    transition:all .6s;
}
.page-template-home-page-stanovnistvo .swiper-slide-active .slider-item-wrap .title,
.page-template-home-page-stanovnistvo.slider-animated .swiper-slide-active .slider-item-wrap .title {
    opacity:1;
      transform:translateX(0) !important;
      transition-delay: 0.4s;
}
.page-template-home-page-stanovnistvo .swiper-slide  .description,
.page-template-home-page-stanovnistvo.slider-animated .swiper-slide  .description {
      opacity:0;
    transform:translateX(-300px) !important;
  transition:all .6s;
    
}
.page-template-home-page-stanovnistvo .swiper-slide-active .description,
.page-template-home-page-stanovnistvo.slider-animated .swiper-slide-active .description {
        opacity:1;
      transform:translateX(0) !important;
      transition-delay: 0.7s;
}
.page-template-home-page-stanovnistvo .swiper-slide .button,
.page-template-home-page-stanovnistvo.slider-animated .swiper-slide .button {
       opacity:0;
    transform:translateX(-300px) !important;
     transition-duration:all .6s;
       transition-delay: opacity 0.9s, transform 0.9s;
}

.page-template-home-page-stanovnistvo .swiper-slide-active .button,
.page-template-home-page-stanovnistvo.slider-animated .swiper-slide-active .button{
        opacity:1;
      transform:translateX(0) !important;
  
}
.weaver-msg-send {
    background-repeat: no-repeat !important;
}
.weaver-default {
    position: fixed !important;
    width: 100% !important;
    height: 90vh !important;
    margin: auto !important;
    bottom: 34px !important;
    right: 14px !important;
    z-index: 150 !important;
    /* overflow-y: scroll; */
    max-width: 400px !important;
    opacity: 0;
    transform: translateX(400px);
    transition: opacity .3s, visibility .3s, transform .6s;
}
.weaver-default.active {
    opacity: 1;
    transform: translateX(0);
}
.weaver-chat-overflow {
    /*background: white !important;*/
}
.weaver-chat-header .weaver-lang-wrap ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 6px !important;
}
.chat-btn-wrap {
    position: fixed;
    right: 30px;
    bottom: 10px;
    z-index: 149 !important;
    cursor: pointer;
}
.grecaptcha-badge {
    display: none !important;
}
.chat-btn-wrap img {
    max-width: 105px;
    position: relative;
    z-index: 2;
    transform: scale(1);
    bottom: 0;
    right: 0;
    transition: all .3s;
}
.chat-btn-wrap:hover img {
    transform: scale(1.1);
    bottom: 8px;
    right: -1px;
}
.chat-btn-wrap span {
    width: 101px;
    height: 101px;
    background: #fff;
    position: absolute;
    bottom: 6px;
    right: 2px;
    border-radius: 100%;
    animation: BoxShadowAni 2s infinite linear;
}
@-webkit-keyframes BoxShadowAni {
    0% {
        -webkit-box-shadow: 0px 10px 29px -10px rgba(0,0,0,0.6);
        -moz-box-shadow: 0px 10px 29px -10px rgba(0,0,0,0.6);
        box-shadow: 0px 10px 29px -10px rgba(0,0,0,0.6);
    }
    10% {
        -webkit-box-shadow: 0px 10px 29px -22px rgba(0,0,0,0.6);
        -moz-box-shadow: 0px 10px 29px -22px rgba(0,0,0,0.6);
        box-shadow: 0px 10px 29px -22px rgba(0,0,0,0.6);
    }
    20% {
        -webkit-box-shadow: 0px 10px 29px -11px rgba(0,0,0,0.6);
        -moz-box-shadow: 0px 10px 29px -11px rgba(0,0,0,0.6);
        box-shadow: 0px 10px 29px -11px rgba(0,0,0,0.6);
    }
    35% {
        -webkit-box-shadow: 0px 10px 29px -22px rgba(0,0,0,0.6);
        -moz-box-shadow: 0px 10px 29px -22px rgba(0,0,0,0.6);
        box-shadow: 0px 10px 29px -22px rgba(0,0,0,0.6);
    }
    45%,100% {
        -webkit-box-shadow: 0px 10px 29px -10px rgba(0,0,0,0.6);
        -moz-box-shadow: 0px 10px 29px -10px rgba(0,0,0,0.6);
        box-shadow: 0px 10px 29px -10px rgba(0,0,0,0.6);
    }
}
/*.weaver-chat-inner {*/
/*    width: 365px !important;*/
/*}*/
@media (max-width: 768px) {
    .chat-btn-wrap {
        right: -10px;
        bottom: -13px;
        transform: scale(0.7);
    }
    .weaver-default {
        width: 100% !important;
        height: 75vh !important;
        margin: auto !important;
        bottom: 10vh !important;
        right: 0 !important;
        z-index: 150 !important;
        padding: 10px;
    }
    /*.weaver-chat-inner {*/
    /*    width: 365px !important;*/
    /*}*/
}
@media (max-width: 380px) {
    /*.weaver-chat-inner {*/
    /*    width: 100% !important;*/
    /*!*}*!*/
    /*.weaver-chat-overflow .weaver-intro .weaver-logo {*/
    /*    bottom: 13%;*/
    /*    right: -15%;*/
    /*    width: 84% !important;*/
    /*}*/
    .weaver-enter-name {
        font-size: 24px !important;
    }
}
@media (max-width: 680px) {


}