@charset "utf-8";
/* CSS Document */
@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;
}
#matrix {
  font-size: 16px;
  font-family: 'Montserrat-Regular';
}
#body {
  font-size: 16px;
  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: 16px;
  line-height: 1.5em;
  font-family: 'Montserrat-Regular';
  margin-bottom: 20px;
}
#body .bold {
  font-family: 'Montserrat-SemiBold';
}
#body div {
  font-size: 16px;
  line-height: 1.5em;
  font-family: 'Montserrat-Regular';
}
#body td {
  font-size: 16px;
  line-height: 1.5em;
  font-family: 'Montserrat-Regular';
}
#body li {
  line-height: 1.5em;
  margin-bottom: .5em;
}
#productnav-sticky {
  top: 0;
  background-color: rgba(38, 40, 54, 0.95);
  /*background-color: #262836;*/
  padding: 15px 0px 0px 0px;
  /*border-bottom: solid 1px #9BAFC3;*/
  border: none;
  border-radius: 0px;
  z-index: 1;
}
#productnav-button {
  top: 0;
  background-color: #272938;
  padding: 10px 15px 10px 15px;
  /*border-bottom: solid 1px #9BAFC3;*/
  border: none;
  border-radius: 0px;
  z-index: 1;
}
#body .partner.img-responsive {
  border-radius: 10px;
}
#body .tooltip-inner {
  font-size: 12px;
  background-color: #323861;
  border: 1px solid #323861;
}
#body .tooltip.top > .tooltip-arrow {
  border-top: 5px solid #323861;
}
.wc15.panel-title.bold {
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
}
.wc15.panel-body.bg-accordian p {
  font-size: 16px;
  line-height: 1.5em;
  font-family: 'Montserrat-Regular';
  margin-bottom: 20px;
}
.wc15.panel-body.bg-accordian div {
  font-size: 16px;
  line-height: 1.5em;
  font-family: 'Montserrat-Regular';
}
.wc15.panel-body.bg-accordian td {
  font-size: 16px;
  line-height: 1.5em;
  font-family: 'Montserrat-Regular';
}
.wc15.panel-body.bg-accordian th {
  font-size: 16px;
  line-height: 1.5em;
  font-family: 'Montserrat-Regular';
}
.wc15.panel-body.bg-accordian ul li {
  font-family: 'Montserrat-Regular';
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: .5em;
}
/*.ts-list-doc {
  font-family: 'Montserrat-Regular';
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: .5em;
}*/
@media (min-width: 768px) {
  .container {
    max-width: 995px;
    width: inherit;
  }
}
@media (min-width: 995px) {
  .container {
    max-width: 1200px;
    width: inherit;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1400px;
    width: inherit;
  }
}
.btn-cosmos {
  background: linear-gradient(#009BDF, #009BDF) padding-box, linear-gradient(115deg, #7CA6D8, #CEABCB, #D1B0CD, #D3B0CE, #529AD4, #355C96, #1F346C, #1D2D61, #1E3266, #1E3266, #4172AC, #4F8CC3, #5DA0D5, #6AB2E4, #82C1EC, #A8D3F3, #D7E8F9) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  color: #FFF;
  background-color: #009BDF;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
}
.btn-cosmos:hover {
  background: linear-gradient(115deg, #7CA6D8, #CEABCB, #D1B0CD, #D3B0CE, #529AD4, #355C96, #1F346C, #1D2D61, #1E3266, #1E3266, #4172AC, #4F8CC3, #5DA0D5, #6AB2E4, #82C1EC, #A8D3F3, #D7E8F9) padding-box, linear-gradient(115deg, #7CA6D8, #CEABCB, #D1B0CD, #D3B0CE, #529AD4, #355C96, #1F346C, #1D2D61, #1E3266, #1E3266, #4172AC, #4F8CC3, #5DA0D5, #6AB2E4, #82C1EC, #A8D3F3, #D7E8F9) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  color: #FFF;
  background-color: #009BDF;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
}
.btn-cosmos:visited {
  background: linear-gradient(#009BDF, #009BDF) padding-box, linear-gradient(115deg, #7CA6D8, #CEABCB, #D1B0CD, #D3B0CE, #529AD4, #355C96, #1F346C, #1D2D61, #1E3266, #1E3266, #4172AC, #4F8CC3, #5DA0D5, #6AB2E4, #82C1EC, #A8D3F3, #D7E8F9) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  color: #FFF;
  background-color: #009BDF;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
}
.btn-cosmos-outline {
  background: linear-gradient(#FFF, #FFF) padding-box, linear-gradient(115deg, #7CA6D8, #CEABCB, #D1B0CD, #D3B0CE, #529AD4, #355C96, #1F346C, #1D2D61, #1E3266, #1E3266, #4172AC, #4F8CC3, #5DA0D5, #6AB2E4, #82C1EC, #A8D3F3, #D7E8F9) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  color: #000;
  background-color: #009BDF;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
}
.btn-cosmos-outline:hover {
  background: linear-gradient(115deg, #7CA6D8, #CEABCB, #D1B0CD, #D3B0CE, #529AD4, #355C96, #1F346C, #1D2D61, #1E3266, #1E3266, #4172AC, #4F8CC3, #5DA0D5, #6AB2E4, #82C1EC, #A8D3F3, #D7E8F9) padding-box, linear-gradient(115deg, #7CA6D8, #CEABCB, #D1B0CD, #D3B0CE, #529AD4, #355C96, #1F346C, #1D2D61, #1E3266, #1E3266, #4172AC, #4F8CC3, #5DA0D5, #6AB2E4, #82C1EC, #A8D3F3, #D7E8F9) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  color: #FFF !important;
  background-color: #009BDF;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
}
.btn-cosmos-outline:visited {
  background: linear-gradient(#FFF, #FFF) padding-box, linear-gradient(115deg, #7CA6D8, #CEABCB, #D1B0CD, #D3B0CE, #529AD4, #355C96, #1F346C, #1D2D61, #1E3266, #1E3266, #4172AC, #4F8CC3, #5DA0D5, #6AB2E4, #82C1EC, #A8D3F3, #D7E8F9) border-box;
  border-radius: 10px;
  border: 3px solid transparent;
  color: #000;
  background-color: #009BDF;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
}
.btn-hero-blue {
  border: 1px solid #009BDF;
  color: #FFF;
  /*height: 30px;
    width: 130px;*/
  background-color: #009BDF;
  font-family: 'Montserrat-SemiBold', sans-serif;
  font-size: 18px;
}
.btn-hero-blue:hover, .btn-hero-blue:focus, .btn-hero-blue:active, .btn-hero-blue.active, .open .dropdown-toggle.btn-hero-blue {
  color: #009BDF;
  background-color: #FFF;
  border: solid 1px #FFF;
}
.btn-hero-blue:active, .btn-hero-blue.active, .open .dropdown-toggle.btn-hero-blue {
  background-image: none;
}
.btn-hero-blue.disabled, .btn-hero-blue[disabled], fieldset[disabled] .btn-hero-blue, .btn-hero-blue.disabled:hover, .btn-hero-blue[disabled]:hover, fieldset[disabled] .btn-hero-blue:hover, .btn-hero-blue.disabled:focus, .btn-hero-blue[disabled]:focus, fieldset[disabled] .btn-hero-blue:focus, .btn-hero-blue.disabled:active, .btn-hero-blue[disabled]:active, fieldset[disabled] .btn-hero-blue:active, .btn-hero-blue.disabled.active, .btn-hero-blue[disabled].active, fieldset[disabled] .btn-hero-blue.active {
  background: rgba(0, 0, 0, 0.5);
}
.btn-hero-blue-outline {
  border: 1px solid #009BDF;
  color: #FFF;
  /*height: 30px;
    width: 130px;*/
  background-color: rgba(0, 0, 0, 0.3);
  font-family: 'Montserrat-SemiBold', sans-serif;
  font-size: 18px;
}
.btn-hero-blue-outline:hover, .btn-hero-blue-outline:focus, .btn-hero-blue-outline:active, .btn-hero-blue-outline.active, .open .dropdown-toggle.btn-hero-blue-outline {
  color: #009BDF;
  background-color: #FFF;
  border: solid 1px #FFF;
}
.btn-hero-blue-outline:active, .btn-hero-blue-outline.active, .open .dropdown-toggle.btn-hero-blue-outline {
  background-image: none;
}
.btn-hero-blue-outline.disabled, .btn-hero-blue-outline[disabled], fieldset[disabled] .btn-hero-blue-outline, .btn-hero-blue-outline.disabled:hover, .btn-hero-blue-outline[disabled]:hover, fieldset[disabled] .btn-hero-blue-outline:hover, .btn-hero-blue-outline.disabled:focus, .btn-hero-blue-outline[disabled]:focus, fieldset[disabled] .btn-hero-blue-outline:focus, .btn-hero-blue-outline.disabled:active, .btn-hero-blue-outline[disabled]:active, fieldset[disabled] .btn-hero-blue-outline:active, .btn-hero-blue-outline.disabled.active, .btn-hero-blue-outline[disabled].active, fieldset[disabled] .btn-hero-blue-outline.active {
  background: rgba(0, 0, 0, 0.0);
}
.btn-violator-white-outline {
  border: 2px solid #FFF;
  color: #FFF;
  /*height: 30px;
    width: 130px;*/
  margin: 10px 20px;
  background-color: rgba(0, 0, 0, 0.0);
  font-family: 'Montserrat-SemiBold', sans-serif;
  font-size: 16px;
  padding: 5px 10px 3px 10px;
  border-radius: 10px;
}
.btn-violator-white-outline:visited {
  border: 2px solid #FFF;
  color: #FFF;
  /*height: 30px;
    width: 130px;*/
  background-color: rgba(0, 0, 0, 0.0);
  font-family: 'Montserrat-SemiBold', sans-serif;
  font-size: 16px;
  padding: 5px 10px 3px 10px;
  border-radius: 10px;
}
.btn-violator-white-outline:hover {
  color: #000;
  background-color: #FFF;
  border: 2px solid #FFF;
}
.btn-hero-captionmaker {
  border: 3px solid #F37E24;
  color: #FFF;
  background-color: #F37E24;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-hero-captionmaker:visited {
  border: 3px solid #F37E24;
  color: #FFF;
  background-color: #F37E24;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-hero-captionmaker:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-hero-captionmaker-outline {
  border: 3px solid #F37E24;
  color: #FFF;
  /*height: 30px;
    width: 130px;*/
  background-color: rgba(0, 0, 0, 0.25);
  font-family: 'Montserrat-SemiBold', sans-serif;
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-hero-captionmaker-outline:visited {
  border: 3px solid #F37E24;
  color: #FFF;
  /*height: 30px;
    width: 130px;*/
  background-color: rgba(0, 0, 0, 0.25);
  font-family: 'Montserrat-SemiBold', sans-serif;
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-hero-captionmaker-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-captionmaker {
  color: #FFF;
  background-color: #F37E24;
  border: 3px solid #F37E24;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-captionmaker:visited {
  color: #FFF;
  background-color: #F37E24;
  border: 3px solid #F37E24;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-captionmaker:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-captionmaker-outline {
  color: #F37E24;
  background-color: #FFF;
  border: 3px solid #F37E24;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-captionmaker-outline:visited {
  color: #F37E24;
  background-color: #FFF;
  border: 3px solid #F37E24;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-captionmaker-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-hero-switch {
  border: 3px solid #FFC13B;
  color: #000;
  background-color: #FFC13B;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-hero-switch:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-hero-switch-outline {
  border: 3px solid #FFC13B;
  color: #FFF;
  /*height: 30px;
    width: 130px;*/
  background-color: rgba(0, 0, 0, 0.25);
  font-family: 'Montserrat-SemiBold', sans-serif;
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-hero-switch-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-switch {
  color: #000;
  background-color: #FFC13B;
  border: 3px solid #FFC13B;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-switch:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-switch-outline {
  color: #000;
  background-color: #FFF;
  border: 3px solid #FFC13B;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-switch-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-switch-orange-outline {
  color: #FF4600;
  background-color: #FFF;
  border: 3px solid #FF4600;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-switch-orange-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-switch-green-outline {
  color: #025A68;
  background-color: #FFF;
  border: 3px solid #025A68;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-switch-green-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-captionmaker-orange-outline {
  color: #F47E23;
  background-color: #FFF;
  border: 3px solid #F47E23;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-captionmaker-orange-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-captionmaker-blue-outline {
  color: #009BDF;
  background-color: #FFF;
  border: 3px solid #009BDF;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-captionmaker-blue-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-captionmaker-green-outline {
  color: #75B642;
  background-color: #FFF;
  border: 3px solid #75B642;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-captionmaker-green-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-hero-diva {
  border: 3px solid #F89920;
  color: #FFF;
  background-color: #F89920;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-hero-diva:visited {
  border: 3px solid #F89920;
  color: #FFF;
  background-color: #F89920;
}
.btn-hero-diva:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-hero-diva-outline {
  border: 3px solid #F89920;
  color: #FFF;
  /*height: 30px;
    width: 130px;*/
  background-color: rgba(0, 0, 0, 0.25);
  font-family: 'Montserrat-SemiBold', sans-serif;
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-hero-diva-outline:visited {
  border: 3px solid #F89920;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.25);
}
.btn-hero-diva-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-diva {
  color: #FFF;
  background-color: #F89920;
  border: 3px solid #F89920;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-diva:visited {
  color: #FFF;
  background-color: #F89920;
  border: 3px solid #F89920;
}
.btn-diva:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-diva-outline {
  color: #F89920;
  background-color: #FFF;
  border: 3px solid #F89920;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-diva-outline:visited {
  color: #F89920;
  background-color: #FFF;
  border: 3px solid #F89920;
}
.btn-diva-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-hero-kumulate {
  border: 3px solid #FFBF54;
  color: #000;
  background-color: #FFBF54;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-hero-kumulate:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-hero-kumulate-outline {
  border: 3px solid #FFBF54;
  color: #FFF;
  /*height: 30px;
    width: 130px;*/
  background-color: rgba(0, 0, 0, 0.25);
  font-family: 'Montserrat-SemiBold', sans-serif;
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-hero-kumulate-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-kumulate {
  color: #000;
  background-color: #FFBF54;
  border: 3px solid #FFBF54;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-kumulate:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-kumulate-outline {
  color: #000;
  background-color: #FFF;
  border: 3px solid #FFBF54;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-kumulate-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-hero-screenflow {
  border: 3px solid #EF7900;
  color: #FFF;
  background-color: #EF7900;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-hero-screenflow:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-hero-screenflow-outline {
  border: 3px solid #EF7900;
  color: #FFF;
  /*height: 30px;
    width: 130px;*/
  background-color: rgba(0, 0, 0, 0.25);
  font-family: 'Montserrat-SemiBold', sans-serif;
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-hero-screenflow-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-screenflow {
  color: #FFF;
  background-color: #EF7900;
  border: 3px solid #EF7900;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-screenflow:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-screenflow-outline {
  color: #EF7900;
  background-color: #FFF;
  border: 3px solid #EF7900;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-screenflow-outline:visited {
  color: #EF7900;
  background-color: #FFF;
  border: 3px solid #EF7900;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-screenflow-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-hero-glim {
  border: 3px solid #FFC13B;
  color: #000;
  background-color: #FFC13B;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-hero-glim:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-hero-glim-outline {
  border: 3px solid #FFC13B;
  color: #FFF;
  /*height: 30px;
    width: 130px;*/
  background-color: rgba(0, 0, 0, 0.25);
  font-family: 'Montserrat-SemiBold', sans-serif;
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-hero-glim-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-glim {
  color: #000;
  background-color: #FFC13B;
  border: 3px solid #FFC13B;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-glim:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-glim-outline {
  color: #000;
  background-color: #FFF;
  border: 3px solid #FFC13B;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-glim-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-gold-purple {
  color: #000;
  background-color: #FFC13B;
  border: 3px solid #FFC13B;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-gold-purple:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-gold-purple-outline {
  color: #000;
  background-color: #FFFFFF;
  border: 3px solid #FFC13B;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-gold-purple-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-purple-outline {
  color: #323861;
  background-color: #FFF;
  border: 3px solid #323861;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-purple-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-wc-save-20-black {
  color: #FFC13B;
  background-color: #000;
  border: 3px solid #000;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-wc-save-20-black:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-sf-save-20-black {
  color: #FFC13B;
  background-color: #000;
  border: 3px solid #000;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-sf-save-20-black:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-wc-blue {
  border: 3px solid #323861;
  color: #FFC13B;
  background-color: #323861;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-wc-blue:hover {
  color: #323861;
  background-color: #FFC13B;
  border: 3px solid #323861;
}
.btn-hero-gold {
  border: 3px solid #FFC13B;
  color: #000;
  background-color: #FFC13B;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-hero-gold:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.btn-hero-gold-outline {
  border: 3px solid #FFC13B;
  color: #FFF;
  /*height: 30px;
    width: 130px;*/
  background-color: rgba(0, 0, 0, 0.25);
  font-family: 'Montserrat-SemiBold', sans-serif;
  font-size: 18px;
  padding: 6px 14px 4px 14px;
  border-radius: 10px;
}
.btn-hero-gold-outline:hover {
  color: #FFF;
  background-color: #009BDF;
  border: 3px solid #009BDF;
}
.overview-hero-h1-white {
  color: #FFF;
  margin: 0px 0px 40px 0px;
  font-size: 50px;
  line-height: 1.3em;
  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.3em;
  font-family: 'Montserrat-Bold';
  font-weight: normal;
}
.overview-hero-h2-white {
  color: #FFF;
  margin: 0px 0px 20px 0px;
  font-size: 24px;
  line-height: 1.3em;
  font-family: 'Montserrat-Regular';
  font-weight: normal;
}
.overview-hero-h2-white-xs {
  color: #FFF;
  margin: 0px 0px 10px 0px;
  font-size: 20px;
  line-height: 1.3em;
  font-family: 'Montserrat-Regular';
  font-weight: normal;
}
.overview-hero-h1 {
  margin: 0px 0px 40px 0px;
  font-size: 50px;
  line-height: 1.3em;
  font-family: 'Montserrat-Bold';
  font-weight: normal;
}
.overview-hero-h1-xs {
  margin: 0px 0px 10px 0px;
  font-size: 36px;
  line-height: 1.3em;
  font-family: 'Montserrat-Bold';
  font-weight: normal;
}
.overview-hero-h2 {
  margin: 0px 0px 20px 0px;
  font-size: 24px;
  line-height: 1.3em;
  font-family: 'Montserrat-Regular';
  font-weight: normal;
}
.overview-hero-h2-xs {
  margin: 0px 0px 10px 0px;
  font-size: 18px;
  line-height: 1.3em;
  font-family: 'Montserrat-Regular';
  font-weight: normal;
}
.full-width-purple {
  background-color: #323861;
  padding: 60px 0px 40px 0px;
}
.full-width-glim {
  background-color: #085581;
  padding: 60px 0px 40px 0px;
}
.full-width-switch-green {
  background-color: #025A68;
  padding: 60px 0px 60px 0px;
}
.full-width-switch-light-green {
  background-color: #4E8C96;
  padding: 60px 0px 60px 0px;
}
.full-width-switch-orange {
  background-color: #FF4600;
  padding: 60px 0px 60px 0px;
}
.full-width-switch-light-orange {
  background-color: #FFB599;
  padding: 60px 0px 60px 0px;
}
.full-width-diva-green {
  background-color: #278399;
  padding: 60px 0px 60px 0px;
}
.full-width-captionmaker-dark-grey {
  background-color: #252525;
  padding: 60px 0px 60px 0px;
}
.full-width-captionmaker-green {
  background-color: #73B742;
  padding: 60px 0px 60px 0px;
}
.full-width-diva-purple {
  background-color: #26286E;
  padding: 60px 0px 60px 0px;
}
.full-width-kumulate {
  background-color: #29283A;
  padding: 40px 0px 20px 0px;
}
.full-width-kumulate-green {
  background-color: #86C583;
  padding: 60px 0px 60px 0px;
}
.full-width-kumulate-blue {
  background-color: #0173BA;
  padding: 60px 0px 60px 0px;
}
.full-width-screenflow-blue {
  background-color: #4E98F1;
  color: #FFF;
  padding: 60px 0px 60px 0px;
  text-align: center;
  font-size: 22px;
  line-height: 1.3em;
}
.full-width-screenflow-dark-blue {
  background-color: #003056;
  color: #FFF;
  padding: 60px 0px 60px 0px;
  font-size: 22px;
  line-height: 1.3em;
}
.full-width-screenflow-blue a {
  color: #FFF;
}
a.gold-link {
  color: #FFC13B;
  font-family: 'Montserrat-SemiBold';
}
a.purple-link {
  color: #323861;
  font-family: 'Montserrat-SemiBold';
}
a.orange-link {
  color: #EF7900;
  font-family: 'Montserrat-SemiBold';
}
#documentation .img-responsive {
  border-radius: 10px;
}
.affix {
  top: 0;
  width: 100%;
}
ul.ts-list-play {
  padding-left: 25px;
}
ul ul.ts-list-play {
  padding-left: 40px;
}
a.anchor {
  display: block;
  position: relative;
  top: -70px;
  visibility: hidden;
}
h4 {
  line-height: 1.5em;
}
.triangle {
  -webkit-text-stroke: 12px black;
  color: transparent;
  font-size: 200px;
}
a.hvr-underline-from-left-white {
  color: #009BDF;
}
a.hvr-underline-from-left-white:hover, a.hvr-underline-from-left-white:focus {
  color: #FFF;
}
a.hvr-underline-from-left-gold {
  color: #FFC13B;
}
a.hvr-underline-from-left-gold:hover, a.hvr-underline-from-left-gold:focus {
  color: #FFF;
}
.literature-icon:hover {
  filter: saturate(0%) brightness(1000%) contrast(100%);
}
@media (min-width: 992px) {
  .sidetosideanim {
    animation-play-state: running;
    animation-name: sliding-horizontally;
    animation-duration: 10s;
    animation-iteration-count: infinite;
  }
  @keyframes sliding-horizontally {
    0% {
      transform: translate(0px)
    }
    30% {
      transform: translate(40px)
    }
    100% {
      transform: translate(0px)
    }
  }
  .hero-slideanim-right {
    animation-play-state: running;
    animation-name: hero-slideanim-right;
    animation-duration: 1s;
  }
  @keyframes hero-slideanim-right {
    0% {
      opacity: 0;
      transform: translate(100%)
    }
    100% {
      opacity: 1;
      transform: translate(0)
    }
  }
  .hero-slideanim-bottom {
    animation-play-state: running;
    animation-name: hero-slideanim-bottom;
    animation-duration: 1s;
  }
  @keyframes hero-slideanim-bottom {
    0% {
      opacity: 0;
      transform: translateY(100%)
    }
    100% {
      opacity: 1;
      transform: translateY(0)
    }
  }
  .hero-verticalanim {
    animation-play-state: running;
    animation-name: sliding-vertically;
    animation-duration: 10s;
    animation-iteration-count: infinite;
  }
  @keyframes sliding-vertically {
    0% {
      transform: translate(0px, -180px)
    }
    30% {
      transform: translate(0px, 0px)
    }
    100% {
      transform: translate(0px, -180px)
    }
  }
  /*ANIMATION ON SCROLL*/
  .slideanim-bottom-1s {
    visibility: hidden;
    /*visibility:visible\9;For old IE browsers IE6-8 */
  }
  .slideanim-bottom-1s.slide {
    visibility: visible;
    animation-name: slideanim-bottom;
    animation-duration: 1s;
  }
  .slideanim-bottom-1s::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
  }
  .slideanim-bottom-2s {
    visibility: hidden;
    /*visibility:visible\9;For old IE browsers IE6-8 */
  }
  .slideanim-bottom-2s.slide {
    visibility: visible;
    animation-name: slideanim-bottom;
    animation-duration: 2s;
  }
  .slideanim-bottom-2s::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
  }
  @keyframes slideanim-bottom {
    0% {
      opacity: 0;
      transform: translateY(100%);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .slideanim-right {
    visibility: hidden;
    /*visibility:visible\9;For old IE browsers IE6-8 */
  }
  .slideanim-right.slide {
    visibility: visible;
    animation-name: slideanim-right;
    animation-duration: 1s;
  }
  .slideanim-right::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
  }
  .slideanim-right-slow {
    visibility: hidden;
    /*visibility:visible\9;For old IE browsers IE6-8 */
  }
  .slideanim-right-slow.slide {
    visibility: visible;
    animation-name: slideanim-right;
    animation-duration: 2s;
  }
  .slideanim-right-slow::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
  }
  @keyframes slideanim-right {
    0% {
      opacity: 0;
      transform: translateX(100%);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  .slideanim-left {
    visibility: hidden;
    /*visibility:visible\9;For old IE browsers IE6-8 */
  }
  .slideanim-left.slide {
    visibility: visible;
    animation-name: slideanim-left;
    animation-duration: 1s;
  }
  .slideanim-left::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
  }
  .slideanim-left-slow {
    visibility: hidden;
    /*visibility:visible\9;For old IE browsers IE6-8 */
  }
  .slideanim-left-slow.slide {
    visibility: visible;
    animation-name: slideanim-left;
    animation-duration: 2s;
  }
  .slideanim-left-slow::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
  }
  @keyframes slideanim-left {
    0% {
      opacity: 0;
      transform: translateX(-100%);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  .fade-in {
    visibility: hidden;
  }
  .fade-in.slide {
    visibility: visible;
    animation: fadeIn;
    animation-duration: 1.5s;
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  /*ANIMATION ON SCROLL END*/
}
.destinations2 {
  opacity: 0;
}
.destinations3 {
  opacity: 0;
}
.destinations1.fade-in {
  animation-play-state: running;
  animation: fadeIn2;
  animation-duration: 9s;
  animation-iteration-count: infinite;
}
.destinations2.fade-in {
  animation-play-state: running;
  animation: fadeIn2;
  animation-duration: 9s;
  animation-delay: 3s;
  animation-iteration-count: infinite;
}
.destinations3.fade-in {
  animation-play-state: running;
  animation: fadeIn2;
  animation-duration: 9s;
  animation-delay: 6s;
  animation-iteration-count: infinite;
}
@keyframes fadeIn2 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* (A) FIXED WRAPPER */
.hwrap {
  overflow: hidden; /* HIDE SCROLL BAR */
  background: rgba(0, 0, 0, 0.0);
  width: 760px;
  color: #FFF;
}
/* (B) MOVING TICKER WRAPPER */
.hmove {
  display: flex;
}
/* (C) ITEMS - INTO A LONG HORIZONTAL ROW */
.hitem {
  flex-shrink: 0;
  text-align: center;
}
/* (D) ANIMATION - MOVE ITEMS FROM RIGHT TO LEFT */
/* 4 ITEMS -400%, CHANGE THIS IF YOU ADD/REMOVE ITEMS */
@keyframes tickerh {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-159%, 0, 0);
  }
}
.hmove {
  animation: linear;
  animation-name: tickerh;
  animation-duration: 20s;
  animation-play-state: running;
  animation-iteration-count: infinite;
}
/*.hmove:hover { animation-play-state: paused; }*/
.rotate {
  animation: pulse 9s;
  animation-play-state: running;
  animation-iteration-count: infinite;
}
@keyframes pulse {
  0% {
    color: #6CCE91;
  }
  32% {
    color: #6CCE91;
  }
  33% {
    color: #8080FF;
  }
  65% {
    color: #8080FF;
  }
  66% {
    color: #FFC13B;
  }
  99% {
    color: #FFC13B;
  }
  100% {
    color: #6CCE91;
  }
}
@-webkit-keyframes pulse {
  0% {
    color: #FFF;
  }
  100% {
    color: #FFF;
  }
}
.rotate:after {
  content: "stream";
  animation: spin 9s linear;
  animation-play-state: running;
  animation-iteration-count: infinite;
}
@keyframes spin {
  0% {
    content: "Capture";
  }
  32% {
    content: "Capture";
  }
  33% {
    content: "Produce";
  }
  65% {
    content: "Produce";
  }
  66% {
    content: "Stream";
  }
  99% {
    content: "Stream";
  }
  100% {
    content: "Capture";
  }
}
.ring-container {
  position: relative;
  width: 200px;
}
.circle {
  width: 20px;
  height: 20px;
  background-color: #FFC13B;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 10px;
}
.ringringPurple {
  visibility: hidden;
  border: 3px solid #8080FF;
  -webkit-border-radius: 30px;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 0px;
  top: 0px;
  /*-webkit-animation: pulsate2 .5s ease-out;*/
  -webkit-animation-iteration-count: 1;
  opacity: 0.0
}
.ringring {
  border: 3px solid #FFC13B;
  -webkit-border-radius: 30px;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-animation: pulsate 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0.0
}
.ringring2 {
  border: 3px solid #FFC13B;
  -webkit-border-radius: 30px;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-animation: pulsate 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: .66s;
  opacity: 0.0
}
.ringring3 {
  border: 3px solid #FFC13B;
  -webkit-border-radius: 30px;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-animation: pulsate 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 1.33s;
  opacity: 0.0
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    -webkit-transform: scale(1.5, 1.5);
    opacity: 0.0;
  }
}
@-webkit-keyframes pulsate2 {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0;
  }
  20% {
    opacity: 1.0;
  }
  40% {
    -webkit-transform: scale(1.5, 1.5);
    opacity: 0.0;
  }
}
.btn-solutions-screenflow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  margin: 10px 20px;
  cursor: pointer;
  padding: 3px 0px;
  overflow: hidden;
}
.btn-solutions-screenflow:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #EF7900;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-solutions-screenflow:hover:before, .btn-solutions:focus:before, .btn-solutions:active:before {
  right: 0;
}
.btn-solutions-active {
  position: relative;
  display: inline-block;
  margin: 10px 20px;
  border-bottom: 3px solid #FFC13B;
  color: #FFC13B;
  padding: 0px 0px;
  vertical-align: bottom;
}
.btn-solutions {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  margin: 10px 20px;
  cursor: pointer;
  padding: 3px 0px;
  overflow: hidden;
}
.btn-solutions:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #FFC13B;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-solutions:hover:before, .btn-solutions:focus:before, .btn-solutions:active:before {
  right: 0;
}
.btn-solutions-active {
  position: relative;
  display: inline-block;
  margin: 10px 20px;
  border-bottom: 3px solid #FFC13B;
  color: #FFC13B;
  padding: 0px 0px;
  vertical-align: bottom;
}
.btn-solutions {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  margin: 10px 20px;
  cursor: pointer;
  padding: 3px 0px;
  overflow: hidden;
}
.btn-solutions:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #FFC13B;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-solutions:hover:before, .btn-solutions:focus:before, .btn-solutions:active:before {
  right: 0;
}
.panel-FatFooter-inverse {
  padding-left: 30px;
}
.btnFeaturesCapture-active {
  position: relative;
  display: inline-block;
  color: #FFF;
  background-color: #3BD28B;
  font-size: 20px !important;
  padding: 8px 24px;
  border: 3px solid #33385E;
  border-radius: 10px 0px 0px 10px;
}
.btnFeaturesCapture {
  position: relative;
  display: inline-block;
  color: #323861;
  background-color: #FFF;
  font-size: 20px !important;
  padding: 8px 24px;
  border: 3px solid #33385E;
  border-radius: 10px 0px 0px 10px;
  cursor: pointer;
}
.btnFeaturesCapture:hover, .btnFeaturesCapture:focus, .btnFeaturesCapture:active, .btnFeaturesCapture.active, .open .dropdown-toggle.btnFeaturesCapture {
  color: #FFF;
  background-color: #3BD28B;
}
.btnFeaturesCapture:active, .btnFeaturesCapture.active, .open .dropdown-toggle.btnFeaturesCapture {
  background-image: none;
}
.btnFeaturesProduce-active {
  display: inline-block;
  color: #FFF;
  background-color: #33385E;
  font-size: 20px !important;
  padding: 8px 24px;
  border-top: 3px solid #33385E;
  border-bottom: 3px solid #33385E;
  margin: 0px -4px 0px -4px;
}
.btnFeaturesProduce {
  display: inline-block;
  color: #323861;
  background-color: #FFF;
  font-size: 20px !important;
  padding: 8px 24px;
  border-top: 3px solid #33385E;
  border-bottom: 3px solid #33385E;
  margin: 0px -4px 0px -4px;
  cursor: pointer;
}
.btnFeaturesProduce:hover, .btnFeaturesProduce:focus, .btnFeaturesProduce:active, .btnFeaturesProduce.active, .open .dropdown-toggle.btnFeaturesProduce {
  color: #FFF;
  background-color: #33385E;
}
.btnFeaturesProduce:active, .btnFeaturesProduce.active, .open .dropdown-toggle.btnFeaturesProduce {
  background-image: none;
}
.btnFeaturesStream-active {
  display: inline-block;
  color: #FFF;
  background-color: #FFC13B;
  font-size: 20px !important;
  padding: 8px 24px;
  border: 3px solid #33385E;
  border-radius: 0px 10px 10px 0px;
}
.btnFeaturesStream {
  display: inline-block;
  color: #323861;
  background-color: #FFF;
  font-size: 20px !important;
  padding: 8px 24px;
  border: 3px solid #33385E;
  border-radius: 0px 10px 10px 0px;
  cursor: pointer;
}
.btnFeaturesStream:hover, .btnFeaturesStream:focus, .btnFeaturesStream:active, .btnFeaturesStream.active, .open .dropdown-toggle.btnFeaturesStream {
  color: #FFF;
  background-color: #FFC13B;
}
.btnFeaturesStream:active, .btnFeaturesStream.active, .open .dropdown-toggle.btnFeaturesStream {
  background-image: none;
}
@media (min-width: 990px) {
  .row {
    display: flex;
  }
  .col {
    flex: 1;
  }
  /*.thin-slate-border {
    height: 100%;
  }*/
  .border-radius-10 {
    height: 100%;
  }
}
@media (max-width: 768px) {
  .btn-cosmos {
    background: linear-gradient(#009BDF, #009BDF) padding-box, linear-gradient(115deg, #7CA6D8, #CEABCB, #D1B0CD, #D3B0CE, #529AD4, #355C96, #1F346C, #1D2D61, #1E3266, #1E3266, #4172AC, #4F8CC3, #5DA0D5, #6AB2E4, #82C1EC, #A8D3F3, #D7E8F9) border-box;
    border-radius: 10px;
    border: 3px solid transparent;
    color: #FFF;
    background-color: #009BDF;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
  }
  .btn-cosmos:hover {
    background: linear-gradient(115deg, #7CA6D8, #CEABCB, #D1B0CD, #D3B0CE, #529AD4, #355C96, #1F346C, #1D2D61, #1E3266, #1E3266, #4172AC, #4F8CC3, #5DA0D5, #6AB2E4, #82C1EC, #A8D3F3, #D7E8F9) padding-box, linear-gradient(115deg, #7CA6D8, #CEABCB, #D1B0CD, #D3B0CE, #529AD4, #355C96, #1F346C, #1D2D61, #1E3266, #1E3266, #4172AC, #4F8CC3, #5DA0D5, #6AB2E4, #82C1EC, #A8D3F3, #D7E8F9) border-box;
    border-radius: 10px;
    border: 3px solid transparent;
    color: #FFF;
    background-color: #009BDF;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
  }
  .btn-cosmos:visited {
    background: linear-gradient(#009BDF, #009BDF) padding-box, linear-gradient(115deg, #7CA6D8, #CEABCB, #D1B0CD, #D3B0CE, #529AD4, #355C96, #1F346C, #1D2D61, #1E3266, #1E3266, #4172AC, #4F8CC3, #5DA0D5, #6AB2E4, #82C1EC, #A8D3F3, #D7E8F9) border-box;
    border-radius: 10px;
    border: 3px solid transparent;
    color: #FFF;
    background-color: #009BDF;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
  }
  .btn-cosmos-outline {
    background: linear-gradient(#FFF, #FFF) padding-box, linear-gradient(115deg, #7CA6D8, #CEABCB, #D1B0CD, #D3B0CE, #529AD4, #355C96, #1F346C, #1D2D61, #1E3266, #1E3266, #4172AC, #4F8CC3, #5DA0D5, #6AB2E4, #82C1EC, #A8D3F3, #D7E8F9) border-box;
    border-radius: 10px;
    border: 3px solid transparent;
    color: #000;
    background-color: #009BDF;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
  }
  .btn-cosmos-outline:hover {
    background: linear-gradient(115deg, #7CA6D8, #CEABCB, #D1B0CD, #D3B0CE, #529AD4, #355C96, #1F346C, #1D2D61, #1E3266, #1E3266, #4172AC, #4F8CC3, #5DA0D5, #6AB2E4, #82C1EC, #A8D3F3, #D7E8F9) padding-box, linear-gradient(115deg, #7CA6D8, #CEABCB, #D1B0CD, #D3B0CE, #529AD4, #355C96, #1F346C, #1D2D61, #1E3266, #1E3266, #4172AC, #4F8CC3, #5DA0D5, #6AB2E4, #82C1EC, #A8D3F3, #D7E8F9) border-box;
    border-radius: 10px;
    border: 3px solid transparent;
    color: #FFF !important;
    background-color: #009BDF;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
  }
  .btn-cosmos-outline:visited {
    background: linear-gradient(#FFF, #FFF) padding-box, linear-gradient(115deg, #7CA6D8, #CEABCB, #D1B0CD, #D3B0CE, #529AD4, #355C96, #1F346C, #1D2D61, #1E3266, #1E3266, #4172AC, #4F8CC3, #5DA0D5, #6AB2E4, #82C1EC, #A8D3F3, #D7E8F9) border-box;
    border-radius: 10px;
    border: 3px solid transparent;
    color: #000;
    background-color: #009BDF;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
  }
  .btn-hero-gold {
    border: 3px solid #FFC13B;
    color: #000;
    background-color: #FFC13B;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-hero-gold:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-hero-gold-outline {
    border: 3px solid #FFC13B;
    color: #FFF;
    /*height: 30px;
    width: 130px;*/
    background-color: rgba(0, 0, 0, 0.25);
    font-family: 'Montserrat-SemiBold', sans-serif;
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-hero-gold-outline:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-hero-captionmaker {
    border: 3px solid #F37E24;
    color: #FFF;
    background-color: #F37E24;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-hero-captionmaker:visited {
    border: 3px solid #F37E24;
    color: #FFF;
    background-color: #F37E24;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-hero-captionmaker:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-hero-captionmaker-outline {
    border: 3px solid #F37E24;
    color: #FFF;
    /*height: 30px;
    width: 130px;*/
    background-color: rgba(0, 0, 0, 0.25);
    font-family: 'Montserrat-SemiBold', sans-serif;
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-hero-captionmaker-outline:visited {
    border: 3px solid #F37E24;
    color: #FFF;
    /*height: 30px;
    width: 130px;*/
    background-color: rgba(0, 0, 0, 0.25);
    font-family: 'Montserrat-SemiBold', sans-serif;
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-hero-captionmaker-outline:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-captionmaker {
    color: #FFF;
    background-color: #F37E24;
    border: 3px solid #F37E24;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-captionmaker:visited {
    color: #FFF;
    background-color: #F37E24;
    border: 3px solid #F37E24;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-captionmaker:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-captionmaker-outline {
    color: #F37E24;
    background-color: #FFF;
    border: 3px solid #F37E24;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-captionmaker-outline:visited {
    color: #F37E24;
    background-color: #FFF;
    border: 3px solid #F37E24;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-captionmaker-outline:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-hero-switch {
    border: 3px solid #FFC13B;
    color: #000;
    background-color: #FFC13B;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-hero-switch:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-hero-switch-outline {
    border: 3px solid #FFC13B;
    color: #FFF;
    /*height: 30px;
    width: 130px;*/
    background-color: rgba(0, 0, 0, 0.25);
    font-family: 'Montserrat-SemiBold', sans-serif;
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-hero-switch-outline:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-switch {
    color: #000;
    background-color: #FFC13B;
    border: 3px solid #FFC13B;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-switch:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-switch-outline {
    color: #000;
    background-color: #FFF;
    border: 3px solid #FFC13B;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-switch-outline:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-hero-diva {
    border: 3px solid #F89920;
    color: #FFF;
    background-color: #F89920;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-hero-diva:visited {
    border: 3px solid #F89920;
    color: #FFF;
    background-color: #F89920;
  }
  .btn-hero-diva:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-hero-diva-outline {
    border: 3px solid #F89920;
    color: #FFF;
    /*height: 30px;
    width: 130px;*/
    background-color: rgba(0, 0, 0, 0.25);
    font-family: 'Montserrat-SemiBold', sans-serif;
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-hero-diva-outline:visited {
    border: 3px solid #F89920;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.25);
  }
  .btn-hero-diva-outline:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-diva {
    color: #FFF;
    background-color: #F89920;
    border: 3px solid #F89920;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-diva:visited {
    color: #FFF;
    background-color: #F89920;
    border: 3px solid #F89920;
  }
  .btn-diva:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-diva-outline {
    color: #FFF;
    background-color: #FFF;
    border: 3px solid #F89920;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-diva-outline:visited {
    color: #FFF;
    background-color: #FFF;
    border: 3px solid #F89920;
  }
  .btn-diva-outline:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-hero-kumulate {
    border: 3px solid #FFBF54;
    color: #000;
    background-color: #FFBF54;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-hero-kumulate:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-hero-kumulate-outline {
    border: 3px solid #FFBF54;
    color: #FFF;
    /*height: 30px;
    width: 130px;*/
    background-color: rgba(0, 0, 0, 0.25);
    font-family: 'Montserrat-SemiBold', sans-serif;
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-hero-kumulate-outline:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-kumulate {
    color: #000;
    background-color: #FFBF54;
    border: 3px solid #FFBF54;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-kumulate:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-kumulate-outline {
    color: #000;
    background-color: #FFF;
    border: 3px solid #FFBF54;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-kumulate-outline:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-hero-screenflow {
    border: 3px solid #EF7900;
    color: #FFF;
    background-color: #EF7900;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-hero-screenflow:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-hero-screenflow-outline {
    border: 3px solid #EF7900;
    color: #FFF;
    /*height: 30px;
    width: 130px;*/
    background-color: rgba(0, 0, 0, 0.25);
    font-family: 'Montserrat-SemiBold', sans-serif;
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-hero-screenflow-outline:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-screenflow {
    color: #FFF;
    background-color: #EF7900;
    border: 3px solid #EF7900;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-screenflow:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-screenflow-outline {
    color: #EF7900;
    background-color: #FFF;
    border: 3px solid #EF7900;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-screenflow-outline:visited {
    color: #EF7900;
    background-color: #FFF;
    border: 3px solid #EF7900;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-screenflow-outline:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-wc-save-20-black {
    color: #FFC13B;
    background-color: #000;
    border: 3px solid #000;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-wc-save-20-black:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-sf-save-20-black {
    color: #FFC13B;
    background-color: #000;
    border: 3px solid #000;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-sf-save-20-black:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-hero-glim {
    border: 3px solid #FFC13B;
    color: #000;
    background-color: #FFC13B;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-hero-glim:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-hero-glim-outline {
    border: 3px solid #FFC13B;
    color: #FFF;
    /*height: 30px;
    width: 130px;*/
    background-color: rgba(0, 0, 0, 0.25);
    font-family: 'Montserrat-SemiBold', sans-serif;
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-hero-glim-outline:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-glim {
    color: #000;
    background-color: #FFC13B;
    border: 3px solid #FFC13B;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-glim:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-glim-outline {
    color: #000;
    background-color: #FFF;
    border: 3px solid #FFC13B;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-glim-outline:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-gold-purple {
    color: #000;
    background-color: #FFC13B;
    border: 3px solid #FFC13B;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-gold-purple:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-gold-purple-outline {
    color: #000;
    background-color: #FFF;
    border: 3px solid #FFC13B;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-gold-purple-outline:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-purple-outline {
    color: #323861;
    background-color: #FFF;
    border: 3px solid #323861;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-purple-outline:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btn-save-20-black {
    color: #FFC13B;
    background-color: #000;
    border: 3px solid #000;
    font-family: 'Montserrat-SemiBold';
    font-size: 15px !important;
    padding: 4px 12px;
    border-radius: 10px;
  }
  .btn-save-20-black:hover {
    color: #FFF;
    background-color: #009BDF;
    border: 3px solid #009BDF;
  }
  .btnFeaturesCapture-active {
    position: relative;
    display: inline-block;
    color: #FFF;
    background-color: #3BD28B;
    font-size: 15px !important;
    padding: 4px 12px;
    border: 3px solid #33385E;
    border-radius: 10px 0px 0px 10px;
  }
  .btnFeaturesCapture {
    position: relative;
    display: inline-block;
    color: #323861;
    background-color: #FFF;
    font-size: 15px !important;
    padding: 4px 12px;
    border: 3px solid #33385E;
    border-radius: 10px 0px 0px 10px;
    cursor: pointer;
  }
  .btnFeaturesCapture:hover, .btnFeaturesCapture:focus, .btnFeaturesCapture:active, .btnFeaturesCapture.active, .open .dropdown-toggle.btnFeaturesCapture {
    color: #FFF;
    background-color: #3BD28B;
  }
  .btnFeaturesCapture:active, .btnFeaturesCapture.active, .open .dropdown-toggle.btnFeaturesCapture {
    background-image: none;
  }
  .btnFeaturesProduce-active {
    display: inline-block;
    color: #FFF;
    background-color: #33385E;
    font-size: 15px !important;
    padding: 4px 12px;
    border-top: 3px solid #33385E;
    border-bottom: 3px solid #33385E;
    margin: 0px -4px 0px -4px;
  }
  .btnFeaturesProduce {
    display: inline-block;
    color: #323861;
    background-color: #FFF;
    font-size: 15px !important;
    padding: 4px 12px;
    border-top: 3px solid #33385E;
    border-bottom: 3px solid #33385E;
    margin: 0px -4px 0px -4px;
    cursor: pointer;
  }
  .btnFeaturesProduce:hover, .btnFeaturesProduce:focus, .btnFeaturesProduce:active, .btnFeaturesProduce.active, .open .dropdown-toggle.btnFeaturesProduce {
    color: #FFF;
    background-color: #33385E;
  }
  .btnFeaturesProduce:active, .btnFeaturesProduce.active, .open .dropdown-toggle.btnFeaturesProduce {
    background-image: none;
  }
  .btnFeaturesStream-active {
    display: inline-block;
    color: #FFF;
    background-color: #FFC13B;
    font-size: 15px !important;
    padding: 4px 12px;
    border: 3px solid #33385E;
    border-radius: 0px 10px 10px 0px;
  }
  .btnFeaturesStream {
    display: inline-block;
    color: #323861;
    background-color: #FFF;
    font-size: 15px !important;
    padding: 4px 12px;
    border: 3px solid #33385E;
    border-radius: 0px 10px 10px 0px;
    cursor: pointer;
  }
  .btnFeaturesStream:hover, .btnFeaturesStream:focus, .btnFeaturesStream:active, .btnFeaturesStream.active, .open .dropdown-toggle.btnFeaturesStream {
    color: #FFF;
    background-color: #FFC13B;
  }
  .btnFeaturesStream:active, .btnFeaturesStream.active, .open .dropdown-toggle.btnFeaturesStream {
    background-image: none;
  }
}
ul.ts-list-check-green li {
  margin: 0 0 1em -.5em;
  list-style: none;
}
ul.ts-list-check-green li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: bold;
  float: left;
  margin-left: -1.5em;
  color: #3BD28B;
  font-size: 1.2em;
}
ul.ts-list-check-purple li {
  margin: 0 0 1em -.5em;
  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: #323861;
  font-size: 1.2em;
}
ul.ts-list-check-gold li {
  margin: 0 0 1em -.5em;
  list-style: none;
}
ul.ts-list-check-gold li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: bold;
  float: left;
  margin-left: -1.5em;
  color: #FFC13B;
  font-size: 1.2em;
}
ul.ts-list-chevron-blue li {
  margin: 0 0 1em -.5em;
  list-style: none;
}
ul.ts-list-chevron-blue li:before {
  content: "\f138";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: bold;
  float: left;
  margin-left: -1.5em;
  color: #009BDF;
  font-size: 1.2em;
}
ul.ts-list-gold li {
  margin: 0 0 1em -1.7em;
  list-style: none;
}
ul.ts-list-gold ul li {
  margin: 0 0 1em -2.9em;
  list-style: none;
}
ul.ts-list-gold ul li:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: normal;
  float: left;
  margin-left: -1.5em;
  color: #FFC13B;
  font-size: .8em;
}
ul.ts-list-gold li:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: normal;
  float: left;
  margin-left: -1.5em;
  color: #FFC13B;
  font-size: .8em;
}
ul.ts-list-check-captionmaker li {
  margin: 0 0 1em -.5em;
  list-style: none;
}
ul.ts-list-check-captionmaker li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: bold;
  float: left;
  margin-left: -1.5em;
  color: #F37E24;
  font-size: 1.2em;
}
ul.ts-list-captionmaker li {
  margin: 0 0 1em -1.7em;
  list-style: none;
}
ul.ts-list-captionmaker ul li {
  margin: 0 0 1em -2.9em;
  list-style: none;
}
ul.ts-list-captionmaker ul li:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: normal;
  float: left;
  margin-left: -1.5em;
  color: #F37E24;
  font-size: .8em;
}
ul.ts-list-captionmaker li:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: normal;
  float: left;
  margin-left: -1.5em;
  color: #F37E24;
  font-size: .8em;
}
ul.ts-list-check-switch li {
  margin: 0 0 1em -.5em;
  list-style: none;
}
ul.ts-list-check-switch li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: bold;
  float: left;
  margin-left: -1.5em;
  color: #FFC13B;
  font-size: 1.2em;
}
ul.ts-list-switch li {
  margin: 0 0 1em -1.7em;
  list-style: none;
}
ul.ts-list-switch ul li {
  margin: 0 0 1em -2.9em;
  list-style: none;
}
ul.ts-list-switch ul li:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: normal;
  float: left;
  margin-left: -1.5em;
  color: #FFC13B;
  font-size: .8em;
}
ul.ts-list-switch li:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: normal;
  float: left;
  margin-left: -1.5em;
  color: #FFC13B;
  font-size: .8em;
}
ul.ts-list-check-diva li {
  margin: 0 0 1em -.5em;
  list-style: none;
}
ul.ts-list-check-diva li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: bold;
  float: left;
  margin-left: -1.5em;
  color: #F89920;
  font-size: 1.2em;
}
ul.ts-list-diva li {
  margin: 0 0 1em -1.7em;
  list-style: none;
}
ul.ts-list-diva ul li {
  margin: 0 0 1em -2.9em;
  list-style: none;
}
ul.ts-list-diva ul li:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: normal;
  float: left;
  margin-left: -1.5em;
  color: #F89920;
  font-size: .8em;
}
ul.ts-list-diva li:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: normal;
  float: left;
  margin-left: -1.5em;
  color: #F89920;
  font-size: .8em;
}
ul.ts-list-check-screenflow li {
  margin: 0 0 1em -.5em;
  list-style: none;
}
ul.ts-list-check-screenflow li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: bold;
  float: left;
  margin-left: -1.5em;
  color: #EF7900;
  font-size: 1.2em;
}
ul.ts-list-screenflow li {
  margin: 0 0 1em -1.7em;
  list-style: none;
}
ul.ts-list-screenflow ul li {
  margin: 0 0 1em -2.9em;
  list-style: none;
}
ul.ts-list-screenflow ul li:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: normal;
  float: left;
  margin-left: -1.5em;
  color: #EF7900;
  font-size: .8em;
}
ul.ts-list-screenflow li:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: normal;
  float: left;
  margin-left: -1.5em;
  color: #EF7900;
  font-size: .8em;
}
ul.ts-list-check-content-distribution li {
  margin: 0 0 1em -.5em;
  list-style: none;
}
ul.ts-list-check-content-distribution li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: bold;
  float: left;
  margin-left: -1.5em;
  color: #1453A3;
  font-size: 1.2em;
}
ul.ts-list-check-glim li {
  margin: 0 0 1em -.5em;
  list-style: none;
}
ul.ts-list-check-glim 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-play-glim li {
  margin: 0 0 1em -.5em;
  list-style: none;
}
ul.ts-list-play-glim li:before {
  content: "\f04b";
  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-glim li {
  margin: 0 0 1em -1.7em;
  list-style: none;
}
ul.ts-list-glim ul li {
  margin: 0 0 1em -2.9em;
  list-style: none;
}
ul.ts-list-glim ul li:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: normal;
  float: left;
  margin-left: -1.5em;
  color: #0B87F7;
  font-size: .8em;
}
ul.ts-list-glim li:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: normal;
  float: left;
  margin-left: -1.5em;
  color: #0B87F7;
  font-size: .8em;
}
ul.ts-list-purple li {
  margin: 0 0 1em -1.7em;
  list-style: none;
}
ul.ts-list-purple ul li {
  margin: 0 0 1em -2.9em;
  list-style: none;
}
ul.ts-list-purple ul li:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: normal;
  float: left;
  margin-left: -1.5em;
  color: #323861;
  font-size: .8em;
}
ul.ts-list-purple li:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: bold;
  float: left;
  margin-left: -1.5em;
  color: #323861;
  font-size: .8em;
}
ul.ts-list-green li {
  margin: 0 0 1em -1.7em;
  list-style: none;
}
ul.ts-list-green ul li {
  margin: 0 0 1em -2.9em;
  list-style: none;
}
ul.ts-list-green ul li:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: normal;
  float: left;
  margin-left: -1.5em;
  color: #3BD28B;
  font-size: .8em;
}
ul.ts-list-green li:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: bold;
  float: left;
  margin-left: -1.5em;
  color: #3BD28B;
  font-size: .8em;
}
ul.ts-list-info li {
  margin: .4em;
  list-style: none;
}
ul.ts-list-info ul li {
  margin: .4em;
  margin-left: -3.1em;
  list-style: none;
}
ul.ts-list-info li:before {
  content: "\f05a";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: bold;
  float: left;
  margin-left: -1.3em;
  color: #FFC13B;
  font-size: 1.3em;
}
.wc-green {
  color: #3BD28B;
}
.wc-purple {
  color: #323861;
}
.wc-gold {
  color: #FFC13B;
}
.captionmaker-green {
  color: #75B642;
}
.captionmaker-blue {
  color: #009BDF;
}
.captionmaker-orange {
  color: #F47E23;
}
.switch-gold {
  color: #FFC13B;
}
.switch-green {
  color: #025A68;
}
.switch-orange {
  color: #FF4600;
}
.sf-orange {
  color: #EF7900;
}
.gold {
  color: #FFC13B;
}
.orange-button {
  position: absolute;
  background-color: #FF5800;
  font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  color: #FFF;
  padding: 10px 16px 8px 14px;
  margin-left: -17px;
  margin-top: -7px;
  border-radius: 10px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}
