@font-face {
    font-family: 'GothamBold';
	src: url('./fonts/Gotham-Bold.eot');
	src: url('./fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/Gotham-Bold.ttf') format('truetype'),
	     url('./fonts/GothamHTF-Book.otf') format('opentype');
   	font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamBook';
	src: url('./fonts/Gotham-Book.eot');
	src: url('./fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/Gotham-Book.ttf') format('truetype'),
	     url('./fonts/GothamHTF-Book.otf') format('opentype');
    font-style: normal;
}
@font-face {
    font-family: 'GothamBlack';
	src: url('./fonts/Gotham-Black.eot');
	src: url('./fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/Gotham-Black.ttf') format('truetype'),
	     url('./fonts/GothamHTF-Black.otf') format('opentype');
    font-style: normal;
}

body
{
margin:0; padding:0; 
background-color: #EBEBEB;
}


.dropbtn {
  background-color: #f00;
  color: white;
  padding: 10px;
  font-size: 10px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #f00;}


.welcome{
	font:25px 'GothamBook',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.intellect-power{
	font:36px 'GothamBlack',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;
	color:#fff;
	text-align:right;
}
.global{
	font:36px 'GothamBlack',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;
	color:#333;
	text-align:right;
	border-bottom:2px solid #333;
}
.banking{
	font:22px 'GothamBook',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;
	color:#333;
	text-align:right;
}
.helpdesk {
	font:13px 'GothamBook',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;
	color:#999;
}
.lable {
	font:13px 'GothamBold',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;
	color:#333;
}
.footer{
	font:11px 'GothamBold',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;
	color:#333;
	padding-top: 10px;
	padding-bottom: 20px;
}
#mandatory {
    color: #F00 !important;
	font:13px 'GothamBold',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;
}




.forgot-password{
	font:12px 'GothamBold',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif !important;
	color:#996699 !important;
	position: relative;
	top: 2px;
}
.email{
	font:13px 'GothamBold',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif !important;
	color:#996699 !important;
}


/*fontawesome starts*/

.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3{
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 15px;
}

.fontawesome-icon-list .fa-hover a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #996699 !important;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    border-radius: 4px;
}
a {
   color: #996699 !important;
    text-decoration: none;
	font-size: 14px !important;
}
.fontawesome-icon-list .fa-hover a .fa {
    width: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}
.fontawesome-icon-list .fa-hover a .fa {
    width: 32px;
    font-size: 14px !important;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}

/*fontawesome ends*/



.shadow-box{
	width:1160px;
	margin:auto;
	height:349px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%;
}
.tm{font-size: 12px;
position: relative;
bottom: 5px;
left: 2px;
}
.tm1{font-size: 12px;
font-size: 10px;
position: relative;
bottom: 4px;
font-weight: bold;
}

.shadow-left{
width: 332px;
box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.35);
height: 350px;
}



/* Branding Change -Start */
@font-face {
    font-family: 'DinProMedium';
	src: url('./fonts/DINPro-Medium_13936.eot');
	src: url('./fonts/DINPro-Medium_13936.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/DINPro-Medium_13936.ttf') format('truetype'),
	     url('./fonts/DINPro-Medium_13936.otf') format('opentype');
    font-style: normal;
}
@font-face {
    font-family: 'DinProBlack';
	src: url('./fonts/DINPro-Black_13933.eot');
	src: url('./fonts/DINPro-Black_13933.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/DINPro-Black_13933.ttf') format('truetype'),
	     url('./fonts/DINPro-Black_13933.otf') format('opentype');
    font-style: normal;
}
@font-face {
    font-family: 'DinProRegular';
	src: url('./fonts/DINPro-Regular_13937.eot');
	src: url('./fonts/DINPro-Regular_13937.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/DINPro-Regular_13937.ttf') format('truetype'),
	     url('./fonts/DINPro-Regular_13937.otf') format('opentype');
    font-style: normal;
}
@font-face {
    font-family: 'DinProLight';
	src: url('./fonts/DINPro-Light_13935.eot');
	src: url('./fonts/DINPro-Light_13935.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/DINPro-Light_13935.ttf') format('truetype'),
	     url('./fonts/DINPro-Light_13935.otf') format('opentype');
    font-style: normal;
}

