/* === GENERAL === */

body { font-family: sans-serif; margin: 0; padding: 0; }

a, a:visited { color: #31708f; text-decoration: none; outline: none; }

caption { color: #777; padding: 8px 0; text-align: left; }

h1, h2, h3 { font-weight: 500; line-height: 1.1; margin: 20px 0 10px; }

h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 28px; }

p { margin: 0 0 10px; }

table { background-color: transparent; border-spacing: 0; border-collapse: collapse; }

td, th { padding: 0; text-align: left; }

table a, table a:visited { color: #31708f; }

.elem-center { margin: 0 auto; }
.elem-left { float: left; }
.elem-right { float: right; }
.elem-bfc { overflow: hidden; }
.elem-inline { display: inline-block; }
.elem-flex { display: flex; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

.blue { color: #1f4e79; }
.green { color: #7fbe0c; }

.block80 { height: 80px; }
.block70 { height: 70px; }
.block60 { height: 60px; }
.block50 { height: 50px; }
.block40 { height: 40px; }


/* === HEADER === */

header.topnav { height: 50px; left: 0; position: fixed; right: 0; top: 0; z-index: 11; }
header.topnav a { color: #fff; text-decoration: none; }
header.topnav nav { background-color: #1f4e79; height: 50px; position: relative; width: 100%; z-index: 12; }
header.topnav nav .logo { font-size: 24px; height: 50px; left: 20px; line-height: 50px; position: absolute; top: 0; width: 150px; }
header.topnav nav .logo img { margin: 10px 8px 0 0; vertical-align: -14px; }
header.topnav nav ul.menu { list-style-type: none; margin: 0 0 0 150px; padding: 0 10px; text-align: left; }
header.topnav nav ul.menu li { display: inline-block; }
header.topnav nav ul.menu li a { color: #fff; display: inline-block; height: 50px; line-height: 50px; padding: 0 15px; text-decoration: none; }
header.topnav nav ul.menu li a:hover { background-color: #103454; color: #fff; }
header.topnav nav label.mobilemenu-icon { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE1My41LDIwNUgzNTguODhhMTcuMSwxNy4xLDAsMCwwLDAtMzQuMkgxNTMuNWExNy4xLDE3LjEsMCwwLDAsMCwzNC4yWiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xNTMuNSwyNzMuNDNIMzU4LjU5YTE3LjEsMTcuMSwwLDAsMCwwLTM0LjJIMTUzLjVhMTcuMSwxNy4xLDAsMCwwLDAsMzQuMloiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzU5LjEzLDMwNy42M2wtMjA1LjYtLjE3aDBhMTcuMSwxNy4xLDAsMCwwLDAsMzQuMmwyMDUuNi4xN2gwYTE3LjEsMTcuMSwwLDAsMCwwLTM0LjJaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQwOS44NiwzNDEuODNhNTEuMzUsNTEuMzUsMCwwLDEtNTEuMjcsNTEuM0gxNTMuNWE1MS4zNSw1MS4zNSwwLDAsMS01MS4yNy01MS4zdi0xNzFhNTEuMzUsNTEuMzUsMCwwLDEsNTEuMjctNTEuM0gzNTguNTlhNTEuMzUsNTEuMzUsMCwwLDEsNTEuMjcsNTEuM1pNMzU4LjU5LDg1LjMzSDE1My41QTg1LjU3LDg1LjU3LDAsMCwwLDY4LDE3MC44M3YxNzFhODUuNTcsODUuNTcsMCwwLDAsODUuNDUsODUuNUgzNTguNTlBODUuNTcsODUuNTcsMCwwLDAsNDQ0LDM0MS44M3YtMTcxQTg1LjU3LDg1LjU3LDAsMCwwLDM1OC41OSw4NS4zM1oiLz48L3N2Zz4=") no-repeat center center; background-size: contain; cursor: pointer; display: inline-block; height: 44px; margin: 3px 8px; position: absolute; right: 0; top: 0; width: 44px; }
header.topnav .mobilemenu { background-color: #1f2532; left: 0; max-height: 0; overflow: hidden; position: absolute; top: 50px; transition: max-height 0.5s linear; visibility: hidden; width: 100%; z-index: 12; }
header.topnav .mobilemenu ul { border-top: 1px solid #111; list-style: none; margin: 0; padding: 0; }
header.topnav .mobilemenu ul li { border-top: 1px solid #2f3542; border-bottom: 1px solid #111; text-align: left; padding: 0 20px; }
header.topnav .mobilemenu ul li a { display: block; padding: 16px 0; }
header.topnav .mobilemenu ul li a, header.topnav nav .mobilemenu ul li a:visited { color: #fff; }
header.topnav .mobilemenu-checkbox { margin: 0; opacity: 0; padding: 0; position: absolute; right: -20px; top: 0; }
header.topnav #mobilemenu-overlay { background-color: rgba(0,0,0,0.6); height: 100vh; display: none; position: absolute; width: 100vw; z-index: 10; }
header.topnav #mobilemenu-button:checked ~ #mobilemenu-overlay { display: block; }
header.topnav #mobilemenu-button:checked ~ .mobilemenu { max-height: 1000px; visibility: visible; }


/* === LAYOUT === */

.container-fluid { margin: 0 auto; padding: 0 15px; }


/* === BOOTSTRAP COLUMNS === */

.columns,.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}
.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,
.col-xl,.col-xl-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,
.col-lg,.col-lg-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,
.col-md,.col-md-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-sm,.col-sm-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12
{box-sizing:border-box;padding:0 15px;width:100%;}

.col{flex-basis:0;flex-grow:1;max-width:100%;}
.col-auto{flex:0 0 auto;max-width:none;width:auto;}
.col-1{flex:0 0 8.333333%;max-width:8.333333%;}
.col-2{flex:0 0 16.666667%;max-width:16.666667%;}
.col-3{flex:0 0 25%;max-width:25%;}
.col-4{flex:0 0 33.333333%;max-width:33.333333%;}
.col-5{flex:0 0 41.666667%;max-width:41.666667%;}
.col-6{flex:0 0 50%;max-width:50%;}
.col-7{flex:0 0 58.333333%;max-width:58.333333%;}
.col-8{flex:0 0 66.666667%;max-width:66.666667%;}
.col-9{flex: 0 0 75%;max-width:75%;}
.col-10{flex:0 0 83.333333%;max-width:83.333333%;}
.col-11{flex:0 0 91.666667%;max-width:91.666667%;}
.col-12{flex:0 0 100%;max-width:100%;}
.offset-1{margin-left:8.3333333333%;}
.offset-2{margin-left:16.6666666667%;}
.offset-3{margin-left:25%;}
.offset-4{margin-left:33.3333333333%;}
.offset-5{margin-left:41.6666666667%;}
.offset-6{margin-left:50%;}
.offset-7{margin-left:58.3333333333%;}
.offset-8{margin-left:66.6666666667%;}
.offset-9{margin-left:75%;}
.offset-10{margin-left:83.3333333333%;}
.offset-11{margin-left:91.6666666667%;}

@media (min-width: 576px) {
.col-sm{flex-basis:0;flex-grow:1;max-width:100%;}
.col-sm-auto{flex:0 0 auto;width:auto;max-width:none;}
.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%;}
.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%;}
.col-sm-3{flex:0 0 25%;max-width:25%;}
.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%;}
.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%;}
.col-sm-6{flex:0 0 50%;max-width:50%;}
.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%;}
.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%;}
.col-sm-9{flex:0 0 75%;max-width:75%;}
.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%;}
.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%;}
.col-sm-12{flex:0 0 100%;max-width:100%;}
.offset-sm-0{margin-left:0;}
.offset-sm-1{margin-left:8.3333333333%;}
.offset-sm-2{margin-left:16.6666666667%;}
.offset-sm-3{margin-left:25%;}
.offset-sm-4{margin-left:33.3333333333%;}
.offset-sm-5{margin-left:41.6666666667%;}
.offset-sm-6{margin-left:50%;}
.offset-sm-7{margin-left:58.3333333333%;}
.offset-sm-8{margin-left:66.6666666667%;}
.offset-sm-9{margin-left:75%;}
.offset-sm-10{margin-left:83.3333333333%;}
.offset-sm-11{margin-left:91.6666666667%;}
}

@media (min-width: 768px) {
.col-md{flex-basis:0;flex-grow:1;max-width:100%;}
.col-md-auto{flex:0 0 auto;width:auto;max-width:none;}
.col-md-1{flex:0 0 8.333333%;max-width:8.333333%;}
.col-md-2{flex:0 0 16.666667%;max-width:16.666667%;}
.col-md-3{flex:0 0 25%;max-width:25%;}
.col-md-4{flex:0 0 33.333333%;max-width:33.333333%;}
.col-md-5{flex:0 0 41.666667%;max-width:41.666667%;}
.col-md-6{flex:0 0 50%;max-width:50%;}
.col-md-7{flex:0 0 58.333333%;max-width:58.333333%;}
.col-md-8{flex:0 0 66.666667%;max-width:66.666667%;}
.col-md-9{flex:0 0 75%;max-width:75%;}
.col-md-10{flex:0 0 83.333333%;max-width:83.333333%;}
.col-md-11{flex:0 0 91.666667%;max-width:91.666667%;}
.col-md-12{flex:0 0 100%;max-width:100%;}
.offset-md-0{margin-left:0;}
.offset-md-1{margin-left:8.3333333333%;}
.offset-md-2{margin-left:16.6666666667%;}
.offset-md-3{margin-left:25%;}
.offset-md-4{margin-left:33.3333333333%;}
.offset-md-5{margin-left:41.6666666667%;}
.offset-md-6{margin-left:50%;}
.offset-md-7{margin-left:58.3333333333%;}
.offset-md-8{margin-left:66.6666666667%;}
.offset-md-9{margin-left:75%;}
.offset-md-10{margin-left:83.3333333333%;}
.offset-md-11{margin-left:91.6666666667%;}
}

@media (min-width: 992px) {
.col-lg{flex-basis:0;flex-grow:1;max-width:100%;}
.col-lg-auto{flex:0 0 auto;width:auto;max-width:none;}
.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%;}
.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%;}
.col-lg-3{flex:0 0 25%;max-width:25%;}
.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%;}
.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%;}
.col-lg-6{flex:0 0 50%;max-width:50%;}
.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%;}
.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%;}
.col-lg-9{flex:0 0 75%;max-width:75%;}
.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%;}
.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%;}
.col-lg-12{flex:0 0 100%;max-width:100%;}
.offset-lg-0{margin-left:0;}
.offset-lg-1{margin-left:8.3333333333%;}
.offset-lg-2{margin-left:16.6666666667%;}
.offset-lg-3{margin-left:25%;}
.offset-lg-4{margin-left:33.3333333333%;}
.offset-lg-5{margin-left:41.6666666667%;}
.offset-lg-6{margin-left:50%;}
.offset-lg-7{margin-left:58.3333333333%;}
.offset-lg-8{margin-left:66.6666666667%;}
.offset-lg-9{margin-left:75%;}
.offset-lg-10{margin-left:83.3333333333%;}
.offset-lg-11{margin-left:91.6666666667%;}
}

