/* Plugin Name: moveto  Common style */

body {
	font-size: 14px !important;
	color: #3d3d3d !important;
}
.fs-18{font-size:18px;}
.mr-16{margin-right:16px;}
.mb-28{margin-bottom:28px;}
.ml-10{margin-left:10px;}

#mp .loader{
	
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    overflow: auto;
    z-index: 99999;
}
#mp .loader .mp-loader{
	position: fixed;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width:30%;
}


/* Component styles */
.progress-meter {
  margin: 20px 50px 60px;
  padding: 10px;
}

.progress-meter {
  counter-reset: point;
}
.progress-meter .step-title{
	color:#000;
	font-size: 15px;
	text-align: center;
}
.progress-meter .progress-point:before {
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -moz-box-shadow: 0 0 0 2px white;
    -webkit-box-shadow: 0 0 0 2px white;
    box-shadow: 0 0 0 2px white;
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 4px;
    text-align: center;
    background-color: #AFAFAF;
    color: white;
}
.progress-meter .track {
  position: relative;
height: 5px;
background: #D8D8D8;
  width:99%;
}
.progress-meter .progress {
  -moz-transition: width 1s;
  -o-transition: width 1s;
  -webkit-transition: width 1s;
  transition: width 1s;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 4px;
  background: #FD3943;
}
.progress-meter .progress-points {
  position: relative;
  margin: -14px 0 0;
  padding: 0;
  list-style: none;
}
.progress-meter .progress-points .progress-point:nth-child(1) {
  left: 0%;
}
.progress-meter .progress-points .progress-point:nth-child(2) {
  left: 33.3333%;
}
.progress-meter .progress-points .progress-point:nth-child(3) {
  left: 64%;
}
.progress-meter .progress-points .progress-point:nth-child(4) {
  left: 100%;
}
.progress-meter .progress-point {
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  position: absolute;
  display: block;
  margin-left: -50px;
  text-align: center;
  cursor: pointer;
  color: #999;
  top: -17px;
}
.progress-meter .progress-point.completed, .progress-meter .progress-point.active {
  color: #777;
}
.progress-meter .progress-point.completed:before {
  border-color: #777;
  background-color: #777;
  content: "\2713";
}
.progress-meter .progress-point.active:before {
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0s;
    border-color: #777;
    border: none;
    box-shadow: 0px 3px 18px -3px rgba(0, 0, 0, 0.3);
    height: 60px;
    width: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(./images/progress-truck.png);
    background-size: 80%;
    border-radius: 100%;
    margin-top: -16px;
    background-color: #fff;
}
.progress-meter .progress-point.active .step-title{
	 font-weight: 700;
	  color: #FD3943 !important; 
}
.progress-meter .progress-point .label:before {
  counter-increment: point;
  content: counter(point) ". ";
  /* Display the counter */
}

/**
 * Demo controls 
 */
.controls {
  text-align: center;
  font-size: 12px;
}

.trigger {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 6px 8px;
  border: none;
  font: 14px inherit;
  text-shadow: 0px 1px 1px rgba(251, 251, 251, 0.75);
  color: #626262;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk1OTU5NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bbbbbb), color-stop(100%, #959595));
  background-image: -moz-linear-gradient(#bbbbbb, #959595);
  background-image: -webkit-linear-gradient(#bbbbbb, #959595);
  background-image: linear-gradient(#bbbbbb, #959595);
}
 /***************************************/

/*********************** input style *********************/
.fancy_input_wrap            { 
      position: relative;
    margin-bottom: 30px;
    display: block;
}
.fancy_input_wrap2{ 
    position: relative;
    margin-bottom: 15px;
    display: block;
}
.fancy_input{
    font-size: 18px;
    padding: 0.225em 0.4375em;
    display: block;
    width: 100%;
    border: none;
    font-weight: normal;
    border: 1px solid #ccc;
}

.fancy_input:focus         { outline:none; }

/* LABEL ======================================= */
.fancy_label                {
      color: #777 !important;
    font-size: 15px;
    font-weight: 500;
    position: absolute;
    pointer-events: none;
    left: 16px;
    top: 5px;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
}

/* active state */
.fancy_input:focus ~ .fancy_label, .fancy_input:valid ~ .fancy_label , .focused_label
{
  top:-25px;
  font-size:14px;
  color:#777;
  font-weight: 600;
}

/* BOTTOM BARS ================================= */
.bar{
	position: absolute;
    display: block;
    width: 100%;
    top: 31px;
}
.bar:before, .bar:after     {
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#FD3943; 
  transition:0.3s ease all; 
  -moz-transition:0.3s ease all; 
  -webkit-transition:0.3s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
.fancy_input:focus ~ .bar:before, .fancy_input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
.fancy_input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.4s ease;
  -moz-animation:inputHighlighter 0.4s ease;
  animation:inputHighlighter 0.4s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}
input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus
{
	border-color: #FD3943;
    outline: none;
    outline-offset: 0;
}
#mp .input_ml{
	/* margin-left: 20px; */
}
h1:not(.site-title):before, h2:before{
	background: transparent;
	background: transparent;
    margin: 0;
    height: 0;
}
/***************************/
#mp .border_left{
	border-left: 1px solid #cccccc69;
}
#mp .mp-row {
	margin-right: -15px;
	margin-left: -15px;
}
#mp .height_35{
	height: 35px;
}
#mp .input_grpup_code{
    width: 12%;
    height: 34px;
    text-align: center;
    margin-bottom: 15px;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0.225em 0.4375em;
    font-size: 18px;
}
#mp .mp-lg-1,
#mp .mp-lg-10,
#mp .mp-lg-11,
#mp .mp-lg-12,
#mp .mp-lg-2,
#mp .mp-lg-3,
#mp .mp-lg-4,
#mp .mp-lg-5,
#mp .mp-lg-6,
#mp .mp-lg-7,
#mp .mp-lg-8,
#mp .mp-lg-9,
#mp .mp-md-1,
#mp .mp-md-10,
#mp .mp-md-11,
#mp .mp-md-12,
#mp .mp-md-2,
#mp .mp-md-3,
#mp .mp-md-4,
#mp .mp-md-5,
#mp .mp-md-6,
#mp .mp-md-7,
#mp .mp-md-8,
#mp .mp-md-9,
#mp .mp-sm-1,
#mp .mp-sm-10,
#mp .mp-sm-11,
#mp .mp-sm-12,
#mp .mp-sm-2,
#mp .mp-sm-3,
#mp .mp-sm-4,
#mp .mp-sm-5,
#mp .mp-sm-6,
#mp .mp-sm-7,
#mp .mp-sm-8,
#mp .mp-sm-9,
#mp .mp-xs-1,
#mp .mp-xs-10,
#mp .mp-xs-11,
#mp .mp-xs-12,
#mp .mp-xs-2,
#mp .mp-xs-3,
#mp .mp-xs-4,
#mp .mp-xs-5,
#mp .mp-xs-6,
#mp .mp-xs-7,
#mp .mp-xs-8,
#mp .mp-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

