Theme Name: FP-politika

/*Theme URI: http://www.websitebundles.com/
/*Description: Theme by Site <a href=\"http://childthemegenerator.com/\">http://childthemegenerator.com/</a>
/*Author: WebsiteBundles Author URI: http://childthemegenerator.com/

/*Version: 1.0
/*Text Domain: Twenty-Seventeen-child -------------------------------------------------------------- */
/* =Theme customization starts here ------------------------------------------------------- */
/* Fonts -----------*/


html[lang="bg-BG"] h1, html[lang="bg-BG"] h2, html[lang="bg-BG"] h3, html[lang="bg-BG"] h4, html[lang="bg-BG"] h5, html[lang="bg-BG"] h6, html[lang="ru-RU"] h1, html[lang="ru-RU"] h2, html[lang="ru-RU"] h3, html[lang="ru-RU"] h4, html[lang="ru-RU"] h5, html[lang="ru-RU"] h6, html[lang="uk"] h1, html[lang="uk"] h2, html[lang="uk"] h3, html[lang="uk"] h4, html[lang="uk"] h5, html[lang="uk"] h6 {
    font-weight: 700;
    line-height: 1;
}



@font-face {
    font-family: fontawesome-regular;
    src: url(/wp-content/themes/FP-politika/fonts/webfonts/fa-regular-400.eot);
    src: url(/wp-content/themes/FP-politika/fonts/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),
    url(/wp-content/themes/FP-politika/fonts/webfonts/fa-regular-4000.woff) format("woff"),
    url(/wp-content/themes/FP-politika/fonts/webfonts/fa-regular-400.ttf) format("truetype");
    font-style: normal;
    font-weight: 300;
}


@font-face {
    font-family: RobotoBlack;
    src:url("/wp-content/themes/FP-politika/fonts/RobotoBlake/Roboto-Black.ttf") format("truetype");
    url("/wp-content/themes/FP-politika/fonts/RobotoBlake/roboto-black.eot?") format("eot"),
    url("/wp-content/themes/FP-politika/fonts/RobotoBlake/roboto-black.woff") format("woff"),
    font-weight: 300;
    font-style:normal;
}

@font-face {font-family: RobotoRegular;
    src:url(/wp-content/themes/FP-politika/fonts/RobotoRegular/Roboto-Regular.ttf) format("truetype"),
    url(/wp-content/themes/FP-politika/fonts/RobotoRegular/RobotoCondensedRegular.eot);
    src: url(/wp-content/themes/FP-politika/fonts/RobotoRegular/RobotoCondensedRegular.eot?#iefix) format("embedded-opentype"),
    url(/wp-content/themes/FP-politika/fonts/RobotoRegular/RobotoCondensedRegular.woff) format("woff"),
    font-style: normal;
    font-weight: 300;

}
@font-face {font-family: RobotoBold;
    src: url(/wp-content/themes/FP-politika/fonts/RobotoBold/Roboto-Bold.ttf) format("truetype"),
    url(/wp-content/themes/FP-politika/fonts/RobotoBold/RobotoCondensedBold.eot);
    src: url(/wp-content/themes/FP-politika/fonts/RobotoBold/RobotoCondensedBold.eot?#iefix)
    format("embedded-opentype"), url(/wp-content/themes/FP-politika/fonts/RobotoBold/RobotoCondensedBold.woff) format("woff"),

    font-style: normal;
    font-weight: 300;

}
@font-face {
    font-family: RobotoLight;
    src: url(/wp-content/themes/FP-politika/fonts/RobotoLight/Roboto-Light.ttf) format("truetype");
    font-weight: 300;
}
@font-face {
    font-family: fontawesome-brands;
    src: url(/wp-content/themes/FP-politika/fonts/webfonts/fa-brands-400.eot);
    src: url(/wp-content/themes/FP-politika/fonts/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),
    url(/wp-content/themes/FP-politika/fonts/webfonts/fa-brands-400.woff) format("woff"),
    url(/wp-content/themes/FP-politika/fonts/webfonts/fa-brands-400.ttf) format("truetype");
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: fontawesome;
    src: url(/wp-content/themes/FP-politika/fonts/webfonts/fa-solid-900.eot);
    src: url(/wp-content/themes/FP-politika/fonts/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),
    url(/wp-content/themes/FP-politika/fonts/webfonts/fa-solid-900.woff) format("woff"),
    url(/wp-content/themes/FP-politika/fonts/webfonts/fa-solid-900.ttf) format("truetype");
    font-style: normal;
    font-weight: 300;
}



.header-no-bg, footer  {
    width: 100%;
    background-color: #002a54;
}

footer p, footer a,  .button-section a:visited, .button-section a{
    color: #fff;
}

body{
    margin: 0;
}

.header-no-bg .logo-vybor-main {
    width: 85vw;
    position: absolute;
    top: 8vw;
    left: 6vw;
}
.forecasts h3{
    margin-top: 0;
}

#second .block-preview h3, #second .block-preview h3 a, .width-100-250 h3 {
    margin-top: -5px;
}

footer .logo-vybor-main, .logo-forpost-main{
    width: 100px;
}

.width-17{
    width: 17%;
}

.footer-block{
    vertical-align: top;
    margin: 20px 10px 10px 10px;
}



.header-no-bg .display-inline {
    vertical-align: middle;
}

.menu_mobile::after {
    content: '\f0c9';
    margin-left: 8px;
    font-family: fontawesome;
}
.age_disclamer.display-inline {
    width: auto;
    font-size: 20px;
}
p, text-preview, .text-preview, .header-no-bg li a, .tags-servers a,  h2.entry-title a, h1.entry-title a, .nav-links a, .nav-links span, .date-preview, .button-section a, .share.share-title, input[type="submit"],.quote .entry-title a, .rating .block-preview{
    font-family: RobotoRegular;
    font-weight: 300;
}
a{
    text-decoration: none;
}
footer .info-title {
    font-family: RobotoBold;
    font-weight: 300;
}

h1, h2, h3, #second .single .entry-title a, #second h3.entry-title a, #second .title-read, .title-read, #primary h1.title-read span, .forecasts .entry-title a, .rating .block-preview h3{
    font-family: RobotoBlack;
    font-weight: 300;

}

