@charset "utf-8";
/* CSS Document */
.body-owerflow{
	overflow:hidden;
}
.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:#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{
transition: transform .3s ease 0s,-webkit-transform .3s ease 0s;
  background-color: rgba(243,243,243,.9);
  padding: 2.5rem 0;
    padding-top: 2.5rem;
    padding-right: clamp(.9375rem ,.5965909091rem + 1.7045454545vw ,1.875rem);
    padding-bottom: 2.5rem;
    padding-left: clamp(.9375rem ,.5965909091rem + 1.7045454545vw ,1.875rem);
  width: 100%;
  max-width: 35.75rem;
    position:relative;
    z-index:1;
    background: rgba(243,243,243,.9);
   /* border:2px solid #CCC;*/
   border-radius: clamp(.5625rem ,.3579545455rem + 1.0227272727vw ,1.125rem);
  
	margin:0 auto;
}
.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:-1px;
    top:-5px;
   /* 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: red;
    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;
}
  .map-tab table td:last-child {
    width: 36% !important;
  }

/* 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;
	}
}