/*
ROCKBOT COLOR PALETTE:

Dark Blue  #4A5BFF
Blue #4A5BFF
Light / Hover Blue #4A5BFF
Link Blue  #0275D8
Dark Grey #4A4848
Grey #7E7C7C
Light Grey #A5A5A5
Lightest Grey #CCCCCC
Off-White background #F8F8F8
Darker Off-White #F3F3F3 (block bg-alt, inverse forms)


REBRAND COLORS:
Deep Pulse: #3204AD
Light Pulse: #4A5BFF
Blue Black: #000044
Coral: #EE8469
*/

/**************
Default Styles
***************/
@font-face {
	font-family: "Rational Display";
	src: url("../../fonts/rational-display/medium.woff2");
	font-weight: 400;
}
@font-face {
	font-family: "Rational Display";
	src: url("../../fonts/rational-display/bold.woff2");
	font-weight: 700;
}
@font-face {
	font-family: "Rational Display";
	src: url("../../fonts/rational-display/semibold.woff2");
	font-weight: 600;
}
@font-face {
	font-family: "Rational Display";
	src: url("../../fonts/rational-display/medium-italic.woff2");
	font-style: italic;
}

html {
	height: 100%;
}

body {
	font-family: "Rational Display", system-ui, sans-serif;
	font-style: normal;
	font-weight: 400;
	overflow-x: hidden;
	height: auto;
}

/*
IMPORTANT - Fixes bootstrap modal open bug

body.modal-open nav {
	padding-right:37px;
}

body.modal-open .nav {
	padding-right:32px;
}

body.modal-open .trial-nav, body.modal-open .trial-wrapper {
	padding-right:0px !important;
}

body.modal-open .trial-nav.trial-overflow, body.modal-open .trial-wrapper.trial-overflow {
	padding-right:15px !important;
}

body.modal-open {
	padding-right: 15px !important;
	overflow: hidden;
	position: fixed;
	width: 100%;
}
*/