#mp .mp-xs-1,
#mp .mp-xs-10,
#mp .mp-xs-11,
#mp .mp-xs-12,
#mp .mp-xs-2,
#mp .mp-xs-3,
#mp .mp-xs-4,
#mp .mp-xs-5,
#mp .mp-xs-6,
#mp .mp-xs-7,
#mp .mp-xs-8,
#mp .mp-xs-9 {
	float: left;
}

#mp .mp-xs-12 {
	width: 100%;
}

#mp .mp-xs-11 {
	width: 91.66666667%;
}

#mp .mp-xs-10 {
	width: 83.33333333%;
}

#mp .mp-xs-9 {
	width: 75%;
}

#mp .mp-xs-8 {
	width: 66.66666667%;
}

#mp .mp-xs-7 {
	width: 58.33333333%;
}

#mp .mp-xs-6 {
	width: 50%;
}

#mp .mp-xs-5 {
	width: 41.66666667%;
}

#mp .mp-xs-4 {
	width: 33.33333333%;
}

#mp .mp-xs-3 {
	width: 25%;
}

#mp .mp-xs-2 {
	width: 16.66666667%;
}

#mp .mp-xs-1 {
	width: 8.33333333%;
}

#mp .mp-xs-pull-12 {
	right: 100%;
}

#mp .mp-xs-pull-11 {
	right: 91.66666667%;
}

#mp .mp-xs-pull-10 {
	right: 83.33333333%;
}

#mp .mp-xs-pull-9 {
	right: 75%;
}

#mp .mp-xs-pull-8 {
	right: 66.66666667%;
}

#mp .mp-xs-pull-7 {
	right: 58.33333333%;
}

#mp .mp-xs-pull-6 {
	right: 50%;
}

#mp .mp-xs-pull-5 {
	right: 41.66666667%;
}

#mp .mp-xs-pull-4 {
	right: 33.33333333%;
}

#mp .mp-xs-pull-3 {
	right: 25%;
}

#mp .mp-xs-pull-2 {
	right: 16.66666667%;
}

#mp .mp-xs-pull-1 {
	right: 8.33333333%;
}

#mp .mp-xs-pull-0 {
	right: auto;
}

#mp .mp-xs-push-12 {
	left: 100%;
}

#mp .mp-xs-push-11 {
	left: 91.66666667%;
}

#mp .mp-xs-push-10 {
	left: 83.33333333%;
}

#mp .mp-xs-push-9 {
	left: 75%;
}

#mp .mp-xs-push-8 {
	left: 66.66666667%;
}

#mp .mp-xs-push-7 {
	left: 58.33333333%;
}

#mp .mp-xs-push-6 {
	left: 50%;
}

#mp .mp-xs-push-5 {
	left: 41.66666667%;
}

#mp .mp-xs-push-4 {
	left: 33.33333333%;
}

#mp .mp-xs-push-3 {
	left: 25%;
}

#mp .mp-xs-push-2 {
	left: 16.66666667%;
}

#mp .mp-xs-push-1 {
	left: 8.33333333%;
}

#mp .mp-xs-push-0 {
	left: auto;
}

#mp .mp-xs-offset-12 {
	margin-left: 100%;
}

#mp .mp-xs-offset-11 {
	margin-left: 91.66666667%;
}

#mp .mp-xs-offset-10 {
	margin-left: 83.33333333%;
}

#mp .mp-xs-offset-9 {
	margin-left: 75%;
}

#mp .mp-xs-offset-8 {
	margin-left: 66.66666667%;
}

#mp .mp-xs-offset-7 {
	margin-left: 58.33333333%;
}

#mp .mp-xs-offset-6 {
	margin-left: 50%;
}

#mp .mp-xs-offset-5 {
	margin-left: 41.66666667%;
}

#mp .mp-xs-offset-4 {
	margin-left: 33.33333333%;
}

#mp .mp-xs-offset-3 {
	margin-left: 25%;
}

#mp .mp-xs-offset-2 {
	margin-left: 16.66666667%;
}

#mp .mp-xs-offset-1 {
	margin-left: 8.33333333%;
}

#mp .mp-xs-offset-0 {
	margin-left: 0;
}

