/* CSS Document */

body {
    padding: 0;
    margin: 0;
}
img {border: none; outline: none;}
.hide {display: none;}
.noselect {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.hyphens *:not([type="submit"]) {-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;}
.hyphens input {-webkit-hyphens:none;-ms-hyphens:none;-moz-hyphens:none;hyphens:none;}

.frame-space-before-extra-small {margin-top: 0.5em;}
.frame-space-before-small {margin-top: 1em;}
.frame-space-before-medium {margin-top: 2em;}
.frame-space-before-large {margin-top: 4em;}
.frame-space-before-extra-large {margin-top: 6em;}

.frame-space-after-extra-small {margin-bottom: 0.5em;}
.frame-space-after-small {margin-bottom: 1em;}
.frame-space-after-medium {margin-bottom: 2em;}
.frame-space-after-large {margin-bottom: 4em;}
.frame-space-after-extra-large {margin-bottom: 6em;}

.mainpadding{padding-left:6vw;padding-right:6vw;}
.bodytext a{text-decoration:none;font-style:italic;font-weight:500;color:#00468C;}
.bodytext a:hover {color: #50AF37;}
.bodytext ul:not(.typo3-messages):not(.femanager_error):not(.addressproplist):not(.f3-widget-paginator) {margin:0 0 1em;list-style:none;padding:0 0 0 1.1em;}
.bodytext ul:not(.typo3-messages):not(.femanager_error):not(.addressproplist):not(.f3-widget-paginator) li:before{content:'';display:inline-block;height:1em;width:1em;background-image:url("../Images/ul_arrow_green.png");background-size:auto 0.75em;background-repeat:no-repeat;background-position:0 bottom;margin-left:-1em;}
.bodytext ul:not(.typo3-messages):not(.femanager_error):not(.addressproplist) li li:before{background-image:url("../Images/ul_arrow2_green.png");}
.bodytext b,.bodytext strong{font-weight:500;}
.bodytext b i,.bodytext i b,.bodytext b em,.bodytext em b,.bodytext strong i,.bodytext i strong,.bodytext strong em,.bodytext em strong{font-weight:500;font-style:italic;}
.bodytext p {margin: 0 0 1em;}
.bodytext h3, .bodytext h4, .bodytext h5, .bodytext h6 {margin: 0;}
.bodytext h3 {font-size: 1.2em;  margin-bottom: 1em;}
.bodytext h4 {font-size: 1em;  margin-bottom: 1em;}
.bodytext h5 {font-size: 1em;  margin-bottom: 0.25em;}/* color: #00468C;}*/
.bodytext h6 {font-size: 1em;  margin-bottom: 0;}
input[type="submit"] {padding: 0.25em 0.4em; font-family: 'Montserrat', sans-serif; font-size: 1em; border: none; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;font-weight: 300; background: #00468C; color: #fff;}

.bodytext a:before {
    font-family: FontAwesome;
    font-style: normal !important;
    padding-right: 0.25em;
    font-size: 0.9em;
}
.bodytext p a[href$=".html"]:before {content: "\f15b";} /* file */
.bodytext p a[href^="http"]:before {content: "\f0ac";} /* globe */
.bodytext p a[href^="javascript:linkTo_UnCryptMailto"]:before {content: "\f1fa";} /* at */
.bodytext p a[href^="tel"]:before {content: "\f095";} /* phone */
.bodytext p a[href^="/"][href$="/"]:before {content: "\f07c";} /* folder-open */

.bodytext p a[href$=".pdf"]:before {content: "\f1c1";} /* file-pdf */
.bodytext p a[href$=".ppt"]:before, .bodytext p a[href$=".pptx"]:before {content: "\f1c4";} /* file-powerpoint */
.bodytext p a[href$=".xls"]:before, .bodytext p a[href$=".xlsx"]:before {content: "\f1c3";} /* file-excel */
.bodytext p a[href$=".doc"]:before, .bodytext p a[href$=".docx"]:before {content: "\f1c2";} /* file-word */

.bodytext p a[href$=".jpg"]:before, .bodytext p a[href$=".jpeg"]:before, .bodytext p a[href$=".png"]:before, .bodytext p a[href$=".gif"]:before {content: "\f1c5";} /* file-image */
.bodytext p a[href$=".mp3"]:before {content: "\f1c7";} /* file-audio */
.bodytext p a[href$=".mp4"]:before {content: "\f1c8";} /* file-video */

.bodytext .frame-layout-1 {
    font-size: 0.8em;
    line-height: 1.7em;
}
.bodytext .frame-layout-1 a::before {
    font-size: 1em;
}

.tx-indexedsearch-rules {
    font-size: 11px;line-height: 1.3em;margin-top: 0.2em;
}
.tx-indexedsearch-search-submit {
    margin-top: 0.5em;
}
.search_formbuttons {
    font-size: 12px;
}
.search_extendedfields {
    margin-top: 1em;
    margin-bottom: 1em;
}
.search_results {
    margin-top: 1em;
}
.search_results h3 {
    margin: 0;
}
.tx-indexedsearch-res {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #C8CDD0;
}
.tx-indexedsearch-res:last-child {
    border-bottom: none;
}
.tx-indexedsearch-info-sword {
    padding: 0.2em 0.4em;
    margin-top: 1em;
    background: #E2E5E6;
}
.tx-indexedsearch-percent {
    display: inline-block;
    padding-left: 0.5em;
}
.search_divider {
}

main form {background-color: #E2E5E6; padding: 15px;}
main form h2 {display: none;}
main form .form-group {margin-bottom: 1em;}
main form .form-group .radios {
    text-align: left;
}
main form .form-group .radios .radio {
    display: inline-block;
    margin-right: 20px;
}
main form .form-group .radios .radio:last-child {
    margin-right: 0;
}
main form input[type="text"], main form input[type="password"], main form textarea{width: 100%; padding: 0.25em 0.4em; font-family: 'Montserrat', sans-serif; font-size: 1em; border: none; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;font-weight: 300;color: #00468C;}
main form input::placeholder, main form textarea::placeholder {
    color: #C8CDD0;
}
main form textarea {height: 10em;}
main form span.btn-group button {padding: 4px 8px; font-family: 'Montserrat', sans-serif; font-size: 16px; border: none; background: #fff;margin-right: 0.75em;}
main form label:not(.checkbox) {
    padding-bottom: 0.25em;
    display: inline-block;
    white-space: nowrap;
}
main form .error {
    color: #C9513A;
}
main form .table-responsive table {
    border-collapse: separate;
    border-spacing: 0;
}
main form .table-responsive .summary-table-first-col {
    padding-right: 1em;
    vertical-align: top;
}
main form .table-responsive tr td {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    border-bottom: 1px solid #A1A8AD;
}
main form .table-responsive tr:last-child td {
    border-bottom: none;
}

table.contenttable {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    /*width: 100%;*/
}
table.contenttable p {
    display: inline;
}
table.contenttable td dow
    width: auto;
    vertical-align: top;
    padding: 4px;
}
table.contenttable tr td:first-child {
    padding-left: 0;
}
table.contenttable tr td:last-child {
    padding-right: 0;
}
table.contenttable tr:first-child td {
    padding-top: 0;
}
table.contenttable tr:last-child td {
    padding-bottom: 0;
}
table.contenttable tr:hover td {
    background-color: #F2F3F3;
}
/*
table.contenttable tr {
    display: none;
}
table.contenttable tr:first-child {
    display: table-row;
}
*/

.news a {
    color: #00468C;
}
.news-list-view .article {
    display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #C8CDD0;
}
.news-list-view .article:last-child {
    border-bottom: none;
}
.frame-layout-3 .news-list-view .article .left img.default {
    display: none;
}
.frame-layout-3 .news .article .news-img-wrap a {
    border: none;
}
.news-list-view .article .left {
    display: block;
    flex: 0 0 15vw;
    width: 15vw;
    margin-right: 2vw;
    -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}
.news-list-view .article .left .news-img-wrap img {
    width: 100%;
    height: auto;
}
.news-list-view .article .right {
    display: block;
    flex: 1 1 auto;
}
.news-list-view .article .right h3 {
    margin: 0 0 0.25em;
}
.f3-widget-paginator {
    padding: 0;
    margin: 2em 0;
    list-style: none;
}
.f3-widget-paginator li {
    display: inline-block;
    margin-right: 1em;
}
.f3-widget-paginator li:last-child {
    margin-right: 0;
}


#container {
    min-width: 320px;
}
body.maxsize {
    background: #E2E5E6; /*#002d5a;*/
}
body.maxsize #container {
    margin: 0 auto;
    max-width: 2400px;
    background: #FFF;
}
/* main */
main{padding-top:6vw;padding-bottom:6vw;}
main h1{font-weight: 700;font-size:4vw;line-height:5vw;color:#00468C;margin:0;text-transform:uppercase;text-align:center;margin-bottom:4vw;}
main h1 .vaisgreen{color:#50AF37;}
main h1 a{color:#00468C;}
main h1 a .vaisgreen{color:#50AF37;}
main h2{font-weight: 700;font-size:4vw;line-height:5vw;color:#00468C;margin:0;text-transform:uppercase;text-align:center;margin-bottom:4vw;}
main h2 .vaisgreen{color:#50AF37;}
main h2 a{color:#00468C;}
main h2 a .vaisgreen{color:#50AF37;}

main section{position:relative;margin-bottom:6vw;}
main article{font-size:1.5vw;line-height:2.4vw;font-weight:300;}
main article h2{font-size:4vw;line-height:5vw;font-weight:700;text-align:left;margin:0 0 0.25em;text-transform:uppercase;}
main article.col2h > header h2 {text-align: right;}
main article .marginal h2{text-align: right;}
main article.col2h{display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;}
main article.col2h > *{flex:0 0 50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
main article.col2h > *{padding-left:2.5vw;padding-right:2.5vw;}
main article.col2h > *:first-child{padding-left:0;}
main article.col2h > *:last-child{padding-right:0;}
main article.col2h > *:first-child{text-align:right;}
main article.col2h > header nav{line-height:5vw;}
header.subbar{background:url("../Images/subbar.png") 0 0 / auto 100% no-repeat;font-size:1.5vw;color:#fff;line-height:1em;padding:0.25em 0 0.25em 6.4em;}
main article.matrix > div{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;}
main article.matrix .tile{display:block;position:relative;flex:0 0 20vw;height:20vw;margin-top:2.6vw;background-position:center center;background-size:cover;background-color:#E2E5E6;background-image: url("../Images/default_tile.jpg");}

main article.matrix .tile.fill {background: transparent; height: 1px !important;}

main article.matrix .tile.onlytext {
    display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;
}

main article.matrix .tile.onlytext .text h4 {display: inline; margin: 0; margin-right: 0.5em; white-space: normal;
    /*font-size: 1.2em;*/
}

main article.matrix.size2 .tile {flex: 0 0 27.5vw;height: 38vw;}


main article.matrix .tile .text{position:absolute;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:100%;height:37%;left:0;bottom:0;background-color:rgba(255,255,255,0.9);padding:4%;text-align:center;border-bottom:2px solid #00468C;color:#00468C;overflow:hidden;opacity:1;}

main article.matrix .tile.onlytext .text {
    flex: 1 1 auto;
    position: relative;
    border-bottom: none;
    font-weight: 500;
    -webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;
}
main article.matrix .tile.onlytext .text div {
    display: inline;
}
    
main article.matrix .tile:not(.onlytext) .text {transition:height 0.25s ease-in-out,opacity 0.25s ease-in-out;}
main article.matrix .tile.onlytext .text {background: transparent; height: auto; padding: 8%;}
main article.matrix .tile.onlytext {text-decoration: none;}

main article.matrix.size2 .tile .text{height: 22%;}

main article.matrix .tile .text h4{font-weight:700;font-size:1.5vw;margin:0 0 0.2em;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.2em;}
main article.matrix .tile .text div{font-size:1.4vw;line-height:1.4em;overflow:hidden;}
/* main article.matrix .tile.onlytext .text div{font-size:1.6vw;}*/
main article.matrix .tile:not(.onlytext):hover .text{height:0;opacity:0;transition:height 0.25s ease-in-out,opacity 0.25s ease-in-out;}
main article.list > div{display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;color:#7B868C;margin-top:2vw;}
main article.list div.singlelist{position:relative;min-width:0;flex:1 1 auto;padding-right:4vw;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
main article.list div.singlelist:last-child{padding-right:0;}
main article.list h4{font-size:1.5vw;margin:0;}
main article.list ul{position:relative;width:100%;font-size:1.3vw;margin:0;padding:0;list-style:none;}
main article.list li{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
main article.list ul a{text-decoration:none;color:#7B868C;}
main article.list ul a:hover{color:#2B3133;}

main article.cols .cols{position: relative;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;}
main article.cols .col{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; margin-bottom: 2em; width: 100%;}

main article.cols .col .ce-column {position: relative;}
main article.cols .col > *:not(.frame-layout-2) .ce-column img, main article.cols .col > *:not(.frame-layout-2) .ce-column video {width: 100%; height: auto;}

main article.cols .col figure {
    padding: 0;
    margin: 0;
}

main article.cols.col2 .col{flex:0 0 47.5%;}
main article.cols.col3 .col{flex:0 0 30%;}
main article.cols .col h4 {display: none;}
main article.cols header.subbar, main article.colfloat header.subbar {margin-bottom: 2vw;}
main article.cols h4, main article.colfloat h4 {margin: 0 0 1em;}
main article.colfloat .cols {column-gap: 4.5vw;}
main article.colfloat.col2 .cols {column-count: 2;}
main article.colfloat.col3 .cols {column-count: 3;}
main article.colm .line{position: relative;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;}
main article.colm .marginal, main article.colm .text{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; margin-bottom: 1em;}
main article.colm .line:last-child .marginal, main article.colm .line:last-child .text {margin-bottom: 0;}
main article.colm .marginal{flex:0 0 25%; text-align: right;}
main article.colm .text{flex:0 0 70%;}
main article.colm .marginal figure {margin: 0; padding: 0;}
main article.colm .marginal img {width: 100%; height: auto;}

/* footer */
footer.main{border-top:2px solid #00468C;padding-top:1vw;padding-bottom:2vw;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;}
footer.main a{text-decoration:none;color:#2B3133;}
footer.main .left {fley: 1 1 auto; font-size:1.1vw; margin-right: 2em;}
footer.main .left img{height:2vw;width:auto;vertical-align:middle;margin-right:0.8vw;}
footer.main .right {fley: 1 1 auto; font-size: 1.4vw; white-space: nowrap;}
footer.main .right ul {margin: 0; padding: 0; list-style: none; text-align: right;}
footer.main .right li {display: inline; margin-right: 1em;}
footer.main .right li:last-child {margin-right: 0;}

/* meta */
nav.meta{background-color:#00468C;color:#fff;white-space:nowrap;text-align:right;font-weight:300;font-size:1.4vw;padding:0.75em 2.5em;}
nav.meta a{text-decoration:none;color:#fff;}
nav.meta ul{display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;margin:0;padding:0;list-style:none;line-height:0;}
nav.meta li{flex:0 0 auto;display:inline;padding:0;margin:0 1em 0 0;}
nav.meta li:nth-last-child(3) {margin-right: 0.5em;}
nav.meta li.slash {margin-right: 0.5em;}
nav.meta li:last-child{margin-right:0;}
nav.meta li .slash{height:2vw;width: auto;}

/* slider */
#slider{position:relative;height:45vw;min-height: 250px;overflow: hidden;background-color: #A1A8AD;}
#slider > .info{position:absolute;top:0;left:-2%;height:100%;width:112%;}
#slider .singleinfo{position:absolute;left:0;top:0;width:100%;height:100%;}
#slider .singleinfo > *{position:absolute;left:0;height:50%;width:100%;}
#slider .singleinfo .top{top:3px;background:url("../Images/slider_top.png") 0 top / 100% auto no-repeat;}
#slider .singleinfo .bottom{display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:stretch;align-items:stretch;bottom:3px;height:35%;}
#slider .singleinfo .bottom > *{height:100%;}
#slider .singleinfo .bottom .left{flex:0 0 3%;background:url("../Images/slider_bottom_left.png") left bottom / auto 100% no-repeat;}
#slider .singleinfo .bottom .line{flex:1 1 auto;background:url("../Images/slider_bottom_line.png") right bottom / auto 100% no-repeat;}
#slider .singleinfo .bottom .text{display:-webkit-flex;display:flex;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:flex-start;align-items:flex-start;flex:0 0 auto;background:url("../Images/slider_bottom_text.png") left bottom / auto 100% no-repeat;font-size:1.5vw;padding-right:2em;}
#slider .singleinfo .bottom .text .preview{flex:0 0 auto;margin-left:-4vw;white-space:nowrap;padding:0.7em 0 0; font-weight: 300;}
#slider .singleinfo .bottom .text .preview a{color:#00468C;text-decoration:none;}
#slider .singleinfo .bottom .text .preview h3{color:#50AF37;font-size:1.2em;font-weight:700;margin:0 0 0.25em 2.7em;}
#slider .singleinfo .bottom .text .preview ul{margin:0;padding:0;list-style:none;}
#slider .singleinfo .bottom .text .preview li{margin:0;}
#slider .singleinfo .bottom .text .preview li:nth-child(1){margin-left:2.5em;}
#slider .singleinfo .bottom .text .preview li:nth-child(2){margin-left:1.8em;}
#slider .singleinfo .bottom .text .preview li:nth-child(3){margin-left:1.2em;}
#slider .singleinfo .bottom .text .preview li:nth-child(n+4){display: none;}
#slider .singleinfo .bottom .text .preview time, #slider .singleinfo .bottom .text .preview .keyword{font-weight: 500;}
#slider .singleinfo .bottom .text .preview time:after, #slider .singleinfo .bottom .text .preview .keyword:after{background:url("../Images/slash_blue.png") center center / auto 0.75em no-repeat;display:inline-block;padding:0 0.5em 0 0.5em;width:0.5em;height:0.75em;content:"";}
#slider .singleinfo .bottom .text .buttons{flex:0 0 auto;padding-bottom:0.4em;margin-left:-4vw;white-space:nowrap;}
#slider .singleinfo .bottom .text .buttons > *{margin-right:0.5em;}
#slider .singleinfo .bottom .text .buttons > *:last-child{margin-right:0;}
#slider .singleinfo .bottom .right{flex:0 0 11%;background:url("../Images/slider_bottom_right.png") right bottom / auto 100% no-repeat;}
#slider .singleinfo .bottom.notext .line{flex:1 1 80%;}
#slider .singleinfo .bottom.notext .text{flex:1 1 6%;}
#slider .singleinfo .bottom.notext .text > *{display:none;}
#slider .singleinfo.animate{transition:transform 1s ease-in-out;}
#slider .singleinfo.left{transform:translateX(-100%);}
#slider .singleinfo.right{transform:translateX(100%);}
#slider > .nav{position:absolute;top:17vw;left:2%;width:96%;height:8vw;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;}
#slider > .nav > div{position:relative;flex:0 0 20%;min-width:50px;height:100%;width:auto;cursor:pointer;}
#slider > .nav svg{position:absolute;height:100%;width:auto;top:0;opacity:0.6;}
#slider > .nav svg.left{left:0;}
#slider > .nav svg:not(.outer){transition-timing-function:ease;transition-duration:.15s;}
#slider > .nav svg.left.inner{left:10vw;opacity:0;transition-property:left,opacity;}
#slider > .nav > div:hover svg.left.inner{left:2vw;opacity:0.6;transition-property:left,opacity;}
#slider > .nav svg.right.inner{right:10vw;opacity:0;transition-property:right,opacity;}
#slider > .nav > div:hover svg.right.inner{right:2vw;opacity:0.6;transition-property:right,opacity;}
#slider > .nav svg.right{right:0;}
#slider > .image{height:100%;overflow:hidden;}
#slider > .image .singleimage{
    position: absolute;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    top: 0;
}
#slider > .image .singleimage.animate{transition:transform 1s ease-in-out;}
#slider > .image .singleimage.left{transform:translateX(-100%);}
#slider > .image .singleimage.right{transform:translateX(100%);}


/* main menu */
#mainmenu {
    position: fixed;
    width: 100%;
    height: 0%;
    left: 0;
    top: 0;
    -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
    overflow-x: hidden;
    overflow-y: auto;
    transition: height 0.5s ease-in-out;
    /* display: none */
    
}
.maxsize #mainmenu nav {
    max-width: 1600px;
    margin: 0 auto;
}
.showmainmenu #mainmenu {
    height: 100%;
    transition: height 0.5s ease-in-out;
}
#mainmenu nav {
    color: #fff;
    padding: 6.6vw;
    background: #00468C;
    -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}
#mainmenu nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
    font-size: 2vw;
    line-height: 4vw;
    font-weight: 300;
}
#mainmenu nav ul a {
    color: #fff;
    text-decoration: none;
    padding: 0.1em;
    -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}
#mainmenu nav ul a:hover {
    background: #50AF37; /*rgba(255,255,255,0.2);*/
    color: #fff !important;
    /*border-bottom: 4px solid rgba(255,255,255,0.2);*/
}
#mainmenu nav ul li li li a {
    color: #50AF37;
}
#mainmenu nav > ul > li {
    margin-bottom: 2em;
}
#mainmenu nav > ul > li > a {
    font-size: 2.8vw;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline;
    line-height: 1.2em;
}
#mainmenu nav > ul > li > ul {
    margin-top: 0.2em;
}
#mainmenu nav > ul > li > ul > li:after {
    background:url("../Images/slash_green.png") 0.3em center / auto 0.75em no-repeat;display:inline-block;padding:0 0 0 1.2em;height:0.75em;content:"";
}
/*
#mainmenu nav > ul > li > ul > li {
    border-bottom: 1px dotted #00468C;
}
#mainmenu nav > ul > li > ul > li:hover {
    border-bottom: 1px dotted  #50AF37;
}
*/
#mainmenu nav > ul > li > ul > li:hover > a {
    background: rgba(80,175,55,0.5);
}
#mainmenu nav > ul > li > ul > li > a:hover {
    background: #50AF37;
}
#mainmenu nav > ul > li > ul > li:last-child:after {
    background: transparent;display:inline-block;padding:0;height:auto;content:"";
}
#mainmenu nav > ul > li > ul > li > ul:before {
     display:inline-block;padding:0 0.25em 0 0.4em;height:0.75em;content:"(";color: #50AF37;
}
#mainmenu nav > ul > li > ul > li > ul:after {
     display:inline-block;padding:0 0 0 0.25em;height:0.75em;content:")";color: #50AF37;
}
#mainmenu nav > ul > li > ul > li > ul > li:before {
    background:url("../Images/slash2_green.png") 0.35em center / auto 0.75em no-repeat;display:inline-block;padding:0 0 0 1.2em;height:0.75em;content:"";
}
#mainmenu nav > ul > li > ul > li > ul > li:first-child:before {
    background: none;
    padding: 0;
}
#mainmenu nav > ul > li li, #mainmenu nav > ul > li li ul {
    display: inline;
}
html.showmainmenu, .showmainmenu body {
    margin: 0; height: 100%; overflow-y: hidden;
}

/* header */
header.main{position:relative;background-color:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;height:10vw;min-height:80px;}
#mainmenu {margin-top: 10vw;}
#mainmenu nav {padding-bottom: 10vw;}
header.main .right{height:100%;width:auto;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;position:absolute;right:3.3vw;top:0;}
header.main .right > *{flex:0 0 auto;margin-left:2vw;}
header.main .right .search{line-height:0;cursor:pointer;}
header.main .right .search img{height:2.7vw;width:auto;}
header.main .left{position:absolute;left:0;top:0;height:100%;width:auto;}
header.main .left .logo{height:100%;}
header.main .left .logo img{height:100%;width:auto;}
header.main .left .logo img.no-mbi{display:none;}
.b-menu{position:relative;display:inline-block;width:3vw;height:100%;cursor:pointer;}
.b-menu input{display:none;}
.b-menu .inner{top:50%;display:block;margin-top:-0.15vw;}
.b-menu .inner:before{top:-1.1vw;}
.b-menu .inner:after{bottom:-1.1vw;}
.b-menu .inner:after,.b-menu .inner:before{display:block;content:"";}
.b-menu .inner,.b-menu .inner:after,.b-menu .inner:before{position:absolute;width:3vw;height:0.3vw;transition-timing-function:ease;transition-duration:.4s;transition-property:transform;border-radius:0.3vw;background-color:#00468C;}
.showmainmenu .b-menu .inner{transition:background-color 0.2s ease;background-color:transparent !important;}
.showmainmenu .b-menu .inner:before{transform:translate3d(0,1.1vw,0) rotate(45deg);}
.showmainmenu .b-menu .inner:after{transform:translate3d(0,-1.1vw,0) rotate(-45deg);}

/* vais button */
.vais-button{position:relative;display:inline-block;width:auto;height:auto;background: 0 0 / auto 100% no-repeat;background-image: url("../Images/button_left.png");}
.vais-button a {text-decoration: none; font-weight: 500;}
.vais-button .rightback {background: right 0 / auto 100% no-repeat;background-image: url("../Images/button_right.png");}
.vais-button.b1 .button{margin-left: 4.5vw; margin-right: 2.6vw;}
.vais-button.b1 a{font-size:2.9vw;}
.vais-button.b2 .button{margin-left: 3.7vw; margin-right: 2vw;}
.vais-button.b2 a{font-size:2.4vw;}
.vais-button.b3 .button{margin-left: 3vw; margin-right: 1.7vw;}
.vais-button.b3 a{font-size:1.9vw;}
.vais-button.b4 .button{margin-left: 2.6vw; margin-right: 1.3vw;}
.vais-button.b4 a{font-size:1.5vw; padding: 0.3em 0;}
.vais-button .button{display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:#00468C;height:100%;}
.vais-button a{height:auto;background:transparent;border:none;color:#fff;line-height:1em;cursor:pointer;white-space:nowrap;font-weight: 300; padding: 0.2em 0 0.25em;margin: 0;}


#cookieman-modal .btn-primary {
    background: #00468C;
    border-color: #00468C;
}
#cookieman-modal .card-header {
    background-color: #E2E5E6;
}
#cookieman-modal  .table-hover tr:hover {
    background-color: #E2E5E6;
}
#cookieman-modal a {
    color: #00468C;
}

.tx-ttaddress p {
    margin: 0;
}
.tx-ttaddress .jobTitle {
    font-weight: 500;
}
.tx-ttaddress .nobullets {
    list-style: none;
    margin: 0;
    padding: 0;
}
.bodytext .tx-ttaddress ul li:before {
    background-image: none;
    margin-left: 0;
    height: auto;
    width: auto;
}
.tx-ttaddress .tt_address_detail {
    margin-bottom: 1em;
}
.tx-ttaddress address {
    margin-bottom: 0;
}

/* login */

.felogin h3.head {
    font-size: 1.2em;
    margin: 0 0 0.5em;
}
.felogin > .message {
    margin-bottom: 1em;
}
.felogin > .message.error, .felogin .cookiewarning p {
    display: inline-block;
    padding: 20px;
    background-color: #f8d7da;
    border: 1px solid #b42e00;
    color: #b42e00;
}
.felogin .cookiewarning p {
    font-weight: 400 !important;
    color: #b42e00 !important;
}
.felogin > .message.error a, .felogin .cookiewarning a {
    color: #fff;
}
.felogin > form {
    margin: 1em 0;
}
.felogin fieldset > legend {
    margin-bottom: 0.5em;
    font-weight:500;
}
.felogin .flashmessages ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.felogin .flashmessages > ul {
    margin-bottom: 2em;
}
.felogin .flashmessages ul li {
    margin: 0;
    padding: 15px;
}
.felogin .flashmessages ul li p {
    margin-bottom: 0;
}
.felogin .flashmessages li {
    background-color: #f8d7da;
    border: 1px solid #b42e00;
    color: #b42e00;
}
.felogin .flashmessages li::before {
    display: inline !important;
    height: auto !important;
    width: auto !important;
    background-image: none !important;
    margin-left: 0 !important;
}
.felogin .flashmessages li.alert-success {
    background-color: #d4edda;
    border: 1px solid #00793f;
    color: #00793f;
}

/* femanager */

.tx-femanager fieldset > legend {
    margin-bottom: 0.5em;
    font-weight:500;
}
.tx-femanager .col-sm-10 {
    max-width: 100% !important;
}
.tx-femanager .bg-danger {
    padding: 20px;
    background-color: #f8d7da !important;
    border: 1px solid #b42e00;
    color: #b42e00;
}
.tx-femanager .bg-danger h4 {
    display: none;
}
ul.femanager_error {
    list-style: circle;
}
.femanager_captcha .explanation {
    margin: 0 15px 0.5em;
}
.femanager_captcha .freecap {
    display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;
    margin: 1em 0;
}
.femanager_captcha .freecap > * {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}
.femanager_captcha .freecap > img {
    margin-left: 0;
}
.tx-femanager .buttonline {
    text-align: left;
    margin: 2em 0;
}
.tx-femanager .buttonline > * {
    display: inline-block;
    margin-bottom: 0;
}
.tx-femanager .btn-warning {
    background-color: transparent;
    border: none;
    color: #b42e00;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    font-weight: 300;
    font-style: normal;
    padding: 0;
}

/* download */
.tx-download .download-container .line {
    display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;
    margin: 2em 0;
}
.tx-download .download-container .line:first-child {
    margin-top: 0;
}
.tx-download .download-container .line:last-child {
    margin-bottom: 0;
}
.tx-download .download-container .line > .image {
    flex: 0 0 180px;
    width: 180px;
    margin-right: 30px;
}
.tx-download .download-container .line > .text{
    flex: 1 1 auto;
    width : auto;
}
main article.cols .col .tx-download .download-container h3, main article.cols .col .tx-download .download-container h4 {
    display: block;
    margin-bottom: 0.25em;
    font-size: 1em;
    line-height: 1.5em;
}
main article.cols .col .tx-download .download-container h4 {
    font-weight: 700;
}
main article.cols .col .tx-download .download-container h4 {
    font-weight: 300;
    font-style: italic;
}
main article.cols .col .tx-download .download-container .description {
    font-size: 0.9em;
}
main article.cols .col .tx-download .download-container .file {
    margin-top: 0.5em;
}

@media screen and (min-width:2600px) {
    body {margin: 40px 0;}
}

@media screen and (min-width:1600px) {
    header.main{height:160px;}
    header.main .right > *{margin-left:32px;}
    .vais-button.b3 .button{margin-left:48px;margin-right:27px;}
    .vais-button.b3 a{font-size:31px;}
    .b-menu{width:49px;}
    header.main .right .search img{height:44px;}
    .b-menu .inner,.b-menu .inner:after,.b-menu .inner:before{width:49px;height:5px;border-radius:5px;}
    .b-menu .inner:before{top:-18px;}
    .b-menu .inner:after{bottom:-18px;}
    #slider{height:740px;}
    #slider .singleinfo .bottom .text .preview{margin-left:-65px;}
    #slider .singleinfo .bottom .text{font-size:24px;}
    .vais-button.b4 a{font-size:24px;}
    .vais-button.b4 .button{margin-right:21px;margin-left:42px;}
    nav.meta{font-size:23px;}
    nav.meta li .slash{height:32px;}
    main h1{font-size:65px;line-height:81px;margin-bottom:64px;}
    main article{font-size:24px;line-height:38px;}
    main article h2{font-size:65px;line-height:81px;}
    main article.col2h > header nav{line-height:81px;}
    main article.col2h > *{padding-left:41px;padding-right:41px;}
    main section{margin-bottom:97px;}
    .mainpadding{padding-left:97px;padding-right:97px;}
    main{padding-top:97px;padding-bottom:97px;}
    header.subbar{font-size:24px;}
    main article.matrix .tile{flex:0 0 317px;height:317px;margin-top:42px;}
    main article.matrix .tile .text h4{font-size:24px;}
    main article.matrix .tile .text div{font-size:23px;line-height:1.3em;}
    footer.main{padding-top:16px;padding-bottom:32px;}
    footer.main .left img{height:32px;}
    footer.main .left{font-size:18px;}
    footer.main .right{font-size:23px;}
    #mainmenu nav ul{font-size:33px;line-height:65px;}
    #mainmenu nav > ul > li > a{font-size:46px;}
    #mainmenu nav{padding:107px;}
    #mainmenu nav{padding-bottom:160px;}
    #mainmenu{margin-top:160px;}
    .news-list-view .article .left{flex:0 0 243px;width:243px;}
    main article.matrix.size2 .tile{flex:0 0 445px;height:614px;}
    #slider .singleinfo .bottom .text .buttons{margin-left:-65px;}
    
    #slider > .nav {
        top: 280px;
        height: 150px;
    }
}

@media screen and (max-width:900px) {
    
    .news-list-view .article {display: block;}
    .news-list-view .article .left {flex: none;margin-right: 0; display: none;}
    .news-list-view .article .right {display: block;flex: none;}
    
    main form input, main form textarea {
        font-size: 1.2em;
        padding: 0.15em 0.3em;
    }
    
    /* slider */
    #slider > .image .singleimage.animate {transition: transform 0.75s ease-in-out;}
    #slider .singleinfo.animate {transition: transform 0.75s ease-in-out;}
    #slider .singleinfo .bottom {height: 140px;}
    #slider .singleinfo .top {height: 200px;}
    #slider .singleinfo .bottom .text {font-size: 14px;}
    #slider > .nav {top: auto; bottom: 160px;}
    
    /* header */
    header.main {height: 80px;}
    #mainmenu {margin-top: 80px;}
    /*#mainmenu nav ul {padding-bottom: 80px;}*/
    .b-menu {width: 20px;}
    .b-menu .inner { margin-top: -1px;}
    .b-menu .inner:before {top: -8px;}
    .b-menu .inner:after {bottom: -8px;}
    .b-menu .inner, .b-menu .inner:after, .b-menu .inner:before {width: 20px;height:2px;border-radius: 2px;}
    .b-menu.active .inner:before{transform:translate3d(0,8px,0) rotate(45deg);}
    .b-menu.active .inner:after{transform:translate3d(0,-8px,0) rotate(-45deg);}
    header.main .right{right:25px;}
    header.main .right > *{margin-left:15px;}
    header.main .right .search img{height:21px;}

    /* vais button */
    .vais-button.b1 .button{margin-left:44px;margin-right:24px;}
    .vais-button.b1 a{font-size:26px;}
    .vais-button.b2 .button{margin-left:38px;margin-right:22px;}
    .vais-button.b2 a{font-size:22px;}
    .vais-button.b3 .button{margin-left:28px;margin-right:18px;}
    .vais-button.b3 a{font-size:18px;}
    .vais-button.b4 .button{margin-left:23px;margin-right:14px;}
    .vais-button.b4 a{font-size:14px;}
    
    main article.col2h {display: block;}
    main article.col2h > * {flex: none;}
    main article h2 {text-align: center; margin: 0;}
    main article.col2h > header h2 {text-align: center;}
    main article.col2h > *:first-child {text-align: center; padding-right: 0; margin-bottom: 1em;}
    main article {font-size: 18px;line-height: 28px;}
    main h1, main h2 {margin-bottom: 1.5em;}
    
    main article.matrix .tile {flex: 0 0 27.5vw;height: 27.5vw;}
    main article.matrix .tile .text h4 {font-size: 2.1vw;}
    main article.matrix .tile .text div {font-size: 1.9vw;}
    /*main article.matrix .tile.onlytext .text div{font-size:2.2vw;}*/
    
    main article.matrix.size2 .tile {flex: 0 0 42.5vw;height: 59vw;}
    main article.matrix.size2 .tile .text h4 {font-size: 2.5vw;margin: 0 0 0.2em;}
    main article.matrix.size2 .tile .text div {font-size: 2.2vw;}
    
    header.subbar{font-size: 18px;}
    
    main article.cols .cols {
        display: block;
    }
    main article.cols .col {
        display: block;
    }
    main article.cols .col h4 {display: block;}
    main article.cols .cols.heads {display: none;}
    main article.colfloat.col2 .cols, main article.colfloat.col3 .cols {column-count:auto;}
    main article.colfloat .cols {column-gap:normal;}
    
    main article.list h4 {font-size: 16px;}
    main article.list ul {font-size: 14px;}
    
    #mainmenu nav > ul > li > a {font-size: 26px;}
    #mainmenu nav ul {font-size: 18px; line-height: 36px;}
    
    nav.meta {font-size: 14px;}
    
    footer.main .left {font-size: 10px;}
    footer.main .right {font-size: 14px;}
    
}

@media screen and (max-width:740px) {
    #slider > .nav {bottom: 140px;}
    #slider .singleinfo .bottom {height: 120px;}
    #slider .singleinfo .bottom .left {display: none;}
    #slider .singleinfo .bottom .line {display: none;}
    #slider .singleinfo .bottom .right {display: none;}
    #slider .singleinfo .bottom.notext .text {display: none;}
    #slider .singleinfo .bottom .text {flex: 1 1 100%; padding-left: 2em; font-size: 12px; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
    #slider .singleinfo .bottom .text .preview {margin: 0 0 0.5em 0; padding: 0.6em 0 0;}
    #slider .singleinfo .bottom .text .preview h3 {margin-left: 0;}
    #slider .singleinfo .bottom .text .preview li {margin-left: 0 !important;}
    #slider .singleinfo .bottom .text .buttons {margin-left: 0;}

    
    #slider > .info {width: 100%; left: 0;}
    #slider .singleinfo .top {display: none;}
    main h1, main h2 {font-size: 28px;line-height: 36px;}
    main article h2 {font-size: 28px;line-height: 36px;}
    main article.col2h > header nav {line-height: 36px;}
    main article.matrix .tile {flex: 0 0 42.5vw;height: 42.5vw;}
    main article.matrix .tile .text h4 {font-size: 3.3vw;margin: 0 0 0.2em;}
    main article.matrix .tile .text div {font-size: 3vw;}
    /*main article.matrix .tile.onlytext .text div{font-size:3.4vw;}*/
    
    main article.colm .line {display: block;}
    main article.colm .marginal {flex: none;}
    main article.colm .text {flex: none;}
    main article.colm .text {
        margin-bottom: 1.5em !important;
    }
    main article.colm .marginal {
        margin-bottom: 0.5em !important;
        padding-bottom: 0.5em !important;
        border-bottom: 2px solid #50AF37;
        text-align: left;
    }
    
    main article.list div.singlelist {flex: none; margin-bottom: 2em;}
    main article.list > div {display: block;}
    
    .tx-download .download-container .line {
        display: block;
        margin-bottom: 2em;
    }
    .tx-download .download-container .line:last-child {
        margin-bottom: 0;
    }
    .tx-download .download-container .line > .image {
        flex: none;
        width: 180px;
        margin-right: 0;
        margin-bottom: 1em;
    }
    .tx-download .download-container .line > .text{
        flex: none;
    }

}

@media screen and (max-width:650px) {
    footer.main .left .legend {display: none;}
    footer.main .left img {height: 14px;}
}

@media screen and (max-width:580px) {
    
    /* slider */
    #slider > .image .singleimage.animate {transition: transform 0.5s ease-in-out;}
    #slider .singleinfo.animate {transition: transform 0.5s ease-in-out;}
    
    /* header */
    header.main .left .logo img.no-mbi{display: inline;}
    header.main .left .logo img.mbi{display: none;}
    nav.meta {padding: 1em 2em;}
    /*nav.meta li.copyright {display: none;}*/
}

@media screen and (max-width:500px) {
    #slider > .nav {height: 50px; top: 95px;}
    #slider .singleinfo .bottom .text .buttons {display: none;}
    #slider .singleinfo .bottom {height: 85px;}
    #slider .singleinfo .bottom .text {flex: none; width: 100%; display: block;}
    #slider .singleinfo .bottom .text .preview {flex: none; display: block;}
    #slider .singleinfo .bottom .text .preview h3 {margin-bottom: 0.5em;}
    #slider .singleinfo .bottom .text .preview {margin: 0.3em 0 0;}
    #slider .singleinfo .bottom .text .preview li {display: block; width: 100%; overflow: hidden; text-overflow: ellipsis;}
    
    main article.matrix.size2 .tile {flex: 0 0 88vw;height: 122vw;}
    main article.matrix.size2 .tile .text h4 {font-size: 5vw}
    main article.matrix.size2 .tile .text div {font-size: 4.5vw;}
    
    main h1, main h2 {font-size: 24px;line-height: 30px; -webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;}
    main article h2 {font-size: 24px;line-height: 30px; -webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;}
    main article.col2h > header nav {line-height: 30px;}
    
    header.subbar{font-size: 16px;background-position-x: -2em;padding-left: 4.5em;}
    
    nav.meta li:first-child {
        display: none;
    }
}
@media screen and (max-width:460px) {
    nav.meta {padding: 1em 10px;}
    nav.meta {font-size: 13px;}
    footer.main .right {font-size: 13px;}
}
@media screen and (max-width:440px) {
    main article.matrix .tile {flex: 0 0 88vw;height: 88vw;}
    main article.matrix .tile .text h4 {font-size: 6.8vw}
    main article.matrix .tile .text div {font-size: 6.3vw;}
    /*main article.matrix .tile.onlytext .text div{font-size:6.8vw;}*/
}
@media screen and (max-width:420px) {
    header.main .right > .departments {display: none;}
    nav.meta li.copyright {
        display: none;
    }
}
@media screen and (max-width:380px) {
    #slider .singleinfo .bottom .text {padding-left: 15px; padding-right: 15px;}
}

@media screen and (max-height:1024px) {
    #mainmenu {height: 0; transition: height 0.3s ease-in-out;}
    .showmainmenu #mainmenu {transition: height 0.3s ease-in-out;}
}
@media screen and (max-height:612px) {
    #mainmenu {height: 0; transition: height 0.15s ease-in-out;}
    .showmainmenu #mainmenu {transition: height 0.15s ease-in-out;}
}

/* fonts */
.montserrat {font-family: 'Montserrat', sans-serif;}
.f-light {font-weight: 300;}
.f-medium {font-weight: 500;}
.f-bold {font-weight: 700;}
.f-xbold {font-weight: 800;}
/* font-color*/
.f-vaisblue {color: #00468C;}
.f-vaisgreen {color: #50AF37;}
.f-textwhite {color: #FFF;}
.f-textblack {color: #2B3133;}
.f-blue100 {color: #1680C0;}
.f-blue70 {color: #76A3D5;}
.f-blue40 {color: #B5C8E8;}
.f-blue20 {color: #DBE4F4;}
.f-yellow100 {color: #CED60E;}
.f-yellow70 {color: #DEE26E;}
.f-yellow40 {color: #ECEEB4;}
.f-yellow20 {color: #F5F7DC;}
.f-orange100 {color: #C9513A;}
.f-orange70 {color: #DA876D;}
.f-orange40 {color: #EABBA9;}
.f-orange20 {color: #F5DED4;}
.f-violet100 {color: #773A81;}
.f-violet70 {color: #92629A;}
.f-violet40 {color: #BFA4C7;}
.f-violet20 {color: #DED2E4;}
.f-grey100 {color: #7B868C;}
.f-grey70 {color: #A1A8AD;}
.f-grey40 {color: #C8CDD0;}
.f-grey20 {color: #E2E5E6;}
/* background-color */
.b-vaisblue {color: #00468C;}
.b-vaisgreen {color: #50AF37;}
.b-textwhite {color: #FFF;}
.b-textblack {color: #2B3133;}
.b-blue100 {color: #1680C0;}
.b-blue70 {color: #76A3D5;}
.b-blue40 {color: #B5C8E8;}
.b-blue20 {color: #DBE4F4;}
.b-yellow100 {color: #CED60E;}
.b-yellow70 {color: #DEE26E;}
.b-yellow40 {color: #ECEEB4;}
.b-yellow20 {color: #F5F7DC;}
.b-orange100 {color: #C9513A;}
.b-orange70 {color: #DA876D;}
.b-orange40 {color: #EABBA9;}
.b-orange20 {color: #F5DED4;}
.b-violet100 {color: #773A81;}
.b-violet70 {color: #92629A;}
.b-violet40 {color: #BFA4C7;}
.b-violet20 {color: #DED2E4;}
.b-grey100 {color: #7B868C;}
.b-grey70 {color: #A1A8AD;}
.b-grey40 {color: #C8CDD0;}
.b-grey20 {color: #E2E5E6;}
.b-grey20 {color: #F2F3F3;}