/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
    font-family: sans-serif;
    /* 1 */
    line-height: 1.15;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 3 */
    -webkit-text-size-adjust: 100%;
    /* 3 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    /* 1 */
    display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
    outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ffff00;
    color: #000000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
    font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
    /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type='checkbox'],
[type='radio'] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
    color: inherit;
    /*opacity: 0.54;*/
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* mouse grab icon */
.grabbing {
    cursor: url(../img/owl-carousel/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/
.owl-theme .owl-controls {
    text-align: center;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
    color: #ffffff;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 0.5;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 6px;
    height: 6px;
    margin: 3px 4px;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 0.5;
    border-radius: 5px;
    background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #ffffff;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
    min-height: 150px;
    background: url(../img/owl-carousel/AjaxLoader.gif) no-repeat center center;
}

@media (max-width: 768px) {
    .owl-theme .owl-controls .owl-pagination {
        display: none;
    }
}

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */
.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}

/* fade */
.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut 0.7s both ease;
    animation: fadeOut 0.7s both ease;
}

.owl-fade-in {
    -webkit-animation: fadeIn 0.7s both ease;
    animation: fadeIn 0.7s both ease;
}

/* backSlide */
.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
    -webkit-animation: scaleToFade 0.7s ease both;
    animation: scaleToFade 0.7s ease both;
}

.owl-goDown-in {
    -webkit-animation: goDown 0.6s ease both;
    animation: goDown 0.6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom 0.5s ease both;
    animation: scaleUpFrom 0.5s ease both;
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo 0.5s ease both;
    animation: scaleUpTo 0.5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% {
        opacity: 1;
    }
}

@keyframes empty {
    0% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px);
    }
    75% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}

@keyframes backSlideOut {
    25% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px);
        transform: translateZ(-500px);
    }
    75% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%);
    }
}

@-webkit-keyframes backSlideIn {
    0%,
    25% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}

@keyframes backSlideIn {
    0%,
    25% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px);
        transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8);
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.owl-buttons {
    display: none;
}

@media (min-width: 1280px) {
    .owl-theme .owl-controls {
        margin-top: 10px;
    }
    .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50);
        opacity: 0.5;
        border-radius: 20px;
        background: #869791;
    }
    .owl-theme .owl-controls .owl-page.active span,
    .owl-theme .owl-controls.clickable .owl-page:hover span {
        filter: Alpha(Opacity=100);
        opacity: 1;
    }
    .owl-buttons {
        display: inline-block;
        position: relative;
        bottom: 82px;
        left: 550px;
    }
    .owl-theme .owl-controls .owl-buttons div {
        color: #ffffff;
        display: inline-block;
        zoom: 1;
        margin: 0 2px;
        padding: 0;
        font-size: 12px;
        filter: Alpha(Opacity=70);
        opacity: 0.7;
        background: none;
    }
    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        opacity: 1;
        text-decoration: none;
    }
    .owl-theme .owl-controls .owl-buttons div img {
        width: 32px;
        height: 32px;
    }
}

.likely,
.likely__widget {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    text-indent: 0 !important;
    list-style: none !important;
    font-weight: 400;
    font-family: Helvetica Neue,Arial,sans-serif;
}

.likely {
    display: inline-block;
}

.likely__widget {
    margin: 0;
    font-size: inherit;
}

.likely {
    opacity: 0;
    font-size: 0 !important;
}

.likely_visible {
    opacity: 1;
    -webkit-transition: opacity 0.1s ease-in;
    transition: opacity 0.1s ease-in;
}

.likely > * {
    display: inline-block;
    visibility: hidden;
}

.likely_visible > * {
    visibility: inherit;
}

.likely__widget {
    position: relative;
    white-space: nowrap;
}

.likely__button,
.likely__widget {
    display: inline-block;
}

.likely__button,
.likely__counter {
    text-decoration: none;
    text-rendering: optimizeLegibility;
    margin: 0;
    outline: 0;
}

.likely__button {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.likely__counter {
    display: none;
    position: relative;
    font-weight: 400;
}

.likely_ready .likely__counter {
    display: inline-block;
}

.likely_ready .likely__counter_empty {
    display: none;
}

.likely__button,
.likely__counter,
.likely__icon,
.likely__widget {
    vertical-align: top;
}

.likely__widget {
    -webkit-transition: background 0.33s ease-out,color 0.33s ease-out,fill 0.33s ease-out;
    transition: background 0.33s ease-out,color 0.33s ease-out,fill 0.33s ease-out;
}

.likely__widget:active,
.likely__widget:focus,
.likely__widget:hover {
    -webkit-transition: none;
    transition: none;
    cursor: pointer;
}

@media (hover: none) {
    .likely__widget:active,
    .likely__widget:focus,
    .likely__widget:hover {
        -webkit-transition: background 0.33s ease-out,color 0.33s ease-out,fill 0.33s ease-out;
        transition: background 0.33s ease-out,color 0.33s ease-out,fill 0.33s ease-out;
        cursor: unset;
    }
}

.likely__icon {
    position: relative;
    text-align: left;
    display: inline-block;
}

.likely svg {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 16px;
    height: 16px;
}

.likely__button,
.likely__counter {
    line-height: inherit;
    cursor: inherit;
}

.likely__button:empty {
    display: none;
}

.likely__counter {
    text-align: center;
}

.likely .likely__widget {
    color: #000000;
    background: rgba(231, 231, 231, 0.8);
}

.likely .likely__counter {
    background-size: 1px 1px;
    background-repeat: repeat-y;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0, transparent 0.5px, transparent 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0, transparent 0.5px, transparent 100%);
}

.likely-light .likely__widget {
    color: #ffffff;
    fill: #ffffff;
    background: rgba(236, 236, 236, 0.16);
    text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
}

.likely-light .likely__counter {
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 0.5px, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 0.5px, rgba(255, 255, 255, 0) 100%);
}

.likely__widget_facebook {
    fill: #425497;
}

.likely__widget_facebook:active,
.likely__widget_facebook:focus,
.likely__widget_facebook:hover {
    background: rgba(207, 212, 229, 0.8);
}

@media (hover: none) {
    .likely__widget_facebook:active,
    .likely__widget_facebook:focus,
    .likely__widget_facebook:hover {
        background: rgba(231, 231, 231, 0.8);
    }
}

.likely-light .likely__widget_facebook:active,
.likely-light .likely__widget_facebook:focus,
.likely-light .likely__widget_facebook:hover {
    text-shadow: #425497 0 0 0.25em;
    background: rgba(66, 84, 151, 0.7);
}

@media (hover: none) {
    .likely-light .likely__widget_facebook:active,
    .likely-light .likely__widget_facebook:focus,
    .likely-light .likely__widget_facebook:hover {
        text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
        background: rgba(236, 236, 236, 0.16);
    }
}

.likely__widget_twitter {
    fill: #00b7ec;
}

.likely__widget_twitter:active,
.likely__widget_twitter:focus,
.likely__widget_twitter:hover {
    background: rgba(191, 237, 250, 0.8);
}

@media (hover: none) {
    .likely__widget_twitter:active,
    .likely__widget_twitter:focus,
    .likely__widget_twitter:hover {
        background: rgba(231, 231, 231, 0.8);
    }
}

.likely-light .likely__widget_twitter:active,
.likely-light .likely__widget_twitter:focus,
.likely-light .likely__widget_twitter:hover {
    text-shadow: #00b7ec 0 0 0.25em;
    background: rgba(0, 183, 236, 0.7);
}

