body{
	font-family:Roboto;
	font-size: 15px;
	line-height:22px;
	font-weight:300;
	
}
.msf-view {
            display: none;
        }
        
        .msf-navigation {
            text-align: center;
            border-top: 4px double #ccc;
            padding-top: 20px;
        }
        
        .msf-nav-button {
            display: none;
        }
        
        .msf-header {
            padding-top: 10px;
            margin-bottom: 40px;
            color: #777;
        }
        
        .msf-header .msf-step {
            font-size:14px;
            /*display : inline-block;
       vertical-align : middle;*/
        }
        .msf-header .msf-step:hover {
            cursor: pointer;
        }
        
        
        
        .msf-header .msf-step.msf-step-complete {
            /*color: #ef4035;*/
            color: green;
        }
        
        

        .msf-header .msf-step.msf-step-incomplete {
            /*color: #ef4035;*/
            color:red;
        }
        
        
        
        .msf-header .msf-step.msf-step-active,
        .msf-header .msf-step.msf-step-active.msf-step-complete,
        .msf-header .msf-step.msf-step-active.msf-step-incomplete {
            color: #fff;          
        }
        
        .msf-header .msf-step.msf-step-active i.fa,
        .msf-header .msf-step.msf-step-active.msf-step-complete i.fa,
        .msf-header .msf-step.msf-step-active.msf-step-incomplete i.fa  {
            border-color: blue;
            /*border-color : #3c763d;*/
        }

        


