/* ==========================================================================
   Table of Content
   ==========================================================================

    Global
        Body
        Links

    General
        Wrappers and containers
        Article elements
        Separators
        Ratings
        Buttons and forms
        Colors
        Media Queries
        Margins and paddings

    Header mobile
        Branding
        Navigation

    Header desktop
        Branding
        Search
        Weather
        Navigation
            Subnav - full size menu
            Dropnav - regular drop down menu
            Sub navigation - categories

        Media Queries

    Slider
        Slider
        Media Queries

    Content
        Articles
            Media Queries
        News Layouts
            news-lay-1
            news-lay-2
            news-lay-3
            Media Queries

        Reviews
        Videos
            Media Queries

        Article page
            Blockquote
            Info box
            Author box
            Highlights
            Reviews
            Footer
            Comments
            Iframes
            Media Queries

        Archive page
            Timeline

        Author page

    Sidebar
        Timeline module
        Quote module
        Singles module
        News module
        Photos module
        Media Queries

    Footer
        Navigation
        About
        Copyright
        Media Queries

    Banners
        Banners
        Media Queries




/* ==========================================================================
   Global
   ========================================================================== */
/**
 * Body
 */
body {
    font-family: 'Roboto', sans-serif;
    color: #222;
    background: #fff;
    font-size: 1.5em;
    padding: 0 0 20px 0;
    font-stretch: ultra-condensed;
}

#dle-content {
    margin-top: 0px !important;
}

/**
 * Links
 */
a {
    text-decoration: none;
    color: #00F;
    -webkit-transition: color 200ms ease, background-color 200ms ease, text-shadow 200ms ease, box-shadow 200ms ease, border 200ms ease;
    transition: color 200ms ease, background-color 200ms ease, text-shadow 200ms ease, box-shadow 200ms ease, border 200ms ease;
}

a:hover {
    color: #111;
    text-decoration: none;
}

a: active {
    border: 0 !important;
    outline: 0 !important;
}

/* ==========================================================================
   General
   ========================================================================== */
/**
 * Wrappers and containers
 */
#page-outer-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
}

#page-inner-wrap {
    position: relative;
    width: 100%;
}

.relative {
    position: relative;
}

.container {
    padding: 0;
}

.container .img-responsive {
    display: block;
    width: 100%;
    max-height: 100%;
}
#dle-content img{
  max-width: 100%
}
#page-content {
    position: relative;
    overflow: hidden;
    margin: 0px 0 0 0;
    padding: 0;
    -webkit-box-shadow: 0 0 12px 0 #333333;
    box-shadow: 0 0 12px 0 #ccc;
}

.ie8 #page-content {
    border: 1px solid #e3e3e3;
    margin: 30px -1px 0 -1px;
}

#main {
    padding: 10px;
}

#main.wide {
    float: none;
    width: 100%;
}

#sidebar {
    color: #bbb;
    /* background: #444; */
    padding: 15px;
}

.section-full {
    margin: 0 -15px 0 -15px;
    padding: 45px 15px 0 15px;
}

.section-full-even {
    margin: 0 -15px 0 -15px;
    padding: 15px 15px 0 15px;
}

#sidebar h2 > a {
    color: #3F3F3F;
}

/**
 * Article elements
 */
article {
    position: relative;
    margin-bottom: 25px;
}

.theme {
    position: absolute;
    top: 10px;
    left: 0;
    font: 700 13px/25px 'Roboto Condensed', sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding: 0 12px;
}

.overlay {
    position: absolute;
    color: #eee;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px 15px;
    background: rgb(0, 0, 0);
    /* Fall-back for browsers that don'tsupport rgba */
    background: rgba(0, 0, 0, .4);
}

.large .overlay {
    padding: 15px 20px;
}

.overlay h1, .overlay h2, .overlay h3 {
    margin: 0;
}

.overlay h1 {
    font-size: 24px;
    padding: 5px;
}

.overlay p {
    margin: 6px 0 0 0;
    opacity: 0.8;
}

.overlay a {
    color: #fff;
}

.overlay .breadcrumb {
    margin: 0 0 0 10px;
    padding: 0;
}

.overlay .sharing {
    position: absolute;
    font-size: 14px;
    right: 25px;
    bottom: 25px;
}

.overlay .sharing a {
    display: inline-block;
    margin-left: 12px;
    opacity: 0.6;
}

.overlay .sharing a:hover {
    opacity: 1.0;
}

/**
 * Separators
 */
.separator-left {
    border-left: 1px solid #e3e3e3;
}

.separator-right {
    border-right: 1px solid #e3e3e3;
}

.separator-bottom {
    border-bottom: 1px solid #e3e3e3;
}

/**
 * Ratings
 */
.review-rating {
    text-align: center;
}

ul.rating, ul.rating li {
    display: inline;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.rating li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 1px;
    background: url(../../images/stars.png) no-repeat 0 0;
}

ul.rating li.li-rated {
    background-position: 0 100%;
}

/**
 * Buttons and forms
 */
.show-more {
    display: inline-block;
    font-size: 18px;
    line-height: 50px;
    color: #fff;
    background: #444;
    border: none;
    padding: 0 40px;
    margin: 10px 0 50px 0;
    -webkit-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
}

#page-content .show-more:hover {
    background: #444;
}

.error {
    font-weight: 400;
    color: red;
    margin-top: 5px;
}

/**
 * Colors
 */
.cat-business-light {
    background: #cce0cd;
}

/**
 * General - Media Queries
 */
@media (min-width: 768px) {
    .options {
        display:none;
    }

    /* .col-xs-4{width:100%;}*/
    .banner_sidebar1, .social_network {
        text-align: center;
        margin-bottom: 30px;
    }
}

@media (max-width: 992px) {
    .options {
        display:none;
    }

    .banner_sidebar1, .social_network {
        text-align: center;
        margin: 0 auto 30px auto;
    }

    .vk_group {
        position: relative;
        left: 50%;
        margin-left: -150px;
    }
}

@media (min-width: 768px) {
    #main {
        padding: 15px;
    }

    #sidebar {
        top: 0;
        right: 0;
        bottom: 0;
        /* background: #444; */
        margin-bottom: -9000px;
        /* 100% height */
        padding-bottom: 9000px;
    }

    .section-full {
        margin: 0 -20px 0 -20px;
        padding: 45px 15px 0 20px;
    }

    .section-full-even {
        margin: 0 -15px 0 -20px;
        padding: 15px 15px 0 20px;
    }

    .overlay h1 {
        padding: 10px;
    }
}

@media (min-width: 992px) {
    .options {
        display:block;
    }

    #main {
        float: left;
        width: 640px;
        padding: 0 20px;
    }

    #main.article {
        padding: 20px;
    }

    #main .col-md-9 {
        padding-top: 20px;
        padding-right: 20px;
    }

    #main .col-md-3 {
        padding-top: 20px;
        padding-left: 20px;
    }

    #sidebar {
        float: right;
        width: 300px;
    }

    .overlay h1 {
        font-size: 36px;
        padding: 15px 350px 15px 15px;
    }

    .overlay .breadcrumb {
        margin-left: 15px;
    }
}

