html,
body,
div,
span,
h1,
h3,
p,
img,
strong,
b,
figcaption,
figure,
footer,
header,
nav {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1
}

.c15 {
    margin-bottom: 25px
}

.c15,
.c15 td,
.c15 tr {
    border: 1px solid #d6d6d6;
}

.c15 .c3 p {
    padding: 5px 10px 5px;
    margin-bottom: 0px;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}
figcaption,
figure,
footer,
header,
nav {
    display: block
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

* {
    box-sizing: border-box
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f2f2f2;
    position: relative
}

img {
    max-width: 100%
}

a {
    color: #b88b58;
    text-decoration: none
}

.Body {
    font-size: 18px;
    line-height: 22px
}

@media only screen and (min-width: 48em) {
    .Body {
        font-size: 20px;
        line-height: 27px
    }
}

.Body > * {
    max-width: 980px;
    font-family: 'PFRegal', 'Georgia', serif
}

.Body:last-child > *:last-child {
    margin-bottom: 0
}

.Body a {
    color: inherit;
    box-shadow: inset 0 -1px #b88b58
}

.Body a:hover {
    color: #b88b58
}

.Body p {
    margin-bottom: 20px;
}

.Body p:empty {
    display: none
}

.Body h3 {
    margin-top: 18px;
    margin-bottom: 12px;
    font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
    font-size: 21px;
    font-weight: bold
}

.SvgIcon {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle
}

.SvgIcon--meduzaLogo {
    margin-top: -2px;
    height: 45px;
    width: 100px
}

.Menu {
    display: none;
    font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff
}

@media only screen and (min-width: 64em) {
    .Menu {
        font-size: 13px;
        display: block;
        height: 45px;
        width: 100%;
        letter-spacing: 1px;
        background-color: #262626;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.Menu-item {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    text-align: center;
    -o-transition: color .15s ease-out;
    transition: color .15s ease-out
}

@media only screen and (min-width: 64em) {
    .Menu-item {
        padding: 0 15px;
        border-bottom: 0
    }
}

@media only screen and (min-width: 64em) {
    .Menu-item:last-of-type {
        border-right: none
    }
}

@media only screen and (min-width: 64em) {
    .Menu-item:hover {
        color: #999999;
        background-color: inherit
    }
}

.Menu-link {
    -o-transition: color .15s ease-out;
    transition: color .15s ease-out;
    text-decoration: none;
    color: #fff;
    position: relative;
    line-height: 45px;
    top: 1px
}

.Menu-item:hover .Menu-link {
    color: #999999
}

.MeduzaLogo {
    position: relative;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-position: center 10px;
    background-size: contain
}

.Header {
    position: relative;
    height: 45px;
    background-color: #262626;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    z-index: 2
}

@media only screen and (min-width: 64em) {
    .Header {
        padding: 0 15px
    }
}

@media only screen and (max-width: 63.9375em) {
    .Header .HeaderButton--chat {
        display: none
    }
}

.Header-left {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 16%;
    -ms-flex-preferred-size: 16%;
    flex-basis: 16%;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%
}

.Header-center {
    height: 100%;
    display: none
}

@media only screen and (min-width: 64em) {
    .Header-center {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }
}

.Header-right {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-basis: 16%;
    -ms-flex-preferred-size: 16%;
    flex-basis: 16%;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.Header-meduzaLogo {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0
}

@media only screen and (min-width: 64em) {
    .Header-meduzaLogo {
        position: static
    }
}

.HeaderButton {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 45px;
    height: 100%;
    padding: 0 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    fill: currentColor;
    border: 0;
    background: transparent;
    margin: 0;
    cursor: pointer
}

.HeaderButton:active {
    outline-width: 0
}

.HeaderButton:hover {
    color: #999
}

.HeaderButton::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-right: 1px solid #676767
}

@media only screen and (min-width: 64em) {
    .HeaderButton::after {
        top: 10px;
        bottom: 10px
    }
}

.HeaderButton-link {
    display: block;
    padding-top: 2px;
    text-transform: uppercase;
    color: inherit;
    font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
    font-weight: 600;
    cursor: pointer
}

.HeaderButton-link::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ''
}

.HeaderButton--chat {
    font-size: 13px;
    letter-spacing: .05em
}

.Copyright {
    padding: 0 12px;
    line-height: 1.2
}

@media only screen and (min-width: 64em) {
    .Copyright {
        padding: 0
    }
}

.Copyright-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: block;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 auto;
    padding: 13px 0 12px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.Copyright-container a:hover {
    color: rgba(255, 255, 255, 0.5)
}

@media only screen and (min-width: 48em) {
    .Copyright-container {
        max-width: 675px;
        padding: 10px 0 18px;
        border-top: 1px solid #505050;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        text-align: left
    }
}

@media only screen and (min-width: 64em) {
    .Copyright-container {
        max-width: 860px
    }
}

.Copyright-container a {
    color: #fff
}

.Copyright-block {
    padding-top: 13px;
    font-size: 17px;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
}

@media only screen and (min-width: 48em) {
    .Copyright-block {
        padding-top: 0;
        border-top: 0
    }
}

.Copyright-block:last-child {
    text-align: right
}

.MaterialTag {
    position: relative;
    z-index: 30;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 2px;
    font-weight: 700;
    line-height: 1;
    font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
    color: #b88b58;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (max-width: 32em) {
    .MaterialTag {
        height: 15px;
        line-height: 15px;
        padding: 0 5px;
        font-size: 10px;
        letter-spacing: .5px
    }
}

span.MaterialTag {
    cursor: default;
    pointer-events: none
}

@media only screen and (min-width: 32em) {
    .MaterialTag--medium {
        height: 20px;
        line-height: 20px;
        padding: 0 7px;
        letter-spacing: 1px;
        font-size: 12px
    }
}

.MaterialTag--solid {
    color: #fff;
    background: #b88b58;
    border-color: #b88b58;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5)
}

.FormField-input:placeholder {
    color: #AFAFAF
}

@media only screen and (min-width: 48em) {

    .Messenger-content::-webkit-scrollbar-track:hover:vertical {
        background: #F3F3F3
    }

    .Messenger-content::-webkit-scrollbar-thumb:hover:vertical {
        background: #D9D9DE
    }
}

.MaterialClose {
    cursor: pointer;
    display: none;
    width: 20px;
    height: 20px;
    background-image: url("urn:scrapbook:download:error:http://orthofix.ru/assets/images/icons/cross.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px
}

@media only screen and (min-width: 63.125em) {
    .MaterialClose {
        display: inline-block
    }
}

.MaterialMeta {
    display: inline-block;
    font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #808080;
    margin-right: 12px;
    padding-left: 18px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 12px;
    font-weight: normal
}

@media only screen and (min-width: 48em) {
    .MaterialMeta {
        font-size: 15px;
        line-height: 18px;
        margin-right: 15px
    }
}

.MaterialMeta--source {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDEyIDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ItC90L7QstC+0YHRgtGMLdGC0LXQu9C10YTQvtC9IiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIuMDAwMDAwLCAtMTY0LjAwMDAwMCkiIGZpbGw9IiNCNjhBNTgiPgogICAgICAgICAgICA8ZyBpZD0iUmVjdGFuZ2xlLTEwLSstSW1wb3J0ZWQtTGF5ZXJzLUNvcHktMi0rLdCd0LDQtNC10LbQvdGL0Lkt0LjRgdGC0L7Rh9C90LjQui0rLdCg0JHQmi0rLWZsYWctLSstMDk6NDYsLTI3LdC90L7Rj9Cx0YDRjy0yMDEtKy10aW1lIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi4wMDAwMDAsIDE2Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLQoNCR0JotKy1mbGFnLSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImZsYWctIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEuNTAzNzU5NCw5LjU3MTA2NTc3IEw5LjY3MjE4MDQ1LDkuNTcxMDY1NzcgTDcuMDMwNTc2NDQsNi40MDczOTAxNiBDNi44MTIwMzAwOCw2LjE0NTQ5NjQ5IDYuODE0MDM1MDksNS43NzUwMzU5OCA3LjAzNDU4NjQ3LDUuNTE1MDQ2OTggTDkuNjU2MTQwMzUsMi40Mjg1MTA5NiBMMS41MDM3NTk0LDIuNDI4NTEwOTYgTDEuNTAzNzU5NCw5LjU3MTA2NTc3IFogTTExLjI0ODEyMDMsMTAuOTk5NTc2NyBDMTEuMjQzMTA3OCwxMC45OTk1NzY3IDExLjIzNTA4NzcsMTEuMDAwNTI5MSAxMS4yMjgwNzAyLDEwLjk5OTU3NjcgTDAuNzUxODc5Njk5LDEwLjk5OTU3NjcgQzAuMzM2ODQyMTA1LDEwLjk5OTU3NjcgMCwxMC42Nzk1OTAzIDAsMTAuMjg1MzIxMyBMMCwxLjcxNDI1NTQ4IEMwLDEuMzE5OTg2NDYgMC4zMzY4NDIxMDUsMSAwLjc1MTg3OTY5OSwxIEwxMS4yMjgwNzAyLDEgQzExLjUxNzc5NDUsMSAxMS43ODE0NTM2LDEuMTU4MDg4NTUgMTEuOTA2NzY2OSwxLjQwNjY0OTQ1IEMxMi4wMzEwNzc3LDEuNjU0MjU4MDIgMTEuOTk0OTg3NSwxLjk0ODUzMTI4IDExLjgxMzUzMzgsMi4xNjI4MDc5MiBMOC41ODI0NTYxNCw1Ljk2NzQwODc5IEwxMS43MzAzMjU4LDkuNzM2NzczMDUgQzExLjg5NDczNjgsOS44NjgxOTYwNiAxMiwxMC4wNjUzMzA2IDEyLDEwLjI4NTMyMTMgQzEyLDEwLjY3OTU5MDMgMTEuNjY0MTYwNCwxMC45OTk1NzY3IDExLjI0ODEyMDMsMTAuOTk5NTc2NyBMMTEuMjQ4MTIwMywxMC45OTk1NzY3IFoiIGlkPSJpY29uIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
    background-position-y: 1px
}

@media only screen and (min-width: 48em) {
    .MaterialMeta--source {
        background-position-y: 4px;
        white-space: nowrap
    }
}

.MaterialMeta--time {
    background-size: 12px 12px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ItC90L7QstC+0YHRgtGMLdGC0LXQu9C10YTQvtC9IiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjQuMDAwMDAwLCAtMTYzLjAwMDAwMCkiIGZpbGw9IiNCNjhBNTgiPgogICAgICAgICAgICA8ZyBpZD0iUmVjdGFuZ2xlLTEwLSstSW1wb3J0ZWQtTGF5ZXJzLUNvcHktMi0rLdCd0LDQtNC10LbQvdGL0Lkt0LjRgdGC0L7Rh9C90LjQui0rLdCg0JHQmi0rLWZsYWctLSstMDk6NDYsLTI3LdC90L7Rj9Cx0YDRjy0yMDEtKy10aW1lIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi4wMDAwMDAsIDE2Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSIwOTo0NiwtMjct0L3QvtGP0LHRgNGPLTIwMS0rLXRpbWUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUyLjAwMDAwMCwgMC4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0idGltZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik01Ljc1LDIgQzMuNDA2LDIgMS41LDMuOTA2IDEuNSw2LjI1IEMxLjUsOC41OTQgMy40MDYsMTAuNSA1Ljc1LDEwLjUgQzguMDk0LDEwLjUgMTAsOC41OTQgMTAsNi4yNSBDMTAsMy45MDYgOC4wOTQsMiA1Ljc1LDIgTTUuNzUsMTIgQzIuNTc5LDEyIDAsOS40MjEgMCw2LjI1IEMwLDMuMDc5IDIuNTc5LDAuNSA1Ljc1LDAuNSBDOC45MjEsMC41IDExLjUsMy4wNzkgMTEuNSw2LjI1IEMxMS41LDkuNDIxIDguOTIxLDEyIDUuNzUsMTIiIGlkPSJGaWxsLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03Ljc1LDcgTDUuNzUsNyBDNS4zMzYsNyA1LDYuNjY0IDUsNi4yNSBMNSw0LjI1IEM1LDMuODM2IDUuMzM2LDMuNSA1Ljc1LDMuNSBDNi4xNjQsMy41IDYuNSwzLjgzNiA2LjUsNC4yNSBMNi41LDUuNSBMNy43NSw1LjUgQzguMTY0LDUuNSA4LjUsNS44MzYgOC41LDYuMjUgQzguNSw2LjY2NCA4LjE2NCw3IDcuNzUsNyIgaWQ9IkZpbGwtMyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=")
}

.MediaMaterialHeader {
    max-width: 840px
}

.MediaMaterialHeader-first {
    color: #000;
    line-height: 27px
}

@media only screen and (min-width: 48em) {

    .MediaMaterialHeader-first {
        line-height: 38px
    }
}

.MediaMaterialHeader-first,
.MediaMaterialHeader-separator {
    -o-transition: color .25s ease-out;
    transition: color .25s ease-out;
    font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
    font-size: 24px;
    font-weight: 700
}

@media only screen and (min-width: 48em) {

    .MediaMaterialHeader-first,
    .MediaMaterialHeader-separator {
        font-size: 36px
    }
}

.MediaMaterial {
    background-color: #fff;
    padding: 12px
}

@media only screen and (min-width: 48em) {
    .MediaMaterial {
        padding: 25px 15px 20px
    }
}

.MediaMaterial-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 650px;
    margin: 0 auto 18px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (min-width: 63.125em) {
    .MediaMaterial-header {
        max-width: 1000px;
        margin-bottom: 25px
    }
}

.MediaMaterial-tag {
    margin-bottom: 5px
}

@media only screen and (min-width: 48em) {
    .MediaMaterial-tag {
        margin-bottom: 11px
    }
}

.MediaMaterial-meta {
    margin-top: 12px
}

@media only screen and (min-width: 48em) {
    .MediaMaterial-meta {
        margin-top: 12px
    }
}

.MediaMaterial-containerClose {
    position: relative
}

.MediaMaterial-close {
    position: absolute;
    top: -10px;
    right: 0;
    transition: -webkit-transform .15s ease-out;
    -o-transition: -o-transform .15s ease-out;
    transition: transform .15s ease-out;
    transition: transform .15s ease-out, -webkit-transform .15s ease-out, -o-transform .15s ease-out
}

.MediaMaterial-materialContent {
    width: 100%;
    max-width: 650px
}

.MediaMaterial-body {
    position: relative;
    max-width: 650px;
    margin: 0 auto
}

@media only screen and (min-width: 63.125em) {
    .MediaMaterial-body {
        max-width: 1000px
    }
}

.MediaMaterial--bannerless .MediaMaterial-body {
    display: block;
    max-width: none
}

@media only screen and (min-width: 48em) {

    .MediaMaterial--fullWidth .MediaMaterial-header {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

.MediaMaterial--fullWidth .MediaMaterial-materialContent {
    max-width: none
}

.Material {
    padding: 12px 0 0
}

@media only screen and (min-width: 48em) {
    .Material {
        padding: 0;
    }
}

.Material-shadow {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    display: none;
    z-index: 300;
    background-color: rgba(0, 0, 0, 0.15)
}

.Material-shadow--top {
    top: 0
}

.Material-container {
    background: #fff;
    position: relative
}


@media only screen and (min-width: 48em) {
    .Body h3 {
        margin-top: 35px;
        margin-bottom: 10px;
        font-size: 26px;
        line-height: 27px
    }
}

.MaterialContent--bannerless .Body > * {
    margin-right: auto;
    margin-left: auto
}

.MaterialContent .Figure {
    margin-right: -12px;
    margin-left: -12px
}

@media only screen and (min-width: 40.625em) {

    .MaterialContent .Figure {
        margin-right: auto;
        margin-left: auto
    }
}

.Figure {
    margin: 15px -12px
}
.Figure img{
    display: block;
    margin: 5px auto;
}

@media only screen and (min-width: 48em) {
    .Figure {
        margin: 27px auto 20px
    }
}

@media only screen and (min-width: 75em) {
    .Figure {
        max-width: 650px
    }
}

.Figure img {
    max-width: 100%;
    vertical-align: bottom
}

@media only screen and (min-width: 40.625em) {
    .Figure img {
        border-radius: 2px
    }
}

.Figure-caption {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
    padding: 7px 12px 0;
    font-size: 15px;
    line-height: 17px
}

@media only screen and (min-width: 40.625em) {
    .Figure-caption {
        padding-right: 0;
        padding-left: 0;
        font-size: 16px;
        line-height: 18px
    }
}

@-moz-document url-prefix() {}

.App {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    transition: -webkit-transform .25s ease-out;
    -o-transition: -o-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out, -o-transform .25s ease-out
}

.App-content,
.App-footer {
    transition: -webkit-transform .25s ease-out;
    -o-transition: -o-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out, -o-transform .25s ease-out
}

.App-footer {
    position: relative;
    z-index: 1
}

.App-content {
    position: relative;
    z-index: 1;
    overflow: visible;
    background-color: #f2f2f2;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.App-header {
    position: relative;
    z-index: 200
}

.App--isMaterial .App-content {
    background-color: #E6E6E6
}

.Footer {
    color: #999999;
    background-color: #252525;
    font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif
}

@font-face {
    font-family: "Proxima Nova";
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/ProximaNova-Regular-4238ca.woff") format("woff")
}

@font-face {
    font-family: "Proxima Nova";
    font-weight: 600;
    font-style: normal;
    src: url("../fonts/ProximaNova-Semibold-125692.woff") format("woff")
}

@font-face {
    font-family: "Proxima Nova";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/ProximaNova-Bold-86fdfa.woff") format("woff")
}

.logo {
    display: block;
    margin-top: 10px;
}

.ava-img {
    width: 50px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.Body a {
    color: blue;
}

.Body a:hover {
    box-shadow: none;
}

a.button {
    font-size: 20px;
    text-align: center;
    color: #fff !important;
    background-color: red;
    display: block;
    width: 100%;
    max-width: 320px;
    border-radius: 30px;
    text-decoration: none;
    padding: 15px;
}

a.button:hover {
    background-color: #c11f1f;
}

.right {
    text-align: right;
    font-style: italic;
}


/*header*/
#header {
    position: relative;
    max-width: 1300px
}

@media (max-width: 768px) {
    #header {
        height:88px
    }
}

.headerLogo {
    display: inline-block;
    width: 130px;
    overflow: hidden;
    height: 44px
}

.headerLogo,.headerLogo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.headerLogo img {
    fill: #fff;
    height: 22px;
    width: 87px
}

.headerLogo.hbLogo img {
    margin-top: 3px;
    height: 59px;
    width: 130px
}

.headIcons {
    position: relative;
    width: 44px;
    height: 44px;
    display: inline-block;
    float: right
}

.headIcons svg {
    fill: #fff;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.ticker {
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    background: #fcd445;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

@media (max-width: 600px) {
    .ticker {
        padding-left:0
    }
}

.ticker:hover ul {
    animation-play-state: paused
}

.ticker ul {
    animation: ticker 80s infinite linear;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width: 600px) {
    .ticker ul {
        animation:ticker 120s infinite linear
    }
}

.ticker li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.ticker a {
    color: #dd0130;
    font-size: .8125em;
    font-weight: 700;
    padding: 0 1em;
    display: inline-block
}

.ticker a:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    margin-right: 5px;
    border-radius: 100%;
    background: #dd0130
}

.ticker a span {
    margin-left: 5px;
    color: #111
}

.ticker a:hover span {
    text-decoration: underline
}

@keyframes ticker {
    to {
        transform: translateX(-100%)
    }
}

.tickerWrap {
    height: 48px;
    position: relative;
    overflow: hidden;
    margin-bottom: .625em;
    margin-left: -1.25em;
    margin-right: -1.25em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width: 600px) {
    .tickerWrap {
        height:96px;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.tickerWrap .tickerLatest {
    position: relative;
    margin: 0;
    font-size: .875em;
    line-height: 48px;
    background: #d4002d;
    z-index: 2;
    -ms-flex: 0;
    flex: 0
}

@media (max-width: 600px) {
    .tickerWrap .tickerLatest {
        position:relative;
        width: 100%;
        letter-spacing: .5px
    }
}

.tickerWrap .tickerLatest a {
    color: #fff;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    padding: 0 20px;
    white-space: nowrap
}

@media (max-width: 600px) {
    .tickerWrap .tickerLatest a {
        width:100%;
        padding: 0 10px
    }
}

.tickerWrap .tickerLatest a:hover {
    text-decoration: underline
}

.sideMenuWrap {
    position: relative;
    padding: 1.25em;
    height: 100%
}

.sideMenuWrap>ul {
    position: absolute;
    bottom: 80px;
    left: 20px;
    right: 20px;
    top: 70px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

#sideMenu {
    height: 100%;
    position: fixed;
    top: 0;
    width: 0;
    right: -300px;
    background: #dd0130;
    z-index: 30000;
    transform: translateZ(0);
    backface-visibility: hidden;
    transition: all .3s cubic-bezier(.694,.0482,.335,1)
}

#sideMenu li {
    position: relative
}

#sideMenu li.bar-rijaliti a {
    background: #a400ff;
    text-indent: -999999px;
    padding: 0 16px;
    background: #a400ff url(../fonts/bar_rijaliti.svg) 8px no-repeat;
    background-size: 30%;
    min-width: 100px;
    border-radius: 3px
}

#sideMenu .zasadi-drvo a {
    background: linear-gradient(180deg,#6fac43 0,#476b35)
}

#sideMenu .zasadi-drvo a img {
    padding: 5px 0 5px 10px;
    height: 44px;
    vertical-align: middle
}

#sideMenu .eurobasket-2022 a {
    color: #fff;
    background: #1e036c
}

#sideMenu .sp-katar-2022 a {
    color: #fff;
    background: #8a1538
}

#sideMenu li.subActive .subTrigger:before {
    font-weight: 400;
    content: "-"
}

#sideMenu a,#sideMenu li.subActive .subMenu {
    display: block
}

#sideMenu a {
    font-weight: 800;
    font-size: 1em;
    color: #fff
}

#sideMenu .subMenu {
    display: none;
    padding-left: 20px
}

#sideMenu .subMenu a {
    font-size: .875em
}

#sideMenu .subTrigger {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center
}

#sideMenu .subTrigger:before {
    font-weight: 400;
    content: "+"
}

#sideMenu .sideMenuHeader {
    display: table;
    width: 100%
}

#sideMenu .sideMenuHeader a {
    display: table-cell
}

#sideMenu ul a {
    line-height: 40px
}

.sideMenuSection a {
    padding: 0
}

.sideMenuFooter {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding: 20px 0 0;
    height: 60px;
    border-top: 1px solid #fff
}

#sideMenuBlock {
    position: fixed;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 29000;
    background: rgba(0,0,0,.7);
    overscroll-behavior: contain
}

.mLogo {
    display: inline-block;
    line-height: 0;
    vertical-align: middle
}

.mLogo svg {
    fill: #fff;
    width: 100px;
    height: 25px
}

.mClose {
    position: relative;
    width: 40px;
    height: 40px
}

.mClose svg {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    fill: #fff
}

html.locked #sideMenu {
    transform: translate3d(-300px,0,0);
    width: 300px
}

html.locked #sideMenuBlock {
    display: block
}

html.locked body {
    overflow: hidden
}

@media (max-width: 768px) {
    html.stick .headerMenu {
        position:fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        border-color: #ccc;
        box-shadow: 0 1px 4px rgba(0,0,0,.2)
    }
}

.headerMenu {
    font-family: Montserrat,sans-serif;
    letter-spacing: .5px;
    position: relative;
    color: #fff;
    background: #dd0130;
    display: none
}

