/* CSS Document */
@keyframes pulse_animation {
	0% { transform: scale(1); }
	30% { transform: scale(1); }
	40% { transform: scale(1.3); }
	50% { transform: scale(1); }
	60% { transform: scale(1); }
	70% { transform: scale(1.05); }
	80% { transform: scale(1); }
	100% { transform: scale(1); }
}


body{
	font-size: 1.1em;
}
figcaption {
	font-size: 80%;
	font-style: italic;
}
.navbar-nav .nav-link{
	font-size: 1rem;
}

.pulse {
	animation-name: pulse_animation;
	animation-duration: 1300ms;
	transform-origin:50% 50%;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}
.hiring {
    background: #862d69;
    color: #fff;
    border: none;
    line-height: 1rem;
    position: absolute;
    padding: 6px 13px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 4px;
    font-size: 73%;
    top: 13px;
}
.hiring:before {
	content: " ";
	position:absolute;
	left: -8px;
    top: 8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #862d69 transparent transparent;
}
.hiring:hover {
	background: #BF258D;
	color: #fff;
}
.hiring:hover:before{
	border-color: transparent #BF258D transparent transparent;
}

.icon-bg {
	width: 180px;
    height: 180px;
    background: rgba(0,0,0,0.07);
    margin-bottom: 20px;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.09);
}
.blog-back-btn {
	width: 40px;
    height: 40px;
    margin: 0 auto;
    display: block;
    background: #fff;
    border-radius: 20px;
    line-height: 37px;
    font-size: 41px;
    padding: 0;
    text-align: center;
    color: #000;
}
.blog-back-btn:hover {
	opacity: 0.7;
}

.pos-r {
  position: relative;
}
.bg-success {
	background-color: #00838c !important;
}
footer.bg-inverse a {
	color: #10c9d6;
}
.footer-sm-icon{
	border: none;
	text-align: center;
	justify-content: center !important;
	align-items: center !important;
	display:block;
	color: #10c9d6;
}
.footer-sm-icon .fa{
	font-size: 40px !important;
    
    padding: 5px 8px;
    border-radius: 4px;
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
#instablog h1 a.smaller, .blog-footer h4 a.smaller{
    font-size: 55%;
	font-weight: bold;
    display: block;
    border: none;
}

#instablog .card{
    height: 440px;
}
#instablog .card-text {
    font-size: 79%;
	max-height: 75px;
}
#instablog .blog-content h2,
#instablog .blog-content h3,
#instablog .blog-content h4
{
	color: #0a9ba5;
	margin-top: 40px;
	font-weight: 300;
}
#instablog .blog-content h2 {
	font-weight: 500;
}
#instablog .blog-content h2 + h3 {
	margin-top: 0;
}


.col-center {
	float: none;
	margin: 0 auto;
}

.jumbotron-container {
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background-color: #242c33;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 44rem;
    padding-left: 0;
    padding-right: 0;
    position: relative;
	
}
.jumbotron-image {
	background-size: 1800px;
    width: 120%;
    height: 100%;
}

.jumbotron-image::after {
	background: rgba(36,44,51,0.7);
    content: ' ';
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.sticky {
    position: fixed;
    top: 73px;
}
.hidden-from-print {
    display:none;
}
.highlight-clip {
	border-bottom: 5px solid #f3cc00;
}
.highlight-clip.light {
	border-bottom: 3px solid #f3cc00;
}
@media print {
	.no-print, #drift-widget-container, #main-nav, footer{
		display: none;
	}
    .hidden-from-print {
        display:block;
    }

	.container{
        width: auto;
        min-width: 750px;
        padding:0 !important;
		margin:0 !important;
	}
    .row {
        padding:0 !important;
		margin:0 !important;
    }

    h2.display-3{
        font-size: 2rem;
    }
}
.navbar-dark.navbar-transparent.navbar-clear {
    background-color: rgba(36,44,51,0) !important;
}
.navbar-dark .navbar-nav .nav-link{
	border-bottom: 2px solid transparent;
}