@media (min-width: 1170px) {
    .section-full {
        padding: 45px 25px 0 25px;
    }

    .section-full-even {
        margin: 0 -25px 0 -25px;
        padding: 15px 15px 0 25px;
    }
}

@media (min-width: 1200px) {
    .social_network {
        text-align:center;
        width: 100% !important;
        margin-left: -25px;
    }

    #main {
        width: 820px;
        padding: 0 25px;
    }

    #main.article {
        padding: 25px;
    }

    #main .col-md-9 {
        padding-top: 25px;
        padding-right: 25px;
    }

    #main .col-md-3 {
        padding-top: 25px;
        padding-left: 25px;
    }

    #sidebar {
        width: 300px;
        padding: 25px;
        padding-top: 0;
        border-left: 1px solid #ECECEC;
        margin-bottom: -9000px;
        /* 100% height */
        padding-bottom: 9000px;
    }

    .section-full {
        margin: 0 -25px 0 -25px;
    }
}

/**
 * Margins and paddings
 */
.top-margin {
    margin-top: 20px;
}

#page-content .bottom-margin {
    margin-bottom: 25px;
}

.top-padding {
    padding-top: 15px;
}

.bottom-padding {
    padding-bottom: 15px;
}

.no-padding {
    padding: 0;
}

.form-control {
    padding: 10px 12px;
    height: 42px;
}

.icon-padding {
    position: relative;
    padding-left: 30px;
}

.icon-padding i.fa {
    position: absolute;
    top: 4px;
    left: 0;
}

/* ==========================================================================
   Header mobile
   ========================================================================== */
/**
 * Header mobile
 */
#page-header-mobile {
    position: relative;
    border-top: 5px solid #3a3a3a;
    background: #3c3c3c;
    height: 50px;
    overflow: hidden;
    padding: 0 10px;
}

/**
 * Branding
 */
#page-header-mobile h1 {
    margin: 0;
    padding: 1px 0;
}

#page-header-mobile h1 img {
    vertical-align: inherit;
}

/**
 * Navigation
 */
#page-header-mobile a {
    color: #eee;
}

#page-header-mobile a:hover {
    color: #fff;
}

#page-header-mobile span.glyphicon {
    font-size: 24px;
    margin-top: 5px;
}

#page-header-mobile nav {
    background: #2d2f33;
    display: block;
    height: 100%;
    overflow: auto;
    position: fixed;
    right: -20em;
    font-size: 15px;
    top: 0;
    width: 20em;
    z-index: 2000;
    transition: right 0.3s ease-in-out 0s;
    -webkit-transition: right 0.3s ease-in-out 0s;
    -moz-transition: right 0.3s ease-in-out 0s;
    -o-transition: right 0.3s ease-in-out 0s;
}

body.nav-expanded #page-header-mobile nav {
    right: 0;
}

/* ==========================================================================
   Header desktop
   ========================================================================== */
/**
 * Header desktop
 */
#page-header h1 {
    color: #fff;
    margin: 0;
}

/**
 * Branding
 */
#header-branding {
    position: relative;
    height: 110px;
}

#header-branding .logotype {
    padding-top: 20px;
    display: block;
    /* 9 may
        background-image: url('http://vistanews.ru/uploads/lenta.png');
     background-repeat: no-repeat;
     background-position: -36px -10px;*/
}

/**
 * Search
 */
#header-branding #search-form {
    /* width: 275px; */
    /* height: 40px; */
    /* border: 1px solid #555; */
    /* text-align: left; */
    /* margin-top: 30px; */
    /* margin-left: 50px; */
    /* padding: 0 10px; */
    /* -webkit-border-radius: 25px 25px 25px 25px; */
    /* border-radius: 25px 25px 25px 25px; */
    /* overflow: hidden; */
}

#header-branding #search-form input {
    /* line-height: 12px; */
    /* height: 43px; */
    /* color: #337AB7; */
    /* background: rgba(68, 68, 68, 0); */
    /* border: none; */
    width: 200px;
    padding: 0px 5px 0 5px;
    /* outline: 0; */
}

#header-branding #search-form button {
    line-height: 44px;
    height: 36px;
    color: #a1a1a1;
    background: rgba(0,0,0,0);
    border: none;
    width: 30px;
    outline: 0;
    position: relative;
    top: 2px;
    right: 34px;
}

/**
actual news
*****
*/
#header-branding .news {
    margin-top: 5px;
    margin-left: -30px;
    width: 320px;
    /* border: 1px solid #444; */
    height: 100px;
    overflow: hidden;
}

#header-branding .news a h3 {
    font-size: 12px;
    margin-top: 0px;
    ;margin-left: 5px;
}

#header-branding .news a h3 {
    color: #3F3F3F;
}

#header-branding .news img {
    float: left;
     max-height: 100%;
    padding-right: 10px;
    height: 85px;
    width: 130px;
    object-fit: cover;
    object-position: center;
}

#header-branding a .author {
    font-size: 10px;
    color: #656565;
    font-weight: 500;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: -15px;
    max-width: 120px;
}

#header-branding a .desc {
    font-size: 10px;
    margin-top: -7px;
    color: #3F3F3F;
    margin-left: 130px;
}

.act-topics {
    color: #FFF;
    padding: 5px 10px;
    /* width: 100%; */
    text-align: left;
}

.act-topics .tite {
    font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
}

.act-topics .tops {
    padding: 0 15px 0 5px;
}

.act-topics .tops a {
    color: #fff
}

.act-topics .tops a:hover {
    color: #9FA9A9
}

/**
 * Weather
 */
#header-branding .weather {
    position: relative;
    display: inline-block;
    text-align: left;
    padding: 0 80px 0 0;
    margin-top: 28px;
}

#header-branding .weather h3 {
    font-size: 14px;
    font-weight: 400;
    color: #c3c3c3;
    margin: 0;
}

#header-branding .weather h3 span.temp {
    display: inline-block;
    font-weight: 700;
    color: #fff;
    margin-left: 15px;
}

#header-branding .weather span.glyphicon {
    display: inline-block;
    margin-right: 5px;
}

#header-branding .weather span.date {
    font-size: 12px;
    color: #878787;
    padding-left: 22px;
}

#header-branding .weather i.icon {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 28px;
    color: #eee;
}

/**
 * Navigation
 */
#sticky-header.affix {
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

#header-navigation {
    position: relative;
    height: 50px;
    /* background: #337ab7; */
}

#header-navigation .container {
    position: relative;
}

#header-navigation ul {
    padding: 0;
    margin-top: -1px;
    /* border-left: 1px solid #4d4d4d; */
}

#header-navigation > nav {
    text-align: center;
}

.nav {
    display: inline-block;
}

#header-navigation ul ul {
    margin-top: 0;
    text-align: left;
}

