html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }
body {
  background-color:#fff;
  margin: 0px;
}
#maincontainer {
  position: relative;
  width: 728px;
  height: 90px;
  background-color: #212e61;
  border: 1px solid #000;
  overflow: hidden;
  cursor: pointer;
}

#fr1_logo{ position: absolute; top: 13px; left: 20px; z-index: 1; opacity: 0; transform: scale(1);}

#us_map{ position: absolute; top: 18px; left: 134px; opacity: 1; transform: scale(0); }
#arrow{ position: absolute; top: 28px; left: 202px; opacity: 0; transform: scale(0); }
#ind_map{ position: absolute; top: 18px; left: 230px; opacity: 1; transform: scale(0);}
#fr1_txt1{ position: absolute; top: 27px; left: 323px; opacity: 1; transform: scale(0); }

#fr1_img1{ position: absolute; z-index: 1; top: -1px; right: 0px; opacity:1; }

#fr2_img1{ position: absolute; z-index: 1; top: -1px; left: -228px; opacity:1; }
#fr2_txt1{ position: absolute; top: 26px; left: 165px; opacity: 1; transform: scale(0); }

#fr3_img1{ position: absolute; z-index: 1; top: -1px; left: -228px; opacity:1; }
#fr3_txt1{ position: absolute; top: 26px; left: 145px; opacity: 1; transform: scale(0); }

#fr4_img1{ position: absolute; height: 90px; width: 728px; top: 0px; left: 728px; opacity:1; background-color: rgba(33, 46, 97, 1);}
#fr4_logo{ position: absolute; top: 13px; left: 20px; opacity:0; transform: scale(0);}
#fr4_batch{ position: absolute; top: 19px; left: 248px; opacity:0; transform: scale(1.5);}
#fr4_txt1{ position: absolute; top: 55px; left: 150px; opacity:0; transform: scale(1.5);}
#cta{ position: absolute; top: 48px; left: 555px; opacity:0; transform: scale(0);}

#img-box{ position: absolute; width: 228px; height: 90px; top: 0px; right: 0px; overflow: hidden; }

#fpo1{ position: absolute; top: 0; left: 0; }