@media (max-width: 768px) {
    .headerMenu {
        position:fixed;
        top: 0;
        left: 0;
        right: 0;
        display: block;
        height: 44px;
        z-index: 1000
    }
}

#menuWrap {
    /* border-bottom: 1px solid #dedcdc; */
    background: #f6f5f5
}

@media (max-width: 768px) {
    #menuWrap {
        overflow-x:scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }
}

#menuWrap::-webkit-scrollbar,#menuWrap::-webkit-scrollbar-track {
    display: none;
    width: 0;
    height: 0;
    background-color: transparent
}

@media (max-width: 768px) {
    #menuWrap {
        transition:all .2s ease-in-out;
        position: fixed;
        top: 0;
        transform: translateY(44px);
        left: 0;
        width: 100%;
        z-index: 999;
        box-shadow: 0 2px 2px rgba(0,0,0,.1);
        border-color: #ccc
    }

    #menuWrap.nav-up {
        transform: translateY(-44px);
        box-shadow: none;
        transform: translateY(-1px)
    }
}

#mainMenu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    width: 100%;
    line-height: 60px
}

@media (max-width: 768px) {
    #mainMenu {
        width:100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        line-height: 44px;
        height: 44px;
        min-width: 860px
    }
}

#mainMenu ul {
    display: none
}

#mainMenu>li {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -ms-flex: auto;
    flex: auto
}

#mainMenu>li.searchMenu {
    -ms-flex: 0 0 60px;
    flex: 0 0 60px
}

#mainMenu>li:hover ul {
    display: inline-block
}

#mainMenu>li>a {
    color: #111;
    float: left;
    width: 100%;
    text-align: center;
    height: 60px;
    font-weight: 800;
    font-size: .875em;
    text-transform: uppercase
}

@media (max-width: 768px) {
    #mainMenu>li>a {
        height:44px;
        font-size: .75em
    }
}

#mainMenu>li>a span {
    display: inline-block;
    padding: 0 .5em;
    white-space: nowrap
}

@media (max-width: 768px) {
    #mainMenu>li>a span {
        line-height:44px
    }
}

#mainMenu>li>a.on {
    color: #fff
}

#mainMenu>li>a.searchLink {
    height: 60px;
    width: 60px
}

#mainMenu>li>a.searchLink svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 22px;
    height: 22px
}

#mainMenu>li.glossy a {
    background: #ed1c24;
    color: #fff
}

#mainMenu>li.glossy a:hover {
    background: #c61017
}

#mainMenu>li:nth-child(n+6) .subMenu {
    right: -100px;
    left: auto
}

#mainMenu>li.mobMenu {
    display: none
}

@media (max-width: 600px) {
    #mainMenu>li.mobMenu {
        display:-ms-flexbox;
        display: flex
    }

    #mainMenu>li.mobMenu img {
        display: none
    }
}

#mainMenu>li.c111 {
    background: #aec500
}

#mainMenu>li.c111>a {
    color: #fff!important
}

#mainMenu>li.c111:hover>a {
    background: #97ab00!important
}

#mainMenu>li.c112 span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-indent: -999999px;
    padding: 0 16px;
    background: #a400ff url(../fonts/bar_rijaliti.svg) 50% no-repeat;
    background-size: 80%
}

@media (max-width: 768px) {
    #mainMenu>li.c112 span {
        min-width:60px
    }
}

#subMenuWrap {
    border-bottom: 1px solid #dedcdc;
    font-size: 14px
}

@media (max-width: 768px) {
    #subMenuWrap {
        display:none
    }
}

#subMenu {
    display: -ms-flexbox;
    display: flex;
    height: 40px
}

#subMenu>li.zasadi-drvo a {
    background: linear-gradient(180deg,#6fac43 0,#476b35);
    padding: 0 40px
}

#subMenu>li.zasadi-drvo a:hover {
    background: linear-gradient(180deg,#6cbd32 0,#43732b)
}

#subMenu>li.zasadi-drvo img {
    height: 32px;
    vertical-align: middle
}

#subMenu>li.eurobasket-2022 a {
    background: #1e036c;
    padding: 0 20px;
    color: #fff
}

#subMenu>li.eurobasket-2022 a:hover {
    background: #1e036c
}

#subMenu>li.sp-katar-2022 a {
    background: #8a1538;
    padding: 0 20px;
    color: #fff
}

#subMenu>li.sp-katar-2022 a:hover {
    background: #8a1538
}

#subMenu>li.bar-rijaliti a {
    background: #a400ff;
    text-indent: -999999px;
    padding: 0 16px;
    background: #a400ff url(../fonts/bar_rijaliti.svg) 50% no-repeat;
    background-size: 70%;
    min-width: 100px
}

#subMenu a {
    font-family: Montserrat,sans-serif;
    float: left;
    height: 40px;
    padding: 0 1.5em;
    font-weight: 700;
    color: #111;
    line-height: 40px
}

#subMenu a:hover {
    background: #efefef
}

#subMenu .on {
    border-bottom: 2px solid #111
}

.searchMenu {
    width: 60px;
    height: 60px
}

@media (max-width: 768px) {
    #search_header,.searchMenu {
        display:none!important
    }
}

#search_header input {
    position: absolute;
    top: 0;
    right: 60px;
    bottom: 0;
    width: 0;
    padding: 0;
    transition: all .3s;
    display: none;
    border-radius: 0
}

@media (max-width: 1100px) {
    #search_header input {
        right:60px
    }
}

#search_header input:focus {
    outline: 0
}

@media (max-width: 768px) {
    #search_header input {
        height:42px!important;
        top: 0;
        width: auto!important;
        right: auto!important;
        left: auto!important;
        padding: 0 10px!important;
        transition: none;
        border: 2px solid #111;
        display: none;
        background: #fff;
        float: left;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

#search_header .searchBtn {
    position: relative;
    width: 60px;
    height: 60px
}

@media (max-width: 768px) {
    #search_header .searchBtn {
        display:none;
        position: relative;
        top: 0;
        float: left;
        left: 0;
        right: auto;
        height: 44px;
        width: 44px;
        padding: 0;
        z-index: 60;
        background: transparent
    }
}

@media (max-width: 768px) {
    #search_header.open {
        z-index:100;
        width: 100%
    }
}

#search_header.open input {
    border: 2px solid #111;
    width: 340px;
    padding: 0 20px;
    padding-right: 64px;
    display: block;
    height: 60px
}

#search_header.open #searchSend {
    opacity: 1;
    display: none
}

#search_header.open svg.sClose {
    display: block
}

#search_header.open svg.sOpen {
    display: none
}

#search_header svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 32px;
    height: 32px
}

#search_header svg.sClose {
    display: none
}

@media (max-width: 768px) {
    #search_header svg.sButton {
        margin-top:-14px;
        margin-left: -14px;
        width: 28px;
        height: 28px
    }
}

.logoWrap {
    position: relative;
    max-width: 160px;
    height: 60px;
    width: 120px
}

@media (max-width: 768px) {
    .logoWrap {
        height:44px;
        width: auto;
        -ms-flex: 0 0 44px!important;
        flex: 0 0 44px!important;
        max-width: none
    }
}

.hLogo {
    width: 100%;
    background: #dd0130;
    overflow: hidden
}

.hLogo img {
    width: 70%;
    height: auto;
    fill: #fff;
    vertical-align: middle
}

.hLogo.hbLogo img {
    width: 100%;
    margin-top: -2px
}

.hLogoMob {
    height: 44px;
    width: 44px!important
}

.hLogoMob svg {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media (max-width: 768px) {
    .hLogoMob {
        display:block
    }
}

#content {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    min-height: 400px;
    position: relative;
    background: #fff
}

#content:after {
    content: " ";
    display: block;
    clear: both
}

.cHeading {
    font-family: Montserrat,sans-serif;
    color: #fff;
    font-weight: 800;
    font-size: 1.5em;
    text-transform: uppercase;
    border-bottom: 2px solid #dd0130;
    margin-top: 0
}

@media (max-width: 600px) {
    .cHeading {
        font-size:1em;
        margin: 0 -20px;
        border: none;
        text-align: center
    }
}

.cHeading span {
    padding: .5em 1em;
    display: inline-block;
    background: #dd0130
}

@media (max-width: 600px) {
    .cHeading span {
        display:block
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(""),url(../fonts/open-sans-v18-latin-ext_latin_cyrillic-regular.woff) format("woff")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(""),url(../fonts/open-sans-v18-latin-ext_latin_cyrillic-700.woff) format("woff")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local(""),url(/resources/fonts/open-sans-v18-latin-ext_latin_cyrillic-800.woff) format("woff")
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(""),url(../fonts/montserrat-v15-latin-ext_latin-700.woff) format("woff")
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local(""),url(/resources/fonts/montserrat-v15-latin-ext_latin-800.woff) format("woff")
}

@font-face {
    font-family: Oswald;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(""),url(/resources/fonts/oswald-v35-latin-ext_latin-regular.woff) format("woff")
}

*,:after,:before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    text-decoration: none;
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th,ul {
    padding: 0
}

ul {
    margin: 0
}

li {
    list-style: none
}

html {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

body,html {
    min-height: 100%
}

body {
    background: #fff;
    font-family: Open Sans,sans-serif
}

.contentWrap {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    margin-right: -18.75em
}

@media (max-width: 600px) {
    .contentWrap {
        margin:0
    }
}

.cContainer,.contentWrap body.home .contentWrap {
    margin-right: 0
}

.cContainer {
    width: 100%;
    float: left;
    margin-left: 0;
    padding: 1.25em;
    background: #fff
}

@media (max-width: 600px) {
    .cContainer {
        padding:1.25em;
        padding-top: 0
    }
}

.catWrap {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
}

.catWrap:after {
    content: "";
    display: table;
    clear: both
}

.brand,.brandLeft,.brandRight {
    position: fixed;
    height: 1500px;
    top: 0;
    width: 600px;
    overflow: hidden;
    z-index: 20
}

@media (max-width: 1100px) {
    .brand,.brandLeft,.brandRight {
        display:none
    }
}

.brandRight {
    right: 50%;
    margin-right: -1250px;
    text-align: left;
    backface-visibility: hidden
}

@media (max-width: 1100px) {
    .brandRight {
        margin-right:-1090px
    }
}

.brandLeft {
    margin-left: -1250px;
    left: 50%;
    text-align: right;
    backface-visibility: hidden
}

@media (max-width: 1100px) {
    .brandLeft {
        margin-left:-1090px
    }
}

.topPos {
    z-index: 100
}

@media (max-width: 768px) {
    .topPos {
        display:none!important
    }
}

.left {
    float: left!important
}

.right {
    float: right!important
}

em {
    font-style: italic
}

strong {
    font-weight: 700
}

.fixed:after {
    content: "";
    display: table;
    clear: both
}

.fixed {
    zoom:1}

.clearfix {
    clear: both;
    font-size: 0;
    content: "";
    visibility: hidden
}

.noDesk {
    display: none!important
}

@media (max-width: 600px) {
    .noDesk {
        display:block!important
    }
}

@media (max-width: 600px) {
    .noMob {
        display:none!important
    }
}

@media (max-width: 768px) {
    .noTab {
        display:none
    }
}

.ctext {
    text-align: center
}

.smWrap {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #dedcdc
}

@media (max-width: 600px) {
    .smWrap {
        padding:0 20px 10px;
        margin: 0 -20px 10px
    }
}

.smWrap>iframe {
    margin: 0 auto;
    display: inherit
}

@media (max-width: 600px) {
    .smWrap>iframe {
        width:100%!important
    }
}

.mTB {
    margin: 20px 0
}

.mB {
    margin: 0 0 20px
}

.splitter {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1.875em
}

@media (max-width: 600px) {
    .splitter {
        display:none
    }
}

.float {
    position: absolute
}

.float * {
    margin: 0!important;
    max-width: 100%
}

.commentNo,.socialNo {
    color: #aaa;
    font-size: .8em
}

.sideBox {
    margin-bottom: 1.25rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.moreLnk {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    font-size: .875em;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff!important;
    text-align: center;
    border-radius: 3px;
    padding: .8em 0;
    background: #dd0130
}

.moreLnk:hover {
    background: #fe1345
}

.sideList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1rem
}

.sideList .activityIcons {
    display: none
}

.sideList .sListData {
    position: relative;
    margin: 0 auto
}

.sideList h2 {
    font-weight: 700;
    font-size: .9em;
    line-height: 1.4em;
    margin-bottom: 0
}

.sideList h2 a {
    padding: 0 0 .2em;
    color: #111
}

.sideList h2 a:hover {
    text-decoration: underline
}

.sideList .sListImg {
    display: block;
    position: relative;
    background: #ddd
}

.sideList .sListImg img {
    width: 100%;
    height: auto
}

.sideList .sListImg .catName {
    position: absolute;
    display: inline-block;
    background: #fff;
    padding: .5em 1em;
    left: 0;
    bottom: 0;
    max-width: 100%;
    text-align: left;
    color: #fff;
    font-weight: 700;
    font-size: .875em;
    line-height: 1.4em;
    text-transform: uppercase
}

.sideList li {
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #ccc
}

.sideList li .header {
    display: block;
    color: #fff;
    font-family: Oswald,sans-serif;
    font-weight: 700;
    line-height: 1.2em;
    max-width: 100%;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase
}

.sideList li:last-child {
    border: none;
    padding: 0;
    margin: 0
}

.sideList.noImg li {
    padding-bottom: .5;
    margin-bottom: .5
}

.sideList.noImg li:after {
    content: "";
    display: table;
    clear: both
}

.sideList.noImg li:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.sideList.noImg .sListData {
    max-width: none;
    top: 0
}

.sideList.noImg .sListImg {
    display: none
}

.sideList.sqRight li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #ddd
}

.sideList.sqRight li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none
}

.sideList.sqRight .sListImg {
    position: relative;
    width: 33.3333333%;
    font-size: .6875rem
}

.sideList.sqRight .sListImg span {
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 100%
}

.sideList.sqRight .sListImg img {
    width: 100%;
    height: auto
}

.sideList.sqRight h2 {
    font-size: .875em;
    margin: 0;
    font-weight: 700
}

.sideList.sqRight h2 a {
    padding: 0;
    color: #111
}

.sideList.sqRight h2 a:hover {
    text-decoration: underline
}

.sideList.sqRight .sListData {
    width: 66.6666666%;
    padding: 0 0 0 10px;
    background: transparent;
    position: relative;
    max-width: none;
    top: auto;
    margin: 0;
    text-align: left
}

.sideList.sqRight .activityIcons {
    display: block
}

.sideList.sqRight .header {
    color: #fff;
    background: #dd0130;
    display: inline-block;
    padding: .2em .5em;
    margin-bottom: .5em;
    font-size: .7em;
    font-weight: 700;
    display: none
}

.sideList.sqRight .header:after,.sideList.sqRight .header:before {
    padding: 0;
    content: ""
}

.sideList.sqRight .catName {
    display: none
}

.sideList .activityIcons {
    text-align: left
}

.sideList .mini-icon {
    font-weight: 700;
    font-size: .8em;
    color: #777;
    padding-left: 14px
}

.sideList .mini-icon span {
    display: none
}

.sideList .mini-icon svg {
    width: 20px;
    height: 20px;
    margin-top: -7px
}

@media (max-width: 600px) {
    .sideList h2 {
        margin-top:.5em
    }

    .sideList h2 a {
        font-weight: 700;
        line-height: 1.3em;
        font-size: 1.4em
    }

    .sideList.noImg h2 a {
        font-size: 1.2em;
        font-weight: 400
    }

    .sideList.sqRight h2 a {
        font-size: 1em
    }
}

.sideList.homeMiss figure {
    padding-bottom: 60%
}

.sideList.homeMiss li {
    margin-bottom: -20px
}

.sideHeader {
    height: 40px;
    width: 100%;
    display: inline-block;
    color: #111;
    border-bottom: 4px solid #dd0130;
    font-size: 1.25em;
    line-height: 40px;
    font-weight: 800;
    text-align: left;
    white-space: nowrap;
    margin-bottom: 10px
}

.sideHeader.tab-control {
    padding: 0
}

.sideHeader.tab-control:before {
    border-color: transparent transparent #9e9e9e
}

.sideHeader.other {
    padding: 0 10px;
    font-size: .9em
}

.sideHeader.other.vTw {
    background: #1dabd6;
    border-color: #107d9e;
    color: #fff
}

.sideHeader.other.vDr {
    background: #00b056;
    border-color: #1b8a32;
    color: #fff
}

.blockHeading {
    text-align: left;
    margin-bottom: .625em;
    line-height: 2em;
    font-weight: 800;
    font-size: 1.5em;
    border-bottom: 4px solid #dd0130;
    background: #fff;
    text-transform: uppercase
}

@media (max-width: 600px) {
    .blockHeading {
        font-size:1.25em
    }
}

.blockWrap {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width: 600px) {
    .blockWrap {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

.blockWrap img {
    position: relative;
    width: 100%;
    height: auto;
    backface-visibility: hidden;
    transition: transform 1s ease;
    transform-origin: center
}

.blockWrap img[src$=".gif"] {
    position: absolute;
    height: 100%
}

.blockWrap figure {
    line-height: 0;
    overflow: hidden
}

.blockWrap figure a {
    position: relative;
    display: block
}

@media (max-width: 600px) {
    .blockWrap .item {
        width:50%;
        float: left
    }
}

.blockWrap .item.video figure a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -14px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 0 14px 20px;
    border-color: transparent transparent transparent #fff;
    opacity: .9;
    z-index: 2
}

@media (max-width: 320px) {
    .blockWrap .item.video figure a:before {
        border-width:11px 0 11px 16px;
        margin-left: -6px;
        margin-top: -11px
    }
}

.blockWrap .item.video figure a:after {
    position: absolute;
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    margin-left: -30px;
    margin-top: -30px;
    opacity: .8;
    z-index: 1;
    background: #dd0130
}

@media (max-width: 320px) {
    .blockWrap .item.video figure a:after {
        width:50px;
        height: 50px;
        margin-left: -25px;
        margin-top: -25px
    }
}

.blockWrap .activityIcons {
    position: absolute;
    color: #fff;
    top: .5em;
    right: .5em
}

.blockWrap .activityIcons svg {
    fill: #fff
}

.blockWrap .itemContentWrap {
    height: auto;
    width: 100%;
    background: #fff
}

.blockWrap .itemContent {
    position: relative;
    display: block;
    padding: .625em;
    height: 100%;
    display: -ms-flexbox;
    display: flex
}

.blockWrap .itemContent .catName {
    font-family: Oswald,sans-serif;
    letter-spacing: 1px;
    backface-visibility: hidden;
    position: absolute;
    display: inline-block;
    background: #fff;
    padding: .5em 1em;
    left: 0;
    bottom: 0;
    max-width: 100%;
    text-align: left;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.blockWrap .itemImage {
    background: #ddd;
    overflow: hidden;
    width: 100%;
    position: relative
}

.blockWrap .itemImage a {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 66.6666666667%;
    float: left;
    position: relative
}

.blockWrap .lead {
    color: #444;
    line-height: 1.3em;
    float: left
}

.blockWrap .preHead {
    position: relative;
    margin: 0 0 .5em;
    font-size: .8em;
    color: #888;
    font-weight: 400;
    height: 1.2em
}

.blockWrap .preHead span {
    width: 90%;
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase
}

@media (max-width: 320px) {
    .blockWrap .preHead {
        font-size:.6875em
    }
}

.blockWrap .titleWrap {
    padding: .3125em 0;
    background: #fff;
    overflow: hidden;
    display: block;
    overflow-wrap: anywhere
}

.blockWrap .titleWrap .catName {
    display: none
}

@media (max-width: 600px) {
    .blockWrap .titleWrap {
        padding:.3125em 0 0
    }
}

.blockWrap .title h2 {
    color: #111;
    font-size: 1em;
    margin: 0;
    font-family: Open Sans,sans-serif
}

@media (max-width: 768px) {
    .blockWrap .title h2 {
        font-size:1em
    }
}

@media (max-width: 600px) {
    .blockWrap .title h2 {
        font-size:.9375em
    }
}

.blockWrap .title h2 a {
    color: #111;
    display: block;
    line-height: 1.3em
}

.blockWrap .title h2:hover {
    text-decoration: underline
}

.blockWrap .title.galTitle {
    background: transparent;
    border: none;
    top: -30px
}

.blockWrap .title.galTitle .preHead {
    float: left;
    position: relative;
    display: inline-block
}

.blockWrap .title.galTitle h2 {
    margin-top: 1.5em
}

.blockWrap:first-of-type,.blockWrap:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.blockWrap:first-of-type {
    margin-top: -10px
}

.listBlocks {
    margin-bottom: 2.5em
}

.listBlocks .block-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.listBlocks .item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin: 0
}

@media (max-width: 600px) {
    .listBlocks {
        margin-top:1.25em
    }

    .listBlocks .blockWrap {
        margin-left: -10px;
        margin-right: -10px
    }

    .listBlocks .block-6 {
        margin: 0
    }

    .listBlocks .item:first-child {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0
    }
}

.pagination {
    margin-bottom: 1.875em;
    text-align: center
}

.pagination a {
    font-size: 1.2em;
    display: inline-block;
    padding: 0 .625em;
    color: #585858;
    line-height: 40px;
    border: 1px solid #d9d9d9;
    border-radius: 3px
}

.pagination a.selected {
    color: #111;
    font-weight: 700;
    border-color: #111
}

.pagination a:hover {
    background: #f3f3f3
}

.pagination a.pag_next,.pagination a.pag_prev {
    padding: 0
}

.pagination .pag_next.disabled,.pagination .pag_prev.disabled {
    display: none
}

.pagination .pag_next span,.pagination .pag_prev span {
    position: relative;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #fff;
    text-indent: -900000px
}

.pagination .pag_next span svg,.pagination .pag_prev span svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    width: 18px;
    height: 18px;
    vertical-align: middle
}

.pagination .pag_first,.pagination .pag_last {
    display: none
}

.pageLong {
    height: 42px;
    display: block
}

@media (max-width: 768px) {
    .pageLong {
        display:none
    }
}

.pageShort {
    height: 42px;
    display: none;
    margin: 1.875em 0
}

@media (max-width: 768px) {
    .pageShort {
        display:block
    }
}

.pageLong .pag_next svg,.pageShort .pag_next svg {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.pageLong .pag_prev svg,.pageShort .pag_prev svg {
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%)
}

.pagedNav .pag_next svg {
    top: 50%;
    right: 5%;
    transform: translateY(-50%)
}

.pagedNav .pag_prev svg {
    top: 50%;
    left: 5%;
    transform: translateY(-50%)
}

.activityIcons {
    -webkit-font-smoothing: antialiased;
    text-align: center;
    z-index: 2
}

@media (max-width: 320px) {
    .activityIcons {
        display:none
    }
}

.activityIcons a {
    font-weight: 400;
    color: #888
}

.mini-icon {
    position: relative;
    padding: 0 10px 0 28px;
    line-height: 24px;
    border-radius: 16px;
    background: #ddd;
    color: #fff;
    font-size: .7em;
    font-weight: 700;
    display: block;
    margin-bottom: 4px;
    box-shadow: 0 2 1 rgba(0,0,0,.1)
}

.mini-icon svg {
    position: absolute;
    top: 50%;
    left: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -7px;
    fill: #fff
}

.mini-icon.social {
    background: #2d9cdb
}

.mini-icon.comment {
    background: #eb5757
}

.mini-icon.gallery {
    background: #4f4f4f
}

.tab-control {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 1em
}

.tabs a {
    color: #111
}

.tab {
    float: left;
    width: 100%;
    display: none
}

.tab.active {
    display: block
}