h3.entry-title a, h3{
    font-size: 18px;
    line-height: 24px;
    color: #000;
    margin: 5px 0;
}

h2, h2.entry-title a{
    font-size: 30px;
    line-height: 36px;
    color: #000;
}

h1.entry-title a, h1{
    font-size: 40px;
    line-height: 48px;
    color: #000;
}

.text-preview, p{
    font-size: 16px;
    line-height: 20px;
    color: #000;
}
a.fab.fa-rss::before {
    color: #4dc5ef;
    content: '\f09e';
    font-family: fontawesome;

}

a.fab.fa-facebook-f::before {
    color: #4dc5ef;
    content: '\f39e';
    font-family: fontawesome-brands;
    padding: 3px 5px;
    font-size: 25px;
}

a.fab.fa-twitter::before {
    color: #4dc5ef;
    content: '\f099';
    font-family: fontawesome-brands;
    font-size: 25px;
}

a.fab.fa-vk::before {
    color: #4dc5ef;
    content: '\f189';
    font-family: fontawesome-brands;
    font-size: 25px;
}

a.fab.fa-instagram::before {
    color: #4dc5ef;
    content: '\f16d';
    font-family: fontawesome-brands;
    font-size: 25px;
}

a.fab.fa-odnoklassniki::before {
    color: #4dc5ef;
    content: '\f263';
    font-family: fontawesome-brands;
    padding: 2.5px 4px;
    font-size: 25px;
}

a.fab.fa-youtube::before {
    color: #4dc5ef;
    content: '\f167';
    font-family: fontawesome-brands;
    font-size: 25px;
}
.date-preview{
    font-size: 14px;
    line-height: 18px;
    color: #999;
}
footer .info-title, footer p{
    font-size: 14px;
}

#content #main-page{
    margin-bottom: 20px;
}
.title-section {
    margin-top: 20px;
}
.title-read{
    color: #da1e2d;
    font-size: 30px;


}
.title-section.title-news .title-read{
    width: 126px;
    vertical-align: middle;
    text-align: left;
    margin-bottom: 1px;
}
.title-section.title-news .black-line{
    width: 1205px;
    margin-bottom: -7px;
}
.title-section .black-line, .black-line{
    border-bottom: 1px solid #000;
}


.button-section, .button, .width-100-250 .button a, input[type="submit"]{
    padding: 3px 0 3px 4px;
    color: #ffff;
    background: #000;
    width: max-content;
    border: none;
}

.scrollup, a.scrollup::before {
    content: url('/wp-content/themes/FP-politika/images/up.png');
    font-family: FontAwesome;
    right: 60px;
    margin: -50px 4px 0 0;
    position: absolute;

}
.entry-name a, .entry-title a, .block-preview a{
    color: #000;
}
.display-inline{
    display: inline-block;
}

.button-section::after, .button::after{
    content: url(/wp-content/themes/FP-politika/images/arrows.png);
    padding: 0 4px;
}



#second .single .entry-title a{
    line-height: 0;
}

.home .opinions img, .home .forecasts img, .size-single-126{
    width: 126px;
    height: 126px;
    object-fit: cover;
}