@media (hover: none) {
    .likely-light .likely__widget_twitter:active,
    .likely-light .likely__widget_twitter:focus,
    .likely-light .likely__widget_twitter:hover {
        text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
        background: rgba(236, 236, 236, 0.16);
    }
}

.likely__widget_gplus {
    fill: #dd4241;
}

.likely__widget_gplus:active,
.likely__widget_gplus:focus,
.likely__widget_gplus:hover {
    background: rgba(246, 207, 207, 0.8);
}

@media (hover: none) {
    .likely__widget_gplus:active,
    .likely__widget_gplus:focus,
    .likely__widget_gplus:hover {
        background: rgba(231, 231, 231, 0.8);
    }
}

.likely-light .likely__widget_gplus:active,
.likely-light .likely__widget_gplus:focus,
.likely-light .likely__widget_gplus:hover {
    text-shadow: #dd4241 0 0 0.25em;
    background: rgba(221, 66, 65, 0.7);
}

@media (hover: none) {
    .likely-light .likely__widget_gplus:active,
    .likely-light .likely__widget_gplus:focus,
    .likely-light .likely__widget_gplus:hover {
        text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
        background: rgba(236, 236, 236, 0.16);
    }
}

.likely__widget_vkontakte {
    fill: #526e8f;
}

.likely__widget_vkontakte:active,
.likely__widget_vkontakte:focus,
.likely__widget_vkontakte:hover {
    background: rgba(211, 218, 227, 0.8);
}

@media (hover: none) {
    .likely__widget_vkontakte:active,
    .likely__widget_vkontakte:focus,
    .likely__widget_vkontakte:hover {
        background: rgba(231, 231, 231, 0.8);
    }
}

.likely-light .likely__widget_vkontakte:active,
.likely-light .likely__widget_vkontakte:focus,
.likely-light .likely__widget_vkontakte:hover {
    text-shadow: #526e8f 0 0 0.25em;
    background: rgba(82, 110, 143, 0.7);
}

@media (hover: none) {
    .likely-light .likely__widget_vkontakte:active,
    .likely-light .likely__widget_vkontakte:focus,
    .likely-light .likely__widget_vkontakte:hover {
        text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
        background: rgba(236, 236, 236, 0.16);
    }
}

.likely__widget_pinterest {
    fill: #cc002b;
}

.likely__widget_pinterest:active,
.likely__widget_pinterest:focus,
.likely__widget_pinterest:hover {
    background: rgba(242, 191, 202, 0.8);
}

@media (hover: none) {
    .likely__widget_pinterest:active,
    .likely__widget_pinterest:focus,
    .likely__widget_pinterest:hover {
        background: rgba(231, 231, 231, 0.8);
    }
}

.likely-light .likely__widget_pinterest:active,
.likely-light .likely__widget_pinterest:focus,
.likely-light .likely__widget_pinterest:hover {
    text-shadow: #cc002b 0 0 0.25em;
    background: rgba(204, 0, 43, 0.7);
}

@media (hover: none) {
    .likely-light .likely__widget_pinterest:active,
    .likely-light .likely__widget_pinterest:focus,
    .likely-light .likely__widget_pinterest:hover {
        text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
        background: rgba(236, 236, 236, 0.16);
    }
}

.likely__widget_odnoklassniki {
    fill: #f6903b;
}

.likely__widget_odnoklassniki:active,
.likely__widget_odnoklassniki:focus,
.likely__widget_odnoklassniki:hover {
    background: rgba(252, 227, 206, 0.8);
}

@media (hover: none) {
    .likely__widget_odnoklassniki:active,
    .likely__widget_odnoklassniki:focus,
    .likely__widget_odnoklassniki:hover {
        background: rgba(231, 231, 231, 0.8);
    }
}

.likely-light .likely__widget_odnoklassniki:active,
.likely-light .likely__widget_odnoklassniki:focus,
.likely-light .likely__widget_odnoklassniki:hover {
    text-shadow: #f6903b 0 0 0.25em;
    background: rgba(246, 144, 59, 0.7);
}

@media (hover: none) {
    .likely-light .likely__widget_odnoklassniki:active,
    .likely-light .likely__widget_odnoklassniki:focus,
    .likely-light .likely__widget_odnoklassniki:hover {
        text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
        background: rgba(236, 236, 236, 0.16);
    }
}

.likely__widget_telegram {
    fill: #34abde;
}

.likely__widget_telegram:active,
.likely__widget_telegram:focus,
.likely__widget_telegram:hover {
    background: rgba(204, 234, 246, 0.8);
}

@media (hover: none) {
    .likely__widget_telegram:active,
    .likely__widget_telegram:focus,
    .likely__widget_telegram:hover {
        background: rgba(231, 231, 231, 0.8);
    }
}

.likely-light .likely__widget_telegram:active,
.likely-light .likely__widget_telegram:focus,
.likely-light .likely__widget_telegram:hover {
    text-shadow: #34abde 0 0 0.25em;
    background: rgba(52, 171, 222, 0.7);
}

@media (hover: none) {
    .likely-light .likely__widget_telegram:active,
    .likely-light .likely__widget_telegram:focus,
    .likely-light .likely__widget_telegram:hover {
        text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
        background: rgba(236, 236, 236, 0.16);
    }
}

.likely__widget_linkedin {
    fill: #0077b5;
}

.likely__widget_linkedin:active,
.likely__widget_linkedin:focus,
.likely__widget_linkedin:hover {
    background: rgba(191, 221, 236, 0.8);
}

@media (hover: none) {
    .likely__widget_linkedin:active,
    .likely__widget_linkedin:focus,
    .likely__widget_linkedin:hover {
        background: rgba(231, 231, 231, 0.8);
    }
}

.likely-light .likely__widget_linkedin:active,
.likely-light .likely__widget_linkedin:focus,
.likely-light .likely__widget_linkedin:hover {
    text-shadow: #0077b5 0 0 0.25em;
    background: rgba(0, 119, 181, 0.7);
}

@media (hover: none) {
    .likely-light .likely__widget_linkedin:active,
    .likely-light .likely__widget_linkedin:focus,
    .likely-light .likely__widget_linkedin:hover {
        text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.33em;
        background: rgba(236, 236, 236, 0.16);
    }
}

.likely {
    margin: 0 -5px -10px;
}

.likely .likely__widget {
    line-height: 20px;
    font-size: 14px;
    border-radius: 3px;
    height: 22px;
    margin: 0 5px 10px;
}

.likely .likely__icon {
    width: 22px;
    height: 22px;
}

.likely .likely__button {
    padding: 1px 4px 1px 0;
}

.likely .likely__counter {
    padding: 1px 4px;
}

.likely-big {
    margin: 0 -6px -12px;
}

.likely-big .likely__widget {
    line-height: 28px;
    font-size: 18px;
    border-radius: 4px;
    height: 32px;
    margin: 0 6px 12px;
}

.likely-big .likely__icon {
    width: 32px;
    height: 32px;
}

.likely-big .likely__button {
    padding: 2px 6px 2px 0;
}

.likely-big .likely__counter {
    padding: 2px 6px;
}

.likely-big svg {
    left: 4px;
    top: 4px;
    width: 24px;
    height: 24px;
}

.likely-small {
    margin: 0 -4px -8px;
}

.likely-small .likely__widget {
    line-height: 14px;
    font-size: 12px;
    border-radius: 2px;
    height: 18px;
    margin: 0 4px 8px;
}

