/* common-new.css */

.cn-headerWrapperFixed {
  position: fixed;
  z-index: 1000;
  width: 1000px;
  opacity: .9;
  top: 0;
}

.cn-phantomHeader {
  width: 100px;
  height: 101px;
}

.cn-phantomHeaderLarge {
  width: 100px;
  height: 152px;
}

/*
line 322 of common.css is commented out! .cs-bodyContainer
*/

@media (min-width: 1200px) {
  .cn-headerTabs {
    width: 1000px !important;
  }
}

@media (min-width: 992px) {
  .cn-headerTabs {
    width: 1000px !important;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .cn-headerContainer {
    width: 100%;
    padding: 0px 15px;
  }

  .cn-headerTabs {
    margin-left: 0px;
    margin-right: 0px;
  }

  .cn-headerWrapperFixed {
    width: 100%;
  }

  .cn-headerContainer .row:first-child {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (max-width: 767px) {
  .cn-headerContainer .row:first-child {
    margin-left: 0px;
    margin-right: 0px;
  }

  .cn-listenNowButton {
    display: none !important;
  }

  .cn-headerContainer {
    padding-bottom: 0px !important;
  }

  .cn-menuIconList,
  .cn-menuIconClose {
    left: 20px !important;
  }

  .cs-footerWrapper ul li {
    display: block !important;
  }
}

.cn-menuIconContainerColumn {
  cursor: pointer;
}

.cn-headerContainer {
  padding: 0px;
}

.cn-headerContainer .row:first-child {
  background: rgb(248,248,248);
  /*rgba(248,248,248,0.9);*/
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  z-index: 2;
}

.cn-menuIconList,
.cn-menuIconClose {
  width: 30px;
  padding: 35px 0px;
  position: absolute;
  left: 30px;
  top: 0px;
}

.cn-menuIconHidden {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
}

.cn-menuIconShown {
  opacity: 1;
}

.cn-centerIconContainer {
  padding: 20px 0px;
}

.cn-centerIconContainer img:first-child {
  height: 28px;
}

.cn-centerIconContainer img:last-child {
  height: 32px;
}

.cn-animatedHeader {
  -webkit-transition: all 0.125s ease-in-out;
  /*    -webkit-transition: height 125ms ease-in-out, position 125ms ease-in-out, -webkit-transform 125ms ease-in-out, opacity 125ms ease-in-out, top 125ms ease-in-out, padding-bottom 125ms ease-in-out, position 0s, margin-bottom 125ms ease-in-out, z-index 125ms ease-in-out;*/
  -moz-transition: all 0.125s ease-in-out;
  -o-transition: all 0.125s ease-in-out;
  /*  transition: height 125ms ease-in-out, position 125ms ease-in-out, -webkit-transform 125ms ease-in-out, opacity 125ms ease-in-out, top 125ms ease-in-out, padding-bottom 125ms ease-in-out, position 0s, margin-bottom 125ms ease-in-out, z-index 125ms ease-in-out;*/
  transition: all 0.125s ease-in-out;
}

.cn-headerTabs {
  border-bottom: 1px solid #e5e5e5;
}

.cn-headerTabs::before {
  /* box shadow */
  height: 10px;
  width: 100%;
  position: relative;
  top: 10px;
  z-index: 1;
  background: -webkit-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
  background: -o-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
  background: -moz-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
  background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
}

.cn-headerTabs div.col-sm-2 {
  border-right: 1px solid #fff;
  text-align: center;
  background: rgb(229,229,229);
  cursor: pointer;
}

.cn-headerTabs div.col-sm-2 a {
  display: block;
  font-weight: 400;
  font-size: 20px;
  color: #676767;
  text-decoration: none;
  padding-top: 14px;
  padding-bottom: 14px;
}

.cn-headerTabs div.col-sm-2:hover {
  background: rgb(243,243,243);
}

.cn-headerTabs div.col-sm-2:last-child {
  border: none;
}

.cn-headerTabs div.col-sm-3 {
  border-right: 1px solid #fff;
  text-align: center;
  background: rgb(229,229,229);
  cursor: pointer;
}

.cn-headerTabs div.col-sm-3 a {
  display: block;
  font-weight: 400;
  font-size: 20px;
  color: #676767;
  text-decoration: none;
  padding-top: 14px;
  padding-bottom: 14px;
}

.cn-headerTabs div.col-sm-3:hover {
  background: rgb(243,243,243);
}

.cn-headerTabs div.col-sm-3:last-child {
  border: none;
}

.cn-animatedTabsHidden {
  /*
    position: relative;
    top: -65px;
    z-index: 0;
*/
  position: absolute;
  top: 10px;
  width: 100%;
  z-index: 1;
}

.cn-animatedTabsVisible {
  /*
    position: relative;
    top: -10px;
    z-index: 0;
*/
  position: absolute;
  top: 91px;
  width: 100%;
  z-index: 1;
}

/* Animation for "Listen Now" button */

@-webkit-keyframes listen-now-btn-animation {
  0% {
    background-color: #00ADFF;
  }

  25% {
    background-color: #8DCB00;
  }

  50% {
    background-color: #F6A800;
  }

  75% {
    background-color: #DC007E;
  }

  100% {
    background-color: #00ADFF;
  }
}

@keyframes listen-now-btn-animation {
  0% {
    background-color: #00ADFF;
  }

  25% {
    background-color: #8DCB00;
  }

  50% {
    background-color: #F6A800;
  }

  75% {
    background-color: #DC007E;
  }

  100% {
    background-color: #00ADFF;
  }
}

.cn-listenNowButton {
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 17px;
  padding: 8px 22px 6px;
  float: right;
  margin: 30px 15px 30px 0px;
  border-radius: 20px;
  -webkit-animation: listen-now-btn-animation 8s infinite;
  animation: listen-now-btn-animation 8s infinite;
}

.cn-listenNowButton:hover,
.cn-listenNowButton:active,
.cn-listenNowButton:focus {
  color: #fff;
}

/* Collapsed Header */

.cn-headerContainer.cn-collapsedHeader {
  /*    padding-bottom: 32px;*/
}

.cn-collapsedHeader .cn-centerIconContainer img:last-child {
  opacity: 0;
  height: 0px;
}

.cn-collapsedHeader .cn-listenNowButton {
  margin: 17px 15px 17px 0px;
  padding: 5.5px 16.5px;
  font-size: 15px;
}

.cn-collapsedHeader .cn-menuIconList,
.cn-collapsedHeader .cn-menuIconClose {
  padding: 19px 0px;
}

.cn-collapsedHeader .cn-animatedTabsHidden {
  top: 8px;
}

.cn-collapsedHeader .cn-animatedTabsVisible {
  top: 59px;
}

/* mobile elements */

.cn-mobileListenNowButtonWrapper {
  margin-left: 0px;
  margin-right: 0px;
}

.cn-mobileListenNowButtonWrapper .col-xs-12 {
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
}

.cn-mobilelistenNowButton {
  display: block;
  color: #fff;
  border: none;
  text-transform: uppercase;
  border: none;
  font-weight: 600;
  font-size: 15px;
  padding: 5.5px 22px;
  width: 100%;
  margin: 10px 0px;
  border-radius: 20px;
  -webkit-animation: listen-now-btn-animation 8s infinite;
  animation: listen-now-btn-animation 8s infinite;
}

.cn-mobilelistenNowButton:hover,
.cn-mobilelistenNowButton:active,
.cn-mobilelistenNowButton:focus {
  color: #fff;
}

.cn-headerTabsMobile {
  margin-left: 0px;
  margin-right: 0px;
}

.cn-headerTabsMobile div.col-sm-3 {
  border-right: none;
  border-bottom: 1px solid #fff;
}

.cn-headerTabsMobile.cn-animatedTabsVisible {
  position: relative;
  top: -10px;
  margin-bottom: -10px;
  z-index: 1;
}

.cn-headerTabsMobile.cn-animatedTabsHidden {
  position: relative;
  top: -263px;
  margin-bottom: -214px;
  z-index: 1;
}

@media (min-width: 768px) {
  .hs-teaserImageLarge {
    display: block;
  }

  .hs-teaserImageSmall {
    display: none;
  }
}

@media (max-width: 768px) {
  .hs-teaserImageLarge {
    display: none;
  }

  .hs-teaserImageSmall {
    display: block;
  }
}

.cs-bodyContainerShadowed {
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2) !important;
  padding-top: 152px !important;
  margin-top: -152px !important;
  background-color: #fff;
}
/* Common Styles */

@-ms-viewport {
  width: device-width;
}

body {
  font-family: Signika !important;
  color: #666666 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 1.4em;
  font-weight: 300;
  background: #ffffff url("../../../../images/index-rivet-background.png") fixed !important;
  position: relative;
  background-position: center bottom;
  padding: 0 !important;
  margin: 0;
}

ul,
dir,
menu {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0;
  -webkit-padding-start: 40px;
}

li {
  line-height: 20px;
  text-align: -webkit-match-parent;
}

a {
  color: #00acff;
  text-decoration: none;
}

a:hover {
  color: #dc007e;
  text-decoration: none;
}

a,
p,
li,
div,
img,
input,
button {
  outline: none !important;
}

.cs-bodyWrapper {
  margin: 0 auto;
  max-width: 1000px !important;
}

.cs-rowFluid {
  width: 100%;
}

.cs-rowFluid:before,
.cs-rowFluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.cs-rowFluid:after {
  clear: both;
}

.cs-flexSpace {
  margin: 60px 0;
}

.cs-flexSpaceSmall {
  margin: 40px 0;
}

.cs-listenSliderContainer {
  margin: 0 -30px;
}

.cs-rivetMarginBottom {
  margin-bottom: 35px;
}

.cs-divider {
  background-image: url("../../../../images/cs-divider.png");
  background-size: contain;
  height: 1px;
  width: 100%;
}

/* Header Styles */

.cs-headerWrapper {
  margin-bottom: 30px;
  box-shadow: 0px 2px 4px #b4b4b4;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-image: url("..") !important;
  background-color: #eaeaea !important;
}

@media only screen and (min-width: 1024px) {
  .cs-headerWrapper {
    position: fixed;
    z-index: 1000;
    width: 1000px;
    opacity: .95;
    top: 0;
  }
}

.cs-logoContainer {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.cs-logo {
  max-height: 60px;
}

.cs-headerNav ul {
  zoom: 1;
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cs-headerNav ul li {
  background: #eaeaea;
  float: right !important;
  position: relative;
  margin-left: -5px !important;
  line-height: 20px;
}

.cs-headerNav ul li a {
  color: #00acff;
  float: left;
  position: relative;
  line-height: 100px;
  margin-left: 10px;
  margin-right: 15px;
  text-decoration: none;
  font-family: "Signika";
  font-weight: 400;
  font-size: 17px;
  cursor: pointer;
}

.cs-headerNav ul li a:hover {
  color: #dc007e;
}

.cs-subListen,
.cs-subSolutions,
.cs-subAbout {
  width: auto;
  height: auto;
  background: white;
  position: absolute;
  top: 100px;
}

.cs-subListen {
  box-shadow: 0px 2px 4px #b4b4b4;
  top: 100px !important;
  font-size: 11px !important;
  left: 0;
  z-index: 9999;
  background: #eaeaea;
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cs-subSolutions {
  box-shadow: 0px 2px 4px #b4b4b4;
  top: 100px !important;
  font-size: 11px !important;
  left: 0;
  z-index: 9999;
  background: #eaeaea;
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cs-subAbout {
  box-shadow: 0px 2px 4px #b4b4b4;
  top: 100px !important;
  font-size: 11px !important;
  left: 0;
  z-index: 9999;
  background: #eaeaea;
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cs-subListen li {
  margin-left: 0 !important;
  float: none !important;
  display: block;
  border: 0;
  background: none;
  position: relative;
  line-height: 20px !important;
}

.cs-subSolutions li {
  margin-left: 0 !important;
  float: none !important;
  display: block;
  border: 0;
  background: none;
  position: relative;
  line-height: 20px !important;
}

.cs-subAbout li {
  margin-left: 0 !important;
  float: none !important;
  display: block;
  border: 0;
  background: none;
  position: relative;
  line-height: 20px !important;
}

.cs-subListen li a {
  color: #00acff !important;
  border-top: 1px dotted rgba(0,0,0,.2);
  box-shadow: none !important;
  padding: 10px 0 !important;
  font-size: 16px !important;
  width: 183px;
  display: block;
  float: none;
  text-transform: none;
  text-shadow: none;
  line-height: 20px !important;
  font-weight: 200;
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
  text-decoration: none;
  font-family: "Signika";
  cursor: pointer;
}

.cs-subSolutions li a {
  color: #00acff !important;
  border-top: 1px dotted rgba(0,0,0,.2);
  box-shadow: none !important;
  padding: 10px 0 !important;
  font-size: 16px !important;
  width: 183px;
  display: block;
  float: none;
  text-transform: none;
  text-shadow: none;
  line-height: 20px !important;
  font-weight: 200;
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
  text-decoration: none;
  font-family: "Signika";
  cursor: pointer;
}

.cs-subAbout li a {
  color: #00acff !important;
  border-top: 1px dotted rgba(0,0,0,.2);
  box-shadow: none !important;
  padding: 10px 0 !important;
  font-size: 16px !important;
  width: 183px;
  display: block;
  float: none;
  text-transform: none;
  text-shadow: none;
  line-height: 20px !important;
  font-weight: 200;
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
  text-decoration: none;
  font-family: "Signika";
  cursor: pointer;
}

.cs-subListen li a:hover {
  color: #dc007e !important;
}

.cs-subSolutions li a:hover {
  color: #dc007e !important;
}

.cs-subAbout li a:hover {
  color: #dc007e !important;
}

/* Body Styles */

@media only screen and (min-width: 1024px) {
  /*
    .cs-bodyContainer {
        margin-top: 130px !important;
    }
*/

  .cs-marketingPageContainer {
    margin-top: 0 !important;
  }
}

.cs-bodyContainer {
  margin: 0;
}

.as-aboutIndexWrapper,
.as-aboutPressWrapper,
.as-aboutContactWrapper,
.as-aboutCareersWrapper,
.ps-pageNotFoundWrapper,
.ps-privacyPolicyWrapper,
.ts-termsOfUseWrapper,
.ls-listenIndexWrapper,
.ls-listenHowItWorksWrapper,
.ls-listenProgrammingWrapper,
.ns-nohIndexWrapper,
.ss-shareIndexWrapper,
.ss-solutionsIndexWrapper,
.ss-solutionsAutoWrapper,
.ss-solutionsEnterpriseWrapper,
.ss-solutionsHomeWrapper,
.us-uploadIndexWrapper,
.us-uploadStartNowWrapper {
  background: #FFF;
  /*    box-shadow: 0px 2px 4px #b4b4b4 !important;*/
  /*    box-shadow: 0px 0px 20px rgba(0,0,0,0.2) !important;*/
  padding-bottom: 30px;
}

@media (min-width: 1200px) {
  .container {
    width: 970px !important;
  }
}

/* Download The App Styles */

.cs-appDownloadBadge {
  text-align: left;
  font-size: 22px;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 40px;
  height: 62px;
}

.cs-appDownloadBadge a {
  display: block;
  margin: 0 auto;
  background: -webkit-linear-gradient(#6b6b6b, #000000);
  background: -o-linear-gradient(#6b6b6b, #000000);
  background: -moz-linear-gradient(#6b6b6b, #000000);
  background: linear-gradient(#6b6b6b, #000000);
  background-color: #000000;
  border-radius: 6px;
  pointer-events: none;
}

.cs-appDownloadBadge p {
  margin-bottom: 20px !important;
  margin-top: 0 !important;
  margin: 0 0 10px;
}

.cs-appDownloadBadge div {
  min-height: 40px;
  padding: 10px 20px 10px 20px;
  border-radius: 6px;
  margin: 0 auto;
  color: #FFFFFF;
  background-size: 135px;
}

.cs-appDownloadBadge span {
  font-size: 15px;
  font-weight: 300;
  color: #b2b2b2;
  display: block;
  margin-top: -17.5px;
}

.cs-navAppLinks-Apple {
  background: url("../../../../images/badge-micro-apple.png");
  height: 40px;
  width: 40px;
  display: inline-block;
  text-indent: -10000px;
  background-size: 40px;
  background-repeat: no-repeat;
  margin-right: 10px !important;
  margin-top: 30px;
}

.cs-navAppLinks-Google {
  background: url("../../../../images/badge-micro-google.png");
  height: 40px;
  width: 40px;
  display: inline-block;
  text-indent: -10000px;
  background-size: 40px;
  background-repeat: no-repeat;
  margin-left: 5px !important;
  margin-right: 10px !important;
  margin-top: 30px;
}

.cs-navAppLinks-Amazon {
  background: url("../../../../images/badge-micro-amazon.png");
  height: 40px;
  width: 40px;
  display: inline-block;
  text-indent: -10000px;
  background-size: 40px;
  background-repeat: no-repeat;
  margin-left: 5px !important;
  margin-right: 5px !important;
  margin-top: 30px;
}

.cs-appLinksImages {
  height: 40px;
  width: 40px;
  margin-left: 10px;
  pointer-events: visible !important;
  cursor: pointer !important;
  float: right;
  margin-top: 10px;
}

@media only screen and (min-width:400px) and (max-width: 426px) {
  .cs-appDownloadBadge div {
    min-height: 40px;
    padding: 10px 10px 10px 10px;
    border-radius: 6px;
    margin: 0 auto;
    color: #FFFFFF;
    background-size: 135px;
  }

  .cs-appLinksImages {
    height: 40px;
    width: 40px;
    margin-left: 5px;
    pointer-events: visible !important;
    cursor: pointer !important;
    float: right;
    margin-top: 10px;
  }
}

/* Footer Styles */

.cs-footerWrapper {
  background-image: url("..");
  background-color: #666666;
  margin-top: 0;
  border-top: 7px solid #cfcfcf;
  font-size: 11px;
  color: #a8a8a8;
  line-height: 15px;
  text-decoration: none;
}

.cs-footerWrapper ul {
  margin-left: 12.25px !important;
  margin: 0 0 45px 0;
  padding: 0;
  text-align: center;
}

.cs-footerWrapper ul li {
  margin-bottom: 2px !important;
  margin: 0 17.5px 0 0;
  padding: 0;
  display: inline-block;
  line-height: 20px;
}

.cs-footerWrapper strong {
  color: #fff;
}

.cs-footerWrapper a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.cs-footerWrapper a:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.cs-footerMenu li a {
  font-size: 17px;
  color: #fff;
  text-decoration: none !important;
  font-weight: 400;
  cursor: pointer;
}

.cs-footerMenu li a:hover {
  font-size: 17px;
  color: #ccc;
  text-decoration: none !important;
  font-weight: 400;
}

.cs-footerShare {
  margin-bottom: 30px;
  text-align: center;
}

.cs-footerShare a {
  opacity: .6 !important;
  cursor: pointer;
}

.cs-footerShare a:hover {
  opacity: 1.0 !important;
}

.cs-footerShare a img {
  width: 30px;
  height: 30px;
}

.cs-footerShareFB {
  margin-right: 10px;
}

.cs-footerText {
  color: #ccc;
  margin-bottom: 30px;
  text-align: center;
}

.cs-footerText a {
  color: #ccc;
  margin-bottom: 30px;
  text-align: center;
  text-decoration: underline !important;
  cursor: pointer;
}

.cs-footerText a:hover {
  color: #ccc;
  margin-bottom: 30px;
  text-align: center;
  text-decoration: none !important;
}

.cs-footerStripe {
  background: url("../../../../images/rivet-news-radio-stripe.png");
  background-size: cover;
  height: 7px;
}

/* Form Styles */

form {
  margin: 0 0 20px;
}

.acfs-contactMainTitle {
  text-align: center;
  line-height: 46px;
  color: #000000;
  font-size: 26px;
  font-weight: 300;
}

.us-uploadFormInputSection {
  padding-right: 15px;
  margin: 0;
  padding: 0;
}

.us-uploadFormInputSpace {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}

.acfs-contactFormInputs {
  padding: 0;
  clear: both;
}

.acfs-contactFormInputs label {
  max-width: 320px;
  clear: both;
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: normal;
}

.modal-body-upload {
  min-height: 330px;
  max-height: 330px;
}

.us-uploadModal {
  background-color: #EBEBEB;
  border-radius: 10px;
}

.us-uploadModalHeader {
  color: #000000;
  font-size: 22px;
  font-weight: 100;
  margin: 15px 15px;
  display: inline-flex;
}

.as-aboutIconClose {
  width: 35px;
  margin: 10px;
  float: right;
  cursor: pointer;
}

.as-dropZone {
  border: dotted 3px lightgray;
  margin-top: 3.5px;
  margin-bottom: 16.5px;
}

.as-dropZone-upload {
  min-height: 230px;
  max-height: 230px;
}

.nv-file-over {
  border: dotted 3px green;
}

.chooseFileDiv {
  margin-top: 5px;
  margin-bottom: 2px;
  display: inline-block;
}

.table {
  table-layout: fixed;
}

.table .tbody {
  display: block;
  min-height: 75px;
  max-height: 75px;
  overflow-y: overlay;
}

.table > tbody > tr > td {
  padding: 0 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*
.btn {
    width: 25%;
    margin-top: 7.5px;
}
*/

.btn-primary {
  background-image: -webkit-linear-gradient(top, #00acff 0%, #337ab7 100%);
  background-image: -o-linear-gradient(top, #00acff 0%, #337ab7 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00acff), to(#337ab7));
  background-image: linear-gradient(to bottom, #00acff 0%, #337ab7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00acff', endColorstr='#ff337ab7', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #00acff;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #dc007e;
  background-position: 0 -32.5px;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #dc007e;
  border-color: #dc007e;
}

.btn-file {
  position: relative;
  overflow: hidden;
  width: auto;
  vertical-align: middle;
  margin-top: 0;
  padding: 0 5px;
  border-color: #00acff;
  color: #666666;
  background-color: #f5f5f5;
}

.btn-file:hover {
  border-color: #00acff;
  background-color: #f5f5f5;
  color: #00acff;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

#progress-ring {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.buiseness-gensys-logo {
  height: 90px;
  margin-top: 30%;
}

a {
  outline: 0 !important;
}

.navbar-brand {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  text-align: center;
  margin: auto;
}

.header-content-inner h2 {
  font-size: 45px;
  font-weight: lighter;
}

header .header-content .header-content-inner {
  background: rgba(0, 0, 0, 0.3);
  width: 850px;
  padding: 20px 0;
}

.customerlogin {
  border: 1px solid #fff;
  border-radius: 50px;
}

.navbar-right {
  margin-right: 250px !important;
}

.navbar-left {
  margin-left: 350px !important;
}

.nav > li > a {
  padding: 10px 35px;
}

#mainNav {
  padding-top: 20px;
}

#about {
  position: relative;
  width: 100%;
  min-height: auto;
  text-align: center;
  color: #FFF;
  background-image: url("../../img/about-bg.png");
  background-position: center center;
  background-size: cover;
}

#about h2 {
  font-size: 45px;
  font-weight: 400;
}

#about h2 span {
  font-size: 45px;
  font-weight: 200;
}

#about p {
  font-size: 30px;
  font-weight: 200;
}

#about .aboutpbold {
  font-size: 30px;
  font-weight: 300;
}

.serviceright h2 {
  font-size: 45px;
  font-weight: 400;
  margin-top: 10px;
  color: #013564;
}

.serviceright h2 span {
  font-size: 45px;
  font-weight: 200;
}

.serviceright img {
  margin-top: 70px;
  width: 100%;
}

#services {
  background: #e2e2e2;
}

#how-to-use {
  position: relative;
  width: 100%;
  min-height: auto;
  text-align: center;
  color: #FFF;
  background-image: url("../../img/how-to-use-bg.jpg");
  background-position: center center;
  background-size: cover;
}

#how-to-use h2 {
  font-size: 45px;
  font-weight: 400;
  color: #ffbbbb;
}

#how-to-use h2 span {
  font-size: 45px;
  font-weight: 200;
  color: #ffbbbb;
}

#how-to-use p {
  font-size: 33px;
  font-weight: 200;
  line-height: 40px;
}

#how-to-use .subpara {
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}

#how-to-use .btn {
  background: transparent !important;
  border: 1px solid #ffbbbb;
  color: #ffbbbb;
  font-size: 25px;
  border-radius: 10px;
  font-weight: 300;
  text-transform: none;
}

#testimonials {
  background: #e2e2e2;
}

#testimonials h2 {
  font-size: 45px;
  font-weight: 400;
  color: #666666;
  text-align: right;
}

