@charset "UTF-8";
#Inner .navbar-dark .container .nav-row .navbar-header .navbar-brand div p, .navbar-brand, .navbar-nav .nav-item a, .stick .navbar-dark .container .nav-row .navbar-header .navbar-brand a p, .stick .navbar-dark .justify-content-between .nav-item a {
    text-shadow: none
}
#Inner .reflect_archive_list ul li, ul li {
    list-style: none
}
#footer, body {
    min-width: 306px
}

@font-face {
    font-family: 'icons';
    src:
            url('../fonts/icons.ttf?wzrpzi') format('truetype'),
            url('../fonts/icons.woff?wzrpzi') format('woff'),
            url('../fonts/icons.svg?wzrpzi#icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Segoe UI Light';
    font-display: swap;
    src: url(../f/segoe_ui_light.eot);
    src: url(../f/segoe_ui_light.eot?#iefix) format('embedded-opentype'), url(../f/segoe_ui_light.woff) format('woff'), url(../f/segoe_ui_light.ttf) format('truetype'), url('../f/segoe_ui_light.svg#Segoe UI Light') format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'Segoe UI';
    font-display: swap;
    src: url(../f/segoe_ui.eot);
    src: url(../f/segoe_ui.eot?#iefix) format('embedded-opentype'), url(../f/segoe_ui.woff) format('woff'), url(../f/segoe_ui.ttf) format('truetype'), url('../f/segoe_ui.svg#Segoe UI') format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'Segoe UI Bold';
    font-display: swap;
    src: url(../f/segoe_ui_bold.eot);
    src: url(../f/segoe_ui_bold.eot?#iefix) format('embedded-opentype'), url(../f/segoe_ui_bold.woff) format('woff'), url(../f/segoe_ui_bold.ttf) format('truetype'), url('../f/segoe_ui_bold.svg#Segoe UI Bold') format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: SSSocial;
    font-display: swap;
    src: url(../f/ss-social-regular.eot);
    src: url(../f/ss-social-regular.eot?#iefix) format('embedded-opentype'), url(../f/ss-social-regular.woff) format('woff'), url(../f/ss-social-regular.ttf) format('truetype'), url(../f/ss-social-regular.svg#SSSocialRegular) format('svg');
    font-weight: 400;
    font-style: normal
}
.ss-icon, .ss-icon.ss-social, .ss-icon.ss-social-circle, [class*=" ss-"].right:after, [class*=" ss-"]:before, [class*=" ss-"][class*=" ss-social"].right:after, [class*=" ss-"][class*=" ss-social"]:before, [class^=ss-].right:after, [class^=ss-]:before, [class^=ss-][class*=" ss-social"].right:after, [class^=ss-][class*=" ss-social"]:before {
    font-family: SSSocial;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga"1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased
}
.ss-icon.ss-social-circle, [class*=" ss-"].ss-social-circle.right:after, [class*=" ss-"].ss-social-circle:before, [class^=ss-].ss-social-circle.right:after, [class^=ss-].ss-social-circle:before {
    font-weight: 700
}
[class^=ss-].right:before, [class^=ss-][class*=" ss-social"].right:before {
    display: none;
    content: ''
}
.ss-facebook.right:after, .ss-facebook:before {
    content: ''
}
.ss-twitter.right:after, .ss-twitter:before {
    content: ''
}
.ss-linkedin.right:after, .ss-linkedin:before {
    content: ''
}
.ss-googleplus.right:after, .ss-googleplus:before {
    content: ''
}
.ss-tumblr.right:after, .ss-tumblr:before {
    content: ''
}
.ss-wordpress.right:after, .ss-wordpress:before {
    content: ''
}
.ss-blogger.right:after, .ss-blogger:before {
    content: ''
}
.ss-posterous.right:after, .ss-posterous:before {
    content: ''
}
.ss-youtube.right:after, .ss-youtube:before {
    content: ''
}
.ss-vimeo.right:after, .ss-vimeo:before {
    content: ''
}
.ss-flickr.right:after, .ss-flickr:before {
    content: ''
}
.ss-instagram.right:after, .ss-instagram:before {
    content: ''
}
.ss-pinterest.right:after, .ss-pinterest:before {
    content: ''
}
.ss-dribbble.right:after, .ss-dribbble:before {
    content: ''
}
.ss-behance.right:after, .ss-behance:before {
    content: ''
}
.ss-github.right:after, .ss-github:before {
    content: ''
}
.ss-octocat.right:after, .ss-octocat:before {
    content: ''
}
.ss-paypal.right:after, .ss-paypal:before {
    content: ''
}
.ss-foursquare.right:after, .ss-foursquare:before {
    content: ''
}
.ss-skype.right:after, .ss-skype:before {
    content: ''
}
.ss-rdio.right:after, .ss-rdio:before {
    content: ''
}
.ss-spotify.right:after, .ss-spotify:before {
    content: ''
}
.ss-lastfm.right:after, .ss-lastfm:before {
    content: ''
}
.ss-mail.right:after, .ss-mail:before {
    content: '✉'
}
.ss-like.right:after, .ss-like:before {
    content: '👍'
}
.ss-rss.right:after, .ss-rss:before {
    content: ''
}
.icons {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'icons';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
._icon-angle-down:before {
    content: "\e900";
}
._icon-angle-left:before {
    content: "\e901";
}
._icon-angle-right:before {
    content: "\e902";
}
._icon-angle-up:before {
    content: "\e903";
    font-size: 25px;
}
._icon-facebook-f:before {
    content: "\e904";
}
._icon-instagram:before {
    content: "\e905";
}
._icon-telegram:before {
    content: "\e906";
}
._icon-youtube:before {
    content: "\e907";
}
._icon-twitter:before {
    content: "\e908";
}
._icon-folder:before {
    content: "\e909";
}
._icon-clock:before {
    content: "\e90a";
}
._icon-list-alt:before {
    content: "\e90b";
}
._icon-wifi:before {
    content: "\e90c";
}
._icon-search:before {
    content: "\e90d";
}
._icon-play-circle:before {
    content: "\e90e";
}
body {
    font-family: Segoe UI, ProximaNova, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.428571429;
    color: #333;
    background-color: #fff
}
a {
    color: #3e769a;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
a:hover {
    color: #ff7200;
    text-decoration: underline
}
:focus {
    outline: 0
}

/* header */

.headline {
    background-image: none;
    width: 100%;
    height: 15px
}
#Inner header .navbar-dark {
    /*-webkit-transition: width .5s;
    -moz-transition: width .5s;
    -ms-transition: width .5s;
    transition: width .5s*/
}
#Inner.stick .navbar-dark, #Main.stick .navbar-dark {
    height: 70px;
    z-index: 110
}
#Inner.stick header .drawer, .stick .drawer {
    top: 68px
}
.logo_s {
    display: none;
    height: 70px;
    width: 41px;
}
.stick .logo_s {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    /* height: auto */
}
.logo {
    /*display: block;*/
    height: 83px;
    /*width: 58px;*/
}
.stick .logo {
    display: none
}
.stick .headline, .stick .navbar-dark .container .nav-row .navbar-header .navbar-brand p:first-of-type {
    display: none !important
}
.stick header nav {
    background: rgba(43, 140, 169, .95);
    box-shadow: none;
    height: 71px;
}
.stick header nav nav {
    background: none
}
.stick .navbar-dark .container .nav-row .navbar-header .navbar-brand {
    margin-top: 0;
    /* padding: 0 0 0 15px */
}
.stick .navbar-dark .container .nav-row .navbar-header .navbar-brand p:last-of-type {
    padding: 22px 0
}
.stick .navbar-dark .justify-content-between .nav-item a {
    padding-top: 23px;
    padding-bottom: 24px
}
.stick .navicons {
    padding-top: 11px
}
.stick .m-line {
    height: 52px;
    margin: 4px 0
}
header nav span {
    display: inline-block;
    height: 80px;
    color: #fff;
    color: rgba(255, 255, 255, .6);
    text-transform: uppercase;
    vertical-align: top;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 80px;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out
}
.stick header nav span {
    height: 49px;
    line-height: 51px
}
header .navbar-dark {
    border: none;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.navbar-other-pages{
    background: rgba(43, 140, 169, .95) !important;
}

.navbar-brand a {
    display: block;
    text-decoration: none
}
.navbar-dark .justify-content-between .nav-item a {
    color: #fffecd;
    text-decoration: none;
    /*-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;*/
    padding: 34px 23px 42px;
    font-size: 1.05em
}
.navbar-dark .container .nav-row .navbar-header .navbar-brand img {
    float: left;
    margin-right: 10px;
}
/* .navbar-dark .container .nav-row .navbar-header .navbar-brand div {
    float: left
} */
/* -------- */
.navbar-dark .container .nav-row .navbar-header .navbar-brand a p {
    text-decoration: none;
    color: #fffecd;
    text-shadow: 1px 0 2px #000
}
.navbar-dark .container .nav-row .navbar-header .navbar-brand div p {
    margin: 0
}
.navbar-dark .container .nav-row .navbar-header .navbar-brand p:first-of-type {
    font-size: 14px;
    margin-bottom: 8px
}
.navbar-dark .container .nav-row .navbar-header .navbar-brand p:last-of-type {
    font-size: 25px;
    padding: 0
}
.nav .nav-item :hover.nav-link {
    color: #2b8ca9
}
.nav .nav-item .active.main-active .nav-link, .nav .nav-item .active .nav-link, .nav .nav-item .main-active .nav-link {
    background-color: #fffecd;
    color: #2b8ca9
}
.navbar-collapse .row, .navbar-collapse.in .row {
    margin-left: 0;
    margin-right: 0;
}
.navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
    display: block;
}
/* -------- */
#sitesearch {
    text-align: center;
    margin-top: 2em;
}
#searchtext {
    border: 1px solid #fff;
    padding: 0 30px 0 10px;
    width: 60%;
    height: 2.1em;
    margin-left: 17px
}
.navicons {
    padding-top: 15px;
    /*-webkit-transition: all 150ms ease-in-out;
    transition: all .3s ease-in-out;*/
    text-align: right;
    position: relative
}
.svg {
    position: relative;
    right: 30px;
    border: 0;
    height: 17px;
    width: 17px;
    background: 0 0;
    color: #756E6E
}
.navicons img {
    margin: 0 2px
}
.navicons .wrapper-simple, .navicons a {
    margin: 1em 0;
    display: inline-block;
    width: 24px
}
.m-line {
    display: inline-block;
    width: 1px;
    height: 60px;
    background: rgba(255, 255, 255, .35);
    vertical-align: top;
    zoom: 1
}
.drawer {
    width: 100%;
    margin: 0 !important;
    padding: 1.875em 0;
    position: fixed;
    top: 113px;
    z-index: 2000;
    background: #fff;
    border-top: 9px solid #fffecd;
    -webkit-box-shadow: 0 10px 12px -5px #56585a;
    -moz-box-shadow: 0 10px 12px -5px #56585a;
    box-shadow: 0 10px 12px -5px #56585a;
    display: none;
    font-size: .9em
}
.drawer ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.drawer ul li {
    margin-bottom: .9em
}
#owl-demo .item .block p:last-child, .drawer ul li:last-of-type {
    margin-bottom: 0
}
.drawer h4 a, .drawer ul li a {
    text-decoration: none;
    color: #3e0707
}
.drawer h4 a:hover, .drawer ul li a:hover {
    text-decoration: underline;
    color: #ff7200
}
.drawer div[class*=col-] ul {
    margin: 0
}
.slider {
    position: relative
}
.slider #shadow-top {
    position: absolute;
    z-index: 1;
    height: 150px;
    width: 100%;
    background: url(../im/header_fade.png) top left repeat-x;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.5) 15%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0) 100%);
}
.slider .owl-next, .slider .owl-prev {
    font-size: 1.6em;
    z-index: 100;
    padding: 14% 0 0;
    color: #fff;
    position: absolute;
    top: 0
}
.slider .owl-next, .slider .owl-next.icons:empty, .slider .owl-prev, .slider .owl-prev.icons:empty {
    height: 100%;
    width: 3%
}
.slider .owl-next:hover, .slider .owl-prev:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: pointer
}
#owl-demo .item .block, .slider .owl-next, .slider .owl-prev {
    opacity: 0;
    text-decoration: none
}
.slider .owl-prev {
    display: block;
    background: url('data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJo…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=');
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .5)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    filter: alpha(opacity=0)
}
.slider .owl-next {
    right: 0;
    filter: alpha(opacity=0);
    background: url('data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJo…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=');
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .5)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}
.slider ._icon-angle-right:before {
    position: absolute;
    right: 17%
}
.slider ._icon-angle-left:before {
    position: absolute;
    left: 17%
}
#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
    border: 0
}
#owl-demo .item a {
    z-index: 105
}
#owl-demo .item .block {
    width: 350px;
    z-index: 105;
    display: block;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out
}
#owl-demo .active .item .block {
    opacity: 1;
    filter: alpha(opacity=100)
}
#owl-demo .active .item .block div {
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}
#owl-demo .item .block .orange {
    background: rgba(255, 114, 0, .85);
    padding: 1em
}
#owl-demo .item .block .orange:hover {
    background: rgba(255, 114, 0, .95)
}
#owl-demo .item .block .green {
    background: rgba(0, 140, 114, .85);
    padding: 1em
}
#owl-demo .item .block .green:hover {
    background: rgba(0, 140, 114, .95)
}
#owl-demo .item .block .blue {
    background: rgba(43, 140, 169, .85);
    padding: 1em
}
#owl-demo .item .block .blue:hover {
    background: rgba(43, 140, 169, .95)
}
#owl-demo .item .block .yellow {
    background: rgba(223, 175, 77, .85);
    padding: 1em
}
#owl-demo .item .block .yellow:hover {
    background: rgba(223, 175, 77, .95)
}
#owl-demo .item .block.right {
    text-align: right;
    position: absolute;
    right: 50px
}
#owl-demo .item .left.block {
    text-align: left;
    position: absolute;
    left: 50px
}
#owl-demo .item .block h3 {
    font-family: Segoe UI Light;
    color: #fff;
    margin-top: 0
}
#owl-demo .item .block p {
    color: #000
}
#owl-demo .owl-page.active .orange {
    background: rgba(255, 114, 0, 1)
}
#owl-demo .owl-page.active .green {
    background: rgba(0, 140, 114, 1)
}
#owl-demo .owl-page.active .blue {
    background: rgba(43, 140, 169, 1)
}
#owl-demo .owl-page.active .yellow {
    background: rgba(223, 175, 77, 1)
}
#bar, #progressBar .orange {
    background: rgba(255, 114, 0, .8)
}
#bar {
    width: 0;
    max-width: 100%;
    height: 10px
}
#progressBar {
    width: 100%;
    position: absolute;
    bottom: 0
}
#progressBar .green {
    background: rgba(0, 140, 114, .8)
}
#progressBar .blue {
    background: rgba(43, 140, 169, .8)
}
#progressBar .yellow {
    background: rgba(223, 175, 77, .8)
}
.news-block {
    padding-bottom: 2em;
    padding-top: 1.5em;
    background: #fffecd
}
.news-block .three-strings{
    height: 16em;
    flex-wrap: inherit;
    overflow: hidden;
}
.news-block a img {
    margin-bottom: 13px
}
.news-block .m2 {
    height: 3em
}
.news-block .m2 h2 {
    margin-bottom: 0;
    margin-top: 0
}
.news-block h2 {
    font-weight: lighter;
    color: #4d4d4d;
    font-family: Segoe UI Light;
    margin-bottom: 20px
}
.news-block a {
    color: #333;
    position: relative;
    margin: 0;
    text-decoration: none;
    display: block
}
.news-block .more a:hover, .news-block a:hover {
    color: #3e769a;
    text-decoration: underline
}
#accordion a, #footer a, #myCarousel a, #myCarousel a p, #myCarousel a.icons, #myCarousel a.icons:hover, #news-right-carusel .carousel-control, .accordion a, .acordion-ui h3 a, .findoc:hover, .main .category a, .more-news-items .ss-icon:hover, .next_article:hover, .prew_article:hover, .sites-oa .icons, .sites-oa a {
    text-decoration: none
}
.news-block .latest-news {
    height: 117px;
    margin-bottom: 13px
}
.news-block .latest {
    color: #4d4d4d
}
.news-block .more a {
    color: #767676
}
.news-block .more a:after {
    content: "\e902";
    font-family: 'icons';
    width: 8px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: -.9em
}
.news-block .date div {
    padding: .5em 0;
    text-align: center
}
.news-block .date div:first-of-type {
    background: #ff7200;
    color: #fff;
    font-size: .8em
}
.news-block .date div:last-of-type {
    color: #fff;
    font-size: .8em;
    background: #ff7200;
    border-top: 1px solid #fffecd
}
.news-block .events .row, .news-block .news .row {
    position: relative
}
/* .news-block .news .row>.item {
    height: 16em;
    overflow: hidden
} */
.news-block .events .more, .news-block .news .more {
    position: absolute;
    bottom: 0;
    text-align: right;
    right: 2.8em
}
.news-block .events .info, .news-block .more {
    font-size: .8em
}
.news-block .events .info, .news-block .more p {
    margin-bottom: 0
}
.news-block .events .info p {
    margin-bottom: 0;
    color: #565656
}
.news-block .events .owl-item .item div:first-of-type {
    padding-left: 1px
}
.news-block .events p.events-name {
    margin-bottom: 1em;
    color: #333;
    font-size: 1.2em;
    overflow: hidden;
    max-height: 7em
}
.news-items {
    margin-bottom: 1em
}
.news-item .date, .news-items .item span {
    font-size: .9em;
    color: #565656
}
.news-items .item a img {
    margin-bottom: 10px
}
.news-item .border.small {
    width: 30%;
    margin-top: 2em
}
.newstags {
    margin: .4em 0
}
.border {
    border-top: 1px solid #afafaf
}
.more-news-items .more a, .right-block-item .more a {
    color: #767676
}
.more-news-items .more a:hover, .right-block-item .more a:hover {
    color: #333
}
.more-news-items .more a:after, .right-block-item .more a:after {
    content: "\e080";
    /* font-family: 'Glyphicons Halflings'; */
    font-family: 'icons';
    width: 8px;
    height: 100%;
    right: -.5em;
    position: relative;
    top: .1em;
    display: inline-block;
    font-size: .9em
}
/* .icons {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'icons';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} */
.more-news-items .ss-icon {
    font-size: .8em
}
.news-block a img.icon_video {
    margin-bottom: 0;
    width: auto
}
img.icon_video {
    border: 0;
    padding-left: 5px;
    vertical-align: middle
}
.news-photo-download {
    position: absolute;
    right: .5em;
    bottom: .3em;
    color: #fff;
    opacity: .6;
    z-index: 100
}
.news-photo-download:hover {
    opacity: 1;
    color: #fff
}
.main {
    margin: 3em 0;
    background: #fff
}
.main .category {
    font-family: Segoe UI Light;
    font-weight: lighter;
    margin-bottom: 1em
}
/* .main .category .col-xs-6 {
    min-height: 12em
}----- */
.main .category .col-6 {
    min-height: 8em
}
.main .category .category-block {
    padding: .4em .7em;
    color: #fffecd;
    margin-bottom: .3em;
    font-size: 1.2em
}
.main .category ul li {
    font-family: Segoe UI;
    list-style: none;
    margin-bottom: .2em
}
.library {
    background: #72a545
}
.museum {
    background: #8f6a4c
}
.journals {
    background: #D58341
}
.world {
    background: #ba5656
}
.ostrog {
    background: #dfaf4d
}
.leisure {
    background: #c24c2c
}
.main .category p {
    margin-left: 15px
}
.main .category a {
    color: #3e0707
}
.main .category a:hover {
    color: #ff7200
}
#Inner .main .container .content>h2:first-child, #Inner .main .container .content>h3:first-child, #Inner .main .container .content>h4:first-child {
    margin-top: 0
}
.content p, .news-item p {
    line-height: 170%
}
.content ul, .news-item ul {
    padding-left: 1.65em
}
.content ul.pagination {
    padding: 0
}
.content ul li, .news-item ul li {
    list-style-image: url(/im/listline.gif)
}
.acordion-ui h3 {
    font-size: 1em
}
.img-fluid, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item .nav-link>img {
    display: block;
    max-width: 100%;
    height: auto;
}
.next_article, .prew_article {
    font-size: 3em;
    position: fixed;
    top: 0;
    opacity: .2;
    z-index: 100;
    height: 100% !important
}
.acordion-ui h3 a {
    border-bottom: 1px #3e769a dotted
}
.acordion-ui .acc-content {
    padding: 10px;
    border-bottom: 1px solid #999
}
img.fac, img.pic {
    float: left;
    /*margin-right: 1em*/
}
p.icons img {
    margin: 1px 5px 1px 0;
    float: left
}
p.icons:after {
    content: '';
    display: block;
    clear: both
}
p.icons span {
    margin-left: 52px
}
img.pica {
    border: 1px solid #4a5374;
    padding: 3px;
    float: left;
    margin: 0 10px 5px 0
}
.findoc {
    margin-bottom: 10px;
    display: block;
    text-align: center;
    padding: .4em .7em;
    color: #fffecd;
    background: rgba(43, 140, 169, 1)
}
.findoc:hover {
    color: #fffecd
}
.findoc.h-world:hover {
    background: #ba5656
}
.findoc.h-leisure:hover {
    background: #c24c2c
}
.form_nauka .input-group, .sites_oa_1 {
    margin-bottom: 1em
}
.next_article {
    right: 0
}
.prew_article {
    left: 0
}
.prew_article._icon-angle-left:before {
    position: relative;
    top: 55%;
    left: -100%;
    transition: .3s linear
}
.prew_article._icon-angle-left:hover:before {
    left: 0
}
.next_article._icon-angle-right:before {
    position: relative;
    top: 55%;
    right: -100%;
    transition: .3s linear
}
.next_article._icon-angle-right:hover:before {
    right: 0
}
.next_article:hover, .prew_article:hover {
    opacity: 1
}
.clear {
    clear: both
}
.input-group .input-group-addon, .input-group input, .input-group textarea {
    border-radius: 0
}
.bs-accordion .accordion .collapsed .card-header, .bs-accordion .accordion .card-header {
    background: 0 0;
    border: none
}
.bs-accordion .accordion .card-header {
    color: #3e769a;
    padding-top: 5px;
    padding-bottom: 5px
}
.bs-accordion .accordion .card-header:hover {
    color: #ff7200
}
.bs-accordion .accordion .collapsed .card-header {
    color: #3e769a
}
.bs-accordion .accordion .collapsed .card-header:hover {
    color: #ff7200;
    background: 0 0
}
.bs-accordion .accordion .card-body {
    padding-top: 0
}
.bs-accordion .accordion.borderless .card:last-child .collapsed .card-header {
    border: none
}
.bs-accordion .card {
    box-shadow: none;
    -webkit-box-shadow: none
}
.bs-accordion .accordion .card-header .underline {
    border-bottom: 1px #3e769a dotted
}
.bs-accordion .accordion.borderless .collapsed .card-header {
    border: none
}
#accordion {
    border-top: 1px solid #d9d9d9
}
#accordion .card {
    border-color: #d9d9d9
}
#accordion .card-header {
    background: #2b8ca9;
    color: #fffecd
}
#accordion .collapsed .card-header {
    color: #000;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
