section.news  {margin: 0 30px;}

#path h1    {margin-top:0 !important;}

.path   {height:auto;}

.newsDate  {font-size:14px; line-height: 18px; margin:20px 0 10px;}

.gridN  {grid-template-columns: 1fr 610px; grid-gap:10px;}

.gridN .shadowBlock {padding:40px;}

.gridN .shadowBlock img {margin: 20px 0;}

.gridN .shadowBlock li  {margin-left:20px;}

.gridN a    {color: var(--green-1);}
.gridN a:hover {
    text-decoration: underline;
}

.nBanner    {width:610px;}

.tgSubsHead {text-align: center; color: var(--green-1); font-size:32px; line-height: 38px; font-weight: 700;}

.telega .tgSubsHead {text-align: left; color: var(--green-1); font-size:28px; line-height: 30px; font-weight: 700;}

.tgSubs {background:var(--green-1) url(/img/icons/tg_n1.svg) no-repeat 5px 50% !important; padding-left: 50px !important; margin: 25px 0 0 !important;}

.tgSubs:hover {background:var(--green-2) url(/img/icons/tg_n2.svg) no-repeat 5px 50% !important;}



.newsSubs   { border-radius: 14px; padding:60px; display: grid; justify-items: center;
    background: var(--green-1);
    position:relative;
    min-height: 500px;;
}

.subsHead   {color: var(--white-1); font-weight:700; font-size: 28px; line-height:30px; margin-bottom:20px;}

.newsSubs #modalForm    {width:330px;}

.newsSubs #modalForm p  {color: var(--white-1); font-size: 18px;}

.newsSubs .label, .newsSubs label    {color: var(--white-2);}

.newsSubs .custom:checked+label::before {
	border-color: var(--white-1);
	background: url(/img/icons/chkw.svg) no-repeat 50% 50%;
}

.newsSubs .custom+label::before, .newsSubs .customR+label::before {
    border: 1px solid rgba(255, 255, 255, .35);
}



.newsSubs form label.gray span {color: rgba(255, 255, 255, .5) !important;}

.newsSubs form .gray a.green  {color:var(--white-1) !important;}

.newsSubs #mSubs:disabled   {background: var(--green-1);color: var(--white-1);}

.newsSubs #mSubs    {margin: 20px 0 10px; border: 2px solid var(--white-1); font-size: 14px; background: var(--green-1);}

.newsSubs #mSubs:enabled:hover  {background: var(--white-1); color: var(--green-1);}




.mail1, .mail2, .mail3  {position: absolute;}

.mail1  {top: 10px; left:0; background: url(/img/news/mail1.png) no-repeat; width:313px; height:354px;}

.mail2  {top: 110px; right:50px; background: url(/img/news/mail2.png) no-repeat; width: 237px; height:227px;}

.mail3  {bottom: -30px; right: 150px; background: url(/img/news/mail3.png) no-repeat; width: 153px; height: 153px;}





.nArea  {
    grid-template-areas: "A A" "D D" "B C";
    grid-template-columns: 1fr 1fr;  
    grid-gap: 10px;
}
.A  { grid-area: A;}
.B  { grid-area: B; }
.C  { grid-area: C; padding:50px;}
.D  { grid-area: D; justify-content: center;}

.telega {
    display: grid;
    align-items:center;
    background: #EBF0E8 url(/img/news/banner/1920.jpg) no-repeat 100% 100%;
    border-radius: 14px;
    background-size: contain;  
}
 
.pageno {margin: 40px 0 60px; grid-template-columns: auto; grid-auto-flow: column;}

.pageLeft, .pageRight   {width:44px; height:44px;}

.pageLeft   {background: url(/img/icons/pageLeft.svg) no-repeat 50% 50%;}

.pageRight  {background: url(/img/icons/pageRight.svg) no-repeat 50% 50%;}

.pages a, .pages span   {width:35px; line-height: 44px; color: var(--green-1); font-weight: 700; display: inline-block; text-align: center;}

