/*
Theme Name: Theme for BANCOS
Theme URI: https://www.bancos.com/
Author: Sven Albrecht
Author URI: https://advanced-simple.de/
Text Domain: bancos-theme
Version: 1.7.4
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,caption,canvas,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,embed,fieldset,figcaption,figure,form,footer,header,hgroup,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,summary,tt,table,tbody,textarea,tfoot,thead,time,tr,th,td,u,ul,var,video{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;white-space:normal;margin:0;padding:0;border:0;outline:0;background:transparent}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin: 0 0 1.5rem;}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
@font-face {
    font-family: 'Basier Circle';
    src: local('Basier Circle Semibold'), local('Basier-Circle-Semibold'),
        url('fonts/basiercircle-semibold-webfont.woff2') format('woff2'),
        url('fonts/basiercircle-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basier Circle';
    src: local('Basier Circle Semibold Italic'), local('Basier-Circle-SemiboldItalic'),
        url('fonts/basiercircle-semibolditalic-webfont.woff2') format('woff2'),
        url('fonts/basiercircle-semibolditalic-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Basier Circle';
    src: local('Basier Circle Regular'), local('Basier-Circle-Regular'),
        url('fonts/basiercircle-regular-webfont.woff2') format('woff2'),
        url('fonts/basiercircle-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basier Circle';
    src: local('Chivo Regular Italic'), local('Chivo-RegularItalic'),
        url('fonts/basiercircle-regularitalic-webfont.woff2') format('woff2'),
        url('fonts/basiercircle-regularitalic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Basier Circle';
    src: local('Basier Circle Bold'), local('Basier-Circle-Bold'),
        url('fonts/basiercircle-bold-webfont.woff2') format('woff2'),
        url('fonts/basiercircle-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Basier Circle';
    src: local('Basier Circle Bold Italic'), local('Basier-Circle-BoldItalic'),
        url('fonts/basiercircle-bolditalic-webfont.woff2') format('woff2'),
        url('fonts/basiercircle-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Basier Circle';
    src: local('Basier Circle Medium'), local('Basier-Circle-Medium'),
        url('fonts/basiercircle-medium-webfont.woff2') format('woff2'),
        url('fonts/basiercircle-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basier Circle';
    src: local('Basier Circle Medium Italic'), local('Basier-Circle-MediumItalic'),
        url('fonts/basiercircle-mediumitalic-webfont.woff2') format('woff2'),
        url('fonts/basiercircle-mediumitalic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


:root{
	/* Colors: */
	--bancos-black: #011936;
	--bancos-red: #C40033;
	--bancos-lightred:#EF004A;
	--bancos-warmgrey:#D8D8D6;
	--bancos-pewterblue:#AAC4D1;
	
	--bancos-grey-1:#2B445D;
	--bancos-grey-2:#566F84;
	--bancos-grey-3:#8099AA;
	--bancos-grey-3-07:#8099AA70;
	--bancos-grey-4:#A0B3BF;
	--bancos-grey-5:#C0CCD4;	
	--bancos-grey-6:#DFE6EA;
	
	--bancos-beige-1:#E2E2E0;	
	--bancos-beige-2:#ECECEB;
	--bancos-beige-3:#F5F5F5;
	
	--bancos-blue-1:#BFD3DD;
	--bancos-blue-2:#D4E2E8;
	--bancos-blue-3:#EAF1F3;
	--bancos-blue-4:#DFE6EA;
	
	--bancos-green-1:#00C160;
	--bancos-green-2:#00ED87;
	--white: #ffffff;
	
	/* Font/text values */
	--main-font: Basier Circle;
	--style-normal: normal;
	--style-italic: italic;
	--weight-400: 400;
	--weight-500: 500;
	--weight-600: 600;
	--weight-700: 700;
	--weight-normal: normal;
	--weight-bold: bold;
	
	--size-12: 12px;
	--size-14: 14px;
	--size-16: 16px;
	--size-18: 18px;
	--size-20: 20px;
	--size-24: 24px;
	--size-32: 32px;
	--size-40: 40px;
	--size-56: 56px;
	--size-64: 64px;
	--size-69: 69px;
	--size-100: 100px;
	
	--line-height-16: 16px;
	--line-height-18: 18px;
	--line-height-19: 19px;
	--line-height-20: 20px;
	--line-height-22: 22px;
	--line-height-24: 24px;
	--line-height-26: 26px;
	--line-height-28: 28px;	
	--line-height-32: 32px;
	--line-height-40: 40px;
	--line-height-48: 48px;
	--line-height-52: 52px;
	--line-height-67: 67px;
	--line-height-72: 72px;
	--line-height-83: 83px;
	--line-height-120: 120px;
	--uppercase: uppercase;

}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body{
	color: var(--bancos-black);
	font-family: var(--main-font), Helvetica, Helvetica Neue, Arial;
	font-size: var(--size-16);
	line-height: var(--line-height-24);
 	letter-spacing: var(--spacing-0);
}
.test{
	display:none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img {
	max-width: 100%;
	height: auto;
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
	max-width:100%;
	height:auto;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}
a {
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
	text-decoration:none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
*:focus {
	outline: none !important;
	text-decoration:none;
}
a:hover{
  text-decoration:none;
}
h1,
h2,
h3,
h4,
h5,
h6,
legend {
  margin: 0;
  font-family: var(--main-font), Arial, Verdana, sans-serif;  
  color: var(--bancos-black);   
  text-rendering: optimizelegibility; 
}
h1 {
    margin-bottom: 0.5em;
    margin-top:0.67em;
	font-style: normal;
	font-weight: 600;
	font-size: 32px;
	line-height: 40px;
}

h2, legend{
	margin-bottom: 24px;
    margin-top: 48px;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
}
legend{
	margin-top:24px;
}
h3{
	margin-bottom: 21px;
	margin-top: 1em;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 28px; 
}
h4 {
	margin-bottom: 0.5em;
	margin-top: 1em;
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
}
h5{
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 1em;
}
h6{
	margin-bottom: 1em;
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
}
main[role="main"] p,
main[role="main"] ul,
main[role="main"] ol{
	font-weight:var(--weight-400);
	font-size:var(--size-16);
	line-height:var(--line-height-24);
	color:var(--bancos-grey-1);
	margin-bottom:1rem;
}
main[role="main"] p.large,
	main[role="main"] .intro-text p{
	font-size: var(--size-20);
	line-height: var(--line-height-32);
}
main[role="main"] .small p,
main[role="main"] .advantage-group-text ul,
main[role="main"] .usecases-text p,
main[role="main"] .usecases-text ul,
main[role="main"] .agent-interface-text p,
main[role="main"] .agent-interfaces-text ul{
	font-size: var(--size-16);
	line-height: var(--line-height-24);
}
main[role="main"] b,
main[role="main"] strong{
	font-weight:var(--weight-600);
	color:var(--bancos-black);
}
main[role="main"] p > a:not(.more-link),
main[role="main"] b a:not(.more-link),
main[role="main"] strong a:not(.more-link),
main[role="main"] ul > li > a,
main[role="main"] ol > li > a{
	color:var(--bancos-red);
	display:inline-block;
	line-height: var(--line-height-24);
}
main[role="main"] p > a::after,
main[role="main"] b a::after,
main[role="main"] strong a::after,
main[role="main"] ul > li > a::after,
main[role="main"] ol > li > a::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
	background-color:transparent;
    transition: background-color .5s;
}

main[role="main"] p > a:hover::after,
main[role="main"] b a:hover::after,
main[role="main"] strong a:hover::after,
main[role="main"] ul > li > a:hover::after,
main[role="main"] ol > li > a:hover::after {
     background-color: var(--bancos-black);  
}
main[role="main"] p > a.image-link:hover::after{
	background-color:transparent;
}
main[role="main"] ul{
	margin-left: 0.75rem;
    margin-bottom: 1rem;
    margin-top: 0.25rem;
}
input,
textarea,
button,
select,
a{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.modal-backdrop.show{
	opacity:0.95;
}
.modal-body .btn-close{
	opacity:1;
    background: rgba(0,0,0,0.8) !important;
}
.modal-body .btn-close svg{
	fill:#fff !important;
}
.assistive-text,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.testelement{
	display:none;
}
.wp-caption{
	margin-top:2rem;
}
main[role="main"] p.wp-caption-text{
	font-size:var(--size-16);
	margin-top: 0.5rem;
}
.group {
	*zoom: 1;
	clear: both;
}

.group:before,
.group:after {
	display: table;
	content: "";
}

.group:after {
	clear: both;
}
.rve-embed-responsive{
	margin-bottom:1rem;
}
.slider-nav .slick-list{
	overflow:visible;
}
.slider-nav .slick-slide{
	width:100% !important;
}
.slick-dots{
	left:0;
}
.statements-slider .slick-dots{
	bottom: -3rem;
}
.slick-dots li{
	width:15px;
	height:15px;
}
.slick-dots li button{
	background-color: var(--flieder);
	width:12px;
	height:12px;
	opacity:0.26;
	border-radius:50%;
}
.slick-dots li.slick-active button{
	opacity:1;
}
.slick-dots li button::before{
	content:'';
	width:0;
	height:0;
	color:transparent;
}
.pagination{
	justify-content:center;
}
.pagination .nav-links{
	display:flex;
}
.pagination .page-numbers{
	background-color: transparent;
    color: var(--bancos-grey-2);
	font: var(--style-normal) normal var(--weight-400) var(--size-16)/var(--line-height-24) var(--main-font);
    display: block;
    padding: .4rem 1rem;
    min-width: 39px;
    margin: 0 0.25rem;    
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
	background-color:var(--bancos-red);
	color:var(--white);
}
.pagination .page-numbers::after{
	content:none;
}
.pagination .page-numbers.next,
.pagination .page-numbers.prev{
	position: relative;
    padding:0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 40px;
	height:100%;
}
.pagination .page-numbers.next::after,
.pagination .page-numbers.prev::after{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
	left:0;
    margin: auto;
    background: url(img/arrow-right-grey-2.svg) no-repeat center center;
    border: none;
    width: 20px;
	height:37px;
    transition: left 0.5s ease-in-out;
	border:none;
}

.pagination .page-numbers.prev::after{
	transform:rotate(180deg);
	transition: right 0.5s ease-in-out;
}
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:hover{
	background-color:transparent;
	color:var(--bancos-grey-2);
}
.pagination .page-numbers.next:hover::after{
	left:10px;
	background-color:transparent;
}
.pagination .page-numbers.prev:hover::after{
	right:10px;
	background-color:transparent;
}
input[type="text"]::-webkit-input-placeholder {
	font: var(--style-normal) normal var(--weight-400) var(--size-16)/var(--line-height-24) var(--main-font);	
	color: var(--bancos-grey-3);
	opacity:0.7;
}

input[type="text"]:focus::-webkit-input-placeholder {
	font: var(--style-normal) normal var(--weight-400) var(--size-16)/var(--line-height-24) var(--main-font);	
	color: var(--bancos-grey-3);
	opacity:0.7;
}

input[type="text"]:-moz-placeholder { /* Firefox 18- */
	font: var(--style-normal) normal var(--weight-400) var(--size-16)/var(--line-height-24) var(--main-font);	
	color: var(--bancos-grey-3);
	opacity:0.7;
}
input[type="text"]::-moz-placeholder { /* Firefox 18- */
	font: var(--style-normal) normal var(--weight-400) var(--size-16)/var(--line-height-24) var(--main-font);	
	color: var(--bancos-grey-3);
    opacity:0.7;
}

input[type="text"]:-ms-input-placeholder{
	font: var(--style-normal) normal var(--weight-400) var(--size-16)/var(--line-height-24) var(--main-font);	
	color: var(--bancos-grey-3);
	opacity:0.7;
}

input[type="text"]::-ms-input-placeholder{
	font: var(--style-normal) normal var(--weight-400) var(--size-16)/var(--line-height-24) var(--main-font);	
	color: var(--bancos-grey-3);
    opacity:0.7;
}
input[type="text"]:focus:-moz-placeholder {
	font: var(--style-normal) normal var(--weight-400) var(--size-16)/var(--line-height-24) var(--main-font);	
	color: var(--bancos-grey-3);
	opacity:0.7;
}

/* Global Component Styles */

#page-wrap .wpml-ls-legacy-list-vertical{
	display: flex;
    align-items: center;
    margin-left: 4%;
}
#page-wrap .wpml-ls-legacy-list-vertical > ul{
	list-style:none;
}
#page-wrap .wpml-ls-legacy-list-vertical a{
	font: var(--style-normal) normal var(--weight-400) var(--size-14)/var(--line-height-17) var(--main-font);	
	color: var(--bancos-black);
	padding: 0;
}
#page-wrap .wpml-ls-legacy-list-vertical .wpml-ls-current-language a{
	font-weight:var(--weight-700);
}
#page-wrap .landingpage-nav .wpml-ls-legacy-list-vertical{
	width:120px;
	justify-content: flex-end;
}
.page-template-landingpage #page-wrap .logo-container,
.single-landingpage #page-wrap .logo-container{ 
	justify-content: flex-start;
    margin: 0;
}
main[role="main"] ol{
   padding-left:1.25rem;
   margin-top: 1rem;
   margin-bottom:1rem;
}
main[role="main"] ol > li{
	margin-bottom:0.5rem;
}

main[role="main"] .intro p,
main[role="main"] .intro ul,
main[role="main"] .intro ol{
	font: var(--style-normal) normal var(--weight-400) var(--size-16)/var(--line-height-24) var(--main-font);	
	color: var(--bancos-black);
	margin-bottom:1rem;
}
main[role="main"] .intro ul{
	margin-bottom:1.75rem;
	margin-left:0;
}
.intro ul > li{
	position:relative;
	padding-left:1.5rem;
	list-style:none;
}
.intro ul > li::before{
	content: '';
    width: 1.5rem;
    height: 1.2rem;
    position: absolute;
    background-color: transparent;
    background-image: url(img/check.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto;
    left: 0;
    top: 6px;
}


.more-link{
    position: relative;
    padding-right: 3rem;
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
}

.more-link::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1rem;
    margin: auto;
    background: url(img/arrow-line-right-black.svg) no-repeat center center;
    border: none;
    width: 20px;
	transition:right 0.5s ease-in-out;
}
.more-link:hover::after,
.more-link:focus::after{
	background: url(img/arrow-line-right-red.svg) no-repeat center center;
	right:0;
}
.in-text-morelink{
	font: var(--style-normal) normal var(--weight-normal) var(--size-16)/25px var(--main-font);
	letter-spacing: var(--spacing-0);
	color: var(--dark-blue);	
}
.in-text-morelink::before{
	content:'\2014';
	margin: 0 0.25rem 0 0.5rem;
}


.btn-large{
	background: var(--bancos-red) url(img/arrow-right-white.svg) no-repeat right 20px center;
	border: 1px solid var(--bancos-red);
	color: var(--white);
	border-radius: 27px;
	min-height:51px;
	opacity: 1;
	font: var(--style-normal) normal var(--weight-600) var(--size-16)/var(--line-height-18) var(--main-font);	
	padding:1rem 1.5rem;
	display:inline-block;
	z-index:1;
	transition: all 0.3s;
	position: relative;
	/*overflow: hidden;*/
	box-shadow:none;	
    padding-right: 2.5rem;	
}
.btn-small{
	background: var(--bancos-red) url(img/arrow-right-white.svg) no-repeat right 20px center;
	border: 1px solid var(--bancos-red);
	color: var(--white);
	font: var(--style-normal) normal var(--weight-600) var(--size-16)/var(--line-height-24) var(--main-font);	
	border-radius: 27px;
	opacity: 1;
	min-height:43px;	
	padding:0.5rem 1.5rem;
	display:inline-block;	
	z-index:1;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
	box-shadow:none;	
    padding-right: 2.5rem;	
}

