@import url('balloon.css');
html, body {  height:inherit; }
a { color:#444; }
body { line-height: 18px; }
td { vertical-align:top; }
legend { margin: 0 0 10px 0; }
.flex { display: flex; align-items: center; justify-content: center; }

#header { border-bottom:0px; height:170px; }
#footer { margin-top:0px; }
#main { margin-top: 170px; min-height: -moz-calc(100vh - 440px); min-height: -webkit-calc(100vh - 440px); min-height: calc(100vh - 440px); padding: 40px 0; }

.cover { height: -moz-calc(100vh - 245px); height: -webkit-calc(100vh - 245px); height: calc(100vh - 245px); }
.cover .text { padding-top:170px; }


.table-vertical-lable { background: #EEE; text-transform: uppercase }
.sider-menu { width:80%; }
.sider-menu li { text-transform:uppercase; padding:5px 0; border-bottom:1px solid #DDD; font-size: 13px; }

.submenu li {  display:inline-block; }
.submenu li:after { content:" / "; color:#CCC; padding: 0 5px; }
.submenu li:last-child:after { content:""; }

.slide { position:relative; margin:0px; list-style:none; background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment: fixed; height: -moz-calc(100vh - 250px); height: -webkit-calc(100vh - 250px); height: calc(100vh - 250px); }

.item-row { padding: 60px 20px; font-size:14px; line-height:28px; }
.item-row img { margin-bottom:20px; }
.more { font-size:14px; margin-top:10px; padding-bottom:5px; border-bottom:1px solid #000; display:inline-block; }
.more2:after { content: "\f105"; font-family: FontAwesome; padding-left:20px; }

.category .item { margin:0px; width:50%; height:100%; color:#FFF; text-align:center; position:relative; }
.category .item .container { position:absolute; top:0; left:0; right:0; bottom:0; background-color: rgba(0, 0, 0, 0.5); z-index:2; text-align:center; }
.category .item .container h5 { position:absolute; bottom:40px; left:40px; font: 200 53px/45px 'Open Sans'; text-transform: uppercase; letter-spacing: 0.1em; text-shadow: 2px 2px #000; }
.category .item img { display:block; }
.category .item a { color:#FFF; }
.category .item:hover .container { opacity:0; }

.title-section { padding: 20px 0 20px 0; text-align:center; }
.title-section h1.title-header { font-size:35px; margin:20px 0 10px 0; }
.title-section ul { margin:0 auto; border-top:1px solid #DDD; border-bottom:1px solid #DDD; }
.title-section li { display:inline-block; padding: 10px 0; }
.title-section li.divider::after { content: " / "; }


.main.item-row { padding:60px 0; }
.box-row { padding-top:40px; }
.row-separator { padding-top:100px; }

.download-list { margin-bottom:40px; }
.download-list .span_1_of_2:nth-child(2n+1) { margin-left: 0; }
.list-staff { margin-top:10px; }
.list-staff .item { padding: 40px 0 0px 0; border-top:1px solid #DDD; padding-left:80px; position:relative; min-height:240px; }
.list-staff .item i.profile { position:absolute; left:0; top:40px; }
.list-staff .item ul.contact i { width:20px; text-align:center; }
.list-staff .item ul.contact { margin:20px 0; }

.governance .graph { margin: 0 auto; text-align:center; padding: 40px 0; }
.governance .graph li { width:200px; padding-top:170px; position:relative; display:inline-table; margin-right:20px; text-align:center; }
.governance .graph li .round { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top:0;  padding:20px; width:150px; height:150px; border-radius:200px; border:1px solid #000; }
.governance h3 { font-size:13px; margin-bottom:5px; }
.governance .list-cda li { width:33%; display:inline-block; margin:20px 0; text-align:center; padding-top:140px; position:relative; }
.governance .list-cda li img { position:absolute; left:0; right:0; top:0px; margin:0 auto; width:120px; height:120px; border-radius:200px; }

ul.list-categories li { display:inline;  }
ul.list-categories li:after { content:", ";  }
ul.list-categories li:last-child:after { content:"";  }

.dashboard { margin-top:20px; }
.list-report .item, .dashboard .item { padding-left:70px; position:relative; min-height:90px; border-bottom:1px solid #DDD; padding-right: 40px; }
.list-report .item i, .dashboard .item i, .list-staff i.profile { width:55px; height:55px; text-align:center; border-radius:200px; background:#999; color:#FFF; font-size:18px; padding:17px; position:absolute; left:0; top:0; }

ul.list-profile li { padding: 3px 0 3px 190px; position:relative; min-height:25px; }
ul.list-profile li b { top:3px; left:0px; width:180px; text-align:right; position:absolute; }
ul.list-profile.updates li { color:#777; }
ul.list-profile.updates li b { color:#000; }

ul.conditions { margin-top:20px; }
ul.conditions li { min-height:20px; margin-top:10px;}
ul.conditions li a { font-weight:bold; }

ul.legal li { margin-bottom:10px; padding-left:30px; position:relative; margin-top:10px; }
ul.legal li input { position:absolute; top:0; left:0px; }


.response { text-align:center; font-size:18px; padding:80px 0; position:relative; line-height: 28px; }
.response i { position:absolute; top:0; left:0; right:0; font-size:50px;  margin:0 auto; }


.tabs li a.selected, .tabs li a.selected:hover { border-bottom: 0px; background:#FFF; }
.tabs li a:hover { background:#EEE; border:1px solid #CCC; }
.tabs li a { border:1px solid #CCC;  }