.lead-header {
    font-size: 1.34rem;
    font-weight: 100;
}
.jumbotron-notch {
/*	background-attachment: fixed;*/
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 69%;
}
.jumbotron-promo {
	position: absolute;
	 width: 70%;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 2;
/*	background-image: url(../images/home-industry-cards.svg);*/
	background-repeat: no-repeat; 
	background-position: 125px 264px;
    background-size: 726px;
}
.jumbotron-xl .jumbotron-promo {
	background-position:  190px 381px;
	background-size: 726px;
}

.jumbotron.no-overlay .jumbotron-image::after {
	display: none;	
}
.jumbotron-image::before {
  content: "";
  position: absolute;
  background-color: rgba(255,255,255,.6);
  padding-bottom: 141.42136%;
  width: 100%;
  bottom: 0;
  left: 30%;
  -webkit-transform: rotate(63.5deg);
          transform: rotate(63.5deg);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}
.jumbotron-image.faded-notch::before {
  background-color: rgba(255,255,255,.7);
}
.promo-video {
	position: absolute;
    width: 521px;
    left: 337px;
    top: 226px;
    border-radius: 8px;
    overflow: hidden;
    height: 294px;
}
.promo-video::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: transparent;
}
.promo-video-reflection {
	top: 518px;
    transform: rotate(180deg);
    background: #d8dcdf;
}
.promo-video-reflection video{
	opacity: 0.3;
    transform: rotateY(180deg);
}
.promo-video video{
	width: 100%;
	height: 100%;
}
.top-nav-cta {
	color: #155B61 !important;
}
.top-nav-cta:hover {
	background: none !important;
	color:#fff !important;
	border-bottom: none !important;
}
.top-nav-cta::after {
	content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 120px solid transparent;
    border-top: 120px solid transparent;
    border-left: 120px solid #51C3CD;
    font-size: 0;
    line-height: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left top;
    right: 0;
	z-index: -1;
}
.top-nav-cta:hover::after{
	border-left: 120px solid #0A9BA5;
}

.in.collapsed-nav {
	position:absolute;
	width:70%;
	left:15%;
	top:0;
	min-height:505px;
	background-color: rgba(36,44,51,0.8) !important;
}
.in.collapsed-nav .nav-item,
.in.collapsed-nav .navbar-nav .nav-link{
	width: 100% !important;
	max-width:100%;
}
.in.collapsed-nav .nav-item .top-nav-cta {
	background: #51C3CD;
}
.in.collapsed-nav .nav-item .top-nav-cta:hover {
	    background: rgba(81, 195, 205,.9) !important;
}

/*Overrides*/
.navbar-dark .navbar-nav .nav-link:focus, 
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,0.75);
    background-color: transparent;
	border-bottom: 2px solid #fff;
}
.in.collapsed-nav .navbar-dark .navbar-nav .nav-link,
.in.collapsed-nav .navbar-dark .navbar-nav .nav-link:hover,
.in.collapsed-nav .navbar-dark .navbar-nav .nav-link:focus{
	border-bottom: none;
}
.navbar-dark.navbar-transparent.navbar-clear.add-nav-background {
	background: rgba(134,45,105,.9) !important;
}
.skew-top-to-bottom {
	transform: skewY(2deg);
	overflow: hidden;
}
.skew-top-to-bottom.first-skew {
	margin-top: -1%;
	padding-bottom: 1%;
}
.unskew-top-to-bottom {
	transform: skewY(-2.001deg);
	
}
.skew-cover{
	margin-top:-2%;
	z-index: 2;
	position: relative;
}
/*
.skew-side-top-to-bottom {
	padding: 4rem 3rem;
    margin: 0;
	
}
.skew-side-top-to-bottom::before {
	position: absolute;
    content: ' ';
    z-index: -1;
    top: -3rem;
    bottom: -3rem;
    transform: skew(8deg, 1deg);
	left: -1px;
	right: 0rem;
}

.skew-side-top-to-bottom.skew-bg-light::before {
    background: rgba(255,255,255,.7);
}
.skew-side-top-to-bottom.skew-bg-lighter::before, .bg-white-transparent {
    background: rgba(255,255,255,.8);
}
*/
.bg-white-transparent {
    background: rgba(255,255,255,.8);
}