body.dark {
	background-color: #f3f3f3;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

img {
	padding: 0;
	margin: 0;
}

a[href^="tel"] {
	color: inherit !important;
}

img.screenshot {
	margin:1em auto 0;
	display:block;
	max-height: 200px;
	max-width: 350px;
}

a {
	color: #3204AD;
}

a:hover {
	text-decoration: none !important;
	cursor: pointer;
}

a:focus {
	text-decoration: none;
}

a[disabled] {
	background-color: #87ACE7;
	pointer-events: none;
	cursor: default;
}

a[disabled] img{
	background-color: #87ACE7 !important;
}

a[disabled]:hover {
	background-color: #87ACE7;
}

hr {
	color: #EEE;
}

fieldset {
	margin: 0.5em 1em;
}

fieldset label {
	margin: 0 0 0.1em 0;
	font-weight: 700;
	display: block;
	color: #4B4848;
	padding-left: 2px;
	top: 2px;
	position: relative;
	font-size: .9em;
}

fieldset label div {
	font-weight: 600 !important;
	color: #4A4848;
	padding-left: 5px;
	display: inline-block;
}

fieldset .input-text {
	width: 100%;
	margin: 0 0 1.5em 0 !important;
	padding-top: 10px;
    padding-bottom: 10px;
}

fieldset select {
	height:2.85em;
	margin: 0 0 1.5em 0 !important;
}

fieldset textarea {
	width: 100%;
	margin: 0 0 1.5em 0 !important;
}

fieldset h4 {
	margin: 0 0 0.8em 0;
	color: #999;
	font-size: 1.4em;
}

fieldset.inverse label {
	display:inline-block;
	margin-bottom:.5rem;
	line-height:0;
}

fieldset.inverse select {
	margin: 0 0 !important;
	width:100%;
	height:2.75rem !important;
	background-color:white;
	font-size:1rem;
	border: 1px solid #E8E8E8;
}

fieldset.inverse input {
	width:100% !important;
	height:2.75rem;
	background-color:white;
	border: 1px solid #E8E8E8;
}

fieldset.inverse div.formSpacing {
	padding:0 0 1rem 0;
}

fieldset.inverse div.webFormSpacing {
	padding:1rem 0;
}

ul.inverse {
	display:inline-block;
	padding:2rem 1rem 3rem 1rem;
}

ul.inverse i {
	color:#1872EC;
	width:1.5rem;
	padding:.25rem 0 0 0;
}

ul.inverse span {
	padding:0 0;
}

ul.inverse li.listSpacing {
	margin: 1rem 0;
	line-height:1.5rem;
}

ul.inverse li.mobileSpacing {
	margin: 1rem 0;
	line-height:1.5rem;
}

ul.inverse li.webSpacing {
	margin: 1rem 0;
	line-height:1.5rem;
}

ul.horizontal li {
	float: left;
	margin: 0 0.2em;
}

form.inverse {
	float:none; padding:0 0; display:inline-block;
}

button[disabled] {
	background-color: #87ACE7;
}

button[disabled] img{
	background-color: #87ACE7 !important;
}

button[disabled]:hover {
	background-color: #87ACE7;
}

.content {
	padding: 2em 0.5em;
}

/************
Common Styles
*************/
.feature-list-small {
	padding: 20px 0 0 10px;
}

.feature-list-small li {
	float: left;
	padding: 20px 10px;
}

.feature-list-small img {
	height: 80px;
	width: 80px;
	float: left;
}

.feature-list-small h3 {
	float: left;
	font-size: 1em;
	width: 80%;
	padding: 20px;
}

/**********
Positioning
***********/
.center { text-align: center !important; }
#center-block { margin-left: auto !important; margin-right: auto !important; display: block !important; }
.center-block { margin-left: auto !important; margin-right: auto !important; display: block !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.circle { border-radius: 50%; }

.fLeft { float: left !important; }
.fRight { float: right !important; }
.fNone { float: none !important; }
.clear { clear: both; }
.hidden { display: none; }

.inline { display:inline-block !important;}

.top-margin { margin-top: 1em; }
.top-margin-lg { margin-top: 3em; }
.top-margin-xl { margin-top: 4.2em; }
.top-margin-sm { margin-top: .3em; }
.bottom-margin-sm { margin-bottom: .3em; }

.no-padding { padding: 0 !important; }
.no-padding-right { padding-right: 0 !important; }
.no-padding-left { padding-left: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }
.no-margin { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0 !important; }
#no-margin { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0 !important; }

.btstrp-margin { margin-left:-.935em; margin-right: -.935em; }

.top { vertical-align: top; }

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.no-gutters > .col, .no-gutters > [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}

/******
Colors
*******/
/* Used for verticals in Industry Block */
.background-color-1 { background-color: #e63d14; }
.background-color-2 { background-color: #e76b15; }
.background-color-3 { background-color: #e7d215; }
.background-color-4 { background-color: #86c7ff; }
.background-color-5 { background-color: #1971ec; }
.background-color-6 { background-color: #1b3d7a; }
.background-color-7 { background-color: #5f3567; }

/* Rockbot color palette */
.white {color: #FFFFFF !important;}
.offwhite {color: #F8F8F8 !important;}
.offwhite-dark {color: #F3F3F3 !important;}
.dark-blue {color: #4A5BFF !important;}
.blue {color: #4A5BFF !important;}
.light-blue {color: #4A5BFF !important;}
.red { color: #B00 !important; }
.dark-grey {color: #4A4848 !important;}
.grey {color: #7E7C7C !important;}
.light-grey {color: #A5A5A5 !important;}
.lightest-grey {color: #CCCCCC !important;}

/*********
Font Styles
**********/

.bold { font-weight: 700 !important; }
.black { font-weight: 800 !important; }
.upper { text-transform: uppercase; }
.underline { text-decoration: underline; }
.text-left { text-align: left !important; }

.height0 { height: .5em; }
.height1 { height: 1em; }

.invisible { visibility: hidden; }
.inactive { opacity: .7; }
.hidden-wait { opacity: 0; cursor: wait !important; overflow-y:hidden; }


/******
Tables
*******/
.rb-table {
	width: 100%;
}

.rb-table thead {
	font-weight: 700;
}

.rb-table tr {
	border-bottom: 1px solid #eee;
}

.rb-table td {
	padding: 6px;
}

/*************
Custom Classes
**************/
.likes {
	font-weight: 700;
	color: #3C3;
}

.energy {
	color: #999;
	font-weight: 700;
	margin: 0 0 0 0.2em;
}

.explicit {
	margin: 0.1em 0.6em;
}

#toast {
	position: fixed;
	top: 75%;
	left: 50%;
	border-radius: 0.5em;
	background-color: rgba(0,0,0,0.8);
	color: #FFF;
	padding: 1.5em 3em;
	display: none;
	text-align: center;
	transform: translate(-50%, -50%);
	border: 2px solid #fff;
	z-index: 100000;
}

#loading {
	position: fixed;
	top: 30%;
	left: 50%;
	border-radius: 0.3em;
	background-color: rgba(0,0,0,0.8);
	color: #FFF;
	padding: 1em;
	display: none;
	transform: translate(-50%, -50%);
	z-index: 1000000;
}

.thumbnail {
	margin: 1em;
	border: 1px solid #eee;
}

.g-recaptcha {
	width:60%; margin:0 auto;
}
.g-recaptcha-half {
	width:100%; margin:0 auto;
}
.lead-large {
	color: #717070;
	font-size: 2rem;
	font-weight: 300;
}
.lead-header {
	color: #4A5BFF;
	font-size: 1.5rem;
	font-weight: 900;
	text-transform: uppercase;
}
.lead-footer{
	color: #707684;
	font-size: 1.5rem;
	font-weight: 100;
}
.vertical-align {
	display: flex;
    align-items: center;
}
.vertical-align.align-middle {
	justify-content: center;
}

/************************
Background strike-through
*************************/
.line-wrap-title {
	overflow: hidden;
    text-align: center;
}

.line-wrap-title > span {
    position: relative;
    display: inline-block;
    font-weight: 800;
}

.line-wrap-title > span:before, .line-wrap-title > span:after {
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 2px solid #DDD;
    width: 592px;
    margin: 0 20px;
}

.line-wrap-title > span:before {
    right: 100%;
}

.line-wrap-title > span:after {
    left: 100%;
}

.line-wrap-vertical {
    background-color: #ddd;
    width: 2px;
    height: 120px;
    margin: 1em;
    margin-left: 2em;
}

.line-wrap-vertical-text {
	margin-left: 1.27em;
	font-weight: 800;
}

.line-wrap {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #ddd;
	line-height: 0.1em;
	margin: 10px 0 20px;
}

.line-wrap * {
	font-size:1.25em;
	background:#fff;
	padding:0 10px;
	font-weight: 900;
}

.line-strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.line-strike > span {
    position: relative;
    display: inline-block;
}

.line-strike > span:before,
.line-strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #b3b7c5;
}

.line-strike > span:before {
    right: 100%;
    margin-right: 45px;
}

.line-strike > span:after {
    left: 100%;
    margin-left: 45px;
}

.line-strike span div {
	border-radius: 20px;
	width: 8px;
	height: 8px;
	margin: 0 2px;
	border: 1px solid #b3b7c5;
	background: transparent;
}

.line-strike span div.active {
	background-color: #b3b7c5;
}

/*****************
Common Font Styles
******************/
.section-head {
	font-size: 1.7em;
	font-weight: 600;
	color: #4A4848;
	letter-spacing: 0.01em;
}

.section-head-blue-sm {
	color: #000044;
	font-size: .9em;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 0.05em;
}

.section-head-darkblue-sm {
	color: #000044;
	font-size: .9em;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 0.05em;
}

.section-head-dark-low {
	letter-spacing: .02em;
	font-weight: 600;
	color: #000044;
}

.section-head-dark-sm {
	color: #4A4848;
	font-size: .9em;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 0.05em;
}

.section-head-light-sm {
	color: #7E7C7C;
	font-size: .9em;
	text-transform: uppercase;
	font-weight: 800;
	line-height: 1.2em;
}

.section-subhead {
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 1.1em;
	font-weight: 400;
	color: #4A4848;
}

.section-subhead-sm {
	font-size: 1em;
	font-weight: 600 !important;
	color: #4A4848 !important;
}

.section-subhead-blue {
	font-size: 1em;
	font-weight: 600;
	color: #4A5BFF;
}

.blue-title {
	padding:0 0;
	color:#4A5BFF;
	font-weight:800;
	text-transform:uppercase;
	font-size:1.1em;
}

.blue-text {
	color:#000044;
	font-size: 1.1rem
}

.sub-link-light {
	font-size: 1em;
	font-weight: 600;
	color: #7E7C7C !important;
}

.sub-link-light:hover {
	color: #4A4848 !important;
	cursor: pointer;
}

.pill-head {
	margin-top: 4em;
	margin-left:auto;
	margin-right:auto;
	padding: .8em 0;
	background-color: white;
	border:1px solid #EBE8E8;
	border-radius:30px;
	width:65%;
}

.pill-head h2 {
	padding:0.1em 0 0 0 !important;
	margin:0;
	color:#4A5BFF !important;
	font-weight: 600 !important;
}

.pill {
	position: fixed;
	background-color: white;
	border:1px solid #EBE8E8;
	border-radius:30px;
	padding: .8em .8em;
}

.pill div {
	text-align: center;
	padding:0.1em 0 0 0;
	color:#4A5BFF;
	font-weight: 600;
	letter-spacing:.01em;
}

.pill-mobile {
	position: static;
}

/***************************
Image Dimensions:
	[dim]-[name]-[color/size]
****************************/
.dim-remote-app {
	height:302px;
	width:auto;
	margin-top:1em;
}

.dim-close {
	height:19px;
	width:19px;
	top:0;
}

.dim-rocket-2 {
	height:202px;
	width:202px;
	background-color:transparent;
}

.dim-industries {
	width: 250px;
	height:auto;
}

.dim-appscreen {
	height: auto;
	width: 100%;
	margin: 0 auto;
}

.dim-managerscreen {
	width:785px;
	height:auto;
	margin: 0 auto;
}

.dim-albums {
	width:120px;
	height:100px;
}

.dim-expand-2 {
	width:36px;
	height:32px;
}

.dim-expand-white2 {
	width:36px;
	height:32px;
}

.dim-clover {
	width: 552px;
	height: 462px;
}

/****
Lists
*****/
.bullets {
	list-style: square url("../../img/marketing/icons/check.png");
	margin: 0.8em 0 0 2em;
}

.bullets li {
	padding: 0.1em;
}

/*****
Inputs
******/
label.btn.btn-primary.active {
	background-color: #3204AD !important;
}

label.btn.btn-primary:focus, label.btn.btn-primary.active:focus, label.btn.btn-primary:active {
	background-color: #270075 !important;
}

.button-blue, .hs-button {
	background-color: #3204AD;
	color: #FFFFFF;
	border: 0;
	padding: 1em 2em;
	margin: 0;
	font-size: 0.8em;
	letter-spacing: 0.05em;
	text-align: center;
}

.button-blue h6 {
	font-size: 1rem;
	font-weight: 700;
	padding: 0 0 0.2em 0;
	margin: 0;
	color: #FFF;
	letter-spacing: .06em;
}

.single-line h6 {
	line-height: 1rem;
	padding: 0;
}


.button-blue p {
	font-size: 0.9rem;
	font-weight: 400;
	padding: 0;
	margin: 0;
	opacity:.8;
}

.button-blue:hover, .button-blue > a:hover  {
	background-color: #270075;
	color: white !important;
	text-decoration: none !important;
}

.button-blue:hover img{
	background-color: #4A5BFF;
}

.button-white, .hs-button {
	background-color: white;
	border: 0;
	padding: 1em 2em;
	margin: 0;
	font-size: 0.8em;
	letter-spacing: 0.05em;
	text-align: center;
}

.button-white h6 {
	font-size: 16px;
	font-weight: 700;
	padding: 0 0 0.2em 0;
	margin: 0;
	letter-spacing: .06em;
	color: #000044 !important;
}

.button-white p {
	font-size: 14px;
	font-weight: 400;
	padding: 0;
	margin: 0;
	opacity:.8;
}

.button-white:hover {
	background-color: white;
}

.button-white:hover img{
	background-color: white;
}

.button-selected {
	background-color: #87ACE7;
}

.button-blue-large {
	padding: 1em 4em;
	margin: 0 0 0 0 !important;
	font-size: .9em;
	font-weight: 800;
	border-radius: 2em;
	white-space: nowrap;
}

.button-blue-large:hover {
	color: white;
}

.button-blue-large:disabled {
	background-color:#87ACE7;
}

.button-blue-large:disabled:hover {
	color:white;
}

.button-darkblue-large {
	padding: 1em 4em;
	margin: 0 0 0 0 !important;
	font-size: .9em;
	font-weight: 800;
	border-radius: 2em;
	white-space: nowrap;
	background-color: #3204AD;
}

.button-darkblue-large:hover {
	background-color: #1865AA;
	color: white;
}

.button-blue-xlarge {
	padding: 1em 3em;
	margin: 1em 0 0 0;
	border-radius: 2.5em;
}

.single-line {
	padding: 1.5em 3em;
}

.button-blue-xlarge:hover {
	background-color: rgb(85, 103, 226);
}

.button-blue-xlarge:disabled {
	background-color:#87ACE7;
}

.button-blue-xlarge.start-trial {
	padding: 1em 2em !important;
}

input.button-blue-xlarge {
	text-transform: uppercase;
}

.button-border {
	padding:.8em 3em;
	border:2px solid #3204AD;
}

.button-border:hover {
	border:2px solid #3204AD;
}

.button-hollow {
	padding:.7em 3em;
	background-color:white;
	color: #000044;
	font-weight: 800;
	font-size: .9em;
	border:2px solid #B3B7C5;
}

.button-hollow:hover {
	color:white;
	border:2px solid #3204AD !important;
	background-color: #3204AD !important;
}

.button-light, a.button-light, a.button-light:hover {
	padding:.5em 1em;
	background-color:white;
	color: rgb(54,57,58) !important;
	font-weight: 600;
	font-size: .8em;
	border:2px solid rgb(170,174,189);
	border-radius: 2em;
	text-decoration: none;
}

.button-dark {
	padding:.7em 1em;
	background-color: rgb(209,213,226);
	color: rgb(75,79,91);
	font-weight: 600;
	font-size: .8em;
	border:2px solid rgb(209,213,226);
	border-radius: 2em;
}

.button-enabled {
	padding:.7em 1em;
	background-color: #3204AD;
	color: white;
	font-weight: 600;
	font-size: .8em;
	border:2px solid #3204AD;
	border-radius: 2em;
}

.button-left {
	width:268.41px;
	background-color: #4A5BFF !important;
}

.button-left:hover {
	background-color: rgb(85, 103, 226) !important;
}

.button-dark-xlarge {
	padding: 1em 3em;
	margin: 1em 0 0 0;
	border-radius: 2.5em;
	background-color: #2C2D2E;
}

.button-dark-xlarge p {
	color: #CCC;
}

.button-dark-xlarge:hover {
	background-color: #4E4F4F;
}

.button-darkblue-xlarge {
	border-radius: 2.5em;
	background-color: #3204AD;
	vertical-align:bottom;
	width:268.41px;
}

.button-darkblue-xlarge p {
	color: white;
}

.button-darkblue-xlarge:hover {
	background-color: #270075;
}

.button-white-xlarge {
	padding: 1em 3em;
	margin: 1em 0 0 0;
	border-radius: 2.5em;
	background-color: white !important;
	vertical-align:bottom;
	width:268.41px;
	color: #000044;
}

.button-white-xlarge:hover {
	background-color: #F6F6F8 !important;
}

.button-blue-border {
	border: 0.15em #4A5BFF solid;
	color: #4A5BFF;
	font-weight: 700;
	padding: 1em 2em;
	margin: 0;
	font-size: 0.9em;
	border-radius: 0.3em;
	white-space: nowrap;
}

.button-blue-border:hover {
	background: #EE8469;
	color: #FFF;
}

.button-lowercase {
	text-transform: none;
	font-weight: 400;
}

.button-footer {
	width: 170px;
	height: 45px;
	background: #3204AD;
	background-size: cover;
	border-radius: 2em;
	padding: 0.9em 1.7em !important;
	font-size: 14px;
	font-weight: 700 !important;
	color: #FFF !important;
}

.button-footer:hover {
	background: #270075;
}

.no-outline:focus {
	outline:none;
}

.input-text {
	background-color: #EEE;
	border: 1px solid #EBE8E8;
	padding: 0.5em;
	margin: 0;
	font-size: 1em;
	letter-spacing: 0.03em;
}

.input-text[disabled] {
	background-color: #CCC;
}

.input-text-dark {
	background-color: #3B3B3B;
	border: 0;
	padding: 1em 2em;
	margin: 0;
	display: block;
	float: left;
	font-size: 0.8em;
	letter-spacing: 0.03em;
}

.input-select {
	background-color: #EEE;
	border: 1px solid #EBE8E8;
	margin: 0;
	font-size: 0.9em;
	letter-spacing: 0.05em;
}

.input-invalid {
	border: 1px solid red !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}

.btn-primary {
	color: #7E7C7C;
	background-color: white;
	border-color: #CCC;
	font-weight: 600;
}

.btn-tv-preview {
	color: #7E7C7C;
	background-color: #0275d8;
	border-color: #CCC;
	font-weight: 600;
}

.btn-primary:hover {
	color: #7E7C7C;
	border-color: #CCC;
	background-color:  #E2E2E2;
}

.btn-primary.active {
	color:white;
	background-color: #3204AD;
	font-weight: 600;
	border-color: #CCC;
}

.btn-primary.active:hover, .btn-primary.active:focus {
	color:white;
	border-color: #CCC !important;
	background-color: #270075 !important;
}

.btn-primary[disabled]:hover {
	color: #4A5BFF;
	background-color: #428bca;
	border-color: #357ebd;
}

.btn[disabled] {
	pointer-events: none;
	cursor: not-allowed;
	opacity: .65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*****************
Third Party Styles
*****************/
/* Customize Typeahead Searchbox */
.tt-menu {
	background: #FEFEFE;
	border: 1px solid #999;
	padding: 0;
	margin-top: -18px;
	cursor: pointer;
	border-radius: 2px;
}

.tt-suggestion {
	margin: 0;
	padding: 4px 15px;
}

.tt-suggestion:hover {
	background-color: #4A5BFF;
	color: #FFF;
}

/* Facebook */
.facebook-login {
	background-color: #3B5998;
	color: #FFF;
	border: 0;
	padding: 0.5em;
	margin: 0;
	font-size: 0.8em;
	letter-spacing: 0.05em;
	text-align: center;
	text-transform: none;
	padding: 1em 5em;
	margin: 0 0 0 0 !important;
	font-size: 1em;
	font-weight: 400;
	border-radius: 0.3em;
	white-space: nowrap;
}

.facebook-login:hover {
	color: #CCC;
}

/* Hubspot Forms */
.hbspt-form .submitted-message {
	margin: 1.2em 0 0 0.2em;
	color: #666869;
}

.hs-input {
	background-color: #3B3B3B;
	color: #FFF;
	border: 0;
	padding: 1em;
	margin: 0;
	display: block;
	float: left;
	font-size: 0.9rem;
	letter-spacing: 0.05em;
	width: 200px;
}

/*********
Nav Styles
*********/
.nav {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: fixed;
	width: 100%;
	padding: 1.5em 1.4em 1.6em 1.4em;
	font-size: 0.875em;
	font-weight: 600;
	color: #FFF;
	z-index: 1000;
	letter-spacing: 0.1em;
}

.nav-links{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
}
@media (max-width: 767px) {
	.nav-links {
		justify-content: flex-end;
	}
}

@media (min-width: 1199px) {
	.dash-btn-spacing {
		margin-left: 2em;
	}
}

.nav-links-main{
	margin-left:7em;
	display:flex;
	justify-content: center;
}
.nav-links-main li{
	padding-right: 2.5em;
}

.nav a {
	color: #FFF;
}

.nav a:hover {
	color: #DDD;
}

.nav .logo {
	margin: 0.3em 0 0 0;
}

.nav-light {
	background-color: #F8F8F8 !important;
	text-shadow: none;
	border-bottom: 1px solid #EEE;
}

.nav-light a {
	color: #333;
}

.nav-light a:hover {
	color: #666;
}

.nav-light .nav-trial {
	border: 1px solid black;
}

.nav .selected {
	border-bottom: 3px solid #4A5BFF;
}

.nav img {
	float: left;
}

.nav ul {
	padding: 0.8em 0 0 1.5em;
}

.nav ul.trim ul{
	padding: 0em 0 0 1.5em;
}

.nav li {

}

.nav-sub {
	display: none;
	position: absolute;
	background-color: #000044;
	padding: 0 !important;
	margin: 0.3em 0 0 0;
}

.nav-sub li {
	float: none !important;
	font-weight: 400;
	font-size: 0.8em;
	text-transform: none;
	padding: 0.5em 0.7em;
	margin: 0;
	color: #FFF;
}

.nav-sub li:hover {
	background-color: rgba(142,144,146,0.2);
}

.nav-sub li a {
	color: #FFF !important;
}

.nav-sub li a:hover {
	color: #DDD !important;
}

.nav-trial {
	border: 1px solid white;
	border-radius: 0.3em;
	padding: 0.7em 1.6em !important;
	margin: -0.6em 0em 0 1.6em;
	font-size: 0.875rem;
	font-weight: 600 !important;
	letter-spacing: 0.05em;
	white-space: nowrap;
}

.tv-preview-nav{
	background-color: #4A5BFF;
	border: 0;
	border-radius: 0.3em;
	padding: 0.7em 1.4em !important;
	margin: -0.6em 0 0 -0.2em;
	font-size: 0.9em;
	font-weight: 700 !important;
	letter-spacing: 0.05em;
	color: #FFF !important;
}


.nav a.trim {
	background-color: #4A5BFF;
	padding: 0.7em 1.4em !important;
	margin: -0.6em 0 0 3em;
	font-size: 0.9em;
	font-weight: 700 !important;
	letter-spacing: 0.05em;
	background-color: transparent;
	border: 1px solid;
	border-radius: 0.4em;
}

.nav a.trim:hover {
	color: #FFF !important;
	background-color: #4A5BFF;
}

.nav-login {
	padding: 0 !important;
	margin-left: 1.6em;
	white-space: nowrap;
}

.nav-login img {
	border-radius: 50%;
	margin: -0.3em 0.4em 0 0;
	padding: 0;
}

.navbar-toggler {
	padding: 0.4em 0;
	font-size:0.3em;
	outline: none !important;
	box-shadow: none !important;
}

.nav-mobile-active {
	background-color: rgba(255, 255, 255, 1) !important;
}


.nav-offcanvas {
	position: fixed;
	right: -20.5rem;
	top: 82px !important;
	height: 100%;
	width: 20.5rem;
	background: #FFFFFF;
	margin: 0;
	overflow-y: auto;
	border-top: 1px solid #b3b7c5;
	-webkit-transition: all .25s ease-out;
		 -o-transition: all .25s ease-out;
			transition: all .25s ease-out;
}

.nav-offcanvas.active {
	right: 0%;
}

.nav-offcanvas ul {
	float: none;
}

.nav-offcanvas li {
	font-family: "Rational Display", system-ui, sans-serif;
	float: none;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid #b3b7c5;
	padding: 1.3em 1.8em;
}

.nav-offcanvas .selected {
	color: rgb(0,119,218);
}

.nav-offcanvas a {
	text-shadow: none;
	color: rgb(25,28,38) !important;
}

.nav-offcanvas a:hover {
	color: rgb(0,119,218)!important;
}

.nav-offcanvas section {
	margin: 1em 1.5em 2em 1.5em;
	padding: 1.2em 1em 1.6em 1em;
	background: #4DA3EC;
	text-align: center;
}

.nav-offcanvas button {
	background-color: #4A5BFF;
}

.nav-offcanvas h4 {
	color: #FFF;
	text-transform: none;
	text-shadow: none;
	font-size: 1.2em;
	padding: 0 0 0.5em 0;
}

.nav-offcanvas .button-blue {
	background-color: #4A5BFF;
	padding: 1em 2em;
	border-radius: 0.2em;
}

.nav-offcanvas-mask {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 82px;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	display: none;
}

/************
Header Styles
*************/

.header {
	padding: 3em 0.5em 2.5em 0.5em;
	background-color: #FFF;
	background-position: center;
	background-size: cover;
	border-bottom: 1px solid #EEE;
}

.header h1 {
	padding: 1.6em 0.5em 0 0.5em;
	margin: 0;
	font-size: 3em;
	font-weight: 700;
	line-height: 1em;
	text-align: center;
	color: #3204AD;
}

.header h2 {
	padding: 0.5em 1em 0 1em;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: 400;
	text-align: center;
	color: #333;
}

.header h3 {
	padding: 1.2em 1em 0 1em;
	font-size: 0.9em;
	font-style: italic;
	color: #333;
}

.header .artwork {
	border-radius: 0.3em;
	margin: 0 0.2em;
	background-color: #EEE;
}

.header-hero-transparent {
	padding:4em 0 2.5em 0;
	color: #FFF;
	overflow: hidden;
	border-bottom: none;
}

.header-hero {
	padding:4em 0 2.5em 0;
	color: #FFF;
	background-color: #CCC;
	overflow: hidden;
	border-bottom: none;
}

.header-hero.panel h1.hidden-sm-up {
 	font-size:2.5em;
 	padding-bottom:.5em;
}

.header-hero.trim {
	background:center linear-gradient(to bottom, rgba(155, 155, 155, 0.1) 70%, rgba(0, 0, 0, 0.6) 90%), url('https://d2x3f3hu3pbot6.cloudfront.net/static/img/marketing/headers/music.jpg');
	background:center  -webkit-linear-gradient(top, rgba(155, 155, 155, 0.1) 70%, rgba(0, 0, 0, 0.6) 90%), url('https://d2x3f3hu3pbot6.cloudfront.net/static/img/marketing/headers/music.jpg');
	background:center  -o-linear-gradient(top, rgba(155, 155, 155, 0.1) 70%, rgba(0, 0, 0, 0.6) 90%), url('https://d2x3f3hu3pbot6.cloudfront.net/static/img/marketing/headers/music.jpg');
	background:center  -ms-linear-gradient(top,  rgba(155, 155, 155, 0.1) 70%, rgba(0, 0, 0, 0.6) 90%), url('https://d2x3f3hu3pbot6.cloudfront.net/static/img/marketing/headers/music.jpg');
	background-size: cover;
	padding:4em 0 1em 0;
}

.header-hero.trim h1.hidden-sm-up {
	font-size:2.5em;
 	padding-bottom:.5em;
}

.header-hero div.web-padding-top {
	padding: 10em 0 0 0;
}

.header-hero div.web-padding-bottom {
	padding: 0 0 11em 0;
}

.header-hero div.web-padding-top-small {
	padding: 5em 0 0 0;
}

.header-hero div.web-padding-bottom-small {
	padding: 0 0 2em 0;
}

.header-hero h1 {
	font-family: "Rational Display", system-ui, sans-serif;
	padding: 1em 0.5em 0 0.5em;
    color: #FFF;
    font-size: 3.5em;
    z-index: 2;
    text-shadow: 1px 1px 8px rgba(0,0,0,0.5);
}

.header-hero h1 a {
	color: #FFFFFF;
	text-decoration: underline;
}

.header-hero h2 {
	padding: 0.5em 1em 0 1em;
    color: #F8F8F8;
    font-size: 1.2em;
	font-weight: 100;
    text-shadow: 1px 1px 8px rgba(0,0,0,0.5);
}

.header-hero.large-text h1 {
	padding: 1em 0.5em 0 0.5em;
	color: #FFF;
	font-size: 3.5rem;
	font-weight: 900;
	z-index: 2;
	text-shadow: 1px 1px 8px rgba(0,0,0,0.5);
}

.header-hero.large-text h2 {
	padding: 0.5rem 1rem;
	color: #FFF;
	font-size: 1.5rem;
	font-weight: 400;
	text-shadow: 1px 1px 8px rgba(0,0,0,0.5);
}

.header-hero h3 {
	color: #F8F8F8;
	text-shadow: 1px 1px 8px rgba(0,0,0,0.5);
	font-weight: 400 !important;
}

.header-hero .artwork {
	box-shadow: 0 0 20px 0 #333;
}

.header-links {
	padding: 1.5em 1em 0 1em;
}

.header-links .selected {
	font-weight: 800;
}

.app-store:hover{
	opacity:1 !important;
}

.header.faded {
	border-bottom:none;
	background-color:#f3f3f3
}

.header-image {
	height:1.5em;
	width:auto;
	padding-right:.3em;
	top: -2px;
	position: relative;
}

.full-hero {
	height: 100vh;
	min-height: 600px;
	position: relative;
	padding: 0;
	margin: 0;
}
.full-hero.scroll-arrow::after {
	content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 50%;
    bottom: 40px;
    z-index: 0;
    border: solid #fff;
    border-width: 4px 4px 0 0;
    transform: translateX(-14px) rotate(135deg);
}

.full-hero h1 {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Customization for Bootstrap carousel */
.hero-carousel .carousel {
	position: absolute;
}
.hero-carousel .hero-carousel-content {
	position: relative;
	z-index: 100;
}

.full-hero .carousel-inner>.carousel-item>a>img,
.full-hero .carousel-inner>.carousel-item>img {
	width: auto !important;
	height: auto !important;
	min-width: 100vw !important;
	min-height: 100vh !important;
	max-width: none;
	max-height: none;
}

/************
Footer Styles
*************/
.footer {
	margin-top: 3em;
	padding: 1em 0;
}

.footer-hr {
	border-bottom: 1px solid #D6DAE6;
}

.footer h4 {
	font-size: 0.9em;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0;
	color: #191C26 !important;
}

.footer ul {
	list-style: none;
	margin: 0.5em 0 3em 0;
	padding: 0;
}

.footer li {
	font-size: 14px;
	padding: 0.5em 0 0 0;
}

.footer li a {
	color: #666869;
}

.footer li a:hover {
	color: #4A5BFF;
}

.footer p {
	font-size: 0.7em;
	padding: 0.1em 0 0.1em 0;
	margin: 0;
}

.footer-links {
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 1em 1em 0em 1em;
}

.footer-links li {
	float: left;
	margin: 0 1.5em 0 0;
}

.trim-footer {
	width:100%;
}

.trim-footer h1 {
	text-align:center;
	padding-bottom:.4em;
	opacity:.1;
}

.trim-footer hr {
	display: inline-block;
	width: 15%;
	border-top: 1px solid #e5e5e5;
}

.trim-footer img {
	width:188px;
}

.trim-footer table {
	text-align:center;
}

.trim-footer a {
	font-size:.8em;
	color:#666869;
}

.trim-footer a:hover {
	color:white;
}

.subscribe {
	margin-top: 1.5em;
}

.subscribe-message {
	margin-top: 1.5em;
	color:#666869;
}

/*****
Lists
*****/
.list-header {
	padding: 0.4em 0;
	margin: 0 0 0.6em 0;
	border-bottom: 1px solid #EEE;
}

.list-header p {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 16px 0 0 0;
}

.list-sort {
	float: right;
	font-size: 0.8em;
}

.list-large li {
	margin: 0 0 1em 0;
}

.list-large img {
	float: left;
	border-radius: 0.3em;
	margin: 0.5em 0 0.5em 0;
	background-color: #EEE;
}

.list-large section {
	float: left;
	padding: 0 0 0 0.5em;
}

.list-large h3 {
	font-size: 1.3em;
	margin: 0;
	padding: 0.35em 0.2em 0.1em 0.2em;
}

.list-preview-song{
	font-size: 0.9em !important;
}

.list-large h4 {
	font-size: 1em;
	margin: 0;
	padding: 0.1em 0.2em;
}

.list-large p {
	font-size: 0.9em;
	margin: 0;
	padding: 0.1em 0.2em;
	font-style: italic;
	color: #999;
}

.list-small li {
	margin: 0 0 1em 0;
}

.list-small li:hover {
	background-color: #F8F8F8;
}

.list-small .action {
	float: left;
	margin: 0.5em;
}

.list-small .artwork {
	float: left;
	border-radius: 0.3em;
	margin: 0;
	background-color: #EEE;
}

.list-small section {
	float: left;
	padding: 0 0 0 0.5em;
}

.list-small h3 {
	font-size: 1.1em;
	margin: 0;
	padding: 0em 0.2em;
}

.list-small h4 {
	font-size: 0.9em;
	color: #666;
	margin: 0;
	padding: 0.1em 0.2em;
}

.list-small p {
	font-size: 0.9em;
	margin: 0;
	padding: 0em 0.2em;
	font-style: italic;
	color: #999;
}

.list-small-details {
	float: right !important;
	text-align: right;
	font-size: 0.8em;
	margin: 0.2em 0.4em 0 0;
}

.pagination li {
	float: left;
	padding: 0.5em 1em;
	margin: 0 0.5em;
	border: 1px solid #EEE;
}

.pagination li:hover {
	background: #F8F8F8;
	cursor: pointer;
}

.pagination .selected {
	font-weight: 800;
}

/****************
Searchable Tables
****************/
.sortable-table thead {
	font-weight: 700;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.sortable-table td:hover {
	cursor: pointer;
}

.sortable-table td {
	padding: 0.25em;
}

.dataTables_filter {
	text-align: right;
}

.dataTables_filter input {
	background-color: #EEE;
	border: 1px solid #EBE8E8;
	padding: 0.2em 0.5em;
	margin: 0 0.8em;
	font-size: 1em;
	letter-spacing: 0.03em;
	width: 300px;
}

/******
Playlist Preview
*******/
.preview {
	float: left;
    position: relative;
    width: 40px;
    height: 40px;
}

.preview .after {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    color: #FFF;
}

.preview:hover .after {
    display: block;
    background-color: rgba(0, 0, 0, .4);
    cursor: pointer;
	border-radius: 0.3em;
	background-image: url("../../img/icons/play_styled.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.preview-playing .after {
    display: block;
    background-color: rgba(0, 0, 0, .4);
	border-radius: 0.3em;
	background-image: url("../../img/icons/play_styled-hover.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.preview-playing:hover .after {
    display: block;
    background-color: rgba(0, 0, 0, .4);
	border-radius: 0.3em;
	background-image: url("../../img/icons/play_styled-hover.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.preview-auto {
	padding: 0.8em 4em;
	border-radius: 2em;
	border: 3px solid #fff;
	background-color: white;
	color: #000044;
	margin: 0.5em;
	display: inline;
}

.preview-auto:hover {
	color: #000044;
	background-color: #F6F6F8;
}

.preview-auto:active {
	color: #000044;
}

.preview-auto:focus {
	color: #270075;
}

.preview-auto:visited {
	color: #000044;
}

.preview-auto:visited:hover {
	color: #000044;
}

.preview-auto-start {
}

.preview-auto-skip {
	display: none;
}

.preview-auto-stop {
	display: none;
}

.preview-auto-text {
	font-style: italic;
	font-weight: normal;
}

/****
Modal
*****/
#setPassword .modal-dialog {
	margin:12em auto;
}

#setPassword .modal-body {
	margin:3em 2em;
	padding:0;
}

#setPassword h5 {
	text-align:center;
	padding:0;
	margin-bottom:1.5em;
}

#setPassword fieldset {
	width:80%;
	margin:0 auto;
}

#enterprise .modal-body {
	padding-top:10px;
}

#enterprise a {
	float:right;
}

#enterprise a img {
	top:0;
}

#enterprise p {
	text-align:center;
	padding:1em 1em 0;
}

.learn-more-modal {
	display: none;
}

.learn-more-modal p {
	text-align:center;
	padding:0;
}

.learn-more-modal h3 {
	text-align:center;
	padding:0.7em 0 0 0;
	line-height:.8;
	font-size:1.4em;
}

#enterprise .pricing-modal {
	display: none;
}

#enterprise .enterprise-modal {
	display: none;
}

#enterprise .trial-modal {
	display: none;
}

#success .modal-body {
	padding-top:10px;
}

#success a {
	float:right;
}

#success .dim-rocket-2 {
	padding:0.7em 0 1em 19.19px;
}

#success h3 {
	text-align:center; padding:0;
}

#success h3:first-of-type {
	line-height:.8;
	font-weight:700;
}

#success h3:last-of-type {
	font-size:1.2em;
}

#brightsign_serial a {
	float: right;
}

#brightsign_serial h5 {
	margin: 1em 1.5em;
}

#brightsign_serial .modal-body div {
	height: 300px;
	margin-bottom: 1em;
	overflow: hidden;
}

#brightsign_serial img:not(.dim-close) {
	height: 300px;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	transition: all 2s ease;
	position: relative;
	bottom: 0px;
}

#brightsign_serial img:not(.dim-close):hover {
	height: 700px;
	position: relative;
	bottom: 190px;
}

.modal-show-nav {
	top:8%;
}

#mobileFirstEntry {
	flex-direction: column;
	justify-content: center;
}

