@font-face {
  font-family: 'Montserrat-Light';
  src: url('/assets/fonts/Montserrat-Light-webfont.eot');
  src: url('/assets/fonts/Montserrat-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Montserrat-Light-webfont.woff') format('woff'), url('/assets/fonts/Montserrat-Light-webfont.ttf') format('truetype'), url('/assets/fonts/Montserrat-Light-webfont.svg#Montserrat-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Regular';
  src: url('/assets/fonts/Montserrat-Regular-webfont.eot');
  src: url('/assets/fonts/Montserrat-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Montserrat-Regular-webfont.woff') format('woff'), url('/assets/fonts/Montserrat-Regular-webfont.ttf') format('truetype'), url('/assets/fonts/Montserrat-Regular-webfont.svg#Montserrat-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-SemiBold';
  src: url('/assets/fonts/Montserrat-SemiBold-webfont.eot');
  src: url('/assets/fonts/Montserrat-SemiBold-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Montserrat-SemiBold-webfont.woff') format('woff'), url('/assets/fonts/Montserrat-SemiBold-webfont.ttf') format('truetype'), url('/assets/fonts/Montserrat-SemiBold-webfont.svg#Montserrat-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Bold';
  src: url('/assets/fonts/Montserrat-Bold-webfont.eot');
  src: url('/assets/fonts/Montserrat-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Montserrat-Bold-webfont.woff') format('woff'), url('/assets/fonts/Montserrat-Bold-webfont.ttf') format('truetype'), url('/assets/fonts/Montserrat-Bold-webfont.svg#Montserrat-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
#body {
  font-size: 18px;
  font-family: 'Montserrat-Regular';
}
#body h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Montserrat-Bold';
  margin: 10px 0px 10px 0px;
  font-size: 1.4em;
  line-height: 1.1em;
  font-weight: bold;
  font-style: normal;
}
#body p {
  font-size: 18px;
  line-height: 1.5em;
  font-family: 'Montserrat-Regular';
  margin-bottom: 20px;
}
#body .bold {
  font-family: 'Montserrat-SemiBold';
}
#body div {
  font-size: 18px;
  line-height: 1.5em;
  font-family: 'Montserrat-Regular';
}
#body td {
  font-size: 18px;
  line-height: 1.5em;
  font-family: 'Montserrat-Regular';
}
#body li {
  line-height: 1.5em;
  margin-bottom: .5em;
}