.home .opinions .entry-title{
    width: 272px;
}
.forecasts .second-column .article{
 margin: 10px 0;
}
.opinions .article{
   margin: 20px 10px;
}
.opinions .block-preview, .forecasts .block-preview{
    margin-left: 10px;
}

.news-1 img{
    width: 564px;
    height: 423px;
    object-fit: cover;
}
.second-column .news img{
    width: 272px;
    height: 204px;
    object-fit: cover;
}
.block-content .news-1{
       width: 564px;
}
.second-column .news, .dossier .article, .forecasts .block-preview{
    width: 272px;
}
.second-column{
    max-width: 876px ;
}

.news{
    margin: 20px 10px;
    vertical-align: top;

}



#main-page, footer, .header-no-bg, #content, .single #primary img{
   text-align: center;
}


.news .article, .article, .rating .block-preview, footer .footer-block, .archive h1, .single #primary, .page-template-rathing-template .candidate, .page-template-rathing-template .title-read, .error404 #primary, .search-results #primary{
    text-align: left;
}

.vertical-top{
    vertical-align: top;
}

.search-results .wrap{
    margin: 40px 0;
}

.dossier .article img, .home .forecasts-1 img, .rating img, .size-single_272, size-single-272{
    width: 272px;
    height: 272px;
    object-fit: cover;
}

.dossier .article{
    margin: 20px 10px;
}
.search-submit{
    padding: inherit;
    position: absolute;
    background: none;
    border: none;
    margin: 4px 0 0 -23px;
}
.search-field{
    height: 29px;
    width: 175px;
}

.dossier .dossier-6, .opinions .opinion-6, .quote .quote-6, .rating.rating-6, .rating.rating-7, .rating.rating-5, .search-form .screen-reader-text, .menu_mobile, h2.screen-reader-text, .forecasts .forecasts-6{
    display: none;
}
.forecasts-1 img{
    margin-left: 10px;
}
.quote .article{
    max-width: 270px;
    margin: 20px 10px;
}
.quote img{
    margin-bottom: -4px;
}
button.search-submit::before {
    content: '\f002';
    font-family: fontawesome;
    font-size: 21px;
}
.rating{
    width: 272px;
    margin: 10px 8px;
}
.rating .position{
    position: sticky;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 28px;
    background: #fff;
    color: #4dc5ef;
    font-family: RobotoBold;
    margin-top: -49px;
}
.rathing-position{
    position: sticky;
    width: 35px;
    height: 35px;
    font-size: 28px;
    background: #fff;
    color: #4dc5ef;
    font-family: RobotoBold;
    margin-right: -35px;
    text-align: center;
}

footer .footer-combining{
    width: 32%;
}
.width-50{
    width: 49%;
}

.header-no-bg .logo-forpost-main{
    margin: 20px 480px 20px auto ;
}
.header-no-bg li{
    list-style-type: none;
    display: inline-block;
    text-transform: uppercase;
    font-family: RobotoRegular;
    font-size: 16px;
    margin: auto 10px;
}
.header-no-bg li a{
    color: #fff;
}
.header-no-bg .search-form{
    width: 190px;
    margin: auto 10px;
}
.header-no-bg .age_disclamer{
    color: #fff;
    font-family: RobotoBold;
    font-size: 16px;
}
.post-type-archive #primary .article,  #primary.content-listed .article {
    width: 272px;
    display: inline-block;
}
aside#second{
    display: inline-block;
    width: 546px;
}
div#primary {
    width: 880px;
    vertical-align: top;
}
div#primary .article{
    vertical-align: top;
}
.post-archive{
    padding: 20px 10px;
    border-top: 1px solid #999;
}
.post-archive.archive-0, .post-archive.archive-1, .post-archive.archive-2{
    border: none;
}
.post-archive.archive-3, .post-archive.archive-6, .post-archive.archive-9{
    padding-left: 0;
    margin-left: 10px;
}
.post-archive.archive-5, .post-archive.archive-8, .post-archive.archive-11{
    padding-right: 0;
    margin-right: 10px;
}
#second .article img{
    margin: auto 20px 10px auto;
}
.main-single .block-preview{
    width: 238px;
}
#second .article{
    margin: 10px 0;
}
#second .single .block-preview{
    width: 380px;
}

#second .button-section{
    float: right;
}
#second{
    margin-left: 30px;
}
#second .rathing-block-title{
    float: left;
}
.archive h1{
    margin: 0 10px;
}
.archive .wrap, .single .wrap, .page-template-rathing-template .wrap, .error404 .wrap{
    margin-top: 40px;
}
#second .rathing-block-wrapper{
    margin-bottom: 20px;

}
#second .single-title .black-line{
    width: 391px;
}
#second .opinion-title .black-line{
    width: 409px;
}

