/*Stylesheet For Indian Overseas Bank
*/
@media (min-width: 1920px) {
	
	html {
		font-size: 18px !important;
		min-height: 100%;
	}
	#page-wrapper{
		min-height: 100%;
    	/* position: relative; */
	}
	#mobile-page-wrapper{
		min-height: 100%;
    	position: relative;
	}
	.container {
	    max-width: 1550px;
	}
	.special-menu li {
		background: url('../images/spl-menu-bg.png') no-repeat center left;
		background-size:contain;
	}
	.special-menu li:hover{
		background: url('../images/spl-menu-bg-hover.png') no-repeat center left;
		background-size:contain;
	}
	.special-menu li a {
		font-size: 16px!important;
		padding:2px 12px !important;
	}
	.special-menu li a img{width:22px;}
	.fund-instruct li {
		background: url(../images/fa-angle-right.png) no-repeat 0% 10px!important;
		background-size:12px!important;
		font-size:1.25em;
	}
	#main-menu ul.menu>li>a, .text-white, #footer .bottom .footerlogo,
		#footer .copyright p, .btn-group-sm>.btn, .btn-sm, .login.alert,
		.orange-grad a, .blue-grad a, .green-grad a, .yellow-grad a,
		.type-wrap, .keyboard-button, .keyboard-button:hover {
		font-size: 16px!important;
	}
	.alert-box-border h6 {
		font-size: 1rem!important;
		font-weight: bold!important;
	}
	#header .topnav ul.quick-menu>li>a, #mobile-header .topnav ul.quick-menu>li>a {
		font-size: 1.25em!important;
	}
	.bg-blue {
		height: 50px!important;
	}
	.jumbotron h6.text-white {
		font-size: 28px!important;
		font-weight:bold;
	}
	.right-section ul li a {
		width: 370px!important;
	}
	.right-section ul li a span {
		font-size: 18px!important;
		line-height: 50px!important;
		width:300px!important;
	}
	.right-section ul li {
		min-width: 70px;
		height: 60px;
		margin-bottom: 2px!important;
	} 
	.right-section ul li:hover {
		width: 370px!important;
	}
	#main{
	    margin-top: 75px!important;
	   /*  min-height: 680px; */
	}
	.ticker-title, h3 {
		font-size: 14px!important;
	}	
	ul.registration-list a, p, ul.triangle {
	    font-size: 18px!important;
	}
	ul.registration-list img.fa{
		width: 18px;
	    padding: 0;
	}
	.keyboard-button img.far{
		width: 26px;
	    padding: 0;
	    margin-top: -5px;
	}
	.twitter:before {
		/* content: url(../images/icon_twitter.png) !important; */
		background-image: url('../images/icon_twitter.png');
	    background-size: 60px 57px;
	    display: inline-block;
	    width: 50px; 
	    height: 50px;
	    content:""!important;
	}
	.pension:before {
		/* content: url(../images/pension-large.png) !important; */
		background-image: url('../images/pension.png');
	    background-size: 60px 57px;
	    display: inline-block;
	    width: 50px; 
	    height: 50px;
	    content:""!important;
	}
	.pencil-alt:before {
		/* content: url(../images/fa-pencil-alt-large.png)!important; */
		background-image: url('../images/fa-pencil-alt.png');
	    background-size: 60px 57px;
	    display: inline-block;
	    width: 50px; 
	    height: 50px;
	    content:""!important;
	}
	.window-restore:before {
		/* content: url(../images/fa-window-restore-large.png) !important; */
		background-image: url('../images/fa-window-restore.png');
	    background-size: 60px 57px;
	    display: inline-block;
	    width: 50px; 
	    height: 50px;
	    content:""!important;
	}
	.check-circle:before {
		/* content: url(../images/fa-check-circle-large.png) !important; */
		background-image: url('../images/fa-check-circle.png');
	    background-size: 60px 57px;
	    display: inline-block;
	    width: 50px; 
	    height: 50px;
	    content:""!important;
	}
	.gavel:before {
		/* content: url(../images/fa-gavel-large.png) !important; */
		background-image: url('../images/fa-gavel.png');
	    background-size: 60px 57px;
	    display: inline-block;
	    width: 50px; 
	    height: 50px;
	    content:""!important;
	}
	.shield-alt:before {
		/* content: url(../images/fa-shield-alt-large.png) !important; */
		background-image: url('../images/fa-shield-alt.png');
	    background-size: 60px 57px;
	    display: inline-block;
	    width: 50px; 
	    height: 50px;
	    content:""!important;
	}
	.modal-title {
	    font-size: 20px!important;
	    font-weight:bold;
	}
	.red-content{
		padding: 5%!important;
	}	
	.alert-box-border{padding:8px 0!important;}
	.col-md-6.red-box {
	    max-width: 49%!important;
	    -ms-flex: 0 0 49%!important;
	    flex: 0 0 49%!important;
	}
	.right-fix-section{margin-top: 200px;!important}
	.red-content h3{font-size:28px!important;}
	.title h2{	font-size: 25px!important;}
	.list-group-item a{text-shadow:none!important;}
	label#mandatorymsg font{font-size:18px !important;}
}

html {
	font-size: 16px;
	min-height: 100%; }
