@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Asap';
    src: url('../fonts/asap-bold.eot');
    src: url('../fonts/asap-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/asap-bold.woff2') format('woff2'),
         url('../fonts/asap-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Asap';
    src: url('../fonts/asap-bolditalic.eot');
    src: url('../fonts/asap-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/asap-bolditalic.woff2') format('woff2'),
         url('../fonts/asap-bolditalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Asap';
    src: url('../fonts/asap-medium.eot');
    src: url('../fonts/asap-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/asap-medium.woff2') format('woff2'),
         url('../fonts/asap-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Asap';
    src: url('../fonts/asap-mediumitalic.eot');
    src: url('../fonts/asap-mediumitalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/asap-mediumitalic.woff2') format('woff2'),
         url('../fonts/asap-mediumitalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Asap';
    src: url('../fonts/asap-regular.eot');
    src: url('../fonts/asap-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/asap-regular.woff2') format('woff2'),
         url('../fonts/asap-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Asap';
    src: url('../fonts/asap-italic.eot');
    src: url('../fonts/asap-italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/asap-italic.woff2') format('woff2'),
         url('../fonts/asap-italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}


@font-face {
    font-family: 'Icomoon';
    src: url('../fonts/icomoon3.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

[class*="icon"],
a::before {
font-family: 'Icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

html {
height: 100%;
box-sizing: border-box;
}

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


body {
height: 100%;
min-height: 100%;
margin: 0;
padding: 0;
font: 18px/normal "Asap", sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: #000;
background-color: #fff;
display: flex;
flex-direction: column;
}



/*** main containers ***/

#header {
flex-shrink: 0;
background: #F2F2F2;
}
#content {
flex: 1 0 auto;
display: flex;
flex-flow: row nowrap;
}
.content_left {
flex: 1 1 18%;
min-width: 296px;
background-color: #E2E2E2;
}
.content_center {
flex: 1 1 64%;
background-color: #F2F2F2;
}
.content_right {
flex: 1 1 18%;
min-width: 300px;
background-color: #E2E2E2;
}
#footer {
flex-shrink: 0;
padding-bottom: 20px;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: flex-end;
}

/*** end main containers ***/





/*** standard elements ***/

img {
display: block;
border: none;
}
a {
text-decoration: none;
outline: none;
color: #039;
}
a:hover, a:focus {
color: #BA282E;
}
.inverselink a {
text-decoration: none;
outline: none;
color: #000;
}
.inverselink a:hover {
color: #278AED;
}

h1 {
margin: 0;
padding: 30px 40px;
font-size: 30px;
line-height: 30px;
font-weight: 400;
color: #333;
}
.search_results h1 {
padding: 30px 0;
}
.content_left h1 {
padding: 30px 20px;
}

h3, h4 {
font-weight: 500;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 19px;
}

b, strong {
font-weight: 500;
}

/*** end standard elements ***/



.lining {
padding: 40px;
}
.lining.bottom {
padding-top: 0;
}
/*.content_center .lining.fpblog {
padding: 25px;
}*/
.search_results .content_center .lining {
padding-top: 0;
padding-top: 0;
}
/*.search_results.restart .content_center .lining {
padding-top: 40px;
}*/
.search_results .noresults {
padding: 15px;
background-color: #FFFF66;
}

.clearfloats::after {
content: "";
display: block;
clear: both;
}




/**** CSS table ****/

.table {
display: table;
width: 100%;
border-collapse: collapse;
}
.table-row {
display: table-row;
}
.table-cell {
display: table-cell;
}


/**** end CSS table ****/




/*** header ***/

.langnav .table-cell {
width: 50%;
padding: 15px 20px;
vertical-align: middle;
}
#eu_emblem {
float: right;
width: 80px;
}
.langnav a {
font-weight: 500;
}
.langnav .table-cell:first-child a:first-child {
margin-right: 20px;
}



.topnav {
height: 120px;
font-size: 30px;
line-height: 30px;
}
.topnav .table-cell {
vertical-align: middle;
}
.topnav_left {
width: 50%;
padding: 0 60px 0 40px;
}
.topnav_right {
width: 50%;
padding: 0 40px 0 60px;
text-align: right;
}
.topnav_left {
background: #fff url(../img/corner_bottom_grey.png) no-repeat right bottom;
}
.topnav_right {
background: #f2f2f2 url(../img/corner_top_white.png) no-repeat left top;
}
.en .topnav_left {
background: #f2f2f2 url(../img/corner_bottom_white.png) no-repeat right bottom;
}
.en .topnav_right {
background: #fff url(../img/corner_top_grey.png) no-repeat left top;
}
.logo_mg img {
display: inline-block;
width: 120px;
padding-bottom: 10px;
margin-right: 30px;
vertical-align: middle;
}
.logo_ib img {
display: inline-block;
width: 80px;
margin-left: 30px;
vertical-align: middle;
}
#header .inner {
/*position: relative;*/
padding: 30px 40px;
min-height: 100px;
/*bheight: 16vw;*/
background-color: #fff;
}
.restart_title {
width: 44vw;
}

/*.list_page #header .inner {
background: url(../img/papir.jpg) no-repeat center center;
}
.search_results #header .inner {
background: url(../img/platno.jpg) no-repeat center center;
}
.blog_page #header .inner {
background: url(../img/brsljan.jpg) no-repeat left center;
}*/

.restart #nav a:hover,
.restart #nav li.trigger ul a:hover,
.restart .infoblock a:hover,
.restart button.gosearch:hover,
.restart a#to_top:hover,
.restart .pagination a:hover {
background-color: #039;
}
.restart .inverselink a:hover,
.langnav a:hover {
color: #039;
}
.restart .pagination li.active a, 
.restart .pagination li.disabled a {
background-color: #999;
}

/** search **/

#search {
margin-bottom: 4px;
}
.searchcontainer {
display: flex;
flex-flow: row nowrap;
max-width: 500px;
background-color: #fff;
}
.input-holder {
flex: 1 1 auto;
}
.button-holder {
flex: 0 0 42px;
}
.input-holder input {
width: 100%;
height: 58px;
padding: 20px;
font: 17px/18px "Asap", sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background-color: #fff;
border: none;
}
button.gosearch {
width: 42px;
height: 100%;
padding: 0;
font-size: 24px;
line-height: 58px;
text-decoration: none;
outline: none;
color: #fff;
background-color: #666;
border: none;
cursor: pointer;
}
button.gosearch:hover {
background-color: #278AED;
}

/** end search **/




/*** main nav ***/

#switchpanel {
display: none;
}
#nav  li:last-of-type ul li:last-child a:last-child {
border-bottom: 1px solid #fff;
}
#navmain ul {
list-style: none;
margin: 0;
padding: 0 ;
font-size: 16px;
}
#navmain ul ul {
list-style: none;
font-size: 18px;
background-color: #fff;
}
#nav ul {
display: none;
}
#nav a {
display: block;
margin: 2px 0;
padding: 25px 20px;
color: #000;
background-color: #ccc;
text-transform: uppercase;
}
#nav ul a {
padding: 20px;
margin: 1px 0;
}
#nav a:hover {
color: #fff;
background-color: #039;
}
#nav li.trigger a::before {
content: "\e313";
display: block;
float: right;
font-family: "Icomoon" !important;
font-size: 24px;
}
#nav li.trigger a.open,
a#filterswitch.open {
color: #fff;
background-color: #666;
}
#nav li.trigger a.open::before,
a#filterswitch.open::before {
content: "\e316";
}
#nav li.trigger ul a {
color: #1F293A;
background-color: #E2E2E2;
text-transform: none;
}
#nav li.trigger ul a::before {
content: "";
}
#nav li.trigger ul a:hover {
color: #fff;
background-color: #039;
}