@media (min-width:768px) {
	#mp .mp-sm-1,
	#mp .mp-sm-10,
	#mp .mp-sm-11,
	#mp .mp-sm-12,
	#mp .mp-sm-2,
	#mp .mp-sm-3,
	#mp .mp-sm-4,
	#mp .mp-sm-5,
	#mp .mp-sm-6,
	#mp .mp-sm-7,
	#mp .mp-sm-8,
	#mp .mp-sm-9 {
		float: left;
	}
	#mp .mp-sm-12 {
		width: 100%;
	}
	#mp .mp-sm-11 {
		width: 91.66666667%;
	}
	#mp .mp-sm-10 {
		width: 83.33333333%;
	}
	#mp .mp-sm-9 {
		width: 75%;
	}
	#mp .mp-sm-8 {
		width: 66.66666667%;
	}
	#mp .mp-sm-7 {
		width: 58.33333333%;
	}
	#mp .mp-sm-6 {
		width: 50%;
	}
	#mp .mp-sm-5 {
		width: 41.66666667%;
	}
	#mp .mp-sm-4 {
		width: 33.33333333%;
	}
	#mp .mp-sm-3 {
		width: 25%;
	}
	#mp .mp-sm-2 {
		width: 16.66666667%;
	}
	#mp .mp-sm-1 {
		width: 8.33333333%;
	}
	#mp .mp-sm-pull-12 {
		right: 100%;
	}
	#mp .mp-sm-pull-11 {
		right: 91.66666667%;
	}
	#mp .mp-sm-pull-10 {
		right: 83.33333333%;
	}
	#mp .mp-sm-pull-9 {
		right: 75%;
	}
	#mp .mp-sm-pull-8 {
		right: 66.66666667%;
	}
	#mp .mp-sm-pull-7 {
		right: 58.33333333%;
	}
	#mp .mp-sm-pull-6 {
		right: 50%;
	}
	#mp .mp-sm-pull-5 {
		right: 41.66666667%;
	}
	#mp .mp-sm-pull-4 {
		right: 33.33333333%;
	}
	#mp .mp-sm-pull-3 {
		right: 25%;
	}
	#mp .mp-sm-pull-2 {
		right: 16.66666667%;
	}
	#mp .mp-sm-pull-1 {
		right: 8.33333333%;
	}
	#mp .mp-sm-pull-0 {
		right: auto;
	}
	#mp .mp-sm-push-12 {
		left: 100%;
	}
	#mp .mp-sm-push-11 {
		left: 91.66666667%;
	}
	#mp .mp-sm-push-10 {
		left: 83.33333333%;
	}
	#mp .mp-sm-push-9 {
		left: 75%;
	}
	#mp .mp-sm-push-8 {
		left: 66.66666667%;
	}
	#mp .mp-sm-push-7 {
		left: 58.33333333%;
	}
	#mp .mp-sm-push-6 {
		left: 50%;
	}
	#mp .mp-sm-push-5 {
		left: 41.66666667%;
	}
	#mp .mp-sm-push-4 {
		left: 33.33333333%;
	}
	#mp .mp-sm-push-3 {
		left: 25%;
	}
	#mp .mp-sm-push-2 {
		left: 16.66666667%;
	}
	#mp .mp-sm-push-1 {
		left: 8.33333333%;
	}
	#mp .mp-sm-push-0 {
		left: auto;
	}
	#mp .mp-sm-offset-12 {
		margin-left: 100%;
	}
	#mp .mp-sm-offset-11 {
		margin-left: 91.66666667%;
	}
	#mp .mp-sm-offset-10 {
		margin-left: 83.33333333%;
	}
	#mp .mp-sm-offset-9 {
		margin-left: 75%;
	}
	#mp .mp-sm-offset-8 {
		margin-left: 66.66666667%;
	}
	#mp .mp-sm-offset-7 {
		margin-left: 58.33333333%;
	}
	#mp .mp-sm-offset-6 {
		margin-left: 50%;
	}
	#mp .mp-sm-offset-5 {
		margin-left: 41.66666667%;
	}
	#mp .mp-sm-offset-4 {
		margin-left: 33.33333333%;
	}
	#mp .mp-sm-offset-3 {
		margin-left: 25%;
	}
	#mp .mp-sm-offset-2 {
		margin-left: 16.66666667%;
	}
	#mp .mp-sm-offset-1 {
		margin-left: 8.33333333%;
	}
	#mp .mp-sm-offset-0 {
		margin-left: 0;
	}
}

@media (min-width:992px) {
	#mp .mp-md-1,
	#mp .mp-md-10,
	#mp .mp-md-11,
	#mp .mp-md-12,
	#mp .mp-md-2,
	#mp .mp-md-3,
	#mp .mp-md-4,
	#mp .mp-md-5,
	#mp .mp-md-6,
	#mp .mp-md-7,
	#mp .mp-md-8,
	#mp .mp-md-9 {
		float: left;
	}
	#mp .mp-md-12 {
		width: 100%;
	}
	#mp .mp-md-11 {
		width: 91.66666667%;
	}
	#mp .mp-md-10 {
		width: 83.33333333%;
	}
	#mp .mp-md-9 {
		width: 75%;
	}
	#mp .mp-md-8 {
		width: 66.66666667%;
	}
	#mp .mp-md-7 {
		width: 58.33333333%;
	}
	#mp .mp-md-77 {
		width: 66.6666%;
	}
	#mp .mp-md-6 {
		width: 50%;
		margin-bottom: 15px;
	}
	#mp .mp-md-5 {
		width: 41.66666667%;
	}
	#mp .mp-md-4 {
		width: 33.33333333%;
	}
	#mp .mp-md-3 {
		width: 25%;
	}
	#mp .mp-md-2 {
		width: 16.66666667%;
	}
	#mp .mp-md-1 {
		width: 8.33333333%;
	}
	#mp .mp-md-pull-12 {
		right: 100%;
	}
	#mp .mp-md-pull-11 {
		right: 91.66666667%;
	}
	#mp .mp-md-pull-10 {
		right: 83.33333333%;
	}
	#mp .mp-md-pull-9 {
		right: 75%;
	}
	#mp .mp-md-pull-8 {
		right: 66.66666667%;
	}
	#mp .mp-md-pull-7 {
		right: 58.33333333%;
	}
	#mp .mp-md-pull-6 {
		right: 50%;
	}
	#mp .mp-md-pull-5 {
		right: 41.66666667%;
	}
	#mp .mp-md-pull-4 {
		right: 33.33333333%;
	}
	#mp .mp-md-pull-3 {
		right: 25%;
	}
	#mp .mp-md-pull-2 {
		right: 16.66666667%;
	}
	#mp .mp-md-pull-1 {
		right: 8.33333333%;
	}
	#mp .mp-md-pull-0 {
		right: auto;
	}
	#mp .mp-md-push-12 {
		left: 100%;
	}
	#mp .mp-md-push-11 {
		left: 91.66666667%;
	}
	#mp .mp-md-push-10 {
		left: 83.33333333%;
	}
	#mp .mp-md-push-9 {
		left: 75%;
	}
	#mp .mp-md-push-8 {
		left: 66.66666667%;
	}
	#mp .mp-md-push-7 {
		left: 58.33333333%;
	}
	#mp .mp-md-push-6 {
		left: 50%;
	}
	#mp .mp-md-push-5 {
		left: 41.66666667%;
	}
	#mp .mp-md-push-4 {
		left: 33.33333333%;
	}
	#mp .mp-md-push-3 {
		left: 25%;
	}
	#mp .mp-md-push-2 {
		left: 16.66666667%;
	}
	#mp .mp-md-push-1 {
		left: 8.33333333%;
	}
	#mp .mp-md-push-0 {
		left: auto;
	}
	#mp .mp-md-offset-12 {
		margin-left: 100%;
	}
	#mp .mp-md-offset-11 {
		margin-left: 91.66666667%;
	}
	#mp .mp-md-offset-10 {
		margin-left: 83.33333333%;
	}
	#mp .mp-md-offset-9 {
		margin-left: 75%;
	}
	#mp .mp-md-offset-8 {
		margin-left: 66.66666667%;
	}
	#mp .mp-md-offset-7 {
		margin-left: 58.33333333%;
	}
	#mp .mp-md-offset-6 {
		margin-left: 50%;
	}
	#mp .mp-md-offset-5 {
		margin-left: 41.66666667%;
	}
	#mp .mp-md-offset-4 {
		margin-left: 33.33333333%;
	}
	#mp .mp-md-offset-3 {
		margin-left: 25%;
	}
	#mp .mp-md-offset-2 {
		margin-left: 16.66666667%;
	}
	#mp .mp-md-offset-1 {
		margin-left: 8.33333333%;
	}
	#mp .mp-md-offset-0 {
		margin-left: 0;
	}
}

