/* ---///---///---  Navigation section  ---///---///--- */
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700&display=swap');

.tabHolder .tab p {
    font-size: 16px;
}

.body-extended {
    background-image: -webkit-gradient(linear, left top, right top, from(#20384E), to(#0D1012));
    background-image: -o-linear-gradient(left, #20384E, #0D1012);
    background-image: linear-gradient(to right, #20384E, #0D1012);
}


.secondLvlIcon {
    display: none
}

/*Theme fix*/
.cc-dismiss {
    background-color: rgb(0, 0, 0);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-style: solid;
    border-left-width: 2px;
    border-right-style: solid;
    border-right-width: 2px;
    border-top-style: solid;
    border-top-width: 2px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 12.6px;
    font-weight: 700;
    line-height: 21px;
    padding-bottom: 5.03333px;
    padding-left: 10.0833px;
    padding-right: 10.0833px;
    padding-top: 5.03333px;
    text-align: center;
    text-decoration: none;
    -webkit-text-decoration-color: rgb(255, 255, 255);
            text-decoration-color: rgb(255, 255, 255);
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
    -webkit-text-decoration-style: solid;
            text-decoration-style: solid;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    white-space: nowrap;
}


.cc-compliance {
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: rgb(255, 255, 255);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 21px;
}

#cookieconsent {
    color: rgb(255, 255, 255);
    display: block;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 14px;
    margin-top: 0px;
    max-width: 100%;
}

.cookie-wrape-extendend {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: rgb(0, 0, 0);
    bottom: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: rgb(255, 255, 255);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    font-size: 14px;
    left: 0px;
    line-height: 21px;
    opacity: 1;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 14px;
    padding-left: 25.2px;
    padding-right: 25.2px;
    padding-top: 14px;
    position: fixed;
    right: 0px;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    width: 100%;
    z-index: 9999;
}

.visaBoxText-extended {
    color: rgb(77, 77, 77);
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    margin-bottom: 20px;
    margin-left: 26.35px;
    margin-right: 26.35px;
    margin-top: 0px;
    text-align: center;
    width: 210.8px;
}


.CardBoxParagraf {
    color: rgb(77, 77, 77);
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    margin-bottom: 20px;
    margin-left: 26.35px;
    margin-right: 26.35px;
    margin-top: 0px;
    text-align: center;
    width: 210.8px;
    font-weight: bold;
}

/*Promjena lh 32 i mb na 22*/
.mainHeadline-naked {
    color: rgb(34, 34, 34);
    font-family: "Open Sans", sans-serif;
    font-size: 32px;
    line-height: 32.8px;
    margin-bottom: 22px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 380px;
    text-align: center;
}

/*fs bio 16*/
.centerText-black {
    color: rgb(34, 34, 34);
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    line-height: 22.4px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    text-align: center;
}

.textHolder-extended {
    color: rgb(34, 34, 34);
    font-size: 16px;
    line-height: 22.4px;
    margin-bottom: 0px;
    margin-left: 295px;
    margin-right: 295px;
    margin-top: 0px;
    max-width: 850px;
    position: relative;
}

.container-extended {
    color: rgb(34, 34, 34);
    font-size: 16px;
    line-height: 22.4px;
    margin-bottom: 0px;
    margin-left: 231.5px;
    margin-right: 231.5px;
    margin-top: 0px;
    max-width: 1440px;
    min-height: 150px;
    padding-bottom: 40px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 40px;
    position: relative;
    width: 1440px;
    z-index: 1;
}

.whiteSection-extended {
    background-color: rgb(255, 255, 255);
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px 0px;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px 0px;
    color: rgb(34, 34, 34);
    font-size: 16px;
    line-height: 22.4px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    position: relative;
}


.mainHeadline-title {
    color: rgb(0, 0, 0);
    font-family: "Open Sans", sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 47.6px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    text-align: center;
}

.body-extended-white {
    max-width: 100%;
    overflow-x: hidden;
    background-color: #FF101000;
}

.tabHolder .tab {
    border-top: 1px solid #49484C;
    border-right: 1px solid #49484C;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    cursor: pointer;
    text-align: center;
    border-left: 1px solid #49484C;
    margin-right: -1px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 16.66%;
    color: #222222;
}



.tabHolder .tab img {
    border: 0;
    min-height: 60px;
}





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

    .tabHolder .tab {
        width: 50%;
        -webkit-box-flex: initial;
            -ms-flex: initial;
                flex: initial;
        padding: 1rem;
    }

    .mainHeadline-min {
        font-size: 34px;
        font-weight: 400;
        text-align: center;
        color: black;
        margin-bottom: 20px;
    }
}

/*Theme fix end*/


.bkgVideo {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    height: 100%;
}

#visaFooterDesk {
    display: block;
    /*margin-top: 60px;*/
}

#visaFooterMob {
    display: none;
}

#menuBarMobile {
    display: none;
}

.custom-select.selectSmall.mobile {
    display: none;
}

#navDesktop {
    display: block;
}

#navMobile {
    display: none;
}

nav {
    background-color: #39383B;
    width: 100%;
    z-index: 100;
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0px;
}

.topBar {
    height: 40px;
    background-color: #C49C3B;
    position: relative;
    z-index: 1000;
    padding-top: 3px;
}

.topBar div.topBarHolder {
    max-width: 1300px;
    position: relative;
    left: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 111;
}

div.visa-topBar-dropdown-holder {
    position: absolute;
    background-color: red;
    width: 180px;
    height: 80px;
}

.topBar div.topLanguage {
    max-width: 1400px;
    margin: auto;
    position: absolute;
    right: 0px;
}

.topBar a {
    display: inline-block;
    color: white;
    font-size: 14px;
    padding: 8px 6px;
    font-weight: 400;
    opacity: 0.6;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.topBarLink button img {
    vertical-align: baseline;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
	width: 8px;
    padding: 0.2rem 0.2rem;
}

.topBarLink button img.turn {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
    vertical-align: bottom;
}

/* .topBar a:first-of-type {
    margin-left: 100px;
} */

.topBar a:hover {
    opacity: 1;
}

.topLanguage {
    float: right;
}

.topLanguage span {
    opacity: 0.6;
    color: white;
    font-weight: 300;
    font-size: 18px;
    vertical-align: middle;
}

.mainBar {
    height: 60px;
    max-width: 1400px;
    margin: auto;
}

.main-logo {
    width: 100px;
    height: 100px;
    float: left;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: -40px;
    background-color: #39383B;
}

.main-logo img {
    width: 100%;
    line-height: 20;
    margin: auto;
}

.menu-content {    
    float: right;
    height: 100%;
}

.menuBtn {
    height: 100%;
    width: 60px;
    display: block;
    float: right;
    outline: none;
    margin-right: 10px;
    z-index: 20;
}
#navDesktop .menuBtn{
	display:none;
}
.topBarLink {
    margin: 2px 10px 0px 0px;
}

.topBarLink button.lvlOne {
    display: inline-block;
    color: white;
    font-size: 13px;
    padding: 8px 10px;
    font-weight: 400;
    opacity: 0.75;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: transparent;
    border: none;
    outline: none;
    height: 100%;
    cursor: pointer;
}

.topBarLink button.lvlOne:hover {
    opacity: 1;
}

.topBarLink button.lvlTwo {
    display: inline-block;
    color: white;
    font-size: 14px;
    padding: 12px 16px;
    font-weight: 400;
    opacity: 0.75;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: transparent;
    border: none;
    outline: none;
    height: 100%;
    cursor: pointer;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
}

.topBarLink button.lvlTwo img {
    position: absolute;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    right: 20px;
}

.topBarLink button.lvlTwo:hover {
    background-color: #d2ae56;
    opacity: 1;
}

.mainBarLogo {
    height: 0px;
    max-width: 1400px;
    margin: auto;
    z-index: 99999999;
    position: relative;
}

.mainBarLogo .main-logo {
    margin-top: 0px;
}

.topBarLink a {
    display: inline-block;
    color: white;
    font-size: 13px;
    padding: 8px 10px;
    font-weight: 400;
    opacity: 0.75;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: transparent;
    border: none;
    outline: none;
}

.dropdown:hover .dropbtn,
.dropbtn:focus {
    background-color: red;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #C49C3B;
    width: 180px;
    -webkit-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    top: 35px;
}

.dropdown-content a {
    float: none;
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    opacity: 0.75;
}

.dropdown-content a:hover {
    background-color: #d2ae56;
    opacity: 1;
}

.dropdown-content-two {
    display: none;
    position: absolute;
    background-color: #C49C3B;
    min-width: 160px;
    z-index: 1;
    top: 0;
    left: 180px;
    text-transform: uppercase;
}

.dropdown-content-two a {
    float: none;
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    text-transform: uppercase;
}

.dropdown-content-two a:hover {
    background-color: #d2ae56;
}

.hamburger-inner {
    left: 5px;
}
.euroNavBtn {
    height: 100%;
    background-color: #917226;
    margin-left: 10px;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: initial;
    float: right;
    border: none;
    color: #f8f8f8;
    font-size: 14px;
    padding: 0px 20px;
    outline: none;
    cursor: pointer;
    letter-spacing: 1px;
}

.euroNavMobile {
    background-color: #49484C !important;
    text-transform: uppercase;
}
.loginBtn, .mobileSearch {
    height: 100%;
    background-color: #49484C;
    display: inline-block;
    float: right;
    border: none;
    color: #f8f8f8;
    font-size: 14px;
    padding: 0px 20px;
    outline: none;
    cursor: pointer;
}

    .loginBtn span, .mobileSearch span {
        letter-spacing: 1px;
    }

.loginBtn img {
    vertical-align: baseline;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.loginBtn img.active {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    vertical-align: middle;
}

.search-container {
    float: right;
}

nav input[type=text] {
    padding: 9px 0 9px 13px;
    margin-top: 12px;
    font-size: 14px;
    border: none;
    background-color: #fff;
    outline: none;
    height: 34px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    nav#navDesktop input[type=text] {
        padding: 8px 0 7px 13px;
    }
}

nav .search-container button {
    float: right;
    padding: 7px 10px;
    margin-top: 12px;
    margin-right: 16px;
    background-color: #49484c;
    font-size: 17px;
    border: none;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 36px;
    height: 34px;
}

nav .search-container button:hover {
    background: #d2ae56;
}

/* Menu and Login Bar */

