/* ============================================================================
	WIZARD
   ============================================================================ */
.wizard{ width:100%; min-height:44px; height:auto; margin-bottom:20px; display:block; 
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}
.step1, .step2, .step3, .step4, .step5{ float:left;font-family:inherit; font-weight:bold;}
.step1, .step3{ width:19%}
.step4, .step5{ width:17%}
.step2{ width:28%;}
.step1{
	-webkit-border-radius: 5px 0 0 5px;
	   -moz-border-radius: 5px 0 0 5px; 
	        border-radius: 5px 0 0 5px;
}

.grayStep{background: url(../images/wizard/arrow.png) no-repeat 100% -132px, url(../images/wizard/bg.png) repeat-x 0 -89px;}
.grayLastStep{background: url(../images/wizard/arrow.png) no-repeat 100% -176px, url(../images/wizard/bg.png) repeat-x 0 -89px;}

.yellowStep{background: url(../images/wizard/arrow.png) no-repeat 100% -88px, url(../images/wizard/bg.png) repeat-x 0 -45px;}
.yellowLastStep{background: url(../images/wizard/arrow.png) no-repeat 100% -220px, url(../images/wizard/bg.png) repeat-x 0 -45px;}

.greenStep{background: url(../images/wizard/arrow.png) no-repeat 100% -44px, url(../images/wizard/bg.png) repeat-x 0 -1px;}
.greenStep2{background: url(../images/wizard/arrow.png) no-repeat 100% 0, url(../images/wizard/bg.png) repeat-x 0 -1px;}


@media (min-width: 978px) {
.wizard{ display:block;}
.step1, .step2, .step3, .step4, .step5{ float:left; line-height:34px; font-size:13px;}
.step1 p, .step2 p, .step3 p, .step4 p, .step5 p{ float:left; padding:6px 0 0 10px;}
.step1 img, .step2 img, .step3 img, .step4 img, .step5 img{ width:auto; height:24px; float:left; padding:10px 0 0 5px;}
.step1, .step2, .step3, .step4, .step5{max-height:44px; height:auto; float:left;}
.step1, .step3{ width:20%}
.step4, .step5{ width:17%}
.step2{ width:26%;}
.progress{ display:none;}
}
@media (min-width: 768px) and (max-width: 979px) {
.wizard{ display:block;}
.step1, .step2, .step3, .step4, .step5{ float:left; line-height:34px; font-size:13px;}
.step1 p, .step2 p, .step3 p, .step4 p, .step5 p{ float:left; padding:6px 0 0 10px;}
.step1 img, .step2 img, .step3 img, .step4 img, .step5 img{width:auto; height:24px; float:left; padding:10px 0 0 5px;}
.step1, .step2, .step3, .step4, .step5{max-height:44px; height:auto; float:left;}
.step1, .step3{ width:20%}
.step4, .step5{ width:17%}
.step2{ width:26%;}
.progress{ display:none;}
}
@media (min-width: 480px) and (max-width: 767px) {
.wizard{ display:block;}
.step1, .step2, .step3, .step4, .step5{ float:left; line-height:34px; font-size:11px;}
.step1 p, .step2 p, .step3 p, .step4 p, .step5 p{ float:left; padding:6px 0 0 5px;}
.step1 img, .step2 img, .step3 img, .step4 img, .step5 img{width:auto; height:15px; float:left; padding:15px 0 0 2px;}
.step1, .step2, .step3, .step4, .step5{max-height:44px; height:auto; float:left;}
.step1, .step3{ width:20%}
.step4, .step5{ width:17%}
.step2{ width:26%;}	
.progress{ display:none;}
}
@media (min-width: 100px) and (max-width: 479px) {

.progress{ display:block;}
.wizard{display:none;}	
.grayStep{background: url(../images/wizard/arrow.png) no-repeat 100% -176px, url(../images/wizard/bg.png) repeat-x 0 -89px;}
.grayLastStep{background: url(../images/wizard/arrow.png) no-repeat 100% -176px, url(../images/wizard/bg.png) repeat-x 0 -89px;}

.yellowStep{background: url(../images/wizard/arrow.png) no-repeat 100% -220px, url(../images/wizard/bg.png) repeat-x 0 -45px;}
.yellowLastStep{background: url(../images/wizard/arrow.png) no-repeat 100% -220px, url(../images/wizard/bg.png) repeat-x 0 -45px;}

.greenStep{background: url(../images/wizard/arrow.png) no-repeat 100% -264px, url(../images/wizard/bg.png) repeat-x 0 -1px;}
.greenStep2{background: url(../images/wizard/arrow.png) no-repeat 100% -264px, url(../images/wizard/bg.png) repeat-x 0 -1px;}
	
	
.step1, .step2, .step3, .step4, .step5{ float:left; line-height:34px; font-size:14px;
	-webkit-border-radius: 5px 0 0 5px;
	   -moz-border-radius: 5px 0 0 5px;
	        border-radius: 5px 0 0 5px;
}
.step1 p, .step2 p, .step3 p, .step4 p, .step5 p{ float:left; padding:6px 0 0 10px;}
.step1 img, .step2 img, .step3 img, .step4 img, .step5 img{width:auto; height:24px; float:left; padding:10px 0 0 10px;}
.step1, .step2, .step3, .step4, .step5{max-height:44px; height:auto; float:left; width:100%;}

}