@media (min-width:1200px) {
	#mp .mp-lg-1,
	#mp .mp-lg-10,
	#mp .mp-lg-11,
	#mp .mp-lg-12,
	#mp .mp-lg-2,
	#mp .mp-lg-3,
	#mp .mp-lg-4,
	#mp .mp-lg-5,
	#mp .mp-lg-6,
	#mp .mp-lg-7,
	#mp .mp-lg-8,
	#mp .mp-lg-9 {
		float: left;
	}
	#mp .mp-lg-12 {
		width: 100%;
	}
	#mp .mp-lg-11 {
		width: 91.66666667%;
	}
	#mp .mp-lg-10 {
		width: 83.33333333%;
	}
	#mp .mp-lg-9 {
		width: 75%;
	}
	#mp .mp-lg-8 {
		width: 66.66666667%;
	}
	#mp .mp-lg-7 {
		width: 58.33333333%;
	}
	#mp .mp-lg-6 {
		width: 50%;
	}
	#mp .mp-lg-5 {
		width: 41.66666667%;
	}
	#mp .mp-lg-4 {
		width: 33.33333333%;
	}
	#mp .mp-lg-3 {
		width: 25%;
	}
	#mp .mp-lg-2 {
		width: 16.66666667%;
	}
	#mp .mp-lg-1 {
		width: 8.33333333%;
	}
	#mp .mp-lg-pull-12 {
		right: 100%;
	}
	#mp .mp-lg-pull-11 {
		right: 91.66666667%;
	}
	#mp .mp-lg-pull-10 {
		right: 83.33333333%;
	}
	#mp .mp-lg-pull-9 {
		right: 75%;
	}
	#mp .mp-lg-pull-8 {
		right: 66.66666667%;
	}
	#mp .mp-lg-pull-7 {
		right: 58.33333333%;
	}
	#mp .mp-lg-pull-6 {
		right: 50%;
	}
	#mp .mp-lg-pull-5 {
		right: 41.66666667%;
	}
	#mp .mp-lg-pull-4 {
		right: 33.33333333%;
	}
	#mp .mp-lg-pull-3 {
		right: 25%;
	}
	#mp .mp-lg-pull-2 {
		right: 16.66666667%;
	}
	#mp .mp-lg-pull-1 {
		right: 8.33333333%;
	}
	#mp .mp-lg-pull-0 {
		right: auto;
	}
	#mp .mp-lg-push-12 {
		left: 100%;
	}
	#mp .mp-lg-push-11 {
		left: 91.66666667%;
	}
	#mp .mp-lg-push-10 {
		left: 83.33333333%;
	}
	#mp .mp-lg-push-9 {
		left: 75%;
	}
	#mp .mp-lg-push-8 {
		left: 66.66666667%;
	}
	#mp .mp-lg-push-7 {
		left: 58.33333333%;
	}
	#mp .mp-lg-push-6 {
		left: 50%;
	}
	#mp .mp-lg-push-5 {
		left: 41.66666667%;
	}
	#mp .mp-lg-push-4 {
		left: 33.33333333%;
	}
	#mp .mp-lg-push-3 {
		left: 25%;
	}
	#mp .mp-lg-push-2 {
		left: 16.66666667%;
	}
	#mp .mp-lg-push-1 {
		left: 8.33333333%;
	}
	#mp .mp-lg-push-0 {
		left: auto;
	}
	#mp .mp-lg-offset-12 {
		margin-left: 100%;
	}
	#mp .mp-lg-offset-11 {
		margin-left: 91.66666667%;
	}
	#mp .mp-lg-offset-10 {
		margin-left: 83.33333333%;
	}
	#mp .mp-lg-offset-9 {
		margin-left: 75%;
	}
	#mp .mp-lg-offset-8 {
		margin-left: 66.66666667%;
	}
	#mp .mp-lg-offset-7 {
		margin-left: 58.33333333%;
	}
	#mp .mp-lg-offset-6 {
		margin-left: 50%;
	}
	#mp .mp-lg-offset-5 {
		margin-left: 41.66666667%;
	}
	#mp .mp-lg-offset-4 {
		margin-left: 33.33333333%;
	}
	#mp .mp-lg-offset-3 {
		margin-left: 25%;
	}
	#mp .mp-lg-offset-2 {
		margin-left: 16.66666667%;
	}
	#mp .mp-lg-offset-1 {
		margin-left: 8.33333333%;
	}
	#mp .mp-lg-offset-0 {
		margin-left: 0;
	}
}

/* transition */

* {
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	-ms-osx-font-smoothing: grayscale !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
	-webkit-text-stroke: 1px transparent;
}

.pre-scrollable {
	max-height: 340px;
	overflow-y: scroll
}

.container {
	/*width: 95% !important;
	max-width: 95% !important;*/
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
	float: none;
}

/*#mp a {
	border-bottom: 0 !important;
}*/



#mp ol,
#mp ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* *:after,

*:before , */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


/* ipad button touch highlight */

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* ipad scroll bar */

* {
	-webkit-overflow-scrolling: auto;
	-moz-overflow-scrolling: auto;
	-ms-overflow-scrolling: auto;
	-o-overflow-scrolling: auto;
	overflow-scrolling: auto;
}

#mp strong {
	font-weight: 400;
}

#mp .hr-both {
	padding: 10px 0;
	margin: 6px 0;
	width: 100%;
	clear: both;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

#mp #hr {
	background-color: #dbdbdb;
	border: none;
	height: 1px;
	margin: 6px 0;
	width: 100%;
	clear: both;
}


/****  border radius ****/

#mp .br-0 {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 0px !important;
}

#mp .bor {
	border: 0px transparent;
}

#mp .br-2 {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}

#mp .br-3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

#mp .p-7 {
	padding: 7px
}

#mp .pr-7 {
	padding-right: 7px !important;
}

#mp .pl-7 {
	padding-left: 7px !important;
}

#mp .pl-30 {
	padding-left: 30px !important;
}

#mp .content-center {
	margin: 0 auto !important;
	display: table !important;
}

#mp .br-5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

#mp .br-10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}

#mp .br-100 {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}

#mp .tdn {
	text-decoration: none;
}

#mp .ttc {
	text-transform: capitalize;
}

#mp a img {
	border: none;
}

#mp img {
	max-width: 100%;
}

#mp .mp-hide {
	display: none !important;
}

#mp .mp-show {
	display: block !important;
}

#mp .td-line-through {
	text-decoration: line-through;
}

#mp .fln {
	float: none;
}

#mp .f-left {
	float: left;
}

