/******** Setup ********************************************************************************/
/***********************************************************************************************/

*, *:before, *:after {
    margin:0;
    padding:0;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
html {
    -ms-text-size-adjust:100%; 
    -webkit-text-size-adjust:100%;
}
img, header, nav, section, aside, article, footer {
    display:block;
}
img {
    border:0 none;
    height:auto;
    width:100%;
    max-width:100%;
}
img.noresize {
    width:auto;
    max-width:auto;
}
img.person {
    max-width:200px;
}
img.company {
    max-width:200px;
}
body {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#333e43;
    font-size:16px;
    line-height:24px;
    background:#424e54; 
}
button:focus,
button:active,
button:hover,
a:focus,
a:active,
a:hover {
    outline:0 !important;
    text-decoration:none;
}
ul, li {
    list-style:none;
}
img, table, fieldset {
    border:none;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    border: none;
    background-color: #00408a;
    height: 1px;
    margin-top:20px;
    margin-bottom:20px;
}

.people {
    margin-top:30px;
}
.people td {
    float:left;
    display: block;
    width:100%;
    padding-bottom:20px;
    vertical-align:top;
}
.people td img {
    max-width:170px;
    margin:0 auto;
}
@media all and (min-width: 768px) {
.people td {
    float:none;
    display:table-cell;
    width:220px;
}
}
/******** Cookie ********************************************************************************/

#cookie-message {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:90001;
  padding:20px;
  background-color:rgba(50, 59, 63, 0.9);
  color:#ffffff;
  font-size:0.875rem;
}
#cookie-message a {
  color:#919A9E;
}
#cookie-message a:hover {
  color:#ffffff;
}
#cookie-message-wrapper {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}
#cookie-message-btn {
  padding-top:15px;
}
#cookie-message-btn .btn-small {
  margin-right:0 !important;
}
#cookie-message-btn .btn-small:hover,#cookie-message-btn .btn-small:focus,#cookie-message-btn .btn-small:active {
    background: #eeeeee;
    border-color: #cccccc;
    color: #4e4e4e;
    text-decoration: none;
}
@media all and (min-width: 640px) {
#cookie-message-txt {
    float:left;
    width:75%;
}
#cookie-message-btn {
    float:right;
    width:25%;
    padding-top:5px;
    text-align:right;
}
}
@media (min-width: 640px) {
#cookie-message-btn .btn-small {
    display: inline-block !important;
    padding: 7px 20px 7px 20px !important;
    width: auto !important;
    margin-bottom: 0;
    margin-right: 15px;
}
}

#cookie-message-btn .btn-small {
    background: #ffffff;
    border-color: #d1d1d1;
    color: #333e43;
}
#cookie-message-btn .btn-small {
    clear: both;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    padding: 7px 0 7px 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 15px;
}

/******** KTag *****************************************************************************/

.ktag-teaser-link {
    display:block;
    margin-bottom: 30px;
}
@media (min-width: 640px) {
.ktag-teaser-link {
    display:flex;
    flex-direction:row;
}
}

/******** Messgaes *****************************************************************************/

#system-message-container {
    width:100%;
}
.alert {
    background:#FCF8E3;
    color:#C09853;
    border:1px solid #FBEED5;
    border-radius:4px;
    margin-bottom:20px;
    padding:15px;
}
.alert h4 {
    color:#C09853;
    font-weight:bold;
    margin:0!important;
}
.alert p {
    margin:0!important;
}
.alert .close {
   display:none;
}

/******** Hide *********************************************************************************/

.min-480 {
    display:none;
}
.min-1024 {
    display:none;
}
.max-1024 {
    display:block;
}

/******** Fonts / Icons ************************************************************************/
/***********************************************************************************************/

@font-face {
    font-family: 'icon';
    src:url('fonts/icomoon.eot');
    src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
        url('fonts/icomoon.woff') format('woff'),
        url('fonts/icomoon.ttf') format('truetype'),
        url('fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.icon-plus,
.icon-minus,
.icon-youtube,
.icon-pencil,
.icon-clock,
.icon-bubbles,
.icon-bubble,
.icon-user,
.icon-lock,
.icon-menu,
.icon-checkcircle,
.icon-cancel,
.icon-info,
.icon-arrow-up,
.icon-arrow-right,
.icon-arrow-down,
.icon-arrow-left,
.icon-twitter,
.icon-facebook,
.icon-feed,
.icon-google-plus,
.icon-envelope,
.icon-file,
.icon-close,
.icon-checkmark,
.icon-location,
.icon-search,
.icon-calendar {
    font-family: 'icon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.icon-pencil:before      {content: "\e000";}
.icon-clock:before       {content: "\e001";}
.icon-bubbles:before     {content: "\e003";}
.icon-bubble:before      {content: "\e016";}
.icon-user:before        {content: "\e004";}
.icon-lock:before        {content: "\e005";}
.icon-menu:before        {content: "\e006";}
.icon-checkmark:before   {content: "\e007";}
.icon-cancel:before      {content: "\e008";}
.icon-info:before        {content: "\e009";}
.icon-arrow-up:before    {content: "\e00a";}
.icon-arrow-right:before {content: "\e00b";}
.icon-arrow-down:before  {content: "\e00c";}
.icon-arrow-left:before  {content: "\e00d";}
.icon-twitter:before     {content: "\e00e";}
.icon-facebook:before    {content: "\e00f";}
.icon-feed:before        {content: "\e010";}
.icon-google-plus:before {content: "\e011";}
.icon-envelope:before    {content: "\e012";}
.icon-file:before        {content: "\e013";}
.icon-close:before       {content: "\e014";}
.icon-checkcircle:before {content: "\e015";}
.icon-location:before    {content: "\e002";}
.icon-search:before      {content: "\f002";}
.icon-youtube:before     {content: "\f167";}
.icon-plus:before        {content: "\e017";}
.icon-minus:before       {content: "\e018";}
.icon-calendar:before    {content: "\e019";
}

/******** Components ***************************************************************************/
/***********************************************************************************************/

/******** Modal ********************************************************************************/

.mfp-bg {
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:502;
    overflow:hidden;
    position:fixed;
    background:#000000;
    opacity:0.90;
    filter:alpha(opacity=90);
  }
.mfp-wrap {
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:503;
    position:fixed;
    outline:none !important;
    -webkit-backface-visibility:hidden;
}
.mfp-container {
    left:0;
    top:0;
    width:100%;
    height:100%;
    text-align:center;
    position:absolute;
}
.mfp-container:before {
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.mfp-align-top .mfp-container:before {
    display:none;
}
.mfp-container {
    padding: 0 8px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.mfp-content {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 auto;
    text-align:left;
  }
.mfp-preloader {
    color:#cccccc;
    position:absolute;
    top:50%;
    width:auto;
    text-align:center;
    margin-top: -0.8em;
    left:8px;
    right:8px;
}
.mfp-preloader a {
    color:#cccccc;
}
.mfp-preloader a:hover {
    color:#ffffff;
}
.mfp-s-ready .mfp-preloader {
    display:none;
}
.mfp-s-error .mfp-content {
    display: none;
}
.mfp-close {
    overflow:visible;
    cursor:pointer;
    background:transparent;
    border:0;
    display:block;
    width:44px;
    height:44px;
    line-height:44px;
    position:absolute;
    right:0;
    top:0;
    text-decoration:none;
    text-align:center;
    opacity:0.65;
    padding:0 0 18px 10px;
    color:#ffffff;
    font-style:normal;
    font-size:28px;
    font-family:Arial, monospace;
}
.mfp-arrow {
    overflow:visible;
    cursor:pointer;
    border:0;
    display:block;
    position:absolute;
    opacity:0.80;
    top:50%;
    width:45px;
    height:50px;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color:#ffffff;
    right: -6px;
    text-align:right;
    padding-right:6px;
    width:100%;
  }
.mfp-close:hover,
.mfp-close:focus,
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}
.mfp-counter {
    position:absolute;
    top:0;
    right:0;
    color:#ffffff;
    font-size:14px;
    font-weight:bold;
    line-height:20px;
  }
 .mfp-arrow-left,
 .mfp-arrow-right {     
    display:block;
    line-height:50px;
    font-size:20px;
    color:#ffffff;
    text-decoration:none;
    text-align:center;
    width:50px;
    height:50px;
    background:rgba(0, 84, 160, 0.95);
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
}
.mfp-arrow-left {
    left:20px;
}
.mfp-arrow-right {
    right:20px;
}
.mfp-arrow-left:before {
    font-family:'icon';
    content: "\e00d";
}
.mfp-arrow-right:before {
    font-family:'icon';
    content: "\e00b";
}
.mfp-ajax-cur {
    cursor:progress;
}
.mfp-zoom {
    cursor:pointer;
    cursor:-webkit-zoom-in;
    cursor:-moz-zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor:auto;
  }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}
.mfp-loading.mfp-figure {
    display:none;
}
.mfp-hide {
  display:none;
}
.mfp-iframe-holder {
    padding-top:40px;
    padding-bottom:40px;
}
.mfp-iframe-holder .mfp-content {
    line-height:0;
    width:100%;
    max-width:900px;
  }
.mfp-iframe-scaler {
    width:100%;
    height:0;
    overflow:hidden;
    padding-top:56.25%;
  }
.mfp-iframe-scaler iframe {
    position:absolute;
    top:-3px;
    left:0;
    width:100%;
    height:100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background:#000000;
}
.mfp-iframe-holder .mfp-close {
    top:-43px;
}
img.mfp-img {
    width:auto;
    max-width:100%;
    height:auto;
    display:block;
    line-height:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding: 40px 0 40px;
    margin:0 auto;
}
.mfp-figure:after {
    content: '';
    position:absolute;
    left:0;
    top:40px;
    bottom:40px;
    display:block;
    right:0;
    width:auto;
    height:auto;
    z-index:-1;
}
.mfp-figure {
    line-height:0;
}
.mfp-bottom-bar {
    margin-top:-36px;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    cursor:auto;
}
.mfp-title {
    text-align:left;
    line-height:20px;
    font-size:14px;
    font-weight:bold;
    color:#ffffff;
    width:80%;
}
.mfp-figure small {
    color:#ffffff;
    display:block;
    font-size:13px;
    line-height:14px;
}
.mfp-image-holder .mfp-content {
    max-width:100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

.mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
    padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
.mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
}
.mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
}
.mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
.mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
}
}

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

.mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
}
.mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
}
.mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
}
.mfp-container {
    padding-left: 6px;
    padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
    padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
    padding: 0;
}
.mfp-ie7 .mfp-content {
    padding-top: 44px;
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

/******** Slider *******************************************************************************/

.slide-youtube {
 position:relative;
 padding-bottom: 56.25%;
 padding-top: 30px; height: 0; overflow: hidden;
}
.slide-youtube iframe,
.slide-youtube object,
.slide-youtube embed {
 position: absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
}

.media {
   margin-bottom:30px;
   border:1px solid #e2e2e2;
}
.teaser {
   margin-bottom:15px;
   border:1px solid #e2e2e2;
}
.slide-img {
    float:left;
}
.slide-txt {
    float:left;
    width:100%;
    margin:15px 0 0 0;
}
.slide-media {
    width:100%;
}
.slide-media-txt {
    width:100%;
    font-weight:bold;
    padding-top:12px;
}
.bxslider {
    margin-bottom:0 !important;
    position: relative;
}
.bxslider li {
    list-style-type: none !important;
    margin:0 !important;
}
.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding:35px 0 0 0;
}
.media img, .teaser img {
    max-width:100%;
    display:block;
}
.media li, .teaser li {
    padding:15px 15px 15px 15px;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position:absolute;
    bottom:10px;
    right:10px;
    width:705px;
}
.bx-wrapper .bx-loading {
    min-height:50px;
    background:transparent url("../images/loader.gif") no-repeat center center;
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2000;
}
.bx-wrapper .bx-pager {
    text-align:right;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    text-indent:100%;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
    display:block;
    line-height:30px;
    font-size:16px;
    color:#ffffff;
    text-decoration:none;
    text-align:center;
}
.bx-wrapper .bx-prev:before {
    font-family:'icon';
    content: "\e00d";
}
.bx-wrapper .bx-next:before {
    font-family:'icon';
    content: "\e00b";
}
.bx-wrapper .bx-prev {
    left:15px;
}
.bx-wrapper .bx-next {
    left:50px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover  {
    background:#00408a;
}
.bx-wrapper .bx-controls-direction a {
    position:absolute;
    top:10px;
    outline:0;
    width:30px;
    height:30px;
    background:rgba(0, 84, 160, 0.95);
    white-space:nowrap;
    overflow:hidden;
    z-index:10;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    border-radius:30px;
}
.bx-wrapper .bx-controls-direction a.disabled {
    display:none;
}


/******** Text *********************************************************************************/
/***********************************************************************************************/

h1, h2, h3 {
    font-family:"Georgia",Times,serif;
    font-weight:normal;
    line-height:1.1;
}
h1 { font-size:30px; }
.slide-txt h1 { font-size:22px; }
h2 { font-size:22px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h1, h2, h3, p {
    margin-bottom:20px;
}
h2,h3 {
    padding-top:10px;
}
h4,h5 {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:normal;
    margin-bottom:15px;
}
h4 {
    color:#00408a;
}
.inf {
    font-size:12px;
    color:#919a9e;
}
.inf-additional {
    font-size:12px;
    color:#919a9e;
    font-weight:bold;
}
.category {
    display:block;
    color:#7fa9cf;
    font-size:13px;
}
.tag {
    display:inline-block;
    font-weight:bold;
    font-size:12px;
    padding:2px 10px 2px 10px;
    color:#ffffff;
    margin-bottom:7px;
    background:#424e54;
}
.non-margin {
    margin-right:0!important;
}


/******** Buttons / Links **********************************************************************/
/***********************************************************************************************/

/******** Links ********************************************************************************/

a {
    color:#00408a;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
.link-box-header {
    font-family:"Georgia",Times,serif;
    font-size:18px;
    color:#333e43;
}
.link-box-header:hover {
    color:#0054a0;
    text-decoration:none;
}
.link-more {
    float:right;
    width:50px;
    height:50px;
    display:block;
    line-height:50px;
    font-size:20px;
    color:#ffffff;
    text-decoration:none;
    text-align:center;
    background:#0054a0;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
}
.link-more:before {
    font-family:'icon';
    content: "\e00b";
}
.link-more:hover {
    text-decoration:none;
    background:#00408a;
}
.link-read-more {
    font-size:14px;
}
.link-read-more:before {
    padding-right:5px;
    font-size:14px;
    font-weight:normal;
    text-decoration:none;
    color:#00408a;
    font-family:'icon';
    content: "\e00b";
}
.link-pdf:before {
    padding-right:5px;
    font-size:14px;
    font-weight:normal;
    text-decoration:none;
    color:#00408a;
    font-family:'icon';
    content: "\e013";
}
.link-edit {
    font-size:14px;
    font-weight:bold;
}
.link-edit:hover {
    text-decoration:none;
    color:#7fa9cf;
}
.link-social {
    display:block;
    width:30px;
    height:30px;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    border-radius:30px;
    color:#ffffff;
    line-height:30px;
    font-size:14px;
    text-align:center;
    background:#919a9e;
}
.link-social:hover {
    background:#7c868a;
    text-decoration:none;
}
.facebook:before, .twitter:before, .youtube:before, .rss:before, .google:before, .mail:before {
    font-family:'icon';
}
.arrow:before {
    content: "\e00b";
}
.facebook:before {
    content: "\e00f";
}
.twitter:before {
    content: "\e00e";
}
.youtube:before {
    content: "\f167";
}
.rss:before {
    content: "\e010";
}
.google:before {
    content: "\e011";
}
.mail:before {
    content: "\e012";
}
.link-contact, .link-info {
    color:#b4bfc4;
}
.link-contact:hover, .link-info:hover {
    color:#ffffff;
    text-decoration:none;
}
.phone:before, .email:before {
    font-family:'icon';
    padding-right:5px;
    font-size:16px;
}
.phone:before {
    content: "\e003";
}
.email:before {
    content: "\e012";
}

/******** Buttons ******************************************************************************/

.btn {
		clear: both;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    border:1px solid transparent;
    border-radius:4px;
    cursor:pointer;
    display:block;
    font-size:14px;
    line-height:20px;
    font-weight:bold;
    padding:7px 0 7px 0;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    width:100%;
    margin-bottom:15px;
}
.btn-primary {
    background:#0054a0;
    border-color:#00408a;
    color:#ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background:#7fa9cf;
    border-color:#79a1c5;
    color:#ffffff;
    text-decoration:none;
}
.btn-default {
    background:#ffffff;
    border-color:#d1d1d1;
    color:#333e43;
}
.btn-edit {
    background:#f5f5f5;
    border-color:#d1d1d1;
    font-weight:normal;
    color:#333e43;
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
    background:#eeeeee;
    border-color:#cccccc;
    color:#4e4e4e;
    text-decoration:none;
}
.btn span {
    font-weight:normal;
    margin:0 0 0 10px;
}


/******** Container ****************************************************************************/
/***********************************************************************************************/

#page-wrapper {
    width:100%;
    overflow:hidden;
}

/******** Content ******************************************************************************/

#content-wrapper:before {
    content:" ";
    position:absolute;
    z-index:-1;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    border-right: 1px solid #236aab;
    background:#0d5da5;
}
#content-wrapper {
    width:100%;
    float:left;
    z-index:1;
    background:#ffffff;
}
#content {
    width:100%;
    float:left;
    padding:95px 20px 0 20px;
}
#content-main {
    width:100%;
    float:left;
}
#content-main ul li {
    list-style-type:disc;
    margin-left:18px;
}
#content-main ul  {
    margin-bottom:20px;
}
#content-main ol li {
    list-style-type:decimal;
    margin-left:18px;
}
#content-main ol  {
    margin-bottom:20px;
}

