.menu_home {
        border-bottom: solid 3px #fff200;
        margin-left:0px;
    }
    h1{
        color: #000000;
        font-family: AzoSansBlack;
        font-size: 61px;
        text-align: left;
        line-height: 61px;
    }
    h2{
        color: #000000;
        font-family: AzoSansLight;
        font-size: 22px;
        text-align: left;
        line-height: 26px;
    }
    h3{
        color: #928783;
        font-family: AzoSansBlack;
        line-height: 46px;
        font-size: 18px;
        text-transform: uppercase;
    }
    h4{
        color: #000000;
        font-family: AzoSansBold;
        line-height: 48px;
        font-size: 38px;
    }
    .title_news{
        color: #000000;
        font-family: AzoSansBold;
        line-height: 26px;
        font-size: 20px;
        width: 190px;
        padding: 10px 0 10px 23px;
        text-align: left;
    }
    .text-block{
        width: 300px;
        font-family: AzoSansBold;
        color: #000000;
        line-height: 32px;
        font-size: 28px;
    }
    .invert{
        color: #ffffff;
    }
    .central_b1,.central_b2{
        display: inline-block;
        height: 700px;
        width: auto;
    }
    .central_b3{
        margin-top: 300px;
    }
    .central_b4{
        margin-top: 100px;
    }
    .left_b1,.left_b2,.left_b2_1{
        padding: 75px 0;
        width: 460px;
        float: left;
        display:block;
    }
    .left_b2{
        padding: 0;
    }
    .right_b1,.right_b2{
        display:block;
        width: 680px;
        height: 500px;
        float: left;
    }
    .right_b1 .iframe {
        width: 579px;
        height: 337px;
        margin: 15px 0 0 65px;
    }
    .frame_comp{
        position: absolute;
        z-index: -1;
    }
    .right_b2_1 {
        position: relative;
        margin: -260px 0 0 -200px;
        width: 760px;
        height: 760px;
        float: left;
        z-index: 10;
    } 
    .sub_left_b2{
        margin: -80px 0 0 40px;
    }
    .sub_left_b2_1{
        margin: -130px 0 0 40px;
    }
    .sub_right_b2{
        margin: 100px 0 0 250px;
    }
    .yellow-central-block{
        position: absolute;
        /* width: 500px; */
        height: 900px;
        border-top: 300px solid transparent;
        border-right: 615px solid #fff200;
        border-bottom: 300px solid transparent;
        border-left: 830px solid transparent;
        z-index: -1;
        top: 600px;
        margin-left: -740px;
    }
    .black-central-block{
        position: absolute;
        display: flex;
        /* width: 300px; */
        height: 500px;
        border-bottom: 352px solid transparent;
        border-left: 874px solid #000;
        border-top: 352px solid transparent;
        z-index: -10;
        top: 537px;
        margin-left: -20px;
    }
    .sub_button{
        cursor: pointer;
        width: 130px;
        height: 40px;    
        color: #000;
        background-color: #fff200;
        border: none;
        background-image: none;
        font-family: AzoSansBold;
        text-align: center;
        font-size: 14px;
        line-height: 22px;
        padding: 6px 12px;
        border-radius: 0px;
        border: solid 1px #fff200;
        outline: 0;
        margin: 20px 0 0 0;
    }
    .sub_button:hover{
        color: #fff200;
        background-color: #000;
    }
    .invert_btn{
        position: relative;
        z-index: 100;
        cursor: pointer;
        color: #fff200;
        background-color: #000;
        border: solid 1px #000;
    }
    .invert_btn:hover{
        color: #000;
        background-color: #fff200;
        border: solid 1px #000;
    }
    .border_none{
        border: none;
    }
    .publishers-stories{
        position: relative;
    }
    .publishers-stories img{
        margin: 40px 150px 0px 0px;
    }
    .publishers-stories img:nth-child(4){
        margin-right: 0px;
    }
    .sub-publishers-stories{
        margin-left: 100px;
    }
    /*----------*/
    #block_news_featured_2{
        align-items: center;
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
        margin-top: 35px;
    }
    .container_block_news{
        display: inline-flex; 
    }
    .container_pic{
        float:left;
        overflow:hidden; 
        position:relative;
        margin: 0 25px 0 0;
        box-shadow: 0 0 17px #bbb;
    }
    .container_pic img{
        width: 325px;
        height: 325px;
    }
    .yellow_block_news{
        background-color: #fff200;
        position: absolute;
        width: 325px;
        height: 68px;
        margin-top: 257px;
    }
    .right-arrow{
        position: absolute;
        display: inline-block;
        top: 24px;
        right: 25px;
    }
    #buffer { 
        display: none; 
    }
    #output {
        width: 760px;
        height: 760px;
    }