.btn-large.secondary,
.btn-small.secondary{
	background: var(--bancos-black) url(img/arrow-right-white.svg) no-repeat right 20px center;
    border: 1px solid var(--bancos-black);	
	color: var(--white);
}
.btn-large.outlined,
.btn-small.outlined{	
	border: 1px solid var(--bancos-black);  
    color: var(--bancos-black);	
	
	background: transparent url(img/arrow-right-black.svg) no-repeat right 20px center; /* default color */

    /* "to left" / "to right" - affects initial color */
	background-image: url(img/arrow-right-black.svg), linear-gradient(to left, transparent 50%, var(--bancos-black) 50%);	
	background-repeat: no-repeat;
    background-size: 7px 10px, 200% 100%;
    background-position: right 20px center, right;  
    transition: .5s ease-out;
}
.btn-large.outlined.btn-down,
.btn-small.outlined.btn-down{
	background: transparent url(img/arrow-down-black.svg) no-repeat right 20px center; /* default color */

    /* "to left" / "to right" - affects initial color */
	background-image: url(img/arrow-down-black.svg), linear-gradient(to left, transparent 50%, var(--bancos-black) 50%);	
	background-repeat: no-repeat;
    background-size: 7px 10px, 200% 100%;
    background-position: left 20px center, right;  
	padding-right:1.5rem;
	padding-left:2.5rem;
}
.btn-large.btn-down,
.btn-small.btn-down{
	background:  var(--bancos-red) url(img/arrow-down-white.svg) no-repeat left 20px center; /* default color */
	padding-right:1.5rem;
	padding-left:2.5rem;
}

.btn-large:not(.outlined):hover,
.btn-large:not(.outlined):focus,
.btn-small:not(.outlined):hover,
.btn-small:not(.outlined):focus{
    background: var(--bancos-black) url(img/arrow-right-white.svg) no-repeat right 17px center;	
	border: 1px solid var(--bancos-black);
	color: var(--white);
}
.btn-large.secondary:hover,
.btn-large.secondary:focus,
.btn-small.secondary:hover,
.btn-small.secondary:focus{
    background: var(--bancos-red) url(img/arrow-right-white.svg) no-repeat right 17px center;	
	border: 1px solid var(--bancos-red);
	color: var(--white);
}
.btn-large.outlined:hover,
.btn-small.outlined:hover{
	color: var(--white);	
	border: 1px solid var(--bancos-black);
	background-image: url(img/arrow-right-white.svg), linear-gradient(to left, transparent 50%, var(--bancos-black) 50%);
	background-position: right 17px center, left;
}
.btn-large.outlined.btn-down:hover,
.btn-small.outlined.btn-down:hover{
	background-image: url(img/arrow-down-white.svg), linear-gradient(to left, transparent 50%, var(--bancos-black) 50%);
	background-position: left 20px center, left;
}
.btn-large.btn-down:hover,
.btn-small.btn-down:hover{	
	background:  var(--bancos-black) url(img/arrow-down-white.svg) no-repeat left 20px center;	
}
@keyframes pulse {
  0% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 20px rgba(196, 0, 51, 0);
  }
  100% {
    transform:scale(.9);
    box-shadow: 0 0 0 0 rgba(196, 0, 51, 0);
  }
}
.pulse-btn{
	box-shadow: 0 0 0 0 rgba(196, 0, 51, 0.5);
	animation: pulse 2s infinite;
	overflow:initial;
	transition:all 0.3s ease-in-out;
}
.pulse-btn:hover,
.pulse-btn:focus{
	animation:none;
	transform:scale(1);
}
.modal-body .btn-close svg{
	fill:rgba(0,0,0,0.5);
}
.breadcrumbs{
	font: var(--style-normal) normal var(--weight-400) var(--size-12)/var(--line-height-32) var(--main-font);	
	color: var(--bancos-grey-3);
    margin-top:32px;
	margin-bottom:64px;	
	display:none;
}

.breadcrumbs a,
.breadcrumbs .current-item{
	font: var(--style-normal) normal var(--weight-400) var(--size-12)/var(--line-height-32) var(--main-font);	
	color: var(--bancos-grey-3);	
}
.breadcrumbs a:hover,
.breadcrumbs a:focus{	
	color: var(--bancos-grey-2);
}
.breadcrumbs .seperator {
    margin-left: 3px;
    margin-right: 3px;  
	width: 10px;
    display: inline-block;
    height: 10px;
	background:url(img/arrow-right-grey-3.svg) no-repeat 50% 90%;	
    background-size: 55%;
}

.category .breadcrumbs{
	margin-bottom:4rem;
}
.category .post-header .entry{
	margin-bottom:4rem;
}
.search-results article h2 a{
	color: var(--dark-violet);
}

.search-results article{
	margin-bottom:2.5rem;
}
.search-results article h2{
	margin-bottom:1.5rem;
}
.search-results article h2 a:hover,
.search-results article h2 a:focus{
    opacity:0.8;
}

/* Forms ===================================================*/

.wpcf7-form{
	margin:0 auto;
	max-width:655px;	
}

.wpcf7-form fieldset{
 /* max-width:40em;*/
  padding-bottom:1rem;
}
main[role="main"] .wpcf7-form ul.formlist{
  list-style:none;
  padding:0;
  margin:0;
}

main[role="main"] .wpcf7-form ul.formlist li{
    padding-bottom: 1.5rem;
	position:relative;
	padding-left:0;
}
main[role="main"] .wpcf7 .wpcf7-form ul.formlist li::after{
	position:static;
}

main[role="main"] .wpcf7-form ul.formlist li.leavemealone{
  padding-bottom:0;
}
.wpcf7-form .textonly{
	color: var(--bancos-black);
	font-size: 16px;
    line-height: 22px;
}
.wpcf7-form .wpcf7-form-control a,
.wpcf7-list-item-label a{
	color: var(--bancos-red);
    display: inline-block;
    line-height: var(--line-height-24);	
}
.wpcf7-form .wpcf7-form-control a::after,
.wpcf7-list-item-label a::after{
	content: '';
    display: block;
    width: 100%;
    height: 0;
    background: var(--bancos-black);
    transition: height .3s;
}
.wpcf7-form .wpcf7-form-control a:hover::after,
.wpcf7-list-item-label a:hover::after{
	height:2px;
}
.wpcf7-form .acceptthis{
	padding-top:0;
}
.wpcf7-form .wpcf7-form-control.wpcf7-acceptance a{
	position:relative;
}
.wpcf7-form .wpcf7-form-control.wpcf7-acceptance a::after{
	position:absolute;
}
.wpcf7-form label[for="privacy"],
.wpcf7-form label .wpcf7-list-item-label{
	font-size: 16px;
	font-weight:400;
    line-height: 22px;   
    vertical-align: top;
}
.wpcf7-form input[type=text], .wpcf7-form input[type=date], .wpcf7-form input[type=email], .wpcf7-form select, .wpcf7-form textarea{      
	padding: 10px 2.5rem 10px 10px;
    height: 45px;
    border: 1px solid var(--bancos-blue-2); 
    font-size: var(--size-16);
	line-height:var(--line-height-28);
    background: transparent;
	width:100%;
	font-family:inherit;
	color:var(--bancos-black)
}
.wpcf7-form input[type=text]:hover, .wpcf7-form input[type=date]:hover, .wpcf7-form input[type=email]:hover, .wpcf7-form select:hover, .wpcf7-form textarea:hover{
	border: 1px solid var(--bancos-pewterblue); 
}
.wpcf7-form input[type=text].wpcf7-not-valid,
.wpcf7-form select.wpcf7-not-valid,
.wpcf7-form textarea.wpcf7-not-valid{
	border: 1px solid var(--bancos-lightred); 	
}
.wpcf7-form select{
	padding-top:8px;
	position: relative;
    z-index: 1;
}
.wpcf7-form option {   
  padding:10px 1em 10px 1em;
}

.wpcf7-form span.wpcf7-list-item{
  margin:0;  
  line-height:1.2;
}

div.wpcf7 img.ajax-loader {   
    position: absolute;
}

.wpcf7-form  span.wpcf7-not-valid-tip {   
    color: var(--bancos-lightred);
    display: inline-block;
    /* For IE 7 */
	    zoom: 1;
	 *display: inline;
    font-size: var(--size-14);
	line-height:var(--line-height-22);
    font-weight: var(--weight-400);
    margin-top: 0;
    padding: 3px 0;
    position: absolute;	
	left: 0;
    bottom: -22px;
	width:100%;
	background-color:transparent;
}
.wpcf7-form  .acceptthis span.wpcf7-not-valid-tip{
	position:relative;
	bottom:0;
}
.wpcf7 form .wpcf7-response-output{
    color:var(--white);
	padding: 8px 13px;
	font-size: var(--size-16);
	line-height:var(--line-height-24);
	background-color:#E5AE00;
	border-color:#E5AE00;
	margin-left:0;	
	margin-top:0;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--bancos-green-1);
	background-color:var(--bancos-green-1);	
}
.wpcf7 form.invalid .wpcf7-response-output{
	border-color: var(--bancos-lightred);
	background-color:var(--bancos-lightred);	
}
.wpcf7-form-control-wrap.accept-this-1{
	position:static;
}

.wpcf7-form  .input-box{
  position:relative;
}
.wpcf7-form  .input-box  span.wpcf7-not-valid-tip {
    display: block;
    margin: 0;
    min-width: 170px;
    position: absolute;
    right: 0;
    z-index: 1;
}
.wpcf7-form  div.wpcf7-validation-errors{
    color: #ff0000;
    border: 2px solid #ff0000;
    background: #fff;
	text-align:center;
	clear:both;
}
.wpcf7-form  div.wpcf7-mail-sent-ok{
    color: #a9c937;
    border: 2px solid #a9c937;
    background: #fff;
	text-align:center;
	clear:both;
}
.wpcf7-form  legend{
    font-size: 1em;
    padding-bottom: 0.75em;		
}
[role="main"] .wpcf7-form legend.radiolegend{
	color: inherit;
    font-size: 1em;
    padding-bottom: 0;
    float: left;
}
[role="complementary"] .wpcf7-form legend{
	font-size:1.1em;
}

.wpcf7-form-control-wrap.accept-this-1 {
    position: static;
}
/* infieldLabel styles */
.wpcf7-form .infield-label {
  display: block;
  position: relative;
  background:var(--white); 
}
.wpcf7-form .textarea-wrap,
.wpcf7-form .select-wrap{
  display: block;
  position: relative;
  background:var(--white); 
}
.wpcf7-form .select-wrap::after{
	position: absolute;
    content: "";
    width: 0.75rem;
    height: 0.5rem;
    background: url(img/arrow-down-black.svg) no-repeat center center;
    clip-path: polygon(100% 0%,0 0%,50% 100%);
    top: 0;
    bottom: 0;
    right: 1rem;
    margin: auto;	
}

.wpcf7-form .infield-label label {
  bottom: 0;
  font-size: var(--size-16);
  line-height:var(--line-height-28);
  color: var(--bancos-grey-3-07);
  background-color:var(--white);
  display: block;
  left: 0; 
  margin: 0;
  right: 0;
  top: 0.5rem;
 /* opacity:0.7;*/
}

.js .wpcf7-form .infield-label label {
  cursor: text; 
  padding: 0 10px;
  position: absolute;
  white-space: nowrap;
  margin:1px;
}

.wpcf7-form .placeholder-focus label { 
 /* bottom: auto;
  color: var(--dark-violet); 
  right: auto;
  left:0;
  top: -5px;
  font-size:0.75rem;*/
  bottom: auto;
  left: -9999px;
  right: auto;
  top: -9999px;
}
.wpcf7-form .select-wrap.placeholder-focus label {
  bottom: 0;
  font-size: var(--size-16);
  line-height:var(--line-height-28);
  color: var(--bancos-grey-3);
  display: block;
  left: 0; 
  margin: 0;
  right: 0;
  top: 0.5rem;  
}

.wpcf7-form .placeholder-hide label {
  bottom: auto;
  left: -9999px;
  right: auto;
  top: -9999px;
}
.wpcf7-form.sent .placeholder-hide label{
	left:0;
	top:0.5rem;
	bottom:0;
	right:0;
}
.wpcf7-select,
.wpcf7-textarea{
  
}
.wpcf7-textarea{
	min-height:150px;
}
/* remove standard-styles */
input, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 
select { 
  background-color: transparent;
  border: none;
  padding: 5px 1em 5px 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  outline:none; 
}
select::-ms-expand {
  display: none;
}


/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}
[role="main"] .wpcf7-form .wpcf7-list-item{
	margin-left:2rem;
}
[role="main"] .wpcf7-form .wpcf7-list-item.first,
[role="main"] .wpcf7-form .wpcf7-acceptance .wpcf7-list-item{
	margin-left:0;
}
[role="main"] .wpcf7-form .topics  .wpcf7-list-item{
	margin-left:0;
	display:block;
}
[role="main"] .wpcf7-form .topics  .wpcf7-list-item.first{
	margin-bottom:1rem;
}
input[type='checkbox'] + label,
input[type='radio'] + label,
.wpcf7-form .wpcf7-radio input[type="radio"] + .wpcf7-list-item-label,
.wpcf7-form .wpcf7-checkbox input[type="checkbox"] + .wpcf7-list-item-label {
  cursor: pointer;
  color:var(--bancos-black); 
  display:block;
  padding-left:1.75rem;
  position:relative;
}
input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
.wpcf7-form .wpcf7-checkbox input[type="checkbox"]:not(:checked) + .wpcf7-list-item-label::before,
.wpcf7-form .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before,
.wpcf7-form .wpcf7-radio input[type="radio"]:not(:checked) + .wpcf7-list-item-label::before,
.wpcf7-form .wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label::before {
    content:' ';
    display:inline-block;
    width: 20px;
    height:20px;
    position: absolute;
    top:3px;
	left:0;
    border: 1px solid var(--bancos-blue-2);
    background: var(--white);
    margin-right: 1em;   
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before,
.wpcf7-form .wpcf7-radio input[type="radio"]:not(:checked) + .wpcf7-list-item-label::before,
.wpcf7-form .wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label::before {
  border-radius: 30px;
}

input[type='checkbox']:hover  + label::before,,
.wpcf7-form .wpcf7-checkbox input[type="checkbox"]:hover  + .wpcf7-list-item-label,
input[type='radio']:hover  + label::before,
.wpcf7-form .wpcf7-radio input[type="radio"]:hover + .wpcf7-list-item-label::before {
  background:#ddd;  
}
input[type='radio']:checked  + label::before,
.wpcf7-form .wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label::before{
	background-color: var(--bancos-red);
    box-shadow: inset 0 0 0 4px #fff;
    border-color: var(--bancos-red);
}
input[type='checkbox']:checked  + label::before,
.wpcf7-form .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
  background-color: var(--bancos-red);  
}
input[type='checkbox']:checked  + label::before,
.wpcf7-form .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::before{
    background-image: url(img/check-white.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    background-color: var(--bancos-red);    
    border-color: var(--bancos-red);
}


#wpcf7-f758-o1 input{
	background-color:#fff;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input[type=checkbox]{
	visibility:visible;
}

.wpcf7-form .codedropz-upload-handler{
	background: #D4E2E8;
    border: 1px dashed #AAC4D1;
}
.wpcf7-form .wpcf7-drag-n-drop-file.wpcf7-not-valid + .codedropz-upload-handler{
	border:1px solid var(--bancos-lightred);
}
.wpcf7-form .codedropz-upload-inner span,
.wpcf7-form .codedropz-upload-inner div,
.wpcf7-form .codedropz-upload-inner a{
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	color:var(--bancos-grey-3);
}
main[role="main"] .wpcf7-form .dnd-upload-status .dnd-upload-details .name span{
	font-size:1rem;
}
main[role="main"] .wpcf7-form .dnd-upload-status .dnd-upload-details .name em{
	font-size:1rem;
}
.wpcf7-form .dnd-upload-counter{
	display:none;
}
.post-password-form p:nth-child(2) label{
	display:block;
}
.post-password-form p:nth-child(2) input[type="password"]{
	padding: 10px 2.5rem 10px 10px;
    height: 45px;
    border: 1px solid var(--bancos-blue-2);
    font-size: var(--size-16);
    line-height: var(--line-height-28);
    background: #fff;
    width: 100%;
    font-family: inherit;
    color: var(--bancos-black);
    max-width: 400px;
    display: block;
}
.post-password-form p:nth-child(2) input[type="submit"]{
	background: var(--bancos-red) url(img/arrow-right-white.svg) no-repeat right 20px center;
    border: 1px solid var(--bancos-red);
    color: var(--white);
    font: var(--style-normal) normal var(--weight-600) var(--size-16)/var(--line-height-24) var(--main-font);
    border-radius: 27px;
    opacity: 1;
    min-height: 43px;
    padding: 0.5rem 1.5rem;
    display: inline-block;
    z-index: 1;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    box-shadow: none;
    padding-right: 2.5rem;
    max-width: 400px;
    margin-top: 2rem;
}
/* End Forms */
main[role="main"] .hero-form{
	background-color:var(--bancos-black);
	padding-bottom: 2rem;
}
main[role="main"] .hero-form #REQUIRED_FIELD_TEXT{
	color:var(--white);
	opacity:0.6;
}

