/* CSS CIS main css v1.7 */
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);

body {
  margin: 0 auto;
  padding: 0;
  color: #000;
  background: #FFF;
  font: 100%/1.1em Arial, Helvetica, sans-serif;
}
  .wrap {
  margin: 0 auto;
  background: #FFF;
  }

/* Heading defaults */
.header-wrap {
  background: #FFF;
  height: 110px;
  margin: 0 auto;
  max-width: 1000px;
}

.tel-number,
.online-demo {
  float: left;
  padding-top: 2.8em;
  width: 13%;
}
  .tel-number p {
  padding: 0;
  margin: 0.3em 0 0;
  font: 400 1.1em/1em Oswald, Arial, Tahoma;
    color: #042f59;
  }

  /* Cloudiax logo adjustments for duration of registrations */
  .tel-number {
    padding-top: 1em;
  }
    .cloudiax-head-reg,
    .cloudiax-head-reg img {
      width: 100%;
      max-width: 120px;
      text-align: center;
    }
      .cloudiax-head-reg img {
        padding-top: 10px;
      }
      .cloudiax-head-reg span {
        font: 200 0.6em/0.8em Arial, Tahoma;
        text-transform: uppercase;
        color: #000;
        text-align: center;
        margin: 0 auto;
        display: block;
        max-width: 120px;
      }
        @media all and (max-width: 767px ) {
          .cloudiax-head-reg span {
            padding-left: 40px;
          }
        }

  .online-demo {
    top: 5px;
    position: relative;
  }
    .online-demo a {
    color: #FFF;
    background: #F60;
    padding: 0 10px;
    text-decoration: none;
    font: 200 0.8em/1.5em Oswald, Arial, Tahoma;
    margin: 0 2px 0 15px;
    letter-spacing: 0.1em;
  /*  padding: 7px 23px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; */
    }

  #site-header {
  /*  clear: both;*/
    padding-top: 2.8em;
    background: #FFF;
    width: 56%;
    margin: 0 auto;
    float: left;
  }

/* HEADER NAVIGATION */
.head-logo {
  float: left;
  padding: 0.8em 0 0;
  max-width: 249px;
  width: 33%;
}
  .head-logo h1,
  .head-logo h1 img {
  border: none;
  float: right;
  width: 100%;
  }

.site-navigation {
  float: left;
  clear: both;
  width: 100%;
}
  .site-navigation #nav {
  margin: 0 auto 0;
  overflow: hidden;
  zoom: 1;
  }
  header #nav {
    width: 100%;
    padding: 0 1%;
    margin-top: 10px;
  }
    @media only screen and (max-width: 767px){
      padding: 0 0;
    }

    header #nav ul {
    margin: 0.3em auto;
    text-align: center;
    padding: 0;
    display: block;
    list-style: none;
    line-height: 1;
    }

    header #nav li {
      padding: 0;
      background: transparent url(../images/header/header-left-border.png) 0 0 no-repeat scroll;
      display: inline-block;
      zoom: 1;
      *display: inline; /* IE 7 Tweak */
    }
      header #nav .first-tag {
       background: none;
      }
      header #nav li a {
        padding: 0 .5em;
        text-decoration: none;
        color: #042f59;
        display: inline-block;
        background: none;
        border: none;
        height: auto;
        font: 400 1.1em/1em Oswald, Arial, Tahoma;
        text-transform: uppercase;
      }
        header #nav li.sap-head-link a div {
          text-transform: lowercase;
          display: inline;
        }

          header #nav .sign-in-head-link a {
            font-size: 0.7em;
          }
            header #nav li a:hover {
            color: #F90;
            background: none;
            }

          .configure-page header #nav .configure-head-link a,
          .price-page header #nav .price-head-link a,
          .quote-page header #nav .quote-head-link a,
          .customers-page header #nav .customers-head-link a {
          color: #F90;
          }

/* Hide home link for desktop only */
header #nav li.home-head-link {
  display: none;
}

