@charset "utf-8";
/* CSS Document */
		.wizard {
			margin: 20px auto;
			margin-top: 0px !important;
			background: #fff;
		}
		
		.wizard .nav-tabs {
			position: relative;
			margin: 40px auto; 
			margin-bottom: 5px !important;
			border-bottom-color: #e0e0e0;
		}
	
		.wizard > div.wizard-inner {
			position: relative;
		}
		
		.connecting-line {
			height: 2px; 
			background: #e0e0e0;
			position: absolute;
			width: 80%;
			margin: 0 auto;
			left: 0;
			right: 0;
			top: 50%;
			z-index: 1;
		}
		
		.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
			color: #555555;
			cursor: default;
			border: 0;
			border-bottom-color: transparent;
		}
		
		span.round-tab {
			width: 60px;
			height: 60px;
			line-height: 60px;
			display: inline-block;
			border-radius: 100px;
			background: #fff;
			border: 2px solid #e0e0e0;
			z-index: 2;
			position: absolute;
			left: 0;
			text-align: center;
			font-size: 25px;
		}
		span.round-tab i{
			color:#555555;
		}
		.wizard li.active span.round-tab {
			background: #fff;
			border: 2px solid #4DA88E;
			
		}
		.wizard li.active span.round-tab i{
			color: #4DA88E;
		}
		
		span.round-tab:hover {
			color: #333;
			border: 2px solid #333;
		}
		
		.wizard .nav-tabs > li {
			width: 25%;
		}
		
		.wizard li:after {
			content: " ";
			position: absolute;
			left: 46%;
			opacity: 0;
			margin: 0 auto;
			bottom: 0px;
			border: 5px solid transparent;
			border-bottom-color: #4DA88E;
			transition: 0.1s ease-in-out;
		}
		
		.wizard li.active:after {
			content: " ";
			position: absolute;
			left: 46%;
			opacity: 1;
			margin: 0 auto;
			bottom: 0px;
			border: 10px solid transparent;
			border-bottom-color: #4DA88E;
		}
		
		.wizard .nav-tabs > li a {
			width: 60px;
			height: 60px;
			margin: 20px auto;
			border-radius: 100%;
			padding: 0;
		}
		
		.wizard .nav-tabs > li a:hover {
			background: transparent;
		}
		
		.wizard .tab-pane {
			position: relative;
			padding-top: 20px;
		}
		
		.wizard h3 {
			margin-top: 0;
		}
		.step1 .row {
			margin-bottom:5px;
		}
		.step_21 {
			border :1px solid #eee;
			border-radius:5px;
			padding:10px;
		}
		.step33 {
			border:1px solid #ccc;
			border-radius:5px;
			padding-left:10px;
			margin-bottom:10px;
		}
		.dropselectsec {
			width: 68%;
			padding: 6px 5px;
			border: 1px solid #ccc;
			border-radius: 3px;
			color: #333;
			margin-left: 10px;
			outline: none;
			font-weight: normal;
		}
		.dropselectsec1 {
			width: 74%;
			padding: 6px 5px;
			border: 1px solid #ccc;
			border-radius: 3px;
			color: #333;
			margin-left: 10px;
			outline: none;
			font-weight: normal;
		}
		.mar_ned {
			margin-bottom:10px;
		}
		.wdth {
			width:25%;
		}
		.birthdrop {
			padding: 6px 5px;
			border: 1px solid #ccc;
			border-radius: 3px;
			color: #333;
			margin-left: 10px;
			width: 16%;
			outline: 0;
			font-weight: normal;
		}
		
		
		/* according menu */
		#accordion-container {
			font-size:13px
		}
		.accordion-header {
			font-size:13px;
			background:#ebebeb;
			margin:5px 0 0;
			padding:7px 20px;
			cursor:pointer;
			color:#fff;
			font-weight:400;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px
		}
		.unselect_img{
			width:18px;
			-webkit-user-select: none;  
			-moz-user-select: none;     
			-ms-user-select: none;      
			user-select: none; 
		}
		.active-header {
			-moz-border-radius:5px 5px 0 0;
			-webkit-border-radius:5px 5px 0 0;
			border-radius:5px 5px 0 0;
			background:#4DA88E;
		}
		.active-header:after {
			content:"\f068";
			font-family:'FontAwesome';
			float:right;
			margin:5px;
			font-weight:400
		}
		.inactive-header {
			background:#333;
		}
		.inactive-header:after {
			content:"\f067";
			font-family:'FontAwesome';
			float:right;
			margin:4px 5px;
			font-weight:400
		}
		.accordion-content {
			display:none;
			padding:20px;
			background:#fff;
			border:1px solid #ccc;
			border-top:0;
			-moz-border-radius:0 0 5px 5px;
			-webkit-border-radius:0 0 5px 5px;
			border-radius:0 0 5px 5px
		}
		.accordion-content a{
			text-decoration:none;
			color:#333;
		}
		.accordion-content td{
			border-bottom:1px solid #dcdcdc;
		}
		
		
		
		@media( max-width : 585px ) {
		
			.wizard {
				width: 90%;
				height: auto !important;
			}
		
			span.round-tab {
				font-size: 16px;
				width: 50px;
				height: 50px;
				line-height: 50px;
			}
		
			.wizard .nav-tabs > li a {
				width: 50px;
				height: 50px;
				line-height: 50px;
			}
		
			.wizard li.active:after {
				content: " ";
				position: absolute;
				left: 35%;
			}
		}