#header-navigation ul li {
    position: static;
    list-style: none;
    float: left;
    /* border-right: 1px solid #4d4d4d; */
}

#header-navigation ul li a {
    display: block;
    font-size: 12px;
    font-weight: 600;
    font-stretch: ultra-condensed;
    line-height: 50px;
    color: #222228;
    text-transform: uppercase;
    padding: 0 10px;
    border-bottom: 1px solid #222;
    border-top: 1px solid #222;
}

#header-navigation ul li li a {
    border-top: none;
}

#header-navigation ul li.current a, #header-navigation ul li a:hover, #header-navigation ul li a:focus {
    background: #222;
}

/*-------- Sign in --------*/
.options {
    z-index: 2;
}

.options a {
    font-size: 17px;
    color: #aaa;
}

.options a:hover {
    color: #fff;
}

/*---- Панель управления учётной записью ----*/
.loginbox > li {
    float: left;
    margin-top: 10px;
    ;}

.sociallogin {
    margin-left: -30px;
}

.lvsep {
    display: none;
}

.lvsep a {
    border: 2px solid #333;
    border-radius: 6px;
    background: #999;
    color: #fff;
    padding: 0 6px 0 6px;
    box-shadow: 1px 1px 2px #000 inset;
}

.loginbox, .login-nav {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
}

.radial {
    display: none;
    position: absolute;
    top: 35px;
    right: 0;
    background: #444;
    border: 3px solid #444;
}

.login-nav {
    margin-top: 5px;
    width: 230px;
}

.login-nav > li {
    margin-top: 2px;
}

.login-nav > li > a {
    display: inline-block;
    background: #555;
    padding: 5px;
    width: 100%;
    height: 100%;
}

.login-nav > li > a:hover {
    background: #666;
}

#log-background {
    display: none;
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.88);
    z-index: 6;
    font-size: 18px;
}

.login-enter {
    margin: auto;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    left: 0;
    width: 400px;
    height: 270px;
    color: #fff;
}

#logbtns {
    border-radius: 3px;
    padding: 2px 20px;
    background: #4080B3;
}

#logbtns > b {
    color: white;
    font-weight: 500;
}

.sign-color, #login_name, #login_password {
    color: rgba(255,255,255,.5);
    border: 3px solid rgba(255,255,255,.5);
    background: rgba(0,0,0,0);
    font-size: 18px;
}

.sign-color:hover, #login_name:focus, #login_password:focus {
    color: #fff;
    border-color: #fff;
    transition-duration: .5s;
}

.title-login {
    font-weight: 900;
}

#close {
    cursor: pointer;
    float: right;
    padding: 1px 10px 3px 10px;
    border-radius: 100%;
}

#close:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

#login_name, #login_password {
    border-radius: 5px;
    width: 300px;
    height: 40px;
    outline: 0;
}

.login-enter-nav {
    padding: 0;
}

.login-enter-nav > li {
    margin-top: 15px;
    list-style: none;
}

.lost-pass, .registration {
    text-decoration: none;
    margin-left: 40px;
    border: 0;
}

.lost-pass:hover {
    text-decoration: underline;
}

.registration {
    margin: 0;
}

.fbutton {
    border-radius: 5px;
    margin: 0;
    font-weight: 900;
    width: 300px;
    height: 40px;
}

/**
 * Subnav - full size menu
 */
#header-navigation .subnav-container {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 999;
    width: 750px;
    height: 260px;
    overflow: hidden;
    background: #3f3f3f;
}

#header-navigation ul li:hover .subnav-container {
    display: block;
}

#header-navigation ul.subnav-menu {
    position: absolute;
    left: -10px;
    top: 10px;
    width: 200px;
    height: 240px;
    background: #444;
    padding: 15px 0;
}

#header-navigation ul.subnav-menu li {
    float: none;
    border: none;
    width: 200px;
}

#header-navigation ul.subnav-menu li a {
    display: block;
    text-align: right;
    padding: 0 20px;
    line-height: 30px;
    border: none;
}

#header-navigation .subnav-posts {
    display: none;
    position: absolute;
    width: 520px;
    left: 220px;
    top: 25px;
}

#header-navigation ul li li.current .subnav-posts, #header-navigation ul li li:hover .subnav-posts, #header-navigation ul li li a:hover .subnav-posts {
    display: block;
}

#header-navigation ul li .subnav-posts a {
    line-height: 14px;
    font-weight: 400;
    display: inline;
    text-transform: none;
    padding: 0;
    border-top: none;
}

#header-navigation .subnav-posts article {
    width: 150px;
    float: left;
    margin-left: 30px;
}

#header-navigation .subnav-posts article img {
    width: 150px;
}

#header-navigation .subnav-posts article:first-child {
    margin-left: 0;
}

#header-navigation .subnav-posts article h3 {
    line-height: 14px;
    font-weight: 400;
    text-align: center;
    padding: 0 10px;
    margin: 8px 0 0 0;
}

/**
 * Dropnav - regular drop down menu
 */
#header-navigation .dropnav-container {
    display: none;
    position: absolute;
    z-index: 10;
    background: #3f3f3f;
    margin: 0;
}

#header-navigation .dropnav-container ul {
    background: #3f3f3f;
    border-bottom: 1px solid #4D4D4D;
}

#header-navigation .dropnav-container ul.dropnav-menu li {
    position: relative;
    float: none;
    min-width: 200px;
    border-top: 1px solid #4D4D4D;
}

#header-navigation .dropnav-container ul.dropnav-menu li a {
    color: #fff;
    line-height: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#header-navigation .dropnav-container ul.dropnav-menu li a i.fa {
    float: right;
    line-height: 18px;
}

#header-navigation .dropnav-container ul.dropnav-menu ul {
    display: none;
    position: absolute;
    top: -1px;
    left: 200px;
    z-index: 100;
}

#header-navigation ul li:hover .dropnav-container, #header-navigation .dropnav-container ul.dropnav-menu li:hover ul {
    display: block;
}

/**
 * Sub navigation - categories
 */
#header-navigation-sub nav {
    height: 50px;
    overflow: hidden;
}

#header-navigation-sub nav ul {
    list-style: none;
    padding: 0;
}

#header-navigation-sub nav ul li {
    float: left;
    margin: 0 10px 0 25px;
}

#header-navigation-sub nav ul li a {
    font: 700 14px/50px 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    color: #fff;
}

#header-navigation-sub nav ul li.current a, #page-content #header-navigation-sub nav ul li a:hover {
    color: #3a3a3a;
}

/**
 * Media Queries
 */
@media (min-width: 992px) {
    #header-navigation ul li a {
        font-size: 13px;
        padding: 0 18px;
    }

    #header-navigation .subnav-container {
        width: 970px;
    }

    #header-navigation ul.subnav-menu {
        width: 250px;
    }

    #header-navigation ul.subnav-menu li {
        width: 250px;
    }

    #header-navigation .subnav-posts {
        left: 280px;
        width: 650px;
    }

    #header-navigation .subnav-posts article {
        width: 190px;
    }

    #header-navigation .subnav-posts article img {
        width: 190px;
    }
}