.navgroup {
padding: 25px 20px;
font-size: 20px;
background-color: #fff;
}
.navgroup .icon {
font-size: 24px;
line-height: 24px;
vertical-align: top;
color: #039;
}

/*** end main nav ***/




/*** blog ***/

/*.blog {
display: flex;
flex-flow: row wrap;
align-items: stretch;
}
.blog .item {
position: relative;
flex: 1 1 50%;
min-width: 340px;
max-width: 50%;
padding: 20px;
background-color: #fff;
border: 15px solid #F2F2F2;
}
.blog img {
width: 100%;
}
.blog .item .inner {
min-height: 100%;
}
.blog h2 {
font-size: 22px;
font-weight: 500;
margin: 1em 0;
}
.blog .date {
position: absolute;
width: 124px;
height: 28px;
top: 0;
left: 0;
font-size: 16px;
line-height: 15px;
color: #333;
background-color: #F2F2F2;
border-left: 4px solid #F2F2F2;
border-bottom-right-radius: 28px;
}
*/

/*** article with gallery ***/

.article {
flex-flow: column;
align-items: flex-start;
justify-content: center;
}
.breadcrumbs {
text-transform: uppercase;
font-size: 15px;
padding: 40px 0 30px;
}
.article_page .breadcrumbs {
max-width: 760px;
margin: auto;
padding: 0 0 30px;
}
.bc_separator {
font-size: 14px;
}
.article .date {
font-size: 16px;
}
.article .item {
max-width: 760px;
margin: auto;
padding: 40px 60px;
background-color: #fff;
}
.article h1 {
padding: 0;
margin: 1em 0;
font-size: 1.5em;
font-weight: 500;
line-height: 130%;
color: #000;
}
.article h2,
.list h2 {
margin: 1em 0;
font-size: 1.3em;
font-weight: 500;
line-height: 130%;
}
.article h3,
.list h3 {
margin: 1em 0;
font-size: 1.2em;
font-weight: 500;
line-height: 130%;
}
.article h4,
.list h4 {
margin: 1em 0;
font-size: 1em;
font-weight: 500;
line-height: 130%;
}
.introimage {
margin-bottom: 2em;
}
.introimage img,
.article_body img {
width: 100%;
}
.videoset {
max-width: 760px;
margin: 20px auto 0;
padding: 60px;
background-color: #fff;
}
.documents {
max-width: 760px;
margin: 20px auto 0;
padding: 30px 60px;
background-color: #fff;
}