#mobileFirstEntry .modal-dialog {
	max-width: 348px;
	margin-left: auto;
	margin-right: auto;
}

#mobileFirstEntry .modal-content {
	background-color: #E8E8E8;
}

#mobileFirstEntry .modal-body {
	margin-bottom: 1em;
}

#mobileFirstEntry .dim-close {
	float: right;
}

#mobileFirstEntry a:not(:first-of-type) {
	margin: 0 auto;
	display: block;
	max-width: 296px;
	max-height: 125px;
}

#mobileFirstEntry img:not(:first-of-type) {
	display: inline;
}

#mobileFirstEntry p {
	margin: 0;
	display: inline;
	color:#7E7C7C;
}

#mobileFirstEntry section {
	background-color: #FFF;
	border-radius: 6px;
	padding: 1em 0.5em;
	margin: 0px 0.5em;
}

#mobileFirstEntry .line-strike span {
	color: #4A5BFF;
	font-weight: 700;
	font-size: 0.9em;
	margin: 0.5em 0;
}

#mobileFirstEntry .line-strike > span:before, #mobileFirstEntry .line-strike > span:after {
	background-color: #4A5BFF;
	width: 30px;
	top: 43%;
	height: 2px;
}

#mobileFirstEntry .line-strike > span:before {
	margin-right: 8px;
}