/* Mobile Navigation */
  #mobile-header {
      display: none;
  }

    @media only screen and (max-width: 767px){
      #responsive-menu-button {
        background: transparent url(../images/header/menu-icon.png) 5px 6px no-repeat scroll;
        font: 400 1em/1em Oswald, Arial, Tahoma;
        text-transform: uppercase;
        text-decoration: none;
        color: #000;
        padding: 0 0 0 25px;
      }

      .sidr-open #responsive-menu-button {
        background: #FFF url(../images/header/menu-close-icon.png) 5px 6px no-repeat scroll;
      }

      #site-header {
        display: none;
      }
      #mobile-header {
        display: block;
        clear: both;
      }
      .head-logo {
        width: 49%;
        max-width: 200px;
        margin: 0;
        padding: 0;
      }
        .tel-number, .online-demo {
          float: right;
          padding: 0.5% 6% 0.5% 0;
        }
          .tel-number {
            clear: right;
            width: 50%;
            max-width: 165px;
            text-align: right;
          }
            .tel-number p {
              margin-top: 1em;
            }
              .online-demo a {
                margin: 0;
              }
    }

      @media only screen and (max-width: 768px){
        #site-header {
          width: auto;
        }
        header #nav li a {
          padding: 0px 0.3em;
          font: 400 0.8em/1em Oswald,Arial,Tahoma;
        }

      }

      @media only screen and (min-width: 769px) and (max-width: 999px) {
        #site-header {
        width: auto;
        }
          header #nav li a {
            padding: 0px 0.4em;
            font: 400 0.9em/1em Oswald,Arial,Tahoma;
          }
          .tel-number {
            width: 15%;
          }
            .tel-number p {
              margin: 0.3em 0 0;
              font: 400 1em/1em Oswald, Arial, Tahoma;
            }
      }

@media only screen and (max-width: 382px){
  .head-logo,
  .tel-number {
    width: 98%;
    margin: 0 auto 1%;
    clear: both;
    float: none;
  }
  .header-wrap {
    height: auto;
  }
}

.sidr {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 260px;
    overflow-x: none;
    overflow-y: auto;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 15px;
    background: #333;
    color: #fff;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-box-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222
}
.sidr .sidr-inner {
    padding: 0 0 15px
}
.sidr .sidr-inner>p {
    margin-left: 15px;
    margin-right: 15px
}
.sidr.right {
    left: auto;
    right: -260px
}
.sidr.left {
    left: -260px;
    right: auto
}
.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
    font-size: 11px;
    font-weight: normal;
    padding: 0 15px;
    margin: 0 0 5px;
    color: #fff;
    line-height: 24px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
    background-image: -webkit-linear-gradient(#4d4d4d, #1a1a1a);
    background-image: -moz-linear-gradient(#4d4d4d, #1a1a1a);
    background-image: -o-linear-gradient(#4d4d4d, #1a1a1a);
    background-image: linear-gradient(#4d4d4d, #1a1a1a);
    -webkit-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2)
}
.sidr p {
    font-size: 13px;
    margin: 0 0 12px
}
.sidr p a {
    color: rgba(255, 255, 255, 0.9)
}
.sidr>p {
    margin-left: 15px;
    margin-right: 15px
}
.sidr ul {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #4d4d4d
}
.sidr ul li {
    display: block;
    margin: 0;
    line-height: 48px;
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #1a1a1a
}
.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active {
    border-top: none;
    line-height: 49px
}
.sidr ul li:hover>a,
.sidr ul li:hover>span,
.sidr ul li.active>a,
.sidr ul li.active>span,
.sidr ul li.sidr-class-active>a,
.sidr ul li.sidr-class-active>span {
    -webkit-box-shadow: inset 0 0 15px 3px #222;
    -moz-box-shadow: inset 0 0 15px 3px #222;
    box-shadow: inset 0 0 15px 3px #222
}
.sidr ul li a,
.sidr ul li span {
    padding: 0 15px;
    display: block;
    text-decoration: none;
    color: #fff
}
  .sidr ul li.sidr-class-sap-head-link div {
    display: inline;
  }

.sidr ul li ul {
    border-bottom: none;
    margin: 0
}
.sidr ul li ul li {
    line-height: 40px;
    font-size: 13px
}
.sidr ul li ul li:last-child {
    border-bottom: none
}
.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active {
    border-top: none;
    line-height: 41px
}
.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span,
.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.sidr-class-active>a,
.sidr ul li ul li.sidr-class-active>span {
    -webkit-box-shadow: inset 0 0 15px 3px #222;
    -moz-box-shadow: inset 0 0 15px 3px #222;
    box-shadow: inset 0 0 15px 3px #222
}
.sidr ul li ul li a,
.sidr ul li ul li span {
    color: rgba(255, 255, 255, 0.8);
    padding-left: 30px
}
.sidr form {
    margin: 0 15px
}
.sidr label {
    font-size: 13px
}
.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
    width: 100%;
    font-size: 13px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: none;
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.6);
    display: block;
    clear: both
}
.sidr input[type=checkbox] {
    width: auto;
    display: inline;
    clear: none
}
.sidr input[type=button],
.sidr input[type=submit] {
    color: #333;
    background: #fff
}
.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
    background: rgba(255, 255, 255, 0.9)
}