.tab-button {
    position: relative;
    bottom: -2px;
    text-transform: uppercase;
    width: 50%;
    float: left;
    text-align: center;
    padding: .5em 0;
    line-height: 30px;
    font-size: .8em;
    font-weight: 700;
    border-top: 2px solid transparent;
    background: #ededed
}

.tab-button:hover {
    background: #f3f3f3
}

.tab-button.active {
    background: #fff;
    border-color: #dd0130
}

.tabMore {
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #dd0130;
    font-weight: 700;
    font-size: .875em;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    padding: .625em
}

.tabMore:after {
    content: "";
    display: inline-block;
    height: 10px;
    width: 5px;
    margin-left: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #fff
}

.tabMore:hover {
    background: #fe1345
}

.poll {
    padding: 0 10px 10px;
    border: 1px solid #e24448;
    border-radius: 3px
}

.poll_question {
    margin: 0 -10px 10px;
    color: #fff;
    background: #e24448;
    text-align: left;
    padding: 10px;
    padding-bottom: .5em;
    border-bottom: 1px solid #ddd
}

.poll_question h2 {
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.3em;
    margin-bottom: 0
}

.poll_question h3 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1em;
    margin-bottom: .5em
}

.polls_bar {
    background: #dd0130
}

.poll_q {
    text-align: left;
    margin-bottom: 10px
}

.poll_q label {
    width: 100%;
    border: 1px solid #ddd;
    display: block;
    padding: 10px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 3px;
    cursor: pointer
}

.poll_q label:hover {
    border-color: #dd0130
}

.poll_q label:active,.poll_q label:hover {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

.poll_q label:active,.poll_q label:focus {
    background: #ddd
}

.poll_buttons {
    margin-top: 1em;
    line-height: 32px
}

.poll_buttons button {
    border: 1px solid #e24448;
    padding: 0 20px;
    border-radius: 3px;
    color: #e24448;
    background: #fff;
    -webkit-appearance: none
}

.poll_buttons button:disabled {
    opacity: .3
}

.poll_buttons button:hover {
    background: #e24448;
    color: #fff
}

.galData {
    padding: 10px;
    border: 1px solid #eee;
    color: #888;
    font-size: .9em
}

.galCount {
    float: left;
    line-height: 30px
}

.gNav {
    text-align: left;
    float: right
}

.gNav a {
    padding: 3px 10px;
    border: 1px solid #ddd;
    display: inline-block;
    text-decoration: none;
    border-radius: 50%;
    color: #666
}

.gNav a:hover {
    text-decoration: none!important
}

.singleWrap .galleryMain img {
    position: absolute;
    width: auto;
    max-height: 100%;
    margin: 0;
    display: inline;
    top: 50%;
    bottom: 0;
    transform: translate(-50%,-50%)
}

.singleWrap .galleryMain,.singleWrap .galleryThumbs,.singleWrap .galleryWrap {
    width: 100%;
    margin: 0
}

.singleWrap .galleryMain {
    margin-bottom: 1em
}

.singleWrap .galleryThumbs {
    float: none
}

.singleWrap .galleryThumbs:after {
    content: "";
    display: table;
    clear: both
}

.singleWrap .galleryThumbs a {
    width: 25%;
    float: left;
    display: block;
    margin: 0
}

.singleWrap .galleryThumbs a:after {
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px
}

.singleWrap .galleryThumbs a span {
    float: left;
    padding: 5px
}

.singleWrap .galleryThumbs a img {
    width: 100%;
    height: auto;
    margin: 0
}

.followSocial {
    padding-bottom: 1em;
    width: 100%
}

.followSocial .sideHeader,.followSocial h3 {
    letter-spacing: 1px
}

.followSocial h3 {
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    font-size: 1em;
    color: #111
}

.followSocial a {
    position: relative;
    width: 20%;
    float: left;
    text-align: center;
    line-height: 40px;
    height: 40px
}

.followSocial a svg {
    fill: #fff
}

.followSocial a:hover {
    opacity: .8
}

.followSocial .fFb {
    background: #415e9b
}

.followSocial .fTw {
    background: #29a7df
}

.followSocial .fYt {
    background: #ce1312
}

.followSocial .fIns {
    background: #fcbb45
}

.followSocial .fRss {
    background: #f60
}

.overlayBlock {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    display: none;
    height: 64px;
    float: left;
    z-index: 100
}

.dialogWrap {
    margin-left: 0;
    margin-right: 0;
    height: 64px;
    color: #111;
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.dialogContent,.dialogWrap {
    float: left;
    background: #fff;
    overflow: hidden
}

.dialogContent {
    padding: 2px;
    width: 60%;
    font-size: .9em;
    position: relative
}

.dCloseWrap {
    width: 10%
}

.dButtonWrap,.dCloseWrap {
    height: 100%;
    position: relative;
    float: left
}

.dButtonWrap {
    width: 30%
}

.dialogData {
    float: left;
    padding-left: 10px
}

.dialogData h2 {
    padding: 0;
    margin: 0 0 2px;
    font-size: 1em
}

.dialogData p {
    text-align: left;
    font-size: .8125em;
    line-height: 1.2em;
    padding: 0;
    margin: 0
}

.dialogData img {
    width: 14px;
    height: 14px
}

.dClose {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%)
}

.dClose,.dClose svg {
    width: 30px;
    height: 30px
}

.dClose svg {
    fill: #aaa
}

.dButton,.dClose svg {
    vertical-align: middle
}

.dButton {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    color: #666;
    text-transform: uppercase;
    border-radius: 3px;
    font-weight: 400;
    padding: .5em 1em;
    font-size: .8em;
    border: 1px solid #ddd;
    letter-spacing: .5px
}

.dIcon {
    float: left;
    width: 60px;
    height: 60px
}

.itemContent.ext_kurir .catName,.itemContent.ext_url .catName {
    background: #dd1514
}

.itemContent.ext_stil .catName {
    background: #b37a00
}

.itemContent.ext_glossy .catName {
    background: #ed1c24
}

.sideBox li.ext_kurir .catName,.sideBox li.ext_url .catName {
    background: #dd1514
}

.sideBox li.ext_stil .catName {
    background: #b37a00
}

.sideBox li.ext_glossy .catName {
    background: #ed1c24
}

#login_form {
    width: 100%
}

.logItem {
    margin: 0 0 1.25em;
    text-align: left
}

.logItem a {
    color: #4da4d0
}

.logItem a:hover {
    text-decoration: underline
}

.error-message {
    color: #fff;
    background: #f51e1e;
    padding: 1.25em;
    font-weight: 400;
    font-size: .875em;
    display: inline-block
}

.formWrap {
    width: 70%;
    margin: 0 auto
}

@media (max-width: 600px) {
    .formWrap {
        width:100%
    }
}

.formNote {
    margin: 0 0 2.5em
}

.formLinks {
    line-height: 1.6em;
    color: #aaa
}

.formLinks a {
    color: #4da4d0
}

.formLinks a:hover {
    text-decoration: underline
}

.formSplit {
    position: relative;
    margin: 1.25em 0;
    height: 0;
    text-align: center;
    border-bottom: 1px solid #ddd
}

.formSplit span {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
    display: inline-block;
    background: #fff;
    color: #999;
    border-radius: 100%
}

input[type=email],input[type=password],input[type=text],textarea {
    border: 1px solid #ddd;
    padding: .625em;
    background: #eee;
    width: 100%
}

input[type=checkbox] {
    width: auto
}

label {
    text-align: left
}

label.labelInline {
    display: inline-block
}

#header {
    position: relative;
    max-width: 1400px;
    margin: auto;
    width: 100%;
}

@media (max-width: 768px) {
    #header {
        height:88px
    }
}

.headerLogo {
    display: inline-block;
    width: 130px;
    overflow: hidden;
    height: 44px
}

.headerLogo,.headerLogo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.headerLogo img {
    fill: #fff;
    height: 22px;
    width: 87px
}

.headerLogo.hbLogo img {
    margin-top: 3px;
    height: 59px;
    width: 130px
}

.headIcons {
    position: relative;
    width: 44px;
    height: 44px;
    display: inline-block;
    float: right
}

.headIcons svg {
    fill: #fff;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.ticker {
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    background: #fcd445;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

@media (max-width: 600px) {
    .ticker {
        padding-left:0
    }
}

.ticker:hover ul {
    animation-play-state: paused
}

.ticker ul {
    animation: ticker 80s infinite linear;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width: 600px) {
    .ticker ul {
        animation:ticker 120s infinite linear
    }
}

.ticker li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.ticker a {
    color: #dd0130;
    font-size: .8125em;
    font-weight: 700;
    padding: 0 1em;
    display: inline-block
}

.ticker a:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    margin-right: 5px;
    border-radius: 100%;
    background: #dd0130
}

.ticker a span {
    margin-left: 5px;
    color: #111
}

.ticker a:hover span {
    text-decoration: underline
}

@keyframes ticker {
    to {
        transform: translateX(-100%)
    }
}

.tickerWrap {
    height: 48px;
    position: relative;
    overflow: hidden;
    margin-bottom: .625em;
    margin-left: -1.25em;
    margin-right: -1.25em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width: 600px) {
    .tickerWrap {
        height:96px;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.tickerWrap .tickerLatest {
    position: relative;
    margin: 0;
    font-size: .875em;
    line-height: 48px;
    background: #d4002d;
    z-index: 2;
    -ms-flex: 0;
    flex: 0
}

@media (max-width: 600px) {
    .tickerWrap .tickerLatest {
        position:relative;
        width: 100%;
        letter-spacing: .5px
    }
}

.tickerWrap .tickerLatest a {
    color: #fff;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    padding: 0 20px;
    white-space: nowrap
}

@media (max-width: 600px) {
    .tickerWrap .tickerLatest a {
        width:100%;
        padding: 0 10px
    }
}

.tickerWrap .tickerLatest a:hover {
    text-decoration: underline
}

.sideMenuWrap {
    position: relative;
    padding: 1.25em;
    height: 100%
}

.sideMenuWrap>ul {
    position: absolute;
    bottom: 80px;
    left: 20px;
    right: 20px;
    top: 70px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

#sideMenu {
    height: 100%;
    position: fixed;
    top: 0;
    width: 0;
    right: -300px;
    background: #dd0130;
    z-index: 30000;
    transform: translateZ(0);
    backface-visibility: hidden;
    transition: all .3s cubic-bezier(.694,.0482,.335,1)
}

#sideMenu li {
    position: relative
}

#sideMenu li.bar-rijaliti a {
    background: #a400ff;
    text-indent: -999999px;
    padding: 0 16px;
    background: #a400ff url(../fonts/bar_rijaliti.svg) 8px no-repeat;
    background-size: 30%;
    min-width: 100px;
    border-radius: 3px
}

#sideMenu .zasadi-drvo a {
    background: linear-gradient(180deg,#6fac43 0,#476b35)
}

#sideMenu .zasadi-drvo a img {
    padding: 5px 0 5px 10px;
    height: 44px;
    vertical-align: middle
}

#sideMenu .eurobasket-2022 a {
    color: #fff;
    background: #1e036c
}

#sideMenu .sp-katar-2022 a {
    color: #fff;
    background: #8a1538
}

#sideMenu li.subActive .subTrigger:before {
    font-weight: 400;
    content: "-"
}

#sideMenu a,#sideMenu li.subActive .subMenu {
    display: block
}

#sideMenu a {
    font-weight: 800;
    font-size: 1em;
    color: #fff
}

#sideMenu .subMenu {
    display: none;
    padding-left: 20px
}

#sideMenu .subMenu a {
    font-size: .875em
}

#sideMenu .subTrigger {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center
}

#sideMenu .subTrigger:before {
    font-weight: 400;
    content: "+"
}

#sideMenu .sideMenuHeader {
    display: table;
    width: 100%
}

#sideMenu .sideMenuHeader a {
    display: table-cell
}

#sideMenu ul a {
    line-height: 40px
}

.sideMenuSection a {
    padding: 0
}

.sideMenuFooter {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding: 20px 0 0;
    height: 60px;
    border-top: 1px solid #fff
}

#sideMenuBlock {
    position: fixed;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 29000;
    background: rgba(0,0,0,.7);
    overscroll-behavior: contain
}

.mLogo {
    display: inline-block;
    line-height: 0;
    vertical-align: middle
}

.mLogo svg {
    fill: #fff;
    width: 100px;
    height: 25px
}

.mClose {
    position: relative;
    width: 40px;
    height: 40px
}

.mClose svg {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    fill: #fff
}

html.locked #sideMenu {
    transform: translate3d(-300px,0,0);
    width: 300px
}

html.locked #sideMenuBlock {
    display: block
}

html.locked body {
    overflow: hidden
}

@media (max-width: 768px) {
    html.stick .headerMenu {
        position:fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        border-color: #ccc;
        box-shadow: 0 1px 4px rgba(0,0,0,.2)
    }
}

.headerMenu {
    font-family: Montserrat,sans-serif;
    letter-spacing: .5px;
    position: relative;
    color: #fff;
    background: #dd0130;
    display: none
}

@media (max-width: 768px) {
    .headerMenu {
        position:fixed;
        top: 0;
        left: 0;
        right: 0;
        display: block;
        height: 44px;
        z-index: 1000
    }
}

#menuWrap {
    /* border-bottom: 1px solid #dedcdc; */
    background: #f6f5f5
}

@media (max-width: 768px) {
    #menuWrap {
        overflow-x:scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }
}

#menuWrap::-webkit-scrollbar,#menuWrap::-webkit-scrollbar-track {
    display: none;
    width: 0;
    height: 0;
    background-color: transparent
}

@media (max-width: 768px) {
    #menuWrap {
        transition:all .2s ease-in-out;
        position: fixed;
        top: 0;
        transform: translateY(44px);
        left: 0;
        width: 100%;
        z-index: 999;
        box-shadow: 0 2px 2px rgba(0,0,0,.1);
        border-color: #ccc
    }

    #menuWrap.nav-up {
        transform: translateY(-44px);
        box-shadow: none;
        transform: translateY(-1px)
    }
}

#mainMenu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    width: 100%;
    line-height: 60px
}

@media (max-width: 768px) {
    #mainMenu {
        width:100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        line-height: 44px;
        height: 44px;
        min-width: 860px
    }
}

#mainMenu ul {
    display: none
}

#mainMenu>li {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -ms-flex: auto;
    flex: auto
}

#mainMenu>li.searchMenu {
    -ms-flex: 0 0 60px;
    flex: 0 0 60px
}

#mainMenu>li:hover ul {
    display: inline-block
}

#mainMenu>li>a {
    color: #111;
    float: left;
    width: 100%;
    text-align: center;
    height: 60px;
    font-weight: 800;
    font-size: .875em;
    text-transform: uppercase
}

@media (max-width: 768px) {
    #mainMenu>li>a {
        height:44px;
        font-size: .75em
    }
}

#mainMenu>li>a span {
    display: inline-block;
    padding: 0 .5em;
    white-space: nowrap
}

@media (max-width: 768px) {
    #mainMenu>li>a span {
        line-height:44px
    }
}

#mainMenu>li>a.on {
    color: #fff
}

#mainMenu>li>a.searchLink {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#mainMenu>li>a.searchLink svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 22px;
    height: 22px
}

#mainMenu>li.glossy a {
    background: #ed1c24;
    color: #fff
}

#mainMenu>li.glossy a:hover {
    background: #c61017
}

#mainMenu>li:nth-child(n+6) .subMenu {
    right: -100px;
    left: auto
}

#mainMenu>li.mobMenu {
    display: none
}

@media (max-width: 600px) {
    #mainMenu>li.mobMenu {
        display:-ms-flexbox;
        display: flex
    }

    #mainMenu>li.mobMenu img {
        display: none
    }
}

#mainMenu>li.c111 {
    background: #aec500
}

#mainMenu>li.c111>a {
    color: #fff!important
}

#mainMenu>li.c111:hover>a {
    background: #97ab00!important
}

#mainMenu>li.c112 span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-indent: -999999px;
    padding: 0 16px;
    background: #a400ff url(../fonts/bar_rijaliti.svg) 50% no-repeat;
    background-size: 80%
}

@media (max-width: 768px) {
    #mainMenu>li.c112 span {
        min-width:60px
    }
}

#subMenuWrap {
    border-bottom: 1px solid #dedcdc;
    font-size: 14px
}

@media (max-width: 768px) {
    #subMenuWrap {
        display:none
    }
}

#subMenu {
    display: -ms-flexbox;
    display: flex;
    height: 40px
}

#subMenu>li.zasadi-drvo a {
    background: linear-gradient(180deg,#6fac43 0,#476b35);
    padding: 0 40px
}

#subMenu>li.zasadi-drvo a:hover {
    background: linear-gradient(180deg,#6cbd32 0,#43732b)
}

#subMenu>li.zasadi-drvo img {
    height: 32px;
    vertical-align: middle
}

#subMenu>li.eurobasket-2022 a {
    background: #1e036c;
    padding: 0 20px;
    color: #fff
}

#subMenu>li.eurobasket-2022 a:hover {
    background: #1e036c
}

#subMenu>li.sp-katar-2022 a {
    background: #8a1538;
    padding: 0 20px;
    color: #fff
}

#subMenu>li.sp-katar-2022 a:hover {
    background: #8a1538
}

#subMenu>li.bar-rijaliti a {
    background: #a400ff;
    text-indent: -999999px;
    padding: 0 16px;
    background: #a400ff url(../fonts/bar_rijaliti.svg) 50% no-repeat;
    background-size: 70%;
    min-width: 100px
}

#subMenu a {
    font-family: Montserrat,sans-serif;
    float: left;
    height: 40px;
    padding: 0 1.5em;
    font-weight: 700;
    color: #111;
    line-height: 40px
}

#subMenu a:hover {
    background: #efefef
}

#subMenu .on {
    border-bottom: 2px solid #111
}

.searchMenu {
    width: 60px;
    height: 60px
}

@media (max-width: 768px) {
    #search_header,.searchMenu {
        display:none!important
    }
}

#search_header input {
    position: absolute;
    top: 0;
    right: 60px;
    bottom: 0;
    width: 0;
    padding: 0;
    transition: all .3s;
    display: none;
    border-radius: 0
}

@media (max-width: 1100px) {
    #search_header input {
        right:60px
    }
}

#search_header input:focus {
    outline: 0
}

@media (max-width: 768px) {
    #search_header input {
        height:42px!important;
        top: 0;
        width: auto!important;
        right: auto!important;
        left: auto!important;
        padding: 0 10px!important;
        transition: none;
        border: 2px solid #111;
        display: none;
        background: #fff;
        float: left;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

#search_header .searchBtn {
    position: relative;
    width: 60px;
    height: 60px
}

@media (max-width: 768px) {
    #search_header .searchBtn {
        display:none;
        position: relative;
        top: 0;
        float: left;
        left: 0;
        right: auto;
        height: 44px;
        width: 44px;
        padding: 0;
        z-index: 60;
        background: transparent
    }
}

@media (max-width: 768px) {
    #search_header.open {
        z-index:100;
        width: 100%
    }
}

#search_header.open input {
    border: 2px solid #111;
    width: 340px;
    padding: 0 20px;
    padding-right: 64px;
    display: block;
    height: 60px
}

#search_header.open #searchSend {
    opacity: 1;
    display: none
}

#search_header.open svg.sClose {
    display: block
}

#search_header.open svg.sOpen {
    display: none
}

#search_header svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 32px;
    height: 32px
}

#search_header svg.sClose {
    display: none
}

@media (max-width: 768px) {
    #search_header svg.sButton {
        margin-top:-14px;
        margin-left: -14px;
        width: 28px;
        height: 28px
    }
}

.logoWrap {
    position: relative;
    max-width: 160px;
    height: 60px;
    width: 120px
}

@media (max-width: 768px) {
    .logoWrap {
        height:44px;
        width: auto;
        -ms-flex: 0 0 44px!important;
        flex: 0 0 44px!important;
        max-width: none
    }
}

.hLogo {
    width: 100%;
    background: #dd0130;
    overflow: hidden
}

.hLogo img {
    width: 70%;
    height: auto;
    fill: #fff;
    vertical-align: middle
}

.hLogo.hbLogo img {
    width: 100%;
    margin-top: -2px
}

.hLogoMob {
    height: 44px;
    width: 44px!important
}

.hLogoMob svg {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media (max-width: 768px) {
    .hLogoMob {
        display:block
    }
}

#content {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    min-height: 400px;
    position: relative;
    background: #fff
}

#content:after {
    content: " ";
    display: block;
    clear: both
}

.cHeading {
    font-family: Montserrat,sans-serif;
    color: #fff;
    font-weight: 800;
    font-size: 1.5em;
    text-transform: uppercase;
    border-bottom: 2px solid #dd0130;
    margin-top: 0
}

@media (max-width: 600px) {
    .cHeading {
        font-size:1em;
        margin: 0 -20px;
        border: none;
        text-align: center
    }
}

.cHeading span {
    padding: .5em 1em;
    display: inline-block;
    background: #dd0130
}

@media (max-width: 600px) {
    .cHeading span {
        display:block
    }
}

#footer {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #2b2b2b;
    padding: 1.25em
}

#footer,#footer a {
    color: #fff
}

#footer a:hover {
    text-decoration: underline
}

.fNetwork {
    margin-bottom: 2em;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 90%;
    margin: 0 auto 2em
}

.fNetwork li {
    -ms-flex: 1 1 9%;
    flex: 1 1 9%
}

.fNetwork a {
    overflow: hidden;
    background: url(../fonts/network_sprite.svg?v2.5) 0 0 no-repeat;
    background-size: 100% auto;
    display: block;
    padding-bottom: 30%
}

.fNetwork a.kurir {
    background-position: 0 -1%
}

.fNetwork a.elle {
    background-position: left 11%
}

.fNetwork a.ls {
    background-position: left 67%
}

.fNetwork a.newsweek {
    background-position: left 23%
}

.fNetwork a.sensa {
    background-position: left 34%
}

.fNetwork a.national {
    background-position: left 56%
}

.fNetwork a.yumama {
    background-position: left 89%
}

.fNetwork a.stvarukusa {
    background-position: left 45%
}

.fNetwork a.glossy {
    background-position: left 77.3%
}

.fNetwork a.wanted {
    background-position: left 100%
}

@media (max-width: 768px) {
    .fNetwork {
        display:none
    }
}

.fLinks {
    margin-bottom: 20px;
    font-size: .75em
}

.fFollow {
    text-align: center;
    font-size: .75em;
    padding: 0 1.875em 1.875em
}

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

.fFollow p {
    margin-bottom: 10px
}

.fFollow svg {
    fill: #fff;
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    opacity: .7;
    transition: all .2s
}

.fFollow svg:hover {
    transform: scale(1.2);
    opacity: 1
}

.fFollow img {
    width: 120px;
    height: auto;
    opacity: .8
}

.fCopy {
    font-size: .75em;
    margin: 0
}

.fCopy,.fCright {
    text-align: center
}

.fCright {
    font-size: .8em;
    line-height: 1.4em
}

.fCright a {
    padding: 0 10px;
    color: #111
}

@media (max-width: 768px) {
    .fCright a {
        text-align:center
    }
}

.fCright a:hover {
    text-decoration: underline
}

.fCright span {
    color: #939393
}

