body{margin:0;padding:0;background-color: #ffffff;font-family: 'Open Sans', sans-serif;font-weight: 400;}
header{float: left;width: 100%;height:80px;position: fixed;z-index: 10;background-color: rgba(0,0,0,0);-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
header.on{background-color: rgba(0,0,0,1);height:50px;}
header h1{position:absolute;top:0;left:50%;margin-left:-87px; width: 174px;height:40px;background: url(../img/institutional/logo.png) center center no-repeat;text-indent: -99999px;background-size: contain;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
header h1 a{float:left;width:100%;height:40px;}
header.on h1{position:relative;top:0;left:0; float:left;margin:15px 20px; width: 87px;height:20px;background: url(../img/institutional/logo.png) center center no-repeat;text-indent: -99999px;background-size: contain;}
header .bt-login{display:none; float:right; height:80px;margin:20px 20px;color:#5c5858;text-decoration: none;text-align: center;font-size: 14px;line-height:20px;font-weight: 700;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
header .bt-login:hover{color:#21eb1f;}
header.on .bt-login{margin:15px 20px;display:block;}
        
.banner{float:left;width: 100%;height:500px;background:url(../img/institutional/banner-1.jpg) top center no-repeat #000000;margin:0;padding:0;background-size: cover;position: relative;overflow:hidden;border-bottom:1px solid #000000;}
.banner .container{width:1000px;margin:100px auto;}
.banner h3{text-transform: uppercase; float:left;width:600px;color:#000;font-size: 60px;font-weight: 700;text-align: center; margin: 28px 0 0 0; text-shadow: 0 0 7px #fff,0 0 7px #fff;}

.banner .banner-login{float:right;width:280px;padding:20px;height:auto;background-color:#fff;border:1px solid #000;-webkit-box-shadow: 0px 5px 10px 0 #999999;-moz-box-shadow: 0px 5px 10px 0 #999999;box-shadow: 0px 5px 10px 0 #999999;}
.banner .banner-login  p{float:left;width:100%;text-align:center;font-weight:bold;margin:0 0 10px 0;}
.banner .banner-login .checkbox{float:left;width:100%;font-size:14px;margin-bottom:6px;}
.banner .banner-login .checkbox input[type=checkbox]{float:left;width:14px;height:14px;background-color:#ffffff;}
.banner .banner-login input{float:left;width:258px;height:35px;border:1px solid #cccccc;padding:0 10px;margin-bottom:10px;font-size:16px;color:#666666;}
.banner .banner-login input[type=submit]{float:left;width:150px;height:35px;background-color:#5c5858;line-height:35px;text-align:center;color:#ffffff;cursor:pointer;margin:0 65px;}
.banner .banner-login input[type=submit]:hover{color:#21eb1f;}
.banner .banner-login .txt{float:left;width:100%;}
.banner .banner-login .txt .border{float:left;width:100%;height:1px;margin:20px 0;background-color:#5c5858;}
.banner .banner-login .txt p{float:left;text-align:left;font-size:13px;margin-bottom:10px;margin-top:0;font-weight:normal;}
.banner .banner-login .txt p a{color:#21eb1f;text-decoration:none;}


.features{background-color: #f5f5f5;float:left;width:100%;height: 250px;position: relative;border-bottom:1px solid #000000;}
.features .box{width: 260px;float: left;position: absolute;left:50%;margin-left: -130px;margin-top:20px;padding-top: 60px;}
.features .box.left{margin-left: -500px;}
.features .box.right{left: auto;right: 50%;margin-right: -500px;}
.features .box p{font-size: 16px;color:#000000;font-weight: 300;}
.features .line-left{position: absolute;width:1px;background-color: #000000;height:110px;left: 50%;margin-left:-185px;top:95px;}
.features .line-right{position: absolute;width:1px;background-color: #000000;height:110px;right: 50%;margin-right:-185px;top:95px;}
.features .icon-hand{position: absolute;width: 50px;top:0;height: 50px;  left:105px;background:url(../img/institutional/icon-hand.png) center center no-repeat;}
.features .icon-chart{position: absolute;width: 50px;top:0;height: 50px; left:105px;background:url(../img/institutional/icon-chart.png) center center no-repeat;}
.features .icon-tablet{position: absolute;width: 50px;top:0;height: 50px;left:105px;background:url(../img/institutional/icon-tablet.png) center center no-repeat;}
.highlight{float:left;width:100%; border-bottom:1px solid #000000;height:400px;}
.highlight h3{position:absolute;left:50%; width:460px;color:#000000;font-size: 50px;font-weight: 500;text-align: center;line-height: 60px; margin: 70px 0 0 -500px;}
.highlight h3 span{color:#21eb1f;}
.highlight h3 span.gray{color:#5c5858;}
.highlight img{position:absolute;width:460px;margin:20px -500px 20px 0;right:50%;}
.highlight .notebook-box{position:absolute;width:486px;height:300px; margin:50px -500px 50px 0;right:50%;}
.highlight .notebook-box .notebook{position:absolute;width:486px;height:300px;top:0;left:0;background:url(../../img/institutional/finance-notebook.png) center center no-repeat;z-index:10;}
.highlight .notebook-box .screen-holder{background-color:#fff;width:394px;height:222px;float:left;margin:28px 0 0 46px;overflow:hidden;position:relative;z-index:0;}
.highlight .notebook-box .screen-holder div{float:left;width:394px;height:222px;background-position:center center;background-repeat:no-repeat;display:block;position:absolute;top:0;left:0;}
.highlight .notebook-box .screen-holder .dash{background-image:url(../img/../img/institutional/screen-dash.jpg);}
.highlight .notebook-box .screen-holder .transaction{background-image:url(../img/../img/institutional/screen-report.jpg);}
.highlight .notebook-box .screen-holder .report{background-image:url(../img/../img/institutional/screen-transaction.jpg);}


.products{float:left;width:100%;background-color: #f5f5f5;}
.products .table-holder{width:900px; margin:0 auto;}
.products .table-holder table{float:left;width:100%;margin:50px 0;}
.products .table-holder table thead tr.color td{height:2px;background-color:#fc8434;border-left:5px solid #f5f5f5;border-right:5px solid #f5f5f5;float:left;width:270px;padding: 0 10px;}
.products .table-holder table thead tr.color td:first-child{background-color:#999999;}
.products .table-holder table thead tr.color td:last-child{background-color:#3971d3;}
.products .table-holder table tr{float:left;width:100%;}
.products .table-holder table tr:not(.off):hover td{background-color:rgba(5,125,11,0.2);border-left:5px solid rgba(5,125,11,0.2);border-right:5px solid rgba(5,125,11,0.2);}
.products .table-holder table tbody tr td{float:left;width:270px;font-size:15px;padding:10px;height:26px;background-color:#ffffff;border-left:5px solid #f5f5f5;border-right:5px solid #f5f5f5;text-align:center;line-height:26px;}
.products .table-holder table tbody tr td span.check{float:left;width:270px;height:26px;background:url(../img/institutional/icon-check.png) center center no-repeat;}
.products .table-holder table tbody tr td span.x{float:left;width:270px;height:26px;background:url(../img/institutional/icon-x.png) center center no-repeat;}
.products .table-holder table tbody tr td:first-child{background-color:#bbbbbb;}
.products .table-holder table tbody tr.tit td{font-size:24px;}
.products .table-holder table tbody tr td.orange{color:#fc8434}
.products .table-holder table tbody tr td.blue{color:#3971d3}
.products .table-holder table tbody tr td .bt-signin-orange{background:url(../img/institutional/icon-arrow-right.png) right center no-repeat #fc8434;border:5px solid #fc8434;width:190px;height:26px;line-height:26px;text-align:center;color:#ffffff;float:left;margin:0 35px;text-decoration:none;}
.products .table-holder table tbody tr td .bt-signin-blue{background:url(../img/institutional/icon-arrow-right.png) right center no-repeat #3971d3; border:5px solid #3971d3;width:190px;height:26px;line-height:26px;text-align:center;color:#ffffff;float:left;margin:0 35px;text-decoration:none;}
.products .table-holder table tbody tr.space td{height:5px;padding:0 10px;} 
.products .table-holder table tbody tr.sep td{height:1px;padding:0 10px; background-color:#fc8434;} 
.products .table-holder table tbody tr.sep td:first-child{background-color:#999999;}
.products .table-holder table tbody tr.sep td:last-child{background-color:#3971d3;}
.products .table-holder table tbody tr.btn td{height:35px;}

.box-login{width:100%;padding:0;height:0;background-color:rgb(200,200,200);float:left;position:fixed;top:0;left:0;z-index:5;overflow:hidden;border-bottom:1px solid #000;}
.box-login a.bt-close{position:absolute;right:10px;top:10px;font-weight:300;color:#5c5858;font-size:30px;height:30px;line-height:30px;text-decoration:none;}
.box-login .box{width:600px;background-color:#ffffff;float:left;position:absolute;left:50%;margin-left:-300px;border:1px solid #5c5858;margin-top:30px;height:300px; }
.box-login .box .left{float:left;padding:20px;width:300px;height:252px;}
.box-login .box .left p{float:left;width:100%;text-align:center;font-weight:bold;margin:10px 0 10px 0;}
.box-login .box .left .checkbox{float:left;width:100%;font-size:14px;margin-bottom:6px;}
.box-login .box .left .checkbox input[type=checkbox]{float:left;width:14px;height:14px;background-color:#ffffff;}
.box-login .logo{float:left;width:100%;background: url(../img/institutional/logo.png) center center no-repeat;text-indent: -99999px;background-size: contain;height:20px;margin-bottom:20px;}
.box-login input{float:left;width:278px;height:35px;border:1px solid #cccccc;padding:0 10px;margin-bottom:10px;font-size:16px;color:#666666;}
.box-login input[type=submit]{float:left;width:150px;height:35px;background-color:#5c5858;line-height:35px;text-align:center;color:#ffffff;cursor:pointer;margin:0 75px;}
.box-login input[type=submit]:hover{color:#21eb1f;}
.box-login .box .border{float:left;width:1px;height:300px;}
.box-login .box .border span{float:left;width:1px;height:190px;margin-top:51px;background-color:#5c5858;}
.box-login .box .right{float:right;padding:50px 20px 20px 20px;width:219px;}
.box-login .box .right p{float:left;text-align:left;font-size:13px;margin-bottom:20px;}
.box-login .box .right p a{color:#21eb1f;text-decoration:none;}

.form-login{width:100%;padding:0;background-color:#ffffff;float:left;margin-top:80px;}
.form-login .box{width:600px;background-color:#ffffff;float:left;position:absolute;left:50%;margin-left:-300px;border:1px solid #5c5858;margin-top:30px;-webkit-box-shadow: 0px 5px 30px 0 #999999;-moz-box-shadow: 0px 5px 30px 0 #999999;box-shadow: 0px 5px 30px 0 #999999;}
.form-login .box .left{float:left;padding:20px;width:300px;}
.form-login .box .left p{float:left;width:100%;text-align:center;font-weight:bold;margin:10px 0 10px 0;}
.form-login .logo{float:left;width:100%;background: url(../img/institutional/logo.png) center center no-repeat;text-indent: -99999px;background-size: contain;height:20px;margin-bottom:20px;}
.form-login input{float:left;width:278px;height:35px;border:1px solid #cccccc;padding:0 10px;margin-bottom:20px;font-size:16px;color:#666666;}
.form-login input[type=submit]{float:left;width:150px;height:35px;background-color:#5c5858;line-height:35px;text-align:center;color:#ffffff;cursor:pointer;margin:0 75px;}
.form-login input[type=submit]:hover{color:#21eb1f;}
.form-login .box .left .checkbox{float:left;width:100%;font-size:14px;margin-bottom:6px;color:#666666;}
.form-login .box .left .checkbox input[type=checkbox]{float:left;width:14px;height:14px;background-color:#ffffff;}
.form-login .box .border{float:left;width:1px;height:300px;}
.form-login .box .border span{float:left;width:1px;height:190px;margin-top:51px;background-color:#cccccc;}
.form-login .box .right{float:right;padding:50px 20px 20px 20px;width:219px;}
.form-login .box .right p{float:left;text-align:left;font-size:13px;margin-bottom:20px;color:#666666;}
.form-login .box .right p a{color:#21eb1f;text-decoration:none;}

.bg-box-pjpf{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(60,60,60,0.6);display:none;}
.bg-box-pjpf .box-pfpj{border:1px solid #5c5858;background-color:#ffffff;padding:20px;width:420px;position:absolute;margin:70px;}
.bg-box-pjpf .box-pfpj a.bt-close-pfpj{position:absolute;right:10px;top:10px;font-weight:300;color:#5c5858;font-size:30px;height:30px;line-height:30px;text-decoration:none;}
.bg-box-pjpf .box-pfpj p{float:left;width:100%;font-size:20px;font-weight:600;text-align:center;margin:0 0 30px 0; }
.bg-box-pjpf .box-pfpj .person{background:url(../img/institutional/icon-arrow-right.png) right center no-repeat #fc8434;border:5px solid #fc8434;width:190px;height:26px;line-height:26px;text-align:center;color:#ffffff;float:left;margin:0;text-decoration:none;float:left;}
.bg-box-pjpf .box-pfpj .company{background:url(../img/institutional/icon-arrow-right.png) right center no-repeat #160bf3; border:5px solid #160bf3;width:190px;height:26px;line-height:26px;text-align:center;color:#ffffff;float:left;margin:0;text-decoration:none;float:right;}

footer{float:left;width:100%;background-color:#000000;}
footer .logo{width:300px;margin:60px auto 40px auto;color:#dddddd;font-size:20px;height:25px;line-height:25px;text-align:center;}
footer .logo .finance{width:109px;height:25px;background:url(../img/institutional/logo.png) center center no-repeat;background-size: contain;-moz-background-size:contain;-webkit-background-size:contain;text-indent:-99999px;display:inline-block;margin-right:10px;}
footer .logo a{width:44px;height:25px;background:url(../img/institutional/logo-ias.png) center center no-repeat;background-size: contain;-moz-background-size:contain;-webkit-background-size:contain;text-indent:-99999px;text-decoration:none;display:inline-block;margin-left:10px;}
footer .links{width:300px;text-align:center;margin:0 auto;height:34px;padding-top:20px;}
footer .links .youtube{width:37px;height:26px;background:url(../img/institutional/youtube.png) center center no-repeat;display:inline-block;text-indent:-99999px;}
footer .links .help{color:#dddddd;text-decoration:none;font-size:16px;line-height:34px;padding-left:15px;border-left:1px solid #555555;height:34px;margin-left:15px;display:inline-block;}
footer .links-2{float:left;width:100%;text-align:center;margin:20px auto;}
footer .links-2 a{color:#aaaaaa;font-size:12px;text-decoration:none;margin:0 10px;}
footer .copyright{float:left;width:100%;text-align:center;margin-bottom:40px;color:#aaaaaa;font-size:11px;}

footer.login{float:left;width:100%;position:fixed;bottom:0;border-top:1px solid #000000;padding:0;background-color:#ffffff;}
footer.login p{float:left;width:96%;margin:0 2%;font-size:13px;}
footer.login p a{text-decoration:none;color:#000000;}


.form-reset-pass{width:100%;padding:0;background-color:#ffffff;float:left;margin-top:80px;}
.form-reset-pass .box{width:600px;background-color:#ffffff;float:left;position:absolute;left:50%;margin-left:-300px;border:1px solid #5c5858;margin-top:30px;-webkit-box-shadow: 0px 5px 30px 0 #999999;-moz-box-shadow: 0px 5px 30px 0 #999999;box-shadow: 0px 5px 30px 0 #999999;}
.form-reset-pass h3{text-align:center;float:left;width:100%;}
.form-reset-pass p{float:left;width:540px;margin:20px 30px 5px 30px;color:#666666;}
.form-reset-pass input{float:left;width:518px;height:35px;border:1px solid #cccccc;padding:0 10px;margin:0 30px 20px 30px;font-size:16px;color:#666666;}
.form-reset-pass a{float:left;margin:0 30px;color:#999999;text-decoration:none;height:35px;line-height:35px;}
.form-reset-pass input[type=submit]{float:right;width:150px;height:35px;background-color:#5c5858;line-height:35px;text-align:center;color:#ffffff;cursor:pointer;margin:0 30px 30px;}
.form-reset-pass input[type=submit]:hover{color:#21eb1f;}

.form-signup{width:100%;padding:0;background-color:#ffffff;float:left;margin-top:80px;}
.form-signup .box{width:600px;background-color:#ffffff;float:left;position:absolute;left:50%;margin-left:-300px;border:1px solid #5c5858;margin-top:30px;-webkit-box-shadow: 0px 5px 30px 0 #999999;-moz-box-shadow: 0px 5px 30px 0 #999999;box-shadow: 0px 5px 30px 0 #999999;}
.form-signup .box .left{float:left;padding:20px;width:360px;}
.form-signup .box .left h3{color:#000000;}
.form-signup .box .left p{float:left;width:100%;text-align:left;margin:20px 0;font-size:12px;color:#666666;}
.form-signup .box .left p a{color:#21eb1f;text-decoration:none;}
.form-signup .logo{float:left;width:100%;background: url(../img/institutional/logo.png) center center no-repeat;text-indent: -99999px;background-size: contain;height:20px;margin-bottom:20px;}
.form-signup input{float:left;width:278px;height:35px;border:1px solid #cccccc;padding:0 10px;margin-bottom:20px;font-size:16px;color:#666666;}
.form-signup input[type=submit]{float:left;width:150px;height:35px;background-color:#5c5858;line-height:35px;text-align:center;color:#ffffff;cursor:pointer;margin:0 75px;}
.form-signup input[type=submit]:hover{color:#21eb1f;}
.form-signup .box .left .checkbox{float:left;width:100%;font-size:14px;margin-bottom:6px;color:#666666;}
.form-signup .box .left .checkbox input[type=checkbox]{float:left;width:14px;height:14px;background-color:#ffffff;}
.form-signup .box .border{float:left;width:1px;position:absolute;right:200px;height:270px;bottom:100px;background-color:#cccccc;}
.form-signup .box .right{float:right;padding:70px 20px 20px 20px;width:159px;}
.form-signup .box .right p{float:left;text-align:left;font-size:13px;margin-bottom:20px;color:#666666;}
.form-signup .box .right ul {float:left;width:139px;padding-left:20px;}
.form-signup .box .right ul li{float:left;width:139px;font-size:12px;margin-bottom:8px;color:#999999;}

.message{float:left;width:500px;padding:20px;border:1px solid #000000;margin:30px;}
.message p{margin:0;float:left;width:100%;}
.message.error{border-color:#b94a48;background-color:rgba(185, 74, 72, 0.2);}
.message.error p{color:#b94a48;}
.message.warning{border-color:#c09853;background-color:rgba(192, 152, 83, 0.2);}
.message.warning p{color:#c09853;}
.message.success{border-color:#468847;background-color:rgba(70, 136, 71, 0.2);}
.message.success p{color:#468847;}

.message-full{width:100%;margin:0;border:none;}
.message-full p{text-align:center;}