.gallery {
max-width: 760px;
margin: 20px auto 0;
display: flex;
flex-flow: row wrap;
}
.gallery .image_block {
flex: 0 1 33.33%;
}
.image_lining {
border: 1px solid #F2F2F2;
background-color: #fff;
}
.attachments .gallery .image_lining {
background-color: #ccc;
}

.gallery .image {
min-width: 180px;
height: 180px;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.image img {
max-height: 160px;
max-width: 160px;
margin: auto;
}
.gallery .caption {
font-size: 15px;
text-align: center;
padding: 10px;
}

/** article without gallery **/

.full_width .article {
display: block;
}
.full_width .article .item {
max-width: 100%;
padding: 30px;
background-color: #fff;
}
.full_width .article_body {
-webkit-perspective:1;
-webkit-columns: 2 400px;
-moz-columns: 2 400px;
columns: 2 400px;
-webkit-column-gap: 3em;
-moz-column-gap: 3em;
column-gap: 4em;
-webkit-column-rule: 1px solid #ccc;
-moz-column-rule: 1px solid #ccc;
column-rule: 1px solid #ccc;
}
.full_width .article_body p,
.full_width .article_body li {
margin: 0 0 1em;
}
.full_width .article h1 {
margin: 1em 0 1.5em;
}



table.schedule {
width: 100%;
border-collapse: collapse;
margin-top: 1em;
}
.schedule th,
.schedule td {
text-align: left;
vertical-align: top;
padding: 15px;
border: 1px solid #ccc;
}
.schedule th {
font-weight: 500;
white-space: nowrap;
background-color: #FFDA46;
border: 1px solid #999;
}
.schedule.calendar td {
text-align: right;
border: 1px solid #999;
}
.schedule.calendar th {
text-align: right;
background-color: #ccc;
border: 1px solid #999;
}
.schedule.legenda td {
font-size: 16px;
padding: 10px;
border: 1px solid #fff;
}
.zebra tr:nth-of-type(odd) {
background-color: #F2F2F2;
}
td p {
margin: 0;
}
td p.halfspace {
margin: 10px 0;
font-weight: 500;
}
.note {
color: red;
}
.odmor {
background-color: #FFC6CE;
}
.pocetak-kraj {
background-color: #CCCCFF;
}
.praznik {
background-color: #FFE784;
}
.vikend {
background-color: #D3F2BF;
}
.posebnosti {
background-color: #FF8888;
}


/*** end article ***/


/*** filtering ***/

.filtering {
min-width: 300px;
padding-bottom: 20px;
font-size: 16px;
color: #fff;
background-color: #444;
}
.filtering h3 {
margin: 0;
font-size: 20px;
}
a#filterswitch {
display: block;
cursor: auto;
padding: 30px 20px;
color: #fff;
transition: background-color .25s ease-out;
}
.field {
border-top: 1px solid #999;
padding: 30px 20px;
}
.form_label {
margin: 0 0 15px;
line-height: 15px;
}
.standard_form input {
display: block;
height: 45px;
line-height: 40px;
}