#mobileFirstEntry .line-strike > span:after {
	margin-left: 8px;
}


#address .verify-address-suggestions {
	padding: 20px 20px 0px 20px;
}

#address-error-icon {
	margin-bottom: 4px;
}

#address .modal-dialog {
	max-width: 650px;
}

#address .address-radio-container {
	border-radius: 4px;
	padding: 10px 10px 1px 20px;
	margin-bottom: 8px;
}

#address .address-actions {
	margin-top: 16px;
	margin-bottom: 16px;
}

#address p {
	font-size: 1rem;
}

#address img {
	margin-left: 20px;
}

.address-modal-btn-container {
	margin-top: 12px;
}


/****
Block
****/
.block {
	padding: 4em 0 4em 0;
}

.block-bg-alt {
	background-color: #F8F8F8;
}
.block-bg-highlight {
	background-color: #4A5BFF;
}
.block-bg-divider {
	border-bottom: 1px solid #E2E5E9;
	border-top: 1px solid #E2E5E9;
}
.block-bg-gradient-left {
	background: linear-gradient(251.44deg, #FFFFFF 48.08%, #F5F6F7 100%);
}
.block-bg-gradient-right {
	background: linear-gradient(108.56deg, #FFFFFF 48.08%, #F5F6F7 100%);
}
.block-bg-gradient-bottom {
	background: linear-gradient(180deg, #FFFFFF 0%, #F5F6F7 100%);
}

.block h3 {
	font-family: "Rational Display", system-ui, sans-serif;
	font-size: 1.5rem;
	color: #000044;
	padding: 0;
	margin: 0;
	font-weight: 700;
}

.block h3 strong {
	color: #283544;
}

.block h4 {
	font-family: "Rational Display", system-ui, sans-serif;
	text-align: center;
	font-size: 1.5em;
	padding: 0.4em 0;
	margin: 0;
	line-height: 1.4em;
	font-weight: 400;
	color: #7E7C7C;
}

.block h4.small-header {
	color: #4A5BFF;
	font-size: 0.9rem;
	line-height: 1.2;
	font-weight: 900;
	text-transform: uppercase;
}

.block h5 {
	text-align: center;
	font-size: 1em;
	padding: 0.4em 0;
	margin: 0;
	line-height: 1.6em;
	font-weight: 400;
	color: #717070;
}

.block .product-title {
	font-family: "Rational Display", system-ui, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	padding: 0.4em 0;
	margin: 0 0 4px 0;
	line-height: 1.6em;
	font-weight: 600;
	color: #181A24;
}

.block .new {
	position: relative;
	text-transform: none;
	color: #038854;
	padding: 4px 4px 4px 4px;
	font-size: 14px;
	background: #C6FEEA;
	border: 1px solid #2BCF9B;
	border-radius: 4px;
	margin-left: 4px;
	bottom: 2px;
}

.block ul.bulleted-list {
	margin-left: 50px;
	font-size: 1.1em;
	letter-spacing: .01em;
	line-height: 1.6em;
	font-weight: 400;
	color: #717070;
}

.block ul.bulleted-list li {
	list-style-type: disc;
}

.block-bg h4 {
	color:#BABABA;
}

.block .learn-more-about {
	color: #4A5BFF;
	font-size: 1em;
	font-weight: 600;
	letter-spacing: .03em;
}

.block .learn-more-about img {
	padding-bottom: 0.2em;
	height: 15px;
	width: auto;
}

.block .shrink-margin {
	margin: -1em 0 -1.2em 0;
}

.block .block-list li {
	margin-bottom: 1em;
}

.block .block-list strong {
	margin-bottom: 0.5em;
}

/*******************
Testimonials block
********************/
.testimonial-large p {
	font-size: 1.5em;
	padding: 0 0 1em 0;
}

.testimonial-large img {
	float: left;
	padding: 0 1em 0 2em;
	height: 2.9em;
}

.testimonial-large section {
	float: left;
}

.testimonial-large h4 {
	color: #4A5BFF;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 1.1em;
	padding: 0;
	margin: 0;
	text-align: left;
}

.testimonial-large h5 {
	color: #4A5BFF;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 0.8em;
	padding: 0;
	margin: 0;
}

/*******************
Block Feature Bullet
********************/
.block-feature-bullet {
	padding: 0 2em 0 2em;
}

.block-feature-bullet img {
	padding: 2.5em 0 0 0;
	height: 9em;
}

.block-feature-bullet h4 {
	color: #000044;
	font-size: .9em;
	text-transform: uppercase;
	font-weight: 800;
	padding: 1.5em 0 1em 0;
	line-height: 1.2em;
}

.block-feature-bullet h4 strong {
	color: #4A5BFF;
	text-transform: uppercase;
	font-weight: 800;
	padding: 0 0.5em 0 0;
}

.block-feature-bullet p {
	font-size: 1em;
	letter-spacing: 0.03em;
	color: #434242;
}

/* Slighly improved version — wrap image in span.block-feature-icon */
/* Add custom width to span for tighter sizing */
/* Could be further improved by removing need for custom widths */
.block-feature-icon {
	display: flex;
	height: 6.5em;
	max-width: 100px;
	align-items: center;
	margin: 0 auto;
	width: 100%;
	padding: 0;
}

.block-feature-icon img {
	height: auto;
	max-width: 100%;
	max-height: 100%;
	padding: 0;
	align-items: center;
}

/***************************
Block Feature Bullet - Panel
****************************/
.block-feature-bullet.panel h4 {
	color:#606060;
	text-transform: none;
	font-size:1.5em;
	font-weight:200;
	padding-bottom: 0;
}

.block-feature-bullet.panel img {
	padding:1em 0 1.25em;
}

.block-feature-bullet.panel p {
	color:#6E6D6D;
	line-height: 1.75em;
	font-size:1.1em;
	font-weight:200;
	padding: 0 1.25em;
}

.panel-icon-block {
	padding-top:25px;
	padding-bottom:25px;
}

/*******************************
Block Feature Bullet - Condensed
********************************/
.block-feature-bullet.condensed div {
	padding-left:2em;
}

.block-feature-bullet.condensed h4 {
	font-size:1em;
	text-align:left;
}

.block-feature-bullet.condensed img {
	height:9em;
}

.core-header {
}

/*****************
Block Feature List
******************/
.block-feature-list {
	padding: 2em 0 2.5em 2em;
}

.block-feature-list li {
	padding: 0.2em;
	font-size: 1.1em;
}

.block-feature-list li:before {
	content: url("../../img/marketing/icons/check.png");
	margin: 0 0.4em 0 0;
}

/*****************
Block Trial
******************/
.block-trial {
	background: #3204AD;
	background-size: cover !important;
}

.block-trial-request{
	padding: 1em 0 2em 0;
}

.block-trial h3 {
	color: #FFF;
}

/*****************
Block Clients
******************/
.block-clients h3 {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 1em;
}

.block-clients ul {
	margin: 2.5em 0 0 0;
}

.block-clients li {
	padding: 1em;
}

/*****************
Block Industries
******************/
.block-industries ul {
	margin: 3em 0 0 0;
}

.block-industries h4 {
	padding: 0.5em;
	width: 150px;
	margin: 0 auto;
	color: #FFF;
	font-size: 1.1em;
	z-index: 2;
	position: relative;
}

.block-industries li img {
	margin: -4em 0 3.5em 0;
	z-index: 1;
}

/*********************
Block Comparison Chart
**********************/
.block-comparison {
	margin: 0 auto;
}

.block-comparison td {
	padding: 1.5em;
	border: 2px solid #EEEDED;
	font-weight: 700;
}

.block-comparison td i {
	font-size: 1.3em;
}

.block-comparison td .fa-check {
	color: #1872EC;
}

.block-comparison td .fa-close {
	color: #C93833;
}

.block-comparison tr td:nth-child(2) {
	background-color: #FBFAFA;
}

.block-comparison tr td:nth-child(3) {
	background-color: #F2F2F2;
}

/*****************
Block Collapsed
******************/
.block-collapsed {
	border-bottom: 2px solid #F2F2F2;
	z-index: 1;
}

.block-collapsed-header {
	padding: 1.2em 1.6em;
	font-size: 0.8em;
	font-weight: 800;
	color: #333;
	text-transform: uppercase;
	border: 2px solid #F2F2F2;
	background-color: #FFF;
	width: 15em;
	margin: 0 auto;
	top: 2em;
	position: relative;
	display: block;
	text-align: center;
	z-index: 2;
}

.block-collapsed-header:hover {
	background-color: #FCFCFC;
}

.img-fluid {
	margin:0 auto;
}

.md-description {
	padding: 0 7em;
}

/************
Clients Strip
*************/
.clients {
	margin: 10em 0 0;
}

.clients img {
	opacity: .6;
	height: 64px;
	width: auto;
}

.clients-sm {
	width:90%;
	margin: 4em 0 0;
	border-collapse:separate;
	border-spacing:1.5em;
}

.clients-sm img{
	opacity: .6;
	height: 64px;
	width: auto;
}


/************************
	Industry Pages
*************************/
#vertical .header-hero {
	max-height:650px;
}

#vertical h3 {

}

#vertical h5 {
	color: #4A4848;
	font-weight: 700;
	text-align: left;
}