/* Styles ZOHO Forms */

#errorMsgDiv{
	color: var(--white);    
    font-size: var(--size-16);
    line-height: var(--line-height-24);
    background-color: #e5ae00;
    border-color: #e5ae00;
    margin-left: 0;
    margin-top: 0;
	border-color: var(--bancos-lightred);
    background-color: var(--bancos-lightred);
	opacity:0;
	height:0;
}
#errorMsgDiv[style="opacity: 1;"]{
	height:auto;
	margin-bottom:2rem;
	padding: 8px 13px;
}
#zcWebOptin,
.bancos-btn{
	background: var(--bancos-red) url(img/arrow-right-white.svg) no-repeat right 20px center;
    border: 1px solid var(--bancos-red);
    color: var(--white);
    font: var(--style-normal) normal var(--weight-600) var(--size-16)/var(--line-height-24) var(--main-font);
    border-radius: 27px;
    opacity: 1;
    min-height: 43px;
    padding: 0.5rem 1.5rem;
    display: inline-block;
    z-index: 1;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    box-shadow: none;
    padding-right: 2.5rem;
}
#zcWebOptin:hover,
.bancos-btn:hover,
.bancos-btn:focus{
	background: var(--bancos-black) url(img/arrow-right-white.svg) no-repeat right 17px center;
    border: 1px solid var(--bancos-black);
    color: var(--white);
}
#zcWebOptin.secondary{
	background: var(--bancos-black) url(img/arrow-right-white.svg) no-repeat right 17px center;	
	border: 1px solid var(--bancos-black);
	width:auto;
}
#zcWebOptin.secondary:hover,
#zcWebOptin.secondary:focus{
	background: var(--bancos-red) url(img/arrow-right-white.svg) no-repeat right 20px center;	
	border: 1px solid var(--bancos-red);
}
.zcsffield,
.privacyPolicy{
	margin-bottom: 1.5rem;
    position: relative;
    padding-left: 0;
}
.zcsffield:last-child{
	margin-bottom:0;
}
.zcsffield > div{
	display: block;
    position: relative;
    background: var(--white);
}
.zcsffield  > div label{
	bottom: 0;
    font-size: var(--size-16);
    line-height: var(--line-height-28);
    color: var(--bancos-grey-3-07);    
    display: block;
    left: 0;
    margin: 0;
    right: 0;
    top: 0.5rem;
	cursor: text;
    padding: 0 10px;
    position: absolute;
    white-space: nowrap;
    margin: 1px;
}
.zcsffield  > div label.hidelabel{
  bottom: auto;
  left: -9999px;
  right: auto;
  top: -9999px;
}
.zcsffield  > div input[type="text"],
.zcsffield  > div input[type="email"],
.zcsffield  > div textarea{
	padding: 10px 2.5rem 10px 10px;
    height: 45px;
    border: 1px solid var(--bancos-blue-2);
    font-size: var(--size-16);
    line-height: var(--line-height-28);
    background: 0 0;
    width: 100%;
    font-family: inherit;
    color: var(--bancos-black);
}
.zcsffield  > div textarea{
	min-height: 150px;
	display:block;
}
.zcsffield  > div input[type="text"]:hover,
.zcsffield  > div input[type="email"]:hover,
.zcsffield  > div textarea:hover{
	border: 1px solid var(--bancos-pewterblue); 
}
label[for="privacyPolicy"]{
	font-size: var(--size-14);
    line-height: var(--line-height-20);
	padding-bottom:1.5rem;
	padding-top:0.25rem;
}
.hero-form label[for="privacyPolicy"],
.hero-form legend{
	color:var(--white);
}
label[for="privacyPolicy"] a{
	color: var(--bancos-red);
    display: inline-block;
    line-height: inherit;
}
label[for="privacyPolicy"] a::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
	background-color:transparent;
    transition: background-color .5s;
}

label[for="privacyPolicy"] a:hover::after {
     background-color: var(--bancos-black);  
}
.hero-form label[for="privacyPolicy"] a:hover::after{
	background-color:var(--white);
}
#REQUIRED_FIELD_TEXT{
	text-align:right;
	margin-bottom:1rem;
	opacity:0.4;
	font-size:0.85rem;
}

/* End Styles ZOHO Forms */

.form-section .container.bg-blue-3{
	background-color:var(--bancos-blue-3);
	padding:80px 0;
}
.form-section .wpcf7{
	margin: 0 auto;
    max-width: 680px;
}
.form-section label{
	margin-bottom: 0.5em;
    margin-top: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
	color: var(--bancos-black);
}
.contactperson-item .contact-text {
    padding-top: 24px;
    padding-left: 32px;
}

/* Header Styles */
header[role="banner"]{
	background-color: var(--white);	
	height:auto;
	top: 0;
	z-index:100;
	transition: height .5s ease-in-out;
}
header[role="banner"] .logo-container{
	height: 64px;
	padding-left:0;
	transition: height .5s ease-in-out;
}
header[role="banner"] .logo-container .navbar-brand{
	padding:0;
}
header[role="banner"] .logo-container .navbar-brand img{
	height:64px;	
}
header[role="banner"] nav#main-nav{
	
}
.navbar-toggler{	
	width: 36px;
    height: 36px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    background: none;
    border: none;
}
.navbar-toggler:focus{
	box-shadow:none;
}
.navbar-toggler span {
    display: block;
    position: absolute;
    padding: 0;
    height: 2px;
    width: 20px;
    background: var(--bancos-red);    
    opacity: 1;
    left: 0;
	right:0;
	margin:auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.navbar-toggler[aria-expanded="true"] span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 17px;
    left: 0px;
}
.navbar-toggler[aria-expanded="false"] span:nth-child(1) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.navbar-toggler[aria-expanded="true"] span:nth-child(2) {
    width: 0%;
    opacity: 0;
}
.navbar-toggler[aria-expanded="false"] span:nth-child(2) {
    top: 17px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.navbar-toggler[aria-expanded="true"] span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 17px;
    left: 0px;
}
.navbar-toggler[aria-expanded="false"] span:nth-child(3) {
    top: 24px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
header[role="banner"] nav#main-nav .navbar-toggler .navbar-toggler-icon{
	background-image: url(img/icons.svg);
    background-position: -26px -829px;
    background-repeat: no-repeat;
	background-size:auto;
}
header[role="banner"] nav#main-nav .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{	
	background-position: -24px -979px;	
}
header[role="banner"] nav#main-nav .navbar-toggler:focus{
	box-shadow:none;
}
header[role="banner"] nav#main-nav div.main-nav{
	margin-top: 0.5rem;
    border-top: 1px solid var(--medium-light-gray-40);
}
header[role="banner"] nav#main-nav .header-contact-wrap{
	display:none;
	margin-left:2rem;
}
header[role="banner"] nav#main-nav .header-mobile-contact-wrap{
	position: absolute;
    right: 75px;
    top: 20px;
}
header[role="banner"] nav#main-nav .header-mobile-contact-wrap a{
	font: var(--style-normal) normal var(--weight-600) var(--size-16)/var(--line-height-26) var(--main-font);	
	color: var(--bancos-black);
}
header[role="banner"] nav#main-nav .header-mobile-contact-wrap a:hover{
	color:var(--bancos-red);
}
header[role="banner"] nav#main-nav #searchform{
	background-color: #f6f6f6;
	padding:1rem 1.25rem;
}
header[role="banner"] nav#main-nav #searchform div{
	position:relative;
}
header[role="banner"] nav#main-nav #searchform div input[type="text"]{
	height: 48px;
	width:100%;
	padding: 0.75rem 3.5rem 0.75rem 1rem;
	background-color: var(--white);
	border: 1px solid #E0E0E0;
	border-radius: 2px;
}
header[role="banner"] nav#main-nav #searchform div #searchsubmit{
	position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 3rem;
	border:none;
	background-color:transparent;
}
header[role="banner"] nav#main-nav .toggle-search,
header[role="banner"] nav#main-nav #searchform .close-search{
	display:none;
}
header[role="banner"] nav#main-nav ul{
	
}
header[role="banner"] nav#main-nav ul.navbar-nav > li{
	background-color:var(--white);
	border-top:1px solid #5C5E7F10;
	display:flex;
	flex-wrap:wrap;
}
header[role="banner"] nav#main-nav ul.navbar-nav > li > a{
	font: var(--style-normal) normal var(--weight-600) var(--size-16)/26px var(--main-font);	
	color: var(--bancos-black);
    padding: 1rem 1.25rem;	
	flex:1;	
}
header[role="banner"] nav#main-nav ul.navbar-nav > li.highlight-item > a{
	color: var(--bancos-red);
}
header[role="banner"] nav#main-nav ul > li > a:hover,
header[role="banner"] nav#main-nav ul > li > a:focus,
header[role="banner"] nav#main-nav ul > li:hover > a,
header[role="banner"] nav#main-nav ul > li.current-page-ancestor > a,
header[role="banner"] nav#main-nav ul > li.current-menu-item > a{
	color: var(--bancos-red);
}
header[role="banner"] nav#main-nav .dropdown-toggle{
	width: 3.5rem;
	border:none;
	background-color:transparent;
	box-shadow:none;	
	position:relative;
}
header[role="banner"] nav#main-nav .dropdown-toggle:hover{
	background-color:transparent;
    box-shadow:none;
	color:var(--text-light);
}
header[role="banner"] nav#main-nav .dropdown-toggle::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.25rem;
    margin: auto;
    background: url(img/arrow-down-black.svg) no-repeat center center;
    border: none;
    width: 20px;
}
header[role="banner"] nav#main-nav .dropdown-toggle:hover::after,
header[role="banner"] nav#main-nav  li:hover .dropdown-toggle::after,
header[role="banner"] nav#main-nav ul > li.current-page-ancestor .dropdown-toggle::after,
header[role="banner"] nav#main-nav ul > li.current-menu-item .dropdown-toggle::after{
	background: url(img/arrow-down-red.svg) no-repeat center center;
}
header[role="banner"] nav#main-nav .dropdown-toggle[aria-expanded="true"]{
	color:var(--dark-violet);
}
header[role="banner"] nav#main-nav .dropdown-toggle[aria-expanded="true"]::after{
	transform:rotate(180deg);
}
header[role="banner"] nav#main-nav .dropdown-menu{
	background-color: var(--medium-light-gray-40);
	width:100%;
	border:none;
}
header[role="banner"] nav#main-nav .dropdown-menu ul{
	list-style:none;
	padding: 2rem 1.25rem 1rem;
	max-width:none;
	background-color:var(--bancos-beige-3);
}
header[role="banner"] nav#main-nav .dropdown-menu ul.sub-menu.container > li.subnav-aside.image{
	display:none;
}
header[role="banner"] nav#main-nav .dropdown-menu ul.sub-menu.container > li a{
	padding: 0.125rem 0;
    margin: 0.25rem 0;
    display: inline-block;
}
header[role="banner"] nav#main-nav .dropdown-menu ul.sub-menu.container > li a .menu-item-title {
	font: var(--style-normal) normal var(--weight-600) var(--size-16)/var(--line-height-26) var(--main-font);	
	color: var(--bancos-black);
}

header[role="banner"] nav#main-nav .dropdown-menu ul.sub-menu.container > li a .menu-item-description{
	display:none;
	font: var(--style-normal) normal var(--weight-normal) var(--size-16)/var(--line-height-26) var(--main-font);
	letter-spacing: var(--spacing-0);
	color: var(--bancos-black);	
}

header[role="banner"] nav#main-nav .dropdown-menu ul.sub-menu.container > li a:hover .menu-item-title,
header[role="banner"] nav#main-nav .dropdown-menu ul.sub-menu.container > li a:hover .menu-item-description,
header[role="banner"] nav#main-nav .dropdown-menu ul.sub-menu.container > li.current-menu-item .menu-item-title,
header[role="banner"] nav#main-nav .dropdown-menu ul.sub-menu.container > li.current-menu-item .menu-item-description{
	color:var(--bancos-red);
}
/* Main Content Styles */
.otgs-development-site-front-end{
	display:none;
}
.page-template-landingpage .shariff,
.single-landingpage .shariff{
	width: 70px;
    height: 165px;
    position: fixed;
    top: 165px;
    right: 7px;
    left: auto;
    display: inline-block;
    z-index: 10;
}
.single-post .shariff{
	width: 70px;
    height: 165px;
    position: fixed;
    top: 190px;
    right: 7px;
    left: auto;
    display: inline-block;
    z-index: 10;
}
.post-content .shariff .theme-round a,
.page-template-landingpage .shariff .theme-round a,
.single-landingpage .shariff .theme-round a{
	background-color: #fff !important;
	color: #fff;
	border: 1px solid #8099AA;
}
.post-content .shariff .theme-round a:hover,
.page-template-landingpage .shariff .theme-round a:hover,
.single-landingpage .shariff .theme-round a:hover{
	background-color: #8099AA !important;
}
.post-content .shariff .theme-round .shariff-icon svg path,
.page-template-landingpage .shariff .theme-round .shariff-icon svg path,
.single-landingpage .shariff .theme-round .shariff-icon svg path{
	fill: #8099AA;
}
.post-content .shariff .theme-round a:hover .shariff-icon svg path,
.page-template-landingpage .shariff .theme-round a:hover .shariff-icon svg path,
.single-landingpage .shariff .theme-round a:hover .shariff-icon svg path{
	fill: #ffffff;
}
.post-content .shariff .shariff-buttons .shariff-icon svg,
.page-template-landingpage .shariff .shariff-buttons .shariff-icon svg,
.single-landingpage .shariff .shariff-buttons .shariff-icon svg {   
    width: 32px;
    height: 26px;
    padding: 9px 5px;
}
.post-headimage{
	position:relative;
}
.post-headimage .credit{
	position: absolute;
    bottom: -30px;
    left: 12px;
	font-size:14px;
	line-height:22px;
	color:var(--bancos-grey-4);
}
main[role="main"]{
	min-height:600px;
	background: #E5E5E5;
}
#pixelwrap{
	display:none;
}
main[role="main"] section{
	padding-top:56px;
	padding-bottom:56px;
}
main[role="main"] section.bg-beige-3{
	background-color:var(--bancos-beige-3);
}
main[role="main"] section.bg-bancos-black{
	background-color:var(--bancos-black);
}
main[role="main"] section.bg-blue-3{
	background-color:var(--bancos-blue-3);
}
main[role="main"] section.wo-topping{
	padding-top:0;
}
main[role="main"] section h2{
	position:relative;
}
main[role="main"] section:not(.post-content) h2::after{
	content:'';
	position:absolute;
	left:12px;
	bottom:-8px;
	width:80px;
	height:1px;
	background-color:var(--bancos-black);
}
.single-landingpage main[role="main"] section.about-us-section h2::after,
.page-template-landingpage main[role="main"] section.about-us-section h2::after,
main[role="main"] section.jobdetails-section h2::after,
.page-template-jobs-page main[role="main"] section.jobteaser-section h2::after,
main[role="main"] section.landingpage-teaser-section:not(.post-content) h2::after{
	left:0;
}

