@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/poppins/Poppins-Regular.ttf"); }
@font-face {
  font-family: "Poppins-Medium";
  src: url("../fonts/poppins/Poppins-Medium.ttf"); }
@font-face {
  font-family: "Poppins-SemiBold";
  src: url("../fonts/poppins/Poppins-SemiBold.ttf"); }
.wrapper * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.wrapper :focus {
	outline: none;
}

.wrapper textarea {
	resize: none;
}

.wrapper input, 
.wrapper textarea, 
.wrapper select, 
.wrapper button {
	font-family: "Poppins-Regular";
	font-size: 14px;
	color: #333;
}

.wrapper select {
	-moz-appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}

	.wrapper select option[value=""][disabled] {
		display: none;
	}

.wrapper p,
.wrapper h1,
.wrapper h2,
.wrapper h3,
.wrapper h4,
.wrapper h5,
.wrapper h6,
.wrapper ul {
	margin: 0;
}


.wrapper ul {
	padding: 0;
	margin: 0;
	list-style: none;
}


.wrapper a {
	text-decoration: none;
}


.wrapper textarea {
	resize: none;
}


.wrapper img {
	max-width: 100%;
	vertical-align: middle;
}


.wrapper {
	margin: auto;
	padding: 7px;
}

.wizard {
  position: relative;
  background: #fff;
}

.steps .current-info, .steps .number {
  display: none; }

.steps {
  position: absolute;
  right: 42px;
  top: 5px;
  z-index: 9; }

  .steps ul {
    position: relative; }

    .steps ul:before {
      content: "1";
      font-size: 40px;
      color: #ccc;
      font-family: "Poppins-Medium"; }

    .steps ul:after {
      content: "/ 4";
      font-size: 15px;
      color: #ccc;
      font-family: "Poppins-Medium";
      position: absolute;
      left: 16px;
      top: 13px;
      width: 22px; }

    .steps ul.step-2:before {
      content: "2"; }

	.steps ul.step-2:after,
	.steps ul.step-3:after,
	.steps ul.step-4:after,
	.steps ul.step-5:after,
	.steps ul.step-6:after {
		left: 31px;
	}

	.steps ul.step-3:before {
		content: "3";
	}

	.steps ul.step-4:before {
		content: "4";
	}

	.steps ul.step-5:before {
		content: "5";
	}

	.steps ul.step-6:before {
		content: "6";
	}

    .steps ul.step-3:after {
      left: 31px; }

.wrapper h3 {
	font-family: "Poppins-SemiBold";
	font-size: 35px;
	color: #3377c0;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	letter-spacing: 3px;
	margin-bottom: 32px;
}

.wrapper .form-row {
	display: flex;
	margin-bottom: 25px;
}
	.wrapper .form-row .form-col {
		width: 50%;
		margin-right: 40px;
	}
		.wrapper .form-row .form-col:last-child {
			margin-right: 0;
		}

.wrapper .form-col label {
	color: #333;
	margin-bottom: 7px;
	display: block;
}

.wrapper .form-holder {
	position: relative;
}
	.wrapper .form-holder i:not(.zmdi-chevron-down) {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 15px;
		font-size: 17px;
	}

	.wrapper .form-holder i.zmdi-chevron-down {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 15px;
		font-size: 17px;
	}

	.wrapper .form-holder.password i {
		cursor: pointer;
	}

.wrapper .grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wrapper .grid-item {
	width: 31.25%;
	display: flex;
	margin-bottom: 21px;
	cursor: pointer;
}

	.wrapper .grid-item .thumb {
		width: 86.04%;
	}

	.wrapper .grid-item .heading {
		width: 13.96%;
		text-transform: uppercase;
		font-size: 11px;
		background: #b3b3b3;
		color: #fff;
		font-family: "Poppins-Medium";
		writing-mode: tb-rl;
		transform: rotate(-180deg);
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 500;
		letter-spacing: 1px;
	}

	.wrapper .grid-item.active .heading {
		background: #3377c0;
	}

	.wrapper .grid-item:hover img {
		opacity: 0.6;
	}

.wrapper .form-control {
	height: 42px;
	border: 1px solid #ccc;
	width: 100%;
	background: none;
	font-size: 15px;
	padding-left: 46px;
	color: #999;
	font-family: "Poppins-Medium";
}

	.wrapper .form-control:focus {
		border-color: #3377c0;
	}

.wrapper .actions ul {
	display: flex ;
	justify-content: space-between ;
	margin-top: 42px ;
}
	.wrapper .actions ul.mt-7 {
		margin-top: 7px ;
	}

.wrapper .actions li a {
	border: none ;
	display: inline-flex ;
	height: 42px ;
	width: 112px ;
	align-items: center ;
	color: #fff ;
	cursor: pointer ;
	background: #3377c0 ;
	text-transform: uppercase ;
	justify-content: center ;
	letter-spacing: 1px ;
}

	.wrapper .actions li a:hover {
		background: #3b87d9 ;
	}

.wrapper .actions li:first-child a {
	background: none ;
	border: 1px solid #3377c0 ;
	color: #3377c0 ;
}

	.wrapper .actions li:first-child a:hover {
		border-color: transparent ;
		color: #fff ;
		background: #3b87d9 ;
	}

		.wrapper .actions li[aria-disabled="true"] a {
			display: none ;
		}

@media (max-width: 767px) {

	.wrapper sh3 {
		font-size: 30px;
	}
  .wrapper {
    width: auto;
    padding: 0; }

  .wizard {
    height: auto;
    padding: 60px 20px 20px; }

	.wrapper .form-row {
		display: block;
	}
		.wrapper .form-row .form-col {
			width: 100%;
			margin-right: 0;
			margin-bottom: 25px;
		}

	.wrapper .actions ul {
		flex-direction: column ;
		align-items: flex-end ;
	}
		.wrapper .actions ul li {
			margin-bottom: 20px ;
		}

}