/* End mobile naviagation */

/* Customer icons over footer */
.grey-divide {
  clear: both;
  background-color: #efefef;
  height: 14px;
  margin-top: 2%;
}
  .customer-icons .customer-logos {
    margin: 0 auto;
    max-width: 910px;
  }
      .customer-icons .customer-logos p {
        width: 60%;
        margin: 10px 4% 10px;
        text-align: left;
      }
        .customer-icons .customer-logos img {
          margin: 1px;
          padding: 9px;
          border: 1px solid #999;
          -webkit-border-radius: 6px;
             -moz-border-radius: 6px;
                  border-radius: 6px;
          box-shadow: 2px 2px 2px #999;
        }

/* Footer */
.integrations-page main .section-3 {
margin-bottom:  6%;
}
.main-footer {
  position: relative;
  bottom: 0;
  background: #e9e9e9;
  margin-top: 1%;
}

  .latest-hub-page .main-footer,
  .resources-page-hub .main-footer {
    position: fixed;
  }


  .main-footer,
  .footer-company,
  .footer-nav {
    clear: both;
    width: 100%;
    margin: 10px auto 0;
  }
    .main-footer .footer-nav {
      text-align: center;
      margin: 10px auto 0;
      padding: 5px;
      width: auto;
    }
      .main-footer .footer-nav .footer-col {
        width: 97%;
        margin: 5px 1% 12px;
        padding: 0;
      }
        .main-footer .footer-nav .social-shares {
          clear: both;
          margin: 5px 0 12px;
          padding: 20px 0 10px;

        }

        .main-footer .footer-nav .footer-col li {
          list-style-type: none;
        }
          .main-footer .footer-nav .footer-col li,
          .main-footer .footer-nav .footer-col li a {
            text-align: center;
            color: #969696;
          }
            .main-footer .footer-nav .footer-col li a {
              font: 200 1em/1.5em Arial, Tahoma;
              text-decoration: none;
            }
              .main-footer .footer-nav .social-shares .addthis_toolbox {
                float: right;
              }

            @media screen and (min-width: 479px) {
              .main-footer .footer-nav .footer-col {
                width: 31%;
                float: left;
              }
                .main-footer .footer-nav .social-shares {
                  clear: none;
                  float: left;
                }
                .main-footer .footer-nav .footer-col li,
                .main-footer .footer-nav .footer-col li a {
                text-align: left;
                }
            }

              @media screen and (min-width: 900px) {
                .main-footer .footer-nav {
                  width: 900px;
                }
                  .main-footer .footer-nav .footer-col {
                    width: 20%;
                    margin: 5px 0 12px;
                  }
                    .main-footer .footer-nav .social-shares {
                      width: 39%;
                    }
              }


    .main-footer .footer-company .footer-inner-wrap {
      max-width: 1000px;
      margin: 10px auto;
    }

    .main-footer .footer-company {
      margin-top: 5%;
      background-color: #1a206d;
      height: 37px;
    }
      .main-footer .footer-company .footer-inner-wrap address {
        color: #FFF;
        padding-top: 1%;
        float: right;
      }

      /* Page specific footer overides */
        .home-page .main-footer,
        .configure-page .main-footer,
        .price-page .main-footer,
        .quote-page .main-footer,
        .cis-careers .main-footer {
          margin-top: 4%;
        }

          .technology-page .main-footer {
            margin-top: 2%;
          }

          .contact-page .main-footer,
          .capterra-page .main-footer {
            margin-top: 6%;
          }

          /* Page specific footer overides by view window dims */
          /* @media (min-width: 950px) and (min-height: 800px)
          {
            .cis-news-page .main-footer {
            position: fixed;
            }
          } no need when page tall enough */
            @media (min-width: 767px) and (min-height: 500px),
                   (min-width: 950px) and (min-height: 730px)
            {
              .cis-careers .main-footer,
              .show-me .main-footer {
                margin-top: 19%;
              }
            }


