@font-face {
    font-family: 'UniCredit CY';
    font-style: normal;
    font-weight: 200;
	src: url("../fonts/unicredit-cy-light.woff2") format("woff2"), url("../fonts/unicredit-cy-light.woff") format("woff");
}
@font-face {
    font-family: 'UniCredit CY';
    font-style: italic;
    font-weight: 200;
	src: url("../fonts/unicredit-cy-light_italic.woff2") format("woff2"), url("../fonts/unicredit-cy-light_italic.woff") format("woff");
}
@font-face {
    font-family: 'UniCredit CY';
    font-style: normal;
    font-weight: 400;
	src: url("../fonts/unicredit-cy-regular.woff2") format("woff2"), url("../fonts/unicredit-cy-regular.woff") format("woff");
}
@font-face {
    font-family: 'UniCredit CY';
    font-style: italic;
    font-weight: 400;
	src: url("../fonts/unicredit-cy-italic.woff2") format("woff2"), url("../fonts/unicredit-cy-italic.woff") format("woff");
}
@font-face {
    font-family: 'UniCredit CY';
    font-style: normal;
    font-weight: 500;
	src: url("../fonts/unicredit-cy-medium.woff2") format("woff2"), url("../fonts/unicredit-cy-medium.woff") format("woff");
}
@font-face {
    font-family: 'UniCredit CY';
    font-style: italic;
    font-weight: 500;
	src: url("../fonts/unicredit-cy-medium_italic.woff2") format("woff2"), url("../fonts/unicredit-cy-medium_italic.woff") format("woff");
}
@font-face {
    font-family: 'UniCredit CY';
    font-style: normal;
    font-weight: 700;
	src: url("../fonts/unicredit-cy-bold.woff2") format("woff2"), url("../fonts/unicredit-cy-bold.woff") format("woff");
}
@font-face {
    font-family: 'UniCredit CY';
    font-style: italic;
    font-weight: 700;
	src: url("../fonts/unicredit-cy-bold_italic.woff2") format("woff2"), url("../fonts/unicredit-cy-bold_italic.woff") format("woff");
}

@font-face {
    font-family: 'icons';
    font-style: normal;
    font-weight: 400;
	src: url("../fonts/unicredit-cy-icons.woff2?d2c2991c9208a58b52ea8babb9b725ea") format("woff2"), url("../fonts/unicredit-cy-icons.woff?8b7aad3450a999ba7f8e722073eb4f98") format("woff");
}


*, *::after, *::before {
	box-sizing: border-box;
}

html {
	overflow-y: scroll;
	font-size: 1.25em;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}

