#modal-overlay {
background: #000;
filter: alpha(opacity=60);
height: 100%;
left: 0;
-moz-opacity: 0.7;
-webkit-opacity: 0.7;
-ms-filter: alpha(opacity=70);
opacity: 0.7;
position: absolute;
top: 0;
width: 100%;
z-index: 995;
}

#modal-container {
width: 55% !important;
max-width: 400px;
background: #fff;
height: auto;
padding: 0;
color: #000;
position: absolute;
z-index: 995;
border-radius: 5px;
}

#modal-header {
font: 22px/24px Roboto, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
overflow: hidden;
clear: both;
}

#modal-content {
display: block;
z-index: 999;
padding: 0;
}

#modal-close {
background: #fff url('/theme/img/close.svg') no-repeat center center;
cursor: pointer;
display: block;
height: 30px;
width: 30px;
position: absolute;
top: 0;
right: 0;
border-radius: 60px;
padding: 5px;
}

.one-click a#one-click-pusk {
display: block;
height: 50px;
line-height: 50px;
width: 258px;
text-align: center;
color: #5f5f5f;
background: #efefef;
font-size: 16px;
font-weight: bold;
margin: 12px auto 0 auto;
border-radius: 5px;
}

.one-click a#one-click-pusk:hover {
background: #0846E2;
color: #fff;
}

.one-click a#one-click-pusk:focus {
background: #0846E2;
color: #fff;
}

.modal-content-wrapper {
color: #3f3f3f;
display: flex;
flex-direction: column;
width: 90%;
padding-bottom: 20px;
margin: 5px auto 0 auto;
}

.modal-content-wrapper .name {
text-align: center;
font-size: 18px;
font-weight: bold;
}

#one_cl_order-loading {
display: none;
}

.modal-title {
overflow: hidden;
padding: 16px 0;
position: relative;
color: #000;
text-transform: uppercase;
text-align: center;
margin-top: 0;
}

.modal-content-wrapper .modal-description {
text-align: center;
padding: 12px 0 14px;
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
margin: 0 0 17px;
}

.modal-content-item {
display: flex;
flex-direction: column;
}

.modal-content-item.image {
display: flex;
}

.modal-content-item.image img {
margin: 0 auto;
}

#one_cl_order-form {
text-align: center;
}

.modal-content-wrapper .row {
margin: 22px 0 0 0;
}

.modal-content-wrapper .input-holder input {
width: 100%;
height: 44px;
line-height: 44px;
padding: 0 10px;
display: flex;
flex-direction: column;
}

#one_cl_order-submit {
display: block;
width: 100%;
height: 50px;
line-height: 50px;
outline: none;
background: #2c64f7;
text-transform: uppercase;
color: #fff;
cursor: pointer;
border: 0;
margin-top: 30px;
font-size: 18px;
border-radius: 5px;
}

#one_cl_order-submit:hover {
background: #000cff;
}
@media (max-width: 620px) {
#modal-container {
width: 75% !important;
}}
@media (max-width: 420px) {
#modal-container {
width: 90% !important;
}
.modal-content-wrapper .modal-description {
padding: 5px 0;
margin: 0 0 11px;
}
}