.frame {
  width: 100%;
  float: left;
  display: block;
  position: relative;
}
.frame-layout-1 {
  width: 100%;
  padding: 0;
  background: #3b7f8a;
  float: left;
  color: #fff;
}
.frame-layout-2 {
  width: 100%;
  padding: 0;
  background: #e9e9e9;
  float: left;
}
.frame-layout-3 {
  width: 100%;
  padding: 0;
  float: left;
  background: #000000;
  color: #fff;
}
.frame-layout-4 {
  width: 100%;
  padding: 5% 0;
  background: rgba(255, 255, 255, 0.8);
}
.frame-layout-5 {
  width: 100%;
  padding: 3% 0;
  float: left;
}
.frame-layout-6 {
  width: 100%;
  padding: 5% 0;
  background: #3b7f8a;
  float: left;
  color: #fff;
}
.frame-layout-7 {
  width: 100%;
  padding: 5% 0;
  float: left;
  background: #9c9c9c;
  color: #fff;
}
.frame-layout-8 {
  width: 100%;
  padding: 5% 0;
  float: left;
  background: #000000;
  color: #fff;
}
.frame-layout-9 {
  width: 100%;
  padding: 20px;
  background: rgba(255, 255, 255, 0.8);
}
.layout-2 {
  width: 100%;
  /*padding:40px 30px;*/
  color: #fff !important;
  float: left;
}
.frame-parallax {
  overflow: hidden;
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.frame-parallax:before {
  content: ' ';
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: block;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.frame-backgroundheight {
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto 100%;
}