/******** Boxes ********************************************************************************/

.boxes:before, .boxes:after {
    content:" ";
    display:table;
}
.boxes:after {
    clear:both;
}
.box-content-img {
    display:inline-block;
    border:1px solid #e2e2e2;
    padding:15px;
    margin-bottom:30px;
    background:#ffffff;
}
.box {
    border:1px solid #e2e2e2;
    float:left;
}
.col-3, .col-2-md, .col-2-lg, .col-1 {
    position:relative;
    width:100%;
    margin-bottom:5.357142%;
}
.box-header {
    width:100%;
    float:left;
    height:40px;
    line-height:40px;
    padding:0 15px 0 15px;
    border-bottom:1px solid #e2e2e2;
}
.box-filter {
    width:100%;
    float:left;
    padding:15px;
    border-bottom:1px solid #e2e2e2;
}
.box-img {
    width:100%;
    float:left;
    padding:15px 15px 0 15px;
}
.box-content {
    width:100%;
    float:left;
    padding:15px;
}
.box-content-list {
    width:100%;
    float:left;
    padding:15px 15px 0 15px;
}
.box-link {
    float:left;
    padding-top:15px;
}

/******** Footer *******************************************************************************/

footer {
    width:100%;
    float:left;
    color:#ffffff;
    font-size:14px;
    margin-top:45px;
    background:#424E54; 
}
footer .col li {
    margin: 5px 0;
}
#footer-wrapper {
    width:100%;
    padding:20px;
}
#footer-wrapper:before, #footer-wrapper:after {
    content:" ";
    display:table;
}
#footer-wrapper:after {
    clear:both;
}
#social, #contacts  {
    float:left;
    width:100%;
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom: 1px solid #3d484d;
}
#social li {
    float:left;
    line-height:30px;
    margin-right:5px;
}
#social li:first-child {
    margin-right:10px;
}
#social li.facebooklike {
    margin-top:5px;
}
#contacts li {
    float:left;
    line-height:30px;
    margin-right:15px;
}
#contacts li:first-child, #info li:first-child {
    width:100%;
}
#info  {
    float:left;
    width:100%;
    padding-top:30px;
    padding-bottom:15px;
    margin-bottom:15px;
    border-top: 1px solid #3d484d;
}
.link-footer {
    display:block;
    color:#919a9e;
    text-decoration:none;
    position:relative;
    padding:5px 0 5px 40px;
}
.link-footer:hover {
    color:#ffffff;
    text-decoration:none;
}
.link-footer:before:hover {
    color:#ffffff;
    text-decoration:none;
}
.link-footer:before {
    position:absolute;
    top: 0;
    left: 0;
    font-family:'icon';
    display:block;
    width:30px;
    height:30px;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    border-radius:30px;
    color:#ffffff;
    line-height:30px;
    font-size:14px;
    text-align:center;
    background:#919a9e;
}
.link-footer.phone:before,
.link-footer.email:before {
    padding-right:0;
    font-size:16px;
}

/******** Header *******************************************************************************/

header {
    width:100%;
    background:#ffffff;
}
#header-wrapper {
    width:100%;
    position:relative;
    height:85px;
}
#logo {
    position:absolute;
    top:0;
    left:20px;
    display:block;
    height:85px;
    width:155px;
    z-index:5; 
    background:transparent url("../images/prva-logo-anim2.gif") no-repeat center right;
    background-size:155px 85px;
}
#logo span {
    display:none;
}
#language  {
    position:absolute;
    display:inline-block;
    top:85px;
    right:0;
    height:35px;
    padding:0 20px 0 20px;
    color:#e0e0e0;
    font-size:14px;
    line-height:33px;
    border-left: 1px solid #4e595f;
    text-decoration:none;
}
#language:before {
    font-family:'icon';
    content: "\e016";
    padding-right:5px;
    font-size:12px;
}

/******** Menu *********************************************************************************/
/***********************************************************************************************/

/******** Menu Sec *****************************************************************************/

#menu-sec-wrapper {
    width:100%;
    height:35px;
    background:#424e54;
}

/******** Menu Main ****************************************************************************/