@media (max-width: 1280px){
    html { overflow-x: hidden; }
    .central_b4 {
        margin: 100px 0 300px 0 ;
    }
}
@media (max-width: 1200px){
    .central_b2 {
        width: 1200px;
    }
    .central_b4 {
        margin: 100px 0 300px 0;
    }
    .black-central-block{
        margin-left: -120px;
    }
    .yellow-central-block{
        margin-left: -800px;
    }
    .frame_comp{
        position: relative;
    }
    .iframe>iframe{
        height:250px;
    }
    .right_b1{
        margin-right: -600px;
    }
    .right_b1 .iframe {
        width: 448px;
        height: 299px;
        margin: -380px 0 0 50px;
    }
    .publishers-stories img {
        margin: 40px 80px 0px 0px;
    }
    .yellow_block_news{
        width: 288px;
    }
}
@media (max-width: 1024px){
    .sub_right_b2 {
        margin: 100px 0 0 100px;
    }
    .black-central-block{
        margin-left: -120px;
    }
    .yellow-central-block{
        margin-left: -800px;
    }
    .publishers-stories img {
        margin: 40px 60px 0px 0px;
    }
    .yellow_block_news{
        width: 288px;
    }

}
@media (max-width: 991px){
    h1,h2,h4{
        text-align: center;
    }
    .right_b1,.right_b2,.left_b1,.left_b2 {
        margin-right: 0px;
    }
    .left_b1{
        width: 100%;
    }
    .frame_comp {
        position: absolute;
        width: 820px;
    }
    .sub_right_b2 {
        margin: 100px 0 0 -50px;
    }
    .sub_left_b2 {
        margin: -80px 0 0 -40px;
    }
    .sub_left_b2_1 {
        margin: -130px 0 0 -40px;
    }
    .right_b2_1 {
        margin: -260px 0 0 -400px;
    }
    .right_b1 .iframe {
        width: 540px;
        height: 300px;
        margin: 12px 0 0 61px;
    }
    #block_news_featured_2{
        display: inline-block;
    }
    .yellow_block_news {
        width: 325px;
    }
    .iframe>iframe {
        height: 316px;
    }
    .central_b2{
        margin-top: 500px;
    }
    .black-central-block{
        margin-left: -220px;
        margin-top: 500px;
    }
    .yellow-central-block{
        margin-left: -1000px;
        margin-top: 500px;
    }
}
@media (max-width: 820px){
    .frame_comp {
        position: relative;
        width: 820px;
    }
    .right_b1 {
        width: 820px;
        margin-right: -600px;
    }
    .right_b1 .iframe {
        width: 539px;
        height: 300px;
        margin: -471px 0 0 61px;
    }
    .sub_right_b2 {
        margin: 100px 0 0 -60px;
    }
    .sub_left_b2 {
        margin: -80px 0 0 0px;
    }
    .sub_left_b2_1 {
        margin: -130px 0 0 0px;
    }
    .right_b2_1 {
        margin: -260px 0 0 -420px;
    }
    #output {
        width: 700px;
        height: 700px;
    }
}
@media (max-width: 768px){
    .sub_right_b2 {
        margin: 100px 0 0 -80px;
    }
    .right_b2_1 {
        margin: -215px 0 0 -330px;
    }
    .sub_left_b2_1 {
        margin: -195px 0 0 0px;
    }
    #output {
        width: 550px;
        height: 550px;
    }
    .central_b3 {
        margin-top: 150px;
    }
    .container_pic{
        margin: 0px;
    }
}

