.contentPage {grid-gap:10px; margin:0;}

.contentPage section    {margin:0;}

#path h1    {margin:30px 0;}

.m30    {margin: 0 30px !important;}

.grid_3_to_1    {display:grid; grid-template-columns: 1fr 1fr 1fr; grid-gap:10px;}

.grid_2_to_1 {display:grid; grid-template-columns: 1fr 1fr; color: var(--black);  grid-gap:10px;}

.vCenter   {align-self: center;}

.hCenter    {justify-self: center;}

.gRight     {justify-items: right;}

.shadowBlock   {box-shadow: 0px 4px 10px 0px rgba(144, 144, 144, .3); border-radius: 14px; }

.mSales {padding: 30px 0 30px 40px; align-self: center;}

.yMap   {padding: 30px 40px 30px 0;}

.cHead  {margin-bottom:40px; color: var(--green-1);font-size:28px; line-height: 30px; font-weight:700;}

.c1, .c2, .c3, .c4, .c5 {margin-bottom:30px; padding-left:40px; min-height:25px;}

.c1 {background: url(/img/icons/contacts/phone.svg) no-repeat 0 50%;}

.c2 {background: url(/img/icons/contacts/home.svg) no-repeat 0 50%;}

.c3 {background: url(/img/icons/contacts/mail.svg) no-repeat 0 50%;}

.c4 {background: url(/img/icons/contacts/clock.svg) no-repeat 0 50%;}

.c5 {grid-template-columns: 50px 30px; padding-left:0;}

.yMap iframe  {width:100%; min-height: 500px; border-radius: 8px;}

.mBorder    {border-bottom: 1px solid var(--green-2);}

.manager1, .manager2    {margin:10px 0;}

.manager1 .green    {font-size: 14px; line-height:18px; font-weight: 600;}

.manager2   {display:grid; grid-template-columns: 16px 1fr 30px 30px; grid-gap:10px;}

.mPhone {align-self: center; font-size:18px; line-height: 25px;}

.mTg, .mWa  {width:24px; height:24px; align-self: center;}

.mPhoneIcon {width:16px; height:20px; align-self: center;;}

.managers, .tech, .pageForm    {padding:30px 40px;}

.tech   {background: var(--green-2) url(/img/icons/contacts/support_1920.svg) no-repeat 90% 50%; border-radius: 14px; font-weight: 700;}

.pro32  {text-align:center; justify-items: center; background: var(--white-1);}

.pro32 iframe   {border-radius:14px; width:500px; height:250px; }




/* about */

.about_1    {padding: 30px; background: var(--white-1);}

.about_2    {padding: 50px 30px; background: var(--green-2);}

.about_history  {padding: 70px 30px 0;}

.about_history a {color: var(--green-1); font-weight: 700;}

.pageBlock  {padding: 20px 40px; margin-top: 40px; background: var(--white-1);}

.vkVideo    {width:715px; height: 403px;}

.vkVideo iframe   {width: 100%; height: 100%;}

.r1, .r2    {grid-template-columns: 1fr 715px; grid-gap: 50px;}

.borderGreen    {border-left: 2px solid var(--green-1); padding-left: 20px; color: var(--black);}

.big1    {font-size: 20px; font-weight:600; color: var(--black);}

.big2    {font-size: 24px; font-weight:600; color: var(--green-1);}

.big_3  {font-size: 36px; line-height: 44px; font-weight:800; color: var(--green-1);}

.relative   {position:relative;}

.fixTop {position:absolute; top:0; left:0;}

.about_icons    {grid-template-columns: 1fr 1fr 1fr; align-items: center; grid-gap: 10px;}

.a1, .a2, .a3  {width:138px; height:138px; border-radius: 69px; margin-bottom:15px;}

.a1     {background: var(--white-1) url(/img/icons/about/a1.svg) no-repeat 50% 50%;}

.a2     {background: var(--white-1) url(/img/icons/about/a2.svg) no-repeat 50% 50%;}

.a3     {background: var(--white-1) url(/img/icons/about/a3.svg) no-repeat 50% 50%;}

.yLine  {grid-template-columns: 10px 1fr; height: 10px; margin: 15px 0; align-items: center;}

.circle  {background: var(--green-2); border-radius: 5px; width:10px; height:10px;}

.line    {background: var(--green-2); width:100%; height:2px;}

.grayText   {color: var(--gray-2);}

.blackText  {color: var(--black);}

.contentPage section p  {max-width:100%; margin: 15px 0;}




/* about slider PZDC EDITION */

.about_slider   {position:relative;}

.about_slider .control  {padding-right:30px; display: block; position:absolute; top:250px;}

.timelineBg {height:340px; background-image: url(/img/1920/about_bg_1.png); background-repeat: no-repeat; background-position: 0 50%; background-size:cover;position:absolute;}

.aFootBg    {height: 590px; width: auto; background: url(/img/1920/about_bg_2.jpg) no-repeat 50% 50%; background-size:cover; border-radius:14px; margin: -240px 30px 40px;}

#ySlider    {width: 100%; display: grid; padding: 0 0 0 20px;}

.yc     {display:grid; position:relative; height:570px;}

.yTop, .yFoot   {color:var(--green-1); font-size: 24px; line-height: 28px; font-weight: 700; position:absolute;}

.yTop   {top:100px; left:15px;}

.yFoot  {top:190px; left:17px;}

.yDot {align-self: center; width:30px; height:30px; border-radius: 15px; background: var(--green-1); position: absolute; left:30px; top:145px; cursor: pointer;}