/* end of wizard*/
button {
	border:none;
	outline:none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	display: block;
	cursor:pointer;
	clear:both;
	padding: 8px 15px;
	text-shadow: 0 1px 1px #777;
	font-weight:bold;
	font-family:"Century Gothic", Helvetica, sans-serif;
	font-size:18px;
	-moz-box-shadow:0px 0px 3px #aaa;
	-webkit-box-shadow:0px 0px 3px #aaa;
	box-shadow:0px 0px 3px #aaa;
	
}
button:hover {
	background:#d8d8d8;
	color:#666;
	text-shadow:1px 1px 1px #fff;
}


.control-label{ font-size:13px; font-weight:bold; text-align:left !important;}
.fl{ float:left;}
.fr{ float:right}
.progress{ display:none;}
.normal-table tr td{ padding:4px 10px;} 

.htitel{ width:98%; padding:0 1%; min-height:35px; height:auto;  border-bottom:2px solid #e1dada; margin-top:5px; display:inline-block;}

.back1, .continue1, .continue2, .home{ margin:2px 0 ;}

.search-gallery, .search-details{ display:block;}



@media (min-width: 768px) and (max-width: 979px) {
h1{ font-size:26px;}
h2{ font-size:20px;}
.sear-btn{ margin-left:180px;}
.control-label{ padding-left:10px}
.search-gallery{width:98%; padding-left: 2%;}
.search-details{width:95%;}

.back1{ float:left; width:30%; margin-left:2.5%; display:inline-block; text-align:left;}
.continue1{  float:right; width:30%; margin-right:2.5%; display:inline-block; text-align:right;}
.continue2{  float:right; width:50%; margin-right:2.5%; display:inline-block; text-align:right;}

.home{ float:left; width:100%; display:inline-block; text-align:left;}
.home-btn{ margin:0 auto;}
.conti{ float:right;}
.conti2{ float:right;}
.table3 tr td{ padding:2px 5px; text-align:center; font-size:13px;}
}
@media (min-width: 480px) and (max-width: 767px) {
.sear-btn{ margin-left:180px;}
.control-label{ padding-left:10px}
.search-gallery{width:95%; padding:2.5%}
.search-details{width:95%; padding:0 2.5%}
	 
.back1{ float:left; width:30%; margin-left:2.5%; display:inline-block; text-align:left;}
.continue1{  float:right; width:30%; margin-right:2.5%; display:inline-block; text-align:right;}
.continue2{  float:right; width:50%; margin-right:2.5%; display:inline-block; text-align:right;}

.home{ float:left; width:90%; display:inline-block; text-align:left;}
.home-btn{ margin:0 auto;}
.conti{ float:right;}
.conti2{ float:right;}
.table3 tr td{ padding:2px 5px; text-align:center; font-size:13px;}
}
@media (min-width: 320px) and (max-width: 479px) {
.sear-btn{ margin-left:0px;}
.control-label{ padding-left:0px}
.progress{ display:block}
.search-gallery{width:95%; padding:2.5%}
.search-details{width:95%;padding:0 2.5%}

.back1{ float:left; width:27%; margin-left:2.5%; display:inline-block; text-align:left;}
.continue1{  float:right; width:37%; margin-right:2.5%; display:inline-block; text-align:right;}
.continue2{  float:right; width:50%; margin-right:2.5%; display:inline-block; text-align:right;}

.home{ float:left; width:90%;  display:inline-block; text-align:left;}
.home-btn{ margin:0;}
.conti{ float:left;}
.conti2{ float:right;}
.table3 tr td{ padding:1px 5px; text-align:center; font-size:11px;}
} 
@media (min-width: 199px) and (max-width: 319px) {
.sear-btn{ margin-left:0px;}
.control-label{ padding-left:0px}
.progress{ display:block}
.search-gallery{width:95%; padding:2.5%}
.search-details{width:95%;padding:0 2.5%}

.back1{ float:left; width:90%; margin-left:2.5%; display:inline-block}
.continue1{  float:left; width:90%; margin-left:2.5%;  display:inline-block;}
.continue2{  float:left; width:90%; margin-left:2.5%;  display:inline-block;}

.home{float:left; width:90%; margin-left:2.5%;  display:inline-block;}
.home-btn{ margin:0;}
.conti{ float:left;}
.conti2{ float:left;}

}

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress .bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
     -moz-transition: width 0.6s ease;
       -o-transition: width 0.6s ease;
          transition: width 0.6s ease;
}

.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
     -moz-background-size: 40px 40px;
       -o-background-size: 40px 40px;
          background-size: 40px 40px;
}

.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
     -moz-animation: progress-bar-stripes 2s linear infinite;
      -ms-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}

.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-warning .bar,
.progress .bar-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}