#menu-main-wrapper {
    width:100%;
}
#menu-main {   
    width:100%;
    margin-left:-100%;
    float:left;
    z-index:2; 
}
#menu-main li {
    display:block;
    position:relative;
}
#menu-main ul ul {
    display:none;
}
#menu-main ul ul.toggle-active,
#menu-main ul ul.toggle-active ul {
    display:block;
}
#menu-main a {
    display:block;
    position:relative;
    border-bottom: 1px solid #236aab;
    border-right: 1px solid #236aab;
    font-family:"Georgia",Times,serif;
    text-decoration:none;
    height:50px;
    line-height:50px;
    color:#ffffff;
    padding-left:20px;
}
#menu-main .level1 > a {
    font-size:22px;
    background:#0d5da5;
}
#menu-main .level2 > a {
    font-size:18px;
    background:#0054a0;
}
#menu-main .level3 > a {
    font-size:14px;
    background:#0054a0;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-left:20px;
}
#menu-main a.active,
#menu-main a:hover {
    color:#8db3d5;
    text-decoration:none;
}
#menu-main .toggle-btn {
    position:absolute;
    cursor:pointer;
    top:0;
    right:0;
    height:49px;
    padding:13px 15px 0 15px;
    color:#ffffff;
    border-left: 1px solid #236aab;
    border-right: 1px solid #236aab;
    background:#0d5da5;
}
#menu-main .toggle-btn.toggle-active {
    background:#0054a0;
    text-decoration:none;
}
#menu-main .level2 .toggle-btn {
    display:none;
}
#menu-main .toggle-btn:before {
    font-family:'icon';
    content: "\e00c";
}
#menu-main .toggle-btn.toggle-active:before {
    font-family:'icon';
    content: "\e00a";
}

/******** Search *******************************************************************************/

.search {
    float:right;
    width:240px;
    height:50px;
    padding:10px 10px 10px 20px;
    border-right: 1px solid #dedede;
}
.search input {
    width:170px;
    float:left;
}
.btn-search {
    display:block;
    width:30px;
    height:30px;
    color:#7c868a;
    float:left;
    border:none;
    background:#f5f5f5;
}
.btn-search:before {
    font-family:'icon';
    content: "\f002";
    font-size:15px;
}
.btn-search:hover  {
    color:#424e54;
    cursor:pointer;
}

/******** Menu Main Toggle *********************************************************************/

#menu-toggle {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:50px;
    border-bottom: 1px solid #dedede;
    background:#eaeaea;
    z-index:100;
}
#menu-btn, #login-btn, #search-btn {
    display:block;
    float:left;
    height:50px;  
    padding:10px 15px 0 15px;
    color:#ffffff;
    text-decoration:none;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    background:#eaeaea;
}
#menu-btn span, #login-btn span, #search-btn span {
    color:#0054a0;
    font-size:25px;
}
#menu-btn.active {
    background:#0d5da5;
}
#login-btn.active, #search-btn.active {
    background:#dedede;
}
#menu-btn.active span {
    color:#ffffff;
}
.active-nav #menu-main {   
    margin-left:0; 
    width:270px;
}
.active-nav #content-wrapper  {
    margin-right:-100%;
}
#menu-main, #content-wrapper {  
    display:block; 
    position:relative;
}
.small-screen #menu-main, .small-screen #content-wrapper {
    -webkit-transition: .1s all ease;
    -moz-transition: .1s all ease;
    -o-transition: .1s all ease;        
    -ms-transition: .1s all ease;
    transition: .1s all ease;   
}
.normal-screen #menu-main, .normal-screen #content-wrapper {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;        
    -ms-transition: none !important;
    transition: none !important;   
}
#menu-toggle #login-toggle,
#menu-toggle #search-toggle {
    display:none;
    background:#dedede;
    margin-top:-1px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
#menu-toggle .form-group {
    border:0;
}
#menu-toggle #login-btn.active #login-toggle,
#menu-toggle #search-btn.active #search-toggle {
    display:block;
}

/******** Pagination ***************************************************************************/
/***********************************************************************************************/

.pagination {
    width:100%;
    display:inline-block;
    margin:20px 0;
}
.pagination > li {
    display:inline;
}
.pagination > li > a {
    background:#ffffff;
    border:1px solid #e2e2e2;
    float:left;
    line-height:20px;
    margin-left:-1px;
    padding:6px 12px;
    position:relative;
    text-decoration:none;
}
.pagination > li > a:hover {
    background:#f5f5f5;
}
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
    background:#919a9e;
    border-color:#919a9e;
    color:#ffffff;
    cursor:default;
    z-index:2;
}

/******** Tabs *********************************************************************************/
/***********************************************************************************************/

.tabs {
    width:100%;
}
.tabs > li {
    float:left;
    margin-bottom:-1px;
    width:50%;
}
.tabs > li > a {
    line-height:40px;
    height:40px;
    display:block;
    border-left: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding:0 15px 0 15px;
    background:#f5f5f5;
}
.tabs li:first-child a {
    border-left:0;
}
.tabs > li.active > a,
.tabs > li.active > a:hover,
.tabs > li.active > a:focus {
    border-bottom: 1px solid #ffffff;
    background:#ffffff;
}

/******** Partner List *************************************************************************/
/***********************************************************************************************/

.pid-105 {background-image:url(../images/partner/dbj.png);}
.pid-106 {background-image:url(../images/partner/ifes.png);}
.pid-107 {background-image:url(../images/partner/observer.png);}
.pid-108 {background-image:url(../images/partner/oebb.png);}
.pid-109 {background-image:url(../images/partner/omv.png);}
.pid-110 {background-image:url(../images/partner/brauunion.png);}
.pid-111 {background-image:url(../images/partner/voestalpine.png);}
.pid-588 {background-image:url(../images/partner/rewe.png);}
.pid-589 {background-image:url(../images/partner/wienenergie.png);}
.pid-732 {background-image:url(../images/partner/siteimprove.png);}
.pid-755 {background-image:url(../images/partner/jork.png);}
.pid-919 {background-image:url(../images/partner/nov.png);}
.pid-1335 {background-image:url(../images/partner/apa-comm.png);}
.pid-1336 {background-image:url(../images/partner/apa-defacto.png);}
.pid-1722 {background-image:url(../images/partner/iv.png);}
.pid-1356 {background-image:url(../images/partner/voz.png);}
.pid-1758 {background-image:url(../images/partner/dockyard.png);}
.pid-1875 {background-image:url(../images/partner/acp.png);}

.plinks {
    float:left;
    width:100%;
    margin-top:15px;
}
.plinks li.plink-heading,
.plinks li.plink {
    float:left;
    display:block;
}
.plinks li.plink-heading {
    width:100%;
    font-weight:bold;
    color:#919A9E;
    height:40px;
    line-height:40px;
}
.plinks li.plink {
    height:70px;
    margin:-1px 0 0 -1px;
    border:1px solid #e2e2e2;
    width:33.3333333%;
    background:#f5f5f5;
}
.plink a {
    display:block;
    height:70px;
    background-repeat:no-repeat;
    background-position:top center; 
}
.plink a:hover {
    background-position:bottom center; 
}

/******** Sponsor List *************************************************************************/
/***********************************************************************************************/

.splinks {
    float:left;
    width:100%;
}
.splinks li {
    float:left;
    display:block;
    list-style-type: none;
    text-align:center;
    margin:-1px 0 0 -1px!important;
    border:1px solid #e2e2e2;
    width:33.3333333%;
    background:#ffffff;
}

/******** Item List ****************************************************************************/
/***********************************************************************************************/