@media (min-width: 1170px) {
    #header-navigation ul li a {
        font-size: 14px;
        padding: 0 20px;
    }

    #header-navigation .subnav-container {
        width: 1170px;
    }

    #header-navigation .subnav-posts {
        width: 850px;
    }

    #header-navigation .dropnav-container ul.dropnav-menu li {
        min-width: 240px;
    }

    #header-navigation .dropnav-container ul.dropnav-menu ul {
        left: 240px;
    }
}

/* ==========================================================================
   Slider
   ========================================================================== */
/**
 * Slider
 */
#page-slider {
    position: relative;
    margin-top: 1px;
}

#page-slider .row {
    float: left;
}

#page-slider .col-sm-8 {
    padding-right: 1px;
}

#page-slider .col-sm-8 article {
    margin: 0 0 1px 0;
}

#page-slider .col-sm-4 article {
    height: 150px;
    margin: 1px 0 0 0;
}

#page-slider .col-sm-4 article img {
    height: 150px;
}

#page-slider .col-sm-4 article:first-child {
    margin-top: 0;
}

#page-slider .col-sm-8 article .overlay p {
    display: none;
}

#page-slider .slider-nav {
    display: none;
    position: absolute;
    width: 750px;
    top: 205px;
    z-index: 999;
}

#page-slider .slider-nav a {
    position: absolute;
    left: 10px;
    display: inline-block;
    font-size: 20px;
    color: #fff;
    width: 40px;
    height: 40px;
    background: rgba(149, 185, 226, 0.2);
    text-align: center;
    line-height: 40px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
}

#page-slider .slider-nav a.next {
    left: auto;
    right: 10px;
}

/**
 * Media Queries
 */
@media (max-width: 992px) {
    .currency_block {
        display:none;
    }
}

@media (min-width: 768px) {
    #page-slider .slider-nav {
        display: block;
    }

    #page-slider .col-sm-8 article {
        height: 452px;
        margin: 0;
    }

    #page-slider .col-sm-8 article img {
        height: 452px;
    }

    #page-slider .col-sm-8 article .overlay p {
        display: block;
    }

    #page-slider .col-sm-4 {
        padding-left: 0px;
    }
}

@media (min-width: 992px) {
    #page-slider .col-sm-8 {
        width: 635px;
    }

    #page-slider .col-sm-4 {
        width: 365px;
    }

    #page-slider .slider-nav {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    #page-slider .col-sm-8 {
        width: 835px;
    }

    #page-slider .slider-nav {
        width: 1170px;
    }
}

/* ==========================================================================
   Content
   ========================================================================== */
/**
 * Content
 */
#page-content header {
    position: relative;
}

#page-content header h2 {
    font: 400 17px/17px 'Roboto Condensed', sans-serif;
    color: #444;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #f5f5f5;
}

#page-content header span.borderline {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 1px;
    background: #222;
}

/**
 * Articles
 */
article.linkbox h2 {
    font: 400 24px/30px 'Roboto Condensed', sans-serif;
}

article.linkbox h3 {
    font: 700 15px/18px 'Roboto Condensed', sans-serif;
}

article.thumb h3 {
    font: 700 16px/20px 'Roboto Condensed', sans-serif;
    margin: 0 0 10px 0;
}

article span.text {
    font-size: 13px;
}

article.thumb span.published {
    margin-bottom: 10px;
}

article span.published {
    display: block;
    margin-top: 10px;
    font-size: 10px;
    color: #777;
    text-transform: uppercase;
}

article span.published-time {
    display: block;
    font-size: 10px;
    font-weight: 700;
    color: #bbb;
    text-transform: uppercase;
}

/**
 * Media Queries
 */
@media (min-width: 992px) {
    article.linkbox h2 {
        font: 400 30px/36px 'Roboto Condensed', sans-serif;
    }
}

/**
 * News Layouts
 */
.news-layout article {
    padding-bottom: 12px;
    margin-bottom: 10px;
    line-height: 18px;
    border-bottom: 1px solid #e3e3e3;
}

.news-layout article:last-child {
    border-bottom: none;
}

.news-layout article h3 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.news-layout article h3 a {
    color: #222;
}

.news-layout article h3 a:hover {
    text-decoration: underline;
}

.news-layout article img {
    float: left;
    margin: 3px 12px 3px 0;
}

/* news-lay-1 */
.news-lay-1 article h3 {
    margin: 0 0 5px 0;
}

.news-lay-1 span.published {
    margin: 0 0 5px 0;
}

/* news-lay-2 */
#page-content .news-lay-2 header h2 {
    color: #fff;
}

.news-lay-2 article {
    border: none;
    margin: 0;
}

.news-lay-2 article a h3 {
    text-align: center;
    color: #fff;
    margin-top: 5px;
}

/* news-lay-3 */
.news-lay-3 article h3 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    margin: 5px 0 0 0;
}

/**
 * Media Queries
 */
@media (min-width: 992px) {
    news-layout article h3 {
        font-size: 15px;
    }

    .article span.text {
        font-size: 13px;
    }

    .span.published {
        font-size: 11px;
    }
}

/**
 * Reviews
 */
article.review img {
    float: none;
}

.news-layout article.review h3 {
    text-align: center;
    height: 36px;
    overflow: hidden;
    margin-bottom: 5px;
}

/**
 * Videos
 */
.cat-videos {
    margin-top: 1px;
    margin-bottom: 1px;
}

.cat-videos .col-sm-8 {
    margin-bottom: 1px;
}

.cat-videos .col-sm-8 article {
    height: 301px;
    margin: 0;
}

.cat-videos .col-sm-8 article img {
    height: 301px;
}

.cat-videos .col-sm-4 article {
    height: 150px;
    margin: 1px 0 0 0;
}

.cat-videos .col-sm-4 article img {
    height: 150px;
}

.cat-videos .col-sm-4 article:first-child {
    margin-top: 0;
}

/**
 * Media Queries
 */
@media (min-width: 768px) {
    .cat-videos .col-sm-8 {
        padding-right: 1px;
        margin-bottom: 0;
    }

    .cat-videos .col-sm-4 {
        padding-left: 0px;
    }
}

@media (min-width: 992px) {
    .cat-videos .col-sm-8 {
        width: 300px;
    }

    .cat-videos .col-sm-4 {
        width: 206px;
    }
}

@media (min-width: 1200px) {
    .cat-videos .col-sm-8 {
        width: 350px;
    }

    .cat-videos .col-sm-4 {
        width: 289px;
    }
}

/**
 * Article page
 */
#article-post > header {
    padding: 15px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #dadada;
}

.story {
    margin-top: 10px;
    clear: both;
}

.breadcrumb {
    font-size: 13px;
    padding: 5px;
    margin: 0 0 0px 0;
    background: none;
}