.standard_form input,
.standard_form select {
width: 100%;
font-family: 'Asap', sans-serif;
font-size: 16px;
font-weight: 400;
color: #000;
padding: 0 10px;
background-color: #fff;
border: none;
}

.standard_form select {
height: 40px;
font-family: 'Asap', sans-serif;
font-size: 16px;
font-weight: 400;
color: #000;
}
.submit {
margin-top: 2em;
}
.searchbutton {
display: block;
height: 38px;
font-family: 'Asap', sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 38px;
padding: 0 20px;
text-align: center;
text-transform: uppercase;
color: #fff;
background-color: #5772A4;
border: none;
cursor: pointer;
border-radius: 4px;
}
.searchbutton:hover {
background-color: #D71921;
border-color: #D0DCDD;
}

/*** end filtering ***/



/*** list ***/

.list .lining {
padding-top: 0;
}
.list .item {
background-color: #fff;
margin-bottom: 20px;
}
.article_page .list .item,
.search_results .list .item {
padding: 50px 40px;
}

.event_desc {
font-size: 16px;
padding: 10px 20px 6px;
background-color: #D6DDE9;
border: 1px solid #fff;
}
.event_desc table {
width: 100%;
}
.article_page .event_desc {
margin-bottom: 2em;
}
.event_desc td {
padding: 0 0 4px;
vertical-align: top;
}
.event_desc .event_label {
width: 80px;
white-space: nowrap;
padding-right: 10px;
font-weight: 500;
text-align: right;
}
.event_title {
padding: 20px;
font-size: 18px;
}

/*.field_label {
font-family: "OpenSans";
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}*/






.article_page .list h1 {
margin: 0 0 1em;
}
.textcolumns.two {
-webkit-perspective:1;
-webkit-columns: 2 300px;
-moz-columns: 2 300px;
columns: 2 300px;
-webkit-column-gap: 3em;
-moz-column-gap: 3em;
column-gap: 4em;
-webkit-column-rule: 1px solid #ccc;
-moz-column-rule: 1px solid #ccc;
column-rule: 1px solid #ccc;
}
.textcolumns p {
margin: 0 0 1em;
}
.textcolumns ul,
.textcolumns ol {
margin: 0;
}
.textcolumns ul {
padding-left: 1em;
}
.textcolumns li {
margin: 0 0 1em;
}

/*** end list ***/




/*** info column ***/

.infoblock {
display: flex;
flex-flow: row wrap;
}
.infoblock .item {
flex: 1 1 100%;
min-height: 120px;
display: flex;
flex-flow: column;
margin: 1px 0;
}
.infoblock .item .inner {
flex: 1 1 100%;
display: table;
width: 100%;
height: 100%;
}
.infoblock a {
display: table-cell;
padding: 15px 20px;
vertical-align: middle;
background-color: #ccc;
text-align: center;
font-size: 14px;
text-transform: uppercase;
color: #000;
}
.infoblock a:hover {
background-color: #278AED;
color: #fff;
}
.infoblock a span {
font-size: 24px;
line-height: 30px;
display: block;
}

/*** end info column ***/





/*** footer ***/

#footer .part1 {
flex: 1 0 auto;
padding: 40px;
display: flex;
flex-flow: row nowrap;
align-items: flex-end;
}
.coordinates {
flex: 0 0 auto;
padding-right: 40px;
margin-bottom: 6px;
font-size: 15px;
}
#footer p {
margin: 10px 0 0;
}