body {
	margin: 0 auto;
	font-size: 1rem;
	font-weight: 400;
	font-family: 'UniCredit CY', 'Arial', sans-serif;
	line-height: 1.5;
	color: #333;
	background-color: #ccc;
	background-image: linear-gradient(to bottom, #b8b8b8 0%, #dedede 100%);
	background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-family: 'UniCredit CY', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 600;
	line-height: inherit;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

ol, ul {
	margin-top: 0;
	margin-bottom: 1rem;
}
ol ol, ul ul, ol ul, ul ol {
	margin-bottom: 0;
}

small {
	font-size: 80%;
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sub {
  bottom: -.25em;
}
sup {
  top: -.5em;
}

img {
	max-width: 100%;
	vertical-align: middle;
	border-style: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

a {
	color: #007a91;
	padding-bottom: 2px;
	overflow: hidden;
	position: relative;
	background-color: transparent;
	background-image: linear-gradient(180deg, transparent 92%, rgba(0, 175, 208, 0.5) 0);
	background-size: 0 100%;
	background-repeat: no-repeat;
	transition: background-size 0.4s ease;
}
a:hover, a:focus, a:active {
	color: #007a91;
    background-size: 100% 100%;
	text-decoration: none;
	outline: 0 !important;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none;
}
a.red {
	color: #e00;
	background-image: linear-gradient(180deg, transparent 92%, rgba(226, 0, 26, 0.5) 0);
}
a.red:hover, a.red:focus, a.red:active {
	color: #e00;
}

span:not([class]):not([style]) {
	display: inline-block;
}

.hide {
	display: none;
}

/* STRUCT */
header, 
main, 
footer {
	padding-right: 4vw;
	padding-left: 4vw;
	padding-top: 4vh;
	padding-bottom: 4vh;
}
header, 
main {
	padding-top: 6vh;
}
header::after, 
footer::after {
	display: block;
	clear: both;
	content: "";
}

header {
	min-height: 5rem;
	font-size: 1.5em;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
}

/* img[src*="top7"] {
	display: inline-block;
	height: 5rem;
}
img[src*="ucb_logo"],
img[src*="ucb_slogan"] {
	display: inline-block;
	height: 1.8rem;
	margin-top: 2rem;
} */

main > img:not([class]) {
	margin: .5em 0 1em 0;
	width: 100%;
}

.title {
	margin-bottom: 1em;
	padding-bottom: .2em;
	border-bottom: 2px solid #e00;
	font-weight: 600;
	line-height: 1.2;
}
.title.divided {
	margin-bottom: 0;
	text-align: center;
	font-weight: 700;
	text-align: center;
}
.title.divided + * {
	font-weight: 300;
	margin: 0 0 1em;
    padding-top: .2em;
	line-height: 1.2;
	text-align: center;
}
h3 {
	margin: 1em 0 .5em;
	font-size: 1em;
	font-weight: 800;
}
p + h3 {
	clear: left;
}

/* LIST */
li {
	clear: both;
}
.pseudo {
	margin: 0 0 1em;
	padding: 0 0 0 2em;
	list-style: none;
	counter-reset: item;
}
.pseudo > * {
	clear: both;
	position: relative;
	display: list-item;
	counter-increment: item;
	margin: 0;
	padding: 0;
}
.pseudo > *::before {
	position: absolute;
	top: 0;
	left: -1.5em;
	display: inline-block;
	width: 1em;
	color: #007a91;
	font-weight: 800;
}
.pseudo-red > *::before {
	color: #e00;
}
.pseudo.count > *::before, 
ol.pseudo > li::before {
	content: counter(item) ".";
	text-align: right;
}
.pseudo.tick > *::before, 
ul.pseudo > li::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8'%3E%3Cpath fill='%23007a91' d='M 0,4 L 1,3 L 4,6 L 10,0 L 11,1 L 4,8 Z' /%3E%3C/svg%3E%0A");
}
.pseudo.dash > *::before {
	content: "-";
}
.pseudo.dot > *::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Ccircle cx='8' cy='10' r='3' style='fill:%23007a91;stroke:none' /%3E%3C/svg%3E%0A");
}
.pseudo-red.dot > *::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Ccircle cx='8' cy='10' r='3' style='fill:%23ee0000;stroke:none' /%3E%3C/svg%3E%0A");
}
.pseudo-red.tick > *::before, 
ul.pseudo-red > li::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8'%3E%3Cpath fill='%23ee0000' d='M 0,4 L 1,3 L 4,6 L 10,0 L 11,1 L 4,8 Z' /%3E%3C/svg%3E%0A");
}
.pseudo.invert > *::before {
	top: -.125em;
	left: -2em;
	content: counter(item);
	text-align: center;
	width: 1.45em;
	height: 1.45em;
	font-size: 1.25em;
	border-radius: 50%;
	background-color: #007a91;
	color: white;
}
.pseudo.dot.white > *::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Ccircle cx='8' cy='10' r='3' style='fill:%23ffffff;stroke:none' /%3E%3C/svg%3E%0A");
	background-color: #007a91;
	color: white;
}
.pseudo.pine > *::before {
	content: "🎄";
}
.pseudo.books > *::before {
	content: "📚";
}
.pseudo.heart > *::before {
	content: "♥";
}
.pseudo.sun > *::before {
	content: "🌞";
	left: -2em;
}

.pseudo.static {
	clear: both;
}
.pseudo.static > * {
	clear: none;
}
.pseudo.static > *::before {
	position: static;
	margin-right: .5em;
}

.pseudo.float {
	margin: 0;
	padding: 0;
}
.pseudo.float > * {
	clear: both;
}
.pseudo.float > *::before {
	float: left;
	margin-top: -.15em;
}

.icon-in-title img {
	width: 4em;
}
.icon-in-title h3 {
	margin: .5em 0;
}

/* COLORS, BACKGROUNDS */
header {
	background-color: #fff;
	/* background-color: #a4e2f7; */
	/*background-image: radial-gradient(ellipse at 75% 100%, white 0%, transparent 100%), linear-gradient(to bottom, #28bfed 0%, #bbe1f8 100%);*/
}
main, 
footer {
	background-color: #fff;
}