.breadcrumb a {
    color: #222;
}

#article-post header h1 {
    font: 400 30px/36px 'Roboto Condensed', sans-serif;
    color: #222;
    margin: 0;
}

#article-post h2 {
    font: 400 24px/30px 'Roboto Condensed', sans-serif;
    color: #222;
    margin: 25px 0 15px 0;
}

#article-post p {
    line-height: 24px;
    margin-bottom: 15px;
}

#article-post p.lead {
    font: 400 16px/24px 'Roboto Slab', serif;
    color: #222;
    margin-bottom: 25px;
}

/* Blockquote */
#article-post blockquote {
    position: relative;
    background: #f5f5f7;
    padding: 35px 80px 35px 70px;
    margin: 25px 0;
    border: none;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

#article-post blockquote footer {
    margin: 0;
    padding: 0;
    border: none;
}

#article-post blockquote p {
    font-size: 20px;
    line-height: 30px;
    font-style: italic;
    color: #222;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

#article-post blockquote:before {
    position: absolute;
    top: 20px;
    left: 25px;
    content: open-quote;
    font: 700 54px/54px Georgia, serif;
    color: #999;
}

#article-post blockquote:after {
    position: absolute;
    bottom: 10px;
    right: 25px;
    content: close-quote;
    font: 700 54px/54px Georgia, serif;
    color: #999;
}

/* Info box */
.info-box {
    display: block;
    background: #f5f5f7;
    margin: 20px 0;
    padding: 25px;
}

/* Author box */
#options > div.baseform > table > tbody > tr > td.label {
    color: black
}

.auth_box {
    width: 100%;
    border-bottom: 1px solid #dadada;
    text-align: right;
    padding-top: 30px;
    font-style: italic;
    color: #444;
}

.author-box {
    position: relative;
    background: #f5f5f7;
    margin: 30px -10px;
    padding: 20px 10px 5px 10px;
    text-align: center;
}

.author-box img {
    margin: 0 auto;
    margin-bottom: 10px;
}

.author-box .name {
    font-size: 14px;
    color: #222;
    margin-bottom: 15px;
}

.author-box p a {
    display: inline-block;
    color: #828282;
    margin: 0 6px;
}

.author-box p a:hover {
    color: #222;
}

/* Highlights */
#article-post .row-highlights col-sm-9, #article-post .row-highlights col-sm-3 {
    padding-top: 0;
}

#article-post .highlights h4 {
    font: 400 17px/17px 'Roboto Condensed', sans-serif;
    color: #444;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
}

/**
 * Reviewa
 */
#article-post .review h4 {
    margin-top: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #dadada;
}

#article-post .review ul {
    list-style: none;
    font-size: 13px;
    color: #777;
    padding: 0;
}

#article-post .review li {
    position: relative;
    margin-bottom: 3px;
    padding-left: 25px;
}

#article-post .review li i.fa {
    position: absolute;
    font-size: 14px;
    top: 2px;
    left: 2px;
    color: #aaa;
}

#article-post .score-overall {
    background: #444;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 15px;
}

#article-post .score-number {
    display: block;
    font: 400 72px/72px 'Roboto Slab', serif;
    color: #fff;
}

#article-post .score-desc {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    border-top: 1px solid #fff;
    margin-top: 10px;
    padding-top: 10px;
}

#article-post .progress {
    background-color: #f5f5f7;
    box-shadow: none;
    height: 40px;
}

#article-post .progress-bar {
    line-height: 40px;
    box-shadow: none;
    background-color: #444;
    border-radius: 4px;
}

#article-post .progress-bar span {
    display: inline-block;
    font-weight: 700;
    font-family: "Roboto Sondensed",sans-serif;
    text-transform: uppercase;
    margin-left: 8px;
    line-height: 26px;
    margin-top: 7px;
}

#article-post .progress-bar span.skill-number {
    font-size: 14px;
    color: #444;
    background-color: #FFF;
    border-radius: 2px;
    padding: 3px 10px;
    line-height: 20px;
    margin-right: 5px;
}

/* Footer */
#article-post footer {
    /* border-top: 1px solid #dadada; */
    padding: 15px 0 0 0;
    margin: 0;
    float: left;
}

#article-post footer h3 {
    display: inline-block;
    font: 400 18px/20px 'Roboto Condensed', sans-serif;
    color: #222;
    margin: 0 10px 0 0;
    float: left;
}

#article-post footer a {
    color: #828282;
    margin: 0;
}

#article-post footer a:hover {
    color: #222;
}

/**
 * Comments
 */
#article-comments {
    margin-bottom: 50px;
}

#dle-comments-list {
    list-style: none;
    padding: 0;
}

#dle-comments-list > div {
    list-style: none;
    margin-bottom: 10px;
    /* position: relative; */
    /* padding-left: 125px; */
}

#dle-comments-list li ul {
    padding: 0;
    margin: 10px 0 0 0;
}

#dle-comments-list .comment {
    position: relative;
}

#dle-comments-list .user-avatar {
    display: block;
    position: absolute;
    top: 0;
    left: 5px;
}

#dle-comments-list .comment-text {
    position: relative;
    line-height: 24px;
    padding: 25px;
    border: 1px solid #dadada;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

#dle-comments-list .author-comment .comment-text {
    background: #f1d7d7;
    border-color: #eac2c2;
}

#dle-comments-list .comment-text p {
    margin-bottom: 0;
}

#dle-comments-list .comment-text header {
    font: 400 14px/24px 'Roboto Condensed', sans-serif;
    color: #999;
    margin: 0 0 10px 0;
}

#dle-comments-list .comment-text header h5 {
    font-size: 18px;
    line-height: 20px;
    color: #222;
    padding: 0;
    margin: 0 15px 0 0;
}

#dle-comments-list .comment-text header .reply {
    color: #ef3434;
    text-transform: uppercase;
}

/**
 * Iframes
 */
#page-content .head-video iframe {
    display: block;
    width: 100%;
    min-height: 280px;
    border: none;
    margin: 0;
}

#main.article iframe {
    display: block;
    max-width: 100%;
    border: none;
    /*margin: 15px 0 20px 0;*/
}

/**
 * Gallery and Zoomix
 */
#sidebar-gallery a, #article-gallery a {
    display: block;
    position: relative;
}

