﻿html {
	overflow-x:hidden;
	-webkit-font-smoothing:antialiased;
    touch-action : manipulation;
}

body{
    font-family: Microsoft YaHei,Montserrat, Arial, sans-serif;
	color:#333;
	font-size:14px;
	line-height:16px;
	font-weight:300;
}
/*body.body-header-transparent {
    background:url("/images/oslRB.png");
    background-repeat:repeat;
}*/
img {
	width:auto;
	height:auto;
	max-width:100%;
	vertical-align:middle;
	border:0px;
	-ms-interpolation-mode:bicubic;
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], .ie input[type="range"], .ie9 input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea {
	height:42px;
	/* font-family: Microsoft YaHei,Montserrat, Arial, sans-serif; */
	color: #000;
	font-size:12px;
	font-weight:300;
	padding:0px 20px;
	border:1px solid #e9e9e9;
	outline:none !important;
	border-radius:3px;
	box-shadow:inset -2px 2px 2px rgba(0,0,0,.05);
}
.ie input[type="color"], .ie input[type="date"], .ie input[type="datetime"], .ie input[type="datetime-local"], .ie input[type="email"], .ie input[type="month"], .ie input[type="number"], .ie input[type="password"], .ie input[type="range"], .ie input[type="search"], .ie input[type="tel"], .ie input[type="text"], .ie input[type="time"], .ie input[type="url"], .ie input[type="week"] { line-height:48px; }

.btn-custom, input[type="button"], input[type="submit"], input[type="reset"], button {
	/* font-family: Microsoft YaHei,Montserrat, Arial, sans-serif; */
	color:#FFF !important;
	font-size:14px;
	/*line-height:50px;*/
	text-align:left;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.5px;
	white-space:nowrap;
	background-color:#f7901d;
	padding:8px 30px;
	border:2px solid #f7901d;
	outline:none !important;
	border-radius:3px;
	-webkit-transition:color .2s ease, background .2s ease, border .2s ease, opacity .2s ease-in-out;
	transition:color .2s ease, background .2s ease, border .2s ease, opacity .2s ease-in-out;
}

#header .header-content4 { text-align:center; }
#header .header-content4 .header-content-title { text-align:center; }
#header.header-transparent .header-content4 .header-content-overlay {
    padding-top: 80px;
}
#header .header-content4 .header-content-title h1{
    color: #f7901d;
    text-shadow: 2px 2px 5px #f1d2ab;
    font-size: 20px;
    line-height: 5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0px;
}

	#header .header-content4 .header-content-btn {
		line-height:0;
		margin-bottom:60px;
	}
#header .header-content4 .header-content-form form input[type="text"], #header .header-content4 .header-content-form form input[type="email"] {
    border: solid 1px #f7901d;
    border-left-color: rgb(233, 233, 233);
    border-left-style: solid;
    border-left-width: 1px;
    border-radius: 0px 10px 10px 0px;
    background-color: white;
    width: 100%;
}
*#header .header-content4 .header-content-form form img {
    border: solid 1px #f7901d;
    border-left-color: rgb(233, 233, 233);
    
    border-radius: 0px 10px 10px 0px;
    border-top: 1px solid orange;
    border-bottom: 1px solid orange;
    font-style: italic;

}
/*#header .header-content4 .header-content-form form a {
    border: solid 1px #f7901d;
    border-left-color: rgb(233, 233, 233);
    background-color: white;
    padding: 1em 1.5em;

    border-top: 1px solid orange;
    border-bottom: 1px solid orange;
    font-style: italic;
}*/
#header .header-content4 .input-group {
    padding: 2px 5px;
}

