@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "BentonSansRegular";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/BentonSans-Regular.eot?") format("embedded-opentype"),
    local("?"), url("fonts/BentonSans-Regular.otf"),
    url("fonts/BentonSans-Regular.woff"),
    url("fonts/BentonSans-Regular.ttf") format("truetype"),
    url("fonts/BentonSans-Regular.svg") format("svg");
}
@font-face {
  font-family: "BentonSansMedium";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/BentonSans-Medium.eot?") format("embedded-opentype"),
    local("?"), url("onts/BentonSans-Medium.otf"),
    url("fonts/BentonSans-Medium.woff"),
    url("fonts/BentonSans-Medium.ttf") format("truetype"),
    url("fonts/BentonSans-Medium.svg") format("svg");
}
@font-face {
  font-family: "BentonSansBold";
  font-style: normal;
  font-weight: normal;
  src: url("BentonSans-Bold.eot?") format("embedded-opentype"), local("?"),
    url("fonts/BentonSans-Bold.otf"), url("fonts/BentonSans-Bold.woff"),
    url("fonts/BentonSans-Bold.ttf") format("truetype"),
    url("fonts/BentonSans-Bold.svg") format("svg");
}

@font-face {
  font-family: "BentonSansBook";
  font-style: normal;
  font-weight: normal;
  src: url("BentonSans-Book.eot?") format("embedded-opentype"), local("?"),
    url("fonts/BentonSans-Book.otf"), url("fonts/BentonSans-Book.woff"),
    url("fonts/BentonSans-Book.ttf") format("truetype"),
    url("fonts/BentonSans-Book.svg") format("svg");
}

html {
  height: 100%;
  background: #fff;
}
body {
  font-family: "BentonSansRegular";
  font-size: 1.1vw;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  margin: 0px;
  padding: 0px;
  left: 0px;
  top: 0px;
  position: relative;
  height: 100%;
}

a {
  text-decoration: none;
}
.sap-container-fluid {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  display: block; /*overflow: hidden;*/
}
.tab-content {
  position: absolute;
  left: 0;
  background: #fff;
  top: 0;
  width: 100%;
  height: 100%;
}
.tab-content .tab-pane {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.wlogo {
  position: fixed;
  z-index: 111;
  width: 100%;
  top: 0;
  left: 0;
  height: 4.5vw;
}
.wlogo.logo_wbg {
  background: #ffffff;
}

.sap-container-fullwidth {
  width: 100%;
  clear: both;
  position: relative;
  z-index: 11;
}
.homepage .sap-container-fullwidth {
  height: 100%;
}
.sap-logo {
  padding: 0;
  position: absolute;
  left: 0;
  top: 0.8vw;
  z-index: 111;
}
.sap-logo span {
  display: block;
  font-size: 12px;
  color: #000000;
}
.footer {
  padding-top: 10px;
  padding-bottom: 10px;
}
.rightalign {
  text-align: right;
}
.copyright {
  color: #999;
  padding-top: 5px;
  font-size: 12px;
}

#overview {
  background: url(../images/bg_overview.jpg) no-repeat top center;
  background-size: cover;
  overflow: hidden;
}
.customerexpectations {
  background: url(../images/bg_ideal-solution.jpg) no-repeat top center;
  background-size: cover;
}
#usecases {
  background: url(../images/bg_usecase2.jpg) no-repeat top center;
  background-size: cover;
}
#usecases1 {
  background: url(../images/bg_usecase2.jpg) no-repeat top center;
  background-size: cover;
}
#idealsolution {
  background: url(../images/bg_ideal-solution.jpg) no-repeat top center;
  background-size: cover;
}
#foundation {
  background: url(../images/bg_foundation.jpg) no-repeat top center;
  background-size: cover;
}
.dataintelligence {
  background: url(../images/bg_sap-data-intelligence.jpg) no-repeat top center;
  background-size: cover;
}
.dataintelligence1 {
  background: url(../images/bg_sap-data-intelligence1.jpg) no-repeat top center;
  background-size: cover;
}
.dataintelligence2 {
  background: url(../images/bg_sap-data-intelligence2.jpg) no-repeat top center;
  background-size: cover;
}
#freetrial {
  background: url(../images/bg_free-trial.jpg) no-repeat top center;
  background-size: cover;
  color: #fff;
}

#freetrial .col-sm-7 a {
  color: #2fa0e0;
  font-family: "BentonSansMedium";
  text-decoration: underline;
}
.container {
  z-index: 1;
  position: relative;
}
.overlay-white {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 0;
}
.overlay-white1 {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 0;
}
.overlay-black {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
}
.overlay-black1 {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
}
.overlay-black3 {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 0;
}
.sap-content {
  z-index: 1;
  position: relative;
  padding-top: 55px;
}

.homeslide {
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 58px 0 0 0;
}
.sap-slide {
  width: 16.6%;
  height: 100%;
  vertical-align: top;
  position: relative;
  margin: 0 2px 0 0px;
  float: left;
  overflow: hidden;
}
.sap-slide.lastslide {
  margin-right: -90px !important;
}
.simg {
  width: auto;
  margin: 0px 0 0 0;
  height: 100%;
  min-width: 100%;
}
.stext {
  position: absolute;
  left: 5px;
  top: 31%;
  padding: 10px;
  width: 97%;
}
.slide2 .stext,
.slide4 .stext,
.slide6 .stext {
  top: 42%;
}
.slide1 .simg1 {
}
.s-number {
  font-family: "BentonSansBold";
  color: #fff;
  font-size: 35px;
}
.s-desc {
  font-family: "BentonSansRegular";
  color: #fff;
  font-size: 17px;
  width: 77%;
}
.sap-slide.lastslide .s-desc {
  width: 100%;
}
.s-readmore {
}
.s-readmore a {
  background: #2fa0e0;
  border: 0px;
  border-radius: 0px;
  color: #fff;
  padding: 3px 12px;
  display: inline-block;
  margin: 12px 0 0 0;
  font-size: 15px;
}
.sap-slide:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
}

.downarrow {
  position: absolute;
  text-align: center;
  bottom: 52px;
  width: 100%;
  z-index: 111;
}
.downarrow img,
.downarrow-right img {
  width: 45px;
  position: relative;
  z-index: 111;
}
.downarrow-right {
  position: absolute;
  text-align: right;
  bottom: 62px;
  right: 26px;
  width: 100%; /* z-index: 111;*/
}
.next-link {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 45px;
  height: 40px;
  z-index: 111;
}
.prev-link {
  position: absolute;
  top: 41px;
  right: 0px;
  width: 45px;
  height: 40px;
  z-index: 111;
}
.bottom-sec {
  position: absolute;
  border-top: 10px solid #e35500;
  bottom: 44px;
  width: 100%;
  z-index: 111;
  background: url(../images/image001.jpg) no-repeat left top;
  background-size: cover;
  height: 200px;
  font-family: "BentonSansBook";
}
.bottom-sec.di_bottom_bg1 {
  background: url(../images/di-bottom-bg1.png) no-repeat left top;
  background-size: cover;
}
.bottom-sec.di_bottom_bg2 {
  background: url(../images/power_bg.jpg) no-repeat left top;
  background-size: cover;
}
.bottom-sec.di_bottom_bg3 {
  background: url(../images/power_bg3.jpg) no-repeat left top;
  background-size: cover;
}
.bottom-sec .container {
  display: flex;
  align-items: center;
  height: 100%;
  color: #fff;
  font-size: 1.3vw;
  font-family: "BentonSansBook";
}
#overview1 .bottom-sec .container {
  font-size: 1.8vw;
}
.bottom-sec .container strong,
.bottom-sec .container b {
  font-family: "BentonSansBold";
}
.di_bottom_bg2 .container {
  align-items: flex-start;
  padding: 25px 0 0 0;
}

.foundation-bottom,
.fbtext.font2,
.white-popup.usecase-popup .font4 {
  font-size: 14px !important;
}
.footer-container {
  position: fixed;
  text-align: left;
  background: #000;
  bottom: 0px;
  width: 100%;
  left: 0px;
  z-index: 1111;
  color: #fff;
}

.content-center {
  vertical-align: middle;
  display: flex;
  align-items: center;
  height: 85%;
  width: 100%;
}
.content-center .row {
  width: 100%;
}
.h66 {
  height: 73%;
}
.h96 {
  height: 96%;
}
#idealsolution .content-center {
  height: 96%;
}
#understand-di .content-center {
  height: 99%;
}

