@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,200,200italic,300,300italic,900,700italic,700,600italic,600,400italic);
@font-face {
	font-family: poppins-regular;
	src: url(../fonts/poppins/Poppins-Regular.ttf)
}

@font-face {
	font-family: poppins-semibold;
	src: url(../fonts/poppins/Poppins-SemiBold.ttf)
}

@font-face {
	font-family: poppins-medium;
	src: url(../fonts/poppins/Poppins-Medium.ttf)
}

@font-face {
	font-family: muli-bold;
	src: url(../fonts/muli/Muli-Bold.ttf)
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

body {
	font-family: poppins-regular;
	font-size: 15px;
	color: #666;
	margin: 0;
background:url('../images/miler-register.jpg');background-size:contain;background-repeat: no-repeat;
background-color: #ffffff;
}
.row1{text-align:right;}
:focus {
	outline: none
}
.row1 img{width:400px;}.row1{margin:20px 0px 20px 20px;}
textarea {
	resize: none
}

input,
textarea,
select,
button {
	font-family: poppins-regular;
	font-size: 15px;
	color: #666
}

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

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

a {
	text-decoration: none
}

textarea {
	resize: none
}

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

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

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



.wrapper {
	display: flex;justify-content:space-between;
}
.home .wrapper,.home #wizard{height:auto;}.medal{width:38%;}
.wrapper .image-holder {
	width: 60%;position: relative;
}
.medal{position:absolute;right:20px;bottom:20px;}
.rtime{    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;text-align: center;
    flex-direction: column;margin-top: 5%;
align-items: flex-end;}
.wrapper form {
width: 35%;background:#efefef;display: flex;height:100%;}

.form-row label.hide{display:none !important;}

	  input.razorpay-payment-button {
      width: 100%;
    background: #26a89b;
    color: #fff;
    cursor: pointer;
    border: 0px;margin-right:15px;  
}
.mview{display:none;}
.conf .hatime div label {
    padding-left: 12px;
    font-weight: 600;
color: #3ab279;
}	

.conf #wizard {
   margin-right: 55px;
		min-height:auto;
		    position: relative;
}	
input.razorpay-payment-button:hover,.btn:hover {
    background: #ef562c;
}
.conf .wrapper form{
	width:100%
}

#wizard {
	/* min-height: 834px; */
	min-height: 0;
	background: #efefef;
	margin-right:0px;
	padding: 20px 20px 20px
}


div#timer {
	 font-family: 'Titillium Web', cursive;
    display: flex;
       gap: 15px;
	font-weight: 800;
}


span {
  display: block;
  font-size: 15px;
  color: #000;
}

#days {
  font-size: 40px;
  color: #db4844;
}
#hours {
  font-size: 40px;
  color: #f07c22;
}
#minutes {
  font-size: 40px;
  color: #f6da74;
}
#seconds {
  font-size: 40px;
  color: #abcd58;
}

.lstyle{list-style-type: decimal;padding:5px 20px 20px;}.lstyle li{margin-bottom:5px;}.lstyle li:last-child{margin-bottom:0px;}
#wizard{display:flex;justify-content:center;flex-direction:column;align-items:center;height:100vh;}
#wizard fieldset{width:100%;}.order1{text-align:right;}.run{margin-top:50px;width:30%;}#wizard h4{text-align:left;width:100%;margin-top:0px;margin-bottom: 10px;}
#wizard .btn{width:200px;float:right;}
h3 {
	font-family: poppins-semibold
}

input[type="radio"] {
    margin-left: 10px;
}


.form-row {
	margin-bottom: 15px
}

.form-row label {
	margin-bottom: 8px;
	display: block;
	    color: #242424;
}

.form-row.form-group {
	display: flex
}

.form-row.form-group .form-holder {
	width: 50%;
	margin-right: 21px
}

.form-row.form-group .form-holder:last-child {
	margin-right: 0
}

.form-holder {
	position: relative
}

.form-holder i {
	position: absolute;
	top: 11px;
	right: 19px;
	font-size: 17px;
	color: #999
}

.form-control {
	height: 42px;
	border: 1px solid #f5f5f5;
	background: 0 0;
	width: 100%;
	padding: 0 10px;
	background: #ffffff;
}

.form-control:focus {
	border-color: #f3d4b7
}

.form-control::-webkit-input-placeholder {
	color: #999;
	font-size: 13px
}

.form-control::-moz-placeholder {
	color: #999;
	font-size: 13px
}

.form-control:-ms-input-placeholder {
	color: #999;
	font-size: 13px
}

