html {scroll-behavior: smooth;}
body
 {
  background-color: #E6E6E6;
  font-family: urw-din, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:28px;
}
.isf-body {background:radial-gradient(1100px circle at 25% 15%, #fee8a2, #f0c47a, #f0c47a);}
.oms-body {background:radial-gradient(1500px circle at 25% 22%, #E5DEFF, #B5A5CA, #B5A5CA);}
.clienteling-body {background:radial-gradient(1100px circle at 25% 23%, #62D3CE, #3FB5AF, #32A39B);}
.pim-body {background:radial-gradient(900px circle at 28% 22%, #AFF1FF, #94DCFC, #74BCEC);}
.plain-body {background-color:#B0B6D3;}
h1 {font-size:60px;font-weight:bold;}
h2 {font-size:48px;font-weight:bold;margin-bottom:26px;}
h3 {font-size:28px;margin-bottom:22px;}
.purple {color:#8C66AA;}
.lightblue {color:#68ADDB;}
.yellow {color:#E9BC73;}
.teal {color:#36A7A1;}

.header {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    right: 0;
    padding: 2rem 2.4rem;
    justify-content: space-between;
    z-index: 50;
}

#logo img {width:150px;}
#calltoaction {display:inline-block;position:relative;margin-top:1px;}
#calltoaction-mobile {position:relative;display:none;margin-bottom:4rem;text-align:center;}
#products-menu {margin:0 20px 0 0;color:#FFF;}
#products-menu:hover {cursor:pointer;}
#navbarDropdown {color:#FFF;font-size:1.6rem;}
#navbarSupportedContent1 {background-color:#FFFFFF20;margin-top:18px;}
.navbar {padding:1.5rem 2.5rem;}
.navbar-nav {padding: 1.0rem 1.1rem 1.0rem 0;}
.dropdown-menu {line-height:2.9;padding:1.5rem;font-size:1.2rem;}
.navbar-light .navbar-nav .nav-link {color:#FFF;}
.navbar-light .navbar-nav .nav-link:hover {color:#8c66aa;}
.navbar-light .navbar-nav .nav-link.active {color:#616366;}
.dropdown-item {color:#616366;}
.dropdown-item:hover {background-color:#f3f0f6;color:#8c66aa;}
.dropdown-divider {margin: 10px 0 10px auto;width:45%;}
.navbar-toggler {border:none;font-size:2.25rem}
.nav-highlight {font-weight:bold;color:#f2dae8 !important;font-size:1.4rem;}
.custom-toggler .navbar-toggler-icon {
       background-image: url(
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
      border:0;
   }


.calltoaction a {text-decoration: none;outline:none;}
.btn-letstalk {color:white;background-color:#E549A6;border-radius:17px;font-size:26px;padding:8px 25px 10px 25px;}
.btn-letstalk:hover {background-color:#EB008C;cursor:pointer;text-decoration: none;}
.btn-letstalk a {text-decoration: none;}

.btn-letstalk-standalone {color:white;background-color:#E549A6;border-radius:17px;font-size:26px;padding:8px 25px 10px 25px;width:220px;margin:40px 0 60px 0;}
.btn-letstalk-standalone:hover {background-color:#EB008C;cursor:pointer;text-decoration:none;}
.btn-letstalk-standalone a {text-decoration:none;outline:none;}

.btn-letstalk-isf {color:white;background-color:#1CB5FF;border-radius:17px;font-size:26px;padding:8px 25px 10px 25px;}
.btn-letstalk-isf:hover {background-color:#008fd4;cursor:pointer;}
.btn-letstalk-isf a {text-decoration: none;}

.wrapper-learnmore {width:208px;margin:40px 0 0 0;}
.wrapper-learnmore a {text-decoration:none;color:#616366;outline:none;}
.btn-learnmore {border:2px solid #e2e4e6;color:white;border-radius:17px;font-size:1.2rem;padding:13px 25px 13px 25px;color:#616366;text-align:center;}
.btn-learnmore:hover {background-color:#f3f0f6;cursor:pointer;color:#8c66aa;text-decoration:none;}
.btn-learnmore svg {padding:0 0 0 0;}

.backgroundheader {
  position:absolute;
  z-index:-1;
  width:100%;
  height:100vh;
  height: calc(45% + 100vh);
  background-color:#8C66AA;
  top:0;
  left:0;}
.backgroundheader-contactus {
    position:absolute;
    z-index:-1;
    width:100%;
    height:700px;
    background-color:#B0B6D3;
    top:0;
    left:0;}
.backgroundheader-isf {
      position:absolute;
      z-index:-1;
      width:100%;
      height:700px;
      top:0;
      left:0;}
.footer {width:100%;background-color:#B0B6D3;margin-top:100px;position:relative;}
.footer-links-container {text-align:center;background-color:#9F8FBF;margin-top:60px;}
.footer-links {text-align:left;font-size:1.1rem;font-weight:normal;width:80%;color:white;margin:0 auto;}
.footer-links div {padding:60px 0 60px 0;}
.footer-links a {color:#ffffff;}
#footeraction {padding:60px 0 60px 0;font-weight:bold;font-size:3.2rem;}
.footer-social-logos {margin-top:30px;}
.footer-social-logos img {padding-right:20px;height:30px;}
.footer-copyright {font-size:1.1rem;text-align:left;}
.footer-copyright a {color:#ffffff;padding-left: 15px;font-size:.9rem;}

#headline,
#headline-contactus
 {text-align: center;font-size:60px;font-weight:bold;line-height:1.2;letter-spacing:0;color: #FFFFFF;margin:65px 0 34px 0;}
.isf-body .container-fluid .row #headline {margin-bottom:18px;}
#subheadline,
#subheadline-contactus,
#subheadline-isf,
#subheadline-oms
 {text-align: center;font-size:26px;color: #FFFFFF;}
#subheadline-isf {width:50%;}
#subheadline-oms {width:60%;}
#heroimg {margin-top:100px;width: 606px;}
.masthead-img {margin:6.5rem 0 7.5rem 0;}
.masthead-img img {width:100%}
#intro {color:#D7B7CE;font-size:2.2rem;font-weight:bold;margin-top:10px;padding-top:38px;}

.prodimage {display:none;}
.productfeature {
  /*width:1560px;
  height:750px;*/
  margin:0 auto;
  margin-top:100px;
}
.productfeature-details {
  background-color:white;
  width:100%;
  width:660px;
  padding:4% 4%;
}

.prodtext {padding:0 10% 0 10%;font-size:1.4rem;color:#616366;}
.prodtext h2 {color:#000;}
.proddesclong {font-size:1.2rem;}

#contactform {background-color:white;width:70%;margin-top:70px; padding:40px 40px 25px 40px;}

video {
  width: auto    !important;
  height: 100%   !important;
  object-fit: cover !important;
  min-width: 100%;
	min-height: 100%;
	display: inline-block;
}

.feature-card {
  padding:3.5rem;
  /*padding:10% 10% 0 10%;*/
  background: #FFFFFF 0% 0% no-repeat padding-box;
  opacity: 0.75;
  width:90%;
  padding-bottom:10%;
  margin:0 auto 80px auto;
  box-shadow: 10px 10px 50px #00000034;width:95%;
}
.feature-card img {height:105px;display:block;padding-bottom:30px;}
.feature-card .title {color: #8C66AA;font-size:1.4rem;font-weight:bold;margin-bottom:20px;}
.feature-card .description {color: #8C66AA;font-size:1.3rem;line-height:1.4;}
.right-card-column {padding-top:250px;}

.screenshot {box-shadow: 10px 10px 50px #00000034;width:95%;}

/*
Bootstrap customizations
*/
.form-control {background-color:#ebeeef;border-color:#ebeeef;}
.form-control-lg {padding-top:2.8rem;padding-bottom:2.8rem;padding-left:2.8rem;font-size:2rem;}
.btn-primary {background-color:#E549A6;border-color:#E549A6;border-radius: 24px;height:85px;width: 383px;font-size:28px;}
.btn-primary:hover {background-color:#EB008C;border-color:#EB008C;}
label {color:#8C66AA;}
textarea.form-control {font-size:2rem;padding:2.8rem;}
.form-control:focus {
  border: solid 1px #ccc;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(177, 190, 191, 0.5);
  -webkit-box-shadow: inset 0 1px 1px rgba(177, 190, 191, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(177, 190, 191, 0.075);
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
}
.color-bar {width:100%;background-color:#8C66AA;margin-top:100px;}
/*.gradient {background: linear-gradient(to right, #E6E6E6, #FFF 3%);}*/
.gradient {border-left:1px solid #E6E6E6;}
/*.gradient-left {background: linear-gradient(to left, #E6E6E6, #FFF 3%);}*/
.gradient-left {border-right:1px solid #E6E6E6;}
.split-bg {
  background: -webkit-linear-gradient(180deg, transparent 80%, #8C66AA 20%);
  background: -o-linear-gradient(180deg, transparent 80%, #8C66AA 20%);
  background: -moz-linear-gradient(180deg, transparent 80%, #8C66AA 20%);
  background: linear-gradient(180deg, transparent 80%, #8C66AA 20%);
}
.split-bg2 {
  /*
  background: -webkit-linear-gradient(180deg, #8C66AA 50%, #B0B6D3 50%);
  background: -o-linear-gradient(180deg, #8C66AA 50%, #B0B6D3 50%);
  background: -moz-linear-gradient(180deg, #8C66AA 50%, #B0B6D3 50%);
  background: linear-gradient(180deg, #8C66AA 50%, #B0B6D3 50%);
  */
  background-color: #8C66AA;
}
.feature-card-pim {padding-top:80px;}
.feature-card-pim-left-shadow-1 {box-shadow: 19px 24px 29px -5px rgba(0,0,0,0.15);}
.feature-card-pim-left-shadow-2 {box-shadow: 19px 24px 29px -5px rgba(0,0,0,0.15);}
.nav-tab {color:#F7F7F7;text-decoration: none;margin-right:50px;font-size:2rem;}
.nav-tab-active {color:#F7F7F7;text-decoration: underline;margin-right:50px;}
.nav-tab-active:hover, .nav-tab:hover {color:#F7F7F7;}
#feature-nav {width:50%;margin:20px auto 0 auto;text-align:center;}
#pv-description {width:92%;color:white;padding-top:70px;font-size:1.9rem;}
#stickybar {
  z-index: 10000;
  position: sticky;
  top: 0px;
}

/*
@media (max-width: 576px) {
  #headline {text-align: center;font-size:30px;font-weight:bold;line-height:1.2;letter-spacing:0;color: #FFFFFF;}
  #subheadline {width: 1100px;text-align: center;font-size:16px;color: #FFFFFF;}
  #heroimg {margin-top:50px;width:50%;}
}*/

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 767px) {
  body {
    font-size: 1rem;
  }

  .backgroundheader {
    height: calc(50% + 100vh);
  }

  .isf-body {background: radial-gradient(600px circle at 25% 13%, #fee8a2, #f0c47a, #f0c47a);}
  .oms-body {background: radial-gradient(700px circle at 15% 16%, #E5DEFF, #B5A5CA, #B5A5CA);}
  .pim-body {background: radial-gradient(500px circle at 14% 14%, #AFF1FF, #94DCFC, #74BCEC) !important;}
  .clienteling-body {background: radial-gradient(700px circle at 18% 15%, #62D3CE, #3FB5AF, #32A39B);}
  .header {padding:.2rem 0.4rem;}

  .navbar {padding:.5rem 1rem;}

  #headline {text-align: center;font-size:30px;font-weight:bold;line-height:1.2;letter-spacing:0;color: #FFFFFF;margin-top:70px;}

  #subheadline,
  #subheadline-isf,
  #subheadline-oms,
  #subheadline-pim
   {width: 82%;text-align: center;font-size:17px;color: #FFFFFF;}
  #headline-contactus {font-size:2.8rem;font-weight:bold;line-height:1.2;letter-spacing:0;margin-top:40px;}
  #subheadline-contactus {width: 82%;font-size:1.2rem;}
  #heroimg {margin-top:50px;width:80%;margin-bottom:50px;}
  h3 {font-size:1.3rem;}
  h2 {font-size:1.8rem;}
  #intro {font-size:1.8rem;line-height:2rem;}
  #footeraction {font-size:1.8rem;}
  #logo img {position:absolute;top:20px;left:20px;}
  .prodtext {padding:4% 10% 7% 10%;font-size:1rem;}
  .proddesclong {font-size:.9rem;}
  .productfeature {margin-top:40px;}
  .footer {margin-top:60px;}

  #contactform {width:95%;}
  .form-control-lg {padding:1rem;font-size:1.2rem;}
  textarea.form-control {font-size:1.2rem;padding:1rem;}
  .btn-primary {border-radius: 7px;width: 75%;height:60px;font-size:1.1rem;}
  .backgroundheader-contactus {height:580px;}

  #calltoaction {display:none;}
  #calltoaction-mobile {display:flex;}
  .btn-letstalk-isf {position:relative;top:0;right:0;}

  .btn-letstalk {color:white;background-color:#E549A6;border-radius:17px;font-size:28px;left:auto;right:auto;top:auto;}
  .btn-letstalk a {text-decoration: none;}

/*
  .video {display:none;}
  .prodimage {display:block;}*/

  .feature-card {padding:2.5rem;margin-bottom:45px;}
  .feature-card .description {font-size:1rem;}
  .right-card-column {padding-top:0;}
  .feature-card img {width:50px;}
  .feature-card-pim {padding-top:40px;}

  .masthead-img {overflow:hidden;width:85%;margin:4.5rem 0 3.5rem 0;}
  .masthead-img .img-fluid {max-width:200%;}
  .masthead-img img {
    margin:0 -16%;
    width:130% !important;
  }

  .screenshot {width:100%;height:100%;max-width:83%;}
  .prodheroimg {z-index:0 !important;}

  #feature-nav {width:100%;}
  .nav-tab {margin-right:5px;font-size:1.2rem;}
  #pv-description {font-size:1.1rem;padding-top:30px;}
  .feature-card-first {padding-top:30px;margin-top:0;}
  .prodtext {padding:4% 10% 10% 10%;}
  #tab-1, #tab-2, #tab-3 {padding-top:10px;}
  #intro {font-size:1.8rem;}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  body {
    font-size: 1rem;
  }
  h3 {font-size:1.2rem;}
  h2 {font-size:2rem;}
  #subheadline {width:75%;}
  .right-card-column {padding-top:0;}
  .screenshot {width:100%;height:100%;max-width:85%;}
  #navbarSupportedContent1 {display:none !important;}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  body {
    font-size: 1rem;
  }
  h3 {font-size:1.2rem;}
  h2 {font-size:2.2rem;}
  #productfeature {margin:0 auto !important;}
  .prodtext {font-size:1.1rem;}
  .right-card-column {padding-top:250px;}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  body {
    font-size: 1.6rem;
  }
  .prodtext {font-size:1.4rem;}
  h1 {font-size:60px;font-weight:bold;}
  h2 {font-size:48px;font-weight:bold;margin-bottom:26px;}
  h3 {font-size:28px;margin-bottom:22px;}
}