.pages span {width:20px;}

.pages .act {color: var(--green-2);}




.contentPage #news   {padding-top: 80px; }

.contentPage .news img {max-width:1157px; max-height:720px; border-radius:14px;}

.newsVideo, .newsVideo iframe, .newsVideo object, .newsVideo embed   {max-width:1157px; max-height:720px; border-radius:14px;}

.wideFix    {max-width: 1280px;}

.newsVideo  {
    width: 100%;
    padding-top: 56.25%;
    height: 0;
    position: relative;
}

.newsVideo iframe, .newsVideo object, .newsVideo embed  {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    
}












@media screen and (min-width:1280px) and (max-width:1919px){

    .gridN  {grid-template-columns: 1fr 400px;}

    .nBanner    {width:400px;}

    .tgSubsHead {font-size:20px; line-height: 24px; }

    .nArea  {
        grid-template-areas:    "C" "A" "D" "B";
        grid-template-columns: 1fr;
    }

    .C  {padding-left: 100px;}

    .newsSubs {width:810px; justify-self: center;}

    .mail1  {top: 0; left:0; width:250px; height:250px; background-size: cover;}

    .mail2  {top: 160px; right:-20px;}

    .mail3  {bottom: -30px; right: 50px;}

    .telega {background:#EBF0E8 url(/img/news/banner/1280.jpg) no-repeat 100% 100%; background-size: cover; }

}

@media screen and (min-width:640px) and (max-width:1279px){

    section.news  {margin: 0 20px;}

    .gridN  {grid-template-columns: 1fr;}

    .gridN .shadowBlock {padding:20px;}

    .gridN img {width:100% !important; height:auto !important; }

    .nBanner    { width:100%;}

    .tgSubsHead {font-size:20px; line-height: 24px; text-align:left;}

    .telega .tgSubsHead {text-align: left; font-size:20px; line-height: 24px; font-weight: 700;}

    .telega {padding:25px; background:#EBF0E8 url(/img/news/banner/640.jpg) no-repeat 100% 100%; background-size: contain;}

    .nArea  {
        grid-template-areas:    "C" "A" "D" "B";
        grid-template-columns: 1fr;
    }

    .newsSubs   {justify-items: left;}

    .mail1  {top: 0; left: unset; right:0; width:240px; height:260px; background-size: cover; background: url(/img/news/mail4.png) no-repeat;}

    .mail2  {top: 230px; right:0; width:200px;}

    .mail3  {bottom: -60px; right: -20px;}

    .contentPage #news   {padding-top: 40px;}

    

}

@media screen and (min-width:320px) and (max-width:639px)   {

    section.news  {margin: 0 20px;}

    .gridN  {grid-template-columns: 1fr;}

    .gridN .shadowBlock {padding:20px;}

    .gridN img {width:100% !important; height:auto !important;}

    .nBanner    {width:100%;}

    .tgSubsHead {font-size:18px; line-height: 22px; text-align:left;}

    .telega .tgSubsHead {text-align: left; font-size:18px; line-height: 22px; font-weight: 700;}

    .telega {padding:30px 20px; background:#EBF0E8 url(/img/news/banner/360.jpg) no-repeat 100% 100%; height:340px; align-items:start;background-size: contain;}

    .nArea  {
        grid-template-areas:    "C" "A" "D" "B";
        grid-template-columns: 1fr;
    }

    .newsSubs #modalForm    {width:100%; max-width:320px;}

    .newsSubs   {padding: 40px 20px;}

    .subsHead   {font-size: 22px; line-height: 28px; max-width:320px; padding-right:80px;}

    .mail1  {display: none;}

    .mail2  {top: -40px; right:0; width:150px; height:200px;}

    .mail3  {bottom: -60px; right: 0; width:100px;}

    .contentPage #news   {padding-top: 40px;}

    .contentPage .news img {margin: 0;}

    .A  {grid-gap:20px;}

    .nArea .nSlide {margin:0;}

    .nMore  {margin-bottom:10px;}

}