.head1 {
  font-family: "BentonSansBold";
  font-size: 2vw;
  line-height: 2.5vw;
  margin: 0 0 3px 0;
}
.head2 {
  color: #fff;
  font-family: "BentonSansBold";
  font-size: 4.1vw;
  line-height: 4.4vw;
}
.head4 {
  font-family: "BentonSansBold";
  font-size: 2.4vw;
  margin: -5px 0 0 0;
}
.head5 {
  font-family: "BentonSansBold";
  font-size: 1.1vw;
}
.font1 {
  font-size: 1.3vw;
}
.font2 {
  font-size: 1vw;
}
.font3 {
  font-size: 1.6vw;
}
.font4 {
  font-size: 0.85vw;
}
.font5 {
  font-size: 1.4vw;
  line-height: 1.9vw;
  font-family: "BentonSansBook";
}

.ornage_line {
  width: 100px;
  height: 4px;
  background: #e35500;
  margin: 30px 0 10px 0;
  clear: both;
}
.align1 {
  margin: 40px 0;
}
.align2 {
  margin: 40px 0 5px 0;
}
.sep1 {
  width: 100%;
  height: 20px;
}
.all-caps {
  text-transform: uppercase;
}
.color-orange {
  color: #e35500;
}
.number {
  color: #e35500;
  font-family: "BentonSansBold";
  font-size: 2.3vw;
}
.col-sm-5,
.nopadd-left {
  padding-left: 0px;
}
.sap-table {
  margin: 25px 0 0 0;
}
.sap-table td {
  padding: 0 0 28px 0;
  vertical-align: top;
}
.td-padding {
  padding: 0 20px 0 0;
}
#customerexpectations strong,
.bold-font strong {
  font-family: "BentonSansBold";
}
#idealsolution .sap-table strong {
  font-family: "BentonSansBook";
  font-weight: normal;
}

.intelligent-management {
  /*background: url(../images/group-341-bg.png) no-repeat top center;*/
  height: 212px;
  margin: 33px 0 43px 0;
}
.intelligent-management img {
  /*display:none;*/
}
.intelligent-management .container {
  height: 237px;
  width: 1173px;
}
.im-bg {
  margin: 0 0 0 -792px;
}
.cloud-1 {
  position: absolute;
  left: 222px;
  top: 69px;
  z-index: 111;
}
.satilitte {
  left: 290px;
  top: 0px;
  width: 58px;
}
.sat-line1 {
  position: absolute;
  left: 321px;
  bottom: 153px;
  width: 54px;
  height: 54px;
}
.sat-line2 {
  position: absolute;
  left: 190px;
  top: 42px;
  width: 119px;
  height: 111px;
}
.note1 {
  position: absolute;
  left: 152px;
  top: 151px;
}
.cloud2 {
  position: absolute;
  left: 204px;
  top: 23px;
}
.cloud3 {
  position: absolute;
  left: 462px;
  top: 23px;
}
.cloud4 {
  position: absolute;
  left: 727px;
  top: 38px;
}
.signal-animation {
  position: absolute;
  left: 563px;
  top: 142px;
  width: 54px;
  height: 22px;
}

.container.logobg {
  background: #fff;
  height: 4.2vw;
}
#usecases-all {
  overflow-y: scroll;
}
#usecases-all .downarrow-right {
  position: fixed;
}
.usecase_content {
  padding-bottom: 50px;
}
.use-case .sap-content,
.use-case .row {
  height: 100%;
}
.use-case .align1 {
  vertical-align: middle;
  display: flex;
  align-items: center;
  height: 65%;
}
.usecase-whitebg strong,
.usecase-whitebg b {
  font-family: "BentonSansBold";
}
.usecase_blocks .col-sm-2 {
  width: 17%;
  margin: 0 15px 15px 0;
  padding: 0;
}
.usecase_blocks .usecase_block_last {
  margin-right: 0;
}
.usecase_block img {
  width: 100%;
  height: 9vw;
}
.usecase_blocks .row {
  margin: 20px -30px 0 0;
}
.usecase-head {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  left: 0;
  top: 0;
  font-family: "BentonSansBold";
  color: #fff;
  font-size: 13px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  align-content: center;
  opacity: 1;
}
.usecase-head:hover {
  opacity: 1;
}
.usecase-head a {
  color: #fff;
  margin: 0 auto;
}
.usecase-head:hover a,
.usecase-head a:hover {
  color: #e35500;
}
.usecase-whitebg .font4 {
  font-family: "BentonSansBold";
}

.btn-ornage {
  margin: 10px 0 0 4px;
}
#idealsolution .btn-ornage {
  z-index: 1;
  position: relative;
}
.btn-ornage a {
  background: #2fa0e0;
  padding: 5px 14px;
  border-radius: 14px;
  color: #fff;
  display: inline-block;
}
#freetrial .align1 .col-sm-3 {
  text-align: center;
}
#freetrial .align1 .col-sm-3 img {
  max-width: 280px;
  width: 100%;
}
.download-link {
}
.download-link a {
  background: #2fa0e0;
  border: 0px;
  border-radius: 0px;
  color: #fff;
  padding: 5px 14px;
  display: inline-block;
  margin: 20px 0 17px 0;
  font-size: 15px;
}
.p_img img {
  width: 100%;
}

.foundation-bottom {
  position: absolute;
  bottom: 80px;
  left: 0px;
  width: 100%;
}
.foundation_ct {
  position: relative;
  min-height: 1032px;
  font-size: 23px;
}
.f-block1 {
  position: absolute;
  left: 0;
  top: 0px;
  width: 1994px;
  height: 327px;
}
.width-ani {
  width: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
}
.width-animationlt {
  left: 0px;
}
.width-animationrt {
  right: 0px;
}
.width-animation1 {
  height: 327px;
}
.width-animationlt img {
  left: 0px;
  top: 0px;
  position: absolute;
}
.width-animationrt img {
  right: 0px;
  top: 0px;
  position: absolute;
}
.fsec {
  position: absolute;
  width: 232px;
  height: 190px;
  top: 14px;
  color: #fff;
  text-align: center;
}
.fsec1 {
  left: 725px;
}
.fsec2 {
  left: 1050px;
}
.fsec3 {
  left: 1350px;
}
.fh_head {
  color: #7f7f7f;
  font-family: "BentonSansBold";
  font-size: 15px;
  position: absolute;
  left: 756px;
  top: 206px;
  line-height: 19px;
  width: 150px;
  text-align: center;
  display: none;
}
.fh_text1 {
  position: absolute;
  left: 1060px;
  top: 264px;
  width: 97px;
  height: 21px;
}
.rel-center {
  margin: 0 auto;
  position: relative;
}
.text1 {
  font-size: 22px;
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
}
.height-ani {
  height: 0px;
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
}
.height-ani-bottom {
  bottom: 0px;
}
.height-ani-bottom img {
  left: 0px;
  bottom: 0px;
  position: absolute;
}
.height-ani-top {
  top: 0px;
}
.height-ani-top img {
  left: 0px;
  top: 0px;
  position: absolute;
}
.farrow1 {
  position: absolute;
  left: 1890px;
  top: 172px;
}
.farrow2 {
  position: absolute;
  left: 1901px;
  top: 679px;
}
.farrow3 {
  position: absolute;
  left: 1397px;
  top: 685px;
}
.f-block2 {
  position: absolute;
  left: 1781px;
  top: 126px;
  width: 350px;
  height: 652px;
}
.fh_text2 {
  position: absolute;
  left: 66px;
  top: 253px;
  z-index: 1;
  width: 24px;
  height: 72px;
}
.height_100 {
  height: 100%;
}
.absolute-center {
  position: absolute;
}
.learn {
  position: absolute;
  width: 500px;
  height: 72px;
  color: #000;
}
.learn1 {
  left: 169px;
  top: 128px;
}
.learn2 {
  left: 188px;
  top: 235px;
}
.learn3 {
  left: 195px;
  top: 335px;
}
.learn4 {
  left: 165px;
  top: 436px;
}
.l-a1 {
  left: 132px;
  top: 28px;
}
.l-a2 {
  left: 131px;
  top: 21px;
}
.l-a3 {
  left: 128px;
  top: 31px;
}
.l-a4 {
  left: 130px;
  top: 36px;
}
.ltext {
  position: absolute;
}
.l-text1 {
  left: 241px;
  top: 21px;
}
.l-text2 {
  left: 236px;
  top: 14px;
}
.l-text3 {
  left: 234px;
  top: 24px;
}
.l-text4 {
  left: 244px;
  top: 30px;
}
.f-block3 {
  position: absolute;
  left: 1336px;
  top: 572px;
  width: 655px;
  height: 345px;
}
.fh_text3 {
  position: absolute;
  left: 271px;
  top: 62px;
  z-index: 1;
  width: 67px;
  height: 23px;
}
.fscale {
  position: absolute;
  width: 500px;
  height: 145px;
  color: #000;
}
.fscale1 {
  left: 444px;
  top: 127px;
}
.fscale2 {
  left: 343px;
  top: 207px;
}
.fscale3 {
  left: 232px;
  top: 197px;
}
.fscale4 {
  left: 128px;
  top: 155px;
}
.s-a1 {
  top: 158px;
  left: 95px;
}
.s-a2 {
  top: 124px;
  left: 70px;
}
.s-a3 {
  top: 135px;
  left: -15px;
}
.s-a4 {
  top: 117px;
  left: -62px;
}
.fstext {
  position: absolute;
}
.s-text1 {
  left: 137px;
  top: 201px;
}
.s-text2 {
  left: -12px;
  top: 205px;
}
.s-text3 {
  left: -150px;
  top: 216px;
}
.s-text4 {
  left: -266px;
  top: 170px;
}
.f-block4 {
  position: absolute;
  left: 1199px;
  top: 325px;
  width: 344px;
  height: 455px;
}
.fh_text4 {
  position: absolute;
  left: 240px;
  top: 50px;
  z-index: 1;
  width: 65px;
  height: 198px;
}
.fconsume {
  position: absolute;
  width: 500px;
  height: 75px;
  color: #000;
}
.fconsume1 {
  left: 107px;
  top: 249px;
}
.fconsume2 {
  left: 70px;
  top: 155px;
}
.fconsume3 {
  left: 80px;
  top: 32px;
}
.c-a1 {
  top: 29px;
  left: -148px;
}
.c-a2 {
  top: 19px;
  left: -148px;
}
.c-a3 {
  top: 43px;
  left: -136px;
}
.ctext {
  position: absolute;
}
.c-text1 {
  left: -486px;
  top: 23px;
}
.c-text2 {
  left: -403px;
  top: 12px;
}
.c-text3 {
  left: -406px;
  top: 34px;
}