.form-intro{
	margin:0 auto 80px;
	max-width:655px;
	padding:0;
}
.form-intro h3{
	margin-top:0;
}
.form-intro .application-form-phone{
	color: var(--bancos-black);
	font-weight: var(--weight-600);
    font-size: var(--size-20);
    line-height: var(--line-height-32);
	position:relative;
	margin-top:40px;
}
.form-intro .application-form-mail a{
	color: var(--bancos-red);
    font-weight: var(--weight-600);
    font-size: var(--size-20);
    line-height: var(--line-height-32);
	position:relative;
}
main[role="main"] section.bg-bancos-black h2{
	color:var(--white);
}
main[role="main"] section.bg-bancos-black h2::after{
	background-color:var(--white);
}
main[role="main"] h2.center-head{
	text-align:center;
	position:static;
}
main[role="main"] section h2.center-head::after,
main[role="main"] section.main-content h2::after,
main[role="main"] section .entry h2::after,
main[role="main"] section .service-text h2::after{
	background-color:transparent;
	content:none;
	width:0;
	height:0;
}
main[role="main"] .fintech-builder-cta-section .container{
	background-color:var(--white);
	margin-top: -75px;
}
.cta-bg-image {   
    background-image: var(--bg-image-1x);
	width: 100%;
    height: 250px;
    background-size: 100%;
    background-repeat: no-repeat;
	background-position: 0 0;
}

main[role="main"] .fintech-builder-cta-section .container{
	margin-top: -75px;
	padding-bottom:80px;
}
main[role="main"] .fintech-builder-cta-section .entry h2{
	margin-top:60px;
}
.cta-notice{
    border-left: 4px solid var(--bancos-red);
    padding-left: 24px;
	margin-top:40px;
}