.nav-links a{
    color: #000000;
    text-decoration: underline;
}
.nav-links a, .nav-links span{
    font-size: 16px;
}
#second .rathing-block-title{
    margin: -5px 3px 0 0;
}
#second .dossier .entry-title{
    width: 200px;
}
#second .dossier{
    padding: 20px 0px;
    border-top: 1px solid #999;
}
#second .dossier-0 .dossier{
    border-top: none;
    padding: 0;
}
#second .dossier-title .black-line{
    width: 447px;
}

.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    height: 642px;
    object-fit: cover;
    width: 856px;
    float: none;
    display: block;
    margin: 0 auto 20px;
}
blockquote{
    font-size: 20px;
    border-left: 5px solid #999;
    padding-left: 15px;
    margin-right: 0;
}
blockquote p{
    font-size: 20px;
    line-height: 24px;
    font-family: RobotoLight;
}
.single .content-area a, .page-template-custom_login .site-main a, .error404 #primary a, .search-results #primary .link-more a {
    color: #002a54;
    text-decoration: underline;
    font-family: RobotoBold;

}
.display-inline.tags-servers, .share.share-title{
    padding: 4px 9px;
    min-width: 67px;
    text-align: center;
    background: #999;

}
.display-inline.tags-servers{
    margin: 0 6px 6px 0;
}
.display-inline.tags-servers a{
    color: #000000;
    text-decoration: none;
}
.content-area .date-preview,.content-area .appraisal{
    float: right;
}

.ya-share2.share{
    vertical-align: bottom;
}

.social-share{
    margin-top: 30px
}
.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
    height: 27px !important;
    width: 27px !important;
    background-size: 27px 27px !important;
}
.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item{
    margin: 2px 8px 0 0 !important;
}
.share.share-title{
    margin-right: 8px;
}
.single h1.entry-title, .page-template-rathing-template h1.title-read{
    margin-top: 0;
}
.single news{
    margin: 0;
}

#second .date-preview{
    margin-top: 5px;
}
#primary h1.title-read span{
    font-size: 40px;
}

.page-template-rathing-template .red-link{
    margin-bottom: 8px;
}


.width-100-250{
    margin-left: 20px;
}
.width-100-250 a{
    color: #000000;
}
.red-link, .red-link a{
    color: #da1e2d;
    text-decoration: underline;
}
.candidate{
 margin: 20px 0;
}
.width-100-250 .button{
    margin-top: 10px;
}


.title-section.title-dossier .black-line{
    width: 1185px;
    margin-bottom: -7px;
}

.title-section.title-dossier .title-read, .title-section.title-opinions .title-read, .title-section.title-forecasts .title-read, .title-section.title-rating .title-read{
   vertical-align: middle;
    margin-right: 13px;
}
.title-section.title-opinions .black-line{
    width: 1220px;
    margin-bottom: -7px;
}
.title-section.title-forecasts .black-line{
    width: 1179px;
    margin-bottom: -7px;
}
.title-section.title-quote .black-line{
    width: 1327px;
    margin-left: 13px;
}
.title-section.title-rating .black-line{
    width: 1105px;
    margin-bottom: -7px;
}
input[type="text"], input[type="password"]{
    color: #666;
    background: #fff;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    padding: 0.7em;
    width: 100%;;
}
.page-template-custom_login div#primary{
    text-align: left;
    padding: 2.5em 25px;
}
.page-template-custom_login form input {
    margin: 16px 0;
    font-size: 16px;
}
.search-dossier input[type="submit"]{
    padding: 4px 9px 5px;
}

.dossier-template-default .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    height: 423px;
    object-fit: cover;
    width: 564px;
    float: none;
    display: block;
    margin: 0 auto 20px;
}

.page-id-32 .search-submit{
    margin: 19px 0 0 -24px;
}
#second .opinions .block-preview{
    width: 374px;
}
#main-page .news-5, #main-page .news-6, #main-page .news-7{
   border-top: 1px solid #999;

}
#main-page .news-5{
    margin: 0 0 20px 10px;
    padding: 20px 10px 0 0;
}
#main-page .news-6{
    margin: 0 0 20px 0;
    padding: 20px 10px 0 10px ;
}

#main-page .news-7{
    margin: 0 10px 20px 0;
    padding: 20px 0 0 10px;
}

.content-listed .article{
    margin: 20px 9px;
}
.slider .owl-stage-outer{
    max-width: 100%;
    overflow: hidden;
}
.slider .owl-stage{
    display: flex;
}
.owl-nav .owl-next, .owl-nav .owl-prev{
    background: black;
    border: black;
    height: 20px;

}
.owl-nav .owl-next:before{
    content: url(/wp-content/themes/FP-politika/images/arrows.png);
}
.owl-nav .owl-prev:before{
    content: url(/wp-content/themes/FP-politika/images/arrows-left.png);
}
.second-button-section{
    margin-right: 2px;
}

