/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.428571429;
	color: #525252;
    background: #ffffff;
}

a {
	color: #010483;
	-webkit-text-decoration-skip: objects;
	text-decoration: none;  
}
:visited {
	color: #010483;
}
a:active {
	color: #010483;
}
a:active:not(.button) {
	background: none;
}
a:active,
a:hover {
	color: #010483;	
	outline-width: 0;
    text-decoration: underline;  
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}
h1, .h1 {
	font-size: 1.6em;
    color: #525252;
}
h2, .h2 {
	font-size: 1.5em;
	margin: 1.0em 0 0.5em;	
}
hr {
    border: 1px solid #d8d8d8;
    height: 1px;
    margin: 0.7em;	
}
h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.25em;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: 0.875em;
}
h6 {
	font-size: 0.625em;
}

p {
    margin: 0.5em 0 10px;
}
p:last-child {
    margin-bottom: 0.5em;
}

label {
	color: #000000;	
}

blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
	border-left: 1px solid #bbb;
	font-style: italic;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
}
blockquote:before {
	color: #bbb;
	content: "\201C";
	font-size: 3em;
	line-height: 0.1em;
	margin-right: 0.2em;
	vertical-align: -.4em;
}
blockquote:after {
	color: #bbb;
	content: "\201D";
	font-size: 3em;
	line-height: 0.1em;
	vertical-align: -.45em;
}
blockquote > p:first-child {
	display: inline;
}

tr.odd {
    background: #f6f6f6;
}
tr.even {
    background: #ffffff;
}
table.table {
    background: #ddd;
}
.table-striped > tbody > tr,
.table > thead > tr {
    border: 1px solid #ddd;
}
.table > thead > tr > th,
.table > thead > tr > th a.active,
.table > thead > tr > th a {
    color: #525252;
    font-weight: bold;
}
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border: 1px solid #ddd;
}
.table > thead:first-child > tr:first-child > th {
    border: 1px solid #ddd;
}
.table > thead > tr > th.active {
    background: #d2d2d2 none repeat scroll 0 0;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background: #f6f6f6;
}
.table-striped > tbody > tr:nth-of-type(even) {
    background: #ffffff;
}
.table.table-hover.table-striped th, .table.table-hover.table-striped th a {
    color: #525252;
    font-weight: bold;
}
.table.table-hover.table-striped th {
    background: #e5e5e5;	
}
table.sticky-header tr {
    border: 1px solid #ddd;
}
table.sticky-header th {
    background: #e5e5e5;
    border: 1px solid #ddd;
    color: #525252;
    margin: 0;
    padding: 0.5em;
}
table.sticky-header th.active {
    background: #d2d2d2;
}
table.sticky-header th a {
    color: #525252;
    font-weight: bold;		
}
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table > tbody > tr:hover,
.table > tbody > tr > td.active {
    background: #efefef;
}
table.views-table tbody tr:hover {
	background: #efefef;
}




/* ----- Block region ----- */

/*#Mobile (Portrait)
================================================== */
@media screen and (min-width: 576px) {
  .navbar.container {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) {
  .navbar.container {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .navbar.container {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .navbar.container {
    max-width: 1140px;
  }
}
@media screen and (min-width: 1400px) {
  .navbar.container {
    max-width: 1320px;
  }
}

@media screen and (min-width: 576px) {
  .container {
    width: 540px;
  }
}
@media screen and (min-width: 768px) {
  .container {
    width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .container {
    width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}
@media screen and (min-width: 1400px) {
  .container {
    width: 1320px;
  }
}


@media screen and (min-width: 1200px) {
  .navbar-right {
    float: right !important;
    margin-right: 0px;
  }
}


.main-container {
    background: #ffffff;
    padding-top: 15px;   
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 15px;     
    box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
    margin: 30px auto 30px;	
}
.row {
    margin-right: -5px;
    margin-left: -5px;
}


[class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

section.col-xs-6, 
section.col-sm-6, 
section.col-md-6, 
section.col-lg-6 {
    padding-right: 0px;
    padding-left: 0px;
}


/* // Medium devices (tablets, 48em and up) */
@media (min-width: 48em) {
.layout-one-sidebar .col-sm-8 {
    padding-right: 0px;
    padding-left: 10px;
}

}


/* // Small devices (landscape phones, less than 48em) */
@media (max-width: 47.9em) {
.container {
  padding-right: 5px;
  padding-left: 5px;  
  margin-right: auto;
  margin-left: auto;
}

section.col-xs-6, 
section.col-sm-6, 
section.col-md-6, 
section.col-lg-6 {
    padding-right: 10px;
    padding-left: 10px;
}

}




/* ----- Header ----- */

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

}

.container > .navbar-header, 
.container-fluid > .navbar-header, 
.container-fluid > .navbar-collapse {
    margin-right: 5px;
    margin-left: 5px;
}
.container > .navbar-collapse {
    margin-right: 10px;
    margin-left: 10px;
    clear: both;    
}


#navbar.navbar-default.container-fluid,   
#navbar.navbar.container {   
    background: #010483;    
    border: 0px solid #010483;    
    padding: 15px 0px 0px;
    margin-bottom: 0px;
    border-radius: 0px;    
    margin-top: 0px;      
}

#navbar.navbar-default.container-fluid .navbar-header,   
#navbar.navbar.container .navbar-header {   
    background: #010483;
    padding: 0px 0px;
    margin-bottom: 0px;     
    border: 0px solid #010483;
    border-radius: 0px;    
}
#navbar.navbar-default.container-fluid .container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}


#navbar.navbar-default.container-fluid .logo,
#navbar.navbar.container .logo {		
	margin: 0px 10px 10px 0px;	
    padding: 0px;   	
}
#navbar.navbar-default.container-fluid .maintenance-page .logo img,
#navbar.navbar-default.container-fluid img.img-fluid.d-inline-block.align-top,
#navbar.navbar.container .maintenance-page .logo img,
#navbar.navbar.container img.img-fluid.d-inline-block.align-top {	
    max-width: 120px;
    height: auto;
	margin: 0px auto 0px;
    border-radius: 3px;	
}


#navbar.navbar-default.container-fluid .navbar-brand,
#navbar.navbar.container .navbar-brand {
    margin: 0px 10px 0px 0px;	
    padding: 0px;
    font-size: 2.2em;
    line-height: 1.228571429;
    height: auto;   
    letter-spacing: 0px;
}
#navbar.navbar-default.container-fluid a.name.navbar-brand,
#navbar.navbar-default.container-fluid a.name.navbar-brand:focus,
#navbar.navbar.container a.name.navbar-brand,
#navbar.navbar.container a.name.navbar-brand:focus {
    color: #ffffff;
}
#navbar.navbar-default.container-fluid a.name.navbar-brand:hover,
#navbar.navbar.container a.name.navbar-brand:hover {
    color: #ffffff;
}