@media (max-width: 768px) {
    .fCright span {
        text-align:center;
        float: none;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.fCat {
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.875em
}

.fCat:after {
    content: "";
    display: table;
    clear: both
}

@media (max-width: 600px) {
    .fCat {
        display:none
    }
}

.fCat h4 {
    margin: 0
}

.fCat a {
    font-weight: 400;
    font-size: .75em;
    display: inline-block;
    padding: .375em 0
}

.fCat .fCatHead a {
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase
}

.toTopWrap {
    display: none;
    text-align: center;
    margin-bottom: 1em
}

.toTopWrap h3 {
    color: #868686;
    font-size: 1em
}

@media (max-width: 768px) {
    .toTopWrap {
        display:block
    }
}

.toTop {
    margin: 0 auto;
    display: inline-block;
    text-align: center
}

.toTop,.toTop svg {
    width: 30px;
    height: 30px
}

.toTop svg {
    fill: #888
}

.srchWrap {
    margin-bottom: 1.25em
}

.srchWrap input {
    padding: 0 5px;
    border: 1px solid #aaa;
    width: 80%
}

.srchWrap button,.srchWrap input {
    display: table-cell;
    height: 40px;
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.srchWrap button {
    background: #dd0130;
    color: #fff;
    border: 1px solid #dd0130;
    padding: 0 20px;
    line-height: 40px;
    width: 20%
}

@media (max-width: 768px) {
    .srchWrap button {
        padding:0 10px
    }
}

.srchWrap #searchForm {
    width: 100%;
    display: table
}

.srchWrap h2 {
    font-size: 18px;
    text-transform: uppercase
}

.povezano {
    float: left
}

.povezano .w-widget-footer-15428 .w-widget-logo-15428 {
    z-index: 4!important
}

.searchPage {
    min-height: 400px
}

@media (max-width: 768px) {
    .searchPage {
        background:#fff
    }
}

@media (max-width: 600px) {
    .searchPage {
        margin-top:1.25em
    }
}

.searchPage input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

.searchPage p {
    text-align: center;
    padding: .625em
}

.searchPage .searchHint {
    font-size: .875em;
    color: #aaa
}

.searchPage .searchError {
    font-weight: 700
}

.ads {
    margin: 0 auto;
    width: 100%;
    position: relative
}

.ads,.ads.deskBottom {
    text-align: center
}

.ads .inline {
    display: inline-block;
    margin: 10px
}

.ads .inline>div {
    margin-bottom: 0
}

.ads>div {
    display: block;
    margin: 0 auto
}

.ads.sticky {
    -ms-flex: 1;
    flex: 1;
    height: 640px;
    -ms-flex-align: start;
    align-items: flex-start
}

.ads.sticky>div[id^=div-gpt-ad] {
    position: sticky!important;
    top: 0;
    margin: 0
}

.ads.sticky>div {
    position: sticky;
    top: 1.25rem;
    margin: 0;
    line-height: 0
}

.ads.side {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1.25em;
    width: 100%
}

.ads.header {
    float: right;
    width: auto
}

@media (max-width: 768px) {
    .ads.header {
        display:none
    }
}

.ads.slice {
    width: 100%;
    text-align: center
}

.ads.slice>div {
    margin-bottom: 20px
}

.ads.slice>div>div {
    margin-bottom: 0!important
}

.ads.slice.single {
    float: none
}

@media (max-width: 768px) {
    .ads.slice {
        margin:0
    }
}

@media (max-width: 600px) {
    .ads.slice {
        width:100%
    }

    .ads.slice a {
        width: 100%;
        display: inline-block;
        margin: 0 auto
    }

    .ads.slice img {
        width: 100%;
        height: auto
    }
}

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

.ads.topPos>* {
    margin-bottom: 0!important
}

.ads.intext {
    width: 100%
}

.ads.intext>div {
    margin-bottom: 1.4rem
}

.mobPrlx {
    display: none;
    line-height: 0
}

@media (max-width: 600px) {
    .mobPrlx {
        display:inline-block;
        margin-bottom: 1em
    }
}

.adsMob {
    width: 100%;
    display: none
}

.adsMob img {
    max-width: 100%;
    width: auto!important;
    height: auto!important
}

@media (max-width: 600px) {
    .adsMob {
        z-index:3
    }
}

.adsMob>div>div {
    margin: 0;
    line-height: 0
}

@media (max-width: 600px) {
    .adsMobFirst {
        -ms-flex-order:2;
        order: 2;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 360px;
        background-color: #f6f6f6
    }

    .adsMobFirst>div>div {
        display: block;
        content: "";
        margin: .625em 0
    }
}

.srchWrap,.sWrap {
    margin-right: 20em
}

@media (max-width: 768px) {
    .srchWrap,.sWrap {
        margin-right:0
    }
}

.authorWrap {
    padding-bottom: 0
}

.authorWrap .author {
    background: #fff;
    padding: .625em;
    margin: 0
}

.authorWrap .author .aAvatar,.authorWrap .author .nAvatar {
    width: 80px;
    height: 80px
}

.authorWrap .author .nAvatar {
    background: #c00;
    color: #fff;
    text-align: center;
    line-height: 80px
}

.authorWrap .aLine h1 {
    margin: 0;
    font-size: 1.5em
}

.authorName {
    position: absolute;
    display: inline-block;
    text-transform: capitalize;
    width: 0;
    height: 0;
    overflow: hidden
}

.articleSide {
    width: 18.75rem;
    float: left;
    background: #fff
}

@media (max-width: 768px) {
    .articleSide {
        width:100%
    }
}

.articleTxt ul li {
    list-style-type: disc;
    margin-left: 20px
}

.articleTxt ol {
    padding: 0
}

.articleTxt ol li {
    list-style-type: decimal;
    margin-left: 20px
}

.articleTxt p {
    margin: 0;
    margin-bottom: 1.4em
}

.articleTxt p br {
    line-height: 0
}

.articleTxt .video-contain {
    margin: 0!important
}

@media (max-width: 600px) {
    .articleTxt .video-contain {
        margin:0 -20px!important;
        border-radius: 0
    }
}

.articleTxt .video-contain img {
    margin: 0!important;
    vertical-align: bottom
}

.singleWrap {
    width: 75%;
    margin: 0 auto;
    background: #fff;
    line-height: 1.4em
}

@media (max-width: 768px) {
    .singleWrap {
        width:100%;
        margin: auto
    }
}

.singleWrap p {
    color: #010101;
    overflow-wrap: break-word
}

.singleWrap img {
    width: 100%;
    height: auto;
    margin: 0 0 1.4em
}

.singleWrap .lead {
    padding: 1em 0;
    font-size: 1.25rem;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 1em;
    overflow-wrap: anywhere
}

@media (max-width: 600px) {
    .singleWrap .lead {
        font-size:1.125em
    }
}

.singleWrap .lead p {
    line-height: 1.2em;
    font-weight: 700;
    color: #757575;
    margin: 0
}

.singleWrap>iframe {
    width: 100%;
    margin: 1em 0
}

.singleWrap figure {
    line-height: 0;
    position: relative;
    margin-bottom: 1.4em
}

.singleWrap figure img {
    margin: 0
}

.singleWrap figcaption {
    position: relative;
    font-size: .875em;
    line-height: 1.4em;
    color: #666;
    padding: 4px 0
}

.singleWrap figcaption .imgSource {
    position: absolute;
    top: -48px;
    left: 8px;
    z-index: 10;
    color: #fff;
    background: rgba(0,0,0,.5);
    padding: 10px;
    font-style: italic;
    font-weight: 400;
    font-size: .875em
}

.singleWrap figcaption .imgSource:before {
    content: ""
}

@media (max-width: 768px) {
    .singleWrap figcaption .imgSource {
        font-size:.75em
    }
}

.singleWrap figcaption .imgSource.withCaption {
    bottom: auto
}

@media (max-width: 768px) {
    .singleWrap figcaption .imgSource.withCaption {
        top:-48px
    }
}

.singleWrap blockquote {
    position: relative;
    font-weight: 300;
    line-height: 1.4em;
    font-size: 1.25em;
    font-style: italic;
    margin: 2em 0 1.5em;
    padding: 0 3.75em
}

@media (max-width: 600px) {
    .singleWrap blockquote {
        padding:0 1.25em;
        font-size: 1.125em
    }
}

.singleWrap blockquote p {
    margin-bottom: 0
}

.singleWrap blockquote:before {
    content: "“";
    display: inline-block;
    font-family: Montserrat,sans-serif;
    position: absolute;
    width: 30px;
    text-align: center;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    color: #c00;
    font-size: 58px
}

@media (max-width: 600px) {
    .singleWrap blockquote:before {
        font-size:52px
    }
}

.singleWrap blockquote.antrfile {
    font-style: normal;
    font: 300 1em/1.2em sans-serif;
    padding: 1.25em;
    margin: 1.5em 0;
    border-top: 1px solid #e10006;
    background: #f6f6f6
}

.singleWrap blockquote.antrfile p {
    margin-bottom: 1.4em
}

.singleWrap blockquote.antrfile:before {
    content: "";
    display: none
}

.singleWrap blockquote.antrfile p:last-of-type {
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 0
}

.singleWrap .preHead {
    font-size: .875em;
    font-weight: 700;
    color: #fff;
    padding: 8px 1.2em;
    display: inline-block;
    text-transform: uppercase;
    margin: 0 0 1.25em
}

@media (max-width: 600px) {
    .singleWrap .preHead {
        font-size:.75em
    }
}

.singleWrap .imgCover {
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%
}

@media (max-width: 600px) {
    .singleWrap .imgCover {
        width:100%;
        height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 66.6666666667%
    }
}

.singleWrap .imgCover img {
    margin: 0
}

.singleWrap .articleImageCaption {
    position: absolute;
    bottom: 8px;
    left: 8px;
    right: 8px;
    z-index: 10;
    color: #fff;
    background: rgba(0,0,0,.6);
    padding: 10px;
    font-style: italic;
    font-weight: 400;
    font-size: .875em
}

@media (max-width: 600px) {
    .singleWrap .articleImageCaption {
        font-size:.75em
    }
}

.elWrap {
    margin: 1.25em 0
}

.articleHero {
    margin: 0 -17%;
    margin-bottom: 1.875em
}

@media (max-width: 768px) {
    .articleHero {
        margin:0 0 1.875em
    }
}

@media (max-width: 600px) {
    .articleHero {
        margin:0 -20px 1.25em
    }
}

.articleTxt {
    margin-bottom: 1.25em
}

.articleTxt a {
    color: #e41a39
}

.articleTxt a:hover {
    text-decoration: underline
}

.articleNext {
    background: #dd0130;
    color: #fff;
    text-align: center;
    padding: .5em 1em;
    font-weight: 700;
    display: block;
    margin-bottom: 1.25em;
    text-transform: uppercase
}

.articleNext:hover {
    background: #aa0125
}

.articleNav {
    width: 100%;
    text-align: center;
    border: 1px solid #ededed;
    overflow: auto;
    color: #91888b;
    margin-bottom: 20px
}

.articleNav span {
    line-height: 43px;
    font-size: .9em
}

@media (max-width: 320px) {
    .articleNav span {
        font-size:.7em
    }
}

.articleNav a {
    float: left;
    display: block;
    background-color: #ededed;
    padding: 8px 15px 5px 13px;
    position: relative
}

.articleNav a svg {
    fill: #e41a39;
    width: 30px;
    height: 30px
}

.articleNav a:last-of-type {
    float: right
}

.articleNav a:hover {
    background-color: #aaa
}

.articleNav a:hover svg {
    fill: #fff
}

#articleTag {
    margin: 0 0 2.5rem;
    width: 100%
}

#articleTag a {
    font-size: .75em;
    font-weight: 700;
    color: #000;
    padding: .5em 1em;
    margin: 0 1em 1em 0;
    display: inline-block;
    background: #fff;
    border: 1px solid #111;
    border-radius: 3px
}

#articleTag a:hover {
    border-color: #000;
    background: #f3f3f3;
    text-decoration: none
}

@media (max-width: 600px) {
    #articleTag a {
        font-size:.7em;
        margin-bottom: 0
    }
}

@media (max-width: 600px) {
    #articleTag {
        overflow:hidden;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.artRelated {
    margin-bottom: 40px
}

.articleTxt .intextTag {
    font-weight: 700;
    color: #e41a39
}

.artSource {
    margin-bottom: 1.25em
}

.followViber {
    display: block;
    font-weight: 700;
    color: #dd0130;
    text-align: center;
    margin-bottom: 1.875em
}

.followViber a {
    color: #dd0130!important
}

.followViber a:hover {
    text-decoration: underline
}

.mediaInclude {
    padding: 0;
    margin-bottom: 1em;
    width: 100%
}

@media (max-width: 1100px) {
    .mediaInclude {
        margin-bottom:1em
    }
}

.mediaInclude .video {
    max-width: 100%;
    overflow: hidden;
    margin-left: 100px
}

@media (max-width: 1100px) {
    .mediaInclude .video {
        margin:0
    }
}

.galleryWrap {
    float: left;
    width: 100%;
    margin-right: -18.75em
}

.galleryMain {
    position: relative;
    margin-left: 100px;
    margin-right: 18.75em;
    line-height: 0
}

@media (max-width: 1100px) {
    .galleryMain {
        margin-left:0
    }
}

@media (max-width: 768px) {
    .galleryMain {
        padding-right:0;
        margin: 0 0 1em;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.galleryMain a {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 75%;
    display: inline-block;
    position: relative;
    background: #111
}

.galleryMain a .nav {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 50
}

.galleryMain a .nav svg {
    width: 50px;
    height: 50px;
    fill: #fff;
    filter: drop-shadow(2px 2px 4px rgba(0,0,0,.1))
}

.galleryMain a .navL {
    left: 0
}

.galleryMain a .navR {
    right: 0
}

.galleryMain img {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    transform: translate(-50%,-50%);
    max-height: 100%
}

.galleryMain .galNfo {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    font-size: .8em;
    font-weight: 400;
    color: #aaa;
    line-height: 1.4em;
    padding: 5px 10px;
    text-transform: uppercase
}

@media (max-width: 600px) {
    .galleryMain .galNfo {
        font-size:.6em
    }
}

.galleryMain .galNfo span {
    font-weight: 700;
    color: #111;
    margin-right: 5px
}

.galleryThumbs {
    width: 18.75em;
    float: right
}

.galleryThumbs a {
    position: relative;
    width: 85px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 0
}

.galleryThumbs a:nth-child(-n+6) span {
    display: block
}

@media (max-width: 768px) {
    .galleryThumbs a span {
        padding:0 5px;
        float: left;
        display: none
    }
}

.galleryThumbs a:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #dd0130;
    opacity: .5;
    z-index: 200;
    display: none
}

.galleryThumbs a:nth-child(3n+0) {
    margin-right: 0
}

.galleryThumbs a:hover:after {
    display: block
}

@media (max-width: 1100px) {
    .galleryThumbs a {
        width:33.3333333333%;
        float: left;
        margin: 0
    }
}

@media (max-width: 768px) {
    .galleryThumbs a {
        width:16.6666666667%;
        float: left
    }
}

@media (max-width: 768px) {
    .galleryThumbs {
        width:100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.galleryThumbs img {
    width: 100%;
    height: auto
}

.titleWrap {
    position: relative
}

.titleWrap h1 {
    font-size: 2.125em;
    font-weight: 800;
    line-height: 1.3em;
    margin: 0 0 .625em
}

@media (max-width: 600px) {
    .titleWrap h1 {
        font-size:1.5em
    }
}

.artTime {
    margin-bottom: 1.875em;
    font-size: .875em
}

.artTime svg {
    fill: #585858;
    width: 10px;
    height: 10px;
    vertical-align: middle
}

@media (max-width: 600px) {
    .imgFull {
        margin-left:-20px;
        margin-right: -20px
    }

    .imgFull figcaption {
        padding: 5px 20px
    }
}

.imgRight {
    float: right;
    margin: 0 0 2em 2em
}

.imgLeft {
    float: left;
    margin: 0 2em 2em 0
}

.imgLeft,.imgRight {
    width: 50%
}

.imgLeft:after,.imgRight:after {
    clear: both
}

@media (max-width: 600px) {
    .imgLeft,.imgRight {
        width:100%;
        margin: 0 0 2em
    }
}

.fb-like {
    height: 28px;
    width: 100%
}

iframe[src*="//www.adriamedia.tv/"] {
    max-width: 100%!important
}

.embeddedContent {
    margin: 0 0 1.4em;
    position: relative;
    display: block;
    min-width: 80%;
    max-width: 100%
}

.embeddedContent .fb_iframe_widget,.embeddedContent .fb_iframe_widget span,.embeddedContent .fb_iframe_widget span iframe[style] {
    max-width: 100%!important
}

.embeddedContent iframe {
    border: none;
    max-width: 100%;
    display: inline-block!important
}

.embeddedContent iframe[src*="//www.adriamedia.tv/"] {
    max-width: 100%!important
}

.embeddedContent.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.embeddedContent.video iframe {
    position: absolute;
    border: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.embeddedContent .videoEmbedWrap {
    position: relative;
    padding-bottom: calc(56.25% + 117px);
    height: 0;
    box-shadow: 0 6px 12px rgba(0,0,0,.2);
    background: #444;
    background-clip: padding-box;
    overflow: hidden;
    margin: 0 -6.5rem
}

@media (max-width: 600px) {
    .embeddedContent .videoEmbedWrap {
        padding-bottom:calc(56.25% + 23px);
        margin: 0 -20px;
        border-radius: 0
    }
}

.embeddedContent .video-data {
    cursor: pointer;
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%
}

.embeddedContent .video-data:after {
    content: "";
    width: 68px;
    height: 68px;
    fill: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-60%);
    background: #00000046 url(../fonts/icon-play.svg) 50% no-repeat;
    background-size: 28px;
    border-radius: 100%;
    border: 2px solid #fff
}

@media (max-width: 600px) {
    .embeddedContent .video-data:after {
        width:54px;
        height: 54px
    }
}

.embeddedContent video.videoObj {
    display: none
}

.embeddedContent .video-contain {
    position: relative;
    overflow: hidden;
    box-shadow: 0 6px 12px rgba(0,0,0,.2);
    margin: 0 -100px
}

@media (max-width: 768px) {
    .embeddedContent .video-contain {
        margin:0;
        border-radius: 0
    }
}

@media (max-width: 600px) {
    .embeddedContent .video-contain {
        margin:0 -20px;
        border-radius: 0
    }
}

.embeddedContent .video-contain img {
    margin: 0!important;
    vertical-align: bottom
}

.embeddedContent .video-duration {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    color: #fff;
    font-weight: 700;
    line-height: 28px;
    font-size: 10px;
    top: 8px;
    right: 8px;
    background: #00000096;
    padding: 0 8px;
    border-radius: 56px;
    letter-spacing: .5px
}

.embeddedContent .video-duration:before {
    content: "";
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background: url(../fonts/icon-play.svg) 50% no-repeat;
    background-size: 12px
}

.embeddedContent .video-title {
    position: absolute;
    padding-top: 40px;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(180deg,transparent 5%,#000);
    text-shadow: 2px 2px 1px rgba(0,0,0,.3)
}

.embeddedContent .video-title h2 {
    margin: 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4em
}

@media (max-width: 768px) {
    .embeddedContent .video-title h2 {
        font-size:12px
    }
}

.shareWrap {
    margin-bottom: 1.25em;
    float: left;
    width: 100%
}

.shareWrap:after {
    content: "";
    display: table;
    clear: both
}

.shareWrap ul {
    display: -ms-flexbox;
    display: flex
}

.shareWrap h3 {
    color: #aaa;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 400;
    margin-bottom: .5em;
    text-align: center
}

.shareWrap li {
    position: relative;
    width: 100%;
    padding: 2px
}

.shareWrap li span {
    display: none!important;
    box-shadow: 0 2px 3px rgba(0,0,0,.1);
    display: block;
    position: relative;
    width: 100%;
    height: 22px;
    text-align: center;
    padding: 2px 0;
    background: #fff;
    z-index: 5;
    font-size: .9em
}

.shareWrap li span:after {
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -4px;
    display: block;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 5px;
    border-color: transparent transparent #fff
}

.shareWrap li.fb a {
    color: #415e9b;
    background: #415e9b
}

.shareWrap li.tw a {
    color: #29a7df;
    background: #29a7df
}

.shareWrap li.gp a {
    color: #cc3730;
    background: #cc3730
}

.shareWrap li.vib a {
    background: #7b529d
}

.shareWrap li.wup a {
    background: #1eac36
}

.shareWrap li.com a {
    background: #ccc
}

.shareWrap li.com svg {
    fill: #fff
}

@media (max-width: 1100px) {
    .shareWrap li.com {
        display:none
    }
}

.shareWrap li.mail a {
    box-shadow: 0 0 1px rgba(0,0,0,.3);
    background: #da9a1e
}

.shareWrap li.mail svg {
    fill: #fff
}

.shareWrap a {
    position: relative;
    display: block;
    height: 44px;
    width: 100%;
    margin: 0;
    background: #ddd;
    border-radius: 3px
}

.shareWrap a:hover .soc-icon {
    transform: scale(1.2)
}

.soc-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
    z-index: 4;
    fill: #fff;
    transition: .1s ease-in
}

.artOther {
    float: left
}

@media (max-width: 600px) {
    .artOther .item {
        width:100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin: 0 auto;
        margin-bottom: 1em
    }

    .artOther .item .catName,.artOther .item:nth-last-child(-n+2) {
        display: none
    }

    .artOther .itemImage a {
        padding-bottom: 56.66667%
    }
}

.articleOther .preHead {
    display: none
}

.articleOther .blockWrap {
    display: -ms-flexbox;
    display: flex;
    margin: -10px -10px 0
}

.articleOther .blockWrap .item {
    -ms-flex: 1 1 33.33333%;
    flex: 1 1 33.33333%
}

@media (max-width: 768px) {
    .articleOther .blockWrap .item {
        -ms-flex:1 1 100%;
        flex: 1 1 100%
    }
}

.articleOther h2 a {
    line-height: 1em;
    font-size: 1em;
    font-weight: 700
}

@media (max-width: 768px) {
    .articleOther .itemImage {
        width:40%;
        float: left
    }

    .articleOther .titleWrap {
        padding: 0 0 0 10px
    }

    .articleOther .preHead {
        display: inline-block;
        padding: 5px;
        background: #dd0130;
        color: #fff;
        font-weight: 700;
        font-size: .625em;
        text-transform: uppercase;
        height: auto
    }

    .articleOther .catName {
        display: none!important
    }
}

.pagedNav {
    margin: .5em 0 2em;
    text-align: center
}

.pagedNav .followViber {
    margin: 0;
    font-size: 1em;
    line-height: 1.3em;
    float: left
}

@media (max-width: 768px) {
    .pagedNav .followViber {
        float:none;
        margin-top: 1em
    }
}

.pagedNav .pagination {
    float: right;
    margin-bottom: 0
}

@media (max-width: 768px) {
    .pagedNav .pagination {
        float:none
    }
}

.pagedNav .pagination .short:after {
    content: "";
    display: table;
    clear: both
}

.pagedNav .showAllPaged {
    font-size: .9em;
    color: #666;
    float: right
}

.pagedNav .showAllPaged:hover {
    text-decoration: underline
}

.pagedNav .showAllPaged svg {
    margin-left: 10px;
    width: 10px;
    height: 10px;
    transform: rotate(-90deg)
}

.pagedNav .pagination a {
    color: #444;
    font-weight: 400
}

.pagedNav .pagination a.selected {
    font-weight: 700;
    color: #dd0130
}

.pagedNav .pag_next span,.pagedNav .pag_prev span {
    width: auto;
    font-size: .9em;
    background: #dd0130;
    color: #fff;
    background-repeat: no-repeat;
    border: 1px solid #dd0130;
    text-indent: 0;
    display: inline-block
}

.pagedNav .pag_next span:hover,.pagedNav .pag_prev span:hover {
    background-color: #aa0125
}

@media (max-width: 600px) {
    .pagedNav .pag_next span,.pagedNav .pag_prev span {
        font-size:.8em
    }
}

@media (max-width: 320px) {
    .pagedNav .pag_next span,.pagedNav .pag_prev span {
        font-size:.6em;
        background-position: 50%
    }

    .pagedNav .pag_next span svg,.pagedNav .pag_prev span svg {
        width: 14px;
        height: 14px
    }
}

.pagedNav .pag_next span svg,.pagedNav .pag_prev span svg {
    fill: #fff
}

.pagedNav .pag_next span {
    padding: 0 24px 0 .8em
}

.pagedNav .pag_prev span {
    padding: 0 .8em 0 24px
}

.videoIntelligence {
    margin-bottom: 40px
}

.liveblogPostContainer {
    border: 1px solid rgba(0,0,0,.2);
    margin-bottom: 1.25rem;
    padding: 16px;
    background: #fff
}

.liveblogPostContainer.new {
    animation: liveBlogNewAnim 4s ease-in-out
}

@media (max-width: 600px) {
    .liveblogPostContainer {
        padding:10px
    }
}

@keyframes liveBlogNewAnim {
    0% {
        border-color: #ff5900;
        background: rgba(255,255,0,.19)
    }

    to {
        border-color: rgba(0,0,0,.2);
        background: #fff
    }
}

#liveblogUpdateWindow {
    position: sticky;
    top: 24px;
    text-align: center;
    z-index: 8;
    margin: 0 0 20px
}

@media (max-width: 768px) {
    #liveblogUpdateWindow {
        top:100px
    }
}

#liveblogUpdateWindow a {
    width: 200px;
    border-radius: 72px;
    padding: 0 8px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 36px;
    background: #ec3434;
    color: #fff;
    display: none;
    word-break: none;
    margin: 0 auto;
    box-shadow: 0 4px 8px rgba(0,0,0,.3);
    transition: all .4s ease-in-out
}

#liveblogUpdateWindow a:hover {
    background-color: #ff4a4a;
    text-decoration: none
}

