body{font-size:18px;}
#intro{position:absolute;width:100%;height:100%}
#intropod{position:relative;padding-top:20%;padding-left:20%;padding-right:20%;color:#fefefe;margin:auto;width:60%;text-align:center}
.bodyBg{position:fixed;z-index:-1;top:0px;left:0px;height:100%;width:100%;background:#000}

.bodyBgImg{position:fixed;z-index:-1;top:0px;left:0px;height:100%;width:100%}
.wwHome{background:#000 url(../img/ww_home.jpg) no-repeat left top;background-size:cover}
.amHome{background:#000 url(../img/am_home.jpg) no-repeat left top;background-size:cover}
.pmHome{background:#000 url(../img/pm_home.jpg) no-repeat left top;background-size:cover}


.loginHeading{text-align:center;color:#8E88A2;padding-top:20px}
.loginHead{position:fixed;display:block;height:99px;top:0px;left:0px;right:0px;background:rgba(255,255,255,0.9);border-bottom:1px solid #CCC;filter: drop-shadow(5px 5px 5px #49494a);}
.wwwLogo{display:inline-block;width:165px;height:105px;background:transparent url(../brand/edge_apm_www.png) no-repeat 5px 5px;}

.loginTop{background:#8E88A2;height:30px}
.apmDesc{text-align:center;font-size:26px;margin-top:10px}
.apmDeskBrand{color:#9088a2;font-size:26px}
.apmDesk{color:#4a4a49;font-size:22px}
.apmDeskProduct{color:#4a4a49;font-size:30px}
.loginTitle{color:#aaa}
#user:focus{border-bottom:3px solid #CD6139}
#password:focus{border-bottom:3px solid #CD6139}
.publicImg{width:90px;height:90px;background:rgba(255,255,255,0.3);border-radius:10px;-webkit-border-radius:10px}
h4{color:#aaa;font-style:normal}
h1,.h1{font-size:30px;margin:0px;margin-bottom:5px;font-weight:bolder}

.lowerOptions{background:rgba(255,255,255,0.99);position:fixed;left:0px;bottom:30px;right:0px;height:150px;filter: drop-shadow(5px 5px 5px #49494a);}
.lowerOptions span{display:none}
.lowerPm{display:block;border:1px solid #4a4a49;position:absolute;left:0px;right:67%;height:150px;background:transparent  url(../brand/apm_portfolio.png) no-repeat center center}
.lowerBureau{display:block;border:1px solid #4a4a49;border-left:0px;border-right:0px;position:absolute;left:0px;left:33%;right:33%;height:150px;background:transparent  url(../brand/apm_bureau.png) no-repeat center center}
.lowerAm{display:block;border:1px solid #4a4a49;position:absolute;left:67%;right:0px;height:150px;background:transparent  url(../brand/apm_asset.png) no-repeat center center}
a.lowerPm:hover,a.lowerAm:hover,a.lowerBureau:hover,a.lowerOn{background-color:rgba(200,200,200,0.8)}

.bodyContent{position:fixed;top:100px;bottom:0px;left:0px;right:0px;overflow-y:auto;
            color:#fff;min-width:400px;padding-top:20px;}
.headSection h1{font-size:36pt;}
.headSection h2{font-size:26pt;}
.headSection{position:relative;height:400px}
.headSectionIn{padding-left:15%;padding-right:10%}
.headSectionSml{height:150px}
.readPod{padding:10px;background:rgba(255,255,255,0.95);color:#49494a;border-top:1px solid #000;border-bottom:1px solid #000;
        box-shadow:inset 0px 2px 3px #49494a;}
.readPodIn{padding-left:15%;padding-right:10%}
.readPodInLeft{float:left;width:60%}
.readPodInRight{float:left;width:40%}
.apmStats{height:400px;margin:20px;background:transparent url(../apm_stats.png) no-repeat left top;background-size:contain}
.splashScreens{background:#343432}
.splashScreen1{display:inline-block;width:33%;min-height:400px;background:#343432 url(../img/hs_pm1.png) no-repeat center center;background-size:contain}
.splashScreen2{display:inline-block;width:33%;min-height:400px;background:#343432 url(../img/hs_pm2.png) no-repeat center center;background-size:contain}
.splashScreen3{display:inline-block;width:33%;min-height:400px;background:#343432 url(../img/hs_pm3.png) no-repeat center center;background-size:contain}

@media screen and (max-width:960px) {
  .readPodInLeft,.readPodInRight {float:none;width:100%}
  .apmStats{height:600px;width:100%;margin-top:60px}
  .splashScreen1,.splashScreen2,.splashScreen3{width:100%;margin-top:20px;margin-bottom:20px}
}
@media screen and (max-width:800px) {
    #btnAmTop{display:none;}
}
@media screen and (max-width:600px) {
    #btnAmTop,#btnPmTop{display:none;}
}
.reporting{}
.rIcon{display:inline-block;width:100px;height:140px;line-height:20px;text-align:center;font-weight:bold;vertical-align:top;margin-right:10px}
.rIcon i{display:inline-block;width:100px;height:100px;background:transparent url(../img/rep_icons.png) no-repeat center bottom;
      background-size:100px;text-align:center;font-weight:bold}
.rMEES i{background-position-y:0px}
.rGHG i{background-position-y:-100px}
.rTCFD i{background-position-y:-200px}
.rGRESB i{background-position-y:-300px}
.rESG i{background-position-y:-400px}
.rSFDR i{background-position-y:-500px}
.rIFRS i{background-position-y:-600px}

.blurb{max-width:1200px;min-width:600px;}
.tandcsPod{background:rgba(255,255,255,0.95);}
.privacyPod{background:rgba(255,255,255,0.95);position:fixed;top:20px;bottom:50px;left:50%;margin-left:-500px;width:1000px}
.privacyPod pre{font-size:12px;font-family:Lato;white-space: pre-wrap}
#keepLabel{color:#999; font-size:10px}



.iconsPortfolio{position:absolute;top:330px;left:20%;right:15%;height:70px;background:transparent url(../img/icons_portfolio.png) no-repeat left top}
.iconsAsset{position:absolute;top:330px;left:20%;right:15%;height:70px;background:transparent url(../img/icons_asset.png) no-repeat center bottom}

a.btn,input.btn{display:inline-block;background:#8E88A2 !important;color:#fefefe !important;height:40px;line-height:40px;
    padding-left:10px;padding-right:10px;vertical-align:middle;font-weight:normal !important;text-decoration:none}
a.btn:hover,input.btn:hover{background:#CD6139 !important}
a.btnOn{background:#4a4a49}


input{outline:none}
.inputPod{position:relative;padding:10px}
.inputPod .hint{z-index:1;position:absolute;font-size:20px;width:70%;padding-top:10px;left:-20px}
.inputPod input{z-index:2;border:1px solid #fff;height:40px;font-size:20px;padding-right:10px;font-weight:bold;background:transparent;border:0px;border-bottom:2px solid rgba(255,255,255,0.8)}
#action,#btnEnquire,.inputPod a.sub,.inputPod a.sub:hover,.inputPod a.sub:active,.inputPod a.sub:visited{
    box-sizing:content-box;text-decoration:none;font-weight:bold;font-size:20px;
    min-width:100px;height:30px;align-content:center;text-align:center;color:#444;border:1px solid #cdcdcd;
    display:inline-block;padding:5px;border-radius:2px;-webkit-border-radius:2px}
#action{margin:0px}
#action:hover,#action:active{background:#9088a2;color:#fefefe}

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
}

.tip{font-family:monospace;font-size:smaller;color:#ccc}
.hint{color:#ccc}
.mono{font-family:monospace}

#foot{color:#cdcdcd;position:fixed;left:0px;top:100%;height:0px;width:98%;z-index:100}
#footIn{position:absolute;top:-30px;line-height:20px;vertical-align:middle;width:100%;height:25px !important;background:rgba(142,136,162,0.8);
        color:#fefefe;font-size:11px;text-align:right;padding:5px;padding-right:2%}
#footIn a{font-size:10px;text-decoration:none;color:#121212}

.client_abrdn{background:transparent url(../clients/aberdeen.png) no-repeat center center;background-size:contain}
.client_resero{background:transparent url(../clients/resero.png) no-repeat center center;background-size:contain}
.client_mees{background:transparent url(../clients/mees.png) no-repeat center center;background-size:contain}
.client_mevans{background:transparent url(../clients/mevans.png) no-repeat center center;background-size:contain}