.boxlink {
flex: 0 1 auto;
margin-bottom: 6px;
padding-left: 40px; 
}
.boxlink a {
display: block;
font-size: 15px;
line-height: 15px;
text-align: center;
text-transform: uppercase;
}
img#archives {
width: 60px;
margin: 0 auto 8px;
}
img#imr {
height: 60px;
margin: 0 auto;
}
#footer .part2 {
flex: 1 0 auto;
padding: 40px 40px 40px 0;
align-items: flex-end;
text-align: right;
}
.logos img {
height: 80px;
display: inline-block;
margin-left: 40px;
}

/*** end footer ***/




/*** pagination ***/

.pagination {
color: #fff;
}
.article_page .pagination {
max-width: 760px;
margin: auto;
}
.pagination .lining {
padding-top: 10px;
}
.article_page .pagination .lining {
padding-left: 0;
padding-right: 0;
}
.pagination ul {
list-style: none;
margin: 0;
padding: 0;
}
.pagination ul li {
display: block;
float: left;
margin: 0 15px 15px 0;
}
.pagination.pagenav ul li.next {
margin: 0 0 15px 25px;
}
.pagination a {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 17px;
font-weight: 500;
text-align: center;
color: #fff;
background-color: #666;
border-radius: 20px;
}
.pagination a:hover,
.pagination a:focus {
background-color: #039;
}
.pagination li.active a,
.pagination li.disabled a {
background-color: #999;
}
.pagination li.prev a::before {
content: "\e5c4";
font-size: 24px;
}
.pagination li.next a::before {
content: "\e5c8";
font-size: 24px;
}

.pagination li.start a::before {
content: "\eb4d";
font-size: 24px;
}
.pagination li.prev a::before {
content: "\e5c4";
font-size: 24px;
}
.pagination li.next a::before {
content: "\e5c8";
font-size: 24px;
}
.pagination li.end a::before {
content: "\eb4e";
font-size: 24px;
}

/**** end pagination ****/



.centerbottom {
padding: 40px;
color: #fff;
font-size: 16px;
background-color: #039;
border-radius: 4px;
}
.centerbottom h3 {
margin-top: 0;
font-size: 22px;
}
.centerbottom .textcolumns {
-webkit-column-rule: 1px dotted #fff;
-moz-column-rule: 1px dotted #fff;
column-rule: 1px dotted #fff;
}
.centerbottom p,
.centerbottom li {
margin: 0 0 10px;
overflow: hidden;
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
}
.centerbottom a {
color: #35D7FF;
}
.centerbottom a:hover {
color: #fff;
}



/*** to top ***/

.fixed {
display: none;
position: fixed;
bottom: 0;
right: 0;
z-index: 200;
}
a#to_top {
display: block;
width: 60px;
text-align: center;
font-size: 24px;
line-height: 42px;
color: #000;
background-color: #F2F2F2;
}
a#to_top:hover {
color: #fff;
background-color: #003399;
}
a#to_top::before {
content: "\e5d8";
}

/*** end to top ***/




/* search results */
.search-term {
}
.result-hit {
padding-top: 25px;
border-top: 1px dotted #999;
}
.result-title {
margin-top: 1em;
}
.result-hit dd {
font-size: 15px;
margin: 5px 0 5px 35px;
}
/*.result-published {
margin-top: 10px;
}*/

/* end search results */




/*** video ***/

.video {
text-align: center;
/*margin: 30px 0 15px;*/
background-color: #eee;
}
.video iframe, .video object {
display: block;
margin: auto;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.video .videoWrapper iframe,
.video .videoWrapper object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.caption {
display: block;
font-size: 13px;
line-height: normal;
text-align: left;
margin: 0;
padding-top: 15px;
}









/****** media queries *******/



@media screen and (max-width: 1658px) {

.blog .item {
flex: 1 1 50%;
max-width: 50%;
}

}




@media screen and (max-width: 1434px) {

#footer {
flex-flow: row wrap;
}

}