#vertical a:hover {
	text-decoration: underline !important;
	color: #270075;
}

#vertical button {
	width: 309px;
	height: 65px;
}

#vertical .block:not(.center) h4 {
	text-align: left;
}

#vertical tr td {
	padding-bottom: 1em;
	padding-right: 0em;
}

#vertical tr td img {
	padding-top: 1em;
}

#vertical .block table img {
	width: 85px;
}

#vertical .block.block-bg-alt table img {
	width: 120px;
}

#vertical img.player-setup {
	height: 600px;
}

#vertical .client-strip {
	width: 100%;
	padding: 3em 0;
}

#vertical .client-strip td {
	width: 20%;
	padding-bottom: 0;
}

#vertical .client-strip td img {
	height: 4em;
	width: auto !important;
	padding-top: 0;
}

#vertical .dynamic-content h5 {
	padding-top: 0;
}

#vertical .dynamic-content .station-section img {
	width: 190px;
}

#vertical .dynamic-content .station-section h5 {
	text-transform: uppercase;
	font-size: 1em;
}

#vertical .dynamic-content .quote-section p {
	line-height: 28px;
}

#vertical .dynamic-content .quote-section .col-md-5 {
	display:flex;
	align-items:center;
	justify-content:center;
}

#vertical .dynamic-content .quote-section .col-md-5.quote-images {
	display: block;
}

#vertical .dynamic-content .quote-section img {
	width: 140px;
	float: right;
}

#vertical .dynamic-content .quote-section p img {
	width: initial;
	float: none;
	vertical-align: super;
	height: 11px;
}

#vertical .dynamic-content .quote-section .col-md-5.quote-images img {
	width: 80px;
	float: none;
	position: relative;
	left: 50%;
}

#vertical .music-match {
	padding-right: 4em;
}

#vertical .music-match img {
	margin: 0 auto;
	display: block;
}


/***************
Feature Switcher
****************/

.feature-switcher li {
	padding: 1em;
	background-color: #E9EDE6;
	border-bottom: 1px solid #DDD;
	position:relative;
}

.feature-switcher li:hover {
	background-color: #4A5BFF;
	color: #FFF;
}

.feature-switcher .icon {
	margin: 0.8em 0 0 0.5em;
	width: 4em;
	float: left;
}

.feature-switcher .icon-mobile {
	text-align:center;
	width:4em !important;
}

.feature-switcher section {
	margin: 0 0 0 6em;
}

.feature-switcher h3 {
	color: #FFF;
	background-color: #4A5BFF;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: 800;
	padding: 1em;
	text-align: center;
}

.feature-switcher h4 {
	color: #4A5BFF;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 800;
	padding: 0.5em 0 0 0;
	text-align: left;
}

.feature-switcher li:hover h4 {
	color: #FFF;
}

.feature-switcher p {
	text-align: left;
	font-weight: 400;
}

.switcher-menu {
	margin: 0;
	width: 15em;
	float: left;
}

.switcher-menu li {
	padding: 0.85em 2em;
	text-transform: uppercase;
	font-weight: 800;
	color: #888585;
	background-color: #F2EFEF;
	margin: 0 0 1px 0;
}

.switcher-menu li:hover {
	cursor: pointer;
	background-color: #E1E3E5;
	color: #333;
}

.switcher-menu .selected {
	background-color: #4A5BFF;
	color: #FFF;
}

.switcher-menu .selected:hover {
	background-color: #4A5BFF;
	color: #FFF;
}

.fake-switcher-menu {
	margin: 0;
	width: 15em;
	float: left;
}

.fake-switcher-menu li {
	padding: 0.85em 2em;
	text-transform: uppercase;
	font-weight: 800;
	color: #888585;
	background-color: #F2EFEF;
	margin: 0 0 1px 0;
}

.fake-switcher-menu .selected {
	background-color: #4A5BFF;
	color: #FFF;
}

.switcher-content {
	display: none;
	border-top: 4px solid #4A5BFF;
	border-right: 4px solid #4A5BFF;
	padding: 0;
	margin: 0;
	width: 34em;
}

.switcher-content li {
	border-left: 4px solid #4A5BFF;
	border-bottom: 4px solid #4A5BFF;
	float: left;
}

.switcher-content img {
	width: 11em;
	height: 11em;
}

.switcher-content-small {
	width:100%;
	margin:0 0 0 .5em;
}

.switcher-content-small ul {
	padding:0;
}

.switcher-content-small img {
	padding-right:0;
	padding-bottom:.9375em;
}

.talkbubble:before {
   content:"";
   position: absolute;
   left: 100%;
   top: 40px;
   width: 0;
   height: 0;
   border-top: 20px solid transparent;
   border-left: 28px solid #4A5BFF;
   border-bottom: 20px solid transparent;
}

/***********
Player Specs
************/
#player-specs {
	padding: 0;
}

#player-specs img {
	padding: 7em 4em 0 4em;
}

#player-specs dl {
	padding: 4em;
}

#player-specs dt {
	font-size: 0.75em;
	text-transform: uppercase;
	font-weight: 800;
	color: #999;
	padding: 0.35em 0 0.25em 0;
	margin: 0;
}

#player-specs dd {
	font-size: 0.8em;
	font-weight: 800;
	color: #555;
	padding: 0.25em 0 0.8em 0;
	margin: 0;
}

#player-specs h3 {
	font-size: 0.7em;
	text-transform: uppercase;
	font-weight: 800;
	color: #555;
	padding: 0;
	margin: 0;
	text-align: left;
}

#player-specs h4 {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: 700;
	color: #999;
	padding: 0.2em 0 0.4em 0;
	margin: 0 0 0.5em 0;
	text-align: left;
}

/****
FAQ (Deprecated)
****/
.faq li {
	border-left: 5px solid #4A5BFF;
	padding: 0 0 0 1em;
	margin: 1.8em 0.8em;
}

.faq h4 {
	color: #4A5BFF;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: 800;
	line-height: 1.3em;
	text-align: left;
	padding: 0 0 0.4em 0;
}

/****
Team
****/
.team {
	margin: 2em;
}

.team li {
	padding: 1em;
	min-height: 20em;
}

.team img {
	border-radius: 50%;
}

.team h4 {
	padding: 0.4em 0 0 0;
	margin: 0;
	font-size: 1.2em;
	font-weight: 800;
}

.team p {
	font-size: 0.9em;
	padding: 0;
	margin: 0;
}

/***************
Playlists Search
****************/
#search-music-results {
	height: 30em !important;
	overflow: auto;
	border: 1px solid #EEE;
	margin: 1em 0 0 0;
	padding: 1em;
}

.search-result:hover {
	cursor: pointer;
}

/*****************************
Customers Chunk - Old Homepage
******************************/
.customers img {
	height: 3em;
}


/*****************
Trial Pages Format
******************/
.trial-wrapper {
	overflow-x:hidden;
	position: absolute;
	width:100%;
}

.trial-pick-music div {
	padding-left:.2rem;
	padding-right:.2rem;
}

.trial-pick-music h3 {
	background-color: #4A5BFF;
	color: #FFF;
	padding: 1em 1em;
	margin: 0;
	font-size: 1em;
	font-weight:700;
	letter-spacing:.1em;
	border-top-left-radius: 0.2em;
	border-top-right-radius: 0.2em;
	text-transform: uppercase;
}

.trial-pick-music ul {
	background-color: #ececec;
	border: 1px solid #ccc;
	height: 40em;
	padding: 0;
	margin: 0;
	float: left;
	overflow-y:scroll;
}

.trial-pick-music li {
	height: 23em;
	padding: 0;
	margin: 0.4em 0em;
	border:3px solid #ececec;
	background-color:white;
}

.trial-pick-music li.active {
	border: 3px solid #4A5BFF;
	border-radius:.3em .3em 0 0;
	-webkit-animation: fadeIn40 0.4s ease-in-out;
	animation: fadeIn40 0.4s ease-in-out;
}

.trial-pick-music li:hover {
	cursor: pointer;
}

.trial-pick-music img {
	width:100%;
	opacity: 0.7;
	border-radius: 0.2em;
	-webkit-transition: all .2s ease-in-out;
	  -moz-transition: all .2s ease-in-out;
	  -o-transition: all .2s ease-in-out;
	  transition: all .2s ease-in-out;
}

.trial-pick-music li:hover img {
	opacity:1.0;
}

.trial-pick-music li.active img {
	opacity: 1.0;
}

.trial-pick-music h4 {
	padding: 0.5em 0 0 .5em;
	margin:0 0 .2em 0;
	color:#4A5BFF;
	font-weight:800;
	text-transform:uppercase;
	font-size:medium;
}

.trial-pick-music h4.tiny {
	font-size:small;
}

.trial-pick-music h5 {
	font-weight:800;
	font-size:small;
	padding: .1rem .5rem 0 .5rem;
	margin:0;
	line-height:.85rem;
}

.trial-pick-music p {
	font-size:small;
	color:grey;
	line-height:1rem;
	padding: .8rem .5rem 0 .5rem;
}

.truncate {
  height:1.2em;
}

input.trial {
	font-size:medium;
	padding:1rem 2rem;
	font-weight:700;
}

.trialTerms {
	display:block;
	float:none;
	text-align:center;
}

#trial.trial-background {
	padding-top: 2em;
	margin-bottom: 5em;
}

#trial .modal-body {
	background-color:#f3f3f3;
}

#trial .pill-head {
	position: absolute;
	color: #3204AD;
	text-align: center;
	z-index: 100;
	top: 50px;
	left: 0;
	right: 0;
	width: 45%;
	font-size: 0.9em;
	padding: 0.8em;
	margin-top: 0;
	max-width: 650px;
}

.unprocessable {
	color: #2E2F38;
}

.unprocessable a {
	text-decoration: underline;
	color: #3204AD;
}

.plan-choice:hover {
	background-color: #3204AD;
}

.geo-bg {
    background-color: white;
    background-attachment: fixed;
    /*overflow: hidden;*/
    /*background-image: url(https://d2x3f3hu3pbot6.cloudfront.net/static/dashboard/images/bg.jpg?85ac239a);*/
    /*background-blend-mode: multiply;*/
    background-size: cover;
    background-repeat: no-repeat;
}

#trial .trialHeader {
	background-color: transparent;
}

#trial .trialHeader table {
	margin: 0 auto;
}

#trial .trialHeader h3 {
	font-size: 2.35em;
}

#trial .trialHeader h3, #trial .trialHeader h2, #trial .trialHeader a {
	color: #000044;
}

#trial .trialHeader .row {
	margin-top: 1em;
	margin-bottom: 1em;
}

#trial .trialHeader a {
	text-decoration: underline;
}

#trial .trialHeader td img {
	height: 2.5em;
	max-width: 130px;
	display: block;
	margin: 0 auto;
}

#trial .modal-header a[data-toggle="modal"] {
	position: absolute;
	right: 18px;
}

#trial .modal-header div {
	margin-top:0.5em;
}

#trial .modal-header div h3 {
	text-align:center;
	padding:0.7em 0 0 0;
	line-height:.8;
	font-size:1.7em;
	font-weight: 700;
	margin-bottom: 0.5em;
}

#trial .modal-header div p {
	text-align:center;
	padding:0;
}

#trial .trialSectionB {
	/*display: none;*/
}

#trial .trialSectionC {
	/*display: none;*/
}

#trial fieldset {
	margin-bottom: 0;
}

#trial fieldset input {
	border-radius: 4px;
}

#trial section {
	margin: 0 1em 2em;
}

#trial.trial-background .trialSectionA, #trial.trial-background .trialSectionB, #trial.trial-background .trialSectionC, #trial.trial-background form {
	-webkit-backface-visibility: hidden;
	background: transparent;
}

#trial section .row {
	margin-bottom: .5em;
}

#trial section i {
	color: #2E2F38;
	padding-right:0.2em;
}

#trial section span {
	font-size:0.9em;
	letter-spacing: 0.01em;
}

#trial .trialSectionA .line-strike {
	margin: 1.5em 1em 2em;
}

#trial .trialSectionB .line-strike {
	margin: 1.7em 1em 2em;
}

#trial .trialSectionC .line-strike {
	margin: 0.5em 1em 2em;
}

#trial:not(.trial-background) .line-strike div {
	border-color: black;
}

#trial:not(.trial-background) .line-strike div.active {
	background-color: black;
}

#trial .trialSectionC > div.row  {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

#trial .trialSectionC > div.row ~ div.row {
	margin-left: -15px;
	margin-right: -15px;
}

#trial .trialSectionC section {
	font-size: 1.1em;
	margin: 1em auto 1.5em;
}

#trial .button-blue {
	width: 250px;
}

#trial .button-blue.verifyAddressModal {
	display: inline-block;
}

#trial.trial-background .button-blue {
	background-color: #3204AD;
}

#trial *:not(.modal-header) p {
	margin-top: 0.5em;
}

