form.ods-lqt  .item {
    position: relative;
    margin:23px 0;
}


form.ods-lqt  .item input {
	background:transparent;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;	
}

form.ods-lqt  .item.agree-item {
	display: flex;
}
form.ods-lqt  .item input[type="checkbox"] ~ .fake-chx {
    flex-grow: 0;
    flex-shrink: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    position: relative;
    top: -2px;
    margin:1px 8px 1px 1px;
    vertical-align: top;
    text-indent: 20000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;    
}
form.ods-lqt  .item input[type="checkbox"] ~ .fake-chx:hover {
	background:#dddddd;
}
form.ods-lqt  .item input[type="checkbox"].error ~ .fake-chx {
	border:2px solid red;
}
form.ods-lqt  .item input[type="checkbox"]:focus ~ .fake-chx {
    outline: 2px solid black;
    outline-offset: 3px;
}
form.ods-lqt  .item input[type="checkbox"]:checked ~ .fake-chx {

  background: #e20074 url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iT0RTSWNvbiBPRFNDaGVja2JveEljb24tQ2hlY2ttYXJrIE9EU0NoZWNrYm94SWNvbi1DaGVja21hcmstLXNlbGVjdGVkLXNlbGVjdGVkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBhcmlhLWhpZGRlbj0iZmFsc2UiIHRhYmluZGV4PSItMSI+PGcgZmlsbD0iI2ZmZmZmZiI+PGc+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtOS4yMTUgMTkuNzgtNi44OTgtNi44NjZhMS4yNSAxLjI1IDAgMSAxIDEuNzY0LTEuNzcxbDUuMTMgNS4xMDZMMjAuMyA1LjE1OWExLjI1IDEuMjUgMCAwIDEgMS43NjggMS43Njd6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9nPjwvZz48L3N2Zz4=") center no-repeat;
  background-size:  80% auto;
  border-color: #e20074;
}

form.ods-lqt  .item input:hover {
	background:#dddddd;
}


form.ods-lqt  .item input[type="tel"] {
    border:1px solid black;
    border-radius:16px;
    font-size: 24px;
    font-weight: 700;
    line-height: 22px;
    padding: 32px 35px 14px 25px;
    font-family: 'tele-neo-var';
    margin-bottom: 15px;
    margin:0;
    box-sizing: border-box;
  	width: 100%;
}
form.ods-lqt  .item input[type="tel"]:focus {
    outline: 2px solid black;
    outline-offset: 3px;
}
form.ods-lqt  .item input[type="tel"].error {
    border:2px solid red;
}
form.ods-lqt  .item .floating-label {
    position: absolute;
    pointer-events: none;
    font-size: 24px;
    color:rgb(98, 98, 98);
    left:25px;
    top:23px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
form.ods-lqt  .item input[type="tel"]:not(:placeholder-shown) ~ .floating-label ,
form.ods-lqt  .item input[type="tel"]:focus ~ .floating-label {
    pointer-events: none;
    font-size:16px;
    top:8px;
}

form.ods-lqt  .item  input ~ span.error ,
form.ods-lqt  .item  input ~ label.error {
	position: absolute;
	top:initial;
	bottom:-21px;
	left:25px;
	font-weight: 600;
	padding-left: 26px;
	padding-top: 2px;
	line-height: 18px;
	background: url('data:image/svg+xml;utf8,<svg class="ODSIcon ODSSupportMessage-Icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" tabindex="-1"><g fill="red"><g><path fill-rule="evenodd" d="M23.075 18 14.6 3.32a3 3 0 0 0-5.2 0L.925 18a3 3 0 0 0 2.6 4.5H20.5a3 3 0 0 0 2.575-4.5M11 8.25h2v6.5h-2zm1 10.5a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5" clip-rule="evenodd"></path></g></g></svg>') left center /contain no-repeat;
}


form.ods-lqt .form-item span.error  {
    position: absolute;
    color:red;
    top:initial;
    bottom:-21px;
    left:25px;
    font-weight: 600;
    padding-left: 26px;
    padding-top: 2px;
    line-height: 18px;
    background: url('data:image/svg+xml;utf8,<svg class="ODSIcon ODSSupportMessage-Icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" tabindex="-1"><g fill="red"><g><path fill-rule="evenodd" d="M23.075 18 14.6 3.32a3 3 0 0 0-5.2 0L.925 18a3 3 0 0 0 2.6 4.5H20.5a3 3 0 0 0 2.575-4.5M11 8.25h2v6.5h-2zm1 10.5a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5" clip-rule="evenodd"></path></g></g></svg>') left center /contain no-repeat;
    background-size: 20px auto;
}



#modal-lead-form {
    max-width: 670px;
    width: calc(90vw);
}
#modal-lead-form form fieldset {
    padding:24px;
}
#modal-lead-form .p1{
    font-size: 22px;
    font-weight: 655;
    padding: 0 0 24px 0;
}
#modal-lead-form .p2{
    font-size: 16px;
    font-weight: 655;
}