.button-section a{
    font-size: 15px;
}

#second .opinions h3.entry-title a {
    font-size: 17px;
}

.home .forecasts{
    margin-top: 20px;
}
.search-dossier input[type='text']{
    width: 30%;
    padding: 5px;
}

a.page-numbers{
    color: black;
    text-decoration: underline;
}
.search-dossier{
    text-align: left;
    margin-left: 15px;
}
.img-description{
    color: #999;
    font-size: 14px;
    line-height: 18px;
    font-family: RobotoRegular;
    margin-bottom: 20px;
}
@media(min-width: 1459px){
    .home .news-1 a{
        font-size: 39px;
        line-height: 1.4;
    }

}


@media(min-width: 874px){
    .home .news-1 h2.entry-title a{
        font-size: 29px;
        line-height: 1.4;
    }
    .home .news-1 .text-preview{
        font-size: 23px;
        line-height: 1.4;
    }
}

@media(min-width: 1459px){
    .home .news-1 a{
        font-size: 39px;
        line-height: 1.4;
    }
    .home .news-1 .text-preview{
        font-size: 23px;
        line-height: 1.4;
    }
}

@media (max-width: 1459px) {
    .forecasts-1 img{
        margin-left: 0;

    }
    .forecasts-1 .block-preview{
        margin-right: 10px;
    }
    .title-section.title-news .black-line{
        width: 913px;
    }
    .title-section.title-dossier .black-line{
        width: 895px;
    }
    .title-section.title-opinions .black-line{
        width: 925px;
    }
    .title-section.title-forecasts .black-line{
        width: 886px;
    }
    .title-section.title-quote .black-line{
        width: 1034px;
    }
    .title-section.title-rating .black-line{
        width: 811px;
    }
    #second .dossier-title .black-line{
        width: 181px;
    }

    #second .rathing-block-wrapper, #second .rathing-block-wrapper, aside#second {
        width: 272px;
    }
    #second .single-title .black-line{
        width: 126px;
    }
    #second .opinion-title .black-line{
        width: 158px;
    }
    #second .article.single img, #second .opinions .article img, #second .article.dossier img{
        margin-right: 10px;
    }
    #second .article img{
        margin: auto 0 10px auto;
    }
    #second{
        margin-left: 10px;
    }
    .post-archive{
        padding: 20px 9px;
    }
    div#primary {
        width: 872px;

    }
    #second .opinions .block-preview h3.entry-title a{
        font-size: 15px;
        line-height: 18px;
    }
    #second .opinions .block-preview .entry-title{
        display: contents;

    }
    #second .opinions .block-preview{
        margin-left: 0;
    }
    #second .opinions .block-preview{
        width: 127px;
    }
    #second .single .block-preview{
        width: 136px;
    }

    .main-single .block-preview{
        display: block;
        width: 272px;
    }
    .header-no-bg .logo-forpost-main{
        margin: 20px 260px 20px auto ;
    }

    .rating-4 .position, .rating-5 .position, .rating-6 .position, .rating-7 .position{
        top: 3712px;
    }
    .rating {
        width: 273px;
    }
    .forecasts .second-column{
        max-width: 600px;
    }
    .forecasts .second-column .block-preview{
        width: 159px;
    }
    .forecasts .second-column .entry-title a{
        font-weight: normal;
    }
    .dossier .dossier-5, .opinions .opinion-5, .quote .quote-5 {
        display: none;
    }
    .news-1 img{
        width: 272px;
        height: 204px;
    }
    .block-content .news-1{
        width: 272px;
    }
    .second-column{
        max-width: 876px;
    }
    .rating.rating-6, .rating.rating-7, .rating.rating-5{
        display: inline-block;
    }
}

