/**
 * Styles for the {{ THEME NAME }} theme.
 */
@import url('font.css');
@import url('slick.theme.css');
@import url('theme.css');
@import url('icons/css/nabu_icons.css');
@import url('//cdn-images.mailchimp.com/embedcode/slim-081711.css');

/** General **/

body {
    color: #4a4b4c;
    font-family: Arial, Helvetica, sans-serif;
}
body.page-open-office {
    background: #f5f5f5;
}
h1, h2, h3 {
    font-family: 'dinpro-cond', Tahoma, Arial, sans-serif;
}

h2 a {
    text-decoration: none;
    color: #4a4b4c;
}

h2 a:hover {
    text-decoration: underline;
    color: #4a4b4c;
}

.field-name-field-tags i.icon-tag-1 {
    color: #cccccc;
}

/** Header **/

#header {
    background: #ffffff;
}
#page-header .jumbotron{
    background: #ffffff;
}
.page-index #page-header .jumbotron{
    background: #eeeeee;
}
.logo img {
    max-width: 200px;
}
#navbar {
    border: none;
}
#navbar.navbar.container.navbar-default {
    width: 100%;
    max-width: none;
    font-family: 'dinpro-cond', Tahoma, Arial, sans-serif;
    font-size: 1.5em;
    margin: 0;
}

.top_bar {
    width: 100%;
    background: #eeeeee;
    padding: 5px 0;
    height: 30px;
}

.header_logo, .top_container, .region-highlighted, .region-main-bottom,
.region-footer {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
}

.top_container {
    float: none;
    clear: both;
}

#block-locale-language {
    max-width: 100px;
    float: right;
}

.language-switcher-locale-url {
    margin-top: 4px;
}
.language-switcher-locale-url li {
    list-style: none;
    list-style-type: none;
    display: block;
    float: right;
}

.language-switcher-locale-url li.uk {
    margin-right: 10px;
}

.language-switcher-locale-url img {height: 12px !important;}

.header_logo .logo {
    float: left;
    width: 200px;
}

#block-block-1 {
    float: none;
    display: inline-block;
    text-align: right;
    height: 97px;
    /*margin-top: -105px;*/
    max-width: 400px;
    font-size: 0.75em;
}

#block-block-1 p {
    font-style: italic;
}

#block-block-1 h3 {
    font-family: 'dinpro-cond', Tahoma, Arial, sans-serif;
    /*font-size: 1.75em;*/
    font-size: 20px;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 2px solid #f3f3f3;
    text-align: left;
    max-width: 100px;
}
#block-block-10 {
    display: inline-block;
    height: 97px;
    vertical-align: top;
    padding-top: 26px;
    margin-left: 130px;
}
#block-block-10 p {
    margin-bottom: 0;
    color: #999999;
    font-size: 11px;
}
#block-block-10 strong {
    font-family: 'din_pro', Tahoma, Arial, sans-serif;
    font-size: 30px;
    position: relative;
    line-height: 1;
    color: #4A4B4C;
}
#block-block-10 strong:before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url("img/ico-phone.png") no-repeat 50% 50%;
    position: absolute;
    left: -28px;
    top: 11px;
}

#block-search-form {
    float: right;
    width: 390px;
    padding-top: 30px;
}
#block-search-form .input-group .btn-primary{
    border: none;
    padding: 7px 12px;
}

#mobile-search {
    display: none;
}
/** Menu **/


#navbar .navbar-collapse {
    max-width: 1140px;
    margin: 0 auto;
}

.navbar-nav > li {
    margin-right: 24px;
}

.navbar-nav > li.last {
    margin-right: 0;
}

.dropdown-toggle.nolink {
    color: #ffffff;
    display: block;
    padding: 15px;
    line-height: 20px;
    cursor: pointer;
}

.dropdown-menu a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.dropdown-menu .active a {
    color: #4a4b4c;
}

li .separator hr {
    margin: 5px 0;
}