.zoomix {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 90;
    background: #000;
    opacity: 0;
    filter: alpha(opacity = 0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
}

.ie7 .zoomix {
    clear: both;
}

a:hover .zoomix {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.4;
    filter: alpha(opacity = 50);
}

.zoomix .fa {
    font-size: 25px;
    line-height: 25px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
}

/**
 * Pagination
 */
.pagination > li > a, .pagination > li > span {
    padding: 8px 15px;
    color: #444;
    border-color: #ddd;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #444;
    border-color: #444;
}

/**
 * Media Queries
 */
@media (min-width: 768px) {
    #page-content .head-video iframe {
        min-height: 400px;
    }

    .auth_box {
        float: right;
        margin-top: -20px;
    }

    .author-box {
        text-align: left;
        margin: 40px -15px 20px -15px;
        padding: 25px 30px 10px 185px;
    }

    .author-box img {
        position: absolute;
        top: 20px;
        left: 35px;
    }

    #article-post .score-overall {
        margin-bottom: 0px;
    }

    #article-post .row-highlights .col-sm-9 {
        border-right: 1px solid #e3e3e3;
    }

    #dle-comments-list li {
        margin-bottom: 30px;
    }

    #dle-comments-list li ul {
        margin: 30px 0 0 125px;
    }

    #dle-comments-list li .comment {
        position: relative;
        padding-left: 125px;
    }

    #dle-comments-list li .comment .user-avatar {
        display: block;
        position: absolute;
        top: 0;
        left: 5px;
    }

    #dle-comments-list li .comment-text:before {
        position: absolute;
        display: block;
        content: "";
        width: 15px;
        height: 15px;
        background: #fff;
        border-left: 1px solid #dadada;
        border-top: 1px solid #dadada;
        margin-left: -34px;
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #dle-comments-list .author-comment .comment-text:before {
        background: #f1d7d7;
        border-color: #eac2c2;
    }
}

@media (min-width: 992px) {
    .author-box {
        margin: 35px -20px 35px -20px;
    }

    #article-post .row-highlights .col-sm-9 {
        padding-right: 15px;
    }
}

@media (min-width: 1200px) {
    #page-content .head-video iframe {
        min-height: 500px;
    }

    .author-box {
        margin-left: -25px;
        margin-right: -25px;
    }

    #article-post .row-highlights .col-sm-9 {
        padding-right: 25px;
    }

    #article-post .row-highlights .col-sm-3 {
        padding-left: 20px;
    }
}

/**
 * Archive page
 */
#archive-page.module-timeline article {
    padding-left: 290px;
    min-height: 230px;
}

#archive-page.module-timeline .input-append {
    position: relative;
    line-height: 30px;
    border-left: 1px solid #e3e3e3;
    height: 90px;
    margin: 30px 0 0 290px;
    padding-left: 25px;
}

#archive-page.module-timeline .input-append:before {
    position: absolute;
    content: "";
    top: 3px;
    left: -15px;
    width: 30px;
    height: 30px;
    background: #444;
    border: 3px solid #fff;
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
}

#archive-page.module-timeline .input-append input {
    width: 160px;
    font-size: 24px;
    padding: 0 5px;
    border: 1px solid #e3e3e3;
}

#archive-page.module-timeline .input-append .glyphicon {
    font-size: 24px;
    margin-left: 5px;
}

#archive-page.module-timeline article .cnt {
    border-color: #e3e3e3;
    min-height: 230px;
    padding-left: 25px;
}

#archive-page.module-timeline article:last-child .cnt {
    min-height: 190px;
}

#archive-page.module-timeline article h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin: 5px 0 10px 0;
}

#archive-page.module-timeline article h3 a {
    color: #222;
}

#archive-page.module-timeline article h3 a:hover {
    text-decoration: underline;
}

#archive-page.module-timeline article span.text {
    font-size: 14px;
    line-height: 20px;
    color: #5c5c5c;
}

#archive-page.module-timeline article img {
    position: absolute;
    top: 30px;
    left: 0;
    width: 265px;
    height: 160px;
}

#archive-page.module-timeline article span.published {
    width: 265px;
    top: 2px;
    font-size: 12px;
    color: #999;
}

#archive-page.module-timeline article span.category {
    font-size: 12px;
    line-height: 14px;
}

#archive-page.module-timeline article i.bullet {
    left: -10px;
    width: 20px;
    height: 20px;
    background: #444;
    border-color: #fff;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

/**
 * Author page
 */
#userinfo > div.pheading > h2 {
    color: #000;
}

#main.author {
    padding-top: 0;
}

#author-page .author-box {
    margin-top: 0;
}

#author-page .author-box ul {
    list-style: none;
    padding: 0px
}

#author-page .author-box li {
    padding: 5px
}

/* ==========================================================================
   Sidebar
   ========================================================================== */
#sidebar .row {
    margin: 0;
}

#sidebar header h2 {
    font-size: 17px;
    font-weight: 400;
    border-color: #D4D4D4;
}

#sidebar header span.borderline {
    /* background: #fff; */
}

#sidebar > section.social_network > header > h2 {
    text-align: left;
    width: 90%;
}

/**
 * Timeline module
 */
.module-timeline {
    margin-bottom: 30px;
}

.module-timeline article {
    position: relative;
    padding-left: 95px;
    margin: 0;
}

.module-timeline article .cnt {
    position: relative;
    border-left: 1px solid #575757;
    padding: 20px 0px 15px 15px;
    min-height: 120px;
}

.module-timeline article:last-child .cnt {
    padding-bottom: 0;
}

.module-timeline article span.published {
    position: absolute;
    width: 60px;
    text-align: right;
    left: 0;
    top: 2px;
    margin-top: 0;
    color: #999;
}

.module-timeline article span.published-time {
    position: absolute;
    width: 60px;
    text-align: right;
    left: 0;
    top: 16px;
}