#navbar.navbar-default.container-fluid .navbar-text,
#navbar.navbar.container .navbar-text {	
    margin: 0px 0px 10px 5px;	
    padding: 0px;
    font-style: normal;
    color: #ffffff;
}


/* // Small devices (landscape phones, less than 48em) */
@media (max-width: 47.9em) {
#navbar.navbar-default.container-fluid,     
#navbar.navbar.container {
    background: #010483;
    padding: 0px;
    margin: 0px auto 0px;  
    border: 0px solid #000000;
    border-radius: 0px;        
}


#navbar.navbar-default.container-fluid .navbar-header,   
#navbar.navbar.container .navbar-header {   
    background: #010483;
    padding: 10px 10px 0px;
    margin-bottom: 5px;     
    border: 0px solid #000000;
    border-radius: 0px;    
    margin: 0px;    
}


#navbar.navbar-default.container-fluid .navbar-brand,
#navbar.navbar.container .navbar-brand {
    float: none;
    margin: 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 1.8em;
    line-height: 1.228571429;
    letter-spacing: 0px;
    height: auto;
    text-align: center;
    display: block;        
}


#navbar.navbar-default.container-fluid .logo,
#navbar.navbar.container .logo {		
	margin: 0px 0px 10px 0px;	
    padding: 0px;   	
}
#navbar.navbar-default.container-fluid .logo.navbar-btn,
#navbar.navbar.container .logo.navbar-btn {
    margin-top: 0px;
    margin-bottom: 0px;
}
#navbar.navbar-default.container-fluid .logo img,
#navbar.navbar.container .logo img {
	margin: 0px auto 10px;		
    display: block;
}
#navbar.navbar-default.container-fluid .logo.navbar-btn.pull-left,
#navbar.navbar.container .logo.navbar-btn.pull-left {
    float: left !important;
}
#navbar.navbar-default.container-fluid img.img-fluid.d-inline-block.align-top,
#navbar.navbar.container img.img-fluid.d-inline-block.align-top {
    max-width: 120px;
	margin: 0px auto 10px;		
    display: block;
}


#navbar.navbar-default.container-fluid .navbar-text,
#navbar.navbar.container .navbar-text {	
    margin: 0px 0px 10px 0px;
    padding: 0px;
    color: #ffffff;
    text-align: center;	    
    font-style: normal;
}

}




/* ----- Navigation first ----- */

#navbar.navbar-default.container-fluid .navbar-header, 
#navbar.navbar.container .navbar-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: left;
    width: 100%;
    margin: auto;
}


/* // Large devices (desktops, 62em and up) */
@media (min-width: 62em) {
div.region.region-navigation {
    flex: 0 0 60%;
    margin: 0;
}
div.region.navbar-collapse {
    flex: 0 0 40%;
    margin: 0;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: auto;
}
div.region.region-navigation-first {
    margin: 0;

    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 15px auto;
}

}


/* // Medium devices (tablets, less than 62em) */
@media (max-width: 61.9em) {
div.region.region-navigation {
    flex: 0 0 100%;
    margin: 0;
}
div.region.region-navigation-first {
    flex: 0 0 100%;
    margin: 0;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: auto;
}

}