.form-control:-moz-placeholder {
	color: #999;
	font-size: 13px
}

 input[type='file'].form-control{
	
     border: 0px solid #f5f5f5; 
   
    background: transparent;
}

textarea.form-control {
	padding-top: 11px;
	padding-bottom: 11px
}

.option {
	color: #999
}
a.clr {
    color: #26a69a;
}

fieldset h3 {
    margin-bottom: 10px;
    font-size: 20px;
    color: #464444;
}

footer{
   background-color: #3e3e3e;
       padding: 10px 20px;
    color: #fff;
	    font-size: 13px;
}
.link a{
	      padding-left: 10px;
    font-size: 13px;
    color: #fff;
    padding-right: 10px;
}

.pp  #wizard{
	     align-items: flex-start;
}
        .btn {
         height: 50px;
         margin: 0;
         padding: 0 20px;
         vertical-align: middle;
         background: #26A69A;
         border: 0;
         font-size: 16px;
         font-weight: 300;
         line-height: 50px;
         color: #fff;
       width:100%;
         }
         button.btn:hover {
         opacity: 0.6;
         color: #fff;
         }
         button.btn:active {
         outline: 0;
         opacity: 0.6;
         color: #fff;
         -moz-box-shadow: none;
         -webkit-box-shadow: none;
         box-shadow: none;
         }
         button.btn:focus {
         outline: 0;
         opacity: 0.6;
         background: #26A69A;
         ;
         color: #fff;
         }
         button.btn:active:focus,
         button.btn.active:focus {
         outline: 0;
         opacity: 0.6;
         background: #26A69A;
         ;
         color: #fff;
         }
         /*style.css**/
        fieldset{
			 border: 1px solid transparent;
		}
         
         form.registration-form fieldset {
         display: none;
		
         }
		 
		 form .form-holder .input-error {
         border-color: #d03e3e;
         color: #d03e3e;
         }



@-webkit-keyframes hvr-icon-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px)
	}

	33.3% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}

	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px)
	}

	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px)
	}

	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes hvr-icon-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px)
	}

	33.3% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}

	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px)
	}

	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px)
	}

	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}