#liveblogUpdateWindow svg {
    vertical-align: text-top;
    transition: all .2s ease-in-out;
    fill: #fff;
    width: 16px;
    height: 16px;
    margin-right: 2px
}

.liveblogPostTime {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 1rem
}

.liveblogPostTimeDiff {
    font-weight: 700
}

.liveblogPinned {
    position: relative;
    border: 1px solid #950000;
    box-shadow: 0 10px 20px rgba(0,0,0,.2)
}

.liveblogPinned:before {
    content: "";
    display: block;
    position: absolute;
    top: 16px;
    right: 16px;
    width: 14px;
    height: 14px;
    opacity: .4;
    background: url(../fonts/icon-pin.svg) 50% no-repeat
}

#liveblogSharedPost {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    z-index: 100
}

#liveblogSharedPost .liveblogPostContainer {
    margin-bottom: 0
}

#liveblogSharedPost .liveblogPostWrapper {
    width: 40vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin-bottom: 0
}

@media (max-width: 768px) {
    #liveblogSharedPost .liveblogPostWrapper {
        width:95vw
    }
}

#liveblogSharedPost .liveblogPostWrapper .liveblogPost {
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden
}

#liveblogSharedPost .liveBlogClose {
    position: absolute;
    top: 16px;
    right: 16px;
    border-radius: 3px;
    background: #fff;
    color: #666;
    font-weight: 700;
    font-size: 14px;
    padding: 0 8px;
    border: 1px solid #666;
    text-align: center;
    line-height: 28px;
    letter-spacing: .5px
}

#liveblogSharedPost .liveBlogClose:hover {
    color: #333;
    background: #f6f6f6;
    border-color: #333;
    text-decoration: none
}

.liveBlogFooter {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.liveBlogFooter .liveShare {
    display: -ms-flexbox;
    display: flex;
    margin-right: auto
}

.liveBlogFooter .liveShare ul {
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

.liveBlogFooter .liveShare ul li {
    list-style: none;
    transform: none;
    width: auto;
    margin: 0;
    margin-right: 8px;
    height: 34px;
    width: 34px
}

.liveBlogFooter .liveShare ul li.fb a {
    border: 1px solid #aaa;
    background: #fff
}

.liveBlogFooter .liveShare ul li.fb a svg {
    fill: #aaa
}

.liveBlogFooter .liveShare ul li.fb a:hover {
    border-color: #415e9b;
    background: #415e9b
}

.liveBlogFooter .liveShare ul li.fb a:hover svg {
    fill: #fff
}

.liveBlogFooter .liveShare ul li.tw a {
    border: 1px solid #aaa;
    background: #fff
}

.liveBlogFooter .liveShare ul li.tw a svg {
    fill: #aaa
}

.liveBlogFooter .liveShare ul li.tw a:hover {
    border-color: #29a7df;
    background: #29a7df
}

.liveBlogFooter .liveShare ul li.tw a:hover svg {
    fill: #fff
}

.liveBlogFooter .liveShare ul li.vib a {
    border: 1px solid #aaa;
    background: #fff
}

.liveBlogFooter .liveShare ul li.vib a svg {
    fill: #aaa
}

.liveBlogFooter .liveShare ul li.vib a:hover {
    border-color: #7b529d;
    background: #7b529d
}

.liveBlogFooter .liveShare ul li.vib a:hover svg {
    fill: #fff
}

.liveBlogFooter .liveShare ul li.wup a {
    background: #aaa
}

.liveBlogFooter .liveShare ul li.mail a {
    border: 1px solid #aaa;
    background: #fff
}

.liveBlogFooter .liveShare ul li.mail a svg {
    fill: #aaa
}

.liveBlogFooter .liveShare ul li.mail a:hover {
    border-color: #da9a1e;
    background: #da9a1e
}

.liveBlogFooter .liveShare ul li.mail a:hover svg {
    fill: #fff
}

.liveBlogFooter .liveShare ul a {
    position: relative;
    width: 100%;
    height: 34px;
    background: #ccc;
    display: block;
    display: -ms-flexbox;
    display: flex;
    border-radius: 100%
}

.liveBlogFooter .liveShare ul a svg {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: none;
    transform: translateX(-50%) translateY(-50%);
    width: 18px;
    height: 18px;
    fill: #aaa;
    margin: 0;
    padding: 0
}

@keyframes pulse-live {
    0% {
        transform: scale(.85);
        box-shadow: 0 0 0 0 rgba(233,0,0,.7)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(233,0,0,0)
    }

    to {
        transform: scale(.85);
        box-shadow: 0 0 0 0 rgba(233,0,0,0)
    }
}

.liveblogStatusWrap {
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 0 10px
}

.liveblogStatusWrap span {
    display: block;
    width: 10px;
    height: 10px;
    background: #aaa;
    margin-right: 5px;
    border-radius: 100%
}

.liveblogStatusWrap .liveblogStatus {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #c00;
    margin-right: 20px
}

.liveblogStatusWrap .liveblogStatus span {
    background: #c00;
    animation: pulse-live 2s infinite
}

.liveblogStatusWrap .liveblogStatus.ende {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #aaa
}

.liveblogStatusWrap .liveblogStatus.ende span {
    background: #aaa;
    animation: none
}

.liveblogPostUpdatedTime {
    font-size: 12px;
    font-weight: 700;
    color: #666;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    border-radius: 3px;
    -ms-flex-order: 2;
    order: 2
}

.liveblogPostUpdatedTime svg {
    fill: #666;
    width: 18px;
    height: 18px;
    margin-right: 5px
}

.liveblogLoadMore {
    margin: 2.5rem 0;
    color: #fff;
    display: -ms-flexbox;
    display: flex
}

.liveblogLoadMore .btnLiveMore {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #dd0130;
    padding: .5rem 2rem;
    border-radius: 3px;
    margin: 0 auto;
    text-align: center;
    letter-spacing: .5px
}

@media (max-width: 600px) {
    .liveblogLoadMore .btnLiveMore {
        width:100%
    }
}

.liveblogLoadMore .btnLiveMore:hover {
    text-decoration: none;
    background-color: #fe1345
}

.liveblogIcon {
    color: #fff;
    background: #dd0130;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: .5rem;
    left: .5rem;
    z-index: 10;
    font-size: 11px;
    letter-spacing: .5px;
    border-radius: 2px;
    font-weight: 700;
    padding: .25rem .5rem;
    text-transform: uppercase
}

.liveblogIcon span {
    margin-left: 4px
}

.liveblogIcon:before {
    display: -ms-flexbox;
    display: flex;
    width: 8px;
    height: 8px;
    background-color: #fff;
    content: "";
    border-radius: 100%;
    animation: pulsate 2s ease-out;
    animation-iteration-count: infinite
}

@keyframes pulsate {
    0% {
        transform: scale(.85);
        box-shadow: 0 0 0 0 hsla(0,0%,100%,.7)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px hsla(0,0%,100%,0)
    }

    to {
        transform: scale(.85);
        box-shadow: 0 0 0 0 hsla(0,0%,100%,0)
    }
}

@media (max-width: 600px) {
    .liveblog .singleWrap .embeddedContent,.liveblog .singleWrap figure {
        margin-left:-10px;
        margin-right: -10px
    }

    .liveblog .articleImageWrap {
        margin: 0 -10px
    }
}

.oldLiveBlog {
    -webkit-font-smoothing: antialiased
}

.oldLiveBlog .embeddedContent.video,.oldLiveBlog figure {
    margin: 0 0 1.4em
}

.oldLiveBlog .commentary__icon {
    min-width: 48px
}

.oldLiveBlog .commentary__minuteText {
    color: #999
}

.oldLiveBlog .lb-post {
    padding: 20px 20px 0;
    border-left: 1px solid #ddd
}

.oldLiveBlog .lb-post:after {
    display: table;
    clear: both
}

@media (max-width: 600px) {
    .oldLiveBlog .lb-post {
        border:none;
        padding: 20px 0
    }
}

.oldLiveBlog .lb-post:after {
    content: "";
    display: block;
    border-bottom: 2px solid #ddd;
    padding-top: 20px
}

.oldLiveBlog .lb-item.text {
    margin-bottom: 1.4rem
}

.oldLiveBlog .lb-post-header {
    position: relative;
    color: #aaa;
    font-size: 1rem;
    margin-bottom: .625rem;
    font-weight: 600
}

@media (max-width: 600px) {
    .oldLiveBlog .lb-post-header {
        display:inline-block;
        padding: 0 10px;
        margin-bottom: 0
    }
}

.oldLiveBlog .lb-post-date {
    position: relative
}

.oldLiveBlog .lb-post-date:before {
    position: absolute;
    left: -28px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: #eee;
    border-radius: 100%
}

@media (max-width: 600px) {
    .oldLiveBlog .lb-post-date:before {
        position:relative;
        top: auto;
        left: auto;
        transform: none;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle
    }
}

.oldLiveBlog .item--embed__credit {
    float: right
}

div[class*=tpl-] {
    border-bottom: 1px solid #dedcdc;
    margin: 0 -10px 20px;
    padding-bottom: 20px
}

@media (max-width: 768px) {
    div[class*=tpl-] {
        margin:0 -10px 20px
    }
}

@media (max-width: 600px) {
    div[class*=tpl-] {
        margin:0 -20px 20px
    }
}

div[class*=tpl-] .item {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
}

.bigItem .title h2 {
    font-size: 2.125em;
    line-height: 1.3em;
    font-weight: 800
}

.medItem .title h2 {
    font-size: 1.5em;
    line-height: 1.3em;
    font-weight: 800
}

.smallItem .title h2 {
    font-size: .875em;
    line-height: 1.3em;
    font-weight: 700
}

.smallItem .itemImage a {
    padding-bottom: 60%
}

.ratioPort .itemImage>a,.smallItem .itemImage a {
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative
}

.ratioPort .itemImage>a {
    padding-bottom: 137.8%
}

.block-1 {
    -ms-flex: 0 0 8.33%;
    flex: 0 0 8.33%
}

.block-2 {
    -ms-flex: 0 0 16.667%;
    flex: 0 0 16.667%
}

.block-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.block-4 {
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%
}

.block-5 {
    -ms-flex: 0 0 41.667%;
    flex: 0 0 41.667%
}

.block-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.block-7 {
    -ms-flex: 0 0 58.333%;
    flex: 0 0 58.333%
}

.block-8 {
    -ms-flex: 0 0 66.667%;
    flex: 0 0 66.667%
}

.block-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
}

.block-10 {
    -ms-flex: 0 0 83.333%;
    flex: 0 0 83.333%
}

.block-11 {
    -ms-flex: 0 0 91.667%;
    flex: 0 0 91.667%
}

.block-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.block-1,.block-2,.block-3,.block-4,.block-5,.block-6,.block-7,.block-8,.block-9,.block-10,.block-11,.block-12 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width: 600px) {
    .block-1,.block-2,.block-3,.block-4,.block-5,.block-6,.block-7,.block-8,.block-9,.block-10,.block-11,.block-12 {
        -ms-flex:0 0 100%;
        flex: 0 0 100%;
        margin-left: 10px;
        margin-right: 10px
    }
}

.fixed320 {
    -ms-flex: 0 0 320px;
    flex: 0 0 320px;
    -ms-flex-order: 3;
    order: 3;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (max-width: 768px) {
    .fixed320 {
        display:none
    }
}

.blockFluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width: 600px) {
    .blockFluid {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

.fBlock {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex: 1;
    flex: 1;
    padding: .3125em;
    width: 12.5%
}

@media (max-width: 768px) {
    .fBlock {
        -ms-flex-preferred-size:25%;
        flex-basis: 25%;
        width: 25%
    }
}

@media (max-width: 768px) {
    .tpl-1-2-1 .smlItem {
        width:50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        -ms-flex-order: 3;
        order: 3
    }

    .tpl-1-2-1 .smlItem .item {
        width: 50%;
        float: left
    }

    .tpl-1-2-1 .smlItem h2 {
        font-size: 1.125em;
        font-weight: 800
    }

    .tpl-1-2-1 .smlItem .catName span {
        font-size: .75em
    }

    .tpl-1-2-1 .ratioPort .itemImage>a {
        width: 100%;
        height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 129.5%
    }

    .tpl-1-2-1 .medItem {
        width: 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        -ms-flex-order: 2;
        order: 2
    }

    .tpl-1-2-1 .medItem h2 {
        font-size: 1.25em
    }

    .tpl-1-2-1 .bigItem {
        width: 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        -ms-flex-order: 1;
        order: 1
    }

    .tpl-1-2-1 .bigItem h2 {
        font-size: 1.625em
    }
}

@media (max-width: 600px) {
    .tpl-1-2-1 .ratioPort .itemImage>a {
        width:100%;
        height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 100%
    }

    .tpl-1-2-1 .medItem {
        width: 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -ms-flex-order: 3;
        order: 3
    }

    .tpl-1-2-1 .medItem h2 {
        font-size: 1.5em
    }

    .tpl-1-2-1 .medItem .titleWrap {
        padding: .5em 0
    }

    .tpl-1-2-1 .bigItem {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        -ms-flex: none;
        flex: none;
        -ms-flex-order: 1;
        order: 1
    }

    .tpl-1-2-1 .bigItem .title h2 {
        margin: 0 20px;
        font-size: 1.5em
    }

    .tpl-1-2-1 .bigItem .itemContent {
        padding-left: 0;
        padding-right: 0
    }

    .tpl-1-2-1 .smlItem {
        width: 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -ms-flex-order: 2;
        order: 2
    }

    .tpl-1-2-1 .smlItem .item {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .tpl-1-2-1 .smlItem .itemImage {
        width: 41.6666666667%;
        float: left
    }

    .tpl-1-2-1 .smlItem .titleWrap {
        padding: 0 0 0 10px
    }

    .tpl-1-2-1 .smlItem h2 {
        font-size: .875em;
        font-weight: 700
    }
}

.tpl-2-1-b {
    display: -ms-flexbox;
    display: flex
}

.tpl-2-1-b .smlItem {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

.tpl-2-1-b .bigItem {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media (max-width: 768px) {
    .tpl-2-1-b .smlItem {
        -ms-flex-preferred-size:50%;
        flex-basis: 50%
    }

    .tpl-2-1-b .smlItem .imgPlaceholder {
        width: 100%;
        height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 66.6666666667%
    }

    .tpl-2-1-b .smlItem h2 {
        font-size: 1.125em;
        font-weight: 800
    }
}

@media (max-width: 600px) {
    .tpl-2-1-b .bigItem {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        -ms-flex-order: 1;
        order: 1
    }

    .tpl-2-1-b .bigItem .title h2 {
        font-size: 1.5em
    }

    .tpl-2-1-b .smlItem {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -ms-flex-order: 3;
        order: 3
    }

    .tpl-2-1-b .smlItem .item {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .tpl-2-1-b .smlItem .itemImage {
        width: 41.6666666667%;
        float: left
    }

    .tpl-2-1-b .smlItem .titleWrap {
        padding: 0 0 0 10px
    }

    .tpl-2-1-b .smlItem h2 {
        font-size: .875em;
        font-weight: 700
    }
}

.tpl-1-4-1 .bItemsWrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.tpl-1-4-1 .blockFluid {
    -ms-flex-direction: column;
    flex-direction: column
}

.tpl-1-4-1 h3 {
    margin: 20px 10px;
    margin-bottom: 0;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-order: -1;
    order: -1;
    font-size: 1.625em;
    font-weight: 800;
    text-transform: uppercase;
    border-bottom: 4px solid #dd0130
}

@media (max-width: 768px) {
    .tpl-1-4-1 h3 {
        margin:10px 20px
    }
}

.tpl-1-4-1 h3 span {
    color: #dd0130
}

.tpl-1-4-1 h3.helijumHead {
    border-color: #fba813
}

.tpl-1-4-1 h3.helijumHead span {
    color: #fba813
}

.tpl-1-4-1 h3.twitterHead {
    border-color: #2d9cdb
}

.tpl-1-4-1 h3.twitterHead span {
    color: #2d9cdb
}

.tpl-1-4-1 .medItem .imgPlaceholder {
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 100%
}

@media (max-width: 768px) {
    .tpl-1-4-1 .bItemsWrap,.tpl-1-4-1 .blockFluid {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .tpl-1-4-1 .smlItem {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -ms-flex-order: 2;
        order: 2
    }

    .tpl-1-4-1 .smlItem .item {
        width: 50%;
        float: left
    }

    .tpl-1-4-1 .smlItem h2 {
        font-size: .875em;
        font-weight: 700
    }

    .tpl-1-4-1 .smlItem .catName span {
        font-size: .75em
    }

    .tpl-1-4-1 .medItem {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -ms-flex-order: 1;
        order: 1
    }

    .tpl-1-4-1 .medItem h2 {
        font-size: 1.25em
    }
}

@media (max-width: 600px) {
    .tpl-1-4-1 .blockFluid {
        -ms-flex:1 1 100%;
        flex: 1 1 100%;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tpl-1-4-1 .medItem {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -ms-flex-order: 3;
        order: 3
    }

    .tpl-1-4-1 .medItem h2 {
        font-size: 1.5em
    }

    .tpl-1-4-1 .medItem .titleWrap {
        padding: .5em 0
    }

    .tpl-1-4-1 .medItem:first-of-type {
        -ms-flex-order: 1;
        order: 1
    }

    .tpl-1-4-1 .medItem:last-of-type {
        -ms-flex-order: 3;
        order: 3
    }

    .tpl-1-4-1 .medItem .imgPlaceholder {
        width: 100%;
        height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 75%
    }

    .tpl-1-4-1 .smlItem {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -ms-flex-order: 4;
        order: 4
    }

    .tpl-1-4-1 .smlItem .item {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .tpl-1-4-1 .smlItem .itemImage {
        width: 41.6666666667%;
        float: left
    }

    .tpl-1-4-1 .smlItem .titleWrap {
        padding: 0 0 0 10px
    }

    .tpl-1-4-1 .smlItem h2 {
        font-size: .875em;
        font-weight: 700
    }

    .tpl-1-4-1 .smlItem:nth-of-type(2n) {
        -ms-flex-order: 2;
        order: 2
    }

    .tpl-1-4-1 .smlItem:nth-of-type(3n) {
        -ms-flex-order: 4;
        order: 4
    }
}

.tpl-1-2-2 .item {
    width: 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

@media (max-width: 768px) {
    .tpl-1-2-2 .smlItem {
        width:50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        -ms-flex-order: 3;
        order: 3
    }

    .tpl-1-2-2 .smlItem h2 {
        font-size: 1.125em;
        font-weight: 800
    }

    .tpl-1-2-2 .smlItem .catName span {
        font-size: .75em
    }

    .tpl-1-2-2 .bigItem {
        width: 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        -ms-flex-order: 1;
        order: 1
    }

    .tpl-1-2-2 .bigItem h2 {
        font-size: 1.625em
    }
}

@media (max-width: 600px) {
    .tpl-1-2-2 .bigItem {
        width:100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        -ms-flex: none;
        flex: none;
        -ms-flex-order: 1;
        order: 1
    }

    .tpl-1-2-2 .bigItem .title h2 {
        margin: 0 20px;
        font-size: 1.5em
    }

    .tpl-1-2-2 .bigItem .itemContent {
        padding-left: 0;
        padding-right: 0
    }

    .tpl-1-2-2 .smlItem {
        width: 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -ms-flex-order: 2;
        order: 2
    }

    .tpl-1-2-2 .smlItem .item {
        width: 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }

    .tpl-1-2-2 .smlItem .itemImage {
        width: 41.6666666667%;
        float: left
    }

    .tpl-1-2-2 .smlItem .titleWrap {
        padding: 0 0 0 10px
    }

    .tpl-1-2-2 .smlItem h2 {
        font-size: .875em;
        font-weight: 700
    }
}

.tpl-boxes-4 {
    min-width: 0;
    min-height: 0
}

.tpl-boxes-4 h4 {
    text-align: left;
    margin: 0 10px;
    line-height: 2em;
    font-weight: 800;
    font-size: 1.375em;
    border-bottom: 4px solid #dd0130;
    background: #fff;
    width: 100%
}

.tpl-boxes-4 .activityIcons {
    -webkit-backface-visibility: hidden
}

.tpl-boxes-4 .titleWrap {
    height: 98px
}

@media (max-width: 768px) {
    .tpl-boxes-4 .block-3 {
        -ms-flex:1 1 50%;
        flex: 1 1 50%
    }
}

@media (max-width: 600px) {
    .tpl-boxes-4,.tpl-boxes-4 .block-3 {
        -ms-flex:0;
        flex: 0;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: block;
        width: 100%;
        margin: 0!important
    }

    .tpl-boxes-4 h4 {
        display: none
    }

    .tpl-boxes-4 .titleWrap {
        height: auto
    }
}

.tpl-boxes-4 .item:not(:first-of-type) .itemImage {
    width: 33.3333333333%;
    float: left
}

.tpl-boxes-4 .item:not(:first-of-type) .imgPlaceholder {
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 100%
}

.tpl-boxes-4 .item:not(:first-of-type) .activityIcons .mini-icon,.tpl-boxes-4 .item:not(:first-of-type) .catName {
    display: none
}

.tpl-boxes-4 .item:not(:first-of-type) .titleWrap {
    padding: 0 0 0 8px
}

.tpl-boxes-4 .item:not(:first-of-type) h2 {
    font-size: .75em
}

.tpl-boxes-4 .topComments .activityIcons .comment,.tpl-boxes-4 .topMostRead .activityIcons .social,.tpl-boxes-4 .topRecomend .activityIcons .comment {
    display: block!important
}

.topContentNav {
    display: none
}

.topContentNav li {
    padding: .625em 1.875em;
    white-space: nowrap;
    color: #666;
    text-align: center;
    float: left;
    outline: 0;
    text-transform: uppercase;
    font-size: .75em;
    font-weight: 800;
    border-bottom: 4px solid #fff
}

.topContentNav li.slick-current {
    color: #dd0130;
    border-color: #dd0130;
    outline: 0
}

@media (max-width: 600px) {
    .topContentNav {
        display:block
    }
}

.author {
    margin-bottom: 1.25em
}

.author:after {
    content: "";
    display: table;
    clear: both
}

.author .aAvatar,.author .nAvatar {
    margin: 0 .625em 0 0;
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 100%
}

.author .nAvatar {
    background: #e41a39;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 60px
}

.aLine {
    float: left;
    font-weight: 700
}

.aLine a {
    display: inline-block;
    color: #111;
    padding: .2em
}

.aLine a:hover {
    color: #dd0130
}

.aLine span {
    padding: 0 .2em;
    font-size: .875em;
    font-weight: 400;
    color: #888
}

.mediaView {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #444;
    color: #fff
}

.mediaClose {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.mediaClose svg {
    width: 70px;
    height: 70px;
    fill: #fff
}

.mediaWrap {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    position: fixed;
    top: 70px;
    bottom: 90px
}

.mediaSlider {
    position: relative;
    height: 100%;
    width: 75%;
    float: left
}

@media (max-width: 768px) {
    .mediaSlider {
        width:100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.mediaSlider ul {
    height: 100%;
    padding: 20px
}

.mediaSlider .nav {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    display: block;
    z-index: 50
}

.mediaSlider .navL {
    left: 10px
}

.mediaSlider .navR {
    right: 10px
}

.mediaSlider svg {
    width: 50px;
    height: 50px;
    fill: #fff
}

.mslide {
    position: relative;
    outline: 0;
    text-align: center;
    float: left;
    height: 100%;
    width: 100%
}

.mslide img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    max-height: 100%;
    max-width: 100%
}

.mediaTitle {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-bottom: 1px solid #565555;
    line-height: 70px;
    padding: 0 4em 0 1.875em;
    height: 70px
}

.mediaTitle h1 {
    margin: 0;
    font-size: 1.6em;
    line-height: 70px;
    font-weight: 400;
    letter-spacing: .5px;
    font-family: Open Sans,sans-serif;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    overflow: hidden
}

@media (max-width: 768px) {
    .mediaTitle h1 {
        font-size:1em
    }
}

@media (max-width: 600px) {
    .mediaTitle h1 {
        display:none
    }
}

.mediaDataWrap {
    width: 25%;
    float: left
}

@media (max-width: 768px) {
    .mediaDataWrap {
        width:100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.mediaData {
    padding: 20px
}

.mediaThumb {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #222;
    height: 90px;
    outline: none
}

@media (max-width: 600px) {
    .mediaThumb {
        background:#444
    }

    .mediaThumb ul {
        display: none
    }
}

.mediaThumb a {
    position: relative;
    outline: none;
    float: left;
    width: 80px;
    height: 80px
}

.mediaThumb li {
    float: left;
    text-align: center;
    outline: none
}

.mediaThumb img {
    width: auto;
    height: 100%;
    outline: none
}

.mediaThumb .slick-current a:after {
    position: absolute;
    content: "";
    background: #dd0130;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: .6
}

.slick-list,.slick-track {
    height: 100%
}

.comPreviewForm {
    display: none
}

.commWrap {
    box-sizing: border-box;
    float: left
}

.commWrap .singleWrap,.commWrap .titleWrap {
    margin: 0;
    padding: 0
}

.commWrap button {
    outline: none;
    padding: .8em 2em;
    color: #fff;
    background: #dd0130;
    border: none;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 700;
    letter-spacing: 1px
}

.commWrap button:hover {
    background: #fe1345
}

.commWrap button:disabled {
    color: #fff
}

.commWrap button:disabled:hover {
    text-decoration: none
}

@media (max-width: 600px) {
    .commWrap button {
        padding:.5em 1em
    }
}

.commWrap .com_report {
    position: absolute;
    top: 1em;
    right: 1em;
    padding: .5em;
    background: #fff;
    color: #888;
    font-size: .8em;
    text-transform: none;
    font-weight: 400;
    border-radius: 3px;
    border: 1px solid #ddd
}

.commWrap .com_report:disabled,.commWrap .com_report:disabled:hover {
    border-color: #f3f3f3;
    color: #f3f3f3
}

.commWrap .com_report:hover {
    border-color: #e41a39;
    color: #e41a39;
    background: transparent
}

.commWrap .com_cancel,.commWrap .com_reply,.commWrap .com_send {
    border: 1px solid #eee;
    border-bottom: 1px solid #ddd;
    background: #f6f6f6;
    color: #111
}

.commWrap .com_cancel:hover,.commWrap .com_reply:hover,.commWrap .com_send:hover {
    background: #eee
}

.commWrap .com_send {
    float: right;
    color: #fff;
    background: #dd0130
}

.commWrap .com_send:hover {
    background: #aa0125
}

#comment_report_antibot select {
    padding-right: 30px
}

.comPreview {
    margin-bottom: 2em
}

.comPreview .commWrap {
    width: 100%
}

#com_form_container {
    position: relative;
    margin: 2em 0
}

#com_form_container .com_message {
    position: relative;
    width: 100%;
    top: auto;
    margin-top: 1em
}

.com_form:after {
    content: "";
    display: table;
    clear: both
}

.com_form label {
    display: block;
    text-transform: uppercase;
    font-size: .7em;
    font-weight: 700
}

.com_form input,.com_form textarea {
    outline: none;
    background: #f9f9f9;
    padding: .5em;
    width: 100%;
    border: 1px solid #ddd
}

.com_form input:focus,.com_form textarea:focus {
    border: 1px solid #aaa
}

.comFormSec {
    margin-bottom: 1em
}

.comFormSec:after {
    content: "";
    display: table;
    clear: both
}

.com_text_charcount {
    font-size: .7em;
    float: right;
    color: #888;
    letter-spacing: .5px
}

.com_error_message {
    display: none;
    color: #fff;
    background: #dc2b2b;
    padding: 1em;
    margin-top: 1em;
    border-radius: 3px
}

.com_login {
    border-bottom: 1px solid #eee;
    margin-bottom: 1em;
    padding-bottom: 1em
}

@media (max-width: 768px) {
    .com_login,.com_login span {
        text-align:center
    }

    .com_login span {
        display: block;
        float: left;
        margin-top: .5em;
        font-size: .8em;
        width: 100%
    }
}

.fbLogin {
    position: relative;
    display: inline-block;
    padding: .5em .5em .5em 30px;
    line-height: 1em;
    color: #fff!important;
    background: #3b5999;
    border-radius: 3px
}

.fbLogin:hover {
    text-decoration: none!important;
    background: #4264ab
}

.fbLogin .soc-icon {
    display: inline-block;
    fill: #fff;
    width: 22px;
    height: 22px;
    margin: 0;
    left: 5px;
    top: 50%;
    margin-top: -11px
}

.comLoader {
    width: 30px;
    height: 30px
}

.com_info {
    padding: 1em;
    background: #f6f6f6;
    margin-bottom: 2em
}

.com_info h3 {
    font-size: .9em;
    margin-bottom: 0
}

.com_info p {
    font-size: .8em;
    margin: 0;
    color: #888
}

#com_list a,.com_info a {
    color: #dd0130
}

.comUserImg,.comUserLogged img {
    width: 50px!important;
    height: 50px!important;
    float: left;
    margin: 0 1em 0 0!important;
    border-radius: 50%;
    border: 2px solid #eee
}

.comUserLogged a {
    color: #dd0130
}

.comUserLogged a:hover {
    text-decoration: underline
}

.comTxt {
    margin-bottom: 1em;
    word-break: break-word;
    overflow-wrap: break-word
}

@media (max-width: 600px) {
    .comTxt {
        font-size:.9em
    }
}

.comName {
    margin-bottom: 1em
}

.comName:after {
    content: "";
    display: table;
    clear: both
}

.comName h4 {
    margin: 0
}

.comName span {
    color: #888;
    font-size: .8em
}

.comTools {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #eee
}

.com_vote {
    float: left
}

.com_vote.com_vote_p {
    margin-right: 1em;
    background: #4caf50
}

.com_vote.com_vote_p:hover {
    background: #449d48
}

.com_vote.com_vote_p:disabled {
    background: #ddd
}

@media (max-width: 600px) {
    .com_vote.com_vote_p {
        margin-right:.5em
    }
}

.com_vote.com_vote_n {
    background: #d32f2f
}

.com_vote.com_vote_n:hover {
    background: #c02929
}

.com_vote.com_vote_n:disabled {
    background: #ddd
}

.comReply {
    margin-left: 2em
}

.com_comment {
    overflow: hidden;
    position: relative;
    padding: 1em;
    border: 1px solid #eee;
    border-bottom: 1px solid #ddd;
    margin-bottom: 1em
}

.com_comment:after {
    content: "";
    display: table;
    clear: both
}

.com_reply_container {
    display: none;
    margin-top: 1em;
    border-top: 1px solid #ddd;
    padding-top: 1em
}

.com_reply_container .com_form {
    border: none;
    padding: 0
}

.com_message {
    display: none;
    position: absolute;
    top: 20px;
    left: 50%;
    width: 60%;
    line-height: 1.3em;
    text-align: center;
    padding: 1em;
    background: #1a799a;
    color: #fff;
    transform: translateX(-50%);
    border-radius: 3px
}

@media (max-width: 600px) {
    .com_message {
        width:90%
    }
}

.com_message.error {
    background: #dd0130;
    color: #fff
}

.com_loading,.comLoader {
    text-align: center
}

.com_loading img,.comLoader img {
    width: 32px;
    height: 32px
}

#com_sort {
    background: #f9f9f9;
    padding: .5em 1em;
    border-bottom: 1px solid #ddd;
    margin-bottom: 1em
}

#com_sort strong {
    margin-right: 5px
}

#com_sort a {
    color: #888;
    padding: .2em 0;
    display: inline-block;
    margin-right: 10px
}

#com_sort a.active {
    color: #dd0130;
    border-bottom: 1px solid #dd0130
}

#com_sort a.active svg {
    fill: #dd0130
}

#com_sort a.active:hover {
    text-decoration: none;
    color: #f60136
}

#com_sort a.active.asc svg {
    transform: rotate(90deg)
}

#com_sort a:hover {
    text-decoration: none;
    color: #444
}

#com_sort a svg {
    transform: rotate(-90deg);
    width: 10px;
    height: 10px;
    fill: #888;
    transition: transform .2s
}

@media (max-width: 600px) {
    #com_sort {
        display:none
    }
}