.dropdown-menu > li > a {
    word-wrap: normal;
    white-space: normal;
    min-width: 230px;
}
#navbar .navbar-collapse {
    position: relative;
}
#navbar .menu.navbar-nav {
    text-align: justify;
    width: 100%;
    height: 50px;
}
#navbar .menu.navbar-nav:before {
    content: '';
    display: block;
    width: 100%;
}
#navbar .menu.navbar-nav:after {
    content: '';
    display: inline-block;
    width: 100%;
}
#navbar .menu.navbar-nav > li{
    position: static;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-right: 0;
}
#navbar .menu.navbar-nav > li.first {
    margin-left: -10px;
}
#navbar .menu.navbar-nav > li.last {
    margin-right: -15px;
    margin-left: 15px;
}
#navbar .menu.navbar-nav > li.menu-more > span {
    padding-right: 0;
}
#navbar .with-burger:before {
    content: '';
    display: inline-block;
    position: relative;
    right: 100%;
    width: 23px;
    height: 20px;
    background: url('icons/ico-burger.png')no-repeat 50% 50%/cover;
    top: 3px;
    left: -8px;
}
#navbar .caret,
#mobileMenu .caret {
    border: none;
    background: url("icons/ico-arrow-yellow.png") no-repeat 50% 50%/cover;
    width: 10px;
    height: 10px;
}
#mobileMenu .open .caret {
    transform: rotate(180deg);
}
#navbar .menu.navbar-nav > li.menu-more > ul {
    left: auto;
    right: 0;
}
#navbar .menu.navbar-nav > li.mobile-menu-button {
    display: none;
}
#navbar .menu.navbar-nav > li.oo-link.active-trail {
    /*background-color: transparent;*/
    text-decoration : none;
}
#navbar .menu.navbar-nav > li.oo-link a {
    color: #f3dd00;
}
#navbar .menu.navbar-nav > li > ul {
    left: auto;
    padding: 15px 0;
    border: none;
    border-top: 1px solid transparent;
}
#navbar .menu.navbar-nav > li > ul > .expanded {
    display: inline-block;
    min-width: 200px;
    text-align: left;
    max-width: 25%;
}
#navbar .menu.navbar-nav > li > ul > li > a:hover {
    background: transparent;
    text-decoration: underline;
}
#navbar .menu.navbar-nav > li > ul > .expanded>span {
    color: #4a4b4c;
    font-weight: bold;
    font-size: 16px;
    font-family: 'din_pro', Tahoma, Arial, sans-serif;
    padding: 0 15px;
    cursor: default;
}
#navbar .menu.navbar-nav > li > ul > .expanded>span>.caret {
    display: none;
}
#navbar .menu.navbar-nav > li > ul > .expanded > .dropdown-menu {
    display: block;
    position: relative;
    border: none;
    box-shadow: none;
}
#navbar .menu.navbar-nav > li > ul > .expanded > .dropdown-menu li>a:hover {
    background-color: transparent;
    text-decoration: underline;
}
@media screen and (max-width: 959px) {

    #navbar .menu.navbar-nav > li.oo-link {
        float: right;
        margin-right: -15px;
    }
    #navbar .menu.navbar-nav > li.oo-link > a {
        /*padding-right: 0;*/
    }
    #navbar .menu.navbar-nav > li:not(.leaf) {
        display: none;
    }
    .i18n-en #navbar .menu.navbar-nav > li {
        display: none;
    }
    .i18n-en #navbar .menu.navbar-nav > li.mobile-menu-button{
        display: inline-block;
    }
    .i18n-en #navbar .menu.navbar-nav > li.oo-link{
        display: inline-block;
    }
    #navbar .menu.navbar-nav > li.mobile-menu-button {
        display: inline-block;
        margin-left: -18px;
    }
    #navbar .navbar-header {
        display: none!important;
    }
    #navbar {
        /*min-height: 40px;*/
    }
    #navbar .menu.navbar-nav,
    #mobileMenu .menu.navbar-nav {
        margin: 0;
    }

    #mobileMenu .navbar-nav li{
        display: block;
        float: none;
    }
    #mobileMenu .navbar-nav > .expanded>span {
        color: #ffffff;
        font-weight: normal;
        font-size: 21px;
        font-family: 'dinpro-cond', Tahoma, Arial, sans-serif;
        cursor: default;
        padding: 10px;
    }
    #mobileMenu .navbar-nav > li > .dropdown-menu {
        position: relative;
        border: none;
        box-shadow: none;
        background: transparent;
        color: #ffffff;
    }
    #mobileMenu .menu.navbar-nav > li > ul > .expanded>span {
        color: #ffffff;
        font-weight: bold;
        font-size: 16px;
        font-family: 'din_pro', Tahoma, Arial, sans-serif;
        padding: 0 15px;
        cursor: default;
    }
    #mobileMenu .menu.navbar-nav > li > ul > li > a ,
    #mobileMenu .menu.navbar-nav > li > ul > li > a:hover {
        color: #c6c8ca;
        background-color: transparent;
        padding: 5px 15px;
    }
    #mobileMenu .menu.navbar-nav > li > ul > .expanded>span>.caret {
        display: none;
    }
    #mobileMenu .menu.navbar-nav > li > ul > .expanded > .dropdown-menu {
        display: block;
        position: relative;
        border: none;
        box-shadow: none;
        background-color: transparent;
    }
    #mobileMenu .menu.navbar-nav > li > ul > .expanded > .dropdown-menu li>a,
    #mobileMenu .menu.navbar-nav > li > ul > .expanded > .dropdown-menu li>a:hover {
        color: #c6c8ca;
        background: none;
        padding: 5px 15px;
        font-size: 12px;
    }
    #mobileMenu .menu.navbar-nav > li.leaf > a {
        padding: 10px;
        font-family: 'dinpro-cond', Tahoma, Arial, sans-serif;
        font-size: 21px;
    }
    #mobileMenu .menu.navbar-nav > li.leaf:hover a {
        color: #ffffff;
        background: transparent;
    }
    .modal.slide_from_left .modal-dialog {
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: all 0.3s ease-out;
        padding: 0;
        left: -1px;
    }
    .modal.slide_from_left.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .modal.mobile-menu .modal-content {
        height: auto;
        min-height: 100%;
        background-color: #4a4b4c;
        color: #ffffff;
        font-size: 16px;
    }
    .modal.mobile-menu .modal-dialog {
        margin: 0;
        width: 300px;
        height: 100%;
        min-height: 100%;
    }
    .modal.mobile-menu .modal-header {
        border: none;
        padding-bottom: 0;
    }
    .modal.mobile-menu .modal-header .close {
        display: inline-block;
        background: url('icons/ico-close.png')no-repeat 50% 50%/cover;
        width: 20px;
        height: 20px;
        opacity: 1;
    }
    .modal.mobile-menu .modal-body {
        padding-top: 0;
    }

}

/** Page **/

.main-container {
    margin-top: 1em;
    min-height: 500px;
}



.more-link {
    text-align: center;

}

.more-link a {
    display: inline-block;
    padding: 5px 15px;
    background: #f3dd00;
    margin: 10px auto;
    width: auto;
    color: #4a4b4c;
    font-family: 'din_pro', Tahoma, Arial, sans-serif;
    text-transform: uppercase;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0.2s;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

}

.form-submit, .button-primary {
    display: inline-block;
    padding: 5px 15px;
    background: #f3dd00;
    margin: 10px auto;
    font-size: 18px;
    width: auto;
    color: #4a4b4c;
    font-family: 'din_pro', Tahoma, Arial, sans-serif;
    text-transform: uppercase;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0.2s;
    border: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.more-link a:hover,
.form-submit:hover, .button-primary:hover{
    background: #ffed3d;
    box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.2);
    transition-delay: 0s;
}



.more-link a:active,
.form-submit:active, .button-primary:active{
    background: #ffed3d;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    transition-delay: 0s;
}



.publish_date {
    display: block;
    float: none;
    clear: both;
    margin: 10px 0;
    width: 100%;
}

