/* css */

/* open-sans-300 - latin-ext_latin */
@font-face {
    font-family: 'Open Sans Light';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/open-sans-v15-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Light'), local('OpenSans-Light'),
    url('../fonts/open-sans-v15-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v15-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v15-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v15-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v15-latin-ext_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin-ext_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v15-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
    url('../fonts/open-sans-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v15-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin-ext_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v15-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
    url('../fonts/open-sans-v15-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v15-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v15-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v15-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v15-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin-ext_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/open-sans-v15-latin-ext_latin-800.eot'); /* IE9 Compat Modes */
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
    url('../fonts/open-sans-v15-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v15-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v15-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v15-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v15-latin-ext_latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

svg {
    transform: translateZ(0);
}


body{
    padding: 0;
    font-family: 'Open Sans', Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;

    font-weight: 100;
}

li {
    margin-left: 20px;
}

/* Input animation */

::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; }  /* Chrome <=56, Safari < 10 */
:-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 4-18 */
::-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 19-51 */
:-ms-input-placeholder { opacity: 1; -ms-transition: opacity .5s; transition: opacity .5s; } /* IE 10+ */
::placeholder { opacity: 1; transition: opacity .5s; } /* Modern Browsers */

*:focus::-webkit-input-placeholder { opacity: 0; } /* Chrome <=56, Safari < 10 */
*:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */
*:focus::-moz-placeholder { opacity: 0; } /* FF 19-50 */
*:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */
*:focus::placeholder { opacity: 0; } /* Modern Browsers */


button:focus {outline:0;}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: inherit !important;
}

a, a:hover, a:active, a:visited, a:focus {
    text-decoration:none !important;
}
/* Button GLOBAL*/

button{
    border: none;
    background-color: inherit;
}

.btn-bankart{
    width: auto;
    padding: 12px 28px;
    height: auto;
    border-radius: 5px;
    background-image: linear-gradient(124deg, #0D75C7, #0065C1);

    display: flex;
    align-items: center;
    justify-content: center;

    color: white;
}

strong{
    font-weight: bold;
}

.bolder strong{
    font-weight: 900 !important;
}

.btn-bankart span{
    height: fit-content;

    display: inline-block;
    align-self: center;

    font-size: 18px;
    margin-right: 15px;
}

.btn-bankart img{
    display: inline-block;
    vertical-align: middle;
}


/*Small Button TODO*/

.btn-bankart.small-btn span{
    font-size: 16px;
}

.white-background{
    background-color: white;
}

.bankart-section{
    padding: 95px 14% 95px 14%;
}

.grey-background{
    background-color: #fbfbfd;
}

/* Navbar */
.nav-bar{
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    height: 77px;

    flex-direction: row;

    align-items: center;
    justify-content: center;

    font-size: 17px;
}

.nav-bar-regular {
    background-color: white !important;
    color: #031B4E !important;
    border-bottom: 1px solid transparent;
    /* border-bottom: 2px solid rgba(255, 255, 255, 0.8) !important; */
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
}


.nav-bar-regular .link{
    color: #031B4E !important;
}

.nav-bar .link img{
    display: inline-block;
    align-self: center;
    margin: 0 0 0 4px;

    height: 4px;
}


.nav-bar-base{
    z-index: 9999;
    position: fixed;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.nav-bar-base .content-wrapper{
    margin: 0 auto;
    width: 72%;

    justify-content: space-between;
}

@media(max-width: 1200px){
    .nav-bar-base .content-wrapper{
        width: 90%;
    }
}
.nav-bar .nav-bar-left{
    justify-content: space-between;
}

.nav-bar-left > .wrap > img{
    margin: 0;
    margin-right: 10px;
    width: 135px;
    height: auto;
}

.nav-bar-left > .wrap{
    margin-right: 40px;
}

.nav-bar .link{
    margin: 0 15px;
    color: white;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
    font-size: 15px;
}

.nav-bar .link span{
    height: 20px;
    opacity: 0.8;
    white-space: nowrap;
}

.nav-bar .link:hover span {
    opacity: 1;
}

.drp-down-shown span {
    opacity: 1;
}

.nav-bar .active-link.link span {
    opacity: 1;
}

.nav-bar .link:not(.wrap)::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 0px;
    border-bottom: 2px solid #4ad0ed;
    bottom: -1px;
    z-index: 5;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}
.nav-bar .link.active-link::before{
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.nav-bar .link:not(.active-link):hover::before{
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}


.nav-bar-right .vertical-separator{
    width: 1px;
    height: 13px;
    background-color: rgba(255, 255, 255, 0.3);
}

.nav-bar-regular .vertical-separator{
    background-color: #031B4E;
}

.drp-down{
    height: 100%;
}

.link.drp-down-shown + .full-dropdown{
    visibility: visible;
    opacity: 1;
}

.drp-down > .full-dropdown{
    position: absolute;
    visibility: hidden;
    opacity: 0;
    border-bottom:1px solid rgba(0, 0, 0, 0.3);
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

.full-dropdown{
    width: 100%;
    right: 0;
    background-color: white;

    border-top: 2px solid lightgray;
    padding: 65px 20% 5px 15%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.full-dropdown > a{
    flex: 0 40%;
    margin-bottom: 60px;
}

.full-dropdown span{
    color: #031b4e;
    font-size: 14px;
    font-weight: 600;
    width: 250px;
}

.full-dropdown img{
    display: inline-block;
    height: 40px;
    width: 40px;
    margin-right: 35px;
}

.language-dropdown{
    width: 45px;
    right: auto;
    padding: 0;
    margin-left: 5px;
    flex-direction: column;
}

.language-dropdown a{
    padding: 10px 5px 12px 10px;
    margin: 0;
}

.language-dropdown a:first-of-type{
    border-bottom: solid 1px #979797;
}

/* Carousel */

.carousel-inner > .item, .page-header-inner > .item{
    background-color: transparent;
    width: 100%;
}

.page-header-inner > .item{
    position: relative;
}

.item > img{
    width:100%;
}

.item > .item-info-wrapper{
    position: absolute;

    left: 14%;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding-right: 14%;
    width: 86%;

    z-index: 2;
}

.page-header-inner .item-info-wrapper{
    padding-top: 77px;
}

.item-info-wrapper > h1 {
    width: 100%;

    color: white;
    font-size: 30px;

    line-height: 1.67;
    /* line-height: 1.9;     */
    margin-bottom: 30px;
}

.item-info-wrapper > p {
    width: 70vw;

    color: white;
    font-size: 20px;

    margin-bottom: 55px;
    line-height: 1.67;
}


.carousel-indicators li{
    border-radius: 50% !important;

    height: 12px !important;
    width: 12px !important;

    background-color: rgba(255, 255, 255, 0.5) !important;
    border: none !important;
    margin: 1px !important;
}

.carousel-indicators .active{
    position: relative;
    height: 12px !important;
    width: 12px !important;

    background: transparent !important;
    background: url('/wp-content/thesis/skins/classic-r/images/slider-c.svg') !important;
    background-size: contain !important;
}

.header-image{
    width:100%;
    height: 570px;
    object-fit:cover;
    overflow-x: hidden;
}

.landing .header-image{
    height: 570px;
}

#header-slide .carousel-inner .image-overlay{
    width: 100vw;
}

#header-slide .header-image{
    width: 100%;
    object-fit: cover;
    height: 100vh;
    min-height: 520px;
}


/* Services and Solutions */

.sas-wrapper{
    padding-left: 14%;
    padding-top: 95px;
    padding-bottom: 95px;
    /* padding-right: 14%; */
    padding-right: calc(14% - 20px);

    background-color: #fbfbfd;
}
.titled-section > .title{

    color: #031b4e;
    font-size: 30px;

    font-weight: bold;
}

.horizontal-separator{
    margin-top: 33px;
    background-color: #54cfeb;
    height: 2px;
    width: 73px;
}

.pdf-files-holder a{
    height: 175px !important;
    width: 186px !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    margin: 10px;
}

.card-holder{
    display: flex;

    flex-direction: row;
    justify-content: center;

    flex-wrap: wrap;

    align-items: center;

    margin-top: 50px;

    width: 100%;
}

@media (min-width: 1300px){
    .card-holder a {
        width: calc(100%/3 - 20px);
        height: calc((72vw/3 + 20px)* (2.44 / 3));
        flex-shrink: 1;
        margin-right: 20px;
        margin-bottom: 20px;
    }
}

@media (min-width: 680px) and (max-width: 1299px){
    .card-holder a {
        width: calc(100%/2 - 20px);
        height: calc((72vw/2 + 40px)* (2.44 / 3));
        flex-shrink: 1;
        margin-right: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 679px){
    .card-holder a {
        width: 100%;
        height: auto;
        flex-shrink: 1;
        margin-bottom: 10px;
    }
}

.card{
    width: 300px;

    width: 100%;
    height: 100%;


    min-height: 244px;

    background-color: white;
    border-radius: 6px;
    border: solid 1px #D4DBE2;

    display: flex;

    flex-direction: column;

    justify-content: center;
    align-items: center;

    padding: 0 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
    transition: all 0.3s;
}

.card:hover{
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.24);
}


.card > .title{
    color: #031b4e;

    text-align: center;
    font-weight: bold;

    font-size: 16px;

    margin-top: 10px;
}

.card > .content{
    color: #031b4e;

    text-align: center;
    font-size: 16px;

    margin-top: 20px;
}

.card > img {
    width: auto;
    height: 16%;
    margin-top: 20px;
    margin-bottom: 10px;
}


@media (min-width: 1300px){
    .card-holder{
        /* max-width: 72vw; */
    }
    .card-holder .card{
        width: 100%;
        height: 100%;
    }

}

.sas-cards .card > .content{
    display: none;
}

.sas-cards .card > img{
    height: 18%;
}

.sas-cards .card > .title{
    font-size: 24px;
}

@media (min-width: 2000px){
    .card > .content {
        font-size: 0.9vw;
        margin-top: 3vh;
    }

    .card > .title {
        font-size: 1.1vw;
        margin-top: 3vh;
    }
}

/* Experience */

.experience-wrapper{
    background: -webkit-linear-gradient(to bottom,#0788D4, #0467c1);
    background: linear-gradient(to bottom,#0788D4, #0467c1);

    padding-top: 95px;
    padding-bottom: 120px;
    padding-left: 14%;

    position: relative;

    overflow-x: hidden;
}

.experience-wrapper > .title{
    color: white;

    font-weight: bold;
    font-size: 30px;
}

.card-holder-exp{
    display: flex;
    flex-direction: column;

    margin-top: 95px;

    align-items: flex-start;
}

.card-wrapper-exp{
    display: flex;
    flex-direction: row;

    justify-content: center;
    align-items: center;

    flex-wrap: wrap;
}

.card-exp{
    display: flex;

    flex-direction: column;
    align-items: flex-start;

    width: 300px;
    min-width: 300px;

    height: 164px;

    border-radius: 6px;
    border: solid 1px rgba(255, 255, 255, 0.5);

    margin-right: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.card-exp > .number-amount{
    display: flex;

    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;

    margin-left: 15px;
}

.card-exp > .number-amount > .number{
    font-size: 70px;
    font-weight: 600;
    color: #54cfeb;
    height: 92px;
    margin-right: 5.5px;
}

.card-exp > .number-amount > .amount{
    font-size: 34px;
    color: #CBE2F3;
}

.card-exp > .text {
    font-size: 18px;
    color: white;

    font-weight: bold;

    margin-left: 15px;
    padding-right: 15px;
}

.experience-wrapper > .image-right{
    position: absolute;

    height: 455px;
    width: auto;

    right: 0;
    top: 50px;
    transition: all 0.2s cubic-bezier();
}

/* Slider Content */

.slider-content-wrapper{
    background: linear-gradient(to bottom, #03325F, #02274F);
    padding-left: 14%;
    width: 100%;
    min-height: 726px;

    display: flex;
    flex-direction: row;

    justify-content: flex-end;
    position: relative;
}

.right-slider-content{
    flex-grow: 4;
    flex-shrink: 10;

    position: relative;
    right: 0;
    background: url('/wp-content/thesis/skins/classic-r/images/picture-section4.png');
    background-size: auto 100%;
}

.right-slider-content > img{
    height: 100%;
    width: auto;
}

.right-slider-content > .slider-right-img{
    z-index: 2;
    position: absolute;
    left: -1px;
    top: 0;
}

.slider-content-wrapper .item p strong{
    color: white;
}

.left-slider-content{

    flex-grow: 3;
    flex-shrink: 1;

    display: flex;

    flex-direction: column;

    /* padding-top: 40px; */
    padding-top: 53px;
    padding-bottom: 110px;

    align-items: baseline;
    justify-content: flex-start;
    width: 40%;
    max-width: 60%;
}

.left-slider-content > p{
    color: #8097AD;

    font-size: 16px;
    margin: 0;
}

.left-slider-content .slider-carousel{
    width: 85%;
    height: 100%;
}

.slider-carousel{
    position: static !important;
}

.slider-carousel .item > h1{
    color:white;
    font-weight: bold;

    font-size: 30px;
}

.slider-carousel .item > p{
    color: #CBD3DB;
    font-size: 18px;
    margin-top: 95px;
    line-height: 1.9;
}

.slider-carousel .carousel-indicators{
    left: 15% !important;
    bottom: 50px !important;
}
/* Quote */

.quote-wrapper{
    padding-top: 60px;
    padding-left: 14%;
    padding-right: 14%;
    padding-bottom: 56px;

    border-bottom: solid 1px #eeeef0;

    background-color: white;

    position: relative;

    overflow: hidden;
}

.quote-content-wrapper{
    width: 100%;
    /* height: 345px; */
    height: auto;
    padding: 30px 0 30px 0;

    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: center;

    border-radius: 6px;
    border: solid 1px #EEEEF0;

    background-color: white;

    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
    z-index: 3;
}

.quote-content-wrapper > .quote{
    text-align: center;
    font-size: 22px;
    color: #1f4878;
    margin-top: 24px;
    margin-bottom: 29px;
    line-height: 1.67;
    padding: 0 35px;
}

.quote-content-wrapper > .quote p {
    display: inline;
}

.quote-content-wrapper > img{
    height: 40px;
    width: auto;
}

.quote-content-wrapper > .quote img {
    display: inline;
    vertical-align: top;
}

.author{
    display: flex;

    justify-content: center;
    align-items: center;

    flex-direction: column-reverse;
}

.quote-card-carousel .quote-card > .author {
    flex-direction: row !important;
}

.author > .name{
    font-size: 16px;
    color: #1f4878;

    margin-right: 10px;
    text-align: center;
}

.author > img{
    height: 56px;
    width: auto;
    border-radius: 50%;
}

/* Features */

.features{
    background-color: #FBFBFD;
}
.features-wrapper{
    padding: 95px 14% 0 14%;

    display: flex;
    flex-direction: column;

    justify-content: flex-start;
    align-items: center;

    background-color: inherit;

    overflow-x: hidden;
}

.feature{
    width: 100%;
    height: fit-content;
    min-height: 55vh;
    position: relative;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;

    /* margin-bottom: 55px; */
    margin-bottom: 100px;
}

.feature > .window{
    width: 50vw;
    height: fit-content;
    min-height: 60%;

    z-index: 1;

    background-color: white;
    border-radius: 6px;

    padding: 5% 7.2% 5% 6.4%;

    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: baseline;

    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
}

.feature > .window > .title{
    color: #041c4f;
    font-size: 24px;
    margin-bottom: 20px;
}

.feature > .window > .content{
    color: #041c4f;
    font-size: 18px;
    /* margin-bottom: 20px; */
    margin-bottom: 0px;
}

.feature > .window .btn-bankart {
    margin-top: 25px;
}

.feature > .image-wrapper{
    position: absolute;
    right: 0;
    top: -10px;
    z-index: 0;
    height: calc(100% + 20px);

    width: 36vw;

    border-radius: 8px;

}

.feature .image{
    width: 100%;
    height: 100%;
    background-size: cover !important;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    -webkit-opacity: 0.75;
    opacity: 0.75;
    /* border-radius: 8px; */
}

.feature.swap {
    justify-content: flex-end;
}

.feature.swap > .image-wrapper{
    left: 0;
}

.feature-read-more{
    display: flex;
    align-items: baseline;
    color: #0368C2;
    font-size: 16px;
    font-weight: bold;
    padding-top: 20px;
    cursor: pointer;
}

.feature-read-more img{
    display: inline-block;
    margin-left: 7px;
    height: 14px;
    transition: transform 0.6s;
}

.feature-more-text.active + p .feature-read-more > img {
    transform: rotateZ(-180deg);
}
/* Logos */

.curve{
    width: 100vw;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index:2;

    overflow: hidden;
}

.curve > img{
    width: 100vw;
}

.logo-slider{
    background-color: #FBFBFD;
    position: relative;

    overflow: hidden;

    border-top: solid 1px #EEEEF0;
}

.logo-slider-wrapper{
    height: 200px;
    width: 100%;

    display: flex;

    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.logo-slider-wrapper img{
    width: auto !important;
    margin: 0 auto;
}

.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.logo-slider .owl-item{
    padding: 40px;
}

/* Map */
.country-map-wrapper{
    padding-top: 95px;
    padding-bottom: 36px;

    display: flex;

    flex-direction: column;
    justify-content: flex-start;
    align-items: center;

    background: linear-gradient(to bottom, #064B82, #043A6A);
    background-repeat: no-repeat;
}

.country-map-wrapper > .title{
    font-size: 30px;
    color: white;
    font-weight: bold;
}


.country-map-wrapper > img{
    margin-top: 90px;

    width: 40%;
    height: auto;
}



/* Contact Us */

.contact-us-wrapper{
    background: linear-gradient(to bottom, #043969, #032F5A);

    border-top: solid 1px #2A577F;
    border-bottom: solid 1px #294D72;

    color: white;
    padding-left: 14%;
    padding-right: 14%;
    padding-top: 40px;
    padding-bottom: 54px;
}

.contact-us-wrapper > .contact-us-content{
    display: flex;

    width: 100%;

    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.contact-us-left{
    width: 40%;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;
    align-items: baseline;
}

.contact-us-left > .title{
    font-size: 30px;
    font-weight: bold;
}

.contact-us-left > .content{
    font-size: 16px;
    margin-top: 35px;
}

.contact-us-right {
    width: 50%;
}

.bankart-form {
    width: 100%;

    display: flex;
    flex-direction: column;

    justify-content: flex-start;
    align-items: baseline;

    color: white;
}

.bankart-form > .dual{
    display: flex;
    flex-direction: row;

    width: 100%;
    justify-content: space-between;
}

.bankart-form > .dual input {
    width: 45%;
    height: 50px;

    padding-left: 10px;
}

.bankart-form textarea {
    width: 100%;
    height: 260px;
    resize: none;

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

.bankart-form input, .bankart-form textarea, select{
    background-color: #10406C;
    margin-bottom: 20px;

    border: solid 1px #29537A;
}

.bankart-form input::placeholder, .bankart-form textarea::placeholder{
    color: white;
}

.bankart-form input::-webkit-input-placeholder, .bankart-form textarea::-webkit-input-placeholder{
    color: white;
}

.bankart-form input:-ms-input-placeholder, .bankart-form textarea:-ms-input-placeholder {
    color: white;
}

.white-form-text .wpcf7-response-output {
    color: #10406c;
}
/* Foooter */

.footer-wrapper{
    display: flex;
    flex-direction: column;

    width: 100%;

    padding-left: 14%;
    padding-right: 16%;

    padding-bottom: 0;
    padding-top: 60px;

    background: linear-gradient(to bottom, #032D58, #02254C);
}

.footer-wrapper > img{
    width: 180px;
    height: auto;
    margin-bottom: 20px;
}

.footer-wrapper > .main-footer{
    display: flex;

    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;



    padding-bottom: 48px;
}

.main-footer > .side-1{
    display: flex;

    flex-direction: column;

    width: 31.5%;
}


.main-footer > .side-1 > p{
    font-size: 14px;
    color: #F8F9FA;

    font-weight: 100;
    line-height: 2.1;

    margin: 0;
}

.main-footer > .side-1 > .contact-center{
    margin-top: 30px;
}

.main-footer > .side-1 > .contact-center > p{
    color: rgba(255, 255, 255, 0.5);
}

.main-footer > .side-1 > .contact-center > .number{
    font-size: 24px;
    color: white;
    text-decoration: none;
}

.main-footer > .side-1 > .contact-center > .number a{
    text-decoration: none;
    color: inherit;
}
.main-footer > .side-1 > .contact-center > .number a:hover{
    color: inherit;
}

.main-footer > .side-1 > .links{
    margin-top: 85px;
    display: flex;

    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
}

.main-footer > .side-1 > .links > a{
    color: white;
    font-weight: 600;

    font-size: 1vw;
    white-space: nowrap;
}

.main-footer > .side-1 > .links > .vertical-separator{
    background-color: #214265;
    height: 1vw;
    width: 1px;

    margin-left: 1.8vw;
    margin-right: 1.8vw;
}



.main-footer > .side-2{
    width: 26%;
}

.main-footer > .side-2 > h1{
    font-weight: 700;
    color: white;
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 2.1;
}

.main-footer .break {
    font-size: 14px;
    line-height: 2.1;
    min-height: 3vh;
}


.main-footer > .side-2 > a,
.main-footer > .side-3 > a,
.main-footer > .side-2 > .links > a
{
    color: rgba(255, 255, 255, 0.5);
    line-height: 2.1;

    font-size: 14px;
}

.main-footer > .side-2 > .links > a {
    color: white;
    font-weight: 700;
    display: block;
}

@media (max-width: 1299px) and (min-width: 1000px){
    .country-map-wrapper > img{
        width: 50%;
    }
}

@media (max-width: 999px) and (min-width: 768px){
    .country-map-wrapper > img{
        width: 65%;
    }
}

/* .main-footer > .side-3 > a
{
    display: block;
} */

.main-footer > .side-3{
    width: 20%;
}

.main-footer > .side-3 > h1{
    font-weight: 700;
    color: white;
    font-size: 14px;
    margin: 0;
    line-height: 2.1;
}

.main-footer > .side-3 > p{
    color: white;
    line-height: 2.1;

    font-size: 14px;
    margin-bottom: 4vh;
}

.main-footer > .side-3 > .footer-contact > span,
.main-footer > .side-3 > .footer-contact > a{
    color: white;
    line-height: 2.1;
    font-size: 14px;
}

.main-footer > .side-3 > .footer-contact {
    color: rgba(255, 255, 255, 0.5);
}

.main-footer > .side-3 > .footer-contact.padded {
    margin-bottom: 4vh;
}

.main-footer > .side-3 > .footer-contact > span{
    color: #54CFEB;
    font-weight: 600;
}

.additional-info {
    background-color: #10406C;
    display: flex;

    flex-direction: row;
    padding-left: 14%;
    padding-right: 16%;
    padding-top: 20px;
    padding-bottom: 20px;
    align-items: center;
    justify-content: space-between;

    border-top: solid 1px #386084;
}

.additional-info  > .footer-bankart,
.additional-info > .website-design{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;

    font-size: 14px;
}

.additional-info p {
    color: #9FB2C4;
    margin: 0;
}

.additional-info > .footer-bankart > a{
    color: #9FB2C4;
    margin-left: 20px;
}

.additional-info > .website-design > a{
    color: white;
}

.website-design img{
    height: 18px;
    margin-left: 20px;
}

/* Company */

.company-sas .card{
    /* width: 450px; */
    width: calc(50% - 20px);
    height: 350px;

    min-width: 450px;
    min-height: 350px;

    margin-right: 20px;
    margin-bottom: 20px;

    background-color: white;
    border-radius: 6px;
    border: solid 1px #D4DBE2;

    display: flex;

    flex-direction: column;

    justify-content: center;
    align-items: center;

    padding: 0 25px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
}

.company-sas > .card > .content{
    margin: 20px 10% 20px 10%;
}

.company-sas .card > img{
    height: 12%;
    width: auto;
}

@media (min-width: 1300px){
    .company-sas > .card-holder > .card{
        /* width: 37.5vw; */
        /* height: 26vw; */
    }
}

.company-card > .title {
    font-weight: 900;
    font-size: 18px;
}

/* Features */
.white-wrapper > *{
    background-color: white;
}

/* PDF Files */
.pdf-files-wrapper{
    padding: 0px 14% 70px 14%;
}

.pdf-files-holder{
    justify-content: center;
    margin: 0;
}

.pdf-files-holder .card{
    min-height: 175px;
    min-width: 186px;
    height: 175px;
    width: 186px;
}

.pdf-files-holder .card > img {
    height: 34px;
    width: auto;
}

.pdf-files-holder .card > .title {
    font-size: 14px;
}

.pdf-files-holder .card > .content{
    font-size: 13px;
    color: #75829E !important;
}

.pdf-files-holder h1{
    display: block;
    text-align: center;
    width: 100%;
    color: #031b4e;
    font-size: 26px;
    margin: 95px 0;
    font-weight: 700;
    /* margin-bottom: 95px; */
}

/* Staff */

.staff-wrapper{
    padding: 110px 14%;
    line-height: 1.67;
    background-color: #F9FAFC;
}

.staff-header > .content {
    margin-top: 10px;
    color: #4d6084;
}

.staff-member-container{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;

    text-align: center;
    margin-top: 45px;
}

.staff-member > .card{
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    background-color: white !important;

}

.staff-member{
    color: #4d6084;
    font-size: 24px;
    width: calc(100%/3);
    max-width: 330px;
}

.staff-member > .position , .staff-member > .name {
    padding-right: 20px;
    text-align: left;
}

.staff-member > .position {
    font-size: 18px;
    font-weight: 900;
    padding-right: 60px;
}

.staff-sector{
    margin-top: 73px;
}

.staff-security{
    position: relative;
    display: flex;
    justify-content: center;
}

.security-left{
    position: absolute;
    left: 0;
}

.security-center{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 500px;
    margin-top: 73px;
}

.security-title{
    font-size: 24px !important;
    margin-bottom: 40px;
}

.security-class{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.security-class > .security-names{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    text-align: left;

    padding-top: 7px;
}

.security-class > .security-names > p{
    margin: 0;
    font-size: 18px;
    color: #4d6084;
    width: 100%;
}

.security-class > .security-names > .break{
    height: 50px;
}

/* Partners */

.partner-wrapper{
    padding: 14% 125px;
    background: url('/wp-content/thesis/skins/classic-r/images/logo-block-background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.partner-wrapper > .title{
    font-weight: 100;
    color: white;
}

.partner-wrapper > .title > strong{
    font-weight: 700 !important;
}

.logo-block{
    display: flex;
    flex-wrap: wrap;

    margin-top: 40px;
}

.logo-block > .image{
    flex: 1 0 18%;
    margin: 15px 5px;
    height: 100px;

    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Chart */

.chart-wrapper > .content{
    margin-top: 10px;
    color: #4d6084;
    font-size: 16px;
}

.chart-wrapper{
    background-color: #F9FAFC;
    padding: 95px 14% 110px 14%;
}

.chart-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 95px;
}

.chart-stat{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.chart-stat > .stat-color{
    height: 30px;
    width: 30px;
    border-radius: 5px;
    margin-right: 25px;
}

.chart-stat > p{
    font-size: 15px;
    color: #4d6084;
    margin: 0;
}

.company-sas > .card-holder{
    margin: 0;
}


/* Storitve in resitve */

.bank-card-info-wrapper{
    background: linear-gradient(to right, #008DD8, #0065c1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 50px 14%;
}


.round-bordered-icon{
    background: inherit;
    border-radius: 50%;
    border: solid 1px rgba(233, 235, 239, 0.48);
    background-size: 40px 40px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    height: 75px;
    width: 75px;
}


.bank-card-info-wrapper > .content{
    font-size: 18px;
    line-height: 1.67;
    color: white;
    text-align: center;
    max-width: 944px;

    margin-top: 22px;
    padding: 0 15px;
}

/* Study Examples */

.study-example-group{
    position: relative;
}

.study-example-card{
    height:612.7px;
    width: 46.7%;
    position: relative;
    justify-content: flex-start;
    padding: 40px 20px 95px 35px;
    z-index: 1;
}


.check-btn{
    color: #031b4e;
    border: solid 1px #eeeef0;
    background: white;
}

.check-btn.active{
    color: white;
    border: solid 1px #eeeef0;
    background: #056fc5;
}

.study-button-group{
    margin-top: 95px;
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
}

.study-button-group > button{
    width: 32%;
}

.study-slider .carousel-indicators li{
    background-color: rgba( 36, 108, 166, 0.2) !important;
}

.study-slider .carousel-indicators .active {
    background: url(/wp-content/thesis/skins/classic-r/images/slider-b.svg) !important;
}

.study-slider {
    position: static;
}

.study-slider h1 {
    color: #041c4f;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.37;
    margin-bottom: 25px;
}

.study-slider p {
    color: #041c4f;
    font-size: 16px;
    line-height: 1.75;
}

.study-slider{
    visibility: hidden;
    position: absolute;
    left: -999em;
    opacity: 0;
    transition: opacity ease-in 0.5s;
}

.study-slider.active{
    position: static;
    visibility: visible;
    opacity: 1;
    width: 100%;
}

.study-example-image{
    position: absolute;
    left: 42%;
    top: 15%;
}
/* Job Ad */

.job-ad-holder{
    border-radius: 9px;
    display: flex;
    flex-direction: row;
    /* width: 640px; */
    width: 720px;
    justify-content: flex-end;
    align-items: center;
    border-radius: 9px;
    border: solid 1px rgba(211, 216, 223, 0.8);
    margin: 15px 0;
}

.job-ad-wrapper{
    display: flex;
    flex-direction: column;
    margin: -15px 0;
}

.job-btn{
    height: 50px;
    width: 144px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 0 9px 9px 0;
}

.job-text{
    font-size: 18px;
    color: #031b4e;
}

.job-title{
    font-weight: 600;
    margin-left: 20px;
    margin-right: auto;
    /* max-width: 160px; */
}

.job-location{
    width: 220px;
}

.job-location::before{
    content: '';
    background-image: url('/wp-content/thesis/skins/classic-r/images/location.svg');
    background-repeat: no-repeat;
    display: inline-block;
    background-size: cover;
    background-position: center bottom;
    vertical-align: middle;
    height: 22px;
    width: 15px;
    margin-right: 9px;

}

.open-jobs-wrapper {
    padding: 95px 14%;
    background-color: #f9fafc;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.open-jobs-wrapper > .title{
    text-align: center;
    margin-bottom: 95px;
}

/* Job Single Page */

.page-content{
    padding: 50px 14% 45px 14%;
    color: #4d6084;
    font-size: 18px;
    line-height: 1.78;
}

.page-content strong{
    font-weight: 600;
    color: #031b4e;
}

.page-content .horizontal-separator{
    margin-bottom: 45px;
}

.white-form > .contact-us-wrapper{
    border: none;
    background: #fbfbfd;
    color: #10406c;
}

.white-form .bankart-form input, .white-form textarea, .white-form select{
    background-color: white;
    margin-bottom: 20px;

    border: solid 1px #eeeef0;
    color: #10406c;

}

.white-form .bankart-form input::placeholder, .white-form textarea::placeholder{
    color: #10406c;
    font-weight: 100 !important;
}

.white-form .bankart-form input::-webkit-input-placeholder, .white-form textarea::-webkit-input-placeholder{
    color: #10406c;
    font-weight: 100 !important;
}

.white-form .bankart-form input:-ms-input-placeholder, .white-form textarea:-ms-input-placeholder {
    color: #10406c;
    font-weight: 100 !important;
}


.white-form .job-input-wrapper{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Bankart Checks */

.bankart-check{
    padding: 95px 14% 70px 14%;
    background: -webkit-linear-gradient(142deg, #1182C8, #0D66B7);
    background:  linear-gradient(142deg,#1182C8, #0D66B7);
    color: white;
}

.bankart-check > .title {
    color: white;
}

.bankart-check.white-check{
    background: white;
    color: #0E2556;
}

.bankart-check.white-check > .title {
    color: #0E2556;
}


.check-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;

    margin-top: 30px;
}

.check-entry{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 45%;
    margin: 20px 0;
}

.check-entry > .text{
    font-size: 18px;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.check-circle{
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    margin-right: 10px;

    background: url('/wp-content/thesis/skins/classic-r/images/checked-icon.svg');
    background-size: 24px 18px !important;
}

.white-check .check-circle{
    background: url('/wp-content/thesis/skins/classic-r/images/checked-icon-blue.svg');
    border-color: rgba(0, 0, 0, 0.2);
}



/* Chart Zakaj */

.chart-section > .chart-title{
    color: #4d6084;
    margin-top: 85px;
    margin-bottom: 5px;
    font-size: 14px;
}

/* Quote Card */
.quote-card{
    width: 505px;
    height: 310px;
    align-items: flex-start;
    padding: 0 26px;
}

.quote-card > * {
    color: #1f4878 !important;
}

.quote-card > .title{
    font-size: 16px;
    line-height: 1.51;
    text-align: left;
}

.quote-card > .content{
    font-size: 13px;
    line-height: 1.66;
    text-align: left;
}

.quote-card .name > strong{
    color: #0267c2;
}

.quote-card > .author{
    margin-top: 25px;
}

.quote-card > .author > img{
    margin: 0;
    margin-right: 16px;

    width: 44.6px !important;
    height: 44.6px !important;
}

.quote-card-carousel .owl-item {
    opacity: 0.5;
    transition: opacity 1s;
    cursor: pointer;
}

.quote-card-carousel{
    margin-top: 10px;
}

.quote-card-carousel .owl-item.center{
    opacity: 1;
}

.quote-card-section{
    padding-bottom: 115px;
    position: relative;
}

.quote-card-section .owl-nav{
    position: absolute;
    top: 110px;
    right: 14%;
}

.quote-card-section .owl-carousel{
    position: static;
}


/* Input Style */

.input-file > .input-void {
    display: none;
}

.input-file > .input-style{
    color: #10406c;
    width: 320px;
    height: 45px;
    font-size: 14px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    background-color: white;
    border: 1px solid #eeeef0;
    cursor: pointer;
}

.input-file > .input-style > p{
    margin: 0 0 0 15px;
    max-width: 270px;
    overflow-wrap: break-word;
}


/* Actual News + Header for news */

.news-info-wrapper > h1 > p {
    font-size: 18px;
}

.news-info-wrapper > h1{
    font-weight: 600;
}

.news-content {
    color: #4d6084;
    font-size: 18px;
    line-height: 1.78;
    border-bottom: solid 1px #E8E8E8;
}

.news-navigation{
    padding: 50px 14%;
}

.news-navigation-content{
    position: relative;
    height: 34px;
}

.news-navigation-btn{
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    top: 0;
}

.news-navigation-btn > img{
    width: 28px;
    height: 26px;
}

.news-navigation-btn > p{
    margin: 0 25px;
    font-size: 24px;
    font-weight: 600;
    color: #053d6f;
}

.news-navigation-btn.left{
    left:0;
}

.news-navigation-btn.right{
    right:0;
}

/* News Card */

.news-card{
    margin: 95px 14% 50px 0;
    padding: 50px 60px;

    width: 100%;

    height: 550px;
    min-height: 550px;

    align-items: flex-start;
    justify-content: flex-start;
    background-color: #0467c1;

    border-radius: 12px;
    position: relative;
}

.news-card .date{
    font-size: 14px;
    color: white;
    margin-top: 80px;
    opacity: .8;
}

.news-card .title{
    font-size: 30px;
    color: white;
    font-weight: 600;
    margin: 15px 0 30px 0;
}

.news-card .content{
    text-align: left;
    font-size: 18px;
    color: white;
    line-height: 1.78;
    opacity: .8;
}

.news-card .read-news img{
    display: inline-block;
}

.news-card .read-news{
    margin-top: auto;
    color: white;
    font-size: 18px;
    font-weight: 600;
}

.news-card .background-image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 12px;
    object-fit: cover;
    opacity: 0.04;
}

.news-card div, .news-card a{
    z-index: 3;
}

/* Contact Us Page Form */
.standalone-contact-form{
    padding-top: 30px;
}

.contact-card{
    align-items: flex-start;
    padding: 45px 35px;
    position: relative;
    min-height: 0;
}

.contact-card > .content {
    text-align: left;
    margin-top: 35px;
}

.contact-card > .title{
    font-size: 30px;
}

.contact-card .contact-number{
    display: flex;
    flex-wrap: wrap;

    width: 100%;

    font-size: 24px;
    margin-top: 30px;

    justify-content: flex-start;
    color: #10406C;
}

.contact-card .contact-number p{
    font-size: 16px;
    font-weight: 500;
    text-align: right;
    width: 160px;
}

.contact-number .number-entry{
    display: flex;
    font-weight: 900;
    width: auto;

    align-items: baseline;
}

.contact-card .contact-number img{
    display: inline-block;
    margin: 0 20px;
    height: 20px;

    vertical-align: baseline;
}

.contact-card > .horizontal-separator{
    margin-top: 15px;
}

/* Burger Menu */
.mobile-nav-wrapper ul {
    list-style-type: none;
}

.mobile-nav-wrapper li{
    margin: 0;
}

.accordion {
    width: 100%;
    max-height: calc(100vh - 71px);
    overflow-y: auto;
    background: #FFF;
    border-radius: 0 0 4px 4px;
    border-left: 1px solid rgba(204,204,204, 0.5);
    border-right: 1px solid rgba(204,204,204, 0.5);
    border-bottom: 1px solid rgba(204,204,204, 0.5);

    margin-bottom: 0;
}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 42px;
    color: #031b4e;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid rgba(204,204,204, 0.5);
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li:last-child .link {
    border-bottom: 0;
}

.accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
    /* right: 12px; */
    right: 10%;
    left: auto;
    font-size: 16px;
}

.accordion li.open .link {
    color: #54CFEB;
    border-bottom: none;
}

.accordion li.open i {
    color: #54CFEB;
}
.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordion li.default .submenu {display: block;}

/**
* Submenu
-----------------------------*/
.submenu {
    display: none;
    background: white;
    font-size: 14px;
}

.submenu li:last-child {
    border-bottom: 1px solid rgba(204,204,204, 0.5);
}

.submenu li{
    padding: 3px 0 3px 30px;
}

.submenu a {
    display: block;
    text-decoration: none;
    color: #031b4e;
    padding: 12px;
    padding-left: 52px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    position: relative;
}

.mmenu.icon1{
    background: url('/wp-content/thesis/skins/classic-r/images/cards/icon1.svg')
}
.mmenu.icon2{
    background: url('/wp-content/thesis/skins/classic-r/images/cards/icon2.svg')
}
.mmenu.icon3{
    background: url('/wp-content/thesis/skins/classic-r/images/cards/icon3.svg')
}
.mmenu.icon4{
    background: url('/wp-content/thesis/skins/classic-r/images/cards/icon4.svg')
}
.mmenu.icon5{
    background: url('/wp-content/thesis/skins/classic-r/images/cards/icon5.svg')
}
.mmenu.icon6{
    background: url('/wp-content/thesis/skins/classic-r/images/cards/icon6.svg')
}
.mmenu.icon7{
    background: url('/wp-content/thesis/skins/classic-r/images/cards/icon7.svg')
}
.mmenu.icon8{
    background: url('/wp-content/thesis/skins/classic-r/images/cards/icon8.svg')
}

.mmenu{
    width: 25px;
    height: 25px;
    margin: 1px;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    top: 8px !important;
}
.submenu a:hover {
    font-weight: 700;
}

/* Hamburger */

.hamburger {
    padding: 10px 0 0 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger:hover {
    opacity: 0.7;
}

.hamburger-box {
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 25px;
    height: 3px;
    background-color: #031b4e;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}
.hamburger-inner::before {
    top: -7px;
}
.hamburger-inner::after {
    bottom: -7px;
}

.hamburger--spin .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}



.mobile-nav-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 9;

}
.mobile-nav-items{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5%;
    border-bottom: 1px solid #ccc;
    background-color: white;
}
.mobile-nav-items img{
    width: 135px;
}


.mobile-nav-menu{
    align-self: flex-end;
    background-color: white;
    width: 50%;
}

@media (max-width: 500px){
    .mobile-nav-menu{
        width: 100%;
        height: calc(100vh - 61px);
    }
}

/* owl fix */
.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
    -ms-touch-action: auto;
    touch-action: auto;
}

/* Generalized Line heights */
.slider-carousel .item > p,
.feature > .window > .content,
.item-info-wrapper > p,
.feature > .window .btn-bankart span,
.news-card .content,
.page-content p,
.contact-us-left > .content {
    line-height: 1.9 !important;
}

.link span {
    opacity: 0.8;
}

.nav-bar .link:hover span {
    opacity: 1;
}

.drp-down-shown span {
    opacity: 1;
}

.active-link span {
    opacity: 1;
}

.page-content h2 {
    margin-top: 45px;
}


/* Company Header */

.company-header-info{
    display: flex;

    justify-content: space-between;
    align-items: flex-start;

    flex-wrap: wrap;
    width: 100%;
}

.company-header-info .entry{
    width: 40%;

    color: white;

    display: flex;
    align-items: center;

    height: 130px;
    font-weight: 700;
    line-height: 1.67;

    font-size: 16px
}

.company-header-info .entry.bordered{
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.company-header-info .entry .round-bordered-icon{
    display: inline-block;
    margin-right: 20px;
    flex-shrink: 0;
    height: 40px;
    width: 40px;
    background-size: 23px 23px !important;
    border: solid 1px white;
}



.company-header-info .round-bordered-icon.icon1{
    background: url('/wp-content/thesis/skins/classic-r/images/white-cards/icon1.svg');
    background-color: #0079C1;
}

.company-header-info .round-bordered-icon.icon2{
    background: url('/wp-content/thesis/skins/classic-r/images/white-cards/icon2.svg');
    background-color: #00C1A6;
}

.company-header-info .round-bordered-icon.icon3{
    background: url('/wp-content/thesis/skins/classic-r/images/white-cards/icon4.svg');
    background-color: #03B6DB;
}

.company-header-info .round-bordered-icon.icon4{
    background: url('/wp-content/thesis/skins/classic-r/images/white-cards/icon3.svg');
    background-color: #D08838;
}

/* Registry */

.register-table th {
    background-color: #076dc4;
    border: 1px solid white !important;
    outline: none;
    color: white;
    font-weight: 100 !important;
}

.register-table tr{
    height: 75px;
}

.dataTables_info{
    display: none;
}

.dataTables_length{
    display: none;
}

.register-table tr.odd{
    background-color: #e5ecf2 !important;
}

.register-table tr td{
    background-color: inherit !important;
    border: 1px solid white !important;
}

.register-table thead th{
    background-position: calc(100% - 10px) 50% !important;
    padding-right: 30px !important;
    text-align: left;
}

table.dataTable thead .sorting{
    background-image: url('/wp-content/thesis/skins/classic-r/images/up-down-arrow.png');
}

table.dataTable thead .sorting_asc{
    background-image: url('/wp-content/thesis/skins/classic-r/images/down-arrow.png');
}

table.dataTable thead .sorting_desc{
    background-image: url('/wp-content/thesis/skins/classic-r/images/up-arrow.png');
}

table.dataTable.no-footer{
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
    transition: ease-in-out 0.3s all;
    border-color: transparent !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    background: rgb(7, 109, 196);
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: rgba(7, 109, 196, 0.1);
    color: black !important;
}

#table-wrapper{
    min-height: 400px;
}


.responsive-table-wrapper{
    overflow: auto;
}

.responsive-table-wrapper td,
.responsive-table-wrapper th {
    padding: 0 10px;
    border: 1px solid #0D608A;
}

.flextable-list{
    list-style: none;
    border: 1px solid #0D608A;
    padding: 10px;
}

.flextable-list li{
    margin: 0;
}

.flextable-list li.flextable-spacer:not(:last-of-type){
    margin: 10px -10px;
    height: 1px;
    width: calc(100% + 20px);
    background: #0D608A;
}

#cookie-notice .button.bootstrap {
    background: transparent !important;
    border: 1px solid white !important;
    color: white !important;
}

#cookie-notice .button.bootstrap:focus,
#cookie-notice .button.bootstrap:hover{
    border: 1px solid white !important;
    color: white !important;
    background: transparent !important;
}

.cookie-notice-container {
    background-color: #076dc4 !important;
}


/**
 XMAS CARD
 */

.xmas-card-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;

    height: 100%;
    width: 100%;

    background: rgba(0,0,0, 0.6);

    position: fixed;

    z-index: 100000;
}

.xmas-card{

    height: 265px;
    width: 770px;

    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 20;

    transform: scale(0.95);
    transform-origin: bottom right;

    font-family: 'Open Sans Light';
}

.xmas-card-top{
    background: linear-gradient(to right ,#1D3364, #0B7ABF);

    position: relative;

    display: flex;
    justify-content: flex-end;
    text-align: right;

    height: calc(100% - 40px);
    padding-right: 50px;

    color: white;
}

.xmas-card-top-content h2{
    font-size: 24px;
    margin-top: 35px;
}

.xmas-card-top-content p{
    font-size: 12px;
}

.xmas-card-bottom-wrapper{
    background: white;
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
}

.xmas-card-bottom{
    display: flex;

    height: 40px;
}

.xmas-card-top > *,
.xmas-card-bottom > *{
    z-index: 2;
}

button.window-close{
    position: absolute;
    top: 0;
    right: 0;

    display: flex;
    justify-content: center;
    align-items: center;
}

button#xmas-close{
    color: white;
    width: 20px;
    height: 20px;

    font-size: 26px;

    right: 6px;
    top: 6px;

    z-index: 9999999999;
}

button#xmas-close > *{
    width: 100%;
    height: 100%;
}

figure.santa.absolute{
    position: absolute;
    top: -50px;
    bottom: 0;
    z-index: 1;
    left: 20px;
}

figure.santa img{
    height: 100%;
}

figure.xmas-bankart{
    margin-top: 25px;
    height: 30px;
}

figure.xmas-bankart img{
    height: 100%;
    margin: 0;

    float: right;
}

figure{
    margin: 0
}

.xmas-card-bottom p{
    text-align: center;
    color: #B0AFB2;

    margin: 0;
}

.xmas-card-top-content
{
    padding-top: 10px;
}


h2.xmas-en{
    font-size: 19px;
    margin-top: 45px;
}


/** Poslovno **/
.poslovno-card-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    max-width: 960px;
    margin: 0 auto;
}

.poslovno-card-grid .card {
    min-height: 0;
    padding: 36px 24px 36px 36px;
}

.poslovno-card-grid .card .card-wrapper {
    display: grid;
    grid-template-areas: "image title" ". content";
    grid-template-columns: 72px auto;
    row-gap: 14px;
    margin-right: auto;
    margin-bottom: auto;
}

.card .poslovno-card-image {
    grid-area: image;
    margin: 0 auto 0 0;
    height: 36px;
    width: 36px;
}

.card .poslovno-card-title {
    grid-area: title;
    text-align: left;
    font-weight: 600;
    font-size: 22px;
    color: #031B4E;
}

.card .poslovno-card-content {
    grid-area: content;
    text-align: left;
    color: #041C4F;
}

.poslovno-paragraph {
    color: #041C4F;
    margin-top: 40px;
    text-align: center;
}