.free-img-resp, 
.list-img-resp > * > img {
	margin: .5em 0 1em;
}

footer > img {
	width: 8rem;
	margin: 0 1em .5em 0;
}
footer > img + *::after {
	display: block;
	clear: both;
	content: "";
}

img[src*="smile.svg"],
img[alt=":)"],
.smile::after {
	display: inline-block;
	width: .9em;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' class='bi bi-emoji-smile' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.285 9.567a.5.5 0 0 1 .683.183A3.498 3.498 0 0 0 8 11.5a3.498 3.498 0 0 0 3.032-1.75.5.5 0 1 1 .866.5A4.498 4.498 0 0 1 8 12.5a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .183-.683zM7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zm4 0c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5z'/%3E%3C/svg%3E");
	vertical-align: baseline;
}
.smiley::after {
	content: "🙂";
	content: "\1F642";
	font-family: icons, icon;
}

.red {
	display: inline;
	color: #e00;
}
.green {
	color: rgb(0, 176, 80);
}

/* ICONS */
.icon {
	display: flex;
	align-items: center;
}
.icon-list .icon::before,
.icon::before {
	margin-right: .3em;
	font-family: "icons";
	font-weight: normal;
	color: #007a91;
}
li.icon::before {
	font-size: 2.5em;
}
li.icon.big::before {
	font-size: 3.5em;
}
h2.icon::before {
	font-size: 1.8em;
}
h3.icon::before {
	font-size: 2.5em;
}

.empty::before {
	content: "\e900";
	color: transparent !important;
}
.focus::before {
	content: "\e900";
}
.analisis::before {
	content: "\e901";
}
.euro-prog::before {
	content: "\e902";
}
.digital::before {
	content: "\e903";
}
.good-practices::before {
	content: "\e904";
}
.corporate-events::before {
	content: "\e90a";
}
.useful-info::before {
	content: "\e90b";
}
.cloud::before {
	content: "\e906";
}
.products::before {
	content: "\e905";
}
.trade::before {
	content: "\e909";
}
.insurance::before {
	content: "\e907";
}
.fin-markets::before {
	content: "\e908";
}
.sust-devel::before {
	content: "\e90c";
}
.award::before {
	content: "\e921";
}
.round-tick::before {
	content: "\e913";
}
.wrench::before {
	content: "\e922";
}
.buildings::before {
	content: "\e923";
}

.device-remotely::before {
	content: "\e912";
}
.device-send-money::before {
	content: "\e924";
}
.device-trans-money::before {
	content: "\e925";
}