main[role="main"] .arguments-section .company-image-wrap{
	margin-top:0;		
}
main[role="main"] .arguments-section .argument-item{
	margin-bottom:2rem;
	margin-left: auto;
    margin-right: auto;
}
main[role="main"] .arguments-section .argument-text{
	background-color:var(--white);
	padding:24px;
}
main[role="main"] .arguments-section .argument-text h3{
	margin-top:0;
}
main[role="main"] .career-hero-section,
main[role="main"] .jobdetail-hero-section,
main[role="main"] .jobs-hero-section{
	padding-top:0;	
	position:relative;
}
main[role="main"] .career-intro{
	
}
main[role="main"] .career-hero-section .header-badge{
	width: 30%;
    position: absolute;
    top: 30px;
}
main[role="main"] .jobdetail-hero-text,
main[role="main"] .jobs-hero-text{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
main[role="main"] .jobdetail-hero-text h1,
main[role="main"] .jobs-hero-text h1{
	margin: 0.5rem 0 0.75rem;
}
main[role="main"] .jobdetail-hero-text .intro-text,
main[role="main"] .jobs-hero-text .intro-text{
	margin:0;
}
main[role="main"] .jobdetail-hero-section .header-badge,
main[role="main"] .jobs-hero-section .header-badge{
	width: 30%;
    position: absolute;
    top: 0px;
    right: 4%;
}
main[role="main"] .jobdetail-sidebar-cta{
	margin-bottom:2rem;
}
main[role="main"] section.clients-section .client-item{
	text-align:center;
	margin-bottom:18px;
}
main[role="main"] section.clients-section .client-item:last-child{
	margin-bottom:0;
}
main[role="main"] section.clients-section .client-item img{
	transform:scale(0.6);
}
main[role="main"] section.bg-white{
	background-color:var(--white);
}
.single main[role="main"] .post-header{
	padding-bottom:0;
}
main[role="main"] section:not(.main-content) h2{
	margin-bottom:48px;
}
main[role="main"] section .entry h2,
main[role="main"] section .service-text h2{
	margin-bottom:18px;
	margin-top:36px;
}
main[role="main"] section.bg-bancos-black h1,
main[role="main"] section.bg-bancos-black .intro p{
	color:var(--white);
}
.vision-mission-head{
	font: var(--style-normal) normal var(--weight-600) var(--size-16)/var(--line-height-24) var(--main-font);
	margin-bottom:24px;
}
.vision-mission-text{
	font: var(--style-normal) normal var(--weight-600) var(--size-24)/var(--line-height-32) var(--main-font);
}
.vision-item,
.mission-item {
	margin-bottom:2rem;	
}
/*.mission-item{
	margin-bottom:3.5rem;
}*/
.vision-item .vision-inner,
.mission-item .mission-inner{
	background-color: var(--bancos-red);
    color: var(--white);
    padding: 42px;
	height:100%;
	display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.mission-item .mission-inner{
	background-color: var(--bancos-black);   
}
.board-member-item{
	margin-bottom:2.5rem;
}
.board-member-item.management-member-item h3{
	margin-bottom:0;
}
.board-member-item.management-member-item .board-member-position{
	margin-bottom:21px;
	font-weight:var(--weight-600);
	font-size:var(--size-18);
}
.board-member-image img{
	width:100%;
}
.caption{
	font: var(--style-normal) normal var(--weight-400) var(--size-14)/var(--line-height-22) var(--main-font);
	color:var(--bancos-grey-2);
	padding:0.5rem 0;
}
.reveal-box{
	transition:transform 0.6s ease-in-out 0s, opacity 0.6s ease-in-out;
	transform: translateY(100px);
	opacity:0;
}

.reveal-box.come-in,
.reveal-box.already-visible{
	 transform: translateY(0);
	 opacity:1;
}
main[role="main"] .services-section .service-item,
main[role="main"] .insights-section .insights-item{
	margin-bottom:24px;
}
main[role="main"] .services-section .service-item a,
main[role="main"] .insights-section .insights-item a{
	display:block;
	height:100%;	
    background-color:var(--bancos-beige-3);
	padding:24px;
}
main[role="main"] .services-section .service-item a p,
main[role="main"] .insights-section .insights-item a p{
	color:var(--bancos-grey-1);
}
main[role="main"] .services-section .service-item a p b,
main[role="main"] .insights-section .insights-item a p b{
	color:var(--bancos-black);
}
main[role="main"] .services-section .service-item a:hover,
main[role="main"] .services-section .service-item a:focus,
main[role="main"] .insights-section .insights-item a:hover,
main[role="main"] .insights-section .insights-itema a:focus{
	background-color:var(--bancos-beige-2);
}
main[role="main"] .services-section .service-item a:hover p b,
main[role="main"] .services-section .service-item a:focus p b,
main[role="main"] .insights-section .insights-item a:hover p b,
main[role="main"] .insights-section .insights-item a:focus p b{
	color:var(--bancos-red);
}
main[role="main"] .services-section .service-item .service-text,
main[role="main"] .insights-section .insights-item .insights-text{
	
}
main[role="main"] .services-section .service-item .service-icon{
	text-align:right;
	height:68px;
	margin-bottom: 10px;
}
main[role="main"] .services-section .service-item .service-icon img{
	max-height:100%;
}

main[role="main"] .cta-box-section .cta-box{
	background-color:var(--bancos-blue-3);
	padding:16px 24px 40px;
	text-align:center;
}
main[role="main"] .cta-box-section .cta-box h2{
	margin-bottom:16px;
}
main[role="main"] .cta-box-section .container{
	padding: 0 24px;
}
main[role="main"] .cta-box-section .container > .row{
	margin: 0;
}
main[role="main"] .approach-text{
	margin-bottom:40px;
}
main[role="main"] .advantages-section .advantage-group,
main[role="main"] .corporate-value{
	margin-bottom:2rem;
}
main[role="main"] .advantages-section .advantage-group .group-inner,
main[role="main"] .corporate-value .group-inner{
	background-color:var(--bancos-blue-3);
	padding: 56px 32px 40px;
	height:100%;
}
main[role="main"] .corporate-value .group-inner{
	background-color:var(--bancos-blue-4);
}
main[role="main"] .advantages-section.bg-bancos-black .advantage-group .group-inner{
	background: rgba(234, 241, 243, 0.06);
}
main[role="main"] .advantages-section .advantage-group.advantage-little-text h3{
	text-align:center;
}
main[role="main"] .advantage-group-text ul > li{
	margin-bottom:0.5rem;
}
main[role="main"] .advantage-group-icon,
main[role="main"] .corporate-value .corporate-value-icon{
	text-align:center;
	margin-bottom:44px;
}
main[role="main"] .advantage-group-icon img,
main[role="main"] .corporate-value .corporate-value-icon img{
	width:60px;
}
main[role="main"] .advantages-section.bg-bancos-black .advantage-group h3,
main[role="main"] .advantages-section.bg-bancos-black .advantage-group p,
main[role="main"] .advantages-section.bg-bancos-black .advantage-group ul,
main[role="main"] .advantages-section.bg-bancos-black .advantage-group ol{
	color:var(--white);
}
main[role="main"] .advantages-section.bg-bancos-black .advantage-group p,
main[role="main"] .advantages-section.bg-bancos-black .advantage-group ul,
main[role="main"] .advantages-section.bg-bancos-black .advantage-group ol{
	font-size: var(--size-16);
    line-height: var(--line-height-26);
}
main[role="main"] .contact-head-section {
	background-image:url(img/pixel-rechts-blau.svg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 36%;
    padding-bottom: 18vw;
}
main[role="main"] .contact-head-section h1{
	font-size: var(--size-24);
    line-height: var(--line-height-32);
}
main[role="main"] .contact-head-section .hero-text{
	margin-bottom:4rem;
}
main[role="main"] .contact-head-section .hero-image img{
	max-width: 41%;
    display: block;
    margin: 0 34.5% 0 auto;
}

main[role="main"] .contact-section{
	background-image:url(img/pixel-rechts-weiss.svg);
	background-repeat: no-repeat;
	background-position: right top;	
	background-size: 36%;
	padding-top:80px;
}
.contactbox{
	margin:0;
}
.zcsffieldsdiv.row{
	margin-left:0;
	margin-right:0;
}
.contactbox > div{
	background-color:var(--bancos-blue-3);
	padding:40px 24px;
}
.contactbox > div.contactbox-text{
	padding-bottom:20px;
}
.contactbox > div.contactbox-form{
	padding-top:20px;
}
.contactbox h3{
	margin-top:0;
}
.contactbox .contactbox-phone,
.header-cta .contactbox-phone,
.contactbox-text .contactbox-phone{
	font: var(--style-normal) normal var(--weight-600) var(--size-16)/var(--line-height-24) var(--main-font);
	color:var(--bancos-black);
	position:relative;
	padding-left:20px;
}
.contactbox .contactbox-phone::before,
.header-cta .contactbox-phone::before,
.contactbox-text .contactbox-phone::before{
	content:'';
	position:absolute;
	background:url(img/tel-dark.svg) no-repeat center center;
	width:15px;
	height:15px;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
}
.contactbox .contactbox-mail a,
.header-cta .contactbox-mail a,
.contactbox-text .contactbox-mail a{
	font: var(--style-normal) normal var(--weight-600) var(--size-16)/var(--line-height-24) var(--main-font);
	color:var(--bancos-red);
	position:relative;
	padding-left:25px;
}
.contactbox .contactbox-mail a::before,
.header-cta .contactbox-mail a::before,
.contactbox-text .contactbox-mail a::before{
	content:'';
	position:absolute;
	background:url(img/mail-red.svg) no-repeat center center;
	width:20px;
	height:15px;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
}
.pr-categories .nav-pills .pr-category-tab{
	background-color: var(--bancos-beige-3);
    color: var(--bancos-black);
    font-size: var(--size-18);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    min-height: 2.5rem;
	margin-right: 1rem;
}
.pr-categories .nav-pills .pr-category-tab.active{
	color: var(--bancos-beige-3);
    background-color: var(--bancos-black);
}
.pr-teaser-item{
	border-top:2px solid var(--bancos-beige-3);
	padding-top:2rem;
	padding-bottom:2rem;
}
.pr-category-group > div.pr-teaser-item:first-child{
	border-top:none;
}
main[role="main"] .pr-teaser-image{
	margin-bottom:2rem;
}
main[role="main"] .pr-teaser-text p{
	text-decoration: none;
    background-image: linear-gradient(var(--bancos-red), var(--bancos-red));
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s;
	color: var(--bancos-black);
	display:inline;
	font-weight:var(--weight-600);
	font-size: var(--size-24);
}
main[role="main"] .pr-teaser-text a:hover p, 
main[role="main"] .pr-teaser-text  a:focus p{
    background-size: 100% 2px;
}
.pr-teaser-date{
	margin-top: 0.75rem;
}
.partners-wrap{
	margin:0 auto;
}
.partner-item{
	text-align:center;
	margin-bottom:1rem;
}
.jobreason-item{
	margin-bottom:40px;
}
main[role="main"] section.careerslider-section{
	padding:0;
}
main[role="main"] section.careerslider-section .slick-list {
    padding-left: 0px!important; 
}
main[role="main"] section .slick-dotted.slick-slider{
	margin-bottom:0;
}
main[role="main"] section.careerslider-section .slick-slide img{
	width:100%;
}
.jobs-wrap h3{
	margin-top:40px;
	margin-bottom:24px;
}
.job-group .jobname a{
	display:block;
	border-bottom: 1px solid var(--bancos-grey-6);
	padding:16px 35px 16px 0;
	font-size: var(--size-16);
	font-weight:var(--weight-600);
    line-height: var(--line-height-24);	
	color:var(--bancos-black);
    position:relative;
}
.job-group .jobname a::after{
	content:'';
	width:20px;
	height:16px;
	position:absolute;
	background:url(img/arrow-line-right-grey-2.svg) no-repeat center center;
	right:10px;
	bottom:0;
	top:0;
	margin:auto;
	transition:right 0.5s ease-in-out;
}
.job-group .jobname a:hover::after{
	right:0;
}
.job-group > div:first-child a{
	border-top: 1px solid var(--bancos-grey-6);
}
.contacts-wrap,
.contacts-intro,
.jobs-wrap,
.intro-text,
.service-text,
.contacts-textafter {
	margin:0 auto;
}
.jobteaser-section .preface{
	margin: 0 auto 4rem;
}
.contacts-intro{
	margin-bottom:34px;
}
.contactperson-item{
	background-color: var(--bancos-blue-3);
	margin-bottom:2rem;
	padding-bottom: 20px;
	margin-left: 0;
    margin-right: 0;
}
.contactperson-item .contact-image{
	margin-bottom: 18px;
    padding-left: 0;
	padding-right:0;
}
.contact-name{
	font-weight:var(--weight-600);
}
.contact-phone{
	margin-top:0.75rem;
}

.fintech-builder-contact .contact-mail{
	margin-top: 0.75rem;
}
.contact-mail a{
	color: var(--bancos-red);
	display: inline-block;
    line-height: var(--line-height-24);	
}
.contact-mail a::after{
	content: '';
    display: block;
    width: 100%;
    height: 0;
    background: var(--bancos-black);
    transition: height .3s;
}
.contact-mail a:hover::after{
	height:2px;
}
main[role="main"] section .slick-dots{
	text-align: right;
    left: auto;
    right: 24px;
    bottom: -36px;
    background-color: #fff;
    margin: 0;
}
main[role="main"] section .slick-dots li{
	width:auto;
}
main[role="main"] section .slick-dots li button{
	background-color: var(--bancos-red);
    opacity: 1;
    width: 8px;
    height: 4px;
    border-radius: 0;
    padding: 0;
}
main[role="main"] section .slick-dots li.slick-active button{
    width: 32px;	
}
main[role="main"] section .slick-prev, 
main[role="main"] section .slick-next{
	width: 58px;
    height: 58px;
    background: var(--white) url(img/arrow-right-black.svg) no-repeat center center;
    border-radius: 100%;
    right: 26px;
	bottom:0;
	top:0;
	margin:auto;
}
main[role="main"] section .slick-prev::before, 
main[role="main"] section .slick-next::before{
	content:'';
}

main[role="main"] section .slick-prev{
	right:auto;
	left:26px;
	transform:rotate(180deg);
	z-index:2;
}
main[role="main"] section .slick-next{
	transform:translate(0 0);
}
main[role="main"] section .slick-prev:hover{
	left:23px;
}
main[role="main"] section .slick-next:hover{
	right:23px;
}
main[role="main"] .howitworks-section{
	
}
main[role="main"] .howitworks-section .accordionhead{
	width:100%;
	border: none;
    background-color: transparent;
    font-weight: var(--weight-600);
    font-size: var(--size-20);
    line-height: var(--line-height-32);
	text-align:left;
	padding: 24px 24px 0 0;
    margin-bottom: 24px;
    border-top: 1px solid #E2E2E0;
	position:relative;
}
main[role="main"] .howitworks-section .accordionhead::after{
	content: '';
    position: absolute;
    top: 35px;
    right: 0;
    background: url(img/arrow-down-black.svg) no-repeat 50% 50%;
    background-size: 100%;
    width: 12px;
    height: 8px;
}
main[role="main"] .howitworks-section .accordionhead[aria-expanded="true"]::after{
	transform:rotate(180deg);
}
main[role="main"] .howitworks-section .accordiontext{
	padding-bottom:24px;
}
main[role="main"] .howitworks-section .accordiontext p{
	font-weight: var(--weight-400);
    font-size: var(--size-16);
    line-height: var(--line-height-26);
}
main[role="main"] .usecases-image{
	margin-bottom:40px;
}
main[role="main"] .usecases-text p{
	margin-bottom:1rem;
}
main[role="main"] .agent-interface-image{
	margin-bottom:40px;
}
main[role="main"] .agent-interface-video{
	width:100%;
}
main[role="main"] .agent-interface-text p{
	margin-bottom:1rem;
}
main[role="main"] .bancos-numbers .number-value{	
	font: var(--style-normal) normal var(--weight-700) var(--size-69)/var(--line-height-83) var(--main-font);
	color:var(--bancos-red);
	margin-bottom:10px;
	position:relative;
	padding-left:3rem;
}
main[role="main"] .bancos-numbers .number-value::before{
	content:'';
	position:absolute;
    top: 31px;
	left:0;
    background: url(img/arrow-down-red.svg) no-repeat 50% 50%;
	background-size: 100%;
    width: 27px;    
    height: 24px;
}

main[role="main"] .bancos-numbers .arrowup .number-value::before{
	transform:rotate(180deg);
}
main[role="main"] .bancos-numbers .number-unit{
	font: var(--style-normal) normal var(--weight-600) var(--size-18)/var(--line-height-26) var(--main-font);
	color:var(--bancos-red);	
	margin-bottom:10px;
	padding-left:3rem;
}
main[role="main"] .bancos-numbers .number-text{
	font: var(--style-normal) normal var(--weight-400) var(--size-16)/var(--line-height-26) var(--main-font);
    color:var(--bancos-black);
	max-width:268px;
	padding-left:3rem;
}
main[role="main"] .with-check-list ul{
	list-style:none;
	margin:0;
}
main[role="main"] .with-check-list ul > li{
	position: relative;
    padding: 0;
    padding-left: 1.75rem;
    list-style: none;
    background: 0 0;
    margin-bottom: 0.75rem;
}
main[role="main"] .with-check-list ul > li::before{
	content: '';
    width: 16px;
    height: 13px;
    position: absolute;
    background-color: transparent;
    background-image: url(img/check.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto;
    left: 0;
    top: 7px;
}
main[role="main"] .advantages-section.bg-bancos-black .with-check-list ul > li::before{
	 background-image: url(img/check-white.svg);
}
main[role="main"] .post-catlink{
	font: var(--style-normal) normal var(--weight-400) var(--size-14)/var(--line-height-26) var(--main-font);	
	color: var(--bancos-red);
	letter-spacing: 0.06em;
	text-transform: uppercase;	
	padding: 0.25rem 0;
}
main[role="main"] .landingpage-item .post-catlink{
	color: var(--white);
	background-color:var(--bancos-red);
	padding: 0.25rem;
}
main[role="main"] .newsteaser-item .morelink-wrap,
main[role="main"] .teaser-item .morelink-wrap{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
	margin-top:24px;
}
main[role="main"] .teaser-item .morelink-wrap{
    justify-content: flex-end;	
}
main[role="main"] .post-date{
	font: var(--style-normal) normal var(--weight-400) var(--size-14)/var(--line-height-22) var(--main-font);	
	color: var(--bancos-grey-3);	
}
.single main[role="main"] .post-category-date-wrap .post-date{
	margin-left:1rem;
}
.post-category-date-wrap{
	margin-bottom:24px;
}
.btn-wrap{
	margin-top:24px;
}
.usecases-section .teaser-text{
	background-color:#f5f5f5;
	padding:2rem;
}
.usecases-section .teaser-text .teaser-headline{
	margin-top:0;
}
.header-content{
	text-align:center;
}
.header-content h1{
	margin-bottom:24px;
	margin-top:0;
}
.default-header .header-content h1{
	margin-bottom:0;
}
.intro-text{
	margin-bottom: 40px;
}
.intro-text .shariff,
.page-template-landingpage .shariff,
.single-landingpage .shariff{
	margin:8px auto 32px;
}
.post-header{

}

.post-header .post-headtext {
    padding-top: 2.5rem;
    padding-bottom: 3.5rem;
}	

.post-header .post-catlink{
	margin-bottom:1.5rem;
}
.post-header .post-headline{
	margin-bottom:1rem;
}
.post-content{
	
}
main[role="main"] section.newsteaser-section{
	padding-top: 45px;
}
main[role="main"] section.newsteaser-section.resources-section{
	padding-top:120px;
}
.downloadlink-wrap{	
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin-top: 24px;
}
.download-link{
	position: relative;
    text-indent: 192%;
    white-space: nowrap;
    overflow: hidden;
    background-color: #011936;
    display: inline-block;
    height: 40px;
    width: 52px;
    border-radius: 20px;
}
.download-link::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1rem;
    margin: auto;
    background: url(img/download.svg) no-repeat center center;
    border: none;
    width: 20px;
    transition: all 0.5s ease-in-out;
}
.download-link:hover::after{
	transform:scale(1.2);
}
.sc-ajax-filter .status{
	margin:1rem 0 2rem;
	font: var(--style-normal) normal var(--weight-400) var(--size-20)/var(--line-height-32) var(--main-font);
}
.sc-ajax-filter .nav-filter{
	display: flex;
    justify-content: flex-start;
    list-style: none;
    margin: 1rem 0 2rem;
}
.sc-ajax-filter .nav-filter > li{
	margin-right: 1rem;
}
.sc-ajax-filter .nav-filter > li a{
	background-color: var(--bancos-beige-3);
	color: var(--bancos-black);
	font-size:var(--size-18);
    padding: 0.5rem 1rem;
    border-radius: 20px;
	min-height: 2.5rem;
}
.sc-ajax-filter .nav-filter > li a:hover{
	color: var(--bancos-beige-3);
	background-color: var(--bancos-black);	
}
.sc-ajax-filter .nav-filter > li a:hover::after{
	content:none;
}
.sc-ajax-filter .nav-filter > li.active a{
	color: var(--bancos-beige-3);
	background-color:var(--bancos-black);
}
.featured-post-box .morelink-wrap{
	text-align:right;
	margin-top:1rem;
	padding-bottom:1rem;
	border-bottom:1px solid #DCDDE4;
}
.newsteaser-section .all-news-link,
.latest-events-section .all-news-link{
	text-align:right;
}

.newsteaser-item{	
	margin-bottom:2rem;	
}
.newsteaser-box .newsteaser-item{
	width:100%;
	display:flex;
	justify-content:space-between;
	margin-left: 0;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    margin-bottom: 0;	
    border-bottom: 1px solid #DCDDE4;
}
.newsteaser-box .newsteaser-item .newsteaser-image{
	flex: 0 0 auto;
    width: 36%;
	margin-bottom:0;
}
.newsteaser-box .newsteaser-item .newsteaser-text{
	flex: 0 0 auto;
    width: 58%;	
}
.newsteaser-section .newsteaser-item .newsteaser-text{
	padding-bottom: 2rem;  
}
.newsteaser-image,
.resource-image{
	margin-bottom:1.5rem;
}
.newsteaser-image a,
.resource-image a{
	display:block;
	overflow:hidden;
}

.newsteaser-image a img,
.resources-section .resource-image a img{
	transition:all 0.5s ease-in-out
}
.newsteaser-image a:hover img,
.newsteaser-image a:focus img,
.resources-section .resource-image a:hover img,
.resources-section .resource-image a:focus img{
	transform:scale(1.1);
}
.newsteaser-excerpt{
	margin-top:1rem;
}
.teaser-headline{
	margin-top: 0.75rem;
}
main[role="main"] .featured-post-box .teaser-headline{
	font: var(--style-normal) normal var(--weight-600) var(--size-20)/var(--line-height-28) var(--main-font);
}

main[role="main"] .newsteaser-excerpt p,
main[role="main"] .newsteaser-excerpt ul,
main[role="main"] .teaser-excerpt p,
main[role="main"] .teaser-excerpt ul{
	font: var(--style-normal) normal var(--weight-400) var(--size-16)/var(--line-height-26) var(--main-font);
}

.teaser-headline a{
	color:var(--bancos-black);
}
.teaser-headline a {
    text-decoration: none;
    background-image: linear-gradient(var(--bancos-red), var(--bancos-red));
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s;
}

.teaser-headline a:hover, 
.teaser-headline a:focus {
    background-size: 100% 2px;
}
.js .post-content .shariff{
	opacity:0;	
}
.js .post-content .shariff.show-shariff{
	opacity:1;
	transition:opacity 1s ease-in-out;
}
.post-content .row > div{
	margin-left:auto;
	margin-right:auto;
}
.post-content .intro{
	margin-bottom:2rem;
}
.post-content .entry h2{
	margin-bottom:2.5rem
}


.post-content .entry p,
.post-content .entry ul,
.post-content .entry ol{
	font: normal normal var(--weight-400) var(--size-16)/var(--line-height-26) var(--main-font);
	color: var(--bancos-grey-1);
	margin-bottom:32px;
}
.post-content .entry ol{
	margin-left:1.2rem;
}
.post-content .entry ul,
main[role="main"] .entry ul,
main[role="main"] .service-textblock-section ul,
main[role="main"] .usecases-textblock-section ul,
main[role="main"] .jobdetails-section ul{
	margin-left:0;
}
.post-content .entry ul > li,
main[role="main"] .entry ul > li,
main[role="main"] .service-textblock-section ul > li,
main[role="main"] .usecases-textblock-section ul > li,
main[role="main"] .jobdetails-section ul > li{
	list-style:none;
	position:relative;
	padding-left:1rem;
}
.post-content .entry ul > li::after,
main[role="main"] .entry ul > li::after,
main[role="main"] .service-textblock-section ul > li::after,
main[role="main"] .usecases-textblock-section ul > li::after,
main[role="main"] .jobdetails-section ul > li::after{
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    background-color: var(--bancos-red);    
}
main[role="main"] .checklist-section .entry ul{
	font: normal normal var(--weight-400) var(--size-16)/var(--line-height-26) var(--main-font);
	margin-bottom: 50px;
    margin-top: 26px;
}
main[role="main"] .checklist-section .entry ul > li{
	padding-left: 1.75rem;
    margin-bottom: 8px;
}
main[role="main"] .checklist-section .entry ul > li::after{
	content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 16px;
    height: 13px;
    background: transparent url(img/check.svg) no-repeat 0 0;
}
.quote-box {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}
.home .featured-post-box .newsteaser-text {    
    position: relative;
}

.post-content .entry .quote-box p{
	font: italic normal var(--weight-normal) var(--size-18)/var(--line-height-32) var(--main-font);	
	color: var(--dark-violet);
	border-left: 4px solid var(--flieder);
	padding-left:2.5rem;
	position:relative;
}
.centered-item{
	margin:0 auto;
}
.careerfield-item{
	
}
.careerfield-item h3{
	background-repeat:no-repeat;
	background-position:0 0;
	min-height: 48px;
    line-height: 48px;
    padding-left: 65px;
}
.careerfields-text{
	margin-bottom:50px;
}
.slick-initialized .slick-slide.team-quote-item{
	display:flex;
}
main[role="main"] section.teamquotes-section .slick-dots{
	background:transparent;
}
.team-quote-name{
	font-weight:600;
}
.team-quote-text{
	position:relative;
	display:flex;
	align-items:center;
	padding-top: 60px;
    padding-bottom: 24px;
}
.team-quote-text::before{
	content:'';
	position:absolute;
	top:0;
	left: 16px;
    width: calc(100% - 16px);
	height:1px;
	background-color:var(--bancos-beige-1);
}
.team-quote-text::after{
	content:'';
	position:absolute;
	bottom:0;
    left: 16px;
    width: calc(100% - 16px);
	height:1px;
	background-color:var(--bancos-beige-1);
}
.text-inner{
	position:relative;
}
.team-quote-text .text-inner::before{
	content:'';
	position:absolute;
	top: -35px;
    left: 0;
	background:url(img/quote.svg) no-repeat center center;
	background-size:contain;
	width:26px;
	height:20px;
}
/* Footer Styles */
footer[role="contentinfo"]{
	background: rgba(1,25,54,1);
}
.footer-inner{	
	padding-top:40px;
	padding-bottom:2rem;	
}
.footer-copyright-legalnav .container{	
	padding-top:2rem;
	padding-bottom:2rem;
}
footer[role="contentinfo"] .contact-data{
	margin-left:0;
	margin-right:0;
}
footer[role="contentinfo"] .contact-data .address p,
footer[role="contentinfo"] .contact-data .phone p,
footer[role="contentinfo"] .contact-data .mail p{
	font: var(--style-normal) normal var(--weight-400) var(--size-16)/var(--line-height-26) var(--main-font);	
	color: var(--white);
}
footer[role="contentinfo"] .contact-data .mail p a{
	color: var(--white);
}
footer[role="contentinfo"] .contact-data .mail p a:hover,
footer[role="contentinfo"] .contact-data .mail p a:focus{
	color:var(--white);
}
footer[role="contentinfo"] .contact-data .address{
	margin-bottom: 1.25rem;
	padding:0;
}
footer[role="contentinfo"] .contact-data .phone{
 
}
footer[role="contentinfo"] .contact-data .mail{

}
footer[role="contentinfo"] .contact-data {
	margin-bottom:1.5rem;
}
footer[role="contentinfo"] .contact-data .contact-head{
	margin-bottom:1rem;
	padding:0;
}
footer[role="contentinfo"] .contact-data .social-media, footer[role="contentinfo"] .contact-data .phone-email-box{
	padding:0;
}

footer[role="contentinfo"] .contact-data .contact-head{
	font: var(--style-normal) normal var(--weight-600) var(--size-16)/var(--line-height-19) var(--main-font);	
	color: var(--white);
	letter-spacing:0.08rem;
}
.footer-logo{
	padding:0;
	margin-bottom: 1.25rem;
}
.footer-logo img{
	max-height:24px;
}
footer[role="contentinfo"] nav.legalnav ul{
	list-style:none;
}
footer[role="contentinfo"] nav.legalnav ul > li{
	display:inline-block;
	margin-left:1rem;
}
footer[role="contentinfo"] nav.legalnav ul > li:first-child{
	margin-left:0;
}
footer[role="contentinfo"] nav.legalnav a,
footer[role="contentinfo"] small {
	font: var(--style-normal) normal var(--weight-normal) var(--size-14)/var(--line-height-20) var(--main-font);
	color: var(--bancos-grey-4);	
}
footer[role="contentinfo"] nav.legalnav a:hover,
footer[role="contentinfo"] nav.legalnav a:focus{
	color: var(--white);
}
.social-media{
	margin-bottom: 1.25rem;
}
.social-media ul.social-links {
    list-style: none;
    margin:0;
    padding: 0;   
}
.social-media ul.social-links > li {
    margin-bottom:0.75rem;
}
.social-media ul.social-links > li a {       
	color:var(--white);	
	background-size:contain;
	background-repeat:no-repeat;
	background-position:0 0;	
}
.social-media ul.social-links > li a {
  
}
.social-media ul.social-links > li a.xing-icon {
    background-image: url(img/xing-icon.svg);
	padding-left:2rem;   
}
.social-media ul.social-links > li a.linkedin-icon {
    background-image: url(img/linkedin.svg);
	padding-left:2rem;	
}
.social-media ul.social-links > li a.instagram-icon {
    background-image: url(img/instagram-icon.svg);
	padding-left:2rem;	  
}
.social-media ul.social-links > li a.twitter-icon {
     background-image: url(img/twitter-icon.svg);
	padding-left:2rem;	  
}
.social-media ul.social-links > li a.youtube-icon {
    background-image: url(img/youtube-icon.svg);
	padding-left:2.5rem;	
}
.social-media ul.social-links > li a.facebook-icon {
    background-image: url(img/facebook-icon.svg);
	padding-left:2rem;	   
}


@media only screen and (min-width: 576px){
	main[role="main"] .career-hero-section .header-badge {
		width: 25%;		
		top: 50px;
		left:0;
	}

}

@media only screen and (min-width: 768px){
	.header-content {   
		width: 555px;
	}
	.header-content p{
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}	
	.service-item.reveal-box:nth-child(2n){
		transition-duration:1s;
	}
	.fintech-builder-cta-section .entry{
		margin:0 auto;
	}
	main[role="main"] .career-hero-section{		
		padding-bottom:0;		
	}
	main[role="main"] .career-hero-section .header-badge,
	main[role="main"] .jobdetail-hero-section .header-badge,
	main[role="main"] .jobs-hero-section .header-badge{
		width: 20%;
		right: -4%;
		left:auto;
		bottom: -22%;
		top: auto;
	}
	
	main[role="main"] .jobdetail-hero-section .header-badge,
	main[role="main"] .jobs-hero-section .header-badge{
		width: 20%;
		right: -4%;
		left: auto;
		bottom: 0;
		top: 54px;
	}
	main[role="main"] .career-hero-section .container,
	main[role="main"] .jobdetail-hero-section .container,
	main[role="main"] .jobs-hero-section .container{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		padding-top: 4rem;
		padding-bottom: 4rem;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	main[role="main"] .career-hero-section .container .row,
	main[role="main"] .jobdetail-hero-section .container .row,
	main[role="main"] .jobs-hero-section .container .row{
		width:100%;
	}
	main[role=main] .jobdetail-hero-section .container,
	main[role=main] .jobs-hero-section .container{
		padding-top:0;
	}

	main[role="main"] .aboutus-section .about-us-text{		
		max-width: 75%;
		margin: 0 auto;
	}
	main[role="main"] .aboutus-section .btn-wrap{
		max-width: 75%;
		margin: 40px auto;
	}
	.container.company-image-wrap{
		max-width:none;
		padding:0;
	}
	.container.company-image-wrap > .row{
		margin:0;
	}
	.container.company-image-wrap > .row > .company-image{
		padding:0;
	}
	.container.company-image-wrap > .row > .company-image img{
		width:100%;
	}
	.container.company-image-wrap > .row > .company-image.col-md-5{
		width:45%;
		padding-top: 13%;
	}
	.container.company-image-wrap > .row > .company-image.col-md-3{
		padding-top: 22%;
	}
	.container.company-image-wrap > .row > .company-image.col-md-4{
		width:30%;
	}
	.caption{
		padding-left:8px;
	}
	main[role="main"] .contact-head-section h1{
		font-size: var(--size-32);
		line-height: var(--line-height-40);
	}
	.contactbox{		
		margin:0 auto;
	}
	.contactbox > div{		
		padding:56px 40px;
	}
	.contactbox > div.contactbox-text{
		padding-bottom:20px;
	}
	.contactbox > div.contactbox-form{
		padding-top:20px;
	}
	.container.company-image-wrap > .row > .company-image.col-md-4 .caption{
		max-width:300px;
	}
	.number-value{	
		font: var(--style-normal) normal var(--weight-700) var(--size-56)/var(--line-height-67) var(--main-font);
	}
	.board-member-item{
		margin-left:auto;
		margin-right:auto;
	}
	.container.company-image-wrap{
		margin-top:30px;
	}

	main[role="main"] section.clients-section .client-item:last-child{
		margin-bottom:0;
	}
	main[role="main"] section.clients-section .client-item img{
		transform:scale(0.8);
	}
	main[role="main"] .cta-box-section .cta-box{
		padding:16px 40px 40px;
	}
	.contactperson-item{
		padding-bottom:34px;
	}
	.contactperson-item .contact-text{
		padding-top: 24px;
		padding-left: 32px;
	}
	
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.appliocation-process-text{
		margin-top: 1rem;
	}
	.jobreason-item{
		align-items: flex-start!important;
	}
	.jobreason-item h3{
		margin-top:0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	main[role="main"] .advantages-section .advantage-group .group-inner{
		display:flex;
		flex-wrap:wrap;
	}
	main[role="main"] .advantage-group-icon{
		text-align:left;
		margin-bottom:0;
		flex: 0 0 auto;
		width: 16.6666666667%;
	}
	main[role="main"] .advantages-section .advantage-group h3{
		flex: 0 0 auto;
		width: 83.3333333333%;
		margin-top: 0;
		margin-bottom: 0;   
	}
	main[role="main"] .advantages-section .advantage-group .advantage-group-text{
		flex: 0 0 auto;
		width: 83.3333333333%;
		margin-left: 16.6666666667%;
	}
	main[role="main"] .howitworks-section .accordion-wrap{
		margin:0 auto;
	}
	main[role="main"] .arguments-section .argument-item {    
		display: flex;		
	}
	main[role="main"] .arguments-section .argument-text{
		flex: 0 0 auto;
		width: 50%;
	}
	main[role="main"] .arguments-section .argument-image{
		flex: 0 0 auto;
		width: 50%;
	}
	main[role="main"] .arguments-section .argument-item.item-1 .argument-image,
	main[role="main"] .arguments-section .argument-item.item-3 .argument-image{
		order:2;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	main[role="main"] .arguments-section .argument-item {   		
		align-items:center;
	}
}
@media only screen and (min-width: 992px){
	.container, .container-lg, .container-md, .container-sm {
		max-width: 90%;
	}
	
	header[role="banner"]{		
		height:88px;
		position:relative;
	}	
	header[role="banner"] .logo-container,
	header[role="banner"] .logo-container .navbar-brand img{
		height: 88px;		
		transition: height .5s ease-in-out;
	}
	header[role="banner"] .logo-container{
	   width: 11%;
       padding-right: 0;
	}
	#page-wrap .landingpage-nav{
		width:90%;
	}
	header[role="banner"] nav#main-nav div.main-nav {		
		justify-content: flex-end;
	}

	header[role="banner"] nav#main-nav {
		padding-top: 0;
		padding-bottom: 0;
		padding-left:0;
		position:static;
		align-items: stretch;
	}
	header[role="banner"] nav#main-nav .dropdown-toggle{
		width: 1.5rem;
		padding-right: 0;
		padding-left: 0.5rem;
	}
	header[role="banner"] nav#main-nav .dropdown-menu{
		min-height: 25rem;
		position: absolute;		
		width: 100%;
		left: 0;
		top: 100%;				
		background: var(--white);
		box-shadow: none;
		border-radius: 0;
		border: none;
		padding-top: 1.55rem;
		box-shadow: 0 12px 24px 0 rgb(0 0 0 / 10%);			
		opacity:0;
		transition: opacity 0.5s linear;		
	}
	header[role="banner"] nav#main-nav .dropdown-menu.show{
		opacity:1;		
	}
	header[role="banner"] nav#main-nav .dropdown-menu ul.sub-menu.container > li a .menu-item-title{
		font: var(--style-normal) normal var(--weight-600) var(--size-20)/var(--line-height-32) var(--main-font);		
		color: var(--bancos-black);	
	}
	header[role="banner"] nav#main-nav .dropdown-menu ul.sub-menu.container > li a .menu-item-description{
		display:block;
		margin-top:1rem;
		font: var(--style-normal) normal var(--weight-400) var(--size-16)/var(--line-height-24) var(--main-font);
		color: var(--bancos-grey-1);		
	}

	header[role="banner"] nav#main-nav .dropdown-menu ul.sub-menu.container {
		padding: 0;
		display: grid;
        grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 2.625rem;
		grid-row-gap: 1rem;		
		margin-top: 2.5rem;
		margin-bottom:2.5rem;
		background-color:transparent;
		padding-right: var(--bs-gutter-x,.75rem);
        padding-left: var(--bs-gutter-x,.75rem);
		max-width: 90%;
	}
	header[role="banner"] nav#main-nav .dropdown-menu ul.sub-menu.container > li{
		margin-bottom:1rem;
	}
	
	header[role="banner"] nav#main-nav .dropdown-menu ul.sub-menu.container ul.sub-menu{
		padding:0;
		margin-top: 0.75rem;
	}
	header[role="banner"] nav#main-nav .dropdown-menu ul.sub-menu.container .sub-menu .menu-item-title{
		font: var(--style-normal) normal var(--weight-normal) var(--size-16)/var(--line-height-40) var(--main-font);		
	}
	header[role="banner"] nav#main-nav div.main-nav,
	header[role="banner"] nav#main-nav ul.navbar-nav > li{
		border:none;
		align-items: stretch;
		margin-top: 0;
	}

	header[role="banner"] nav#main-nav ul.navbar-nav > li{
		
		background-color:transparent;
		margin-right:1.5rem;
	}
	header[role="banner"] nav#main-nav ul.navbar-nav > li > a {    
		padding: 1.85rem 0;
		display: flex;
		align-items: center;		
	}

	header[role="banner"] nav#main-nav ul.navbar-nav > li.current-menu-item,
	header[role="banner"] nav#main-nav ul.navbar-nav > li.current-page-ancestor{
		border:none;
	}
	header[role="banner"] nav#main-nav #searchform{
		display:none;
		position: absolute;
		width: 100%;
		left: 0;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-o-transition: all .3s linear;
		-ms-transition: all .3s linear;
		transition: all .3s linear;
		z-index:2;
	}
	header[role="banner"] nav#main-nav #searchform.showsearch{
		display:block;
	}
	header[role="banner"] nav#main-nav #searchform div{
		width:96.25%;
		display:inline-block;
	}
	header[role="banner"] nav#main-nav #searchform div #searchsubmit{
		background-color: transparent;
		background-image: url(img/icons.svg);
		background-position: -30px -1683px;
		background-repeat: no-repeat;
		background-size: auto;
		border: none;
		width: 2.5rem;
		height: 2.5rem;
	}
	header[role="banner"] nav#main-nav .toggle-search{
		display:block;
		background-color:transparent;
		background-image:url(img/icons.svg);
		background-position: -26px -1688px;
		background-repeat: no-repeat;
		background-size: auto;
		border: none;
		width: 2.5rem;
		height: 2.5rem;
		position:relative;
	}
	header[role=banner] nav#main-nav #searchform .close-search{	
		background-color: transparent;
		background-image: url(img/icons.svg);
		background-position: -18px -975px;
		background-repeat: no-repeat;
		background-size: auto;
		border: none;
		width: 2.5rem;
		height: 2.5rem;
		display: block;
		position: absolute;
		right: 24px;
		top: 0;
		bottom: 0;
		margin: auto;
		text-indent: 140%;
		white-space:nowrap;
		overflow: hidden;
	}
	header[role="banner"] nav#main-nav .header-contact-wrap{
		display:flex;
		align-items:center;
		margin-left:0.5rem;
	}
	header[role="banner"] nav#main-nav .header-mobile-contact-wrap{
		display:none;
	}
	main[role="main"] section.fintech-builder-head-section{
		padding-bottom:0;
	}
	.fintech-builder-head-section .break-out {
		width: 58.3333333333vw;
		position: relative;
		left: calc(41.6666vw + -1 * (100vw - 100%) / 2);
		margin-top: -35%;
	}
	.cta-bg-image {
		height: 375px;	
		background-attachment: fixed;
		background-position: 0 100%;
	}
	.cta-notice{
		margin-top:70px;
	}
	.breadcrumbs{
		display:block;
	}

	main[role="main"] .arguments-section .row{
		position:relative;
	}
	main[role="main"] .arguments-section .argument-item{
		position:relative;
		padding:0;
	}
	
	main[role="main"] .arguments-section .argument-item.item-1 .argument-text{	
	    transform: translate(15%, 0%);	
	}	
	main[role="main"] .arguments-section .argument-item.item-2 .argument-text{		
	   transform:translate(-10%,-10%);		
	}
	main[role="main"] .arguments-section .argument-item.item-3 .argument-text{		
        transform:translate(11%, 0%);
	}	
	main[role="main"] section{
		padding-top:80px;
		padding-bottom:80px;
	}
	main[role="main"] section.clients-section .container{
		max-width:700px
	}
	main[role="main"] section.use-cases-section{
		padding-bottom:0;
	}
	main[role="main"] .usecases-image{
		margin-bottom:0;
	}
	main[role="main"] .usecases-text{
		padding-left:5%;		
	}
	main[role="main"] .agent-interface-text{
		padding-right:5%;		
	}
	main[role="main"] .hero-form{
		margin-top: 1.5rem;
	}
	/*.vision-item,
	.mission-item{
		margin-bottom:5rem;
	}*/
	.approach-text,
	.about-bancos-section .intro-text,
	.about-bancos-section .entry,
	.fintech-builder-cta-section .entry,
	.continuous-text-section .entry{
		margin:0 auto;
	}
	main[role="main"] .approach-text{
		margin-bottom:80px;
	}
	.contactbox{
		
	}
	main[role="main"] .contact-head-section {
		background-image: url(img/pixel-rechts-blau.svg), url(img/pixel-links-blau.svg);
		background-repeat: no-repeat, no-repeat;
		background-position: right bottom, left bottom;
		background-size: 18%, 9%;	 
	    padding-bottom: 0;
		padding-top:0;
	}
	main[role="main"] .contact-head-section .hero-text {
		margin-bottom: 5rem;
	}
	main[role="main"] .contact-head-section .hero-text h1{
		margin-top:0;
	}
	main[role="main"] .contact-head-section .hero-image img {
	  max-width: 51%;
	  display: block;
	  margin: 0 34.5% 0 auto;
	}
	main[role="main"] .contact-section {
		background-image: url(img/pixel-rechts-weiss.svg), url(img/pixel-links-weiss.svg);
		background-repeat: no-repeat, no-repeat;
		background-position: right top, left top;
		background-size: 18%, 18%;
		padding-top:135px;
	}
	main[role="main"] .contact-section .contactbox-form{
		padding-right: 4%;
	}
	main[role="main"] .container.company-image-wrap{
		margin-top:80px;
	}
	main[role="main"] .contact-section .privacy-wrap,
	main[role="main"] .contact-section .required-text-wrap	{
		 padding-right: calc(var(--bs-gutter-x) / 2);
	}
	.breadcrumbs{
		margin-top:2rem;
	}

	.intro-section{
		
	}
	.intro-section .row{
		margin-bottom:3.5rem;
	}

	.career-text{
		padding-right:5%;
	}

	.appliocation-process-text{		
		margin-top: 40px;
	}
	
	.team-quote-text{
		padding-left: 8.3333333333%;
		padding-top: 42px;
		padding-bottom: 42px;
	}
	.team-quote-text .text-inner::before{		
		top: -5px;
		left: -60px;		
		width:40px;
		height:30px;
	}
	main[role="main"] section .team-quotes-slider .slick-next{
		right:-45px;
	}
	main[role="main"] section .team-quotes-slider .slick-prev {
		left: -45px;
		right: auto;
	}
	
	main[role="main"] section .team-quotes-slider .slick-prev:hover{
		left:-48px
	}

	main[role="main"] section .team-quotes-slider .slick-next:hover{
		right:-48px;
	}
	main[role=main] .jobdetail-hero-section .header-badge,
	main[role=main] .jobs-hero-section .header-badge{		
		top: 72px;
	}
	main[role=main] .jobdetail-sidebar,
	main[role=main] .jobs-sidebar{
	    position: sticky;
		top: 60px;
		align-self: flex-start;
	}
	.infoteasers-section .row.infoteaser{
		margin-top: 5rem;
	}
	.infoteasers-section .row.infoteaser:first-child{
		margin-top:0;
	}
	.infoteasers-section .row.infoteaser.videoteaser .lyte-wrapper{
		width:auto !important;
	}

	.infoteaser .more-link-wrap,
   .infoteaser .btn-wrap{		
		margin-bottom:0;
	}

	
	.home .featured-post-box .newsteaser-text {
		padding: 2.25rem 2.5rem 6rem;
		position: relative;
	}

	.newsteaser-box .newsteaser-item .newsteaser-image{
		flex: 0 0 auto;
		width: 30%;
		margin-bottom:0;
	}
	.newsteaser-box .newsteaser-item .newsteaser-text{
		flex: 0 0 auto;
		width: 65%;	
	}
	.newsteaser-section .newsteaser-item .newsteaser-text{
		padding-bottom:0;
		border:none;
	}
	.newsteaser-section .newsteaser-item{
	  padding-bottom: 2rem;
	  position:relative;      
	}
	
	.featured-post-box .morelink-wrap{
		position: absolute;
		bottom: 10%;
		right: 10%;
		border:none;
	}

	.post-header{		
		
	}
	
	.post-header .post-headtext{
		padding-top: 6.5rem;
		padding-bottom: 6.5rem;
	}
	.post-category-date-wrap{
		margin-bottom:40px;
		min-height:40px;
	}
	.intro-text{
		position:relative;
	}
	.intro-text .shariff{
		margin: 0;
		position: absolute;
		right: -16.6666666667%;
	}
	.intro-text .shariff.shariff-align-center ul,
	.page-template-landingpage main[role="main"] .shariff.shariff-align-center ul{
		flex-flow: column wrap;
	}
	.post-content .shariff.shariff-align-flex-start ul{
		flex-direction:column;
		flex-flow:column wrap;
	}
	.post-content .intro{
		margin-bottom:4rem;
	}
	.newsteaser-item{		
		width: 33%;		
	}
	.newsteaser-item:first-child,
	.newsteaser-item:nth-child(3n+1){
		margin-left:0;
	}
	.home .featured-post-box{
		margin-right:2%;
	}
	.home .newsteaser-box,
	.home .events-teaser-box{
		margin-left:2%;
	}
	.home .featured-post-box{
		background-color: #DBDBDB40;
		margin-left: 2.5rem;
		margin-top: 10rem;
		position: sticky;
		top: 15rem;
	}
	.home .featured-post-box .newsteaser-image{
		position: relative;
		left: -2.5rem;
		top: -10rem;
		margin-bottom: -10rem;
	}
	.home .newsteaser-box .newsteaser-item:first-child{
		padding-top:0;
	}

	footer[role="contentinfo"] nav.footer-nav ul > li .sub-menu{
		display:block;
	}
	.social-media ul.social-links {
		
		
	}
	footer[role="contentinfo"] .footer-copyright-legalnav .container > .row{
		 margin-left: 0;
	}
	footer[role="contentinfo"] nav.legalnav{
		display:inline-block;
	}
	footer[role="contentinfo"] nav.legalnav ul > li{
		margin-left:0.75rem;
	}
	footer[role="contentinfo"] nav.legalnav ul > li:first-child{
		margin-left:0;
	}
	footer[role="contentinfo"] small{		
		display:inline-block;
	}

}