#testimonials h2 span {
  font-size: 45px;
  font-weight: 200;
  color: #666666;
  text-align: right;
}

#testimonials p {
  font-size: 33px;
  font-weight: 200;
  color: #f05252;
  text-align: right;
}

#testimonials .testimonialtext {
  font-size: 20px;
  font-weight: 300;
  color: #666666;
  text-align: right;
  margin-top: 150px;
}

#testimonials .testimonialname {
  font-size: 18px;
  font-weight: bold;
  color: #505050;
  text-align: right;
  margin-bottom: 0;
}

#testimonials .testimonialtitle {
  font-size: 15px;
  font-weight: 200;
  color: #505050;
  text-align: right;
}

#testimonials .testimonial-img-right {
  float: right;
  width: 100%;
}

.spacertop {
  margin: 50px 0;
}

#testimonials .testimonial_quote {
  position: absolute;
  left: 60px;
}

#testimonials .carousel-indicators {
  position: absolute;
  left: 80%;
  z-index: 15;
  width: 50%;
  text-align: right;
  top: 350px;
}

.carousel-indicators li {
  width: 51px !important;
  height: 10px !important;
  border-radius: 0 !important;
  border: none !important;
  background-color: #fff !important;
  box-shadow: 1px 3px 2px #b7b7b7;
}

.carousel-indicators .active {
  background-color: #f24242 !important;
}

#contact {
  background: #282828;
}

#contact h2 {
  font-size: 35px;
  font-weight: 200;
  color: #fff;
}

#contact h3 {
  font-size: 35px;
  font-weight: 200;
  color: #fff;
  text-align: left;
}

#contact i {
  color: #6b7784;
}

#contact i span {
  font-family: 'Roboto', sans-serif;
  font-size: 25px;
  font-weight: 300;
}

#contact .contactinfo {
  margin-top: 100px;
  margin-bottom: 50px;
}

#contact p {
  font-size: 15px;
  font-weight: 200;
  color: #6b7784;
  margin-top: 10px;
}

#contact .socialicons img {
  margin: 20px;
}

#contact .copybarmenu {
  font-size: 13px;
  color: #777777;
  font-weight: 200;
  margin-top: 20px;
}

.navbar-default {
  padding-bottom: 25px;
}

.service-box {
  padding: 1px 10px 40px;
}

.service-box h3 {
  font-size: 20px;
  color: #fff;
}

.serv1 {
  background-color: #012345;
}

.serv2 {
  background-color: #013564;
}

.serv3 {
  background-color: #18333f;
}

.serv4 {
  background-color: #002448;
}

.serv5 {
  background-color: #234567;
}

.serv6 {
  background-color: #227799;
}

/*.serv_info {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    padding:50px;
    color:#fff !important;
}*/

/*contact form styles*/

.form-style-8 {
  font-family: 'Roboto', sans-serif;
  padding: 30px;
  margin: 50px auto;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
}