@media (max-width: 1167px){

    .forecasts-1 img{
        margin-left: 10px;

    }
    .forecasts-1 .block-preview{
        margin-right: 0;
    }

    #main-page  .forecasts-1 .article{
        margin-bottom: 20px;
    }

    #main-page .news-4, #main-page .dossier-4 .article, #main-page .dossier-5 .article, #main-page .dossier-6 .article, #main-page  .opinion-4 .article, #main-page  .opinion-5 .article, #main-page  .opinion-6 .article,  #main-page  .forecasts-2 .article, #main-page  .forecasts-3 .article, #main-page  .quote-4 .article, #main-page  .quote-5 .article, #main-page  .quote-6 .article{
        border-top: 1px solid #999;
    }
    #main-page .news-4, #main-page .dossier-4 .article, #main-page  .quote-4 .article{
        margin: 0 0 20px 10px;
        padding: 20px 10px 0 0;
    }
    #main-page .news-5, #main-page .dossier-6 .article, #main-page  .quote-6 .article{
        margin: 0 10px 20px 0;
        padding: 20px 0 0 10px;
    }
    #main-page .dossier-5 .article, #main-page  .quote-5 .article{
        margin: 0 0 20px 0;
        padding: 20px 10px 0 10px;
    }
    #main-page  .opinion-4 .article, #main-page  .forecasts-2 .article{
        margin: 0 0px 20px 9px;
        padding: 20px 9px 0 0 ;
    }
    #main-page  .opinion-5 .article{
        margin: 0 0 20px 0;
        padding: 20px 9px 0 9px;
    }
    #main-page  .opinion-6 .article, #main-page  .forecasts-3 .article{
        margin: 0 9px 20px 0;
        padding: 20px 0 0 9px;
    }
    #main-page .opinions{
        max-width: 1165px;
    }
    .title-section.title-news .black-line{
        width: 621px;
    }
    .title-section.title-dossier .black-line{
        width: 598px;
    }
    .title-section.title-opinions .black-line{
        width: 633px;
        margin-bottom: -8px;
    }
    .title-section.title-forecasts .black-line{
        width: 592px;
        margin-bottom: -7px;
    }
    .title-section.title-quote .black-line{
        width: 742px;
    }
    .title-section.title-rating .black-line{
        width: 509px;
    }
    .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
        width: 564px;
        height: 423px;
    }
    .post-archive.archive-2, .post-archive.archive-4, .post-archive.archive-6, .post-archive.archive-8, .post-archive.archive-10{
        padding-left: 0;
        margin-left: 9px;
    }
    .post-archive.archive-3, .post-archive.archive-7, .post-archive.archive-9{
       padding-right: 0;
       margin-right: 9px;
    }
    .post-archive.archive-8{
        padding-right: 9px;
        margin-right: 0;
    }
    .post-archive.archive-3, .post-archive.archive-9{
        padding-left: 9px;
        margin-left: 0;
    }

    .post-archive.archive-2{
        border-top: 1px solid #999;
    }
    div#primary{
        width: 582px;
    }
    #second .block-preview{
        display: block;

    }

    #second .single .block-preview, #second .opinions .block-preview{
        width: 272px;
    }

    .header-no-bg .logo-forpost-main {
        margin: 20px 440px 20px auto;
    }
    .header-no-bg .search-form{
        margin-bottom: 13px;
    }
    .header-no-bg .age_disclamer{
        vertical-align: super;
    }
    ul#menu-project-nav li{
        padding: 27px 2px 25px;
        display: block;
    }
    ul#menu-project-nav{
        position: absolute;
        z-index: 9999;
        width: 100%;
        background: #4dc5ef;
        text-align: center;
        margin-top: 40px;
        right: 0;
    }
    .menu_mobile{
        font-size: 30px;
        color: #fff;
    }

    footer .width-17.footer-block{
        width: 35%;
    }
    footer .footer-combining{
        width: 21%;
    }
    footer .footer-combining .width-50{
        width: 100%;
    }
    footer .footer-combining .display-inline{
        display: block;
    }
    .scrollup, a.scrollup::before{
        right: 40px;
    }
    .width-17.footer-block{
        width: 21%;
    }

    .opinions .opinion-4 .block-preview,  .opinions .opinion-5 .block-preview,  .opinions .opinion-5 .block-preview{
        margin-left: 6px;
    }
    .opinions .opinion-4 .article, .opinions .opinion-5 .article, .opinions .opinion-6 .article{
        margin: 10px 9px;
    }
    .rating.rating-6, .rating.rating-7, .footer-block.footer-menu, ul#menu-project-nav{
        display: none;
    }

    .forecasts .second-column .block-preview{
        width: 279px;
    }

    .forecasts .second-column .article{
        margin: 10px 9px;
        width: 419px;
    }

    .forecasts .second-column{
        max-width: 876px;
    }
    .forecasts .forecasts-1{
        width: 880px;
    }
    .forecasts .forecasts-1 .block-preview{
        width: 537px;
    }
    .dossier .dossier-6, .dossier .dossier-5, .quote .quote-5, .quote .quote-6, .opinions .opinion-5, .opinions .opinion-6, .menu_mobile {
        display: inline-block;
    }
    .news-1 h2.entry-title a, .news-1 h2.entry-title{
        font-size: 20px;
        line-height: 24px;
    }
    .second-column .news-6, .second-column .news-7{
        display: none;
    }
    .second-column{
        max-width: 584px;
    }

}
@media (max-width: 875px){
    #second .dossier-title .black-line{
        width: 447px;
    }
    .title-section.title-forecasts .black-line {
        margin-bottom: -7px;
    }
    .forecasts-1 img{
        margin-left: 0;
    }

    #main-page .forecasts .article{
        margin: 10px 10px;
        padding: 0;
    }
    #main-page .forecasts .forecasts-2 .article{
        margin-right: 10px;
        padding: 20px 0 0 0 ;
        width: 565px;
    }

    #main-page .opinion-3 .article, #main-page .quote-3 .article{
        border-top: 1px solid #999;
    }

    #main-page .dossier .article{
        margin: 10px 10px;

    }
    #main-page .forecasts-3 .article, #main-page .dossier .article{
        border: none;
    }

    #main-page .news-2, #main-page .opinion-3 .article, #main-page .opinion-5 .article, #main-page .quote-3 .article{
        margin: 0 0 20px 10px;
        padding: 20px 10px 0 0;
    }
    #main-page .news-3, #main-page .opinion-4 .article, #main-page .opinion-6 .article, #main-page .quote-4 .article{
        margin: 0 10px 20px 0;
        padding: 20px 0 0 10px;
    }
    #main-page .news-2, #main-page .news-3{
        border-top: 1px solid #999;
    }
    .title-section.title-news .black-line{
        width: 328px;
    }
    .title-section.title-dossier .black-line{
        width: 309px;
    }
    .title-section.title-opinions .black-line{
        width: 339px;

    }
    .title-section.title-forecasts .black-line{
        width: 299px;

    }
    .title-section.title-quote .black-line{
        width: 449px;
    }
    .title-section.title-rating .black-line{
        width: 228px;
    }
    .single #second, #second .page-template-rathing-template{
        display: none;
    }

    #second .rathing-block-wrapper {
        width: 550px;
    }
    #second .single-title .black-line{
        width: 400px;
    }
    #second .opinion-title .black-line{
        width: 437px;
    }
    #second .opinions .block-preview h3.entry-title a {
        font-size: 20px;
        line-height: 24px;
    }
    #second {
        margin-top: 40px;
        width: 575px;
    }
    #second .block-preview{
        display: inline-block;
    }
    #second .article img {
        margin: auto 10px 10px auto;
    }
    .header-no-bg .logo-forpost-main {
        margin: 20px 360px 20px auto;
    }

    .header-no-bg .search-form{
        display: none;
    }

    footer .width-17.footer-block{
        width: 44%;
    }
    footer .footer-combining{
        width: 32%;
    }
    footer .width-17.footer-block.footer-info{
        display: block;
        margin: 0 auto;
        width: 79%;
    }
    .rating .block-preview{
        width: 372px;
    }
    .rating, aside#second{
        width: 570px;
    }
    .rating img{
        width: 126px;
        height: 126px;
    }
    .forecasts .second-column{
        max-width: 580px;
        text-align: initial;
    }
    .home .opinions .entry-title {
        width: 272px;
    }
    .rating .image-wrapper{
        margin-right: 20px;
    }
    .rating .block-preview {
        vertical-align: top;
        width: 413px;
    }
    .rating .position{
        width: 30px;
        height: 30px;
        font-size: 20px;
        margin-top: -29px;
    }

    .news-1 img, .news-1 .entry-title, .dossier .block-preview, .dossier img, .opinions .opinion-5, .opinions .opinion-6, .rating .block-preview, .rating .image-wrapper{
        display: inline-block;
    }
    .block-content  .news-1, .dossier .article{
        width: 565px;
    }
    .dossier .block-preview{
        vertical-align: top;
        text-align: left;
        margin: -9px 0 0 10px;
    }
    .news-1 .block-preview, .dossier .block-preview{
        width: 274px;
    }

    .news-1 .block-preview {
        display: inline-block;
        margin-left: 19px;
        }

    .news-1 img, .news-1 .block-preview{
        vertical-align: top;
    }
    h2.entry-title{
        margin-top: 0;
        margin-bottom: 10px;
    }
    .forecasts .forecasts-1{
        width: 583px;
    }
    .forecasts .forecasts-1 .block-preview{
        width: 277px;
    }

}