/* // Small devices (landscape phones, less than 48em) */
@media (max-width: 47.9em) {
div.region.region-navigation {
    flex: 1 0 84%;
    margin: 0;
}    
div.region.region-navigation-first {
    flex: 0 0 0%;
    margin: 0;
}

}




/* ----- Footer ----- */

.footer {
    background: #010351;
    margin: 0px auto -1px;
    padding: 1.0em 0px 40px 0px;    
    border-top: 0px solid #f7f7f7;
}
.footer.container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;		
    max-width: 100%;	
    text-align: center;
}
.path-frontpage .footer {
    background: #010351;
    margin: 0px auto -1px;
    padding: 0em 0px 40px 0px;    
    border-top: 0px solid #f7f7f7;
}


#block-hpbox-footermessage {
    margin: 45px 0px 45px;
    padding: 0px 10px;
}
#block-hpbox-footermessage h2.block-title {
    margin-top: 1.0em;
    color: #ffffff;
}
#block-hpbox-footermessage .field--name-body {
    color: #ffffff;
    font-size: 0.9em;
}
#block-hpbox-footermessage .field--name-body a {
    color: #ffffff;
}


#block-hpbox-footermessage [class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
}
#block-hpbox-footermessage .list-inline svg.fa-circle {
    border-radius: 50%;
	border: 2px solid #010351;
    width: auto;	
}
#block-hpbox-footermessage .list-inline a,
#block-hpbox-footermessage .list-inline a:visited {
	color: #616aff;
}
#block-hpbox-footermessage .list-inline a:hover {
	color: #0006ff;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; 
}
#block-hpbox-footermessage .list-inline>li {
    display: inline-block;
    padding-right: 0px;
    padding-left: 0px;
	margin: 0px -2px 4px;
}

#block-hpbox-footermessage div ul {
    border-bottom: 1px solid #010479;
    text-align: center;
    padding-bottom: 30px;
}




/* ----- Bootstrap - Breadcrumb ----- */

.breadcrumb > li + li:before {
    padding: 0 0px;
    color: #999;
    content: "/\00a0";
}
.breadcrumb {
    padding: 0px 0px 8px;
    margin-bottom: 0px;
    list-style: none;
    background: transparent;
    border-radius: 0px;
}




/* ----- Bootstrap - Help ----- */

#block-system-help.block {
    margin-bottom: 0em;
}
.help-block {
	color: #777777;	
}




/* ----- Bootstrap - Alert ----- */

.alert {
    margin-bottom: 10px;
}




/* ----- Bootstrap - Panel ----- */

.panel-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
}




/* ----- Bootstrap - Tabs ----- */

.tabs--primary.nav-tabs {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;	
}
.tabs--primary.nav-tabs > li > a {
    background: #dfdfdf linear-gradient(#ffffff,#dfdfdf) repeat scroll 0 0;	
    border: 1px solid #ddd;
    color: #525252;
	padding: 8px 12px;	
}
.tabs--primary.nav-tabs > li > a:hover {
    background: #dfdfdf linear-gradient(#dfdfdf,#dfdfdf) repeat scroll 0 0;	
    border: 1px solid #ddd;
    color: #525252;	
}
.tabs--primary.nav-tabs > li > a.active {
    background: #ffffff linear-gradient(#ffffff,#ffffff) repeat scroll 0 0;	
    border: 1px solid #ddd;
    color: #525252;	
}
.tabs--primary.nav-tabs > li.active > a, .tabs--primary.nav-tabs > li.active > a:hover, .tabs--primary.nav-tabs > li.active > a:focus {
    color: #525252;
    cursor: default;
    background: #ffffff;
    border: 1px solid #ddd;
}


/* // Extra small devices (portrait phones, less than 34em) */
@media (max-width: 33.9em) {
.tabs--primary.nav-tabs > li {
    float: none;
    margin-bottom: 5px;
}
.tabs--primary.nav-tabs > li > a {
    background: #f9f9f9 linear-gradient(#f9f9f9,#f9f9f9) repeat scroll 0 0;	
    border: 1px solid #ddd;
    border-radius: 4px 4px 4px 4px;
    color: #525252;
}
.tabs--primary.nav-tabs > li > a:hover {
    background: #ffffff linear-gradient(#ffffff,#ffffff) repeat scroll 0 0;	
    border: 1px solid #ddd;
    border-radius: 4px 4px 4px 4px;
    color: #525252;
}
.tabs--primary.nav-tabs > li > a.active {
    background: #ececec linear-gradient(#ececec,#ececec) repeat scroll 0 0;	
    border: 1px solid #ddd;
    border-radius: 4px 4px 4px 4px;
    color: #525252;
}

}




/* ----- Bootstrap - Buttons ----- */

.btn-primary,
.btn-default {
    background: #333333;
    border: 1px solid #151515;
    color: #fff;
    text-shadow: 0 1px 0 #151515;		
}
.btn-primary:hover,
.btn-default:hover {
    background: #e0e0e0;
    border: 1px solid #adadad;
    color: #52526f;
    text-shadow: 0 1px 0 #fff;	
}