.comAll {
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    margin-left: -5px;
    margin-right: -5px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.comAll a {
    padding: .3125em;
    color: #fff;
    width: 50%;
    max-width: 380px;
    font-weight: 700;
    font-size: .8em;
    text-transform: uppercase
}

@media (max-width: 320px) {
    .comAll a {
        font-size:.7em
    }
}

.comAll a:hover span {
    background: #f60136
}

.comAll a span {
    padding: .875em 0;
    border-radius: 3px;
    background: #dd0130;
    display: block
}

@media (max-width: 768px) {
    .c92 .listData h3 {
        border-color:#fe2121
    }

    .c92 .listData h3 span {
        background: #fe2121
    }
}

.c92 .singleWrap h3.preHead {
    background: #fe2121
}

.c92 .catHeadName {
    color: #fe2121
}

.c92 .catList .video .imgHolder:after {
    background: #fe2121
}

.c92 .cHeading {
    border-color: #fe2121
}

.c92 .cHeading span,.c92 .nAvatar {
    background: #fe2121
}

#mainMenu>li.c92.on a {
    border-bottom: 2px solid #fe2121;
    color: #fe2121
}

#mainMenu>li.c92:hover>a {
    border-bottom: 2px solid #fe2121;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c92:hover>a {
        color:#fe2121;
        background: #fff
    }
}

#mainMenu>li.c92>a {
    color: #fe2121
}

#mainMenu>li.c92.invert a {
    background: #fe2121;
    color: #fff
}

.sideBox.c92:before {
    border-color: #eb0101
}

.sideBox.c92 .sideHeader {
    border-bottom: 4px solid #fe2121
}

.sideBox.c92 .sideHeader:before {
    border-color: transparent transparent #eb0101
}

.featureWrap.c92 .blockHeading {
    border-color: #eb0101
}

.featureWrap.c92 .blockHeading span {
    background: #fe2121
}

.featureWrap.c92 .blockHeading span:before {
    border-color: transparent transparent #eb0101
}

.featureWrap.c92 .blockHeading:before {
    border-color: #eb0101
}

.sideList li.c92 .catName {
    background: rgba(254,33,33,.9)
}

.sideList.sqRight li.c92 .header {
    background: #fe2121;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c92 figure a:after {
    background-color: #ff2020
}

.blockWrap .item.c92 .catName {
    background: rgba(254,33,33,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c92 .preHead {
        background:#fe2121
    }
}

@media (max-width: 768px) {
    .c95 .listData h3 {
        border-color:#00b056
    }

    .c95 .listData h3 span {
        background: #00b056
    }
}

.c95 .singleWrap h3.preHead {
    background: #00b056
}

.c95 .catHeadName {
    color: #00b056
}

.c95 .catList .video .imgHolder:after {
    background: #00b056
}

.c95 .cHeading {
    border-color: #00b056
}

.c95 .cHeading span,.c95 .nAvatar {
    background: #00b056
}

#mainMenu>li.c95.on a {
    border-bottom: 2px solid #00b056;
    color: #00b056
}

#mainMenu>li.c95:hover>a {
    border-bottom: 2px solid #00b056;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c95:hover>a {
        color:#00b056;
        background: #fff
    }
}

#mainMenu>li.c95>a {
    color: #00b056
}

#mainMenu>li.c95.invert a {
    background: #00b056;
    color: #fff
}

.sideBox.c95:before {
    border-color: #007d3d
}

.sideBox.c95 .sideHeader {
    border-bottom: 4px solid #00b056
}

.sideBox.c95 .sideHeader:before {
    border-color: transparent transparent #007d3d
}

.featureWrap.c95 .blockHeading {
    border-color: #007d3d
}

.featureWrap.c95 .blockHeading span {
    background: #00b056
}

.featureWrap.c95 .blockHeading span:before {
    border-color: transparent transparent #007d3d
}

.featureWrap.c95 .blockHeading:before {
    border-color: #007d3d
}

.sideList li.c95 .catName {
    background: rgba(0,176,86,.9)
}

.sideList.sqRight li.c95 .header {
    background: #00b056;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c95 figure a:after {
    background-color: #00b056
}

.blockWrap .item.c95 .catName {
    background: rgba(0,176,86,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c95 .preHead {
        background:#00b056
    }
}

@media (max-width: 768px) {
    .c93 .listData h3 {
        border-color:#fd9320
    }

    .c93 .listData h3 span {
        background: #fd9320
    }
}

.c93 .singleWrap h3.preHead {
    background: #fd9320
}

.c93 .catHeadName {
    color: #fd9320
}

.c93 .catList .video .imgHolder:after {
    background: #fd9320
}

.c93 .cHeading {
    border-color: #fd9320
}

.c93 .cHeading span,.c93 .nAvatar {
    background: #fd9320
}

#mainMenu>li.c93.on a {
    border-bottom: 2px solid #fd9320;
    color: #fd9320
}

#mainMenu>li.c93:hover>a {
    border-bottom: 2px solid #fd9320;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c93:hover>a {
        color:#fd9320;
        background: #fff
    }
}

#mainMenu>li.c93>a {
    color: #fd9320
}

#mainMenu>li.c93.invert a {
    background: #fd9320;
    color: #fff
}

.sideBox.c93:before {
    border-color: #e87a02
}

.sideBox.c93 .sideHeader {
    border-bottom: 4px solid #fd9320
}

.sideBox.c93 .sideHeader:before {
    border-color: transparent transparent #e87a02
}

.featureWrap.c93 .blockHeading {
    border-color: #e87a02
}

.featureWrap.c93 .blockHeading span {
    background: #fd9320
}

.featureWrap.c93 .blockHeading span:before {
    border-color: transparent transparent #e87a02
}

.featureWrap.c93 .blockHeading:before {
    border-color: #e87a02
}

.sideList li.c93 .catName {
    background: rgba(253,147,32,.9)
}

.sideList.sqRight li.c93 .header {
    background: #fd9320;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c93 figure a:after {
    background-color: #ff931e
}

.blockWrap .item.c93 .catName {
    background: rgba(253,147,32,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c93 .preHead {
        background:#fd9320
    }
}

@media (max-width: 768px) {
    .c96 .listData h3 {
        border-color:#ed008c
    }

    .c96 .listData h3 span {
        background: #ed008c
    }
}

.c96 .singleWrap h3.preHead {
    background: #ed008c
}

.c96 .catHeadName {
    color: #ed008c
}

.c96 .catList .video .imgHolder:after {
    background: #ed008c
}

.c96 .cHeading {
    border-color: #ed008c
}

.c96 .cHeading span,.c96 .nAvatar {
    background: #ed008c
}

#mainMenu>li.c96.on a {
    border-bottom: 2px solid #ed008c;
    color: #ed008c
}

#mainMenu>li.c96:hover>a {
    border-bottom: 2px solid #ed008c;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c96:hover>a {
        color:#ed008c;
        background: #fff
    }
}

#mainMenu>li.c96>a {
    color: #ed008c
}

#mainMenu>li.c96.invert a {
    background: #ed008c;
    color: #fff
}

.sideBox.c96:before {
    border-color: #ba006e
}

.sideBox.c96 .sideHeader {
    border-bottom: 4px solid #ed008c
}

.sideBox.c96 .sideHeader:before {
    border-color: transparent transparent #ba006e
}

.featureWrap.c96 .blockHeading {
    border-color: #ba006e
}

.featureWrap.c96 .blockHeading span {
    background: #ed008c
}

.featureWrap.c96 .blockHeading span:before {
    border-color: transparent transparent #ba006e
}

.featureWrap.c96 .blockHeading:before {
    border-color: #ba006e
}

.sideList li.c96 .catName {
    background: rgba(237,0,140,.9)
}

.sideList.sqRight li.c96 .header {
    background: #ed008c;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c96 figure a:after {
    background-color: #ed008c
}

.blockWrap .item.c96 .catName {
    background: rgba(237,0,140,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c96 .preHead {
        background:#ed008c
    }
}

@media (max-width: 768px) {
    .c97 .listData h3 {
        border-color:#008587
    }

    .c97 .listData h3 span {
        background: #008587
    }
}

.c97 .singleWrap h3.preHead {
    background: #008587
}

.c97 .catHeadName {
    color: #008587
}

.c97 .catList .video .imgHolder:after {
    background: #008587
}

.c97 .cHeading {
    border-color: #008587
}

.c97 .cHeading span,.c97 .nAvatar {
    background: #008587
}

#mainMenu>li.c97.on a {
    border-bottom: 2px solid #008587;
    color: #008587
}

#mainMenu>li.c97:hover>a {
    border-bottom: 2px solid #008587;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c97:hover>a {
        color:#008587;
        background: #fff
    }
}

#mainMenu>li.c97>a {
    color: #008587
}

#mainMenu>li.c97.invert a {
    background: #008587;
    color: #fff
}

.sideBox.c97:before {
    border-color: #005354
}

.sideBox.c97 .sideHeader {
    border-bottom: 4px solid #008587
}

.sideBox.c97 .sideHeader:before {
    border-color: transparent transparent #005354
}

.featureWrap.c97 .blockHeading {
    border-color: #005354
}

.featureWrap.c97 .blockHeading span {
    background: #008587
}

.featureWrap.c97 .blockHeading span:before {
    border-color: transparent transparent #005354
}

.featureWrap.c97 .blockHeading:before {
    border-color: #005354
}

.sideList li.c97 .catName {
    background: rgba(0,133,135,.9)
}

.sideList.sqRight li.c97 .header {
    background: #008587;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c97 figure a:after {
    background-color: #008587
}

.blockWrap .item.c97 .catName {
    background: rgba(0,133,135,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c97 .preHead {
        background:#008587
    }
}

@media (max-width: 768px) {
    .c98 .listData h3 {
        border-color:#8880d6
    }

    .c98 .listData h3 span {
        background: #8880d6
    }
}

.c98 .singleWrap h3.preHead {
    background: #8880d6
}

.c98 .catHeadName {
    color: #8880d6
}

.c98 .catList .video .imgHolder:after {
    background: #8880d6
}

.c98 .cHeading {
    border-color: #8880d6
}

.c98 .cHeading span,.c98 .nAvatar {
    background: #8880d6
}

#mainMenu>li.c98.on a {
    border-bottom: 2px solid #8880d6;
    color: #8880d6
}

#mainMenu>li.c98:hover>a {
    border-bottom: 2px solid #8880d6;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c98:hover>a {
        color:#8880d6;
        background: #fff
    }
}

#mainMenu>li.c98>a {
    color: #8880d6
}

#mainMenu>li.c98.invert a {
    background: #8880d6;
    color: #fff
}

.sideBox.c98:before {
    border-color: #6459ca
}

.sideBox.c98 .sideHeader {
    border-bottom: 4px solid #8880d6
}

.sideBox.c98 .sideHeader:before {
    border-color: transparent transparent #6459ca
}

.featureWrap.c98 .blockHeading {
    border-color: #6459ca
}

.featureWrap.c98 .blockHeading span {
    background: #8880d6
}

.featureWrap.c98 .blockHeading span:before {
    border-color: transparent transparent #6459ca
}

.featureWrap.c98 .blockHeading:before {
    border-color: #6459ca
}

.sideList li.c98 .catName {
    background: rgba(136,128,214,.9)
}

.sideList.sqRight li.c98 .header {
    background: #8880d6;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c98 figure a:after {
    background-color: #8178de
}

.blockWrap .item.c98 .catName {
    background: rgba(136,128,214,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c98 .preHead {
        background:#8880d6
    }
}

@media (max-width: 768px) {
    .c99 .listData h3 {
        border-color:#777879
    }

    .c99 .listData h3 span {
        background: #777879
    }
}

.c99 .singleWrap h3.preHead {
    background: #777879
}

.c99 .catHeadName {
    color: #777879
}

.c99 .catList .video .imgHolder:after {
    background: #777879
}

.c99 .cHeading {
    border-color: #777879
}

.c99 .cHeading span,.c99 .nAvatar {
    background: #777879
}

#mainMenu>li.c99.on a {
    border-bottom: 2px solid #777879;
    color: #777879
}

#mainMenu>li.c99:hover>a {
    border-bottom: 2px solid #777879;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c99:hover>a {
        color:#777879;
        background: #fff
    }
}

#mainMenu>li.c99>a {
    color: #777879
}

#mainMenu>li.c99.invert a {
    background: #777879;
    color: #fff
}

.sideBox.c99:before {
    border-color: #5e5f5f
}

.sideBox.c99 .sideHeader {
    border-bottom: 4px solid #777879
}

.sideBox.c99 .sideHeader:before {
    border-color: transparent transparent #5e5f5f
}

.featureWrap.c99 .blockHeading {
    border-color: #5e5f5f
}

.featureWrap.c99 .blockHeading span {
    background: #777879
}

.featureWrap.c99 .blockHeading span:before {
    border-color: transparent transparent #5e5f5f
}

.featureWrap.c99 .blockHeading:before {
    border-color: #5e5f5f
}

.sideList li.c99 .catName {
    background: hsla(210,1%,47%,.9)
}

.sideList.sqRight li.c99 .header {
    background: #777879;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c99 figure a:after {
    background-color: #6b7885
}