.quote-box {
  position: absolute;
  background-color: #FFF;
  color: #323861;
  padding: 20px;
  margin-left: 40px;
  margin-top: -80px;
  border: 1px solid #323861;
  border-radius: 20px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}
@media (max-width: 480px) {
  .clear-160 {
    clear: both;
    height: 280px;
  }
  .quote-box {
    position: absolute;
    background-color: #FFF;
    color: #323861;
    padding: 20px;
    margin-left: 40px;
    margin-top: -60px;
    border: 1px solid #323861;
    border-radius: 20px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  }
}
a.tooltip-link {
  border: 1px dotted #323861;
  background-color: #DBDDEE;
  text-decoration: none;
  color: #323861;
  padding: 0px 3px 0px 3px;
}
.thin-slate-border {
  height: 100%;
  border: solid 1px #9BAFC3;
  border-radius: 21px;
  padding: 0;
  background-color: #FFF;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}
.thin-purple-border {
  border: solid 1px #323861;
  border-radius: 10px;
  padding: 0;
  background-color: #FFF;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}
.btn-resources-bkg {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: #FFF;
  /*text-shadow: 0px 0px 2px #000;*/
  margin-top: -50px;
  /*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-pdf-bkg {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: #FFF;
  /*text-shadow: 0px 0px 2px #000;*/
  margin-top: -41px;
  /*margin-top: -51px;
	margin-left: -1px;
	border: 1px solid #009BDF;*/
}
.btn-resources-pdf-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-pdf {
  border-radius: 0px;
  padding: 10px 10px 7px 12px;
  font-family: 'SourceSansPro-Semibold';
  float: left;
}
/*.btn-resources:hover {
    color: #00ADEF;
	background: rgba(0, 0, 0, 0.0);
}*/
.btn-resources-info {
  padding: 8px 10px 4px 0px;
  font-family: 'SourceSansPro-Semibold';
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/*.btn-resources-info:hover {
    color: #FFF;
	background: rgba(0, 0, 0, 0.0);
}*/
.resource-description {
  padding: 5px 15px 15px 15px;
  border-top: 1px solid #9BAFC3;
  text-align: center;
}
/* PLAY BLACK BUTTON */
.btn-play-black {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0px;
  padding: 14px 14px 13px 18px;
  margin-top: -76px;
  font-family: 'SourceSansPro-Semibold';
}
.btn-play-black:hover, .btn-play-black:focus, .btn-play-black:active, .btn-play-black.active, .open .dropdown-toggle.btn-play-black {
  color: #00ADEF;
  background: rgba(0, 0, 0, 0.8);
  font-family: 'SourceSansPro-Semibold';
}
/* END PLAY BLACK BUTTON */
/* VIDEO BLACK BUTTON*/
.btn-video-black {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0px;
  padding: 7px 10px 3px 0px;
  margin-top: -76px;
  font-family: 'SourceSansPro-Semibold';
  text-align: left;
  cursor: context-menu;
  line-height: 1.3em;
}
.btn-video-black:hover, .btn-video-black:focus, .btn-video-black:active, .btn-video-black.active, .open .dropdown-toggle.btn-video-black {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-family: 'SourceSansPro-Semibold';
}
/* END VIDEO BLACK BUTTON*/
/* VIDEO BLACK BUTTON NO HOVER*/
.btn-pdf-black-no-radius {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0px;
  padding: 8px 10px 6px 0px;
  margin-top: -76px;
  font-family: 'SourceSansPro-Semibold';
  text-align: left;
  cursor: context-menu;
  line-height: 1.1em;
}
.btn-pdf-black-no-radius:hover, .btn-pdf-black-no-radius:focus, .btn-pdf-black-no-radius:active, .btn-pdf-black-no-radius.active, .open .dropdown-toggle.btn-pdf-black-no-radius {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-family: 'SourceSansPro-Semibold';
}
/* END VIDEO BLACK BUTTON NO HOVER*/
/* PDF BLACK BUTTON */
.btn-pdf-black {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0px 0px 0px 9px;
  padding: 7px 14px;
  margin-top: -62px;
  font-family: 'SourceSansPro-Semibold';
}
.btn-pdf-black:hover, .btn-pdf-black:focus, .btn-pdf-black:active, .btn-pdf-black.active, .open .dropdown-toggle.btn-pdf-black {
  color: #00ADEF;
  background: rgba(0, 0, 0, 0.8);
  font-family: 'SourceSansPro-Semibold';
  font-weight: bold;
}
/* END PDF BLACK BUTTON */
#triangle-topright {
  position: absolute;
}
#triangle-topright:before {
  content: '';
  /*border-top: 110px solid #d98026;*/
  border-top: 160px solid #3BD28B;
  border-left: 320px solid transparent;
  position: absolute;
  top: 0;
  right: 0;
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .5));
}
.triangle-text {
  /*-moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg) translateZ(0px);*/
  color: #FFF;
  font-size: 30px;
  line-height: 1.3em;
  font-family: 'Montserrat-Bold';
  text-align: right;
  position: absolute;
  top: 10px;
  right: 12px;
  width: 210px;
}
.top-violator-gold {
  background-color: #FFC13B;
  color: #323861;
  padding: 15px 10px 10px 10px;
  text-align: center;
  font-family: 'Montserrat-Bold';
  font-size: 22px;
  line-height: 1.3em;
}
.top-violator-green {
  background-color: #3BD28B;
  color: #FFF;
  padding: 15px 10px 10px 10px;
  text-align: center;
  font-family: 'Montserrat-Bold';
  font-size: 30px;
  line-height: 1.3em;
}
.top-violator-blackfriday {
  background-image: linear-gradient(#FEDC00, #F9A800);
  color: #FFF;
  padding: 20px;
  text-align: center;
  font-family: 'Montserrat-Bold';
  font-size: 30px;
  line-height: 1.3em;
}
.top-violator-4E98F1 {
  background-color: #4E98F1;
  color: #FFF;
  padding: 20px;
  text-align: center;
  font-family: 'Montserrat-SemiBold';
  font-weight: bold;
  font-size: 24px;
  line-height: 1.3em;
}
.btn-violator {
  color: #FFF;
  background-color: transparent;
  border: 1px solid #FFF;
  margin: 0px 20px 0px 20px;
  font-family: 'Montserrat-Semibold';
  font-size: 18px;
  padding-top: 5px;
}
.btn-violator:hover {
  color: #000;
  background-color: #FFF;
  border: 1px solid #FFF;
}
.shadow-radius-10 {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.shadow-radius-20 {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
  border-radius: 20px;
}
.horizontal-rule-diva-core {
  clear: both;
  width: 100%;
  height: 5px;
  border-bottom: 5px solid #42C7EF;
}
.horizontal-rule-diva-connect {
  clear: both;
  width: 100%;
  height: 5px;
  border-bottom: 5px solid #F89920;
}
.horizontal-rule-diva-analytics {
  clear: both;
  width: 100%;
  height: 5px;
  border-bottom: 5px solid #278399;
}
.horizontal-rule-diva-view {
  clear: both;
  width: 100%;
  height: 5px;
  border-bottom: 5px solid #19ADAD;
}