html{overflow-x:hidden;}

body {



	font-family:OpenSans-Regular, Helvetica, sans-serif;

	overflow-x:hidden;



}

@font-face {

font-family: 'OpenSans-Regular';

src: url('../fonts/OpenSans-Regular.eot');

src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans-Regular.otf') format('truetype');

font-weight: normal;

font-style: normal;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

font-smoothing: antialiased;

}

@font-face {

font-family: 'OpenSans-Semibold';

src: url('../fonts/OpenSans-Semibold.eot');

src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg'), url('../fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans-Semibold.otf') format('truetype');

font-weight: normal;

font-style: normal;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

font-smoothing: antialiased;

}

a {

	text-decoration:none;

	-moz-transition: all .3s ease-in-out;

 -webkit-transition: all .3s ease-in-out;

 transition: all .3s ease-in-out;

}



.header{float:left; width:100%; padding:35px 0px; position:fixed; left:0px; top:0px; background:#fff; z-index:999;}

.logo{float:left; display:inline-block;}

.rightmenu{float:right; display:inline-block;}

.rightmenu a{margin-left:13px; display:inline-block; padding:5px 17px; border-radius:3px; border:solid 1px #7446d0; font-size:14px;}

.openacc{background:#7446d0; color:#fff;}

.openacc:hover{background:none; color:#7446d0; text-decoration:none;}

.loginbtn{color:#7446d0;}

.loginbtn:hover{background:#7446d0; color:#fff; text-decoration:none;}



.bottom-content-box{float:left; width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}






.content-box{float:left; width:100%; margin:25px 0px;}

.content-box-img{padding:0px 40px 0 0px;}

.content-box-img img{width:100%;}

.content-box-content{padding-top:15px;}

.content-box-content h2{font-family:OpenSans-Semibold, Helvetica, sans-serif; color:#242424; font-size:28px; line-height:36px; margin:0 0 10px 0px;} 

.content-box-content h3{font-size:13px; line-height:18px; margin:10px 0px; color:#242424; font-family:OpenSans-Semibold, Helvetica, sans-serif;}

.content-box-content ul{padding:0 0 10px 15px; margin:0px; float:left; width:100%;}

.content-box-content li{list-style:disc; margin:10px 0px; font-size:14px; color:#242424;}

.morebtn{display:inline-block; padding:5px 17px; border-radius:3px; border:solid 1px #7446d0; font-size:14px; color:#7446d0;}

.morebtn:hover{background:#7446d0; color:#fff; text-decoration:none;}





.footer{padding:20px 0px; text-align:center; float:left; width:100%; color:#242424; font-size:12px;}



.loginbox{padding:120px 0 50px 0px; float:left; width:100%;}

.loginbox-header{float:left; width:100%; text-align:center;}

.loginbox-header h2{font-size:32px; line-height:36px; margin-top:15px; font-family:OpenSans-Semibold, Helvetica, sans-serif; color:#242424;}



.loginform{float:left; width:100%;}

.loginform label{font-weight:normal; color:#767676; font-size:14px; margin-bottom:10px; font-family:OpenSans-Semibold, Helvetica, sans-serif;}

.loginform .form-control{font-size:13px; color:#444; height:32px; border:1px solid #dbdbdb; background:#fff; border-radius:0px; box-shadow:inset 0 3px 7px rgba(0,0,0,.0);}

.loginform .form-control:focus{border-left:solid 4px #9bcb03;}

.login-btn{background:#6633cc; color:#fff; padding:8px 0px; margin-top:15px; width:100%; font-size:14px; text-align:center; border:none; border-radius:3px; font-family:OpenSans-Semibold, Helvetica, sans-serif;}

.login-btn:hover{background:#430cb8;}



.transactions{float:left; width:100%; padding:120px 0 40px 0px;}

.transactions h2{background:#b3b3b3; border-top:solid 5px #734245; font-family:OpenSans-Semibold, Helvetica, sans-serif; color:#242424; margin:0px; font-size:17px; padding:5px 15px;}

.transactions h4{background:#d9d9d9; color:#444; text-align:center; font-style:italic; padding:7px 0px; text-transform:capitalize; font-size:14px;}

.transactions .table>tbody>tr>td{text-transform:uppercase; font-size:14px; font-family:OpenSans-Semibold, Helvetica, sans-serif; border:none;}

.transactions .table>thead>tr>th{border:none;}





/***16-02***/



.footer{padding:0px;}

.footer-top{float:left; width:100%; padding:20px 0px; background:#f2f2f2; text-align:center;}

.footer-top p{margin:10px 0 0 0px; font-size:14px;}



.footer-bottom{float:left; width:100%; background:#eeeeee; padding:30px 0px; text-align:left;}

.footer-bottom h3{margin:30px 0px; text-transform:uppercase; font-family:OpenSans-Semibold, Helvetica, sans-serif; font-size:18px;}

.footer-bottom p{font-size:14px;}

.footer-bottom span{font-family:OpenSans-Semibold, Helvetica, sans-serif;}

.footer-bottom a{font-family:OpenSans-Semibold, Helvetica, sans-serif; color:#5627d8;}



.important-disc{float:left; width:100%;}

.important-disc ul{padding:0px; margin:0 0 0 15px;list-style-type: decimal;}

.important-disc li{font-size:14px; margin-bottom:10px; padding-left:25px;}



.footer-logo{float:left; width:100%; border-top:solid 2px #ccc; text-align:center; margin-top:30px; padding-top:30px;}



.transactions-page{float:left; width:100%; padding:120px 0 40px 0px;}



.transactions-links{float:left; background:#e3e3e3; padding:5px 0px;}

.transactions-links ul{padding:0px; margin:0px;}

.transactions-links li{border-left:solid 1px #7446d0; list-style:none; padding:0px 35px; display:inline-block;}

.transactions-links li:first-child{border:none;}

.transactions-links a{font-family:OpenSans-Semibold, Helvetica, sans-serif; color:#7446d0;}



.certificate-deposit{float:left; width:100%; margin-top:30px;}

.certificate-deposit h3{font-family:OpenSans-Semibold, Helvetica, sans-serif; color:#7446d0; font-size:16px; margin:15px 0px; border-bottom:solid 2px #e3e3e3; padding-bottom:5px;}

.certificate-deposit ul{padding:0px; margin:0px;}

.certificate-deposit li{list-style:none; font-size:14px; margin:0px;}

.certificate-deposit li label{font-weight:normal; width:200px;}


/*300420*/

.padadd {padding-left: 67px;}


/*040520*/
.modal-header {padding: 15px; border-bottom: none;}
.popbg{background: #fff; width: 100%; padding-bottom: 15px; float: left;}
.popupmsgshow{width: 100%; float: left;}
.popupmsgshow h3{width: 100%; font-family: OpenSans-Semibold, Helvetica, sans-serif; font-size: 50px; color: #33bbaa; float: left;}
.popupmsgshow p{width: 100%; font-family: OpenSans-Semibold, Helvetica, sans-serif; font-size: 16px; color: #000; float: left;}
.modal-dialog {max-width: 700px; margin: 1.75rem auto;}
.certificate-deposit p{width: 100%; float: left;}
.popmatter{width: 100%; float: left;}
.popleft{width: 30%; text-align: center; padding-top: 30px; float: left;}
.popright{width: 70%; float: left;}





@media only screen and (min-width: 960px) and (max-width: 1140px) {



}

@media only screen and (min-width: 768px) and (max-width: 959px) {

.content-box-img{padding:0px;}


/*300420*/

.padadd {padding-left: 50px; padding-right: 15px!important;}
.bookpad{padding: 15px 0px 0px 50px;}
/*220520*/
.transactions-links{width: 100%;}

}

@media only screen and (min-width: 600px) and (max-width: 767px) {

.content-box-img{padding:0px;}
.transactions-links li{padding:0px 23px;}

/*300420*/

.padadd {padding-left: 35px; padding-right: 15px!important;}
.bookpad{padding: 15px 15px 0px 30px;}

/*040520*/

.modal-dialog {max-width: 580px; margin: 1.75rem auto;}
.tickpic {width: 100%; float: left; padding: 20px 0px; text-align: center;}
.popupmsgshow h3 {text-align: center;}
.popleft{width: 100%; float: left;}
.popright{width: 100%; float: left;}

/*220520*/
.transactions-links{width: 100%;}

}

@media only screen and (min-width: 480px) and (max-width: 599px) {

.header{padding:15px 0px;}

.logo{width:100%; text-align:center;}

.rightmenu{width:100%; text-align:center; padding-top:15px;}

.rightmenu a{margin:0px 5px;}

.content-box-img{padding:0px;}

.transactions-links li{padding:0px 10px;}

/*300420*/

.padadd {padding:0px  25px!important;}
.bookpad{padding: 15px 20px 0px 25px;}

/*040520*/

.modal-dialog {max-width: 460px; margin: 1.75rem auto;}
.tickpic {width: 100%; float: left; padding: 20px 0px; text-align: center;}
.popupmsgshow h3 {font-size: 30px; text-align: center;}
.popupmsgshow p{text-align: center;}
.popleft{width: 100%; float: left;}
.popright{width: 100%; float: left;}

/*220520*/
.transactions-links{width: 100%;}

}

@media only screen and (max-width: 479px) {

.header{padding:15px 0px;}

.logo{width:100%; text-align:center;}

.rightmenu{width:100%; text-align:center; padding-top:15px;}

.rightmenu a{margin:0px 5px;}

.content-box-img{padding:0px;}

.transactions{overflow-x:scroll;}

.transactions-links li{padding:0px 5px;}

.certificate-deposit li label{width:170px;}

.transactions-links{padding:5px 15px; text-align:center;}

.certificate-deposit img{max-width:100%;}

/*300420*/

.padadd {padding:0px  25px!important;}
.bookpad{padding: 15px 20px 0px 25px;}

/*040520*/

.modal-dialog {max-width: 300px; margin: 1.75rem auto;}
.tickpic {width: 100%; float: left; padding: 20px 0px; text-align: center;}
.popupmsgshow h3 {font-size: 30px; text-align: center;}
.popupmsgshow p{text-align: center;}
.popleft{width: 100%; float: left;}
.popright{width: 100%; float: left;}

/*220520*/
.transactions-links{width: 100%;}

}






.transactions-page table td {list-style:none; font-size:14px; margin:0px; font-family: 'OpenSans-Regular', sans-serif; padding:6px!important;}

.amounttrans-txt {width:100%; margin: 15px 0px 15px; border: 1px solid; padding: 22px; border-radius: 4px; float:left;}
.amounttrans-txt h4 {font-family: OpenSans-Semibold, Helvetica, sans-serif; color: #000; font-size: 16px; margin:0px 0px 10px; text-align: center; line-height: 26px;}
.amounttrans-txt h4 span {display:block;}
.oklinks{font-size: 14px; color: #fff; margin: 0px auto; display: table; background: #6633cc; padding: 6px 35px; border-radius: 3px;}
.oklinks:hover {background: #430cb8; text-decoration: none!important; color: #fff!important;}
