@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/MyriadPro-Regular.otf')  format('opentype'),
	     url('fonts/MyriadPro-Regular.woff') format('woff'), url('fonts/MyriadPro-Regular.ttf')  format('truetype'), url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/** solitas **/
@font-face {
	font-family: 'Conv_solitas-norreg-webfont';
	src: url('../fonts/solitas-norreg-webfont.eot');
	src: local('☺'), url('../fonts/solitas-norreg-webfont.woff') format('woff'), url('../fonts/solitas-norreg-webfont.ttf') format('truetype'), url('../fonts/solitas-norreg-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** solitas **/
@font-face {
	font-family: 'Conv_solitas-norreg-webfont';
	src: url('./fonts/solitas-norreg-webfont.eot');
	src: local('☺'), url('./fonts/solitas-norreg-webfont.woff') format('woff'), url('./fonts/solitas-norreg-webfont.ttf') format('truetype'), url('./fonts/solitas-norreg-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'MyriadPro-Regular';
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.container {
	max-width: 600px;
	width:100%;
	margin: 0 auto;
}
#header {
/*	background: rgba(0, 0, 0, 0.51);*/
	padding: 15px 0 15px;
	border-bottom: 1px solid #2980b9;
	text-align: center;
    font-size: 25px;
    color: #fff;
    font-family: 'Conv_solitas-norreg-webfont';
}
.logo {
    color: #ffffff;
    font-size: 24px;
    margin: 0 auto;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px;
}
.steps-form legend {
    color: #5d5d5d;
    font-size: 18px;
    border-bottom: 1px solid #b9b9b9;
    padding: 10px 2% 15px 2%;
    display: block;
    width: 96%;
    font-weight: bold;
    margin-bottom: 25px;
    letter-spacing: .5px;
}

.steps-form legend span {
    color: #5d5d5d;
    font-size: 14px;
    padding: 5px 0px 0px 0px;
    display: block;
    width: 96%;
    font-weight: normal;
    letter-spacing: .5px;
}

.form-element span {
    color: #5d5d5d;
    font-size: 14px;
    padding: 5px 0px 0px 0px;
    display: block;
    width: 96%;
    font-weight: bold;
	text-align:justify;
    letter-spacing: .5px;
}

.steps-form input[type=text] {
    border-radius: 4px;
    padding: 12px 10px;
    width: 100%;
    font-size: 15px;
}
.steps-form .form-element {
    margin-bottom: 15px;
    padding: 0 20px;
    clear: both;
    overflow: hidden;
}
.steps-form input.search-input {
	background: url(../images/search.png) #fff 10px center no-repeat !important;
	padding-left: 35px;
}
.wizard > .steps {    
    /* min-height: 62px; */
    z-index: 9;
    padding: 10px 0;
}
/*
.wizard > .steps:after {
	background: url(../images/tooltip.png) 0 center no-repeat;
	height: 19px;
	width: 21px;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -19px;
	margin: 0 auto;
}
*/
.radio-single {
	float: left;
	margin-right: 20px;
	/*width: 148px;*/
	    margin-bottom: 14px;
}
.wizard > .content > .body label {
    color: #fff;
}
.wizard > .content {
    margin: 0;
    padding: 20px 2%;
    width: 96%;
    border-radius: 0;
}
.wizard > .content > .body .form-element > label {
    color: #3c3b3b;
    font-weight: bold;
}
.wizard > .actions > ul {
    max-width: 100%;
    border: 0 none;
    width: 96%;
    margin: 0 auto;
    display: block;
}
.wizard > .actions > ul li:nth-child(2),
.wizard > .actions > ul li:nth-child(3) {
	float: right;
}
.wizard > .actions > ul li {
    text-transform: uppercase;
    font-size: 18px;
}
.wizard > .steps > ul > li.done.opened {
	/*background: #ffa800;
	margin-left: -3px;*/
}
.wizard > .steps > ul > li.opened {
	/*margin-right: -3px!important*/
}
.wizard > .steps > ul > li.current.opened {
	/*margin-right: 0!important;
	margin-left: -3px;*/
}
.wizard > .steps > ul > li.current.opened a {
	/*background: #ffa800!important;*/
}

.wizard {
	padding-bottom: 4%;
}
.percent-complete {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    display: block;
    text-align: center;
    bottom: 16px;
    font-size: 18px;
    letter-spacing: 1px;
    display: none;
    font-weight: bold;
}
.wizard > .steps > ul > li.current .percent-complete { 
	display: block;
}
.steps-form input.datepicker {
    float: left;
    width: 90%;
    text-shadow: 1px 0 0 #ccc;
    font-size: 16px;
}
.calander-image {
	/*float: right;
	width: 8%*/
}
.hide{
    display:none;
}
.show{
    display:block;
}
.max-ele-height{
    /*overflow: auto !important;
    max-height: 320px;*/
}

/* Edited by saurabh on 17-03-2017 */
.wizard > .content > .body{width:100% ; padding:15px; position:relative; overflow:auto; background: none !important;}

.wizard > .content{width:100%; padding:15px; min-height:100%;}

.wizard > .steps > ul{height:inherit;}

.wizard > .steps::after{bottom:-15px;}
.steps-form input[type=text].form-control{
    border-radius: 0px;
    padding: 0 15px;
    width: 100%;
    font-size: 15px;
	height:36px;
	line-height: normal !important;
    height: auto !important;
}
.steps-form input[type=text].form-control.search-input{padding-left:35px;}

.steps-form .form-element{clear:inherit; overflow:initial; padding:0 15px;}
.wizard{padding:0; min-height:100%;}
.wizard > .content{height:100%;}
.actions{padding:10px 15px;}
.wizard > .actions{}
.wizard > .actions > ul{width:100%;}
.wizard > .actions > ul > li{margin:0;}
.disclouser{font-size: 14px; line-height: 20px; color: #666; font-weight: 100;letter-spacing:1px;}
.steps-form{height:100%;}
.steps-form legend{padding:0 0 15px; width:100%}
.steps-form legend span{letter-spacing:1px; width:100%;}
header a:hover{text-decoration:none; color:#fff;}
html,body{height:100%;}
.container{height:100%;}
.main{height:100%; margin-top:-169px; padding-top:169px;}
.container{padding:0;}

.input-group-btn img{ margin-left:10px;}

.wizard > .content > .body label{display:table;}

textarea.form-control{min-height:200px; border-radius:3px;}
body {
	 background-color: transparent !important;
}
.form-wrap .wizard > .steps {
    z-index: 1;
    width: 82%;
    padding: 10px 0 !important;
    margin: 0 auto;
    min-height: auto !important;
}
.form {}

.form-wrap {
    background: rgba(0, 0, 0, 0.51);
    border-radius: 3px;
}
.form-wrap p {
    font-size: 15px;
    font-family: 'Raleway', sans-serif !important;
    margin-top: 10px;
}
.form-wrap .form-control {
    background: #fff;
}
.form-wrap .wizard > .content > .body {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}
.form-wrap .wizard > .content {
    overflow: hidden;
}
.wizard > .steps > ul > li.disabled {
    margin-left: auto !important
}
.clearfix {
    clear: both;
}

.form-wrap #home_types .clearfix:before, .clearfix:after {
    display: none;
}
.form-wrap #home_types .prettyradio a {
    position: absolute;
}
.form-wrap #home_types label {
    margin-left: 36px;
}

@media only screen and (max-width:1200px ){
    .form-wrap p {
        font-size: 12px;
    }
    .form-wrap .wizard ul, .form-wrap .tabcontrol ul {
        max-width: auto !important;
    }
}