@charset "utf-8";
/* CSS Document */

.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;
}
.send-button:hover{
    background:#111;
}
/*window*/
.modal-box, .modal-box2, .modal-box3, .modal-box4, .modal-box5{
    width:461px;
    padding:20px;
    position:fixed;
    z-index:12;
    top:20%;
    left:50%;
    margin-left:-230px;
    background: rgba(51, 51, 51, 0.9);
    border:2px solid #CCC;
    border-radius:8px;
    display:none;
}
.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:-15px;
    top:-15px;
    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: yellow;
    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;
}

@media only screen and (max-width : 1220px) {
	.modal-box, .modal-box2, .modal-box3, .modal-box4, .modal-box5{
	width: 310px;
    padding:10px;
    position:fixed;
    z-index:12;
    top:10%;
    left:64%;
    margin-left:-230px;
    background: rgba(51, 51, 51, 0.9);
    border:2px solid #CCC;
    border-radius:8px;
    display:none;
	}
}
/* 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;
	}
}