#trial.trial-background, #trial.trial-background section, #trial.trial-background fieldset label, #trial.trial-background section i, .subscriber-terms {
	color: #2E2F38;
}

#trial.trial-background .alert {
	background-color: #efc3c3;
	border-color: #f1a4a4;
}

#trial .alert p {
	color: #a94442;
}

#trial.trial-background p a, .activate-trial a {
	text-decoration: underline;
	color: #3204AD !important;
}

#trial.trial-background p a:hover, #trial .trialHeader a:hover, .unprocessable a:hover, .activate-trial a:hover  {
	text-decoration: underline !important;
	color: #270075 !important;
}

#trial .bNoUser a {
	text-decoration: underline;
	color: #3204AD !important;
}

/************************
Trial Flow / Buy Flow Nav
*************************/
.current {
	background-color: #4A5BFF;
	text-transform: none;
	padding:.5rem .62rem !important;
	display: inline-block;
	float: none !important;
}

.current span {
	color:white;
	font-size:medium;
	font-weight:700;
}

.not-current {
	background-color: #BABABA;
	text-transform: none;
	padding:.5rem .62rem !important;
	display: inline-block;
	float: none !important;
}

.not-current span {
	color:white !important;
	font-size:medium;
	font-weight:700;
}

.smallSpan {
	font-weight:500 !important;
	font-size:small !important;
}

.navbar-brand {
	float: none;
}

.navbar.center .navbar-inner {
	text-align: center;
}

.buy-nav {
	height:75px;
    position: fixed;
    background-color: white;
    width: 100%;
    z-index: 900;
    padding: 1.5em 1.4em 0em 1.4em;
    overflow-x: hidden;
    overflow-y: hidden;
    border-bottom: 1px solid #efefef;
}

.buy-nav li {
	margin:-33px auto 0;
	display:inline-block;
	width:100px;
	height:35px;
}

.buy-nav-mobile {
	position: static;
}

.edit-order {
	top: 2px;
	color: #4A4848;
	margin-left: .5em;
	display: inline-block;
	position: relative;
	font-weight: 600;
}

.faded h3 {
	color: #4A4848;
	font-weight: 700;
	font-size: 2.2em;
	text-align: center;
	font-style: normal;
	padding: 2em 0 0 0;
}

.faded h2 {
	padding: 0 .3em;
    color: #7E7C7C;
}

.chevron-text {
	font-size: .9em;
	color:white;
	position:absolute;
	top:1.8px;
	padding-left: 14px;
	font-weight: 600;
	text-transform: uppercase;
}

.buy-nav-contact {
	color:#4A4848 !important;
	text-transform:none;
	padding-top: 2px;
	float: right;
}

.chevron {
	top:-3.7px;
	display: inline-block;
	position: relative;
	text-align: center;
	height: 100px;
	width: 35px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.chevron:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 53%;
	background: lightgrey;
	-webkit-transform: skew(0deg, 30deg);
	-moz-transform: skew(0deg, 30deg);
	-ms-transform: skew(0deg, 30deg);
	-o-transform: skew(0deg, 30deg);
	transform: skew(0deg, 30deg);
}

.chevron:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 50%;
	background: lightgrey;
	-webkit-transform: skew(0deg, -30deg);
	-moz-transform: skew(0deg, -30deg);
	-ms-transform: skew(0deg, -30deg);
	-o-transform: skew(0deg, -30deg);
	transform: skew(0deg, -30deg);
}

.chevron-select {
	top: -3.7px;
	display: inline-block;
	position: relative;
	text-align: center;
	height: 100px;
	width: 35px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.chevron-select:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 53%;
	background: #3204AD;
	-webkit-transform: skew(0deg, 30deg);
	-moz-transform: skew(0deg, 30deg);
	-ms-transform: skew(0deg, 30deg);
	-o-transform: skew(0deg, 30deg);
	transform: skew(0deg, 30deg);
}

.chevron-select:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 50%;
	background: #3204AD;
	-webkit-transform: skew(0deg, -30deg);
	-moz-transform: skew(0deg, -30deg);
	-ms-transform: skew(0deg, -30deg);
	-o-transform: skew(0deg, -30deg);
	transform: skew(0deg, -30deg);
}​

.trial-nav {
	background-color:white;
	width:100%;
	z-index:900;
	padding: 2em 1.4em 0em 1.4em;
	overflow-x:hidden;
}

.trial-nav li {
	max-width:10.75rem;
	float:none;
}

.trial-nav-contact {
	color:grey !important;
	text-transform:none;
	padding-top: 12px;
}

.trial-nav-bigSteps {
	line-height:1.5rem;
	padding:0rem;
	text-align:left !important;
}

.darkSpan {
	color:#4A5BFF;
}

.trial-mobile-nav {
	position:fixed;
	width:100%;
	border-bottom:1px solid lightgrey;
	background-color:white;
	z-index:1000;
	height:4.55em;
	overflow-x:hidden;
}

.trial-mobile-nav ul {
	margin-top: 3px;
}

.trial-mobile-nav li {
	min-width:4rem !important;
}

.navbar.center .navbar-inner .nav {
	float: none;
	display: inline-block;
}

.header.trialHeader {
	padding:0 0;
	border-bottom-style:none;
}

.mobilePadding {
	padding:4.5rem 0 0 0;
}

.mobilePadding-head {
	padding: 1.7rem 0 0 0;
}

.trialHeader div.webPadding {
	padding:1rem 0 0 0;
}

.subNavWrap {
	padding:0 .5rem .5rem 0;
	position:fixed;
	z-index:1000;
	right:0;
}

.subNav {
	background-color:white;
	border:2px solid lightgrey;
	border-top-style:solid black;
	border-radius:0 0 .5rem .5rem;
	padding:.2rem .5rem .2rem .5rem;
	text-transform:none;
}

.subNav span {
	color:grey;
}

.subNav a {
	color:#4A5BFF;
}

.subNav img {
	height:1.2rem;
	float:right;
	padding:.1rem 0 0 0;
	background-color:white;
}

.subNav-success {
	top:0;
}

.header.trialHeader h3 {
	color:#4A4848;
	font-weight:700;
	font-size: 1.9em;
	text-align:center;
	font-style:normal;
	padding:1.7rem 0 0 0;
}

.header.trialHeader h2 {
	padding:0 .3em;
	color:#7E7C7C;
}

.header.trialHeader span {
	float:none;
	text-align:center;
	font-weight:700;
	color:#5E5E5E;
}

.trialHeader div.mobileSpacing {
	padding:1rem 0 0 0;
}

.trialHeader div.webSpacing {
	padding:3.5rem 0 0 0;
}

.buttonWrap {
	position:relative;
	margin:0 0;
	padding:1rem 0 .5rem 0;
	display:block;
	float:none;
	width:100%;
}

.buttonWrap img {
	background-color: #4A5BFF;
	padding:0 0 .3rem .8rem;
}

.buttonWrap a {
	padding:0;
}

.buttonWrap button h6 {
	padding:.4rem 0 .2rem .8rem;
	letter-spacing:.1rem;
}

.buttonWrap-overlay {
	position: absolute;
    top: 1.9em;
    left: 4.5em;
    height: 3.5em;
    width: 67%;
    border-radius: 1.4em;
    z-index:100;
}

.inactive-overlay {
	position:absolute;
	width:100%;
	top:5.3em;
	height:1.2em;
	background-color:white;
	padding:0;
	text-align:center;
	z-index:200;
}

.trialSignIn {
	margin: 0;
	padding: 0;
	color:#2E2F38;
	font-weight:100;
	font-size:.9rem;
}

.trialSignIn span {
	font-weight: 900;
}

.trialSignIn a {
	font-weight:700;
	cursor: pointer;
	color: #3204AD !important;;
}

a#subscriber-terms-link {
	color: #3204AD !important;
}

.trialButtonCaption {
	font-weight:800;
	text-transform:uppercase;
	font-size:.8rem;
	float:none;
	text-align:center;
}

.resetPadding {
	padding:0 0 !important;
}

.trialSuccess {
	margin:1.25rem 1.95rem !important;
	border-radius:.1rem !important;
	background-color:white !important;
}

.success-instructions p {
	text-align: center;
	font-weight:800;
	color: #FFF;
	line-height: 1.2em;
	padding-top:1em;
}

.success-instructions tr {
	margin-bottom: 1em;
}

.success-instructions td {
	vertical-align: super;
	padding-bottom: 1em;
}

.success-instructions img {
	width: 1.25em;
	height: auto;
	margin-right: 1em;
}

.success-instructions a {
	color: white !important;
}

/**************
Buy Flow Format
***************/
.buy-container {
	display:flex;
	min-height:40em;
	min-width:1180px;
	position:relative;
	background-color:#f3f3f3;
}

.buy-wrap {
	position: absolute;
	width:1140px;
	height:100%;
	margin-top: 1em;
}

.buy-container-mobile {
	min-width:100%;
}

.buy-wrap-mobile {
	width:100%;
}

.buy-wrap-left {
	padding:1em 1em 2.7em 4em;
}

.buy-bullet {
	float:left;
}

.buy-bullet img {
	top: -5px;
	position: relative;
	padding-right:10px;
}

.disclosure {
	float: left;
	position: relative;
    top: -8px;
	margin-left: 3em;
}

span.group-fitness-disclosure {
	display:block;
	float: left;
	position: relative;
	top: -8px;
	margin-left: 3em;
}

.buy-list {
	background-color:white;
	padding:1.25em 3em 1.25em 1em;
	height:auto;
	border-radius:.5em;
	border-left: 8px solid #3204AD !important;
	margin-bottom:.5em;
}

.buy-list li {
	margin-top:.8em;
}

.buy-list a:hover, .alert-info a:hover{
	text-decoration: underline !important;
	color: #270075;
}

.buy-list-image {
	width: 190px;
	padding: 0.5em .75em;
	background-color:#f3f3f3;
	border:1px solid lightgrey;
	border-radius:7px;
}

.buy-input {
	background-color: white;
}

.check-blue, .alert-info a {
	color:#3204AD;
}

.false-input {
	background-color: transparent;
	border: none;
	color: #0275d8;
	float:right;
	width:initial;
	height: initial;
}

.false-input:hover {
	color:#014c8c;
}

/*****************
Vertical Selection
******************/
.venue-select-hidden {
	display: none;
}

.venue-select {
	display:block;
}

.venue-select input {
	font-size: 1em;
	font-weight: 600;
	background-color: white;
	color:#4A4848;
	border:1px solid #EBE8E8;
	line-height: 3.5em;
}

.venue-select input.border-left {
	border-left:none;
}

.venue-select .bottom input {
	border-bottom:1px solid #EBE8E8;
	border-top: none;
}

.venue-select input:hover {
	background-color: #3204AD;
	color:white;
}

.vSelect-hidden {
	display: none;
}

.vSelect {
	display:block;
	margin-bottom: 1.5em;
}

.vSelect input {
	font-size: 1em;
	background-color: #3204AD;
	color:white;
	border:1px solid lightgrey;
	line-height: 3.5em;
}

.vSelect input:hover {
	background-color: #270075;
	color:white;
}

/*************
Plan Selection
**************/
.no-plan {
	padding-top:.5em;
}

.no-plan-hidden {
	display: none;
}

.plan-choice {
	float:right;
}

.plan-section-hidden {
	display: none;
}

.plan-section {
	display: block;
}

.plan-selected {
	border: 4px solid #4A5BFF !important;
	border-left: 8px solid #4A5BFF !important;
}

.plan-select-hidden {
	display:none;
}

#addons-section {
	margin: 0px 0 30px 0;
}
#addons-section input[type="checkbox"] {
	/* 1.5x-sized Checkboxes */
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	padding: 10px;
	margin-top: -2px;
}
#addons-section h6 {
	display: inline-block;
	font-size: 1rem;
	margin: 8px 8px 8px 0;
	font-weight: 500 !important;
}


#addons-section .add-on-description{
	font-size: 0.9em;
}

/* -- Custom jumbo checkbox styles: -- */
.checkbox-list__item {
	position: relative;
	padding: 6px 0;
	display: block;
	cursor: pointer;
	margin: 0 0 0 34px;
}
.checkbox-list__item:last-of-type {
	border-bottom: 0;
}

.checkbox-list__check {
	width: 25px;
	height: 25px;
	border: 2px solid #b4bcc2;
	background: white;
	position: absolute;
	left: -34px;
	top: 50%;
	margin-top: -12px;
	transition: border .3s ease;
	border-radius: 5px;
}
.checkbox-list__check:before {
	position: absolute;
	display: block;
	width: 21px;
	height: 22px;
	top: -1px;
	left: 0px;
	padding-left: 3.5px;
	background-color: transparent;
	transition: background-color .3s ease;
	content: '\2713';
	font-family: initial;
	font-size: 19px;
	color: white;
}

/*"<?=URL_IMG?>/logo/logo_blue.png?<?=VERSION?>"*/