.icon.background::before {
	content: "";
	width: 1.1em;
	height: 1.1em;
	min-width: 1.1em;
	min-height: 1.1em;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon.background.s25::before {
	font-size: 2.5em;
}
.icon.background.s35::before {
	font-size: 3.5em;
}
.icon.background.top {
	align-items: flex-start;
}
.icon.background.top::before {
	margin-top: .15em;
}

.icon-border > span {
	padding: .3em 0;
	border-top: medium solid gray;
	border-bottom: medium solid gray;
}
.border-rectangle {
	padding: .7em;
	border: .1em solid #007a91;
}

.normal {
	font-weight: normal;
}

.contactless-mobile::before {
	background-image: url("../images/icons/Contactless-mobile.png");
}
.insurance::before {
	background-image: url("../images/icons/Insurance.png");
}
.solution-for-abroad::before {
	background-image: url("../images/icons/Solution-for-abroad.png");
}
.transactions::before {
	background-image: url("../images/icons/Transactions.png");
}
.cards::before {
	background-image: url("../images/icons/Cards.png");
}
.pfm::before {
	background-image: url("../images/icons/PFM.png");
}
.transport-and-utility_airplane::before {
	background-image: url("../images/icons/Transport-and-Utility_Airplane.png");
}
.chat::before {
	background-image: url("../images/icons/Chat.png");
}
.documents::before {
	background-image: url("../images/icons/Documents.png");
}
.edit::before {
	background-image: url("../images/icons/Edit.png");
}
.login::before {
	background-image: url("../images/icons/Login.png");
}
.touch::before {
	background-image: url("../images/icons/ico-touch.png");
}
.new-limits::before {
	background-image: url("../images/icons/new-limits.png");
}
.info-details::before {
	background-image: url("../images/icons/info-details.png");
}
.gift::before {
	background-image: url("../images/icons/icon-gift.png");
}
.auto-m::before {
	background-image: url("../images/icons/auto-m.png");
}
.mobile::before {
	background-image: url("../images/icons/mobile.png");
}
.percent::before {
	background-image: url("../images/icons/percent.png");
}
.tutorial::before {
	background-image: url("../images/icons/tutorial.png");
}
.desktop::before {
	background-image: url("../images/icons/desktop.png");
}
.red-euro::before {
	background-image: url("../images/icons/red-euro.png");
}
.red-hand::before {
	background-image: url("../images/icons/red-hand.png");
}
.red-mobile-in-out::before {
	background-image: url("../images/icons/red-mobile-in-out.png");
}

.itemcounter {
	counter-reset: itemcounter;
}
.itemcounter .countitem {
	counter-increment: itemcounter;
}
.itemcounter .countitem::before {
	content: counter(itemcounter);
	text-align: center;
	width: 2.25rem;
	min-width: 2.25rem;
	max-width: 2.25rem;
	height: 2.25rem;
	min-height: 2.25rem;
	max-height: 2.25rem;
	font-size: 1.5rem;
	font-weight: 800;
	border-radius: 50%;
	background-color: #007a91;
	color: white;
}


/* 
@media (min-width:  320px) (min-width: 20em) { xxs xx-small
@media (min-width:  400px) (min-width: 25em) { xs x-small
@media (min-width:  576px) (min-width: 36em) { sm small
@media (min-width:  768px) (min-width: 48em) { md middle
@media (min-width:  992px) (min-width: 62em) { lg large
@media (min-width: 1200px) (min-width: 75em) { xl x-large
@media (min-width: 1400px) (min-width: 87.5em) { xxl xx-large
 */
@media (max-width: 319px) {
	html {
		font-size: 1em;
	}
	header, 
	main, 
	footer {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.title,
	.title.divided + * {
		font-size: 1.2em;
	}
}
@media (max-width: 399px) {
	.pseudo {
		padding-left: 0;
	}
	.pseudo > *::before {
		position: static;
		float: left;
	}
	.pseudo:not(.dash) > *::before {
		margin-right: .5em;
	}
	.pseudo.dash > *::before {
		margin-left: -1em;
	}
	.pseudo.dash {
		padding-left: 1em;
	}

}
@media (max-width: 575px) {
	.container {
		padding: 0;
	}
	.title,
	.title.divided + * {
		font-size: 1.5em;
	}
	.icon-in-title img {
		display: block;
		max-width: 20%;
		margin: 0 auto .5em;
	}
	.free-img-resp {
		width: 100%;
	}
	.icon.mobile-placement {
		align-items: start;
		flex-direction: column;
	}
	.icon.mobile-placement::before {
		align-self: center;
		margin: .2em 0;
	}
	.mobile-placement.icon-border {
		margin-bottom: 2.2em;
	}
	.mobile-placement.icon-border::before {
		position: relative;
		margin: 0 0 -.5em;
		padding: 0 .8em;
		background-color: white;
	}
	.mobile-placement.icon-border > span {
		padding: 2em 0 1.8em;
	}
}

@media (min-width: 576px) {
	.container {
		padding: 1em 3vw;
	}
	.title,
	.title.divided + * {
		font-size: 2em;
	}
	.free-img-resp {
		width: 100%;
	}
}
@media (min-width: 768px) {
	img[src*="ucb_logo"],
	img[src*="ucb_slogan"] {
		margin-bottom: 1.2rem;
	}
	.free-img-resp,
	.list-img-resp > * > img {
		float: left;
		width: 18em;
		margin: .33em 1.5em 1em 0;
	}
	.free-img-resp {
		width: 100%;
	}
	.free-img-resp ~ :not(p) {
		/* clear: both; */
	}
	footer > img {
		float: left;
	}
}
@media (min-width: 992px) {
	header {
		text-align: left;
	}
	header img:not(:first-of-type),
	header img:only-of-type {
		float: right;
	}
	.free-img-resp + ul {
		display: table;
	}
	.free-img-resp {
		width: 50%;
	}
	.pseudo.static {
		clear: none;
	}
}
@media (min-width: 1200px) {
	.free-img-resp + p,
	.free-img-resp + p + p,
	.list-img-resp > * > img + * {
		display: table;
	}
}
@media (min-width: 1400px) {
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1320px;
	}
}


@media (min-height: 42em) {
	.container {
		margin-top: 2vh;
		margin-bottom: 2vh;
	}
}