/*#body h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Montserrat-Semibold';
  margin: 10px 0px 10px 0px;
  line-height: 1.1em;
  font-style: normal;
}*/
.semibold {
  font-family: 'Montserrat-Semibold';
}
.overview-hero-h1-white {
  color: #FFF;
  margin: 0px 0px 15px 0px;
  font-size: 50px;
  line-height: 1.1em;
  font-family: 'Montserrat-Bold';
  font-weight: normal;
}
.overview-hero-h2-white {
  color: #FFF;
  margin: 0px 0px 20px 0px;
  font-size: 30px;
  line-height: 1.1em;
  font-family: 'Montserrat-Regular';
  font-weight: normal;
}
.overview-hero-h1 {
  margin: 0px 0px 40px 0px;
  font-size: 50px;
  line-height: 1.1em;
  font-family: 'Montserrat-Bold';
  font-weight: normal;
}
.overview-hero-h1-white-xs {
  color: #FFF;
  margin: 0px 0px 10px 0px;
  font-size: 40px;
  line-height: 1.1em;
  font-family: 'Montserrat-Bold';
  font-weight: normal;
}
.overview-hero-h1-xs {
  margin: 0px 0px 10px 0px;
  font-size: 40px;
  line-height: 1.1em;
  font-family: 'Montserrat-Bold';
  font-weight: normal;
}
.overview-hero-h2 {
  margin: 0px 0px 20px 0px;
  font-size: 30px;
  line-height: 1.1em;
  font-family: 'Montserrat-Regular';
  font-weight: normal;
}
.overview-hero-h2-xs {
  margin: 0px 0px 10px 0px;
  font-size: 24px !important;
  line-height: 1.1em;
  font-family: 'Montserrat-Regular';
  font-weight: normal;
}
.overview-hero-h2-white-xs {
  color: #FFF;
  margin: 0px 0px 10px 0px;
  font-size: 24px !important;
  line-height: 1.1em;
  font-family: 'Montserrat-Regular';
  font-weight: normal;
}
#body .btn, .hero-wrapper .btn, .btn-sub, .image-bg-fluid-height .btn {
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
  border-width: 3px;
}
.container {
  max-width: 1600px;
  width: inherit;
}
#productnav-sticky {
  height: 70px;
  top: 0;
  background-color: rgba(38, 40, 54, 0.95);
  padding: 15px 0px 0px 0px;
  border: none;
  border-radius: 0px;
  z-index: 1;
}
#productnav-button {
  top: 0;
  background-color: #272938;
  padding: 10px 15px 10px 15px;
  border: none;
  border-radius: 0px;
  z-index: 1;
}
.dropdown-menu {
  background-color: rgba(38, 40, 54, 0.90);
  color: #FFF;
  margin: 0px;
  padding: 0px;
  border: none;
  border-radius: 0;
}
.dropdown-menu .submenu {
  margin-top: 0px;
}
.dropdown:hover > .dropdown-menu {
  display: block;
}
.dropdown-menu li > a {
  padding: 3px 10px;
  margin-left: 0px;
  font-size: 14px;
  width: 100%;
  font-weight: normal;
  line-height: 1.5em;
  white-space: nowrap;
  color: #FFF;
  border-top: 1px solid #000;
}
.dropdown-menu li > a:hover {
  background-color: #009BDF;
  color: #000;
}
.hvr-underline-from-left:before {
  background: #009BDF;
}
.btn-nav-transparent {
  margin-bottom: 15px;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  background-color: #272938;
  color: black !important;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  z-index: 1;
  width: auto;
  margin-top: 10px;
  margin-left: -20px;
}
.dropdown-content a {
  color: white !important;
  text-decoration: none;
  display: block;
  border-color: #000;
  padding: 7px 20px 7px 20px
}
.dropdown-content a:hover {
  background-color: #45C7EF;
  color: black !important;
}
.dropdown-menu li.sub-title {
  font-weight: bold;
  padding: 5px 10px;
  white-space: nowrap;
}
.dropdown-menu li.divider {
  padding: 0px;
  margin: 5px 0;
  background-color: #009BDF;
}
.show {
  display: block;
}
a.anchor {
  display: block;
  position: relative;
  top: -85px;
  visibility: hidden;
}
.full-width-white, .full-width-blue, .full-width-bright-blue {
  position: relative;
  overflow: hidden;
}
.nowrap {
  white-space: nowrap;
}
.footer-strip {
  background: rgb(28, 172, 225);
  background: linear-gradient(35deg, rgba(28, 172, 225, 1) 0%, rgba(28, 47, 105, 1) 54%, rgba(24, 144, 206, 1) 100%);
  color: #fff;
  padding: 2px 15px;
  text-align: right;
}
th, td {
  text-align: left;
  vertical-align: middle !important;
}
.nowrap {
  white-space: nowrap;
}
tr:nth-of-type(odd) {
  background: inherit;
}
td {
  border: inherit;
}
.table > thead > tr > th {
  border-bottom: inherit;
}
.text-left th, .text-left td {
  text-align: left;
}
@media (max-width: 995px) {
.btn-gradient {
    color: #333;
    box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
    border: solid 3px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(110deg, #ff48fa, #78e4ff);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #fff inset;
    font-size: 15px !important;
    padding: 4px 12px;
}
.btn-gradient:active {
    color: #333;
    box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
    border: solid 3px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(110deg, #ff48fa, #78e4ff);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #fff inset;
    font-size: 15px !important;
    padding: 4px 12px;
}
.btn-gradient:hover {
    box-shadow: none;
    color: white;
}
}

.btn-gradient {
    color: #333;
    box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
    border: solid 3px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(110deg, #ff48fa, #78e4ff);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #fff inset;
    font-size: 20px !important;
}
.btn-gradient:active {
    color: #333;
    box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
    border: solid 3px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(110deg, #ff48fa, #78e4ff);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #fff inset;
    font-size: 20px !important;
}
.btn-gradient:hover {
    box-shadow: none;
    color: white;
}
ul.ts-list-arrow li {
  margin: 0 0 1em 0;
  list-style: none;
}
ul.ts-list-arrow li:before {
  content: "\f061";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: bold;
  float: left;
  margin-left: -1.5em;
  color: #0B87F7;
  font-size: 1.2em;
}
ul.ts-list-news li {
  margin: 0 0 1em 0;
  list-style: none;
}
ul.ts-list-news li:before {
  content: "\f1ea";
  font-family: "Font Awesome 5 Free", FontAwesome;
  float: left;
  margin-left: -1.5em;
  color: #009BDF;
  font-size: 1.2em;
}
ul.ts-list-play li {
  margin: 0 0 1em 0;
  list-style: none;
}

ul.ts-list-play ul li {
  margin: 0 0 1em 0;
  list-style: none;
}

ul.ts-list-play li:before {
  content: "\f144";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: bold;
  float: left;
  margin-left: -1.5em;
  color: #0B87F7;
  font-size: 1.2em;
}
ul.ts-list-doc li {
  margin: 0 0 1em 0;
  margin-left: -.3em;
  list-style: none;
}

ul.ts-list-doc li:before {
  content: "\f1c1";
  font-family: "Font Awesome 5 Free", FontAwesome;
  float: left;
  margin-left: -1.2em;
  color: #CC0000;
  font-size: 1.2em;
}

ul.ts-list-blog li {
  margin: 0 0 1em 0;
  list-style: none;
}
ul.ts-list-blog li:before {
  content: "\f781";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: bold;
  float: left;
  margin-left: -1.5em;
  color: #EA7600;
  font-size: 1.2em;
}
@media (min-width: 995px) {
/*#leftColumn {
    	border-right: 1px solid #9BAFC3;
	}*/
#rightColumnContentManagement {
    border-left: 3px solid #FFFFFF;
}
#rightColumnCreation {
    border-left: 3px solid #009BDF;
}
#rightIBC {
    border-left: 3px solid #1252A3;
	padding-left: 40px !important;
}
#leftIBC {
	padding-right: 40px !important;
	text-align: right;
}
#rightColumnDistribution {
    border-left: 3px solid #1252A3;
}
.rightColumn {
    border-left: 3px solid #FFFFFF;
}
}