.node-teaser .publish_date {
    margin: 10px 0 0;
    float: left;
}

.node header h2 {
    margin-top: 10px;
}


/** Top news **/

#block-views-top-news-block h2.block-title, #block-views-partners-block h2.block-title,
#block-footer-sitemap-footer-sitemap h2.block-title {
    font-size: 18px;
    line-height: 20px;
    padding: 4px 20px 8px 15px;
    margin-top: 4px;
    font-family: 'din_pro', Tahoma, Arial, sans-serif;
    background: transparent url('img/slope_bg.png') top right no-repeat;
    color: #4a4b4c;
    width: auto;
    display: inline-block;
    position: absolute;
    z-index: 2;
}



#block-views-partners-block h2.block-title {margin-top: -40px; }

#block-footer-sitemap-footer-sitemap h2.block-title {margin-top: -35px; }

#block-views-top-news-block .views-field-field-image img {
    border: 5px #f3dd00 solid;
}


#block-views-top-news-block .views-field-field-image {max-width: 400px;}

#block-views-top-news-block .views-field-field-image,
.view-events.view-display-id-page .views-field-field-image,
.node-teaser .field-name-field-video {
    float: left;
    margin-right: 20px;
    overflow: hidden;
}

#block-views-top-news-block .views-field-field-image {min-height: 30px;}

#block-views-video-block .views-row {margin-bottom: 20px;}

#block-views-video-block .views-field-title {font-weight: bold; font-size: 75%; margin-top: 10px;}

#block-views-video-block .views-row img {width: 100%;}


.noimage {display: block; height: 30px; float: none; clear: both; margin-bottom: 20px;}

#block-views-top-news-block .views-field-body {
    display: block;
    overflow: hidden;
}

#block-views-top-news-block .field-name-field-tags,
#block-views-top-news-block .views-field-created {
    font-size: 14px;
}


#block-views-top-news-block .views-field-created {margin-top: 5px;}

#block-views-top-news-block .views-field-created, .publish_date {
    color: #a5a5a5;
}


#block-views-top-news-block .field-name-field-tags i {
    color: #a5a5a5;
}

#block-views-top-news-block .views-field-view-node {
    display: block;
    width: 120px;
    float: right;
    background: transparent url('img/slope_bg.png') top right no-repeat;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 20px 4px 10px;
}


#block-views-top-news-block .views-field-title h2 {
    font-size: 36px;
    line-height: 110%;
    margin: 10px 0 15px;
}


.jumbotron p {
    margin-bottom: 15px;
    font-size: 18px;
}


.node-readmore,
.view-events.view-display-id-page .views-field-view-node {
    display: block;
    width: 100%;
    margin: 15px 0 10px;
}

.node-readmore a,
.view-events.view-display-id-page .views-field-view-node a {
    display: block;
    width: 120px;
    float: right;
    background: transparent url('img/slope_gray.png') top right no-repeat;
    line-height: 20px;
    text-transform: lowercase;
    font-weight: bold;
    padding: 4px 20px 4px 10px;
}





/** Nodes **/

.print_html {display: block; float: right; position: relative; clear: both; top:-31px; margin-bottom: -20px;}

.node-type-page  a.print-page {margin-top: -20px;}

.node-event .print_html {top: 0px; margin-top: -10px; margin-bottom: 10px; width: 100% !important;}

.node-event .print_html  a.print-page  {display: block; float: right;}

.field-name-field-image {
    display: block;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.field-name-field-date {
    color: #999999;
    margin-bottom: 10px;
    display: block;
    float: none;
    clear: both;
    font-family: 'din_pro', Tahoma, Arial, sans-serif;
    font-size: 30px;
    text-align: left;
}

.image-date-block .field-name-field-date {
    text-align: right;
}

.image-date-block {
    width: 220px;
    margin-right: 20px;
    float: left;

    text-align: right;
    margin-top: -5px;
}

.node-teaser .image-date-block  {  margin-top: 5px;}

.node-container {
    display: block;
    overflow: hidden;
}

.node img {
    max-width: 100%;
    height: auto;
}


.image-date-block .field-name-field-image {margin-right: 0;}

.field-name-field-source {margin-top: 10px;}

.field-name-field-post {margin-bottom: 10px; font-weight: bold;}


.field-name-field-related {margin-top: 20px;}

.field-name-field-related .field-item {padding: 5px 0 5px 20px; }


/** Sidebar **/


.region-sidebar-second h2.block-title {
    background: #eeeeee;
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.25em;
    padding: 5px 0;
    font-family: 'din_pro', Tahoma, Arial, sans-serif;

}

.region-sidebar-second img {max-width: 100%;}

.region-sidebar-second #block-views-events-block h2.block-title {   background: #f3dd00;}

.region-sidebar-second .menu  a.active {text-decoration: underline; font-weight: bold;}

#block-views-events-block .view {
    border: 5px #f3dd00 solid;
    padding: 10px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.3);

}

#block-views-events-block { }

#block-views-events-block h2 {
    margin-bottom: -5px;
}

.view-events .views-field-field-date-1 {
    font-size: 21px;
    display: block;
    float: left;
    margin-right: 10px;
}

.view-events .views-field-field-date-1 .day {
    font-family: 'din_pro', Tahoma, Arial, sans-serif;
}

.view-events .views-field-field-date-1 .time {
    font-family: 'dinpro-cond', Tahoma, Arial, sans-serif;
}

#block-views-events-block .views-field-title {
    display: block;
    width: 100%;
    float: none;
    clear: both;
    margin-bottom: 10px;
}

.views-field-field-type {
    display: inline-block;
    background: transparent url('img/slope_gray.png') top right no-repeat;
    line-height: 16px;
    text-transform: lowercase;
    font-weight: bold;
    font-size: 12px;
    position: relative;
    top: 6px;
    padding: 2px 20px 2px 10px;
}

.views-field-field-type a {
    color: #4a4b4c;
}