#header .header-content4 #login {
    border: none;
    border-radius: unset;
    box-shadow: none;
}

	#header .header-content4 .header-content-form {
		overflow:hidden;
		position:relative;
		max-width:800px;
		/*background-color:#FFF;*/
        background-color: none;
        background-color: transparent;
		padding:30px 40px;
		margin:80px auto 0px;
	}
 #header .header-content4 .header-content-form .header-form-heading {
			font-size:18px;
			line-height:26px;
			font-weight:700;
			text-transform:uppercase;
			letter-spacing:.5px;
			margin-bottom:20px;
		}
			#header .header-content4 .header-content-form .header-form-heading strong { color:#00d27f; }
		#header .header-content4 .header-content-form form {
			border:1px solid #e9e9e9;
			border-radius:3px;
			box-shadow:inset 2px 2px 2px rgba(0,0,0,.05);
		}
		#header .header-content4 .header-content-form form:before, #header .header-content4 .header-content-form form:after {
			display:table;
			content:'';
		}
		#header .header-content4 .header-content-form form:after { clear:both; }
			#header .header-content4 .header-content-form form .form-col-input {
				float:left;
				width:38%;
			}
			#header .header-content4 .header-content-form form .form-col-submit {
				float:right;
				position:relative;
				width:24%;
				height:50px;
			}
 
			#header .header-content4 .header-content-form form .form-col-input:first-child input[type="text"], #header .header-content4 .header-content-form form .form-col-input:first-child input[type="email"] { border-left:0px; }
			#header .header-content4 .header-content-form form input[type="text"].error, #header .header-content4 .header-content-form form input[type="email"].error {
				color:#f58181;
				background-color:#f9d4d4;
				box-shadow:none;
			}
			#header .header-content4 .header-content-form form input[type="text"].error::-webkit-input-placeholder, #header .header-content4 .header-content-form form input[type="email"].error::-webkit-input-placeholder { color:#f58181; }
			#header .header-content4 .header-content-form form input[type="text"].error:-moz-placeholder, #header .header-content4 .header-content-form form input[type="email"].error:-moz-placeholder { color:#f58181; }
			#header .header-content4 .header-content-form form input[type="text"].error::-moz-placeholder, #header .header-content4 .header-content-form form input[type="email"].error::-moz-placeholder { color:#f58181; }
			#header .header-content4 .header-content-form form input[type="text"].error:-ms-input-placeholder, #header .header-content4 .header-content-form form input[type="email"].error:-ms-input-placeholder { color:#f58181; }
			#header .header-content4 .header-content-form form input[type="text"]:disabled, #header .header-content4 .header-content-form form input[type="email"]:disabled {
				background-color:#e9e9e9;
				box-shadow:none;
			}
			#header .header-content4 .header-content-form form input[type="submit"] {
				position:absolute;
				top:-1px;
				right:0px;
				bottom:-1px;
				width:100%;
				text-align:center;
				padding-right:0px;
				padding-left:0px;
				border-radius:0px 3px 3px 0px;
			}
		#header .header-content4 .header-content-form .text-desc {
			color:#333;
			font-size:13px;
			line-height:20px;
			text-align:center;
			margin:15px 0px 0px;
		}
			#header .header-content4 .header-content-form .text-desc a {
				color:#777;
				font-weight:400;
			}
			#header .header-content4 .header-content-form .text-desc a:hover { color:#333; }


#header .header-content4 .input-group-addon:first-child {
    border-right: 0;
    border-radius: 10px 0px 0px 10px;
    background-color: #FFC107;
    border: 1px solid #FF9800;
}

 


#header .header-content4 .header-content-form form input[type="submit"] {
	position:absolute;
	top:-1px;
	right:0px;
	bottom:-1px;
	width:100%;
	text-align:center;
	padding-right:0px;
	padding-left:0px;
	border-radius:0px 3px 3px 0px;
}
 

/*#header .header-content-title h1::before{
 
    position: absolute  ;
    content: " ";
    width: 50%;
    height: 2px;
    background-color: #FF9800;
   
}
#header .header-content-title h1::after{
 
    position: absolute  ;
    content: " ";
    width: 50%;
    height: 2px;
    background-color: #FF9800;
   
}*/

.intl-tel-input {
    width: 100%;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
 
    padding-left: 0px !important;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel]{
    border: solid 1px #f7901d;
    border-left-color: rgb(233, 233, 233);
    border-left-style: solid;
    border-left-width: 1px;
    border-radius: 0px 10px 10px 0px;
    background-color: white;
}


.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkCode {
    border-top: 1px solid orange;
    border-bottom: 1px solid orange;
    font-style: italic; 
    color: Red; box-shadow:none;
}


/*disable Country flag */
.iti-flag {
    height: 14px;
    background-position: -2171px 0px;
    display: none;
}

.appendAccount{
    margin-top:20px;
}

.sep-border-icon {
	position:relative;
	height:15px;
	max-width:540px;
	margin:0px auto;
}
.sep-border-icon:before, .sep-border-icon:after {
	position:absolute;
	top:5px;
	height:1px;
	background-color:#FF5722;
	content:'';
}
.sep-border-icon:before {
	right:70%;
	left:0px;
	margin-right:30px;
}
.sep-border-icon:after {
	right:0px;
	left:70%;
	margin-left:30px;
}

#CaptchaImage{
    width:50%;
}

@media (max-width: 991px){
    
    #header .header-content4 .header-content-overlay { padding:80px 0px; }
	#header.header-transparent .header-content4 .header-content-overlay { padding-top:80px; }
	#header .header-content4 .header-content-btn { margin-bottom:20px; }
	#header .header-content4 .header-content-form {
		padding:30px;
		margin-top:60px;
	}
    
    #header .header-content4 .header-content-btn .logo {max-height:60px;}
}


@media (max-width: 767px){
    #header.header-transparent .header-content4 .header-content-overlay {
        padding-top: 5px;
    }
    #header .header-content4 .header-content-form {
		max-width:480px;
		margin-top:40px;
	}
    #header .header-content4 .header-content-form form input[type="submit"] {
		position:static;
		top:auto;
		right:auto;
		bottom:auto;
		border-radius:3px;
	}
}

@media (max-width: 400px){
    #header .header-content4 .header-content-form { padding:5px; }
}


.border-line{
    border:1px solid black; 
    height: 15px; 
    border-color: coral; 
    border-right-style: hidden; 
    border-bottom-style: hidden; 
    border-left-style: hidden;
}
#BtnSendOTP {
	display: inline-block;
	padding: 12px 8px;
	background-color: #F7901E;
	border-color: #F7901E;
	color: #ffffff;
	margin: 0 5px;
	border-radius: 5px;
	cursor: pointer;
	width: 115px;
	text-align: center;
}

	#BtnSendOTP.off {
		opacity: 0.8;
		background-color: #CCCCCC;
		cursor: not-allowed;
	}