.form-style-8 input[type="text"],
.form-style-8 input[type="date"],
.form-style-8 input[type="datetime"],
.form-style-8 input[type="email"],
.form-style-8 input[type="number"],
.form-style-8 input[type="search"],
.form-style-8 input[type="time"],
.form-style-8 input[type="phone"],
.form-style-8 input[type="password"],
.form-style-8 textarea,
.form-style-8 select {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  display: inline;
  width: 30%;
  padding: 7px;
  border: none;
  border-bottom: 1px solid #6b7785;
  background: transparent;
  margin: 30px 30px 30px 0;
  font: 25px 'Roboto', sans-serif;
  height: 45px;
  color: #6b7784;
  font-weight: 200;
}

.form-style-8 textarea {
  height: 100px;
  overflow: hidden;
}

.form-style-8 input[type="button"],
.form-style-8 input[type="submit"] {
  background-color: #F05252;
  border: 1px solid #F05252;
  display: block;
  cursor: pointer;
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  padding: 8px 18px;
  text-decoration: none;
  text-transform: uppercase;
}

.form-style-8 input[type="button"]:hover,
.form-style-8 input[type="submit"]:hover {
  background-color: #6b7785;
  border: 1px solid #6b7785;
}

.contacthr1 {
  max-width: 300px;
  border-color: #292e35;
  border-width: 2px;
  margin-top: 50px;
}

.servicesh2mobile {
  display: none;
}

@media only screen
and (min-device-width : 760px)
and (max-device-width : 1024px) {
  header .header-content .header-content-inner {
    width: 750px;
    padding: 0;
  }

  /*
    #bs-example-navbar-collapse-1 { display: none !important }
    .navbar-toggle { display: block !important;     position: relative;    float: right;    padding: 9px 10px;    margin-top: 8px;    margin-right: 15px;    margin-bottom: 8px;    background-color: transparent;    background-image: none;
    border: 1px solid transparent;    border-radius: 4px; }
    #mainNav { padding-bottom: 55px }
*/
}

@media only screen
and (min-device-width : 760px)
and (max-device-width : 995px) {
  #about p {
    margin-left: 250px;
    font-size: 30px;
    line-height: 36px;
  }

  #how-to-use p {
    margin-left: 250px;
    font-size: 30px;
    line-height: 36px;
  }

  #about h2 {
    margin-left: 250px;
  }

  #how-to-use h2 {
    margin-left: 250px;
  }

  #how-to-use .btn {
    margin-left: 250px;
  }

  #testimonials h2 {
    text-align: center;
  }

  #testimonials p {
    text-align: center;
  }



  #testimonials .testimonialtext {
    margin-top: 120px;
  }

  #testimonials .carousel-indicators {
    top: 230px;
    left: 40%;
  }

  .form-style-8 input[type="text"] {
    width: 100% !important;
  }

  .form-style-8 input[type="email"] {
    width: 100% !important;
  }

  .form-style-8 input[type="phone"] {
    width: 100% !important;
  }

  .form-style-8 textarea {
    width: 100% !important;
  }

  #contact .contactinfo {
    margin: 0;
  }
}

@media only screen
and (min-device-width : 996px)
and (max-device-width : 1024px) {
  #about h2 {
    margin-left: 350px;
  }

  #how-to-use h2 {
    margin-left: 350px;
  }

  #about p {
    margin-left: 350px;
  }

  #how-to-use p {
    margin-left: 350px;
  }

  #how-to-use .btn {
    margin-left: 350px;
  }

  #testimonials h2 {
    text-align: right;
  }

  #testimonials p {
    text-align: right;
    font-size: 25px;
  }

  #testimonials .testimonial_quote {
    display: none;
  }

  #testimonials .testimonialtext {
    margin-top: 0;
  }

  #testimonials .carousel-indicators {
    top: 170px;
    left: 80%;
  }

  .spacertop {
    margin: 0;
  }

  .form-style-8 input[type="text"] {
    width: 100% !important;
  }

  .form-style-8 input[type="email"] {
    width: 100% !important;
  }

  .form-style-8 input[type="phone"] {
    width: 100% !important;
  }

  .form-style-8 textarea {
    width: 100% !important;
  }

  .form-style-8 .sndbtn {
    width: 30% !important;
  }

  #contact .contactinfo {
    margin: 0;
  }

  #contact .contactinfo div {
    margin-bottom: 50px;
  }
}

@media only screen
and (max-device-width:768px) {
  .navbar-toggle:hover {
    background-color: #f24242 !important;
  }

  .navbar-toggle:focus {
    background-color: transparent !important;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff !important;
  }

  .navbar-left,
  .navbar-right {
    margin: 0 !important;
  }

  .navbar-default .navbar-nav > li > a {
    color: #fff !important;
  }

  .customerlogin {
    border: none !important;
  }

  .servicesh2desktop {
    display: none;
  }
}

@media only screen
and (min-device-width:320px)
and (max-device-width:760px) {
  .navbar-brand {
    text-align: left;
  }

  header .header-content .header-content-inner {
    width: 280px !important;
    padding: 10px 0;
    margin: 0 auto;
  }

  .header-content-inner h2 {
    font-size: 30px;
  }

  header .header-content .header-content-inner p {
    font-size: 20px;
  }

  .header-content-inner img {
    width: 250px;
  }

  header .header-content .header-content-inner p {
    font-size: 20px !important;
    line-height: 25px;
  }

  #about {
    background-image: url("../../img/about-bg-mobile.jpg");
  }

  #about h2 {
    font-size: 25px;
    margin-top: 20px;
  }

  #about h2 span {
    font-size: 25px;
  }

  #about p {
    font-size: 18px;
  }

  #about .aboutpbold {
    font-size: 18px;
  }

  .servicesh2mobile {
    display: block;
    font-size: 25px;
    text-align: center;
    color: #012345;
    margin-top: 50px !important;
  }

  .servicesh2mobile span {
    display: block;
    font-size: 25px;
    font-weight: 200;
  }

  .serviceright img {
    width: 300px;
  }

  #how-to-use {
    background-image: url("../../img/how-to-use-bg-mobile.jpg");
  }

  #how-to-use h2 {
    font-size: 25px;
  }

  #how-to-use h2 span {
    font-size: 25px;
  }

  #how-to-use p {
    font-size: 18px;
    line-height: 25px;
  }

  #how-to-use .btn {
    font-size: 16px;
  }

  #testimonials h2 {
    font-size: 30px;
    text-align: center;
  }

  #testimonials h2 span {
    font-size: 30px;
    text-align: center;
  }

  #testimonials p {
    font-size: 18px;
    text-align: center;
  }

  .spacertop {
    margin: 20px 0;
  }

  #testimonials .testimonialtext {
    font-size: 15px;
    margin-top: 0;
  }

  #testimonials .carousel-indicators {
    top: 170px;
    width: 100%;
    left: 30%;
  }

  #testimonials .testimonial_quote {
    display: none;
  }

  .carousel-inner {
    padding-bottom: 20px;
  }

  #contact h2 {
    font-size: 20px;
  }

  .contacthr1 {
    margin-top: 30px;
  }

  .form-style-8 input {
    width: 100% !important;
    font-size: 18px !important;
  }

  .form-style-8 textarea {
    width: 100% !important;
    font-size: 18px !important;
  }

  #contact .contactinfo {
    margin: 0;
  }

  #contact .socialicons img {
    margin: 0 4px;
  }

  #contact .copybarmenu div {
    margin: 10px 0;
  }

  .form-style-8 {
    padding: 0 30px;
  }

  .navbar-default {
    background-color: rgba(0, 0, 3, 0.8)!important;
  }
}

@media (max-width: 991px) {
  .navbar-header {
    float: none;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }

  .navbar-collapse.collapse {
    display: none!important;
  }

  .navbar-nav {
    float: none!important;
    margin: 7.5px -15px;
  }

  .navbar-nav>li {
    float: none;
  }

  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar-text {
    float: none;
    margin: 15px 0;
  }

  .navbar-collapse.collapse.in {
    display: block!important;
  }

  .collapsing {
    overflow: hidden!important;
  }
}

@media (min-width: 992px) and
(max-width: 1400px) {
  .navbar-left {
    margin-left: 50px!important;
  }

  .navbar-right {
    margin-right: 0px!important;
  }
}

@media (min-width: 1401px) and
(max-width: 1800px) {
  .navbar-left {
    margin-left: 150px!important;
  }

  .navbar-right {
    margin-right: 50px!important;
  }
}

.modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  background-image: url("../../img/1.jpg");
  background-size: cover;
}

/*register popup styles*/

.btn-link-1 {
  display: inline-block;
  height: 50px;
  margin: 5px;
  padding: 16px 20px 0 20px;
  background: #19b9e7;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.btn-link-1:hover,
.btn-link-1:focus,
.btn-link-1:active {
  outline: 0;
  opacity: 0.6;
  color: #fff;
}

.btn-link-1.btn-link-1-facebook {
  background: #4862a3;
}

.btn-link-1.btn-link-1-twitter {
  background: #55acee;
}

.btn-link-1.btn-link-1-google-plus {
  background: #dd4b39;
}

.btn-link-1 i {
  padding-right: 5px;
  vertical-align: middle;
  font-size: 20px;
  line-height: 20px;
}

/*modified*/

.btn-link-2 {
  display: inline-block;
  height: 50px;
  margin-right: 5px !important;
  padding: 15px 20px 0 20px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px !important;
  width: 45%;
  margin-top: 10px !important;
  float: left;
}

/*modified*/

/*added*/

.form-bottom p {
  color: #fff;
}

/*added*/

.btn-link-2:hover,
.btn-link-2:focus,
.btn-link-2:active,
.btn-link-2:active:focus {
  outline: 0;
  opacity: 0.6;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}

.social_login_p {
  font-size: 20px;
  color: #615F48;
  font-weight: 300;
}

.social_login_or {
  font-size: 20px;
  color: #615F48;
  font-weight: 300;
  margin-top: 30px;
}

/***** Top content *****/

.inner-bg {
  padding: 20px 0 80px 0;
}

.top-content .text {
  color: #fff;
}

.top-content .text h1 {
  color: #fff;
}

.top-content .description {
  margin: 20px 0 10px 0;
}

.top-content .description p {
  opacity: 0.8;
}

.top-content .description a {
  color: #fff;
}

.top-content .description a:hover,
.top-content .description a:focus {
  border-bottom: 1px dotted #fff;
}

/*modified*/

.form-box {
  margin-top: 50px;
}

/*modified*/

.form-top {
  overflow: hidden;
  padding: 0 25px 15px 25px;
  background: #444;
  background: rgba(0, 0, 0, 0.35);
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  text-align: left;
}

.form-top-left {
  float: left;
  width: 75%;
  padding-top: 25px;
}

.form-top-left h3 {
  margin-top: 0;
  color: #fff;
}

.form-top-left p {
  opacity: 0.8;
  color: #fff;
}

.form-top-right {
  float: left;
  width: 25%;
  padding-top: 5px;
  font-size: 66px;
  color: #fff;
  line-height: 100px;
  text-align: right;
  opacity: 0.3;
}

.form-bottom {
  padding: 25px 25px 30px 25px;
  background: #444;
  background: rgba(0, 0, 0, 0.3);
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  text-align: left;
}

.form-bottom form textarea {
  height: 100px;
}

.form-bottom form button.btn {
  width: 100%;
}

.form-bottom form .input-error {
  border-color: #19b9e7;
}

.social-login {
  margin-top: 10px;
}

.social-login h3 {
  color: #fff;
  font-weight: 300;
  text-align: center;
}

.social-login-buttons {
  margin-top: 25px;
}

.social-login-buttons a {
  margin: auto;
}

.middle-border {
  min-height: 300px;
  margin-top: 100px;
  border-right: 1px solid #fff;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

/***** Media queries *****/

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 767px) {
  .middle-border {
    min-height: auto;
    margin: 65px 30px 0 30px;
    border-right: 0;
    border-top: 1px solid #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
  }

  .btn-link-2 {
    width: 100%;
  }
}

.register_h1 {
  font-size: 45px;
  font-weight: 300;
  color: #fff;
}

.register_h1 span {
  font-size: 45px;
  font-weight: 200;
  color: #fff;
}

.modal-header .close {
  margin-top: 0px;
}

.close {
  font-size: 50px;
}

@media (min-width: 1200px) {
  .register_logo img {
    margin-top: -50px;
  }
}

/*user portal styles*/

.login_nav {
  background-color: #333 !important;
}

#cust_details {
  background-color: #F24242;
  color: #fff;
  padding-bottom: 40px;
  border-bottom: 2px solid #c33636;
}

#cust_details h1 {
  font-size: 30px;
  font-weight: 300;
}

#cust_details ul {
  margin-top: 25px;
  margin-left: -40px;
}

#cust_details ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 100px;
}

#cust_details ul li span {
  font-size: 20px;
  font-weight: 300;
}

#cust_details a {
  color: #fff;
  text-decoration: underline;
  font-weight: 400;
}

#payment_section {
  background-color: #D8D8D8;
  color: #333;
  padding-bottom: 40px;
  padding-top: 30px;
}

#payment_section h1 {
  font-size: 30px;
  font-weight: 300;
}

#payment_section ul {
  margin-top: 25px;
  margin-left: -40px;
}

#payment_section ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 100px;
}

#payment_section ul li span {
  font-size: 20px;
  font-weight: 300;
}

#payment_section a {
  color: #333;
  text-decoration: underline;
  font-weight: 400;
}

#cust_table_section {
  padding-top: 30px;
}

a.pay_now {
  background-color: #333333;
  padding: 5px 10px;
  color: #fff !important;
  border-radius: 5px;
  font-size: 15px;
  text-decoration: none !important;
}