#modal-lead-form form.ods-lqt  .item input[type="tel"] {
    border:1px solid black;
    border-radius:16px;
    font-size: 24px;
    font-weight: 700;
    line-height: 22px;
    padding: 23px 17px 13px 24px ;
    font-family: 'tele-neo-var';
    margin-bottom: 15px;
    margin:0;
    box-sizing: border-box;
    width: 100%;
}

#modal-lead-form form.ods-lqt  .item .floating-label {
    position: absolute;
    pointer-events: none;
    font-size: 16px;
    color:#626262;
    left:25px;
    top:22px;
}
#modal-lead-form form.ods-lqt  .item input[type="tel"]:not(:placeholder-shown) ~ .floating-label ,
#modal-lead-form form.ods-lqt  .item input[type="tel"]:focus ~ .floating-label {
    pointer-events: none;
    font-size:16px;
    top:6px;
}

#modal-lead-form form.ods-lqt  .item .legal_zgoda {
    text-decoration: none;
    color: initial;
}
#modal-lead-form form.ods-lqt  .item .legal_zgoda span {
    color:#e20074;
    font-weight: 655;
}


#modal-lead-form .agreement-wrapper {
    display: none;
    max-width: 670px;
}
#modal-lead-form .agreement-wrapper .agreement-nag {
    font-size: 24px;
    font-weight: 655;
    padding: 0 15px 15px 15px;
    border-bottom: 1px solid #e5e5e5
}
#modal-lead-form .agreement-wrapper .agreement-content {
    max-height: calc(70vh - 100px);
    overflow: auto;
    padding: 15px 0 15px 15px
}
#modal-lead-form .agreement-wrapper .agreement-content ol {
    margin-left: 1em
}
#modal-lead-form .agreement-wrapper .agreement-footer {
    padding:12px;
    border-top: 1px solid #e5e5e5;
    text-align: right;
}

#modal-lead-form  form.ods-lqt .item input ~ span.error, 
#modal-lead-form  form.ods-lqt .item input ~ label.error {
     left: 0
}

#modal-lead-form form.ods-lqt .item.agree-item {
    margin-bottom: 2em
}
#modal-lead-form form.ods-lqt .item.submit-item {
    text-align: right;
    margin-bottom:0
    
}
#modal-lead-form form.ods-lqt .item.submit-item button {
    cursor: pointer;
}
#modal-lead-form #thx,
#modal-lead-form #err {
    font-size: 24px;
    padding: 60px;
}



@media screen and (min-width: 768px){   /* ------------------------------ 768 --------------------------------*/
}
@media screen and (min-width:  1040px){   /* ------------------------------ 1040 --------------------------------*/


#modal-lead-form .p1{
    font-size: 23.5px;
    font-weight: 655;
    padding: 0 0 24px 0;
}

#modal-lead-form form.ods-lqt  .item input[type="tel"] {
    font-size: 32px;
    line-height: 32px;
    padding: 23px 17px 13px 24px ;
    font-family: 'tele-neo-var';
    margin-bottom: 15px;
    margin:0;
    box-sizing: border-box;
    width: 100%;
}
#modal-lead-form form.ods-lqt  .item input[type="tel"].error {
    border:2px solid red;
}

#modal-lead-form form.ods-lqt  .item .floating-label {
    position: absolute;
    pointer-events: none;
    font-size: 23px;
    color:#626262;
    left:25px;
    top:22px;
}
#modal-lead-form form.ods-lqt  .item input[type="tel"]:not(:placeholder-shown) ~ .floating-label ,
#modal-lead-form form.ods-lqt  .item input[type="tel"]:focus ~ .floating-label {
    pointer-events: none;
    font-size:16px;
    top:6px;
}


}