.header-v2{
	height: auto!important;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out!important;
	-moz-transition: all 0.4s ease-in-out!important;
}

.lists-v1 i {
	color: #fff;
	width: 15px;
	height: 15px;
	padding: 1px;
	font-size: 13px;
	margin-right: 7px;
	text-align: center;
	background: #333!important;
	display: inline-block;
	border-radius: 50% !important;
}
.reg-header {
	margin-bottom: 0px!important;
}
.reg-header h2 {
	font-size: 20px!important;
	margin-bottom: 5px;
	margin-top: -10px;
}
.marleft10{
	margin-left: 10px;
}
.marleft20{
	margin-left: 20px;
}
.martop20{
	margin-top: 20px;
}
.g-color-white{
	color: #fff!important;
}
.radio input{
		width: 2em;height:2em;margin-top:-4px;
}
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
	position: absolute;
	margin-top: 4px \9;
	margin-left: -25px!important;		
}
#captcha{
	height: 35px;
}
.btn-u {
	font-family: 'Montserrat','Open Sans', sans-serif!important;
	border: 0;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	font-weight: 400;
	padding: 15px 15px;
	position: relative;
	background: #000;
	white-space: nowrap;
	display: inline-block;
	text-decoration: none;
}
.alert-white{
		color: #555;
		background-color: #fff;
		border-color: #fff;
		padding: 3em;
		font-size: 16px;
}
.sky-form .state-error + em {
	display: none;
	margin-top: 6px;
	padding: 0 1px;
	font-style: normal;
	font-size: 11px;
	line-height: 15px;
	color: #ee9393;
}
.sky-form .state-error input, .sky-form .state-error select, .sky-form .state-error select + i, .sky-form .state-error textarea, .sky-form .radio.state-error i, .sky-form .checkbox.state-error i, .sky-form .toggle.state-error i, .sky-form .toggle.state-error input:checked + i {
	background: #fff0f0;
}
.reg-page{
		box-shadow: 0.8em 1.3em 6em -1em!important;
}
select {
	   padding-top: 19px;
}

.sky-form .state-error + em {
	display: none;
	margin-top: 6px;
	padding: 0 1px;
	font-style: normal;
	font-size: 11px;
	line-height: 15px;
	color: #ee9393;
}
.sky-form .state-error input, .sky-form .state-error select, .sky-form .state-error select + i, .sky-form .state-error textarea, .sky-form .radio.state-error i, .sky-form .checkbox.state-error i, .sky-form .toggle.state-error i, .sky-form .toggle.state-error input:checked + i {
	background: #fff;
}
em{
	color: red;	
	font-size: 15px;
	position: absolute;	
	z-index: 99;
	height: 30px;
	margin-bottom: 10px;
	font-weight: 500;
}

em[for=captcha]{
	color: red;	
	font-size: 15px;
	position: absolute;	
	z-index: 99;
	height: 30px;
	margin-bottom: 10px;
	top: 40px;
}

em.help-inline{
	font-size: 15px;
	position: absolute;
	top: 65px;
	right: 90px;
	z-index: 99;
	height: 30px;
	margin-bottom: 10px;
}
em.help-inline[for=email]{
	font-size: 15px;
	position: absolute;
	top: 65px;
	right: 30px;
	z-index: 99;
	height: 30px;
	margin-bottom: 10px;
	width:265px;
}
em.help-inline[for=captcha]{
	font-size: 15px;
	position: absolute;
	top: 40px;
	right: 30px;
	z-index: 99;
	height: 30px;
	margin-bottom: 10px;
	width:265px;
}

.introtext{
	color:#00aeef !important;
	text-align:left;
	font-size:20px;
	padding-bottom:10px;
	font-weight: 600;
}	

.phonename{
	font-size:30px!important;		
}

.preorderform h1 {
    font-size: 26px!important;
    font-weight: 800;
    margin-bottom: 15px!important;
}

.btn-send {
    color: #fff;
    background-color: #00aeef!important;
}

