h1 {
	font-size: 50px;
  font-weight: 400;
  
}

h2 {
	font-size: 40px;
  font-weight: 400;
}

h3 {
	font-size: 24px;
  font-weight: 400;
}

h4 {
	font-size: 18px;
  font-weight: 400;
}

h5 {
	font-size: 16px;
  font-weight: 400;
}

h6 {
	font-size: 14px;
  font-weight: 400;
}

p {
	font-size: 16px;
  font-weight: 400;
}

.bold {
  font-weight: 500;
}

.medium {
  font-weight: 600;
}

.normal {
  font-weight: 400;
}

.light {
  font-weight: 300;
}

.italics {
  font-style: italic;
}

.header-hr {
  border-bottom: 2px solid #7BC942;
  text-align   : left;
  float        : left;
  width        : 200px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
  h1 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 991px) {
  h2 {
    font-size: 26px;
  }
}

/*** downloads page ***/
h6.pagination.bold {
  padding    : 7px;
  font-weight: 600;
}

h3.blog-h3 {
  line-height: 1.3;
}

/*** home page gartner specially p class to make p smaller ***/
p.small-p {
  font-size: 14px;
}

/*** Our primary green, and two darker shades **/
/*** used for links and other misc. colors**/
/*** from black to white ***/
/*** Use for tags ***/
.bg-red-tag {
  background: linear-gradient(-50deg, transparent 4px, #ff4559 0);
}

.bg-blue-grey-tag {
  background: linear-gradient(-50deg, transparent 4px, #607d8b 0);
}

.bg-brown-tag {
  background: linear-gradient(-50deg, transparent 4px, #795548 0);
}

.bg-deep-orange-tag {
  background: linear-gradient(-50deg, transparent 4px, #e64a19 0);
}

.bg-amber-tag {
  background: linear-gradient(-50deg, transparent 4px, #ff8f00 0);
}

.bg-orange-tag {
  background: linear-gradient(-50deg, transparent 4px, #f57f17 0);
}

.bg-lime-tag {
  background: linear-gradient(-50deg, transparent 4px, #9e9d24 0);
}

.bg-light-green-tag {
  background: linear-gradient(-50deg, transparent 4px, #689f38 0);
}

.bg-green-tag {
  background: linear-gradient(-50deg, transparent 4px, #388e3c 0);
}

.bg-teal-tag {
  background: linear-gradient(-50deg, transparent 4px, #00796b 0);
}

.bg-cyan-tag {
  background: linear-gradient(-50deg, transparent 4px, #0097a7 0);
}

.bg-blue-tag {
  background: linear-gradient(-50deg, transparent 4px, #2eb5ff 0);
}

.bg-light-blue-tag {
  background: linear-gradient(-50deg, transparent 4px, #039be5 0);
}

.bg-purple-tag {
  background: linear-gradient(-50deg, transparent 4px, #b291eb 0);
}

.bg-indigo-tag {
  background: linear-gradient(-50deg, transparent 4px, #303f9f 0);
}

.bg-deep-purple-tag {
  background: linear-gradient(-50deg, transparent 4px, #512da8 0);
}

.bg-pink-tag {
  background: linear-gradient(-50deg, transparent 4px, #e91e63 0);
}

/** backgrounds **/
.bg-light-black {
  background: #1c1d1d;
}

.bg-black {
  background: #000000;
}

.bg-light-grey {
  background: lightgray;
}


.bg-white {
  background: #ffffff;
}

.bg-dark-grey {
  background: #272727;
}

.bg-primary {
  background: #7BC942 !important;
}

.bg-dark-white {
  background: #f7f7f7;
}

.bg-polarity-green {
  background: #99ca3c;
}

.bg-light-grey {
  background: #dddddd;
}

.bg-red {
  background: #ff4559;
}

.bg-blue-grey {
  background: #607d8b;
}

.bg-brown {
  background: #795548;
}

.bg-deep-orange {
  background: #e64a19;
}

.bg-amber {
  background: #ff8f00;
}

.bg-orange {
  background: #f57f17;
}

.bg-lime {
  background: #9e9d24;
}

.bg-light-green {
  background: #689f38;
}

.bg-green {
  background: #388e3c;
}

.bg-teal {
  background: #00796b;
}

.bg-cyan {
  background: #0097a7;
}

.bg-blue {
  background: #2eb5ff;
}

.bg-light-blue {
  background: #039be5;
}

.bg-light-green {
  background: #e3f6e0;
}

.bg-purple {
  background: #b291eb;
}

.bg-indigo {
  background: #303f9f;
}

.bg-deep-purple {
  background: #512da8;
}

.bg-pink {
  background: #e91e63;
}

.bg-blue-black {
  background: #192026;
}

.bg-dark-blue-grey {
  background: #212b32;
}

/** color classes **/
.primary {
  color: #7BC942;
}

.secondary {
  color: #97c93d;
}

.tertiary {
  color: #a0b433;
}

.blue {
  color: #2eb5ff;
}

.black {
  color: #000000;
}

.polarity-green {
  color: #99ca3c;
}

.red {
  color: #ff4559;
}

.indigo {
  color: #303f9f;
}

.teal {
  color: #00796b;
}

.blue-grey {
  color: #607d8b;
}

.light-black {
  color: #1c1d1d;
}

.dark-grey {
  color: #272727;
}

.primary-grey {
  background-color: #484848;
}

.grey {
  color: #9a9a9a;
}

.something-grey {
  color: #adadad;
}

.light-grey {
  color: #dddddd;
}

.dark-white {
  color: #f7f7f7;
}

.white {
  color: #ffffff;
}

.amber {
  color: #ff8f00;
}

.purple {
  color: #b291eb;
}

.pink {
  color: #e91e63;
}

.deep-purple {
  color: #512da8;
}

/*** Integration Asset Library ***/

.int-abs-color {
  color: #E8392A;
  background: #E8392A;
}

/*** for style guide ***/
.color-square {
  height: 100px;
  border: none;
}

.cb-primary {
  background-color: #7BC942;
  border          : none;
}

.cb-secondary {
  background-color: #97c93d;
  border          : none;
}

.cb-tertiary {
  background-color: #a0b433;
  border          : none;
}

.cb-blue {
  background-color: #2eb5ff;
  border          : none;
}

.cb-polarity-green {
  background-color: #99ca3c;
  border          : none;
}

.cb-red {
  background-color: #ff4559;
  border          : none;
}

.cb-black {
  background-color: #000000;
  border          : none;
}

.cb-light-black {
  background-color: #212b32;
  border          : none;
}

.cb-dark-grey {
  background-color: #272727;
  border          : none;
}

.cb-primary-grey {
  background-color: #484848;
  border          : none;
}

.cb-grey {
  background-color: #607d8b;
  border          : none;
}

.cb-something-grey {
  background-color: #adadad;
  border          : none;
}

.cb-light-grey {
  background-color: #dddddd;
  border          : none;
}

.cb-dark-white {
  background-color: #f7f7f7;
  border          : none;
}

.cb-white {
  background-color: #ffffff;
  border          : none;
}

/*** HUD blocks for tour page ***/
span.hud-actionable {
  background: rgba(255, 69, 59, 0.3);
}

span.hud-info {
  background: rgba(127, 195, 70, 0.3);
}

/* Margin Top */
.margin-top-0 {
  margin-top: 0;
}

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

.margin-top-20 {
  margin-top: 20px;
}

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

.margin-top-40 {
  margin-top: 40px;
}

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

/* Margin Bottom */
.margin-bottom-0 {
  margin-bottom: 0;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

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

.margin-bottom-50 {
  margin-bottom: 50px;
}

/*** small items that help spacing **/
.p-r-10 {
  padding-right: 10px;
}

.no-p-top {
  padding-top: 0px;
}

.p-l-15 {
  padding-left: 15px;
}

.m-r-15 {
  margin-right: 15px;
}


.center-thing {
  text-align: center;
}

.footer-right-thing {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .footer-right-thing {
    text-align: left;
  }
}

.no-padding {
  padding: 0px;
}

.no-margin {
  margin: 0px;
}

.no-p-b {
  padding-bottom: 0px;
}

.no-p-t {
  padding-top: 0px !important;
}

.p-20 {
  padding: 20px;
}
.m-l-20 {
  margin-left: 20px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.m-l-60 {
  margin-left: 60px !important;
}

.m-l-80 {
  margin-left: 80px !important;
}

.m-l-100 {
  margin-left: 100px !important;
}

.no-m-b {
  margin-bottom: 0px !important;
}

.m-top-100 {
  margin-top: 100px;
}

.p-50 {
  padding: 50px;
}

@media only screen and (max-width: 767px) {
  .p-50 {
    padding: 15px;
  }
}

/*** homepage hero spacing adjustments ***/
.img-neg-margin {
  margin-bottom: -64px;
}

@media only screen and (max-width: 575px) {
  .img-neg-margin {
    margin-bottom: -32px;
  }
}

/** negative top margine ***/
.neg-marg-10 {
  margin-top: -10px;
}

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

/*** footer padding ***/
.footer-padding {
  padding: 50px 15px 150px 15px;
}

/*** weird spacing for blog ***/
.top-blog-card {
  margin-top: -150px;
}

@media only screen and (max-width: 991px) {
  .top-blog-card {
    margin-top: 30px;
  }
}

/*** Community edition inline list ***/
.community-edition-ul {
  display: grid;
}

/*** setting the style for the buttons ***/
.btn {
  font-size     : 16px;
  font-weight   : 600;
  padding       : 10px 20px;
  text-transform: none;
  border-radius : 2px;
}

/*** different button colors ***/
.btn-primary {
  font-size     : 16px;
  font-weight   : 600;
  padding       : 10px 20px;
  text-transform: none;
  border-radius : 2px;
  background    : #7BC942;
  border        : 1px solid #7BC942;
  color         : #ffffff;
}

.btn-primary:focus,
.btn-primary:hover {
  background     : #5a8e2e;
  border         : 1px solid #7BC942;
  text-decoration: none;
  cursor         : pointer;
  color          : #ffffff;
  outline        : none;
  box-shadow     : none;
}

.btn-naked {
  font-size     : 16px;
  font-weight   : 600;
  padding       : 10px 20px;
  text-transform: none;
  border-radius : 2px;
  background    : none;
  border        : 1px solid #7BC942;
  color         : #7BC942;
}

.btn-naked:focus,
.btn-naked:hover {
  background     : #ffffff;
  border         : 1px solid #7BC942;
  text-decoration: none;
  cursor         : pointer;
  color          : #7BC942;
  outline        : none;
  box-shadow     : none;
}

.btn-product-card {
  font-size     : 16px;
  font-weight   : 500;
  padding       : 10px 20px;
  text-transform: none;
  border-radius : 6px;
  background    : none;
  border        : 1px solid #DEDEDE;
  color         : #484848;
  width: 100%;
}

.btn-product-card:active,
.btn-product-card:focus,
.btn-product-card:hover {
  background     : #ffffff;
  border         : 1px solid #7BC942;
  text-decoration: none;
  cursor         : pointer;
  color          : #7BC942;
  outline        : none;
  box-shadow     : none;
}

.green-nav-link {
  color: #7BC942;
  border         : 1px solid #7BC942;
  margin: 10px;
  width: 100%;
}
a#pills-profile-tab.nav-link.green-nav-link.active {
  background     : #7BC942;
  text-decoration: none;
  cursor         : pointer;
  color          : #ffffff;
  outline        : none;
  box-shadow     : none;
}


a#pills-home-tab.nav-link.green-nav-link:active,
a#pills-home-tab.nav-link.green-nav-link:focus,
a#pills-home-tab.nav-link.green-nav-link:hover {
  background     : #7BC942;
  text-decoration: none;
  cursor         : pointer;
  color          : #ffffff;
  outline        : none;
  box-shadow     : none;
}

.btn-dark-grey {
  font-size     : 16px;
  font-weight   : 600;
  padding       : 10px 20px;
  text-transform: none;
  border-radius : 2px;
  background    : #272727;
  border        : 1px solid #272727;
  color         : #ffffff;
}

.btn-dark-grey:focus,
.btn-dark-grey:hover {
  background     : #010101;
  border         : 1px solid #272727;
  text-decoration: none;
  cursor         : pointer;
  color          : #ffffff;
  outline        : none;
  box-shadow     : none;
}

.btn-grey {
  font-size     : 16px;
  font-weight   : 600;
  padding       : 10px 20px;
  text-transform: none;
  border-radius : 2px;
  background    : #9a9a9a;
  border        : 1px solid #9a9a9a;
  color         : #ffffff;
}

.btn-grey:focus,
.btn-grey:hover {
  background     : #747474;
  border         : 1px solid #9a9a9a;
  text-decoration: none;
  cursor         : pointer;
  color          : #ffffff;
  outline        : none;
  box-shadow     : none;
}

.btn-light-grey {
  font-size     : 16px;
  font-weight   : 600;
  padding       : 10px 20px;
  text-transform: none;
  border-radius : 2px;
  background    : #dddddd;
  border        : 1px solid #dddddd;
  color         : #000000;
}

.btn-light-grey:focus,
.btn-light-grey:hover {
  background     : #b7b7b7;
  border         : 1px solid #dddddd;
  text-decoration: none;
  cursor         : pointer;
  color          : #000000;
  outline        : none;
  box-shadow     : none;
}

.btn-dark-white {
  font-size     : 16px;
  font-weight   : 600;
  padding       : 10px 20px;
  text-transform: none;
  border-radius : 2px;
  background    : #f7f7f7;
  border        : 1px solid #dddddd;
  color         : #9a9a9a;
}

.btn-dark-white:focus,
.btn-dark-white:hover {
  background     : #d1d1d1;
  border         : 1px solid #f7f7f7;
  text-decoration: none;
  cursor         : pointer;
  color          : #9a9a9a;
  outline        : none;
  box-shadow     : none;
}

.btn-white {
  font-size     : 16px;
  font-weight   : 600;
  padding       : 10px 20px;
  text-transform: none;
  border-radius : 2px;
  background    : #ffffff;
  border        : 1px solid #ffffff;
  color         : #7BC942;
}

.btn-white:focus,
.btn-white:hover {
  background     : #f2f2f2;
  border         : 1px solid #ffffff;
  text-decoration: none;
  cursor         : pointer;
  color          : #000000;
  outline        : none;
  box-shadow     : none;
}

.btn-grey-link {
  font-size     : 16px;
  font-weight   : 600;
  padding       : 10px 20px;
  text-transform: none;
  border-radius : 2px;
  background    : none;
  border        : none;
  color         : #9a9a9a;
}

.btn-grey-link:focus,
.btn-grey-link:hover {
  text-decoration: none;
  cursor         : pointer;
  color          : #747474;
  outline        : none;
  box-shadow     : none;
}

.btn-naked-white {
  font-size     : 16px;
  font-weight   : 600;
  padding       : 10px 20px;
  text-transform: none;
  border-radius : 2px;
  background    : none;
  border        : 1px solid #ffffff;
  color         : #ffffff;
}

.btn-naked-white:focus,
.btn-naked-white:hover {
  background     : #ffffff;
  border         : 1px solid #ffffff;
  text-decoration: none;
  cursor         : pointer;
  color          : #2eb5ff;
  outline        : none;
  box-shadow     : none;
}

.btn-lg {
  padding: 20px 40px !important;
  font-size: 20px !important;
  border-radius: 4px;
}

/*** buttons for integration page ***/
.int-cat-btn-group {
  width: 100%;
}

.float-left-int-icon {
  float: left;
  margin-right: 5px;
}

h4.card-title-integration-expand {
  font-size: 16px;
padding: 7px 0px 0px 7px;
}

p.integration-learn-more {
  margin-bottom: 40px;
  color: #7BC942;
  font-size: 14px;
}
.btn-int-cat {
  font-size     : 16px;
  font-weight   : 600;
  padding       : 10px 20px;
  text-transform: none;
  border-radius : 2px;
  background    : #ffffff;
  border        : none;
  color         : #272727;
  width         : 100%;
  text-align    : left;
  font-weight   : 400;
}

.btn-int-cat:focus,
.btn-int-cat:hover {
  background     : #EBF5ED;
  text-decoration: none;
  cursor         : pointer;
  outline        : none;
  box-shadow     : none;
}

.btn-int-cat-active {
  background: #EBF5ED;
}

.btn-badge {
  background    : #000000;
  border        : 0px;
  color         : #7BC942;
  text-transform: none;
  font-size     : 13px;
  padding       : 6px 10px;
  margin: 3px;
  border-radius : 200px;
}

.btn-badge:hover {
  background     : #393839;
  text-decoration: none;
  color          : #658c3d;
  cursor         : pointer;
  outline        : none;
  box-shadow     : none;
}

.btn-badge:active {
  background     : #658c3d;
  text-decoration: none;
  color          : #ffffff;
  cursor         : pointer;
  outline        : none;
  box-shadow     : none;
}

.btn-badge:focus {
  background     : #658c3d;
  text-decoration: none;
  color          : #ffffff;
  cursor         : pointer;
  outline        : none;
  box-shadow     : none;
}

button.pagination-arrow {
  border-color: #E5E7E9;
  padding     : 3px 15px !important;
}

button.pagination-arrow:focus,
button.pagination-arrow:hover {
  color           : #7BC942;
  border-color    : #7BC942;
  background-color: #ffffff;
  text-decoration : none;
  cursor          : pointer;
  outline         : none;
  box-shadow      : none;
}

button.pagination-arrow.disabled {
  cursor    : pointer;
  background: #F7F7F7;
  color     : #DEDEDE;
}

button.pagination-arrow.disabled:focus,
button.pagination-arrow.disabled:hover {
  border-color   : #DEDEDE;
  background     : none;
  text-decoration: none;
  cursor         : pointer;
  outline        : none;
  box-shadow     : none;
}

/*** button add on styles ***/
.btn-full {
  width: 100%;
}

.btn-fixed-width {
  width: 130px;
}

.mkt-btn {
  padding: 17px 20px;
  height : 50px;
}

/*** badges ***/
.badge {
  padding      : 7px 10px 5px 10px;
  border-radius: 200px;
}

/*** play button for product page ***/
.play-btn {
  font-size: 40px;
  color    : #dddddd;
}

/*** on of switch ***/
.onoffswitch {
  position           : relative;
  width              : 75px;
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display      : block;
  overflow     : hidden;
  cursor       : pointer;
  border       : 2px solid #7FC145;
  border-radius: 50px;
  position     : relative;
}

.onoffswitch-inner {
  display    : block;
  width      : 200%;
  margin-left: -100%;
  transition : margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display    : block;
  float      : left;
  width      : 50%;
  height     : 30px;
  padding    : 0;
  line-height: 30px;
  font-size  : 14px;
  color      : white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing : border-box;
}

.onoffswitch-inner:before {
  content         : "ON";
  padding-left    : 10px;
  background-color: #7FC145;
  color           : #FFFFFF;
}

.onoffswitch-inner:after {
  content         : "OFF";
  padding-right   : 10px;
  background-color: #EEEEEE;
  color           : #666666;
  text-align      : right;
}

.onoffswitch-switch {
  display      : block;
  width        : 24px;
  height       : 25px;
  margin       : 3px;
  background   : #FFFFFF;
  position     : absolute;
  top          : 0;
  bottom       : 0;
  right        : 41px;
  border       : 2px solid #7FC145;
  border-radius: 50px;
  transition   : all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

.webinar-button {
  text-align: center;
  float     : right;
  width     : 100%;
}

div.card-block.card-description {
  background: #f7f7f7;
}

.white-card {
  border: none;
}

.card {
  text-align: left;
}

.left-justify {
  text-align: left !important;
}

.card-title {
  margin-bottom: 0px;
  padding      : 0px 15px;
}

.card-inverse .card-blockquote {
  color: #000000;
}

.card-text {
  padding: 0px 15px 0px 15px;
}

/*** card block ***/
div.blog-card {
  border       : none;
  border-radius: 0px;
}

.blog-card-date {
  color       : #9a9a9a;
  font-size   : 12px;
  font-weight : 400;
  padding-left: 10px;
}

.card-block-squish {
  padding-top   : 15px;
  padding-bottom: 15px;
}

.blog-card-category {
  font-size  : 14px;
  font-weight: 600;
}

/*** card block for blog cards on homepage ***/
.home-blog-card {
  border-radius   : 5px;
  box-shadow      : 8px 14px 38px rgba(39, 44, 49, 0.06), 1px 3px 8px rgba(39, 44, 49, 0.03);
  background-color: #111111;
  transition      : all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.home-blog-card:hover {
  box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07);
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  transform : translate3D(0, -1px, 0);
}

.h-b-c-body {
  padding: 15px;
}

p.home-blog-category {
  color         : #7BC942;
  font-size     : 14px;
  margin-bottom : 5px;
  padding-bottom: 5px;
}

h4.home-blog-title {
  font-size: 28px;
  color    : #ffffff;
}

h4.home-blog-title:focus,
h4.home-blog-title:hover {
  text-decoration: none;
  cursor         : pointer;
  color          : #7BC942;
  outline        : none;
  box-shadow     : none;
}

p.home-blog-text {
  font-size: 18px;
  color    : #f7f7f7;
}

a.home-blog-a {
  font-size: 16px;
  color    : #7BC942;
}

a.home-blog-href {
  color: #ffffff;
}

a.home-blog-href:focus,
a.home-blog-href:hover {
  text-decoration: none;
  cursor         : pointer;
  color          : #7BC942;
  outline        : none;
  box-shadow     : none;
}

/*** integration cards ***/
.int-card-img {
  margin-top : 15px;
  margin-left: 15px;
}

.int-card-link-logo-only {
  margin-top : 0px;
  margin-left: 15px;
}

/*** integration cards ***/
.int-card-link-logo {
  margin-top : 10px;
  margin-left: 15px;
}

div.card.light-drop.integration-card {
  height: 100%;
}

.integration-card-contents {
  height: 270px;
}

@media only screen and (max-width: 1199px) {
  .integration-card-contents {
    height: 370px;
  }
}

@media only screen and (max-width: 991px) {
  .integration-card-contents {
    height: 230px;
  }
}

div.card.light-drop.integration-card {
  transition: all .5s ease;
}

div.card.light-drop.integration-card:hover {
  transition: all .3s ease;
  transform : translate3D(0, -1px, 0);
}

@media only screen and (max-width: 1199px) {
  div.card.light-drop.integration-card {
    height: 100%;
  }
}

@media only screen and (max-width: 991px) {
  div.card.light-drop.integration-card {
    height: inherit;
  }
}

/*** resource pages ***/
@media only screen and (max-width: 991px) {
  .resource-blog-content {
    height: 160px;
  }
}

/*** partners card ***/
div.card.light-drop.partners-card {
  height: 100%;
}

.partners-card-content {
  height: 210px;
}

@media only screen and (max-width: 1199px) {
  .partners-card-content {
    height: 200px;
  }
}

@media only screen and (max-width: 991px) {
  .partners-card-content {
    height: 290px;
  }
}

.partners-title {
  margin-top : 15px;
  margin-left: 15px;
}

/*** pricing page cards ***/
p.card-text.pricing-plan-name {
  font-size  : 30px;
  font-weight: 600;
}

h5.card-title.pricing-card-price {
  font-weight: 600;
  font-size  : 60px;
}

p.card-text.pricing-card-text {
  padding-bottom: 0px;
}

div.card.pricing-card {
  height    : 100%;
  min-height: 450px;
}

@media only screen and (max-width: 991px) {
  div.card.pricing-card {
    height    : 100%;
    min-height: 550px;
  }
}

@media only screen and (max-width: 767px) {
  div.card.pricing-card {
    height    : 100%;
    min-height: 440px;
  }
}

div.card-footer.pricing-card-footer {
  position        : absolute;
  bottom          : 0;
  width           : 100%;
  background-color: #ffffff;
}

/*** community techh ***/
.community-card-block {
  height: 250px;
}

@media only screen and (max-width: 991px) {
  .community-card-block {
    height: 400px;
  }
}

@media only screen and (max-width: 991px) {
  .community-card-block {
    height: 300px;
  }
}

.ctt-featured-card-block {
  height: 350px;
}

@media only screen and (max-width: 991px) {
  .ctt-featured-card-block {
    height: 280px;
  }
}

/*** responsive video class ***/
.video-responsive{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.video-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

/*** responsive width videos ***/
.video-responsive {
  overflow      : hidden;
  padding-bottom: 56.25%;
  position      : relative;
  height        : 0;
}

.video-responsive iframe {
  left    : 0;
  top     : 0;
  height  : 100%;
  width   : 100%;
  position: absolute;
}

/*** integrationo v2 cards ***/
div.card.light-drop.integration-card-two {
  min-height: 120px;
}

.integration-card-contents-two {
  min-height: 120px;
}

@media only screen and (max-width: 1199px) {
  .integration-card-contents-two {
    min-height: 370px;
  }
}

@media only screen and (max-width: 991px) {
  .integration-card-contents-two {
    min-height: 230px;
  }
}

div.card.light-drop.integration-card-two {
  transition: all .5s ease;
}

div.card.light-drop.integration-card-two:hover {
  transition: all .3s ease;
  transform : translate3D(0, -1px, 0);
}

@media only screen and (max-width: 1199px) {
  div.card.light-drop.integration-card {
    height: 100%;
  }
}

@media only screen and (max-width: 991px) {
  div.card.light-drop.integration-card-two {
    height: inherit;
  }
}

/**** pricnig ****/
.pricing-card {
  padding: 30px;
}

/**** style guide big sections ***/
.section {
  padding: 100px 30px;
}

@media only screen and (max-width: 991px) {
  .section {
    padding: 30px 15px;
  }
}

.section-int {
  padding: 100px 0px;
}

@media only screen and (max-width: 991px) {
  .section-int {
    padding: 30px 15px;
  }
}

.jumbotron {
  border-radius: 0px;
}

/*** drop shadows ***/
.dark-drop {
  -webkit-box-shadow: 0px 10px 36px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow   : 0px 10px 36px 5px rgba(0, 0, 0, 0.3);
  box-shadow        : 0px 10px 36px 5px rgba(0, 0, 0, 0.3);
}

.light-drop {
  -webkit-box-shadow: 0px 11px 27px 2px #e8e8e8;
  -moz-box-shadow   : 0px 11px 27px 2px #e8e8e8;
  box-shadow        : 0px 11px 27px 2px #e8e8e8;
}

/*** home page hero **/
.home-hero {
  background             : url(https://assets.polarity.io/img/mockups/home-hero-bg-04.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  height                 : 100%;
  margin                 : 0 auto;
}

@media only screen and (max-width: 991px) {
  .home-hero {
    height: 100%;
  }
}

/*** home page hero, right justified image ***/
img.home-r-img {
  width        : 900px;
  margin-bottom: -164px;
  max-width: 900px;
}

@media only screen and (max-width: 1199px) {
  img.home-r-img {
    margin-top: 115px;
  }
}

@media only screen and (max-width: 991px) {
  img.home-r-img {
    margin-top: 14px;
    width     : 760px;
  }
}

@media only screen and (max-width: 767px) {
  img.home-r-img {
    width        : 800px;
    margin-bottom: -94px;
    margin-left  : 0px;
    margin-top   : 0px;
  }
}

@media only screen and (max-width: 575px) {
  img.home-r-img {
    width        : 100%;
    margin-bottom: -62px;
    margin-left  : 0px;
    margin-top   : 40px;
  }
}

@media only screen and (max-width: 454px) {
  img.home-r-img {
    width        : 100%;
    margin-bottom: -62px;
    margin-left  : 0px;
    margin-top   : 20px;
  }
}

.home-bullets {
  margin-top: -20px;
  margin-left: -20px;
}
/*** Cookie Policy ***/

.cookie-alert {
  background: white;
  border: 0px;
  color: black;
  padding: 10px;

}

.cookie-container {
  border-top: 1px solid lightgrey
}


/*** home page use case ***/
.use-case-img {
  vertical-align: middle;
   align-items:center;
}

/*** home why section hero **/
.annon-hero {
  background             : url(../img/backgrounds/rsa-home-banner.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
  min-height: 600px;
}

@media only screen and (max-width: 991px) {
  .annon-hero {
    height: 500px;
  }
}

/*** Chris Turner BG **/
.chris-turner-bg {
  background             : url(https://assets.polarity.io/img/backgrounds/-bg-two.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}


/*** Holiday  BG **/
.holiday--bg {
  background             : url(https://assets.polarity.io/img/backgrounds/holiday--tournament_-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

/*** spring  bg ***/


.spring--bg {
  background             : url(https://assets.polarity.io/img/backgrounds/spring--tournament_-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}
/*** home page hero **/
.data-home-hero {
  background             : url(../img/backgrounds/home-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

@media only screen and (max-width: 991px) {
  .data-home-hero {
    height: 300px;
  }
}

/*** tc bg **/
.tc-bg {
  background             : url(https://assets.polarity.io/img/backgrounds/tcupdates-01.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

@media only screen and (max-width: 991px) {
  .tc-bg {
    height: 300px;
  }
}


.slice-home-hero {
  background: url(../img/backgrounds/home-bg-13.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: table;
  width: 100%;

  margin: 0 auto;
  border-radius: 0px;
}

@media only screen and (max-width: 991px) {
  .slice-home-hero {
  height: 300px;
  }
}

.slice-home-hero-two {
  background: url(../img/backgrounds/dark-blue-grey.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: table;
  width: 100%;

  margin: 0 auto;
  border-radius: 0px;
}

@media only screen and (max-width: 991px) {
  .slice-home-hero-two {
  height: 300px;
  }
}

/*** Davidson Landing **/
.bg-davidson {
  background             : url(https://assets.polarity.io/img/content/davidsonbg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
  min-height: 600px;
  height: 1500px;
}

@media only screen and (max-width: 991px) {
  .bg-davidson {
    height: 500px;
  }
}

/*** home why section hero **/
.rsac-hero {
  background             : url(../img/backgrounds/rsac2018.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

@media only screen and (max-width: 991px) {
  .rsac-hero {
    height: 300px;
  }
}

.rsa2023-hero {
  background             : url(https://assets.polarity.io/img/backgrounds/rsa2023art-03.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}





.triage-spring-bg {
  background             : url(https://assets.polarity.io/img/backgrounds/spring-triage_triage-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

.bg-schmoo-push {
  background             : url(https://assets.polarity.io/img/backgrounds/schmoo-happy-hour-update-02.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}




.turkey-hunt-bg {
  background             : url(https://assets.polarity.io/img/content/turkey-hunt-03.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

.cat-webinar-bg {
  background             : url(https://assets.polarity.io/img/backgrounds/cat-webinar-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}


.rsa-home-bg {
  background             : url(https://assets.polarity.io/img/backgrounds/rsabg-04.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

.ai-bg {
  background             : url(https://assets.polarity.io/img/content/ai-bg2-02.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

@media only screen and (max-width: 991px) {
  .rsa-home-bg  {
    height: 300px;
  }
}

.blackhat-banner {
  background             : url(https://assets.polarity.io/img/backgrounds/blackhat-bg-01.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

@media only screen and (max-width: 991px) {
  .blackhat-banner  {
    height: 300px;
  }
}





/*** home why section hero **/
.duck-bg {
  background             : url(../img/backgrounds/duck-shirt-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

/*** home why section hero **/
.gartner-hero {
  background             : url(../img/backgrounds/gartner-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

@media only screen and (max-width: 991px) {
  .gartner-hero {
    height: 300px;
  }
}


/*** home-carousel ***/
.home-carousel {
  height: 200px !important;
  padding: 0px !important;
}

div.home-carousel-inner {
  height: 200px !important;
}

.carousel-one-bg {
  background: url(../img/backgrounds/home-car-one-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: table;
  width: 100%;
  margin: 0 auto;
  border-radius: 0px;
  height: 200px;
}

.carousel-two-bg {
  background: url(../img/backgrounds/security-weekly-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: table;
  width: 100%;
  margin: 0 auto;
  border-radius: 0px;
  height: 200px;
}

.carousel-three-bg {
  background: url(../img/backgrounds/dark-reading-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: table;
  width: 100%;
  margin: 0 auto;
  border-radius: 0px;
  height: 200px;
}

.home-carousel-text {
  padding: 30px;
  color: #ffffff;
}


img.home-iso-img {
  width: 800px;
  margin-top: -200px;
  max-width: 800px;
  margin-bottom: -100px;
}

@media only screen and (max-width: 1199px) {
  img.home-iso-img {
      width: 100%;
      margin-top: 0px;
  max-width: 100%;
  margin-bottom: 0px;
  }
}




img.int-r-img {
  width: 800px;
  margin-bottom: -164px;


}


@media only screen and (max-width: 1199px) {
  img.int-r-img {
      width: 100%;
  margin-bottom: 0px;
  }
}


/*** HUD tour **/
.hud-hero {
  background             : url(../img/backgrounds/hud-tour-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  height                 : 700px;
  margin                 : 0 auto;
  border-radius          : 0px;
  padding-top            : 200px;
}

@media only screen and (max-width: 991px) {
  .hud-hero {
    height: 300px;
  }
}

/*** HUD tour **/
.shmoo-hero {
  background             : url(https://assets.polarity.io/img/content/shmoo/shmoo-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  height                 : 700px;
  margin                 : 0 auto;
  border-radius          : 0px;
  padding-top            : 100px;
}

@media only screen and (max-width: 991px) {
  .shmoo-hero {
    height: 300px;
  }
}

.bh-demo-hero {
  background             : url(../img/backgrounds/bh-demo-hero.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  height                 : 700px;
  margin                 : 0 auto;
  border-radius          : 0px;
  margin-top             : 50px;
}

@media only screen and (max-width: 991px) {
  .bh-demo-hero {
    height: 300px;
  }
}

.img-otter {
  height       : 700px;
  margin-bottom: -63px;
}

@media only screen and (max-width: 1199px) {
  .img-otter {
    height       : 800px;
    margin-bottom: -63px;
  }
}

@media only screen and (max-width: 991px) {
  .img-otter {
    height    : 600px;
    margin-top: 230px;
  }
}

@media only screen and (max-width: 767px) {
  .img-otter {
    height    : 400px;
    margin-top: 40px;
  }
}

@media only screen and (max-width: 575px) {
  .img-otter {
    height       : 300px;
    margin-bottom: -32px;
    width        : 100%;
  }
}

section {
  display: block;
  width  : 100%;
  height : 100vh;
}

/*** rsa annoucement section ***/
.infosec-hero {
  background             : url(../img/backgrounds/infosec-awards.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  height                 : 900px;
  margin                 : 0 auto;
  border-radius          : 0px;
}

@media only screen and (max-width: 991px) {
  .infosec-hero {
    height: 400px;
  }
}

/*** trial and demo background image **/
.demo-hero {
  background             : url(../img/backgrounds/skybg.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  height                 : 100%;
  width                  : 100%;
  border-radius          : 0px;
  margin                 : 0 auto;
}

.partners-hero {
  background             : url(../img/backgrounds/partners.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  height                 : 100%;
  width                  : 100%;
  border-radius          : 0px;
  margin                 : 0 auto;
}

.rsac2018-hero {
  background             : url(../img/backgrounds/rsac2018.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  height                 : 100%;
  width                  : 100%;
  border-radius          : 0px;
  margin                 : 0 auto;
}

.blackhat2018-hero {
  background             : url(../img/backgrounds/vegas-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  height                 : 100%;
  width                  : 100%;
  border-radius          : 0px;
  margin                 : 0 auto;
}

/*** product hero **/
.prod-hero {
  background             : #93c732;
  background             : -moz-linear-gradient(top, #93c732 0%, #7fc145 100%);
  background             : -webkit-gradient(left top, left bottom, color-stop(0%, #93c732), color-stop(100%, #7fc145));
  background             : -webkit-linear-gradient(top, #93c732 0%, #7fc145 100%);
  background             : -o-linear-gradient(top, #93c732 0%, #7fc145 100%);
  background             : -ms-linear-gradient(top, #93c732 0%, #7fc145 100%);
  background             : linear-gradient(to bottom, #93c732 0%, #7fc145 100%);
  filter                 : progid:DXImageTransform.Microsoft.gradient(startColorstr='#93c732', endColorstr='#7fc145', GradientType=0);
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  height                 : 500px;
  margin                 : 0 auto;
}

@media only screen and (max-width: 991px) {
  .prod-hero {
    height: 300px;
  }
}

.angled-img {
  margin-top: -150px;
}

@media only screen and (max-width: 991px) {
  .angled-img {
    margin-top: 0px;
  }
}

div.bh-demo {
  margin-top: -500px;
}

@media only screen and (max-width: 1080px) {
  div.bh-demo {
    margin-top: -50px;
  }
}

/*** careers hero **/
.careers-hero {
  background             : url(../img/backgrounds/bg-9.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  padding-top            : 200px;
  height                 : 700px;
  margin                 : 0 auto;
}

@media only screen and (max-width: 991px) {
  .careers-hero {
    height     : 300px;
    padding-top: 70px;
  }
}

/*** about page - people ***/
.img-container {
  position: relative;
  width   : 100%;
}

.image {
  opacity            : 1;
  display            : block;
  width              : 100%;
  height             : auto;
  transition         : .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition   : .5s ease;
  opacity      : 0;
  position     : absolute;
  top          : 50%;
  left         : 50%;
  transform    : translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.img-container:hover .image {
  opacity: 0.3;
}

.img-container:hover .middle {
  opacity: 1;
}

.text {
  color    : #ffffff;
  font-size: 30px;
}

img.tour-gif {
  margin-top: 80px;
}

@media only screen and (max-width: 991px) {
  img.tour-gif {
    margin-top: 30px;
  }
}

/*** tour page ***/
img.tour-hero {
  margin-bottom: -65px;
}

@media only screen and (max-width: 575px) {
  img.img-fluid.tour-hero {
    margin-bottom: -32px;
  }
}

/*** integration page hero ***/
.int-hero {
  background             : url(../img/backgrounds/int-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  width                  : 100%;
  height                 : 100%;
  margin                 : 0 auto;
}

@media only screen and (max-width: 991px) {
  .careers-hero {
    height     : 300px;
    padding-top: 70px;
  }
}

p.int-card-cat {
  font-size  : 12px;
  font-weight: 700;
}

p.int-card-text {
  font-size  : 14px;
  font-weight: 400;
}

/*** RSA demo schedule **/
.rsa-demo-schedule {
  background             : url(../img/backgrounds/rsa-demo-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  padding-top            : 200px;
  height                 : 700px;
  margin                 : 0 auto;
}

@media only screen and (max-width: 991px) {
  .rsa-demo-schedule {
    height     : 300px;
    padding-top: 70px;
  }
}

.rsa-section {
  margin-top: -100px;
}

@media only screen and (max-width: 991px) {
  .rsa-section {
    margin-top: 0px;
  }
}

/*** make video video's responsive ***/
.embed-container {
  position      : relative;
  padding-bottom: 56.25%;
  height        : 0;
  overflow      : hidden;
  max-width     : 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100%;
  height  : 100%;
}

/*** integration page cards ***/
ul.int-ul-list {
  list-style: none;
  display   : inline;
  padding: 0px;
}

h4.int-cat-header {
  font-size     : 14px;
  text-transform: uppercase;
  color         : #607d8b;
}

/*** card block for blog cards on homepage ***/
.int-cat-label {
  text-transform: uppercase;
  font-size     : 16px;
  color         : #607d8b;
}

.p-l-10 {
  padding-left: 4px;
  color       : #607d8b;
}

span.badge.int-badge {
  color        : #ffffff;
  border-radius: 0;
  font-size    : 11px;
  padding      : 5px;
  margin       : 0px 2px 4px 0px;
  background   : linear-gradient(-50deg, transparent 4px, #9fb8c5 0);
}

/*** home page images from link to blog questions ***/
img.d-block.img-full-full {
  height: 100%;
  width : 100%;
}

/*** Hud tour page containers ***/
img.recognize-mock-img {
  width: 1000px;
}

@media only screen and (max-width: 991px) {
  img.recognize-mock-img {
    width: 100%;
  }
}

.hud-tour-text-spacing {
  padding-top: 90px;
}

@media only screen and (max-width: 991px) {
  .hud-tour-text-spacing {
    padding-top: 0px;
  }
}

div.vl {
  border-left: 1px solid #dddddd;
  height     : 100%;
  margin-left: 70px;
}

@media only screen and (max-width: 991px) {
  div.vl {
    display: none;
  }
}

.top-padding {
  padding-top: 100px;
}

@media only screen and (max-width: 991px) {
  .top-padding {
    padding-top: 40px;
  }
}

/*** testimonial slider ***/
/*** testimonial slider ***/
.col-center {
  margin: 0 auto;
  float : none !important;
}

.carousel {
  margin : 0px auto;
  padding: 0 70px;
}

.carousel .item {
  color     : #999;
  font-size : 14px;
  text-align: center;
  overflow  : hidden;
}

.carousel .item .img-box {
  width        : 135px;
  height       : 135px;
  margin       : 0 auto;
  padding      : 5px;
  border       : 1px solid #ddd;
  border-radius: 50%;
}

.carousel .img-box img {
  width        : 100%;
  height       : 100%;
  display      : block;
  border-radius: 50%;
}

.carousel .testimonial {
  padding: 30px 0 10px;
}

.carousel .overview {
  font-style: italic;
}

.carousel .overview b {
  text-transform: uppercase;
  color         : #7AA641;
}

.carousel .carousel-control {
  width     : 40px;
  height    : 40px;
  margin-top: -20px;
  top       : 50%;
  background: none;
}

.carousel-control i {
  font-size  : 24px;
  line-height: 42px;
  position   : absolute;
  display    : inline-block;
  color      : rgba(0, 0, 0, 0.8);
  text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}

.carousel .carousel-indicators {
  bottom: -40px;
}

.carousel-indicators li,
.carousel-indicators li.active {
  width        : 10px;
  height       : 10px;
  margin       : 1px 3px;
  border-radius: 50%;
}

.carousel-indicators li {
  background  : #999;
  border-color: transparent;
  box-shadow  : inset 0 2px 1px rgba(0, 0, 0, 0.2);
}

.carousel-indicators li.active {
  background: #555;
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
}

.display-block {
  display: block;
}

p.testimonial {
  font-size: 26px;
}

div.carousel-inner {
  height: 200px;
}

@media only screen and (max-width: 991px) {
  div.carousel-inner {
    height: 400px;
  }
}

@media only screen and (max-width: 575px) {
  div.carousel-inner {
    height: 500px;
  }
}

.review-icon {
  color: gold;
}

.review-card {
      border-radius: 15px;
    border: 1px solid #f0f0f0;
}

/*** RSA 2019 ***/
/*** home why section hero **/
.rsa-hero-2019 {
  background             : url(../img/backgrounds/rsac2018.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

@media only screen and (max-width: 991px) {
  .rsa-hero-2019 {
    height: 300px;
  }
}

/*** channels resource landing page ***/
.channels-hero {
  background             : url(../img/backgrounds/channels-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

@media only screen and (max-width: 991px) {
  .channels-hero {
    height: 300px;
  }
}

/*** what-is polarity landing ***/
.what-is-polarity-hero {
  background             : url(../img/backgrounds/rsa-home-banner.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

@media only screen and (max-width: 991px) {
  .what-is-polarity-hero {
    height: 300px;
  }
}

/*** trial and demo background image for shmoo **/
.demo-hero-shmoo {
  background             : url(../img/backgrounds/shmoo-trial-hero-2.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  height                 : 100%;
  width                  : 100%;
  border-radius          : 0px;
  margin                 : 0 auto;
}

/*** webinar image ***/
img.webinar-card-cap {
  border-top-left-radius : 0;
  border-top-right-radius: 0;
}

/*** home why section hero **/
.flashpoint-hero {
  background             : url(../img/resources/ctt/flashpoint-webinar-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

@media only screen and (max-width: 991px) {
  .flashpoint-hero {
    height: 300px;
  }
}

/*** webinar blue **/
.webinar-blue {
  background             : url(https://assets.polarity.io/img/backgrounds/cat-webinar-06.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

@media only screen and (max-width: 991px) {
  .webinar-blue{
    height: 300px;
  }
}

/*** home why section hero **/
.cra-hero {
  background             : url(../img/resources/ctt/cra-background.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

@media only screen and (max-width: 991px) {
  .cra-hero {
    height: 300px;
  }
}



/*** Resource pages heros ***/
.wyn-hero {
  background: url(../img/resources/case-study-hero.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: table;
  width: 100%;

  margin: 0 auto;
  border-radius: 0px;
}

@media only screen and (max-width: 991px) {
  .wyn-hero {
  height: 300px;
  }
}

/*** Resource pages heros ***/
.finance-hero {
  background: url(../img/backgrounds/resource-background.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: table;
  width: 100%;

  margin: 0 auto;
  border-radius: 0px;
}

@media only screen and (max-width: 991px) {
  .finance-hero {
  height: 300px;
  }
}

/*** compare-bg ***/
.compare-bg {
  background: url(https://assets.polarity.io/img/backgrounds/compare-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: table;
  width: 100%;

  margin: 0 auto;
  border-radius: 0px;
}

@media only screen and (max-width: 991px) {
  .finance-hero {
  height: 300px;
  }
}



/*** CTTT ***/
.ctt-alert {
  background             : url(../img/resources/ctt/ctt-home.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  min-height             : 150px;
}

.ctt-banner-btn-col {
  margin-top: 40px;
}

.ctt-banner-btn {
  float: right;
}

@media only screen and (max-width: 767px) {
  .ctt-banner-btn {
    float: center;
    width: 100%;
  }
}

/*** home why section hero **/
.release-one-hero {
  background             : url(../img/resources/ctt/latest-release1_watch-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

@media only screen and (max-width: 991px) {
  .release-one-hero {
    height: 300px;
  }
}


/*** home page hero **/
.ctt-shirt-bg {
  background: url(../img/backgrounds/ctt-shirt-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: table;
  width: 100%;

  margin: 0 auto;
  border-radius: 0px;
}

@media only screen and (max-width: 991px) {
  .ctt-shirt-bg {
  height: 300px;
  }
}


.ctt-banner-btn {
float: right;
}

@media only screen and (max-width: 767px) {

      .ctt-banner-btn {
          float: center;
          width: 100%;
          
          }
  
}

/*** home why section hero **/
.hyas-integration-hero {
  background             : url(../img/integrations/pages/hyas_bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

@media only screen and (max-width: 991px) {
  .release-one-hero {
    height: 300px;
  }
}

/*** blackhat 2020 hero ***/
/*** what-is polarity landing ***/
.bhtwenty {
  background             : url(../img/mockups/roomba-01.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  margin                 : 0 auto;
  border-radius          : 0px;
}

@media only screen and (max-width: 991px) {
  .bhtwenty {
    height: 300px;
  }
}

/*** main dropdown menu item ***/
.navbar-toggler {
  border: none;
}

.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler:hover {
  color          : #7BC942;
  border         : none;
  text-decoration: none;
  cursor         : pointer;
  color          : #ffffff;
  outline        : none;
  box-shadow     : none;
}

/** when a user is logged in dropdown menu ***/
button.btn.btn-secondary.dropdown-toggle.web-app-dropdown-toggle {
  border      : none;
  margin-right: -10px;
  font-weight : 400;
  padding     : 10px;
  color       : #7BC942;
}

button.btn.btn-secondary.dropdown-toggle.web-app-dropdown-toggle:focus,
button.btn.btn-secondary.dropdown-toggle.web-app-dropdown-toggle:hover {
  background     : #ffffff;
  text-decoration: none;
  cursor         : pointer;
  color          : #5a8e2e;
  outline        : none;
  box-shadow     : none;
}

@media only screen and (max-width: 991px) {
  button.btn.btn-secondary.dropdown-toggle.web-app-dropdown-toggle {
    padding: 0px;
  }
}

@media only screen and (max-width: 991px) {
  div.dropdown-menu.dropdown-menu-right {
    left: 0;
  }
}

div.dropdown-menu.web-app-dropdown-menu {
  border            : 1px solid #f7f7f7;
  -webkit-box-shadow: 0px 0px 35px 3px rgba(224, 224, 224, 0.65);
  -moz-box-shadow   : 0px 0px 35px 3px rgba(224, 224, 224, 0.65);
  box-shadow        : 0px 0px 35px 3px rgba(224, 224, 224, 0.65);
}

div.dropdown-menu.dropdown-menu-right.web-app-dropdown-menu {
  border            : 1px solid #f7f7f7;
  -webkit-box-shadow: 0px 0px 35px 3px rgba(224, 224, 224, 0.65);
  -moz-box-shadow   : 0px 0px 35px 3px rgba(224, 224, 224, 0.65);
  box-shadow        : 0px 0px 35px 3px rgba(224, 224, 224, 0.65);
}

button.dropdown-item.web-app-dropdown-btn {
  font-size: 14px;
}

button.dropdown-item.web-app-dropdown-btn:focus,
button.dropdown-item.web-app-dropdown-btn:hover {
  background     : #ffffff;
  text-decoration: none;
  cursor         : pointer;
  color          : #5a8e2e;
  outline        : none;
  box-shadow     : none;
}

/*** home why section hero **/
.blog-hero {
  background             : url(../img/blog/blog.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  height                 : 700px;
  margin                 : 0 auto;
  border-radius          : 0px;
}

@media only screen and (max-width: 991px) {
  .blog-hero {
    height: 300px;
  }
}

.resource-hero {
  background             : url(../img/backgrounds/resource-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  height                 : 500px;
  margin                 : 0 auto;
  border-radius          : 0px;
}

@media only screen and (max-width: 991px) {
  .blog-hero {
    height: 300px;
  }
}

.community-tech-hero {
  background             : url(../img/resources/ctt/ctt-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  height                 : 300px;
  margin                 : 0 auto;
  border-radius          : 0px;
}



/*** if there is an upcomnig post ***/
.community-tech-hero-upcoming {
  background: url(https://assets.polarity.io/img/backgrounds/ironnet-webinar_featured-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: table;
  width: 100%;
  height: 300px;
  margin: 0 auto;
  border-radius: 0px;
}

@media only screen and (max-width: 991px) {
  .community-tech-hero-upcoming {
  height: 300px;
  }
}


.upcoming-webinar-bg {
  background: url(https://assets.polarity.io/img/backgrounds/ironnet-webinar_featured-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: table;
  width: 100%;
  height: 300px;
  margin: 0 auto;
  border-radius: 0px;
}

@media only screen and (max-width: 991px) {
  .upcoming-webinar-bg {
  height: 300px;
  }
}
.splunk-webinar-bg {
  background: url(../img/resources/ctt/splunk-webinar-bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: table;
  width: 100%;
  height: 300px;
  margin: 0 auto;
  border-radius: 0px;
}

@media only screen and (max-width: 991px) {
  .splunk-webinar-bg {
  height: 300px;
  }
}

@media only screen and (max-width: 991px) {
  .blog-hero {
    height: 300px;
  }
}

.footer-icon {
  font-size    : 20px;
  padding-right: 10px;
}

img.hud-tour-second-secion-icon {
  float        : left;
  padding-right: 20px;
  height       : 70px;
  width        : 70px;
  margin-top   : -25px;
}

input.form-control.light-input {
  background   : #f7f7f7;
  border-radius: 0px;
  padding      : 15px;
  border       : 1px solid #dddddd;
  color        : #000000;
}

input.form-control.light-input:focus,
input.form-control.light-input:hover {
  border         : 1px solid #7BC942;
  text-decoration: none;
  color          : #000000;
  outline        : none;
  box-shadow     : none;
}

label.light-label {
  color      : #9a9a9a;
  font-weight: 600;
  font-size  : 14px;
}

/*** required stuff for labels and inputs ***/
/** add this to the label to make it required **/
.required-label {
  font-weight: 600;
}

/** astrics for the required styles ***/
.required-ast {
  font-weight: 600;
  color      : #ff4559;
}

.invalid-label {
  font-weight: 600;
  color      : #ff4559 !important;
}

.invalid-input {
  border: 1px solid #ff4559 !important;
}

.success-label {
  font-weight: 600;
  color      : #7BC942 !important;
}

.success-input {
  border: 1px solid #7BC942 !important;
}

/** hack to add icons to inputs, but this is just for the style guide. don't use this... ***/
i.fa.fa-eye.password-eye {
  float       : right !important;
  color       : #9a9a9a !important;
  margin-top  : -35px !important;
  margin-right: 15px !important;
}

i.fa.fa-times.close-input {
  float       : right !important;
  color       : #9a9a9a !important;
  margin-top  : -35px !important;
  margin-right: 15px !important;
}

/*** Mailchimp input - note, must use !important to override mailchimps cdn ***/
/*** Mailchimp input - note, must use !important to override mailchimps cdn ***/
#mc_embed_signup {
  background: transparent !important;
  display   : flex;
  height    : 40px !important;
  font      : 14px !important;
  z-index   : 1000;
}

input#mce-EMAIL.email {
  background   : #ffffff !important;
  border-radius: 0px !important;
  padding      : 15px !important;
  height       : 40px !important;
  width        : 100% !important;
  border       : 1px solid #DDDDDD !important;
  color        : #000000 !important;
  min-height   : 40px !important;
  line-height  : .8 !important;
}

input#mce-EMAIL.email:focus,
input#mce-EMAIL.email:hover {
  border         : 1px solid #7BC942 !important;
  text-decoration: none !important;
  color          : #000000 !important;
  outline        : none !important;
  box-shadow     : none !important;
}

input#mc-embedded-subscribe.button {
  font-size     : 14px !important;
  font-weight   : 600 !important;
  padding       : 10px 20px !important;
  text-transform: none !important;
  border-radius : 0px !important;
  background    : #7BC942 !important;
  border        : 1px solid #7BC942 !important;
  color         : #ffffff !important;
  height        : 40px !important;
  min-height    : 40px !important;
}

input#mc-embedded-subscribe.button:focus,
input#mc-embedded-subscribe.button:hover {
  background     : #71972e !important;
  border         : 1px solid #7BC942 !important;
  text-decoration: none !important;
  cursor         : pointer !important;
  color          : #ffffff !important;
  outline        : none !important;
  box-shadow     : none !important;
}

div#mc_embed_signup_scroll {
  display  : flex;
  min-width: 300px;
}

#mc_embed_signup form {
  padding: 10px 0 10px 0px !important;
}

#mc_embed_signup input.button {
  width      : 120px !important;
  line-height: 1 !important;
}

#mc_embed_signup input.email {
  min-height: 40px !important;
}

/*** free trial form overrides ***/
div.c-forms-confirmation-message.c-html {
  color: #ffffff !important;
}

/*** careers page icons ***/
a {
  color: #2eb5ff;
}

a:focus,
a:hover {
  color          : #0091e1;
  text-decoration: none;
  cursor         : pointer;
  outline        : none;
  box-shadow     : none;
}

a.white-link {
  color: #ffffff;
}

a.white-link:focus,
a.white-link:hover {
  color          : #d9d9d9;
  text-decoration: underline;
  cursor         : pointer;
  outline        : none;
  box-shadow     : none;
}

a.light-grey-link {
  color: #adadad;
}

a.light-grey-link:focus,
a.light-grey-link:hover {
  color          : #7BC942;
  text-decoration: none;
  cursor         : pointer;
  outline        : none;
  box-shadow     : none;
}

a.blue-grey-link {
  color: #607d8b;
}

a.blue-grey-link:focus,
a.blue-grey-link:hover {
  color          : #7BC942;
  text-decoration: none;
  cursor         : pointer;
  outline        : none;
  box-shadow     : none;
}

a.green-link {
  color: #7BC942;
}

a.green-link:focus,
a.green-link:hover {
  color          : #5a8e2e;
  text-decoration: none;
  cursor         : pointer;
  outline        : none;
  box-shadow     : none;
}

a.grey-link {
  color: #9a9a9a;
}

a.grey-link:focus,
a.grey-link:hover {
  color          : #747474;
  text-decoration: none;
  cursor         : pointer;
  outline        : none;
  box-shadow     : none;
}

a#learn-more.green-link {
  color: #7BC942;
}

a#learn-more.green-link:focus,
a#learn-more.green-link:hover {
  color          : #5a8e2e;
  text-decoration: none;
  cursor         : pointer;
  outline        : none;
  box-shadow     : none;
}

/*** about us page **/
a.people-a {
  color  : #7BC942;
  padding: 5px;
}

a.people-a:focus,
a.people-a:hover {
  color          : #5a8e2e;
  text-decoration: none;
  cursor         : pointer;
  outline        : none;
  box-shadow     : none;
}

/*** login page forgot password link ***/
.forgot-password-link {
  font-size: 14px;
}

/*** Integrations page download link ***/
a.card-link.integration-card-link {
  font-size  : 14px;
  font-weight: 500;
  color      : #9a9a9a;
}

a.card-link.integration-card-link:focus,
a.card-link.integration-card-link:hover {
  color          : #747474;
  text-decoration: none;
  cursor         : pointer;
  outline        : none;
  box-shadow     : none;
}

a.card-link.integration-card-link-download {
  font-size  : 14px;
  font-weight: 500;
  color      : #7BC942;
}

a.card-link.integration-card-link-download:focus,
a.card-link.integration-card-link-download:hover {
  color          : #5a8e2e;
  text-decoration: none;
  cursor         : pointer;
  outline        : none;
  box-shadow     : none;
}

/*** integration page links for logos without a name ***/
.no-name-logo-link {
  display     : inline-flex;
  padding-left: 4px;
  padding-top : 15px;
}

a.content-links {
  display         : block;
  width           : 200px;
  height          : 63px;
  background-image: url(img/icons/toucanfade.jpg);
  text-indent     : -999em;
}

a.content-links {
  background-image: url(images/toucan.jpg);
}

/*** links for content section on home page ***/
a.nav-link.event-content-icon-link {
  background-image: url(../img/icons/ico-home-content-09.svg);
  height          : 40px;
  width           : 40px;
  color           : #9a9a9a;
}

a.nav-link.event-content-icon-link:focus,
a.nav-link.event-content-icon-link:hover,
a.nav-link.event-content-icon-link:active {
  cursor    : pointer;
  color     : #7BC942;
  outline   : none;
  box-shadow: none;
}

a.nav-link.event-content-icon-link:hover {
  background-image: url(../img/icons/ico-home-content-05.svg);
}

a.nav-link.event-content-icon-link:active {
  background-image: url(../img/icons/ico-home-content-05.svg);
  color           : #7BC942;
}

a.nav-link.event-content-icon-link.active {
  background-image: url(../img/icons/ico-home-content-05.svg);
  color           : #7BC942;
}

a.nav-link.press-content-icon-link {
  background-image: url(../img/icons/ico-home-content-11.svg);
  height          : 40px;
  width           : 40px;
  color           : #9a9a9a;
}

a.nav-link.press-content-icon-link:focus,
a.nav-link.press-content-icon-link:hover,
a.nav-link.press-content-icon-link:active {
  cursor    : pointer;
  color     : #7BC942;
  outline   : none;
  box-shadow: none;
}

a.nav-link.press-content-icon-link:hover {
  background-image: url(../img/icons/ico-home-content-07.svg);
}

a.nav-link.press-content-icon-link:active {
  background-image: url(../img/icons/ico-home-content-07.svg);
  color           : #7BC942;
}

a.nav-link.press-content-icon-link.active {
  background-image: url(../img/icons/ico-home-content-07.svg);
  color           : #7BC942;
}

a.nav-link.product-content-icon-link {
  background-image: url(../img/icons/ico-home-content-08.svg);
  height          : 40px;
  width           : 40px;
  color           : #9a9a9a;
}

a.nav-link.product-content-icon-link:focus,
a.nav-link.product-content-icon-link:hover,
a.nav-link.product-content-icon-link:active {
  cursor    : pointer;
  color     : #7BC942;
  outline   : none;
  box-shadow: none;
}

a.nav-link.product-content-icon-link:hover {
  background-image: url(../img/icons/ico-home-content-04.svg);
}

a.nav-link.product-content-icon-link:active {
  background-image: url(../img/icons/ico-home-content-04.svg);
  color           : #7BC942;
}

a.nav-link.product-content-icon-link.active {
  background-image: url(../img/icons/ico-home-content-04.svg);
  color           : #7BC942;
}

a.nav-link.use-case-content-icon-link {
  background-image : url(../img/icons/ico-home-content-10.svg);
  height           : 40px;
  width            : 40px;
  color            : #9a9a9a;
  width            : auto;
  background-size  : 40px 40px;
  background-repeat: no-repeat;
}

a.nav-link.use-case-content-icon-link:focus,
a.nav-link.use-case-content-icon-link:hover,
a.nav-link.use-case-content-icon-link:active {
  cursor    : pointer;
  color     : #7BC942;
  outline   : none;
  box-shadow: none;
}

a.nav-link.use-case-content-icon-link:hover {
  background-image: url(../img/icons/ico-home-content-06.svg);
}

a.nav-link.use-case-content-icon-link:active {
  background-image: url(../img/icons/ico-home-content-06.svg);
  color           : #7BC942;
}

a.nav-link.use-case-content-icon-link.active {
  background-image: url(../img/icons/ico-home-content-06.svg);
  color           : #7BC942;
}

li.nav-item.home-content-padding {
  padding: 20px;
}

h4.content-setion-h4 {
  padding-left: 40px;
}

@media only screen and (max-width: 767px) {
  h4.content-setion-h4 {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  ul.nav.flex-column.home-content-ul {
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) {
  li.nav-item.home-content-padding {
    display: inline-block;
    padding: 30px;
  }
}

@media only screen and (max-width: 500px) {
  li.nav-item.home-content-padding {
    padding: 20px;
  }
}

@media only screen and (max-width: 400px) {
  li.nav-item.home-content-padding {
    padding: 10px;
  }
}

/**** global modal headers ***/
.modal-header {
  border-bottom: none;
}

/*** style guide left nav ***/
#wrapper {
  padding-left      : 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition   : all 0.5s ease;
  -o-transition     : all 0.5s ease;
  transition        : all 0.5s ease;
  top               : 0;
  bottom            : 0;
  overflow          : scroll;
}

#wrapper.toggled {
  padding-left: 250px;
}

#sidebar-wrapper {
  z-index           : 1000;
  position          : fixed;
  left              : 250px;
  width             : 0;
  height            : 100%;
  margin-left       : -250px;
  overflow-y        : auto;
  background        : #000000;
  -webkit-transition: all 0.5s ease;
  -moz-transition   : all 0.5s ease;
  -o-transition     : all 0.5s ease;
  transition        : all 0.5s ease;
  top               : 0;
  bottom            : 0;
  overflow          : scroll;
}

#wrapper.toggled #sidebar-wrapper {
  width: 250px;
}

#page-content-wrapper {
  width   : 100%;
  position: absolute;
  padding : 0px;
}

#wrapper.toggled #page-content-wrapper {
  position    : absolute;
  margin-right: -250px;
}

.sidebar-nav {
  position  : absolute;
  top       : 0;
  width     : 250px;
  margin    : 0;
  padding   : 0;
  list-style: none;
}

.sidebar-nav li {
  text-indent: 20px;
  line-height: 40px;
}

.sidebar-nav li a {
  display        : block;
  text-decoration: none;
  color          : #999999;
}

.sidebar-nav li a:hover {
  text-decoration: none;
  color          : #fff;
  background     : rgba(255, 255, 255, 0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
  height     : 65px;
  font-size  : 18px;
  line-height: 60px;
}

.sidebar-nav>.sidebar-brand a {
  color: #999999;
}

.sidebar-nav>.sidebar-brand a:hover {
  color     : #fff;
  background: none;
}

@media (min-width: 768px) {
  #wrapper {
    padding-left: 250px;
  }

  #wrapper.toggled {
    padding-left: 0;
  }

  #sidebar-wrapper {
    width: 250px;
  }

  #wrapper.toggled #sidebar-wrapper {
    width: 0;
  }

  #page-content-wrapper {
    padding : 0px;
    position: relative;
  }

  #wrapper.toggled #page-content-wrapper {
    position    : relative;
    margin-right: 0;
  }
}

.navbar-light {
  border-bottom: 2px solid #f7f7f7;
}

.navbar-dark {
  border-bottom   : 0px;
  border-top      : 0px;
  background-color: #192026;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #7BC942;
}

.navbar-dark .navbar-nav .nav-link {
  color: #ffffff;
}

.white-nav {
  background: transparent;
}

.top-nav {
  padding   : 15px 10px 0px 5px;
  background: #272727;
  position  : fixed;
  width     : 100%;
  z-index   : 1000;
}

/*** marketing site top nav ***/
li.nav-item {
  padding: 0px 10px;
}

@media only screen and (max-width: 991px) {
  li.nav-item {
    padding: 0px 0px;
  }
}

a.nav-link {
  font-size  : 16px;
  font-weight: 400;
}

div.active-nav-border {
  margin-bottom: -10px;
}

@media only screen and (max-width: 991px) {
  div.active-nav-border {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .my-2 {
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  a.green-link.my-2.my-sm-0.m-r-15 {
    padding-bottom: 20px;
  }
}

.top-nav-demo-link {
  padding-right: 10px;
}

.top-nav-dropdown {
  box-shadow: 8px 14px 38px rgba(39, 44, 49, 0.06), 1px 3px 8px rgba(39, 44, 49, 0.03);
}

.top-nav-dropdown-item {
  border: none;
  color : #9a9a9a;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #7BC942;
}

table.table.table-striped.table-light {
  background: #ffffff;
}

table.table-light {
  font-size: 16px;
}

.table thead th {
  border: none;
}

.table td,
.table th {
  border: none;
}

table.table-inverse {
  background: #1c1d1d;
  font-size : 16px;
}

table.table-striped.table-inverse tbody tr:nth-of-type(odd) {
  background-color: #272727;
}

table.table-striped.table-inverse thead {
  background-color: #1c1d1d;
  font-size       : 14px;
}

table.table-striped.table-light thead {
  background-color: #ffffff;
  font-size       : 14px;
}

.table th {
  vertical-align: middle;
}

/*** white table is used for downloads and product ***/
table.table-white {
  font-size : 16px;
  background: none;
}

table.table-white tbody {
  background-color: #ffffff;
  color           : #000000;
  border          : 1px solid #E5E7E9;
  border-radius   : 4px;
}

table.table-white tbody tr {
  border-bottom: 1px solid #E5E7E9;
}

table.table-white thead {
  background-color: transparent;
  font-size       : 14px;
}

.table.table-white thead th {
  color: #9a9a9a;
}

/*** Integration page tabs ***/
ul.integration-nav-ul {
  margin-top   : 20px;
  margin-bottom: -40px;
}

@media only screen and (max-width: 991px) {
  ul.integration-nav-ul {
    margin-bottom: -13px;
  }
}

li.integration-nav-li {
  padding      : 0px;
  border-radius: 0px;
}

a.ntegration-nav-a {
  color: purple;
}

a.integration-nav-a {
  background-color          : transparent !important;
  border-bottom-left-radius : 0px !important;
  border-bottom-right-radius: 0px !important;
  color                     : #9a9a9a;
}

a.integration-nav-a.active {
  background-color: #ffffff;
  border-bottom   : 2px solid #7BC942;
  color           : #000000 !important;
}

/*** white tabs, used on resources page ***/
ul.ul-white-tabs {
  margin-top: 200px;
}

a.nav-link.a-white-tab-link {
  color    : #9a9a9a;
  font-size: 14px;
}

a.nav-link.a-white-tab-link:focus,
a.nav-link.a-white-tab-link:hover {
  color          : #ffffff;
  background     : none;
  border-radius  : 0;
  text-decoration: none;
  cursor         : pointer;
  outline        : none;
  box-shadow     : none;
}

a.nav-link.active.a-white-tab-link {
  color        : #ffffff;
  border-bottom: 2px solid #7BC942;
  background   : none;
  border-radius: 0;
}

span.badge.tag {
  border-radius: 0px;
  font-size    : 12px;
  padding      : 5px 8px 4px 5px;
  color        : #dedede;
}

div.submitted-message .hs-main-font-element .hs-form-7f8d96a8-b4e0-4913-89f8-7972d74c2e78 .hs-form-7f8d96a8-b4e0-4913-89f8-7972d74c2e78_d2c0da7a-b8d0-42b5-90cc-ab0a5e6c085b {
  color: #ffffff !important;
}

html {
  height: 100%;
}

body {
  overflow-x : hidden;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

pre {
  white-space  : inherit;
  background   : #dddddd;
  padding      : 10px !important;
  border       : 1px solid #adadad;
  border-radius: 4px;
  margin-bottom: 0px;
  padding      : 0px;
}

pre.dark-pre {
  background: #484848;
  border    : 1px solid #1c1d1d;
  color     : #ffffff;
}

.card-header-integration-expand {
  padding: 15px;

}

a.card-title-integration-expand {
  color: blue;
}

.accordion-integration-expand .card-integration-expand .card-header-integration-expand a {
  display           : block;
  color             : inherit;
  text-decoration   : none;
  font-size         : inherit;
  position          : relative;
  -webkit-transition: color 0.5s ease;
  -moz-transition   : color 0.5s ease;
  -ms-transition    : color 0.5s ease;
  -o-transition     : color 0.5s ease;
  transition        : color 0.5s ease;

}

.card-text-integration-expand {
  padding: 0px;
}

.card-body-integration-expand {
  padding: 15px;
}

.accordion-integration-expand .card-integration-expand .card-header-integration-expand a[aria-expanded="false"]:before {
  content: "\f078"
}

.accordion-integration-expand .card-integration-expand .card-header-integration-expand a[aria-expanded="true"]:before {
  content: "\f077"
}

.accordion-integration-expand .card-integration-expand .card-header-integration-expand a:before {
  position      : absolute;
  right         : 7px;
  top           : 0;
  font-size     : 18px;
  display       : block;
  font-family   : FontAwesome;
  display       : inline-block;
  vertical-align: middle;
  font-size     : .756em;
  color         : #405189
}




/*** generic card ***/
.generic-card {
  border-radius   : 5px;
  box-shadow      : 8px 14px 38px rgba(39, 44, 49, .06), 1px 3px 8px rgba(39, 44, 49, .03);
  background-color: #ffffff;
  transition      : all .25s cubic-bezier(.02, .01, .47, 1);
}


.generic-card:hover {
  box-shadow: 0 0 1px rgba(39, 44, 49, .1), 0 3px 16px rgba(39, 44, 49, .07);
  transition: all .25s cubic-bezier(.02, .01, .47, 1);
  transform : translate3D(0, -1px, 0);
}

.generic-card-body {
  padding: 15px;
}

p.generic-card-category {
  color    : grey;
  font-size: 14px;

  margin-bottom : 5px;
  padding-bottom: 5px;
}

h4.generic-card-title {
  font-size: 28px;
  color    : #000000;
}

h4.generic-card-title:focus {
  text-decoration: none;
  cursor         : pointer;
  color          : #7BC942;
  outline        : none;
  box-shadow     : none;
}

h4.generic-card-title:active {
  text-decoration: none;
  cursor         : pointer;
  color          : #7BC942;
  outline        : none;
  box-shadow     : none;
}

p.generic-card-text {
  font-size: 18px;
  color    : #000000;
}

a.generic-card-a {
  font-size: 16px;
  color    : #7BC942;
}

a.generic-card-href {
  color: #ffffff;
}

a.generic-card-href:focus {
  text-decoration: none;
  cursor         : pointer;
  color          : #7BC942;
  outline        : none;
  box-shadow     : none;
}

a.generic-card-href:hover {
  text-decoration: none;
  cursor         : pointer;
  color          : #7BC942;
  outline        : none;
  box-shadow     : none;
}


/*** pagination styling ***/
.page-item  {
  background    : #ffffff;
}

.page-item:first-child .page-link {
  margin-left: 0;

}

.page-item .active {
  border: 0px;
}
li.page-item {
  background: #ffffff;
  color         : #7BC942;
  border: 0px;
}

li.page-item.disabled {
  background: #ffffff;
  color         : lightgrey;
  border: 0px;
}

.page-item.disabled .page-link {
  color: black;
  pointer-events: none;
  cursor: auto;
  background-color: #ffffff;
  border-color: #666666;
  color         : lightgrey;
  border: 1px solid #888888;
}

a.page-link {
  background: #ffffff;
  color         : #7BC942;
  border: 1px solid #888888;
}

.page-item.active .page-link {
  z-index: 1;
  color: white;
  background-color: #7BC942;
  border: 1px solid #7BC942;
}

.page-link:hover {

  text-decoration: none;
  color: #ffffff ;
  background-color: #7BC942;
  border: 1px solid #7BC942;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 2px; 
  border-bottom-left-radius: 2px;
}

.inline-row {
  display: inline-block;
}



.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(16 158 14 / 20%);
}

/*** badge styling ***/
.btn-badge {
  
  color: #666666;
  text-transform: none;
  font-size: 13px;
  padding: 6px 10px;
  margin: 3px;
  border-radius: 200px;
  background: white;
  border: 1px solid #666666;
}

.btn-badge:hover {
  background     : #393839;
  text-decoration: none;
  color          : #658c3d;
  cursor         : pointer;
  outline        : none;
  box-shadow     : none;
}

button.pagination-arrow {
  border-color: #E5E7E9;
  padding     : 3px 15px !important;
}

button.pagination-arrow:focus,
button.pagination-arrow:hover {
  color           : #7BC942;
  border-color    : #7BC942;
  background-color: #ffffff;
  text-decoration : none;
  cursor          : pointer;
  outline         : none;
  box-shadow      : none;
}

button.pagination-arrow.disabled {
  cursor    : pointer;
  background: #F7F7F7;
  color     : #DEDEDE;
}

button.pagination-arrow.disabled:focus,
button.pagination-arrow.disabled:hover {
  border-color   : #DEDEDE;
  background     : none;
  text-decoration: none;
  cursor         : pointer;
  outline        : none;
  box-shadow     : none;
}

/**** Blog typogrophy and styling ******/
.blog-content {
  font-family: 'Noto Serif', serif;
  font-weight: 300;
}

h2 {
	padding-top: 30px;
}

.social-share {
	position: relative;
	top: -0.5em;
}
 
.social-share ul {
	margin: 0;
}
 
.social-share ul li p {
	display: none;
}
 
.social-share .share-icons li {
	padding: 0 !important;
	padding-bottom: 10px !important;
}
 
.social-share .share-btn {
	padding: 0.25em;
	width: 3em;
}
 
.social-share-nav .share-btn h3{
	color: #ffffff;
}

ul.share-icons {
	cursor: default;
	list-style: none;
	padding-left: 0;
	margin-top: 1em;
}

ul.share-icons li {
	display: inline-block;
	padding: 0 1em 0 0;
}

ul.share-icons li:last-child {
	padding-right: 0;
}

ul.share-icons li > * {
	text-decoration: none;
	border: 0;
}

ul.share-icons li > *:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

ul.share-icons li > * .label {
	display: none;
}
 
.share-btn {
	display: inline-block;
	color: #ffffff;
	border: none;
	border-radius: 4px;
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
	outline: none;
	text-align: center;
	text-decoration: none;
}
 
.share-btn:hover {
	color: #ffffff !important;
}

.share-btn:active {
	position: relative;
	top: 2px;
	box-shadow: none;
	color: #e2e2e2;
	outline: none;
}
.share-btn .widget-social__link-icon {
	margin: 0;
}
 
.share-btn.twitter     { background: #55acee; }
.share-btn.google-plus { background: #dd4b39; }
.share-btn.facebook    { background: #3B5998; }
.share-btn.linkedin    { background: #4875B4; }
.share-btn.stumbleupon { background: #EB4823; }
.share-btn.pinterest   { background: #BD081C; }
.share-btn.reddit      { background: #ff5700; }
.share-btn.email       { background: #444444; }
.share-btn.whatsapp    { background: #25d366; }


.share-btn.twitter:hover     { background: #4c9ad6; }
.share-btn.google-plus:hover { background: #c64333; }
.share-btn.facebook:hover    { background: #2f4779; }
.share-btn.linkedin:hover    { background: #4069a2; }
.share-btn.stumbleupon:hover { background: #d3401f; }
.share-btn.pinterest:hover   { background: #AD0000; }
.share-btn.reddit:hover      { background: #e54e00; }
.share-btn.email:hover       { background: #363636; }



/*** Responsive video css ***/
.my-vimeo-wrapper-class  {
  width: 100%;
  height: 100%;
  position: absolute;
}


/*** disqus css ***/
#disqus_thread {
  padding-top: 40px;
}

.blog-content, img {
  max-width: 100%;
}


nav.navbar.mock-nav {
  background: lightgray;
}


/*** carousel for landing testimonials ***/
.testimonial-card {
  border: 0px;
}

/*** use case h

/*** Use case splunk table ***/
.splunk-table {
  color: #3F454D;
  font-size: 12px;
  font-weight: 400;
}

.splunk-thead {
  background: #E2E6EA;
}
th.splunk-padding {
  padding: 5px;
}

.crowdstrike-padding {
  padding: 15px;
  vertical-align: top;
}

.crowdstrike-tr {
  vertical-align: top;
  padding: 15px;
}
.crowdstrike-td {
  vertical-align: top;
  padding: 15px;
}

td.crowdstrike-padding {
  padding: 15px;
}

.splunk-thead {
  background: #E2E6EA;
}
th.splunk-padding {
  padding: 5px;
}

td.splunk-padding {
  padding: 5px;
}



.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f2f6f9;
}

.no-padding {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
}

.p-15 {
  padding: 15px;
}

/*** home page product section ***/
ul.home-product-ul {
  list-style-type: none;
  padding-left: 0px !important;
}

.no-l-p {
  padding-left: 0px !important;
}

.no-r-p {
  padding-right: 0px !important;
}

.no-lr-p {
  padding: 0px  !important
}

/*** tour page toggle***/
ul#myTab.nav.nav-pills.nav-justified.mode-nav {
  background: #4D555B;
  border: 1px solid #3C4348;
  border-radius: 5px;
}

.mode-li {
  padding: 0px !important;
  color: white;
}

a#highlight-tab.nav-link.mode-nav {
  color: white;
  padding: 20px;
  font-size: 20px;
}

a#highlight-tab.nav-link.mode-nav.active {
  background: #7FC346;
  border-color: #689F39;
}

a#focus-tab.nav-link.mode-nav {
  color: white;
  padding: 20px;
  font-size: 20px;
}

a#focus-tab.nav-link.mode-nav.active {
  background: #7FC346;
  border-color: #689F39;
}

/*** event landing page **/
.houston-hero {
  background             : url(https://assets.polarity.io/img/content/houston-hh_bgtwo.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  height                 : 100%;
  margin                 : 0 auto;
}

@media only screen and (max-width: 991px) {
  .houston-hero {
    height: 100%;
  }
}


.dallas-hero {
  background             : url(https://assets.polarity.io/img/content/dallas-hh_bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  height                 : 100%;
  margin                 : 0 auto;
}

@media only screen and (max-width: 991px) {
  .dallas-hero {
    height: 100%;
  }
}

/*** New compare card ***/

div.card-header.community-card-header {
  background-color: #003E43;

  border-bottom: 1px solid #000000;
}
div.card.community-card.text-center {
  background-color: #003E43;
  border: none;
}



div.card-header.enterprise-card {
  background-color: #ffffff;

  border-bottom: 1px solid lightgrey;
}
div.card.enterprise-card.text-center {
  background-color: #ffffff;
  border: none;
}

 div.card-footer.enterprise-card.text-muted {
   background: #ffffff;
   border: none;

 }



 /***** training page *****/
 .overlay-window-web-training {
   height: 600px;
 }

 /*** Flight School BG ***/


.flight-hero {
  background             : url(https://assets.polarity.io/img/backgrounds/flightbg-01.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
  display                : table;
  width                  : 100%;
  height                 : 100%;
  margin                 : 0 auto;
}

@media only screen and (max-width: 991px) {
  .flight-hero {
    height: 100%;
  }
}