#accordion .collapsed .card-header:hover {
    background: #2b8ca9;
    color: #fffecd
}
#accordion .collapsed .card-header {
    background: #fff
}
.bs-example {
    margin-bottom: 1.5em
}
.bs-example .card-header {
    position: relative
}
/* .bs-example .glyphicon-chevron-down {
    position: absolute;
    right: 15px;
    top: 35%;
    font-size: .8em
} */
.bs-example ._icon-angle-down {
    position: absolute;
    right: 15px;
    /* top: 35%; */
    top: 25%;
    /* font-size: .8em; */
    font-size: 18px;
}
.card-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
#accordion.side-left .card-body .card-header {
    background: 0 0;
    color: #3e769a;
    padding: 0
}
#accordion.side-left .card-body .card-header h4 {
    font-weight: 700;
    line-height: 1.4em
}
#accordion.side-left .card-body .card {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none
}
#accordion.side-left .card-body .card.active {
    margin-bottom: .5em
}
#accordion.side-left .card-body ul {
    padding-left: .5em
}
#accordion.side-left .card-body .card-body {
    padding: 10px 10px 0
}
#accordion.side-left .card-body .card-body ul {
    margin: 0
}
.newsmorephoto img {
    padding: 1px;
    margin-right: 5px !important;
    margin-bottom: 5px !important
}
.newsmorephoto a {
    display: inline-block;
    height: 100px
}
.department-site {
    background-color: #fffecd;
    padding: 5px 15px;
    margin: 11px 0
}
.accordion {
    /*border-top: 1px solid #d9d9d9*/
}
.accordion .card {
    border-color: #d9d9d9
}
.accordion .card-header {
    background: #2b8ca9;
    color: #fffecd
}
.accordion .collapsed .card-header {
    color: #000;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.accordion .collapsed .card-header:hover {
    background: #2b8ca9;
    color: #fffecd
}
.accordion .collapsed .card-header {
    background: #fff
}
.accordion.borderless {
    border-top: none
}
.accordion.borderless .card {
    border: none
}
.accordion.borderless .collapsed .card-header {
    border: 1px solid #d9d9d9;
    border-bottom: none
}
.accordion.borderless .card:last-child .collapsed .card-header {
    border-bottom: 1px solid #d9d9d9
}
#media_nav ul, .media_nav ul, .media_nav_m ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}
#media_nav ul li ul, .media_nav ul li ul, .media_nav_m ul li ul {
    font-size: 75%;
    margin: 0 0 0 10px
}
.media_nav_m ul li.title {
    float: left;
    margin-right: 2em
}
.title {
    font-size: 130%;
    text-align: left
}
.media_title {
    font-size: 130%;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 5px
}
.content .media_nav ul li, .content .media_nav_m ul li {
    list-style-image: none
}
#Inner .reflect_archive_list ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0
}
.reflect_archive_list ul ul {
    margin-left: 0
}
.reflect_archive_list ul ul li {
    margin-top: -5px;
    margin-bottom: .8em
}
.reflect_archive_list li a {
    display: block;
    padding: 5px 5px 5px 10px;
    margin: 0 0 1px;
    background-color: #f6f6f6;
    border-right: 10px solid #fff;
    color: #666;
    text-decoration: none;
    border-left: 2px solid #ddd
}
.reflect_archive_list li a:hover {
    background-color: #eee;
    color: #333;
    border-right: 10px solid #eee
}
.reflect_archive_list li.reflect_month {
    float: left;
    width: 200px
}
.navbar.mini {
    min-height: 0
}
.navbar.mini .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    max-height: 2000px
}
#myCarousel .carousel-inner .row span, .news_video ._icon-play-circle {
    max-height: 130px;
    overflow: hidden;
    display: block
}
.navbar.mini .navbar-toggler .icon-bar {
    background: grey
}
.navbar.mini .navbar-brand {
    padding: 23px 0 0
}
.navbar.mini .navbar-toggler {
    position: absolute;
    right: 0;
    top: -67px;
    background: rgba(255, 255, 255, .6)
}
.navbar.mini .left-block-item {
    margin-bottom: .5em
}
.news_photo, .news_video {
    margin-bottom: 1.1em
}
#myCarousel h3, .news_photo #slider {
    margin-bottom: .5em
}
.news_video ._icon-play-circle:before {
    position: absolute;
    font-size: 2.5em;
    left: 42%;
    top: 35%;
    color: #fff;
    opacity: .7
}
.news_video a:hover ._icon-play-circle:before {
    color: #ff7200;
    opacity: 1
}
.news_video ._icon-play-circle {
    margin-bottom: .5em
}
#news-right-carusel .carousel-control {
    padding-top: 19%;
    opacity: 0
}
#news-right-carusel .carousel-control.left:hover, #news-right-carusel .carousel-control.right:hover {
    opacity: .95
}
.news_photo .list-inline a {
    display: block;
    opacity: .8
}
.news_photo .list-inline a.selected, .news_photo .list-inline a:hover {
    opacity: 1
}
.news_photo .list-inline img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}
.news_photo .list-inline .selected img, .news_photo .list-inline img:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0)
}
#news-right-carusel .carousel-inner .item img:hover {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in
}
#news-right-carusel ._icon-angle-right {
    margin-right: -10px
}
#carousel-bounding-box {
    max-width: 271px;
    overflow: hidden
}
.news_photo #slider-thumbs {
    overflow: hidden
}
.news_photo #slider-thumbs img:hover {
    cursor: pointer
}
.news_photo .list-inline .nav-item  {
    padding-right: 0;
    padding-bottom: 5px
}
.article-author, .photo-author, .video-author {
    font-style: italic;
    color: #565656
}
#myCarousel h3 {
    border-bottom: 1px solid #afafaf;
    text-align: left;
    font-family: Segoe UI Light;
    color: #3e769a;
    margin-top: 0;
    padding-bottom: .2em;
    font-size: 1.6em
}
#footer .copy, .sites-oa, .sites-oa .eprints {
    text-align: center
}
#myCarousel a.icons {
    position: absolute;
    top: .7em;
    color: #767676
}
#myCarousel a.icons:hover {
    color: #3e769a
}
#myCarousel a._icon-angle-right {
    right: 0
}
#myCarousel a._icon-angle-left {
    right: 1.5em
}
#myCarousel a.carousel-inner {
    margin-top: 1em
}
#myCarousel .carousel-inner .item p {
    display: block;
    margin-top: .5em;
}
.carousel-inner .item .col-md-4 {
    min-height: 215px;
}
#myCarousel a img {
    margin-bottom: .7em
}
#myCarousel a {
    display: block
}
#myCarousel a p {
    margin-top: 1em
}
#myCarousel a:hover p {
    text-decoration: underline
}
#myCarousel a ._icon-play-circle:before {
    position: absolute;
    font-size: 2.5em;
    left: 42%;
    top: 35%;
    color: #fff;
    opacity: .7
}
#myCarousel a:hover ._icon-play-circle:before {
    color: #ff7200;
    opacity: 1
}
/* #myCarousel .col-lg-1, #myCarousel .col-lg-10, #myCarousel .col-lg-11, #myCarousel .col-lg-12, #myCarousel .col-lg-2, #myCarousel .col-lg-3, #myCarousel .col-lg-4, #myCarousel .col-lg-5, #myCarousel .col-lg-6, #myCarousel .col-lg-7, #myCarousel .col-lg-8, #myCarousel .col-lg-9, #myCarousel .col-md-1, #myCarousel .col-md-10, #myCarousel .col-md-11, #myCarousel .col-md-12, #myCarousel .col-md-2, #myCarousel .col-md-3, #myCarousel .col-md-4, #myCarousel .col-md-5, #myCarousel .col-md-6, #myCarousel .col-md-7, #myCarousel .col-md-8, #myCarousel .col-md-9, #myCarousel .col-sm-1, #myCarousel .col-sm-10, #myCarousel .col-sm-11, #myCarousel .col-sm-12, #myCarousel .col-sm-2, #myCarousel .col-sm-3, #myCarousel .col-sm-4, #myCarousel .col-sm-5, #myCarousel .col-sm-6, #myCarousel .col-sm-7, #myCarousel .col-sm-8, #myCarousel .col-sm-9, #myCarousel .col-xs-1, #myCarousel .col-xs-10, #myCarousel .col-xs-11, #myCarousel .col-xs-12, #myCarousel .col-xs-2, #myCarousel .col-xs-3, #myCarousel .col-xs-4, #myCarousel .col-xs-5, #myCarousel .col-xs-6, #myCarousel .col-xs-7, #myCarousel .col-xs-8, #myCarousel .col-xs-9 {
    padding-left: .85em
} -----*/
#myCarousel .col-xl-1, #myCarousel .col-xl-10, #myCarousel .col-xl-11, #myCarousel .col-xl-12, #myCarousel .col-xl-2, #myCarousel .col-xl-3, #myCarousel .col-xl-4, #myCarousel .col-xl-5, #myCarousel .col-xl-6, #myCarousel .col-xl-7, #myCarousel .col-xl-8, #myCarousel .col-xl-9, #myCarousel .col-lg-1, #myCarousel .col-lg-10, #myCarousel .col-lg-11, #myCarousel .col-lg-12, #myCarousel .col-lg-2, #myCarousel .col-lg-3, #myCarousel .col-lg-4, #myCarousel .col-lg-5, #myCarousel .col-lg-6, #myCarousel .col-lg-7, #myCarousel .col-lg-8, #myCarousel .col-lg-9, #myCarousel .col-md-1, #myCarousel .col-md-10, #myCarousel .col-md-11, #myCarousel .col-md-12, #myCarousel .col-md-2, #myCarousel .col-md-3, #myCarousel .col-md-4, #myCarousel .col-md-5, #myCarousel .col-md-6, #myCarousel .col-md-7, #myCarousel .col-md-8, #myCarousel .col-md-9, #myCarousel .col-1, #myCarousel .col-10, #myCarousel .col-11, #myCarousel .col-12, #myCarousel .col-2, #myCarousel .col-3, #myCarousel .col-4, #myCarousel .col-5, #myCarousel .col-6, #myCarousel .col-7, #myCarousel .col-8, #myCarousel .col-9 {
    padding-left: .85em
}
#latest-news-carusel {
    max-height: 8em
}
.sites-oa {
    margin-top: 3em
}
.sites-oa div {
    margin-bottom: 1em
}
.sites-oa .icons:empty {
    /* height: 1.35em; */
    vertical-align: middle
}
.sites-oa .icons, .sites-oa a {
    color: rgba(43, 140, 169, 1);
    width: 36px;
    font-size: 16px;
    display: inline-block
}
.sites-oa .icons:before {
    font-size: 24px
}
.sites-oa a:hover {
    opacity: .5;
    color: #3e769a
}
.sites-oa .moodle {
    position: relative;
    /*top: 1px;*/
    width: 40px
}
.sites-oa ._icon-folder {
    position: relative;
    /*top: -.1px;*/
    font-size: 24px

}
.sites-oa ._icon-list-alt {
    position: relative;
    /*top: -.1px;*/
    font-size: 24px

}
.sites-oa ._icon-clock {
    position: relative;
    /*top: -.1px;*/
    font-size: 24px
}