.item-list {
    float:left;
    width:100%;
    border-bottom:1px solid #e2e2e2;
    margin-bottom:30px;
}
.item-list li {
    float:left;
    width:100%;
    padding:10px 0 10px 0;
    border-top:1px solid #e2e2e2;
    list-style-type:none !important;
    margin:0 !important;
}
.item-list li.prva {
    float:left;
    width:100%;
    padding:10px 0 10px 0 !important;
    border-top:1px solid #e2e2e2;
    list-style-type:none !important;
    margin:0 !important;
    background:#dfe9f3 url("../images/prva-circle.png") no-repeat top right;
    background-size:55px;
}
.item-list li.prva h2 {
    padding-right:70px !important;
}
.item-list li li {
    padding:0;
    border-top:0;
}
.item-list h4 {
    margin-bottom:0!important;
}
.box .item-list {
    margin-top:-5px;
    margin-bottom:0;
}
.box.col-1 .item-list  {
    border-bottom:0;
}
.box .item-list li.first, .box .item-list li:first-child {
    border-top:0;
    padding-top:0;
}

/******** Events *******************************************************************************/

.event-date,
.event-time,
.event-location,
.event-file,
.event-info {
    display:block;
    font-weight:bold;
}
.event-date:before,
.event-time:before,
.event-location:before,
.event-file:before,
.event-info:before {
    font-family:'icon';
    font-weight:normal;
    display:block;
    float:left;
    margin-right:5px;
    width:20px;
    height:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    color:#ffffff;
    font-size:9px;
    line-height:20px;
    text-align:center;
    background:#333e43;
}
.event-date:before {
    content: "\e019";
}
.event-time:before {
    content: "\e001";
}
.event-location:before {
    content: "\e002";
}
.event-file:before {
    content: "\e013";
}
.event-info:before {
    content: "\e009";
}

/******** Article ******************************************************************************/

.article-img-item {
    float:left;
    width:35%;
    margin-right:3%;
}
.article-txt-item {
    float:left;
    width:62%;
}

/******** Filter ******************************************************************************/

.filter-date-item {
    float:left;
    width:100%;
}
.date-year {
    display:block;
    float:left;
    width:50px;
    height:50px;
    text-align:center;
    line-height:50px;
    font-weight:bold;
    font-size:16px;
    color:#ffffff;
    margin-bottom:10px;
    background:#7FA9CF;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
}
.filter-txt-item {
    float:left;
    width:100%;
}
.filter-txt-item h2 a {
    font-size:22px;
}
.filter-txt-item h2 {
    margin-bottom:0!important;
    padding-top:0;
}
.filter-txt-item p {
    padding-top:10px;
    margin-bottom:10px;
}
.filter-txt-item .additional {
    margin-bottom:0!important;
}
.filter-txt-item h4 {
    display:none;
}
.filter-txt-item .additional li  {
    border:none!important;
}
.filter-txt-item .additional li  a {
    font-size:14px!important;
}

/******** Data *********************************************************************************/

.data-item-label, .data-item-txt {
    width:100%;
    float:left;
}
.label-info {
    color:#00408a;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    padding-bottom:5px;
}
.form-group .label-info {
    padding-bottom:0;
}
.label-data {
    font-weight:bold;
}
.item-list .icon-list {
    position:relative;
    padding-left:20px;
}
.item-list .icon-list:before {
    font-family:'icon';
    content: "\e017";
    color:#919a9e;
    font-size:12px;
    position:absolute;
    top:0;
    left:0;
}

/******** Additional ***************************************************************************/
/***********************************************************************************************/

.additional  {
    float:left;
    width:100%;
    margin:0 0 30px 0;
}
.additional-heading  {
    float:left;
    padding:30px 0 9px 0;
    margin-bottom:0!important;
    font-weight:bold;
    color:#919a9e;
    font-size:14px;
}
.additional li {
    float:left;
    width:100%;
    border-bottom:1px solid #e2e2e2;
    margin-left:0 !important;
    list-style-type:none !important;
}
.additional a {
    display:block;
    padding:9px 0 9px 0;
    margin-left:20px;
}
.additional li:first-child   {
    border-top:1px solid #e2e2e2;
}
.additional li:before {
    float:left;
    padding:9px 5px 9px 0;
    font-size:16px;
    color:#00408a;
}
.additional li.file:before {
    font-family:'icon';
    content: "\e013";
}
.additional li.file.lock:before {
    font-family:'icon';
    content: "\e005";
}
.itrFileAudio {
    float:left;
    width:100%;
    margin:0 0 30px 0;
    list-style-type:none !important;
}
.itrFileAudio li {
    float:left;
    width:100%;
    margin-left:0 !important;
    list-style-type:none !important;
    padding-bottom:20px;
}
.preview-title-audio {
    font-weight:bold;
    display:block;
    font-size:13px;
    padding-bottom:5px;
}

/******** Toogle *******************************************************************************/
/***********************************************************************************************/

.toggle-group {
    float:left;
    display:block;
    width:100%;
    margin-bottom:30px;
}
.toggle-item {
    margin-bottom:2px;
}
.toggle-heading {
    border:1px solid #dedede;
    padding:7px 15px 7px 15px;
    width:100%;
    background:#f5f5f5;
    cursor:pointer;
}
.toggle-heading:before {
    font-family:'icon';
    content: "\e017";
    color:#cccccc;
    float:right;
}
.toggle-heading.active:before {
    content: "\e018";
}
.toggle-heading h4 {
    margin:0;
}
.toggle-content, .toggle-form-content {
    border-left:1px solid #dedede;
    border-right:1px solid #dedede;
    border-bottom:1px solid #dedede;
    width:100%;
    display:none;
}
.toggle-content {
    padding:30px 15px 0 15px;
}
.toggle-form-content {
    padding:15px 15px 0 15px;
    background:#f5f5f5;
}

/******** Share ********************************************************************************/
/***********************************************************************************************/

.share  {
    float:left;
}
.share li {
    float:left;
    line-height:30px;
    margin-right:5px;
    margin-left:0 !important;
    list-style-type:none !important;
}
.share li:first-child {
    margin-right:10px;
    font-weight:bold;
    color:#919a9e;
}
.share li.facebooklike {
    margin-top:5px;
}

/******** Gallery ******************************************************************************/
/***********************************************************************************************/

.gallery, .thumbs {
    float:left;
    width:100%;
    margin-bottom:30px;
}
.gallery li, .thumbs li {
    float:left;
    text-align:center;
    padding:10px;
    border:1px solid #e2e2e2;
    margin:-1px 0 0 -1px !important;
    list-style-type:none !important;
}
.gallery li {
    width:50%;
}
.thumbs li {
    width:100%;
}
.thumbs li img {
    margin:0 auto;
}

/******** Forms ********************************************************************************/
/***********************************************************************************************/