#mp .f-right {
	float: right;
}

#mp .text-center {
	text-align: center;
}

#mp .text-right {
	text-align: right !important;
}

#mp .text-left {
	text-align: left !important;
}

#mp .pull-left {
	float: left !important;
}

#mp .pull-right {
	float: right !important;
}

#mp .form-group {
	margin-bottom: 15px;
}

#mp .cb {
	clear: both;
}

#mp .clear {
	float: none;
	clear: both;
	margin: 0px;
	padding: 0px;
}


#mp .fs-italic {
	font-style: italic !important;
}

#mp .mp-display-middle {
	float: none;
	display: table-cell;
	vertical-align: middle;
}

#mp .mp-display-middle.mp-align-top {
	vertical-align: top;
}

#mp .mp-xs-12.mp-fw {
	width: 100% !important;
}


/* custom - margin and padding */

#mp .nm {
	margin: 0 !important;
}

#mp .nml {
	margin-left: 0 !important;
}

#mp .nmr {
	margin-right: 0 !important;
}

#mp .nmt {
	margin-top: 0 !important;
}

#mp .nmb {
	margin-bottom: 0 !important;
}

#mp .mt-10 {
	margin-top: 10px !important;
}

#mp .mt-13 {
	margin-top: 13px !important;
}

#mp .mb-15 {
	margin-bottom: 15px !important;
}

#mp .mtb-15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;

}
#mp .mt-20 {
	margin-top: 20px !important;
}

#mp .mt-30 {
	margin-top: 30px !important;
}

#mp .mb-10 {
	margin-bottom: 10px !important;
}
#mp .mb-5 {
	margin-bottom: 5px !important;
}

#mp .mb-20 {
	margin-bottom: 20px !important;
}

#mp .mt-11 {
	margin-top: 11px !important;
}

#mp .mb-30 {
	margin-bottom: 30px;
}

#mp .mp-list-inline {
	padding-left: 0;
	list-style: none;
}

#mp .mp-list-inline>li {
	display: inline-block;
	margin-left: 0;
}

#mp .np {
	padding: 0 !important;
}

#mp .npl {
	padding-left: 0 !important;
}

#mp .npr {
	padding-right: 0 !important;
}

#mp .npt {
	padding-top: 0 !important;
}

#mp .npb {
	padding-bottom: 0 !important;
}

#mp .pb-10{
	padding-bottom: 10px;
}

#mp .pl-20 {
	padding-left: 20px;
}

#mp .pl-5 {
	padding-left: 5px;
}

#mp .pr-5 {
	padding-right: 5px;
}
#mp .mr_5 {
	margin-left: 0;
    width: 88%;
    padding: 0;
}
#mp .pd-0 {
	padding-left: 0px !important;
    display: flex;
}

#mp .block-title {
	margin-bottom: 10px;
	position: relative;
	padding-left: 30px;
	font-size: 16px;
}
#mp .loading-pad {
	padding-left: 7px !important;
	
}
#mp .heading-font {
	font-size: 13px !important;
	
}

#mp .block-title i.icons {
	position: absolute;
	left: 0px;
	top: 2px;
	font-size: 15px;
}

#mp h1,
#mp h2,
#mp h3,
#mp h4,
#mp h5,
#mp h6 {
	font-family: inherit;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	text-transform: inherit !important;
	line-height: 1.4;
	margin-top: 5px;
	clear: unset !important;
}

#mp h3 {
	font-size: 15px;
}

#mp .fs-15 {
	font-size: 12px !important;
}

#mp .fs-22 {
	font-size: 18px !important;
}

#mp .fs-18 {
	font-size: 18px !important;
}

#mp .pr {
	position: relative;
}

#mp .existing-user-success-login-message .mp-form-row {
	margin-bottom: 0;
}
#mp .mp-button-container {
	position: relative;
	margin: 10px 0;
	clear: both;
}

#mp i.icons {
	font-size: 11px;
}

/***********************/

#mp span.mp-error,
#mp label.mp-error {
	display: none;
	position: relative;
	color: #f00 !important;
	padding: 1px 5px !important;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	white-space: normal;
	word-wrap: break-word;
	clear: both;
}

#mp label.error {
	display: none;
	left: unset;
	top: unset;
	float: left !important;
	pointer-events: inherit;
	width: 100%;
	position: relative;
	color: #ff0000 !important;
	padding: 1px 5px !important;
	font-size: 11px !important;
	line-height: 16px;
	text-align: left;
	clear: both;
	white-space: normal;
	word-wrap: break-word;
}

#mp span.mp-error {
	top: -1px;
}

#mp span.mp-success {
	display: none;
	position: relative;
	color: #007e00 !important;
	padding: 1px 5px !important;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	clear: both;
	top: 0px;
}

#mp .mp-rtl-icon.icon-arrow-left {
	display: none;
}


/* Movers & Packers */

/* loader css */

#mp .loader .TruckLoader {
transform: rotateY(180deg);
position: relative;
width: 60px;
height: 30px;
background: #FD3943;
animation: put-put 2s infinite, move-truck 3s infinite;
background-size: 100% auto;
border-radius: 4px;
-webkit-box-reflect: below 15px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.1, transparent), to(rgba(255, 255, 255, 0.1)));
}
#mp .loader .TruckLoader:before, .TruckLoader:after {
content: '';
display: block;
border-radius: 50%;
width: 16px;
height: 16px;
border: 2px solid #fff;
background: #FD3943;
position: absolute;
bottom: -10px;
}
#mp .loader .TruckLoader:before {
left: 6px;
}
#mp .loader .TruckLoader:after {
right: 6px;
}
#mp .loader .TruckLoader-cab {
position: absolute;
left: -35px;
bottom: 0;
width: 32px;
height: 15px;
background: #FD3943;
border-radius: 40% 0 4px 4px;
-webkit-box-reflect: below 15px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.1, transparent), to(rgba(255, 255, 255, 0.1)));
}
#mp .loader .TruckLoader-cab:before, .TruckLoader-cab:after {
position: absolute;
content: '';
display: block;
background: #FD3943;
}
#mp .loader .TruckLoader-cab:before {
width: 20px;
height: 15px;
top: -15px;
right: 0;
border-radius: 100% 0 0 0;
}
#mp .loader .TruckLoader-cab:after {
border-radius: 50%;
width: 16px;
height: 16px;
left: 5px;
border: 2px solid #fff;
background: #FD3943;
position: absolute;
bottom: -10px;
}
#mp .loader .TruckLoader-smoke, .TruckLoader-smoke:after, .TruckLoader-smoke:before {
position: absolute;
content: '';
display: block;
width: 10px;
height: 10px;
right: -1px;
bottom: -5px;
border-radius: 50%;
background: #fff;
}
#mp .loader .TruckLoader-smoke {
animation: smoke-1 2s infinite;
}
#mp .loader .TruckLoader-smoke:after {
animation: smoke-2 3s infinite;
}
#mp .loader .TruckLoader-smoke:before {
animation: smoke-3 4s infinite;
}