a.pay_now:hover {
  background-color: #5A5A5A;
  text-decoration: none;
  color: #fff;
}

.already_paid {
  color: #9E9E9E;
}

.font_pending {
  color: #F24242;
}

.font_done {
  color: #339933;
}

.search_bar {
  margin-bottom: 20px;
}

.show_btn {
  background-color: #EEEEEE;
  color: #fff;
}

.outs_amt {
  font-weight: 400 !important;
  color: #F24242;
}

.model_pymt {
  background: #fff !important;
}

.modal_dialog_pymt {
  width: 40% !important;
  height: auto;
  margin: 15% auto;
}

.btn-outstanding {
  background-color: #5CB85C !important;
}

.btn-payNow {
  background-color: #19B9E7 !important;
}

.btn-payNow:hover {
  background-color: #77d2ec !important;
}

div.dataTables_wrapper div.dataTables_filter label {
  font-size: 17px !important;
  font-weight: 300 !important;
}

div.dataTables_wrapper div.dataTables_length label {
  font-size: 17px !important;
  font-weight: 300 !important;
}

div.dataTables_wrapper div.dataTables_filter input {
  width: 300px !important;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #F24242;
  border-color: #F24242;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  color: #333;
}

.pagination > li > a,
.pagination > li > span {
  color: #333;
}

.cus_page_wrapper {
  padding: 0 20px;
}

div.table-responsive > div.dataTables_wrapper > div.row {
  margin: 20px 0;
}

@media (max-width: 500px) {
  #cust_details {
    padding-bottom: 10px;
  }

  #cust_details ul li {
    margin-bottom: 20px;
  }

  #cust_details ul li span {
    font-size: 17px;
  }

  #payment_section {
    padding-bottom: 10px;
  }

  #payment_section ul li {
    margin-bottom: 20px;
  }

  #payment_section ul li span {
    font-size: 17px;
  }

  .table-responsive {
    padding: 20px 0;
  }

  div.dataTables_wrapper div.dataTables_filter input {
    width: 150px !important;
  }

  a.pay_now {
    padding: 0;
    color: #333 !important;
    text-decoration: underline !important;
    background-color: transparent;
  }

  a.pay_now:hover {
    padding: 0;
    color: #333;
    text-decoration: underline;
    background-color: transparent;
  }
}

@media (min-width: 501px) and (max-width: 800px) {
  #cust_details ul li {
    margin-right: 50px;
  }

  #cust_details ul li span {
    font-size: 14px;
  }
}
/* Modal Styles */

.modal-dialog {
  border-radius: 10px !important;
}

.modal-content {
  background-color: #EBEBEB;
}

.ns-nohFeedbackModal {
  background-color: #EBEBEB;
  border-radius: 10px !important;
}

.modal-header {
  background-color: white;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.ns-nohFeedbackHeader {
  font-family: Signika !important;
  color: #000000 !important;
  font-style: normal !important;
  font-size: 22px !important;
  font-weight: 100;
  text-transform: none !important;
  text-rendering: optimizelegibility;
  margin: 15px 15px;
  display: inline-flex;
}

.nsNohIconClose {
  width: 35px;
  margin: 10px;
  float: right;
  cursor: pointer;
}

.nsNohIconCloseSafari {
  width: 35px;
  margin: 10px;
  float: right;
  cursor: pointer;
  /*    margin-top: -45px;*/
}

.ns-nohFeedbackForm {
  margin: 0px 10px;
}

.modal-body {
  min-height: 360px;
}

.ns-nohFeedbackForm label {
  font-family: Signika !important;
  color: #000000 !important;
  font-style: normal !important;
  font-size: 16px !important;
  font-weight: 100;
  text-transform: none !important;
  text-rendering: optimizelegibility;
  width: 100%;
  margin: 0px;
}

#ns-nohFeedbackComments {
  width: 100%;
  border-radius: 6px;
  height: 150px;
  margin-bottom: 20px;
  margin-top: 3.5px;
}

.col-md-6-feedbackModal {
  padding: 0px !important;
}

#ns-nohFeedbackEmail {
  width: 100%;
  border-radius: 6px;
  height: 50px;
  margin-bottom: 30px;
  margin-top: 3.5px;
}

#ns-nohFeedbackConfCode {
  width: 100%;
  border-radius: 6px;
  height: 50px;
  margin-bottom: 30px;
  margin-top: 3.5px;
}

.feedbackModalHR {
  margin-top: -5px !important;
}

.modal-footer {
  padding: 0px !important;
  border-top: 0px !important;
}

.ns-nohFeedbackSubmit {
  width: 180px;
  height: 50px;
  border-radius: 6px;
  background-color: #666666;
  margin: 15px 20px 15px 0px;
  cursor: pointer;
  float: right;
  color: white;
}

.removeFormCaret {
  border: 1px solid #d9d9d9;
}

.hideModalScreen {
  display: none;
}

.showModalScreen {
  display: block;
}

.ns-nohCloseThisWindow {
  width: 180px;
  height: 50px;
  border-radius: 6px;
  background-color: #666666;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}

.ns-nohCloseThisWindow p {
  color: white;
  text-align: center;
  padding: 15px 0px;
}

.modalFormConfMainTitle {
  font-family: Signika !important;
  color: #000000 !important;
  font-style: normal !important;
  font-size: 22px !important;
  font-weight: 500;
  text-transform: none !important;
  text-rendering: optimizelegibility;
  margin: 0px 0px 40px 0px;
  text-align: center;
}

.modalFormConfSubTitle {
  font-family: Signika !important;
  color: #666666 !important;
  font-style: normal !important;
  font-size: 22px !important;
  font-weight: 100;
  text-transform: none !important;
  text-rendering: optimizelegibility;
  margin: 0px 0px 40px 0px;
  text-align: center;
  display: block;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 640px !important;
  }

  .col-md-5-feedbackModal {
    width: 44.466667% !important;
  }

  .col-md-6-feedbackModalLeft {
    margin-right: 5.5%;
  }

  .col-md-6-feedbackModalRight {
    margin-left: 5.5%;
  }
}
/* Listen While You Wait Page */

.ns-nohIndexWrapper {
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2) !important;
}

.ns-nohLeftContainer {
  border-right: 1px solid rgb(238, 238, 238) !important;
}

.ns-nohHeaderRegular {
  line-height: 46px;
  font-family: Signika !important;
  color: #000000 !important;
  font-style: normal !important;
  font-size: 32px !important;
  font-weight: 100;
  text-transform: none !important;
  text-rendering: optimizelegibility;
  margin: 65px 80px 50px 65px;
}

.ns-nohHeaderMedium {
  font-weight: 500 !important;
}

.ns-nohBodyText {
  margin: 0px 80px 0px 65px;
}

.ns-nohBodyList {
  margin-left: 22.5px;
}

.ns-nohBodyList li {
  list-style-type: none;
}

.ns-nohBodyList li img {
  width: 10px;
}

.ns-nohBodyList li a {
  color: #00acff;
  text-decoration: none;
  cursor: pointer;
  font-weight: 500;
}

.ns-nohBodyList li a:hover {
  color: #dc007e;
}

.ns-divider {
  background-image: url("../../../../images/cs-divider.png");
  background-size: contain;
  height: 1px;
  width: 100%;
  margin: 60px 0px;
}

.ns-nohAppHeaderRegular {
  font-family: Signika !important;
  color: #000000 !important;
  font-style: normal !important;
  font-size: 22px !important;
  font-weight: 600;
  text-transform: none !important;
  text-rendering: optimizelegibility;
  margin: 0px 80px 40px 65px;
}

.ns-nohAppHeaderMedium {
  color: #666666 !important;
  font-weight: 100 !important;
}

.ns-nohDivMarginTop {
  margin-top: 80px;
}

.ns-nohMarginTop {
  margin-top: 60px;
}

.ns-nohMarginBottom {
  margin-bottom: 40px;
}

.ns-nohFeedbackButton {
  width: 180px;
  height: 50px;
  border-radius: 6px;
  background-color: #666666;
  margin: 0px 80px 20px 65px;
  cursor: pointer;
}

.ns-nohFeedbackButton p {
  color: white;
  text-align: center;
  padding: 15px 0px;
}

/* Listen While You Wait Sidebar */

.ns-nohSideBarHeader {
  font-family: Signika !important;
  color: #000000 !important;
  font-style: normal !important;
  font-size: 22px !important;
  font-weight: 100;
  text-transform: none !important;
  text-rendering: optimizelegibility;
  margin: 30px 15px 20px 15px;
}

.ns-nohSidebarPlaylist {
  margin: 0px 17.5px;
  border-bottom: 1px solid rgb(238, 238, 238);
}

.nohSidebarPlaylistDiv {
  min-height: 50px;
  border-top: 1px solid rgb(238, 238, 238) !important;
  border-right: 1px solid rgb(238, 238, 238) !important;
  cursor: pointer;
}

.nohSidebarPlaylistDiv:hover {
  background-color: rgb(238, 238, 238);
}

.nohSidebarPlaylistDivSelected {
  background-color: rgb(238, 238, 238);
  border-top: 1px solid rgb(238, 238, 238) !important;
  border-right: 1px solid rgb(238, 238, 238) !important;
}

.ns-nohSidebarPlaylistDivBorder {
  border-left: 10px solid;
}

.ns-nohSidebarPlaylistTitle {
  font-family: Signika !important;
  color: #000000 !important;
  font-style: normal !important;
  font-size: 17px !important;
  text-transform: none !important;
  text-rendering: optimizelegibility;
  padding: 10px 10px 0px 10px;
  margin: 0px !important;
}

.ns-nohSidebarPlaylistCategory {
  font-family: Signika !important;
  color: #666666 !important;
  font-style: normal !important;
  font-size: 10px !important;
  text-transform: none !important;
  text-rendering: optimizelegibility;
  padding: 5px 10px 10px 10px;
  margin: 0px !important;
}

.ns-nohShowMoreButton {
  width: 100%;
  height: 50px;
  background-color: rgb(238, 238, 238);
  cursor: pointer;
}

.ns-nohShowMoreButton  p {
  font-family: Signika !important;
  color: #666666;
  font-style: normal !important;
  font-size: 14px !important;
  font-weight: 400;
  text-transform: none !important;
  text-rendering: optimizelegibility;
  padding: 15px 20px;
  margin: 0px;
  display: inline-flex;
}

.nsNohIconMore {
  width: 30px;
  margin: 10px 15px 0px 0px;
  float: right;
}

.nsNohIconMoreSafari {
  width: 30px;
  margin: 10px 15px 0px 0px;
  float: right;
}
/* Page Not Found Page */

.error404 {
  margin-bottom: 30px;
  padding-bottom: 40px;
  margin-top: 20px;
  color: #666666;
  font-size: 17px;
  line-height: 1.5;
}

.error404 h2 {
  font-weight: normal;
  font-size: 30px;
  color: #000000;
  margin: 0 auto;
  padding: 50px;
  font-family: Signika;
  font-style: normal;
  text-align: left;
  text-transform: none !important;
  line-height: 40px;
  text-rendering: optimizelegibility;
}

.error404 p {
  max-width: 640px;
  padding: 0 30px;
  margin: 0 auto;
  text-align: left;
  margin-bottom: 20px !important;
  margin-top: 0px !important;
}

.error404 b {
  font-weight: 400;
  color: #000;
}

.error404 ul {
  max-width: 600px;
  margin: -20px auto;
  text-align: left;
  padding: 50px;
}

.error404 ul li {
  line-height: 20px;
}

.error404 ul li a {
  color: #00acff;
}

.error404 ul li a:hover {
  color: #dc007e;
}
/* PLayer Styles */

.ls-featuresPlayer {
  background-color: #5E78A9;
  margin: 0px 0px 30px 0px;
  margin: 50px 0px;
  color: #FFFFFF;
  text-align: left;
  /*    box-shadow: 0px 2px 4px rgba(0,0,0,.4);*/
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2) !important;
  height: auto;
}

.ls-featuresCategory {
  padding: 20px 20px 0px 20px;
  float: left;
  font-weight: 600;
  font-size: 10px;
  height: 30px;
  text-align: left;
}

.ls-featuresTime {
  padding: 20px 20px 0px 20px;
  float: right;
  font-weight: 600;
  font-size: 10px;
  height: 30px;
  text-align: right;
}

.ls-featuresSource {
  padding: 5px 20px 20px 20px;
  float: right;
  font-weight: 400;
  font-size: 10px;
  height: 35px;
  width: 100%;
  text-align: right;
  opacity: 0.6;
}

.ls-featuresTitle {
  padding: 0px 20px 40px 20px;
  margin: 0px;
  font-weight: 600;
  font-size: 22px;
  clear: both;
  height: auto;
  text-align: left;
  line-height: normal;
}

.ls-featuresConsole {
  height: 60px;
  width: 100%;
  background: rgba(0,0,0,.3);
  margin: 0px;
}

.ls-featuresPanel {
  float: left;
  padding: 5px 0px 5px 10px;
  height: 60px;
  width: 530px;
}

.ls-featuresPanelWindows {
  float: left;
  padding: 5px 0px 5px 0px;
  height: 60px;
  width: 530px;
}

.ls-panelPlay {
  height: 50px;
  width: 50px;
  border-radius: 6px;
  display: inline-block;
  background-size: cover;
  cursor: pointer;
  background-image: url("../../../../images/player-control-play.png");
  background-color: rgba(255,255,255,.5);
}

.ls-panelPlay {
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: blinker;
  -moz-animation-duration: 1.2s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  animation-name: blinker;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
  0% {
    background-color: rgba(255,255,255,.5);
  }

  50% {
    background-color: rgba(255,255,255,.0);
  }

  100% {
    background-color: rgba(255,255,255,.5);
  }
}