@media screen and (max-width: 1360px) {

.article_page .content_left {
flex: 1 1 21%;
}
.article_page .content_center {
flex: 1 1 58%;
}
.article_page .content_right {
flex: 1 1 21%;
}


.article .item {
padding: 30px 40px;
}
.gallery {
flex: 1 1 100%;
padding-left: 0;
margin-top: 20px;
}
.videoset {
max-width: 100%;
padding: 40px;
}
.documents {
padding: 30px 40px;
}
.article_page .pagination .lining {
padding-left: 20px;
padding-right: 20px;
}


.topnav_left {
padding: 0 60px 0 20px;
}
.topnav_right {
padding: 0 20px 0 60px;
}
.logo_mg img {
margin-right: 20px;
}
.logo_ib img {
margin-left: 20px;
}
/*.home #header .inner {
height: 30vw;
}
.restart #header .inner {
height: 30vw;
}*/

.lining {
padding: 20px;
}

#footer .part1 {
padding: 40px 20px 30px;
}
#footer .part2 {
padding: 30px 20px 40px;
}

}


@media screen and (max-width: 1279px) {

.topnav {
font-size: 26px;
line-height: 30px;
}
.logo_mg img {
width: 100px;
margin-right: 10px;
}
.logo_ib img {
width: 66px;
margin-left: 10px;
}
.restart .coordinates {
max-width: 480px;
}
.blog .item {
flex: 1 1 100%;
max-width: 100%;
}

}




@media screen and (max-width: 1224px) {

.coordinates {
padding-right: 20px;
}
.boxlink {
padding-left: 20px; 
}
.logos img {
margin-left: 10px;
}

}





@media screen and (max-width: 1181px) {

.gallery .image_block {
flex: 0 1 50%;
}

}



@media screen and (max-width: 1114px) {

.topnav_left {
padding: 0 20px;
}
.topnav_right {
padding: 0 20px;
}
.topnav_left, .topnav_right,
.en .topnav_left, .en .topnav_right {
background-image: url(none);
}
/*.home #header .inner {
height: 35vw;
}
.restart #header .inner {
height: 35vw;
}*/
#footer {
flex-direction: column;
justify-content: flex-start;
}
#footer .part1 {
flex: 1 0 100%;
min-width: 100%;
padding: 40px 40px 30px;
}
.coordinates {
/*padding-right: 40px;*/
margin-bottom: 0;
max-width: none;
}
.restart .coordinates {
}
.boxlink {
margin-bottom: 0;
padding-left: 40px; 
}
#footer .part2 {
flex: 1 0 100%;
min-width: 100%;
padding: 30px 40px 40px 40px;
text-align: left;
border-top: 1px solid #dadada;
}
.logos img {
margin-left: 0;
margin-right: 40px;
}

}


@media screen and (max-width: 1024px) {

#eu_emblem {
width: 70px;
}
.topnav {
height: auto;
}
.topnav .table-cell {
display: block;
width: 100%;
}
.topnav_left,
.topnav_right {
text-align: center;
}
.topnav_left {
padding: 30px 20px 0;
}
.topnav_left::after {
content: "——";
display: block;
font-size: 18px;
line-height: 18px;
color: #666;
}
/*.topnav_right {
padding: 0 20px 20px;
}*/
/*.logo_mg img, .logo_ib img {
display: block;
margin: 0 auto;
}
.logo_ib img {
width: 60px;
margin: 10px auto 0;
}*/
.topnav_left, .topnav_right,
.en .topnav_left, .en .topnav_right {
background-color: transparent;
}
#content {
flex-flow: row wrap;
}
.content_left {
flex: 1 1 17%;
}
.content_center {
flex: 2 1 66%;
}
.content_right {
flex: 3 1 100%;
border-top: 2px solid #fff;
}

.infoblock .item {
flex: 1 1 25%;
display: flex;
margin: 1px;
}








.fieldset {
display: flex;
flex-flow: row nowrap;
}
.column_half {
flex: 1 1 100%;
}


}


