@import "../../css/flag-icons.min.css";

#mwheader{
	margin-bottom:0px !important;
}

.subnav{
	background-color: #ffffff;
	transition: box-shadow 0.3s ease-in-out;
	padding: 30px 0 14px 0;
	z-index:20;
}

.subnav a {
	text-decoration: none;
	color: #565973;
}

@media (max-width: 520px) {
	.subnav a {
		font-size: 12px;
		line-height: 0;
	}
}

@media (max-width: 406px) {
	.subnav {
		padding: 24px 0 4px 0;
	}
}

#content{
	padding-top:75px;
}

header.scrolled + .subnav{
	box-shadow: 0px 0px 8px 0px #136AA0;
}

footer{
	padding-top:6rem;
	padding-bottom:6rem;
}

#content .btn-outline-primary{
	font-size:16px;
	font-weight: 600;
	line-height:25.6px;
	padding: 13px 32px;
	border-radius: 8px;
	border: 3px solid #136AA0;
	color: #136AA0;
	background-color: #ffffff;
}

#content .btn-outline-white{
	font-size:16px;
	font-weight: 600;
	line-height:25.6px;
	padding: 13px 32px;
	border-radius: 8px;
	border: 3px solid #ffffff;
	color: #ffffff;
	background-color: transparent;
}

#content .btn-primary{
	font-size:16px;
	font-weight: 600;
	line-height:25.6px;
	padding: 13px 32px;
	border-radius: 8px;
	border: 3px solid #136AA0;
	color: #ffffff;
	background-color:#136AA0;
}

.numbers-big {
	text-align: center;
}

.numbers-big::after{
	content:attr(data-suffix);
}

.radial-background{
	background: radial-gradient(116.18% 118% at 50% 100%, rgba(27, 124, 184, 0.3) 0%, rgba(132, 200, 233, 0.3) 41.83%, rgba(237, 247, 252, 0.3) 82.52%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

}

/*General*/
@font-face {
	font-family: 'Manrope ExtraLight';
	font-style: normal;
	font-weight: 200;
	src: url('../../webfonts/Manrope-ExtraLight.ttf') format('truetype');
}

@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	src: url('../../webfonts/Manrope-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Manrope Bold';
	font-style: normal;
	font-weight: 600;
	src: url('../../webfonts/Manrope-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Manrope ExtraBold';
	font-style: normal;
	font-weight: 800;
	src: url('../../webfonts/Manrope-ExtraBold.ttf') format('truetype');
}

#content{
	padding-bottom:0px !important;
}

/*Container*/
/*#content .container:first-child{
	height:calc(100vh - 1.5rem - 108px);
	box-sizing: border-box;
}*/

.container{
	max-width:1296px;
}

.tile {
	padding: 24px !important;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0px 2px 6.4px -1px rgba(19, 16, 34, 0.03), 0px 4.4px 12px -1px rgba(19, 16, 34, 0.06);
	font-size:16px;
	height:100%;
}

.tile img {
	height: 48px !important;
	padding-bottom:5px;
}

/*Font styles*/
.bodyS{
	font-family: 'Manrope';
	font-size:14px;
	line-height:24px;
	color:#565973;
}

.bodyM{
	font-family: 'Manrope';
	font-size:16px;
	line-height:28px;
	color:#565973;
}

.bodyL{
	font-family: 'Manrope';
	font-size:18px;
	line-height:30px;
	color:#565973;
}

.displayD3 {
	font-family: 'Manrope ExtraBold';
	font-weight: 800;
	font-size: calc(64px - 20px + 1vw);
	line-height: calc(76px - 20px + 1vw);
	color: #0B0F19;
}

.displayD4{
	font-family: 'Manrope ExtraBold';
	font-weight: 800;
	font-size: calc(56px - 20px + 1vw);
	line-height: calc(68px - 20px + 1vw);
	color: #0B0F19;
}

.displayD5{
	font-family: 'Bitter ExtraBold';
	font-size: calc(48px - 20px + 1vw);
	line-height: calc(64px - 20px + 1vw);
	color: #0B0F19;
}

.displayD6 {
	font-family: 'Manrope Extralight';
	font-size: calc(52px - 20px + 1vw);
	line-height: calc(68px - 20px + 1vw);
	color: #0B0F19;
}


.headingH0 {
	font-family: 'Manrope ExtraBold';
	font-size: 60px;
	line-height: 60px;
	color: #0B0F19;
}

.headingH1 {
	font-family: 'Manrope';
	font-size: 40px;
	line-height: 52px;
	color: #0B0F19;
}

.headingH1SEOOnly {
	font-family: 'Manrope ExtraLight';
	font-size: 47px;
	line-height: 60px;
	color: #0B0F19;
}

.headingH2{
	font-family: 'Manrope ExtraLight';
	color: #0B0F19;
	font-size: 61px;
	line-height: 61px;
}

.headingH3{
	font-family: 'Bitter ExtraBold';
	color: #0B0F19;
	font-size: 28px;
	line-height: 40px;
}

.headingH4{
	font-family: 'Manrope ExtraBold';
	color: #0B0F19;
	font-size: 27px;
	line-height: 28px;
}

.headingH5 {
	font-family: 'Manrope ExtraBold';
	color: #0B0F19;
	font-size: 20px;
	line-height: 28px;
}