input[type="checkbox"]:checked ~ .checkbox-list__check {
	border-color: #3204AD;
}
input[type="checkbox"]:checked ~ .checkbox-list__check:before {
	background-color: #3204AD;
}

input[type=checkbox], [type=radio]:checked {
	accent-color: #3204AD;
}
/* --- End checkbox styles --- */

/***************
Player Selection
****************/
.player-select {
	display:block;
}

.player-selected {
	border: 4px solid #4A5BFF !important;
	border-left: 8px solid #4A5BFF !important;
}

.player-select-hidden {
	display:none;
}

.player-select-engage-hidden {
	display:none;
}

.player-price {
	text-align: center;
    top: 7px;
    position: relative;
    font-size: 2em;
    font-weight: 600;
}

.no-player {
	background: transparent url(../../img/marketing/icons/learn-more-arrow-grey.png) right no-repeat;
}

.no-player:hover {
	background: transparent url(../../img/marketing/icons/learn-more-arrow-darkgrey.png) right no-repeat;
}

/**********************
Shipping / Billing Page
***********************/
.error-modal {
	margin: 1em;
	color: #4A4848;
	font-size: 1.2em;
	text-align: center;
}

.cookie-expired .modal-dialog {
	top:17%
}

.cookie-expired .modal-body div {
	margin: 2em 1em 1em;
	color: #4A4848;
	font-size: 1.2em;
	font-weight:700;
	text-align: center;
}

.cookie-expired .modal-body span {
	font-size:.8em;
	font-weight: 400;
}

.cookie-expired a {
	float:right;
}

.shipping-option {
	margin-left:-.9375rem;
}

.shipping-hidden {
	display:none;
}

.billing-hidden {
	display: none;
}

.default-payment-hidden {
	display:none;
}

.other-payment-hidden {
	display:none;
}

.new-payment-hidden {
	display:none;
}

.card-section {
	margin-top: 1em;
}

.address-radio {
	margin-top: 8px;
	padding-left:0 !important;
}

.address-radio div {
	font-size: 1em;
	font-weight: 400 !important;
}

.address-radio input[type=checkbox] {
	margin-top: .3rem;
    margin-left: -1rem;
}

.address-radio input[type=checkbox] {
    top: -2px;
    position: relative;
}

.addressFormat {
	margin: .25em 1.35em;
}

.address-chunk div {
	font-size: 1em;
	font-weight: 400;
	color: #7E7C7C;
	line-height: 1.3em;
}

.multi-address-chunk {
	margin-left: 1em;
}

.multi-address-chunk label {
	top: 24px;
	margin: 0;
}

/************
Order Summary
*************/
.price {
	float:right;
	top:10px;
	position:relative;
	font-weight: 600;
}

.price-period {
	margin-top: 3px;
	float:right;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: 700;
	letter-spacing: 0;
	width: 100%;
	text-align: right;
}

.order-summary {
	background-color:#FCFAFA;
	margin:1em 2em;
	padding:.75em 0em 0em;
	position:fixed;
	border: 1px solid #EBE8E8;
}

.order-summary-mobile {
	position: static;
	margin:2em 0 2em !important;
}

.order-top {
	padding:0em 0.5em .5em;
	margin:0;
}

.order-top h4 {
	font-size: 1.1em;
	font-weight: 600;
	color: #4A4848;
	top:2px;
}

.order-promo {
	float:right;
	text-align:right;
}

.order-promo a {
	font-size: .9em;
	font-weight: 600;
	color: #7E7C7C;
}

.order-promo a:hover {
	color: #4A4848;
}

.order-edit {
	font-size: .9em;
	font-weight: 600;
	color: #3204AD;
}

.order-edit:hover, .section-subhead a:hover, .trialSignIn a:hover, a#subscriber-terms-link:hover {
	color: #270075 !important;
	cursor:pointer;
	text-decoration: underline !important;
}

.order-mid {
	background-color: white;
	border-top: 1px solid #EBE8E8;
	border-bottom: 1px solid #EBE8E8;
	width:100%;
	padding: 1em 1.5em;
	line-height:.7;
}

.order-mid .price {
	font-size: 1.4em;
	font-weight: 400;
	color: #4A4848;
	top: 23px;
}

.order-bottom {
	 width:100%;
	 padding:.5em 1.5em 1em;
}

.order-bottom .row {
	margin: 0;
}

.order-bottom div {
	font-size: 1em;
	font-weight: 400;
	color: #A5A5A5;
}

.order-bottom .price {
	font-size: 1.4em;
	font-weight: 400;
	color: #4A4848;
	position: static;
}

/*body.modal-open .order-summary {
	margin:1em 2.9em 1em 2em;
}*/

/***************
Promo Code Modal
****************/
.promo-code {
	width:550px;
}

.promo-code .modal-content {
	background-color: #f3f3f3;
}

.promo-code .modal-body {
	padding: 0;
}

.promo-code a {
	float:right;
	padding:.25em 1.5em 0 0;
}

.promo-code div.row {
	 position:relative;
	 top:20px;
	 left:30px;
}

.promo-code label {
	color:#000044;
	font-weight:800;
	text-transform:uppercase;
	margin-bottom: .3em;
}

.promo-code input.input-text {
	background-color:white;
	height:2.8em;
	font-size:1.2em;
}

.promo-code input.button-blue {
	font-weight: 700;
	font-size: .955em;
	top: 26px;
	position: relative;
}

/********
Help Tip
*********/
.help-tip {
	position: absolute;
	top: -16px;
	right: -150px;
	text-align: center;
	padding-left: 0;
	background-color: #4A5BFF;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	font-size: 14px;
	line-height: 26px;
	cursor: default;
}

.help-tip:before {
	content:'?';
	font-weight: bold;
	color:#fff;
	padding:0 0 0.2em .2em;
}

.help-tip:focus p {
	display:block;
	transform-origin: 100% 0%;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
}

.help-tip:hover p {
	display:block;
	transform-origin: 100% 0%;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
}

.help-tip p {	/* The tooltip */
	display: none;
	text-align: left;
	background-color: #4A5BFF;
	padding: 20px;
	width: 300px;
	position: absolute;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	right: -4px;
	color: #FFF;
	font-size: 13px;
	line-height: 1.4;
	z-index:100;
}

.help-tip p:before { /* The pointer of the tooltip */
	position: absolute;
	content: '';
	width:0;
	height: 0;
	border:6px solid transparent;
	border-bottom-color:#1E2021;
	right:10px;
	top:-12px;
}

.help-tip p:after { /* Prevents the tooltip from being hidden */
	width:100%;
	height:40px;
	content:'';
	position: absolute;
	top:-40px;
	left:0;
}

.buy-flow-wrap a.tip {
	position: absolute;
	top: 19px;
	right: 0;
	background-color: #A5A5A5;
	width: 24px;
	border-radius: 22px;
}

.buy-flow-wrap a.tip div {
	margin-left:2px;
	color: white;
}

.buy-flow-wrap a.tip:hover {
	background-color: #7E7C7C;
}

/*****************
Venue Details Page
******************/
.venue-header .fa {
	color: #EEE;
}

.venue-header a .fa:hover {
	color: #FFF;
}

.venue-header p {
	text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}

.venue-subheader {
	background-color: #3204AD;
	color: #FFFFFF;
}

.venue-subheader h3 {
	padding: 1em 3em;
	text-align: center;
	font-size: 1.4em;
	line-height: 1.4em;
}

.venue-now-playing img {
	border-radius: 0.5em;
}

.venue-now-playing h4 img {
	border-radius:50%;
}

.venue-now-playing h5 {
	color: #4A5BFF;
    font-size: .9em;
    text-transform: uppercase;
    font-weight: 800;
    padding: 0 0 1em 0;
    line-height: 1.2em;
    text-align: left;
}

.venue-now-playing h3 {
	text-align: left;
	margin: 0;
}

.venue-now-playing h4 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	padding: 0.5em 0.1em 0.1em 0.1em;
	margin: 0;
}

.venue .preview-auto {
	padding: 0.8em 4em;
    border-radius: 2em;
    border: 3px solid #666;
    background-color: #FFF;
    color: #666;
    margin: 0.5em;
    display: inline;
}

.venue .preview-auto:hover {
    background-color: #EEE;
    color: #666;
}

/************
About Us Page
*************/
.about-us-header {
	padding: 1em 0 0.6em 0 !important;
}


.about-us-header div.row {
	position: relative;
	top: 65px;
}

.about-us-header h1 {
	padding: 1em 0.5em 0 0.5em !important;
	font-size: 2.5rem !important;
	line-height: 2.8rem !important;
}

.about-us-header h2 {

}

.about-us {
	padding: 0 1em;
}

.about-us h1 {
	text-align: center;
	color: #4A5BFF;
	font-weight: 900;
	margin-bottom: 0.75em;
	font-size: 40px;
	line-height: 64px;
}

.about-us p {
	line-height: 22px;
}

.about-us h6 {
	position: relative;
	bottom: 2em;
	margin-bottom: 1em;
	line-height: 22px;
}

.about-us figcaption {
	color: black;
}

.about-us figcaption {
	font-size: 13px;
}

.about-us figcaption b {
	font-size: 14px;
}

.about-us .round img {
	border-radius: 100%;
	margin-bottom: 1em;
}

.about-us .round a:hover figcaption {
	color: #7E7C7C;
}

.about-us .quote-switcher .row.center {
	background-color:#4A5BFF;
	color:white; height:300px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align: center;
	font-size:48px;
	line-height: 56px;
	padding:2em;
}

.quote-switcher .bubble {
   width: 0;
   height: 0;
   left: 21%;
   position: absolute;
   border-left: 30px solid transparent;
   border-right: 30px solid transparent;
   border-top: 30px solid #4A5BFF;
}

.about-us .quote-switcher .row:not(.center) {
	margin: 2em 0;
}

.about-us .quote-switcher img {
	margin: 0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
}

.quote-switcher img:not(.active):hover {
	cursor: pointer;
}

.about-us .leadership-popup {
	display: none;
	padding: 1em;
	margin-top: 2em;
	width: 1020px;
	height: 510px;
	border: 0.5px solid #95999D;
	box-sizing: border-box;
}

.about-us .leadership-popup h3 {
	font-weight: bold;
	font-size: 40px !important;
}

.about-us .leadership-popup h4 {
	text-align: left;
	margin-bottom: 1em;
}

.about-us .leadership-popup img {
	border-radius: 100%;
}

.about-us .leadership-popup .close {
	position: absolute;
	top: 8px;
	right: 32px;
}

.about-us .leadership img {
	max-width: 100%;
	padding: 4px;
}

.about-us .leadership h2 {
	font-size: 40px;
	line-height: normal;
	font-weight: 700;
}

.about-us .leadership h2 {
	padding: 8px 0 4px 0;
	margin: 0;
	color: #333;
	font-size: 24px;
}

.about-us .leadership h5 {
	padding: 0;
	margin: 0;
}

.about-us .leadership .a {
	position: relative;
	left: 30px;
}

.about-us .leadership .c {
	position: relative;
	right: 30px;
}

.about-us .location .row.center section {
	text-align: left;
	margin-left: 35px;
}

.about-us .location .row.center div span {
	color: #4A5BFF;
	font-weight: 700;
}

.about-us .location img {
	max-width: 100%;
}

.about-us .location div.row:last-of-type {
	text-align: center;
	margin: 2em 0 4em 0;
}

/*****************
App Page
******************/

.app-feature {
	background-image: url('../../img/marketing/headers/request-grid.png');
	background-position: center;
	background-size: cover;
}

.align-items-center {
	display: flex;
	align-items: center;
}

.justify-content-center {
	display: flex;
	justify-content: center;
}

.no-right-padding {
	padding-right: 0;
}

.app-feature-pad-right {
	padding-right: 64px;
}

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

.learn-more-icon {
	height: 100% !important;
	width: 22px !important;
	padding: 0 !important;
	cursor: pointer;
}

.app-feature-screen {
	height: 500px;
	width: auto;
}

.fade-80 {
	opacity: 0.8;
}
.fade-50 {
	opacity: 0.5;
}
.fade-20 {
	opacity: 0.2;
}

.block-reviews {
	background-size: 100%;
	padding-bottom: 12.5em;
}

.stars-overall-rating {
	max-height: 50px;
	max-width: 75%;
	width: auto;
	margin-bottom: 32px;
}

.ratings .uppercase-title {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.ratings .uppercase-title h3,
.ratings .uppercase-title-mobile h3 {
	font-size: 24px !important;
	text-align: center;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #000044;
	font-weight: 800;
}

.ratings .uppercase-title-mobile {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.five-star-rating {
	height: 16px;
	width: auto;
	margin: 0 0 8px;
}

.ratings hr {
	margin: 1.5rem 0;
}

.light-header-description {
	line-height: 27px;
	font-size: 19px;
	color: #63666A;
	font-weight: 300;
}

.light-description {
	line-height: 25px;
	font-size: 18px;
	color: #63666A;
	font-weight: 300;
}

.mobile-app-features h4 {
	color: #000044;
	font-size: .9em;
	text-transform: uppercase;
	font-weight: 800;
	padding: 1.5em 0 1em 0;
	line-height: 1.2em;
}

.mobile-app-features img {
	height: 360px;
	width: auto;
}

.pad-bottom {
	padding-bottom: 48px;
}

/*****************
Enterprise Payment
******************/
#zuora_payment {
	height: 100%;
}
#zuora_payment iframe {
	height: 100%;
	width: -webkit-fill-available;
}