@media screen and (max-width: 1023px) {

body {
font-size: 16px;
}
.restart_title {
width: 54vw;
}

.blog .item {
flex: 1 1 50%;
max-width: 50%;
}

#content {
flex-flow: column;
}
.content_left, 
.article_page .content_left,
.content_center,
.article_page .content_center,
.content_right,
.article_page .content_right {
flex: 1 1 auto;
}
h1 {
padding: 30px 20px;
font-size: 26px;
line-height: 26px;
}
.content_left h1 {
display: none;
}
.content_center .lining.fpblog {
padding: 0 5px 25px;
}
.search_results.restart .content_center .lining {
padding-top: 30px;
}

#navmain, #search {
display: none;
}
#switchpanel {
display: block;
/*padding: 1px 1px 0;*/
}
#switchpanel a {
display: block;
/*width: 50%;
float: left;*/
font-size: 18px;
line-height: 24px;
font-weight: 500;
color: #000;
padding: 20px;
text-transform: uppercase;
background-color: #fff;
border-top: 2px solid #E2E2E2;
border-bottom: 2px solid #E2E2E2;
}
#switchpanel a:hover, 
#switchpanel a:active {
color: #fff;
background-color: #BA282E;
}
#switchpanel a::before {
font-size: 24px;
color: #BA282E;
padding-right: 8px;
vertical-align: bottom;
}
#switchpanel a:hover::before, 
#switchpanel a:active::before {
color: #fff;
}
a#navmainswitch::before {
content: "\e5d2";
}
a#searchswitch::before {
content: "\e8b6";
}
a#navmainswitch.close::before,
a#searchswitch.close::before {
content: "\e888";
}

#search {
margin-bottom: 0;
padding: 20px;
}
.searchcontainer {
max-width: 100%;
background-color: #fff;
}
#nav a {
padding: 20px;
}
.article .item {
max-width: none;
padding: 20px 30px;
}

.blog h2 {
font-size: 20px;
}
.article h1,
.list h1 {
font-size: 24px;
}
.gallery, .article_page .pagenav, .article_page .breadcrumbs {
max-width: 100%;
}

.gallery .image_block {
flex: 0 1 25%;
}
.videoset {
padding: 40px 30px;
}
.documents {
max-width: 100%;
padding: 30px;
}


}


@media screen and (max-width: 767px) {

.restart_title {
width: 64vw;
}
.blog .item {
flex: 1 1 100%;
max-width: 100%;
}
.gallery .image_block {
flex: 0 1 33.33%;
}

}



@media screen and (max-width: 680px) {

.coordinates {
padding-right: 20px;
}
.boxlink {
padding-left: 20px; 
}

}


@media screen and (max-width: 640px) {

#switchpanel a {
padding: 15px;
border: 1px solid #E2E2E2;
}
#footer {
text-align: center;
}
#footer .part1 {
display: block;
padding: 30px;
}
.coordinates {
padding: 0 20px 20px;
border: none;
}
.boxlink {
padding: 0 20px; 
display: inline-block;
vertical-align: middle;
}
#footer .part2 {
padding: 10px;
text-align: center;
}
.logos img {
height: 70px;
margin: 10px;
}

.blog_page h1 {
font-size: 22px;
}
.article h1,
.list h1,
.search_results h1 {
font-size: 22px;
text-align: left;
}
.breadcrumbs {
padding: 20px 0;
}

/*.home #header .inner {
height: 45vw;
}
.restart_title {
left: 20px;
bottom: 20px;
width: 70vw;
}*/
.search_results.restart .content_center .lining {
padding-top: 10px;
}

.gallery .image_block {
flex: 0 1 50%;
}

.pseudoviewport {
overflow-x: scroll;
}



}



@media screen and (max-width: 560px) {

.langnav a {
display: block;
}
.langnav .table-cell:first-child a:first-child {
margin: 0 0 10px;
}
.infoblock, .infoblock .item {
display: block;
min-height: 0;
}
.infoblock a {
padding: 15px 20px 20px;
}

.restart_title {
width: 100%;
}

.article_page .lining {
padding: 20px 0;
}
.article_page .breadcrumbs {
padding: 0 20px 20px;
}


}


@media screen and (max-width: 479px) {

.gallery {
min-width: 0;
flex-flow: column;
}
.pagination.pagenav ul li.next {
margin: 0 0 15px 0;
}
.pagination.pagenav ul li.next {
float: right;
}
.pagination a {
width: 36px;
height: 36px;
line-height: 36px;
font-size: 17px;
border-radius: 18px;
}
.fieldset {
display: block;
}

}