.view-events.view-display-id-page .views-row {margin-bottom: 40px;}

.view-events.view-display-id-page .views-field-body {overflow: hidden;}

#block-block-3 {margin-top: 10px;}

a.soclink {display: block; color: #ffffff;
    text-decoration: none;
    padding: 5px 10px;  font-family: 'dinpro-cond', Tahoma, Arial, sans-serif;
    font-size: 1.5em; margin: 10px 0 0;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0.2s;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }

a.soclink:hover { box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.2);
    transition-delay: 0s;}

a.soclink:active {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    transition-delay: 0s;
}

a.fb_link {

    background: #405c99;
}

a.fb_link:hover, a.fb_link:active {background: #5270b2;
}

a.yt_link {
    background: #e62117;
}

a.yt_link:hover, a.yt_link:active {background: #fc5850;
}

a.tw_link {
    background: #55acee;
}

a.tw_link:hover, a.tw_link:active {background: #8fcfff;
}


a.soclink i {display: inline-block; padding: 0 5px 0 0;}

#block-views-report-block-1 img {
    /* width:95%; */
    display: block;
    margin: 0 auto;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0.2s;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

#block-views-report-block-1 a:hover img { box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.2);
    transition-delay: 0s;}


#block-views-report-block-1 a:active img {    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    transition-delay: 0s;
}


.view-vakansii .views-table thead {font-size: 12px;}

.view-vakansii .views-table td {vertical-align: middle;}

.view-vakansii .views-table .even {background: #eeeeee;}

.view-vakansii .views-table span.file {display: block; width: 100%; text-align: center;}

.views-field-field-test-rating {text-align: center;}


.links .language-icon {display: none;}


.i18n-en .field-name-field-related {display: none;}


input.form-text {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #777777;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 0;
}

.webform-component {margin-bottom: 20px;}

/** Footer **/

.main_bottom {background: #eeeeee; padding-bottom: 30px; margin-top: 30px;}


#block-views-partners-block .views-field-title-1 { color: #999999; font-size: 75%; font-style: italic; margin-top: -10px;}

#block-views-partners-block {padding-top: 40px;}

#slick-views-partners-1-slider .slick-slide img {margin: 0 auto; opacity: 0.75}

#slick-views-partners-1-slider .slick-slide {text-align: center;}

.slick-arrow {margin-top: 0px;}

.front .footer {margin-top: 0; }

.footer {background: #4a4b4c;  color: #ffffff; border-top: 0;}

#footer-sitemap {padding-top: 20px; white-space: normal;}

.footer a { color: #ffffff; }

.footer a:hover {color: #f3dd00;}

#footer-sitemap a {font-size: 12px; display: inline-block; margin-bottom: 2px;}


#footer-sitemap .fs-root-link {font-size: 16px!important; font-weight: bold; display:block; padding-bottom: 5px;
    margin-bottom: 15px;}

#footer-sitemap .footer_links_main-menu > ul > li {
    margin-bottom: 25px;
}
.i18n-en #footer-sitemap .footer_links_main-menu > ul > li {
    margin-bottom: 0;
}
#footer-sitemap .footer_links_main-menu> ul > li > ul > li .nolink {
    margin-top: 10px;
    display: inline-block;
}
#footer-sitemap ul li li li {
    padding-left: 15px;
}
#footer-sitemap li > a {
    color: #c6c8ca;
}
#footer-sitemap li > a:hover {
    color: #ffffff;
    text-decoration: underline;
}
#footer-sitemap .footer_links_main-menu > ul {
    padding: 0 15px;
}
#footer-sitemap .column > li > ul > .fs-no-children {
    /*padding-left: 15px;*/
}
#footer-sitemap li.parent-children-0.last {margin-right: 0;}

#footer-sitemap li{list-style: none}
#footer-sitemap ul li {float: none}
#footer-sitemap .menu-container {
    display: none;
    border-bottom: 1px #777777 solid;
}
.i18n-en #footer-sitemap .menu-container {
    padding-bottom: 20px;
}
.footer-slide-button {
    display: inline-block;
    font-family: 'din_pro', Tahoma, Arial, sans-serif;
    font-size: 18px;
    line-height: 1;
    margin-left: 20px;
    cursor: pointer;
}
.footer-slide-button:hover {
    text-decoration: none;
}
.footer-slide-button:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #f3dd00 url('icons/arrow-down-ico.png') no-repeat 50% 50%;
    background-size: 11px 8px;
    border-radius: 50%;
    position: relative;
    top: 4px;
    margin-left: 8px;
}
.footer-slide-button .close-footer {
    display: none;
}
.footer-slide-button.open .close-footer{
    display: inline;
}
.footer-slide-button.open .open-footer {
    display: none;
}
.footer-slide-button.open:after {
    transform: rotate(180deg);
}
@media screen and (min-width: 992px) {
    #footer-sitemap ul li ul {
        display: block!important;
    }
}
@media screen and (max-width: 991px) {
    #footer-sitemap .fs-root-link + ul{
        display: none;
    }
    #footer-sitemap .main-menu {
        border-bottom: none;
    }
    #footer-sitemap .footer_links_main-menu > ul > li {
        margin-bottom: 0;
        position: relative;
    }
    #footer-sitemap .footer_links_main-menu > ul > li.open .fs-root-link {
        /*margin-bottom: 0;*/
    }
    #footer-sitemap .footer_links_main-menu > ul > li > ul > li .nolink {
        margin-top: 0;
        margin-bottom: 10px;
    }
    #footer-sitemap ul li li {
        margin-bottom: 10px;
    }
    #footer-sitemap .footer_links_main-menu > ul > li:before {
        content: '';
        display: inline-block;
        position: absolute;
        right: 3px;
        background: url("icons/ico-arrow-yellow.png") no-repeat 50% 50%/cover;
        width: 10px;
        height: 10px;
    }
    #footer-sitemap .footer_links_main-menu > ul > li.open:before {
        transform: rotate(180deg);
    }
    .footer-slide-button {
        display: none;
    }
    #footer-sitemap .menu-container {
        display: block!important;
        border-bottom: none;
    }
    .i18n-en #footer-sitemap .col3 > li:before,
    .i18n-en #footer-sitemap .col4 > li:before {
        display: none;
    }
    .i18n-en #footer-sitemap .col3 > li>a,
    .i18n-en #footer-sitemap .col4 > li>a {
        color: #ffffff;
    }

}