.blockWrap .item.c99 .catName {
    background: hsla(210,1%,47%,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c99 .preHead {
        background:#777879
    }
}

@media (max-width: 768px) {
    .c8 .listData h3 {
        border-color:#ffd713
    }

    .c8 .listData h3 span {
        background: #ffd713
    }
}

.c8 .singleWrap h3.preHead {
    background: #ffd713
}

.c8 .catHeadName {
    color: #ffd713
}

.c8 .catList .video .imgHolder:after {
    background: #ffd713
}

.c8 .cHeading {
    border-color: #ffd713
}

.c8 .cHeading span,.c8 .nAvatar {
    background: #ffd713
}

#mainMenu>li.c8.on a {
    border-bottom: 2px solid #ffd713;
    color: #ffd713
}

#mainMenu>li.c8:hover>a {
    border-bottom: 2px solid #ffd713;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c8:hover>a {
        color:#ffd713;
        background: #fff
    }
}

#mainMenu>li.c8>a {
    color: #ffd713
}

#mainMenu>li.c8.invert a {
    background: #ffd713;
    color: #fff
}

.sideBox.c8:before {
    border-color: #dfb900
}

.sideBox.c8 .sideHeader {
    border-bottom: 4px solid #ffd713
}

.sideBox.c8 .sideHeader:before {
    border-color: transparent transparent #dfb900
}

.featureWrap.c8 .blockHeading {
    border-color: #dfb900
}

.featureWrap.c8 .blockHeading span {
    background: #ffd713
}

.featureWrap.c8 .blockHeading span:before {
    border-color: transparent transparent #dfb900
}

.featureWrap.c8 .blockHeading:before {
    border-color: #dfb900
}

.sideList li.c8 .catName {
    background: rgba(255,215,19,.9)
}

.sideList.sqRight li.c8 .header {
    background: #ffd713;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c8 figure a:after {
    background-color: #ffd713
}

.blockWrap .item.c8 .catName {
    background: rgba(255,215,19,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c8 .preHead {
        background:#ffd713
    }
}

@media (max-width: 768px) {
    .c9 .listData h3 {
        border-color:#0180ad
    }

    .c9 .listData h3 span {
        background: #0180ad
    }
}

.c9 .singleWrap h3.preHead {
    background: #0180ad
}

.c9 .catHeadName {
    color: #0180ad
}

.c9 .catList .video .imgHolder:after {
    background: #0180ad
}

.c9 .cHeading {
    border-color: #0180ad
}

.c9 .cHeading span,.c9 .nAvatar {
    background: #0180ad
}

#mainMenu>li.c9.on a {
    border-bottom: 2px solid #0180ad;
    color: #0180ad
}

#mainMenu>li.c9:hover>a {
    border-bottom: 2px solid #0180ad;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c9:hover>a {
        color:#0180ad;
        background: #fff
    }
}

#mainMenu>li.c9>a {
    color: #0180ad
}

#mainMenu>li.c9.invert a {
    background: #0180ad;
    color: #fff
}

.sideBox.c9:before {
    border-color: #015a7a
}

.sideBox.c9 .sideHeader {
    border-bottom: 4px solid #0180ad
}

.sideBox.c9 .sideHeader:before {
    border-color: transparent transparent #015a7a
}

.featureWrap.c9 .blockHeading {
    border-color: #015a7a
}

.featureWrap.c9 .blockHeading span {
    background: #0180ad
}

.featureWrap.c9 .blockHeading span:before {
    border-color: transparent transparent #015a7a
}

.featureWrap.c9 .blockHeading:before {
    border-color: #015a7a
}

.sideList li.c9 .catName {
    background: rgba(1,128,173,.9)
}

.sideList.sqRight li.c9 .header {
    background: #0180ad;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c9 figure a:after {
    background-color: #0080ae
}

.blockWrap .item.c9 .catName {
    background: rgba(1,128,173,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c9 .preHead {
        background:#0180ad
    }
}

@media (max-width: 768px) {
    .c10 .listData h3 {
        border-color:#d50517
    }

    .c10 .listData h3 span {
        background: #d50517
    }
}

.c10 .singleWrap h3.preHead {
    background: #d50517
}

.c10 .catHeadName {
    color: #d50517
}

.c10 .catList .video .imgHolder:after {
    background: #d50517
}

.c10 .cHeading {
    border-color: #d50517
}

.c10 .cHeading span,.c10 .nAvatar {
    background: #d50517
}

#mainMenu>li.c10.on a {
    border-bottom: 2px solid #d50517;
    color: #d50517
}

#mainMenu>li.c10:hover>a {
    border-bottom: 2px solid #d50517;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c10:hover>a {
        color:#d50517;
        background: #fff
    }
}

#mainMenu>li.c10>a {
    color: #d50517
}

#mainMenu>li.c10.invert a {
    background: #d50517;
    color: #fff
}

.sideBox.c10:before {
    border-color: #a30412
}

.sideBox.c10 .sideHeader {
    border-bottom: 4px solid #d50517
}

.sideBox.c10 .sideHeader:before {
    border-color: transparent transparent #a30412
}

.featureWrap.c10 .blockHeading {
    border-color: #a30412
}

.featureWrap.c10 .blockHeading span {
    background: #d50517
}

.featureWrap.c10 .blockHeading span:before {
    border-color: transparent transparent #a30412
}

.featureWrap.c10 .blockHeading:before {
    border-color: #a30412
}

.sideList li.c10 .catName {
    background: rgba(213,5,23,.9)
}

.sideList.sqRight li.c10 .header {
    background: #d50517;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c10 figure a:after {
    background-color: #da0013
}

.blockWrap .item.c10 .catName {
    background: rgba(213,5,23,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c10 .preHead {
        background:#d50517
    }
}

@media (max-width: 768px) {
    .c100 .listData h3 {
        border-color:#da27e6
    }

    .c100 .listData h3 span {
        background: #da27e6
    }
}

.c100 .singleWrap h3.preHead {
    background: #da27e6
}

.c100 .catHeadName {
    color: #da27e6
}

.c100 .catList .video .imgHolder:after {
    background: #da27e6
}

.c100 .cHeading {
    border-color: #da27e6
}

.c100 .cHeading span,.c100 .nAvatar {
    background: #da27e6
}

#mainMenu>li.c100.on a {
    border-bottom: 2px solid #da27e6;
    color: #da27e6
}

#mainMenu>li.c100:hover>a {
    border-bottom: 2px solid #da27e6;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c100:hover>a {
        color:#da27e6;
        background: #fff
    }
}

#mainMenu>li.c100>a {
    color: #da27e6
}

#mainMenu>li.c100.invert a {
    background: #da27e6;
    color: #fff
}

.sideBox.c100:before {
    border-color: #b917c3
}

.sideBox.c100 .sideHeader {
    border-bottom: 4px solid #da27e6
}

.sideBox.c100 .sideHeader:before {
    border-color: transparent transparent #b917c3
}

.featureWrap.c100 .blockHeading {
    border-color: #b917c3
}

.featureWrap.c100 .blockHeading span {
    background: #da27e6
}

.featureWrap.c100 .blockHeading span:before {
    border-color: transparent transparent #b917c3
}

.featureWrap.c100 .blockHeading:before {
    border-color: #b917c3
}

.sideList li.c100 .catName {
    background: rgba(218,39,230,.9)
}

.sideList.sqRight li.c100 .header {
    background: #da27e6;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c100 figure a:after {
    background-color: #e51bf2
}

.blockWrap .item.c100 .catName {
    background: rgba(218,39,230,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c100 .preHead {
        background:#da27e6
    }
}

@media (max-width: 768px) {
    .c101 .listData h3 {
        border-color:#1e1e44
    }

    .c101 .listData h3 span {
        background: #1e1e44
    }
}

.c101 .singleWrap h3.preHead {
    background: #1e1e44
}

.c101 .catHeadName {
    color: #1e1e44
}

.c101 .catList .video .imgHolder:after {
    background: #1e1e44
}

.c101 .cHeading {
    border-color: #1e1e44
}

.c101 .cHeading span,.c101 .nAvatar {
    background: #1e1e44
}

#mainMenu>li.c101.on a {
    border-bottom: 2px solid #1e1e44;
    color: #1e1e44
}

#mainMenu>li.c101:hover>a {
    border-bottom: 2px solid #1e1e44;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c101:hover>a {
        color:#1e1e44;
        background: #fff
    }
}

#mainMenu>li.c101>a {
    color: #1e1e44
}

#mainMenu>li.c101.invert a {
    background: #1e1e44;
    color: #fff
}

.sideBox.c101:before {
    border-color: #0e0e21
}

.sideBox.c101 .sideHeader {
    border-bottom: 4px solid #1e1e44
}

.sideBox.c101 .sideHeader:before {
    border-color: transparent transparent #0e0e21
}

.featureWrap.c101 .blockHeading {
    border-color: #0e0e21
}

.featureWrap.c101 .blockHeading span {
    background: #1e1e44
}

.featureWrap.c101 .blockHeading span:before {
    border-color: transparent transparent #0e0e21
}

.featureWrap.c101 .blockHeading:before {
    border-color: #0e0e21
}

.sideList li.c101 .catName {
    background: rgba(30,30,68,.9)
}

.sideList.sqRight li.c101 .header {
    background: #1e1e44;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c101 figure a:after {
    background-color: #191949
}

.blockWrap .item.c101 .catName {
    background: rgba(30,30,68,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c101 .preHead {
        background:#1e1e44
    }
}

@media (max-width: 768px) {
    .c102 .listData h3 {
        border-color:#5ca8c8
    }

    .c102 .listData h3 span {
        background: #5ca8c8
    }
}

.c102 .singleWrap h3.preHead {
    background: #5ca8c8
}

.c102 .catHeadName {
    color: #5ca8c8
}

.c102 .catList .video .imgHolder:after {
    background: #5ca8c8
}

.c102 .cHeading {
    border-color: #5ca8c8
}

.c102 .cHeading span,.c102 .nAvatar {
    background: #5ca8c8
}

#mainMenu>li.c102.on a {
    border-bottom: 2px solid #5ca8c8;
    color: #5ca8c8
}

#mainMenu>li.c102:hover>a {
    border-bottom: 2px solid #5ca8c8;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c102:hover>a {
        color:#5ca8c8;
        background: #fff
    }
}

#mainMenu>li.c102>a {
    color: #5ca8c8
}

#mainMenu>li.c102.invert a {
    background: #5ca8c8;
    color: #fff
}

.sideBox.c102:before {
    border-color: #3d91b4
}

.sideBox.c102 .sideHeader {
    border-bottom: 4px solid #5ca8c8
}

.sideBox.c102 .sideHeader:before {
    border-color: transparent transparent #3d91b4
}

.featureWrap.c102 .blockHeading {
    border-color: #3d91b4
}

.featureWrap.c102 .blockHeading span {
    background: #5ca8c8
}

.featureWrap.c102 .blockHeading span:before {
    border-color: transparent transparent #3d91b4
}

.featureWrap.c102 .blockHeading:before {
    border-color: #3d91b4
}

.sideList li.c102 .catName {
    background: rgba(92,168,200,.9)
}

.sideList.sqRight li.c102 .header {
    background: #5ca8c8;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c102 figure a:after {
    background-color: #51acd3
}

.blockWrap .item.c102 .catName {
    background: rgba(92,168,200,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c102 .preHead {
        background:#5ca8c8
    }
}

@media (max-width: 768px) {
    .c103 .listData h3 {
        border-color:#267be7
    }

    .c103 .listData h3 span {
        background: #267be7
    }
}

.c103 .singleWrap h3.preHead {
    background: #267be7
}

.c103 .catHeadName {
    color: #267be7
}

.c103 .catList .video .imgHolder:after {
    background: #267be7
}

.c103 .cHeading {
    border-color: #267be7
}

.c103 .cHeading span,.c103 .nAvatar {
    background: #267be7
}

#mainMenu>li.c103.on a {
    border-bottom: 2px solid #267be7;
    color: #267be7
}

#mainMenu>li.c103:hover>a {
    border-bottom: 2px solid #267be7;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c103:hover>a {
        color:#267be7;
        background: #fff
    }
}

#mainMenu>li.c103>a {
    color: #267be7
}

#mainMenu>li.c103.invert a {
    background: #267be7;
    color: #fff
}

.sideBox.c103:before {
    border-color: #1663c4
}

.sideBox.c103 .sideHeader {
    border-bottom: 4px solid #267be7
}

.sideBox.c103 .sideHeader:before {
    border-color: transparent transparent #1663c4
}

.featureWrap.c103 .blockHeading {
    border-color: #1663c4
}

.featureWrap.c103 .blockHeading span {
    background: #267be7
}

.featureWrap.c103 .blockHeading span:before {
    border-color: transparent transparent #1663c4
}

.featureWrap.c103 .blockHeading:before {
    border-color: #1663c4
}

.sideList li.c103 .catName {
    background: rgba(38,123,231,.9)
}

.sideList.sqRight li.c103 .header {
    background: #267be7;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c103 figure a:after {
    background-color: #1a7af3
}

.blockWrap .item.c103 .catName {
    background: rgba(38,123,231,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c103 .preHead {
        background:#267be7
    }
}

@media (max-width: 768px) {
    .c107 .listData h3 {
        border-color:#0c4da2
    }

    .c107 .listData h3 span {
        background: #0c4da2
    }
}

.c107 .singleWrap h3.preHead {
    background: #0c4da2
}

.c107 .catHeadName {
    color: #0c4da2
}

.c107 .catList .video .imgHolder:after {
    background: #0c4da2
}

.c107 .cHeading {
    border-color: #0c4da2
}

.c107 .cHeading span,.c107 .nAvatar {
    background: #0c4da2
}

#mainMenu>li.c107.on a {
    border-bottom: 2px solid #0c4da2;
    color: #0c4da2
}

#mainMenu>li.c107:hover>a {
    border-bottom: 2px solid #0c4da2;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c107:hover>a {
        color:#0c4da2;
        background: #fff
    }
}

#mainMenu>li.c107>a {
    color: #0c4da2
}

#mainMenu>li.c107.invert a {
    background: #0c4da2;
    color: #fff
}

.sideBox.c107:before {
    border-color: #083673
}

.sideBox.c107 .sideHeader {
    border-bottom: 4px solid #0c4da2
}

.sideBox.c107 .sideHeader:before {
    border-color: transparent transparent #083673
}

.featureWrap.c107 .blockHeading {
    border-color: #083673
}

.featureWrap.c107 .blockHeading span {
    background: #0c4da2
}

.featureWrap.c107 .blockHeading span:before {
    border-color: transparent transparent #083673
}

.featureWrap.c107 .blockHeading:before {
    border-color: #083673
}

.sideList li.c107 .catName {
    background: rgba(12,77,162,.9)
}

.sideList.sqRight li.c107 .header {
    background: #0c4da2;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c107 figure a:after {
    background-color: #034cab
}

.blockWrap .item.c107 .catName {
    background: rgba(12,77,162,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c107 .preHead {
        background:#0c4da2
    }
}

@media (max-width: 768px) {
    .c666 .listData h3 {
        border-color:#337cad
    }

    .c666 .listData h3 span {
        background: #337cad
    }
}

.c666 .singleWrap h3.preHead {
    background: #337cad
}

.c666 .catHeadName {
    color: #337cad
}

.c666 .catList .video .imgHolder:after {
    background: #337cad
}

.c666 .cHeading {
    border-color: #337cad
}

.c666 .cHeading span,.c666 .nAvatar {
    background: #337cad
}

#mainMenu>li.c666.on a {
    border-bottom: 2px solid #337cad;
    color: #337cad
}

#mainMenu>li.c666:hover>a {
    border-bottom: 2px solid #337cad;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c666:hover>a {
        color:#337cad;
        background: #fff
    }
}

#mainMenu>li.c666>a {
    color: #337cad
}

#mainMenu>li.c666.invert a {
    background: #337cad;
    color: #fff
}

.sideBox.c666:before {
    border-color: #276086
}

.sideBox.c666 .sideHeader {
    border-bottom: 4px solid #337cad
}

.sideBox.c666 .sideHeader:before {
    border-color: transparent transparent #276086
}

.featureWrap.c666 .blockHeading {
    border-color: #276086
}

.featureWrap.c666 .blockHeading span {
    background: #337cad
}

.featureWrap.c666 .blockHeading span:before {
    border-color: transparent transparent #276086
}

.featureWrap.c666 .blockHeading:before {
    border-color: #276086
}

.sideList li.c666 .catName {
    background: rgba(51,124,173,.9)
}

.sideList.sqRight li.c666 .header {
    background: #337cad;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c666 figure a:after {
    background-color: #287eb8
}

.blockWrap .item.c666 .catName {
    background: rgba(51,124,173,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c666 .preHead {
        background:#337cad
    }
}

@media (max-width: 768px) {
    .c108 .listData h3 {
        border-color:#0062d0
    }

    .c108 .listData h3 span {
        background: #0062d0
    }
}

.c108 .singleWrap h3.preHead {
    background: #0062d0
}

.c108 .catHeadName {
    color: #0062d0
}

.c108 .catList .video .imgHolder:after {
    background: #0062d0
}

.c108 .cHeading {
    border-color: #0062d0
}

.c108 .cHeading span,.c108 .nAvatar {
    background: #0062d0
}

#mainMenu>li.c108.on a {
    border-bottom: 2px solid #0062d0;
    color: #0062d0
}

#mainMenu>li.c108:hover>a {
    border-bottom: 2px solid #0062d0;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c108:hover>a {
        color:#0062d0;
        background: #fff
    }
}

#mainMenu>li.c108>a {
    color: #0062d0
}

#mainMenu>li.c108.invert a {
    background: #0062d0;
    color: #fff
}

.sideBox.c108:before {
    border-color: #004a9d
}

.sideBox.c108 .sideHeader {
    border-bottom: 4px solid #0062d0
}

.sideBox.c108 .sideHeader:before {
    border-color: transparent transparent #004a9d
}

.featureWrap.c108 .blockHeading {
    border-color: #004a9d
}

.featureWrap.c108 .blockHeading span {
    background: #0062d0
}

.featureWrap.c108 .blockHeading span:before {
    border-color: transparent transparent #004a9d
}

.featureWrap.c108 .blockHeading:before {
    border-color: #004a9d
}

.sideList li.c108 .catName {
    background: rgba(0,98,208,.9)
}

.sideList.sqRight li.c108 .header {
    background: #0062d0;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c108 figure a:after {
    background-color: #0062d0
}

.blockWrap .item.c108 .catName {
    background: rgba(0,98,208,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c108 .preHead {
        background:#0062d0
    }
}

@media (max-width: 768px) {
    .c109 .listData h3 {
        border-color:#0062d0
    }

    .c109 .listData h3 span {
        background: #0062d0
    }
}

.c109 .singleWrap h3.preHead {
    background: #0062d0
}

.c109 .catHeadName {
    color: #0062d0
}

.c109 .catList .video .imgHolder:after {
    background: #0062d0
}

.c109 .cHeading {
    border-color: #0062d0
}

.c109 .cHeading span,.c109 .nAvatar {
    background: #0062d0
}

#mainMenu>li.c109.on a {
    border-bottom: 2px solid #0062d0;
    color: #0062d0
}

#mainMenu>li.c109:hover>a {
    border-bottom: 2px solid #0062d0;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c109:hover>a {
        color:#0062d0;
        background: #fff
    }
}

#mainMenu>li.c109>a {
    color: #0062d0
}

#mainMenu>li.c109.invert a {
    background: #0062d0;
    color: #fff
}

.sideBox.c109:before {
    border-color: #004a9d
}

.sideBox.c109 .sideHeader {
    border-bottom: 4px solid #0062d0
}

.sideBox.c109 .sideHeader:before {
    border-color: transparent transparent #004a9d
}

.featureWrap.c109 .blockHeading {
    border-color: #004a9d
}

.featureWrap.c109 .blockHeading span {
    background: #0062d0
}

.featureWrap.c109 .blockHeading span:before {
    border-color: transparent transparent #004a9d
}

.featureWrap.c109 .blockHeading:before {
    border-color: #004a9d
}

.sideList li.c109 .catName {
    background: rgba(0,98,208,.9)
}

.sideList.sqRight li.c109 .header {
    background: #0062d0;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c109 figure a:after {
    background-color: #0062d0
}

.blockWrap .item.c109 .catName {
    background: rgba(0,98,208,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c109 .preHead {
        background:#0062d0
    }
}

@media (max-width: 768px) {
    .c112 .listData h3 {
        border-color:#a400ff
    }

    .c112 .listData h3 span {
        background: #a400ff
    }
}

.c112 .singleWrap h3.preHead {
    background: #a400ff
}

.c112 .catHeadName {
    color: #a400ff
}

.c112 .catList .video .imgHolder:after {
    background: #a400ff
}

.c112 .cHeading {
    border-color: #a400ff
}

.c112 .cHeading span,.c112 .nAvatar {
    background: #a400ff
}

#mainMenu>li.c112.on a {
    border-bottom: 2px solid #a400ff;
    color: #a400ff
}

#mainMenu>li.c112:hover>a {
    border-bottom: 2px solid #a400ff;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c112:hover>a {
        color:#a400ff;
        background: #fff
    }
}

#mainMenu>li.c112>a {
    color: #a400ff
}

#mainMenu>li.c112.invert a {
    background: #a400ff;
    color: #fff
}

.sideBox.c112:before {
    border-color: #8300cc
}

.sideBox.c112 .sideHeader {
    border-bottom: 4px solid #a400ff
}

.sideBox.c112 .sideHeader:before {
    border-color: transparent transparent #8300cc
}

.featureWrap.c112 .blockHeading {
    border-color: #8300cc
}

.featureWrap.c112 .blockHeading span {
    background: #a400ff
}

.featureWrap.c112 .blockHeading span:before {
    border-color: transparent transparent #8300cc
}

.featureWrap.c112 .blockHeading:before {
    border-color: #8300cc
}

.sideList li.c112 .catName {
    background: rgba(164,0,255,.9)
}

.sideList.sqRight li.c112 .header {
    background: #a400ff;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c112 figure a:after {
    background-color: #a400ff
}

.blockWrap .item.c112 .catName {
    background: rgba(164,0,255,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c112 .preHead {
        background:#a400ff
    }
}

@media (max-width: 768px) {
    .c113 .listData h3 {
        border-color:blue
    }

    .c113 .listData h3 span {
        background: blue
    }
}

.c113 .singleWrap h3.preHead {
    background: blue
}

.c113 .catHeadName {
    color: blue
}

.c113 .catList .video .imgHolder:after {
    background: blue
}

.c113 .cHeading {
    border-color: blue
}

.c113 .cHeading span,.c113 .nAvatar {
    background: blue
}

#mainMenu>li.c113.on a {
    border-bottom: 2px solid blue;
    color: blue
}

#mainMenu>li.c113:hover>a {
    border-bottom: 2px solid blue;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c113:hover>a {
        color:blue;
        background: #fff
    }
}

#mainMenu>li.c113>a {
    color: blue
}

#mainMenu>li.c113.invert a {
    background: blue;
    color: #fff
}

.sideBox.c113:before {
    border-color: #00c
}

.sideBox.c113 .sideHeader {
    border-bottom: 4px solid blue
}

.sideBox.c113 .sideHeader:before {
    border-color: transparent transparent #00c
}

.featureWrap.c113 .blockHeading {
    border-color: #00c
}

.featureWrap.c113 .blockHeading span {
    background: blue
}

.featureWrap.c113 .blockHeading span:before {
    border-color: transparent transparent #00c
}

.featureWrap.c113 .blockHeading:before {
    border-color: #00c
}

.sideList li.c113 .catName {
    background: rgba(0,0,255,.9)
}

