@charset "utf-8"; @font-face {
    font-family: 'Play';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/play/v19/6aez4K2oVqwIvtE2H68T.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Play';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/play/v19/6aez4K2oVqwIvts2H68T.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Play';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/play/v19/6aez4K2oVqwIvtU2Hw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Play-fallback";
    size-adjust: 101.38%; ascent-override: 95%; src: local("Arial");
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: 0
}

html,body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

body {
    background: #fff;
    color: #333;
    font: 16px 'Play',Play-fallback,Tahoma,Verdana,sans-serif
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

li {
    display: list-item;
    list-style-type: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th,td,caption {
    font-weight: 400;
    vertical-align: top;
    text-align: left
}

svg {
    overflow: hidden
}

a {
    color: #333;
    font: inherit;
    text-decoration: none
}

a:hover {
    text-decoration: none;
    color: #1c3e84
}
.sub {
	font-weight: bold
}

.sub h1 {
	display:inline
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.wrap {
    overflow: hidden;
    margin: 0 auto;
    height: auto;
    width: 1400px;
    position: relative;
    min-height: 100%
}

.b-bg-blue {
    height: 88px;
    background: #2aa5c5;
    background: -moz-linear-gradient(top,#2aa5c5 0,#229bbe 31%,#158bb2 72%,#0d81ab 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#2aa5c5),color-stop(31%,#229bbe),color-stop(72%,#158bb2),color-stop(100%,#0d81ab));
    background: -webkit-linear-gradient(top,#2aa5c5 0,#229bbe 31%,#158bb2 72%,#0d81ab 100%);
    background: -o-linear-gradient(top,#2aa5c5 0,#229bbe 31%,#158bb2 72%,#0d81ab 100%);
    background: -ms-linear-gradient(top,#2aa5c5 0,#229bbe 31%,#158bb2 72%,#0d81ab 100%);
    background: linear-gradient(to bottom,#2aa5c5 0,#229bbe 31%,#158bb2 72%,#0d81ab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2aa5c5',endColorstr='#0d81ab',GradientType=0)
}

header .b-logo {
    padding-top: 12px;
    padding-left: 35px;
    width: 240px;
    float: left;
    position: relative;
    height: 100%
}

header nav {
    width: calc(100% - 480px);
    float: left;
    height: 88px;
    display: flex;
    flex-direction: column
}

header nav li {
    text-transform: uppercase;
    color: #fff;
    font-size: 11px;
    display: inline-block;
    margin-bottom: 8px
}

header nav ul {
    margin: auto
}

header nav li a {
    color: #fff;
    font-size: 11px !important
}

header nav li a:hover {
    opacity: .8;
    color: #fff
}

header nav span.b-devider:before {
    color: #fff;
    margin: 0 4px;
    position: relative;
    content: "|"
}

header .b-right-side {
    color: #fff;
    float: right;
    width: 240px;
    height: 88px;
    background: #1984aa;
    background: -moz-linear-gradient(top,#1984aa 0,#117ea6 35%,#0c78a2 68%,#0e76a0 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#1984aa),color-stop(35%,#117ea6),color-stop(68%,#0c78a2),color-stop(100%,#0e76a0));
    background: -webkit-linear-gradient(top,#1984aa 0,#117ea6 35%,#0c78a2 68%,#0e76a0 100%);
    background: -o-linear-gradient(top,#1984aa 0,#117ea6 35%,#0c78a2 68%,#0e76a0 100%);
    background: -ms-linear-gradient(top,#1984aa 0,#117ea6 35%,#0c78a2 68%,#0e76a0 100%);
    background: linear-gradient(to bottom,#1984aa 0,#117ea6 35%,#0c78a2 68%,#0e76a0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1984aa',endColorstr='#0e76a0',GradientType=0)
}

.lang-switch {
    width: 100%;
    height: 20px;
    font-size: 14px;
    padding: 0 8px
}

.lang-switch li {
    float: right;
    margin: 5px 0;
    text-align: center;
    text-transform: uppercase
}

.lang-switch li.sep {
    padding: 0 5px
}

.lang-switch li a {
    color: #fff
}

.lang-switch li a.active {
    text-decoration: underline
}

header .b-social,footer .b-social {
    float: right;
    padding: 0 5px 2px 5px;
    position: relative;
    z-index: 15
}

.footer .b-counters {
    float: right;
    margin-right: 15px
}

.b-social a {
    width: 27px;
    height: 27px;
    margin-right: 5px;
    display: inline-block
}

.b-social .tg {
    background: url(../images/social_icons.png)-160px 0 no-repeat
}

.b-social .tg:hover {
    background: url(../images/social_icons_hover.png)-160px 0 no-repeat
}

.b-social a.yz {
    background: url(../images/social_icons.png)-351px 0 no-repeat
}

.b-social a.yz:hover {
    background: url(../images/social_icons_hover.png)-350px 0 no-repeat
}

.b-social a.rss {
    background: url(../images/social_icons.png)-256px 0 no-repeat
}

.b-social a.rss:hover {
    background: url(../images/social_icons_hover.png)-256px 0 no-repeat
}

.b-social a.vk {
    background: url(../images/social_icons.png)0 0 no-repeat
}

.b-social a.in {
    background: url(../images/social_icons.png)-192px 0 no-repeat
}

.b-social a.ok {
    background: url(../images/social_icons.png)-96px 0 no-repeat
}

.b-social a.tt {
    background: url(../images/social_icons.png)-288px 0 no-repeat
}

.b-social a.tt:hover {
    background: url(../images/social_icons_hover.png)-288px 0 no-repeat
}

.b-social a.yo {
    background: url(../images/social_icons.png)-224px 0 no-repeat
}

.b-social a.rt {
    background: url(../images/social_icons.png)-320px 0 no-repeat
}

.b-social a.in:hover {
    background: url(../images/social_icons_hover.png)-192px 0 no-repeat
}

.b-social a.ok:hover {
    background: url(../images/social_icons_hover.png)-96px 0 no-repeat
}

.b-social a.yo:hover {
    background: url(../images/social_icons_hover.png)-224px 0 no-repeat
}

.b-social a.rt:hover {
    background: url(../images/social_icons_hover.png)-318px 0 no-repeat
}

.b-social a.vk:hover {
    background: url(../images/social_icons_hover.png)0 0 no-repeat
}

.b-social a.fb {
    background: url(../images/social_icons.png)-32px 0 no-repeat
}

.b-social a.fb:hover {
    background: url(../images/social_icons_hover.png)-32px 0 no-repeat
}

.b-social a.tw {
    background: url(../images/social_icons.png)-64px 0 no-repeat
}

.b-social a.tw:hover {
    background: url(../images/social_icons_hover.png)-64px 0 no-repeat
}

header input.search {
    width: 216px;
    height: 22px;
    border: 1px solid #57acc3;
    background: transparent;
    border-radius: 3px;
    padding: 5px 5px 5px 28px;
    color: #fff;
    margin: 0 12px;
    position: relative;
    z-index: 4
}

header input.search::-webkit-input-placeholder {
    color: #57acc3
}

header input.search::-moz-placeholder {
    color: #57acc3
}

header input.search:-moz-placeholder {
    color: #57acc3
}

header input.search:-ms-input-placeholder {
    color: #57acc3
}

header input.search:focus {
    background: #fff;
    color: #000
}

header .b-search {
    position: relative
}

header .b-search img {
    position: absolute;
    bottom: 4px;
    left: 15px;
    z-index: 5
}

.area-menu {
    text-align: center
}

.b-main-menu li:last-child span {
    display: none
}

.b-news-wrap:last-child {
    margin-bottom: 0
}

.b-news-wrap {
    width: 240px;
    height: auto;
    background: #e6e6e6;
    margin-right: 10px;
    padding-bottom: 18px;
    font-size: 14px
}

.b-news-wrap .b-news-title.v2 {
    color: #19609c
}

.b-news-wrap .b-news-title {
    font-weight: 200;
    margin-bottom: 12px
}

.b-news-wrap .b-news-desc {
    margin-bottom: 10px;
    line-height: 1.2em;
    overflow: hidden;
    font-weight: 200;
    font-size: 14px
}

.b-news-title h2,.b-news-title div,.mgbox p {
    text-transform: uppercase;
    color: #19609c;
    text-align: center;
    font-weight: 700
}

.b-news-link {
    color: #19609c;
    text-align: center;
    font-weight: 700;
    text-decoration: underline;
    display: block
}

.b-news-wrap .b-news {
    margin-bottom: 20px
}

.b-news-wrap .b-news:last-child {
    margin-bottom: 0
}

.b-banner {
    margin-bottom: 15px
}

.b-center {
    text-align: center;
    padding: 10px
}

.b-banner:last-child {
    margin-bottom: 0
}

.b-banner-center {
    margin-bottom: 40px;
    background: #eee;
    text-align: center;
    padding: 10px
}

.b-banner-center img {
    width: 100%;
    height: auto
}

.b-content {
    width: 100%
}

.b-content .main {
    margin: 0 255px
}

.b-main-new {
    width: auto;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 22px;
    height: 360px;
    text-overflow: ellipsis;
    overflow: hidden
}

.b-main-new-pic {
    margin-bottom: 10px
}

.b-main-new-date {
    color: #606060;
    margin-bottom: 10px
}

.b-main-new-title {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 7px;
    line-height: 1em
}

.b-main-new-desc {
    height: 66px;
    overflow: hidden;
    line-height: 16px;
    text-align: justify
}

.left {
    float: left
}

.right {
    width: 240px;
    float: right;
    background-color: #e6e6e6
}

footer {
    background: #147FA9;
    color: #fff;
    margin-top: 40px
}

footer .b-logo {
    padding-top: 19px;
    margin-bottom: 15px
}

address span {
    font-size: 12px
}

address {
    font-size: 12px;
    color: white;
    font-style: normal !important;
    line-height: 1.2em
}

address a {
    font-size: 12px;
    color: white
}

.b-fot-left {
    width: 200px;
    margin-right: 60px;
    float: left
}

.b-fot-left__a {
    display: block;
    margin-top: 10px;
    color: #fff
}

.b-fot-left__a:hover {
    color: #fff
}

.icon-left {
    float: left;
    margin-right: 7px
}

.b-fot-mid,.b-fot-right {
    padding-top: 22px;
    width: 202px;
    float: left;
    margin-right: 54px
}

.b-fot-mid div,.b-fot-right div {
    color: #fff;
    font-size: 12px;
    margin-bottom: 17px
}

.b-fot-mid .f-text,.b-fot-right .f-text {
    font-size: 12px
}

.b-fot-right {
    width: 176px;
    float: left;
    margin-right: 52px
}

.b-fot-right a {
    font-size: 12px;
    color: white;
    font-weight: 700;
    text-decoration: underline
}

.b-fot-right a:hover {
    font-weight: 700;
    text-decoration: none
}

footer .b-social {
    float: right;
    padding: 0
}

.footer {
    width: 856px;
    margin: 0 auto
}

footer .b-copyright {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 15px;
    font-size: 11px
}

footer .b-copyright a {
    font-size: 11px;
    color: white;
    text-decoration: underline
}

footer .b-copyright a:hover {
    text-decoration: none
}

.group:before,.group:after {
    content: " ";
    display: table
}

.group:after {
    clear: both
}

.mosaicflow__item {
    position: relative;
    height: 392px;
    width: 280px;
    padding-right: 15px;
    float: left;
    overflow: overlay
}

.mosaicflow__item img {
    display: block;
    width: 100%;
    height: auto
}

hr.grey {
    display: block;
    width: 93%;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 12px;
    position: absolute;
    bottom: 25px;
    left: 1%
}

#search_result {
    position: relative
}

.b-bg-top {
    overflow: hidden
}

.left .b-news-wrap {
    overflow-x: hidden;
    padding: 0 10px 18px 10px
}

.agreement-cookies-wrap.hide {
    visibility: hidden;
    opacity: 0
}

.agreement-cookies-wrap {
    background: #127fa7;
    color: white;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 20px;
    z-index: 9999
}

.agreement-cookies-text {
    padding-bottom: 10px;
    display: inline-block
}

.agreement-cookies-button {
    color: white;
    padding: 9px 17px 9px 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    font-size: 15px;
    background: #ffc55f;
    background: -moz-linear-gradient(top,#ffc55f 0,#da8b00 100%);
    background: -webkit-linear-gradient(top,#ffc55f 0,#da8b00 100%);
    background: linear-gradient(to bottom,#ffc55f 0,#da8b00 100%);
    cursor: pointer;
    margin-left: 10px;
    display: inline-block
}

.agreement-cookies-button:hover {
    background: #ffc55f;
    background: -moz-linear-gradient(top,#ffc55f 0,#da8b00 0);
    background: -webkit-linear-gradient(top,#ffc55f 0,#da8b00 0);
    background: linear-gradient(to bottom,#ffc55f 0,#da8b00 0);
    color: white
}

.agreement-cookies-button span {
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 10px 5px 0;
    -khtml-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    padding-left: 10px;
    display: inline-block;
    padding-right: 5px
}

.agreement-cookies-button span span:before {
    content: '\2713'
}

.simplesearch-highlight {
    background-color: #28a2c3;
    padding: 2px
}

.simplesearch-result {
    margin-top: 20px
}

.simplesearch-result h3 a {
    font-weight: 800
}

.ptitle {
    text-align: center;
    padding: 15px
}

.partners {
    text-align: center;
    margin-bottom: 20px
}

@media(max-width: 1366px) {
    .wrap {
        width:1340px
    }

    header .header {
        width: 1340px
    }

    header .b-right-side {
        width: 240px;
        height: 88px
    }

    .b-bg-blue {
        height: 88px
    }

    .b-news span.b-devider:before,.b-rate span.b-devider:before {
        width: 160px
    }

    .w-temp {
        font-size: 13px;
        margin: 5px 2px;
        text-align: center;
        position: static;
        font-family: arial;
        float: left;
        width: 30px
    }

    .b-content .main {
        margin: 0 250px
    }

    .mosaicflow__item {
        width: 33%
    }

    .footer {
        width: 770px
    }

    .b-main-new-desc {
        height: 100px
    }

    .right .sign-up {
        margin: 5px 0
    }
}

@media(max-width: 1280px) {
    .wrap {
        width:100%
    }

    header .header {
        width: 100%
    }

    header .b-right-side {
        width: 240px;
        height: 100%
    }

    .b-bg-blue {
        height: 115px
    }

    .b-main-menu {
        height: 75px
    }

    .b-news span.b-devider:before,.b-rate span.b-devider:before {
        width: 160px
    }

    .mosaicflow__item {
        width: 33%
    }

    .news-target .left {
        margin-right: 255px
    }

    .b-content .main {
        margin: 0 250px
    }

    .w-temp {
        font-size: 12px;
        margin: 5px 2px;
        text-align: center;
        position: static;
        float: left;
        width: 20px
    }

    header .b-social,footer .b-social {
        padding: 10px
    }

    header .b-logo {
        padding-top: 25px
    }

    .footer {
        width: 770px
    }

    .b-main-new-desc {
        height: 100px
    }

    .right .sign-up {
        margin: 5px 0
    }
}

@media(max-width: 1240px) {
    header nav li {
        margin-bottom:4px
    }

    .main .right {
        display: none
    }

    .news-target .left {
        max-width: 640px;
        margin: 0 auto
    }
}

@media(max-width: 1024px) {
    header nav {
        width:calc(100% - 450px)
    }

    .category img,.category .date {
        margin-bottom: 10px
    }

    .mosaicflow__item {
        width: 50%
    }

    .right .sign-up p {
        margin-bottom: 1px
    }

    .right .sign-up input {
        width: 127px
    }

    .right .sign-up button {
        height: 20px;
        margin-top: 3px
    }

    .wrap {
        width: 1000px
    }

    header .header {
        width: 1000px
    }

    header .b-logo {
        margin-right: 10px;
        padding-left: 10px;
        width: 200px
    }

    .b-bg-blue {
        height: 115px
    }

    .b-main-menu {
        height: 88px
    }

    .b-news-wrap {
        width: 240px
    }

    .b-news span.b-devider:before,.b-rate span.b-devider:before {
        width: 160px
    }

    .w-temp {
        font-size: 18px;
        margin: 5px 2px;
        text-align: center;
        position: static;
        width: 100%
    }

    footer .b-social {
        padding: 12px 8px 8px 0
    }

    .footer {
        width: 770px
    }

    .b-main-new-desc {
        height: 100px
    }

    .right .sign-up {
        margin: 5px 0
    }
}

.left .b-news-desc h3 {
    display: inline
}

.tags {
    margin: 5px 0px;
    display: flex;
}

.right .tags {
    margin: 0px;
    padding: 5px;
    display: block
}

.btn-tag .btn {
}

.btn-tag span.btn {
    width: 25px;
    background: #1984aa;
    color: white;
    text-align: center
}

.btn-tag a.btn {
    float: left;
}

.btn-tag a.btn {
    display: block;
    font-size: 14px;
    padding: 5px;
    background: #e6e6e6;
    text-decoration: none;
    text-transform: uppercase;
    margin: 5px
}

.news-target .left .btn-tag a {
    text-decoration: none;
}

.right .btn-tag a.btn {
    background: white;
    text-align: center
}
h3{
font-weight: normal;padding:0;margin:0;
}
.panel .active {
float: left;
}