/* footer */

.footer {
    background: #39302b;
    padding-top: 2em;
    z-index: 110
}
.footer a {
    color: #aeaeae
}
.footer a:hover {
    text-decoration: underline;
    color: #fff
}
.footer .social a:hover, .childstabs .nav-item a, #stabs.nav .nav-item a {
    text-decoration: none
}
.footer p {
    margin: 0 0 5px;
    color: #aeaeae;
    font-size: .8em
}
.footer hr {
    border-top: 1px solid #141414;
    border-bottom: 1px solid #4f4e4e;
    width: 60%;
    margin: 0 auto;
    opacity: 1;
}
.footer .license {
    font-size: 10px
}
.footer .copy {
    padding: .6em 0
}
.social .row {
    margin-left: .5em

}
.social p {
    font-size: .8em

}
.social p a {
    font-size: 1em
}
.social a {
    margin-right: .6em;
    font-size: 18px
}
.social .android {
    background: url(/im/android.png);
    width: 20px;
    height: 20px;
    display: inline-block
}
.social .android:hover {
    background: url(/im/androidh.png)
}
#stabs.nav {
    margin-bottom: 1em
}
.childstabs .nav-item a, #stabs.nav .nav-item a {
    border-radius: 0
}
.childstabs {
    border-bottom: none
}
.panel-collapse .childstabs .nav-item .active .nav-link, #stabs.nav .nav-item .active .nav-link {
    background-color: #fffecd;
    text-decoration: none;
    border-bottom: 1px solid #fffecd
}
@media (min-width:768px) and (max-width:991px) {
    body {
        font-size: 14px
    }
    .logo {
        height: 58px;
    }
    #Inner .main {
        margin: 85px 0 3em
    }
    .h3, h3 {
        font-size: 1.4em
    }
    h1, h2, h3 {
        margin-top: 15px;
        margin-bottom: .3em
    }
    .h4, h4 {
        font-size: 1.15em
    }
    ul.nav .nav-item a {
        padding: 10px;
        font-size: .9em
    }
    nav.navbar-dark .navbar-nav .nav-item a {
        padding-top: 30px;
        padding-bottom: 30px
    }
    div.drawer {
        top: 85px;
        position: fixed
    }
    .navbar-dark .container .nav-row .navbar-header .navbar-brand img {
        width: 40px
    }
    .navbar-dark .mainnav .justify-content-between .nav-item a {
        padding: 23px 5px 27px
    }
    #Home #myCarousel {
        min-height: 230px
    }
    #Home.stick .navbar-dark .container .nav-row .navbar-header .navbar-brand p:last-of-type {
        padding: 24px 0
    }
    header .navbar-dark .container .nav-row .navbar-header .navbar-brand p:first-of-type {
        font-size: 12px;
        margin-bottom: 0
    }
    header .navbar-dark .container .nav-row .navbar-header .navbar-brand p:last-of-type {
        font-size: 15px
    }
    .navbar-brand div {
        line-height: 20px
    }
    #Inner.stick .navbar-brand div {
        line-height: 22px
    }
    .navbar-brand p {
        margin: 0
    }
    /* .nav-row .col-sm-7 {
        width: 55.333333333333336%
    }
    .nav-row .col-sm-1 {
        width: 11.333333333333332%
    } */
    .nav-row .col-md-7 {
        width: 55.333333333333336%
    }
    .nav-row .col-md-1 {
        width: 11.333333333333332%
    }
    .nav-row ul.nav .nav-item a {
        padding: 10px 0
    }
    .nav-row .navicons {
        padding-top: 3px
    }
    .stick .nav-row .navicons {
        padding-top: 6px
    }
    .news-block .container .news .row>.item {
        height: 17em
    }
    .item.events {
        padding: 0
    }
    .item.events .m2, .item.events .owl-item {
        padding-left: .9em;
        padding-right: .9em
    }
    .navicons a {
        margin: 19px 0;
        width: 22px
    }
    .stick .navicons a {
        margin: 22px 0
    }
    .stick .navicons .sb-search {
        top: .7em
    }
    .news-block .events .info {
        padding-left: 0;
        padding-right: 0
    }
    #latest-news-carusel {
        max-height: 9em
    }
    .slider h3 {
        font-size: 1.5em;
        margin-bottom: .25em
    }
    #news-right-carusel ._icon-angle-left, #news-right-carusel ._icon-angle-right {
        font-size: 1em;
        margin-top: -10px
    }
    #news-right-carusel ._icon-angle-right {
        margin-right: -12px
    }
}
@media (min-width:992px) and (max-width:1200px) {
    body {
        /*font-size: 14px*/
    }
    #Inner .main {
        margin: 109px 0 3em
    }
    #Inner .navbar-dark .mainnav .justify-content-between .nav-item a, .navbar-dark .mainnav .justify-content-between .nav-item a {
        padding: 34px 10px 40px
    }
    #Inner .navbar-dark {
        height: 109px
    }
	.slider .owl-carousel .owl-item .item h3 {
		font-size: 1.5em
	}
    header .navbar-dark .container .nav-row .navbar-header .navbar-brand p:last-of-type {
        font-size: 19px
    }
    .nav-row .navicons a {
        margin: 1.15em 0
    }
    .nav-row .icons img {
        margin: 0
    }
    header .drawer {
        top: 109px;
        position: fixed
    }
    #Inner header .drawer {
        top: 109px
    }
    #Home #myCarousel {
        min-height: 230px
    }
    #Home.stick .navbar-dark .justify-content-between .nav-item a, #Inner.stick .navbar-dark .justify-content-between .nav-item a {
        padding-top: 25px;
        padding-bottom: 25px
    }
    .navicons .sb-search {
        right: 3.1em
    }
    .stick .navicons .sb-search {
        top: .7em
    }
    #latest-news-carusel {
        max-height: 7em
    }
    .sites-oa .icons, .sites-oa a {
        width: 31px
    }
}
@media (max-width:767px) {
    body {
        font-size: 14px
    }
    #Inner .main {
        margin: 0 0 3em
    }
    #latest-news-carusel {
        max-height: 10em
    }
    #Home .news-block {
        padding-bottom: 1em
    }
    .news-block .container .news .row>.item {
        min-height: 17.5em;
        margin-bottom: 1em
    }
    .news-block .container .news .row .owl-item .item a {
        padding-left: 1px
    }
	.navbar-collapse .row, .navbar-collapse.in .row {
    border: 0;
    float: left;
    width: 50%
	}
    .news-block .news .m2 {
        height: 3em;
        padding-top: 0
    }
    .news-block p.latest {
        margin-bottom: 20px
    }
    .slider #owl-demo .item .block div {
        padding: 5px .9em
    }
    .slider #owl-demo .item .left.block, .slider #owl-demo .item .right.block {
        width: 100%;
        bottom: 0;
        left: 0
    }
    .slider .owl-theme .owl-controls {
        left: -99999999px
    }
    #progressBar {
        display: none
    }
    .container .bs-example {
        margin-bottom: 2em
    }
    .student {
        border-right: 1px solid #4f4e4e
    }
    .news-block .events .date, .news-block .events .info {
        padding-left: 0;
        padding-right: 0
    }
    /* .news-items .col-sm-6:first-child {
        margin-bottom: 1em
    } */
    .news-items .col-md-6:first-child {
        margin-bottom: 1em
    }
    /* #footer .col-xs-12 .col-xs-6:nth-of-type(2n+1) {
        text-align: right
    } ------*/
    #footer .col-12 .col-6:nth-of-type(2n+1) {
        text-align: right
    }
    .news-block .events .info p.events-name {
        max-height: 7em
    }
    .news_photo .carousel-control ._icon-angle-left, .news_photo .carousel-control ._icon-angle-right {
        top: 39%
    }
    #news-right-carusel ._icon-angle-right {
        margin-right: 0
    }
    .news .item img {
        width: 100%
    }
}
.sb-search, .sb-search-input {
    height: 60px;
    position: absolute
}
@media (min-width:768px) {
    #owl-demo .item .block {
        top: 34%
    }
}
.sb-search {
    width: 0;
    float: right;
    overflow: visible;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    transition: width .3s;
    right: 3em;
    background: #fff
}
.stick .sb-search {
    top: .6em
}
.sb-search-input {
    top: 0;
    right: 0;
    border: none;
    outline: 0;
    background: 0 0;
    width: 100%;
    margin: 0;
    z-index: 10;
    padding: 4px 30px 5px 0;
    font-family: inherit;
    color: #2c3e50;
    visibility: hidden
}
input[type=search].sb-search-input {
    -webkit-appearance: none;
}
.sb-search-open .sb-search-input {
    padding: 4px 35px 5px 20px;
    visibility: visible
}
.sb-search-input::-webkit-input-placeholder {
    color: #efb480
}
.sb-search-input:-moz-placeholder {
    color: #efb480
}
.sb-search-input::-moz-placeholder {
    color: #efb480
}
.sb-search-input:-ms-input-placeholder {
    color: #efb480
}
.sb-icon-search.icons, .sb-search-submit {
    width: 30px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 60px;
    text-align: center;
    cursor: pointer
}
.sb-search-submit {
    background: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    color: transparent;
    border: none;
    outline: 0;
    z-index: -1
}