.sideList.sqRight li.c113 .header {
    background: blue;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c113 figure a:after {
    background-color: blue
}

.blockWrap .item.c113 .catName {
    background: rgba(0,0,255,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c113 .preHead {
        background:blue
    }
}

@media (max-width: 768px) {
    .c111 .listData h3 {
        border-color:#aec500
    }

    .c111 .listData h3 span {
        background: #aec500
    }
}

.c111 .singleWrap h3.preHead {
    background: #aec500
}

.c111 .catHeadName {
    color: #aec500
}

.c111 .catList .video .imgHolder:after {
    background: #aec500
}

.c111 .cHeading {
    border-color: #aec500
}

.c111 .cHeading span,.c111 .nAvatar {
    background: #aec500
}

#mainMenu>li.c111.on a {
    border-bottom: 2px solid #aec500;
    color: #aec500
}

#mainMenu>li.c111:hover>a {
    border-bottom: 2px solid #aec500;
    background: #efefef
}

@media (max-width: 768px) {
    #mainMenu>li.c111:hover>a {
        color:#aec500;
        background: #fff
    }
}

#mainMenu>li.c111>a {
    color: #aec500
}

#mainMenu>li.c111.invert a {
    background: #aec500;
    color: #fff
}

.sideBox.c111:before {
    border-color: #819200
}

.sideBox.c111 .sideHeader {
    border-bottom: 4px solid #aec500
}

.sideBox.c111 .sideHeader:before {
    border-color: transparent transparent #819200
}

.featureWrap.c111 .blockHeading {
    border-color: #819200
}

.featureWrap.c111 .blockHeading span {
    background: #aec500
}

.featureWrap.c111 .blockHeading span:before {
    border-color: transparent transparent #819200
}

.featureWrap.c111 .blockHeading:before {
    border-color: #819200
}

.sideList li.c111 .catName {
    background: rgba(174,197,0,.9)
}

.sideList.sqRight li.c111 .header {
    background: #aec500;
    font-weight: 700;
    padding: .5em
}

.blockWrap .item.c111 figure a:after {
    background-color: #aec500
}

.blockWrap .item.c111 .catName {
    background: rgba(174,197,0,.8)
}

@media (max-width: 768px) {
    .blockWrap .item.c111 .preHead {
        background:#aec500
    }
}

.wdgRelated {
    width: 100%;
    margin: 0 0 1.4em
}

.wdgRelated.rellist .relItem {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #ddd
}

.wdgRelated.rellist .relItem>a {
    margin-right: .5rem
}

.wdgRelated.rellist .relItem img {
    width: 90px;
    height: 90px;
    margin: 0;
    vertical-align: top
}

.wdgRelated.rellist .relItem:last-child {
    border-bottom: none;
    padding: 0;
    margin: 0
}

.wdgRelated.rellist .title {
    border: none;
    font-size: 1.125em;
    margin: 0;
    padding-bottom: 0
}

.wdgRelated.rellist .title a {
    color: #111;
    font-weight: 700
}

@media (max-width: 600px) {
    .wdgRelated.rellist .title {
        font-size:.875em
    }
}

.wdgRelated.relcard .relItem {
    position: relative;
    border-radius: 3px;
    border: 1px solid #ddd;
    border-bottom: 1px solid #bbb;
    box-shadow: 0 2px 2px rgba(0,0,0,.1);
    max-width: 80%;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 1.25em
}

.wdgRelated.relcard .relItem:after {
    content: "";
    display: table;
    clear: both
}

@media (max-width: 600px) {
    .wdgRelated.relcard .relItem {
        max-width:100%
    }
}

.wdgRelated.relcard .relItem img {
    float: left;
    margin: 0
}

.wdgRelated.relcard .relItem>a {
    width: 100%
}

.wdgRelated.relcard .title {
    position: relative;
    border: none;
    font-size: 1.375em;
    margin: 0;
    padding: .625em;
    width: 100%
}

.wdgRelated.relcard .title:after {
    position: relative;
    content: "";
    bottom: 0;
    left: 0;
    display: block;
    float: left;
    height: 18px;
    width: 50px;
    background: url(/resources/images/svg/h_logo.svg);
    background-size: 100%;
    background-repeat: no-repeat
}

.wdgRelated.relcard .title a {
    display: block;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    line-height: 1.3em;
    font-weight: 600;
    color: #111
}

@media (max-width: 600px) {
    .wdgRelated.relcard .title {
        font-size:1.125em
    }
}

.wdgRelated h3 {
    color: #111;
    font-size: 1.25em;
    font-weight: 700;
    margin: 0;
    margin-bottom: .5em;
    padding: 0 0 .5em;
    border-bottom: 4px solid #e41a39
}

.wdgRelated h2 {
    font-size: .8em;
    border-bottom: 1px solid #ddd;
    padding: 0;
    margin: 0 0 1em;
    line-height: 1.4em
}

.home .homeWidgetGlossy {
    margin-bottom: 0;
    border-bottom: 1px solid #dedcdc;
    margin: 0 -10px 20px;
    padding-bottom: 20px
}

.homeWidgetGlossy {
    margin-bottom: 0
}

.homeWidgetGlossy.articleSingle {
    padding: .935em 0
}

.widgetWrapSmallItems {
    width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 768px) {
    .widgetWrapSmallItems {
        width:100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.widgetWrapSmallItems .item {
    width: 33.333333333%;
    -ms-flex: 0 0 33.333333333%;
    flex: 0 0 33.333333333%
}

@media (max-width: 600px) {
    .widgetWrapSmallItems .item {
        width:50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

.homeWidgetContent {
    font-family: PT Serif,serif;
    position: relative;
    background: #fff;
    color: red
}

.homeWidgetContent:after {
    content: "";
    display: table;
    clear: both
}

.homeWidgetContent img {
    transition: all .2s
}

.homeWidgetContent h2 {
    font-family: PT Serif,serif;
    font-size: 1em;
    font-weight: 400;
    color: #111;
    line-height: 1.3em;
    margin: .5em 0 0
}

@media (max-width: 600px) {
    .homeWidgetContent h2 {
        font-size:.875em;
        font-weight: 600
    }
}

.homeWidgetContent h3 {
    margin: 0
}

.homeWidgetContent h3 svg {
    width: 128px;
    height: 40px
}

.homeWidgetContent h3 a {
    display: block
}

.homeWidgetContent h3 img {
    width: 80px
}

.homeWidgetContent .widgetImage {
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 66.6666666667%
}

.homeWidgetContent .widgetTitle {
    position: relative;
    margin: 0 auto;
    background: #fff;
    padding: 0 8px;
    margin-top: 8px
}

@media (max-width: 600px) {
    .homeWidgetContent .widgetTitle {
        padding:0
    }
}

.homeWidgetContent .widgetPreHead {
    position: absolute;
    top: 0;
    left: 50%;
    color: red;
    font-size: .8125em;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    font-family: sans-serif;
    padding: .625em 1.25em;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    transform: translateY(-50%) translateX(-50%);
    border-top: 2px solid red;
    background: #fff;
    max-width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 600px) {
    .homeWidgetContent .widgetPreHead {
        font-size:.6875em
    }
}

@media (max-width: 768px) {
    .homeWidgetContent .item {
        margin-bottom:10px
    }

    .homeWidgetContent .item:nth-last-child(-n+2) {
        margin: 0
    }
}

.homeWidgetContent .fBlock {
    width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0
}

@media (max-width: 768px) {
    .homeWidgetContent .fBlock {
        width:100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.homeWidgetContent .fBlock .widgetImage {
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%
}

@media (max-width: 600px) {
    .homeWidgetContent .fBlock .widgetTitle {
        max-width:100%
    }
}

.homeWidgetContent .fBlock h2 {
    font-size: 1.875em!important;
    font-weight: 700;
    color: #111!important
}

@media (max-width: 600px) {
    .homeWidgetContent .fBlock h2 {
        font-size:1.25em!important
    }
}

.widgetHeader {
    display: -ms-flexbox;
    display: flex;
    margin: 0 10px
}

.widgetHeader h3 {
    width: 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.widgetHeader ul {
    width: 75%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 768px) {
    .widgetHeader ul {
        display:none
    }
}

.widgetHeader li {
    -ms-flex: 0;
    flex: 0
}

.widgetHeader li a {
    font-family: Open Sans,sans-serif;
    font-weight: 700;
    color: #222;
    white-space: nowrap;
    font-size: .875em
}

.widgetHeader li a:hover {
    text-decoration: underline
}

.widgetContent {
    width: 100%;
    display: inline-block;
    padding: .625em;
    position: relative
}

@media (max-width: 600px) {
    .widgetContent {
        padding:.375em
    }
}

.widgetContent:hover h2 {
    text-decoration: underline
}

.homeWidgetRijaliti {
    margin: 0 -10px
}

.homeWidgetRijaliti .fBlock {
    padding: 0
}

.articleKurirWidget {
    margin: 0 -.3125rem
}

.articleKurirWidget .articleKurirWrap {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width: 768px) {
    .articleKurirWidget .articleKurirWrap {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

.articleKurirWidget h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    margin: 0 .3125rem;
    margin-bottom: 5px
}

.articleKurirWidget .articleKurirWidgetItem {
    -ms-flex: 1 1 33.33333%;
    flex: 1 1 33.33333%;
    padding: .3125rem
}

@media (max-width: 768px) {
    .articleKurirWidget .articleKurirWidgetItem {
        -ms-flex:0 1 100%;
        flex: 0 1 100%;
        margin-bottom: .625rem
    }
}

.articleKurirWidget .articleKurirWidgetItem a {
    float: left
}

.articleKurirWidget .articleKurirWidgetItem a:hover h2 {
    text-decoration: underline
}

.articleKurirWidget .articleKurirWidgetItem span {
    color: #aaa;
    font-size: .75rem
}

.articleKurirWidget .articleKurirWidgetItem img {
    margin-bottom: .625rem;
    float: left;
    width: 100%;
    height: auto
}

.articleKurirWidget .articleKurirWidgetItem h2 {
    margin: 0;
    color: #111;
    font-size: .875rem;
    line-height: 1.3rem
}

@media (max-width: 768px) {
    .articleKurirWidget .articleKurirWidgetItem h2 {
        font-size:1rem;
        line-height: 1.4rem
    }
}

html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.remodal,[data-remodal-id] {
    display: none
}

.remodal-overlay {
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px
}

.remodal-overlay,.remodal-wrapper {
    position: fixed;
    z-index: 300051;
    display: none
}

.remodal-wrapper {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    content: ""
}

.remodal-overlay,.remodal-wrapper {
    backface-visibility: hidden
}

.remodal {
    position: relative;
    outline: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.remodal-is-initialized {
    display: inline-block
}

.error-message {
    display: none
}

.remodal-overlay {
    background: hsla(0,0%,4%,.6)
}

.remodal-wrapper {
    padding: 10px 10px 0
}

.remodal {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    transform: translateZ(0);
    color: #2b2e38;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0,0,0,.3);
    border: 1px solid #5aa0cb;
    border-radius: 3px
}

.remodalHeader {
    position: relative;
    padding: 1.5em;
    font-weight: 700;
    letter-spacing: 2px;
    border-bottom: 1px solid #ddd
}

.remodalHeader h2 {
    color: #111;
    font-size: 1.125em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0
}

.remodalContent {
    padding: 1.25em
}

.remodalContent p {
    font-size: .9375em
}

@media (max-width: 600px) {
    .remodalContent p {
        font-size:.8125em
    }
}

.remodal,.remodal-wrapper:after {
    vertical-align: middle
}

.remodal-close {
    position: absolute;
    top: 50%;
    right: 1.25em;
    display: block;
    overflow: visible;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
    border: 0;
    outline: 0
}

.remodal-close svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -14px;
    margin-left: -14px;
    width: 28px;
    height: 28px;
    fill: #222
}

.remodal-close:focus,.remodal-close:hover {
    color: #2b2e38
}

.remodal-cancel,.remodal-confirm {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 120px;
    margin: 0;
    padding: 1.25em;
    width: 100%;
    cursor: pointer;
    transition: background .2s;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0
}

.remodal-confirm {
    color: #fff;
    background: #236dca
}

.remodal-confirm:focus,.remodal-confirm:hover {
    background: #1b569f
}

.remodal-cancel {
    color: #fff;
    background: #c00
}

.remodal-cancel:focus,.remodal-cancel:hover {
    background: #900
}

.remodal-cancel::-moz-focus-inner,.remodal-close::-moz-focus-inner,.remodal-confirm::-moz-focus-inner {
    padding: 0;
    border: 0
}

@media only screen and (min-width: 641px) {
    .remodal {
        max-width:700px
    }
}

.lt-ie9 .remodal-overlay {
    background: #2b2e38
}

.lt-ie9 .remodal {
    width: 700px
}

.loader-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 20000;
    background: hsla(0,0%,50%,.5)
}

.loader {
    border: 12px solid #f3f3f3;
    border-top: 12px solid #3498db;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a,.toast-message label {
    color: #111
}

.toast-message a:hover {
    color: #000;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1
}

.toast-close-button:focus,.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 1.25em;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 1.25em;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    font-size: .875em
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px;
    background-repeat: no-repeat;
    color: #666
}

#toast-container>div:before {
    position: absolute;
    content: " ";
    text-align: center;
    display: block;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 12px;
    margin-top: -15px;
    border-radius: 100%;
    padding: .625em;
    animation: animMsgIcons .4s
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center
}

#toast-container>.toast-info:before {
    background: url(/resources/images/svg/icon-info.svg) 50% no-repeat
}

#toast-container>.toast-error:before {
    background: url(/resources/images/svg/icon-error.svg) 50% no-repeat
}

#toast-container>.toast-success:before {
    background: url(/resources/images/svg/icon-check.svg) 50% no-repeat
}

#toast-container>.toast-warning:before {
    background: url(/resources/images/svg/icon-info.svg) 50% no-repeat
}

#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.toast {
    background-color: #fff
}

.toast-success {
    border: 1px solid #5fa229;
    box-shadow: 0 2px 10px rgba(95,162,41,.2)
}

.toast-error {
    border: 1px solid #df0000;
    box-shadow: 0 2px 10px rgba(223,0,0,.2)
}

.toast-info {
    border: 1px solid #5fa229;
    box-shadow: 0 2px 10px rgba(95,162,41,.2)
}

.toast-warning {
    border: 1px solid #df0000;
    box-shadow: 0 2px 10px rgba(223,0,0,.2)
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

.uProfile {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 1.25em;
    min-height: 800px
}

@media (max-width: 600px) {
    .uProfile {
        padding:.625em
    }
}

.uProfile label {
    width: auto!important;
    display: inline-block
}

.uProfile input[type=checkbox],.uProfile input[type=radio] {
    width: auto!important;
    vertical-align: middle
}

.uProfile h1 {
    margin: 0 0 .625em
}

.uContent,.uUnsuscribe {
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    width: 83.3333333333%;
    float: left;
    float: right
}

.uContent p,.uUnsuscribe p {
    margin: 0
}

@media (max-width: 600px) {
    .uContent,.uUnsuscribe {
        width:100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.comUserCTA {
    background: #ebeef2;
    border-radius: 3px;
    padding: .625em
}

.comUserCTA h3 {
    margin: 0 0 .625em;
    font-weight: 400;
    font-size: 1.125em
}

.comUserCTA p {
    font-size: .875em;
    margin: 0 0 1.25em
}

.uUnsuscribe {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
}

.comLoginBtn,.fbLogin {
    line-height: 2em;
    padding: .5em 1em .5em 40px;
    background: #236dca
}

.comLoginBtn .soc-icon,.fbLogin .soc-icon {
    left: 10px
}

.uSidebar {
    position: relative;
    top: 20px;
    width: 16.6666666667%;
    float: left;
    height: 100%
}

.uSidebar svg {
    width: 24px;
    height: 24px;
    vertical-align: middle
}

@media (max-width: 600px) {
    .uSidebar {
        width:100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        top: auto
    }
}

@media (max-width: 600px) {
    .uSidebar li {
        width:33.3333333333%;
        float: left;
        display: table-cell
    }
}

.uSidebar a {
    color: #666;
    position: relative;
    display: block;
    line-height: 30px;
    padding: .3125em .625em;
    transition: all .4s;
    letter-spacing: .5px;
    font-size: .875em
}

@media (max-width: 600px) {
    .uSidebar a {
        text-align:center
    }
}

.uSidebar a:hover {
    color: #000
}

.uSidebar a.selected {
    color: #000;
    font-weight: 700;
    background: #eee
}

.uSegment {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid #eee;
    border-radius: 3px;
    padding: 1.25em
}

.uSegment h2 {
    margin-top: 0;
    font-size: 1.125em
}

.uSegment:last-child .uFormWrap {
    margin-bottom: 0
}

.uFormWrap {
    margin-bottom: 1.25em
}

.uHeader {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    border-bottom: 1px solid #eee;
    text-align: center
}

.uHeader h2 {
    font-size: 1em;
    margin: .625em 0 1.25em
}

.uData {
    display: table;
    width: 100%;
    margin-top: 1.25em
}

.uData h3 {
    font-size: .875em;
    text-transform: uppercase;
    margin: 0
}

.uData li {
    width: 25%;
    float: left;
    display: table-cell;
    border-right: 1px solid #eee;
    margin: .625em 0
}

.uData li:last-child {
    border: none
}

@media (max-width: 600px) {
    .uData li {
        width:50%;
        float: left;
        margin-bottom: .3125em
    }

    .uData li:nth-child(2n) {
        border: none
    }
}

.uData span {
    color: #999;
    font-size: .75em
}

.uFollow {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: .75em;
    line-height: 30px;
    border-radius: 30px;
    background: tomato;
    display: inline-block;
    padding: 5px 60px;
    transition: all .4s;
    font-weight: 700
}

.uFollow:hover {
    border-color: #ff3814
}

#UAvatarWrap {
    position: relative;
    width: 140px;
    height: 140px;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
    background: rgba(0,0,0,.08);
    cursor: pointer
}

#UAvatarWrap.uploading:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    content: " ";
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.7) url(../img/loader.gif) 50% no-repeat;
    transition: all .2s
}

#UAvatarWrap:hover svg {
    opacity: 1;
    background: rgba(0,0,0,.6);
    transform: scale(1)
}

#UAvatarWrap:hover .uAvatar {
    transform: scale(1.03)
}

#UAvatarWrap svg {
    background: rgba(0,0,0,.2);
    border-radius: 100%;
    transform: scale(.8);
    padding: 4px;
    transition: all .5s cubic-bezier(1,-.29,.435,1.08);
    width: 32px;
    height: 32px;
    fill: #fff;
    opacity: .4;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px
}

.user-profile-link {
    overflow: hidden;
    padding: 0;
    border-radius: 100%
}

.user-profile-link img {
    width: 100%;
    height: auto
}

.uAvatar {
    transition: all 1.8s;
    transform: scale(1);
    width: 120px;
    height: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    margin-top: -60px;
    margin-left: -60px
}

.uDisabled {
    color: #aaa
}

.result {
    width: 100%;
    position: relative;
    top: -10px
}

.result span {
    display: block;
    font-size: 11px;
    font-weight: 700
}

.result .resultBar {
    width: 0;
    height: 2px;
    margin-bottom: .625em;
    transition: all .5s
}

.result.weak .resultBar {
    width: 33.33333%;
    background: #c00
}

.result.weak span {
    color: #c00
}

.result.good .resultBar {
    width: 66%;
    background: orange
}

.result.good span {
    color: orange
}

.result.strong .resultBar {
    width: 100%;
    background: green
}

.result.strong span {
    color: green
}

input.parsley-error {
    border-color: #d8000c;
    background: rgba(255,0,0,.1)
}

.parsley-errors-list {
    text-align: left;
    color: #d8000c;
    font-size: .75em
}

.userMsgWrap {
    position: fixed;
    top: 1.25em;
    left: 50%;
    transform: translateX(-50%);
    z-index: 11;
    max-width: 300px
}

@media (max-width: 600px) {
    .userMsgWrap {
        width:90%
    }
}

.userMsg {
    position: relative;
    padding: 1.25em;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #5aa0cb;
    color: #666;
    font-size: .875em;
    width: 100%;
    margin: 0 auto .625em;
    box-shadow: 0 2px 10px rgba(90,160,203,.2);
    display: table;
    animation: animMsgEntry .4s;
    transition-timing-function: cubic-bezier(0,.79,.47,1)
}

.userMsg:before {
    position: absolute;
    content: " ";
    text-align: center;
    display: block;
    width: 30px;
    height: 30px;
    top: 50%;
    margin-top: -15px;
    border-radius: 100%;
    padding: .625em;
    background: url(/resources/images/svg/icon-info.svg) 50% no-repeat;
    animation: animMsgIcons .4s
}

.userMsg p {
    padding-left: 3.125em;
    overflow: hidden;
    float: left;
    margin: 0
}

.userMsg.msgError {
    border: 1px solid #df0000;
    box-shadow: 0 2px 10px rgba(223,0,0,.2)
}

.userMsg.msgError:before {
    background: url(/resources/images/svg/icon-error.svg) 50% no-repeat
}

.userMsg.msgSuccess {
    border: 1px solid #5fa229;
    box-shadow: 0 2px 10px rgba(95,162,41,.2)
}

.userMsg.msgSuccess:before {
    background: url(/resources/images/svg/icon-check.svg) 50% no-repeat
}

@keyframes animMsgEntry {
    0% {
        opacity: .6;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes animMsgIcons {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

#mainMenu>li.c108:hover a {
    background: #0062d0;
    border-bottom: 2px solid #001a37
}

#mainMenu>li.c108 a {
    background: #0062d0;
    color: #fff
}

#mainMenu>li.c108.on a {
    color: #fff;
    border-bottom: 2px solid #001a37
}

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a,.toast-message label {
    color: #111
}

.toast-message a:hover {
    color: #000;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1
}

.toast-close-button:focus,.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: em(20);
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: em(20);
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    font-size: em(14)
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px;
    background-repeat: no-repeat;
    color: #666
}

#toast-container>div:before {
    position: absolute;
    content: " ";
    text-align: center;
    display: block;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 12px;
    margin-top: -15px;
    border-radius: 100%;
    padding: em(10);
    animation: animMsgIcons .4s
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center
}


#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.toast {
    background-color: #fff
}

.toast-success {
    border: 1px solid #5fa229;
    box-shadow: 0 2px 10px rgba(95,162,41,.2)
}

.toast-error {
    border: 1px solid #df0000;
    box-shadow: 0 2px 10px rgba(223,0,0,.2)
}

.toast-info {
    border: 1px solid #5fa229;
    box-shadow: 0 2px 10px rgba(95,162,41,.2)
}

.toast-warning {
    border: 1px solid #df0000;
    box-shadow: 0 2px 10px rgba(223,0,0,.2)
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

.header-wrap {
    background: #F6F5F5;
}

h2 {
    line-height: 34px;
}


.Body ul,.Body ol {
    margin-left: 60px!important;
    padding: 0!important;
}

.Body ul li {
    list-style-type: disc;
}
.Body ol li {
    list-style-type: auto!important;
}

.comments p {
    margin-bottom: 10px !important;
}

.comments p img:not(.ava-img) {
    width: 350px;
    margin-top: 10px;
}
.comments div {
    margin-bottom:30px;
}

.hLogo {
    display: flex;
    justify-content: center;
    align-items: center;
}
   
   @media (max-width: 768px) {
    .hSearch,#mainMenu .logoWrap,.glossy,.c96,.c98 {
        display: none!important
    }
    #mainMenu {
        min-width: 100%!important;
    }
    #header {
        height: auto!important;
    }
    .Material {
        padding-top: 60px
    }
    .MediaMaterial-tag {
        margin-bottom: 15px
    }
   }
@media (max-width: 380px) {
.scroll-prod {
    position: relative;
    top: 60px;
}
  
}
/*header*/