@-webkit-keyframes blinker {
  0% {
    background-color: rgba(255,255,255,.5);
  }

  50% {
    background-color: rgba(255,255,255,.0);
  }

  100% {
    background-color: rgba(255,255,255,.5);
  }
}

@keyframes blinker {
  0% {
    background-color: rgba(255,255,255,.5);
  }

  50% {
    background-color: rgba(255,255,255,.0);
  }

  100% {
    background-color: rgba(255,255,255,.5);
  }
}

.ls-panelPlay:hover {
  background-image: url("../../../../images/player-control-play.png");
  background-color: rgba(255,255,255,.5);
}

.ls-panelRewind,
.ls-panelPause,
.ls-panelSkip,
.ls-panelVolumeNOH,
.ls-panelMuteNOH,
.ls-shareFacebookNOH,
.ls-shareTwitterNOH,
.ls-shareEmailNOH,
.ls-shareComment {
  height: 50px;
  width: 50px;
  border-radius: 6px;
  display: inline-block;
  background-size: cover;
  cursor: pointer;
}

.ls-panelRewind {
  background-image: url("../../../../images/player-control-rewind.png");
}

.ls-panelRewind:hover {
  background-image: url("../../../../images/player-control-rewind.png");
  background-color: rgba(255,255,255,.5);
}

.ls-panelPause {
  background-image: url("../../../../images/player-control-pause.png");
}

.ls-panelPause:hover {
  background-image: url("../../../../images/player-control-pause.png");
  background-color: rgba(255,255,255,.5);
}

.ls-panelSkip {
  background-image: url("../../../../images/player-control-skip.png");
}

.ls-panelSkip:hover {
  background-image: url("../../../../images/player-control-skip.png");
  background-color: rgba(255,255,255,.5);
}

.ls-panelVolumeNOH {
  background-image: url("../../../../images/player-control-volume.png");
}

.ls-panelVolumeNOH:hover {
  background-image: url("../../../../images/player-control-volume.png");
  background-color: rgba(255,255,255,.5);
}

.ls-panelMuteNOH {
  background-image: url("../../../../images/player-control-volume-mute.png");
}

.ls-panelMuteNOH:hover {
  background-image: url("../../../../images/player-control-volume-mute.png");
  background-color: rgba(255,255,255,.5);
}

.ls-panelPlayHide {
  display: none;
}

.ls-panelVolumeHide {
  display: none;
}

.ls-panelMuteHide {
  display: none;
}

.ls-panelScrubber {
  height: 50px;
  width: 305px;
  border-radius: 6px;
  display: inline-block;
  background-size: cover;
  margin-right: -1px;
}

.ls-scrubberBar {
  width: 77%;
  float: left;
  padding: 23px 0px 12px 15px;
}

.ls-scrubberBar input[type=range] {
  cursor: pointer;
}

input#scrubberBar {
  border: 1px solid #FFFFFF !important;
  border-radius: 3px !important;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  border: 1px solid #FFFFFF;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  background: rgba(255,255,255,.3);
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: rgba(255,255,255,.3);
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  background: #FFFFFF;
  border-radius: 50%;
  margin-top: -6px;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 3px;
  background: rgba(255,255,255,.3);
}

input[type=range]::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: #FFFFFF;
  border-radius: 50%;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 3px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
}

input[type=range]::-ms-thumb {
  width: 15px;
  height: 15px;
  background: #FFFFFF;
  border-radius: 50%;
}

input[type=range]::-ms-fill-upper {
  border-radius: 10px;
  background: rgba(255,255,255,.3);
}

input[type=range]:focus::-ms-fill-upper {
  background: #FFFFFF;
}

input[type=range]::-ms-fill-lower {
  border-radius: 10px;
  background: rgba(255,255,255,.3);
}

input[type=range]:focus::-ms-fill-lower {
  background: #FFFFFF;
}

.ls-panelScrubber p {
  width: 22.5%;
  float: right;
  padding: 14px 0px 15px 15px;
  font-weight: 300;
  font-size: 13px !important;
}

@-moz-document url-prefix()  {
  input#scrubberBar {
    border: 0px solid #FFFFFF !important;
    border-radius: 0px !important;
    margin-top: -7.5px;
  }

  input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    border: 0px solid #FFFFFF;
  }
}

.ls-panelScrubberSM {
  display: none;
}

.ls-scrubberBarSM {
  display: none;
}

.ls-scrubberBarSM input[type=range] {
  cursor: pointer;
}

input#scrubberBarSM {
  border: 1px solid #FFFFFF !important;
  border-radius: 3px !important;
}

.ls-scrubberBarSM input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  border-radius: 50%;
  margin-top: -8px;
  border: 0px solid #000000 !important;
}

.ls-panelScrubberSM p {
  width: 22.5%;
  float: right;
  padding: 14px 0px 15px 15px;
  font-weight: 300;
  font-size: 13px !important;
}

@-moz-document url-prefix()  {
  input#scrubberBarSM {
    border: 0px solid #FFFFFF !important;
    border-radius: 0px !important;
    margin-top: -7.5px;
  }
}

.ls-featuresShare {
  float: right;
  padding: 5px 10px 5px 0px;
  height: 60px;
  width: 170px;
}

.ls-featuresShareNOH {
  float: right;
  padding: 5px 10px 5px 0px;
  height: 60px;
  width: 221px;
}

.ls-featuresShareNOHWindows {
  float: right;
  padding: 5px 0px 5px 0px;
  height: 60px;
  width: 211px;
}

.ls-shareFacebookNOH {
  background-image: url("../../../../images/player-control-share-facebook.png");
}

.ls-shareFacebookNOH:hover {
  background-image: url("../../../../images/player-control-share-facebook.png");
  background-color: rgba(255,255,255,.5);
}

.ls-shareTwitterNOH {
  background-image: url("../../../../images/player-control-share-twitter.png");
}

.ls-shareTwitterNOH:hover {
  background-image: url("../../../../images/player-control-share-twitter.png");
  background-color: rgba(255,255,255,.5);
}

.ls-shareEmailNOH {
  background-image: url("../../../../images/player-control-share-email.png");
}

.ls-shareEmailNOH:hover {
  background-image: url("../../../../images/player-control-share-email.png");
  background-color: rgba(255,255,255,.5);
}

.ls-shareComment {
  background-image: url("../../../../images/player-control-comment.png");
}

.ls-shareComment:hover {
  background-image: url("../../../../images/player-control-comment.png");
  background-color: rgba(255,255,255,.5);
}
@media (min-width: 992px) {
  /* Auto Page */

  .col-md-2-left-solutions-auto {
    width: 18.666667%;
  }

  .col-md-4-solutions-auto {
    width: 32.333333%;
  }

  .flex-control-nav {
    display: none;
  }

  .nohMargins {
    margin-left: 65px !important;
    margin-right: 80px !important;
  }

  .ss-shareTrackImage {
  /*  float: left; */
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    border-radius: 6px;
    border: inset 1px rgba(0, 0, 0, 0.1);
    margin-right: 30px;
    background-position: center;
  }

  .ss-shareTrackTitleByBox {
    float: right;
    width: 43.62%;
  }

  .ss-shareTrackTitle {
    font-family: Signika;
    font-weight: 400;
    font-size: 26px !important;
    line-height: 32px;
    color: #00adff;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .ss-shareTrackDesc {
    font-family: Signika;
    color: black;
    font-size: 22px;
    margin-top: 50px;
    margin-bottom: 0px;
    line-height: 28px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .ss-shareTrackImage {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    border-radius: 6px;
    border: inset 1px rgba(0, 0, 0, 0.1);
    background-position: center;
  }

  .ss-shareTrackTitle {
    font-family: Signika;
    font-weight: 400;
    font-size: 26px !important;
    line-height: 32px;
    color: #00adff;
    margin-top: 35px;
    margin-bottom: 0px;
  }

  .col-md-1 {
    width: 5.801104972%;
  }

  .col-md-1-left {
    margin-left: 6px !important;
  }

  .col-md-1-right {
    margin-left: 2.762430939%;
  }

  .col-md-2 {
    width: 14.364640883%;
  }

  .col-md-2-left {
    margin-left: 6.5px !important;
  }

  .col-md-2-left-sub {
    margin-left: 3.5px !important;
  }

  .col-md-2-right {
    margin-left: 2.127659574468085%;
  }

  .col-md-3 {
    width: 22.928176794%;
  }

  .col-md-4 {
    width: 34.491712705%;
  }

  .col-md-4-howItWorks {
    width: 32.491713%;
  }

  .col-md-4-padding {
    padding-right: 0px !important;
    padding-left: 20px !important;
  }

  .col-md-4-padding-sub {
    padding-right: 0px !important;
    padding-left: 15px !important;
  }

  .col-md-5 {
    width: 44.455248616%;
  }

  .col-md-5-howItWorks {
    width: 39.455249%;
  }

  .col-md-6 {
    width: 53.618784527%;
  }

  .col-md-7 {
    width: 60.182320438000005%;
  }

  .col-md-7-padding {
    padding-right: 15px !important;
    padding-left: 5px !important;
  }

  .col-md-8 {
    width: 67.04585634900001%;
  }

  .col-md-8-sub {
    width: 70.04585634900001%;
  }

  .col-md-10 {
    width: 88.37292817100001%;
  }

  .col-md-10-share {
    width: 100%;
  }

  [class*="col-md-"]:first-child {
    margin-left: 0;
  }

  [class*="col-md-"] {
    display: block;
    float: left;
    box-sizing: border-box;
  }

  /* Header Styles */

  .col-md-4-header {
    width: 198px;
  }

  .col-md-8-header {
    width: 522px;
  }

  #cs-headerList {
    display: none;
  }

  /* About Page(s) */

  .col-md-4-about-testimonial {
    width: 30.491712705% !important;
  }

  .col-md-5-about-team {
    width: 42.455248616%;
  }

  .col-md-7-about-team {
    width: 57.182320438000005%;
  }

  .col-md-8-about-careers {
    width: 68.04585634900001%;
  }

  .col-md-8-about-press {
    width: 65.04585634900001%;
  }

  .col-md-4-careers-sidebar {
    width: 228px !important;
  }

  .col-md-4-press-sidebar {
    width: 228px !important;
  }

  /* Listen Page(s) */

  .ls-dividerPosition {
    margin-top: 110px;
  }

  .ls-howItWorksRow {
    margin-right: -9px;
    margin-left: -9px;
  }

  .ls-iconPersonal {
    margin-bottom: 120px;
  }

  .ls-sectionOne {
    padding: 60px 60px 0 0;
  }

  .ls-dividerAbovePersonal {
    margin-top: 15px;
  }

  .ls-sectionTwo {
    padding: 60px 0 30px 60px;
  }

  .ls-sectionThree {
    padding: 60px 60px 60px 0;
  }

  .ls-sectionFour {
    padding: 0 0 0 60px;
  }

  .ls-commuterFriendly {
    position: inherit;
    text-align: center;
    top: 80px;
  }

  .ls-dividerBetweenSmartAndCompelling {
    margin-top: 5px;
  }

  .ls-sectionFive {
    padding: 0 30px 0 0;
  }

  .ls-sectionFive p {
    margin: 90px 0 0 0;
  }

  /* Listen While You Wait Page */

  .ns-nohShowMoreButton p {
    padding: 15px 0px 15px 10px !important;
  }

  .ns-nohIconMore {
    margin: 10px 10px 0px 0px !important;
  }

  .ns-nohSidebarPlaylist {
    margin: 0px 2.5px !important;
  }

  .ns-nohSideBarHeader {
    margin: 30px 0px 20px 0px;
  }

  .ns-nohHeaderRegular {
    margin: 65px 15px 50px 15px !important;
  }

  .ns-nohBodyText {
    margin: 0px 15px 0px 15px !important;
  }

  .ns-nohBodyList {
    margin-left: -27.5px !important;
  }

  .ns-nohAppHeaderRegular {
    margin: 0px 15px 40px 15px !important;
  }

  .ns-nohFeedbackButton {
    margin: 0px 15px 20px 15px !important;
  }

  .ns-nohDivMarginTop {
    margin-top: 80px !important;
  }

  .ns-nohMarginTop {
    margin-top: 60px !important;
  }

  .ns-nohMarginBottom {
    margin-bottom: 40px !important;
  }

  /* Solution Page(s) */

  .col-md-1-solutions {
    width: 10.001104972%;
  }

  .col-md-2-left-solutions-auto {
    margin-left: 18.5px !important;
  }

  .col-md-3-solutions-enterprise {
    width: 25.928177%;
    padding-left: 5px !important;
  }

  .col-md-4-solutions-auto-right {
    width: 33.691712705%;
  }

  .col-md-4-solutions-auto {
    width: 34.291712705%;
  }

  .col-md-4-padding-solutions {
    padding-right: 10px !important;
    padding-left: 15px !important;
  }

  .col-md-4-padding-solutions-sub {
    padding-right: 15px !important;
    padding-left: 11px !important;
  }

  .col-md-8-solutions-enterprise {
    width: 71.04585634900001%;
  }

  .businessTabs .nav-tabs {
    width: 100%;
    padding: 0px 8% !important;
    border-bottom: none;
  }

  .flex-control-nav {
    display: none;
  }
}

@media (max-width: 770px) and (min-width: 768px) {
  /* Solution Page(s) */

  .ss-solutionsIndexImage {
    margin: 0 -17.5px !important;
  }

  .ss-solutionsAutoImage {
    margin: 0 -24px !important;
  }

  .ss-solutionsAutoStripe {
    margin: 0 -24px !important;
  }

  .ss-solutionsEnterpriseImage {
    margin: 0 -24px !important;
  }

  .as-aboutCareersImage {
    margin: 0 -24px !important;
  }

  .ss-solutionsHomeImage {
    margin: 0 -24px !important;
  }
}