@media (max-width: 667px){
    h1{
        font-size: 38px;
        line-height: 42px;
    }
    h2{
        font-size: 16px;
        line-height: 22px;
    }
    h3{
        width: 310px;
    }
    h4{
        font-size: 32px;
    }
    h1,h2,h3,h4{
        text-align: center;
    }
    .right_b1, .right_b2{
        overflow: hidden;
    }
    .right_b2{
        margin-top: -200px;
    }
    .text-block{
        text-align: center;
    }
    .left_b1, .left_b2, .left_b2_1{
        width: 100%;
    }
    .left_b2{
        margin-top: 75px;
    }
    .frame_comp{
        position: relative;
        width: 667px;
        overflow: hidden;
    }
    .right_b1 .iframe{
        width: auto;
        height: auto;
        margin: -380px 0 0 50px;
    }
    .iframe>iframe {
        height: 254px;
        width: 437px;
        overflow: hidden;
    }
    .black-central-block{
        margin-left: -20px;
        margin-top: 50px;
        overflow: hidden;
    }
    .yellow-central-block{
        position: absolute;
        height: 900px;
        border-top: 300px solid transparent;
        border-right: 730px solid #fff200;
        border-bottom: 350px solid transparent;
        border-left: 740px solid transparent;
        z-index: -1;
        top: 600px;
        margin-left: -800px;
        overflow: hidden;
    }
    .sub_right_b2 {
        margin: 260px 0 0 40px;
    }
    .right_b2_1{
        width: 100%;
        height: 100%;
        margin: -800px 0 0 -75px;
    }
    .left_b2_1{
        margin-top:625px;
    }
    .left_b2 {
        margin-top: -450px;
    }
    .central_b3 {
        margin-top: 345px;
    }
    .central_b4 {
        margin: 100px 0 200px 0;
    }
    #block_news_featured_2{
        display: block;
    }
    .container_block_news {
        display: inline-block;
        margin-bottom: 35px;
        margin-left: 20px;
    }
    .sub_button {
        margin: 20px 0 0 85px;
    }
    .publishers-stories img {
        margin: 37px 195px 0px 0px;
    }
    .publishers-stories img:nth-child(4) {
        margin-right: 189px;
        margin-top: 32px;
    }
    .sub-publishers-stories {
        margin: -244px 0 0 305px;
    }
    .central_b4 {
        margin: 100px 0 0px 0;
    }
}
@media (max-width: 414px){
    h1{
        font-size: 38px;
        line-height: 42px;
        text-align: center;
    }
    h2{
        font-family: AzoSansRegular;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }
    h3{
        width: 310px;
        text-align: center;
    }
    h4{
        font-size: 32px;
        line-height: 42px;
        text-align: center;
    }
    .right_b2 {
        height: 1700px;
        margin: 0px 185px 0 -500px;
    }
    .text-block{
        text-align: center;
    }
    .left_b1, .left_b2, .left_b2_1{
        width: 375px;
    }
    .left_b2{
       margin-top: -375px;
    }
    .sub_left_b2 {
        position: relative;
        z-index: 1000;
        margin: 60px 0 0 40px;
    }
    .right_b1 img,.frame_comp{
        position: relative;
        width: 480px;
        overflow: hidden;
    }
    .right_b1 .iframe{
        width: 315px;
        height: 177px;
        margin: -274px 0 0 36px;
    }
    .black-central-block{
        margin-left: -170px;
        margin-top: 50px;
        overflow: hidden;
        width: 100%;
        position: relative;
        display: flex;
    }
    .yellow-central-block{
        position:relative;
        display: flex;
        height: 100px;
        width: 100px;
        border-top: 300px solid transparent;
        border-right: 730px solid #fff200;
        border-bottom: 350px solid transparent;
        border-left: 740px solid transparent;
        z-index: -1;
        top: 200px;
        left: 50px;
        right: 50px;
        bottom: 50px;
        margin-left: -980px;
        overflow: visible;
    }
    .sub_right_b2 {
        position: relative;
        z-index: 1000;
        margin: -275px 0 0 168px;
    }
    .sub_left_b2_1 {
        margin: 225px 0 0 -700px;
    }
    
    .right_b2_1{
        width: 100%;
        height: 100%;
        margin: -910px 0 0 -275px;
    }
    .left_b2_1{
        margin-top:1370px;
    }

    .iframe>iframe {
        height: 185px;
    }
    #output {
        width: 680px;
        height: 680px;
    }
    .central_b2 {
        margin-top: -300px;
    }
    .central_b3 {
        margin-top: 1190px;
    }
    #block_news_featured_2{
        display: block;

    }
    .central_b4 {
        margin: 100px 0 0px 0;
    }
    .container_block_news {
        display: inline-block;
        margin-bottom: 35px;
        margin-left: 20px;
    }
    .sub_button {
        margin: 20px 0 0 85px;
    }
    .publishers-stories img {
        margin: 37px 195px 0px 0px;
    }
    .publishers-stories img:nth-child(4) {
        margin-right: 0px;
        margin-top: 50px;
    }
    .sub-publishers-stories {
        margin: -317px 0 0 200px;
    }
}
@media (max-width: 375px){
   .central_b1, .central_b2,.central_b3,.central_b4{
        margin-left: -20px;
   }
    .publishers-stories {
        position: relative;
        margin-left: 20px;
    }
}