.timeline   {width:100%; height:3px; background:rgba(0, 93, 40, .5); position: absolute; top: 158px;}

.yPop   {margin:0 10px; padding: 40px; width:770px; position:absolute; top: 240px; background: var(--white-1); border-radius:14px; display: none;}

.yFirst {display: block;}

.yPop .yLine    {margin: 0 0 15px;}

.yUp  {width:44px; height:44px; border-radius: 22px; background: var(--green-1) url(/img/icons/yUp.svg) no-repeat 50% 50%;  display: inline-block;}

.hidePC {display: none;}
















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

    .c1, .c2, .c3, .c4 {margin-bottom:20px; font-weight:700; }

    .c2, .c3, .c4   {line-height: 24px;}

    .yMap iframe  {min-height: 400px;}

    .tech   {background: var(--green-2) url(/img/icons/contacts/support_1280.svg) no-repeat 90% 50%;}

    .mPhone {font-size:14px; font-weight: 700;}

    .r2    {grid-template-columns: 1fr 550px;}

    .aFootBg {height:390px;}

    .yPop {width: 500px;}

}

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

    .path   {display: none;}

    #path h1    {margin: 0 0 30px;}

    .about_1    {padding: 30px 20px;}

    .about_2    {padding: 50px 20px;}

    .about_history  {padding: 60px 20px 10px;}

    .m30    {margin: 0 20px !important;}

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

    .managers .grid_2_to_1  {grid-template-columns: 1fr 1fr; margin:0;}

    .yMap iframe  {min-height: 300px;}

    .tech   {background: var(--green-2) url(/img/icons/contacts/support.svg) no-repeat 90% 70%; font-weight: 500;}

    .mSales {padding: 30px 40px 0;}

    .yMap   {padding: 0 40px 30px;}

    .pro32   {display:none;}

    .mPhone {font-size:14px;}

    .mPhoneIcon {padding-top: 2px;}    

    main    {margin-top:30px;}

    footer  {margin-top: 20px;}

    .r1, .r2    {grid-template-columns: 1fr;}

    .r1 {grid-gap: 20px;}

    .vkVideo    {width:100%; height:auto; display: grid; justify-items: center;}

    .vkVideo iframe {width: 600px; height: 338px;}

    .hidePC {display: inline;}

    .fixTop {position:static; margin-bottom:20px;}

    #ySlider    {padding: 0 10px; margin-bottom:80px;}

    .aFootBg, .timeline, .timelineBg, .yDot {display: none;}

    .yc {height:230px; overflow:hidden; cursor: pointer;}

    .yc:after {
            content: '';
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, rgba(255,255,255,0), #FFF);
    }

    .yFoot, .yTop  {top:20px; left:50px;}

    .yPop {display:block; width: auto; position: unset; }

    .yPop .yLine    {margin: 20px 0 15px;}

    .about_slider .control  {text-align:center; padding:0;}

    #modal .yPop    {padding:0; margin: -20px 10px 60px;}

    #modal .yFoot   {left: 30px;}

    #modal .shadowBlock {box-shadow: none;}

}



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

    .path   {display: none;}

    #path h1    {margin: 0 0 30px;}

    .about_1    {padding: 30px 20px;}

    .about_2    {padding: 50px 20px;}

    .about_history  {padding: 60px 20px 10px;}

    .pageBlock  {padding: 20px;}

    .m30    {margin: 0 20px !important;}
    
    .grid_2_to_1 {grid-template-columns: 1fr; grid-gap:10px;}

    .cHead  {margin-bottom:20px; font-size:20px; line-height: 24px;}

    .mSales   {padding: 20px 20px 0; }

    .mSales .c1, .tech .c1  {font-size:14px !important; line-height:18px;}

    .yMap   {padding: 0 20px 20px;}

    .yMap iframe  {min-height: 165px;}    
    
    .managers, .tech, .pageForm   {padding: 20px;}

    .tech   {background-image: none; font-weight: 500; margin-top:10px;}

    .mPhone {font-size:14px;}

    .mPhoneIcon {padding-top: 2px;}

    .pro32   {display:none;}

    .contentPage {grid-gap:20px;}

    main    {margin-top:30px;}

    footer  {margin-top: 20px;}

    .r1, .r2    {grid-template-columns: 1fr;}

    .r1 {grid-gap: 20px;}

    .vkVideo    {width:100%; height:auto; display: grid; justify-items: center;}

    .vkVideo iframe {width: 320px; height: 182px;}

    .hidePC {display: inline;}

    .fixTop {position:static; margin-bottom:10px;}

    .about_icons {grid-template-columns: 1fr; max-width:200px; grid-gap: 20px;}

    .big2   {margin-bottom:10px;}

    .about_1, .about_2    {padding:40px 20px;}

    .aFootBg {display: none;}



    #ySlider    {padding: 0 10px; margin-bottom:80px;}

    .aFootBg, .timeline, .timelineBg, .yDot {display: none;}

    .yc {height:230px; overflow:hidden; cursor: pointer;}

    .yc:after {
            content: '';
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, rgba(255,255,255,0), #FFF);
    }

    .yFoot, .yTop  {top:20px; left:30px;}

    .yPop {display:block; width: auto; position: unset; padding:40px 20px;}

    .yPop .yLine    {margin: 20px 0 15px;}

    .about_slider .control  {text-align:center; padding:0;}

    #modal .yPop    {padding:0; margin: -20px 10px 60px;}

    #modal .yFoot   {left: 30px;}

    #modal .shadowBlock {box-shadow: none;}

}