.form-group {
    display:block;
    float:left;
    border:1px solid #dedede;
    padding:15px;
    margin-bottom:30px;
    width:100%;
    background:#f5f5f5;
}
.form-group h3, .form-group ul {
    margin-bottom:15px;
}
.form-group h3 {
    color:#00408a;
}
.form-group .item-list li {
    padding:6px 0 6px 0;
    list-style-type:none !important;
}
.input-group-inline {
    display:block;
    margin-bottom:5px;
}
.input-group-row {
    border-collapse:separate;
    display:table;
    position:relative;
    margin-bottom:15px;
}
.topspace {
    padding-top:10px;
}
.input-row {
    margin-bottom:15px;
}
.button-row {
    margin-bottom:15px;
}
.input-group-addon {
    background:#efefef;
    border-top:1px solid #dedede;
    border-left:1px solid #dedede;
    border-bottom:1px solid #dedede;
    font-weight:normal;
    line-height:1;
    padding:6px 12px;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    width:1%;
}
.form-input, .search-input {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#424e54;
    display:block;
    font-size:14px;
    height:36px;
    line-height:1.42857;
    padding:6px 12px;
    vertical-align:middle;
    width:100%;
    -webkit-appearance:none;
    -webkit-border-radius:0;
}
.form-input {
    background:#ffffff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    border:1px solid #dedede;
    height:36px;
    padding:6px 12px;
}
.form-input.filter {
    background:#f5f5f5;
    margin-bottom:5px;
}
.search-input {
    background:#f5f5f5;
    height:30px;
    border:0;
}
textarea.form-input {
     height:auto;
}
.radio, .checkbox {
    display:block;
    margin-bottom:15px;
    margin-top:10px;
    min-height:20px;
    padding-left:20px;
    vertical-align:middle;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    float:left;
    margin-top:4px;
    margin-left:-20px;
}
.radio label, .checkbox label {
    cursor: pointer;
    display: inline;
    font-weight: normal;
    margin-bottom: 0;
}
.input-group-addon, .input-group-btn, .input-group .form-input {
    display:table-cell;
}
.form-input:focus {
    border-color:#7fa9cf;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(127, 169, 207, 0.6);
    outline: 0 none;
}
.form-input.invalid, .form-input.invalid:focus {
    border-color:#D95252;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(206, 132, 131, 0.6);
}
label, .label {
    display:inline-block;
    font-weight:bold;
    margin-bottom:5px;
}
.help-block {
    color:#919a9e;
    display:block;
    margin-bottom:10px;
    margin-top:5px;
}

/***********************************************************************************************/
/********  Media Queries ***********************************************************************/
/***********************************************************************************************/

/******** min 480 ******************************************************************************/
/***********************************************************************************************/

@media all and (min-width: 480px) {

/******** Boxes ********************************************************************************/

.col-3, .col-2-md, .col-2-lg {
    margin-bottom:3.409090%;
}

/******** Hides ********************************************************************************/

.min-480 {
    display:block !important;
}

/******** Content ******************************************************************************/

.share  {
    float:right;
}

/******** Item List ****************************************************************************/

.article-img-item {
    width:23.8%;
    margin-right:2.2%;
}
.article-txt-item {
    width:74%;
}

}

/******** min 640 ******************************************************************************/
/***********************************************************************************************/

@media all and (min-width: 640px) {

/******** Boxes ********************************************************************************/

.col-3, .col-2-md, .col-2-lg {
    width:48.75%;
    margin-bottom:2.5%;
    margin-right:2.5%;
}
.col-3 {
    height:400px;
}
.col-2-lg {
    /* height:400px; */
}
.col-2-md {
    height:500px;
}
.col-2-md .link-more {
    position:absolute;
    bottom:15px;
    right:15px;
}
.col-2-md:nth-of-type(2n) {
    margin-right:0;
}
.col-2-lg:nth-of-type(2n) {
    margin-right:0;
}
.col-3:nth-of-type(2n) {
    margin-right:0;
}
.tab {
    width:100%;
}

/******** Content ******************************************************************************/

.gallery li {
    width:33.3333%;
}
.thumbs li {
    width:50%;
}
#contacts li:first-child, #info li:first-child {
    width:auto;
}
.btn {
    display:inline-block;
    padding:7px 20px 7px 20px;
    width:auto;
    margin-bottom:0;
    margin-right:15px;
}
.form-input.filter {
    margin-bottom:0;
    margin-left:15px;
    float:right;
    width:30%;
}
.splinks li {
    width:14.2%;
}

/******** Item List ****************************************************************************/

.article-img-item {
    width:17.5%;
    margin-right:1.6%;
}
.article-txt-item {
    width:80.9%;
}
.event-date, .event-time, .event-location, .event-file, .event-info {
    float:left;
    margin-right:10px;
}
.date-year {
    margin-bottom:0;
    margin-left:20px;
}
}

/******** min 768 ******************************************************************************/
/***********************************************************************************************/

@media all and (min-width: 768px) {

/******** Text *********************************************************************************/

h1 { font-size:34px; }
h2 { font-size:24px; }
h3 { font-size:22px; }
h4 { font-size:16px; }
h5 { font-size:14px; }

/******** Boxes ********************************************************************************/

.col-3, .col-2-lg {
    margin-bottom:2.060439%;
    margin-right:2.060439%;
}
.col-3 {
    min-height:400px;
}
.col-2-lg {
    min-height:360px;
}
.col-2-md {
    height:500px;
}
.col-2-md {
    width:48.936170%;
    margin-bottom:2.127659%;
    margin-right:2.127659%;
}
.col-2-lg {
    width:48.969780%;
}
.col-3 {
    width:31.959707%;
}
.col-3:nth-of-type(2n) {
    margin-right:2.060439%;
}
.col-3:nth-of-type(3n) {
    margin-right:0;
}
.col-2-lg:nth-of-type(2n) {
    margin-right:0;
}

/******** Content ******************************************************************************/

#social, #contacts, #info  {
    width:auto;
    border-bottom:0;
    padding-bottom:0;
}
#contacts {
    float:right;
}
#contacts li {
    margin-right:0;
    margin-left:15px;
}
.thumbs li {
    width:33.3333%;
}

/******** Forms ********************************************************************************/


.col-group-sm {
    width:15%;
}
.col-group-md {
    width:50%;
}
.input-group-inline {
    display:inline-block;
    margin-bottom:0;
    margin-right:5px;
    vertical-align:middle;
}

/******** Item List ****************************************************************************/

.article-img-item {
    width:14.4%;
    margin-right:1.4%;
}
.article-txt-item {
    width:84.2%;
}
.event-location-item {
    float:left;
    width:73%;
}
.event-txt-item {
    width:73%;
}
.form-group .data-item-label {
    width:30%;
}
.form-group .data-item-txt {
    width:70%;
}

/******** Filter ******************************************************************************/

.filter-date-item {
    width:13.4%;
    margin-right:1.4%;
}
.filter-date-item .tag {
    margin-bottom:0;
}
.filter-txt-item {
    width:85.2%;
}

/******** Slider *******************************************************************************/

.bx-wrapper {
    padding:0;
}
.bx-wrapper .bx-controls-direction a {
    top:30px;
    width:50px;
    height:50px;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
    line-height:50px;
    font-size:20px;
}
.bx-wrapper .bx-prev {
    left:30px;
}
.bx-wrapper .bx-next {
    left:85px;
}
.slide-img {
    float:none;
}
.slide-txt {
    position:absolute;
    left:15px;
    bottom:15px;
    padding:15px;
    margin-left:-15px;
    border-left:15px solid #ffffff;
    border-right:15px solid #ffffff;
    color:#ffffff;
    background:rgba(0, 84, 160, 0.95);
}
.slide-txt:hover {
    background:#0054a0;
}
.slide-txt a {
    color:#ffffff;
}
.bx-wrapper .tag {
    background:rgba(255, 255, 255, 0.2);
}
#info   {
    width:100%;
    text-align: center;
}
#info li  {
    display:inline-block;
    margin: 0 5px;
}
}

/******** min 1024 *****************************************************************************/
/***********************************************************************************************/

