/*
Theme Name: lpost-new
Author: Nikita Listaratov
Version: 3.0.0
*/
     @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=cyrillic-ext,latin-ext);
     @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900&subset=cyrillic-ext,latin-ext);
     @import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700,100&subset=cyrillic-ext,latin-ext);
     @import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700,700italic,400italic&subset=cyrillic-ext,latin-ext);

     * {
         margin:0px;
         padding:0px;
         -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
                 box-sizing: border-box;
     }

     body {
        background-color: #FFFFFF;
        font-family: 'Roboto', Arial, Helvatica, san-serif;
        font-size: 0.9em;
        line-height: 1.3em;
        color:#545454;
     }

     img, embed, object, video {
        max-width: 100%;
        height: auto;
     }

     img {
        border:0px;
     }
     img.wp-post-image {
    width: 100%;
    height: auto;
}

     p {
        margin:10px 0;
     }

     blockquote {
        font-family: 'PT Serif', serif;
        background-color: #F9F9F9;
        padding: 20px 35px 10px 35px;
     }

     blockquote p {
        margin: 0 0 10px 0;
        line-height: 22px;
     }

     .wrapper {
        width: 1200px;
        margin: 0 auto;
     }

     #top {
        position: relative;
        background-color: #333;
        min-height: 67px;
     }

     #mobile-menu {
        float: left;
        display: none;
        width: 30px;
        height: 30px;
        background-image: url(img/menu-mobile.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin: 20px 0 0 25px;
     }

     #mobile-menu-close {
        float: left;
        display: none;
        width: 30px;
        height: 30px;
        background-image: url(img/menu-close.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin: 20px 0 0 25px;
     }

     .sitename {
        position: absolute;
        float: left;
        font-family: 'Roboto', sans-serif;
        font-size: 35px;
        line-height: 35px;
        letter-spacing: 2px;
        margin: 0 0 0 20px;
        font-weight: bold;
        text-transform: uppercase;
        z-index: 10000;
     }

     .sitename a,
     .sitename a:hover {
        display: block;
        color: #FFFFFF;
        padding: 30px 20px;
        background-color: #FF4A00;
        text-decoration: none;
        box-shadow: 0 0 5px rgba(0,0,0,0.5);
     }

     #category-menu {
        float: left;
        list-style-type: none;
        overflow: hidden;
        font-size: 15px;
        line-height: 17px;
        margin: 0 0 0 190px;
     }

     #category-menu li {
        float: left;
        text-transform: uppercase;
     }

     #category-menu li a {
        display: block;
        padding: 25px 15px;
        color: #B2B2B2;
        text-decoration: none;
     }

     #category-menu li a:hover,
     #category-menu li.current-menu-item a,
     #category-menu li.current-post-ancestor a {
        color: #FFFFFF;
     }

     #social-hub {
        float: right;
        margin: 20px 20px 0 0;
        list-style-type: none;
        overflow: hidden;
     }

     #social-hub li {
        float: right;
        margin: 0 10px 0 0;
     }

     #social-hub li a {
        display: block;
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        background-position: center;
     }

     #social-hub li a.rss {
        background-image: url(img/rss-30-g.png);
     }

     #social-hub li a.rss:hover {
        background-image: url(img/rss-30-w.png);
     }

     #social-hub li a.fb {
        background-image: url(img/fb-30-g.png);
     }

     #social-hub li a.fb:hover {
        background-image: url(img/fb-30-w.png);
     }

     #social-hub li a.twi {
        background-image: url(img/twi-30-g.png);
     }

     #social-hub li a.twi:hover {
        background-image: url(img/twi-30-w.png);
     }

     #top-five-posts {
        margin: 0 0 30px 0;
     }

     .top-post {
        float: left;
        position: relative;
        width: 25%;
        height: 300px;
        background-color: #EAEAEA;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border: 1px solid #FFFFFF;
        z-index: 10;
     }

     .top-post:first-child {
        width: 50%;
        height: 600px;
     }

     .top-post h2 {
        position: absolute;
        font-family: 'PT Serif';
        bottom: 20px;
        left: 20px;
        right: 20px;
        font-size: 20px;
        line-height: 22px;
        z-index: 15;
        font-weight: bold;
     }

     .top-post img {
        display: block;
     }

     .top-post h2 a {
        color: #FFFFFF;
        text-decoration: none;
     }

     .top-post:first-child h2 {
        font-size: 50px;
        line-height: 50px;
        left: 30px;
        top: 70px;
        right: 30px;
     }

     .top-post a[rel~="category"],
     .mini-post a[rel~="category"] {
        position: absolute;
        display: block;
        top: 20px;
        left: 20px;
        color: #FFFFFF;
        font-size: 10px;
        line-height: 10px;
        z-index: 15;
        text-decoration: none;
        text-transform: uppercase;
     }

     .top-post:first-child a[rel~="category"] {
        top: 30px;
        left: 30px;
     }

     .splasher {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.6);
        z-index: 12;
     }

     .splasher:hover {
        background-color: rgba(0,0,0,0.4);
     }

     body.single-post #middle,
     body.page #middle,
     body.archive #middle {
        margin: 30px 0;
     }

     #breadcrumbs {
        font-size: 14px;
        line-height: 16px;
        color: #888;
        margin: 10px 0 20px 0;
     }

     #breadcrumbs a {
        color: #888;
        text-decoration: none;
     }

     h1.entry-title {
        font-family: 'PT Serif', serif;
        font-size: 45px;
        line-height: 45px;
        color: #000;
        font-weight: normal;
        margin: 0 0 20px 0;
     }

     .metabox {
        font-size: 14px;
        line-height: 14px;
        color: #888;
        text-transform: uppercase;
     }

     .metabox a {
        color: #888;
        text-decoration: none;
     }

     .ya-share2 {
        margin: 20px 0;
     }

     #content {
        float: left;
        width: calc(100% - 330px);
     }

     .mini-post {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 48%;
        margin: 0 -4px 4% 4%;
     }

     .mini-post:nth-child(2n+1) {
        margin: 0 -4px 4% 0;
     }

     .mini-post h2 {
        position: absolute;
        font-family: 'PT Serif';
        bottom: 30px;
        left: 30px;
        right: 50px;
        font-size: 25px;
        line-height: 25px;
        z-index: 15;
     }

     .mini-post h2 a {
        color: #FFFFFF;
        text-decoration: none;
     }

     .mini-post a[rel~="category"] {
        top: 30px;
        left: 30px;
     }

     .mini-post img {
        display: block;
     }

     .mini-post.classic {
        position: static;
     }

     .mini-post.classic h2 {
        position: static;
        margin: -70px 0 0 25%;
     }

     .mini-post.classic h2 a {
        color: #000;
        display: block;
        padding: 15px;
        background-color: #FFFFFF;
     }

     h1.cat-title {
        font-size: 40px;
        line-height: 45px;
        color: #FF4A00;
        margin: 30px 0;
     }

     img#mainImg {
        display: block;
     }

     .mainimg-sign {
        color: #999;
        font-size: 12px;
        line-height: 12px;
        margin: 5px 0 30px 0;
     }

     h2.headbox {
        font-size: 25px;
        line-height: 30px;
        color: #000;
        font-weight: normal;
        margin: 15px 0 20px 0;
     }

     .article-body {
        margin: 30px 0;
     }

     .article-body h3 {
       color: #000;
       font-size: 23px;
       line-height: 28px;
       font-weight: 500;
       margin: 27px 0 10px 0;
     }

     .article-body p {
        margin: 15px 0;
        font-size: 18px;
        line-height: /*20px*/ 24px;
        font-weight: 100;
     }

     .article-body ul,
     .article-body ol {
        margin: 20px;
        font-size: 18px;
        line-height: /*20px*/ 24px;
        font-weight: 100;
     }

     .article-body ul > ul,
     .article-body ul > ol,
     .article-body ol > ul,
     .article-body ol > ol {
        margin: 10px 0 10px 20px;
     }

     .source {
        font-size: 12px;
        line-height: 14px;
        margin: 5px 0;
        letter-spacing: 1px;
        text-transform: uppercase;
        overflow: hidden;
     }

     .source-name {
        float: left;
        padding: 7px 7px 5px 7px;
        background-color: #000;
        color: #FFFFFF;
        border-radius: 2px 0 0 2px;
     }

     .source-link {
        float: left;
        display: block;
        padding: 7px 7px 5px 7px;
        background-color: #FF4A00;
        color: #FFFFFF;
        text-decoration: none;
        border-radius: 0 2px 2px 0;
     }

     .source-link:hover {
        color: #FFFFFF;
     }

     ul#tags {
        overflow: hidden;
        margin: 10px 0;
     }

     ul#tags li {
        float: left;
        position: relative;
        list-style-type: none;
        margin: 0 10px 10px 0;
        padding: 0 0 0 10px;
        color: #888;
     }

     ul#tags li:before {
       content: "#";
       position: absolute;
       top: 0;
       left: 0;
     }

     ul#tags li a {
        display: inline-block;
        /*padding: 7px 7px 5px 7px;
        background-color: #FF4A00;
        color: #FFFFFF;
        border-radius: 2px;*/
        color: #888;
        text-decoration: none;
        text-transform: uppercase;
     }

     ul#tags li a:hover {
        color: #FF4A00;
     }



     .same-category {
        margin: 20px 0;
     }

     .same-category h3 {
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 20px 0;
        font-weight: normal;
        text-transform: uppercase;
     }

     .same-category .mini-post,
     .same-category .mini-post:nth-child(2n+1) {
        width: 32%;
        margin: 0 -4px 2% 2%;
     }

     .same-category .mini-post:nth-child(3n+1) {
        margin: 0 -4px 2% 0;
     }

     .same-category .mini-post h2 {
        font-size: 18px;
        line-height: 20px;
        left: 15px;
        bottom: 15px;
        font-family: "Roboto";
        font-weight: normal;
     }


     #sidebar {
        float: right;
        width: 300px;
        margin: 0 0 5% 0;
     }

     h3.sidebar-header {
    color: #545454;
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
}

