html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, header nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border:0;font-size: 100%; font: inherit; vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, header nav, section { display: block;}body { line-height: 1;}ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}table { border-collapse: collapse; border-spacing: 0;}a{text-decoration: none} fieldset {display:inline;}input{max-width:100%;}
@font-face {font-family: 'colaborate-boldregular';src: url('../webfonts/colabbol-webfont.eot');src: url('../webfonts/colabbol-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/colabbol-webfont.woff2') format('woff2'),url('../webfonts/colabbol-webfont.woff') format('woff'),url('../webfonts/colabbol-webfont.ttf') format('truetype'),url('../webfonts/colabbol-webfont.svg#colaborate-boldregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'colaboratelightregular';src: url('../webfonts/colablig-webfont.eot');src: url('../webfonts/colablig-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/colablig-webfont.woff2') format('woff2'),url('../webfonts/colablig-webfont.woff') format('woff'),url('../webfonts/colablig-webfont.ttf') format('truetype'),url('../webfonts/colablig-webfont.svg#colaboratelightregular') format('svg');font-weight: normal;font-style: normal;}
.book-flight {/* background-color: #72bf44;*/ background: #6f2c91; }
/*.content .content-nav a.book-flight::after { background-image: url("../images/test-flight.png"); background-repeat: no-repeat; background-size: 76% auto; content: ""; display: block; float: right; font-size: 90%; height: 2.375em; margin-top: -0.7em; width: 3.25em; background-position: 0.5em;}
*/@font-face {font-family: 'colaborate-mediumregular';src: url('../webfonts/colabmed-webfont.eot');src: url('../webfonts/colabmed-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/colabmed-webfont.woff2') format('woff2'),url('../webfonts/colabmed-webfont.woff') format('woff'),url('../webfonts/colabmed-webfont.ttf') format('truetype'),url('../webfonts/colabmed-webfont.svg#colaborate-mediumregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'colaborate-regularregular';src: url('../webfonts/colabreg-webfont.eot');src: url('../webfonts/colabreg-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/colabreg-webfont.woff2') format('woff2'),url('../webfonts/colabreg-webfont.woff') format('woff'),url('../webfonts/colabreg-webfont.ttf') format('truetype'),url('../webfonts/colabreg-webfont.svg#colaborate-regularregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'colaborate-thinregular';src: url('../webfonts/colabthi-webfont.eot');src: url('../webfonts/colabthi-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/colabthi-webfont.woff2') format('woff2'),url('../webfonts/colabthi-webfont.woff') format('woff'),url('../webfonts/colabthi-webfont.ttf') format('truetype'),url('../webfonts/colabthi-webfont.svg#colaborate-thinregular') format('svg');font-weight: normal;font-style: normal;}
.clear {
clear: both;
display: block;
}
body {
font-family: 'Lato', 'Verdana';
}
img {
max-width: 100%;
height: auto;
}
img.left {
float: left;
max-width: 50%;
margin: 5px 20px 10px 0;
}
img.right {
float: right;
max-width: 50%; /* Responsive width */
margin: 5px 0 10px 20px;
}
img.leftAlone {
float: left;
margin-right: 100%;
margin-bottom: 10px;
clear: both;
}
img.center {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
margin-bottom: 10px;
clear: both;
}
h1 {
font-size: 250%;
color: #004071;
text-align: left;
}
h2 {
font-size: 200%;
text-align: left;
color:#006277;
margin: .75em 0;
}
td {
padding-right: 0.5em;
width: 45%;
}
.thin {
font-size: 125%;
text-align: center
}
strong {
font-weight: bold
}
.BlogPageC .content-container h1 {
padding-bottom: 0;
}
.BlogPageC .date {
padding-bottom: 2.5em;
font-style: italic;
}
.BlogPageC .featured-image {
float: right;
padding-left: .5em;
padding-bottom: 1.5em;
width: 50%;
}
.intro-video h2 {
margin-top: 1em;
font-size: 150%;
text-align: center;
}
.typography h3 {
font-size: 125%;
margin: .75em 0;
}
.HomePage h1, .HomePage h2 {
text-align: center;
}
header {
/* background: #02487d; */
}
header a.login-button {
display: block;
color: #fff;
text-align: center;
padding: .5em 1em;
background: #72BF44;
float: right;
}
.crewdiv { background-image: url("/assets/Uploads/crewcontactimage.jpg"); background-repeat: no-repeat; float: right; width: 24em; height: 34em;}
.book-a-free-trial-contact-us .content{float: left; width: 54em;}
.crew-contact-us .content { float: left; width: 54em;}
.infinity-contact-us .content {
float: left;
width: 54em;
}
.infinitediv{
background-image: url("/assets/Uploads/Infinitycontactimage.jpg"); background-repeat: no-repeat; float: right; width: 24em; height: 34em;
}
.bookatestflightdiv{
background-image: url("/assets/Uploads/testflightimage.jpg"); background-repeat: no-repeat; float: right; width: 24em; height: 34em;
}
.infinity .content { float: left; width: 54em;}
.test-flight-contact-us .content
{
float: left; width: 54em;
}
.crew-contact_us {
}
nav.primary p.user-name {
display: none
}
header .logo {
float: left;
width: 22.75em;
font-size: 80%;
height: 6.0625em;
display: block;
background: url('../images/logo.png');
background-size: 100%;
margin-top: .75em;
}
.inner {
margin: 0 auto;
width: 96%;
max-width: 78em
}
header nav {
padding-top: 1em;
padding-bottom: 0.5em;
float: right;
width: 73%;
}
header nav ul{
float: right;
margin-top: .5em;
}
header nav ul li{
display: block;
float:left;
padding: 0px;
}
header nav ul li a{
text-decoration: none;
color: #fff;
padding: 0.1em 0.5em;
font-size: 1.2em;
font-weight: 700;
display: block;
}
.inner-image, .header-image {
background: url('../images/home-placeholder.jpg');
background-repeat: no-repeat;
background-size: 100%;
background-position: 0 30%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.inner-image .inner, .header-image .inner {
width: 100%;
max-width: none;
background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.98) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.98) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
background: linear-gradient(135deg, rgba(0,0,0,0.98) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa000000', endColorstr='#00000000',GradientType=1 );
}
.HomePage header {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0.4+45,0+100 */
/*
padding-top: 1em;
padding-bottom: 1em;
background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.4) 45%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.4) 45%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
*/
}
header, .HomePage header {
background-color: #68047d;
}
a.greenbutton,
.header-image .opening-text a {
display: table;
margin: 1em auto;
color: #fff;
text-align: center;
padding: .6em 2em;
background: #72c74d;
max-width: 16em;
font-size: 20px;
line-height: 23px;
margin-top: .75em;
font-weight: bold;
}
a.bluebutton {
color: #fff;
text-align: center;
padding: .6em 2em;
background: #128fa8;
}
a.bluebutton, a.greenbutton,
.header-image .opening-text a {
font-size: 20px;
}
.pdfbutton .greenbutton {
background-image: url( '../images/pdf_icon.png' );
background-repeat:no-repeat;
background-position: right 10px top 15px;
background-size: 40px auto;
padding-right: 60px;
}
.inner-image header .inner,
.header-image header .inner {
margin: 0 auto;
width: 96%;
max-width: 78em;
background: none;
}
.header-image .opening-text {
width: 96%;
max-width: 78em;
margin: 0 auto;
padding-top: 4%;
padding-bottom: 8%;
}
body.HomePage .header-image .opening-text {
padding-top: 8%;
padding-bottom: 10%;
}
.header-image .get-started {
margin-left: 10%;
}
.inner-image h1, .header-image h1 {
display: block;
color: #fff;
/*
width: 100% ;
max-width: 40em;
margin-left: 10%;
*/
font-size: 250%;
text-align:left;
}
body.HomePage .inner-image h1, body.HomePage .header-image h1 {
font-family: 'colaborate-mediumregular';
text-align:center;
}
.video-overlay {
background-color: rgba(0,64,113, .6);
background-image: url('../images/play-arrow.png');
background-repeat: no-repeat;
background-position: 50% 50%;
height: 100%;
width: 100%;
position: absolute;
}
.intro-video {
float: left;
position: relative;
width: 45%;
display: block;
clear:left;
}
.intro-video p {
text-align: center;
padding-top: .5em;
font-size: 150%;
color: #fff;
}
/*.intro-video .play-intro-vid {
background-image: url('../images/play-arrow.png');
background-repeat: no-repeat;
width: 7.5em;
height: 7.5em;
margin: 0 auto;
margin-top: 4em;
cursor: pointer;
}*/
.HomePage section.content-container {
padding-top: 0;
}
.HomePage .content {
width: 60%;
}
.HomePage .content h2 {
text-align: left;
color: #333;
line-height: 1.5em
}
.HomePage .content ul {
color: #666;
padding-left: 1em;
font-size: 125%;
margin-left: 15% !important;
list-style-type: square
}
.HomePage .content li {
list-style-type: square
}
.HomePage .content p {
line-height: 1.8em
}
.HomePage section {
width: 100%;
}
.HomePage section.content-container .inner {
padding-top: 4em ;
padding-bottom: 1em;
/*
background-image: url('../images/responsive-video-page.jpg');
background-repeat: no-repeat;
background-position: right 80%;
background-size: 50%;
*/
}
section.intro-video {
position: relative;
background: white;
float: none;
padding: 3em 0;
}
.video-holder {
width: 100%;
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.video-holder iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*
max-width: 60em !important;
height: 33.75em !important;
*/
}
section.intro-video .inner h1 {
color: #333;
margin: 0 auto;
margin-bottom: 1em;
max-width: 30em;
}
section.testimonials-section {
background-image:url('../images/testimonial-home-image.jpg');
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
section.testimonials-section .background-gradient {
width: 100%;
max-width: none;
padding-top: 6em;
padding-bottom: 6em;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.2+0,0.88+100 */
background: -moz-linear-gradient(45deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.88) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.88))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.88) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(45deg, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.88) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(45deg, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.88) 100%); /* IE10 preview */
background: linear-gradient(45deg, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.88) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#e0000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
section.testimonials-section .inner blockquote {
float: right;
width: 45%;
padding: 0 2.5%;
color: #fff;
max-width: 20em;
font-size: 175%;
line-height: 1.2em;
font-style: italic;
}
section.testimonials-section .inner blockquote.quote-2 {
float: left;
}
section.testimonials-section .inner {
max-width: 88em;
}
section.testimonials-section .inner blockquote cite {
font-size: 75%;
text-align: right;
margin-top: .5em;
display: block;
}
.pricing-section {
background: #f5f5f5;
padding: 4em 0;
}
.pricing-table {
width: 100%;
}
.pricing-table .row {
border-bottom: 1px solid #ccc;
text-align: justify;
font-size: .1px;
}
.pricing-table .tracking-row {
border-bottom: none;
}
.pricing-table .cell {
display: inline-block;
text-align: left;
min-height: 4em;
font-size: 16000%;
vertical-align: top;
}
.signup-row.row {
border-bottom: none;
}
.pricing-table .cell.title {
width: 35%;
padding-top: 1em;
min-height: 3em
}
.pricing-table .cell.starter,
.pricing-table .cell.premium,
.pricing-table .cell.standard {
width: 21%;
background: #fff;
}
.pricing-table .tick-icon {
background-image: url('../images/tick.jpg');
background-repeat: no-repeat;
background-size: 100%;
width: 47px;
height: 45px;
margin: 0 auto;
margin-top: .5em;
}
.pricing-table .signup-row .cell {
background: none;
text-align: center;
}
.pricing-table .signup-row .cell a{
display: block;
width: 100%;
padding: .75em 0;
color: #fff;
background: #48802b;
}
.pricing-table .row:after {
content: " ";
display: inline-block;
width: 100%;
height: 0;
line-height: 0;
}
.pricing-table .plans-row .cell.starter {
background: #6EBC45;
}
.pricing-table .plans-row .cell.premium {
background: #004271;
}
.pricing-table .plans-row .cell.standard {
background: #703391;
}
.pricing-table .plans-row h1 {
color: #fff;
font-size: 250%;
text-align: center;
margin-top: 1em;
text-transform: uppercase;
}
.pricing-table .plans-row p.price {
text-align: center;
font-size: 175%;
color: #fff;
margin-top: 1em;
}
.pricing-table .plans-row p.per-month {
text-align: center;
font-size: 125%;
color: #fff;
}
.pricing-table .plans-row p.limit {
text-align: center;
font-size: 125%;
color: #fff;
margin-top: 1em;
/*margin-bottom: .5em;*/
padding: .5em 0;
width: 100%;
display: block;
background: #48802b
}
.pricing-table .plans-row .standard p.limit,
.pricing-table .signup-row .standard.cell a {
background: #002844;
}
.pricing-table .plans-row .premium p.limit,
.pricing-table .signup-row .premium.cell a {
background: #371948;
}
section.company-logos {
padding-top: 4em;
}
.plans-row .title p {
font-size: 225%;
text-transform: uppercase;
margin-bottom: .25em;
color: #888;
/* margin-top: .5em;*/
}
section.watch-learn {
padding-top: 6em;
padding-bottom: 6em;
}
section.watch-learn p{
color: #333;
margin: 0 5%;
line-height: 1.6em;
display: inline-block;
vertical-align: middle;
margin-bottom: 1.25em;
}
section.watch-learn .text-holder {
}
section.watch-learn .text-holder h2 {
text-align: center;
margin: 0;
font-size: 500%;
display: block;
line-height: .8em;
margin-bottom: .25em;
}
section.watch-learn .text-holder .tone {color:rgba(110,188,69,.8);}
section.watch-learn .text-holder .ttwo {color:rgba(2,72,125,.8);}
section.watch-learn .text-holder .tthree {color:rgba(111,44,145,.8);}
section.watch-learn .text-holder .tfour {color:rgba(4,26,42,.8);}
.small {
font-size: 75%;
}
.typography .left {
float: left;
}
.typography .blue-light-background {
background:#3F92EB;
color: #fff;
padding: 1em 5%;
}
.typography .blue-light-background-faded {
color: #fff;
background: #2BAADF;
padding: 1em 5%;
}
.typography .green-light-background {
color: #fff;
background: #4FAA25;
padding: 1em 5%;
}
.typography .green-light-background-faded {
color: #fff;
background: #6FD386;
padding: 1em 5%;
}
.typography .purple-light-background-faded {
background:#616aa5;
color: #fff;
padding: 1em 5%;
}
.typography .red-light-background {
background:#ed1b24;
color: #fff;
padding: 1em 5%;
margin: 0;
}
.typography .text-size-4 {
font-size: 200%;
}
.typography .text-size-3 {
font-size: 175%;
}
.typography .text-size-2 {
font-size: 150%;
}
.typography .text-size-1 {
font-size: 125%;
}
.typography .light-text {
}
section.ways-to-use {
background: #72bf44;
padding-top: 2em;
padding-bottom: 3em;
color: #fff;
margin: 2em 0;
}
.AnnouncementPage .red-light-background{
background:#ed1b24;
color: #fff;
padding: .5em 5%;
text-align: center;
}
.AnnouncementPage .book-now {
display: table;
margin: 0 auto;
text-align: center;
}
.ways-to-use h1 {
color: #fff;
}
.ways-to-use ul {
padding-top: 2em;
}
.ways-to-use li {
float: left;
width: 33%;
display: block;
margin-bottom: 2em;
}
.ways-to-use li a { color: #fff; display: inline-block; font-size: 150%; margin: 0 auto; max-width: 14em; padding-bottom: 6.5em; padding-top: 5%; text-align: center; vertical-align: middle; width: 99%; background-repeat: no-repeat;}
.ways-to-use li a::after { content: ""; display: inline-block; height: 1.5em; margin-left: 0.5em; margin-top: -0.25em; vertical-align: middle; width: 1.5em;}
.search-container form {
width: 100%;
}
.ways-to-use li.pre-induction a {
background-image: url("../images/preinduction.jpg");
cursor: pointer;
}
.ways-to-use li.induction a { background-image: url("../images/induction.jpg");
cursor: pointer;}
.ways-to-use li.training a { background-image: url("../images/training.jpg");
cursor: pointer;}
.ways-to-use li.coaching a { background-image: url("../images/coaching.jpg");
cursor: pointer;}
.ways-to-use li.team-meetings a { background-image: url("../images/teammeetings.jpg");
cursor: pointer;}
.ways-to-use li.self-directed a { background-image: url("../images/selfdirected.jpg");
cursor: pointer;}
.video-results > a .image-overlay {
display: none
}
section.free-trial {
}
section.free-trial a {
}
.video-results > a:hover .image-overlay {
display: block;
background: rgba(0,0,0, .8);
width: 100%;
height: 100%;
position: absolute;
top:0;
left: 0;
}
.video-results > a:hover .image-overlay span {
margin-top: 30%;
color: #fff;
font-size: 150%;
display: block;
}
section.company-logos .inner {
max-width: none
}
.using-logos {
margin-top: 2em;
margin-bottom: 6em;
text-align: justify;
}
.using-logos:after {
content: "";
display: inline-block;
width: 100%;
}
.using-logos .comp-logo {
/*float: left;
min-height: 10em;*/
margin-top: .5em;
width: 19%;
position: relative;
display: inline-block;
vertical-align: middle
}
.using-logos .comp-logo img {
margin: 0 auto;
display: block;
vertical-align: middle;
width: 100%;
max-width: 10em
}
.using-logos .comp-logo .image-overlay {
background: rgba(255,255,255, .65);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transition:all .5s ;
}
.using-logos .comp-logo .image-overlay:hover {
background: rgba(255,255,255, .01);
}
.reduce-class-time h1 {
margin-top: 2em;
}
.content-container {
padding-top: 2em;
padding-bottom: 2em;
}
.content-container h1 {
padding-bottom: 1em;
}
.content .intro-videos {
width: 70%;
float: left;
}
.video-wrapper {
width: 100%;
padding-top: 56.25%;
position: relative;
}
.video-wrapper iframe {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.content .content-nav { float: right; width: 27%;}
.video-testimonials {
margin: 3em 0;
text-align: justify;
}
.video-testimonials .vid-container {
margin-top: 2em;
width: 45%;
display: inline-block;
}
.typography .content ul {
list-style: disc;
line-height: 1.8em;
padding-left: 1em;
margin: 1em 0;
margin-left: 1em;
}
.content .content-nav a {
display: block;
color: #fff;
padding: .75em 5%;
width: 90%;
margin-bottom: .75em;
clear: both;
}
.content .content-nav a span {
line-height: 1em
}
.content .content-nav a.back {
background: #8952a5;
text-align:right;
}
.content .content-nav a.back:before {
display: block;
content: "";
width: 1.625em;
height: 1.625em;
margin-top: -0.3125em;
background-image: url('../images/small-arrows.png');
float: left;
}
/*.content .content-nav a.launch-now:after {
display: block;
content: "";
width: 3.25em;
height: 2.375em;
margin-top: -.7em;
font-size: 90%;
background-image: url('../images/small-plane-icon.png');
background-size: 100%;
float: right;
}
*/
.content .content-nav a.launch-now {
/* background: #d90000; */
background: #72bf44;
}
.content .content-nav input {
padding: .75em 5%;
margin-bottom: .75em;
width: 90%;
color: #fff;
font-size: 100%;
background: #8952a5;
border: none;
}
#Form_SearchFormContent #Search, #Form_searchFormVimeo #Search {
width: 85%;
float: left;
}
#Form_SearchFormContent .clear, #Form_searchFormVimeo .clear {
clear: none;
display: none
}
#Form_SearchFormContent .Actions, #Form_searchFormVimeo .Actions {
float: left;
width: 15%;
cursor: pointer
}
#Form_SearchFormContent_action_sSearch, #Form_searchFormVimeo_action_sVimeo {
/* padding: .8125em 0;*/
padding-top: .8125em;
padding-bottom: .75em;
width: 100%;
margin: 0;
background-image: url('../images/small-right-arrow.png');
background-repeat: no-repeat;
background-color: #8952a5;
background-position: 50%;
border-radius: 0 9px 9px 0;
display: block;
}
#Form_SearchFormContent_Search:focus, #Form_SearchFormContent_Search:focus {
outline: none;
border: none;
}
.ContentHolderPage form, .TrainingContentPage form {
width: 100%;
}
.content-videos {
text-align: justify;
clear: both;
}
.sub-category {
clear: both;
display: inline-block;
width: 45%;
vertical-align: top;
}
.fb-share-button {
}
.stars {
/*display: none;*/
margin-top: 1.75em;
position: relative;
float: right;
height: 26px;
background: url('../images/RatingStars4.jpg');
width: 135px;
background-size: 200% 100% ;
}
.stars span {
width: 20%;
display: block;
float:left;
cursor: pointer;
height:26px;
}
.stars.star-0 {
background-position: 100%;
}
.stars.star-1 {
background-position: 80%;
}
.stars.star-2 {
background-position: 60%;
}
.stars.star-3 {
background-position: 40%;
}
.stars.star-4 {
background-position: 20%;
}
.stars.star-5 {
background-position: 0;
}
div.stars.rated-star-1 {
background-position: 80%;
}
div.stars.rated-star-2 {
background-position: 60%;
}
div.stars.rated-star-3 {
background-position: 40%;
}
div.stars.rated-star-4 {
background-position: 20%;
}
div.stars.rated-star-5 {
background-position: 0;
}
.arrow_box {
position: absolute;
left: -115%;
top: -40%;
display: none;
background: #660707;
border: 2px solid #c2e1f5;
color: #fff;
padding: 1em;
text-align: center;
line-height: 1.4em;
font-size: 87.5%;
font-family: verdana;
border-radius: 2px
}
.arrow_box.active {
display: block;
}
.arrow_box:after, .arrow_box:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
border-color: rgba(102, 7, 7, 0);
border-left-color: #660707;
border-width: 8px;
margin-top: -8px;
}
.arrow_box:before {
border-color: rgba(194, 225, 245, 0);
border-left-color: #c2e1f5;
border-width: 11px;
margin-top: -11px;
}
.content-video-container {
margin-top: 3em;
}
.content-videos h1 {
padding-bottom: 0;
margin-top: 1em;
}
.content-video-container h2 {
text-align: middle;
}
.content-videos:after, .ContentHolderPage .link-container:after, .links:after , .pricing .pricing:after, .latest-videos:after, .video-testimonials:after {
content: "";
width: 100%;
display: inline-block;
}
.ContentHolderPage .link-container {
text-align: justify;
clear: both;
}
.ContentHolderPage .link-container a {
display: inline-block;
width: 30%;
text-align: center;
color: #fff;
background:#02487d;
font-size: 150%;
padding: .5em 0;
margin: .75em 0 ;
}
.ContentHolderPage .link-container a.left {
display: block;
float: left;
margin-right: 5%;
}
.ContentHolderPage .typography p {
}
.ContentHolderPage .search-container {
display: block;
margin: 0 auto;
font-size: 125%;
padding-top: 1em;
width: 30%;
}
.search-container input {
padding: .75em 5%;
padding-top: .8125em;
/*margin-bottom: .75em;*/
width: 90%;
color: #000;
font-size: 100%;
/*background: #8952a5;
*/
border: none;
float: right;
border: 2px solid #8952a5;
}
.ContentSearchPage .results a {
display: block;
font-size: 125%;
}
.content-video-container img {
width: 60%;
margin: 0 auto;
display: block;
}
.pricing .pricing {
text-align: justify;
}
.pricing .pricing > div {
width: 30%;
display: inline-block;
text-align: center;
color: #fff;
padding-bottom: 2.5em;
padding-top: .5em;
vertical-align: top;
min-height: 485px
}
.pricing .pricing > div h2 {
color: #fff;
text-align: center;
border-bottom: 1px solid rgba(255,255,255, .1);
margin: 0 1em;
padding: .75em 0 ;
}
.pricing > div.adventurer h2 {
border-bottom: 1px solid rgba(255,255,255, .2);
}
.pricing .pricing > div h3 {
font-size: 125%;
margin: 1em 0;
}
.pricing > div.adventurer {
background: #6EBC45;
}
.pricing > div.adventurer:before {
content: "";
float: right;
display: block;
background: url('../images/pricing-icons.png');
width: 47px;
height: 72px;
margin-right: 5%;
}
.pricing .pricing > div.crew {
background: #004271;
}
.pricing > div.crew:before {
content: "";
float: right;
display: block;
background: url('../images/pricing-icons.png');
background-position: 33.333%;
width: 52px;
height: 72px;
margin-right: 5%;
}
.pricing > div.infinity {
background: #703391;
}
.pricing > div.infinity:before {
content: "";
float: right;
display: block;
background: url('../images/pricing-icons.png');
background-position: 100%;
width: 88px;
height: 72px;
margin-right: 5%;
}
.pricing .pricing > div a {
font-size: 150%;
display: table;
margin: .5em auto;
color: #fff;
background: #E10F00 ;
padding: .5em 1em;
}
.pricing .pricing > div ul {
margin-top: 2em;
list-style: none;
padding-left: 0;
margin-left: 0;
}
.pricing .pricing > div li {
margin-bottom: .5em;
}
.current-video {
clear: both;
float: left;
width: 75%;
margin-bottom: 2.5em;
}
.vimeolated {
float: right;
width: 20%;
}
.vimeolated h5 {
margin: .5em 0;
text-align: center;
}
.vimeolated .vimeo-thumb {
margin-top: 3em;
}
.VimeoSearch .search-container,.VimeoPage .search-container {
float: right;
width: 25%;
}
.ContentSearchPage .search-container {
width: 25%;
}
.VimeoPage .search-container {
margin-bottom: 1.5em;
}
.VimeoPage h1 {
float: left;
}
.VimeoPage h2 {
margin:.5em 0;
}
.video-results {
clear: both;
}
.VimeoPage .vimeolated h2 {
margin-top: 0;
}
.video-results > a {
border: 1px solid #eee;
float: left;
display: block;
width: 30%;
margin: 1%;
padding: 1em 0;
text-align: center;
/* margin-top: 5em;
*/
}
.video-results > a > span {
color: #333;
font-size: 112.5%;
display: block;
min-height: 3em;
}
.video-results > a .image-wrapper {
position: relative;
width: 80%;
margin: 0 auto;
line-height: 0
}
/*.video-results > a .image-wrapper .image-overlay {
display: none;
}
.video-results > a .image-wrapper:hover .image-overlay {
display: block;
background: rgba(0,0,0,.8);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
color: #fff;
vertical-align: middle;
}
.video-results > a .image-wrapper:hover .image-overlay span {
margin-top: 30%;
display: block;
font-size: 200%;
font-family: 'colaborate-thinregular'
}*/
.video-results > a img {
width: 100%;
}
.latest-videos {
clear: both;
text-align: justify;
width: 75%;
}
.latest-videos > div{
width: 30%;
display: inline-block;
text-align: center;
zoom: 1
}
form {
width: 80%;
}
input, select, textarea {
display: inline-block;
width: 50%;
font-size: 100%;
padding: .5em 2.5%;
margin-bottom: .5em;
}
label {
display: inline-block;
width: 21%;
padding-right: 4%;
vertical-align: middle
}
#street_address2 {
margin-left: 25%;
}
section.purplebox, section.free-trial {
background: #6f2c91;
padding-top: 3em;
padding-bottom: 3.5em;
}
section.purplebox {
padding-top: 3em;
padding-bottom: 3em;
margin-bottom: 3em;
}
section.purplebox h1 {
color: #fff;
text-align: left;
font-size: 260% ;
margin-bottom: 20px;
text-transform:uppercase;
}
section.purplebox p {
font-size: 125%;
color: #fff;
}
section.purplebox p a {
font-size: 100%;
}
section.free-trial h1 {
color: #fff;
text-align: center;
font-size: 350% ;
margin-bottom: .25em;
}
section.free-trial a {
color: #6f2c91;
display: block;
background: #fff;
padding: 1em 0;
width: 100%;
max-width: 15em;
text-align: center;
margin: 0 auto;
font-size: 125%
}
section.free-trial p {
margin-bottom: 2em;
font-size: 125%;
color: #fff;
text-align: center;
}
footer {
background: #128fa8;
color: #fff;
padding-top: 2em;
padding-bottom: 2.5em;
}
form .staff-member {
display: none;
margin-bottom: 1.5em;
}
form .staff-member.visible {
display: block
}
form #iagree {
width: 1.5em;
height: 1.5em;
text-align: center;
margin-top: 2em;
margin-left: 2em;
display: block
}
form .iagree {
margin-top: 1em;
width: 70%;
display: block;
}
form .submit {
display: block;
padding: .5em 1em;
color: #fff;
background: #02487d;
border: none;
font-size: 125%;
margin-left: 70%;
}
footer nav {
width: 70%;
margin-left: 5%;
float: left;
}
footer nav > div{
float: right;
margin-left: 15%;
}
footer nav > div h4 {
font-size: 125%;
}
footer nav > div ul {
margin-top: .75em;
}
footer nav > div ul li {
margin-bottom: .2em
}
footer nav > div ul li a {
color: #fff;
font-size: 81.75%;
}
footer .copyright-social {
float: left;
}
.headinner2 a, footer .copyright-social a {
display: inline-block;
vertical-align: middle;
width: 2.75em;
height: 2.75em;
}
footer .copyright-social a {
border: 1px solid #fff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
footer .copyright-social a:hover {
background: #eee;
}
.headinner2 a.facebook, footer .copyright-social a.facebook {
background-image: url('../images/facebook-icon.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 35%;
}
.headinner2 a.linkedin, footer .copyright-social a.linkedin {
background-image: url('../images/linkedin-icon.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 75%;
}
.headinner2 a.twitter, footer .copyright-social a.twitter {
background-image: url('../images/twitter-icon.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 75%;
}
.headinner2 a.instagram, footer .copyright-social a.instagram {
background-image: url('../images/instagram-icon.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 75%;
}
.headinner2 a.google, footer .copyright-social a.google {
background-image: url('../images/google-icon.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 75%;
}
.headinner2 a.youtube, footer .copyright-social a.youtube {
background-image: url('../images/youtube-icon.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 75%;
}
/* IE 6-8 */
.ie footer .copyright-social a.facebook {
background-image: url('../images/facebook-icon.png');
}
.ie footer .copyright-social a.linkedin {
background-image: url('../images/linkedin-icon.png');
}
.ie footer .copyright-social a.twitter {
background-image: url('../images/twitter-icon.png');
}
.ie footer .copyright-social a.instagram {
background-image: url('../images/instagram-icon.png');
}
.ie footer .copyright-social a.google {
background-image: url('../images/google-icon.png');
}
.ie footer .copyright-social a.youtube {
background-image: url('../images/youtube-icon.png');
}
footer .copyright {
font-size: 81.75%;
margin-bottom: 1em;
}
/* home styling */
.homebox {
position: relative;
min-height: 200px;
background-size: 100% auto;
margin-bottom: 10px;
}
.homeboxcontainer {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
overflow: auto;
background-color: rgba(0,0,0,.7);
}
.homeboxheading {
position: absolute;
top: 15px;
left: 0px;
color: white;
font-size: 135%;
width: 100%;
text-align:center;
}
.homeboxbuttons {
position: absolute;
top: 40%;
width: 100%;
text-align:center;
font-size: 175%;
}
.homeboxbuttons p {
margin-bottom: 10px;
}
.typography p {
line-height: 1.6em
}
.action {
border: none;
background:#02487d;
color: #fff;
font-size: 125%;
margin-top: .5em;
}
.launch-pad .typography .content {
width: 100%;
}
.launch-pad .typography .content .links {
text-align: justify;
display: block;
margin-top:1em ;
margin-bottom: 3em;
}
.launch-pad .typography .content .links a {
display: inline-block;
width: 30%;
padding: .75em 0 ;
text-align: center;
color: #fff;
font-size: 131.25%;
}
.links .link-1 {background-color:#1c5b7d;background-image: url('../images/videos-icon.png');background-repeat: no-repeat;background-position: 10%}
.links .link-2 {background-color:#74c946;background-image: url('../images/module-icon.png');background-repeat: no-repeat;background-position: 10%}
.links .link-3 {background-color: #541f6a;background-image: url('../images/free-resources-icon.png');background-repeat: no-repeat;background-position: 10%; background-size: 35px 35px;}
.launch-pad .vid-container {
width: 100%;
max-width: 40em;
float: left;
}
.VimeoPage.videos .content {
clear: both;
padding-bottom: .5em;
}
#Email.field.text:before {
display: inline-block;
width: 21%;
float: left;
padding-right: 4%;
vertical-align: middle;
content: "Username";
}
#CustomLoginForm_LoginForm input {
vertical-align: middle
}
#Email.field.text label {
display: none;
}
.success-promo {
color:#00A600;
display: none;
width:17%;
margin-left: 1%;
vertical-align: middle;
font-weight:bold;
margin-bottom: .75em;
font-size: 91.75%;
}
.success-promo.visible {
display: inline-block;
}
.failure-promo {
color:#FB0000;
display: none;
width:17%;
margin-left: 1%;
vertical-align: middle;
font-weight:bold;
margin-bottom: .75em;
font-size: 91.75%;
}
.failure-promo.visible {
display: inline-block;
}
#promo_code {
vertical-align: middle
}
.user-name {
float: right;
color: #ccc;
font-size: 87.5%;
padding-top: .75em;
margin-right: 1.5em;
}
.clearfix:after,
.benefits ul:after,
.get-started:after,
.ways-to-use ul:after,
.typography:after,
.search-container:after,
.content:after, footer:after,
section.watch-learn:after,
/*.using-logos:after, */
.content:after,
.intro-videos:after{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
#google-map {
height: 20em;
width: 100%;
}
.headinner1, .headinner1 a {
color: white;
}
.UserDefinedForm.free-trial iframe {
float: right;
max-width: 50% !important
}
.PostPaymentPage .content-container {
margin-bottom: 4em;
margin-top: 6em;
text-align: center;
}
.PostPaymentPage .content h1 {
text-align: center;
}
.PostPaymentPage .content .contact-us.greenbutton {
margin-top: 2em;
}
.PostPaymentPage .content .error-message {
margin-bottom: 1.25em;
}
/* desktop */
@media all and (min-width: 72.0625em) {
.homebox {
min-height: 320px;
margin-bottom: 30px;
}
.homeboxheading {
top: 30px;
color: white;
font-size: 175%;
}
.homeboxbuttons {
top: 50%;
width: 100%;
text-align:center;
}
.homeboxbuttons p {
margin-bottom: 20px;
}
.somethingelse {
text-align:center;
}
.somethingelse img {
width: 100%;
margin-bottom: 5px;
}
.somethingelse a {
color: black;
}
header {
position: fixed;
top: 0;
width: 100%;
z-index: 99;
}
body.HomePage .header-image .opening-text {
padding-top: 17%;
}
.main {
padding-top: 120px;
}
footer .main {
padding-top: 0px;
}
.HomePage .main {
padding-top: 0px;
}
.HomePage header {
background-color: rgba( 94,6,117,0.5);
}
.headinner {
width: 70%;
float: right;
overflow: auto;
}
.headinner1 {
float: left;
width: 28%;
text-align:center;
color: white;
font-size: 180%;
padding-top: 28px;
}
.headinner2 {
float: left;
width: 60%;
text-align:center;
padding-top: 24px;
}
.headinner3 {
float: left;
width: 11%;
text-align:right;
padding-top: 24px;
}
header nav ul li:hover{
background-color: black;
}
header nav ul li {
position:relative;
padding: 0.2em 0.25em;
}
header nav ul li ul.dropdown {
display:none;
position:absolute;
left:0;
top: 20px;
padding:0
}
header nav ul li ul.dropdown li {
float: none;
background-color: #128fa8;
color: white;
padding: 7px 10px;
width: 300px;
}
header nav ul li ul.dropdown li:hover{
background-color: black;
}
header nav ul li ul.dropdown li a {
font-weight: normal;
font-size: 1em;
}
header nav ul li:hover > ul.dropdown {
display: block;
}
.close-button, .direct-contact, .menu-button, .menu-title, .mobile-login {
display: none
}
/* new content markup */
.inner .row {
overflow: auto;
clear: both;
border: none;
padding: 2px;
}
.inner .row .col50,
.inner .row .col75,
.inner .row .col25,
.inner .row .col16 {
float: left;
padding-left: 15px;
padding-right: 15px;
}
.inner .row .col50 {
width: 47%;
}
.inner .row .col75 {
width: 72%;
}
.inner .row .col25 {
width: 22%;
}
.inner .row .col16 {
width: 14%;
}
.HomePage .intro-video .video-holder {
width: 75%;
padding-bottom: 42.1875%;
margin-right: auto;
margin-left: auto;
}
}
@media all and (max-width: 87.5em) {
section.watch-learn .text-holder h2 {
font-size: 400%;
}
}
@media all and (max-width: 72em) {
.HomePage section.content-container .inner {
background-size: 60%;
}
input, select, textarea {
font-size: 125%;
}
.pricing > div.infinity:before, .pricing > div.crew:before, .pricing > div.adventurer:before {
margin: 0 auto;
float: none;
margin-top: .5em;
}
input[type=checkbox] {
width: 1.5em;
height: 1.5em;
}
.pricing .pricing > div {
width: 32.5%;
}
footer .close-button, footer .direct-contact, footer .menu-button, footer .menu-title {
display: none
}
.content .content-nav {
width: 40%;
}
.VimeoSearch .search-container, .VimeoPage .search-container {
width: 80%;
max-width: 20em
}
.content .intro-videos {
width: 55%;
}
.close-button {
float: right;
position: relative;
z-index: 3;
cursor: pointer;
padding-left: 2em;
margin-right: 1em;
cursor: pointer;
}
.close-button:before {
content: "X";
font-size: 250%;
color: #777;
line-height: .8em;
margin-right: .25em;
}
section.testimonials-section .inner blockquote {
width: 95%;
}
header nav {
clear: both;
background-color: #02487d;;
width: 80%;
max-width: 20em;
padding: .75em 0 .5em 4%;
position: fixed;
top: 0;
margin-top: 0;
right: -110%;
z-index: 90;
min-height: 100%;
transition: all 1s ease-in-out;
}
.mobile-exit {
cursor: pointer;
display: block;
position: fixed;
height: 100%;
width: 100%;
right: -110%;
}
header nav h2 {
color: #777;
font-size: 175%;
margin: .25em 0;
text-align: left
}
header nav ul {
float: left;
}
header nav ul li {
float: none;
margin-top: 1.25em;
}
header nav ul li ul.dropdown {
display: none;
}
header nav ul li a {
font-size: 150%;
display: block;
float: none;
}
.headinner {
display: none;
}
.menu-button {
font-size: 125%;
color: #fff;
background: #72bf44;
cursor: pointer;
float: right;
margin-top: 1.375em;
margin-right: 2%;
padding: .5em 1.25em;
margin-bottom: .5em;
}
.SignUpPage form {
width: 100%;
}
header a.login-button {
position: absolute;
bottom: 3em;
width: 80%;
}
.logo {
margin-bottom: .75em;
}
.get-started .container {
width: 48%;
margin-left:1% ;
margin-right: 1%;
}
.get-started a {
font-size: 75%;
}
.get-started a span.icon {
font-size: 75%;
background-size: 200%;
}
.benefits ul {
width: 100%;
}
footer nav .main, footer nav .other {
display: none
}
footer nav > div li a{
font-size: 100%
}
footer nav {
width: 60%;
float: right;
}
footer nav > div li {
float: left;
width: 45%;
margin-right: 5%;
}
.ContentHolderPage .link-container a {
width: 45%;
}
.ContentHolderPage .typography p {
float: none;
width: 100%;
}
.ContentHolderPage .search-container {
float: none;
width: 90%;
max-width: 20em;
margin-top: 2em;
margin-bottom: 3em;
}
.inner-image, .header-image {
background-size: auto 100%
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
section.testimonials-section .inner blockquote.quote-2 {
display: none
}
}
@media all and (max-width: 62.5em) {
.pricing-table .signup-row.row {
border: none;
}
.plans-row .cell.title p {
font-size: 125%;
}
.pricing-table .cell.title {
width: 20%;
}
.pricing-table .cell.starter, .pricing-table .cell.premium, .pricing-table .cell.standard {
width: 25%;
}
.cell.title p {
font-size: 91.25%;
}
}
@media all and (max-width: 50em) {
.UserDefinedForm.free-trial iframe {
display: none !important
}
.HomePage section.content-container .inner {
/* padding-bottom: 55%; */
padding-top: 0;
background-repeat: no-repeat;
background-position: center 100%;
background-size: 90%;
}
.pricing-table .cell.title {
width: 90%;
min-height: 1.5em;
}
.pricing-table .cell.starter, .pricing-table .cell.premium, .pricing-table .cell.standard {
width: 31%;
}
.plans-row .cell.title {
width: 100%;
}
.plans-row .cell.title p {
font-size: 225%;
text-align: center;
}
.pricing-section {
padding-top: 1em;
padding-bottom: 2em;
}
section.intro-video iframe {
height: 25em !important;
}
}
@media all and (max-width: 40em) {
.BlogPageC .featured-image {
width: 100%;
float: none;
padding-left: 0;
}
section.intro-video iframe {
height: 20em !important;
}
.pricing-table .signup-row .cell a {
width: 80%;
padding-left:10%;
padding-right: 10%;
}
.video-testimonials .vid-container {
width: 100%;
margin: 1.5em 0;
}
.user-name {
display: none
}
.content .content-nav {
float: none;
margin: 2em auto;
width: 80%;
}
label, #Email.field.text:before {
width: 100%;
padding-bottom: .5em;
}
input, select, textarea {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.VimeoSearch .search-container, .VimeoPage .search-container {
float: none;
margin: 0 auto;
max-width: 30em;
}
.content .intro-videos {
width: 100%;
float: none;
}
.video-results > a > span {
font-size: 100%;
width: 90%;
}
.ContentHolderPage .link-container a {
display: block;
width: 100%;
}
.ContentHolderPage .search-container {
width: 90%;
max-width: none;
margin: 0 auto;
padding: 2em 0;
}
/* .search-container input {
font-size: 125%
}*/
footer nav > div {
margin-top: 2em;
margin-left: 0 ;
}
footer nav {
width: 100%;
float: none;
margin-left: 0 ;
}
footer nav > div h4 {
text-align: center;
}
.using-logos {
margin-bottom: 3em;
}
.SignUpPage input, .SignUpPage textarea, .SignUpPage select {
width: 90%;
display: block;
margin: 0 auto;
font-size: 125%;
}
#street_address2 {
margin-left: auto;
}
.SignUpPage label {
display: block;
text-align: center;
width: auto;
margin-bottom: .25em;
margin-top: 1em;
}
.SignUpPage button {
width: 100%;
margin-top: .5em;
padding: 1em 0;
text-align: center;
margin-left: 0;
}
form #iagree {
margin: .5em auto;
font-size: 150%
}
form .staff-member {
margin-bottom: 3em;
}
header .logo {
font-size: 50%
}
.menu-button {
margin-top: .5em;
}
.get-started .container {
width: 100%;
margin-bottom: 1em;
margin-left:0% ;
margin-right: 0%;
}
.intro-video {
float: none;
width: 100%;
}
.HomePage .content {
width: 100%;
float: none;
margin-left: 0;
margin-top: 2.5em;
}
.benefits li {
float: none;
text-align: center;
margin-bottom: 1.5em;
width: 100%;
}
.ways-to-use li {
width: 50%;
}
footer .copyright-social {
display: table;
margin: 0 auto;
float: none;
}
.get-started {
margin-bottom: 2em;
}
.sub-category {
display: block;
width: 100%;
}
.video-results > a {
width: 50%;
}
.vimeolated {
width: 100%;
text-align: justify;
}
.vimeolated:after{
content: "";
width: 100%;
display: inline-block;
}
.current-video {
width: 100%;
}
.vimeolated .vimeo-thumb {
width: 30%;
display: inline-block;
}
.latest-videos {
width: 100%;
}
.pricing .pricing > div {
width: 100%;
min-height: 565px
}
.inner-image, .header-image {
background-image: url('../images/mobile-home.jpg') !important;
background-position: center;
}
.success-promo, .failure-promo {
width: 90%;
text-align: center;
margin: 0 auto;
margin-top: .25em;
font-size: 125%;
}
}
@media all and (max-width: 35em){
.pricing-table .cell.starter, .pricing-table .cell.premium, .pricing-table .cell.standard {
width: 90%;
margin: .5em auto;
display: block;
padding-top: .5em;
}
.pricing-table .plans-row h1 {
margin-top: 0;
text-align: left;
margin-left: 10%;
}
.pricing-table .plans-row p.price {
margin-top: .25em;
}
.pricing-table .plans-row p.limit {
width: 90%;
}
.pricing-table .plans-row p.price,
.pricing-table .plans-row p.per-month,
.pricing-table .plans-row p.limit {
text-align: left;
padding-left: 10%;
}
.pricing-table .row {
border: none;
}
.video-access-row,
.module-access-row,
.workbook-row,
.updated-content-row,
.admin-row,
.multiple-row,
.group-tracking-row,
.tracking-row,
.signup-row {
display: none
}
}
@media all and (max-width: 30em){
section.intro-video .inner h1 {
font-size: 200%;
}
section.intro-video iframe {
height: 15em !important;
}
.HomePage .content h2 {
font-size: 150%;
}
.HomePage .content ul {
font-size: 100%;
}
section.testimonials-section .inner blockquote {
font-size: 150%;
}
.HomePage .content-container {
padding-top: 0;
}
.ways-to-use li a {
font-size: 100%;
background-size: auto 40%
}
.ways-to-use li.induction a, .ways-to-use li.pre-induction a, .ways-to-use li.training a, .ways-to-use li.coaching a, .ways-to-use li.team-meetings a, .ways-to-use li.self-directed a { background-size: 90%; background-position: center;}
.using-logos .comp-logo {
width: 45%;
}
header .logo {
font-size: 45%;
}
.menu-button {
margin-top: .3em;
}
.launch-pad .typography .content .links a {
width: 100%;
margin: .25em 0;
}
.inner-image h1, .header-image h1 {
width: 80%;
font-size: 200%;
}
.header-image .opening-text a {
font-size: 65%;
}
section.watch-learn {
padding-top: 2em;
padding-bottom: 1em;
}
}
@media all and (max-width: 23em){
section.intro-video iframe {
height: 11em !important;
}
.plans-row .cell.title p {
font-size: 150%;
}
}
@media all and (max-width: 40em) and (max-height:23.75em) {
header nav ul li a {
font-size: 110%;
}
header nav ul li {
margin-top: .75em;
}
header nav h2 {
font-size: 125%;
}
}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000;background:#fff;}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
.border-correct {
outline-color:lightgreen;
outline-offset:-2px;
outline-style:auto;
outline-width:7px
}
.border-incorrect {
outline-color:red;
outline-offset:-2px;
outline-style:auto;
outline-width:7px
}
section.nomargin {
margin-bottom: 0;
}
p.text-center {
text-align:center;
}
.content ol,
.content ul {
margin: 10px 0 20px 25px;
}
.content ul li {
list-style-type: disc;
}
/*
* {
border: 1px dashed red !important;
}
*/