.likely-small .likely__icon {
    width: 18px;
    height: 18px;
}

.likely-small .likely__button {
    padding: 2px 3px 2px 0;
}

.likely-small .likely__counter {
    padding: 2px 3px;
}

.likely-small svg {
    left: 3px;
    top: 3px;
    width: 12px;
    height: 12px;
}

@font-face {
    font-family: 'NotoSans';
    src: url('../fonts/NotoSans-Regular.woff2') format('woff2'), url('../fonts/NotoSans.woff') format('woff'), url('../fonts/NotoSans.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'NotoSans';
    src: url('../fonts/NotoSans-Italic.woff2') format('woff2'), url('../fonts/NotoSans-Italic.woff') format('woff'), url('../fonts/NotoSans-Italic.ttf') format('truetype');
    font-style: italic;
}

@font-face {
    font-family: 'NotoSans';
    src: url('../fonts/NotoSans-Bold.woff2') format('woff2'), url('../fonts/NotoSans-Bold.woff') format('woff'), url('../fonts/NotoSans-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'NotoSerif';
    src: url('../fonts/NotoSerif-Italic.woff2') format('woff2'), url('../fonts/NotoSerif-Italic.woff') format('woff'), url('../fonts/NotoSerif-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'NotoSerif';
    src: url('../fonts/NotoSerif.woff2') format('woff2'), url('../fonts/NotoSerif.woff') format('woff'), url('../fonts/NotoSerif.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSerif';
    src: url('../fonts/NotoSerif-Bold.woff2') format('woff2'), url('../fonts/NotoSerif-Bold.woff') format('woff'), url('../fonts/NotoSerif-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro';
    src: url('../fonts/SourceSansPro-Black.woff2') format('woff2'), url('../fonts/SourceSansPro-Black.woff') format('woff');
    font-weight: 900;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

body {
    font-size: 16px;
    font-family: 'Merriweather', serif;
    color: #000000;
    background-color: #ffffff;
}

::-moz-placeholder {
    color: inherit;
}

:-ms-input-placeholder {
    color: inherit;
}

:-moz-placeholder {
    color: inherit;
}

* {
    box-sizing: border-box;
}

body {
    background-color: #f8f8f8;
}

.container:before,
.container:after,
.header:before,
.header:after,
.row:before,
.row:after,
footer:before,
footer:after,
main:before,
main:after,
section:before,
section:after,
.page-section:before,
.page-section:after {
    display: table;
    content: ' ';
}

.container:after,
.header:after,
.row:after,
footer:after,
main:after,
section:after,
.page-section:after {
    clear: both;
}

.container {
    padding: 0 3.5vw;
    margin: 0 auto;
}
.container--slide {
    padding: 0;
}
.container--spec {
    padding: 0 1.75vw;
}
.container--article-intro {
    padding: 0;
}
.container--special-intro {
    padding: 0;
}

.page-section {
    margin-left: -1.75vw;
    margin-right: -1.75vw;
}
.page-section.page-section--news {
    margin-top: 3.5vw;
}
.page-section.page-section--spec {
    margin-top: 3.5vw;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 3.5vw;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcc33+0,3399cc+100 */
    background: #ffcc33;
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #ffcc33 0%, #3399cc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #ffcc33 0%, #3399cc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc33', endColorstr='#3399cc',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}
.page-section.page-section--spec .page-block.page-block--spec:last-child .post-title,
.page-section.page-section--spec .page-block.page-block--spec:last-child .post-desc {
    color: #3399cc;
}
.page-section.page-section--spec .page-block.page-block--spec:first-child .post-title,
.page-section.page-section--spec .page-block.page-block--spec:first-child .post-desc {
    color: #ffcc33;
}

.page-block {
    padding-left: 1.75vw;
    padding-right: 1.75vw;
    margin-top: 3.5vw;
    height: auto;
}
/*äëÿ àðõèâà buildchange âûñîòà áëîêîâ*/
.build-archive-block{
    padding-left: 1.75vw;
    padding-right: 1.75vw;
    margin-top: 3.5vw;
    height: auto;
}

.page-block.page-block--news {
    margin-top: 0;
    height: auto;
}
.page-block.page-block--double {
    height: 0;
    padding-left: 0;
    padding-right: 0;
    margin-left: -1.75vw;
    margin-right: -1.75vw;
    padding-top: 110.56%;
    position: relative;
}
.page-block.page-block--subcription {
    height: auto;
}
.page-block.page-block--date {
    height: auto;
}
.page-block.page-block--noimage {
    height: auto;
}
.page-block.page-block--spec {
    height: 0;
    padding-top: 110.56%;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 768px) and (orientation: landscape) {
    .page-section.page-section--articles {
        margin-left: 0;
        margin-right: 0;
    }
    .page-block {
        height: 70vh;
    }
/*äëÿ àðõèâà buildchange âûñîòà áëîêîâ*/

	.build-archive-block{
    height: 40vh!important;
	}
    .page-block.page-block--article {
        position: relative;
        height: 0;
        padding-top: 42.3%;
        padding-left: 0;
        padding-right: 0;
    }
    .page-block.page-block--double {
        padding-top: 40%;
        margin-left: -3.5vw;
        margin-right: -3.5vw;
    }
    .page-block.page-block--spec {
        height: 0;
        padding-top: 40.56%;
    }
    .page-block.page-block--date {
        padding-left: 0;
        padding-right: 0;
    }
    .page-block.page-block--noimage {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 768px) {
    .page-block {
        float: left;
        width: 50%;
        height: 530px;
    }
	/*äëÿ àðõèâà buildchange âûñîòà áëîêîâ*/
	.build-archive-block{
		float: left;
		width: 50%;
		height: 380px!important;
	}
    .page-block.page-block--news {
        height: 140px;
    }
    .page-block.page-block--subcription {
        width: 100%;
    }
    .page-block.page-block--double {
        width: 100%;
        padding-left: 1.75vw;
        padding-right: 1.75vw;
        margin-left: 0;
        margin-right: 0;
        height: 530px;
        padding-top: 0;
    }
    .page-block.page-block--spec {
        width: 50%;
        height: 440px;
        padding-top: 0;
    }
    .page-block.page-block--date {
        height: 530px;
    }
    .page-block.page-block--noimage {
        height: 530px;
    }
}

@media (min-width: 1280px) {
    .container {
        width: 1200px;
        padding: 0;
        position: relative;
    }
    .container--slide {
        height: 500px;
    }
    .container--spec {
        width: 1230px;
    }
    .container--article-intro {
        height: 700px;
    }
    .page-section {
        margin-left: -15px;
        margin-right: -15px;
    }
    .page-section.page-section--news {
        margin-top: 35px;
    }
    .page-section.page-section--spec {
        margin-top: 30px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 30px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcc33+0,3399cc+100 */
        background: #ffcc33;
        /* Old browsers */
        /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg, #ffcc33 0%, #3399cc 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg, #ffcc33 0%, #3399cc 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc33', endColorstr='#3399cc',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */
    }
    .page-block {
        float: left;
        width: 33.33333333%;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 30px;
    }
    .page-block.page-block--double {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 0;
        margin-right: 0;
        width: 66.66666666%;
    }
    .page-block.page-block--subcription {
        width: 33.33333333%;
        margin-top: 0;
    }
}

.header {
    height: 50px;
    background-color: rgba(248, 248, 248, 0.95);
    position: relative;
}
.header-left {
    float: left;
    width: 30%;
    position: relative;
}
.header-right {
    float: right;
    width: 26px;
    text-align: right;
    height: 50px;
}

.header-shop {
    float: right;
    width: 40%;
    text-align: right;
}
.header-shop-link {
    color: #ff3300;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'SourceSansPro', sans-serif;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 50px;
    font-size: 16px;
}
.header-shop-img {
    margin-top: -4px;
    margin-right: 17px;
    width: 28px;
    vertical-align: middle;
}
.header-shop-sign {
    display: none;
}

@media (min-width: 768px) {
    .header-left {
        height: 50px;
    }
    .header-shop-link {
        font-size: 18px;
    }
    .header-shop-img {
        margin-right: 0;
        margin-top: -5px;
        width: 20px;
    }
    .header-shop-sign {
        display: inline;
        margin-right: 21px;
    }
}

@media (min-width: 1280px) {
    .header {
        height: 138px;
    }
    .header-left {
        height: 138px;
        width: 345px;
    }
    .header-right {
        display: none;
    }
    .header-shop {
        width: 264px; /**** 364***/
        float: left;
        text-align: center;
    }
    .header-shop-link {
        font-size: 18px;
        line-height: 138px;
    }
    .header-shop-img {
        width: 20px;
        margin-top: -6px;
    }
	.header-mundial2018-img {
        width: 99px;
       /* margin-top: 36px;*/
    }
    .header-shop-sign {
        display: inline;
        margin-right: 0;
    }
}

.dglogo {
    height: 23px;
    background-image: url('../img/blocks/header/dg-mobile.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 15px;
}

@media (min-width: 768px) {
    .dglogo {
        background-image: url('../img/blocks/header/dg-logo.png');
        margin: 0;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 200px;
    }
}

@media (min-width: 1280px) {
    .dglogo {
        width: 345px;
        height: 38px;
        background-size: 375px 38px;
    }
}

.menu {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.menu-toogle {
    width: 26px;
    height: 20px;
    border: none;
    outline: none;
    margin-top: 15px;
    -webkit-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url('../img/blocks/header/burger.png');
}
.menu-toogle.close {
    background-image: url('../img/blocks/header/close.png');
}
.menu-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
    background-color: rgba(248, 248, 248, 0.95);
    border-top: solid 1px #cccccc;
}
.menu-item {
    height: 50px;
    line-height: 50px;
    border-bottom: solid 1px #cccccc;
}
.menu-link {
    display: block;
    color: #1e1e1e;
    text-transform: uppercase;
    font-size: 15px;  /******16px for buildchange *******/
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    font-family: 'SourceSansPro', sans-serif;
}
.menu-link--search {
    display: none;
}
.menu-form {
    padding-left: 3.5vw;
    padding-right: 3.5vw;
}
.menu-search {
    height: 36px;
    line-height: 36px;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 2px;
    border: 0;
    text-align: center;
    outline: none;
    color: #343434;
}
.menu-search::-webkit-input-placeholder {
    font-style: italic;
}
.menu-search::-moz-placeholder {
    font-style: italic;
}
.menu-search:-ms-input-placeholder {
    font-style: italic;
}
.menu-search:-moz-placeholder {
    font-style: italic;
}

@media (min-width: 1280px) {
    .menu {
        display: block;
        width: auto;
        top: 50%;
        right: 0;
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .menu-toogle {
        display: none;
    }
    .menu-list {
        border: none;
    }
    .menu-item {
        display: inline-block;
        border: none;
        line-height: 28px;
        height: auto;
        margin: 0 5px;
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
    }
    .menu-item:hover {
        border-bottom-color: #1e1e1e;
    }
    .menu-link {
        font-size: 16px; /******18px for buildchange *******/
        cursor: pointer;
    }
    .menu-link--search {
        display: block;
    }
    .menu-form {
        display: none;
    }
    .menu-search-img {
        width: 16px;
        height: 16px;
    }
}

.slider {
    height: 0;
    width: 100%;
    position: relative;
    padding-top: 106.69%;
}

.owl-carousel {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}

@media (max-width: 768px) and (orientation: landscape) {
    .slider {
        padding-top: 33.74%;
    }
}

@media (min-width: 768px) {
    .slider {
        height: 540px;
        padding-top: 0;
    }
}

@media (min-width: 1280px) {
    .owl-carousel {
        position: relative;
    }
}

.post {
    position: relative;
    height: auto;
}
.post-link {
    display: block;
    text-decoration: none;
    height: 100%;
}
.post-cover {
    background-size: cover;
    background-position: center center;
    height: 38.5vh;
    width: 100%;
}
.post-caption {
    bottom: 0;
    width: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 5vw;
    overflow: hidden;
}
.post-caption--blue {
    background-color: rgba(51, 153, 204, 0.9);
    color: #eaf5ff;
}
.post-caption--green {
    background-color: rgba(152, 204, 51, 0.9);
    color: #2b3e13;
}
.post-caption--red {
    background-color: rgba(255, 51, 0, 0.9);
    color: #ffe3d9;
}
.post-caption--orange {
    background-color: rgba(255, 102, 0, 0.9);
    color: #ffe3d9;
}
.post-caption--yellow {
    background-color: rgba(255, 204, 0, 0.9);
    color: #1e1e1e;
}
.post-caption--black {
    background-color: rgba(30, 30, 30, 0.9);
    color: #ffffff;
}
.post-caption--grad {
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 );
    color: #ffffff;
    padding-top: 50px;
}
.post-title {
    margin-top: 5vw;
    margin-bottom: 0;
    font-size: 20px;
    font-family: 'NotoSans', serif;
    line-height: 1.1;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.post-title--blue {
    color: #3399cc;
}
.post-title--green {
    color: #99cc33;
}
.post-title--red {
    color: #ff3300;
}
.post-title--yellow {
    color: #ffaa00;
}
.post-title--black {
    color: #666666;
}
.post-title--orange {
    color: #ff6600;
}
.post-desc {
    margin-top: 5px;
    margin-bottom: 0;
    line-height: 24px;
}
.post-date {
    margin-top: 5px;
    margin-bottom: 0;
    line-height: normal;
    font-size: 12px;
}
.post:before,
.post:after {
    display: table;
    content: ' ';
}
.post:after {
    clear: both;
}
.post.post--slide {
    margin: 0;
    height: 0;
    padding-top: 106.69%;
    position: relative;
}
.post.post--slide .post-cover {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.post.post--slide .post-caption {
    position: absolute;
}
.post.post--slide .post-title {
    font-size: 24px;
    font-family: 'SourceSansPro', sans-serif;
    line-height: 1.1;
}
.post.post--card .post-cover {
    height: 0;
    padding-top: 73.6%;
}
.post.post--card .post-caption {
    background-color: #ffffff;
}
.post.post--card .post-desc {
    color: #666666;
}
.post.post--quadimg .post-cover {
    height: 0;
    padding-top: 100%;
}
.post.post--quadimg .post-caption {
    background-color: #ffffff;
}
.post.post--quadimg .post-desc {
    color: #666666;
}
.post.post--4x3 .post-cover {
    height: 0;
    padding-top: 100%;
}
.post.post--4x3 .post-caption {
    background-color: #ffffff;
}
.post.post--4x3 .post-date {
    color: #666666;
}


.post-wrap {
    margin-left: -3.5vw;
    margin-right: -3.5vw;
}
.post.post--twocol {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.post.post--twocol .post-cover {
    height: 100%;
}
.post.post--twocol .post-caption {
    margin: 0 5% 5% 5%;
    width: auto;
    padding-left: 5vw;
    padding-right: 5vw;
    position: absolute;
}
.post.post--twocol .post-title {
    margin-top: 3.5vw;
    font-size: 24px;
    font-family: 'NotoSans', sans-serif;
    line-height: 1.1;
    font-weight: 700;
}
.post.post--twocol .post-desc {
    /*color: #ffe3d9;*/
}
.post.post--special {
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    padding-left: 1.75vw;
    padding-right: 1.75vw;
}
.post.post--special .post-link {
    position: relative;
}
.post.post--special .post-cover {
    height: 100%;
}
.post.post--special .post-caption {
    color: #ffcc00;
    font-size: 24px;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 5vw;
    position: absolute;
}
.post.post--special .post-title {
    font-size: 24px;
}
.post.post--special .post-desc {
    font-size: 16px;
    line-height: normal;
}
.post.post--special .post-title,
.post.post--special .post-desc {
    color: #ffcc33;
}
.post.post--date {
    background: #3399cc;
    background: -webkit-linear-gradient(45deg, #3399cc 0%, #99cc33 100%);
    background: linear-gradient(45deg, #3399cc 0%, #99cc33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399cc', endColorstr='#99cc33',GradientType=1 );
    padding: 3vw;
}
.post.post--date .post-caption {
    position: static;
    background-color: #ffffff;
    padding: 10px 20px 10px 20px;
}
.post.post--date .post-day {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #99cc33;
    margin: 0;
    line-height: 1.3;
}
.post.post--date .post-date {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.3;
    color: #3399cc;
    display: inline-block;
    margin: 0;
}
.post.post--date .post-month {
    display: inline-block;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.3;
    color: #3399cc;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 5px;
}
.post.post--noimage {
    background: #3399cc;
    background: -webkit-linear-gradient(45deg, #3399cc 0%, #99cc33 100%);
    background: linear-gradient(45deg, #3399cc 0%, #99cc33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399cc', endColorstr='#99cc33',GradientType=1 );
}
.post.post--noimage .post-caption {
    position: static;
    padding: 0 5vw 5vw 5vw;
}
.post.post--noimage .post-title {
    font-family: 'NotoSans', serif;
    font-weight: 700;
    line-height: normal;
    font-size: 16px;
    color: #ffffff;
    text-transform: none;
    letter-spacing: normal;
}
.post.post--noimage .post-date {
    margin-top: 15px;
    color: #ffffff;
    font-family: 'Merriweather', serif;
    font-size: 12px;
}

@media (max-width: 768px) and (orientation: landscape) {
    .post.post--card,
    .post.post--quadimg {
        height: 100%;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }
	.post.post--4x3 {
        height: 100%;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }
    .post.post--card .post-cover,
    .post.post--quadimg .post-cover {
        height: 100%;
        left: 0;
        width: 50%;
        position: absolute;
        padding-top: 0;
    }
	.post.post--4x3 .post-cover {
        height: 100%;
        left: 0;
        width: 50%;
        position: absolute;
        padding-top: 0;
    }
    .post.post--card .post-caption,
    .post.post--quadimg .post-caption {
        height: 100%;
        right: 0;
        width: 50%;
        position: absolute;
    }
	.post.post--4x3 .post-caption {
        height: 100%;
        right: 0;
        width: 50%;
        position: absolute;
    }
    .post.post--slide {
        padding-top: 33.74%;
    }
}

@media (min-width: 768px) {
    .post {
        height: 100%;
    }
    .post-cover {
        height: 55%;
    }
    .post-caption {
        height: 45%;
    }
    .post.post--card {
        height: 100%;
    }
    .post.post--card .post-cover {
        height: 55%;
        padding-top: 0;
    }
    .post.post--quadimg {
        height: 100%;
    }
    .post.post--quadimg .post-cover {
        height: 64.85%;
        padding-top: 0;
    }
    .post.post--quadimg .post-caption {
        height: 35.15%;
    }
	.post.post--4x3 {
        height: 100%;
    }
    .post.post--4x3 .post-cover {
        height: 64.85%;
        padding-top: 0;
    }
    .post.post--4x3 .post-caption {
        height: 35.15%;
    }
    .post.post--slide {
        height: 540px;
        padding-top: 0;
    }
    .post.post--slide .post-caption {
        height: auto;
    }
    .post.post--twocol {
        padding-left: 1.75vw;
        padding-right: 1.75vw;
    }
    .post.post--twocol .post-caption {
        height: auto;
    }
    .post.post--special .post-caption {
        height: auto;
    }
    .post.post--date {
        padding: 20px;
    }
    .post.post--date .post-caption {
        position: relative;
        background-color: #ffffff;
        padding: 30px;
        height: 100%;
    }
    .post.post--date .post-day {
        position: absolute;
        top: 30px;
        font-size: 28px;
    }
    .post.post--date .post-date {
        left: 30px;
        bottom: 70px;
        display: block;
        position: absolute;
        font-size: 96px;
        line-height: 120px;
    }
    .post.post--date .post-month {
        left: 30px;
        bottom: 30px;
        display: block;
        position: absolute;
        font-size: 36px;
        line-height: 40px;
    }
    .post.post--special .post-caption {
        padding: 30px;
    }
    .post.post--special .post-title {
        font-size: 24px;
    }
    .post.post--special .post-desc {
        font-size: 16px;
        line-height: normal;
    }
    .post.post--special .post-title,
    .post.post--special .post-desc {
        color: #ffcc33;
    }
    .post.post--noimage .post-caption {
        padding-left: 20px;
        padding-right: 80px;
        padding-bottom: 15px;
        height: auto;
    }
    .post.post--noimage .post-title {
        font-size: 24px;
        margin-top: 20px;
    }
    .post.post--noimage .post-date {
        position: absolute;
        bottom: 15px;
        font-size: 16px;
        line-height: 24px;
    }
}

@media (min-width: 1280px) {
    .post-caption {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
    .post-title {
        margin-top: 15px;
        line-height: 27px;
    }
    .post.post--slide {
        height: 500px;
    }
    .post.post--slide .post-caption {
        width: 485px;
        bottom: 20px;
        left: 0;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
    }
    .post.post--slide .post-title {
        margin-top: 20px;
        font-size: 30px;
    }
    .post.post--slide .post-desc {
        font-weight: 700;
        line-height: 27px;
        margin-top: 2px;
    }
    .post.post--slide .post-date {
        margin-top: 10px;
        line-height: 27px;
    }
    .post.post--twocol {
        position: relative;
        padding-left: 0;
        padding-right: 0;
    }
    .post.post--twocol .post-caption {
        margin: 0 0 20px 20px;
        padding: 0 20px 20px 20px;
        width: 360px;
    }
    .post.post--twocol .post-title {
        margin-top: 15px;
        font-size: 32px;
        line-height: 1.1;
    }
    .post.post--special {
        padding-left: 15px;
        padding-right: 15px;
    }
    .post.post--special .post-caption {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
    }
    .post.post--quadimg .post-cover {
        height: 380px;
    }
    .post.post--quadimg .post-caption {
        height: 150px;
    }
	.post.post--4x3 .post-cover {
        height: 280px; /*380*/
    }
    .post.post--4x3 .post-caption {
        height: 110px; /*150*/
    }
}

.subscription {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3399cc+0,99cc33+100 */
    background: #3399cc;
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #3399cc 0%, #99cc33 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #3399cc 0%, #99cc33 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399cc', endColorstr='#99cc33',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    padding: 3.5vw;
    color: #ffffff;
}
.subscription-title {
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}
.subscription-input {
    display: block;
    height: 36px;
    width: 100%;
    border-radius: 2px;
    border: none;
    margin-top: 3vw;
    padding: 0 7px;
    color: #3399cc;
    text-align: center;
}
.subscription-input::-webkit-input-placeholder {
    font-style: italic;
    color: #add6eb;
}
.subscription-input::-moz-placeholder {
    font-style: italic;
    color: #add6eb;
}
.subscription-input:-ms-input-placeholder {
    font-style: italic;
    color: #add6eb;
}
.subscription-input:-moz-placeholder {
    font-style: italic;
    color: #add6eb;
}
.subscription-input:focus {
    outline: none;
}
.subscription-btn {
    height: 36px;
    width: 100%;
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 7px;
    margin-bottom: 10px;
}
.subscription-caption {
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: normal;
}
.subscription-link {
    color: inherit;
}

@media (min-width: 1280px) {
    .subscription {
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0;
        height: 140px;
    }
    .subscription-form {
        margin-top: 10px;
    }
    .subscription-input {
        margin-top: 0;
        width: 205px;
        display: inline-block;
        font-size: 13px;
        height: 30px;
        text-align: left;
    }
    .subscription-btn {
        margin-top: 0;
        width: auto;
        font-size: 11px;
        height: 30px;
    }
    .subscription-caption {
        line-height: 20px;
    }
}

.news {
    margin-top: 12px;
}
.news-item {
    display: block;
    padding-top: 10px;
    padding-bottom: 20px;
    border-top: 1px dotted #1e1e1e;
    font-family: 'Merriweather', serif;
}
.news-link {
    color: #1188bb;
    text-decoration: none;
}
.news-title {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}
.news-date {
    font-size: 12px;
    margin: 7px 0 0 0;
}

.section-spec {
    background-color: rgba(30, 30, 30, 0.9);
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 10px;
    padding: 10px;
}

.special-intro {
    position: relative;
}
.special-intro-cover {
    background-size: cover;
    background-position: center center;
    height: 0;
    width: 100%;
    padding-top: 88.9%;
}
.special-intro-caption {
    width: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 5vw;
    padding-top: 5vw;
    background-color: rgba(255, 204, 51, 0.9);
}
.special-intro-title {
    font-family: 'NotoSans', sans-serif;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 0;
}
.special-intro-subtitle {
    font-family: 'Merriweather', sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 0;
}
.special-intro-desc {
    margin-top: 10px;
    margin-bottom: 0;
    font-family: 'Merriweather', sans-serif;
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 768px) and (orientation: landscape) {
    .special-intro-cover {
        padding-top: 25.12%;
    }
}

@media (min-width: 768px) {
    .special-intro-cover {
        padding-top: 0;
        height: 450px;
    }
}

@media (min-width: 1280px) {
    .special-intro {
        height: 700px;
        max-height: 70vh;
    }
    .special-intro-cover {
        position: absolute;
        height: 100%;
    }
    .special-intro-caption {
        width: 500px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 25px;
        padding-top: 25px;
    }
    .special-intro-caption-wrap {
        position: absolute;
        bottom: 20px;
        width: 100%;
    }
    .special-intro-title {
        font-size: 30px;
    }
    .special-intro-subtitle {
        font-size: 18px;
        line-height: normal;
    }
    .special-intro-desc {
        font-size: 18px;
        line-height: 27px;
    }
}

.footer {
    margin-top: 3.5vw;
    padding: 3.5vw 0 3.5vw 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3399cc+0,99cc33+100 */
    background: #3399cc;
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #3399cc 0%, #99cc33 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #3399cc 0%, #99cc33 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399cc', endColorstr='#99cc33',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    color: #ffffff;
}
.footer-logo {
    width: 50px;
}
.footer-copyright {
    margin-top: 10px;
    line-height: 1.4;
    margin-bottom: 0;
}
.footer-discl {
	font-family: 'NotoSans', serif !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
	font-size: 10px !important;
    letter-spacing: 1px !important;
	
    margin-top: 0;
    margin-bottom: 20px;
}
.footer-subscribe {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.4;
}
.footer-link {
    color: #ffffff;
}

@media (min-width: 1280px) {
    .footer {
        margin-top: 90px;
        padding: 50px 0 150px 0;
    }
    .footer-logo {
        width: 60px;
        float: left;
        margin-top: 6px;
    }
    .footer-content {
        margin: 0 80px;
    }
    .footer-copyright {
        margin-top: 0;
        line-height: 27px;
    }
    .footer-subscribe {
        line-height: 27px;
    }
}

.article-intro {
    height: 0;
    position: relative;
    padding-top: 142%;
}
.article-intro-cover {
    background-size: cover;
    background-position: center center;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.article-intro-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    background-color: rgba(255, 66, 0, 0.9);
    color: #ffe3d9;
    font-family: 'NotoSans', sans-serif;
    font-weight: 400;
}
.article-intro-caption--blue {
    background-color: rgba(51, 153, 204, 0.9);
    color: #eaf5ff;
}
.article-intro-caption--green {
    background-color: rgba(152, 204, 51, 0.9);
    color: #2b3e13;
}
.article-intro-caption--red {
    background-color: rgba(255, 51, 0, 0.9);
    color: #ffe3d9;
}
.article-intro-caption--orange {
    background-color: rgba(255, 102, 0, 0.9);
    color: #ffe3d9;
}
.article-intro-caption--yellow {
    background-color: rgba(255, 204, 0, 0.9);
    color: #1e1e1e;
}
.article-intro-caption--black {
    background-color: rgba(30, 30, 30, 0.9);
    color: #ffffff;
}

.article-intro-caption--purered {
    background-color: rgba(255, 0, 0, 0.95);
    color: #ffe3d9;
}

.article-intro-title {
    font-family: 'SourceSansPro', sans-serif;
    font-weight: 900;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 12px;
    margin-bottom: 0;
}
.article-intro-subtitle {
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 1.4;
}
.article-intro-date {
    font-size: 10px;
    margin-bottom: 0;
    line-height: 1.4;
}
.article-intro-author {
    font-size: 10px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.4;
}
.article-intro.article-intro--noimage {
    height: auto;
    background-color: rgba(51, 153, 204, 0.9);
    color: #eaf5ff;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 0;
}
.article-intro.article-intro--noimage .article-intro-title {
    font-family: 'NotoSans', sans-serif;
    font-weight: 700;
    margin-top: 10px;
    font-size: 24px;
    line-height: normal;
    text-transform: none;
    margin-left: 0;
    margin-right: 0;
    letter-spacing: normal;
}
.article-intro.article-intro--noimage .article-intro-date {
    margin-right: 0;
    margin-left: 0;
    margin-top: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}
.article-intro.article-intro--noimage .article-intro-author {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}
.article-intro.article-intro--noimage .article-view-img {
    width: 13px;
    height: 9px;
    margin-left: 5px;
    margin-top: 0;
    display: inline;
}

.article-view-img {
    width: 13px;
    height: 9px;
    margin-left: 5px;
}

.article-section .container {
    padding: 0;
}

.article-content {
    background-color: #ffffff;
    padding-top: 1vw;
    padding-bottom: 8vw;
    overflow: hidden;
}
.article-content h1 {
    font-size: 28px;
    margin-top: 4vw;
}
.article-content h2 {
    font-size: 22px;
    margin-top: 4vw;
}
.article-content h3 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 4vw;
}
.article-content h4 {
    font-size: 14px;
    margin-top: 4vw;
}
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4 {
    margin-left: 5vw;
    margin-right: 5vw;
}
.article-content p {
    font-size: 16px;
    font-family: 'Merriweather', serif;
    line-height: 24px;
    margin-top: 4vw;
    margin-left: 5vw;
    margin-right: 5vw;
    margin-bottom: 0;
}
.article-content a {
    color: #3399cc;
}
.article-content blockquote {
    font-family: 'Merriweather', serif;
    font-weight: 400;
    font-size: 18px;
    padding: 5px 0;
    color: #3399cc;
    border-top: 1px dotted #3399cc;
    border-bottom: 1px dotted #3399cc;
    margin-left: 2vw;
    margin-right: 2vw;
    line-height: 27px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}
.article-content blockquote p {
    font-family: 'Merriweather', serif;
    font-weight: 400;
    font-size: 18px;
    color: #3399cc;
    line-height: 27px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}
.article-content iframe {
    max-width: 100%;
}
.article-content hr {
    margin-top: 4vw;
}
.article-content pre {
    margin-top: 4vw;
}
.article-content pre img[width].size-full {
    width: 100%;
    height: auto;
    margin-top: 0;
}
.article-content pre:before,
.article-content pre:after {
    content: '';
    display: block;
    clear: both;
}
.article-content .quoting3div .quoting3 img[width] {
    margin-left: auto;
    margin-right: auto;
}
.article-content img:not(.alignleft) {
    width: 100%;
    height: auto;
    margin-top: 4vw;
    display: block;
}
.article-content img[width]:not(.alignleft) {
    width: auto;
    max-width: 100%;
}
.article-content .tiled-gallery .tiled-gallery-item img[width] {
    margin-top: 0;
    width: 100%;
    max-width: 100%;
}
.article-content figure {
    margin-top: 4vw;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}
.article-content figure img[width].size-full {
    margin-top: 0;
    width: 100%;
}
.article-content figure figcaption {
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    margin-top: 1vw;
    margin-left: 5vw;
    margin-right: 5vw;
}
.article-content .article-content-caption {
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    margin-top: 1vw;
}
.article-content strong {
    font-weight: 700;
    letter-spacing: 1px;
    color: #3399cc;
}
.article-content .tiled-gallery {
    margin-top: 50px;
}
.article-content .tiled-gallery img {
    width: auto;
}
.article-content .tiled-gallery .gallery-row {
    margin-left: auto;
    margin-right: auto;
}
.article-content p img[width].aligncenter {
    margin-left: auto;
    margin-right: auto;
}
.article-content .quoting2div {
    background-color: #ececd9;
    margin: 8vw auto 4vw auto;
    font-family: Tahoma, Geneva, sans-serif;
    padding-bottom: 8vw;
    padding-left: 5vw;
    padding-right: 5vw;
    line-height: 24px;
    font-size: 16px;
    padding-top: 8vw;
}
.article-content .quoting2div h1,
.article-content .quoting2div h2,
.article-content .quoting2div h3,
.article-content .quoting2div h4,
.article-content .quoting2div p,
.article-content .quoting2div pre {
    margin-left: 0;
    margin-right: 0;
}
.article-content .quoting2div h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'NotoSans', sans-serif;
    letter-spacing: 1px;
    font-weight: 700;
    margin-top: 6vw;
}
.article-content .quoting2div p {
    font-family: Tahoma, Geneva, sans-serif;
    line-height: 24px;
    font-size: 16px;
    margin-top: 2vw;
}
.article-content .quoting2div img[width].aligncenter {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}

.article-content > p:first-of-type {
    font-size: 18px;
    line-height: 27px;
    margin-top: 3vw;
}

.article-content > p:first-of-type::first-letter {
    font-size: 20px;
    color: #3399cc;
}

.article-content--noimage {
    padding-top: 0;
}
.article-content--noimage > p:first-of-type {
    font-size: 16px;
    line-height: 24px;
    margin-top: 4vw;
}
.article-content--noimage > p:first-of-type::first-letter {
    font-size: 16px;
    color: #000000;
}

.article-comments {
    margin-top: 5vw;
    margin-left: 5vw;
    margin-right: 5vw;
}

@media (max-width: 768px) and (orientation: landscape) {
    .article-intro {
        padding-top: 45%;
    }
}

@media (min-width: 768px) {
    .article-intro {
        padding-top: 0;
        height: 700px;
    }
}

@media (min-width: 1280px) {
    .article-intro {
        height: 700px;
    }
    .article-intro-caption {
        bottom: 20px;
        left: 0;
        width: 500px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 25px;
    }
    .article-intro-title {
        font-size: 30px;
        margin-top: 25px;
        margin-bottom: 0;
        line-height: 27px;
    }
    .article-intro-subtitle {
        font-size: 18px;
        font-weight: 400;
        margin-top: 5px;
        line-height: normal;
    }
    .article-intro-date {
        font-size: 14px;
        margin-top: 10px;
        line-height: normal;
        font-family: Tahoma, Geneva, sans-serif;
    }
    .article-intro-author {
        font-size: 14px;
        line-height: normal;
        font-family: Tahoma, Geneva, sans-serif;
    }
    .article-intro.article-intro--noimage {
        float: left;
        width: 400px;
        margin-left: 200px;
        margin-right: 20px;
        margin-bottom: 10px;
        margin-top: 45px;
    }
    .article-intro.article-intro--noimage .article-view-img {
        width: 13px;
        height: 9px;
        margin-left: 5px;
        margin-top: 0;
        display: inline;
    }
    .article-content {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
    }
    .article-content h1,
    .article-content h2,
    .article-content h3,
    .article-content h4 {
        margin-left: 200px;
        margin-right: 200px;
        text-align: left;
        font-family: 'NotoSans', sans-serif;
        font-weight: bold;
    }
    .article-content h1 {
        font-size: 30px;
        margin-top: 40px;
    }
    .article-content h2 {
        font-size: 24px;
        margin-top: 40px;
    }
    .article-content h3 {
        font-size: 18px;
        margin-top: 40px;
    }
    .article-content h4 {
        font-size: 16px;
        margin-top: 40px;
    }
    .article-content p {
        margin-left: 200px;
        margin-right: 200px;
        margin-top: 40px;
        font-size: 18px;
        line-height: 30px;
    }
    .article-content blockquote {
        margin-top: 30px;
        margin-right: 150px;
        margin-bottom: 20px;
        margin-left: 150px;
        font-size: 24px;
        line-height: 39px;
        padding: 20px 0;
    }
    .article-content blockquote p {
        font-size: 24px;
        line-height: 39px;
    }
    .article-content hr {
        margin-top: 40px;
    }
    .article-content pre {
        margin-top: 40px;
    }
    .article-content pre img[width].size-full {
        margin-top: 0;
    }
    .article-content img:not(.alignleft) {
        width: 100%;
        margin-top:0px;/*50px**************************** äëÿ ñëàéäåðà áûëî-ñòàëî**************************************************************************************/
        margin-left: 0;
        margin-right: 0;
    }
    .article-content .alignleft {
        float: left;
        margin-right: 23px;
        margin-top: 6px;
        margin-bottom: 6px;
    }
    .article-content .aligncenter {
        margin-left: auto;
        margin-right: auto;
    }
    .article-content figure {
        margin-top: 50px;
    }
    .article-content figure figcaption {
        font-size: 14px;
        line-height: 30px;
        margin-top: 5px;
        margin-left: 200px;
        margin-right: 200px;
    }
    .article-content .quoting2div {
        background-color: #ececd9;
        margin: 40px auto 20px auto;
        font-family: Tahoma, Geneva, sans-serif;
        padding-bottom: 60px;
        padding-left: 200px;
        padding-right: 200px;
        line-height: 30px;
        font-size: 18px;
        padding-top: 40px;
    }
    .article-content .quoting2div h1,
    .article-content .quoting2div h2,
    .article-content .quoting2div h3,
    .article-content .quoting2div h4,
    .article-content .quoting2div p,
    .article-content .quoting2div pre {
        margin-left: 0;
        margin-right: 0;
    }
    .article-content .quoting2div h3 {
        font-size: 24px;
        text-transform: uppercase;
        font-family: 'NotoSans', sans-serif;
        letter-spacing: 1px;
        font-weight: 700;
        margin-top: 40px;
    }
    .article-content .quoting2div p {
        font-family: Tahoma, Geneva, sans-serif;
        line-height: 30px;
        font-size: 18px;
        margin-top: 20px;
    }
    .article-content .quoting2div:first-child {
        margin-top: 0;
    }
    .article-content .quoting2div img[width].aligncenter {
        margin-top: 20px;
    }
    .article-content > p:first-of-type {
        margin-top: 70px;
        margin-right: 100px;
        line-height: 39px;
        font-size: 24px;
    }
    .article-content > p:first-of-type::first-letter {
        font-size: 32px;
    }
    .article-content--noimage {
        padding-top: 0;
    }
    .article-content--noimage > p:first-of-type {
        margin-top: 40px;
        margin-right: 200px;
        line-height: 30px;
        font-size: 18px;
    }
    .article-content--noimage > p:first-of-type::first-letter {
        font-size: 18px;
    }
    .article-comments {
        margin-top: 50px;
        margin-left: 200px;
        margin-right: 200px;
    }
}

.news-card {
    margin-top: 10px;
    background-color: #ee6631;
}
.news-card-link {
    display: block;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.news-card-title {
    margin-top: 0;
    color: #ffffff;
    font-family: 'NotoSerif', serif;
    line-height: normal;
    font-weight: 200;
    font-size: 16px;
}
.news-card-date {
    color: #ffffff;
    font-family: 'NotoSerif', serif;
    line-height: normal;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 12px;
    margin-top: 30px;
}

.news-article-intro {
    background-color: #ee6631;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 20px;
}

.news-article-title {
    font-size: 24px;
    line-height: normal;
    font-family: 'SourceSansPro', sans-serif;
    font-weight: 900;
    margin-top: 0;
}

.news-article-date {
    font-size: 12px;
    margin-bottom: 0;
    line-height: 1.4;
}

.news-article-author {
    font-size: 12px;
    margin-bottom: 0;
    line-height: 1.4;
    margin-top: 2px;
}

.news-article-content-text {
    font-size: 14px;
    font-family: 'NotoSerif', serif;
    line-height: normal;
}

.likely {
    width: 100%;
    text-align: center;
    margin-top: 4vw;
}

.likely .likely__widget {
    background: rgba(231, 231, 231, 0.2);
}

@media (min-width: 1280px) {
    margin-top: 40px;
}

.search-form-widget {
    height: 50px;
    background-color: #ffffff;
}

.search-form-btn {
    background-image: url('../img/blocks/header/search.png');
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 50px;
    width: 50px;
    display: block;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
}

.search-form-input {
    width: 70%;
    width: calc(100% - 50px);
    height: 50px;
    outline: none;
    border: none;
}

.search-results .no-results {
    margin-left: 1.75vw;
    margin-right: 1.75vw;
}

.search-pagination {
    padding-top: 3.5vw;
}

.page-nav {
    text-align: center;
}
.page-nav a,
.page-nav span {
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #f5f5f5;
    margin-right: 5px;
    padding: 5px 10px 5px 10px;
    min-width: 10px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
.page-nav a:hover {
    color: #3399cc;
}
.page-nav img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
}
.page-nav .left-arrow {
    padding-right: 5px;
    position: relative;
    top: -1px;
}
.page-nav .current {
    background-color: #3399cc;
    border: 1px solid #3399cc;
    color: white;
}

@media (min-width: 1280px) {
    .search-results .no-results {
        margin-left: 15px;
        margin-right: 15px;
    }
    .search-pagination {
        padding-top: 30px;
    }
}

.live-counter {
    float: left;
    height: 0;
}
.live-counter a {
    display: inline-block;
    overflow: hidden;
    text-indent: -999em;
}

.scrollToTop {
    width: 15vmin;
    height: 15vmin;
    max-width: 80px;
    max-height: 80px;
    position: fixed;
    bottom: 5vmin;
    right: 5vmin;
    background-image: url('../img/blocks/scrollToTop/go-to-top.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.scrollToTop:active,
.scrollToTop:hover:active {
    background-image: url('../img/blocks/scrollToTop/go-to-top-hover-active.png');
}

@media (min-width: 1280px) {
    .scrollToTop:hover {
        background-image: url('../img/blocks/scrollToTop/go-to-top-hover.png');
    }
}

/******ÑËÀÉÄÅÐ ÁÛËÎ-ÑÒÀËÎ************************************************************************************************************************************/
.ba-slider{
	margin-top:40px!important;
}
.ba-slider .handle {
	width: 2px!important;
	background: rgba(0,0,0,.9)!important;
}


/**************************ÁÀÍÍÅÐÛ BEGIN**********************************************/
.bann1200{
	padding:0;
	text-align:center;
	}
@media (min-width: 1201px) {
	.bann1200{
		width:1200px;
		margin:0 auto;
	}
}
@media (max-width: 1200px) {
	.bann1200{
		display:none!important;
		/*width:100%;
		height:auto;*/
	}
}
/**************************ÁÀÍÍÅÐÛ END**********************************************/

/*ymaps {height:100px!important;}*/

.hc__avatar img {
    width: 35px!important;
height: 35px!important;}





/*========================= „âå òðàíñëßöèè íà ãëàâíîé ==============================*/

@media (min-width: 1201px) {
.transhalfleft{
	display:inline-block !important;
	width:50% !important;
	float:left !important;
	margin:0 !important;
	padding:0 !important;
	height:536px !important;
	}
.transhalfright{
	display:inline-block !important;
	width:50% !important;
	float:right !important;
	margin:0 !important;
	padding:0 !important;
	height:536px !important;
	}
.ifrtranshalfright{
	height:536px !important;
}
}

@media (min-width: 768px) and (max-width: 1200px) {
.transhalfleft{
	width:50%;
	float:left;
	display:inline-block;
	margin:0;
	padding:30;
	height:425px;
	}
.transhalfright{
	width:50%;
	float:right;
	display:inline-block;
	margin:0;
	padding:30;
	height:425px;
	}
.ifrtranshalfright{
	height:425px !important;
}
}

@media (max-width: 767px) {
.transhalfleft{
	display: block !important;
	position: relative !important;
	float:none;
	width:100% !important;
	height: 431px !important;
  }
.transhalfright{
	display: block !important;
	position: relative !important;
	float:none;
	width:100% !important;
	height: 431px !important;
  }
.ifrtranshalfright{
	height:431px !important;
}
}

/*========================= EOF „âå òðàíñëßöèè íà ãëàâíîé ==============================*/