.butn {
    display: block;
    padding: 20px;
    text-decoration: none;
}


.butn.social {
    position: relative;
    padding: 15px;
    border-radius: 3px;
    margin: 0 0 10px 0;
}

.butn.social span.text {
    float: left;
    display: block;
    margin: 0 0 0 15px;
    font-size: 20px;
    line-height: 25px;
}
.butn.social .social-counter {
    font-size: 20px;
    line-height: 25px;
}

.butn.facebook {
    background-color: #425497;
    color: #FFFFFF;
    border: 1px solid #425497;
}

.butn.facebook span.icon {
    float: left;
    display: block;
    width: 25px;
    height: 25px;
    background: url(/static/themes/green/img/facebook-17-white.png) no-repeat center center;
}

.butn.twitter span.icon {
    float: left;
    display: block;
    width: 25px;
    height: 25px;
    background: url(/static/themes/green/img/twitter-17-white.png) no-repeat center center;
}

.butn.telegram span.icon {
    float: left;
    display: block;
    width: 25px;
    height: 25px;
    background: url(/static/themes/green/img/plane-24.png) no-repeat center center;
}

.butn.twitter {
    background-color: #00b7ec;
    color: #FFFFFF;
    border: 1px solid #00b7ec;
}

.butn.telegram {
    background-color: #179cde;
    color: #FFFFFF;
    border: 1px solid #179cde;
}