.module-timeline article span.category {
    position: absolute;
    top: 2px;
    ; font-size: 11px;
    line-height: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.module-timeline article h3 {
    font: 500 14px/17px 'Roboto Condensed', sans-serif;
    margin: 10px 0 0 0;
    min-height: 100px;
}

.module-timeline article h3 a {
    color: #575757;
}

.module-timeline article h3 a:hover {
    color: #b02727;
    cursor: pointer;
}

.module-timeline article i.bullet {
    position: absolute;
    top: 0;
    left: -8px;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 3px solid #444;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}


.module-lastnews{padding: 20px 25px;margin: 0 -25px 1px -25px;}
.module-lastnews .cards{margin-left: -20px;overflow: hidden;width: 290px;}
.module-lastnews .cards .card{position: relative;height: 300px;background: #000;margin-bottom: 10px;border-radius: 10px;overflow: hidden;float: left;width: 290px;}
.module-lastnews .cards .card img{
  object-fit: cover;
  object-position: 50% 0;
  color: transparent;
  background: linear-gradient( to bottom, hsl(0, 0%, 61%) 0%, hsl(0, 0%, 60.22%) 7.1%, hsl(0, 0%, 58.04%) 13.2%, hsl(0, 0%, 54.66%) 18.6%, hsl(0, 0%, 50.3%) 23.4%, hsl(0, 0%, 45.19%) 27.9%, hsl(0, 0%, 39.53%) 32.3%, hsl(0, 0%, 33.55%) 36.8%, hsl(0, 0%, 27.45%) 41.6%, hsl(0, 0%, 21.47%) 46.8%, hsl(0, 0%, 15.81%) 52.7%, hsl(0, 0%, 10.7%) 59.6%, hsl(0, 0%, 6.34%) 67.5%, hsl(0, 0%, 2.96%) 76.8%, hsl(0, 0%, 0.78%) 87.5%, hsl(0, 0%, 0%) 100% );
  opacity: 1;
  transition: all 0.3s;
}

.module-lastnews .cards .card:hover img,.related .cards .card:hover img{opacity: 0.6}
.module-lastnews .cards .card .card-content, .related .cards .card .card-content {
    position: absolute;
    bottom: 0;
    padding: 10px;
    background: linear-gradient(to bottom, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, 0.058) 11.8%, hsla(0, 0%, 0%, 0.122) 21.5%, hsla(0, 0%, 0%, 0.191) 29.4%, hsla(0, 0%, 0%, 0.265) 35.8%, hsla(0, 0%, 0%, 0.341) 41%, hsla(0, 0%, 0%, 0.42) 45.4%, hsla(0, 0%, 0%, 0.498) 49.3%, hsla(0, 0%, 0%, 0.576) 53%, hsla(0, 0%, 0%, 0.652) 56.7%, hsla(0, 0%, 0%, 0.725) 61%,     hsla(0, 0%, 0%, 0.794) 66%,     hsla(0, 0%, 0%, 0.857) 72%,     hsla(0, 0%, 0%, 0.913) 79.5%,     hsla(0, 0%, 0%, 0.961) 88.7%,     hsl(0, 0%, 0%) 100%   );
}
.module-lastnews .cards .card .card-content h3, .related .cards .card .card-content h3  {color: #fff;font-size: 20px;}
.module-lastnews .cards .card .card-content .text, .related .cards .card .card-content .text{color: #eee;}
.related .cards .card {overflow: hidden;border-radius: 10px;height: 280px;background-size: cover;background-position: center;position: relative;transition: all 0.3s;}
.related .cards .card:hover{opacity: 0.9;cursor: pointer;}
.related .cards .card img{object-fit: cover;object-position: 50% 0; opacity: 1; transition: all 0.3s}
.cards > div {padding: 5px; margin:0;}
/**
 * Quote module

*/
#sidebar .module-quote {
    background: #EFEFEF;
    padding: 15px;
    margin: 0 -15px 1px -15px;
}

#sidebar .module-quote header h2 {
    border-color: #ADACAC;
}

#sidebar blockquote {
    border: none;
    padding: 0 0 0 45px;
    margin: 0;
    color: #555;
}

#sidebar blockquote p, h2 {
    font: italic 400 18px/24px 'Roboto Slab', serif;
    /* color: #fff; */
    margin: 0 0 15px 0;
}

#sidebar blockquote footer {
    font-size: 13px;
    /* color: #fff; */
}

#sidebar > section.module-quote > blockquote > h2 {
    color: black;
}

/**
 * Singles module
 */
#sidebar .module-singles {
    background: #54878a;
    padding: 15px;
    margin: 0 -15px 1px -15px;
}

#sidebar .module-singles header h2 {
    border-color: #5d8d90;
}

#sidebar .module-singles ul {
    list-style: none;
    padding: 0;
}

#sidebar .module-singles ul li {
    border-top: 1px solid #769fa1;
    padding-top: 15px;
    margin-top: 15px;
}

#sidebar .module-singles ul li:first-child {
    border-top: none;
    margin-top: 0;
}

#sidebar .module-singles li .glyphicon {
    float: left;
    color: #9dc5c7;
    font-size: 28px;
    margin-right: 12px;
}

#sidebar .module-singles li a {
    display: block;
    font: 400 15px/18px 'Roboto Slab', serif;
    color: #fff;
}

#sidebar .module-singles li span.author {
    color: #9dc5c7;
}

/**
 * News module
 */
#sidebar .module-news {
    margin-bottom: 5px;
}

#sidebar .module-news article {
    padding: 15px 0;
    margin: 0;
    border-top: 1px solid #D4D4D4;
    min-height: 80px;
}

#sidebar .module-news article:first-child {
    padding-top: 0;
    border: none;
}

#sidebar .module-news article h3 {
    font: 700 15px/18px 'Roboto Condensed', sans-serif;
    margin: 0;
    max-height: 54px;
    overflow: hidden;
}

#sidebar .module-news article h3 a {
    color: #444;
}

#sidebar .module-news article h3 a:hover {
    color: #797979;
}

#sidebar .module-news article span.published {
    display: block;
    font-size: 11px;
    line-height: 11px;
    color: #999;
    margin: 3px 0 6px 0;
}

#sidebar .module-news article span.published span.category {
    display: inline-block;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #999;
}

#sidebar .module-news article img {
    display: block;
    float: left;
    margin-right: 12px;
}

/**
 * Photos module
 */
#sidebar .module-photos p {
    font-size: 13px;
}

#sidebar .module-photos .row img {
    width: 100%;
}

#sidebar .module-photos .col-xs-4 {
    padding: 0;
    border-left: 1px solid #444;
}

#sidebar .module-photos article {
    margin: 0 0 1px 0;
}

#sidebar .module-photos .col-xs-4:first-child {
    border-left: none;
}

#sidebar .module-photos article a {
    display: block;
    position: relative;
}

/**
 * Media Queries
 */
/*@media (min-width: 992px) {

    #sidebar .module-photos .col-xs-4:first-child img {
        width: 100px;
        height: 79px;
    }

}*/
@media (min-width: 1200px) {
    #sidebar .module-quote {
        padding: 20px 25px;
        margin: 0 -25px 1px -25px;
    }

    #sidebar .module-singles {
        padding: 20px 25px;
        margin: 0 -25px 1px -25px;
    }
}

/* ==========================================================================
   Footer
   ========================================================================== */
/**
 *
 * Search
 *
 */
#search-form {
    padding: 10px;
    text-align: center;
}

#search-form input#story {
    width: 400px;
}

/**
 * Navigation
 */
#page-footer {
    position: relative;
}

#foot-menu {
    height: 70px;
    border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
}

#foot-menu ul {
    padding: 0;
}

#foot-menu ul li {
    list-style: none;
    float: left;
    margin-right: 1px;
}

#foot-menu ul li a {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 68px;
    color: #222;
    text-transform: uppercase;
    padding: 0 22px;
    border-bottom: 1px solid #222;
}

#foot-menu ul li.current a, #foot-menu ul li a:hover {
    color: #999;
}

#foot-menu ul li.options {
    float: right;
    padding-right: 10px;
}

#foot-menu ul li.options a {
    display: inline-block;
    font-size: 12px;
    color: #999;
    padding: 0 10px;
    border: none;
}

#foot-menu ul li.options a span.glyphicon {
    padding-left: 10px;
    color: #999;
}

#foot-menu ul li.options a:hover, #foot-menu ul li.options a:hover span {
    color: #222;
}

.adv ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.adv ul li {
    display: flex;
}

.adv ul li a {
    text-transform: uppercase;
    font-size: 13px;
    color: #888;
    padding: 10px;
}

.adv {
    border-bottom: 1px solid #e4e4e4;
}

/**
 * About
 */