#block-block-5 {
    font-size: 12px;
    float: left;
    border-bottom: 1px #777777 solid;
    padding: 17px 0 20px 80px;
    height: 90px;
    position: relative;
    z-index: 15;
}

#block-block-5 a {
    display: inline-block;
    margin: 0 10px;
}
#block-block-5 .soc_links a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #999999;
    font-size: 0;
    vertical-align: super;
    margin: 0 5px;
    transition: 0.15s all;
}
#block-block-5 .soc_links a:hover {
    border: 1px solid #ffffff;
}
#block-block-5 .soc_links .fb-link{
    background: url('img/ico-fb-white.png') no-repeat 50% 50%;
}
#block-block-5 .soc_links .tw-link{
    background: url('img/ico-tw-white.png') no-repeat 50% 50%;
}
#block-block-5 .soc_links .tube-link{
    background: url('img/ico-tube-white.png') no-repeat 50% 50%;
}
#block-block-5 .soc_links .rss-link{
    background: url('img/ico-rss-white.png') no-repeat 50% 50%;
}
#block-block-7 {
    font-size: 12px;
    position: relative;
    z-index:9;
    border-bottom: 1px #777777 solid;
    padding: 20px 0;
    float: left;
    height: 90px;
}
#block-block-7 .footer-phone {
    margin-bottom: 0;
    color: #ffffff;
    font-family: 'din_pro', Tahoma, Arial, sans-serif;
    font-size: 32px;
    position: relative;
    line-height: 1;
    display: inline-block;
    margin-left: 25px;
}
#block-block-7 .footer-phone strong:before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url("img/ico-phone.png") no-repeat 50% 50%;
    position: absolute;
    left: -28px;
    top: 9px;
}
#block-block-7 .phone-text {
    margin-bottom: 0;
    color: #ffffff;
    font-size: 10px;
    display: block;
    font-family: Arial, sans-serif;
    padding-top: 3px;
}
#block-block-7 .footer-adress {
    display: inline-block;
    position: relative;
    margin-left: 70px;
    top: -5px;
}
#block-block-7 .footer-adress:before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 30px;
    background: url("img/ico-adress.png") no-repeat 50% 50%;
    background-size: 21px 30px;
    position: absolute;
    left: -24px;
    top: 2px;
}
#block-block-13 {
    font-size: 12px;
    z-index: 10;
    border-bottom: 1px #777777 solid;
    padding: 17px 0 20px 40px;
    height: 90px;
}
#block-block-13 p {
    text-align: right;
    padding-right: 5px;
}
#block-block-13 .zv-link,
#block-block-13 .vo-link {
    line-height: 40px;
    font-size: 18px;
    font-family: 'din_pro', Tahoma, Arial, sans-serif;
    padding: 0 30px;
    display: inline-block;
    text-decoration: none;
    transition: all 0.15s;
    margin-top: 6px;
    margin-left: 20px;
    outline: none;
    text-transform: uppercase;
}
#block-block-13 .zv-link {
    color: #4a4b4c;
    background: #f3dd00;
    border: 1px solid transparent;
}
#block-block-13 .zv-link:hover {
    color: #f3dd00;
    background: transparent;
    border: 1px solid #f3dd00;
    transition: all 0.15s;
}
#block-block-13 .vo-link {
    color: #f3dd00;
    background: transparent;
    border: 1px solid #f3dd00;
}
#block-block-13 .vo-link:hover {
    color: #4a4b4c;
    background: #f3dd00;
    border: 1px solid transparent;
    transition: all 0.15s;
}
.i18n-en #block-block-13 .zv-link {
    display: none!important;
}
#block-block-8 {font-size: 12px; margin-top: 20px;}

#block-block-8 a {display: inline-block; margin: 0 10px;}

#block-block-9 {color: #999999; font-size: 11px; position: absolute; margin: -2px 0 0 8px;}

#block-block-9 i {display: inline-block; position: relative; top:-5px; font-size: 18px; left: 8px;}

.addthis_native_toolbox {margin-top: 60px;}
.footer {
    padding-top: 2px;
}
#block-footer-sitemap-footer-sitemap h2.block-title {
    position: relative;
}
#footer-sitemap {
    margin: 0 15px;
}
#footer-sitemap .fs-root-link {
    border-bottom: 1px solid #777777;
}
#footer-sitemap .footer_links_main-menu .nolink {
    font-size: 14px;
    font-weight: bold;
}


