@font-face {font-family: 'PPPangramSans-Medium'; src: url('../fonts/PPPangramSans-Medium.woff2'); src: url('../fonts/PPPangramSans-Medium.woff') format('woff'); font-display: swap;}
@font-face {font-family: 'PPPangramSans-Bold'; src: url('../fonts/PPPangramSans-Bold.woff2'); src: url('../fonts/PPPangramSans-Bold.woff') format('woff'); font-display: swap;}
@font-face {font-family: 'PPPangramSans-Semibold'; src: url('../fonts/PPPangramSans-Semibold.woff2'); src: url('../fonts/PPPangramSans-Semibold.woff') format('woff'); font-display: swap;}
@font-face {font-family: 'PPPangramSans-Extrabold'; src: url('../fonts/PPPangramSans-Extrabold.woff2'); src: url('../fonts/PPPangramSans-Extrabold.woff') format('woff'); font-display: swap;}
body {
	background: #fff;
	margin: 0;
	font-family: 'PPPangramSans-Medium', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 32px;
	line-height: 115%;
	--dark-blue: #001767;
	--dark-blue-2: #022A85;
	--blue: #0756CC;
	--light-blue: #116eae;
	--light-light-blue: #34BAFF;
	--light-light-light-blue: #B0EDFC;
	--light-light-light-blue-2: #DFF8FE;
	--light-light-light-blue-3: #74DBFB;
	--blue-2: #00A8FF;
	--blue-3: #1E78FF;
	--green: #CEF976;
	--green-2: #1BBC18;
	--green-3: #04E100;
	--green-4: #E6FBBA;
	--pink: #FFDBE9;
	--pink-2: #D9009C;
	--pink-3: #FF7DCC;
	--pink-4: #8F0168;
	--pink-4-2: #A60177;
	--pink-5: #FFEDF4;
	--pink-6: #E240A3;
	--pink-7: #FD6BC4;
	--pink-8: #FFF1F6;
	--pink-9: #FF5CC0;
	--pink-10: #FF7DCC;
	--yellow: #FFEF18;
	--yellow-2: #FF9302;
	--yellow-3: #FFF9A3;
	--orange: #FF8039;
	--orange-2: #FF7717;
	--grey: #CBD5DF;
	--grey-1: #8794B3;
	--light-grey: #ECF3F8;
	--light-grey-2: #F7FAFC;
}

a, a:hover, a:active, a:link, img, .switch-input {text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;}

img {max-width: 100%;}
h2 {font-family: 'PPPangramSans-Extrabold', Arial, Helvetica, sans-serif; font-size: 96px; line-height: 105%; letter-spacing: -2.88px; text-align: center; color: var(--dark-blue); padding: 0; margin: 0; hyphens: auto;}
h3 {font-family: 'PPPangramSans-Extrabold', Arial, Helvetica, sans-serif; font-size: 64px; line-height: 110%; letter-spacing: -1.92px; color: var(--dark-blue); padding: 0; margin: 0;}

header {background: #fff; transition:all .2s ease;}
section {max-width: 100%; overflow: hidden; position: relative; margin-top: 150px}
section.modal-languages, section.sidenav-header {margin-top: 0;}
/*.container {margin: 0 auto; width: 1410px;}*/
.container-md {margin: 0 auto; width: 1072px;}
.container-sm {margin: 0 auto; width: 854px;}

.d-none {display: none;}
.pt-lang-only.d-none {display: none !important;}
.not-pt-lang-only.d-none {display: none !important;}
.noscroll {overflow: hidden;}
.nowrap {white-space: nowrap;}
.self-end {align-self: end;}

a .d-no-hover {display: inline-block;}
a .d-hover {display: none;}
a:hover .d-no-hover {display: none;}
a:hover .d-hover {display: inline-block;}

.bg-light-grey {background: var(--light-grey);}
.bg-green {background: var(--green);}
.bg-green-2 {background: var(--green-2);}
.bg-blue {background: var(--blue);}
.bg-light-blue {background: var(--light-blue);}
.bg-light-light-blue {background: var(--light-light-blue);}
.bg-light-light-light-blue {background: var(--light-light-light-blue);}
.bg-pink {background: var(--pink);}
.bg-pink-2 {background: var(--pink-2);}
.bg-pink-3 {background: var(--pink-3);}
.bg-pink-4 {background: var(--pink-4);}
.bg-pink-5 {background: var(--pink-5);}
.bg-pink-6 {background: var(--pink-6);}
.bg-yellow {background: var(--yellow);}
.bg-yellow-2 {background: var(--yellow-2);}

.light-grey {color: var(--light-grey);}
.green {color: var(--green);}
.green-2 {color: var(--green-2);}
.blue {color: var(--blue);}
.light-blue {color: var(--light-blue);}
.light-light-blue {color: var(--light-light-blue);}
.light-light-light-blue {color: var(--light-light-light-blue);}
.light-light-light-blue-3 {color: var(--light-light-light-blue-3);}
.pink {color: var(--pink);}
.pink-2 {color: var(--pink-2);}
.pink-3 {color: var(--pink-3);}
.pink-4 {color: var(--pink-4);}
.pink-5 {color: var(--pink-5);}
.pink-6 {color: var(--pink-6);}
.yellow {color: var(--yellow);}
.yellow-2 {color: var(--yellow-2);}

.text-center {text-align: center;}
.invisible {opacity: 0;}
.visible {opacity: 1;}
.col-50 {width: 50%;}

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

}