body{ font-family: 'Roboto', sans-serif; }
	#gate-id-header{ line-height:88px; height:88px;}
	a, a img{ outline:none !important;}
	a.contact-link{ color:#444;}
	a.contact-link:hover{ color:#db1818; text-decoration:none;}
	#gate-id-body{ background-image:url(../images/bg-768.jpg); background-repeat:no-repeat; background-position: center top; width:100%; padding-bottom:40px; }
	.button-3d {
		-webkit-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0);
		-moz-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0);
		box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding:7px 15px;
		background:#fff;
		color:#e90a0a;
		font-size:15px;
		text-decoration:none !important; 
		
	}
::-webkit-input-placeholder { 
  font-size: 14px!important;
  color: #c3c3c3;
}
::-moz-placeholder {
  font-size: 14px!important;
  color: #c3c3c3;
}
:-ms-input-placeholder { 
  font-size: 14px!important;
  color: #c3c3c3;
}
:-moz-placeholder {
  font-size: 14px!important;
  color: #c3c3c3;
}
	.button-3d:hover { position: relative; top: 1px;
		-webkit-box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 0.5), inset 0 0px 3px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 0.5), inset 0 0px 3px rgba(0, 0, 0, 0.3);
		box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 0.5), inset 0 0px 3px rgba(0, 0, 0, 0.3);
	}
	.button-3d:active { position: relative; top: 3px;
		-webkit-box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 0.9), inset 0 0px 3px rgba(0, 0, 0, 0.9);
		-moz-box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 0.9), inset 0 0px 3px rgba(0, 0, 0, 0.9);
		box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 0.9), inset 0 0px 3px rgba(0, 0, 0, 0.9);
	}
	.submit-bt-gate-id{ outline:none; border:none; background:#e5a200; color:#fff;}
	
	.submit-bt-gate-id.button-3d:hover { position: relative; top: 1px;
		-webkit-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0), inset 0 0px 3px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0), inset 0 0px 3px rgba(0, 0, 0, 0.3);
		box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0), inset 0 0px 3px rgba(0, 0, 0, 0.3);
	}
		.submit-bt-gate-id.button-3d:active { position: relative; top: 3px;
		-webkit-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0), inset 0 0px 3px rgba(0, 0, 0, 0.9);
		-moz-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0), inset 0 0px 3px rgba(0, 0, 0, 0.9);
		box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0), inset 0 0px 3px rgba(0, 0, 0, 0.9);
	}
	#heading-form-gate-id{ color:#fff; text-transform:uppercase; font-size:20px; }
	.gate-id-form .text-field{ display:block; height:50px; line-height:50px;  border-radius:3px; border:none; padding:0 20px; width:100%;}
	.form-checkbox-bt{ width:35px; height:15px; outline:none; margin-right:5px; display:inline-block; position:relative;}
	.form-checkbox-bt input[type="checkbox"] {
			visibility: hidden;
		}
		
	.form-checkbox-bt label::after {
	  -moz-border-bottom-colors: none;
	  -moz-border-left-colors: none;
	  -moz-border-right-colors: none;
	  -moz-border-top-colors: none;
	  background: none repeat scroll 0 0 transparent;
	  border-color: -moz-use-text-color -moz-use-text-color #5e88c2 #5e88c2;
	  border-image: none;
	  border-style: none none solid solid;
	  border-width: medium medium 2px 2px;
	  content: "";
	  height: 5px;
	  left: 3px;
	  opacity: 0;
	  position: absolute;
	  top: 3px;
	  transform: rotate(-45deg);
	  width: 9px;
	}
	.form-checkbox-bt label {
	  background: #fff;
	  border-radius: 3px;
	  border:1px solid #cbcbcb;
	  cursor: pointer;
	  height: 15px;
	  position: absolute;
	  top: 4px;
	  width: 15px;
	}
	@media (max-width: 767px) {
    .hidden-dn {display: block;text-align: center;}
}
	.form-checkbox-bt input[type="checkbox"]:checked + label::after {
		opacity: 1;
	}
	.lost-password-gate-id{ float:right;}
	.lost-password-gate-id,.lost-password-gate-id:hover{ color:#fff; text-decoration:none;}
	#gate-passport-logo img{  margin:0 auto; margin-top:29px; max-width:150px; }
	.gate-id-form{ margin-top:30px;}
	.gate-id-form .password-field{ border-top:1px solid #e4e4e4; border-radius:0 0 3px 3px;}
	.gate-id-form .id-field{ border-radius:3px; margin-bottom: 10px;}
	.submit-bt-gate-id{ width:100%; margin-top:20px; margin-bottom:20px;}
	#gate-is-status{ font-size:20px; color:#fff; text-align:center;}
	#sign-up-gate-id{ text-align:center; color:#fff;}
	#sign-up-gate-id p{ margin-bottom:22px;}
	#signup-box{ width:320px; margin:0 auto;  background:#fcfcfc; border-radius:3px; margin-top:40px; border:1px solid #e1e1e1; padding:0 15px;}
	#gate-id-body.gate-sign-up{background-image: url(../images/id-bg.jpg); background-position:center -302px;}
	#signup-box .gate-id-form{ margin-top:10px;}
	#signup-box .gate-id-form .text-field{ width:100%; border:1px solid #e1e1e1; border-radius:3px; margin-bottom:10px;}
	.signup-text-form{ font-size:18px; color:#444; text-align:left; margin-top:25px;}
	#signup-box{ padding-bottom:20px;}
	.gate-id-form .calen-field{ background:url(../images/calen.png) 241px center no-repeat; background-size:25px; padding-right:45px;}
	.ui-datepicker .ui-datepicker-title select{ color:#333;}
	#date-select select{ width:30%; height:50px; line-height:50px; padding-left:10px; margin-right:10px; position:relative;}
	.gender-box-check{ margin-top:10px; margin-bottom:10px;}
	#date-select select:last-child{ margin-right:0;}
	#signup-box .submit-bt-gate-id{ margin-top:0; display:block; width:100%;}
	.email-regis-link{ text-decoration:underline; color:#ca2a2a;}
	.email-regis-link:hover{ color:#801616;}
	#capcha-box{ clear:both; overflow:hidden;}
	#capcha-box input{ float:left ; clear:left; margin-right:10px;}
	#signup-box .gate-id-form #capcha-box input{ width:143px;}
	.error-resgis{ color:#ca2a2a;}
	.hasvalue{ background:#f7f7f7;}

	#signup-box.wellcome-screen{background: url(../images/wellcome2.png) center bottom no-repeat; background-size:100% auto; background-color:#fcfcfc ;}
	#signup-box.wellcome-screen #yourphone-number{ margin-top:239px;}
        #frm-update-phone-step1 #phone{ margin-top:239px;}
	                    .logout-bt{ background:#a2a2a2;}
					.logout-bt:hover{ background:#909090; transition:all 0.5s ease-out;}
					.lost-passord-bt{ color:#666; float:right; display:block; margin-top:10px; text-decoration:underline;}
					.lost-passord-bt:hover{ color:#835d00;}
					
	.strip-border.table th, .strip-border.table td { 
     border-top: none; 
 }	
 	.strip-border{ border:none !important;}
 .change-info{ color:#ca2a2a;}
 .change-info:hover{ color:hsla(359,100%,31%,1.00);}
 .ultimate-label{ position:relative;}
	.ultimate-label{ position:relative;}	
	.ultimate-label label{ display:block; position:absolute; top:0; float:left; height:48px; line-height:49px; padding-left:20px; font-weight:normal; color:#919191; opacity:1; display:none; }
	.lang-button.active img{ opacity:0.5;}
	
	.footer-nav{ border-bottom:1px solid #dddddd; overflow:hidden;}
	.footer-nav .navbar-nav > li > a{ color:#6d6d6d; background:none !important; font-size:12px;}
	.footer-nav .navbar-nav > li > a:hover, .footer-nav .navbar-nav > li > a:focus{ color:#ca2a2a;}
	.footer-info{ font-size:12px; color:#6d6d6d; line-height:22px;}
	#gate-is-status{ border-top:1px solid hsla(0,0%,72%,1.00); padding-top:20px;}
    /*==========  Mobile First Method  ==========*/
	
	

    /* Custom, iPhone Retina */ 
	    @media only screen and (max-width : 320px) {
			#signup-box{ width:100%;}

    }
	
    @media only screen and (min-width : 320px) {
		#gate-passport-logo{ display:block; margin-top:20px;}
		.gate-id-form .text-field
		#signup-box .gate-id-form #capcha-box input{ width:183px;}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		.gate-id-form .text-field, .submit-bt-gate-id{ margin:20px auto; width:320px; display:block; clear:both;}
		.submit-bt-gate-id{ margin-top:20px; margin-bottom:10px; display:inline-block; width:auto;}
		.lost-password-gate-id{ float:none; margin-left:10px;}
		.gate-id-form{ text-align:center;}
		#signup-box{ width:400px; padding:0 30px; padding-bottom:30px; }
		#signup-box .gate-id-form{ text-align:left;}
		#signup-box .submit-bt-gate-id{ width:auto; margin-left:0; margin-top:15px;}
		#signup-box .gate-id-form #capcha-box input{ width:243px;}
		.gate-id-form .calen-field{ background-position:299px center;}
		#signup-box.wellcome-screen{background: url(../images/wellcome.png) center bottom no-repeat; background-size:100% auto; background-color:#fcfcfc ;}
		#signup-box.wellcome-screen #yourphone-number{ margin-top:300px;}
                #frm-update-phone-step1 #phone{ margin-top:300px;}
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		#gate-id-body{ background-image: url(../images/id-bg.jpg); padding-bottom:0;}
		#gate-passport-logo{ margin-top:29px; display:block; text-align:center; max-width:none; float:left;}
		#gate-passport-logo img{ margin:0 auto;}
		#gate-id-body{ min-height:400px;}
		#sign-up-gate-id{ text-align:right; color:#fff;}
		#sign-up-gate-id p{ margin-bottom:20px;}
		#gate-is-status{ margin-top:143px; margin-bottom:5px; font-size:28px;}
		#heading-form-gate-id{ margin-top:60px;}
		.gate-id-form .text-field{margin-bottom:10px; margin-left:0;}
		.form-checkbox-bt{ margin-right:5px;}
		#gate-is-status{ text-align:right;}
		.gate-id-form .id-field, .gate-id-form .password-field{ border-radius:3px;}
		.gate-id-form{ text-align:left;}
		#signup-box{ width:480px; padding:0 30px; padding-bottom:30px; }
		#signup-box .gate-id-form #capcha-box input{ width:323px;}
		.logout-bt{  margin-left:10px;}
		.gate-id-form .calen-field{ background-position:380px center;}
				#signup-box.wellcome-screen #yourphone-number{ margin-top:400px;}
		#gate-is-status{ border-top:none; padding-top:0;}
                #frm-update-phone-step1 #phone{ margin-top:400px;}
    }	

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		.gate-id-form .text-field{ width:100%;}
		.wpcf7-form-control {width: 100%;}
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
		

    }

.loading {
    position: absolute;
    left: 50%;
    top: 35%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 999;
    background: none 0 0 repeat scroll rgba(255, 255, 255, 0);
    display: none;
}
#frm-error {
    color: #fff;
}
#frm-error-2 {
    margin-bottom: 20px;
    color: #ca2a2a;
}
.input-wrapper div {
    float: left;
    margin: 0 30px 10px 10px;
}
.input-wrapper input[type=radio] {
    position: absolute;
    display: none;
    top: 10px;
    left: 0;
}
.input-wrapper label {
    display: block;
    float: left;
    position: relative;
    cursor: pointer;
    background: url(../images/radio.png) no-repeat center center;
    width: 15px;
    height: 15px;
    position: relative;
    z-index: 9;
}
.input-wrapper input.male:checked~label.gender-label-1, .input-wrapper input.female:checked~label.gender-label-2 {
    background: url(../images/radio-checked.png) no-repeat center center;
}
a.tooltipp {outline:none; }
a.tooltipp:hover {text-decoration:none;} 
a.tooltipp span {
    text-align: center;
    z-index:10;
    display:none;
    margin-left:-42px;
    margin-top:-45px;
    padding-top: 7px;
    width:68px;
    height:36px;
    background: url('/assets/images/gateid_btn_hover@2x.png') no-repeat 0 0;
    color:#a6a6a6;
    font: 13px Arial;
}
a.tooltipp:hover span{
    display:inline; 
    position:absolute;
}
.register-notification-2 a {
    color: #ca2a2a;
    font-weight: bold;
    text-decoration: none;
}