@media only screen and (min-width: 1200px){
	h1 {
		margin-bottom: 0.5em;
		margin-top:0.67em;
		font-style: normal;
		font-weight: 600;
		font-size: 64px;
		line-height: 72px;
	}
	h1.small-h1{
		font-size: 40px;
		line-height: 48px;
	}
	h2, legend{
		margin-bottom: 36px;
        margin-top: 72px;
		font-style: normal;
		font-weight: 600;
		font-size: 32px;
		line-height: 40px;
	}
	legend{
		margin-top:36px;
	}
	h3{
		margin-bottom: 21px;
		margin-top: 40px;
		font-style: normal;
		font-weight: 600;
		font-size: 24px;
		line-height: 32px; 
	}
	.container, .container-lg, .container-md, .container-sm {
		max-width: 95%;
	}
	.form-section .container.bg-blue-3{
		padding:120px 0;
	}
	main[role="main"] p,
	main[role="main"] ul,
	main[role="main"] ol,
	main[role="main"] .intro p, 
	main[role="main"] .intro ul, 
	main[role="main"] .intro ol{
		font-weight:var(--weight-400);
		font-size:var(--size-20);
		line-height:var(--line-height-32)
	}
	main[role="main"] .hero-form{
		/*margin-top:11rem;
		padding-right: 8.3333333333%;*/
		margin-top: 2rem;
        padding-right: 3.333333%;
        padding-left: 3.333333%;
        margin-right: 0rem;
        margin-left: 4.33333%;
        margin-right: 4%;
	}

	main[role="main"] .small p,
	main[role="main"] .advantage-group-text ul,
	main[role="main"] .usecases-text p,
	main[role="main"] .usecases-text ul,
	main[role="main"] .agent-interface-text p,
	main[role="main"] .agent-interface-text ul{
		font-size: var(--size-16);
		line-height: var(--line-height-24);
	}
	main[role="main"] .arguments-section{
		background: linear-gradient(0deg, var(--bancos-black) 50%, var(--bancos-blue-3) 50%);
		margin-bottom:-1px;
	}
	main[role="main"] .arguments-section .company-image-wrap{
		overflow:visible;
		padding-bottom:80px;
	}
	main[role="main"] .arguments-section .argument-item .argument-image,
	main[role="main"] .arguments-section .argument-item .argument-text{
		transition:transform 0.6s ease-in-out 0s; 
	}
	main[role="main"] .arguments-section .argument-item .argument-image img{
		width:100%;
	}
	main[role="main"] .arguments-section .argument-item .argument-text{
		position:absolute;		
	}
	main[role="main"] .arguments-section .argument-item.item-1{
		width:28.57142857142857%;		
	}
	
	main[role="main"] .arguments-section .argument-item.item-1 .argument-text{
		width:83.3333333333333%;
		transform: translate(20%, -100%);
	}
	main[role="main"] .arguments-section .argument-item.item-1 .argument-image{
		transform: translateY(50%);
	}
	main[role="main"] .arguments-section .argument-item.item-2{
		width:38.0952380952381%;
	}
	main[role="main"] .arguments-section .argument-item.item-2 .argument-image{
		transform: translate(0);
	}
	main[role="main"] .arguments-section .argument-item.item-2 .argument-text{
		width:87.5%;
		transform: translate(14.25%, 0%);
	}
	
	main[role="main"] .arguments-section .argument-item.item-3{
		width:33.33333333333333%;		
	}
	
	main[role="main"] .arguments-section .argument-item.item-3 .argument-text{		
		transform: translate(-54%, -150%);
		width:100%;
	}
	main[role="main"] .arguments-section .argument-item.item-3 .argument-image{
		transform: translateY(25%);
	}
	
	main[role="main"] .arguments-section .argument-text p{
		font-size: var(--size-16);
		line-height: var(--line-height-26);
		margin-bottom:0;
	}
	header[role="banner"].bighead,
	header[role="banner"].bighead .logo-container,
	header[role="banner"].bighead .logo-container .navbar-brand img{
		height:120px;
	} 
	
	header[role="banner"] nav#main-nav .dropdown-menu ul.sub-menu.container{			
		margin-top:2rem;
		margin-bottom:2rem;
		max-width: 95%;
	}
	.breadcrumbs{
		display:block;
	}
	main[role="main"] section{
		padding-top:120px;
		padding-bottom:120px;
	}
	main[role="main"] section.header-section,
	main[role="main"] section.resources-hero-section{
		padding-top:0px;
	}
	.error404 main[role="main"] section.header-section.default-header{
		padding-top:135px;
	}
	main[role="main"] section.header-section.home-header{
		/*padding-top:218px;
		padding-bottom:189px;*/
		padding:initial;
		min-height:80vh;
	}
	main[role="main"] section.header-section.default-header{		
		padding-bottom:160px;
	}
	main[role="main"] section.pixel-bottom-right{
		background: var(--white) url(img/section-last-bottom-right.svg) no-repeat right bottom;
		padding-bottom: 218px;
	}
	main[role="main"] section.pixel-bottom-left{
		background: var(--white) url(img/section-last-bottom-left.svg) no-repeat left bottom;
		padding-bottom: 218px;
	}
	main[role="main"] section.jobreasons-section{
		background: url(img/pixel-right-bottom.svg) no-repeat right bottom, url(img/pixel-top-left.svg) no-repeat left center,var(--white);
	}
	main[role="main"] section.applicationprocess-section{
		background: var(--bancos-beige-3) url(img/single-pixel-right-top.svg) no-repeat right top;
	}
	main[role="main"] section.contacts-section,
	main[role="main"] section.post-content{
		background: var(--white) url(img/blog-bottom-left.svg) no-repeat left bottom;
	}
	main[role="main"] section.resources-section{
		background: url(img/pixel-right-bottom.svg) no-repeat left bottom;
		padding-bottom:310px;
	}
	main[role="main"] .career-hero-section .container,
	main[role="main"] .jobdetail-hero-section .container,
	main[role="main"] .jobs-hero-section .container{
		padding-top:0;
		display:block;
	}
	main[role=main] .jobdetail-hero-section .header-badge,
	main[role="main"] .jobs-hero-section .header-badge	{
		width: 20%;
		right: -4%;
		left: auto;
		bottom: 0;
		top: 128px;
	}
	main[role="main"] section.post-content{
		padding-bottom:280px;
	}
	.fintech-builder-head-section .break-out {
		width: 50vw;
		position: relative;
		left: calc(49vw + -1 * (100vw - 100%) / 2);
		margin-top:-45%;
	}
	.cta-bg-image {   
		height: 450px; 
		background-image: var(--bg-image-2x);
		background-position:0 0;
	}
	
	main[role="main"] .fintech-builder-cta-section .container{
		margin-top: -150px;
		padding-bottom:160px;
	}
	main[role="main"] .fintech-builder-cta-section .entry h2{
		margin-top:115px;
	}
		/* Header Animation Styles */
	section.header-section.home-header,
	section.header-section.home-header .container{
		position:relative;
	}
	section.header-section.home-header .container,
	section.header-section.home-header .container .row{
		height:80vh;
	}
	#pixelwrap {
		overflow: hidden;
		display:block;
		background-color: #F5F5F5;	
		position:absolute;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		margin: auto;
	}
	#svgOne{
		width:100%;
		height:100%;
		opacity:0.7;
	}

	rect {
	  transition: 400ms all ease;
	}

	rect:nth-child(12n+1):nth-child(-n+11) {
	  transition-delay: 100ms;
	}

	rect:nth-child(12n+2):nth-child(-n+23) {
	  transition-delay: 200ms;
	}

	rect:nth-child(12n+3):nth-child(-n+35) {
	  transition-delay: 300ms;
	}

	rect:nth-child(12n+4):nth-child(-n+47) {
	  transition-delay: 400ms;
	}

	rect:nth-child(12n+5):nth-child(-n+59) {
	  transition-delay: 500ms;
	}

	rect:nth-child(12n+6):nth-child(-n+71) {
	  transition-delay: 600ms;
	}

	rect:nth-child(12n+7):nth-child(-n+83) {
	  transition-delay: 700ms;
	}

	rect:nth-child(12n+8):nth-child(-n+95) {
	  transition-delay: 800ms;
	}

	rect:nth-child(12n+9):nth-child(-n+107) {
	  transition-delay: 900ms;
	}

	rect:nth-child(12n+10):nth-child(-n+119) {
	  transition-delay: 1000ms;
	}

	rect:nth-child(12n+11):nth-child(-n+131) {
	  transition-delay: 1100ms;
	}

	rect:nth-child(12n+12):nth-child(-n+143) {
	  transition-delay: 1200ms;
	}

	rect:nth-child(12n+13):nth-child(-n+155) {
	  transition-delay: 1300ms;
	}

	rect:nth-child(12n+14):nth-child(n+26) {
	  transition-delay: 1400ms;
	}

	rect:nth-child(12n+15):nth-child(n+39) {
	  transition-delay: 1500ms;
	}

	rect:nth-child(12n+16):nth-child(n+52) {
	  transition-delay: 1600ms;
	}

	rect:nth-child(12n+17):nth-child(n+65) {
	  transition-delay: 1700ms;
	}

	rect:nth-child(12n+18):nth-child(n+78) {
	  transition-delay: 1800ms;
	}

	rect:nth-child(12n+19):nth-child(n+91) {
	  transition-delay: 1900ms;
	}

	.animate rect {
	  fill: #F5F5F5;
	}
	
	/* Ende Header Animation Styles */
	.jobs-wrap h3{
		margin-top:80px;
	}
	.jobs-wrap h3:first-child{
		
	}
	.job-group .jobname a{	
		font-size: var(--size-20);	
		line-height: var(--line-height-32);
	}
	.careerfields-text{
		margin-bottom:100px;
	}
	.appliocation-process-text{
		margin-left: auto;
		margin-top: 85px;
	}
	.team-quote-text .text-inner::before{		
		top: 0;
		left: -60px;			
	}
	main[role="main"] .contact-head-section h1{
		font-size: var(--size-40);
		line-height: var(--line-height-52);
	}
	.contacts-wrap{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.contacts-wrap > div{
		flex: 0 0 auto;
		width: 48%;
	}
	main[role="main"] .contact-section{
		padding-top:160px;
	}
	main[role="main"] .contact-head-section .hero-text {
		margin-bottom: 11rem;
	}
	main[role="main"] section .slick-prev, 
	main[role="main"] section .slick-next{		
		right: 53px;
	}
	main[role="main"] section .slick-prev{		
		left:53px;	
		right:auto;		
	}
	main[role="main"] section .team-quotes-slider .slick-next{
		right:-70px;
	}
	main[role="main"] section .team-quotes-slider .slick-prev {
		left: -70px;
		right: auto;
	}
	main[role="main"] section .slick-prev:hover{
		left:50px;
	}
	main[role="main"] section .team-quotes-slider .slick-prev:hover{
		left:-73px
	}
	main[role="main"] section .slick-next:hover{
		right:50px;
	}
	main[role="main"] section .team-quotes-slider .slick-next:hover{
		right:-73px;
	}
	
	.single main[role="main"] section.post-header{
		background: var(--bancos-beige-3) url(img/blog-header-bottom-right.svg) no-repeat right bottom;		
	}
	.vision-mission-head{
		font: var(--style-normal) normal var(--weight-600) var(--size-20)/var(--line-height-32) var(--main-font);
	}
	.vision-mission-text{
		font: var(--style-normal) normal var(--weight-600) var(--size-32)/var(--line-height-40) var(--main-font);
	}
	/*.vision-item,
	.mission-item{
		margin-bottom:7.5rem;
	}*/
	.caption{
		padding-left:16px;
	}
	.contactbox{
		padding:104px 0 70px;
		background-color:var(--bancos-blue-3);
		margin: 0 12px;
	}
	.contactbox > div.contactbox-form,
	.contactbox > div.contactbox-text{
		padding:0;
	}
	.contactbox .contactbox-phone,
	.header-cta .contactbox-phone,
	.contactbox-text .contactbox-phone{
		margin-top:40px;
	}
	.contactbox .contactbox-phone,
	.contactbox .contactbox-mail a,
	.header-cta .contactbox-phone,
	.header-cta .contactbox-mail a,
	.contactbox-text .contactbox-phone,
	.contactbox-text .contactbox-mail a{
		font: var(--style-normal) normal var(--weight-600) var(--size-20)/var(--line-height-32) var(--main-font);
	}
	main[role="main"] section.howitworks-section{
		padding-bottom:235px;
	}
	main[role="main"] section.howitworks-section .container{
		position:relative;
	}
	main[role="main"] section.howitworks-section .accordion-image{
		position: absolute;
		top: 90px;
		left: 41.6666666667%;
		width: 58.3333333333%;
		padding-left: 5%;	
		height: 43.75%;
		bottom: 90px;
		margin: auto;		
	}
	main[role="main"] section.howitworks-section .accordion-image img{
		transition: all 0.3s ease-in-out;    
		transform: scale(0);
	}
	main[role="main"] section.howitworks-section .accordion-image.expand-image img{
		transform: scale(1);	
	}
	
	.header-content {   
		width: 758px;
	}
	main[role="main"] section.header-section.default-header .header-content{
		margin-top:40px;
	}

	main[role="main"] section:not(.post-content) h2::after{
		bottom:-16px;	
	}
	main[role="main"] section:not(.main-content) h2{
		margin-bottom:72px;
	}
	main[role="main"] section .entry h2,
	main[role="main"] section .service-text h2{
		margin-bottom:24px;
		margin-top:48px;
	}
	main[role="main"] .services-section .service-item a,
	main[role="main"] .insights-section .insights-item a{
		padding:32px 32px 24px;
		display:flex;
		flex-wrap:wrap;
	}
	main[role="main"] .services-section .service-item .service-text,
	main[role="main"] .insights-section .insights-item .insights-text{
		flex: 0 0 auto;
		width: 70%;
		margin-top: 85px;
		padding: 0;
	}
	main[role="main"] .insights-section .insights-item .insights-text{
		width: 95%;
	}
	main[role="main"] .services-section .service-item .service-icon{
		flex: 0 0 auto;
		width: 30%;
		order: 2;
		height: 75%;
	}
	main[role="main"] section.clients-section .container{
		max-width:1000px
	}
	main[role="main"] section.clients-section .client-item img{
		transform:scale(1);
	}
	main[role="main"] .cta-box-section .cta-box{		
		padding:88px 80px;
	}
	main[role="main"] .cta-box-section .cta-box h2{
		margin-bottom:32px;
		margin-top:0;
	}
	main[role="main"] section.service-hero-section,
	main[role="main"] section.post-header,
	main[role="main"] section.fintech-builder-head-section{
		padding-top:0;
	}
	.blog main[role="main"] section.post-header{
		padding-bottom:0;
	}
	main[role="main"] section.post-header .newsteaser-image{
		margin-bottom:0;
		padding-right: 5%;
	}
	main[role="main"] .featured-post-box .teaser-headline{
		font: var(--style-normal) normal var(--weight-600) var(--size-32)/var(--line-height-40) var(--main-font);
	}
	main[role="main"] .featured-post-box .newsteaser-excerpt p{
		font: var(--style-normal) normal var(--weight-400) var(--size-20)/var(--line-height-32) var(--main-font);
	}
	main[role="main"] .usecases-text{
		padding-left:10%;
	}
	main[role="main"] .agent-interface-text{
		padding-right:10%;		
	}
	main[role="main"] .bancos-numbers .number-value::before{
		content:'';
		position:absolute;
		top: 44px;
		left:0;
		background: url(img/arrow-down-red.svg) no-repeat 50% 50%;
		background-size: 100%;
		width: 36px;    
		height: 32px;
	}
	main[role="main"] .bancos-numbers .number-value{	
		font: var(--style-normal) normal var(--weight-700) var(--size-100)/var(--line-height-120) var(--main-font);
	}
	main[role="main"] .bancos-numbers .number-unit{
		font: var(--style-normal) normal var(--weight-600) var(--size-18)/var(--line-height-26) var(--main-font);			
	}
	.btn-wrap{
		margin-top:40px;
	}	
	.header-content h1{
		margin-bottom:32px;
	}
	.intro.teaser-text{
		margin-top:1.75rem;
	}
	
	.intro.teaser-text{
		margin-top:3.5rem;
	}
	.intro ul > li {
		padding-left: 2rem;		
	}
	.intro ul > li::before {		
		top: 10px;
	}

	.newsteaser-box .newsteaser-item{
		padding-top:2rem;
		padding-bottom:2rem;
	}
	.newsteaser-excerpt {
		margin-top: 1.5rem;
	}

	.post-content .entry p,
	.post-content .entry ul,
	.post-content .entry ol,
	main[role="main"] .service-textblock-section ul,
	main[role="main"] .usecases-textblock-section ul,
	main[role="main"] .entry ul,
	main[role="main"] .jobdetails-section ul{
		font: normal normal var(--weight-400) var(--size-20)/var(--line-height-32) var(--main-font);
		color: var(--bancos-grey-1);
		margin-bottom:32px;
	}
	.post-content .entry ul > li::after,
	main[role="main"] .entry ul > li::after,
	main[role="main"] .service-textblock-section ul > li::after,
	main[role="main"] .usecases-textblock-section ul > li::after,
	main[role="main"] .jobdetails-section ul > li::after{
		top:13px;
	}
	.post-content .entry .quote-box p{
		padding-right:170px;
	}
	.post-content .entry .quote-box p::after{
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		background-image: url(img/icons.svg);
		background-position: -30px -3576px;
		background-repeat: no-repeat;
		background-size: auto;
		width: 125px;
		height: 130px;
	}

	.footer-inner {		
		padding-top: 6.0625rem;
		padding-bottom: 6.0625rem;
	}


	footer[role="contentinfo"] nav.legalnav{
		margin-left:31px;
	}
	.footer-copyright-legalnav .legal{
		text-align:right;
	}
}

