#jbCallme_overlay{
opacity:0.4;
position:fixed;
left:0;
top:0;
height:100%;
width:100%;
z-index:100;
display:none;
background:#393636;

cursor:pointer;
}
.jb_input {
font-size: 16px;
float: left;
width: 45%;
margin-left: 2%;
}
.jb_input label {
margin: 0 auto;
text-align: center;
font-weight: bold;
font-size: 16px;
display: block;
margin-top: 1%;
}
#jbCallme_service_order {
left:33%;
top:5%;
z-index: 110;
color:#323d53;
height:auto;
}
.intro label {
margin-left: -45%;
float: left;
font-weight: bold;
font-size: 16px;
margin-bottom: 5px;
display: block;
margin-top: 12px;
}
.jbCallme{
background:#FFF;
border-radius:10px;
border:1px solid #ddd;
left:33%;
position:fixed;
top:35%;
width:37%;
min-width:290px;
z-index:110;
color:#323d53;
display:none;
height:auto;
}
@media (max-width:700px) and (min-width:170px) {
.jb_input label {
font-size: 12px;
margin-top: 0.5%;
font-size: 14px;
line-height:15px;
font-family: Helvetica, Arial, Sans-Serif;
vertical-align: middle;
cursor:pointer;
border-width: 0px;
border-style: outset;
border-color: buttonface;
border-image: none;
}
#jbCallme_service_order {
left: 1%;
position:fixed;
overflow: auto;
height:100%;
width:95%;
top:2%;	
margin: 1%;
z-index: 9999;
color:#323d53;
vertical-align: middle;
}
.jbCallme{
background:#FFF;
border-radius:10px;
border:1px solid #ddd;
left:5%;
position:fixed;
top:30%;
width:90%;
z-index:110;
color:#323d53;
display:none;
height:auto;
}
}
.jbCallme .jb_title{
text-align:center;
font-family: ProximaNova,sans-serif;
color:#10bf4e;
font-weight:bold;
font-size:18px;
margin-top: 3%;
line-height: 2.7;
letter-spacing: -.01rem;
}

.jbCallme .jb_title:first-letter{
font-size:18px;
}
.jbCallme textarea{
border-radius: 6px;
border: 1px solid #d6d6d6;	
padding: 3px;
margin-bottom: 10px;
background-color: #fff;
width:98%;
height:70px;
font-family:Arial, Helvetica, sans-serif;

cursor:pointer;
}
.jbCallme form{
margin: 10px;
}

.jbCallme .jb_input{
margin-top: 10px;
}

.jbCallme input[type=text],.jbCallme input[type=email]{
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 0px;
border-radius: 6px;
border: 1px solid #d6d6d6;
padding: 7px;
background-color: #fff;
width:92%;
float:left;
}
.otstup {
	text-align: center;
	margin-bottom: 3%;
	padding: 2%;
}
.jbCallme select{
border-radius: 6px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 0px;
border: 1px solid #d6d6d6;
float:left;
padding: 7px;
background-color: #fff;
width:98%;
display:block;

cursor:pointer;
}
.jbCallme select:focus,.jbCallme input[type=text]:focus,.jbCallme input[type=email]:focus, .jbCallme textarea:focus{
border-radius: 6px;
background-color: #FFF;
border: 1px solid #10bf4e;
}
.jbCallme .jb_close{
position:absolute;
display:block;
top:3px;
right:3px;
width:24px;
height:24px;
cursor:pointer;
text-indent:-500px;
overflow:hidden;
}
.jbCallme .jb_close:after{
content:'×';
font-family: Arial, sans-serif;
position:absolute;
line-height:24px;
font-size:24px;
text-indent:0;
top:0;
right:0;
color: #10bf4e;
}
.jb_close:hover {
color: #FF2000;
}
.jbCallme input[type=submit]{
text-align:center;
display:inline-block;
background-color:#10bf4e;
padding: 10px 23px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
color: #fff;
font-size: 14px;
line-height:15px;
font-family: Helvetica, Arial, Sans-Serif;
vertical-align: middle;
cursor:pointer;
border-width: 0px;
border-style: outset;
border-color: buttonface;
border-image: none;
}
.jbCallme input[type=submit]:hover {
border: 1px solid #fff200;
color: #fff200;
background-color:#10bf4e;
}
.jbCallme .jb_success{
text-align: center;
color:#323d53;
font-size:16px;
}
.jbCallme .jb_fail{
margin:30px;
color:#323d53;
font-size:16px;
}
.jb_progress{
display: inline-block;
height: 76px;
position: relative;
vertical-align: top;
width: 100%;    
}
.intro label {
margin-left: -45%;
float: left;
font-weight: bold;
font-size: 14px;
margin-bottom: 5px;
display: block;
margin-top: 12px;
}
.jb_progress:after {
border-width: 0 3px 0 0;
border-style: solid;
border-color: rgba(0, 0, 0, .5);
border-radius: 50%;
display: block;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
position: absolute;
top: 50%;
width: 50px;
content: "";
animation: spin 1s infinite linear;
-webkit-animation: spin 1s infinite linear;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}