#freetrial .col-sm-5 {
  padding: 0 0 0 30px !important;
}

.digdeeper-logo a {
  border-right: 2px solid #ccc;
  display: inline-flex;
  height: 50px;
  padding: 0 10px;
  align-items: center;
  justify-content: center;
}
.usecase-whitebg .digdeeper-logo img {
  width: 50px;
  height: auto;
  margin: 0;
}
.digdeeper-logo {
  display: flex;
  margin: 5px 0 0 -10px;
}
.digdeeper-logo a:last-child {
  border-right: 0px;
}

.dataintelligence-content {
  clear: both;
  width: 100%;
  margin: 40px 0 10px 0;
  float: left;
}

.figure14-sec {
  width: 1600px;
  height: 684px;
  position: relative;
}
.left-circle {
  position: absolute;
  left: 20px;
  top: 208px;
  width: 201px;
  text-align: center;
}
.left-circle img {
  margin: 0 0 0 0px;
}
.left-circle-line {
  position: absolute;
  left: 202px;
  top: 286px;
  width: 49px;
  height: 14px;
  overflow: hidden;
}
.left-circle-line img {
  position: absolute;
  left: 0;
  top: 0;
}
.f14-head1 {
  text-align: center;
  font-size: 21px;
  line-height: 26px;
  font-family: "BentonSansBold";
}
.f14-desc1 {
  font-size: 16px;
}
.grayline1 {
  position: absolute;
  left: 205px;
  top: 81px;
  width: 10px;
  height: 198px;
}
.grayline2 {
  position: absolute;
  left: 218px;
  top: 81px;
  width: 538px;
  height: 10px;
}
.rgrayline1 {
  left: 1420px;
}
.rgrayline2 {
  left: 876px;
}
.graybox1 {
  position: absolute;
  left: 251px;
  top: 149px;
  width: 1125px;
  height: 290px;
}
.waveline {
  height: 271px;
  left: 7px;
  top: 10px;
}
.graybox-sec {
  width: 200px;
  top: 82px;
  text-align: center;
  font-size: 19px;
  font-family: "BentonSansBold";
  position: absolute;
}
.gsec1 {
  left: 92px;
}
.gsec2 {
  left: 466px;
}
.gsec3 {
  left: 825px;
}
.rightarrow {
  position: absolute;
  left: 1380px;
  top: 288px;
  width: 53px;
  height: 15px;
}
.right-circle {
  position: absolute;
  left: 1423px;
  top: 211px;
  width: 186px;
  text-align: center;
}
.top-text {
  background: url(../images/group477-8.png) no-repeat top left;
  width: 1227px;
  height: 145px;
  text-align: center;
  left: 205px;
  top: -80px;
  position: absolute;
}
.toptext {
  font-size: 32px;
  font-family: "BentonSansMedium";
  margin: 29px 0 1px 0;
}
.toptext-desc {
  font-size: 24px;
  font-family: "BentonSansRegular";
}
.toptext3 {
  margin: 112px 0 0 0;
  font-size: 21px;
}
.f14-bottom-sec {
  left: 205px;
  bottom: 100px;
}
.bottom-text {
  background: url(../images/group477-7.png) no-repeat top left;
  width: 1231px;
  height: 143px;
  text-align: center;
  left: 0px;
  bottom: 0px;
  position: absolute;
  padding: 50px 0 0 0;
  color: #fff;
}
.bottom-text .toptext {
  margin: 17px;
}
.fbtext {
  position: absolute;
  bottom: 40px;
  left: 0px;
}