@media only screen and (min-width: 1400px){
		
	main[role="main"] .intro p,
	main[role="main"] .intro ul,
	main[role="main"] .intro ol {
		font: var(--style-normal) normal var(--weight-400) var(--size-20)/var(--line-height-32) var(--main-font);	
	}
	main[role="main"] p.large,
	main[role="main"] .large p,
	main[role="main"] .intro-text p{
		font-size: var(--size-24);
		line-height: var(--line-height-40);
	}

	.intro ul{
		margin-bottom:3.5rem;
	}

	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1310px;
	}
	header[role="banner"] nav#main-nav ul.navbar-nav > li{		
		margin-right:2.5rem;
	}	
	header[role="banner"] nav#main-nav .dropdown-menu ul.sub-menu.container{			
		margin-top:3rem;
		margin-bottom:3rem;
		max-width:1310px;
	}
	main[role="main"] .resources-hero-section{
		background: url(img/pixelated-empty-top-right-left-middle-bottom.png) no-repeat right 2.5rem bottom 0,url(img/pixelated-empty-top-bottom-right.png) no-repeat left 65% top -73px;
		background-size: 225px 150px,150px 225px;
		overflow: hidden;
	}
	main[role="main"] .landingpage-hero-section,
	main[role="main"] .landingpage-teaser-section{
		background: url(img/pixelated-empty-top-bottom-right.png) no-repeat left bottom 75px, url(img/pixelated-single-2.png) no-repeat right bottom 150px, var(--bancos-blue-3) ;
		background-size:150px 225px,75px 75px;
		overflow:hidden;
	}
	main[role="main"] .landingpage-hero-section.hero-form-section{
		background: url(img/pixelated-empty-top-right-bottom-left.png) no-repeat left bottom, url(img/pixelated-single-2.png) no-repeat right bottom 150px, var(--bancos-blue-3) ;
		background-size:225px 225px,75px 75px;		
	}
	main[role="main"] .landingpage-hero-section .hero-form,
	main[role="main"] .landingpage-hero-section .hero-image,
	main[role="main"] .landingpage-teaser-section .hero-image{
		position:relative;
	}
	main[role="main"] .landingpage-hero-section .hero-form::after,
	main[role="main"] .landingpage-hero-section .hero-image::after,
	main[role="main"] .landingpage-teaser-section .hero-image::after{
		content: '';
		position: absolute;
		width: calc(100% + 300px);
		height: calc(100% + 300px);
		left: -50%;
		right: -55%;
		top: 0;
		bottom: 0;
		margin: auto;
		background: url(img/pixelated-empty-top-right-left-middle-bottom.png) no-repeat left 10px bottom 75px,url(img/pixelated-single-1.png) no-repeat right 160px top 75px,url(img/pixelated-empty-right-bottom.png) no-repeat right 12px center;
		background-size: 225px 150px,75px 75px, 150px 150px;		
	}
	main[role="main"] .landingpage-hero-section .hero-image video{
		position:relative;
		z-index:2;
	}
	main[role="main"] .landingpage-hero-section .hero-form::after{
		background: url(img/pixelated-single-1.png) no-repeat right 160px top 75px,url(img/pixelated-empty-right-bottom.png) no-repeat right 12px center;
		background-size: 75px 75px, 150px 150px;	
	}
	main[role="main"] .landingpage-hero-section .hero-form *,
	main[role="main"] .landingpage-hero-section .hero-image *,
	main[role="main"] .landingpage-teaser-section .hero-image *{		
		z-index:1;
	}
	main[role="main"] .header-section.default-header{
		background:var(--bancos-beige-3) url(img/header-default.svg) no-repeat left bottom;
		background-size:100%;
	}
	main[role="main"] .header-section{
		background:url(img/hero-top-left.svg) no-repeat left top, url(img/hero-bottom-right.svg) no-repeat right bottom, var(--bancos-beige-3);	
		background-size:25%, 25%;		
	}
	main[role="main"] .aboutus-section{
		background:var(--white) url(img/section-last-bottom-right.svg) no-repeat right bottom;
		padding-bottom: 218px;
	}
	main[role="main"] .header-section.vision-mission-section{
		background:var(--bancos-beige-3);
	}
	main[role="main"] .aboutus-section .about-us-text{
		columns: 2 560px;
		column-gap:32px;
		max-width: 100%;
		margin: 0 auto;
	}
	main[role="main"] .aboutus-section .btn-wrap{
		max-width: 100%;		
		width: 50%;
		margin: 40px 0 40px 50%;
	}
	main[role="main"] .career-hero-image img,
	main[role="main"] .jobdetail-hero-image img,
	main[role="main"] .jobs-hero-image img{
		width:100%;
	}
	.container.company-image-wrap{
		margin-top:120px;
	}
	.container.company-image-wrap > .row > .company-image{
		position:relative;
	}
	.container.company-image-wrap > .row > .company-image img,
	.container.company-image-wrap > .row > .company-image .caption{  
		position: relative;
		z-index: 1;
	}
	.container.company-image-wrap > .row > .company-image.col-md-5::after{
		position: absolute;
		content: '';
		background: transparent url(img/pixel-left-bottom.svg) no-repeat left top;
		background-size: 199%;
		left: 0;
		bottom: 73.5%;
		width: 20%;
		height: 0;
		padding-top: 20%;	
	}
	.container.company-image-wrap > .row > .company-image.col-md-3::after{
		position: absolute;
		content: '';
		background: transparent url(img/pixel-right-bottom.svg) no-repeat left top;
		background-size: 110%;
		left: 0;
		bottom: 55.5%;
		width: 100%;
		height: 0;
		padding-top: 73.5%;
	}
	.container.company-image-wrap > .row > .company-image.col-md-4::after{
		position:absolute;
		content:'';
		background:transparent url(img/pixel-top-left.svg) no-repeat right bottom;
		background-size: 100%;
		right: 0;
		bottom: -1%;
		width: 66%;
		height: 0;
		padding-top: 66%;
	}

	.intro ul > li::before {
		top: 10px;
	}
	.intro-section{
		
	}
	.intro-section .row{
		margin-bottom:7.5rem;
	}

	.infoteaser .more-link-wrap,
    .infoteaser .btn-wrap{
		margin-top: 3.5rem;
	}
	.cta-section .cta-box .title{
		margin-bottom:2rem;
	}

	.post-header .post-headtext{
		padding-top: 10.5rem;
		padding-bottom: 10.5rem;
	}
	.post-content .entry .quote-box p{
		padding-right:200px;
	}
	.single-contact-section .container{		
		padding:7.5rem 14.25rem;
	}
	main[role="main"] .arguments-section .argument-item .argument-text{		
		padding:32px;
	}
	main[role="main"] .arguments-section .argument-item.item-1 .argument-image{		
		transform: translateY(50%);
	}
	
	main[role="main"] .arguments-section .argument-item.item-1 .argument-text{
		width:83.3333333333333%;
		transform: translate(20%, -115%);
	}
	
	main[role="main"] .arguments-section .argument-item.item-2 .argument-text{
		width:87.5%;
		transform: translate(14.25%, 0%);
	}

	main[role="main"] .arguments-section .argument-item.item-3 .argument-image{		
		transform: translateY(29.5%);
	}
	
	main[role="main"] .arguments-section .argument-item.item-3 .argument-text{		
		transform: translate(-54%, -165%);
	}
	main[role="main"] .contact-section{
		padding-top:200px;
	}
	

}
@media only screen and (min-width: 1500px){

	#main-nav{
		/*max-width:1680px;*/
		padding-left:2rem;
		padding-right:2rem;
	}

}
@media only screen and (min-width: 1600px){

	main[role="main"] .header-section{
		background-size:auto;
	}

}
@media
  screen and (min-width:600px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-width:600px) and (min-resolution: 192dpi),
  screen and (min-width:600px) and (min-resolution: 2dppx) {
	
 }