@-webkit-keyframes put-put {
0% {
margin-top: 0px;
height: 40px;
}
5% {
margin-top: -2px;
height: 42px;
}
20% {
margin-top: -1px;
height: 40px;
}
35% {
margin-top: 1px;
height: 39px;
}
40% {
margin-top: -1px;
height: 41px;
}
60% {
margin-top: 1px;
height: 39px;
}
75% {
margin-top: 0px;
height: 40px;
}
80% {
margin-top: -4px;
height: 42px;
}
100% {
margin-top: 1px;
height: 39px;
}
}
@-webkit-keyframes smoke-1 {
0% {
opacity: 0;
}
15% {
opacity: 0.9;
}
100% {
right: -30px;
bottom: 5px;
width: 13px;
height: 13px;
opacity: 0;
}
}
@-webkit-keyframes smoke-2 {
0% {
opacity: 0;
}
15% {
opacity: 0.9;
}
100% {
right: -60px;
bottom: 8px;
width: 20px;
height: 20px;
opacity: 0;
}
}
@-webkit-keyframes smoke-3 {
0% {
opacity: 0;
}
15% {
opacity: 0.9;
}
100% {
right: -40px;
bottom: 2px;
width: 16px;
height: 16px;
opacity: 0;
}
}
@-webkit-keyframes move-truck {
0% {
margin-left: 0;
opacity: 1;
}/*
10% {
opacity: 1;
}
50% {
margin-left: 45%;
}
90% {
opacity: 1;
}*/
100% {
margin-left: 100%;
opacity: 1;
}
}

  


#mp .dis-inline {
	display: inline-block;
}

.fw-700 {
	font-weight: 700;
}

.mr-10 {
	margin-right: 10px;
}

.mr-5 {
	margin-right: 5px;
}

.ml-5 {
	margin-left: 5px;
}
.mtb-10{
	margin-bottom: 10px !important;
	margin-top:10px !important;
}
.mtb-20{
	margin-bottom: 20px !important;
	margin-top:20px !important;
}
.com-col {
	color: #5286ec !important
}
.m-auto{
	margin:0 auto !important;
}
.dt{
	display:table;
}
.fn{
	float:none !important;
}
.pd-0 {
	padding: 0px !important;
}
.prymary-bg{
	background-color: #5286ec;
}
#mp a:hover{
	text-decoration: none;
}
#mp label{
	color:#3d3d3d;
}
#mp label.common_label{
	color:#3d3d3d;
	font-size: 16px;
	font-weight:600;
}
#mp .step-nav .sep{
	margin: 0 8px;
}
#mp a.step-nav{
	display: block;
    float: left;
}
#mp .step-nav li.active{
	color:#FD3943 !important;
}
/*btns*/
#mp .login_customers{
	float: left;
}
#mp .mp_btn {
    padding: 8px 30px;
    border: 1px solid #333;
    color: #fff;
    border-radius: 4px;
    background-color: #FD3943;
    font-weight: 700;
    font-size: 16px;
    margin: 10px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05) !important;
    margin-right: 30px;
}
#mp .mp_btn:hover{
	background-color: #FD3943;
	/*color:#333;*/
	box-shadow: 0px 0px 1px 0 #065881 inset, 0px 1px 1px 1px #ccc, 0 0 0 0px #fff, 0 1px 5px 3px #ddd !important;
}
/*custom input design*/

#mp .input_text_wrap{
  --uiFieldPlaceholderColor: var(--fieldPlaceholderColor, #767676);
}

#mp .field__input{ 
  background-color: transparent;
  border-radius: 0;
  border: none;

  -webkit-appearance: none;
  -moz-appearance: none;

  font-family: inherit;
  font-size: 1em;
}

#mp .field__input:focus::-webkit-input-placeholder{
  color: var(--uiFieldPlaceholderColor);
}

#mp .field__input:focus::-moz-placeholder{
  color: var(--uiFieldPlaceholderColor);
  opacity: 1;
}
#mp .custom_field{
  display: block;
}

#mp .custom-field__input{ 
  display: block;
  box-sizing: border-box;
  width: 100%;
}

#mp .custom-field__input:focus{
  outline: none;
}

#mp .input_text_wrap{
  --uiFieldHeight: var(--fieldHeight, 40px);  
  --uiFieldBorderWidth: var(--fieldBorderWidth, 2px);
  --uiFieldBorderColor: var(--fieldBorderColor);

  --uiFieldFontSize: var(--fieldFontSize, 1em);
  --uiFieldHintFontSize: var(--fieldHintFontSize, 1em);

  --uiFieldPaddingRight: var(--fieldPaddingRight, 15px);
  --uiFieldPaddingBottom: var(--fieldPaddingBottom, 15px);
  --uiFieldPaddingLeft: var(--fieldPaddingLeft, 15px);   

  position: relative;
  box-sizing: border-box;
  font-size: var(--uiFieldFontSize);
}

#mp .text-field .custom-field__input{
  height: var(--uiFieldHeight);
  padding: 0 var(--uiFieldPaddingRight) 0 var(--uiFieldPaddingLeft);
  border-bottom: var(--uiFieldBorderWidth) solid var(--uiFieldBorderColor);  
}

#mp .text-field .custom-field__input::-webkit-input-placeholder{
 /* opacity: 0;*/
  transition: opacity .2s ease-out;
}

#mp .text-field .custom-field__input::-moz-placeholder{
  opacity: 0;
  transition: opacity .2s ease-out;
}

#mp .text-field .custom-field__input:not(:placeholder-shown) ~ .custom-field__label-wrap .custom-field__label{
  opacity: 0;
  bottom: var(--uiFieldPaddingBottom);
}

#mp .text-field .custom-field__input:focus::-webkit-input-placeholder{
  opacity: 1;
  transition-delay: .2s;
}

#mp .text-field .custom-field__input:focus::-moz-placeholder{
  opacity: 1;
  transition-delay: .2s;
}

#mp .text-field .custom-field__label-wrap{
  box-sizing: border-box;
  width: 100%;
  height: var(--uiFieldHeight); 

  pointer-events: none;
  cursor: text;

  position: absolute;
  bottom: 0;
  left: 0;
}

