@charset "utf-8";
/* CSS Document */
.body-owerflow{
	overflow:hidden;
}
.fadebox{
	width: 100%;
    height: 100%;
    position: fixed;
    z-index: 20;
    left: 0;
    top: 0;
    background: rgba(000,000,000,0.5);
    overflow-y: scroll;
	display:none;
	box-sizing:border-box;
	padding:2% 15px;
}
.fadebox-close{
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.drive-title{
    color:#FFF;
	font-size:24px;
	line-height:24px;
}
.send-button{
    width:220px;
	height:43px;
	box-sizing:content-box;
	border:2px solid #FFF;
	color:#FFF;
	font-weight:700;
	font-size:20px;
	cursor:pointer;
	display:block;
	text-transform:uppercase;
	background:#c20700;
	margin:0 auto;
	-webkit-appearance: none;
}
.send-button:hover{
    background:#111;
}
/*window*/
/*/старое.modal-box, .modal-box2, .modal-box3, .modal-box4, .modal-box5{
    max-width:300px;
    padding:20px;
    position:relative;
    z-index:1;
    background: rgba(51, 51, 51, 0.9);
    border:2px solid #CCC;
    border-radius:8px;
	margin:0 auto;



max-width: 414px;
margin: 0 auto;
padding: 50px 65px;
background-color: rgba(246,248,250,0.9);
box-shadow: 0px 4px 50px rgba(42, 44, 56, 0.07);
border-radius: 10px;

}*/
.modal-box, .modal-box2, .modal-box3, .modal-box4, .modal-box5{
   max-width:414px;
    padding:50px;
    position:relative;
    z-index:1;
    background: rgba(246,248,250,0.9);
    box-shadow: 0px 4px 50px rgba(42, 44, 56, 0.07);
border-radius: 10px;
	margin:0 auto; margin-top: 80px;
}
option{
    margin:40px;
    background: rgba(0,0,0,0.3);
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}
.modal-box{
    top:10% !important;
}
.modal-box p, .modal-box2 p, .modal-box3 p, .modal-box4 p, .modal-box5 p{
font-size:18px;
}
.order-close-button{
    width:25px;
    height:25px;
    position:absolute;
    z-index:2;
    right:0px;
    top:0px;
    background:#FFF;
    border-radius:100px;
    cursor:pointer;
    line-height:25px;
    text-align:center;
    border:2px solid #666;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
	color:#000;
}
.modal-box .block-title, .modal-box2 .block-title, .modal-box3 .block-title, .modal-box4 .block-title, .modal-box5 .block-title{
    min-width:100%;
   /* color:#FFF;*/
    margin-bottom:10px;
}
.modal-box,.modal-box2,.modal-box3{
   /* color:#FFF;*/
}
.modal-box p span, .modal-box2 p span, .modal-box3 p span, .modal-box4 p span, .modal-box5 p span{
font-size:20px !important;
color:#FFF;
}
.errorsf strong{
color:#F00 !important;
}
.errors strong{
    color: #DB582E;
    font-weight: normal;
	font-size: 16px;
}
.error{
    color:#fff;
}
.form-col{
    overflow:hidden;
}
.form-col-left{
    width:48%;
	float:left;
}
.form-col-right{
    width:48%;
	float:right;
}
.inputbox-modal{
    width:100%;
	height:43px;
	padding: 5px 10px;
	line-height:33px;
	box-sizing:border-box;
	border:2px solid #FFF;
	color:#FFF;
	font-size:14px;
	background:rgba(000,000,000,0.6);
	margin-bottom:10px;
}
.inputbox-modal-cm{
 width:100%;
 height:120px;
 padding: 5px 10px;
	line-height:33px;
	box-sizing:border-box;
	border:2px solid #FFF;
	color:#FFF;
	font-size:14px;
	background:rgba(000,000,000,0.6);
	margin-bottom:10px;
}
.inputboxmodal{
    width:95%;
	height:43px;
	padding: 5px 10px;
	line-height:33px;
	border:2px solid #FFF;
	font-size:14px;
	margin-bottom:10px;
}
.inputbox-cm{
 width:95%;
 height:120px;
 padding: 5px 10px;
	line-height:33px;
	border:2px solid #FFF;
	font-size:14px;
	margin-bottom:10px;
}
.centered{
	width:220px;
	height:220px;
	position:absolute;
	z-index:5;
	left:40%;
	margin-left:-16px;
	top:40%;
	margin-top:-16px;
}
/*09-09*/
.inputbox{
    width: 100%;
    height: 30px;
    background: transparent;
    box-sizing: border-box;
    border: 0;
    font-size: 16px;
    color: #FFF;
    border-bottom: 1px solid #74838f;
    margin-bottom: 10px;
}
.select{
    width: 100%;
    height: 50px;
    background: transparent;
    box-sizing: border-box;
    border: 0;
    font-size: 16px;
    color: #74838f;
    border-bottom: 1px solid #74838f;
    margin-bottom: 10px;
}
.button3{
    width: 300px;
    height: 50px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    color: #FFF;
    font-size: 14px;
    border: 0;
    text-transform: uppercase;
    text-align: center;
    background-color: #30b8b9;
    border-radius: 3px;
    margin-top: 17px;
	-webkit-appearance: none;
}
.button4{ 
	width: 300px;
    height: 50px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    color: #FFF;
    font-size: 14px;
    border: 0;
    text-transform: uppercase;
    text-align: center;
    background-color: #30b8b9;
    border-radius: 3px;
    margin-top: 17px;
	-webkit-appearance: none;
}
.consult-top{margin-bottom: 10px;  
font-size: 20px;
font-weight: bold;}
.consult-title{margin-bottom: 10px; color: #30b8b9;}
/* Medium Devices, Desktops 
@media only screen and (max-width : 992px) {
	
}*/
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.order-col-left,
	.order-col-right{
	    width:auto;
		float:none;
	}
	.order-tab p{
	    margin-bottom:5px;
	}
	.order-col-right span.star{
	    display:none;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.order-col-left,
	.order-col-right{
	    width:auto;
		float:none;
	}
	.order-tab p{
	    margin-bottom:5px;
	}
	.order-col-right span.star{
	    display:none;
	}
	.modal-box, .modal-box2, .modal-box3, .modal-box4, .modal-box5{
		padding: 25px 20px;
	}
}