/************
CSS Keyframes
*************/
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		transform: scale(0.6);
	}

	100% {
		opacity: 100%;
		transform: scale(1);
	}
}

@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 100%; }
}

@-webkit-keyframes fadeIn40 {
	0% { opacity: 0.4; }
	100% { opacity: 100%; }
}

@keyframes fadeIn40 {
	0% { opacity: 0.4; }
	100% { opacity: 100%; }
}

.bzOpening {
	clear: both;
	float: left;
	margin-bottom: 50px;
	width: 100%;
}

.bzOpening h2 {
	font-size: 1.6em;
}

.bzButtonApply {
	background-color: #4A5BFF;
	color: #FFFFFF;
	border: 0;
	margin: 0;
	font-size: 0.8em;
	letter-spacing: 0.05em;
	text-align: center;
	text-transform: uppercase;
	padding: 1em 4em;
	margin: 0 20px 0 0 !important;
	font-weight: 800;
	border-radius: 2em;
	white-space: nowrap;
	float: left;
}

.bzMeta {
	float: left;
	left: 100px;
}

/***************************
		MEDIA QUERIES
***************************/
@media all and (min-width: 1260px)
{
	.player-choice
    {
        position: relative;
        right: 30px;
    }
}
@media all and (max-width: 1356px)
{
    .trial-nav-contact {
    	padding-top: 2px;
    }
}
@media all and (max-width: 1260px)
{
	.player-choice
    {
        position: relative;
        right: 40px;
    }
}
@media all and (max-width: 1199px)
{
    .pill-head h2
    {
    	font-size: 1em !important;
    }
     .pill-head
    {
        width:70%;
    }
    .help-tip {
    	right: -100px;
    }
    #vertical img.player-setup {
    	margin-top: 2em;
    }
    .about-us .leadership .a {
    	left: 0px;
    }
    .about-us .leadership .c {
    	right: 0px;
    }
    .about-us .leadership h2 {
    	font-size: 32px;
    	left: 42px;
    }
    .about-us .leadership h5 {
    	font-size: 15px;
    	left: 42px;
    }
    .about-us .location .row.center section {
    	margin-left: 0px;
    }
}
@media all and (min-width: 768px) and (max-width: 991px)
{
    .footer h4 {
    	font-size: .85em;

    }
}
@media all and (max-width: 991px)
{
	.g-recaptcha {
		width:100%;
	}
	.g-recaptcha-half {
		width:50%;
	}
	.pill-head
    {
        width:90%;
    }
    .trial-pick-music li
    {
        height: 18em;
    }
	.buy-list-image
    {
        width: 100%;
    }
	.player-choice
    {
    	right: 0px;
    }
    .help-tip {
    	right: -175px;
    }
    .trial-nav img {
    	margin-top: 8px;
    }
    #vertical .dynamic-content .quote-section img {
    	float: none;
    }
    #vertical .dynamic-content .station-section i {
    	padding:0 1em;
    }
    #vertical .music-match {
    	padding-right: 1em;
    }
    #vertical .music-match img {
    	width: 300px
    }
    #vertical .dynamic-content .quote-section .quote-images img {
    	width: 100px;
    	margin: 0 1em;
    }
    .about-us h1 {
    	margin-bottom: 0.5em;
    	font-size: 40px;
    	line-height: 64px;
    }
    .about-us .quote-switcher .row.center {
    	height: 350px;
    }
    .about-us .leadership h2 {
    	font-size: 20px;
    	left: 24px;
    }
    .about-us .leadership h5 {
    	left: 24px;
    }
    .about-us .leadership-popup h4 {
    	text-align: center;
    }
    .about-us .leadership-popup p {
    	text-align: left;
    }
    .about-us .leadership-popup {
		margin: 0 auto 3em;
    	width: 500px;
    	height: 480px;
    }
    .block-reviews {
    	background-size: auto;
    }
}

@media all and (max-width: 952px)
{
	.venue-select input {
		font-size: 0.85em;
	}
	.buy-nav-contact {
		padding-top: 0px;
		margin-top:-10px;
	}
}

@media all and (max-width: 768px)
{
	.app-feature {
		background-image: none;
	}
	.venue-now-playing h3, .venue-now-playing h4, .venue-now-playing h5 {
		text-align: center;
	}
	.venue-now-playing h3 {
		margin-top: 0.2em;
	}
	.venue-now-playing h4 {
		margin-top: 0.5em;
	}
	.g-recaptcha {
		width:60%;
	}
	.pill-head h2
	{
		font-size: .9em !important;
	}
    .pill-head
    {
        width:100%;
    }
    .help-tip {
    	right: -350px;
    }
    .trial-nav img {
    	margin-top: 2px !important;
    }
    .trial-nav .resetPadding ul {
    	margin-top: 6px;
    }
    #vertical .block.block-bg-alt h4 {
        text-align: center;
    }
    #vertical tr td {
    	padding-bottom: 1em;
    }
    #vertical .client-strip td {
    	width: 50%;
    	padding-bottom: 1em;
    }
    #vertical h3 {
    	padding: 0 1em;
    }
    #vertical p {
    	padding-left: 1em;
    	padding-right: 1em;
    }
    #vertical button p {
    	padding-left: 0;
    	padding-right: 0;
    }
    #vertical img.player-setup {
    	height: 500px;
    }
    #trial {
    	position: relative;
    }
    body.geo-bg:before {
    	content: "";
    	display: block;
    	position: fixed;
    	left: 0;
    	top: 0;
    	width: 100%;
    	height: 100%;
    	background-color: white;
    	/*background-image: url(https://d2x3f3hu3pbot6.cloudfront.net/static/img/marketing/headers/trial-background.png);*/
    }
    .geo-bg {
    	background-size: initial;
    }

    #trial .pill-head {
    	width: 420px;
    	top: 14px;
    }
    #trial .header.trialHeader {
    	padding: 3em 0.5em 1em;
    }
    .about-us-header h1 {
    	font-size: 58px;
    	line-height: 60px;
    }
    .about-us-header h2 {
    	font-size: 28px;
    }
    .about-us .quote-switcher .row.center {
    	height: 280px;
    	font-size: 36px;
    	line-height: 48px;
    }
    .about-us .quote-switcher img {
    	max-width: 75%;
    }
    .about-us .location .row.center section {
    	margin-left: 38px;
    }
    .about-us figcaption {
    	margin-bottom: 3em;
    }
    .block-feature-icon {
    	margin-top: 2.5rem;
    }
}
@media all and (max-width: 580px)
{
	.help-tip {
		right: -230%;
	}
	.dim-clover {
		width: 372px;
		height: 284px;
	}
    .trial-nav-contact {
    	position: relative;
    	top: 6px;
    }

    #trial .trialHeader td img {
    	max-height: 2em;
    }

    #trial section .row {
        margin-bottom: 0;
    }
	.dim-remote-app {
		height:195px;
	}
	.about-us .quote-switcher .row.center {
	    height: 250px;
	    font-size: 30px;
	    line-height: 40px;
	}
	.about-us .location .row.center section {
		text-align: center;
		margin-bottom: 1em;
		margin-left: 0px;
	}
}
@media all and (max-width: 543px)
{
	.header-hero.large-text h1 {
		font-size: 4rem;
	}
	.header-hero.large-text h2 {
		font-size: 1.5rem;
		text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
	}
	.single-line {
		padding: 1.5em 2em;
		width: 16rem !important;
	}
	.single-line h6 {
		font-size: 1em;
	}
	#trial .pill-head {
		width: 320px;
	}

	#trial .trialHeader h3 {
		margin-top: 0.5em;
	}

	.about-us .leadership-popup {
	    width: 340px;
	    height: 650px;
	}

	.about-us .leadership-popup.g-dodge {
	    height: 560px;
	}

	.about-us .leadership-popup .close {
	    top: 0px;
	    right: 0px;
	}

	.about-us .investors img {
		margin-bottom: 1em;
	}
}
@media all and (max-width: 471px)
{
	.buy-nav-contact {
		padding-top: 0px;
		margin-top: -7px;
	}

	#brightsign_serial img:not(.dim-close) {
		right: 0px;
	}

	#brightsign_serial img:not(.dim-close):hover {
		right: 150px;
	}

	#vertical .header-hero {
		max-height:700px;
	}

	#vertical .client-strip td img {
		height: 3em;
	}
	.about-us .quote-switcher .row.center {
	    height: 250px;
	    font-size: 24px;
	    line-height: 34px;
	}
}
@media all and (max-width: 440px)
{
	.g-recaptcha {
		width:100%;
	}
}
@media all and (max-width: 430px)
{
	.help-tip {
		right: -150px;
	}
}
@media all and (max-width: 400px)
{
	.dim-remote-app {
		height:145px;
	}
}
@media all and (max-width: 320px)
{
	.venue-now-playing h3 {
		font-size: 1.4em !important;
		padding: 4px 0;
	}
	.venue-now-playing h4 {
		font-size: 1.1em;
	}
}

/********************
TV PREVIEW
*********************/

.tv-preview-emulator {
	margin-top: 60px;
}

.tv-preview-remote {
	background: url('../../img/common/iphone-x-frame.svg');
	background-size: contain;
	height: 480px;
	width: 239px;
	background-repeat: no-repeat;
	position: absolute;
	top: 230px;
	margin-left: -30px;
	z-index: 2;
}

.tv-preview-remote .tv-preview-channels {
	color: #000;
	background: #FFF;
	margin: 16px 20px;
	padding: 4px;
	height: 92%;
	border-radius: 15px;
	overflow-y: scroll;
}

.tv-preview-remote .bottom-subtext {
	text-align: center;
	color: #b9b9b9;
	font-style: italic;
	margin-top: 30px;
}

#channel-spinner {
	text-align: center;
	background: #FFF;
	width: 100%;
	height: 100%;
	z-index: 2;
	position: relative;
	padding-top: 70%;
}

.tv-preview-channels::-webkit-scrollbar { width: 0 !important }

.tv-preview-channels .list-title {
	font-weight: bold;
	font-family: "Verlag A", "Verlag B", "Arial" !important;
	letter-spacing: 0.02em;
	font-size: 15px;
	margin: 6px 3px 6px 3px;
}

.tv-preview-channels .list-group .list-group-item {
	padding-left: 0.5rem;

	/* Fix for edges breaking out of parent's rounded corners: */
	background: transparent;
	border: 0;
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}

.tv-preview-channels .list-group .list-group-item.active {
	border: 0;
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	background-color: #0275d8;
	border-color: #0275d8;
}

.tv-preview-channels .list-group .list-group-item img {
	float: left;
	margin-right: 8px;
	margin-top: 2px;
	width: 32px;
}

.tv-preview-channels .list-group .list-group-item .text-box {

}

.tv-preview-channels .list-group .list-group-item .text-box h8 {
	display: block;
	width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 15px;
	font-weight: 600;
	font-family: "Verlag A", "Verlag B", "Arial" !important;
}
.tv-preview-channels .list-group .list-group-item .text-box small {
	display: block;
	text-transform: uppercase;
	color: #b7b7b7;
	width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 9px;
	font-weight: 600;
	font-family: "Verlag A", "Verlag B", "Arial" !important;
}

.tv-preview-tv {
	margin: 0 120px;
	background: url('../../img/common/tv-frame.png');
	height: 645px;
	width: 993px;
	position: relative;
}

.tv-preview-screen {
	height: 450px;
	width: 800px;
	top: 76px;
	margin-left: 96px;
	background: #000000;
	position: absolute;
}

.tv-preview-switch-layout button.activated {
	background-color: #270075;
	border-color: #CCC;;
	background-image: none;
}

.tv-preview-switch-layout button img {
	color: #999999;
	padding: 0 1px 2px 0;
}

.promo-row {
	margin: 0 auto;
	background: #fff;
	border: 1px solid #D8DAE3;
	border-radius: 8px;
	min-height: 80px;
	width: 60%;
}
@media all and (max-width: 1200px) {
	.promo-row {
		margin-top: 2em;
	}
}
@media all and (max-width: 1400px) {
	.promo-row .logo-holder {
		min-height: 100px !important;
	}
}
.promo-row img {
	width: 100%;
	margin: auto;
}
.promo-row .text-holder {
	padding: 16px;
}
.promo-row .logo-holder {
	height: 100%;
	align-items: center;
	display: flex;
	min-height: 80px;
}

.anytime-tech-bundle {
	margin: 12px 24px 0 24px;
}

.anytime-tech-bundle li {
	list-style: disc;
	line-height: 28px;
	text-align: left;
}