.bg-purple-transparent {
    background: rgba(135,47,105,.2);
}
.bg-white-transparent a{ 
	color: #242c33 !important;
}
.markets-link{
	text-decoration: none;
	border: 0;
}
.markets-link:hover {
	background: rgba(255,255,255,.5) !important;
}

.skew-side-top-to-bottom:first-child::before {
	left:-3rem;
}

.gray-deco {
	background: url("../../cms-assets/images/gray-triangle-gradient.svg") no-repeat left bottom;
	background-attachment: fixed;
}
.green-deco {
	background: url("../../cms-assets/images/green-triangle-gradient.svg") no-repeat right top;
	background-attachment: fixed;
}
.world-map {
	background: url("../images/world-map.svg") no-repeat center bottom;
	background-attachment: fixed;
}
.our-customers {
	width: 100%;
    height: 151px;
    overflow: hidden;
    background: url(../../cms-assets/images/our-customers.png) no-repeat center top;
    background-size: 105%;
}

#pricing-increase-countdown {
	position: absolute;
	bottom: 50px;
	right: 50px;
}
#pricing-increase-countdown .cd-time {
	display: block;
    font-size: 380%;
	background: #862d69;
background: -moz-linear-gradient(-45deg, #862d69 0%, #862d69 50%, #702650 51%, #702648 100%);
background: -webkit-linear-gradient(-45deg, #862d69 0%,#862d69 50%,#702650 51%,#702648 100%);
background: linear-gradient(135deg, #862d69 0%,#862d69 50%,#702650 51%,#702648 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#862d69', endColorstr='#702648',GradientType=1 );
    border-radius: 4px;
    width: 90px;
    text-align: center;
	box-shadow: 0 0 5px rgba(36,44,51,0.4);
	text-shadow: 0 -2px 2px rgba(0,0,0,0.3);
}

#pricing-increase-countdown .cd-label {
	color: #862d69;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}

@media (min-width: 1200px) {
	.jumbotron .jumbotron-content{
		padding-left: 3rem;
	}
	.jumbotron-promo {
		background-position: 190px 226px;
		background-size: 800px;
	}
	
	.jumbotron-xl .jumbotron-promo {
	    background-position: 156px 321px;
    	background-size: 870px;
	}
	.jumbotron-xl .jumbotron-promo .promo-video {
		width: 567px;
		left: 311px;
		top: 320px;
		height: 320px;
	}
	.jumbotron-xl .jumbotron-promo .promo-video-reflection {
		top: 639px;
	}
	
	.our-customers {
	    height: 581px;
	}
	
}
@media (min-width: 1500px) {
	.jumbotron-promo {
		background-position:  190px 181px;
		background-size: 920px;
	}
	.promo-video {
		top: 300px;
		left: 353px;
		width: 600px;
		height: 338px;
	}
	.promo-video-reflection {
		top:519px;
	}
	.jumbotron-xl .jumbotron-promo {
		background-position:  190px 301px;
    	background-size: 920px;
	}
	.jumbotron-xl .jumbotron-promo .promo-video {
		top: 300px;
		left: 353px;
		width: 600px;
		height: 338px;
	}
	
	.jumbotron-xl .jumbotron-promo .promo-video-reflection {
		top: 638px;
	}
	.our-customers {
	    height: 743px;
	}
	
}
@media (max-width: 991px) {
/*
	.jumbotron.jumbotron-lg {
		height: 100%;
    	min-height: 44rem;
	}
*/
	.top-nav-cta::after {
		display: none;
	}
	.skew-side-top-to-bottom::before,
	.skew-side-top-to-bottom:first-child::before{
		transform: skew(0deg, 1deg);	
		top: 0rem;
		left: 0rem;
		bottom: 0rem;
		right: 0rem;
		width:100%;
		padding-left: 0 !important;
	}
	.xs-no-p-top {
		padding-top: 0 !important;
	}
	.xs-no-p-left {
		padding-left: 0 !important;
	}
	.xs-no-p-right {
		padding-right: 0 !important;
	}
	.our-customers {
	    height: 381px;
	}

	.jumbotron .jumbotron-content{
		padding: 4rem 2rem;
		text-align: center;
	}
	.jumbotron-image::before {
  		background-color: rgba(255,255,255,0.1);
	}
	
}
@media (min-width: 991px) and (max-width:1199px) {
	.jumbotron-promo {
		background-position: 125px 264px;
    	background-size: 726px;
		
	}
	.jumbotron-content {
		padding-right:9rem;
	}
	.jumbotron-content h1.display-4 {
		font-size:170%;
	}
	.jumbotron-content p.lead-header {
		font-size: 100%;
		padding-right: 1rem;
	}
	.promo-video {
		width: 472px;
		left: 259px;
		top: 264px;
		height: 266px;
	}
	.promo-video-reflection {
		top:530px;
	}
	
	.jumbotron-xl .jumbotron-promo .promo-video {
		left: 319px;
    	top: 381px;
	}
	
	.jumbotron-xl .jumbotron-promo .promo-video-reflection {
    	top: 647px;
	}
	.our-customers {
	    height: 525px;
	}
	    
}
@media (max-width:728px) {
/*
	.jumbotron.jumbotron-lg {
		height: 149%;
    	min-height: 44rem;
	}
*/
	.our-customers {
	    height: 151px;
	}
	.xs-no-p-top {
		padding-top: 0 !important;
	}
	.xs-no-p-left {
		padding-left: 0 !important;
	}
	.xs-no-p-right {
		padding-right: 0 !important;
	}
}


/* MODAL */
.cta-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1030;
	
  -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	
}

.cta-modal .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 995;
  background: rgba(0,0,0,0.85);
}