hr {
    margin-bottom: 0;
    color: rgb(255 255 255 / 40%);
}
.navbar-dark, .navbar-dark .navbar-collapse, .navbar-dark .navbar-form {
    
    border-color: rgba(231, 231, 231, 0)
}
.sb-icon-search.icons {
    color: #fffecd;
    background: 0 0;
    z-index: 90;
    font-size: 1em;
    speak-as: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased
}
.no-js .sb-search, .sb-search.sb-search-open {
    width: 286px;
    right: 3.4em;
}
.no-js .sb-search .sb-icon-search, .sb-search.sb-search-open .sb-icon-search {
    background: #fffecd;
    color: #756E6E;
    z-index: 11;
    width: 30px;
    height: 60px
}
.navbar-dark, .navbar-dark .navbar-nav>.active .nav-link {
    background-image: none;
    background-repeat: repeat-x;
    filter: none
}
.no-js .sb-search .sb-search-submit, .sb-search.sb-search-open .sb-search-submit {
    z-index: 90
}
.sb-search ._icon-search.icons {
    width: 30px;
    height: 60px
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Segoe UI, ProximaNova, Helvetica Neue, Helvetica, Arial, sans-serif
}
h1, h2, h3 {
    margin-top: 22px;
    margin-bottom: .5em
}
h4, h5, h6 {
    margin-top: 11px;
    margin-bottom: 11px
}
.h1, h1 {
      font-size: 2.55em
  }