.btn-send:hover {
    border-color: #00aeef;
    color: #fff;
	background-color:transparent!important;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.fade.in{opacity:1}

.customradio {
    width: 30px;
    height: 30px;
}

/* input[type='radio']:before {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	top: 0px;
	left: 0px;
	position: relative;
	background-color: #ffffff;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 1px solid #000000;
}

input[type='radio']:checked:before {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	top: 0px;
	left: 0px;
	position: relative;
	background-color: #ec0087;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 1px solid #000000;
} */

em[for=category]{
	color: red;	
	font-size: 15px;
	position: absolute;	
	z-index: 99;
	height: 30px;
	margin-bottom: 10px;
	top: 40px;
	width: 230px;
	left: -5px;
}

.recaptcha-wrapper {
    transform: scale(1.11); /* Increase size */
    transform-origin: 0 0;
}

@media (max-width: 959.95px){
	
}	

@media (min-width:768px) and (max-width:991px){	
	em[for=category]{
		color: red;	
		font-size: 15px;
		position: absolute;	
		z-index: 99;
		height: 30px;
		margin-bottom: 10px;
		top: 40px;
		width: 230px;
		left: -5px;
	}	
	.recaptcha-wrapper {
		transform: scale(1.02); /* Increase size */
		transform-origin: 0 0;
	}
}
@media (max-width: 767px){
	.mob{
		display:none;
	}
	.bgimg{
		background:none!important;			
	}
	.contentxs{
		padding-top: 0px!important;
		padding-bottom: 0px!important;
	}
	.phonename{
		font-size:28px!important;		
	}
	em[for=category]{
		color: red;	
		font-size: 15px;
		position: absolute;	
		z-index: 99;
		height: 30px;
		margin-bottom: 10px;
		top: 90px;
		width: 230px;
		left: -5px;
	}	
	.introtext{
		color:#00aeef !important;
		text-align:left;
		font-size:20px;
		padding-bottom:10px;
		font-weight: 600;
	}
	.reg-header {
		margin-bottom:0px!important;
	}
	.pickuppoint{
		color: #00aeef !important;
		text-align: left;
		font-size: 20px!important;
		padding-bottom: 10px;
		font-weight: 500!important;
	}	
	.recaptcha-wrapper {
		transform: scale(1.0); /* Increase size */
		transform-origin: 0 0;
	}
	.onmobi{
		max-width:300px;
	}	
}	
@media (max-width: 320px){
	em[for=category]{
		color: red;	
		font-size: 15px;
		position: absolute;	
		z-index: 99;
		height: 30px;
		margin-bottom: 10px;
		top: 90px;
		width: 230px;
		left: -5px;
	}	
	.recaptcha-wrapper {
		transform: scale(0.8); /* Increase size */
		transform-origin: 0 0;
	}
}	


/*new*/

.title_preorder{
	color:white;
}

.preorder-itemimg {
	background-image: url('https://imgcdn.myt.mu/everywhere-bg02.png');
	background-size: cover;
	background-repeat: no-repeat;
}

/* === Text Input === */
input[type="text"] {
  border: 2px solid #00aeef; /* default blue */
  padding: 8px;
  border-radius: 4px;
  background-color: #fff;
  color: #000;
  transition: border-color 0.2s, box-shadow 0.2s;
}

/* Hover (light blue) */
input[type="text"]:hover {
  border-color: #66B2FF;
}

/* Focus (darker blue) */
input[type="text"]:focus {
  border-color: #0056b3;
  box-shadow: 0 0 5px rgba(0, 86, 179, 0.4);
}

/* Active (navy) */
input[type="text"]:active {
  border-color: #003f7f;
}

input[type="email"] {
  border: 2px solid #00aeef; /* default blue */
  padding: 8px;
  border-radius: 4px;
  background-color: #fff;
  color: #000;
  transition: border-color 0.2s, box-shadow 0.2s;
}

/* Hover (light blue) */
input[type="email"]:hover {
  border-color: #66B2FF;
}

/* Focus (darker blue) */
input[type="email"]:focus {
  border-color: #0056b3;
  box-shadow: 0 0 5px rgba(0, 86, 179, 0.4);
}

/* Active (navy) */
input[type="email"]:active {
  border-color: #003f7f;
}

/* === Select (Dropdown) === */

form select {
  border: 2px solid #00aeef !important;
}

select {
  appearance: none;
  -webkit-appearance: none; /* Safari */
  -moz-appearance: none;    /* Firefox */
  
  border: 2px solid #00aeef;
  padding: 8px 40px 8px 8px; /* extra right padding for arrow */
  border-radius: 4px;
  background-color: #fff;
  color: #000;
  transition: border-color 0.2s, box-shadow 0.2s;
  
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23000" height="12" viewBox="0 0 24 24" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 30px;
}

/* Hover (light blue) */
select:hover {
  border-color: #66B2FF;
}

/* Focus (darker blue) */
select:focus {
  outline: none;
  border-color: #0056b3;
  box-shadow: 0 0 5px rgba(0, 86, 179, 0.4);
}

/* Active (navy) */
select:active {
  border-color: #003f7f;
}

/* === Radio Button === */

@media (min-width:768px) and (max-width:991px){	
	.preorder-itemimg {
		background-image: url('https://imgcdn.myt.mu/everywhere-bg02.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top;
		height:350px;
	}
}
@media (max-width: 767px){
	.preorder-itemimg {
		background-image: url('https://imgcdn.myt.mu/everywhere-bg03-v1.png');
		background-size: cover;
		background-repeat: no-repeat;
	}
}

.g-bg-custom{
   background-color:#323232;	
}