@media screen and (max-width: 399px) {

body {
font-size: 16px;
}
.topnav {
font-size: 22px;
line-height: 26px;
}
.logo_mg img {
width: 90px;
}
.logo_ib img {
width: 66px;
}

.infoblock {
flex-flow: column;
}
.lining {
padding: 10px;
}
.article .item {
padding: 20px 15px;
}
/*.list .item {
padding: 30px 20px;
}*/
.videoset, .documents {
padding: 30px 15px;
}
#switchpanel a {
font-size: 16px;
}
#footer .part1 {
padding-bottom: 20px;
}
/*.coordinates {
margin: 0 -30px 20px -30px;
padding: 0 20px 25px;
border-bottom: 1px solid #dadada;
}
.restart*/ .coordinates {
margin: 0 -30px 20px -30px;
padding: 0 20px;
border-bottom: none;
}
.content_center .lining.fpblog {
padding: 0 5px 5px;
}
.blog .item {
border-left: none;
border-right: none;
}
.blog h2 {
font-size: 18px;
}
.article h1,
.list h1,
.search_results h1 {
font-size: 18px;
}
.result-hit dd {
margin: 5px 0 5px 0;
}
#header .inner {
padding: 30px 20px;;
}
/*.restart_title {
left: 20px;
bottom: 20px;
width: 85vw;
}*/

.pagination.pagenav .lining {
padding: 10px;
}

}


@media screen and (max-width:360px) {

.content_center .lining.fpblog {
padding: 0 0 15px;
}
.blog .item {
border-left: none;
border-right: none;
}
.lining {
padding-left: 0;
padding-right: 0;
}
.breadcrumbs {
font-size: 14px;
padding: 20px 15px;
}
.blog .item {
min-width: 320px;
background-color: #fff;
border-bottom: 15px solid #F2F2F2;
}
.blog .date {
width: 130px;
border-left: 10px solid #F2F2F2;
}
h1 {
font-size: 24px;
line-height: normal;
}
.pagination .lining {
padding: 0 10px 10px;
}

}






/* Magnific Popup CSS */

a.image-link {
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #000;
opacity: 0.85;
}

.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container::before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container::before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
max-width: 95%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: 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 !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
color: #999;
background-color: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button.mfp-close {
color: #666;
}
.mfp-ajax-holder button.mfp-close:hover {
color: #fff;
}
.mfp-ajax-holder button.mfp-close:focus {
color: #000;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 40px;
height: 40px;
line-height: 40px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
color: #999;
font-style: normal;
font-size: 30px;
font-family: 'Cooper', Arial, sans-serif; 
font-weight: 400;
}
.mfp-close:hover {
color: #fff;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; 
background: transparent;
}
.mfp-counter {
/*display: none;*/
color: #fff;
font-size: 12px;
line-height: 18px;
text-align: center;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow::before,
.mfp-arrow::after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow::after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow::before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left::after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left::before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right::after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right::before {
border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
background: #fff;
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
padding: 40px 0 40px;
margin: 0 auto;
}
.mfp-figure {
line-height: 0;
}
.mfp-figure::after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -25px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: center;
font-size: 15px;
line-height: normal;
color: #fff;
word-wrap: break-word;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
.mfp-zoom-in {
.mfp-with-anim {
opacity: 0;
transition: all 0.6s ease-in-out; 
transform: scale(0.9); 
}
&.mfp-bg {
opacity: 0;
transition: all 0.4s ease-out;
}

/* animate in */
&.mfp-ready {
.mfp-with-anim {
opacity: 1;
transform: scale(1); 
}
&.mfp-bg {
opacity: 0.8;
}
&.mfp-removing {
.mfp-with-anim {
transform: scale(0.8); 
opacity: 0;
}
&.mfp-bg {
opacity: 0;
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.4s ease-out; 
-moz-transition: opacity 0.4s ease-out; 
-o-transition: opacity 0.4s ease-out; 
transition: opacity 0.4s ease-out;
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.75;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
@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-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
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;
}
}
@media all and (max-width: 900px) {
.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;
}
}