.h2, .s5, h2 {
    font-size: 1.8em
}
.h3, .s4, h3 {
    font-size: 1.75em
}
.h4, .s3, h4 {
    font-size: 1.3em
}
.h5, .s2, h5 {
    font-size: 16px
}
.h6, .s1, h6 {
    font-size: 14px
}
p {
    margin: 0 0 11px
}
.lead {
    margin-bottom: 22px;
    font-size: 18px;
    font-weight: 200;
    line-height: 1.4
}
@media (min-width:768px) {
    .lead {
        font-size: 24px
    }
}
.page-header {
    padding-bottom: 10px;
    margin: 44px 0 22px
}
address, dl {
    margin-bottom: 22px
}
ol, ul {
    padding-left: .9em;
    margin-bottom: 1em
}
dl {
    margin-top: 0
}
blockquote {
    padding: 11px 22px;
    margin: 0 0 22px
}
blockquote p {
    font-size: 20px
}
pre {
    padding: 10.5px;
    margin: 0 0 11px;
    font-size: 15px
}
.row {
    margin-left: -.9em;
    margin-right: -.9em
}
/* .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: .9em;
    padding-right: .9em
} */
.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
    padding-left: .9em;
    padding-right: .9em;
    position: relative;
}
.table {
    margin-bottom: 22px
}
@media (max-width:767px) {
    .table-responsive {
        margin-bottom: 16.5px
    }
}
legend {
    margin-bottom: 22px;
    font-size: 24px
}
.form-control, output {
    font-size: 16px
}
.checkbox, .radio {
    min-height: 22px;
    padding-left: 20px
}
.input-sm {
    height: 33px;
    font-size: 14px
}
select.input-sm {
    height: 33px;
    line-height: 33px
}
.navbar-brand, .navbar-nav .nav-item a {
    line-height: 22px
}
.input-lg {
    height: 49px;
    font-size: 20px
}
.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 29px
}
.dropdown-menu {
    font-size: 16px
}
.dropdown-menu .divider {
    margin: 10px 0
}
.dropdown-header {
    font-size: 14px
}
.icons:empty {
    height: 1em
}
.nav .nav-item a:focus, .nav .nav-item a:hover {
    background-color: #fffecd
}
.navbar {
    margin-bottom: 0;
    padding: 0%
}