.benefit_blocks {
  margin: 20px 0 0 0;
}
.benefit_blocks .col-sm-2 {
  width: 23%;
}
.b_block {
  padding: 33px 40px 44px 44px;
  color: #fff;
  position: relative;
  font-size: 1.2vw;
  height: 262px;
}
.b_block1 {
  background: transparent; /*url(../images/subtraction1.png) no-repeat top center;*/
  background-size: cover;
}
.b_block2 {
  background: transparent; /*url(../images/subtraction2.png) no-repeat top center;*/
  background-size: cover;
  margin: 0 25px;
}
.b_block3 {
  background: transparent; /*url(../images/subtraction3.png) no-repeat top center;*/
  background-size: cover;
  margin: 0 25px 0 0;
}
.b_block4 {
  background: transparent; /*url(../images/subtraction4.png) no-repeat top center;*/
  background-size: cover;
}
.b_block1:after {
  background: url(../images/subtraction1a.png) no-repeat left center;
  position: absolute;
  right: 0;
  top: 0;
  width: 20%;
  content: " ";
  background-size: 105% 101%;
  height: 100%;
}
.b_block1:before {
  background: url(../images/subtraction1b.png) repeat-x top center;
  position: absolute;
  left: 0;
  top: 0;
  width: 80%;
  content: " ";
  background-size: cover;
  height: 100%;
}
.b_block2:after {
  background: url(../images/subtraction2b.png) no-repeat left center;
  position: absolute;
  right: 0;
  top: 0;
  width: 20%;
  content: " ";
  background-size: 105% 101%;
  height: 100%;
}
.b_block2:before {
  background: url(../images/subtraction2a.png) repeat-x top center;
  position: absolute;
  left: 0;
  top: 0;
  width: 20%;
  content: " ";
  background-size: 105% 101%;
  height: 100%;
}
.b_b2_bg {
  background: url(../images/subtraction2c.png) repeat-x top center;
  position: absolute;
  width: 66%;
  height: 100%;
  left: 20%;
  top: 0;
  background-size: cover;
}
.b_block3:after {
  background: url(../images/subtraction3b.png) no-repeat left center;
  position: absolute;
  right: 0;
  top: 0;
  width: 20%;
  content: " ";
  background-size: 105% 101%;
  height: 100%;
}
.b_block3:before {
  background: url(../images/subtraction3a.png) repeat-x top center;
  position: absolute;
  left: 0;
  top: 0;
  width: 20%;
  content: " ";
  background-size: 105% 101%;
  height: 100%;
}
.b_b3_bg {
  background: url(../images/subtraction3c.png) repeat-x top center;
  position: absolute;
  width: 66%;
  height: 100%;
  left: 20%;
  top: 0;
  background-size: cover;
}
.b_block4:after {
  background: url(../images/subtraction4c.png) repeat-x left center;
  position: absolute;
  right: 0;
  top: 0;
  width: 80%;
  content: " ";
  background-size: cover;
  height: 100%;
}
.b_block4:before {
  background: url(../images/subtraction4b.png) no-repeat top center;
  position: absolute;
  left: 0;
  top: 0;
  width: 20%;
  content: " ";
  background-size: 105% 101%;
  height: 100%;
}
.benefit_blocks.bblock1 .col-sm-2 {
  width: 18%;
}
.benefit_blocks.bblock1 .b_block {
  height: 208px;
  padding: 56px 25px 59px 30px;
}
.bblock1 .b_block4 {
  background: transparent; /*url(../images/subtraction4a.png) no-repeat top center;*/
  background-size: cover;
  margin: 0 25px 0 0;
}
.bblock1 .barrows {
  right: -24px;
}
.b_block5 {
  background: transparent; /*url(../images/subtraction5.png) no-repeat top center;*/
  background-size: cover;
}
.dib4.b_block4:after {
  background: url(../images/subtraction4d.png) no-repeat left center;
  position: absolute;
  right: 0;
  top: 0;
  width: 20%;
  content: " ";
  height: 100%;
  background-size: 105% 101%;
}
.bblock1 .b_b4_bg {
  background: url(../images/subtraction4e.png) repeat-x top center;
  position: absolute;
  width: 66%;
  height: 100%;
  left: 20%;
  background-size: cover;
  top: 0;
}
.b_block5 {
  margin-right: -30px;
}
.b_block5:after {
  background: url(../images/subtraction5b.png) repeat-x left center;
  position: absolute;
  right: 0;
  top: 0;
  width: 80%;
  content: " ";
  background-size: cover;
  height: 100%;
}
.b_block5:before {
  background: url(../images/subtraction5a.png) no-repeat top center;
  position: absolute;
  left: 0;
  top: 0;
  width: 20%;
  content: " ";
  background-size: 105% 101%;
  height: 100%;
}
.b_img {
  margin: 0 auto 15px auto;
  display: block;
  z-index: 11;
  position: relative;
}
.bdesc {
  z-index: 11;
  position: relative;
}
.barrows {
  position: absolute;
  right: -21px;
  top: 43%;
}
.barrows img {
  width: 18px;
}

.img-width-80 {
  width: 80%;
  margin: 30px 0 0 0;
}
.img-center {
  margin: 30px auto 0;
}

.relative-div {
  position: relative;
}
.pos-absolute {
  position: absolute;
}
.abs-img img {
  position: absolute;
  left: 0;
  top: 0px;
}

.power_img {
  display: block;
  margin: 0 0 20px 0;
}
.power-blocks {
  font-family: "BentonSansBold";
  font-size: 1vw;
  margin: 18px 0 0 0;
}
.power-blocks .btn-ornage {
  margin: 0.8vw 0 0 0;
  font-family: "BentonSansRegular";
}
.plain_bg {
  background: #ccc;
  border-top: 10px solid #999;
  font-size: 13px;
}
.plain_bg .container {
  color: #000;
  padding: 0px 0 0 0;
  min-height: 100px;
}
.plain_bg .container strong {
  font-family: "BentonSansBold";
}
.pheight {
  height: 2.5vw;
}

.valign-middle {
  display: flex;
  align-items: center;
  height: 92%;
}
.valign-middle .sap-content {
  padding-top: 0px;
}
.col-sm-4.footer_social {
  padding-left: 0px;
}
.footer-container {
  font-size: 12px;
}
.foot-arrow.downarrow-right {
  bottom: 55px;
}
.footer_social img {
  vertical-align: middle;
  width: 25px;
  margin: 0 4px 0 0;
}
.footer_links {
  text-align: right;
  padding-top: 5px;
}
.footer_links a {
  color: #fff;
  padding: 0 0 0 10px;
}

.intelligent-management img {
}
.height66 {
  height: 62%;
}
.height100 {
  height: 100%;
}
.note-content {
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  font-size: 0.8vw;
}
.note-content a {
  color: #008fd3;
  font-family: "BentonSansMedium";
}

.spopup {
  position: relative;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
  font-family: "BentonSansRegular";
}
.spopup .mfp-close {
  color: #000;
}
.spopup .popup-content {
  min-height: auto;
  margin: 0px !important;
  padding: 30px 20px;
}
.spopup ul {
  margin: 4px 0 0 16px;
  padding: 0;
}
.spopup ul li {
  padding: 0 0 6px 0;
}
.show.show1 {
  display: none !important;
  visibility: hidden !important;
}
/* The actual popup */
.spopup .popuptexts {
  visibility: hidden;
  width: 430px;
  text-align: center;
  position: absolute;
  z-index: -1;
  bottom: 14px;
  left: 0%;
  margin-left: 0px;
}
.spopup .btn-ornage {
  background: #2fa0e0;
  padding: 5px 14px;
  border-radius: 0px;
  color: #fff;
  display: inline-block;
  cursor: pointer;
}