.cta-modal .cta-modal_content {
  z-index: 999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 90%;
  overflow: auto;
  background: #fff;
  box-sizing: border-box;
  padding: 20px;
  box-shadow: 0 1px 5px rgba(0,0,0,0.7);
  border-radius: 4px;
  width: 100%; /* This just a default width */
  max-width: 600px;
}

.cta-modal .cta-modal_content > h2 {
  font-size: 28px;
  font-weight: 200;
  margin: 20px 0 40px;
  text-align: center;
}

.cta-modal .cta-modal_content .buttons_wrapper {
  padding: 20px;
}

.cta-modal .close_modal {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  font-size: 18px;
  opacity: 0.5;
  background: none;
  border: none;
  transition: opacity 0.2s ease;
}

.cta-modal .close_modal:hover {
  opacity: 0.9;
}

.cta-modal.modal-fade-in {
	z-index: 1030;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.transcribe-gray{
	background: #eee;
}
.img-fluid:not(.header-promo-img) {
	filter: grayscale(100%);
}
.img-fluid.colorize {
	filter: grayscale(0%);
	transition-duration: 1s;
	transition-delay: 100ms;
}
.btn-inverse-outline:hover{
	background-color: #545454;
}
.video-progress {
	z-index: 2;
}
/* Fallback stuff */
.video-progress[value] {
  appearance: none;
  border: none;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgba(0, 0, 0,.25) inset;
  color: dodgerblue;
  display: inline;
  height: 6px;
  order: 1;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

/* WebKit styles */
.video-progress[value]::-webkit-progress-bar {
  background-color: whiteSmoke;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgba(0, 0, 0,.25) inset;
}

.video-progress[value]::-webkit-progress-value {
  background-image: linear-gradient(
    to right,
    #b03a69, #862d69
  );
  border-radius: 3px;
  position: relative;
  transition: width 1s linear;
}

/* Firefox styles */
.video-progress[value]::-moz-progress-bar {
  background-image: -moz-linear-gradient(
    to right,
    #b03a69, #862d69
  );
  border-radius: 3px;
  position: relative;
  transition: width 0.7s linear;
}
.toggle-mute, .toggle-cc {
	position: absolute;
    bottom: 10px;
    left: 11px;
    width: 37px;
    height: 37px;
    background: rgba(0,0,0,0.7);
    border-radius: 100%;
    text-align: center;
    border: none;
    outline: none;
    padding: 0;
}
.toggle-cc {
	left:52px;
}
.video-ad .embed-responsive {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.video-ad-card .card {
	height: auto !important;
}

#blog-signup-form .form-control,
#blog-signup-form .form-control-lg{
	padding: 0.275rem 0.75rem !important;
    font-size: .875rem;
	margin-bottom: 0px;
}

#blog-signup-form .form-group {
	margin-bottom: 1rem !important;
}
#blog-signup-form .submit-align-left {
	margin-bottom:0 !important;
}
#blog-signup-form .btn-force-auto-width {
	width: auto;
	color: #19191B;
	margin-bottom: 0;
}
#blog-signup-form .help-block,
#blog-signup-form .ff-errors {
	background: rgba(255,255,255,0.4);
    font-size: 11px;
	color: #a94442;
    padding-left: 5px !important;
    font-weight: bold;
    margin: 0 5px !important;
	list-style: none;
}
.ff-form-errors {
	background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
	padding: 9px;
    font-size: 0.9rem;
    font-weight: bold;
}
.ff-form-success {
	background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d;
	padding: 9px;
    font-size: 0.9rem;
    font-weight: bold;
}
.ff-form-errors p,
.ff-form-success p{
	margin:0;
	padding: 0;
}
#blog-signup-form .alert {
	padding: 9px;
	font-size:0.9rem;
	font-weight: bold;
}
.email-update-signup .img-cell img {
	max-height: 124px;
}
.email-update-signup:after {
    position: absolute;
    width: 70%;
    content: " ";
    bottom: 5px;
    right: 0;
    background: #000;
    height: 5px;
}
.email-update-signup:before {
	position: absolute;
    width: 40%;
    content: " ";
    top: 5px;
    left: 0;
    background: #000;
    height: 5px;
}
@media (max-width: 767px) {
	#blog-cards .jumbotron {
		height:140px !important;
	}
}
/* One Trust Prompt */
#onetrust-consent-sdk #onetrust-banner-sdk {
	padding: 0px !important;
}
#onetrust-banner-sdk #onetrust-policy-text, #onetrust-banner-sdk .ot-dpd-desc, #onetrust-banner-sdk .ot-b-addl-desc  {
	font-size: 12px !important;
	padding-bottom: 0 !important;
}
@media only screen and (min-width: 1024px) {
	#onetrust-banner-sdk:not(.ot-iab-2) #onetrust-group-container {
		width: 75% !important;
	}
	#onetrust-banner-sdk #onetrust-close-btn-container {
		top: 42% !important;
	}
}
@media only screen and (min-width: 1280px) {
	#onetrust-banner-sdk:not(.ot-iab-2) #onetrust-group-container {
		width: 85% !important;
	}
	#onetrust-banner-sdk #onetrust-close-btn-container {
		top: 42% !important;
	}
}
@media only screen and (min-width: 426px) and (max-width: 896px) {

	
	#onetrust-banner-sdk #onetrust-policy {
		margin-right: 4em !important;
	}
}
@media (min-width: 400px) {
	#onetrust-banner-sdk .ot-sdk-container, #onetrust-pc-sdk .ot-sdk-container, #ot-sdk-cookie-policy .ot-sdk-container {
		margin-left: 0 !important;
	}
}
#onetrust-banner-sdk #onetrust-close-btn-container {
		top: 42% !important;
	}

#onetrust-banner-sdk #onetrust-close-btn-container {
	left: 22px !important;
    right: unset !important;
	transform: translate(-50%, -50%);
}
#onetrust-banner-sdk #onetrust-policy {
    margin-left: 3em !important;
	
}
#onetrust-consent-sdk #onetrust-banner-sdk {
    background-color: #242c33 !important;
}