/* Defaults */
main .row {
  clear: both;
  max-width: 1000px;
  margin: 0 auto;
}

h1,
h2 {
  margin: 0;
  padding: 0;
}

  h1 {
  font: bold 1.1em/1.2em Arial, Helvetica, sans-serif;
  text-align: left;
  color: #FFF;
  }

p {
  padding: 5px 10px 0;
  font: normal 1em/1.2em Arial, Helvetica, sans-serif;
  color: #000;
}

.clear
{
  clear: both;
  overflow: hidden;
  zoom: 1;
  _overflow: visible;
}

/* Button defaults */
.curved-button-orange {
  padding: 8px 15px;
  background: #F63;
  color: white;
  border-radius: 15px;
  margin: 0 auto 20px;
  zoom: 1;
  display: inline-block;
  *display: inline;
  text-decoration: none;
}

.orange-grad-button {
  border: 1px #ffad41 solid;
  -webkit-border-radius: 24px;
   -moz-border-radius: 24px;
      border-radius: 24px;
  font: 400 1.2em/2em Oswald, Arial, Tahoma;
  text-transform: uppercase;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);color: #FFF;
  text-decoration:none;
  text-align: center;
  display:inline-block;
  padding: 5px 15px;
  margin: 5px auto;
  width: 50%;
  color: #ffffff;
  background: #e35808;
  background-image: -webkit-linear-gradient(top, #e35808, #e09514);
  background-image: -moz-linear-gradient(top, #e35808, #e09514);
  background-image: -ms-linear-gradient(top, #e35808, #e09514);
  background-image: -o-linear-gradient(top, #e35808, #e09514);
  background-image: linear-gradient(to bottom, #e35808, #e09514);
}
  .orange-grad-button:hover {
  background: #e3b709;
  background-image: -webkit-linear-gradient(top, #e3b709, #c24c15);
  background-image: -moz-linear-gradient(top, #e3b709, #c24c15);
  background-image: -ms-linear-gradient(top, #e3b709, #c24c15);
  background-image: -o-linear-gradient(top, #e3b709, #c24c15);
  background-image: linear-gradient(to bottom, #e3b709, #c24c15);
  }

.blue-grad-button {
  border: 1px #000066 solid;
  -webkit-border-radius: 24px;
   -moz-border-radius: 24px;
      border-radius: 24px;
  font: 400 1.2em/2em Oswald, Arial, Tahoma;
  text-transform: uppercase;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);color: #FFF;
  text-decoration:none;
  text-align: center;
  display:inline-block;
  padding: 5px 15px;
  margin: 5px auto;
  width: 50%;
  color: #ffffff;
  background: #1a206e;
  background-image: -webkit-linear-gradient(top, #1a206e, #555ceb);
  background-image: -moz-linear-gradient(top, #1a206e, #555ceb);
  background-image: -ms-linear-gradient(top, #1a206e, #555ceb);
  background-image: -o-linear-gradient(top, #1a206e, #555ceb);
  background-image: linear-gradient(to bottom, #1a206e, #555ceb);
}
  .blue-grad-button:hover {
  background: #1a206e;
  background-image: -webkit-linear-gradient(top, #1a206e, #02024f);
  background-image: -moz-linear-gradient(top, #1a206e, #02024f);
  background-image: -ms-linear-gradient(top, #1a206e, #02024f);
  background-image: -o-linear-gradient(top, #1a206e, #02024f);
  background-image: linear-gradient(to bottom, #1a206e, #02024f);
  text-decoration: none;
  }

 .home-content .blue-grad-button,
 .icons-area .blue-grad-button {
   margin: 30px auto 22px;
  }

sup,
sub {
 vertical-align: baseline;
 position: relative;
 top: -0.4em;
}
  sub { top: 0.4em; }

/* Feedback button */
footer .feedback-link {
  position: fixed;
  bottom: 110px;
  right: 0;
  width: 33px;
  height: 109px;
}