@media only screen and (max-width: 1199px){
	main[role="main"] .wpcf7-form ul.formlist li{
		padding-right:0;
	}
}

@media only screen and (max-width: 991px){
	#page-wrap .wpml-ls-legacy-list-vertical{
		padding: 1rem 1.25rem;
		margin: 0;
		border-top: 1px solid #5C5E7F10;
	}
	#page-wrap .wpml-ls-legacy-list-vertical .wpml-ls-item{
		display: inline-block;
	}
	#page-wrap .wpml-ls-legacy-list-vertical a{
		padding: 0 0.75rem 0 0;
	}
	header[role="banner"] nav#main-nav .header-contact-wrap{
		
	}
	.header-contact-wrap .header-contact.btn-small.secondary{
		background: transparent;
		border: none;
		color: var(--bancos-black);
		padding: 0.5rem;
	}
	.header-contact-wrap .header-contact.btn-small.secondary:hover{
		color:var(--bancos-red);
	}
	.row > * {		
		padding-right: calc(48px/ 2);
		padding-left: calc(48px/ 2);		
	}
	.team-quote-text{
		margin-bottom:24px;
	}
	.team-quote-text::before{		
		left: 24px;
		width: calc(100% - 48px);		
	}
	.team-quote-text::after{		
		left: 24px;
		width: calc(100% - 48px);		
	}
	.team-quote-image{
		margin-bottom:24px;
	}
	
	.single .post-headimage{
		padding:0;
	}
	.blog main[role="main"] section.post-header{
		padding-top:0;
	}
	main[role="main"] section:not(.post-content) h2::after {		
		left: 24px;
	}
	.hero-text{
		margin-bottom:2rem;
	}
	.advantage-group{
		margin-bottom:2rem;
	}
	
	header[role="banner"] nav#main-nav{
	   padding:0;
	}	
	.career-text{
		margin-bottom:2rem;
	}
	.appliocation-process-image{
		padding:0;
	}
	.contactbox-form{
		margin-top:2rem;
	}
	.contactbox-form .zcsffield{
		padding-left:0;
		padding-right:0;		 
	}
	
}
@media only screen and (max-width: 767px){
	.company-image{
		margin-bottom:2rem;
	}
	.company-image-wrap{
		margin-top:3.5rem;
	}
	.team-quote-image img{
		width:33.3333%;
	}
	.form-section .container.bg-blue-3{
		padding-top:40px;
	}
	.form-section .row{
		margin:0;
	}
	main[role="main"] .jobdetail-hero-text {
		padding-top:40px;
	}
}
@media only screen and (max-width: 575px){
	.single main[role="main"] .post-header{
		padding-top:0;		
	}
	.featured-post-box .newsteaser-image,
	.home .featured-wrap{
		padding-left:0;
		padding-right:0;
	}
	.home .featured-post-box .newsteaser-text{
		padding-right: calc(40px/ 2);
        padding-left: calc(40px/ 2);
	}
	.date-btn-wrap{
		flex-wrap:wrap;
	}
	.date-btn-wrap .datetime-wrap,
	.date-btn-wrap .btn-wrap{
		width:100%;
	}
	.date-btn-wrap .btn-wrap{
		margin-top:1rem;
	}
	.date-btn-wrap .btn-wrap a{
		width:100%;
		text-align:center;
	}

}