/* open office tile*/
.tile-bg-img {
    display: block;
    height: 270px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.3s all;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
}
.tile-bg-img:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.6;
    background: #4a4b4c;
    z-index: 10;
    transition: 0.3s all;
}
.tile-bg-img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -webkit-filter: grayscale(1%);
    -moz-filter: grayscale(1%);
    -ms-filter: grayscale(1%);
    -o-filter: grayscale(1%);
    filter: grayscale(1%);
    transition: 0.3s all;
    z-index: 10;
    -webkit-box-shadow: 5px 15px 15px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 15px 15px 0px rgba(0,0,0,0.5);
    box-shadow: 5px 15px 15px 0px rgba(0,0,0,0.5);
}
.tile-bg-img:hover:after {
    opacity: 0;
}
.tile-bg-img .block-title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 30px;
    line-height: 1;
    font-family: 'din_pro', Tahoma, Arial, sans-serif;
    transition: all 0.3s;
    padding: 15px;
    background: rgba(243, 221, 0, 0);
    z-index: 15;
    width: 65%;
    text-align: center;
}
.tile-bg-img .block-title:before {
    content: '';
    position: absolute;
    display: block;
    left: -19px;
    top:0;
    bottom: 0;
    width: 20px;
    background: url("img/triangle-yellow.png") no-repeat;
    background-size: 100% 100%;
    opacity: 0;
    transition: 0.3s all;
}
.tile-bg-img:hover .block-title {
    color: #333333;
    background: rgba(243, 221, 0, 1);
    transition: 0.3s all;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-size: 30px;
    width: 65%;
}
.tile-bg-img:hover .block-title:before {
    opacity: 1;
    transition: 0.3s all;
}
@media (max-width: 991px) {
    .tile-bg-img {
        height: 235px;
    }
}
@media (max-width: 767px) {
    .tile-bg-img {
        height: 270px;
        margin-bottom: 7px;
    }
    .oo-tile {
        padding: 0 15px;
    }
}
/*about office*/
#oo-about-id .pane-title {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eeeeee;
}
#node-1633 .node-container {
    background: #575757;
    color: #ffffff;
    padding: 45px 40px;
}
#node-1633 .node-container .oo-banner {
    float: left;
    width: 55%;
    padding-right: 30px;
    border-right: 1px solid #ffffff;
}
#node-1633 .node-container .oo-banner h2 {
    margin-top: 0;
    margin-bottom: 10px;
}
#node-1633 .node-container .oo-logo {
    float: left;
    width: 45%;
    padding-left: 40px;
    text-align: center;
}
#node-1633 .node-container .oo-logo img {
    width: 200px;
    height: 82px;
}
#node-1633 .node-container .oo-logo h3 {
    display: inline-block;
    font-size: 45px;
    border-bottom: 2px solid #FFD300;
    font-family: 'din_pro', Tahoma, Arial, sans-serif;
    text-transform: uppercase;
    margin: 20px 0 0;
}
#node-1634 .field-item  p{
    padding-left: 75px;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}
#node-1634 .field-item  p img{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 1199px) {
    #node-1633 .node-container .oo-logo h3 {
        font-size: 36px;
    }
}
@media screen and (max-width: 991px) {
    #node-1633 .node-container {
        padding: 25px 20px;
    }
    #node-1633 .node-container .oo-banner {
        padding-right: 20px;
    }
    #node-1633 .node-container .oo-logo {
        padding-left: 20px;
    }
    #node-1633 .node-container .oo-logo h3 {
        font-size: 27px;
    }
}
@media screen and (max-width: 767px) {
    #node-1634 .field-item  p{
        padding-left: 0;
        padding-top: 60px;
        margin-bottom: 0;
        text-align: center;
    }
    #node-1634 .field-item  p img{
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, 0);
    }
    #node-1633 .node-container .oo-banner {
        border: none;
        width: 100%;
        padding: 0;
    }
    #node-1633 .node-container .oo-logo {
        width: 100%;
        padding: 0;
    }
    #node-1633 .node-container .oo-logo img {
        display: block;
        margin: 0 auto;
    }
    #node-1633 .node-container .oo-logo h3 {
        margin-bottom: 50px;
        font-size: 36px;
    }
}



/*bootstrap panel info for media/press*/
.group-zmi  {
    position: relative;
    box-shadow : none;
    margin-top: 50px;
}
.group-zmi .panel-heading {
    padding: 20px 25px 25px;
    background-color: transparent;
    cursor: pointer;
}
.group-zmi:not(.collapsed) .panel-heading{
    border-bottom: none;
    position: relative;
}
.group-zmi:not(.collapsed) .panel-heading:after {
    content: '';
    display: block;
    width: calc(100% - 50px);
    height: 1px;
    background: #dddddd;
    position: absolute;
    bottom: 0;
}
.group-zmi .panel-heading a {
    font-family     : 'dinpro-cond', Tahoma, Arial, sans-serif;
    text-decoration : none;
    font-size       : 30px;
    padding-left    : 50px !important;
    background      : url('img/icons/icon-link-sh.svg') no-repeat 15px center;
    background-size : 22px 22px;
    outline: none;
    display : inline-block !important;
    vertical-align : middle;
}
.group-zmi .panel-heading a:after {
    content       : '';
    width         : 100%;
    border-bottom : 1px solid;
}
.group-zmi .expand-link {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #f3dd00 url('icons/arrow-down-ico.png') no-repeat 55% 50%;
    background-size: 15px 11px;
    border-radius: 50%;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.group-zmi:not(.collapsed) .expand-link {
    transform: translate(-50%, -50%) rotate(180deg);
    background-position: 47% 50%;
    background-size: 15px 11px;
}
.group-zmi .field-items .field-item .container-inline {
    margin-bottom: 10px;
}
.group-zmi .field-items .field-item .container-inline > div,
.group-zmi .field-name-field-zmi-email  > div {
    display: inline-block;
    vertical-align: top;
}
.group-zmi .field-items .field-item .double-field-first,
.group-zmi .field-label-inline .field-label {
    width: 160px;
    font-weight: normal;
}
.group-zmi .field-items .field-item .double-field-second,
.group-zmi .field-name-field-zmi-email .field-items {
    width: calc(100% - 155px);
    max-width: 625px;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #dddddd;
    padding: 0 5px;
}
.group-zmi .field-name-field-zmi-email .field-items {
    border: none;
    padding-left: 0;
}
@media screen and (max-width: 767px) {
    .group-zmi .field-items .field-item .container-inline > div,
    .group-zmi .field-name-field-zmi-email  > div {
        display: block;
    }
    .group-zmi .field-items .field-item .container-inline > div,
    .group-zmi .field-name-field-zmi-email .field-items {
        width: 100%;
    }
}


/*order-regulations*/
.order-regulations {
    margin-bottom: 45px;
    position: relative;
}
.order-regulations  .pane-title{
    text-align: center;
    font-size: 30px;
    padding: 15px 15px 25px;
    border: 1px solid #dddddd;
    position: relative;
    margin: 0 0 30px;
}
.order-regulations.open .pane-title {
    background: #f5f5f5;
    border: none;
}
.order-regulations .pane-content{
    display: none;
}
.order-regulations .expand-link{
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #f3dd00 url('icons/arrow-down-ico.png') no-repeat 55% 50%;
    background-size: 15px 11px;
    border-radius: 50%;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.order-regulations.open .expand-link {
    background-position: 45% 50%;
    transform: translate(-50%, 0) rotate(180deg);
}


/*OO sidebar*/
#block-block-15 .block-title,
#block-menu-block-5 .block-title {
    font-size: 18px;
    background: none;
}

#block-block-15 .more-link a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #bcbcbc;
    font-size: 0;
    vertical-align: super;
    margin: 0 5px;
    transition: 0.15s all;
    background: transparent;
    box-shadow: none;
}
#block-block-15 .more-link a:hover {
    border: 1px solid #808080;
}
#block-block-15 .more-link .fb_link{
    background: url('img/ico-fb-black.png') no-repeat 50% 50%;
    background-size: 13px 22px;
}
#block-block-15 .more-link .tw_link{
    background: url('img/ico-tw-black.png') no-repeat 50% 50%;
    background-size: 23px 20px;
}
#block-block-15 .more-link .fl_link{
    background: url('img/ico-fl-black.png') no-repeat 50% 50%;
    background-size: 20px 20px;
}
.smcx-widget-footer {
    display: none;
}
.smcx-embed {
    height: auto!important;
    border: none !important;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
}