#page-footer .about {
    font-size: 13px;
    color: #888;
    padding: 0 0 25px 0;
}

#page-footer .row {
    margin: 0;
}

#page-footer .about div {
    font-size: 13px;
    color: #888;
    margin-top: 30px;
}

#page-footer .about h3 {
    text-align: center;
}

#page-footer .about h4 {
    font-size: 15px;
    color: #444;
}

#page-footer .about a {
    color: #828282;
}

#page-footer .about a i.fa {
    margin-right: 10px;
}

#page-footer .about a:hover {
    color: #222;
}

#page-footer .about ul {
    list-style: none;
    padding: 0;
}

#page-footer .about ul li {
    float: left;
    width: 50%;
}

/**
 * Copyright
 */
#page-footer .copyright {
    font-size: 13px;
    color: #888;
    padding: 10px 0;
    border-top: 1px solid #e4e4e4;
}

#page-footer .copyright div {
    text-align: center;
}

#page-footer .copyright a {
    font-weight: 700;
    color: #444;
}

/**
 * Media Queries
 */
@media (min-width: 768px) {
    #page-footer .about div {
        margin-top: 15px;
    }

    #page-footer .about div:first-child {
        margin-top: 0;
    }

    #page-footer .copyright div {
        text-align: left;
    }

    #page-footer .copyright div.text-right {
        text-align: right;
    }
}

@media (min-width: 992px) {
    #page-footer .about h3 {
        text-align: left;
        padding-top: 15px;
    }

    #page-footer .about div {
        padding: 0 20px 0 20px;
    }

    #page-footer .about div:first-child {
        padding-left: 5px;
    }
}

/* ==========================================================================
   Banners
   ========================================================================== */
/**
 * Banners
 */
.ad {
    text-align: center;
    margin: 0 0 20px 0;
    overflow: hidden;
}

.ad-separator {
    background: #383838;
    padding: 20px;
    margin: 0 -20px 20px -20px;
}

.banner_under_news {
    width: auto;
    clear: both;
}

/**
 * Media Queries
 */
@media (min-width: 992px) {
    .ad-separator {
        padding: 15px;
        margin: 0 -15px 20px -15px;
    }
}

@media (min-width: 1200px) {
    .ad-separator {
        padding: 20px 25px;
        margin: 0 -25px 20px -25px;
    }
}

/*----  button "Scroll up"  ----*/
#scrollToTop {
    color: white;
    cursor: pointer;
    position: fixed;
    top: 520px;
    right: 7px;
    background: rgba(92, 92, 92, .8);
    padding: 15px 15px;
    border-radius: 5px 5px 5px 5px;
}

/*----  End Scroll up   ----*/
.currency {
    position: absolute;
    top: 10px;
    left: 30px;
    text-align: left;
}

.currency td {
    padding-left: 5px;
    color: #3F3F3F;
}

.currency td:last-child {
    padding-left: 10px;
}

.currency tr > td:nth-child(3) {
    padding-right: 10px;
}

.currency p {
    font-size: 10px;
}

.currency span {
    font-size: 10px;
    float: right;
    margin-right: 8px;
}

.cur_down {
    color: #f84443;
}

.cur_up {
    color: #45b255;
}

/*----  Registration Form  ----*/
.registration-form label {
    display: inline-block;
    width: 100px;
}

#result-registration {
    height: 30px;
}

/*---- End Registration Form  ----*/
/*----  Social networks   ----*/
.social_network {
    margin-left: -25px;
    width: 300px;
}

.social_network > div {
    margin-top: 10px;
    margin-bottom: 10px;
}

.social_network header {
    padding-top: 10px;
    margin-left: 20px;
}

#sidebar >.social_network > blockquote {
    padding: 0;
    margin-left: 20px;
}

/*---- END  social networks   ----*/
.logotype > img {
    /* margin-top: 10px; */
}

/*----  Banners Style  ----*/
.banner_sidebar1 {
    width: 300px;
    margin: 0px 0 20px -25px;
}

/*---- End  Banners Style  ----*/
#disqus_thread {
    margin-top: 50px;
}

/*----  Style fot Yandex-Metrika and Live-Internet  ----*/
.mtrk {
    float: left;
    margin: 0;
}

/*---- End  Style fot Yandex-Metrika and Live-Internet  ----*/
.yashare-auto-init {
    margin-left: 0px;
}

@media (max-width: 1200px) {
    .banner_sidebar1, .social_network {
        text-align:center;
        margin-left: -15px;
    }

    #header-branding #search-form {
        width: 260px;
        margin-left: 70px;
    }

    #header-branding #search-form input {
        width: 200px;
    }

    #header-navigation ul li a {
        font-size: 11px;
    }
    #page-footer .about h3 {
        margin-left: -66px;
    }
}
.lenta {
    left: -40px;
    position: absolute;
}

.age {
    border: 4px solid white;
    font-size: 22px;
    margin: 20px 0 0 33px;
    float: left;
    color: white;
    line-height: 39px;
    border-radius: 100%;
    padding: 5px;
    width: 55px;
    height: 55px;
    font-weight: bold;
}
section.fstory {
    background: #fff;
}
.balance {
    height: 50px
}
.balance .current {
    color: rgb(58, 165, 50);
    font-size: 18pt;
    padding: 5px;
    background-color: white;
    display: inline-block;
}
.ya_subscribe {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}
.ya_subscribe a {
    display: block;
    float: left;
    width: 180px;
    height: 54px;
    height: 28px;
    background-position: center;
}
.ya_subscribe a.ya_news {
    background-image: url(../../images/yandex_news.png);
}
.ya_subscribe a.ya_zen {
    background-image: url(../../images/yandex_zen.png);
    width: 160px
}
.module-timeline .thumb {
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    border: 2px solid #444444;
    border-radius: 100%;
    left: 0;
    top: 40px;
}
.linkbox img {
    object-fit:cover;
    object-position: 50% 0;
}
aside.inline-suggest{
    width: 320px;
    background-color: #eee3;
    border: 1px solid #eee;
    margin: 0 15px 15px 0;
    float: left;
    border-radius: 5px;
}
aside.inline-suggest#topic-inline{
    float:right;
}
.suggest-header{
    padding: 10px;
    font-weight: bold;
    background-color: #eee;
    }
.suggest-body{
    padding: 15px

}
.suggest-body a{color: #000;}
.suggest-body h3{ font-size: 1em;margin-top: 0;margin-bottom: 5px;}
#article-post aside.inline-suggest .suggest-body .suggest-text .desc{
    font-size: 0.8em;
    line-height: 18px;
}
.suggest-image{
    width: 80px;
    height: auto;

    float: left;
}
.suggest-image img{
    width: 80px;
    height: 80px;

}
.suggest-text{
    display: inline;
    width:190px;
    float: right;
}
.story figure{
    margin: 0 auto;
}
.story figure figcaption {
    font-size: 0.8em;
    color: #777;
    text-align:center;
    padding:5px;
    }