@media (max-width: 767px) and (min-width: 700px) {
  /* Player Styles */

  .ls-featuresPanelNOH {
    width: 469px !important;
    padding: 5px 0px 5px 4px;
  }

  .ls-featuresPanelNOHWindows {
    width: 470px !important;
    padding: 5px 0px 5px 0px;
  }

  .flex-control-nav {
    display: none;
  }
}

@media (max-width: 767px) and (min-width: 320px) {
  .nohMargins {
    margin-left: 15px;
    margin-right: 15px;
  }

  .ss-shareTrackImage {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    border-radius: 6px;
    border: inset 1px rgba(0, 0, 0, 0.1);
    background-position: center;
  }

  .ss-shareTrackTitle {
    font-family: Signika;
    font-weight: 400;
    font-size: 26px !important;
    line-height: 32px;
    color: #00adff;
    margin-top: 35px;
    margin-bottom: 0px;
  }

  .ss-shareTopMargin {
    margin-top: 35px;
  }

  .col-md-8-termsOfUse {
    padding-right: 5px;
    padding-left: 5px;
  }

  .col-md-8-privacyPolicy {
    padding-right: 5px;
    padding-left: 5px;
  }

  /* Common Styles */

  .cs-listenSliderContainer {
    margin: 0 -15px !important;
  }

  /* Header Styles */

  .cs-logoContainer {
    text-align: center;
  }

  .cs-headerNavList {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }

  .cs-headerNavList select {
    display: inline-block;
    width: 100% !important;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    height: 30px;
    line-height: 30px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #555555;
    vertical-align: middle;
    border-radius: 4px;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-weight: normal;
    cursor: pointer;
    margin: 0;
  }

  /* Player Styles */

  .ls-panelVolumeNOH,
  .ls-panelMuteNOH {
    display: none;
  }

  .ls-featuresShareNOH {
    width: initial;
    padding: 5px 5px 5px 0px;
  }

  .ls-featuresShareNOHWindows {
    width: 211px;
  }

  /* Download The App Styles */

  .cs-flexSpace-DownloadBadge-Mobile {
    margin: -40px 0px 30px 0px !important;
  }

  .ls-flexSpacePartnersSmall-DownloadBadge-Mobile {
    margin: 15px 0px 40px 0px !important;
  }

  .cs-flexSpace-DownloadBadge-Mobile-Programming {
    margin: -20px 0px 30px 0px !important;
  }

  .cs-flexSpace-DownloadBadge-Mobile-About {
    margin: 20px 0px 30px 0px !important;
  }

  .cs-flexSpace-DownloadBadge-Mobile-NOH {
    margin: 60px 0px 30px 0px !important;
  }

  /* About Page(s) */

  .as-amazingMemberName,
  .as-amazingMemberTitle,
  .as-amazingMemberLinks,
  .as-advisorsName {
    text-align: left !important;
    margin-left: -15px;
  }

  .as-aboutCareersImage {
    margin: 0 -15px !important;
  }

  .as-careersJobCategoryRight {
    width: 100%;
  }

  .col-md-4-careers-sidebar {
    display: flex;
  }

  .as-pressImages {
    width: 100%;
  }

  .cs-flexSpace-Divider-Mobile-About {
    margin: 20px 0 !important;
  }

  /* Listen Page(s) */

  .ls-dividerPosition {
    margin-top: 0px;
  }

  .ls-listenHeader-programmingMainTitle {
    padding: 0px 15px !important;
  }

  .ls-listenHeader-programmingSubTitle {
    padding: 0px 15px !important;
  }

  .ls-howItWorksRow {
    margin-right: 0;
    margin-left: 0;
  }

  .ls-sectionOne,
  .ls-sectionTwo,
  .ls-sectionThree,
  .ls-sectionFour {
    padding: 0px 30px;
  }

  .ls-convenient {
    margin-top: -15px;
  }

  .ls-dividerBelowPersonalDesc {
    margin: 30px 0 0px 0;
  }

  .ls-dividerAbovePersonal {
    margin-top: 30px;
  }

  .ls-dividerAboveSmart {
    margin: 60px 0 0 0;
  }

  .ls-iconSmart {
    margin-bottom: 0;
  }

  .ls-sectionFive {
    padding: 0 30px;
  }

  .ls-sectionFive p {
    margin: 60px 0;
  }

  .ls-howItWorksLastRow {
    margin: 30px 0 0 0;
  }

  .ls-addMobilePadding {
    padding: 0 15px;
  }

  .ls-addMobileDblPadding {
    padding: 0 30px;
  }

  /* Listen While You Wait Page */

  .ns-nohHeaderRegular {
    margin: 65px 15px 50px 15px !important;
  }

  .ns-nohBodyText {
    margin: 0px 15px 0px 15px !important;
  }

  .ns-nohBodyList {
    margin-left: -25px !important;
  }

  .ns-nohAppHeaderRegular {
    margin: 0px 15px 40px 15px !important;
  }

  .ns-nohFeedbackButton {
    margin: 0px 15px 20px 15px !important;
  }

  .ns-nohDivMarginTop {
    margin-top: 80px !important;
  }

  .ns-nohMarginTop {
    margin-top: 60px !important;
  }

  .ns-nohMarginBottom {
    margin-bottom: 40px !important;
  }

  .ns-nohSideBarHeader {
    margin: 30px 15px 20px 15px !important;
  }

  .ns-nohSidebarPlaylist {
    margin: 0px 15px 0px 15px !important;
  }

  .ns-nohLeftContainer {
    border-right: 0px solid rgb(238, 238, 238) !important;
  }

  /* Solution Page(s) */

  .ss-uniqueThreePartnersIncl {
    text-align: center;
  }

  .col-md-1-solutions {
    text-align: center;
  }

  .ss-solutionsIndexImage {
    margin: 0 -15px !important;
  }

  .ss-solutionsAutoImage {
    margin: 0 -15px !important;
  }

  .ss-solutionsAutoStripe {
    margin: 0 -15px !important;
  }

  .ss-solutionsEnterpriseImage {
    margin: 0 -15px !important;
  }

  .ss-uniqueFour767Margin {
    margin-left: 15px;
  }

  .ss-solutionsHomeImage {
    margin: 0 -15px !important;
  }

  /* Upload Page(s) */

  .us-uploadIndexImage {
    margin: 0 -15px !important;
  }
}

@media (max-width: 699px) and (min-width: 320px) {
  .flex-control-paging li a {
    display: none;
  }

  .flex-control-paging li a:hover {
    display: none;
  }

  .flex-control-paging li a.flex-active {
    display: none;
  }

  /* Player Styles */

  .ls-featuresPlayer {
    background-color: #00adff;
    margin: 30px 0px 30px 0px;
    color: #FFFFFF;
    text-align: left;
    box-shadow: 0px 2px 4px rgba(0,0,0,.4);
    height: auto;
    width: 100%;
  }

  .ls-featuresCategory {
    padding: 20px 20px 0px 20px;
    float: left;
    font-weight: 600;
    font-size: 10px;
    height: 30px;
    text-align: left;
    width: 50%;
  }

  .ls-featuresTime {
    padding: 20px 20px 0px 20px;
    float: right;
    font-weight: 600;
    font-size: 10px;
    height: 30px;
    text-align: right;
    width: 50%;
  }

  .ls-featuresSource {
    padding: 5px 20px 20px 20px;
    float: right;
    font-weight: 400;
    font-size: 10px;
    height: 35px;
    width: 100%;
    text-align: right;
    opacity: 0.6;
  }

  .ls-featuresTitle {
    padding: 0px 20px 25px 20px;
    margin: 0px;
    font-weight: 600;
    font-size: 22px;
    clear: both;
    height: auto;
    text-align: left;
    line-height: normal;
  }

  .ls-featuresConsole {
    height: 120px;
    width: 100%;
    background: rgba(0,0,0,.3);
    margin: 0px;
  }

  .ls-featuresPanel {
    float: left;
    padding: 5px 0px 5px 5px;
    height: 60px;
    width: initial;
  }

  .ls-featuresPanelWindows {
    float: left;
    padding: 5px 0px 5px 0px;
    height: 60px;
    width: 160px;
  }

  .ls-panelScrubber {
    display: none;
  }

  .ls-scrubberBar {
    display: none;
  }

  .ls-panelScrubberSM {
    height: 50px;
    width: 100%;
    border-radius: 6px;
    display: inline-block;
    background-size: cover;
  }

  .ls-scrubberBarSM {
    width: 78%;
    float: left;
    padding: 23px 0px 12px 20px;
    display: inline-block;
  }

  .ls-panelScrubberSM p {
    width: 12%;
    float: right;
    padding: 14px 0px 15px 0px;
    font-weight: 300;
    font-size: 13px !important;
    margin-right: 20px;
    text-align: right;
  }

  .ls-panelVolume {
    display: none;
  }

  .ls-featuresShare {
    float: right;
    padding: 5px 5px 5px 0px;
    height: 60px;
    width: 165px;
  }
}

@media (max-width: 600px) and (min-width: 320px) {
  /* About Page(s) */

  .as-careersJobCategoryLeft {
    width: 100%;
  }

  .as-careersJobCategoryRight {
    width: 100%;
  }

  .col-md-4-careers-sidebar {
    display: -webkit-inline-box !important;
  }
}

@media (max-width: 515px) and (min-width: 463px) {
  .ls-listenHeader-programmingMainTitle {
    padding: 0px 100px !important;
  }
}

@media (max-width: 462px) and (min-width: 427px) {
  .ls-listenHeader-programmingMainTitle {
    padding: 0px 75px !important;
  }
}

@media (max-width: 426px) and (min-width: 387px) {
  .ls-listenHeader-programmingMainTitle {
    padding: 0px 55px !important;
  }
}

@media (max-width: 480px) and (min-width: 414px) {
  /* Listen While You Wait Page */

  .col-md-8-NOH {
    padding: 0px 15px !important;
  }

  .ns-nohHeaderRegular {
    margin: 25px 15px 25px 15px !important;
  }

  .ns-divider {
    margin: 35px 0px 30px 0px;
  }

  .ns-nohBodyText {
    margin: 0px 15px 0px 15px !important;
  }

  .ns-nohBodyList {
    margin-left: -27.5px !important;
  }

  .ns-nohAppHeaderRegular {
    margin: 0px 15px 40px 15px !important;
  }

  .ns-nohFeedbackButton {
    margin: 0px 15px 20px 15px !important;
  }

  .ns-nohDivMarginTop {
    margin-top: 80px !important;
  }

  .ns-nohMarginTop {
    margin-top: 32.5px !important;
  }

  .ns-nohMarginBottom {
    margin-bottom: 30px !important;
  }

  .ns-nohSideBarHeader {
    margin: 30px 15px 20px 15px !important;
  }

  .ns-nohSidebarPlaylist {
    margin: 0px 15px 0px 15px !important;
  }

  .ns-nohLeftContainer {
    border-right: 0px solid rgb(238, 238, 238) !important;
  }
}

@media (max-width: 413px) and (min-width: 375px) {
  /* Player Styles */

  .ls-featuresShareNOH {
    width: 54%;
    padding: 5px 0px 5px 0px;
  }

  .ls-featuresShareNOHWindows {
    width: 55%;
  }

  .ls-shareFacebookNOH,
  .ls-shareTwitterNOH,
  .ls-shareEmailNOH,
  .ls-shareComment {
    height: 45.75px !important;
    width: 45.75px !important;
    margin-top: 2.5px;
  }

  /* Listen While You Wait Page */

  .col-md-8-NOH {
    padding: 0px 15px !important;
  }

  .ns-nohHeaderRegular {
    margin: 25px 15px 25px 15px !important;
  }

  .ns-divider {
    margin: 35px 0px 30px 0px;
  }

  .ns-dividerSM {
    margin: 42.5px 0px 32.5px 0px !important;
  }

  .ns-nohBodyText {
    margin: 0px 15px 0px 15px !important;
  }

  .ns-nohBodyList {
    margin-left: -27.5px !important;
  }

  .ns-nohAppHeaderRegular {
    margin: 0px 15px 40px 15px !important;
  }

  .ns-nohFeedbackButton {
    margin: 0px 15px 20px 15px !important;
  }

  .ns-nohDivMarginTop {
    margin-top: 80px !important;
  }

  .ns-nohMarginTop {
    margin-top: 32.5px !important;
  }

  .ns-nohMarginBottom {
    margin-bottom: 30px !important;
  }

  .ns-nohSideBarHeader {
    margin: 30px 15px 20px 15px !important;
  }

  .ns-nohSidebarPlaylist {
    margin: 0px 15px 0px 15px !important;
  }

  .ns-nohLeftContainer {
    border-right: 0px solid rgb(238, 238, 238) !important;
  }
}

@media (max-width: 374px) and (min-width: 320px) {
  /* Player Styles */

  .ls-featuresShareNOH {
    width: 50%;
    padding: 5px 0px 5px 0px;
  }

  .ls-featuresShareNOHWindows {
    width: 50%;
  }

  .ls-shareFacebookNOH,
  .ls-shareTwitterNOH,
  .ls-shareEmailNOH,
  .ls-shareComment {
    height: 34.75px !important;
    width: 34.75px !important;
    margin-top: 7.5px;
  }

  /* Listen While You Wait Page */

  .col-md-8-NOH {
    padding: 0px !important;
  }

  .ns-nohHeaderRegular {
    margin: 25px 15px 25px 15px !important;
  }

  .ns-divider {
    margin: 35px 0px 30px 0px;
  }

  .ns-nohBodyText {
    margin: 0px 15px 0px 15px !important;
  }

  .ns-nohBodyList {
    margin-left: -27.5px !important;
  }

  .ns-nohAppHeaderRegular {
    margin: 0px 15px 40px 15px !important;
  }

  .ns-nohFeedbackButton {
    margin: 0px 15px 20px 15px !important;
  }

  .ns-nohDivMarginTop {
    margin-top: 80px !important;
  }

  .ns-nohMarginTop {
    margin-top: 32.5px !important;
  }

  .ns-nohMarginBottom {
    margin-bottom: 30px !important;
  }

  .ns-nohSideBarHeader {
    margin: 30px 15px 20px 15px !important;
  }

  .ns-nohSidebarPlaylist {
    margin: 0px 15px 0px 15px !important;
  }

  .ns-nohLeftContainer {
    border-right: 0px solid rgb(238, 238, 238) !important;
  }
}

