.w100   {width:100%;}

::placeholder	{color: #BFBFBF;}

form	{font-size:12px; line-height:18px; }

.label	{margin:0 0 4px 8px; position: relative; color: #676767;}

input[type="text"], input[type="tel"], input[type="email"], input[type="number"], input[type="password"]	{margin-bottom:20px; background: #F9F9F9; border-radius: 14px; width:100%; padding: 14px 20px; font-size:14px; outline: none; border:1px solid #F9F9F9;}

input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus	{border:1px solid #1d1d1d;}

label	{cursor:pointer;}

.norm	{border:1px solid transparent;}

.ok 	{color: var(--green-1) !important; border: 1px solid var(--green-1) !important;}

.alert	{border: 1px solid var(--red-form) !important;}

.custom, .customR	{position: absolute; z-index: -1; opacity: 0;}

.custom+label, .customR+label {display: inline-flex; align-items: center; user-select: none; width:100%;}

.custom+label::before, .customR+label::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid rgba(0, 93, 40, .35);
	margin-right: 14px;
}

.custom+label::before {border-radius: 2px;}

.customR+label::before{border-radius: 8px;}

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

.customR:checked+label::before {
    border-color: var(--green-1);
    background: url(/img/icons/radio.svg) no-repeat 50% 50%;;
}

.customR, .customR+label	{margin:14px 0;}

.btn	{color:#ffffff; width:100%; }

.btn:disabled    {background:rgba(0, 93, 40, .5) !important; }

.btn:enabled    {cursor:pointer; }

.active1	{background:rgba(0, 93, 40, 1) !important; cursor:pointer;}

#pageCall   {background:rgba(0, 93, 40, 1); margin:30px 0 10px; margin:30px 0 10px;}

.errMess {
	position:absolute;
	right:0;
	top:0;
	z-index: 10;
	padding: 10px 16px;
    border-radius: 14px;
	background: #FAD6D6;
	color: #D8583C;
	line-height:12px;
}

.errMess:before {
	content:'';
	border:5px solid transparent;
	z-index: 1001;
	border-top-color:#FAD6D6;
	position:absolute;
	top:100%;
	left:50px;	
}

.pageForm   {background: var(--white-1); justify-items: center; border-radius: 14px;}

#formCB     {display: grid; width:1000px;}

.fixW   {width:450px;}

#pageCall   {width:200px;}

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

.form2, .form3, .form4  {grid-gap: 20px;}

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

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

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

.formGray   {color: rgba(103, 103, 103, .6);}

#formInet #pageCall {
    margin: 0;
}


form .select	{background: var(--white-1) url(/img/icons/select.svg) no-repeat right 20px top 50% !important; width: 100%; padding: 10px 20px;
     outline: none; border: 1px solid var(--green-1); cursor: pointer; border-radius: 14px;}

form .options	{background: var(--white-2);
    border-radius: 14px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    border: 1px solid var(--black);
    max-height: 330px;
    overflow-y: auto;
}

form .options label	{width: 100%;
    padding: 14px 20px;
    line-height: 24px;
    font-weight: 500;
    outline: none;
    background: var(--white-1);}

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

form .options .now	{color: var(--green-1); background: var(--white-2);}




.switch {position: relative; display: inline-block; max-width: 56px !important; width: 56px; height: 32px; }

.switch input {display:none;}

.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid var(--gray-4); transition: .4s;}
  
.slider:before {position: absolute; content: ""; height: 22px; width: 22px; left: 3px; bottom: 3px; border: 1px solid var(--gray-4); transition: .4s; }
  
.switch .dn:checked + .slider {background-color: transparent; border: 1px solid var(--green-1);}

.switch .dn:checked + .slider:before {transform: translateX(24px);}

.slider.round {border-radius: 56px;}

.slider.round:before {border-radius: 50%;}

.wkFix:before	{border: 1px solid var(--green-1) !important; background: var(--green-1) !important;}

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

form label.gray span	{color: var(--gray-txt) !important;}





.fInfo  {padding:5px 21px 5px 7px; font-weight: 700; }

.fileAct    {border-radius:10px; border:1px solid var(--gray-brd); background: url(/img/icons/grayClose.svg) no-repeat 98% 50%; cursor:pointer;}

#errMess	{display: none;}

#errMess, .fileAlert   {color: var(--red-form); background: var(--red-bg); padding:10px 16px; border-radius:14px; font-weight: 500; width:fit-content; }

.fileAlert	{margin:20px 0;}

#errMess, .fInfo    {overflow:hidden; text-overflow: ellipsis; }

.messOk	{margin:20px 0; color: var(--green-1); font-size: 16px; font-weight: 600;}

form .wait	{background: var(--white-1) url(/img/load.gif) no-repeat 50% 50% !important; width:300px; margin: 20px 0;}





/* webkru 02.12.2025 */
#skladnoForm	{max-width:410px;}
#skCall   {margin: 15px 0; background: var(--green-1);}
#skCall:not(:disabled):hover   {color:var(--green-1); background: var(--green-2);}




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

    #formCB     {width:1000px;}

}

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

    #formCB     {width:100%; max-width:600px;}

    .form3, .form4  {grid-template-columns: 1fr;}

    .form4 {
        gap: 0;
    }

    #pageCall   {width:100%;}

}

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

    .formHead  {font-size:20px; line-height: 24px; text-align:center;}
    
    #formCB     {width:100%;}

    .form3, .form2     {grid-template-columns: 1fr;}

    #pageCall   {width:100%;}

    .fixW   {width:100%;}

    .form3, .form4  {grid-template-columns: 1fr;}

    .form4 {
        gap: 0;
    }

}