.conf .wrapper form{justify-content:flex-end;}.thanks .wrapper{align-items:center;}.thanks .row1{position:fixed;top:0;margin:20px 0px 0px 0px;}.thanks{display:flex;justify-content:center;}
.thanks h3{font-size:30px;color:#ef5924;}.thanks p{font-size:20px;color:#023e5a;}

.home .wrapper form{min-height:96vh;}

.cpage h3{font-size:26px;margin-bottom:15px;}.cus{background: #ededed;padding: 50px;}
	.cpage h4{color:#023e5a;font-size:30px;}.cpage .cus a{color:#666;}.cpage .cus{width:35%;margin-left:auto;padding-left:50px !important;}
	.cpage{height:auto;}.cpage #wizard{min-height:96vh;height:auto;}.coyright_text{color:#fff;}	
.nowrap{white-space:nowrap;color:#666;}.policypage #wizard,.termspage #wizard{width:35%;min-height:96vh;height:auto;margin:0px;}.policypage,.termspage{height:auto;}
.policypage #wizard, .termspage #wizard{padding-left:20px !important;padding-right:20px !important;}
.policypage h4{color:#000;}.thanks footer p{color:#fff;font-size:14px;}.thanks footer{position:fixed;bottom:0;width:100%;}
.unote{margin-bottom:15px;color:#000;}
@media(max-width:1500px) {
	.wrapper {
		height: auto
	}.medal{right:0px;}.wrapper .image-holder{width:63%;}
}

@media (max-width:1400px){.lstyle{font-size:14px;}}
@media (max-width:1300px){.medal{position:relative;display:flex;margin-left:auto;margin-top:50px;}}

@media(max-width:1199px) {
	.wrapper {
		height: 100vh
	}

	#wizard {
		margin-right: 40px;
		min-height: 829px;
		padding-left: 60px;
		padding-right: 60px
	}.home #wizard{padding:20px;margin:0px;}.home{background-position: -100px 0px;}.cpage #wizard{margin-right:0px;margin-left:auto;}.policypage #wizard{padding:20px !important;}
}
@media (max-width:1100px){.thanks .wrapper{padding-left:15%;}}

@media(max-width:991px) {
	.wrapper {
		justify-content: center
	}

	.wrapper .image-holder {
		display: none
	}

	.wrapper form {
		width: 60%
	}

	#wizard {
		margin-right: 0;
		padding-left: 40px;
		padding-right: 40px
	}
	.home{background-size:30%;background-position:0px 0px;}.home .wrapper .image-holder,.conf .wrapper .image-holder,.cpage .wrapper .image-holder,.policypage .wrapper .image-holder{display:block;width:100%;padding-left:10%;}.run{display:none;}
	.home .wrapper form,.conf .wrapper #wizard,.cpage .wrapper .image-holder,.cpage #wizard,.policypage #wizard{width:100%;}.home .wrapper,.conf .wrapper,.cpage .wrapper,.policypage .wrapper{flex-wrap:wrap;}.home .row1,.conf .row1,.cpage .row1,.policypage .row1{text-align:center;}.rtime{justify-content:center;align-items:center;}.medal{margin:50px auto 0px;}.conf{background-size:20%;background-position:0px 0px;}.thanks .wrapper .image-holder{display:block;}.home #wizard{width:100%;}
	.cpage .wrapper .image-holder{display:block;}.cpage #wizard{min-height:auto;justify-content: center;padding-left:0px !important;
    display: flex;
    align-items: center;
    text-align: center;
}.cpage,.policypage{background-size:20%;}.cpage h4{text-align:center !important;margin-top:0px !important;}
}

@media (max-width:900px){.thanks{width: 80%;margin-left: auto;}}

@media(max-width:767px) {
	.wrapper {
		height: auto;
		display: block
	}

	.wrapper .image-holder {
		width: 100%;
		display: block;
		text-align: center;
	}

	.wrapper form {
		width: 100%
	}

	#wizard {
		    background: #fff;
		margin: 0;
		min-height: unset;
		padding: 20px 12px 40px;
	}
	#wizard button.btn.btn-next{
		text-align:center;
	}
div#timer {

    justify-content: center;
}

input.razorpay-payment-button {
    width: 100%;
    
}
.form-control {
	
	border: 1px solid #c5c4c4;
	background: #ffffff;
}


	.form-row.form-group {
		display: flex
	}
	.form-row {
    margin-bottom: 10px;
}

	.form-row.form-group .form-holder {
		width: 50%;
    margin-right: 15px;
		
	}

	.item .purchase {
		margin-left: 11px
	}
	label.hide{
		display:none;
	}
	.hide{
		display:none;
	}
fieldset {
    box-shadow: 0px 0px 4px 2px #e1e4e7;
}	
.conf form {
    box-shadow: 0px 0px 4px 2px #e1e4e7;padding-bottom: 20px;
}
.conf fieldset {
    box-shadow: 0px 0px 0px 0px #e1e4e7;
}	
/* .conf fieldset {
    padding-bottom: 50px;
} */

.form-row label {
    font-size: 13px;
	    margin-bottom: 3px;
}
input, textarea, select, button{
	font-size: 13px;
}
.conf #wizard {
    margin-right: 0;
    min-height: auto;
    position: relative;
}
.thanks .wrapper{display:flex;}
.thanks h3{font-size:20px;}.thanks p{font-size:16px;}


	
}

@media (max-width:700px){.thanksc{width:80%;margin-left:auto;}}

@media (max-width:480px){.hidem{display:none;}.mview{display:block;}body{background:transparent;}.rtime{align-items: center;}
#days,#hours,#minutes,#seconds{font-size:30px;}div#timer{gap: 15px 40px;}.home .wrapper .image-holder{padding-left:0px;}.conf #wizard{height:auto;}
.thanks{width:100%;}.thanks .wrapper{flex-wrap:wrap;padding-left:0px;}.thanks{height:auto;}.thanksc{width:100%;margin:100px auto 0px;padding:0px 20px;}
.form-control {
height: 34px;
}
.link a {
    padding-left: 0px;
    font-size: 12px;
    padding-right: 2px;
}
#wizard h4{
	margin-top:0;
	margin-bottom: 10px;
}
input.required.agree{
	    font-size: 11px;
}.cpage .cus p br{display:none;}.cpage #wizard{padding:20px 5px 20px 5px !important;}.policypage #wizard{padding:0px 15px 15px 15px !important;}
.home .wrapper form{min-height:auto;}.cpage footer,.thanks footer{position:fixed;bottom:0;width:100%;}
}

@media (max-width:380px){div#timer{gap: 15px 30px;}}

@media (max-width:340px){.cpage #wizard{padding:0px 5px 20px 5px !important;}}

 input[type="date"]:before {
    content: attr(placeholder) !important;
    color: #aaa;
    margin-right: 0.5em;
  }
  input[type="date"]:focus:before,
  input[type="date"]:valid:before {
    content: "";
  }