@media (max-width: 399px) and (min-width: 340px) {
  .col-md-8-sub {
    padding: 10px !important;
  }

  /* Common Styles */

  .cs-flexSpace {
    margin: 45px 0 !important;
  }

  .cs-flexSpace {
    margin: 30px 0px 30px 0px !important;
  }

  /* Download The App Styles */

  .cs-appLinksImages {
    margin-left: 5px !important;
  }

  .cs-appDownloadBadge div {
    font-size: 16px !important;
  }

  .cs-appDownloadBadge span {
    font-size: 12px !important;
  }

  .cs-appDownloadBadge div {
    padding: 0px 10px 0px 10px !important;
  }

  /* Listen Page(s) */

  .ls-listenHeader {
    padding: 0px 55px !important;
  }

  .ls-listenHeader-programmingMainTitle {
    padding: 0px 35px !important;
  }

  .ls-listenHeader-programmingSubTitle {
    padding: 0px 15px !important;
  }

  .ls-mainTitles {
    margin: 45px 0;
  }

  .ls-convenient {
    margin-top: 0;
  }

  .ls-mainDesc {
    margin: 0;
  }

  .ls-dividerAbovePersonal {
    margin-top: 30px;
  }

  .ls-dividerAboveSmart {
    margin: 45px 0 0 0;
  }

  .ls-dividerBetweenSmartAndCompelling {
    margin-top: 45px;
  }

  .ls-sectionFive p {
    margin: 30px 0 45px 0;
  }

  .ls-howItWorksLastRow {
    margin: 15px 0 -30px 0;
  }

  /* Solution Page(s) */

  .ss-uniqueFour767Margin {
    margin-left: 10px;
  }
}

@media (max-width: 339px) and (min-width: 320px) {
  .col-md-8-sub {
    padding: 5px !important;
  }

  /* Common Styles */

  .cs-flexSpace {
    margin: 45px 0 !important;
  }

  .cs-flexSpace {
    margin: 30px 0px 30px 0px !important;
  }

  /* Download The App Styles */

  .cs-appLinksImages {
    margin-left: 5px !important;
  }

  .cs-appDownloadBadge div {
    font-size: 16px !important;
  }

  .cs-appDownloadBadge span {
    font-size: 12px !important;
  }

  .cs-appDownloadBadge div {
    padding: 0px 10px 0px 10px !important;
  }

  /* Player Styles */

  .ls-panelRewind,
  .ls-panelPause,
  .ls-panelSkip {
    height: 47.5px !important;
    width: 47.5px !important;
  }

  .ls-panelPlay {
    height: 47px !important;
    width: 47px !important;
  }

  .ls-featuresPanel {
    padding: 5px 0px 0px 0px !important;
    width: initial !important;
  }

  .ls-featuresPanelWindows {
    padding: 5px 0px 0px 0px !important;
    width: 150px !important;
  }

  .ls-panelScrubberSM {
    margin-top: 5px !important;
  }

  /* Listen Page(s) */

  .ls-listenHeader {
    padding: 0px 25px !important;
  }

  .ls-listenHeader-programmingMainTitle {
    padding: 0px 15px !important;
  }

  .ls-listenHeader-programmingSubTitle {
    padding: 0px 15px !important;
  }

  .ls-mainTitles {
    margin: 45px 0;
  }

  .ls-convenient {
    margin-top: 0;
  }

  .ls-mainDesc {
    margin: 0;
  }

  .ls-dividerAbovePersonal {
    margin-top: 30px;
  }

  .ls-dividerAboveSmart {
    margin: 45px 0 0 0;
  }

  .ls-iconPersonal {
    margin-bottom: 60px;
  }

  .ls-iconSmart {
    margin-bottom: 35px;
  }

  .ls-dividerBetweenSmartAndCompelling {
    margin-top: 45px;
  }

  .ls-sectionFive p {
    margin: 30px 0 45px 0;
  }

  .ls-howItWorksLastRow {
    margin: 15px 0 -30px 0;
  }

  /* Solution Page(s) */

  .ss-uniqueFour767Margin {
    margin-left: 5px;
  }
}
/* Share Page */

.nohMargins {
  margin-left: 15px;
  margin-right: 15px;
}

.ss-shareTopMargin {
  margin-top: 60px;
}

.isNotRadiateMedia {
  background-size: cover !important;
}

.isRadiateMedia {
  background-size: 90% !important;
}

.ss-shareTrackBy {
  font-family: Signika;
  font-weight: 400;
  color: #b2b2b2;
  font-size: 14px;
  line-height: 21px;
  margin-top: 10px;
  margin-bottom: 0px;
}

.ss-shareTrackScriptBox a {
  color: #00acff;
  text-decoration: none;
  cursor: pointer;
}

.ss-shareTrackScriptBox a:hover {
  color: #dc007e;
}

.ss-shareTrackDesc {
  font-family: Signika;
  color: black;
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 20px;
  line-height: 28px;
}

.ss-shareTrackScript {
  font-family: Signika;
  font-weight: 300;
  color: #666666;
  font-size: 16px;
  line-height: 26px;
}

.ss-shareTrackButtonsBox img {
  cursor: pointer;
}

.ss-shareTrackButtons {
  height: 45px;
  width: 45px;
  border-radius: 25px;
  margin: 50px 30px 0px 0px;
  background-color: #00adff;
}

.cs-flexSpace-DownloadBadge-Mobile-Share {
  margin: 60px 0px 50px 0px;
}

.ls-listenIndexImage {
  width: 100%;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
}
/* Solution Page */

.ss-solutionsIndexImage {
  background-color: #00adff;
  padding: 0 30px 30px;
  background: url("../../../../images/solutions-index-visual.png") bottom center;
  background-size: cover;
  margin: 0 -30px;
}

.ss-solutionsIndexImage h1 {
  margin: 80px 0 50px 0;
  text-align: center;
  font-weight: 200;
}

.ss-solutionsTopMargin {
  margin-top: 80px !important;
}

.ss-uniqueOne {
  text-align: center;
}

.ss-uniqueOne a {
  color: #00acff;
  text-decoration: none;
}

.ss-iconRivetSolutions {
  margin-top: -10px;
  max-height: 140px;
  margin: -10px auto 20px;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
}

.ss-rivetSignature {
  font-family: Signika;
  color: #000000;
  font-style: normal;
  font-size: 26px;
  font-weight: 300;
  text-align: left;
  text-transform: none !important;
  margin-top: 0px !important;
  line-height: 40px;
  margin: 10px 0;
}

.ss-iconRivetSignature {
  height: 18.5px;
  margin-bottom: 7px;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
}

.ss-rivetSolutionsDesc {
  margin-bottom: 20px !important;
  margin-top: 0px !important;
}

.ss-learnMore {
  line-height: 25px;
  font-family: Signika;
  color: #000000;
  font-style: normal;
  font-size: 18px;
  font-weight: 400;
  text-transform: none !important;
  margin-top: 0px !important;
  margin: 10px 0;
  text-rendering: optimizelegibility;
}

.ss-learnMore a {
  color: #00acff;
  text-decoration: none;
  cursor: pointer;
}

.ss-learnMore a:hover {
  color: #dc007e;
  text-decoration: none;
}