#mp .text-field .custom-field__label{
  position: absolute;
  left: var(--uiFieldPaddingLeft);
  bottom: calc(50% - .5em);

  line-height: 1;
  font-size: var(--uiFieldHintFontSize);

  pointer-events: none;
  transition: bottom .2s cubic-bezier(0.9,-0.15, 0.1, 1.15), opacity .2s ease-out;
  will-change: bottom, opacity;
}

#mp .text-field .custom-field__input:focus ~ .custom-field__label-wrap .custom-field__label{
  opacity: 1;
  bottom: var(--uiFieldHeight);
}

#mp .custom_field .custom-field__label-wrap:after{
  content: "";
  box-sizing: border-box;
  width: 0;
  height: var(--uiFieldBorderWidth);
  background-color: var(--fieldBorderColorActive);

  position: absolute;
  bottom: 0;
  left: 0;  

  will-change: width;
  transition: width .285s ease-out;
}

#mp .custom_field .custom-field__input:focus ~ .custom-field__label-wrap:after{
  width: 100%;
}
#mp .input_text_wrap{
      --fieldBorderColorActive: #0de1e1;
    border-bottom: 1px solid #d1d1d1;		
}

/*plus minus counter*/

#mp .number{
	margin: 3px auto;
    height: auto;
    display: flex;
    justify-content: center;
}
#mp .article_text{
	margin: 3px auto;
    font-size: 14px;
    height: 30px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
		line-height: 15px;
}
/* #mp .minus, #mp .plus{
	min-width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    vertical-align: middle;
    text-align: center;
    float: left;
    color: #999;
    font-size: 10px;
    cursor: pointer;
    line-height: 1.8;
    box-shadow: 2px 2px 8px #d0cfcf;
		
} */
#mp .minus, #mp .plus {
    display: block;
    vertical-align: middle;
    text-align: center;
    float: left;
    color: #999;
    font-size: 10px;
    cursor: pointer;
    line-height: 1.8;
    box-shadow: 2px 2px 8px #d0cfcfb0;
    width: 50%;
}
#mp .input_number{
    height: 30px;
    width: 30px !important;
    text-align: center;
    font-size: 13px;
    display: block;
    background-color: #c5c4c4 !important;
    vertical-align: middle;
    float: left;
    margin: 0 3px;
    border: none;
}


/*tab design*/

#mp .tabs-left {
    border-bottom: 0;
}

#mp .tabs-left>li {
  float: left;
  margin:0px;
  margin-bottom: 8px!important;
}

#mp .tabs-left>li a{
	text-decoration: none;
    font-size: 14px;
    color: #333;
    font-weight: 600;
    padding: 5px 20px;
    border-radius: 2px !important;
    background: #ddd !important;
    margin-right: 5px;
    margin-top: 10px;
}

#mp .tab-content .tab-tilte{
font-size: 22px;
margin: 10px;
font-weight: 600 !important;
text-align: left;
margin-top: 25px;
}

#mp .tabs-left>li.active>a,
#mp .tabs-left>li.active>a:hover,
#mp .tabs-left>li.active>a:focus {
    background: #FD3943;
    text-decoration: none;
    color: #fff;
   /* border: 1px solid #FD3943;*/
}
#mp .nav-tabs>li>a:hover {
    /* margin-right: 2px; */
    line-height: 1.42857143;
    border: 1px solid transparent;
    /* border-radius: 4px 4px 0 0; */
}


/*range slider*/

#mp .range-slider {
  margin: 0 0 10px 0;
}

#mp .range-slider {
  width: 100%;
}
#mp input[type=range]{
  width: 85% !important;
  float: left;
  margin: 10px 0 !important;
}

#mp input[type=range].range-slider__range {
  -webkit-appearance: none;
  width: calc(100% - (73px));
  height: 10px;
  border-radius: 5px;
  background: #FD3943;
  outline: none;
  padding: 0;
  margin: 0;
}
#mp .range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FD3943;
  cursor: pointer;
  transition: background .15s ease-in-out;
}
#mp .range-slider__range::-webkit-slider-thumb:hover {
  background: #FD3943;
}
#mp .range-slider__range:active::-webkit-slider-thumb {
  background: #FD3943;
}
#mp .range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #FD3943;
  cursor: pointer;
  transition: background .15s ease-in-out;
}
#mp .range-slider__range::-moz-range-thumb:hover {
  background: #1abc9c;
}
#mp .range-slider__range:active::-moz-range-thumb {
  background: #1abc9c;
}
#mp .range-slider__range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #FD3943;
}

#mp .range-slider__value {
    display: block;
    position: relative;
    width: 80px;
    color: #333;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    /* background: #FD3943; */
    padding: 5px 0px;
	margin-left: -25px;    
    left: attr(value);
    font-weight: 700;
    font-size: 16px;
}/*
#mp .range-slider__value:after {
	content: "Km";
	color:#333;
	font-size: 16px;
	padding-left: 5px;
}*/
/*#mp .range-slider__value:after {
  position: absolute;
  top: 8px;
  left: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #FD3943;
  border-bottom: 7px solid transparent;
  content: '';
}*/

#mp ::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}

#mp input::-moz-focus-inner,
#mp input::-moz-focus-outer {
  border: 0;
}


/*boxed radio btns*/

#mp .radio_boxed_wrapper{
	margin: 10px 5px;
	cursor: pointer;
}
#mp .radio_boxed_wrapper input[type="radio"]{
  display: none;
}
#mp .radio_boxed_wrapper input[type="radio"]:checked + .custom_radio_box{
    background-color: #FD3943;
    color: #fff;
    border-color: #FD3943;
}
#mp .radio_boxed_wrapper:hover .custom_radio_box{
  background-color: #FD3943;
  color:#fff;
   border-color: #FD3943;
   -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  box-shadow: 0px 0px 1px 0 #065881 inset, 0px 1px 1px 1px #ccc, 0 0 0 0px #fff, 0 1px 5px 3px #ddd;
}
#mp .custom_radio_box {
    height: 40px;
    border: 1px solid #fd3943;
    background-color: #FFF;
    border-radius: 6px;
    color: #fd3943;
    padding: 0px 20px;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    text-transform: uppercase;
}
#mp .mp-debit-card-img{
	  display: inline-flex;
		margin-top:16px;
}
#mp .mp-main-debit-card-img-left-side{
		width: 324px;
    height: 48px;
    float: left;
}
#mp .mp-main-debit-card-img-left-side .mp-main-debit-lock-img img{
		width: 41px;
    float: left;
    height: 45px;
    padding: 3px;
}
#mp .mp-main-debit-lock-text{
		width: 213px;
    float: left;
    height: 48px;
}
#mp .mp-main-debit-lock-text p{
		font-size: 12px;
    font-weight: 600;
    color: #8e8e8e;
    padding: 4px;
		margin-top: 0;
}
#mp .custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
#mp .custom-radio .custom-control-label::before {
    border-radius: 50%;
}
#mp .custom-control-label::before {
    position: absolute;
    top: .30rem;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
}
#mp .custom-control-label::before {
    background-color: #fff;
    border: 1px solid;
    left: auto;
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