#container{
width:1280px;
margin-left:auto;
margin-right:auto;
background-color: #fff !important;
}
.equity_logo {
    background-image: url(../images/equity_logo.png);
    background-repeat: no-repeat;
    background-position: left 0px;
   	height: 70px;
    margin-left: 20px;
    padding-bottom: 10px;
    position: relative;
    top: 5px;
}
.iportal-header {
    background-image: url("../images/login-border-bg.png");
    background-repeat: repeat-x;
	position: relative;
	padding: 1px 0px;
	height: 1px;
}
.login-bg{
  /*  background-image: url("../images/login-bg.jpg"); */
   background-image: url("../images/Log-In.png"); 
	width:1280px;
	height:508px;
}

#container .textbox{
	font:12pt 'DinProRegular',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;
	height:45px; 
	color:#9d4e27;
	width:50px;
	background-color:#DFD4C3;
    border:1px solid #EFEAE2;
    border-radius:1px;
    padding-left:5px;
}
#container .inputmidmoddemo{
	border:0px; 
	width:168px; 
	background-color: #DFD4C3;
	color:#9d4e27;
	font-weight: bold;
    font: 10pt 'DinProRegular',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;
    margin-left:10px;
}

#container .refesh{
float:right;
height:43px;
width:44px;
background-color: #ffffff;
border-left:1px solid #f0e6e0;
}

#container .refesh a{
position: relative;
top: 14px;
left: 12px;
}

#container .container{
position: relative;
top: 45px;
}




#container .login-btn ,#container .reg-btn ,#container .forgot-password-btn{
	font:10pt 'DinProRegular',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif !important;
	background-color: #ffffff;
	margin: 0;
	outline: 0;
	padding: 6px 14px 4px;
	transition: all .1s linear;
	text-align:center;
	color: #333;
	border: 0;
	height:20px;
	border-radius:3px;
	box-shadow: 0 4px 0 #bbb0aa;
	cursor: pointer;
}


#container .login-btn:active ,#container .reg-btn:active ,#container .forgot-password-btn:active {
  box-shadow: 0 2px 0 #bbb0aa;
  transform: translateY(2px);
}


#container .login-btn {
	width:70px;
}
#container .reg-btn {
	width:58px;
}
#container .forgot-password-btn {
	width:122px;
}


#container input:focus{
    outline: 0;
}


#container .header{
  background: transparent url("../images/uparrow.png") no-repeat scroll 311px 15px;
  cursor:pointer;
}

#container .collapsed .header{
  background: transparent url("../images/downarrow.png") no-repeat scroll 311px 15px;
}

#container .content{
overflow: hidden;
position: relative;
z-index: 999999;
margin-left: 60px;
position:absolute;
width:470px;
height:305px;
border:1px solid #F4B454;
background-color:#D2C6B4;
border-radius:8px;
}
#container .collapsed .content{
  min-height:0px;
  height:0px;
}

#container .reg-btn a, #container .login-btn a ,#container .forgot-password-btn a{
	font:10pt 'DinProRegular',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif !important; 
	color:#110000 !important;
	font-weight: bold !important;
	
}

#container .preventDrag{
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#container .login_mid {
height:333px;
}


#container .login_mid_Bo {
background-image:url(../images/login_mid_bo.gif);
background-position:top left;
background-repeat:no-repeat;
}



#container .login_mid_reg {
background-image:url(../images/login_mid_register.gif);
background-position:top left;
background-repeat:no-repeat;
height:335px;
}


#container .login_username {
font-size:12px;
color:#000;
font-weight:bold;
}
#container .inputmidbg {
height:34px;
border:1px solid #eaeaea;
color:#333;
}
#container .inputmid{

    height: auto;
    background: none repeat scroll 0 0 transparent;
    border: 0px;
    color: #9d4e27;
    font-weight: bold;
    font: 10pt 'DinProRegular',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;
    width: 280px;
    left: 12px;
    top: 8px;
    position: relative;

}
#container .openacc{
	background: none repeat scroll 0 0 transparent;
	color:#ffffff;
	border:0 none !important;
	padding-top: 2px; 
	cursor : pointer;
	padding-bottom: 2px; 
	padding-left: 4px;
	text-decoration:underline;
	float:left;
	text-align:left;
}
#container .fillBG {
    position: relative;
    top: -8px;
    left: -27px;
    z-index: 10;
    width: 50px;
    height: 200px;
    background-color: #9d4e27;
    font-size: 24px; 
}

#container .ficon {
    position: relative;
    left: 5px;
    top: 7px;
}


/* Branding Change -End */




 /*Eq change */

.car{background-color:#fff;
	width:100%;
height: 100px;
    padding-top: 20px;
    }