/*OO reports*/
.view-oo-reports .node-report footer {
    display: none;
}
.view-oo-reports .node-report header {
    margin-bottom: 15px;
}
.view-oo-reports .node-report header h2 {
    text-align: center;
}
.view-oo-reports .node-report {
    margin-bottom: 20px;
}
.view-oo-reports .node-report .field-name-field-image {
    margin: 0 auto;
    float: none;
}
.view-oo-reports .node-report .field-name-field-image .field-item {
    text-align: center;
}
.view-oo-reports .node-report .field-name-field-image .field-item a{
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
    transition: all 0.15s;
    display: inline-block;
}
.view-oo-reports .node-report .field-name-field-image .field-item a:hover {
    -webkit-box-shadow: 3px 12px 14px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 12px 14px 0px rgba(0,0,0,0.3);
    box-shadow: 3px 12px 14px 0px rgba(0,0,0,0.3);
    transition: all 0.15s;
    transform: scale(1.05);
}

    /*procurement-plan*/
.page-annual-procurement-plan .panels-flexible-column .pane-title {
    padding: 20px 20px 30px;
    position: relative;
    border: 1px solid #dddddd;
    text-align: center;
}
.page-annual-procurement-plan .panels-flexible-column .pane-title.open {
    border: 1px solid transparent;
    background: #f5f5f5;
}
.page-annual-procurement-plan .panels-flexible-column .pane-title .expand-link {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #f3dd00 url('icons/arrow-down-ico.png') no-repeat 55% 50%;
    background-size: 15px 11px;
    border-radius: 50%;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.page-annual-procurement-plan .panels-flexible-column .pane-title.open .expand-link {
    transform: translate(-50%, -50%) rotate(180deg);
    background-position: 47% 50%;
    background-size: 15px 11px;
}
.page-annual-procurement-plan .panels-flexible-column .pane-title + .pane-content .field-item h2 {
    font-size: 14px;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif;
}


/*sidebar*/
#block-menu-block-2 {
    margin-bottom: 25px;
}
#block-menu-block-2 h2.block-title{
    font-size: 18px;
    padding: 8px 0;
    background: #F5F5F5;
}
    /** Anim GIF **/

figure > img {
    max-width: 100%;
    height: auto;
    border: 5px solid #fff;
    vertical-align: top;
    -webkit-transition: opacity 350ms;
    transition: opacity 350ms;
}


figure {
    width: 600px;
    margin: 0 auto;
    display: block;
    padding: 10px;
    position: relative;
    cursor: pointer;
}
figure:before,
figure:after {
    position: absolute;
}
figure:before {
    display: inline-block;
    width: 30px;
    text-align: center;
    top: 20px;
    right: 70px;
    padding: 5px;
    border-radius: 3px;
    background-color: #777777;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    content: '▶';
    line-height: 16px;
    font-size: 14px;
    color: #F5F7FA;
}
figure:after {
    content: 'gif';
    position: absolute;
    display: inline-block;
    width: 40px;
    text-align: center;
    top: 20px;
    right: 20px;
    font-size: 11px;
    font-weight: 600;
    padding: 5px;
    border-radius: 3px;
    color: #656D78;
    background-color: rgba(170, 178, 189, 0.1);
    text-transform: uppercase;
}
figure.play:before {
    content: 'II';
    color: #777777;
    background-color: rgba(170, 178, 189, 0.1);
}
figure.play:after {
    color: #fff;
    background-color: #8CC152;
}


/** Mailchimp **/

#mc_embed_signup{background:#fff; clear:left; font:14px  Arial, Helvetica, sans-serif; display: block;
    border: 5px #eeeeee solid;
    margin: 30px 0;
    padding: 10px 10px 20px;
}
#mc-embedded-subscribe {
    background: #f3dd00 !important;
    display: inline-block !important;

    color: #4a4b4c !important;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.25em;

    width: 25%!important;
    border-radius: 0 !important;
    font-family: 'din_pro', Tahoma, Arial, sans-serif;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0.2s;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}


#mc-embedded-subscribe:hover { background: #ffed3d !important;
    box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.2);
    transition-delay: 0s;
}

#mc-embedded-subscribe:active {
    background: #ffed3d !important;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    transition-delay: 0s;
}


#mc_embed_signup_scroll label {padding-bottom: 0; margin-bottom: 10px; padding-top: 10px;}

#mc_embed_signup #mce-EMAIL {display: block; float: left !important; margin-right: 20px; width: 68% !important;}

.webform-component, .description {display: block; width: 100%; float: none; clear: both;}