#mp .custom-control-label::before {
    border-color: #3d3d3d !important;
}
#mp .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E);
}
#mp .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border: 4px solid;
    border-color: #5080ee;
}
#mp .custom-control-label::before {
    background-color: #fff;
    border: 1px solid;
    left: auto;
    display: inline-block;
    position: relative;
    margin-right: 10px;
}
#mp .custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
/* #mp .custom-radio { 
    display: flex;
    justify-content: center;
}*/
#mp .r-cart-a {
	    display: none;
   		min-height: 362px;
		background-color: #f3f3f1;
		box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.24);
		-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.24);
		-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.24);
		-o-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.24);
		-ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.24);
		border-radius: 3px;
    	margin-top: 10px;
    	padding-left: 0px;
	    padding-right: 0px;
}

#mp .r-cart-b {
		display: block;
	    min-height: 362px;
	    background-color: #f3f3f1;
	    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.24);
	    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.24);
	    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.24);
	    -o-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.24);
	    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.24);
	    border-radius: 3px;
	    margin-top: 10px;
	    padding-left: 0px;
	    padding-right: 0px;
}

/* togglr btn css */

.toggle-button-wrapp .knobs, .toggle-button-wrapp .layer{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.toggle-button-wrapp{
    position: relative;
    width: 74px;
    height: 36px;
    margin-left:auto;
    overflow: hidden;
}
.toggle-button-wrapp, .toggle-button-wrapp .layer{
    border-radius: 100px;
}
.toggle-button-wrapp.b2{
    border-radius: 2px;
}
.toggle-button-wrapp .checkbox{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}
.toggle-button-wrapp .knobs{
    z-index: 2;
}
.toggle-button-wrapp .layer{
    width: 100%;
    background-color: #ebf7fc;
    transition: 0.3s ease all;
    z-index: 1;
}
/* Button 1 */
.toggle-button-wrapp#toggle_btn .knobs:before{
    content: 'No';
    position: absolute;
    top: 4px;
    left: 4px;
	width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #777;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}
.toggle-button-wrapp#toggle_btn .checkbox:checked + .knobs:before{
    content: 'Yes';
    left: 42px;
    background-color: #FD3943;
}
.toggle-button-wrapp#toggle_btn .checkbox:checked ~ .layer{
    background-color: #fcebeb;
}
.toggle-button-wrapp#toggle_btn .knobs, #toggle_btn .knobs:before, #toggle_btn .layer{
    transition: 0.3s ease all;
}

/* <---------------- 3-01-2020 ----------> */
#mp .inline-flex {display: inline-flex;}
#mp .custom-input{border-right: 0;
    border-top: 0;
    border-left: 0;
		padding-left: 8px;
		border-color: #3d3d3d;
	
}
#mp .custom-tel{background-color: TRANSPARENT;
    border-color: transparent;
   /*  border-bottom: 1px solid #3d3d3d; */
    border-radius: unset;
	    float: left;
		    padding-left: 0px;
		
}
#mp .custom-tel input{
	padding-top: 6px;
    margin-left: -7px;
}
.main-phone-input{
	    display: flex;
    flex-direction: column;
	position: relative;
}
.main-phone-input .highlight {
	    left: 70px;
}
.fancy_input_wrap2 .phone-label{
	left: 43px;
}
.flage-input{
	border:none!important;
}
#mp .pl-0{padding-left: 0px !important;}
#mp .l-0{left:0 !important;}
#mp .common-icone{font-size: 20px !important;
    color: #ccc;
    position: absolute;
    top: 8px;	
		color: #3d3d3d;
}
#mp .custom_addon_checkbox input[type="checkbox"]:checked + .article_img {
	background-color: #dddddd !important;
}
/* #mp .custom_addon_checkbox input[type="checkbox"]:checked + .article_img:after {
    z-index: 100;
    content: "";
    display: inline-block;
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent;
    position: absolute;
    top: 0;
    left: 10px;
    border-top-width: 150px;
    border-top-style: solid;
    border-top-color: #4c4c4c;
    height: 120px;
    opacity: 0.5;
    width: 89%;
    border-radius: 6px;
} */
/* #mp .custom_addon_checkbox input[type="checkbox"]:checked + .article_img:after {
    border-top-color: #dddddd !important;
} */    
#mp .custom_addon_checkbox input[type="checkbox"]:checked + .article_img {
    border: 1px solid #fff !important;
}
.fancy_input_wrap2 .select_date_period{
	font-size: 14px;
    padding: 6px 6px;
    background-color: #f8f8f8;
    border-radius: 6px 6px 0px 0px;
}
.mr-0{
    margin-right: 0px !important;
}
.select-datepicker-wrap .select-datepicker-icon i{
	font-size: 18px !important;
    position: absolute;
    top: 10px;
    left: 10px;
}
.select-datepicker-wrap .fancy_label{
	left: 40px;
}
.select-datepicker-wrap .fancy_input{
	    padding-left: 40px !important;
}
#mp .set-number{ 
position: absolute;
    TOP: 6px;
    /* background-color: #fff; */
    border-radius: 50%;
    left: 20px;
    font-size: 18px
	}
#mp .common-pluse-min{font-size: 20px;
    line-height: 1.6 !important;}
#mp .article_img{
	flex-direction: column;
	max-height: unset;
}
#mp .heading-common h3{font-size:20px !important;
font-weight:bold !important;text-transform: capitalize !important;
color: #fd3943;}

#mp .common-set-btn{
min-width: 100%;
background-color: #fff;
margin-top: 10px;
margin-left: 5px;
margin-right: 5px;
}
.custom-add-btn{
	position: absolute;
    bottom: 0px;
    width: 100%;
    right: 40px;
    border: 0px;
	border-top: 0px!important;
}
.select_common{
	padding: 10px;
    border-radius: 3px;
    font-size: 16px;
	border: 1px solid #000!important;
    border-radius: 3px!important;
}
.select_common:focus{
	outline: 1px solid #0de1e1;
    border-color: deepskyblue!important;
}
.select_common option{
	font-size: 16px;
	padding: 5px;
}
.custom-input-wrap{
	margin-bottom: 25px;
}
.d-flex{
    display: flex;
}
.add_via_pm{
	    float: none !important;
}