.slick-slider .slide img {
    display: block;
    margin: auto !important;
}
.slick-initialized .slide {
    display: block;
    text-align: center !important;
}
.slick-slider {
    margin: 0px auto 8px !important;
}
.multiple a{
font: 12px "DinProLight",Verdana,Geneva,Arial,Helvetica,sans-serif !important;
color:#000 !important;
border-width:0;
}

.footer{
	font: 7pt "DinProLight",Verdana,Geneva,Arial,Helvetica,sans-serif !important;
	background-color: #6c6c61;
	width: 100%;
	color:#fff;
	text-align: center;
	padding: 1px 0px 10px 0px;
}
.footer-link{
font: 18pt "DinProLight",Verdana,Geneva,Arial,Helvetica,sans-serif !important;
	background-color: #6c6c61;
	width: 100%;
	color:#fff;
	text-align: center;
	padding: 1px 0px 1px 0px;
}

.footer-link  li {
  display: inline;
}
.footer-link ul{
margin-top:5px;	
}	

.footer-link li a{
font: 9pt "DinProLight",Verdana,Geneva,Arial,Helvetica,sans-serif !important;

  color:#fff !important;
    top: -5px;
    position: relative;
}
.footer-link  li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "  |  ";
}
.footer-link  .active {
  color: #777;
}

hr {
height:1px;
border:none;
color:#48483f;
background-color:#48483f;
    width:75%;
	margin-top:-20px; 
}

#verisign{height:70px;}
.imgco{height: 50px; 
border-width:0;}
.tel{color:#9d4e21; font-size:14px; font-weight:bold;height:48px;top:-10px;position: relative;}

#loginTitle{
position: relative;
    top: 25px;
    left: 60px;
    font: 30pt 'DinProBlack',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;
    color: #9d4e27;
}
.quesBg{
    background-image: url('../images/questionbg.png');
    background-repeat: no-repeat;
    background-position: center;
}
.lable{
   font: 10pt 'DinProMedium',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;
}


/* Virtual Key Board*/

/*.imp-txt{color:#8a929f; font-size:13px;}
.pTop10{padding-top:10px;}
.copyrights{text-align: center; color: #fff;}
::-webkit-input-placeholder { 
  color: #fff !important;
}
::-moz-placeholder { 
   color: #fff !important;
}
:-ms-input-placeholder { 
   color: #fff !important;
}
:-moz-placeholder { 
   color: #fff !important;
}
.forgotid{position: relative; top: 5px; font-size:11px !important;}
@media all and (-ms-high-contrast:none)
 {
 *::-ms-backdrop, .imp-txt{color:#8a929f; font-size:11px;}
 }


.virtual {
 
		padding-left:32px;
}
label.virtualtext {
    color: #fff;
    border: none;
}
input#virtualkeyboard {
    position: relative;
    top: 4px;
}*/

.loginkeyboard_hldr {
    z-index: 1;
    position: absolute;
    left: 591px;
    top: 220px; 
}
td.keyboardtblenb {
	background: none repeat scroll 0 0 #f1e5c4 !important;
	color: #232a6e; 
	cursor: pointer;
	padding: 0 2px !important;
	text-align: center;
	vertical-align: middle;
	width: 30px !important;
	font-weight: bold !important;
	border-radius: 4px;
	font-size: 15px !important;
	margin: 5px;
	border: 3px solid #ad9450;
	height: 30px !important;
}
/*.keyboardtbl {
    background-color: #fff;
    color: #232a6e;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    FONT: 75% Arial, Helvetica, sans-serif;
    PADDING-TOP: 0px;
}

.keyboardtbldis {
	font:11px 'DinProMedium',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;
	border:transparent;
    text-align: center;
    padding:0;
    background-color: #fff;
    color: #ccc;
    vertical-align: middle;
    font-weight: bold;
	}
.keyboardtblenb {
	font:11px 'DinProMedium',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;
    background: none repeat scroll 0px 0px #fff !important;
    cursor: pointer;
    font-weight: bold;
    padding:0;
    text-align: center;
    vertical-align: middle;
	border:transparent;
	color: #333;
}
.keyboardtbl td.keyboardtbldis{width:24px; height:22px; font:11px 'BlissProBold',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;}
.keyboardtbl td.keyboardtblenb{width:24px; height:22px; font:11px 'BlissProBold',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;}
.keyboardtbl{font:11px 'DinProMedium',Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;}

#popup {
	width: 360px;
	position: absolute;
	color: #000000;
	background-color: #ffffff;	
	top: 150%;
	left: 50%;
	margin-top: -100px;
	margin-left: -150px;
	z-index: 999;
}
*/