/* Toggle this class - hide and show the popup */
.spopup .show {
  visibility: visible;
  -webkit-animation: fadeInp 0.1s;
  animation: fadeInp 0.1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeInp {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInp {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.dropbtn {
  background: url(../images/group44.png) no-repeat top right;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 19px;
  background-size: 127px 55px;
  text-align: left;
  color: white;
  padding: 10px 30px;
  font-size: 24px;
  border: 1px solid #2fa0e0;
  cursor: pointer;
  width: 93%;
  font-family: "BentonSansRegular";
}

.dropbtn:hover,
.dropbtn:focus {
  outline: 0;
}

.dropdown {
  position: relative;
  display: inline-block;
  margin: 35px 0 0 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 82.05%;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  left: 8px;
}

.dropdown-content a {
  color: #7f7f7f;
  padding: 6px 16px;
  text-decoration: none;
  display: block;
  font-family: "BentonSansRegular";
  font-size: 22px;
}

.dropdown a:hover {
  background-color: #eee;
}

.show {
  display: block;
}

.nav {
  position: absolute;
  right: 0px;
  top: 20px;
  z-index: 11111; /*display: none;*/
  min-width: 30px;
  min-height: 30px;
}
.nav.nav-active {
  display: block;
}
.nav-icon {
  position: relative;
  font-size: 20px;
  cursor: pointer;
  font-family: "BentonSansBold";
}
.nav-icon img {
  top: 0;
  right: 0;
  position: absolute;
}
.nav .nav-tabs {
  border: 0px;
  margin: 0;
  padding: 0 20px 0 15px;
  width: 300px;
}
.nav-tabs li {
  list-style: none;
  display: inline-block;
  width: 100%;
}
.nav-tabs li.active {
  background: #f8f8f8;
  font-family: "BentonSansBold";
}
.closebtn {
  left: 0px;
}
.closebtn img {
  top: 0;
  left: 0;
  position: absolute;
}
.white-nav {
  display: none;
}
.white-nav.dblock {
  display: block;
}
.black-nav.dnone {
  display: none;
}
.nav-show .closebtn {
  left: -55px;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #fff;
  overflow-x: visible;

  padding-top: 15px;
  opacity: 0;
  box-shadow: 0px 5px 7px #ccc;
}
.show-trans {
  transition: 0.5s;
}
.nav-show {
  opacity: 1;
}
.sidenav li {
  padding: 14px 0;
  border-bottom: 1px solid #eee;
}
.sidenav li.lastli {
  border-bottom: 0px;
}
.sidenav a {
  padding: 0px 0 0 15px;
  text-decoration: none;
  font-size: 16px;
  color: #000;
  display: block;
  /*transition: 0.3s;*/
}

.sidenav a:hover {
  color: #000;
}

.sidenav .closebtn {
  position: absolute;
  top: 21px;
  font-size: 20px;
  margin-left: 0px;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 16px;
  }
}

[class*="collapsible"] {
  box-sizing: border-box;
  margin: 0 0 50px;
  padding: 0;
  position: relative;
  width: 100%;
}
[class*="collapsible"]::after {
  clear: both;
  content: "";
  display: table;
}

.collapsible-title {
  cursor: pointer;
  margin: 0;
  padding: 0 10px;
  width: 100%;
  font-weight: normal;
  font-size: 12px;
}
.collapsible-title.last-dt:after {
  border-right: 0px;
}
.collapsible-title:after {
  right: 0;
  position: absolute;
  width: 1px;
  top: 2px;
  height: 12px;
  border-right: 1px solid #000;
}
.collapsible-title.firsr-dt {
  padding-left: 0px;
}
.collapsible-title.is-active {
  font-family: "BentonSansBold";
}
.collapsible-title.is-active,
.collapsible-title:hover {
  color: #e35500;
}
.collapsible-title.is-active + .collapsible-content {
  display: block;
}
.collapsible-tabs-horizontal {
  margin: 0px !important;
}
.collapsible-tabs-horizontal .collapsible-title {
  float: left;
  width: auto;
}
.collapsible-content {
  display: none;
  margin: 0;
  padding: 0px;
  width: 100%;
}

.collapsible-tabs-horizontal .collapsible-content {
  float: right;
  margin: 20px 0 0 -100%;
}
.power-blocks .fade1 {
  z-index: 2;
}
.power-blocks .fade4 {
  z-index: 1;
}
.power-blocks .fade7 {
  z-index: 0;
}
.tlogo.zindex {
  z-index: 1 !important;
}
.sap-overlay-rotate-screen {
  display: none;
  align-items: center !important;
  justify-content: center !important;
  text-align: center;
  color: #fff;
  font-size: 17px;
  z-index: 1111111;
}
.mysSlides,
.mysSlides1 {
  display: none;
}
.popslide button {
  background: 0px;
  border: 0px;
  outline: 0px;
}
.white-popup .row {
  font-size: 0.96vw;
  height: 100%;
  font-family: "BentonSansBook";
}
.white-popup .collapsible-content {
  font-size: 0.96vw;
  line-height: 1.3vw;
}
.white-popup.usecase-popup .p_head2 {
  font-size: 1.8vw;
  margin: 0 0 35px 0;
  line-height: 2.4vw;
}
.lsapcenter {
  width: 100%;
}
.sap-overlay-rotate-screen h2 {
  font-size: 25px;
  font-family: "BentonSansBold";
}
#teconsent,
#teconsent a {
  display: none !important;
}

.asset-data-intelligence-popup .row {
  display: flex;
}

.commodity-price-prediction-popup .row {
  display: flex;
}

.maintenance-and-reliability-popup .row {
  display: flex;
}

.robotic-process-automation-popup .row {
  display: flex;
}

.supply-chain-resilience-cockpit-popup .row {
  display: flex;
}

.automated-supplier-invoice-management-popup .row {
  display: flex;
}

/* .asset-data-intelligence-popup ol {
  list-style: none;
  counter-reset: li;
}
.asset-data-intelligence-popup ol li {
  counter-increment: li;
}

.asset-data-intelligence-popup ol li::before {
  content: counter(li);
  color: red;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
} */

@media only screen and (min-width: 737px) and (max-width: 768px) and (orientation: portrait) {
  .sap-slide {
    animation: none !important;
    opacity: 1 !important;
    transform: translateZ(0) !important;
  }
  .sap-overlay-rotate-screen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 999;
    z-index: 1111111;
  }
  .lsapcenter {
    padding: 0px 0 0 0;
  }
  .sap-slide {
    width: 100%;
    height: 136px;
  }
  .s-number,
  .s-desc,
  .s-readmore {
    display: inline-block;
    vertical-align: middle;
  }
  .s-desc br {
    display: none;
  }
  .s-desc {
    width: 72% !important;
    margin: 0 0 0 13px !important;
  }
  .stext {
    top: 20% !important;
  }
  .simg {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .downarrow {
    bottom: 50px !important;
  }
  .sap-logo img {
    width: 80px !important;
  }
  .intelligent-management {
    height: 284px !important;
  }
  #overview1 .height66 {
    height: 60% !important;
  }
  #overview1 .height100 {
    margin-top: 35px !important;
  }
  .content-center {
    height: 92% !important;
  }
  .use-case .align1 {
    height: 75% !important;
  }
  .usecase_blocks .col-sm-2 {
    width: 17.5%;
  }
  .usecase-whitebg {
    width: 46% !important;
    height: 600px !important;
  }
  .white-popup.usecase-popup.popup-fullwidth .usecase-whitebg,
  .collapsible-content.popup-fullwidth .usecase-whitebg {
    width: 100% !important;
  }
  .white-popup .collapsible-title {
    margin: 568px 0 0 0 !important;
  }
  .white-popup.usecase-popup {
    padding-top: 60px !important;
  }
  #foundation .align1 {
    margin-top: 36px !important;
  }
  #foundation .foundation_ct {
    transform: scale(0.43) !important;
    margin: -25% 0 0 -63% !important;
  }
  .dataintelligence-content {
    margin: 72px 0 50px 0 !important;
  }
  #understand-di .figure14-sec {
    transform: scale(0.53) !important;
    margin: -27px 0 0 -373px !important;
  }
  .pbg {
    height: 427px !important;
  }
  #sap-di .col-sm-3 {
    width: 28% !important;
  }
  #mysPopup3 .popup-content,
  #mysPopup6 .popup-content {
    width: 350px !important;
  }
  .power-blocks {
    margin: 55px 0 0 0 !important;
  }
  #freetrial .col-sm-7 {
    padding-left: 60px !important;
  }
  .bgpop.small-popup.enterprise .popup-content {
    margin-top: 70px !important;
  }
  .bgpop.small-popup .popup-content {
    margin-top: 105px !important;
  }
  .p_img img {
    max-width: 100% !important;
  }
  .bottom-sec {
    height: 160px !important;
  }
  #why_use_di .font4 br {
    display: none;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  .foundation_ct {
    transform: scale(0.44);
    margin: -24% 0 0 -46%;
  }
  .figure14-sec {
    transform: scale(0.54);
    margin: 93px 0 0 -253px;
  }
  .pbg {
    height: 427px !important;
  }
  .bgpop .popup-content {
    margin: 54px 0 0 0 !important;
  }
}
@media only screen and (min-width: 1100px) and (max-width: 1600px) and (min-height: 680px) and (max-height: 770px) {
  .figure-img-600 img {
    width: 600px !important;
  }
}
@media only screen and (min-width: 850px) and (max-width: 1400px) and (min-height: 200px) and (max-height: 680px) {
  .bottom-sec {
    height: 130px;
  }
  .bottom-sec.di_bottom_bg3 {
    height: 165px;
  }
  .usecase_blocks .col-sm-2 {
    width: 13.4%;
  }
  .usecase-head {
    font-size: 10px !important;
  }
  .usecase_blocks .usecase_block_last {
    margin-right: 17%;
  }
  .usecase-whitebg {
    height: 470px !important;
  }
  .white-popup .collapsible-title {
    margin: 444px 0 0 0 !important;
  }
  .usecase-whitebg img {
    max-width: 69% !important;
  }
  .usecase-whitebg .figure-img-800.maxwidth800 img {
    max-width: 90% !important;
    margin: -7px 0 0 0 !important;
    width: 90% !important;
  }
  .usecase-whitebg .figure-img-325 img {
    width: 30% !important;
  }
  .usecase-whitebg .figure-img-530 img {
    width: 42% !important;
  }
  .usecase-whitebg .figure-img-480 img {
    width: 38% !important;
  }
  .usecase-whitebg .figure-img-580 img {
    width: 39% !important;
  }
  .usecase-whitebg .figure-img-600 img {
    width: 42% !important;
  }
  .usecase-whitebg .figure-img-700 img {
    width: 49% !important;
  }
  .usecase-whitebg .figure-img-720 img {
    width: 55% !important;
  }
  .usecase-whitebg .figure-img-730 img {
    width: 60% !important;
  }
  .usecase-whitebg .figure-img-740 img {
    width: 53% !important;
  }
  .usecase-whitebg .figure-img-800 img {
    width: 61% !important;
  }
  .usecase-whitebg .figure-img-890 img {
    width: 65% !important;
  }
  .usecase-whitebg .figure-img-850-max img {
    width: 68% !important;
  }
  .usecase-whitebg .figure-img-720-max img {
    width: 56% !important;
  }
  .usecase-whitebg div.figure-img-480-max img {
    height: 52vh !important;
    margin: -40px 0 10px 0 !important;
  }
  .usecase-whitebg .figure-img-1020 img {
    width: 100%;
    max-width: 84% !important;
  }
  .usecase-whitebg .figure-img-1020.maxwidth img {
    max-width: 78% !important;
  }
  .usecase-whitebg .figure-img-1020-max img {
    width: 100%;
    max-width: 94% !important;
  }
  .content-center {
    height: 91% !important;
  }
  .sap-table td {
    padding: 0 0 8px 0 !important;
  }
  .bgpop .popup-content {
    margin-top: 6% !important;
  }
  .bgpop.intelligent .popup-content {
    margin-top: 3% !important;
  }
  .bgpop .popup-content {
    padding: 45px 44px !important;
  }
  .pbg.pbg1 {
    height: 425px !important;
  }
  .pbg {
    height: 450px !important;
  }
  .pbg.pbg2 {
    height: 480px !important;
  }
  .p_head1 {
    font-size: 21px !important;
  }
  .p_desc {
    font-size: 14px !important;
  }
  .p_desc2 {
    font-size: 13px !important;
  }
  .foundation_ct {
    transform: scale(0.38) !important;
    margin: -24% 0 0 -45% !important;
  }
  .figure14-sec {
    transform: scale(0.62) !important;
    margin: 58px 0 0 -253px !important;
  }
  #overview1 .sap-content {
    padding-top: 68px !important;
  }
  #overview1 .height66 {
    height: 65% !important;
  }
}
@media only screen and (min-width: 850px) and (max-width: 1600px) and (min-height: 680px) and (max-height: 1200px) {
  .usecase-whitebg div.figure-img-480-max img {
    height: 48vh !important;
    margin: -40px 0 10px 0 !important;
    max-height: 420px !important;
  }
}
@media only screen and (min-width: 850px) and (max-width: 1200px) {
  .align1 {
    margin: 5px 0 22px 0;
  }
  #overview1 .align1 {
    margin-top: 25px;
  }
  .content-center {
    height: 100%;
  }
  .lockimg {
    width: 108px;
  }
  .dropdown-content a {
    padding: 2px 16px;
    font-size: 17px;
  }
  .white-popup.usecase-popup .p_head2 {
    margin-bottom: 63px !important;
  }
  .sap-table td {
    padding: 0 0 12px 0;
  }
  .dataintelligence-content {
    margin: 16px 0 50px 0;
  }
  #sap-di .fade1,
  #power .fade1 {
    z-index: 2;
  }
  #sap-di .fade4,
  #power .fade4 {
    z-index: 1;
  }
  #sap-di .fade7,
  #power .fade7 {
    z-index: 0;
  }
  .usecase-whitebg img.vimg {
    max-width: 100% !important;
  }
}
@media only screen and (min-width: 850px) and (max-width: 1200px) and (min-height: 200px) and (max-height: 540px) {
  .intelligent-management .container {
    margin: -72px 0 0 -116px !important;
    transform: scale(0.6) !important;
  }
  .popup-container {
    max-width: 1070px;
    margin: 0 auto;
    width: 87% !important;
  }
  .spopup .popuptexts .popup-container {
    width: 100% !important;
  }
  .usecase-whitebg {
    height: 460px;
    width: 38.5% !important;
  }
  .white-popup.usecase-popup.popup-fullwidth .usecase-whitebg,
  .collapsible-content.popup-fullwidth .usecase-whitebg {
    width: 100% !important;
  }
  .white-popup .collapsible-title {
    margin: 435px 0 0 0 !important;
  }
  .white-popup.usecase-popup .popup-content {
    min-height: 450px !important;
  }
  .usecase-whitebg img {
    max-width: 80% !important;
  }
  .usecase-whitebg .figure-img-325 img {
    width: 35% !important;
  }
  .usecase-whitebg .figure-img-530 img {
    width: 50% !important;
  }
  .usecase-whitebg .figure-img-480 img {
    width: 44% !important;
  }
  .usecase-whitebg .figure-img-580 img {
    width: 44% !important;
  }
  .usecase-whitebg .figure-img-740 img {
    width: 58% !important;
  }
  .downarrow {
    bottom: 52px !important;
  }
  .foundation_ct {
    transform: scale(0.36) !important;
    margin: -29% 0 0 -48% !important;
  }
  .figure14-sec {
    transform: scale(0.62) !important;
    margin: 55px 0 0 -315px !important;
  }
}
@media only screen and (min-width: 850px) and (max-width: 1200px) and (min-height: 540px) and (max-height: 600px) {
  .intelligent-management .container {
    margin: -50px 0 0 -85px !important;
    transform: scale(0.75) !important;
  }
  .popup-container {
    max-width: 1070px;
    margin: 0 auto;
    width: 87% !important;
  }
  .spopup .popuptexts .popup-container {
    width: 100% !important;
  }
  .usecase-whitebg {
    height: 464px !important;
  }
  .white-popup.usecase-popup.popup-fullwidth .usecase-whitebg,
  .collapsible-content.popup-fullwidth .usecase-whitebg {
    width: 100% !important;
  }
  .white-popup .collapsible-title {
    margin: 440px 0 0 0 !important;
  }
  .white-popup.usecase-popup .popup-content {
    min-height: 464px !important;
  }
  .usecase-whitebg img {
    max-width: 56% !important;
  }
  .usecase-whitebg .figure-img-325 img {
    width: 38% !important;
  }
  .usecase-whitebg .figure-img-530 img {
    width: 50% !important;
  }
  .usecase-whitebg .figure-img-480 img {
    width: 44% !important;
  }
  .usecase-whitebg .figure-img-580 img {
    width: 44% !important;
  }
  .foundation_ct {
    transform: scale(0.4) !important;
    margin: -23% 0 0 -43% !important;
  }
  .figure14-sec {
    transform: scale(0.62) !important;
    margin: 55px 0 0 -315px !important;
  }
}
@media only screen and (min-width: 850px) and (max-width: 1200px) and (min-height: 530px) and (max-height: 730px) {
  .intelligent-management .container {
    margin: -22px 0 0 -80px;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1360px) and (min-height: 200px) and (max-height: 530px) {
  .intelligent-management .container {
    margin: -48px 0 0 0px;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1360px) and (min-height: 530px) and (max-height: 730px) {
  .intelligent-management .container {
    margin: -17px 0 0 -10px;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 900px) and (max-width: 1200px) {
  .b_img {
    height: 54px;
  }
  .b_block {
    padding: 32px 27px;
    height: 215px;
  }
  .benefit_blocks.bblock1 .b_block {
    height: 176px;
    padding: 27px 25px 20px 28px;
  }
  .benefit_blocks.bblock1 .b_block .barrows {
    top: 41%;
  }
  .benefit_blocks .col-sm-2 {
    width: 22%;
  }
  #power .bottom-sec .container span br,
  #overview1 .bottom-sec .container br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
}
@media only screen and (min-width: 900px) and (max-width: 1400px) {
  .sap-table td {
    padding: 0 0 17px 0;
  }
  .power-popup .popup-container {
    width: 88% !important;
  }
  .spopup .popuptexts .popup-container {
    width: 100% !important;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1360px) {
  .popup-container {
    max-width: 1170px;
    margin: 0 auto;
    width: 87% !important;
  }
  .spopup .popuptexts .popup-container {
    width: 100% !important;
  }
  .usecase-whitebg img {
    max-width: 94%;
    margin: 0 0 5px 0;
  }
  .usecase-whitebg img.vimg {
    max-width: 100% !important;
    margin: 10px 0 !important;
  }
  .figure-img-50 img {
    width: 60%;
  }
  .figure-img-60 img {
    width: 67%;
  }
  .figure-img-90 img {
    width: 87%;
  }
  .figure-img-70 img {
    width: 70%;
  }
  .figure-img-80 img {
    width: 80% !important;
  }
  .figure-img-92 img {
    width: 90%;
  }
  .figure-img-95 img {
    width: 95%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1800px) {
  .small-popup .popup-container {
    width: 88% !important;
    max-width: 88% !important;
  }
  .small-popup .popup-content {
    margin: 15% 0 0 0 !important;
  }
  .height66 {
    height: 60% !important;
  }
  .power-popup .popup-content {
    margin-top: 2% !important;
  }
  #foundation {
    overflow: hidden;
  }
}

@media only screen and (min-width: 1800px) and (max-width: 3200px) {
    
    
    
  .popup-container {
    /*width: 1400px !important;*/
    margin: 0 auto;
  }
  .small-popup .popup-container {
    width: 88% !important;
    max-width: 88% !important;
  }
  .spopup .popuptexts .popup-container {
    width: 100% !important;
  }
  .small-popup .popup-content {
    margin-top: 15% !important;
  }
  .power-popup .popup-content {
    margin-top: 4% !important;
  }
  .usecase-whitebg {
    height: 670px !important;
  }
  .white-popup .collapsible-title {
    margin: 640px 0 0 0 !important;
  }
  .white-popup {
  }
  .white-popup .collapsible-title {
    font-size: 12px !important;
  }

  #foundation {
    overflow: hidden;
  }
  .white-popup.usecase-popup .p_head2 {
    margin: 0 0 45px 0 !important;
    
  }

  .rscale {
    transform: scale(1.5);
    margin: 0 0 40px 82px !important;
  }
  #power .rscale {
    margin: 25px 0 42px 82px !important;
  }
  .b_img {
    transform: scale(1.4) !important;
    margin: 10px auto 30px auto !important;
  }
  
  
}
@media only screen and (min-width: 1800px) and (max-width: 3200px) and (min-height: 780px) and (max-height: 1300px) {
  .white-popup.usecase-popup {
    padding: 70px 0 0 0 !important;
  }
}

@media only screen and (min-width: 1800px) and (max-width: 3200px) {
  .figure-img-480 img {
    width: 630px;
  }
  .figure-img-580 img {
    width: 620px;
  }
  .figure-img-600 img {
    width: 700px;
  }
  .figure-img-1020 img {
    max-width: 80% !important;
    margin-top: -10px !important;
  }
  .figure-img-1040 img {
    max-width: 76% !important;
    margin-top: -10px !important;
  }
  .figure-img-1020.maxwidth img {
    max-width: 65% !important;
    margin-top: -10px !important;
  }
  .usecase-whitebg .figure-img-850-max img {
    width: 69% !important;
  }
  .usecase-whitebg .figure-img-720-max img {
    width: 65% !important;
  }
  .usecase-whitebg div.figure-img-480-max img {
    height: 51vh !important;
    margin: -30px 0 0 0 !important;
  }
  .figure-img-800.maxwidth800 img {
    max-width: 71% !important;
    margin: -7px 0 0 0;
  }
  .usecase-whitebg img {
    transform: scale(0.97);
    margin: 4px 0 4px !important;
  }
  #predictive-pricing .usecase-whitebg .figure-img-700 img,
  #predictive-simulation .usecase-whitebg .figure-img-580 img {
    transform: scale(1.01);
    margin: 10px 0 -15px !important;
  }
  #e-commerce-product .usecase-whitebg .figure-img-920 img {
    transform: scale(1.1) !important;
    margin: 35px 0 21px !important;
  }
  .usecase-whitebg img.vimg {
    max-width: 100% !important;
    transform: scale(1) !important;
    margin: 10px 0 !important;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 3000px) {
  .popup-container {
    width: 85% !important;
    margin: 0 auto;
  }
  .spopup .popuptexts .popup-container {
    width: 100% !important;
  }
  .sap-logo img {
    width: 78px;
  }
  .homeslide {
    padding: 4.4vw 0 0 0;
  }
  .nav-icon img,
  .closebtn img {
    width: 32px;
  }
  .sidenav .closebtn {
    top: 22px;
  }
  .stext {
    left: 6px;
  }
  .s-number {
    font-size: 50px;
  }
  .s-desc {
    font-size: 21px;
  }
  .power-popup.ppop .popup-content {
    min-height: 411px;
  }
  .collapsible-title {
    font-size: 15px;
  }
  .usecase_content .collapsible-title:after {
    height: 18px;
  }
  .align1 {
    margin: 56px 0;
  }
  .sap-table {
    margin: 40px 0 0 0;
  }
  .sap-table td {
    padding: 0 0 35px 0;
  }
  .usecase-head {
    font-size: 18px;
  }
  .benefit_blocks .col-sm-2 {
    height: 345px;
  }
  .b_block {
    padding: 40px 66px;
  }
  .b_block.b_block4 {
    padding: 40px 50px 40px 75px;
  }
  .benefit_blocks.bblock1 .b_block {
    height: 270px;
    padding: 46px 40px 66px 40px;
  }
  .benefit_blocks.bblock1 .b_block.b_block5 {
    padding-right: 10px;
  }
  .white-popup.usecase-popup {
    padding: 60px 0 0 0;
  }
  .downarrow {
    bottom: 60px;
  }
  .barrows {
    right: -25px;
    top: 44%;
  }
  .barrows img {
    width: 23px;
  }
  .bblock1 .barrows {
    right: -24px;
    top: 43%;
  }
  .bblock1 .barrows img {
    width: 18px;
  }
}
@media only screen and (min-width: 1700px) and (max-width: 2900px) {
  .stext {
    left: 12px;
  }
  .s-number {
    font-size: 60px;
  }
  .s-desc {
    font-size: 22px;
  }
  .collapsible-title {
    font-size: 18px;
  }
  .spopup {
    font-size: 15px;
  }
  .align1 {
    margin: 56px 0;
  }
  .lockimg {
    margin: 0 0 40px 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 2400px) {
  #understand-di .img-width-80 {
    max-width: 1182px;
  }
  dd.collapsible-content:last-child img { width: 400px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .foundation_ct {
    transform: scale(0.48);
    margin: -20% 0 0 -36%;
  }
  .figure14-sec {
    transform: scale(0.72);
    margin: 93px 0 0 -253px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1500px) {
  .foundation_ct {
    transform: scale(0.54);
    margin: -17% 0 0 -35%;
  }
  .figure14-sec {
    transform: scale(0.76);
    margin: 93px 0 0 -184px;
  }
}
@media only screen and (min-width: 1500px) and (max-width: 1600px) {
  .foundation_ct {
    transform: scale(0.54);
    margin: -17% 0 0 -31%;
  }
  .figure14-sec {
    transform: scale(0.76);
    margin: 93px 0 0 -108px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .foundation_ct {
    transform: scale(0.58);
    margin: -15% 0 0 -29%;
  }
  .figure14-sec {
    transform: scale(0.82);
    margin: 15px 0 0 -73px;
  }
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .foundation_ct {
    transform: scale(0.62);
    margin: -14% 0 0 -23%;
  }
  .figure14-sec {
    transform: scale(0.82);
    margin: 15px 0 0 -50px;
  }
}

@media only screen and (min-width: 1800px) and (max-width: 1900px) {
  .foundation_ct {
    transform: scale(0.56);
    margin: -11% 0 0 -29%;
    min-height: 960px !important;
  }
  .figure14-sec {
    transform: scale(0.92);
    margin: 80px 0 0 -13px;
  }
}
@media only screen and (min-width: 1900px) and (max-width: 3200px) {
  .foundation_ct {
    transform: scale(0.62);
    margin: -11% 0 0 -27%;
    min-height: 960px !important;
  }
  .figure14-sec {
    transform: scale(0.92);
    margin: 80px 0 0 13px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 3200px) and (min-height: 300px) and (max-height: 680px) {
  .figure-img-90 img {
    width: 68% !important;
  }
  .figure-img-60 img {
    width: 53% !important;
  }
  .figure-img-50 img {
    width: 42% !important;
  }
  .align1 {
    margin: 20px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) and (min-height: 300px) and (max-height: 630px) {
  .simg {
    width: 100%;
    margin: -46px 0 0 0;
    height: auto;
  }
  .white-popup.usecase-popup .popup-container {
    padding: 28px 28px 0;
  }
  .white-popup.usecase-popup {
    padding: 10px 0 0 0;
  }
  .white-popup.usecase-popup .p_head2 {
    margin: 0 0 22px 0;
  }
  .white-popup .collapsible-title {
    margin: 502px 0 0 0;
  }
  .usecase-whitebg {
    height: 532px;
  }
  .figure-img-740 img {
    width: 715px;
  }
  .figure-img-600 img {
    width: 590px;
  }
  .white-popup.usecase-popup .mfp-close {
    right: 8px;
    top: 7px;
  }
  .align2 {
    margin: 8px 0 5px 0;
  }
  .align1 {
    margin: 16px 0;
  }
  .intelligent-management {
    transform: scale(0.9);
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1200px) and (min-height: 680px) and (max-height: 730px) {
  .bgpop .popup-content {
    margin-top: 10% !important;
  }
  .p_head1 {
    font-size: 19px !important;
  }
  .p_desc {
    font-size: 13px !important;
  }
  .p_desc2 {
    font-size: 13px !important;
  }
  .pbg {
    height: 447px !important;
  }
  .intelligent .mfp-close {
    top: 11px !important;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1200px) and (min-height: 730px) and (max-height: 830px) {
  .bgpop .popup-content {
    margin-top: 10% !important;
  }
  .p_head1 {
    font-size: 19px !important;
  }
  .p_desc {
    font-size: 13px !important;
  }
  .p_desc2 {
    font-size: 13px !important;
  }
  .pbg {
    height: 447px !important;
  }
  .intelligent .mfp-close {
    top: 11px !important;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1200px) and (min-height: 830px) and (max-height: 1230px) {
  .bgpop .popup-content {
    margin-top: 13% !important;
  }
  .p_head1 {
    font-size: 19px !important;
  }
  .p_desc {
    font-size: 13px !important;
  }
  .p_desc2 {
    font-size: 13px !important;
  }
  .pbg {
    height: 447px !important;
  }
  .intelligent .mfp-close {
    top: 11px !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) and (min-height: 680px) and (max-height: 1230px) {
  .bgpop .popup-content {
    margin-top: 13% !important;
  }
  .bgpop.intelligent .popup-content {
    margin-top: 11% !important;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1800px) and (min-height: 680px) and (max-height: 1230px) {
  .bgpop .popup-content {
    margin-top: 16% !important;
  }
  .bgpop.intelligent .popup-content {
    margin-top: 14% !important;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 3200px) {
  .note-content {
    bottom: -20px !important;
    font-size: 0.7vw;
  }
}
@media only screen and (min-width: 1800px) and (max-width: 1900px) and (min-height: 680px) and (max-height: 1230px) {
  .bgpop .popup-content {
    margin-top: 14% !important;
    width: 444px !important;
  }
  .bgpop.intelligent .popup-content {
    margin-top: 13% !important;
  }
  .pbg {
    height: 550px !important;
    width: 445px !important;
  }
}
@media only screen and (min-width: 1900px) and (max-width: 3200px) and (min-height: 680px) and (max-height: 1230px) {
  .bgpop .popup-content {
    margin-top: 16% !important;
    width: 444px !important;
  }
  .pbg {
    height: 550px !important;
    width: 445px !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) and (min-height: 500px) and (max-height: 630px) {
  /*.sap-slide{max-height:570px;}*/
  .homepage .sap-container-fullwidth {
    height: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1800px) and (min-height: 500px) and (max-height: 630px) {
  .note-content {
    bottom: -20px !important;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) and (min-height: 500px) and (max-height: 1330px) {
  /*.sap-slide{max-height:570px;}*/
  .simg {
    width: auto;
    margin: 0px 0 0 0;
    height: 100%;
  }
  .homepage .sap-container-fullwidth {
    height: 100%;
  }
  .benefit_blocks.bblock1 .b_block {
    height: 220px;
    padding: 40px 24px 66px 30px;
    font-size: 19px;
  }
  .intelligent-management {
    margin: 15px 0 60px 0;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) and (min-height: 630px) and (max-height: 1800px) {
  /*.sap-slide{max-height:795px;}*/
  .simg {
    width: auto;
    margin: 0px 0 0 0;
    height: 100%;
  }
  .homepage .sap-container-fullwidth {
    height: 100%;
  }
  .height66 {
    height: 70%;
  }
  .intelligent-management {
    margin: 70px 0 0 0;
  }
}
@media only screen and (min-width: 1800px) and (max-width: 2600px) and (min-height: 630px) and (max-height: 870px) {
  /*.sap-slide{max-height:795px;}*/
  .simg {
    width: auto;
    margin: 0px 0 0 0;
    height: 100%;
  }
  .homepage .sap-container-fullwidth {
    height: 100%;
  }
  .intelligent-management {
    margin: 100px 0 0 0;
  }
}
@media only screen and (min-width: 1800px) and (max-width: 2600px) and (min-height: 870px) and (max-height: 1800px) {
  /*.sap-slide{max-height:910px;}*/
  .simg {
    width: auto;
    margin: 0px 0 0 0;
    height: 100%;
  }
  .homepage .sap-container-fullwidth {
    height: 100%;
  }
  .intelligent-management {
    margin: 100px 0 0 0;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 3200px) and (min-height: 780px) and (max-height: 1800px) {
  .bottom-sec {
    height: 245px;
  }
  .downarrow img,
  .downarrow-right img {
    width: 58px;
  }
  .next-link {
    width: 58px;
    height: 50px;
  }
  .prev-link {
    width: 58px;
    height: 50px;
    top: 51px;
  }
}

.flex{display:flex;}

.white-popup [align="center"] { text-align:left !important; }
.white-popup .row { display:block; }
.white-popup .row .figure-img-50 img { height:50vh !important; width:auto;   }
.white-popup .row .figure-img-35 img { height:36vh !important; width:auto;   }
.white-popup .row .figure-img-45 img { height:45vh !important; width:auto;   }
.white-popup .row .figure-img-40 img { height:40vh !important; width:auto;   }
.white-popup .row .figure-img-30 img { height:30vh !important; width:auto;   }

.white-popup .row .figure-img-50w img { height:auto; width:50vw;   }
.white-popup .row .figure-img-45w img { height:auto; width:45vw;   }
.white-popup .row .figure-img-40w img { height:auto; width:40vw;   }
.white-popup .row .figure-img-35w img { height:auto; width:35vw;   }
.white-popup .row .figure-img-30w img { height:auto; width:30vw;   }



@media only screen and (min-width: 1450px) and (max-width: 3200px) and (min-height: 430px) and (max-height: 729px) {
    
    .usecase-whitebg{min-width:50% !important;}
}
@media only screen and (min-width: 1900px) and (max-width: 3200px) and (min-height: 730px) and (max-height: 1270px) {
    
    .white-popup .usecase-whitebg{min-width:50% !important;}
}
@media only screen and (min-width: 1450px) and (max-width: 3200px) and (min-height: 730px) and (max-height: 970px) {
    
    .usecase-whitebg{min-width:38% !important;}
.usecase-whitebg {height: 630px !important;}
  .white-popup .collapsible-title {
    margin-top: 598px !important;
  }
}
@media only screen and (min-width: 1450px) and (max-width: 3200px) and (min-height: 970px) and (max-height: 1270px) {
  .usecase-whitebg {
    height: 730px !important;
  }
  .white-popup .collapsible-title {
    margin-top: 698px !important;
  }
  .usecase-whitebg .figure-img-730 img {
    width: 60% !important;
  }
}
@media only screen and (min-width: 1800px) and (max-width: 3200px) and (min-height: 970px) and (max-height: 1270px) {
  .col-sm-12 .figure-img-1020 img {
    max-width: 100% !important;
    margin: 20px 0 !important;
  }
  .figure-img-1020 img {
    max-width: 90% !important;
    margin-top: -10px !important;
  }
  .figure-img-1040 img {
    max-width: 86% !important;
    margin-top: -10px !important;
  }
  .figure-img-1020.maxwidth img {
    max-width: 75% !important;
    margin-top: -10px !important;
  }
  .usecase-whitebg .figure-img-850-max img {
    width: 65% !important;
  }
  .usecase-whitebg .figure-img-720-max img {
    width: 65% !important;
  }
  .usecase-whitebg div.figure-img-480-max img {
    height: 48vh !important;
    margin: -40px 0 0 0 !important;
  }
  .figure-img-800.maxwidth800 img {
    max-width: 81% !important;
    margin: -7px 0 0 0;
  }
  .figure-img-800.maxwidth800.maxheight800 img {
    max-width: 100% !important;
    margin-top: -10px !important;
    width: 86%;
  }
  .usecase-whitebg .figure-img-730 img {
    width: 60% !important;
  }
}