@media (max-width: 583px) {
    #second .dossier-title .black-line{
        width: 181px;
    }
    .forecasts .second-column .article{
        max-width: 325px;
    }
    .content-area .appraisal{
        float: left;
    }
    .ya-share2.share{
        margin: 8px 0;
    }
    h1.entry-title{
        font-size: revert;
        line-height: 30px;
    }
    #main-page .quote .article{
        max-width: 332px;
        border: none;


    }
    #main-page .forecasts .forecasts-2 .article{
        width: 320px;
    }
    #main-page .opinions .article{
        width: 322px;
        border: none;
        padding: 0;
        margin: 10px;
    }

    #main-page .news{
        padding: 0;
        margin: 10px;
        border: none;
    }
    #main-page .dossier .dossier-1 .article{
        border-top: none;
    }

    #main-page .dossier .article{
        border-top: 1px solid #999;
        margin: 0 10px 10px 10px;
        padding: 10px 0 0 0 ;
    }

    .rating .image-wrapper{
        margin-right: 14px;
        vertical-align: top;
    }
    .title-section.title-dossier .title-read, .title-section.title-opinions .title-read, .title-section.title-forecasts .title-read, .title-section.title-rating .title-read{
        margin-right: 6px;
    }

    .title-section.title-news .title-read{
        text-align: center;
    }
    .title-section.title-news .black-line{
        width: 89px;
    }
    .title-section.title-dossier .black-line{
        width: 69px;
    }
    .title-section.title-opinions .black-line{
        width: 101px;

    }
    .title-section.title-forecasts .black-line{
        width: 62px;

    }
    .title-section.title-quote .black-line{
        width: 212px;
    }
    .title-section.title-rating .black-line{
        width: 7px;
        margin-bottom: -8px;
    }

    .attachment-post-thumbnail.size-post-thumbnail.wp-post-image, .dossier-template-default .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
        width: 272px;
        height: 204px;
    }
    #second .rathing-block-wrapper, #second .rathing-block-wrapper, #second, aside#second {
        width: 272px;
    }
    #second .single-title .black-line{
        width: 126px;
    }
    #second .opinion-title .black-line{
        width: 158px;
    }
    .archive div.post-archive{
        padding: 20px 0;
        margin: auto 10px;
    }
    .post-archive.archive-1{
        border-top: 1px solid #999;
    }
    div#primary{
        width: 300px;
    }

    .header-no-bg .logo-forpost-main {
        margin: 20px 130px 20px auto;
    }
    footer .footer-info{
        padding-bottom: 10px;
    }
    footer .logo-vybor-main{
        margin-top: 10px;
    }

    footer .footer-combining.footer-block, footer .width-17.footer-block.footer-info,  footer .width-17.footer-block{
        display: block;
        width: 75%;
        margin: 0 auto;
    }
    .dossier .block-preview{
        display: contents;
        text-align: left;
    }

    .dossier h3.entry-title{
        margin: -4px 0 0 10px;
    }

    .dossier h3.entry-title a{
        margin-top: 0;
    }

    .rating .block-preview{
        width: 204px;
    }
    .rating{
        width: 344px;
    }
   .forecasts .second-column .block-preview{
       width: 179px;
   }
    .forecasts .second-column{
        max-width: 324px;
    }
    .forecasts-1 img{
        width: 315px;
        height: 315px;
        display: block;
        margin-left: 5px;
    }
    .forecasts .forecasts-1,.forecasts-1 .text-preview{
        width: 315px;
    }
    .news-1 .block-preview {
     display: block;
    }

    .forecasts .forecasts-1 h3.entry-title{
        position: relative;
        background: rgba(0,0,0,0.73);
        padding: 8px 14px;
        width: 244px;
        margin: -121px 0 9px 5px;

    }
    .news-1 h2.entry-title {
        position: relative;
        bottom: 57px;
        background: rgba(0,0,0,0.73);
        padding: 8px 16px;
        box-sizing: border-box;

    }
    .news-1 .text-preview{
        margin-top: -65px;
    }

    .news-1 h2.entry-title a, .forecasts-1 h3.entry-title a{
        color: #fff;
    }

    .forecasts .forecasts-1 .block-preview{
        margin-left: 0;
        margin-top: 10px;
    }


    .second-column .news, .block-content .news-1,  .news-1 .block-preview, .news-1 h2.entry-title,  .news-1 img, .dossier .article, .opinions .entry-title {
        width: 317px;
    }

    .news-1 .block-preview, .width-100-250 {
        margin-left: 0;
    }
    .news-1 h2.entry-title, .news-1 h2.entry-title a{
        font-size: 17px;
        line-height: 20px;
    }
    .second-column .news img{
        width: 126px;
        height: 94.5px;
    }
    .second-column .text-preview, footer .width-17.footer-block.footer-menu{
        display: none;
    }
    .second-column .news img, .second-column h3.entry-title, .dossier img, .dossier .block-preview .entry-title{
        display: inline-block;
    }
    .dossier .block-preview .text-preview{
        display: block;
    }

    .second-column h3.entry-title, .second-column h3.entry-title a{
        width: 172px;
        vertical-align: top;
        font-size: 16px;
        line-height: 19px;

    }
    .second-column h3.entry-title{
        margin: 0 0 0 10px;
    }

    .dossier .article img{
        width: 126px;
        height: 126px;
    }
    .dossier .block-preview .entry-title{
        width: 172px;
        vertical-align: top;
    }






}