@charset "utf-8";
/* CSS Document */
h2{
	font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
    color: #1F60AC;
}
.fadebox{
	width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    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:#333;
	font-size:24px;
	line-height:24px;
}
.send-button{
    width:220px;
	height:43px;
	box-sizing:content-box;
	border:2px solid #FFF;
	color:#FFF;
	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:380px;
    padding:35px;
    position:fixed;
    z-index:12;
    top:15%;
	left:50%;
    margin-left:-225px;
    background: #FFF;
    display:none;
}
.modal-box-order{
	width:710px;
    padding:20px;
    position:fixed;
    z-index:12;
    top:15%;
	left:50%;
    margin-left:-375px;
    background: #FFF;
    display:none;
	border:10px solid #FFA800;
}
.modal-box-order .order-form{
	line-height:20px;
}
.order-bot{
	clear:both;
	font-style:italic;
	text-align:right;
}
.modal-box-order img{
	float:left;
	margin:10px;
}
.order-close-button{
	width:30px;
    height:30px;
    position:absolute;
    z-index:2;
    right:0;
    top:0;
    background:#eff4f8;
    cursor:pointer;
    font-size:0;
}
.order-close-button:after{
	content:'\00d7';
	width:20px;
	height:20px;
	line-height:22px;
	text-align:center;
	display:block;
	position:relative;
	z-index:-1;
	margin:4px auto;
	border:1px solid #bebcbd;
	color:#bebcbd;
	font-size:20px;
	font-family:Arial;
	border-radius:100%;
}
.modal-box .button{
	width:auto;
	padding:0 20px;
	margin-top:25px;
}
.modal-box .block-title, .modal-box2 .block-title, .modal-box3 .block-title, .modal-box4 .block-title, .modal-box5 .block-title{
    min-width:100%;
    color:#333;
    margin-bottom:10px;
}
.modal-box,.modal-box2,.modal-box3{
    color:#333;
}
.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:#333;
}
.errors{
margin-bottom:10px;
color: #A30019;
/*background:rgba(255, 255, 255, 0.9);*/
}
.errors strong{
    color: #A30019;
    font-weight: normal;
	font-size: 16px;
}
.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 #ccc;
	color:#333;
	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 #ccc;
	color:#333;
	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 #ccc;
	font-size:14px;
	margin-bottom:10px;
}
.inputbox-cm{
 width:95%;
 height:120px;
 padding: 5px 10px;
	line-height:33px;
	border:2px solid #ccc;
	font-size:14px;
	margin-bottom:10px;
}
/* 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;
	}
	.modal-box-order{
		width:auto;
		left:10px;
		right:10px;
		margin-left:0;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	h2 {
		font-size: 18px;
	}
	.modal-box, .modal-box2, .modal-box3, .modal-box4, .modal-box5{
		width:280px;
		padding:25px 15px;
		margin-left:-155px;
	}
	.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-order{
		text-align:center;
	}
	.modal-box-order img{
		float:none;
		display: block;
		margin: 0 auto;
	}
}
.body-owerflow{
	overflow:hidden;
}
.modal-cont{
	width:100%;
	height:100%;
	position:fixed;
	z-index:21;
	left:0;
	top:0;
	overflow-y:scroll;
	background:rgba(000,000,000,0.5);
}
.modal-bg{
	width:100%;
	height:100%;
	position:absolute;
	z-index:5;
	left:0;
	top:0;
	background:#1e60ac;
	opacity:0.5;
}