@charset "utf-8";
/* CSS Document */
.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;
}
.fade-cont{
	width: 100%;
    height: 100%;
	display:table;
}
.fade-align{
	width: 100%;
    height: 100%;
	box-sizing: border-box;
	padding: 30px 15px;
	display:table-cell;
	vertical-align:middle;
}
.fadebox .button{
    margin-top:20px;
}
/*window*/
.modal-box, .modal-box2, .modal-box3, .modal-box4, .modal-box5{
	width:100%;
    max-width:500px;
    padding:10px;
    position:relative;
    z-index:12;
    margin:0 auto;
    background: rgba(255, 255, 255);
    border:2px solid #ccc;
    border-radius:8px;
    display:none;
}

.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 #999;
    box-shadow: 0 0 10px rgba(102,102,102,0.5);
	color:#666;
}
.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;
}

@media only screen and (max-width : 1220px) {
	.modal-box, .modal-box2, .modal-box3, .modal-box4, .modal-box5{
	width: 300px;
    padding:10px;
    background: rgba(255, 255, 255);
   border:2px solid #FBFBFD;
    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;
	}
}
.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:0;
	left:0;
	top:0;
	opacity:0.5;
}
.quick img{
width: 120px;
float: left;
margin-right: 20px;
}
.pricequick{
margin: 5px 0;
}
.sell-button.whatever-you-need{ display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 5px 15px;
  overflow: hidden;
  font-family: Mazzardh,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.286;
  text-align: center;
  cursor: pointer;
  background-color: #2722ff;
  border: 1px solid transparent;
  border-radius: 10px;
  outline: 0;
  transition: color .3s,background .3s;
  margin-bottom: 20px;
  color: #fff;
  margin-top: 20px;
}
.sell-button.whatever-you-need:hover{background-color:#666}

.sell-button.whatever-you-need img {height: 18px;
  margin-left: 7px;
  margin-top: -3px;}