body {
	font: 75%/150% "Lato", Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #838383;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-ms-overflow-style: scrollbar; oveflow-y: scroll;
	min-height: 100vh;
  	position: relative;}

body a,
body button {
    /* transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all; */
    text-decoration: none;
}

body a:hover,
body button:hover {
    text-decoration: none;
    /* transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all; */
}
.logo img{height:110px;}

iframe, img {
border: 0; }

a {
	text-decoration: none;
	color: inherit; }

a:hover, a:focus {
	color: #01b7f2;
	text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-family: 75%/150% "Lato", Arial, Helvetica, sans-serif;
}
h1 {
    font-size: 2em;
    line-height: 1.25em;
}
h3 {
    font-size: 1.5em;
    line-height: 1.2222em;
	color:#1b588e;
}
.reg-form-ind h3 {
    color: #1b588e;
    font-weight: 600;
    border-bottom: 1px solid #1b588e;
    line-height: 2em;
    background: #fff;
    padding: 0;
    margin: 0;
    font-size: 18px;
}
h4 {
    font-size: 1.3333em;
    line-height: 1.25em;
}
p {
	font-size: 14px;
	line-height: 1.6666;
	margin-bottom: 15px;
	color: #000;
	font-family: 75%/150% "Lato", Arial, Helvetica, sans-serif;}
ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
/*top nav*/
.bg-blue
{
	background: #1ba1e2;
	height: 30px;
	padding:0;
}
.navbar-brand {
    float: right !important;
}
/* Header Styles */ }
#header .topnav, #mobile-header .topnav {
    height: 30px;
    background: #1ba1e2;
	width: 100%; }

#header .topnav ul.quick-menu > li, #mobile-header .topnav ul.quick-menu > li {
	float: left;
	margin-left: 20px; }

#header .topnav ul.quick-menu > li:first-child, #mobile-header .topnav ul.quick-menu > li:first-child {
	margin-left: 0; }

#header .topnav ul.quick-menu > li > a, #mobile-header .topnav ul.quick-menu > li > a {
	color: #fff;
	line-height: 30px;
	display: block;
	font-size: 0.8333em;
	text-transform: uppercase; }

#header .ribbon,#mobile-header .ribbon {
	position: relative; }

#header .ribbon > a, #mobile-header .ribbon > a {
	position: relative;
	padding: 0 10px 0 0;
	text-transform: uppercase; }

.fa-caret-down:before {
    content: "\f0d7";
    margin-left: 5px;
}

#header .ribbon:hover > ul.menu, #mobile-header .ribbon:hover > ul.menu {
	top: 28px;
	visibility: visible;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1; }

#header .ribbon > ul.menu, #mobile-header .ribbon > ul.menu {
	position: absolute;
	left: -15px;
	top: -9999px;
	z-index: 99;
	visibility: hidden; }

#header .ribbon > ul.menu.left, #mobile-header .ribbon > ul.menu.left {
	left: auto;
	right: -10px; }

#header .ribbon.currency > ul.menu li a, #mobile-header .ribbon.currency > ul.menu li a {
	text-transform: uppercase;
	font-size: 0.8333em; }

#header .topnav ul.quick-menu > li > a, #mobile-header .topnav ul.quick-menu > li > a {
    color: #fff;
    line-height: 30px;
    display: block;
    font-size: 0.8333em;
    text-transform: uppercase;
}  
#header .ribbon.currency > ul.menu li a, #mobile-header .ribbon.currency > ul.menu li a {
    text-transform: uppercase;
    font-size: 0.8333em;
}
.currency
{
	margin-left:40px;
}
/* Mini Menu */
ul.menu.mini {
	min-width: 180px;
	border: 2px solid #01b7f2;
	background: #fff; }
ul.menu.mini li {
    padding: 0 20px;
    float: none;
	margin: 0; }
ul.menu.mini li a {
	border-bottom: 1px solid #f5f5f5;
	display: block;
	padding: 10px 0;
	color: inherit;
	line-height: normal;
	font-size: 0.9167em;
	text-align: left; }
ul.menu.mini li:hover, ul.menu.mini li.active {
	background: #f5f5f5; }
ul.menu.mini li:hover a, ul.menu.mini li.active a {
	color: #01b7f2;
	font-weight: bold; }

/*end top nav*/

/*main menu*/
.top-primary-menu {
    /* background-image: url('images/head-arrow-img.jpg'); */
    background-color: #1b588e;
    background-repeat: no-repeat;
    background-position: left center;
    /* -webkit-clip-path: polygon(4% 0, 100% 0%, 100% 100%, 4% 100%, 6% 50%);
    clip-path: polygon(4% 0, 100% 0%, 100% 100%, 4% 100%, 6% 50%);
    -moz-clip-path: polygon(4% 0, 100% 0%, 100% 100%, 4% 100%, 6% 50%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 100% 100%, 4% 100%, 6% 50%); */
}

#main-menu ul.menu > li {
	padding: 15px 10px;
    position: relative;
    top: 24px;
}
#main-menu ul.menu > li.nav-item {
	padding: 22px 10px!important;
}
#main-menu ul.menu > li.nav-item-mal {
	padding: 22px 0px!important;
}
#main-menu ul.menu > li > a {
    font-size: 1.2em;
    color: #fff;
    font-weight: normal;
    display: block;
    padding: 5px 10px;
}
#main-menu ul.menu > li.active > a, #main-menu ul.menu > li.active:hover > a {
    color: #FFF;
    background: #E23B3A;
    padding: 5px 10px;
    border-radius: 10px;
}
#header .main-header, #mobile-header .main-header {
    height: auto;
    position: relative;
    width: 100%;
    border-bottom: 10px solid #e53935;
	/* padding-bottom:1px; */
}
/*end main menu*/
/*For Small device dropdown*/
.navbar-light .navbar-toggler {
    color: #1b588e;
    border-color: #fff !important;
}
.navbar-brand::first-letter {
	
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus
{
    text-transform: capitalize;
    font-weight: 600;
    /* letter-spacing: 1px; */
    font-size: 1em;
    border-radius: 10px;
	color:#fff;
	background:#e44049;
}
.navbar-light .navbar-nav .nav-link {
    color:#fff;
	text-transform:uppercase;
	font-size: 14px;
    border-bottom: 1px solid #04afe7;
	padding: 2px;
	background: #1b588e;
	float: left;
    width: 100%;
    text-align: center;
	font-weight:500;
}
.navbar-light .navbar-nav .active>.nav-link
{
	color:#fff;
	background:#e44049;
	text-align:center;
}
.navbar-light .navbar-nav
{
	padding:0;
}
.navbar-light .navbar-toggler:hover {
    color: #1b588e;
    border-color: #1b588e;
}
#navbarSupportedContent > ul > li.nav-item, #loginCont > ul > li.nav-item {
    line-height: 30px;
    width: 100%;
    padding: 2px;
}
/*-- //header --*/
.header {
    background: #0fcef7;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dropdown-menu {
    min-width: 12rem;
    padding: 0.5rem;
}
/*end smart device */
/*right icon section*/
.right-fix-section {
    position: fixed;
    right: 0;
    z-index: 999;
    margin-top: 80px;
    top: 172px;
}
.right-section {
    float: right;
    width: 50px;
}

