body {
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
    color: rgb(51, 51, 51);
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 300;
}

html, body {
    width: 100%;
    height: 100%;
}

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


h6 {
    font-size: 16px;
}



a {
    color: #198ac4;
    text-decoration: none;
}

/* header */
header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 70px;
    background-color: #fff;
    box-shadow: 0 4px 10px 0px rgba(0,0,0,0.03);
    z-index: 999;
}

.header-content {
    height: 70px;
    max-width: 1200px;
    width: 80%;
    margin: auto;
    clear: both;
}

.header-logo {
    position: relative;
    top: 50%;
    left: 0;
    float: left;
    transform: translateY(-50%);
    color: #000;
    font-size: 26px;
    letter-spacing: -1px;
    z-index: 999;
}

/* header navigation */
.header-menu {
    float: right;
}

    .header-menu ul,
    .header-menu ul li,
    .header-menu ul li a {
        box-sizing: border-box;
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        float: left;
        border: 0;
        line-height: 1;
        list-style: none;
    }

    .header-menu:after,
    .header-menu > ul:after {
        display: block;
        height: 0;
        clear: both;
        line-height: 0;
        content: ".";
        visibility: hidden;
    }

    .header-menu > ul > li {
        display: inline-block;
        padding: 0;
    }

        .header-menu > ul > li > a {
            display: inline-block;
            height: 70px;
            margin: 0;
            padding: 0 20px;
            overflow: hidden;
            color: #000;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0.5px;
            line-height: 70px;
        }

        .header-menu > ul > li.header-btn > a {
            height: 32px;
            border-radius: 25px;
            line-height: 30px;
            transition: all 0.3s ease;
        }

    .header-menu ul li a:hover, .header-menu ul li a.selected, .header-menu ul li a.active {
        color: #198ac4;
    }

    .header-menu ul li:hover {
        cursor: pointer;
    }

    .header-menu > ul > li.header-btn > a {
        height: 32px;
        border-radius: 25px;
        line-height: 30px;
        transition: background-color 0.3s ease;
    }

    .header-menu > ul > li.header-btn > a {
        margin: 19px 0 0 25px;
        padding: 0 22px;
        border: 1px #198ac4 solid;
        background-color: transparent;
        color: #198ac4;
    }

    .header-menu ul li.header-btn > a:hover {
        border: 1px #198ac4 solid;
        background-color: #198ac4;
        color: #fff;
    }

/* header navigation (hamburger) */
.header-menu-mini {
    display: none;
}

/* footer */
footer {
    position: relative;
    height: auto;
    float: left;
    clear: both;
    background-color: #d2edf9;
    width: 100%;
    margin: auto;
}

.footer-content {
    clear: both;
    margin: 0 auto;
    padding: 50px 0;
    max-width: 1200px;
    width: 80%;
}

.footer-title {
    margin: 0px;
    padding: 0 0 20px 0;
    font-size: 24px;
    font-weight: 400;
}

    .footer-title span {
        font-weight: 700;
    }

.footer-text-copyright {
    color: #838383;
    line-height: 22px;
}

.footer-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .footer-list li {
        margin: 0px;
        padding: 5px 0;
        line-height: 22px;
        list-style: none;
    }

        .footer-list li a {
            display: inline-block;
            color: #838383;
            text-decoration: none;
        }

            .footer-list li a::after {
                display: block;
                width: 0;
                height: 1px;
                background: #198ac4;
                content: '';
                transition: width .3s;
            }

            .footer-list li a:hover::after {
                width: 100%;
            }

            .footer-list li a:hover {
                color: #198ac4;
            }

/* body */
.body {
    margin: 70px 0 0 0;
    padding: 0;
}

/* buttons */
.btn {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    margin: 0 20px 0 0;
    padding: 12px 40px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.btn--blue-bg {
    border: 2px #198ac4 solid;
    background-color: #198ac4;
    color: #fff;
}

    .btn--blue-bg:hover {
        background-color: white;
        color: #198ac4;
    }

.btn--green-bg {
    border: 2px #5be2c2 solid;
    background-color: #5be2c2;
    color: #fff;
}

    .btn--green-bg:hover {
        border: 2px #5e03db solid;
        background-color: transparent;
        color: #5e03db;
    }

.btn--yellow-bg {
    border: 2px #f5ae02 solid;
    background-color: #f5ae02;
    color: #fff;
}

    .btn--yellow-bg:hover {
        border: 2px #f5ae02 solid;
        background-color: white;
        color: #f5ae02;
    }

/**umb_name:h1*/
h1 {
	font-size: 40px;
}

/**umb_name:h2*/
h2 {
	font-size: 30px;
}

/**umb_name:h3*/
h3 {
	font-size: 22px;
}

/**umb_name:h4*/
h4 {
	font-size: 20px;
}

/**umb_name:h5*/
h5 {
	font-size: 18px;
}

/**umb_name:p*/
p {
	line-height: 26px;
	font-weight: 500;
}

.umb-block-grid__layout-container {
	position: relative;
	display: grid;
	grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 1), minmax(0, 1fr));
	grid-auto-flow: row;
	grid-auto-rows: minmax(50px, min-content);

	column-gap: var(--umb-block-grid--column-gap, 0);
	row-gap: var(--umb-block-grid--row-gap, 0);
}
.umb-block-grid__layout-item {
	position: relative;
	/* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
	grid-column-end: span min(calc(var(--umb-block-grid--item-column-span, 1) * 3), var(--umb-block-grid--grid-columns));
	grid-row: span var(--umb-block-grid--item-row-span, 1);
}

.umb-block-grid__area-container,
.umb-block-grid__block--view::part(area-container) {
	position: relative;
	display: grid;
	grid-template-columns: repeat(
		var(--umb-block-grid--area-grid-columns, var(--umb-block-grid--grid-columns, 1)),
		minmax(0, 1fr)
	);
	grid-auto-flow: row;
	grid-auto-rows: minmax(50px, min-content);

	column-gap: var(--umb-block-grid--areas-column-gap, 0);
	row-gap: var(--umb-block-grid--areas-row-gap, 0);
}
.umb-block-grid__area {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	/* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
	grid-column-end: span
		min(calc(var(--umb-block-grid--area-column-span, 1) * 3), var(--umb-block-grid--area-grid-columns));
	grid-row: span var(--umb-block-grid--area-row-span, 1);
}

@media (min-width: 1024px) {
	.umb-block-grid__layout-item {
		grid-column-end: span min(var(--umb-block-grid--item-column-span, 1), var(--umb-block-grid--grid-columns));
	}
	.umb-block-grid__area {
		grid-column-end: span min(var(--umb-block-grid--area-column-span, 1), var(--umb-block-grid--area-grid-columns));
	}
}