.webform-component-date div.form-item {width:27%; display: block; float: left; margin-right:2%;}

.webform-component-date {float: none; clear: both; min-height: 40px; width: 100%;}

.form-managed-file .btn-default {background: #55acee;}

.captcha .panel-heading,  .captcha p.help-block {display: none;}

.footer_links .menu-653 ul {padding-right: 8px;}



#node-728 .webform-component-radios div.form-type-radio, .webform-component-time .webform-container-inline div.form-group  {width:27%; display: block; float: left; margin-right:2%;}

#node-728 .webform-component-radios {float: none; clear: both; min-height: 40px; width: 100%;}

/*li.menu-653, li.menu-656 {max-width: 200px !important;}*/

.i18n-en .breadcrumb {display: none;}

/** Calendar **/

.view-gcalendar li.date-prev { right: 114px !important;}

div.addtocal {display: block !important; font-size: 50%}

.view-gcalendar div.addtocal {position: relative; font-size: 100%; z-index: 5;}

.view-gcalendar .views-field-field-date, .view-gcalendar tr.single-day,
.view-gcalendar tr.single-day td, .view-gcalendar  .calendar.monthview {overflow: visible !important;}

.view-gcalendar ul.addtocal_menu {position: absolute; z-index: 120; margin-top: 0px;}

.view-gcalendar .feed-icon {display: none;}



/** forms **/





/** Responsive **/
@media (max-width: 1199px) {
    #block-locale-language {
        margin-right: 15px;
    }
    #block-search-form {
        margin-right: 15px;
    }
}

@media (max-width: 1149px) {
    #block-block-7 {
        width: 65%;
        float: left;
        border-bottom: none;
        padding-left: 15px;
    }
    #block-block-5 {
        width: 35%;
        float: right;
        border-bottom: none;
    }
    #footer-sitemap .main-menu {
        margin: 0;
    }
    #block-block-5 {
        padding-left: 0;
        padding-right: 15px;
    }
    #block-block-5 .soc_links {
        text-align: right;
    }
    #block-block-13 {
        width: calc(100% - 30px);
        float: left;
        padding-left: 0;
        padding-top: 0;
        margin-right: 15px;
        margin-left: 15px;
        height: auto;
    }
    #block-block-13 p {
        text-align: center;
    }
    #block-block-13 .zv-link,
    #block-block-13 .vo-link {
        margin-left: 0;
        margin-right: 20px;
        margin-top: 0;
    }
    .i18n-en #block-block-13 .vo-link {
        margin-right: 0;
    }
}

@media (max-width: 1025px) {
    #block-block-10 {
        margin-left: 80px;
    }
    .navbar-nav > li {
        margin-right: 0;
        font-size: 18px;
    }

}

@media (max-width: 960px) {
    .navbar-nav > li {
        font-size: 21px;
    }
    #block-block-1 {
        display: none;
    }
    #block-search-form {
        width: 275px;
    }

    .field-name-field-image,
    .node-teaser .field-name-field-date,
    #block-views-top-news-block .views-field-field-image,
    .view-events.view-display-id-page .views-field-field-image,
    .node-teaser .field-name-field-video  {
        float: none;
        clear: both;
    }

    .node-teaser,
    .node-teaser .field-name-field-video {
        margin-bottom: 10px;
    }
    .node-teaser .field-name-field-date {
        text-align: left;
        margin-bottom: 0;
    }
    .main_bottom {padding-bottom: 0;}

    #mc_embed_signup #mce-EMAIL {width: 100% !important;}

    #mc-embedded-subscribe {

        display: block !important;
        margin-top: 5px !important;
        float: none;
        clear: both;

    }
    #block-block-7 {
        border: 0 none;
        padding-left: 15px;
    }

    li.menu-653, li.menu-656  {max-width: none !important;}

    .footer_links_main-menu > li, .footer_links_main-menu > li > ul {width: 100% !important; max-width: none !important;}


}

@media (max-width: 767px) {

    #block-search-form {
        margin: 15px 0 0;
        padding: 0 15px;
        width: 100%;
        display: none;
    }
    #edit-actions {
        margin: 0;
    }
    #block-block-10 {
        margin: 0 15px 0 0;
        float: right;
    }
    #block-block-10 strong {
        font-size: 24px;
    }
    #block-block-10 strong:before {
        display: none;
    }
    #block-block-9 {
        margin: -2px 0 0 2px;
    }
    #mobile-search {
        display: inline-block;
        float: right;
        padding: 5px 10px;
        top: -5px;
        position: relative;
        left: 15px;
        border: none;
    }
    #mobile-search.open span:before {
        display: none;
    }
    #mobile-search.open span:after {
        content: '';
        display: inline-block;
        position: relative;
        width: 13px;
        height: 13px;
        background: url('icons/ico-close-black.png') no-repeat 50% 50%/cover;
    }
    #block-block-5,
    #block-block-7,
    #block-block-13 {
        float: none;
        width: 100%;
        height: auto;
        margin: 0;
    }
    #block-block-7 .footer-adress {
        display: block;
        margin-left: 0;
    }
    #block-block-7 .footer-adress {
        margin-left: 25px;
        margin-top: 25px;
    }
    #block-block-5 {
        padding-left: 15px;
        padding-top: 0;
        margin-top: -5px;
    }
    #block-block-5 .soc_links {
        text-align: left;
    }
}
@media (max-width: 419px) {
    .header_logo .logo {
        width: 150px;
        margin-top: 12px;
    }
    #block-block-10 {
        padding-top: 13px;
    }
    #block-block-10 p {
        text-align: right;
        max-width: 120px;
    }
    #block-block-13 {
        border: none;
        padding: 0 15px;
    }
    #block-block-13 p {
        padding: 0;
    }
    #block-block-13 .zv-link,
    #block-block-13 .vo-link {
        margin: 0;
        margin-bottom: 10px;
        display: block;
    }
    .icon-lesser_coat_of_arms_of_ukraine_frame {
        margin-left: 15px;
    }

}