.input-validation-error {
    border-color: red;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(255, 0,0,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(255, 0,0,0.6);
}

    .input-validation-error:focus {
        border-color: red;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(255, 0,0,0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(255, 0,0,0.6);
    }
 
/*.msf-content{
background: #f2f7f9;
    border: 1px solid #d0dde1;
    padding:30px;
    border-radius: 4px;
}*/
.msf-header{
	counter-reset:step;
	border-bottom:1px solid #dadada; padding-bottom:10px; margin-bottom:10px; overflow: hidden;
}
.msf-header .msf-step:before{
counter-increment:step;
content:counter(step);
position: absolute;
left:32px;
top:50%;
transform:translateY(-50%);
display: block;
width:25px;
height:25px;
background:#fff;
border-radius:50%;
text-align: center;
line-height:25px;
font-size:12px;
z-index:3;
font-weight: bold;
color: #b9b9b9;
}
.msf-header .msf-step:first-child:before{left:15px;}
.msf-header .msf-step{
	float: left; position: relative; text-align: center;	position: relative;
	margin:4px 4px 4px 0;
	box-sizing: border-box;
	width:calc(14.666% - 4px);
} 
.msf-header .msf-step:after{
content: '';
    position: absolute;
    top:0px;
    left: 100%;
    height: 0;
    width: 0;
   border-top:23.5px solid transparent;
   border-bottom:23.5px solid transparent;
   border-left:23px solid #fff;	
   z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #fff;
    margin: 0;
}
.msf-header .msf-step span:after{
content: '';
    position: absolute;
    top:0px;
    left: 100%;
    height: 0;
    width: 0;
   border-top:23.5px solid transparent;
   border-bottom:23.5px solid transparent;
   border-left:23px solid #edeff0;
   z-index:2;
}
.msf-header .msf-step span{
position: relative;
    padding: 1em .8em .8em 5em;
    color: #b9b9b9;
    background-color: #edeff0;   
    display: block;
    font-weight:bold;
    text-align: left;
}
.msf-header .msf-step:first-child span{padding: 1em .8em .8em 3.5em;}
.msf-header .msf-step.msf-step-active span{background:#ac041e; color:#fff;}
.msf-header .msf-step.msf-step-active:before{color:#ac041e}
.msf-header .msf-step.msf-step-active span:after{border-left-color:#ac041e}
.msf-header .msf-step.msf-step-complete span{background:#ffe114; color:#887700;}
.msf-header .msf-step.msf-step-complete span:after{border-left-color:#ffe114}
.msf-header .msf-step.msf-step-complete:before{color:#887700}
/*.form-group{
	margin-bottom:20px;
} 
.form-group > label{
	display: block; font-size:14px; margin-bottom: 5px; font-weight:500; color:#333;
}
.form-group .form-control{
border:1px solid #c4cdcf;
background-color: #fff;
font-family: inherit;
    font-weight: 300;
    font-size: 14px;
    color: #444444;
    height:36px;
    box-shadow: none;
    outline: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width:100%;
    padding:6px 12px;
    box-shadow:inset 0 -3px 0 0 rgba(219,219,219,.69);
    border-radius:3px;
}	
.form-group .form-control:hover,.form-group .form-control:focus{
	-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075), 0 0 5px rgba(102,175,233,.6);
    box-shadow: inset 0 0 0 rgba(0,0,0,.075), 0 0 5px rgba(102,175,233,.6);
} */
.msf-navigation{
margin:20px 0;
}
/*.msf-navigation .btn{
padding:10px;
color:#fff;
    background: -moz-linear-gradient(top,rgba(0,192,255,.7) 1%,rgba(4,121,210,1) 100%);
    background: -webkit-linear-gradient(top,rgba(0,192,255,.7) 1%,rgba(4,121,210,1) 100%);
    background: linear-gradient(to bottom,rgba(0,192,255,.7) 1%,rgba(4,121,210,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b300c0ff', endColorstr='#0479d2', GradientType=0 );
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 0 0 rgba(0,0,0,.3);
    border:none; 
    outline:none;
    border-radius:4px;
    text-shadow: 1px 1px 1px #3D3D3D;
    font-size:14px;
    font-weight:600;
    border-top: 1px solid #22a6f2;
    border-left: 1px solid #22a6f2;
    border-right: 1px solid #22a6f2;
    border-bottom: 1px solid #0060b1;
    cursor: pointer;
}
.text-center{
	text-align: center;
}*/
.content_area{
margin-bottom:10px;
border-bottom:4px double #ccc;
padding-bottom: 0px;
} 
.content_area h2,.content_area h3{
	color:#7f1d1d; line-height:30px;
}
.content_area strong{
	font-weight:500;
}
.step_title{
padding:0; margin:0; font-size:22px; font-weight:600; line-height: 20px;
} 
.info{
font-size:12px; font-weight:300; line-height:16px; display: block; margin-bottom: 10px; margin-top: 2px;
}
.msf-content h3{
	    display: block;
    font-size: 1.17em;
   /* -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;*/
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
@media only screen and (min-width:768px){
.lastform { width: 250px!important;}
}
@media only screen and (max-width:680px){
.col{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.msf-navigation .btn{padding:10px; font-size:12px;}
.msf-view h2{font-size:18px;}
.current .pad{width:100%}
.hd_page-header.hd_ph-style-default.hd_ph-with-bg{padding:20px 0;}	
.hd_page-header.hd_ph-style-default .hd_ph-title{
	float: none; text-align: center; font-size: 28px
}
.msf-header .msf-step:after,.msf-header .msf-step span{
	display:none;
}
.msf-header .msf-step{
	background:#edeff0; margin:0; width:16.666667%; height:2px;
}
.msf-header .msf-step.msf-step-active{background:#ac041e;}
.msf-header .msf-step.msf-step-active:before{background:#ac041e; color:#fff}
.msf-header .msf-step.msf-step-complete{background:#ffe114;}
.msf-header .msf-step.msf-step-complete:before{background:#ffe114; color:#333}
.msf-header{height:55px; padding-top:25px;}
.msf-header .msf-step:before{border:1px solid #edeff0;}
.msf-header .msf-step:before,.msf-header .msf-step:first-child:before{
	left:50%;
	transform: translate(-50%,-50%)
}
}