/* ----- Bootstrap - Pagination ----- */

.pagination > li > a, 
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #525252;
    text-decoration: none;
    background: #f6f6f6;
    border: 1px solid #ddd;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background: #333333;
    border-color: #333333;
}
.pagination > .disabled > span:hover,
.pagination > li > a:hover,
.pagination > li > span:hover {
    color: #525252;
    background: #fcfcfc;
    border-color: #ddd; 
}
.pagination > .disabled > span {
    color: #525252;
    cursor: not-allowed;
    background: #fff;
    border-color: #ddd;
}

.pager li > a, 
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background: #333333;
    border: 1px solid #333333;
    border-radius: 5px;
    color: #fff;	
}
.pager > li > a:hover,
.pager > li > span:hover {
    color: #525252;
    background: #fdfdfd;
    border-color: #ddd;  
}
li.pager-current {
    display: inline-block;
    padding: 5px 14px;
    background: #fdfdfd;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #525252;
}


aside .pager.js-pager__items {
    padding-left: 0;
    margin: 1em 0px 0em;
    text-align: center;
    list-style: none;
}
aside .js-pager__items li {
    display: inline-block;
}
aside .pager li > a {
    display: inline-block;
    padding: 5px 14px;
    background: #efefef;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    color: #525252;	
}




/* ----- Bootstrap - Search ----- */

#block-hpbox-search-form-narrow {
    background: #ffffff;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
    padding: 5px;
    margin: 1em 0px 1em;
    width: 100%;
    clear: both;  
}
#block-hpbox-search-form-narrow .form-group {
    margin-bottom: 0px;
}
#block-hpbox-search-form-narrow .help-block {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
#block-hpbox-search-form-narrow .btn-primary {
    background-image: linear-gradient(#7d7d7d 0%, #000000 100%);
    background-repeat: repeat-x;
    border-color: #000000;
    color: #fff;
    text-shadow: 0 1px 0 #353535;
}
#block-hpbox-search-form-narrow .btn-primary:active:focus,
#block-hpbox-search-form-narrow .btn-primary:active,
#block-hpbox-search-form-narrow .btn-primary:hover {	
	background-image: linear-gradient(#111111 0%, #111111 100%);
    background-repeat: repeat-x;
    border-color: #111111;
}


#block-hpbox-search-form-wide {
    background: #ffffff;
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 20%);
    padding: 5px;
    margin: 1.0em 10px 1.0em;
}
#block-hpbox-search-form-wide .form-group {
    margin-bottom: 0px;
}
#block-hpbox-search-form-wide .help-block {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
#block-hpbox-search-form-wide .btn-primary {
	background-image: linear-gradient(#7d7d7d 0%, #000000 100%);
    background-repeat: repeat-x;
    border-color: #ffffff;
	color: #ffffff;
    text-shadow: 0 1px 0 #353535;		
}
#block-hpbox-search-form-wide .btn-primary:active:focus,
#block-hpbox-search-form-wide .btn-primary:active,
#block-hpbox-search-form-wide .btn-primary:hover {	
	background-image: linear-gradient(#111111 0%, #111111 100%);
    background-repeat: repeat-x;
    border-color: #ffffff;
}




/* ----- Blokkok ----- */

aside .block {
    margin-bottom: 1em;
}

aside h2.block-title {
    margin-bottom: 10px;
}




/* ----- Region-sidebar ----- */

/* // Small devices (landscape phones, less than 48em) */
@media (max-width: 47.9em) {
aside .block-title {
    margin-top: 10px;
}

}

/* // Medium devices (tablets, 48em and up) */
@media (min-width: 48em) {
aside .block-title {
    margin-top: 0px;
}

}




/* ----- Main navigation fluid ----- */

@media screen and (min-width: 576px) {
  .region-navigation-collapsible {
    max-width: 540px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;	
  }
}
@media screen and (min-width: 768px) {
  .region-navigation-collapsible {
    max-width: 720px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;	
  }
}
@media screen and (min-width: 992px) {
  .region-navigation-collapsible {
    max-width: 960px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;	
  }
}
@media screen and (min-width: 1200px) {
  .region-navigation-collapsible {
    max-width: 1140px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;	
  }
}
@media screen and (min-width: 1400px) {
  .region-navigation-collapsible {
    max-width: 1320px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;	
  }
}




/* ----- Mobil navigation ----- */

.navbar-toggle {
    position: relative;
    float: right;
    padding: 14px 12px;
    margin-right: 0px;
    margin-left: 0px;    
    margin-top: 0px;
    margin-bottom: 8px;
    background-color: #000000;
    background-image: none;
    border: 1px solid #ffffff;
    border-radius: 4px;
}


.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
    background-color: #111111;
}
.navbar-default .navbar-toggle {
    border-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}


#navbar-collapse {
    background: #010483 linear-gradient(#010483,#010483) repeat scroll 0 0;  
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 0px solid #cecece;
    border-top: 1px solid #010483;
    -webkit-box-shadow: inset 0 0px 0 rgb(255 255 255 / 10%);
    box-shadow: inset 0 0px 0 rgb(255 255 255 / 10%);
}