@media all and (min-width: 1024px) {

.slide-txt h1 { font-size:24px;margin-bottom:5px;}

/******** Boxes ********************************************************************************/

.col-3, .col-2-lg {
    margin-bottom:1.587301%;
    margin-right:1.587301%;
}
.col-3 {
    min-height:400px;
}
.col-2-lg {
    min-height:430px;
}
.col-2-md {
    height:500px;
}
.col-2-md {
    width:48.936170%;
    margin-bottom:2.127659%;
    margin-right:2.127659%;
}
.col-2-lg {
    width:49.206349%;
}
.col-3 {
    width:32.275132%;
}
.col-3:nth-of-type(2n) {
    margin-right:1.587301%;
}

/******** Hides ********************************************************************************/

.min-1024 {
    display:block !important;
}
.max-1024 {
    display:none !important;
}
.wrapper {
    width: 100%;
    padding:0 20px 0 20px;
    max-width:1170px;
    margin:0 auto;
    float:none;
}

/******** Content ******************************************************************************/

#content {
    float:none;
    margin:0 auto;
    max-width:1170px;
    padding:45px 20px 0 20px;

}
#content-main, #system-message-container {
    width:74.6%;
}
.gallery li {
    width:25%;
}
#sidebar {
    float:right;
    width:22.2%;
}
#footer-wrapper {
    margin:0 auto;
    max-width:1170px;
    padding:20px;
}
.plinks {
    float:left;
    width:100%;
    margin-top:15px;
}
.plinks li.plink {
    width:14.39%;
}

/******** Item List ****************************************************************************/

.article-img-item {
    width:14.8%;
    margin-right:1.4%;
}
.article-txt-item {
    width:83.8%;
}
.col-2-lg .event-date-item {
    width:30%;
}
.col-2-lg .event-location-item {
    float:left;
    width:70%;
    padding-top:0;
    font-size:13px;
}
.col-2-lg .event-txt-item {
    padding-top:0;
    width:70%;
}
.event-location-item {
    float:left;
    width:15%;
    padding-top:15px;
}
.event-txt-item {
    padding-top:5px;
    padding-bottom:5px;
    width:67%;
}

/******** Header *******************************************************************************/

#header-wrapper {
    max-width:1170px;
    margin:0 auto;
}
#logo {
    left:20px;
}
#language  {
    top:0;
    right:20px;
    color:#7c868a;
    border-right: 1px solid #dedede;
    border-left:0;
}
#language:hover  {
    color:#424e54;
}

/******** Menu Sub *****************************************************************************/

#menu-sub li {
    float:left;
    width:100%;
}
#menu-sub .level2 > a {
    display:block;
    position:relative;
    border-bottom:1px solid #e2e2e2;
    font-family:"Georgia",Times,serif;
    text-decoration:none;
    font-size:16px;
    line-height:22px;
    color:#424e54;
    padding:9px 0 9px 20px;
}
#menu-sub .level2:first-child > a {
    border-top:1px solid #e2e2e2;
}
#menu-sub .level2 > a:before {
    font-family:'icon';
    content: "\e00d";
    position:absolute;
    left:0;
    top:9px;
    font-size:12px;
}
#menu-sub .level2:hover > a,
#menu-sub .level2 > a.active {
    color:#0054a0;
}
#menu-sub .level3 > a {
    display:block;
    border-bottom:1px solid #e2e2e2;
    text-decoration:none;
    font-size:14px;
    line-height:22px;
    color:#0054a0;
    padding:9px 0 9px 20px;
}
#menu-sub .level3:hover > a,
#menu-sub .level3 > a.active {
    color:#7fa9cf;
}
#menu-sub .level3 {
    display:none;
}
#menu-sub .level2.active .level3 {
    display:block;
}

/******** Menu Sec *****************************************************************************/

#menu-sec {
    float:right;
}
#menu-sec li {
    float:left;
}
#menu-sec .level1 > a {
    display:block;
    border-right: 1px solid #4e595f;
    font-family:"Georgia",Times,serif;
    text-decoration:none;
    font-size:16px;
    height:35px;
    line-height:35px;
    color:#e0e0e0;
    padding:0 15px 0 15px;
}
#menu-sec .level1:first-child > a {
    border-left: 1px solid #4e595f;
}
#menu-sec .level1:hover > a,
#menu-sec .level1 > a.active {
    background:#333e43;
    color:#ffffff;
}

/******** Menu Login ****************************************************************************/

#menu-login {
    float:right;
    width:240px;
    height:35px;
    border-right: 1px solid #4e595f;
}
#menu-login li {
    float:left;
}
#menu-login .level1 > a {
    display:block;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-decoration:none;
    font-size:14px;
    height:35px;
    line-height:35px;
    color:#e0e0e0;
    padding-left:20px;
}
#menu-login .level1:first-child > a:before {
    font-family:'icon';
    content: "\e004";
    padding-right: 5px;
    line-height:35px;
    font-size:12px;
}
#menu-login .level1:hover > a {
    color:#ffffff;
}

/******** Menu Main ****************************************************************************/

#menu-main-wrapper {
    height:50px;
    border-bottom: 1px solid #dedede;
    background:#eaeaea;
}
#menu-main {   
    margin-left:0;
    float:none;
}
#menu-main li {
    float:left;
}
#menu-main .level1 > a {
    text-align:center;
    width:117px;
    padding-left:0;
    color:#424e54;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background:#eaeaea;
}
#menu-main .level1:first-child > a {
    border-left: 1px solid #dedede;
    width:121px;
    margin-left:-1px;
}
#menu-main .level1:hover > a,
#menu-main .level1:hover > a.active {
    background:#0d5da5;
    color:#ffffff;
}
#menu-main .level1 > a.active {
    background:#f5f5f5;
    color:#424e54;
}
#menu-main .level2 > a {
    width:282px;
    color:#ffffff;
    font-size:16px;
    padding-left:20px;
    text-align:left;
    line-height:40px;
    height:40px;
    background:rgba(0, 84, 160, 0.95);
    border-top:1px solid #236aab;
    border-bottom:0;
    border-right:0;
}
#menu-main .level2:hover > a,
#menu-main .level2 > a.active {
    background:#0054a0;
    color:#ffffff;
}
#menu-main li ul {
    display:none;
    position:absolute;
    z-index:999;
    margin-top:-1px;
}
#menu-main li:hover ul {
    display:block;
}
#menu-main ul ul.toggle-active {
    display:none;
}

/******** Menu Main Toggle *********************************************************************/

#menu-toggle {
    display:none;
}

}

/******** min 1024 ******************************************************************************/

@media (-webkit-min-device-pixel-ratio: 1.5) { 

#logo {
    background:transparent url("../images/prva-logo-anim2.gif") no-repeat center right;
    background-size:155px 85px;
}

}

