form, input, textarea {padding: 0; margin: 0;}

.popup-form {position_: relative; opacity: 0; transform: scale(0); transition: transform 0.3s ease-in-out, opacity 0.3s linear;}
.popup-form.visible {transform: scale(1); opacity: 1;}
.popup-form.invisible {transform: scale(0); opacity: 0;}
.trans-delay {transition-delay: .8s;}

.popup-form {padding: 1.5rem 4rem 1rem 4rem; position: fixed; z-index: 1500; top: 13%; left: 50%; width: 800px; margin-top_: -330px; margin-left: -400px; box-shadow: 0px 0px 100px rgba(0,0,0,0.5); background: #f2f2f2; border-radius: 20px;}
.popup-form .close {display: block; width: 60px; height: 60px; background: url("/im/ic_close.svg") 50% 50% no-repeat; position: absolute; top: 0; right: 0;}
.popup-form .userinfo div {padding: 0px 0px 10px 0;}
.popup-form textarea {width: 100%;}

.popup-form .title {margin: 0px 30px 20px 0px;}

.popup-form div {position: relative; box-sizing: border-box;}
.popup-form p {font-size: 85%; padding: 0px 0 5px 0; color: #888;}
.popup-form input {position: relative;}
.popup-form input, .popup-form textarea {background: #fff; border: 1px solid #cbcfd7; color: #293744; font-size: 90%; font-family: "fonts"; padding: 5px; box-sizing: border-box;}
.popup-form input:focus, .popup-form  textarea:focus {outline: 0 none; box-shadow: inset 0 0 10px #ccc; background: #fff;}

.popup-form .kolvo {margin-bottom: 10px;}
.popup-form .kolvo input {width: 60px; height: 35px; text-align: center; font-size: 1.2rem; color: #2f7fe2;}
.popup-form .userinfo div input {width: 100%; padding-left: 45px; height: 35px;}
.popup-form .userinfo div:before {content:""; display: block; width: 35px; height: 35px; background-color: #2f7fe2; position: absolute; z-index: 2; top: 0px; left: 0px; background-position: 50% 50%; background-repeat: no-repeat;}
.popup-form .userinfo div.name:before {background-image: url("/im/ic_send_user.svg");}
.popup-form .userinfo div.email:before {background-image: url("/im/ic_send_email.svg");}
.popup-form .userinfo div.phone:before {background-image: url("/im/ic_send_phone.svg");}
.popup-form .userinfo div.nameorg:before {background-image: url("/im/ic_send_name.svg");}
.popup-form .userinfo div.email {width: 49%; float: left;}
.popup-form .userinfo div.phone {width: 49%; float: right;}

.popup-form .code {padding_: 0 20px 20px 20px; margin: 20px 0;}
.popup-form .code img {float: left; margin-right: 10px; border-left: 10px solid #2f7fe2;}
.popup-form .code input {background: #fff; width: 150px; height: 50px; line-height: 50px; padding: 0 10px; font-size: 1.2rem;}
.popup-form .sign {clear: both; padding-top: 10px; float: left; display: inline-block;}
.popup-form .sign p a {color: #666;}

.popup-form button {float: right; padding: 0.75em 1.5em; border-radius: 40px; color: #fff; cursor: pointer; background: #2f7fe2; border: none; display: inline-block;}
.popup-form button:disabled {background: #ccc;}

.popup-form .who {background_: rgba(255,255,255,0.5); margin: 10px 0 20px 0;}
.popup-form .who input {display: none;}
.popup-form .who label {font-size: 90%; display_: block; padding-left: 35px; height: 25px; line-height: 20px; cursor: pointer; position: relative; margin-right: 20px;}
.popup-form .who label:hover {color: #2f7fe2;}
.popup-form .who label:before {
    content: "";
    display: block;  position: absolute; top: 2px; left: 10px;
    width: 16px;
    height: 16px;
    background-color: #2f7fe2; border-radius: 8px;
    box-shadow_: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
.popup-form .who label:after {
    content: "";
    display: block; position: absolute; top: 4px; left: 12px;
    width: 12px;
    height: 12px; border-radius: 8px;
    background-color: #fff; opacity: 1;
}
.popup-form .who input[type="radio"]:checked + label {color: #004a98;}
.popup-form .who input[type="radio"]:checked + label::after {opacity: 0;}


.popup-form .message {font-size_: 85%; display: block; color: #2f7fe2; margin-top: 20px; clear: both;}
.popup-form .message.error {color: #cc0000 !important;}

.popup-form input[type="file"] {height: 30px !important; margin-bottom: 0;}

.popup-form .error_input {border-color: #ca2027; box-shadow: 0 0 5px #f6565c;}

.popup-form input.error {outline: 0 none; box-shadow: 0 0 5px #f6565c;}

.popup-form .full input {width: 100%; margin-bottom: 5px;}
.popup-form .half input {width: 49%; margin-bottom: 5px;}
.popup-form .half input:nth-child(1) {float: left;}
.popup-form .half input:nth-child(2) {float: right;}
.popup-form .half input:nth-child(2):after,
.popup-form .half:after {content:""; display: block; height: 0px; clear: both;}
/*.popup-form .address div {padding: 3px;}
.popup-form .address {padding-bottom: 10px;}*/

.popup-form select {width: 100%; margin-top: 0px; border: 1px solid #d1d1d1; padding: 0.3em 0.8em; border-radius: 4px; box-sizing: border-box; outline: 0;}


/*.popup-form-dzz {top: 7%; padding: 1.5rem 3rem 1.5rem 3rem;}*/

.order-dzz {display: inline-block; position: fixed; top: 155px; right: -40px; z-index: 1000;}
.order-dzz a {font-family: fonts-bold; text-transform: uppercase; text-decoration: none; line-height: 48px; margin-top_: 10px; position: relative;
    padding: 0 60px 0 45px; font-size: 0.8rem;
    border-radius: 40px;
    color: #fff;
    cursor: pointer;
    background: url("/im/dzz_order_bg.png") 0 50% no-repeat #1a6ace; background-size: contain; border_: 1px solid #2f7fe2;
    display: inline-block;
transform: translateX(0); animation: jump 1.4s ease-in-out infinite; animation-direction: alternate;
}
.order-dzz a:hover {background: #1a6ace; color_: #2f7fe2; animation: none;}
@keyframes jump {
   100% {transform: translateX(5px);  opacity: 1;}
}

.order-dzz a:before {content: ""; position: absolute;  top: 0; left: 18px; width: 18px; height: 100%; background: url("/im/dzz_order_icon.png") 0 50% no-repeat transparent; background-size: contain;}


@media screen and (min-device-aspect-ratio: 16/9) and (max-width: 1366px) and (orientation:landscape) {
.popup-form {top: 5% !important;}
.popup-form .message {margin-top: 10px;}
.popup-form input, .popup-form textarea, .popup-form select {padding: 2px 5px;}
.popup-form input, .popup-form textarea, .popup-form select, .popup-form .who label {font-size: 80%;}

}

@media screen and (max-width: 1600px) {
.order-dzz {top: 120px;}
}