.anketa {grid-gap:10px; grid-template-areas: "F1 F2" "F3 F2" ". F2"; grid-template-columns: 1fr 1fr; color: var(--gray-txt);}

.anketa > div   {background: var(--white-1); padding: 60px;}

.anketa .name   {margin-bottom: 30px; color:var(--green-1); font-size: 20px; line-height:30px; font-weight: 700;}

.F1 {grid-area: F1;}

.F2 {grid-area: F2;}

.F3 {grid-area: F3; margin-bottom: -10px;}

.anketa .fixBlock   {grid-template-columns: 1fr;}

.pvzForm .pvzText   {max-width:1340px;}

.pvzForm .callback  {width:200px;}

.answ   {padding:30px; font-size: 16px; color: var(--black);}

.anketa label  {font-size:12px; line-height:18px; font-weight: 700; margin-left:8px; cursor: default; position:relative; display: block;}

.anketa label span:not(.field)  {color: var(--red-form);}

.bitSelect  {position:relative;}

.F3 .bitSelect + label  {margin-top: 20px;}



#pvzForm div.select  {border: 1px solid var(--green-1); }

#pvzForm .act   { color: var(--green-1);}

#pvzKolvo   {margin-bottom:0;}

.options    {background: var(--white-2); border-radius: 14px; display:none; position: absolute; top:-20px; left:0; z-index: 9; width:100%; border: 1px solid var(--black);}

.options label, .select	{width:100%; padding: 14px 20px; font-size:14px; outline: none; border:1px solid var(--white-2);}

.select    {background: var(--white-2); cursor:pointer; border-radius: 14px; }

.options label  {font-weight: 500; border-radius: 14px;}

.anketa .options label, .anketa .options label.act {display: block; cursor:pointer;}

.anketa .options label:hover    {color: var(--green-1);}

#pvz .act  { color:var(--green-1); font-weight: 700;}

#pvz .now   {color:var(--green-1);}

.anketa .options label  {margin-left:0; color: var(--gray-txt);}

.anketa .addDevice  {margin-top: 20px;}

.anketa .formTitle  {font-size: 16px; line-height: 30px; margin: 30px 0 20px; font-weight: 700;}

.anketa textarea    {width:100%; height:110px; background: var(--white-2); border-radius: 14px; resize: none; padding: 14px 20px; font-size:14px; outline: none; margin-bottom: 20px; border:1px solid var(--white-2);}

.anketa textarea:focus  {border:1px solid var(--black);}

.anketa .screen {grid-template-columns: 100px 80px; align-items: center;}

.anketa .screen > div   {font-size: 12px; line-height: 18px; font-weight: 700;}

#pvzForm .fixWB  {margin-bottom: 20px;}

.dopDevice  {grid-template-columns: 1fr 40px; align-items: center; border-radius: 10px; border: 1px solid var(--gray-brd); margin: 30px 0 20px;}

.dopDevice .formTitle   {margin: 0; padding-left: 10px;}

.del { background: url(/img/icons/grayClose.svg) no-repeat right 10px top 50%; cursor: pointer; width:100%; height:20px;}

.setCode    {grid-template-columns: 160px 30px 80px; align-items: center; justify-items: center;}

.setCode input  {margin-bottom: 0;}

.anketaBtn  {margin-top:30px; max-width: 620px;}

#pvzSubmit   {max-width:260px; margin-bottom:15px; background: var(--green-1);}

#pvzSubmit:not(:disabled):hover    {color:var(--green-1); background: var(--green-2);}

.anketaBtn .gray   {font-size: 14px; font-weight: 700; color: var(--gray-2-light); }

a.mobShow    {display: none; color: var(--green-1);}

#pvzRTSPScreen	{margin-bottom:5px;}

.rtspScreen	{margin-top:20px; display:none;}



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

    .pvzForm .pvzText   {max-width:800px;}

    #anketa {margin-top: -30px; margin-bottom: 20px;}
  
    .anketa {grid-gap:30px; grid-template-areas: "F1" "F2" "F3"; grid-template-columns: 1fr;}

    .anketa .fixBlock   {grid-template-columns: 1fr 1fr; grid-gap: 30px;}

    .anketa .fixBlock .fix1280 {padding-top:40px;}

    .anketaBtn .gray   {font-size: 12px;}

    .anketa .screen {margin-top: 32px;}

    .F2 .name   {margin-bottom: 0;}

    .F3 {margin-bottom: 0;}

}

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

    .pvzForm .pvzText   {max-width:none; margin: 20px 0 0;}

    #anketa {margin-top: -30px; margin-bottom: 20px;}

    .pvzForm .callback  {display: none;}

    .anketa {grid-gap:20px; grid-template-areas: "F1" "F2" "F3"; grid-template-columns: 1fr;}

    .anketa > div   {padding:40px;}

    .anketaBtn .gray   {font-size: 12px;}

    .F3 {margin-bottom: 0;}

    a.mobShow    {display: inline;}

    .mobHide    {display: none;}

}

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

    .pvzForm .pvzText   {max-width:none; margin: 20px 0 0;}

    #anketa {margin-top: -30px; margin-bottom: 20px;}

    .pvzForm .callback  {display: none;}

    .anketa {grid-gap:20px; grid-template-areas: "F1" "F2" "F3"; grid-template-columns: 1fr;}

    .anketa > div   {padding:20px;}

    .anketa .name {font-size: 16px;}

    .anketa .formTitle  {font-size: 14px; line-height: 16px;}

    .anketaBtn .gray   {font-size: 12px;}

    #pvzSubmit {max-width: 380px;}

    .F3 {margin-bottom: 0;}

    a.mobShow    {display: inline;}

    .mobHide    {display: none;}

}