.list-wrapper {
    text-align: left;
    margin: auto;
    width: auto;
    display: inline-block;
}
.radius-player {
    border: none;
	border-radius: 20px;
    padding: 0px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.icons {
    max-width: 180px;
}
hr.blue {
    display: block;
    height: 3px;
    border: 0;
    border-top: 4px solid #009bdf;
    margin: 25px auto;
    padding: 0;
    max-width: 180px;
}
hr.dark-blue {
    display: block;
    height: 3px;
    border: 0;
    border-top: 3px solid #1252A3;
    margin: 25px auto;
    padding: 0;
    max-width: 180px;
}
.ltblue-bg {
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(223, 231, 244, 1) 35%, rgba(255, 255, 255, 1) 100%);
}
.full-gradient {
    background: rgb(204, 235, 249);
    background: linear-gradient(43deg, rgba(204, 235, 249, 1) 0%, rgba(242, 235, 244, 1) 58%, rgba(251, 253, 254, 1) 100%);
}
.full-width-green {
  background-color: #86C583;
  padding: 60px 0px 60px 0px;
}
.hero-bottom-cosmos-border {
    background-image: linear-gradient(115deg, #7CA6D8, #CEABCB, #D1B0CD, #D3B0CE, #529AD4, #355C96, #1F346C, #1D2D61, #1E3266, #1E3266, #4172AC, #4F8CC3, #5DA0D5, #6AB2E4, #82C1EC, #A8D3F3, #D7E8F9);
    height: 4px;
}
.hero-bottom-blue {
    border-bottom: 4px solid #009BDF;
}
.hero-bottom-dark-blue {
    border-bottom: 4px solid #1252A3;
}

a.anchor {
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;
}
.btn-resources-bkg {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: #FFF;
  /*text-shadow: 0px 0px 2px #000;*/
  margin-top: -55px;
  border-radius: 0px 0px 0px 10px;
  /*margin-top: -51px;
	margin-left: -1px;
	border: 1px solid #009BDF;*/
}
.btn-resources-bkg:hover {
  background: #00ADEF;
  color: #FFF;
  /*text-shadow: 0px 0px 2px #002142;*/
}
.btn-resources {
  border-radius: 0px;
  padding: 14px 12px 9px 14px;
  font-family: 'SourceSansPro-Semibold';
  float: left;
}
.btn-resources-info {
  padding: 8px 10px 4px 0px;
  font-family: 'SourceSansPro-Semibold';
  float: left;
  text-align: left;
  line-height: 1.1em;
}
.quote-box-creation {
  background-color: #DFE7F4;
  color: #1A97D4;
  padding: 40px 30px 80px 30px;
  border: 1px solid #1252A3;
  border-radius: 20px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}
.quote-box-distribution {
  background-color: #DFE7F4;
  color: #1252A3;
  padding: 40px 30px 80px 30px;
  border: 1px solid #1252A3;
  border-radius: 20px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}
.quote-box {
  background-color: #DFE7F4;
  color: #1252A3;
  padding: 40px 30px 80px 30px;
  border: 1px solid #1252A3;
  border-radius: 20px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}
ul.ts-list-check li {
  margin: 0 0 1em 0em;
  list-style: none;
}
ul.ts-list-check li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: bold;
  float: left;
  margin-left: -1.5em;
  color: #0B87F7;
  font-size: 1.2em;
}
ul.ts-list-check-purple li {
  margin: 0 0 1em 0em;
  list-style: none;
}
ul.ts-list-check-purple li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: bold;
  float: left;
  margin-left: -1.5em;
  color: #4E5B9F;
  font-size: 1.2em;
}
ul.ts-list-check-white li {
  margin: 0 0 1em 0em;
  list-style: none;
}
ul.ts-list-check-white li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: bold;
  float: left;
  margin-left: -1.5em;
  color: #FFFFFF;
  font-size: 1.2em;
}
ul.ts-list-check-dark-gray li {
  margin: 0 0 1em 0em;
  list-style: none;
}
ul.ts-list-check-dark-gray li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: bold;
  float: left;
  margin-left: -1.5em;
  color: #58585A;
  font-size: 1.2em;
}
.full-width-kumulate {
    background: url('/solutions/content-management/images/kumulate-bkg.jpg') no-repeat center center;
	background-size: cover;
    padding: 60px 0px 60px 0px;
    box-shadow: inset 0px 0px 20px 10px #1252A320;
}
.full-width-diva {
    background: url('/solutions/content-management/images/diva-bkg.jpg') no-repeat center center;
	background-size: cover;
    padding: 60px 0px 60px 0px;
    box-shadow: inset 0px 0px 20px 10px #1252A320;
}
.full-width-purple {
    background-color: #2C2E69;
    padding: 40px 0px 40px 0px;
}
.full-width-kumulate-green {
  background-color: #86C583;
  padding: 40px 0px 40px 0px;
}