/* // Medium devices (tablets, 48em and up) */
@media (min-width: 48em) {
#navbar-collapse #block-hpbox-main-menu .menu-base-theme {
    background: #010483 linear-gradient(#010483,#010483) repeat scroll 0 0;   
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme .svg-inline--fa {
    color: #21006f;
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme a {
    background: transparent;            
    padding: 20px 15px 17px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.2em;
    color: #ffffff;
    border-bottom: 3px solid transparent;
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme a.is-active,
#navbar-collapse #block-hpbox-main-menu .menu-base-theme a.active, 
#navbar-collapse #block-hpbox-main-menu .menu-base-theme a:hover {
    background-color: #010483;
    border-bottom: 3px solid #ffffff;
    color: #ffffff
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme a:focus, 
#navbar-collapse #block-hpbox-main-menu .menu-base-theme a:active, 
#navbar-collapse #block-hpbox-main-menu .menu-base-theme a.highlighted { 
    border-bottom: 3px solid #ffffff;
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme li.menu-item--expanded a {
    padding: 20px 30px 17px 15px;    
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme > li {
    background: #1e048f linear-gradient(#1e048f,#1e048f) repeat scroll 0 0;      
    border-left: 1px solid #21006f;
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme .sub-arrow  {
    padding: 0px;
    top: 30px;
    right: 10px;
    left: auto;
    border-color: #ffffff transparent transparent transparent;
}


#navbar-collapse #block-hpbox-main-menu .menu-base-theme ul {
    border: 0px solid #21006f;
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme ul.menu a {
    background: #010483;
    padding: 10px 25px 10px 15px;   
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #ffffff;
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme ul.menu a.hover,
#navbar-collapse #block-hpbox-main-menu .menu-base-theme ul.menu a:hover {
    background: rgba(2, 5, 161, 0.91);     
    border-bottom: 3px solid #3417a9;
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme ul.menu a.active {
    background: rgba(2, 5, 161, 0.91); 
    border-bottom: 3px solid #3417a9;
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme ul.menu a:focus, 
#navbar-collapse #block-hpbox-main-menu .menu-base-theme ul.menu a:active, 
#navbar-collapse #block-hpbox-main-menu .menu-base-theme ul.menu a.highlighted { 
    border-bottom: 3px solid #3417a9;
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme ul li.menu-item--expanded a {
    border: 5px !important;
    padding: 12px 25px 12px 15px;
    border-bottom: 3px solid #3417a9;     
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme ul .sub-arrow  {
    padding: 0px;
    top: 20px;
    right: 7px;
    left: auto;
    border-color: transparent transparent transparent #ffffff;
}

}


/* // Small devices (landscape phones, less than 48em) */
@media (max-width: 47.9em) {
#navbar-collapse {
    background: #180083;
    border-top: 0px solid #f3de90;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; 	
}

#navbar-collapse #block-hpbox-main-menu {
    background: #111111 none repeat-x scroll left top;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-radius: 0px;
}
h2#block-hpbox-main-menu-menu {
    margin: 0.5em 0.5em;
    color: #428bca;
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme ul {
    background: transparent;
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme li:first-child {
    border-top: 1px solid #000000;
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme li {
    border-top: 1px solid #000000;
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme li a {
    background: #111111;   
    color: #e7e7e7;
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme a:hover {
    background: #1d1d1d;
    color: #428bca;
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme a.is-active,
#navbar-collapse #block-hpbox-main-menu .menu-base-theme a.active {
    background: #0a0a0a;
    color: #428bca;
}
#navbar-collapse #block-hpbox-main-menu .menu-base-theme .sub-arrow {
    background-color: #222222;
    right: 0;
    margin: -23px -1px 0 0;
    padding: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 0px;
    color: #ffffff;
    font-size: 2em;
}

}

#navbar-collapse #block-hpbox-main-menu li.nav-item i.fab, 
#navbar-collapse #block-hpbox-main-menu li.nav-item i.fas, 
#navbar-collapse #block-hpbox-main-menu li.nav-item i.fa {
    color: #010483;    
    line-height: 0;
}




/* ----- Syndicate ----- */

#block-hpbox-syndicate {
    padding: 0px 0px 0px 0px;
}
.feed-icon {
    background: url(../../../core/misc/feed.svg) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
}




/* ----- Node ----- */

h1.page-header {
    padding: 0px;
    margin-top: 0rem;
    margin-bottom: 0.9rem;
    border-bottom: 0px solid #eee;
    color: #010483;	
}

.is-promoted.full,
.is-sticky.teaser {
    padding: 0em 0px 1.0em;
}
.is-promoted.is-unpublished.full {
    background: #fff4f4;
    padding: 0.5em 0.5em 10px;
}

.page-user-password .user-pass,
.page-user-register .user-register-form,
.page-user-login .user-login-form {
    padding: 1.0em 0px 10px;
}




/* ----- Field ----- */

.author {
    font-style: italic;
    color: #777;    
    padding-bottom: 9px;
    margin: 0px 0 10px;
    border-bottom: 1px solid #eeeeee;
}

.field--name-member-for.field--type-created {
    padding: 1.0em 0px 10px;
}
.field--name-field-reference {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}




/* ----- More information ----- */

.list-inline {
    padding-left: 0;
    margin-left: 0px;
	margin-bottom: 0px;	
    list-style: none;
}
.links li.first {
    border: medium none;
    padding: 0 0.5em 0 0;	
}
.links li {
    border-left: 1px solid #3c3c3c;
    padding: 0 0.5em;
}




/* ----- Images ----- */

.is-promoted.full .field--name-field-image img.img-responsive {
    margin: 10px 0px 0px;
    padding: 0px;
    vertical-align: top;
}

li.grid a:hover,
li.grid a {
    border: 1px solid #dddddd;
    border-radius: 6px;
    margin: 0px 0px 0px 0px;
    padding: 0.3em;
}
.media--switch img:hover {
    transition: transform .5s ease;
	transform: scale(1.5); 
}


/* // Extra small devices (portrait phones, less than 34em) */
@media (max-width: 33.9em) {
.is-promoted.full .field--name-field-image img.img-responsive {
    margin: 10px 0px 0px;
    padding: 0px;
    vertical-align: top;
}

}




/* ----- User Picture ----- */

.path-user h4.label {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #525252;
    padding: 0em 0em 0.3em;	
}




/* ----- File - Upload ----- */

.views-row .file,
.field--name-field-upload .file {
    background: #f6f6f6;	
    border: 1px solid #ddd;
    border-radius: 6px;	
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.428571429;
    color: #3399cc;	
}
.views-row .file:hover,
.field--name-field-upload .file:hover {
    background: #efefef;
}
.views-row .file .text-primary,
.field--name-field-upload .file .text-primary {
    color: #777777;	
}
.views-row .file > span:first-child,
.field--name-field-upload .file > span:first-child {
    border-left: 0px solid #ddd;
    border-radius: 0px;	
}
.views-row .file > span,
.field--name-field-upload .file > span {
    background: transparent;
    color: #3399cc;	
    border-bottom: 0px solid #ddd;
    border-top: 0px solid #ddd;
    padding: 4px 8px;		
	font-weight: normal;
    border-radius: 0px;	
}
.views-row .file > span:last-child,
.field--name-field-upload .file > span:last-child {
    border-right: 0px solid #ddd;
    border-radius: 0px;	
    color: #777777;	    
}




/* ----- Frontpage ----- */

body.path-frontpage .main-container {
    background: #fff;
    margin-top: 0px;		
    margin-bottom: 0px;	
    padding-top: 0px;
    padding-bottom: 0px;
}


/* // Small devices (landscape phones, less than 48em) */
@media (max-width: 47.9em) {
body.path-frontpage .main-container {
    background: #fff;
    margin-top: 0px;		
    margin-bottom: 0px;	
    padding-top: 0px;   
}

}

body.path-frontpage .main-container .alert {
    margin-top: 10px;
}

.path-frontpage .region-content h2.block-title {
    margin-top: 0px;
}


/* // Large devices (desktops, 62em and up) */
@media (min-width: 48em) {
.path-frontpage .main-container.container .col-sm-12 {
    padding-right: 0px;
    padding-left: 0px;
}

}


.page-node-5 .main-container.container .layout--twocol-section--50-50 {
    padding-right: 0px;
    padding-left: 0px;
}


/* // Extra large devices (large desktops, 75em and up) */
@media (min-width: 75em) {
body.path-frontpage .main-container {
    width: 100%;
    max-width: 100%;
}	

}


/* // Extra large devices (large desktops, 75em and up) */
@media (min-width: 75em) {
.path-frontpage .block-views-blockszoveg-block-1 .view-content {
    width: 1320px;	
    margin: 0px auto;
}

}


.path-frontpage .block-views-blockszoveg-block-1 {  
    margin: 0 auto;
    padding: 85px 0;
    color: #fff;  
    background: url(../images/hero-bg.jpg) no-repeat center center;
    background-size: cover; /* A kép kitölti a területet */
    position: relative; /* Az abszolút pozíciójú pseudo-elem miatt kell */
    z-index: 0; /* Biztosítja, hogy a tartalom felül legyen */
    overflow: hidden; /* Biztosítja, hogy a pseudo-elem ne lógjon ki */
}
.path-frontpage .block-views-blockszoveg-block-1:before {
    content: "";
    background: rgba(2, 5, 161, 0.91); /* Átlátszóság, hogy a kép is látszódjon */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Lefedi az egész blokkot */
    z-index: 1; /* Csak az elem alatt legyen */
    pointer-events: none; /* Biztosítja, hogy ne blokkoljon semmit */
}
.path-frontpage .block-views-blockszoveg-block-1 * {
    position: relative;
    z-index: 2; /* A tartalom mindig felülre kerül */
}


/* // Medium devices (tablets, less than 62em) */
@media (max-width: 61.9em) {
.path-frontpage .block-views-blockszoveg-block-1 {
    margin: 0px -10px;    
	padding: 0px 10px;	
}

}


.path-frontpage .block-views-blockszoveg-block-1 .views-field-title h2 a {
    font-size: 1.5em;
    color: #ffffff; 	
}
.path-frontpage .block-views-blockszoveg-block-1 .views-field-view-node {
    background: #02068b;
    color: #02068b;
    cursor: pointer;
    display: inline-block;
    margin: 10px 0px 25px 0px;
    overflow: visible;
    box-shadow: 0px 0px 0px 0px rgba(145, 145, 145, 0.5);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    border-radius: 50px 50px 50px 50px;    
    padding: 8px 16px 8px 16px;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.path-frontpage .block-views-blockszoveg-block-1 .views-field-view-node:hover {
    background: #3b41ff;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.path-frontpage .block-views-blockszoveg-block-1 .views-field-view-node a {
    color: #ffffff;
    text-decoration: none;
}
.path-frontpage .block-views-blockszoveg-block-1 .views-field-view-node:hover a {
    color: #ffffff;
    text-decoration: none;
}
.path-frontpage .block-views-blockszoveg-block-1 .views-field-field-images {
    padding: 20px 5px 45px 0px;
	    animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
.path-frontpage .block-views-blockszoveg-block-1 .views-field-field-images img {
    padding: 10px;
    background-color: #1a008b;
    box-shadow: 5px 5px 2px 0px rgb(28 9 115);
    animation: up-down 200s ease-in-out infinite alternate-reverse both;
}

/* Animáció definiálása */
@keyframes up-down {
    0% {
        transform: translateY(0); /* Alaphelyzet */
    }
    50% {
        transform: translateY(-20px); /* Felmozgás */
    }
    100% {
        transform: translateY(0); /* Vissza az alaphelyzetbe */
    }
}


/* // Extra large devices (large desktops, 75em and up) */
@media (min-width: 75em) {
.path-frontpage .block-views-blockszoveg-block-1 .views-field-field-images {
    padding: 20px 0px 20px 20px;
}

}




/* // Extra large devices (large desktops, 75em and up) */
@media (min-width: 75em) {
.path-frontpage .block-views-blockszoveg-block-2 .view-content {
    width: 1320px;	
    margin: 0px auto;
}

}


.path-frontpage .block-views-blockszoveg-block-2 {
    background-color: transparent;		
    background-image: linear-gradient(270deg, #ffffff 70%, rgba(233, 233, 233, 1.0) 30%);    
    margin: 0px auto 0px;
    padding: 85px 0px 85px;
    color: #525252;  
}


/* // Medium devices (tablets, less than 62em) */
@media (max-width: 61.9em) {
.path-frontpage .block-views-blockszoveg-block-2 {
    margin: 0px -10px 0px;
    padding: 25px 10px 25px;
}

}


.path-frontpage .block-views-blockszoveg-block-2 .views-field-title h2 a {
    font-size: 1.5em;
}
.path-frontpage .block-views-blockszoveg-block-2 .views-field-view-node {
    background: rgb(255, 255, 255);
    color: #010483;
    cursor: pointer;
    display: inline-block;
    margin: 10px 0px 25px 0px;
    overflow: visible;
    box-shadow: 5px 5px 2px 0px rgba(145, 145, 145, 0.5);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    border-radius: 50px 50px 50px 50px;        
    padding: 8px 16px 8px 16px;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.path-frontpage .block-views-blockszoveg-block-2 .views-field-view-node:hover {
    background: #010483;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.path-frontpage .block-views-blockszoveg-block-2 .views-field-view-node a {
    color: #010483;
    text-decoration: none;
}
.path-frontpage .block-views-blockszoveg-block-2 .views-field-view-node:hover a {
    color: #ffffff;
    text-decoration: none;
}
.path-frontpage .block-views-blockszoveg-block-2 .views-field-field-images {
    padding: 20px 5px 20px 0px;
}
.path-frontpage .block-views-blockszoveg-block-2 .views-field-field-images img {
    padding: 10px 10px 10px 10px;
    background-color: #FFFFFF;
    box-shadow: 5px 5px 2px 0px rgba(145, 145, 145, 0.5);
}


/* // Extra large devices (large desktops, 75em and up) */
@media (min-width: 75em) {
.path-frontpage .block-views-blockszoveg-block-2 .views-field-field-images {
    padding: 20px 20px 20px 0px;
}

}




/* // Extra large devices (large desktops, 75em and up) */
@media (min-width: 75em) {
.path-frontpage .layout--twocol-section {
    width: 1320px;	
    margin: 0px auto;
}

}


.path-frontpage .block-views-blockszoveg-block-3 {
    background-color: transparent;
    margin: 0px auto 0px;
    padding: 85px 0px 85px;
    color: #525252;  
}


/* // Medium devices (tablets, less than 62em) */
@media (max-width: 61.9em) {
.path-frontpage .block-views-blockszoveg-block-3 {
    margin: 0px -10px 0px;
    padding: 25px 10px 0px;
}

}


.path-frontpage .block-views-blockszoveg-block-3 .views-field-title h2 a {
    text-transform: uppercase;
    color: #010483;    
	font-size: 1.5em;
}
.path-frontpage .block-views-blockszoveg-block-3 .field-content {
    color: #010483;
}

.path-frontpage .block-views-blockszoveg-block-3 .views-field-view-node {
    background: rgb(255, 255, 255);
    color: #010483;
    cursor: pointer;
    display: inline-block;
    margin: 10px 0px 25px 0px;
    overflow: visible;
    box-shadow: 5px 5px 2px 0px rgba(145, 145, 145, 0.5);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    border-radius: 50px 50px 50px 50px;        
    padding: 8px 16px 8px 16px;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.path-frontpage .block-views-blockszoveg-block-3 .views-field-view-node:hover {
    background: #010483;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.path-frontpage .block-views-blockszoveg-block-3 .views-field-view-node a {
    color: #010483;
    text-decoration: none;
}
.path-frontpage .block-views-blockszoveg-block-3 .views-field-view-node:hover a {
    color: #ffffff;
    text-decoration: none;
}
.path-frontpage .block-views-blockszoveg-block-3 .views-field-field-images {
    padding: 20px 5px 20px 0px;
}
.path-frontpage .block-views-blockszoveg-block-3 .views-field-field-images img {
    padding: 10px 10px 10px 10px;
    background-color: #FFFFFF;
    box-shadow: 5px 5px 2px 0px rgba(145, 145, 145, 0.5);
}


/* // Extra large devices (large desktops, 75em and up) */
@media (min-width: 75em) {
.path-frontpage .block-views-blockszoveg-block-3 .views-field-field-images {
    padding: 20px 20px 20px 0px;
}

}


.path-frontpage .block-views-blockszoveg-block-4 {
    background-color: transparent;
    margin: 0px auto 0px;
    padding: 145px 0px 45px;
    color: #525252;  
}


/* // Medium devices (tablets, less than 62em) */
@media (max-width: 61.9em) {
.path-frontpage .block-views-blockszoveg-block-4 {
    margin: 0px -10px 0px;
    padding: 25px 10px 45px;
}

}


.path-frontpage .block-views-blockszoveg-block-4 .views-field-title h2 a {
    font-size: 1.3em;
}
.path-frontpage .block-views-blockszoveg-block-4 .views-field-view-node {
    background: rgb(255, 255, 255);
    color: #010483;
    cursor: pointer;
    display: inline-block;
    margin: 10px 0px 25px 0px;
    overflow: visible;
    box-shadow: 5px 5px 2px 0px rgba(145, 145, 145, 0.5);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    border-radius: 50px 50px 50px 50px;        
    padding: 8px 16px 8px 16px;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.path-frontpage .block-views-blockszoveg-block-4 .views-field-view-node:hover {
    background: #010483;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.path-frontpage .block-views-blockszoveg-block-4 .views-field-view-node a {
    color: #010483;
    text-decoration: none;
}
.path-frontpage .block-views-blockszoveg-block-4 .views-field-view-node:hover a {
    color: #ffffff;
    text-decoration: none;
}
.path-frontpage .block-views-blockszoveg-block-4 .views-field-field-images {
    padding: 20px 5px 20px 0px;
}
.path-frontpage .block-views-blockszoveg-block-4 .views-field-field-images img {
    padding: 10px 10px 10px 10px;
    background-color: #FFFFFF;
    box-shadow: 5px 5px 2px 0px rgba(145, 145, 145, 0.5);
}

.path-frontpage .block-views-blockszoveg-block-4 .view-header {
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 6px;
    margin: 10px 0px 0px 0px;
    padding: 0.3em 0.3em 0em;
}


/* // Extra large devices (large desktops, 75em and up) */
@media (min-width: 75em) {
.path-frontpage .block-views-blockszoveg-block-4 .views-field-field-images {
    padding: 20px 20px 20px 0px;
}

}


/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials {
  padding: 80px 0;
  background: url("../images/cta-bg.jpg") no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.testimonials::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(1, 3, 111, 0.8);
}

.testimonials .section-header {
  margin-bottom: 40px;
}

.testimonials .testimonial-item {
  text-align: center;
  color: #fff;
}

.testimonials .testimonial-item .testimonial-img {
  width: 300px;

  border: 6px solid rgba(255, 255, 255, 0.15);
  margin: 0 auto;
}

.testimonials .testimonial-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #fff;
}

.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #ddd;
  margin: 0 0 15px 0;
}

.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
  color: rgba(255, 255, 255, 0.4);
  font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}

.testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 auto 15px auto;
  color: #eee;
}

.testimonials .owl-nav, .testimonials .owl-dots {
  margin-top: 5px;
  text-align: center;
}

.testimonials .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.testimonials .owl-dot.active {
  background-color: #1acc8d !important;
}

@media (min-width: 992px) {
  .testimonials .testimonial-item p {
    width: 80%;
  }
}


@media (max-width: 61.9em) {
.testimonials::before {
  left: -10px;
  right: -10px;
    }
}