.navbar-brand {
    /* padding: 0 0 14px 15px; */
    font-size: 20px
}

/* .navbar-toggler {
    margin: 1.3em .9em
} */

.navbar-form, .navbar-nav {
    margin: 0px -15px
}
@media (min-width:768px) {
    .navbar-nav .nav-item a {
        padding-top: 14px;
        padding-bottom: 14px
    }
}
.navbar-btn {
    margin-top: 7px;
    margin-bottom: 7px
}
.navbar-btn.btn-sm {
    margin-top: 8.5px;
    margin-bottom: 8.5px
}
.navbar-text {
    margin-top: 14px;
    margin-bottom: 14px
}
.navbar-dark {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(248, 248, 248, 0)
}
.navbar-dark .navbar-nav>.active .nav-link {
    -webkit-box-shadow: none;
    box-shadow: none
}
.navbar-dark .navbar-toggler .icon-bar {
    background-color: #ccc
}
.navbar-dark .navbar-nav .nav-item a:focus, .navbar-dark .navbar-nav .nav-item a:hover {
    color: #2B8CA9;
    background-color: #fffecd;
    text-shadow: none
}
.navbar-dark .navbar-nav>.active .nav-link, .navbar-dark .navbar-nav>.active .nav-link:focus, .navbar-dark .navbar-nav>.active .nav-link:hover {
    color: #2B8CA9;
    background-color: #fffecd
}
.navbar-dark .navbar-toggler:focus, .navbar-dark .navbar-toggler:hover {
    background-color: transparent
}
.navbar-dark .navbar-nav>.open .nav-link, .navbar-dark .navbar-nav>.open .nav-link:focus, .navbar-dark .navbar-nav>.open .nav-link:hover {
    background-color: rgba(231, 231, 231, 0)
}
.navbar-dark .navbar-toggler {
    border: none
}
.navbar-dark .navbar-toggler:focus .icon-bar, .navbar-dark .navbar-toggler:hover .icon-bar {
    background-color: #fff
}
.card {
    margin-bottom: 22px;
    border-top: 0;
    border-radius: 0

}
.card-body ul li {
    margin-bottom: .5em
}
.card-body ul li ul {
    margin: .5em 0
}
.card-body ul li.active span {
    font-weight: 700
}
.card-header {
    padding: .5em 1em .8em;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom:rgba(0, 0, 0, 0);
    cursor: pointer;
}
.panel-group .card {
    margin-bottom: 0;
    border-radius: 0;
    overflow: hidden
}
.panel-group {
    margin-bottom: 20px;
}
.panel-group .card+.card {
    margin-top: 0
}
.card-header:first-child{
    border-radius: 0%;
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu .nav-item a {
        line-height: 22px
    }
    .navbar-dark .navbar-nav .open .dropdown-menu>.active .nav-link, .navbar-dark .navbar-nav .open .dropdown-menu>.active .nav-link:focus, .navbar-dark .navbar-nav .open .dropdown-menu>.active .nav-link:hover {
        background-color: rgba(231, 231, 231, 0)
    }
    .h3, h3 {
        font-size: 1.3em
    }
    .hidden-phone {
        display: none !important
    }
    .navbar-dark .navbar-brand {
        padding: 0;
        /*padding-left: 15px*/
    }
    .main .container .category .category-block {
        font-size: 1.1em
    }
    .sites-oa {
        margin-bottom: 1em
    }
    header .navbar-dark .justify-content-between .nav-item a {
        text-align: left;
        color: #fffecd;
        text-shadow: none;
        display: inline;
        padding: 10px
    }
    header .navbar {
        background-color: rgba(43, 140, 169, 1);
        position: static
    }
    .mainnav .justify-content-en .nav-item .main-active a, .nav .nav-item a:focus, .navbar-collapse .nav li.active a, .navbar-collapse .nav .nav-item a:hover {
        background: 0 0
    }
    .slider {
        margin-top: 0
    }
    .navbar-brand .logo_s {
        display: block;
        width: 35px;
        margin: 1px 0;
    }
    .navbar-brand .logo {
        display: none;
    }
    #Home .navbar-dark .container .nav-row .navbar-header .navbar-brand p:last-of-type, #Inner .navbar-dark .container .nav-row .navbar-header .navbar-brand p:last-of-type {
        padding: 25px 0;
        text-shadow: none;
        font-size: 100%
    }
    .navbar-brand {
        line-height: 18px
    }
    nav.navbar-dark .mainnav, nav.navbar-dark .topnav {
        margin-left: 0;
        margin-right: 0
    }
    .justify-content-between .nav-item  {
        margin-bottom: 1em
    }
    .nav-row .navbar-collapse .row, .nav-row .navbar-collapse.in .row {
        text-align: right;
        margin-top: 20px;
		margin-bottom: 20px;
    }
    .nav-row .navbar-collapse .mainnav, .nav-row .navbar-collapse.in .mainnav {
        border-right: 1px solid rgba(231, 231, 231, .3);
		padding-left: 0.9em;
    	padding-right: 0.9em;
    }
    .nav-row .navbar-collapse .topnav, .nav-row .navbar-collapse.in .topnav {
        text-align: left;
		padding-left: 0.9em;
    	padding-right: 0.9em;
    }
    .navbar-collapse .nav .nav-item a:hover {
        text-decoration: underline
    }
    nav.navbar-dark .mainnav .justify-content-between li a {
        text-align: right
    }
    nav.navbar-dark .justify-content-between li a:hover {
        color: #fff;
        text-shadow: none
    }
    .news_like {
        margin-bottom: .5em
    }
}
@media (max-width:365px) {
    #Home .navbar-dark .container .nav-row .navbar-header .navbar-brand p:last-of-type, #Inner .navbar-dark .container .nav-row .navbar-header .navbar-brand p:last-of-type {
        font-size: 76%
    }
    .news .col-6 {
        width: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    /* .news .col-6 {
        width: 100%
    } */
    .news-block .container .news .row>.item {
        min-height: 16em;
        overflow: auto;
        height: auto;
        margin-bottom: 0
    }
    .news-block .container .news .row>.three_strings{
        height: 255px;
        flex-wrap: inherit;
        overflow: hidden;
    }
    .news-block p.latest {
        margin-top: 2em;
        font-size: 1.2em
    }
    #latest-news-carusel {
        max-height: 8em
    }
    .news-block .events .more, .news-block .news .more {
        position: relative;
        right: 0;
        text-align: left;
        font-size: 1em
    }
    .news-block .more p {
        width: 50%;
        float: left
    }
    .news-block .more a:after {
        right: 3.5em
    }
    .news-block .events p.events-name {
        font-size: 1.3em;
        margin-top: 1em
    }
    .news-block .date div:first-of-type, .news-block .date div:last-of-type {
        font-size: 1em
    }
    .news-block .container .news .row .item.events {
        min-height: auto
    }
    .news-block .latest-news {
        min-height: 100px;
        height: auto
    }
}
html {
    position: relative;
    min-height: 100%
}
body {
    margin-bottom: 290px
}
#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 220px
}