.menuBar {
    position: fixed;
    width: auto;
    height: auto;
    background-color: #C49C3B;
    z-index: 100;
    top: 103px;
    right: -100%;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.menuBar.active {
    right: 0%;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.menuBar.scrolled {
    top: 60px;
}

.menuBar .logo {
    margin: 5% 8%;
}

.menuBar .links {
    text-align: left;
    float: left;
    padding: 100px 30px;
    width: 400px;
}

.menuBar .links a {
    display: block;
    text-decoration: none;
    color: white;
    padding: 0px 10px;
    font-size: 21px;
    font-weight: 300;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width: 75%;
    margin: 10px 0px;
    opacity: 0.85;
    cursor: pointer;
}

.menuBar .links a:hover {
    opacity: 1;
}

.menuBar .links a.active {
    border-bottom: 1px white solid;
    height: auto;
    opacity: 1;
}

.menuBar .links .subLinks {
    margin-top: 50px;
}

.menuBar .links .subLinks a {
    border-bottom: 0px white solid;
    height: auto;
    opacity: 0.8;
    font-size: 16px;
    font-weight: bold;
}

.menuBar .links .subLinks a:hover {
    opacity: 1;
}

.menuBar .separator {
    width: 1px;
    height: 30%;
    background-color: grey;
    float: left;
    margin-left: 3%;
    margin-top: 8%;
}

.menuBar .menuDetail {
    text-align: right;
    float: left;
    margin-top: 100px;
}

.menuBar .menuDetail div {
    width: auto;
    display: none;
    margin-left: 35px;
}

.menuBar .menuDetail a {
    display: block;
    text-decoration: none;
    color: white;
    opacity: 0.7;
    padding: 10px;
    font-size: 16px;
    font-weight: 300;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.menuBar .menuDetail a:nth-child(2) {
    /* padding-top: 20px; */
}

.menuBar .menuDetail a:hover {
    opacity: 1;
}

.menuBar .menuDetail a.mainLink {
    display: block;
    text-decoration: none;
    color: white;
    padding: 10px 0 4px 10px;
    font-size: 20px;
    font-weight: 300;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border-bottom: 1px solid grey;
}

.menuBar .menuDetail a.mainLink img {
    width: 15px;
    vertical-align: baseline;
    padding-left: 10px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.menuBar .menuDetail a.mainLink:hover>img {
    -webkit-transform: translateX(45px);
        -ms-transform: translateX(45px);
            transform: translateX(45px);
}

.menuBar .menuContact {
    position: absolute;
    bottom: 96px;
    margin: 5% 8%;
    color: white;
    border-top: 1px solid grey;
    width: 80%;
}

.menuBar .menuContact div {
    width: 30%;
    float: left;
    padding-left: 3%;
    padding-top: 2%;
}

.menuBar .menuContact a {
    display: block;
    text-decoration: none;
    color: white;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.menuBar .menuContact a:hover {
    color: white;
}

.menuBar .menuContact div span {
    color: grey;
    font-size: 14px;
}

.logoTxt {
    height: 65%;
    padding-top: 12px;
}

.loginBar {
    width: 410px;
    position: fixed;
    background-color: #C49C3B;
    z-index: 10;
    right: 0px;
    top: -30%;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    opacity: 0;
    padding: 10px 0px;
}

@media only screen and (max-width: 1250px) and (min-width: 1000px)  {

   div.loginBar.active {
    top: 55px;
    opacity: 1;
}
}
.loginBar.active {
    top: 100px;
    opacity: 1;
}

.loginBar.active.scrolled {
    top: 60px;
    opacity: 1;
}

.loginBar a {
    color: white;
    text-decoration: none;
    padding: 3% 0% 3% 10%;
    font-size: 14px;
    display: block;
    font-weight: 300;
}

.loginBar hr {
    width: 85%;
    border: none;
    background-color: rgba(255, 255, 255, 0.2);
    margin-left: 7.5%;
}

.loginBar a img {
    width: 12px;
    vertical-align: baseline;
    padding-left: 10px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.loginBar a:hover>img {
    -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
            transform: translateX(40px);
}



/* ---///---///---  Header section  ---///---///--- */

.headerSection {
    /*background: url(../img/pbz-bkg.jpg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;
    position: relative;
    z-index: 1;
    -o-object-fit: cover;
       object-fit: cover;
}

.headerSection.noTxt {
    height: 350px;
}

.headerSection.noTxt .visaHeaderImage {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.headerSection.noTxt .visaCardHeader {
    width: 80%;
    position: relative;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1440px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: -80px;
}

.headerSection.noTxt .visaCardHeader img {
    max-width: 400px;
    height: 251px;
    display: block;
}

.headerSection.noTxt .visaCardHeader .right {
    margin-left: 3%;
    margin-top: 90px;
}

.headerSection.noTxt .visaCardHeader h1 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 35px;
    line-height: 50px;
    color: black;
}

.headerSection.noTxt .visaCardHeader a {
    margin-top: 10px;
    background-color: #C49C3B;
    border-radius: 5px;
    padding: 13px 25px;
    display: inline-block;
    color: #FFF;
    text-decoration: none;
}

.headerSection .container {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: white;
    position: relative;
}

.headerSection .container .textHolder {
    padding-top: 13%;
}

.headerSection .container p {
    font-weight: 300;
    color: white;
    font-size: 18px;
}

.headerSection h1 {
    font-weight: 600;
    line-height: normal;
    font-size: 50px;
    text-align: center;
    color: #FFFFFF;
}


.headerCtaHolder {
    border: none;
    height: 50px;
    color: white;
    position: absolute;
    bottom: -25px;
    left: 0px;
    z-index: 10;
    width: 100%;
    text-align: center;
}

.headerCtaBtn {
    background-color: #C49C3B;
    border: none;
    padding: 13px 35px;
    color: white;
    bottom: -20px;
    z-index: 10;
    display: inline-block;
    text-decoration: none;
}

/* ---///---///---  White section  ---///---///--- */

.whiteSection {
    background-color: white;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.10);
            box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.10);
    position: relative;
    padding: 20px 0;
}

.whiteSection .container {
    width: 100%;
    max-width: 1440px;
    margin: auto;
    padding: 40px 0%;
    position: relative;
    z-index: 1;
    min-height: 150px;
}

.squareDecor {
    width: 56px;
    position: absolute;
    bottom: -30px;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    z-index: 0;
    margin-left: 50%;
    left: -25px;
}

/* ---///---///---  Grey section  ---///---///--- */


.greySection {
    position: relative;
}

.greySection .container {
    width: 100%;
    max-width: 1440px;
    margin: auto;
    padding: 40px 0%;
    position: relative;
    z-index: 1;
    min-height: 150px;
}

/* ---///---///---  Image section  ---///---///--- */

.imageSection {
    position: relative;
    min-height: 500px;
    background-image: url(../img/pbz-bkg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.imageSection .container {
    width: 100%;
    margin: auto;
    padding: 40px 0%;
    position: relative;
}

/* ---///---///---  Inner menu  ---///---///--- */

.whiteSection .innerMenu {
    text-align: center;
}

.greySection .innerMenu {
    text-align: center;
}

.innerMenuHolder {
    width: 150px;
    height: 150px;
    margin: 1%;
    text-align: center;
	/*
    background-image: url(../img/innerMenu-circle.svg);
	*/
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    text-decoration: none;
    -webkit-filter: grayscale(1) brightness(1.4);
    filter: grayscale(1) brightness(1.4);
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    margin-top: 50px;
    position: relative;
}

.innerMenuHolder img {
    width: 40%;
    margin-top: 18%;
    display: block;
    margin-left: 30%;
}

.innerMenuHolder p {
    padding: 0px 20%;
    width: 60%;
    margin: 0px;
    font-weight: 500;
    color: #C49C3B;
    line-height: 1;
    margin-top: 8px;
    font-size: 14px;
    position: absolute;
    display: block;
}

.innerMenuHolder.active {
    -webkit-filter: grayscale(0) brightness(1);
    filter: grayscale(0) brightness(1);
}

.innerMenuHolder:hover {
    -webkit-filter: grayscale(0) brightness(1);
    filter: grayscale(0) brightness(1);
}

/* ---///---///---  Text in body  ---///---///--- */

.textHolder {
    position: relative;
    max-width: 850px;
    margin: auto;
}

.textHolder h1.mainHeadline {
    font-size: 34px;
    font-weight: 400;
    text-align: center;
    color: black;
    margin-bottom: 20px;
}

.textHolder h2.subHeadline {
    font-size: 28px;
    font-weight: 400;
    text-align: left;
    color: #4D4D4D;
    margin: 30px 0;
}

.textHolder h2 {
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 24px;
    color: #4D4D4D;
    margin: 0px;
    padding: 0px;
}

.textHolder p {
    font-size: 16px;
    font-weight: 400;
    color: #4D4D4D;
    margin-bottom: 10px;
}

.textHolder a.readMore {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-top: 15px;
    display: block;
    cursor: pointer;
}

.textHolder a.readMore img {
    width: 8px;
    margin-left: 5px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.textHolder a.readMore:hover>img {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.textHolder a.readMore.active img {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.textHolder ul {
    font-size: 16px;
    font-weight: 400;
    color: #4D4D4D;
    margin-top: 15px;
    line-height: 1.6;
}

.textHolder p.bodyText {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #323232;
    margin-top: 15px;
}

.textHolder p.brandLogo {
    text-align: center;
}

.textHolder p.brandLogo img {
    max-width: 300px;
}

.Txt .jezikTxt {
    text-align: left;
    margin-top: 35px;
    margin-bottom: 50px;
}

.Txt a {
    color: #C49C3B;
    opacity: 0.8;
}

.Txt a:hover {
    color: #C49C3B;
    opacity: 1;
}

.textHolder .orangeTxt {
    color: #C49C3B;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: -10px;
}



/* ---///---///---  Leader Profile  ---///---///--- */

.leaderProfile {
    width: 50%;
    min-width: 340px;
    position: relative;
    height: 200px;
    margin: 30px 0 10px 0;
}

.leaderProfile img {
    height: 100%;
    display: block;
    position: relative;
    z-index: 1;
}

.leaderProfile div {
    height: 120px;
    width: 100%;
    width: 100%;
    display: block;
    background-color: #F9F9F9;
    position: absolute;
    bottom: 0px;
    z-index: 0;
    border-top: 3px solid #C49C3B;
}

.leaderHeadline {
    padding: 20px 0 0 200px;
    font-weight: 600;
    font-size: 24px;
}

.leaderHeadline span {
    font-weight: 500;
    font-size: 18px;
    font-style: italic;
    display: block;
}

.leaderList {
    width: 60%;
}

.leaderList .names {
    width: 30%;
    text-align: right;
    list-style: none;
    float: left;
    font-weight: 600;
    line-height: 34px;
    font-size: 18px;
    color: #4D4D4D;
    display: block;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
}

.leaderList .function {
    width: 65%;
    text-align: left;
    list-style: none;
    float: right;
    font-style: italic;
    font-weight: normal;
    line-height: 34px;
    font-size: 18px;
    color: #868686;
    display: block;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
}

.leader p {
    text-align: left;
}

/* ---///---///---  Article Preview (Links)  ---///---///--- */

.articlePreview {
    width: 100%;
    position: relative;
    margin: 65px 0;
    display: block;
}

.articlePreview img {
    width: 30%;
}

.articlePreview .shortText {
    position: absolute;
    margin-left: 33%;
    bottom: 0px;
}

.articlePreview .shortText h1 {
    font-weight: 500;
    line-height: normal;
    font-size: 24px;
    color: #C49C3B;
}

.articlePreview .shortText span.date {
    font-weight: 300;
    line-height: 22px;
    font-size: 14px;
    color: #323232;
    white-space: nowrap;
}

.articlePreview .shortText span.tag {
    font-weight: 400;
    line-height: 22px;
    font-size: 14px;
    color: grey;
    background-color: #EEEEEE;
    padding: 3px 8px;
    border-radius: 5px;
    margin-right: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    white-space: nowrap;
}

.articlePreview .shortText span.tag:hover {
    background-color: #d2d2d2;
}

.pageing {
    margin-top: 30px;
    text-align: center;
}

.pageing a {
    padding: 0px 5px;
    color: #BDBDBD;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.pageing a.active {
    padding: 0px 13px;
    color: #C49C3B;
}

.pageing a:hover {
    color: #C49C3B;
}

.tagHolder {
    margin-top: 30px;
    text-align: center;
}

a.tag {
    font-weight: 400;
    font-size: 14px;
    color: grey;
    background-color: #EEEEEE;
    padding: 3px 8px;
    border-radius: 5px;
    margin-right: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    white-space: nowrap;
    line-height: 2.5;
}

a.tag.active {
    background-color: #d2d2d2;
}

a.tag:hover {
    background-color: #d2d2d2;
}


.articlePreview .shortText p {
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #323232;
    margin-top: 15px;
    text-align: left;
}

/* ---///---///---  Main Selection  ---///---///--- */

.mainSelection {
    width: 100%;
    text-align: center;
    margin: 50px 0;
}

.mainSelection a {
    width: 300px;
    height: 300px;
    display: inline-block;
    margin: 0 20px;
    border-radius: 80%;
    border: 3px dashed white;
    position: relative;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.mainSelection a:hover {
    border: 3px dashed #C49C3B;
}

.mainSelection img.backgroundImage {
    border-radius: 50%;
    width: 95%;
    margin-top: 2.5%;
}

.mainSelection .innerSelectionText {
    position: absolute;
    top: 90px;
    width: 90%;
    margin-left: 5%;
    text-align: center;
}

.mainSelection .innerSelectionText img {
    width: 50%;
}

.mainSelection .innerSelectionText p {
    color: white;
    margin-top: 15px;
}

/* ---///---///---  Slider Selection  ---///---///--- */

.sliderSection img {
    width: 100%;
}

.sliderSection div {
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
}

.sliderSection .sliderContent {
    width: 100%;
    left: 50%;
    text-align: center;
    margin-top: 200px;
}

.sliderSection .sliderContent h1 {
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: 50px;
    text-align: center;
    /*text-transform: uppercase;*/
    padding-bottom: 0.5rem;
    color: #FFFFFF;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
}

.sliderSection .sliderContent p {
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 20px;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
}

.sliderSection .headerCtaBtn {
    margin-top: 2%;
}

/* ---///---///---  Card box  ---///---///--- */

.cardBoxHolder {
    margin: 80px 0px;
    width:100%;
  
    
}

.cardBox {
    width: 31%;
    min-width: 260px;
    margin: 1%;
    float: left;
    min-height: 375px;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #323232;
}

.cardBox img.visaCardImage {
    width: 100%;
    margin-bottom: 20px;
}

.cardBox:hover {
    -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.45);
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.45);
}

.cardBox img {
    width: 60%;
}

.cardBox p {
    width: 80%;
    margin-left: 10%;
}

.cardBox span {
    display: inline-block;
    margin-top: 20px;
    line-height: normal;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #C49C3B;
}

.cardBox button.visaButton {
    color: white;
    background: #C49C3B;
    font-size: 12px;
    line-height: normal;
    padding: 7px 20px;
    margin-bottom: 25px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    outline: none;
}


/* ---///---///---  Breadcrumb  ---///---///--- */

.breadcrumb {
    padding-top: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    font-size: 13px;
    color: darkgrey;
    background-color: white;
}

.breadcrumb a {
    padding: 0px 10px;
    text-decoration: none;
    color: darkgrey;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.breadcrumb a img {
    -webkit-filter: invert(0.3);
            filter: invert(0.3);
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    margin: 10px 0px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.breadcrumb a img:hover {
    -webkit-filter: invert(1);
            filter: invert(1);
}

.breadcrumb a:hover {
    color: black;
}

.breadcrumb a.active {
    color: black;
}

/* ---///---///---  Smart Card Selector  ---///---///--- */

.brandSelector {
    text-align: center;
    margin-top: 30px;
}

.brandSelector a {
    width: 15%;
    display: inline-block;
    padding: 3%;
    border: 3px solid #fff;
    border-radius: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.brandSelector a:hover {
    border: 3px solid #C49C3B;
}

.brandSelector a.active {
    border: 3px solid #C49C3B;
}

.brandSelector a img {
    width: 66px;
    margin: 0px;
}

.smartButtonHolder01 {
    margin-top: 40px;
    text-align: center;
}

.smartButtonHolder01 button {
    padding: 20px 40px;
    border: none;
    background-color: white;
    margin: 0px;
    display: inline-block;
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    outline: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.smartButtonHolder01 button:hover {
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
}

.smartButtonHolder01 button.active {
    padding: 20px 40px;
    border: none;
    background-color: #C49C3B;
    margin: 0px;
    display: inline-block;
    color: white;
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0);
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0);
}

.smartButtonHolder02 {
    margin-top: 60px;
    text-align: center;
}

.smartButtonHolder02 button {
    padding: 20px 40px;
    border: none;
    background-color: white;
    margin: 0px;
    display: inline-block;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    outline: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    z-index: 0;
}

.smartButtonHolder02 button img {
    position: absolute;
    bottom: -13px;
    left: -14px;
    margin-left: 50%;
    opacity: 0;
}

.smartButtonHolder02 button:hover {
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
    z-index: 100;
}

.smartButtonHolder02 button.active {
    padding: 20px 40px;
    border: none;
    background-color: #C49C3B;
    margin: 0px;
    display: inline-block;
    color: white;
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0);
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0);
}

.smartButtonHolder02 button.active img {
    opacity: 1;
}

.selectionInfoBox {
    width: 300px;
    background-color: #ececec;
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
    margin-top: 30px;
    position: relative;
    padding: 30px;
}

.selectionInfoBox p {
    text-align: left;
}

.selectionInfoBox img {
    margin-bottom: 10px;
}

.resultBoxHolder {
    margin: 20px 0px;
    text-align: center;
}

.resultBox {
    width: 31%;
    min-width: 260px;
    margin: 1%;
    height: 318px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #323232;
    float: left;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: relative;
}

.resultBox:hover {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.45);
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.45);
}

.resultBox img {
    width: 60%;
}

.resultBox img.decor {
    width: 32px;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    position: absolute;
    margin: 0px;
    right: -23px;
    margin-top: 50%;
    top: 10px;
    display: none;
}

.resultBox.active img.decor {
    display: block;
}

.resultBox p {
    width: 80%;
    margin-left: 10%;
}

.resultBox span {
    display: inline-block;
    margin-top: 20px;
    line-height: normal;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #C49C3B;
}

.resultBox img {
    margin: 45px 30px 20px 30px;
}

.resultInfo {
    width: 31%;
    min-width: 260px;
    margin: 1% 2% 1% 0%;
    margin-left: -32%;
    height: 318px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background: #F2F2F2;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #323232;
    position: relative;
    z-index: -1;
    float: left;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
}

.resultInfo.active {
    margin-left: -1.5%;
    opacity: 1;
}

.resultInfo p {
    margin: 41px 30px 20px 30px;
    width: 70%;
    margin-left: 20%;
    text-align: left;
}

.resultInfo span {
    display: inline-block;
    margin-top: 20px;
    line-height: normal;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #C49C3B;
}

.resultInfo img {
    margin: 45px 30px 20px 30px;
}

/* ---///---///---  DOCUMENT DOWNLOAD  ---///---///--- */

.docHolder {
    width: 80%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.docDownload {
    width: 49.5%;
    min-width: 320px;
    height: 69px;
    margin: 0.25%;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.docDownload .iconHolder {
    height: 50px;
    width: 50px;
    border-radius: 25px;
    display: inline-block;
    border: 1px solid #C4C4C4;
    margin: 9px 15px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    float: left;
}

.datum .docDownload {
    width: 49.5%;
    min-width: 320px;
    height: 69px;
    float: left;
    margin: 0.25%;
    margin-left: 25%;
    margin-top: 30px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.docName {
    float: left;
    width: 70%;
    display: inline-block;
    height: 69px;
    line-height: 69px;
    color: #4D4D4D;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.docDownload .iconHolder img {
    width: 50%;
    padding: 25% 20% 25% 30%;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    box-sizing:content-box;
}

.docDownload:hover {
    background-color: #C49C3B;
}

.docDownload:hover>.iconHolder {
    border: 1px solid white;
}

.docDownload:hover>.iconHolder>img {
    -webkit-filter: grayscale(1) brightness(2);
    filter: grayscale(1) brightness(2);
}

.docDownload:hover>.docName {
    color: white;
}

.docDownload.active {
    background-color: #C49C3B;
}

.docDownload.active>.iconHolder {
    border: 1px solid white;
}

.docDownload.active>.iconHolder>img {
    -webkit-filter: grayscale(1) brightness(2);
    filter: grayscale(1) brightness(2);
}

.docDownload.active>.docName {
    color: white;
}

.docName span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.35;
    font-size: 15px;
}

/* ---///---///---  FOOTER ---///---///--- */

footer {
    width: 100%;
    background-color: #323232;
    color: white;
    background-image: url(../img/footerGrafika.svg);
    background-repeat: no-repeat;
    background-position: left 79%;
    /*border-top: 10px solid #8D8C93;*/
    position: relative;
}

.footerTop {
    width: 100%;
    background-color: #4D4D4D;
}

footer .container {
    width: 80%;
    margin: auto;
    padding: 17px 0 0 0;
    max-width: 1400px;
    background-color: transparent;
}

.footerMain .left {
    float: left;
    width: 50%;
}

.footerMain .right {
    float: right;
    width: 50%;
}

.footerImg {
    margin-bottom: 20px;
}

.footerImg img:last-of-type {
    margin-left: 20px;
}

.footerTop .container div {
    vertical-align: middle;
}

.footerTop div.footerSocial {
    display: inline-block;
    float: left;
    padding: 8px 0;
}

.footerSocial {
    display: inline;
    float: right;
    margin-right: 13%;
}

.footerSocial span {
    margin-right: 20px;
    font-size: 14px;
}

.footerSocial .socialLink {
    margin-right: 10px;
}

.footerSocial .socialLink img {
    max-width: 20px;
    opacity: 0.8;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
}

.footerSocial .socialLink img:hover {
    opacity: 1;
}

.inteseSan {
    border-left: 1px solid white;
    float: right;
}

.inteseSan span {
    display: inline-block;
    margin-left: 20px;
    font-size: 14px;
    line-height: 1.4;
}

.inteseSan a {
    vertical-align: super;
    margin-left: 20px;
}

.footerMain {
    background-color: transparent;
    padding-bottom: 25px;
}

.footerContent {
    width: 30%;
    margin: 0% 10% 0% 0%;
    float: left;
}

    .footerContent p, .footerContentMob p {
        font-size: 12px;
        color: #B3B3B3;
        padding: 4px 0px;
    }

/*
.footerContent:first-of-type{
margin-left: 0%;
}

.footerContent:last-of-type{
margin-right: 0%;
}
*/

/* .
} */
    .footerContent span, .footerContentMob span {
        display: block;
        border-bottom: 1px solid white;
        padding-bottom: 5px;
    }

.footerContent a:first-of-type {
    margin-top: 10px;
}

    .footerContent a, .footerContentMob a {
        display: block;
        font-size: 12px;
        color: #B3B3B3;
        text-decoration: none;
        padding: 6px 0px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

.footerContent a:hover {
    color: white;
}

.footerBot {
    background-color: #262626;
    width: 100%;
    text-align: center;
}

.footerBot p {
    display: inline-block;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px !important;
    color: #CBCBCB;
    margin-bottom: 15px;
}


/* ---///---///---  OPEN INFO ---///---///--- */

.openInfo {
    cursor: pointer;
    padding-bottom: 30px;
}

.openInfo h3 {
    color: #323232;
    text-transform: uppercase;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    margin-bottom: 10px;
}

.openInfo h3 img {
    padding: 0px 8px;
    vertical-align: baseline;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.openInfo.active h3 {
    color: #C49C3B;
}

.openInfo.active h3 img {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.openInfo #info {
    display: none;
}

.openInfo.active #info {
    display: block;
}

.openInfo p {
    text-align: left !important;
}

/* ---///---///---  SELECT QUESTION  ---///---///--- */

.selectQuestion {
    width: 100%;
    border: 1px solid black;
    border-radius: 0px;
    margin-top: 20px;
}

.openInfo ul {
    list-style: disc;
}

.openInfo li {
    padding: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #4D4D4D;
}

.openInfo .docHolder {
    padding-top: 20px;
}

.select-selected {
    background-color: #C49C3B;
}

/* Style the arrow inside the select element: */
/* The container must be positioned relative: */
.custom-select {
    margin-top: 30px;
    position: relative;
    font-family: 'Open Sans', sans-serif;
}

.custom-select select {
    display: none;
    /*hide original SELECT element: */
}

.select-selected {
    background-color: white;
    color: grey;
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 30px;
    right: 30px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    border-color: transparent transparent rgba(0, 0, 0, 0.5) transparent;
    top: 28px;
    right: 30px;
}

/* style the items (options), including the selected item: */
.select-items div,
.select-selected {
    color: #323232;
    padding: 8px 36px;
    border: 1px solid transparent;
    border-color: transparent rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
    cursor: pointer;
    line-height: 50px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    height: auto;
    min-height: 50px;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: white;
    color: #323232;
    top: 100%;
    left: 0;
    right: 0;
    height: 400px;
    z-index: 99;
    border-color: 1px solid rgba(0, 0, 0, 0.1);
    overflow-y: scroll;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.same-as-selected {
    color: white !important;
}

.select-items div:hover,
.same-as-selected {
    background-color: #C49C3B;
    color: white;
}

.custom-select.selectSmall {
    width: 50%;
    margin-left: 25%;
}

.textCenter {
    text-align: center !important;
}

/* div.greySelection < div.container < .textHolder < div.custom-select {
    background-color: brown;
} */

/* ---///---///--- FORM STYLING ---///---///--- */

form.contentForm {
    font-family: 'Open Sans', sans-serif;
}

.input-field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 98%;
    line-height: 50px;
    float: left;
    margin: 2% 2% 0 0;
}

.input-field.half {
    width: 48%;
    margin: 2% 2% 10px 0;
    height: 55px;
}

.input-field label {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 100%;
    color: #B3B3B3;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    cursor: text;
    font-size: 12px;
    height: 5px;
    line-height: normal;
    text-align: left;
}

.input-field input {
    width: 98%;
    border: 0;
    outline: 0;
    padding: 20px 0 9px 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 6px;
    color: #323232;
    background-color: white;
    height: 25px;
}

.input-field.checkbox {
    position: relative;
    width: 98%;
    line-height: 1;
    float: left;
    margin: -5px 0 0 0;
}

.input-field.checkbox span {
    vertical-align: text-top;
    font-size: 13px;
    color: #323232;
}

.input-field.checkbox span a {
    color: #C49C3B;
}

.input-field input[type='checkbox'] {
    height: 20px;
    display: inline-block;
    width: 25px;
}

.formSubmit {
    margin-top: 20px;
    background-color: #C49C3B;
    padding: 12px 30px;
    color: white;
    line-height: normal;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    border: none;
}

.input-field.half input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 95.9%;
    height: 25px;
}

.input-field input:invalid {
    outline: 0;
    color: red;
    border-color: rgba(0, 0, 0, 0.2);
}

.input-field input:focus {
    border: 1px solid #C49C3B;
}

.input-field input:focus~label,
.input-field input:valid~label {
    font-size: 9px;
    top: 9px;
    color: #B3B3B3;
}

.input-field textarea {
    width: 98%;
    border: 0;
    outline: 0;
    padding: 24px 0 12px 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 4px;
    color: #323232;
    background-color: white;
}

#message {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 98%;
    height: 250px;
    resize: none;
    padding: 30px 0 0 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 6px;
    color: #323232;
    background-color: white;
    outline: 0;
}

.input-field textarea:invalid {
    outline: 0;
    color: orangered;
    border-color: rgba(0, 0, 0, 0.2);
}

.input-field textarea:focus {
    border-color: rgba(0, 0, 0, 0.4);
}

.input-field textarea:focus~label,
.input-field textarea:valid~label {
    font-size: 9px;
    top: 9px;
    color: #B3B3B3;
}

.imageSection #privacy {
    color: white;
}

.imageSection .checkbox {
    text-align: left;
}

.imageSection .checkbox span {
    color: ghostwhite;
}

.imageSection .contentForm {
    margin-top: 5%;
}

.imageSection.newsletter .container {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: white;
    position: absolute;
}

.imageSection.newsletter .mainHeadline {
    color: white;
}

/* ---///---///--- CONTACT POP ---///---///--- */

.contactHead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 95%;
    margin-bottom: 0px;
    margin-top: 5px;
}

.sideButtons {
    position: fixed;
    right: 0px;
    top: 50%;
    margin-top: -55px;
    z-index: 90;
    width: 50px;
    height: 50px;
}

.contactBtn, .helpDeskBtn {
    margin-top: 2px;
    background-color: #C49C3B;
    height: 55px;
    width: 55px;
    display: block;
    cursor: pointer;
}

.contactBtn img {
    width: 80%;
    margin: 10%;
}

    .contactBtn img.contact {
        width: 70%;
        margin: 10% 15% 0 15%;
    }

    .contactBtn p.contact {
        margin:0;
        margin-right:3px;
        margin-top:-5px;
        text-align:center;
        font-size:12px;        
        color:white;
    }

.sideModal {
    max-width: 480px;
    min-width: 320px;
    position: fixed;
    background-color: #C49C3B;
    z-index: 92;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    top: 50%;
    right: -120%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 2%;
    box-shadow: 2px 2px 13px #39383b;
}

.sideModal.active {
    right: 0%;
}

.sideModal span {
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 20px;
    color: #FFFFFF;
}

.sideModal span img {
    width: 20px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.sideModal span img:hover {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

div.btnSection img {
    max-width: 80px;
}
.btnHolder {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.sideModal div.btnSection {
    padding: 4%;
    border: 1px solid white;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    float: left;
    margin: 2%;
    width: 46%;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    min-height: 135px;
}

.sideModal div.btnSection:hover {
    background-color: rgba(255, 255, 255, 0.25);
}

.sideModal div p {
    color: white;
    font-size: 14px;
    margin-top: 15px;
}

.fullSideModal span img {
    width: 20px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.fullSideModal span img:hover {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.fullSideModal {
    width: 60%;
    min-width: 320px;
    height: 100vh;
    position: fixed;
    background-color: #C49C3B;
    z-index: 1111;
    display: block;
    top: 0;
    right: -120%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 5%;
    color: white;
}

.fullSideModal a.contactlink {
    font-weight: normal;
    margin-bottom: 10px;
}

.fullSideModal.active {
    right: 0%;
}

.fullSideModal .headline {
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 20px;
    color: #FFFFFF;
    padding: 0 2% 5% 2%;
    display: inline-block;
    text-align: left;
    width: auto;
}

.fullSideModal .backIcon {
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-right: 15px;
    -webkit-transform: rotate(180deg) translateX(0);
        -ms-transform: rotate(180deg) translateX(0);
            transform: rotate(180deg) translateX(0);
    width: 20px;
}

.fullSideModal .backIcon:hover {
    -webkit-transform: rotate(180deg) translateX(8px);
        -ms-transform: rotate(180deg) translateX(8px);
            transform: rotate(180deg) translateX(8px);
}

.fullSideModal h2 {
    font-weight: normal;
    margin-bottom: 0px;
    opacity: 0.8;
}

.fullSideModal h3 {
    font-weight: normal;
    margin-bottom: 0px;
    opacity: 0.8;
}

.fullSideModal p {
    padding-bottom: 6px;
    opacity: 0.8;
}




.contactLink {
    padding: 3px 0 3px 0;
    display: block;
    text-decoration: none;
    opacity: 0.8;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.contactLink:hover {
    opacity: 1;
}

.contactLink img {
    width: 30px;
}

.contactLink span {
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    font-size: 14px;
    color: #FFFFFF;
    margin-left: 10px;
}

.contactGroupHolder {
    width: 46%;
    margin-right: 5%;
    float: left;
    margin-top: 30px;
}

.contactGroupHolder hr {
    margin: 0px 0 10px 0;
    border: none;
    color: white;
    opacity: 0.8;
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
}

.contactGroupHolder .subHeadline {
    font-weight: bold;
    padding-left: 10px;
    margin: 3px 0 0px 0;
}

.contactGroupHolder .contactLink {
    padding-left: 10px;
}

.fullSideModal span img {
    width: 20px;
}

.fullSideModal div.btnSection {
    padding: 4%;
    border: 1px solid white;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    float: left;
    margin: 2%;
    width: 36%;
}

.fullSideModal div p {
    color: white;
    font-size: 14px;
    margin-top: 15px;
}


/* ---///---///--- POST PAGE ---///---///--- */

.postHeaderSection {
    background: url(../img/pbz-bkg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
}

.postHeaderSection .container {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: white;
    position: relative;
}

.menuBar .menuContact a {
    padding: 5px 0px;
}

.postHeaderSection .container .textHolder {
    height: 100%;
}

.postHeaderSection .container p {
    font-weight: 300;
    color: white;
    font-size: 18px;
}

.postHeaderSection h1 {
    font-weight: 600;
    line-height: normal;
    font-size: 50px;
    text-align: center;
    color: #FFFFFF;
    padding-top: 10%;
}

/* -//-//-// CARDS with particles //-//-//- */

.topSub {
    text-align: center;
    width: 35%;
    margin: 25px auto;
}

.cardHolder {
    width: 700px;
    margin: auto;
    margin-top: 5%;
    height: 225px;
}

.cardHolder div {
    width: 49%;
    display: inline-block;
    float: left;
    text-align: center;
    position: relative;
    height: 100%;
    line-height: 1.2;
}

.cardHolder div h3 {
    margin-top: 26px;
    font-weight: 300;
    font-size: 30px;
    padding: 0 5px;
}

.cardHolder div span {
    font-weight: 600;
}

.cardHolder div a {
    margin-left: 45px;
    bottom: 54px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    font-size: 20px;
    color: #FFFFFF;
    opacity: 0.8;
}


.cardHolder div a:hover {
    opacity: 1;
}

.cardHolder.right img.cardImg {
    width: 100%;
    display: block;
    float: right;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.cardHolder img.cardImg {
    width: 100%;
    display: block;
    float: left;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.visaCardSelect {
    border-radius: 5px;
    /* width: 90%; */
    max-width: 350px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    /* border: 2px solid #C49C3B; */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-items: center;
}

.visaCardSelect a {
    width: 175px;
    text-align: center;
    padding: 18px 5%;
    background-color: white;
    color: black;
    font-weight: bold;
    border-radius: 4px 0px 0px 4px;
    border: 2px solid #C49C3B;
}

.visaCardSelect a:last-of-type {
    border-radius: 0px 4px 4px 0px;
}

.visaCardSelect a.active {
    background-color: #C49C3B;
    color: white;
}

.cardHolder.right div {
    width: 49%;
    display: block;
    text-align: center;
    position: relative;
    height: 100%;
    line-height: 1.2;
}

.cardHolder.right div h3 {
    margin-top: 26px;
    font-weight: 300;
    font-size: 30px;
}

.showDrop {
    display: block !important;
}

.cardHolder .visaButton {
    color: white;
    background: #C49C3B;
    font-size: 12px;
    line-height: normal;
    padding: 7px 20px;
    margin-bottom: 25px;
    border-radius: 4px;
    margin: 0px;
}

.cardHolder .cardText {
    font-size: 12px;
    margin: 30px auto;
    width: 80%;
    padding: 0 5px;
}

.cardHolder.right .cardText {
    font-size: 12px;
    margin: 30px auto;
    width: 80%;
}

.cardHolder .cardLink {
    width: 49%;
    display: block;
}

.cardHolder .cardLink {
    float: left;
}

.cardHolder.right .cardLink {
    float: right;
}


/* ---///---///---  SMALL HEADER  ---///---///--- */

.smallHeader {
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


/* ---///---///---  Slider Selection Infographic  ---///---///--- */

.sliderSectionInfograph img {
    width: 100%;
}

.sliderSectionInfograph div {
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
}

.sliderSectionInfograph .sliderContent {
    width: 70%;
    left: 50%;
    padding: 2% 15%;
}

.sliderSectionInfograph .sliderContent h2 {
    text-transform: uppercase;
    color: #4D4D4D;
    font-size: 18px;
}

.sliderSectionInfograph .sliderContent p {
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #4D4D4D;
    padding: 5px 0;
}

.sliderSectionInfograph .headerCtaBtn {
    margin-top: 2%;
}

.sliderImage {
    width: 40%;
    float: left;
}

.sliderImage img {
    width: 80%;
    border-radius: 50%;
    border: 1px white solid;
}

.sliderText {
    text-align: left;
    width: 60%;
    float: left;
}

/* ---///---///--- ON BOTTOM OF CSS ---///---///--- */

.mrt50 {
    margin-top: 50px;
}

.alignLeft {
    text-align: left !important;
}

.alignRight {
    text-align: right !important;
}

/* ---///---///--- CARD PAGE ---///---///--- */

.cardTop .container {
    min-height: 150px;
}

.cardTop img.cardImage {
    width: 30%;
    max-width: 300px;
    float: left;
    padding: 0px 50px;
    display: block;
}

.cardTop p {
    width: 50%;
    min-width: 300px;
    float: left;
    display: block;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    font-size: 20px;
    color: #4D4D4D;
    text-align: left;
}

.cardMid p {
    line-height: 1.5;
    margin-bottom: 20px;
    text-align: left;
}

.cookieBox {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    bottom: 0px;
    z-index: 999999999;
}

.cookieContent {
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 12px;
    color: #FFFFFF;
    width: 80%;
    margin: auto;
    max-width: 800px;
    text-align: left;
    padding: 20px 0px;
}

.cookieContent p {
    width: 70%;
    text-align: left;
    padding: 0px 0px 20px;
    float: left;
    min-width: 250px;
}

.cookieContent button {
    border: 2px solid white;
    background-color: transparent;
    color: white;
    padding: 10px 25px;
    display: block;
    float: left;
    margin: 0px 30px;
    outline: none;
}


.cardHolder h4 {
    font-size: 20px;
    margin-top: 30px;
}

/* ---///---///--- SELECT CONTAINER ---///---///--- */

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    outline: none;
    height: 59px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 59px;
    width: 83%;
    margin-left: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 59px;
    position: absolute;
    top: 1px;
    right: 18px;
    width: 20px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid rgba(0, 0, 0, 0.1);
    outline: none;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #e8e8e8;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e07638;
    color: white;
}

.select2-container {
    width: 100% !important;
}

/* ---///---///---/// TAB TAB TAB TAB SECTION ---///---///---///--- */

.mainSection .container.tab {
    max-width: 1000px;
    margin: auto;
}

.tabHolder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 200px;
}

.tabHolder .tab {
    border-top: 1px solid #49484C;
    border-right: 1px solid #49484C;
    border-bottom: 1px solid #49484C;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    cursor: pointer;
    text-align: center;
    border-left: 1px solid #49484C;
    margin-right: -1px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 16.66%;
}

.tabHolder .tab.active {
    background-color: #C49C3B;
    border-radius: 4px 4px 0 0;
    /*min-height: 106px;*/
    border: none;
    color: white;
}

.tabHolder .tab svg {
    opacity: 0.8;
    padding: 15px 20px 10px 20px;
    height: 30px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.tabHolder .tab p {
    width: 75%;
    margin: auto;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 10px;
}

.tabContent {
    border-top: 2px solid #C49C3B;
    min-height: 250px;
    background-color: #49484C;
    padding: 30px;
    text-align: left;
    margin-bottom: 50px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    color: white;
}

.tabContent ul li {
    padding: 0px 0 15px;
    margin: 0px;
    width: 90%;
}

.tabContent a {
    color: #C49C3B;
}

.st0 {
    fill: none;
    stroke: #49484C;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}

.st1 {
    fill: none;
    stroke: #49484C;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}

.st2 {
    fill: #49484C;
    stroke: none;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}

.tabHolder .tab.active .st0 {
    fill: none;
    stroke: white;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}

.tabHolder .tab.active .st1 {
    fill: none;
    stroke: white;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}

.tabHolder .tab.active .st2 {
    fill: white;
    stroke: none;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}

a.visaButton {
    color: white;
    background: #C49C3B;
    font-size: 12px;
    line-height: normal;
    padding: 7px 20px;
    margin-bottom: 25px;
    margin-top: 20px;
    border-radius: 4px;
    display: inline-block;
}

.izlog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.izlog div img {
    width: 100%;
}

.izlog div {
    width: 24%;
    min-width: 100px;
}

.izlog p {
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.videoSliderContent {
    width: 80%;
    margin: auto;
    left: 0%;
    text-align: center;
    margin-top: 0px;
    position: relative;
    top: -600px;
}

.videoSliderContent .mainHeadline {
    margin-top: 380px;
}

.videoSliderContent .centerText-black {
    color: #f9f9f9;
    margin-bottom: 10px;
}

.videoSliderContent .mainHeadline-naked {
    color: #f9f9f9;
}



/* ---///---///---///---///---///---///--- */
/* ---///---///---///---///---///--- */
/* ---///---///---///---///--- */
/* ---///---///---///---///--- */
/* ---///---///---///---///---///--- */
/* ---///---///---///---///---///---///--- */
/* ---///---///---///---///---  TABLET TABLET TABLET --- */
/* ---///---///---///---///---///---///--- */
/* ---///---///---///---///---///--- */
/* ---///---///---///---///--- */
/* ---///---///---///---///--- */
/* ---///---///---///---///---///--- */
/* ---///---///---///---///---///---///--- */

@media only screen and (max-width: 1030px) and (min-width: 600px)  {

    div.hiddenObject{
        height: 130px;
    }
}
@media only screen and (max-width: 1250px) {
	#navDesktop .menuBtn{
	display:block;
}
    #navMobile {
        display: block;
    }
    #navDesktop {
        display: none;
    }
    .menuBar{
        top: 60px;
    }
    div.mainBar .main-logo {
    width: auto;
    height: 50px;
    margin: 0px;
    }
    a.main-logo img {
    height: 85%;
    margin-left: 12px;
    margin-top: 2.5%;
    width: auto;
}

}
@media only screen and (max-width: 1000px) {
		  #menuBarMobile {
        display: block;
    }
	    .menuBar .links {
        width: 90%;
        text-align: left;
        float: none;
        margin-top: 0;
        padding: 5%;
    }
    .secondLvlIcon {
        display: inline-block;
        width: 10px;
        margin-left: 10px;
        vertical-align: baseline;
    }

    .headerSection.noTxt .visaCardHeader img {
        /*max-width: 290px;
        height: 180px;*/
        max-width: 318px;
        height: 198px;
    }

    .headerSection.noTxt .visaCardHeader h1 {
        font-size: 27px;
    }

    .footerSocialMob {
        text-align: center;
    }

    .footerSocialMob a img {
        width: 100%;
        max-width: 25px;
        margin: 8px 5px;
    }

    .footerContentMob {
        margin: 30px 0px;
    }

    .footerContentMob a {
        display: block;
        text-align: center;
        margin: 9px;
    }

    #visaFooterDesk {
        display: none;
    }

    #visaFooterMob {
        display: block;
        /*margin-top: 50px;*/
    }

    .loginBar.active.scrolled {
        top: 50px;
    }

    /*#navMobile {
        display: block;
    }*/

    .topBar {
        display: none;
    }

    .mainBar {
        height: 50px;
        margin: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .main-logo img {
        height: 85%;
        margin-left: 12px;
        margin-top: 2.5%;
        width: auto;
    }

    .menu-content {
        width: 60%;
    }

    /*.menuBtn {
        width: 50px;
        margin-right: 0px;
        background-color: #49484C;
    }*/

    .mainBar .main-logo {
        width: auto;
        height: 50px;
        margin: 0px;
    }

    .hamburger-inner,
    .hamburger-inner:after,
    .hamburger-inner:before {
        height: 2px;
    }

    .hamburger-inner {
        left: -2px;
    }

    .hamburger-inner:after {
        bottom: -7px;
    }

    .hamburger-inner:before {
        top: -7px;
    }

    .hamburger-inner,
    .hamburger-inner:after,
    .hamburger-inner:before {
        width: 20px;
    }

    .hamburger-box {
        height: 20px;
        margin-left: 2px;
    }

    .loginBtn, .mobileSearch {
        width: 50px;
        padding: 0px;
        margin-right: 2px;
    }

    

    .loginBar {
        width: 70%;
    }

    .loginBar.active {
        top: 50px;
        opacity: 1;
    }

    .loginBtn img.active {
        -webkit-transform: rotate(00deg);
            -ms-transform: rotate(00deg);
                transform: rotate(00deg);
        vertical-align: middle;
    }

    /*#menuBarDesktop {
        display: none;
    }*/

    .textHolder .izlog p {
        font-size: 14px;
    }

    /* ---///---///--- MENU BAR MOBILE ---///---///--- */
    /*#menuBarDesktop {
        display: none;
    }*/

  

    .menuBar {
        position: fixed;
        width: 100%;
        max-height: 100%;
        background-color: #C49C3B;
        z-index: 99;
        top: 50px;
        right: -100%;
        opacity: 0;
        -webkit-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        border: none;
        height: auto;
        overflow-x: hidden;
        overflow-y: scroll;
    }



    .menuBar .links .mainLink {
        font-size: 16px;
        width: 90%;
        margin: 0;
        font-size: 20px;
        padding: 10px 0px;
    }

    .menuBar .links .mainLink span {
        text-align: right;
        float: right;
        vertical-align: unset;
    }

    .menuBar .links .mainLink img {
        vertical-align: unset;
        -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
                transform: rotate(0deg);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .menuBar .links .mainLink.active img {
        vertical-align: unset;
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .menuBar .links a:hover {
        color: white;
    }

    .menuBar .links .mainLink.active {
        background-color: transparent;
        font-weight: 300;
        color: white;
        width: 90%;
        border: none;
    }

    .menuBar .links a {
        display: block;
        color: white;
        font-size: 14px;
        font-weight: 300;
        text-decoration: none;
        padding: 7px 30px;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .menuDetailMobile {
        height: 0px;
        overflow-y: hidden;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .menuDetailMobile.active {
        height: auto;
    }

    .menuBar.scrolled {
        top: 50px;
    }

    .menuBar .menuContact {
        position: relative;
        color: white;
        border-top: 1px solid white;
        width: 90%;
        margin: 5% 5% 80px 5%;
        min-height: 100px;
        bottom: 0px;
        padding: 15px 0px 0px 10px;
    }

    .menuBar .menuContact div {
        position: relative;
        color: white;
        width: 50%;
        min-width: 150px;
        padding: 10px 0;
        font-size: 14px;
    }

    .noscroll {
        height: 100%;
        overflow: hidden;
    }

    /* ---///---///---///---  LEADER  ---///---///--- */

    .leaderList .names {
        width: 45%;
        font-size: 14px;
    }

    .leaderList .function {
        width: 50%;
        font-size: 14px;
    }

    /* ---///---///---///---  SLIDER  ---///---///--- */

    .sliderSection .sliderContent {
        width: 70%;
        margin-left: 15%;
    }

    .textHolder {
        width: 90%;
        margin-left: 5%;
    }

    .textHolder {
        width: 90%;
        margin-left: auto;
    }

    .textHolder.docMob {
        width: 100%;
        margin-left: auto;
    }

    .articlePreview img {
        width: 90%;
        margin-left: 5%;
    }

    .articlePreview .shortText {
        position: relative;
        bottom: 0px;
        width: 85%;
        margin-left: 7.5%;
        margin-top: 8px;
    }

    .docHolder {
        width: 100%;
    }

    .docDownload {
        width: 49%;
        min-width: 320px;
        height: 69px;
        float: left;
        margin: 0.25%;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    .menuBar {
        position: fixed;
        width: 80%;
    }

    .textHolder p {
        font-size: 16px;
        font-weight: 400;
        color: #4D4D4D;
        margin-top: 15px;
    }

    .articlePreview {
        width: 50%;
        position: relative;
        margin: 40px 0;
        display: block;
        float: left;
    }

    .footerContent {
        width: 29%;
        margin: 2% 4% 0% 0%;
        float: left;
    }

    .sideButtons {
        position: fixed;
        height: auto;
        top: auto;
        left: 8px;
        right: auto;
        bottom: 8px;
    }

    .contactBtn, .helpDeskBtn {
        margin-top: 2px;
        background-color: #C49C3B;
        height: 45px;
        width: 45px;
        display: block;
        cursor: pointer;
        border-radius: 50%;
    }

        .contactBtn img.contact {
            width: 60%;
            margin: 2% 20%;
        }

        .contactBtn p.contact {
            font-size: 10px;
            margin-top: -7px;
            margin-right:0;
        }

    .cardBox {
        width: 31%;
        min-width: initial;
    }

    .resultInfo {
        display: none;
    }

    .resultBox.active img.decor {
        display: none;
    }

    .resultBox {
        min-width: initial;
    }

    .mainSelection a {
        width: 40%;
        height: auto;
    }

    .innerMenuHolder {
        width: auto;
        height: auto;
        margin: 0%;
        text-align: center;
        background-image: none;
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        float: left;
        text-decoration: none;
        -webkit-filter: grayscale(1) brightness(1.4);
        filter: grayscale(1) brightness(1.4);
        -webkit-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        background-color: #ffa079;
        padding-bottom: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .innerMenu {
        padding: 0;
        border-top: 1px solid #E1E1E1;
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .innerMenuHolder img {
        max-width: 40px;
        padding: 10px 0 0;
        margin: 0px;
        display: inline;
    }

    .innerMenuHolder p {
        padding: 0px 20%;
        width: 60%;
        margin: 0px;
        font-weight: 500;
        color: #C49C3B;
        line-height: 1;
        margin-top: 8px;
        font-size: 14px;
        position: relative;
        display: block;
    }

    .innerMenuHolder.active {
        -webkit-filter: grayscale(0) brightness(1);
        filter: grayscale(0) brightness(1);
        background-color: white;
    }

    .cookieContent {
        width: 90%;
    }

    .cookieContent p {
        width: 100%;
        padding: 0px 0px 20px;
    }

    .cookieContent button {
        border: 2px solid white;
        background-color: transparent;
        color: white;
        padding: 10px 25px;
        display: block;
        float: left;
        margin: 0px 0px 20px 0px;
        outline: none;
    }
}




@media only screen and (min-width: 720px) {
    .cardBox button.visaButton {
        position: absolute;
        left: 31%;
        bottom: 0;
    }
}




/* ---///---///---///---///---///---///--- */
/* ---///---///---///---///---///--- */
/* ---///---///---///---///--- */
/* ---///---///---///---///--- */
/* ---///---///---///---///---///--- */
/* ---///---///---///---///---///---///--- */
/* ---///---///---///---///---  MOBILE MOBILE MOBILE --- */
/* ---///---///---///---///---///---///--- */
/* ---///---///---///---///---///--- */
/* ---///---///---///---///--- */
/* ---///---///---///---///--- */
/* ---///---///---///---///---///--- */
/* ---///---///---///---///---///---///--- */

@media only screen and (max-width: 720px) {
    img.secondLvlIcon {
        height: 9px;
        padding-bottom: 4px;
    }

    .mainHeadline-naked {
        font-size: 25px;
    }

    .txtMobCenter {
        text-align: center !important;
    }

    .tabCont ul {
        -webkit-padding-start: 10px;
                padding-inline-start: 10px;
    }

    .headerSection.noTxt .visaCardHeader h1 {
        font-size: 25px;
        line-height: initial;
    }

    .tabHolder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .headerSection.noTxt .visaCardHeader img {
        /*max-width: initial;
        width: 100%;
        height: 285px;*/
        max-width: 400px;
        height: 200px;
        display: block;
    }

    .headerSection.noTxt .visaCardHeader .right {
        padding: 0% 3%;
        width: 94%;
        margin-top: 20px;
        text-align: center;
    }

    .headerSection.noTxt .visaCardHeader {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .tabHolder .tab {
        width: 50%;
        -webkit-box-flex: initial;
            -ms-flex: initial;
                flex: initial;
    }

    .tabHolder .tab.active {
        min-height: initial;
        border-radius: 0px;
    }

    .tabHolder .tab p {
        font-size: 12px;
    }

    .tabHolder .tab svg {
        opacity: 0.8;
        padding: 15px 20px 10px 20px;
        height: 26px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .cardHolder {
        width: 80%;
        margin: auto;
        margin-top: 5%;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .cardHolder .cardLink {
        width: 100%;
    }

    .cardHolder div {
        width: 100%;
        display: inline-block;
        float: none;
        text-align: center;
        position: relative;
        height: 100%;
        line-height: 1.2;
        margin-bottom: 40px
    }

    .cardHolder.right div {
        width: 100%;
        display: block;
        text-align: center;
        position: relative;
        height: 100%;
        line-height: 1.2;
        margin-bottom: 40px
    }

    .cardHolder .cardText {
        margin: 15px auto 30px;
        width: 100%;
    }

    .cardHolder.right .cardText {
        margin: 15px auto 30px;
        width: 100%;
    }

    .topSub {
        text-align: center;
        width: 90%;
        margin: 25px auto;
    }

    .textHolder p {
        font-size: 14px;
        line-height: 1.5;
    }

    .headerSection .container p {
        font-weight: 300;
        color: white;
        font-size: 14px;
    }

    .postHeaderSection .container p {
        font-weight: 300;
        color: white;
        font-size: 14px;
    }

    .loginBar.active.scrolled {
        top: 50px;
    }

    #navMobile {
        display: block;
    }

    .topBar {
        display: none;
    }

    .mainBar {
        height: 50px;
        margin: 0px;
    }

    .main-logo img {
        /* height: 25px;
        margin-left: 12px; */
    }

    .menu-content {
        width: 60%;
    }

    .menuBtn {
        width: 50px;
        margin-right: 0px;
        background-color: #49484C;
    }

    .hamburger-inner,
    .hamburger-inner:after,
    .hamburger-inner:before {
        height: 2px;
    }

    .hamburger-inner {
        left: -2px;
    }

    .hamburger-inner:after {
        bottom: -7px;
    }

    .hamburger-inner:before {
        top: -7px;
    }

    .hamburger-inner,
    .hamburger-inner:after,
    .hamburger-inner:before {
        width: 20px;
    }

    .hamburger-box {
        height: 20px;
        margin-left: 2px;
    }

    .loginBtn {
        width: 50px;
        padding: 0px;
        margin-right: 2px;
    }

    #navDesktop {
        display: none;
    }

    .loginBar {
        width: 100%;
    }

    .loginBar.active {
        top: 50px;
        opacity: 1;
    }

    .loginBtn img.active {
        -webkit-transform: rotate(00deg);
            -ms-transform: rotate(00deg);
                transform: rotate(00deg);
        vertical-align: middle;
    }


    .izlog {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .izlog div {
        width: 46%;
        margin: 2%;
    }

    .izlog p {
        font-size: 12px;
        text-align: center;
        margin-top: 10px;
    }






    /* ---///---///--- MENU BAR MOBILE ---///---///--- */

    #menuBarMobile {
        display: block;
    }

    .menuBar {
        position: fixed;
        width: 100%;
        max-height: 100%;
        background-color: #C49C3B;
        z-index: 99;
        top: 50px;
        right: -100%;
        opacity: 0;
        -webkit-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        border: none;
        height: auto;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .menuBar .links {
        text-align: left;
        float: left;
        padding: 10px 0px;
    }

    .menuBar .links {
        width: 100%;
        text-align: left;
        float: none;
        margin-top: 5%;
    }

    .menuBar .links .mainLink {
        font-size: 16px;
        padding: 10px 10%;
        width: 80%;
        margin: 0;
        font-size: 20px;
    }

    .menuBar .links .mainLink span {
        text-align: right;
        float: right;
        vertical-align: unset;
    }

    .menuBar .links .mainLink img {
        vertical-align: unset;
        -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
                transform: rotate(0deg);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .menuBar .links .mainLink.active img {
        vertical-align: unset;
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .menuBar .links a:hover {
        color: white;
    }

    .menuBar .links .mainLink.active {
        background-color: transparent;
        font-weight: 300;
        color: white;
        width: 80%;
        border: none;
    }

    img.secondLvlIcon {
        height: 9px;
        padding-bottom: 4px;
    }

    .menuBar .links a {
        display: block;
        color: white;
        font-size: 14px;
        font-weight: 300;
        text-decoration: none;
        padding: 7px 10%;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        margin: 0;
    }

    .menuDetailMobile .lvl2 a {
        padding: 7px 15%;
        width: 70%;
    }

    .menuDetailMobile {
        height: 0px;
        overflow-y: hidden;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .menuDetailMobile.active {
        height: auto;
    }

    .menuBar.scrolled {
        top: 50px;
    }

    .menuBar .menuContact {
        position: relative;
        color: white;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        width: 80%;
        margin: 5% 5% 35px 5%;
        min-height: 100px;
        bottom: 0px;
        padding: 5% 3% 0%;
        margin: 0px auto 20px;
    }

    .menuBar .menuContact a {
        display: block;
        text-decoration: none;
        color: white;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        margin: 10px 0px;
    }

    .menuBar .menuContact div {
        position: relative;
        color: white;
        width: 50%;
        min-width: 150px;
        padding: 10px 0;
        font-size: 14px;
    }

    .noscroll {
        height: 100%;
        overflow: hidden;
    }

    /* ---///---///---///---///---  HEADER POST  --- */

    .headerSection .container .textHolder {
        padding: 71% 5% 50px 5%;
        margin: 0px;
    }

    .headerSection .container {
        background-color: rgba(0, 0, 0, 0);
    }

    .headerSection {
        background: url(../img/pbz-bkg.jpg);
        background-position: top;
        background-repeat: no-repeat;
        background-size: 100%;
        min-height: 350px;
        position: relative;
        height: auto;
    }

    .headerSection.noTxt {
        background: url(../img/pbz-bkg.jpg);
        background-position: top;
        background-repeat: no-repeat;
        background-size: 100%;
        min-height: initial;
        position: relative;
        height: auto;
    }

    .headerSection h1 {
        font-size: 35px;
        color: #4D4D4D;
    }

    .headerSection .container p {
        color: #4D4D4D;
    }

    .textHolder h1.mainHeadline {
        font-size: 27px;
        line-height: normal;
    }

    .mrt50 {
        margin-bottom: 30px;
    }

    /* ---///---///---///---///---  HEADER POST  --- */

    .postHeaderSection .container .textHolder {
        padding: 71% 0px 50px 0px;
    }

    .postHeaderSection .container {
        background-color: rgba(0, 0, 0, 0);
    }

    .postHeaderSection {
        background: url(../img/pbz-bkg.jpg);
        background-position: top;
        background-repeat: no-repeat;
        background-size: 100%;
        min-height: 350px;
        position: relative;
        height: auto;
    }

    .postHeaderSection h1 {
        font-size: 35px;
        color: #4D4D4D;
    }

    .postHeaderSection .container p {
        color: #4D4D4D;
    }

    .textHolder h1.mainHeadline {
        font-size: 27px;
        width: 80%;
        line-height: normal;
        margin-left: 10%;
    }

    .mrt50 {
        margin-bottom: 30px;
    }

    /* ---///---///---///---///---  CONTACT --- */

    .contactBtn {
        margin-top: 2px;
        background-color: #C49C3B;
        height: 45px;
        width: 45px;
        display: block;
        cursor: pointer;
        border-radius: 50%;
    }

    .sideButtons {
        position: fixed;
        bottom: 8px;
    }

    .sideModal {
        width: 96%;
        max-width: initial;
        min-width: initial;
        padding: 2%;
    }

    .fullSideModal {
        width: 90%;
        min-width: initial;
        overflow-y: scroll;
    }

    .contactGroupHolder {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    div.contactGroupHolder:last-child {
        margin-bottom: 80px;
    }

    /* ---///---///---///---///---  FOOTER --- */

    .footerTop div.footerSocial {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .footerSocial span {
        display: block;
        margin-right: 0px;
        margin-bottom: 8px;
    }

    .footerSocial .socialLink {
        margin-right: 0px;
        padding: 5px;
    }

    .inteseSan {
        border-left: 0px solid white;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        margin-top: 8px;
        padding-top: 10px;
        width: 100%;
        text-align: center;
    }

    .inteseSan span {
        margin-left: 0px;
        width: 100%;
        margin-bottom: 10px;
    }

    .footerContent {
        width: 46%;
        margin: 2% 4% 0% 0%;
        float: left;
        min-height: 170px;
    }

    .footerBot p {
        font-size: 9px !important;
    }

    .footerBot img {
        width: 40%;
    }

    /* ---///---///---///---///---  INNER MENU --- */

    .innerMenu {
        padding: 0;
        border-top: 1px solid #E1E1E1;
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .innerMenuHolder {
        width: auto;
        height: 60px;
        margin: 0%;
        text-align: center;
        background-image: none;
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        float: left;
        text-decoration: none;
        -webkit-filter: grayscale(1) brightness(1.4);
        filter: grayscale(1) brightness(1.4);
        -webkit-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        background-color: #ffa079;
        padding-bottom: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .innerMenuHolder img {
        max-width: 30px;
    }

    .innerMenuHolder p {
        padding: 0px 10%;
        font-weight: 500;
        color: #C49C3B;
        line-height: 1.3;
        margin-top: 5px;
        font-size: 9px;
        position: absolute;
        top: 37px;
        width: 80%;
    }

    .innerMenuHolder.active {
        -webkit-filter: grayscale(0) brightness(1);
        filter: grayscale(0) brightness(1);
        background-color: white;
    }

    .innerMenuHolder:hover {
        -webkit-filter: grayscale(0) brightness(1);
        filter: grayscale(0) brightness(1);
        background-color: white;
    }

    /* ---///---///---///---///---  ARTICLE PREVIEW   --- */

    .articlePreview {
        text-decoration: none;
        margin: 30px 0;
        width: 100%;
    }

    .articlePreview img {
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

    .articlePreview .shortText {
        position: relative;
        margin-left: 0%;
        padding: 1% 0% 0% 3%;
    }

    .articlePreview .shortText p {
        font-weight: normal;
        line-height: normal;
        font-size: 14px;
        color: #323232;
        margin-top: 10px;
    }

    /* ---///---///---///---///---  LEADERS --- */

    .leaderProfile {
        width: 90%;
        min-width: auto;
        position: relative;
        height: auto;
        margin: 30px 0 10px 5%;
    }

    .leaderProfile img {
        height: initial;
        width: 50%;
    }

    .leaderHeadline {
        padding: 30px 0 0 55%;
        line-height: 1;
        font-size: 18px;
    }

    .textHolder h2.subHeadline {
        padding: 0% 5%
    }

    .textHolder p.bodyText {
        padding: 0% 5%;
    }

    .leaderList {
        width: 100%;
    }

    .leaderList .names {
        width: 45%;
        font-size: 14px;
    }

    .leaderList .function {
        width: 50%;
        font-size: 14px;
    }

    .leaderHeadline span {
        margin-top: 5px;
        font-size: 15px;
    }

    .leaderProfile div {
        height: 100px;
    }

    .leader p {
        text-align: left;
    }

    .textHolder p.centerText {
        font-size: 14px;
        padding: 0% 5%;
    }

    .openInfo h3 {
        padding: 0% 5%;
    }

    .openInfo li {
        font-size: 14px;
    }

    .openInfo .docHolder {
        padding-top: 10px;
    }

    .docHolder {
        width: 100%;
        margin: auto;
    }

    .mainSelection {
        width: 90%;
        margin-left: 5%;
    }

    .mainSelection .innerSelectionText p {
        color: white;
        margin-top: 0;
        padding: 15px;
    }

    .mainSelection .innerSelectionText {
        position: absolute;
        top: 15%;
        width: 90%;
        margin-left: 5%;
        text-align: center;
    }

    .mainSelection a {
        width: 50%;
        height: initial;
        display: inline-block;
        margin: 0px;
        border-radius: 80%;
        border: none;
        position: relative;
        -webkit-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        float: left;
    }

    .mainSelection a:hover {
        border: 0px dashed #C49C3B;
    }

    .sliderSection .headerCtaBtn {
        margin-top: 30px;
    }

    .sliderSection .sliderContent h1 {
        font-size: 30px;
    }

    .sliderSection .sliderContent p {
        font-weight: 300;
        font-size: 15px;
    }

    .sliderSection .slick-dots li.slick-active button {
        color: white;
        border-radius: 20px;
    }

    .sliderSection .slick-dots {
        bottom: 18px;
		display: flex;
        justify-content: center;
    }

    .sliderSection .slick-dots li.slick-active button:before {
        background-color: white;
    }

    .sliderSection .slick-dots li button:before {
        background-color: rgba(255, 255, 255, 0.3);
    }

    .sliderSection .sliderContent {
        width: 85%;
        margin-left: 7.5%;
    }

    /* ---///---///---///---///---  FORM --- */

    .input-field.half {
        width: 87%;
        margin: 2% 5% 10px 5%;
        height: 55px;
    }

    .input-field {
        width: 85%;
        margin: 2% 5% 10px 5%;
    }

    .input-field.checkbox {
        width: 90%;
        margin: 0% 5% 20px 5%;
        line-height: 1.3;
    }

    .imageSection .container {
        padding: 40px 0;
    }

    .formSubmit {
        margin: 0% 5%;
    }

    .input-field.checkbox span {
        display: block;
        float: right;
        width: 87%;
    }

    .input-field input[type='checkbox'] {
        height: 20px;
        width: 9%;
        padding: 8px;
        display: inline-block;
        float: left;
    }

    /* ---///---///---///---///---  SELECT --- */
    .custom-select {
        width: 90%;
        margin: 30px 5%;
    }

    .custom-select.selectSmall {
        width: 80%;
        margin: 30px 10%;
    }

    .squareDecor {
        width: 30px;
        position: absolute;
        bottom: -16px;
        text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
        z-index: 0;
        margin-left: 50%;
        left: -15px;
    }

    .headerCtaHolder {
        bottom: -30px;
    }

    .headerCtaBtn {
        background-color: #C49C3B;
        border: none;
        padding: 8px 15px;
        color: white;
        z-index: 10;
        display: inline-block;
        text-decoration: none;
        font-size: 14px;
    }

    .whiteSection {
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.10);
                box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.10);
    }

    .greySection {
        min-height: 200px;
    }

    .greySection .container {
        min-height: 200px;
    }

    .datum .docDownload {
        width: 96%;
        min-width: initial;
        height: 69px;
        float: left;
        margin: 0.25%;
        margin-left: 2%;
        margin-top: 30px;
        -webkit-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

    .docDownload {
        width: 80%;
        margin: 2% auto;
        min-width: 250px;
        height: 59px;
        float: left;
        -webkit-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

    .docDownload .iconHolder {
        height: 35px;
        width: 35px;
        margin: 12px 15px;
    }

    .docName {
        height: 59px;
        line-height: 59px;
        font-size: 14px;
    }

    .breadcrumb span {
        display: none;
    }

    .breadcrumb .textHolder a {
        display: none;
    }

    .breadcrumb .textHolder a:nth-child(1) {
        display: inline;
        margin-left: 20px;
    }

    .breadcrumb .textHolder a:nth-child(2) {
        display: inline;
        vertical-align: middle;
    }

    .cardTop img.cardImage {
        width: 50%;
        padding: 0px;
        margin-left: 25%;
    }

    .cardTop p {
        width: 80%;
        margin-left: 10%;
        min-width: initial;
        text-align: center;
        padding-top: 20px;
    }

    .cardMid p {
        width: 85%;
        margin-left: 7.5%;
    }

    .docName span {
        display: inline-block;
        vertical-align: middle;
        line-height: 1.35;
        font-size: 12px;
    }

    .cardBox {
        width: 100%;
        min-width: 260px;
        margin: 3% auto;
    }

    .resultBox {
        width: 70%;
        min-width: 260px;
        margin: 3% 15%;
    }

    .resultInfo {
        display: none;
    }

    .textHolder h2.subHeadline {
        text-align: center;
    }

    .textHolder h2 {
        text-align: center;
    }

    .selectionInfoBox {
        width: 70%;
        margin-left: 10%;
        padding: 5%;
    }

    .selectionInfoBox p {
        text-align: left;
    }

    .textHolder p.brandLogo img {
        max-width: 150px;
    }

    .brandSelector a {
        width: 30%;
        padding: 5%;
    }

    .smartButtonHolder02.desktop {
        display: none;
    }

    .custom-select.selectSmall.mobile {
        display: block;
    }

    .resultBox.active img.decor {
        display: none;
    }

    .select-items div,
    .select-selected {
        padding: 3px 36px;
    }

    .select-selected.select-arrow-active:after {
        top: 21px;
    }

    .sliderSection div {
        height: 80vh;
        background-position: 50%;
    }

    .sliderSection .sliderContent {
        margin-top: 20vh;
    }
    
}

.videoSliderContent .centerText-black {
    color: #f9f9f9;
}


.videoSliderContent .mainHeadline-naked {
    color: #f9f9f9;
}

.Txt p {
    text-align: left;
    /*margin-top: 35px;
    margin-bottom: 20px;*/
}

.cards-tab {
    display: none;
}

.cards-tab.active {
    display: block;
}

.search-container button {
    padding: 4px !important;
    height: 33px;
}

.search-container button img {
    padding: 0;
}

/***Accordion ***/

.panel {
    display: none;
}

.panel p {
    padding-bottom: 1.5rem;
}

.accordion {
    font-weight: bold !important;
    list-style-type: circle;
    cursor: pointer;
}

/***Search ***/
.ezsearch-pager p {
    text-align: center;
}

form.ezsearch-form {
    display: none;
}

.search-container img {
    height: 15px;
}

/*----Ie fix----*/

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .nav input[type=text] {
        padding: 6px 6px 9px;
    }
}

_:-ms-fullscreen,
:root .nav input[type=text] {
    padding: 6px 6px 9px;
}

/* IE11 */

_:-ms-lang(x),
_:-webkit-full-screen,
.nav input[type=text] {
    padding: 9px 0 6px 11px;
}

/* Edge */

/*----MS Edge Browser CSS Start----*/
@supports (-ms-accelerator:true) {
    .selector {
        property: value;
    }

    .nav input[type=text] {
        padding: 9px 0 6px 11px !important;
    }
}

@supports (-ms-ime-align:auto) {
    .selector {
        property: value;
    }

    .nav input[type=text] {
        padding: 9px 0 6px 11px !important;
    }
}

@supports (display:-ms-grid) {
    .nav input[type=text] {
        padding: 9px 0 6px 11px !important;
    }
}

/* Edge    */
_:-ms-lang(x)::backdrop,
.nav input[type=text] {
    padding: 9px 0 6px 11px !important;
}

.nav input[type=text]:not(*:root) {
    padding: 9px 0 6px 11px !important;
}

/*----MS Edge Browser CSS End----*/

_::-webkit-full-page-media,
_:future,
:root .nav input[type=text] {

    padding: 9px 0 6px 11px !important;

}

/* Safari 6.1-7.0 */

/*@media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0) {
    .nav input[type=text] {
        (;

            padding: 9px 0 6px 11px !important;

        );
    }
}*/

/* Safari 6.1-10.0 (10.1 is the latest version of Safari at this time) */

/*@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        .nav input[type=text] {
            (;

                padding: 9px 0 6px 11px !important;

            );
        }
    }
}*/

/* Safari 7.1+ */

_::-webkit-full-page-media,
_:future,
:root .safari_only {

    padding: 9px 0 6px 11px !important;

}

/* CHAT*/
div.asseco-card .mdl-card__title {

    background-color: #C49C3B;
}

div.asseco-card .mdl-card__menu {
    background-color: transparent;
    color: #fff;
}

button.mdl-button.mdl-button--colored {
    color: #fff;
    background: #49484C;
}

/* Support agent chat */
ul.asseco-window-chat-agent-message .mdl-list__item-primary-content {
    background-color: #ffffff;

    border-radius: 3px;
}

/* Korisnik client chat */
li.asseco-window-chat-client-message .mdl-list__item-primary-content {
    background-color: #D4D4D4;

}

ul.asseco-chat-window-list {
    background: #E8E8E8;
}

div.asseco-card .mdl-card__actions {

    background-color: #E8E8E8;
}

div.asseco-chat-window-tbar {

    border-bottom: none;

}

div.mdl-card__actions.mdl-card--border {
    border-top: none;
    /*background: #fafafa;*/
}

#asseco-captcha div.mdl-card__actions.mdl-card--border {

    background: #fafafa;
}

textarea.mdl-textfield__input {
    background: white;
}

span.asseco-window-chat-message-time {

    color: #8D8C93;
}

div.asseco-chat-window-bbar {

    background-color: #E8E8E8 !important;
}

li.asseco-window-chat-agent-message .mdl-list__item-primary-content {
    background-color: #ffffff;

}

li.asseco-window-chat-client-message:after {

    border-color: #D4D4D4 transparent transparent #D4D4D4;
}

.asseco-chat-window-send button.mdl-button.mdl-button--colored {
    font-weight: 600;
}

div.mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
    color: rgba(0, 0, 0, .26);
}

a.mdl-button.mdl-button--colored {
    color: #4d4d4d;
}

label.mdl-textfield__label:after {
    background-color: #c49c3b;
}

#asseco-captcha-captcha-change {
    color: #49484C;
}

div.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: #e91e1e82;

}

span.mdl-textfield__error {
    color: #e91e1e82;

}

li.asseco-window-chat-agent-message:after {

    border-color: #ffffff #ffffff transparent transparent;
}

#asseco-chat-window-list .asseco-window-chat-agent-message:after {

    border-color: #ffffff #ffffff transparent transparent;
}

.asseco-card .mdl-card__supporting-text .mdl-textfield__input {

    padding-left: 10px !important;
    padding-top: 10px !important;
}

textarea.mdl-textfield__input {
    width: 95%
}

.offerBoxHolder {
    /*width: 45%;*/
    background: #FFFFFF;
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    text-align:center;
    margin: 1rem 1.5rem;

    
}
.offerBoxHolder:hover {
    /*width: 45%;*/
    
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35);
  
}
/*.rate{
    text-align: left;
}*/
.offerBoxHolder .offer {
    width: 100%;
    height:100%;
    position: relative;
}

.hiddenObject{
    position: absolute;
    background-color: white;
    bottom: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    height: 119px;
        width: 100%;
        margin-bottom: 5px;

}

.hiddenObject p.popust-disclamer{
    display: block
}

.offerBoxHolder:hover .hiddenObject.forHover{
    opacity: 1;
    display: block;
}

.offerBoxHolder .offer .topText {
    width: 85%;
    margin: auto;
    padding-top: 15px;
    margin-bottom:10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: left;
    font-weight: 600;
    min-height:65px;
    max-height:65px;
   
}

.offerBoxHolder .offer .topText a{
    color: #C49C3B;
}

.offer .topText {}

.offer .topText .offerLogo{
    /* width: 100px; */
    height: auto;
    display: block;
}

.offer .offer-txt-holder{
    padding:15px;
}

/* 
LINK + tekst

LOGO */

.offerMore{
    max-height: 0.01px;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;

}

.offerMore.expand{
    max-height: 100%;
    /*-webkit-transition: -webkit-transform .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out;
    transition: transform .2s ease-in-out; */

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */
            animation: fadein 2s;   
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */

/* Opera < 12.1 */
.offerBoxHolder .offer .offerImage {
    width: 100%;
    border-bottom: 10px solid #C49C3B;
}

.offerBoxHolder .offer .rate img{
    width:32%;
}


.offerBoxHolder .offer .popustHolder, .offerMore .popustHolder {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom:10px;
        min-height:95px;

    
}


.offer .popustHolder .popust, .offerMore .popustHolder .popust {
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    margin-bottom:20px;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
            max-height:65px;
    
}

.offer .rate{
    margin-bottom: 10px;
        padding: 21px;
            text-align: left;
}

.offer .popustHolder .popust .popust-image, .offerMore .popustHolder .popust .popust-image {  
    width:30%;
    background-image: url("/img/popust-hex.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-align: center;
    height: auto;
    margin-left:20px;
}
.popust-slika{
    width:30%;
    margin-left:20px;
}
.popust-slika img{
    width: 100%;
}
.offer .popustHolder .popust .popust-image .popust-image-txt, .offerMore .popustHolder .popust .popust-image .popust-image-txt{
height:100%;
margin:19px 0px;
margin-left:10%;
font-weight: 800;
font-size:14px;
font-family: 'Roboto Slab', serif;
}
.popustHolder .popust .popust-image .popust-image-txt-percent{
height:100%;
margin-top:10px;
margin-left:10%;
font-weight: 800;
font-size:14px;
}

.offer .popustHolder .popust .popust-image .popust-image-txt-percent-extra{ 
height:100%;
margin:19px 0px;
margin-left:10%;
font-weight: 800;
}

.popustHolder .popust .popust-image .percent{
    font-size:28px;
    margin-left:15px;
    margin-bottom:5%;
    margin-top:-5%;
    padding:0px;
    font-weight:600;
    font-family: 'Roboto Slab', serif;
}

.offer .popustHolder .popust .popust-image .popust-image-txt-percent-extra .percent{
    font-size:24px;
}

.offer .popustHolder .popust .popust-image .popust-image-txt p, .offerMore .popustHolder .popust .popust-image .popust-image-txt p{
    margin-bottom:10px;
    line-height: 1 !important;
    margin: 2px;
}

.offer .popustHolder .popust .popust-image .popust-image-txt-percent p{
    margin-bottom:10px;
    line-height: 1 !important;
    margin: 2px;
}

.offer .popustHolder .popust .popust-image .popust-image-txt-percent-extra p{
    margin-bottom:10px;
    line-height: 1 !important;
    margin: 2px;
    font-size:14px;
}


.offer .popustHolder .popust .popust-tekst, .offerMore .popustHolder .popust .popust-tekst {
    width:60%;
    margin-left:4%;
    text-align: left;
    font-size:16px;
    margin-right:4%;
    font-family: Open Sans;    
    
}

.offerBoxHolder .popust-disclamer {
    display:none;
    width:95%;
    margin:auto;
    font-size:12px;
    
    }

.offerBoxHolder .popust-disclamer.open{                  display: block;
    width:90%;
    margin:auto;
    margin-bottom:20px; 
    font-size:12px; 
    }

.offerBoxHolder .popustMoreBtn {
    background:#C49C3B;
    color: white;
    padding: 7px 25px;
    border-radius: 5px 5px 0px 0px;  
    font-size: 12px;
    border: none;
}

.offerBoxHolder .popustMoreBtn:focus{
    outline: 0;
}

.offerBoxHolder .popustMoreBtn img{
    margin-left:10px;
}

.offerBoxHolder .popust-more {
    text-align:left;
    border-top: 1px solid #C4C4C4;
    width:90%;
    margin: 0% 5% 5% 5%;
    padding-bottom:5%;
    display:none;
    
}

.offerBoxHolder .popust-more h3 {
    color:#C49C3B;
    margin-top:10%;
    margin-bottom:5%;
}

.offerBoxHolder .popust-more p {}

.offerBoxHolder .popust-more p a {
    color: #C49C3B;
    text-decoration: underline;
}

.offerBoxHolder .popust-docs{
    margin-top:10%;
}

.offerBoxHolder .popust-docs a {
    color: #4D4D4D;
    text-transform: uppercase;
}

.offerBoxHolder .popust-docs a img{
    margin-right:3%;
}


.grid{
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    max-width: 100%;
}

.grid-item{
    width:100%;
    overflow:hidden;
    margin-bottom: 20px;
    float:left;
    height:auto;

}
/*.popust:hover{
    background: red;
    display: none;
    transition: transform .2s ease-in-out; 
}*/
/*masonry*/

.offerBoxHolder {
 /* width: 300px;
  margin: 10px;
  float: left;*/
}


.masonry-wrapper {
  padding: 1.5em;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
   
}
.masonry {
 overflow: hidden;
}
.masonry-item {
  display: inline-block;
	  width: 100%;
  vertical-align: top;
  margin-bottom: 10px;

}


@media only screen and (min-width: 768px)
 {  
  .masonry-item{
	width: 50%;
	float:left;
  }
	 .masonry-item:nth-child(odd) {
    clear: left;
}
}
@media only screen and (max-width: 1023px) and (min-width: 768px)
 {  
  div.popust-slika{
    width: 40%;
  }
}
.masonry-item, .masonry-content {
 
  overflow: hidden;
}
.masonry-item {
  /*-webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, .3));
          filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, .3));*/
  -webkit-transition: -webkit-filter .25s ease-in-out;
  transition: -webkit-filter .25s ease-in-out;
  -o-transition: filter .25s ease-in-out;
  transition: filter .25s ease-in-out;
  transition: filter .25s ease-in-out, -webkit-filter .25s ease-in-out;
}
.masonry-item:hover {
/*  -webkit-filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, .3));
          filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, .3));*/
          /*box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);*/
}

/*.masonry-footer a {
  color: currentColor;
}
.masonry-footer:hover, .masonry-footer:active, .masonry-footer:focus {
  opacity: .75;
}*/

.popustMoreBtn span{
    text-transform: uppercase;
}
.popustMoreBtn img{
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; 
}
.activeRotate{
        
    -webkit-transform: rotate(180deg);
        
        -ms-transform: rotate(180deg);
        
            transform: rotate(180deg);
}
/*.Mydiv{
    display: none !important;
     -webkit-transition: -webkit-transform .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out;
    transition: transform .2s ease-in-out; 
}*/



.pogodnosti{
    font-size: 1rem;
}

.contentHeader{
    /*width:70%;*/
        margin: 1rem 1.5rem;
    text-align: center;
    font-family: 'Roboto Slab', serif;
}
/*.contentHeader img{
    margin:50px;
}*/
.contentHeader img{
    margin:50px 50px 15px;
}

.contentHeader p{
    margin:30px 0px;
}

.datum {
    color:#C49C3B;
}
.popust-slika img{
width:100%;
}
/* ++++++++MOBILE OFFER ++++++++ */

@media only screen and (max-width: 600px){
	 .Txt .applepay div{
	  width:100%;
		text-align:center;
	}
	p.cetirikartice img{
		width:100% !important;
	}
	.nepravilnaslika{
		transform: translateX(-30px) !important;
	}
	//Google pay
	.googlepay{
	justify-content:center;
	}
	//Apple pay
	
    .hiddenObject{
        display: none !important;
    }
    .popust-slika{
            width: 40%;
    }
    .offerBoxHolder .offer .topText{
        margin-bottom:25px;
        width:87%;
    }
    .offer .topText .offerLogo{
        width:75px;
    }

    .offerBoxHolder .offer .rate img{
       width:31%;
    }

    .offerBoxHolder .offer .popustHolder, .offerMore .popustHolder{
        margin-bottom:10px;
    }

    .offer .popustHolder .popust, .offerMore .popustHolder .popust{
        margin-bottom:20px;
    }

    .offer .popustHolder .popust .popust-image, .offerMore .popustHolder .popust .popust-image{

        margin-left:10px;
        width:40%;
    }

    .contentHeader img{
        width:100%;
        margin:50px 0px;
        
    }

    .contentHeader p{
    font-size:14px;
    margin:0px;
    }

    .offer .popustHolder .popust .popust-tekst, .offerMore .popustHolder .popust .popust-tekst{
    font-size:14px;
    margin-right:10px;
    }

    .offerBoxHolder .popust-disclamer {
    display:none;
    width:90%;
    margin:auto;
    margin-bottom:20px;
    
    }

    .offerBoxHolder .popust-disclamer.open{
        display: block;
        width:90%;
        margin:auto;
        margin-bottom: 40px;
    }
}
button#link_2635 {
	display:none;
}

@media only screen and (min-width: 650px) and (max-width: 1000px){
	.nepravilnaslika{
		transform: translateX(-26px) !important;
	}
}
//myway slike
.mtoken img {
	    object-fit: cover;
}

.tablica td p{
margin:0;
}
.tablica td{
padding:0.6rem;
}

#cookie_settings{
    background: black;
    position: fixed;
    bottom: 2rem;
    left: 2rem;
    z-index: 10;
	    width: 25px;
    padding: 0.5rem;
}
.moove_gdpr_text {
    font: normal 12px Arial,sans-serif;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 0 5px;
    top: 0;
    left: 0;
    position: relative;
    line-height: 40px;
    display: none;
    overflow: hidden;
    z-index: 5;
    background-color: transparent;
}
.moove_gdpr_text:hover{
display:block;
}
.applepay {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.applepay div{
width:50%;
	    text-align: center;
}
.applepay div p{

	    text-align: center;
}
/*Link na novu arhivu7.7.20*/
.arhivaLink{
	color: black;    
    text-align: left;
    display: block;
    padding: 2rem 0;
	padding-left: 20px;
	width:100%;
}
.arhivaLink span{
	color: black;
}
.arhivaLink a{
color: #C49C3B;
}
@media only screen and (min-width: 1250px) and (max-width: 1310px){
	
}

/*Slider 10 - potpis, dodan u jquery-iu append novi div*/
/*#slick-slide012 .sliderContent div*/
#slick-slide011 .sliderContent div{
	    background-image: url(/media/1730/sliderpotpis2.svg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
    width: 500px;
    height: 100px
    text-align: center;
    display: block;
    margin: auto;
    position: relative;
    top: 71px;
	    background-size: contain;
}
@media only screen and (max-width: 720px){
	div#slick-slide012 .sliderContent div{
		width:100%;
		height: 91px;
	}
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

/* Mobile search */
.search-mobile-container {
    position: fixed;
    background: rgb(77, 77, 77);
    width: 100%;
    top: -100px;
    z-index: 5000;
    text-align: center;
    padding: 20px 0;
    transition: top 0.5s ease 0s;
    display:none;
}

@media (max-width: 1250px) {
    .search-mobile-container {
        display: block;
    }
}

.search-mobile-container.active{
    top:50px;
}

    .search-mobile-container input, .search-mobile-container button{
        padding: 5px;
    }

        .search-mobile-container button{
            background:none;
            border:none;
            cursor:pointer;
        }

        .search-mobile-container input {
            width: 80%;
        }