.sidebar-block {
    border-top: 1px solid #EAEAEA;
    background-color: #f7f7f7;
    padding: 20px 20px 15px 20px;
}

#stocks {
    background-color: #f7f7f7;
    padding: 20px 20px 15px 20px;
    text-transform: uppercase;
    margin: 30px 0 0 0;
}

#stocks h4 {
    color: #545454;
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 5px 0;
}

#stocks > div {
    border-bottom: 1px solid #EAEAEA;
    padding: 5px 0;
}
#stocks > div:last-child {
    border-bottom: 0px;
}

#stocks > div span {
    display: inline-block;
    margin: 0 -4px 0 0;
    width: 33.3333%;
}

#stocks > div span:last-child {
    text-align: right;
}

#stocks > div.upper span {
    color: #16A085;
}

#stocks > div.downer span {
    color: #E74C3E;
}

#bitcoin > div {
    float: left;
    width: 50%;
    margin: 2px 0;
}

.popular-post {
    margin: 0 0 10px 0;
}

.popular-post h4 {
    position: relative;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    margin: -50px 0 0 50px;
}

.popular-post h4 a {
    color: #16A085;
    display: block;
    padding: 15px;
    background-color: rgba(247,247,247, 1);
    text-decoration: none;
}

     ol.wp-paginate {
        margin: 0 0 20px 0;
        overflow: hidden;
        font-size: 16px;
        line-height: 18px;
     }

     ol.wp-paginate li {
        float: left;
        list-style-type: none;
        margin: 0 5px 5px 0;
     }

     ol.wp-paginate li a {
        display: block;
        color: #999;
        text-decoration: none;
        background-color: #F2F2F2;
        padding: 5px 7px;
        border-radius: 2px;
     }

     ol.wp-paginate li span.current {
        display: block;
        color: #FFFFFF;
        text-decoration: none;
        background-color: #FF4A00;
        padding: 5px 7px;
        border-radius: 2px;
     }

     #footer {
        position: relative;
        padding: 30px 0;
        background-color: #F2F2F2;
     }

     .bottom-logo {
        color: #FF4A00;
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 15px 0;
        text-transform: uppercase;
     }

     .f-block {
        display: inline-block;
        vertical-align: top;
        width: 30%;
        margin: 0 -4px 5% 5%;
        font-size: 14px;
        line-height: 16px;
     }

     .f-block:nth-child(3n+1) {
        margin: 0 -4px 5% 0;
     }

     .f-block ul {
        list-style-type: none;
     }

     .f-block ul li a {
        display: block;
        color: #999;
        text-decoration: none;
     }

     .f-block ul li a:hover {
        color: #FF4A00;
     }

     .f-block .about {
        margin: 20px 0 0 0;
     }

     .f-block .about a {
        color: #545454;
     }

     #bottom-menu {
        overflow: hidden;
     }

     #bottom-menu li {
        float: left;
        margin: 0 10px 10px 0;
     }

     #footer .version {
        font-size: 10px;
        line-height: 12px;
        color: #999;
        text-transform: uppercase;
     }

      #bottom-social-hub {
        margin: 20px 0 0 0;
        list-style-type: none;
        overflow: hidden;
     }

     #bottom-social-hub li {
        float: right;
        margin: 0 0 0 10px;
     }

     #bottom-social-hub li a {
        display: block;
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        background-position: center;
     }

     #bottom-social-hub li a.rss {
        background-image: url(img/rss-30-g.png);
     }

     #bottom-social-hub li a.rss:hover {
        background-image: url(img/rss-30-w.png);
     }

     #bottom-social-hub li a.fb {
        background-image: url(img/fb-30-g.png);
     }

     #bottom-social-hub li a.fb:hover {
        background-image: url(img/fb-30-w.png);
     }

     #bottom-social-hub li a.twi {
        background-image: url(img/twi-30-g.png);
     }

     #bottom-social-hub li a.twi:hover {
        background-image: url(img/twi-30-w.png);
     }

     .unspoken-box {
        padding: 12px;
     }

     .wpcf7-text,
     .wpcf7-textarea {
        width: 100%;
        margin: 5px 0;
        padding: 15px;
        font-size: 20px;
        line-height: 20px;
        border: 3px solid #EAEAEA;
        outline: 0;
     }

     .wpcf7-textarea {
        min-height: 300px;
     }

     .wpcf7-captchar {
        width: 150px;
        margin: 5px 0;
        padding: 5px;
        font-size: 20px;
        line-height: 20px;
        border: 3px solid #EAEAEA;
        outline: 0;
     }


     .wpcf7-submit {
        display: inline-block;
        margin: 15px 0;
        padding: 15px;
        font-size: 16px;
        line-height: 16px;
        color: #FFFFFF;
        background-color: #16A085;
        border: 0;
        border-radius: 3px;
        cursor: pointer;
        text-transform: uppercase;
     }

     /*links*/

     a {
        color:#3D9EF2;
     }

     a:hover {
        color:#FF4E7B;
     }



    /* helpers*/

     .clr {
        clear: both;
     }

     .clearfix {
        overflow: hidden;
     }

     .text-center {
        text-align: center;
     }

     .text-right {
        text-align: right;
     }

     .text-upper {
        text-transform: uppercase;
     }

     .orange {
        color: #FF4A00;
     }

     .w300 {
        width: 300px;
     }

     .w500 {
        width: 500px;
     }

     .right {
        float: right;
     }


     .neutral {
        margin: 0 auto;
     }


     .top10 {
        margin-top: 10px;
     }

     .top20 {
        margin-top: 20px;
     }

     .top30 {
        margin-top: 30px;
     }

     .top40 {
        margin-top: 40px;
     }

     .top50 {
        margin-top: 50px;
     }

     .bottom10 {
        margin-bottom: 10px;
     }

     .bottom20 {
        margin-bottom: 20px;
     }

     .bottom30 {
        margin-bottom: 30px;
     }

     .bottom40 {
        margin-bottom: 40px;
     }

     .bottom50 {
        margin-bottom: 50px;
     }

     .fs15 {
       font-size: 15px;
     }

     .fs20 {
       font-size: 20px;
     }

     .fs25 {
       font-size: 25px;
     }

     .lh15 {
       line-height: 15px;
     }

     .lh20 {
       line-height: 20px;
     }

     .lh25 {
       line-height: 25px;
     }

     /* Rezina */

     @media only screen and (min-width: 2500px) {
        html {
            background-color: #F2F2F2;
        }

        body {
            width: 2500px;
            margin: auto;
            box-shadow: 0 0 5px rgba(0,0,0,0.5);
        }
     }

     @media only screen and (max-width: 1250px) {
        .wrapper {
            width: 95%;
        }
     }


     @media only screen and (max-width: 1050px) {
        #content,
        #sidebar {
            float: none;
            width: auto;
        }

        .mini-post,
        .mini-post:nth-child(2n+1) {
            width: 31.3333%;
            margin: 0 -4px 3% 3%;
        }

        .mini-post:nth-child(3n+1) {
            margin: 0 -4px 3% 0;
        }

        .popular-post {
            display: inline-block;
            vertical-align: top;
            width: 31.3333%;
            margin: 0 -4px 3% 3%;
        }

        .popular-post:nth-child(3n+1) {
            margin: 0 -4px 3% 0;
        }

     }


     @media only screen and (max-width: 900px) {
        .wrapper {
            width: 90% !important;
        }

        #mobile-menu {
            display: block;
        }


        .sitename {
            margin-left: 80px;
        }

        .top-post:first-child {
            float: none;
            width: 100%;
            margin: 0 0 4% 0;
        }


        .top-post {
            float: left;
            width: 50%;
        }

         #category-menu {
            display: none;
            margin: 45px 0 35px 0;
            width: 100%;
         }

         #category-menu li {
            float: none;
            width: 100%;
         }

         #category-menu li a {
            padding: 15px 15px 15px 82px;
         }

        .mini-post,
        .mini-post:nth-child(3n+1) {
            width: 48.5% !important;
            margin: 0 -4px 3% 3% !important;
        }

        .mini-post:nth-child(2n+1) {
            margin: 0 -4px 3% 0 !important;
        }

        .popular-post,
        .popular-post:nth-child(3n+1){
            display: inline-block;
            vertical-align: top;
            width: 48.5%;
            margin: 0 -4px 3% 3%;
        }

        .popular-post:nth-child(2n+1) {
            margin: 0 -4px 3% 0;
        }
     }


     @media only screen and (max-width: 650px) {

        .sitename a,
        .sitename a:hover {
            padding: 20px 15px;
        }

        #social-hub li {
            margin: 0 0 0 5px;
        }

        .top-post:first-child {
            height: 300px;
        }

        .top-post,
        .top-post:first-child {
            float: none;
            width: 100%;
            margin: 0 0 4% 0;
        }

        .mini-post,
        .mini-post:nth-child(2n+1),
        .mini-post:nth-child(3n+1) {
            width: 100% !important;
            margin: 0 -4px 4% 0 !important;
        }

        .popular-post,
        .popular-post:nth-child(2n+1),
        .popular-post:nth-child(3n+1) {
            display: inline-block;
            vertical-align: top;
            width: 100%;
            margin: 0 -4px 5% 0;
        }

        .top-post:first-child h2 {
            font-size: 20px;
            line-height: 22px;
        }

        .f-block,
        .f-block:nth-child(3n+1) {
            width: 100%;
            margin: 0 -4px 5px 0;
            text-align: center;
        }

        #bottom-social-hub {
            width: 120px;
            margin: auto;
        }

        #bottom-social-hub li {
            margin: 0 5px;
        }

        #bottom-menu {
            margin-bottom: 35px;
        }

        #bottom-menu li {
            margin: 0;
            width: 50%;
            text-align: center;
        }

     }

     /* adaptive section */

     @media only screen
     and (min-device-width : 300px)
     and (max-device-width : 700px)  {
        /* mobile here */
     }


     @media only screen
     and (min-device-width : 300px)
     and (max-device-width : 700px)
     and (orientation : landscape) {
        /* mobile landscape here */
     }


     @media only screen
     and (min-device-width : 768px)
     and (max-device-width : 1024px) {
        /* pad's here */
     }

     @media only screen
     and (min-device-width : 768px)
     and (max-device-width : 1024px)
     and (orientation : portrait) {
        /* pad's landscape here */
     }


     /*Retina support*/