.ss-solutionsDivider {
  margin: 30px 0 40px;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

.ss-contactUs a {
  color: #00acff;
  text-decoration: none;
  cursor: pointer;
}

.ss-contactUs a:hover {
  color: #dc007e;
  text-decoration: none;
}

/* Auto Page */

.ss-solutionsAutoImage {
  background-color: #00adff;
  padding: 0 30px 30px;
  background: url("../../../../images/solutions-auto-visual.jpg") bottom center;
  background-size: cover;
  margin: 0 -30px;
}

.ss-solutionsAutoImage h1 {
  margin: 80px 0 50px 0;
  text-align: center;
  font-weight: 200;
  font-family: Signika !important;
  color: #000000 !important;
  font-style: normal !important;
  font-size: 38px !important;
  line-height: 50px;
  text-transform: none !important;
  text-rendering: optimizelegibility;
}

.ss-iconRivetSignature-Auto {
  height: 29px;
  margin-bottom: 10px;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
}

.ss-solutionsAutoStripe {
  background: url("../../../../images/rivet-news-radio-stripe.png");
  background-size: cover;
  height: 7px;
  margin: 0 -30px;
}

.ss-solutionsDivider-Auto {
  margin: 15px 0 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

.ss-solutionsDivider-Smart {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

.ss-solutionsDivider-JLR {
  margin: 30px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

.ss-solutionsFlexible h2 {
  font-family: Signika;
  color: #000000;
  font-style: normal;
  font-size: 26px;
  font-weight: 300;
  text-align: left;
  text-transform: none !important;
  margin-top: 0px !important;
  line-height: 40px;
  margin: 10px 0;
  text-rendering: optimizelegibility;
}

.ss-solutionsImplementation {
  margin-bottom: 20px !important;
  margin-top: 0px !important;
  margin: 0 0 10px;
}

.ss-visualSolutionsImplementation {
  border-radius: 7px;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
}

.ss-rowFluidAuto {
  margin-top: -30px;
}

.ss-uniqueFourAutoSmart {
  border-left: 7px solid #dc007e;
  padding-left: 20px;
  margin-bottom: 20px;
}

.ss-uniqueFourAutoSmart h4 {
  color: #dc007e;
  line-height: 28px;
  font-family: Signika;
  font-style: normal;
  font-size: 20px;
  font-weight: 400;
  text-transform: none !important;
  margin-top: 0px !important;
  margin: 10px 0;
  text-rendering: optimizelegibility;
}

.ss-uniqueFourAutoSmart p {
  margin-bottom: 20px !important;
  margin-top: 0px !important;
  margin: 0 0 10px;
}

.ss-uniqueFourAutoSmart ul {
  padding: 0;
  margin: 0 0 10px 25px;
}

.ss-uniqueFourAutoSmart ul li {
  line-height: 20px;
}

.ss-solutionsSubTitles {
  color: #000;
  font-weight: 600;
}

.ss-uniqueFourAutoEmbed {
  border-left: 7px solid #00adff;
  padding-left: 20px;
  margin-bottom: 20px;
}

.ss-uniqueFourAutoEmbed h4 {
  color: #00adff;
  line-height: 28px;
  font-family: Signika;
  font-style: normal;
  font-size: 20px;
  font-weight: 400;
  text-transform: none !important;
  margin-top: 0px !important;
  margin: 10px 0;
  text-rendering: optimizelegibility;
}

.ss-uniqueFourAutoEmbed p {
  margin-bottom: 20px !important;
  margin-top: 0px !important;
  margin: 0 0 10px;
}

.ss-uniqueFourAutoEmbed ul {
  padding: 0;
  margin: 0 0 10px 25px;
}

.ss-uniqueFourAutoEmbed ul li {
  line-height: 20px;
}

.ss-solutionsAutoAction {
  font-family: Signika;
  color: #000000;
  font-style: normal;
  font-size: 26px;
  font-weight: 300;
  text-align: left;
  text-transform: none !important;
  margin-top: 0px !important;
  line-height: 40px;
  margin: 10px 0;
  text-rendering: optimizelegibility;
}

.ss-uniqueEightAutoAction p {
  margin-bottom: 20px !important;
  margin-top: 0px !important;
  margin: 0 0 10px;
}

.ss-visualSolutionsHeadUnit {
  border-radius: 7px;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
}

.ss-solutionsJLR-Bosch {
  text-align: center;
}

.ss-visualSolutionsJLR-Bosch {
  max-width: 75%;
  margin: 30px auto -10px;
  height: auto;
  vertical-align: middle;
  border: 0;
}

.ss-uniqueFourAutoJLRDetailsLeft p {
  margin-bottom: 20px !important;
  margin-top: 0px !important;
  margin: 0 0 10px;
}

.ss-uniqueFourAutoJLRDetailsRight p {
  margin-bottom: 20px !important;
  margin-top: 0px !important;
  margin: 0 0 10px;
}

.ss-uniqueFourAutoJLRDetailsRightItalic {
  font-style: italic;
}

.ss-uniqueFourAutoJLRDetailsRightItalic a {
  color: #00acff;
  text-decoration: none;
  cursor: pointer;
}

.ss-uniqueFourAutoJLRDetailsRightItalic a:hover {
  color: #dc007e;
  text-decoration: none;
}

.ss-solutionsPDF {
  text-align: center;
  font-size: 18px;
  display: block;
  padding-left: 80px;
  background-image: url("../../../../images/icon-rivet-pdf.png");
  height: 80px;
  background-repeat: no-repeat;
  width: 250px;
  margin: 40px auto;
  line-height: 80px;
  background-size: 60px;
  color: #00acff;
  text-decoration: none;
}

.ss-solutionsPDF:hover {
  background-position: bottom left;
  text-decoration: none;
  color: #dc007e;
}

.ss-solutionsGetInTouch {
  font-family: Signika;
  color: #000000;
  font-style: normal;
  font-size: 26px;
  font-weight: 300;
  text-align: left;
  text-transform: none !important;
  margin-top: 0px !important;
  line-height: 40px;
  margin: 10px 0;
  text-rendering: optimizelegibility;
}

.ss-solutionsGetInTouchDetails {
  margin-bottom: 20px !important;
  margin-top: 0px !important;
  margin: 0 0 10px;
}

.ss-solutionsGetInTouchDetails a {
  color: #00acff;
  text-decoration: none;
  cursor: pointer;
}

.ss-solutionsGetInTouchDetails a:hover {
  color: #dc007e;
  text-decoration: none;
}

/* Enterpise Page */

.ss-solutionsEnterpriseImage {
  background-color: #00adff;
  padding: 0 30px 30px;
  background: url("../../../../images/solutions-enterprise-visual.jpg") bottom center;
  background-size: cover;
  margin: 0 -30px;
}

.ss-solutionsEnterpriseImage h1 {
  margin: 80px 0 250px;
  text-align: center;
  font-weight: 200;
  font-family: Signika !important;
  color: #000000 !important;
  font-style: normal !important;
  font-size: 38px !important;
  line-height: 50px;
  text-transform: none !important;
  text-rendering: optimizelegibility;
}

.ss-uniqueEightTailoredNews {
  margin-top: -70px;
}

.ss-uniqueEightTailoredNews h2 {
  font-family: Signika;
  color: #000000;
  font-style: normal;
  font-size: 26px;
  font-weight: 300;
  text-align: left;
  text-transform: none !important;
  margin-top: 0px !important;
  line-height: 40px;
  margin: 10px 0;
  text-rendering: optimizelegibility;
}

.ss-uniqueEightTailoredNews p {
  margin-bottom: 20px !important;
  margin-top: 0px !important;
  margin: 0 0 10px;
}

.ss-uniqueFiveEnterpriseAction h2 {
  font-family: Signika;
  color: #000000;
  font-style: normal;
  font-size: 26px;
  font-weight: 300;
  text-align: left;
  text-transform: none !important;
  margin-top: 0px !important;
  line-height: 40px;
  margin: 10px 0;
  text-rendering: optimizelegibility;
}

.ss-uniqueFiveEnterpriseAction p {
  margin-bottom: 20px !important;
  margin-top: 0px !important;
  margin: 0 0 10px;
}

.ss-uniqueFiveEnterpriseAction ul {
  padding: 0;
  margin: 0 0 10px 25px;
}

.ss-visualSolutionsIntercall {
  border-radius: 7px;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
}

.ss-uniqueThreePartnersIncl h5 {
  line-height: 40px;
  color: #818285;
  font-weight: 400;
  text-align: center;
  font-family: Signika;
  font-style: normal;
  font-size: 18px;
  text-transform: none !important;
  margin-top: 0px !important;
  margin: 10px 0;
  text-rendering: optimizelegibility;
}

.visualSolutionsPartnersVertical {
  max-width: 145px;
  margin: 0 auto 40px;
  height: auto;
  vertical-align: middle;
  border: 0;
}

.ss-uniqueThreePartnersIncl {
  text-align: center;
}

.ss-solutionsDivider-EnterprisePDF {
  margin: 0 0 30px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

/* Home Page */

.ss-solutionsHomeImage {
  background-color: #00adff;
  padding: 0 30px 30px;
  background: url("../../../../images/solutions-home-visual.jpg") bottom center;
  background-size: cover;
  margin: 0 -30px;
}

.ss-solutionsHomeImage h1 {
  margin: 80px 0 50px 0;
  text-align: center;
  font-weight: 200;
  font-family: Signika !important;
  color: #000000 !important;
  font-style: normal !important;
  font-size: 38px !important;
  line-height: 50px;
  text-transform: none !important;
  text-rendering: optimizelegibility;
}

/* Business Page */

/* Desktop */

.businessSubtitle {
  margin-top: -30px;
}

.businessSubtitleLine {
  text-align: center;
  font-size: 26px;
  color: #000;
  font-weight: 300;
  line-height: 1.2;
}

.businessTabs {
  margin-left: -15px;
  margin-right: -15px;
}

.businessTabs .nav-tabs {
  width: 100%;
  padding: 0px 10%;
  border-bottom: none;
}

.businessTabs .nav-tabs li {
  margin-bottom: 0px;
  padding-right: 2px;
  padding-left: 2px;
}

.businessTabs .nav-tabs li a {
  height: 70px;
  color: #666;
  text-transform: uppercase;
  border: none !important;
  background: #f0f0f0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-right: 0px;
  padding: 17px 15px;
}

.businessTabs .nav-tabs li a:hover {
  opacity: 0.8;
  border: none;
}

.businessTabs .nav-tabs li.active a {
  background: rgba(0, 173, 255, 1);
  color: #fff;
  border: none;
}

.businessTabs .nav-tabs li.active a:hover {
  opacity: 1;
  border: none;
}

.businessTabs tab-heading p {
  text-align: center;
  font-weight: 500;
  margin: 0px;
  line-height: 1.2;
}

.businessTabs .tab-content {
  border-top: solid 4px #e5e5e5;
  border-bottom: solid 4px #e5e5e5;
  background-color: #f7f7f7;
  padding: 60px 10%;
}

.businessUpperTabs {
  margin-top: 50px;
}

.businessUpperTabs .nav-tabs li {
  min-width: 20%;
}

.upperTabsWidth16 .nav-tabs li {
  min-width: 16% ! important;
}

.businessUpperTabs .businessTabsContent {
  padding: 0px 2px;
}

.businessUpperTabs .businessTabsContent iframe {
  display: block;
  width: 100%;
  border-radius: 8px !important;
  margin-bottom: 60px;
}

.businessUpperTabs .businessTabsContent img {
  width: 100%;
  border-radius: 8px;
  margin-bottom: 60px;
}

.businessUpperTabs .businessTabsContent .businessInnerFirstParagraph {
  text-align: center;
  font-size: 38px;
  color: #000;
  margin-bottom: 20px;
  line-height: 1;
}

.businessUpperTabs .businessTabsContent .businessInnerSecondParagraph {
  text-align: center;
  font-size: 22px;
  color: #666;
  margin-bottom: 60px;
  line-height: 1.4em;
}

.businessUpperTabs .businessTabsContent .businessInnerThirdParagraph {
  font-size: 17px;
  color: #666;
  margin: 0px;
}

.businessMiddleParagraph {
  text-align: center;
  font-size: 26px;
  color: #000;
  font-weight: 300;
  margin: 60px 0px;
}

.businessLowerTabs {
  margin-top: 0px;
}

.businessLowerTabs .businessTabsContent img {
  width: 100%;
  border-radius: 8px;
}

.businessFooterParagraph {
  text-align: center;
  font-size: 38px;
  color: #000;
  font-weight: 300;
  margin: 60px 0px;
  line-height: 1.2;
}

.businessFooter {
  margin-bottom: 60px;
}

.businessFooter p {
  text-align: center;
  color: #666;
  font-size: 22px;
}

/* Mobile */

.businessMobileTabGroup1 {
  margin-top: 50px;
  margin-bottom: 20px;
}

.businessMobileTabGroup2 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.businessTabsMobile {
  height: 50px;
  color: #666;
  text-transform: uppercase;
  background: #f0f0f0;
  padding: 14px 20px;
  margin: 1px 0px;
  display: block;
}

.businessTabsMobile:first-child {
  margin-top: 0px;
  margin-bottom: 1px;
}

.businessTabsMobile:last-child {
  margin-top: 1px;
  margin-bottom: 0px;
}

.businessTabsMobile .businessArrow {
  margin-right: 0px;
}

.businessArrow div {
  float: right;
  height: 22px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
}

.businessTabsMobile .businessTabTitle {
  font-weight: 500;
  display: inline-block;
}

.businessTabsMobileContent {
  margin: 20px 0px;
}

.businessTabsMobileContent .businessInnerTitle {
  font-size: 22px;
  color: #666;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.businessTabsMobileContent .businessMobileTabPane {
  border-top: solid 4px #e5e5e5;
  border-bottom: solid 4px #e5e5e5;
  background-color: #f7f7f7;
  padding: 40px 30px;
  margin-left: -15px;
  margin-right: -15px;
}

.businessTabsMobileContent .businessMobileTabPane .row:last-child {
  margin-bottom: -40px;
}

.businessTabsMobileContent .businessMobileTabPane iframe {
  width: 100%;
  border-radius: 8px;
}

.businessTabsMobileContent .businessMobileTabPane img {
  width: 100%;
  border-radius: 8px;
}

.businessTabsMobileContent .businessInnerFirstParagraph {
  font-size: 26px;
  color: #000;
  text-align: center;
  margin: 40px auto;
  line-height: 1.2;
}

.businessTabsMobileContent .businessInnerSecondParagraph {
  font-size: 22px;
  color: #666;
  text-align: center;
  margin-bottom: 40px;
  line-height: 1.2;
}

.businessTabsMobileContent .businessInnerThirdParagraph {
  font-size: 16px;
  color: #666;
  margin: 0px;
  margin-bottom: 40px;
}

.businessMobileMiddleParagraph {
  text-align: center;
  font-size: 26px;
  color: #000;
  margin: 20px 0px;
}

.businessTabsMobileContent .businessInnerParagraph {
  font-size: 16px;
  color: #666;
  margin: 0px;
  margin: 40px 0px;
}

.businessFooterParagraphMobile {
  text-align: center;
  font-size: 26px;
  color: #000;
  font-weight: 300;
  margin: 60px 0px 40px 0px;
}

.businessFooterMobile {
  margin-bottom: 30px;
}

.businessFooterMobile p {
  text-align: center;
  color: #666;
  font-size: 22px;
  margin-bottom: 0px;
  line-height: 1.2;
}

/* Rivet Media */

.ss-rivetMediaHeading p:first-child {
  padding-top: 5px;
}

.ss-rivetMediaTabs li a {
  padding: 9px 0px !important;
  font-size: 15px;
}

@media (max-width: 350px) {
  .businessTabsMobile .mediaTabTitle {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 250px;
  }
}

@media (max-width:400px) {
  .businessFooterMobile .mediaFooterLink {
    font-size: 18px;
  }
}

.distribution_uppertabs ul {
  margin-left: 13%;
}
/* Swipe Player */

.swipePlayer {
  margin: 0px 0px 30px 0px;
  color: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(0,0,0,.4);
}

.swipeImage {
  background-color: #FFFFFF;
  width: 100%;
  padding-top: 56.25%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}

.swipeImageMobile {
  background-color: #FFFFFF;
  width: 100%;
  padding-top: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
}

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}

.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}

.swipeSource {
  padding: 5px 0 0 10px;
  font-weight: 400;
  font-size: 10px;
  opacity: 0.6;
  text-align: left;
}

.swipeTitle {
  padding: 0 0 0 10px;
  margin: 0;
  font-weight: 600;
  font-size: 22px;
  text-align: left;
}

.swipeCategory {
  padding: 0 0 0 10px;
  margin: 0 0 5px 0;
  font-size: 10px;
  float: left;
  text-align: left;
}

.swipeTime {
  padding: 0;
  font-size: 10px;
  float: left;
  text-align: left;
}

.swipeTimeRemaining {
  padding: 0 10px 0 0;
  margin: 0 0 5px 0;
  font-size: 10px;
  float: right;
  text-align: right;
}
/* Upload Page(s) */

.us-uploadIndexImage {
  background-color: #00adff;
  padding: 0 30px 30px;
  background: url("../../../../images/upload-index-contributor-visual.png") bottom center;
  background-size: cover;
  margin: 0 -30px;
}

.us-uploadIndexImageH1 {
  margin: 85px 0 55px 0;
  text-align: center;
  color: #fff;
  font-weight: 200;
}

.us-uploadIndexImageP {
  margin: 0;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 0;
}

.us-uploadIndexRowP {
  margin-bottom: 20px;
  margin-top: 0px;
}

.us-uploadIndexRowP a {
  color: #00acff;
  text-decoration: none;
  cursor: pointer;
}

.us-uploadIndexRowP a:hover {
  color: #dc007e;
  text-decoration: none;
}

.us-applyNowH4 {
  text-align: center;
  line-height: 28px;
  font-family: Signika;
  color: #000000;
  font-style: normal;
  font-size: 20px;
  font-weight: 400;
  margin-top: 0;
}

.us-applyNowH4 a {
  text-align: center;
  background-color: #00adff;
  line-height: 200%;
  color: #fff;
  display: block;
  text-decoration: none;
}

.us-applyNowH4 a:hover {
  text-align: center;
  background-color: #dc007e;
  line-height: 200%;
  color: #fff;
  display: block;
  text-decoration: none;
}

.Aligner{
  display: flex;
 align-items: center;
 justify-content: center;
}

.Aligner button{
  height:40px;
}

.Aligner .btn-primary:hover, .btn-primary:focus {
    background-color: #337ab7;
    background-position: 0 ;
}

/*.Aligner button:active {
    background-color: red;
    background-position: 0 ;
}*/
.btnAlign button{
  height:40px;
}

.btnAlign .btn-primary:hover, .btn-primary:focus {
    background-color: #337ab7;
    background-position: 0 ;
}

.ns-nohLeftContainerChicago {
  margin-top:10px;
  border: 1px solid rgb(238, 238, 238) !important;
}
.buttonAlign {
  display:flex;
  justify-content:center;
  margin-top:-40px;
  margin-bottom:10px;
}
.innovationPara{
  display:flex;
  /*justify-content:center;*/
  color: black;
  font-size: 18px;
}
.photographNameStyle {
  font-size: 12px;
  font-style: italic;
  text-align: center;
  margin-top: 5px;
}


@media screen and (min-width: 700px) {
  .buttonAlign {
    margin-top:-20px;
  }

}

.chicagoTable{
  padding-top: 2%;
}
.spacer td{
  padding-bottom: 5%
}

.spacer .chiText{
  padding-left: 5%;
  color: black;
  font-size: 15px;
}


@media (max-width: 700px) and (min-width: 375px){
  .cn-headerWrapperFixed {
    width: 100%;
  }

  .cn-phantomHeaderLarge {
    width: 100px;
    height: 252px;
  }  
}