@media (min-width:992px) and (max-width:1199px) {
    #footer {
        /*height: 196px*/
    }
    body {
        margin-bottom: 300px
    }
}
@media (min-width:768px) and (max-width:991px) {
    #footer {
        /*height: 210px*/
    }
    body {
        margin-bottom: 300px
    }
}
@media (min-width:1200px) {
    #Home #myCarousel {
        min-height: 240px
    }
    #Inner .main {
        margin: 114px 0 3em
    }
}
@media (max-width:767px) and (min-width:361px) {
    body {
        margin-bottom: 340px
    }
}
@media (max-width:466px) and (min-width:360px) {
    body {
        margin-bottom: 340px
    }
}
@media (max-width:359px) and (min-width:1px) {
    body {
        margin-bottom: 340px;
        font-size: 13px
    }
}
@media print {
    .card .collapse, .ui-accordion .ui-accordion-content {
        display: block !important
    }
    .accordion .card-header, .accordion.borderless .collapsed .card-header {
        border: 1px solid #d9d9d9 !important;
        border-bottom: 1px solid #d9d9d9 !important
    }
}
/* @media only screen and (max-width: 767px) and (min-width: 400px) {
    .news_photo.col-xs-12, .news_video.col-xs-12 {
        width: 50%;
    }
} -----*/
@media only screen and (max-width: 767px) and (min-width: 400px) {
    .news_photo.col-12, .news_video.col-12 {
        width: 50%;
    }
}
@media(max-width:768px) {
    .media, .media-body {
        overflow: inherit;
    }
}
@media (max-width: 767px){
    .social {
        text-align: center;
        display: block;
        margin-top: .5em;
        margin-bottom: .5em
    }
}
#snowflakeContainer {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1500;
}
.snowflake {
    padding-left: 15px;
    font-family: Cambria, Georgia, serif;
    font-size: 14px;
    line-height: 24px;
    position: fixed;
    color: #FFFFFF;
    user-select: none;
    z-index: 1000;
}
.snowflake:hover {
    cursor: default;
}
.gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhInactive {
    background-color: transparent !important;
}
.menu-en .last a {
    white-space: nowrap;
}
blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #999;
}
blockquote footer:before, blockquote small:before, blockquote .small:before {
    content: '\2014 \00A0';
}
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}
cite {
    font-weight: 700;
}
.fb_iframe_widget iframe {
    width: 130px !important;
}
.card-body .icons {
    font-family: 'Segoe UI';
}

.accordion-button:not(.collapsed) {
    color: #fffecd;
    background-color: #3692ad;
}
.accordion-header {
    font-size: initial;
    margin: initial;
}

#myTab li {
    list-style: none;
}
.nav>li:hover>a{
	color:#2b8ca9
}
.nav>li.active.main-active>a,.nav>li.active>a,.nav>li.main-active>a{
	background-color:#fffecd;
	color:#2b8ca9
}
.nav-item a, #stabs.nav .nav-item a {
    color: #2b8ca9;
}
.navbar-dark .navbar-nav>li.main-active>a{
	background-color:#fffecd;
	color:#2b8ca9
}
.shadow-svg {filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.7));
}
#Inner .logo.shadow-svg {filter:unset;}

#Inner .news_photo .list-inline>li{
    padding-right:0;
    padding-bottom:5px;
    padding-left: 5px;
    }
#Inner .news_photo .list-inline {
    display: flex;
    flex-wrap: wrap;
  margin-bottom: 0;
  }
#Inner .news_photo #slider-thumbs {
    margin-left: -5px;
  }