.right-section ul li {
    width: 40px;
    background: #A20A3A;
    margin-bottom: 1px;
    vertical-align: middle;
    float: right;
    cursor: pointer;
}
.right-section ul li a i{color: #FFF;}
.right-section ul li a {
    color: #000;
    float: left;
 	width: 250px;
    text-decoration: none;
}
.right-section ul li:first-child i, .right-section ul li:first-child strong {
    font-size: 23px;
}
.right-section ul li i, .right-section ul li strong {
    width: 32px;
    margin: 0 2%;
    border-radius: 50%;
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 0px;
}
.right-section ul li a span {
    background: #fff;
    float: right;
    font-size: 12px;
    line-height: 27px;
    padding: 5px 10px;
    text-transform: capitalize;
    width: 208px;
    white-space: nowrap;
}
.right-section ul li:hover {
	width: 250px;
    position: relative;
    right: 0;
    transition: all .4s ease;
}
.fa-pencil:before {
    content: "\f0d0";
}

@media (min-device-width: 320px) and (max-device-width: 768px){
	.right-section img {
	    width: 24px;
	}
	.right-section ul li a span{line-height:16px;}
	.right-section ul li a span{width:225px;}
	.right-section {
		position: fixed;
		right: -15px;
	}
	.img-captcha{width:40%!important;}
	.otp-text{width:60%!important;}
}

/*end right section*/

/*start banner section*/
.red-content {
    /* height: 70%;
    min-height: 364px; */
    padding: 1%;
	/* background: #e53935; */
    color: #fff;
    display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content:center;
    align-items:center;
}
.white-box{background: #FFFFFF;}
.red-box{background: #e53935;}
@media (min-width: 768px){
	.col-md-6.red-box{
		max-width:48.8%;
		-ms-flex: 0 0 48.8%;
    	flex: 0 0 48.8%;
    }
    .col-md-4.red-box{
		max-width:32%;
		-ms-flex: 0 0 32%;
    	flex: 0 0 32%;
    }
    .alert-box-border{
	    border-right: 2px solid #1b588e !important;
	    border-left: 2px solid #1b588e !important;
	    border-top: 2px solid #1b588e !important;
	}
	/* .alert-box-border img {
	    width: 0.5em;
	} */
	.alert-box-border h6 {
	    font-size: 0.75rem;
	    font-weight: bold;
	}
}
@media (max-device-width: 767px){
	.red-box{margin-top:5px;width:93%;margin-left:auto;margin-right:auto;}
}
@media (max-width: 320px){
	.red-box{margin-top:5px;}
	/* .special-menu li a{padding:0 5px!important;line-height:2.5rem!important;} */
}
/* @media (min-width: 576px){
	.col-sm-6 {
	    -ms-flex: 0 0 48.5%;
	    flex: 0 0 48.5%;
	    max-width: 48.5%;
	}
} */

.special-menu li{background: url('../images/spl-menu-bg.png') no-repeat center left;background-size:contain;}
.special-menu li a{	
	width: 100%;
    padding: 3px 13px 0 10px;
    display:inline-block;
    line-height: 2.95rem;
    color: #1b588e;
    font-size: 13px;
    font-weight: 600;
}
.special-menu li:hover{
	background: url('../images/spl-menu-bg-hover.png') no-repeat center left;background-size:contain;
}
.special-menu li a:hover{
	color: #FFF;
}
.special-menu li a i{font-size: 20px;text-align: center;padding: 9px 0;}
.special-menu li a > i.fa:after{content: ' ';padding: 5px;}

.special-menu li a img{font-size: 20px;text-align: center;padding: 9px 0;width: 18px;}
.special-menu li a > img.fa:after{content: ' ';padding: 5px;}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-group-sm>.btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.button-white{
	background-color: #f0f0f0;
	color: #004080 !important;
	font-size: 17px !important;
	text-align: center !important;
	border-radius: 5px !important;
	font-weight:bold !important;
}
.mal-pmcls{
	background-color: #f0f0f0;
	color: #004080 !important;
	text-align: center !important;
	border-radius: 5px !important;
	font-weight:bold !important;
	font-size: 1em !important;
}
/*end banner section*/

/*start latest news*/
.ticker-wrapper {
	/* position: relative;
	left: 0; */
	background-color: #f8f0db;
}

.ticker-title {
	padding: 10px;
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	background-color: #e53935;
	text-transform: uppercase;
	min-width: 150px;
	text-align:center;
}

.ticker-align{
	display: flex;
	align-items: center;
	justify-content: center;
}

.section-main {
	color: white;
	width: 100%;
	margin: auto;
}

.type-wrap {
	color: #1b5997;
	font-size: 13px;
	font-weight: bold;
	border-radius: 3px;
	-ms-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	padding: 10px 15px;
	/* line-height: 40px; */
	/* height: 0; */
	/* position: relative; */
	/* top: -38px;
	left: 50px; */
	width: 80%;
}

@media ( max-width : 320px) {
	.type-wrap {
		width: 82%;
	}
	#content {
	    padding: 0 1em;
	}
}

.typed-cursor {
	display: none;
}

.box-shadow  .triangle li i {
	color: #cac7c7;
}

.btn-danger i {
	margin: 0px 10px;
}

.btn-danger img {
	margin: 0px 10px;
}
/*end latest news*/


/*start bottom section*/
.orange-grad {
    background: #f56c23;
    background: -moz-linear-gradient(45deg, #f56c23 0%, #f7b185 100%);
    background: -webkit-linear-gradient(45deg, #f56c23 0%,#f7b185 100%);
    background: linear-gradient(45deg, #f56c23 0%,#f7b185 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f56c23', endColorstr='#f7b185',GradientType=1 );
}
.blue-grad {
    background: #4caedd;
    background: -moz-linear-gradient(45deg, #4caedd 0%, #afe0f9 100%);
    background: -webkit-linear-gradient(45deg, #4caedd 0%,#afe0f9 100%);
    background: linear-gradient(45deg, #4caedd 0%,#afe0f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4caedd', endColorstr='#afe0f9',GradientType=1 );
}
.green-grad {
    background: #47b28b;
    background: -moz-linear-gradient(45deg, #47b28b 0%, #6bdfb1 100%);
    background: -webkit-linear-gradient(45deg, #47b28b 0%,#6bdfb1 100%);
    background: linear-gradient(45deg, #47b28b 0%,#6bdfb1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47b28b', endColorstr='#6bdfb1',GradientType=1 );
}
.yellow-grad {
    background: #fdb62e;
    background: -moz-linear-gradient(45deg, #fdb62e 0%, #fbdf9e 100%);
    background: -webkit-linear-gradient(45deg, #fdb62e 0%,#fbdf9e 100%);
    background: linear-gradient(45deg, #fdb62e 0%,#fbdf9e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb62e', endColorstr='#fbdf9e',GradientType=1 );
}
.orange-grad a, .blue-grad a, .green-grad a, .yellow-grad a {
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-shadow: none;/*  1px 1px 2px #333; */
}
.image-box .box > .details {
    padding: 11px;
    text-align: center;
	margin-bottom: 10px;
}
/* Hover effect */
.hover-effect {
	display: block;
	position: relative;
	background: none;
	overflow: hidden;
}
.hover-effect img {
	width:100%;
}
.hover-effect:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: rotateY(180deg) scale(0.5, 0.5);
    -moz-transform: rotateY(180deg) scale(0.5, 0.5);
    -ms-transform: rotateY(180deg) scale(0.5, 0.5);
    -o-transform: rotateY(180deg) scale(0.5, 0.5);
    transform: rotateY(180deg) scale(0.5, 0.5);
    background: url(../images/icon/hover-effect.png) no-repeat center;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
	background-color: rgba(1, 183, 242, 0.6); }
.hover-effect img {
    display: block;
    position: relative;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
	-webkit-backface-visibility: hidden; }
.hover-effect:hover:after {
    visibility: visible;
    -webkit-transform: rotateY(0deg) scale(1, 1);
    -moz-transform: rotateY(0deg) scale(1, 1);
    -ms-transform: rotateY(0deg) scale(1, 1);
    -o-transform: rotateY(0deg) scale(1, 1);
    transform: rotateY(0deg) scale(1, 1);
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
	opacity: 1; }
.hover-effect:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
	transform: scale(1.2); }
.hover-effect.yellow:after {
	background-color: rgba(255, 255, 40, 0.6); }
.hover-effect.style1:after {
    color: #fff;
    background: none;
    content: "\e8ba";
    font-family: "soap-icons";
    font-size: 1.6667em;
    text-align: center;
    line-height: 50px;
    border: 2px solid #fff;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
	margin-top: -25px; }
.hover-effect.style1:hover {
	background: #01b7f2; }
.hover-effect.style1:hover img {
	filter: alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5; }

/*end bottom section*/

/*start footer*/

#footer{
	position: absolute;
    bottom: 0;
    width: 100%;
    height:0px;
}

.gray-area {
    background: #1b5997;
}
#footer .footerlogo li, #footer .copyright p{
    color: #FFF;
}
#footer .bottom .footerlogo {
    margin: 10px 0 0;
}
#footer .copyright p {
    font-size: 12px;
	margin: 10px 0 6px 0;
}
/*end footer*/

/*start login page*/
.page-title-bg {
    background-color: #1b588e;
    color: #FFF;
    padding: 10px;
    border-bottom: 5px solid #E23B39;
}

.login.alert {
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: none;
    padding: 15px 15px 15px 70px;
    color: #e53935;
    font-size: 14px;	
    position: relative;
}
.login.alert .fa-exclamation-circle {
    display: block;
    font-size: 2.0em;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 20px;
}

.login-box {
    background-color: #ECECEC;
    padding: 2em;
    border-radius: 0 0 10px 10px;
}
.login-box p
{
	font-size:13px;
}
.login-box a
{
	color:#337ab7;
}
.login-box input[type=submit]{
	line-height:1.5;
}
.login-box label, .login-box input {
    margin-bottom: 10px;
    border: none;
    line-height: normal;
    border-radius: 5px;
/*	width: 355px; */
}
.login-box input[type="radio"] {
    float: left;
    margin-right: 5px;
    /*margin-top: 1px;*/
}
.img-captcha{width:30%;float:left;}
.otp-text{width:70%;float:left;}

.img-captcha label{font-weight:bolder;color:#838383;}
.otp-text label{font-weight:bolder;color:#838383;}

form label {
    display: block;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 1.05em;
    color: #333333;
    min-width: 108px;
   
}
input.input-text.input-large, textarea.input-large, span.custom-select.input-large {
    height: 43px;
    font-size: 1.1667em;
}
input.input-text, select, textarea, span.custom-select {
    background: #ffffff; 
    border: none;
    line-height: normal;
    border-radius: 5px;
}

.red-content h3 {
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    padding: 1.0em 2.0em;
}
h3.headerone{
    border-bottom: 0px solid #928e8e;
    text-shadow: 0 0 0px #928e8e;
    -webkit-box-shadow: 0 8px 6px -6px #928e8e;
    -moz-box-shadow: 0 8px 6px -6px #928e8e;
    box-shadow: 0 8px 4px -9px #928e8e;
    /* text-decoration:underline; I didn't use this because gap is low */
}
ul.registration-list {
    line-height: 3em;
    padding: 25px 0px 41px 3px;
	
}
ul.registration-list a { 
    color:#fff;
	font-size:14px;
}
.keyboard-button, .keyboard-button:hover {
    background-color: #1b588e;
    color: #FFF;
    font-size: 16px;
    /* padding: 10px; */
}
.security-info {
    background-color: #f5fcff;
    padding: 2em;
    margin-bottom: 1em;
}
.security-info p, .security-info h2 {
    color: #E23B39;
	
}

.security-info ol li{
	color: #E23B39;
	font-size: 15px;
	line-height: 1.8;
	margin-left:20px;
}

.welcome-index{
	font-size: 15px;
    font-weight: 600;
}
.security-info p, .security-info h2 {
    color: #E23B39;
}
.security-info h2
{
	font-size: 1.6667em;
}
hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: #f5f5f5;
}
/*end login page*/
/*start condition page*/
.box-shadow {
    box-shadow: 0 0 5px #222;
    padding: 0 15px;
}
.title
{
	padding:0;
	background: #26578B;
    color: #FFF;
    border-bottom: 5px solid #E23B39;
    padding: 5px 10px;
}
.title h2{	font-size: 2em;}

.color-title {
    background: #26578B;
    color: #FFF;
    border-bottom: 5px solid #E23B39;
    padding: 5px 10px;
}
.color-title h1 {
    font-size: 2em;
    line-height: 1.25em;
}
ul.triangle {
    line-height: 2em;
    font-size: 1.25em;
    color: #000;
}
.menu h2 {
	color: #fff; /* padding-left: 3em; */
	font-size: 2.4em;
}
.btn-danger,.btn-success,.btn-primary {
    /* padding: 6px 32px; */
	border-radius:0 !important;
}

.fund-neft ol li{
	margin-bottom:10px;
}
/* end condition page*/

/*responsive */
@media only screen and (min-width: 320px) and (max-width: 480px){
	.color-title h1 {
		font-size: 1.6em;
	}
	/* .ticker-title {
		padding: 4px;
		font-size: 10px;
		width: 46px;
	}
	.type-wrap {
		width:90%;
		font-size: 8px;
		top: -32px;
		left: 31px;
	} */
}
@media screen and (max-device-width: 767px) {
    .float-md-right {
		float: none!important; 
	}
	.logo
	{
		margin-top:8px;
	}
	.top-primary-menu {
		background-color:transparent;
		-webkit-clip-path: none;
		clip-path: none;
		-moz-clip-path: none;
		-ms-clip-path: none;
	}
	#main-menu  .navbar-nav{
		background:#1b588e;
	}
	.btn-group-sm>.btn, .btn-sm {
		padding: 2px 6px;
	}
	.special-menu li a i {
		font-size: 17px !important;
	}
	.navbar-brand {
		float:unset !important;
	}
	.bottom-img img
	{
		width:100%;
	}
	.red-content {
		padding:0 8%!important; 
	}
	.keyboard-button, .keyboard-button:hover {
		position: relative;
		right:15px;
	}
	ul.menu.mini {
		min-width: 100%;
	}	
	.right-fix-section {
		right: 41px;
	}
	.red-content {
		padding-top:10px;
	}
}
@media screen and (max-device-width:768px) {
	.special-menu li a {
	    font-size: 11px;
	    padding: 0px 5px;
	    line-height: normal;
	    font-weight: bold;
	}
	.special-menu li{
		background-size:contain;
	}
	.red-content{min-height:auto;}
	.bottom-img img
	{
		width:100%;
	}
	ul.menu.mini {
		min-width: 100%;
	}	
	.btn-group-sm>.btn, .btn-sm {
	    padding: 5px 10px;
	    font-size: 9px !important;
	}	
	.red-content {
		padding:0px 1%;
	}
	#main-menu ul.menu > li > a {
	    font-size: 11px;
	    padding: 5px 0px;
	}
}
@media only screen 
      and (min-device-width: 1025px) 
      and (max-device-width: 1199px) 
      and (-webkit-min-device-pixel-ratio: 1.5) {
  .btn-group-sm>.btn, .btn-sm {
    padding: 6px 7px;
    font-size: 10px;
  }
  .special-menu li a {
    padding: 5px 7px;
    line-height: 0.2rem;
}
	.bottom-img img
	{
		width:100%;
	}
	.red-content {
    height: 100%;
    /* min-height: 280px; */
    display: flex;
    padding: 0 9%;
}
.right-section {
    right: 34px;
   /*  position: fixed; */
}
ul.menu.mini {
		min-width: 100%;
	}	
}

#password_keyboard {
  background: #fff; border: 2px solid #ff0000; padding:15px; margin-top: auto; margin-left:auto;
}
#password-opener { cursor: pointer; }

.mrg-t-20 {margin-left: 20px;}

.myaccount-table > ul {
	margin-left:2em;
}

.destinations .red-content {
  height: auto;
}
canvas{
	/*prevent interaction with the canvas*/
	pointer-events: none;
    background-color: #d8d8d8;
    height: 40px;
    border-radius: 5px;
    padding: 0 10px;
}

.form-control-reg {
	width:100%;
    display: block;
    height: calc(1.5rem + 2px);
    padding: .375rem .75rem;
    font-size: 0.7rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control-reg::-webkit-input-placeholder{color:#6c757d;opacity:1}
.form-control-reg::-moz-placeholder{color:#6c757d;opacity:1}
.form-control-reg:-ms-input-placeholder{color:#6c757d;opacity:1}
.form-control-reg::-ms-input-placeholder{color:#6c757d;opacity:1}
.form-control-reg::placeholder{color:#6c757d;opacity:1}
.form-control-reg:disabled,
.form-control-reg[readonly]{background-color:#e9ecef!important;opacity:1}
select.form-control-reg:focus::-ms-value{color:#495057;background-color:#fff}
/* 2.2.2. Alert message */
.reg-form-ind .alert {
	padding: 7px;
}


.reg-form-ind .alert:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f05a";
	display: inline-block;
	font-size: 1.3em;
	width: 30px;
	height: 17px;
	line-height: 15px;
	text-align: center;
	top: 0;
	left: 0;
	vertical-align: middle;
}

.reg-form-ind {
	content: "\f06a";
}



.reg-form-ind .alert.alert-notice {
	background: #f5cf77;
}

.reg-form-ind .alert.alert-notice:before {
	content: "\f071"
}

.reg-form-ind .alert.alert-error {
	font-family: "Font Awesome 5 Free";
	background: #f6bcc3;
}

.reg-form-ind .alert.alert-error:before {
	content: "\f05e";
}
/* .alert.alert-success { */
/* background: #bae675; } */
.reg-form-ind .alert.alert-success:before {
	content: "\f058";
}

.reg-form-ind .alert.alert-help {
	background: #91e3fd;
}

.reg-form-ind .alert.alert-help:before {
	content: "\f0a4";
}

/* .alert.alert-info {
	background: #bfc9f9;
} */
.reg-form-ind .alert.alert-info:before {
	content: "\f0eb";
}

.reg-form-ind .alert .close, .info-box .close, .close {
	filter: alpha(opacity = 100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	font-weight: normal;
	color: #fff;
	cursor: pointer;
	text-shadow: none;
	float: none;
	position: absolute;
	right: 8px;
}

.reg-form-ind .alert .close:before, .reg-form-ind .info-box .close:before {
	content: "X";
	font-family: "Arial";
	color: #333;
	background: #FFF;
	border-radius: 10px;
	padding: 4px;
	font-weight: bold;
}
.list-item-disc{
	list-style-type:square;
}
.fund-instruct li {
	background: url(../images/fa-angle-right.png) no-repeat 0% 10px;
	font-weight: 400;
	/* font-size: 15px; */
	color: #1b588e;
	line-height: 2;
	display: flex;
}
.fund-instruct .note-txt {
	font-weight: 600;
	color: #dc3545;
}
.fund-instruct li a {
	text-decoration: underline !important;
	color: #000;
}
.instrct-icon {
    margin-right: 10px;
    margin-top: 9px;
}

/*alert popup*/
#modalContainer {
	background-color:rgba(0, 0, 0, 0.3);
	position:absolute;
  top:0;
	width:100%;
	height:100%;
	left:0px;
	z-index:10000;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width:33%;
	min-height:100px;
  max-height:400px;
	margin-top:50px;
	border:1px solid #fff;
	background-color:#fff;
	background-repeat:no-repeat;
  top:30%;
}

#modalContainer > #alertBox {
	position:fixed;
	z-index:100000;
}

#alertBox h1 {
	margin:0;
	font-size:1em;
	background-color:#1b588e;
	color:#FFF;
	border-bottom:1px solid #f97352;
	padding:10px 0 10px 5px;
}

#alertBox p {
	/* height:50px; */
	padding-left:5px;
  padding-top:10px;
  text-align:center;
  vertical-align:middle;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:10px auto 10px auto;
	padding:7px;
	border:0 none;
	width:70px;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#e53935;
	border-radius: 0px;
	text-decoration:none;
  outline:0!important;
}

/* unrelated styles */

#mContainer {
	position:relative;
	width:600px;
	margin:auto;
	padding:5px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}

h1,h2 {
	margin:0;
	padding:4px;
}

code {
	font-size:1.2em;
	color:#069;
}

#credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:0.7em verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}

.important {
	background-color:#F5FCC8;
	padding:2px;

}

/*red content - Sudhan Ram C*/
/* @media screen and (max-width: 2560px){
	.red-content{height:400px!important;}
	.corp-content{height:505px!important;}
}

@media screen and (max-width: 1440px){
	.red-content{height:400px!important;}
	.corp-content{height:505px!important;}
}

@media screen and (max-width: 1024px){
	.red-content{height:420px!important;}
	.corp-content{height:525px!important;}
}

@media screen and (max-width: 768px){
	.red-content{height:420px!important;}
	.corp-content{height:540px!important;}
}

@media screen and (max-width: 425px){
	.red-content{height:270px!important;margin-top:8px;}
	.corp-content{height:285px!important;}
}

@media screen and (max-width: 375px){
	.red-content{height:270px!important;margin-top:8px;}
	.corp-content{height:285px!important;}
}
 */
@media screen and (max-width: 320px){
	.btn{padding:0.275rem .5rem;}
	#password_keyboard{margin: 30rem 0 0 -1.2rem;
    top: 0 !important;
    left: 0 !important;}
}

@media (max-width: 600px) {
  #alertBox {
	position:relative;
	width:90%;
  top:30%;
}
}
@media (max-device-width: 767px) {
  .text-xs-center {
    text-align: center!important;
  }
}

@media only screen and (min-device-width: 319px) and (max-device-width: 767px) {
	.carousel-item img{
	  	height:400px;
	  }
}

label#mandatorymsg {
	margin: 0 auto;
	padding: 0 5px;
   /*  background: #ffdada; */
    font-weight: bold;
    width: max-content;
}
.form-control:disabled, .form-control[readonly]{background-color:#FFF;}
.carousel-control-next-icon, .carousel-control-prev-icon{border-radius:50%;padding:15px;}
.carousel-control-prev-icon{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e") rgba(255, 0, 0, 0.3) no-repeat center center;background-size:50%;}
.carousel-control-next-icon{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e") rgba(255, 0, 0, 0.3) no-repeat center center;background-size:50%;}
.carousel-indicators li{height:5px;border:1px solid #a2262d!important;}
.secondarytabs a {
	text-decoration: none;
	color: #fff;
	background: #1b588e;
	position: relative;
	display: inline-block;
	padding: 5px 19px;
	text-shadow: 0 1px 0 rgba(0, 2, 0, 0.4);
	border-radius: 15px 15px 0 0;
	-ms-border-radius:15px 15px 0 0;
	-webkit-border-radius:15px 15px 0 0;
	-o-border-radius:15px 15px 0 0;
}
/* @media (min-width: 768px){
	.login-box{min-height:356px;}
}
@media (max-width: 768px){
	.login-box{max-height:376px;}
}
@media (max-width: 425px){
	.login-box{max-height:400px;}
}
@media (max-width: 320px){
	.login-box{max-height:420px;}
} */

/*Modal*/
.modal-header {
	background: #2196f3;
	color: #eee;
	padding: 5px;
}

.ui-widget-header {
	background: #1b588e;
	color: #eee;
	padding: 5px;
}

.modal-title {
	font-size: 16px;
}

.modal-footer {
	/* background: #1b588e; */
	color:#1ba1e2;
	justify-content: center;
	padding: 5px;
}

.modal-footer p {
	color: #eee;
	margin-bottom: 0;
}

.modal-header .close, .ui-widget-header .close {
	padding: 0px;
	margin: 0px;
}

.modal-content {
	/* background:url('../images/modal-pattern.jpg') repeat;
	border: 0; */
	/* background: rgba(1, 183, 242, 0.8); */
	border: 1px solid #00BCD4;
}

.modal-button-pad {
	padding: 0px 8px;
}
.alerts-text{
	font-size:0.9em;
}
.bg-webcolor{
	background-color:#1b588e!important;
}


.modal {
  animation: cssAnimation 0s 0.30s forwards;
  visibility: hidden;
}

@keyframes cssAnimation {
  to   { visibility: visible; }
}

.fa-redo-alt:before {
	content: url(../images/fa-refresh.png) !important;
}

.fa-caret-right:before {
	content: url(../images/fa-caret-right-alert.png) !important;
}

.alert-primary::before, .fa-info-circle::before {
	content: url("../images/fa-info-small.png") !important;
}

.alert-box-border {
	border-right: 8px solid #1b588e;
    border-left: 8px solid #1b588e;
    border-top: 2px solid #1b588e;
    padding:0;
}

h3 img.fas.mar-5 {
	line-height: normal;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	margin-top: -5px;
}
.twitter:before {
	content: url(../images/icon_twitter.png);
}
.pension:before {
	content: url(../images/pension.png);
}

.pencil-alt:before {
	content: url(../images/fa-pencil-alt.png);
}
.window-restore:before {
	content: url(../images/fa-window-restore.png);
}
.check-circle:before {
	content: url(../images/fa-check-circle.png);
}
.gavel:before {
	content: url(../images/fa-gavel.png);
}
.shield-alt:before {
	content: url(../images/fa-shield-alt.png);
}
	
@media (min-width: 1024px) and (max-width: 1080px){
	#pay-img, #port-img, #tax-img, #vat-img{
		height: 133px;
	}
	.image-box .box > .details {
	    padding: 5px;
	}
}


@media (min-width: 576px) and (max-width: 1365px){
	.image-box .box > .details {
	    padding: 18px;
	}
}

@media (max-width: 767px){
	.red-block-class.col-sm-4, .slider-class.col-sm-8, .tax-class.col-sm-8, .alert-class.col-sm-4{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	   
	}
	.slider-class.col-sm-8{
	 	padding-left:0!important;
	    padding-right:0!important;
	}
	.box-title{
		padding: 10px;
	}
	.tab-ticket.ticker-wrapper {
	    margin: 0px 0 30px 0!important;
	    min-height: 80px!important;
	}
}
@media (min-width: 1920px){
	.alert-box-border{
		padding: 34px 0!important;
	}
	.box-title{
		padding: 12px;
	}
	#pay-img, #port-img, #tax-img, #vat-img{
		height: 150px !important;
	}
	.jumbotron {
	    padding: 0rem 0rem !important;
	}
	.fa-caret-down{
		width:20px;
	}
	#footer{
		position: absolute;
	    bottom: 0;
	    margin-bottom: 0px
	    width: 100%;
	    height: 1px;
	}
}

@media (min-width: 768px) and (max-width:1365px){
	.tax-class.col-md-8, .alert-class.col-md-4{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.jumbotron{
		padding: 20px;
	}
	.alert-box-border h6{
		font-size: 20px;
		padding: 12px;
	}
	.jumbotron.text-white{
		font-size: 25px;
	}
	.alert-box-border img{
		margin-top: 20px;
	}
	

}
@media (min-width: 769px) and (max-width:991px){
	.btn-group-sm>.btn, .btn-sm{
	    font-size: 10px;
	}
	.special-menu li a {
	    padding: 3px 13px 0 6px;
	    line-height: 1.05rem;
	    font-size: 9px;
	}
	.orange-grad a, .blue-grad a, .green-grad a, .yellow-grad a {
	    font-size: 12px;
	}
	.special-menu li a img {
	    width:14px;
	}
	.red-content {
	   	padding: 0%;
	}
}

@media (min-width: 1600px) and (max-width:1919px){
	.container{
		max-width:1300px;
	}
	.alert-box-border .mr-1{
		margin:0.5em!important;
	}
}

@media (min-width: 1366px){
	.modal-dialog {
	    max-width: 800px;
	    margin: 1.75rem auto;
	}
}



.main-header .container{
	padding-right: 0px!important;
    padding-left: 0px!important;
}

.navbar {
    padding: 0rem 0rem;
}


@media (max-width: 1024px){
	
	.d-lg-block {
	    display: none!important;
	}
	.d-lg-none {
	    display: block!important;
	}
}


@media (max-width: 767px){
	.col-sm-3{
		flex: 0 0 50%!important;
		max-width: 50%!important;	
	}
}

.loadingimageclass{
	background: rgba(255,255,255,.8) url('../images/loader.gif') 50% 50% no-repeat; height:100%; width:100%;position:fixed;z-index: 1000;top:0;left:0;
}
body.loading{
	overflow:hidden;
}
body.loading.loadingimageclass{
	display:block
}