.quotes .bx-wrapper .bx-controls-direction a {
    top:0;
}
.quotes .bx-wrapper .bx-controls-direction  {
    position:absolute;
    top:20px;
    right:95px;
}
@media all and (min-width: 768px) {
.quotes .bx-wrapper .bx-controls-direction  {
    right:160px;
}
}
.quotes a {
   display:block;
}
.quotes a:hover {
   text-decoration:none;
}
.quotes {
    position:relative;
    margin-bottom:30px;
    background-color:#f7f7f7;
}
.quotes-img {
    margin:0 auto;
    max-width:260px;
    align-self:flex-end;
}
.quotes-txt {
    padding:20px;
    border-top: 1px solid #00408a;
}
.quotes-txt h1 {
    font-size:21px;
    margin-bottom:10px;
}
@media all and (min-width: 640px) {

.img-right .quotes-img {
    order:2;
}
.img-right .quotes-txt {
    order:1;
    padding:40px 0 20px 20px;
}
.quotes a {
   display:flex;
}
.quotes-img {
    margin:0 auto;
    max-width:40%;
}
.quotes-txt {
    width: 60%;
    padding:40px 20px 20px 0;
    border-top:0;
}
.quotes-txt p {
    padding-bottom:20px;
    border-bottom: 1px solid #00408a;
}
}
@media all and (min-width: 768px) {
.quotes-img {
    margin:0 auto;
    max-width:40%;
    padding-top:15px;
}
.img-right .quotes-txt {
    padding:90px 0 30px 30px;
}
.quotes-txt {
    width: 60%;
    padding:90px 30px 30px 0;
}
}
@media all and (min-width: 1024px) {
.quotes-img {
    margin:0 auto;
    max-width:45%;
    padding-top:15px;
}
.img-right .quotes-txt {
    padding:120px 0 30px 30px;
}
.quotes-txt {
    width: 55%;
    padding:120px 30px 30px 0;
}
.quotes-txt h1 {
    font-size:24px;
    margin-bottom:30px;
}
}

.box-row, .filter {
    display: flex;
    flex-wrap: wrap;
    margin-left:-7.5px;
    margin-right:-7.5px;
    margin-bottom:30px;
}
.box-row .col,
.box-row .col-12 {
    flex: 0 0 auto;
    width: 100%;
    margin-top:15px;
    padding-left:7.5px;
    padding-right:7.5px;
}
.filter .col {
    flex: 0 0 auto;
    width: 100%;
    margin-top:15px;
    padding-left:7.5px;
    padding-right:7.5px;
}
.filter .form-input {
    background:#f5f5f5;
}
@media all and (min-width: 640px) {
.box-row .col {
    width: 50%;
}
.filter .col {
    width: 33.3333333333%;
}
}
@media all and (min-width: 768px) {
.box-row .col {
    width: 33.3333333333%;
}
}
.box-row .col-box  {
    height:100%;
    background-size:cover;
    background-position:center center;
}
.col-box a {
    display:block;
    position:relative;
    padding:20px 20px 40px 20px;
    height:100%;
    color:#ffffff;
    background-color:rgba(0,64,138,0.95);
}
.col-box a:hover {
    color:#ffffff;
    text-decoration:none;
    background-color:rgba(0,64,138,0.6);
}
.col-box a:after {
    font-family: 'icon';
content: "\e00b";
position:absolute;
bottom:20px;
right: 20px;
}
.col-box a span {
    display:block;
    padding-bottom:20px;
    border-bottom: 1px solid rgba(255,255,255,0.6);
}
.col-box a h2 {
    padding-top:20px;
}





.event-item {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    position:relative;
    border:1px solid #e2e2e2;
    padding: 15px;
    margin:10px 0;
}
.event-item:hover {
    text-decoration:none;
    border:1px solid #919a9e;
}
.event-item.ktag {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    position:relative;
    border:1px solid #eb5d91;
    padding: 15px;
    margin:10px 0;
}
.event-item.prva:hover {
    text-decoration:none;
    border:1px solid #7fa9cf;
}
.event-item.ktag:hover {
    text-decoration:none;
    border:1px solid #eb5d91;
}
.event-item:before {
    content: '';
    position:absolute;
    top:-1px;
    left:-1px;
    right:-1px;
    height:50px;
    z-index:0;
    background-color:#919a9e ;
}
.event-item.prva:before {
    background-color:#7fa9cf;
}
.event-item.ktag:before {
    background-color:#eb5d91;
}
.date {
    z-index:1;
    display:flex;
    flex-direction:column;
    width:30%;
}
.location {
    color:#333e43;
    font-size:16px;
    font-weight:bold;
    width:70%;
    padding-top:36px;
}
.details {
    padding-top:15px;
    margin-top: 15px;
    width:100%;
    border-top:1px solid #e2e2e2;
}
.details .category, .cat {
    display:inline-block;
    padding:2px 10px;
    background-color:#919a9e;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
}
.prva .details .category, .cat.prva {
    background-color:#7fa9cf;
}
.ktag .details .category {
    background-color:#eb5d91;
}
.cat {
    margin-bottom:20px;
}
.event-title {
    font-family:"Georgia",Times,serif;
    color:#333e43;
    font-size:18px;
    display:block;
    padding-top:5px;
}
.prva .event-title {
    color:#00408a;
}
.ktag .event-title {
    color:#eb5d91;
}
.date-day {
    display:block;
    float:left;
    width:50px;
    height:50px;
    text-align:center;
    line-height:50px;
    font-weight:bold;
    font-size:26px;
    color:#ffffff;
    background:#424e54;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
}
.date-details {
    color:#333e43;
    display:block;
    width:50px;
    text-align:center;
    line-height:20px;
    padding:5px 0 0 0;
    font-size:18px;
}
.date-details .month {
    display:block;
    font-weight:bold;
}
.date-details .time {
    display:block;
}
.timeline-month {
    width:100%;
    text-align:center;
    color:#919a9e;
    font-weight:bold;
}
.timeline-month span {
    display:block;
    padding: 5px 0;
}
.timeline-month:before,
.timeline-month:after {
    content: '';
    display:block;
    width:1px;
    height:20px;
    margin: 0 auto;
    background-color:#e2e2e2;
}
.centered {
    float:none !important;
    margin: 0 auto;
}
@media all and (min-width: 640px) {
.event-item:before {
    top:-1px;
    left:-1px;
    bottom:-1px;
    right:auto;
    width:50px;
    height:auto;
}
.date {
    z-index:1;
    display:flex;
    flex-direction:row;
    width:20%;
}
.location {
    width:30%;
    padding-top:0;
}
.details {
    padding-top:0;
    margin-top:0;
    width:50%;
    border-top:0;
}
}
@media all and (min-width: 1024px) {
.centered {
    max-width:705px;
}
.date {
    z-index:1;
    display:flex;
    flex-direction:row;
    width:15%;
}
.location {
    width:30%;
    padding-top:0;
}
.details {
    padding-top:0;
    margin-top:0;
    width:55%;
    border-top:0;
}
}

.teaser-box {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    position:relative;
    padding: 20px;
    background-color:#f7f7f7;
}
.teaser-box:hover {
    text-decoration:none;
    color: #ffffff;
    background-color:#00408a;
}
.teaser-box:after {
    font-family: 'icon';
    content: "\e00b";
    position:absolute;
    right:20px;
    top:50%;
    width:30px;
    height:30px;
    text-align:right;
    margin-top: -15px;
    display:block;
    color:#00408a;
}
.teaser-box:hover:after {
    color:#ffffff;
}

.article-block-list {
    margin-left:-18px;
    
}
.article-block-list li {
    list-style-type:none !important;
    padding: 7px 0;
    border-top:1px solid #e2e2e2;
    border-bottom:1px solid #e2e2e2;
    margin-top: -1px;

}
.prva-blue {
    color:#00408a;
}
.answer {
    margin-left:20px;
    border-left:1px solid #00408a;
    padding-left: 10px;

}
.article-block {
    border-top:1px solid #e2e2e2;
    padding: 20px;
    background-color:#f7f7f7;
    margin-bottom:30px;
}
.article-block-heading {
    display:block;
    margin-bottom:20px;
    color:#00408a;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
}
.article-video {
 position:relative;
 padding-bottom: 56.25%;
 padding-top: 30px; height: 0;
 overflow: hidden;
}
.article-video video {
 position: absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
}