@media (min-width:1200px){
.col-xl{flex-basis:0;flex-grow:1;max-width:100%;}
.col-xl-auto{flex:0 0 auto;width:auto;max-width:none;}
.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%;}
.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%;}
.col-xl-3{flex:0 0 25%;max-width:25%;}
.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%;}
.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%;}
.col-xl-6{flex:0 0 50%;max-width:50%;}
.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%;}
.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%;}
.col-xl-9{flex:0 0 75%;max-width:75%;}
.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%;}
.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%;}
.col-xl-12{flex:0 0 100%;max-width:100%;}
.offset-xl-0{margin-left:0;}
.offset-xl-1{margin-left:8.3333333333%;}
.offset-xl-2{margin-left:16.6666666667%;}
.offset-xl-3{margin-left:25%;}
.offset-xl-4{margin-left:33.3333333333%;}
.offset-xl-5{margin-left:41.6666666667%;}
.offset-xl-6{margin-left:50%;}
.offset-xl-7{margin-left:58.3333333333%;}
.offset-xl-8{margin-left:66.6666666667%;}
.offset-xl-9{margin-left:75%;}
.offset-xl-10{margin-left:83.3333333333%;}
.offset-xl-11{margin-left:91.6666666667%;}
}


/* === TABLES === */

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th,
.table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0
}

.table > tbody + tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

table col[class * =col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class * =col-], table th[class * =col-] {
    position: static;
    display: table-cell;
    float: none
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active,
.table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th,
.table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td,
.table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5
}


/* === RESPONSIVE === */

@media all and (max-width: 900px) {

	header.topnav nav ul.menu {
		display: none;
	}

}