@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);

/*============= HTML5 =============*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{
     display:block;
}
audio, canvas, video{
     display:inline-block;
     *display:inline;
     *zoom:1;
}
audio:not([controls]){
     display:none;
}
[hidden]{
     display:none;
}

/*============ Global =============*/

html{
     font-size:100%;
     -webkit-text-size-adjust:100%;
     -ms-text-size-adjust:100%;
}
body{
     margin:0;
     padding:0;
     border:none;
     font-size:100%; /*equivalent to 16px in most browsers*/
     font-family: helvetica, arial, sans-serif;
     color:#333;
     -webkit-text-size-adjust:100%;
     font-smoothing:antialiased;
     text-rendering:optimizeLegibility;
}
@font-face {
    font-family: 'museo_300regular';
    src: url('./fonts/museo300-regular-webfont.eot');
    src: url('./fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/museo300-regular-webfont.woff') format('woff'),
         url('./fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('./fonts/museo300-regular-webfont.svg#museo_300regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* remove text shadow on selection */

::-moz-selection{
     background:#b4d5ff;
     text-shadow:none;
}
::selection{
     background:#b4d5ff;
     color:#fff;
     text-shadow:none;
}
ul, ol, dl{
     margin:0 0 18px 20px;
     padding:0;
}
ul{
     margin:0;
}
li{
     margin:0 0 8px;
     padding:0;
}
#content.page ul{
	margin:10px 0 30px;
}
#content.page li{
	min-height:26px;
	margin:0 0 10px;
}
#content.page li a{
	color:#841032;
	text-decoration:none;
}
#content.page li a:hover{
	text-decoration:underline;
}
form, input, button, select, textarea, label, legend, fieldset{
     margin:0;
     padding:0;
}
label{
     display:block;
     font-size:1em;
     padding:0 0 6px;
}
label span{
	font-size:12px;
	font-style:italic;
	color:#888;
}
input, textarea{
     border:1px solid #e3e3e3;
     height:28px;
     line-height:2em;
     -moz-border-radius:3px;
     -webkit-border-radius:3px;
     border-radius:3px;
     text-indent:5px;
     -webkit-appearance:none;
}
input:focus{
     border:1px solid #6aafdb;
}
input[type="submit"]{
     background: -moz-linear-gradient(90deg, #1E4C7C, #398ABE) repeat scroll 0 0 transparent;
     border: 1px solid #1A4775;
     text-shadow: 0 -1px 0 #1A4775;
    box-shadow: 0 1px 1px #99C0E9 inset;
     -moz-border-radius:3px;
     -webkit-border-radius:3px;
     border-radius:3px;
     color:#444;
     font-size:0.786em;
     font-weight:700;
     text-transform:uppercase;
     text-indent:0;
     -webkit-appearance:none;
}
input[type="submit"]:hover{
     background:-moz-linear-gradient(90deg,#398abe,#1e4c7c);
     background:-webkit-gradient(linear, left top, left bottom, from(#1e4c7c), to(#398abe));
     background:-o-linear-gradient(#1e4c7c, #398abe);
     color:#fff;
     text-shadow:none;
}
input[type="checkbox"], input[type="radio"]{
     width:16px;
     height:16px;
     border:0;
}
textarea{
     text-indent:0;
     padding:5px;
     line-height:1.143em;
     overflow:auto;
     vertical-align:top;
     resize:vertical;
}
fieldset{
     border:none;
}
span.error, p.confirmation, .flash-error{
	 display:block;
     background:#ffd4d4;
     border:1px solid #f1a4a4;
     color:#472424;
     margin:0 0 10px;
     padding:5px 8px;
     font-size:0.857em;
     -moz-border-radius:3px;
     -webit-border-radius:3px;
     border-radius:3px;
}
p.confirmation{
     background:#e6ffd2;
     border:1px solid #afdd89;
     color:#2e421e;
     float:right;
     display:inline;
     width:35%;
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
     box-sizing:border-box;
}
.flash-error{
	border:1px solid #841032;
	-moz-border-radius:5px;
	-webit-border-radius:5px;
	border-radius:5px;
	padding:8px;
	color:#841032;
	font-weight:700;
	text-align:center;
}
a{
     color:#333;
}
a:visited{
     color:#000;
}
a:hover{
     color:#000;
}
a:focus{
     outline:thin dotted;
}
a:hover, a:active{
     outline:0;
}
img{
     border:none;
}
p{
     margin:0 0 18px 0;
     line-height:1.5em;
}
h1, h2, h3, h4, h5, h6{
     font-family:museo_300regular, helvetica, arial, sans-serif;
     font-weight:400;
     color:#222;
}
h1{
     font-size:3.5em;
     margin:0 0 18px 0;
     color:#fff;
}
h2{
     font-size:1.688em;
     margin:0 0 18px 0;
     color:#d7df21;
}
h3{
     font-size:1.4em;
     margin:0 0 30px 0;
}
h4{
     font-size:1.143em;
     margin:0 0 18px 0;
}
h5{
     font-size:1em;
     margin:0 0 18px 0;
}
table{
  border-collapse:collapse;
  border-spacing:0;
  margin:0 0 18px;
}
td{
     vertical-align:top;
}

/*clear*/

#wrapper:after, #content-wrap:after, #header-wrap:after, #content:after, #used-by ul:after, #banner-wrap:after, .main-wrap:after{
     content:'';
     height:0;
     visibility:hidden;
     display:block;
     clear:both;
}

/*clear for IE7- */

#wrapper, #content-wrap, #header-wrap, #content, #used-by ul, #banner-wrap, .main-wrap{
     zoom:1;
}

/*Box Sizing*/

#wrapper, #header, #footer, #tophat{
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box;
}

/*============ Header =============*/

#tophat-wrap{
	background:transparent;
	height:134px;
    position:absolute;
    top:0;
    left:0;
    right:0;
}
#tophat{
	max-width:1216px;
	position:relative;
	margin:0 auto;
	overflow:hidden;
	padding:0 10px;
    z-index:9999;
}
#logo{
    margin:30px 200px 0 0;
	float:left;
	max-width:272px;
}
.brand #logo{
	margin:35px;
}
#get-in-touch{
	float:left;
	color:#fff;
	font-family:museo_300regular,helvetica,arial,sans-serif;
	font-size:1.625em;
	line-height:33px;
	margin:53px 0 0;
	font-weight:100;
	text-align:right;
    z-index:500;
}
#get-in-touch a{
    text-decoration:none;
    color:#fff;
}
#header-wrap{
	background:url('../img/banner_bg.jpg') top center no-repeat;
	background-size:auto 100%;
	background-size:cover;
	padding:0 20px;
}
#header{
	max-width:1216px;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}
#header.thanks, .brand #header{
	background:transparent;
}
#nav{
	width:194px;
	height:107px;
	background:url('../img/nav.png') 0 0 no-repeat;
	position:absolute;
	top:0;
	right:0;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:0.9em;
	padding:18px 0 0 8px;
	line-height:1.2em;
}
#header iframe{
	float:left;
	margin:190px 0 12px 0;
	width:52%;
	border:1px solid #dc4768;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	box-shadow:12px 8px 15px 0px rgba(0,0,0,0.3);
}
#header h2{
	float:left;
	clear:left;
	margin:0 0 20px;
	font-weight:400;
}
#header h1{
	width:60%;
	float:left;
	margin:200px 0 0 0;
	line-height:1.1em;
}
#header-content{
	clear:both;
	margin:60px 0 90px;
	float:left;
}
#header-content a{
	float:left;
	text-align:center;
	text-decoration:none;
	padding:10px 20px;
	font-family:museo_300regular, helvetica, arial, sans-serif;
	font-weight:600;
	font-size:1.781em;
    margin:0 10px;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
}
#header-content #watch-video{
	background:#991b45;
	color:#fff;
    margin-left:0;
}
#header-content a:hover{
    -webkit-transform:scale(1.03,1.03);
}
#the-blog{
    background:#d5b376;
    color:#fff;
}
#find-out-more{
	background:#d7df22;
	color:#991b45;
}
#header-content h1, #header-content h2{
	color:#fff;
	font-size:3.4em;
	margin:190px 0 40px 0;
}
#header-content p{
	font-size:1.250em;
	color:#fff;
	margin:-10px 0 18px;
}
#header-content p span{
	font-size:2em;
}
#header-content img{
	margin:0 10px 0 0;
	width:auto;
	height:55px;
}
#header.thanks h1{
	width:100%;
	float:none;
	padding-top:190px;
	margin:0 0 55px;
}
#header.thanks h2{
	margin:0 0 30px;
	color:#fff;
	float:none;
	line-height:1.4em;
}
#header.thanks li strong{
	color:#d7df21;
}
#header-sub-content{
	overflow:hidden;
	clear:both;
	padding:20px 0 15px;
}
#news{
	float:left;
	width:34%;
	margin-top:20px;
}
#news h2{
	font-size:0.938em;
	color:#fff;
	width:28%;
	float:left;
	font-weight:300;
	font-family:'helvetica neue', helvetica, arial, sans-serif;
}
#news img{
	float:right;
	clear:none;
	margin:4px 0 0;
	width:68%;
	height:auto;
}
#banner{
	float:right;
	margin:0 58px 20px 0;
}
#question{
	float:right;
	width:44%;
	font-family:'helvetica neue', helvetica, arial, sans-serif;
}
#question ul{
	margin:0;
	position:relative;
	height:45px;
}
#question li{
	margin:0;
	position:absolute;
	top:0;
	left:0;
	display:none;
	opacity:0;
	width:100%;
}
#question li.active{
	display:block;
	opacity:1;
}
#question h2{
	width:auto;
	float:none;
	margin:0 0 5px;
	color:#fff;
	font-size:0.938em;
	font-weight:300;
	font-family:'helvetica neue', helvetica, arial, sans-serif;
}
#question h3{
	color:#dddc00;
	font-size:1.125em;
	margin:0 0 5px;
	font-family:'helvetica neue', helvetica, arial, sans-serif;
}
#question a{
	color:#fff;
	font-size:0.938em;
	text-decoration:none;
}
#question a:hover{
	text-decoration:underline;
}

/*========= Content/Pages =========*/

#content-wrap{
	padding:0 20px;
	/*border-top:1px solid #8b1738;
	background:#bb2e53;*/
}
#content{
	max-width:1216px;
	margin:0 auto;
	padding:35px 0;
}
#content.thanks{
	position:auto
}
#content h2{
	color:#888888;
	font-weight:400;
	font-size:2.063em;
	line-height:1.3em;
	margin:0 0 30px;
}
#content h3{
	margin:30px 0;
	color:#777;
}
#content h1{
	font-size:3.2em;
	color:#888888;
}
#content h2 span{
	color:#981b45;
}
#header .hybridauth-providerlist li.active{
	background-color:transparent;
	margin:0;
}
blockquote{
	width:24%;
	min-height:190px;
	background:#da3f62;
	float:left;
	margin:0 2% 2% 0;
	padding:20px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#fff;
	font-size:0.875em;
	position:relative;
	font-style:normal;
}
blockquote:after {
   content:"";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   bottom:-15px;
   left:75%;
   width:0;
   border-width:15px 15px 0;
   border-style:solid;
   border-color:#da3f62 transparent;
}
blockquote.green{
	background:#d7df21;
	color:#484747;
}
blockquote.green:after{
	border-color:#d7df21 transparent;
}
blockquote.brown{
	background:#e7cfa8;
	color:#484747;
}
blockquote.brown:after{
	border-color:#e7cfa8 transparent;
}
blockquote span{
	display:block;
	font-size:0.9em;
	font-weight:700;
	line-height:1.2em;
	padding:7px 0 0;
}
#content.homepage h2{
	font-size:1.57em;
	color:#9a2345;
	font-family:'helvetica neue', helvetica, arial, sans-serif;
	font-weight:300;
	margin:0 0 45px;
}
.three-col{
	width:31%;
	float:left;
	display:inline;
	margin:0 2% 0 0;
}
.three-col .step{
	width:63px;
	height:79px;
	float:left;
	display:inline;
	margin:0 15px 10px 0;
	text-indent:-9999px;
	background:url('/img/step_icons.png') 0 0 no-repeat;
}
.three-col .step2{
	background:url('/img/step_icons.png') 0 -81px no-repeat;
}
.three-col .step3{
	background:url('/img/step_icons.png') 0 -162px no-repeat;
}
.three-col h3{
	color:#9a2345;
	font-size:1.375em;
	font-weight:700;
	font-family:'helvetica neue', helvetica, arial, sans-serif;
	margin:0 0 3px;
}
.three-col p{
	font-size:0.938em;
	color:#9a2345;
	font-weight:300;
	font-family:museo_300regular, helvetica, arial, sans-serif;
	overflow:hidden;
	line-height:1.35em;
}

.main-wrap{
	width:100%;
	display:block;

}
.main-block{
	margin:0 auto;
	max-width:1216px;
	padding:0 10px;
}
.main-wrap h2{
	font-size:4.063em;
}
.two-col{
	width:45%;
	float:left;
	display:inline;
	font-family:"Open Sans", Helvetica, Arial, sans-serif;
	font-weight:300;
	padding:121px 0;
}
.two-col p{
	font-size:1.4em;
	font-weight:100;
}
.two-col:first-child{
	margin:0 10% 0 0;
}
.two-col img{
	max-width:100%;
}
#platform, #pricing{
	background:#991b45;
	color:#fff;
}
#platform h2, #pricing h2{
	color:#fff;
}
.pricing-col{
    padding: 35px 0;
    width:100%;
}
.pricing-col .pricing_table {
    margin: 0 auto;
}
#the-app{
	color:#575757;
}
#the-app h2{
	color:#575757;
}
#download-links{
	width:100%;
    padding:25px 0;
    overflow:hidden;
}
#download-links a{
    float:left;
    display:inline;
}
#download-links a:first-child{
    margin:0 30px 0 0;
}

/** Landing Page */

#landing-logo{
    display:block;
    margin:15px auto 0;
    float:none;
    max-width:240px;
}
#landing-logo img{
    width:240px;
}

#landing-download-links{
    width:100%;
    padding:5px 0;
    overflow:hidden;
    margin:150px auto 100px;
    max-width:196px;
    clear: both;
}
#landing-links a{
    float:none;
    display:inline;
}
#landing-download-links a:first-child{
    margin:0 0 0 0;
}
#landing-download-links img {
    width:196px;
}

/*============ Contact Page =============*/

#header-wrap.brand, #header-wrap.brand #header{
	min-height:180px;
}
#contact-content{
	float:left;
	width:62%;
}
#content #contact-content h3{
	margin:30px 0 30px;
	font-size:1.6em;
}
#contact-content ul{
	overflow:hidden;
	padding:20px 0 0;
}
#content #contact-content li{
	width:48%;
	float:left;
	margin:0 4% 4% 0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:url('../img/facebook16.png') 0 1px no-repeat;
	padding:0 0 0 22px;
}
#content #contact-content li.last{
	margin:0 0 4%;
}
#content #contact-content li h3{
	color:#d2285d;
	margin:0 0 8px;
	font-size:1.3em;
}
#content #contact-content li p{
	font-size:0.875em;
	margin:0;
}

#contact-form{
	width:35%;
	float:right;
	background:#e1e1df;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:3%;
	position:relative;
	z-index:500;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:20px;
}
#contact-content h3{
	margin:10px 0 20px;
	color:#981b45;
}
#contact-content p strong{
	color:#981b45;
}
#contact-content p strong span{
	color:#333;
}
#content.page #contact-form ul{
	margin:0;
	padding:0;
}
#content.page #contact-form h2{
	font-size:1.8em;
	margin:0 0 20px;
	color:#981B45;
}
#content.page #contact-form li{
	padding:0;
	background:transparent;
	overflow:hidden;
}
#contact-form.fixed{
	position:fixed;
	width:338px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	right:50%;
	padding:30px;
	top:20px;
	margin:0 -484px 0 0;
}
#contact-form li input{
	border:1px solid #cbcbcb;
	height:34px;
	line-height:34px;
	text-indent:8px;
	width:100%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin:0 0 5px;
}
#contact-form #yw0_button{
	display:block;
	padding:0 0 5px;
	font-size:0.8em;
}
#contact-form p{
	font-size:0.8em;
}
#contact-form li button, #contact-form a.btn-primary, .highlight-box .btn-primary,
.infusion-submit input[type="submit"]{
	display:block;
	box-shadow:none;
	text-decoration:none;
	width:100%;
	height:34px;
	padding:0;
	line-height:34px;
	text-align:center;
	background:#981b45;
	border:1px solid #8d123b;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#fff;
	font-size:0.9em;
	font-weight:100;
	text-shadow:none;
	text-transform:none;
	cursor:pointer;
	position:relative;
}
#contact-form a.btn-primary .icon-download{
	display:block;
	width:12px;
	height:13px;
	position:absolute;
	top:11px;
	left:11px;
	background:url('/img/glyphicons-halflings-white.png') -121px -25px no-repeat #981b45;
}
#contact-form .flash-success{
	margin-bottom:15px;
}
#contact-form p{
	font-size:1.2em;
	text-align:center;
	margin:0;
	padding:5px 0 0;
	font-weight:300;
}
#contact-form p strong{
	color:#981B45;
}
.highlight-box{
	border:1px solid #e3e3e3;
	width:35%;
	float:right;
	padding:20px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#content .highlight-box h2{
	font-size:1.8em;
	margin:0 0 15px;
	color:#981B45;
}
/*============ Home Contact form =============*/
#home-contact-form{
	width:1216px;
	padding:40px 64px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#home-contact-form h2{
	color:#991b45;
	font-size:65px;
	font-weight:500;
	margin:0;
}
#home-contact-form h3{
	color:#737373;
}
#home-contact-form form{
	width:100%;
	float:left;
	margin:0 0 35px;
}
#home-contact-form label{
	font-family:Open Sans, Helvetica, sans-serif;
	font-weight:400;
	color:#7e7e7e;
}
#home-contact-form li{
	width:36%;
	float:left;
	margin:0 0 35px;
}
#home-contact-form input[type='text']{
	border-radius:0;
	width:80%;
	border-bottom:1px #991b45 solid;
	height:50px;
}
#home-contact-form #submit{
	display:inline-block;
	margin:-121px 0 0;
	width:26%;
	vertical-align:top;
}
#home-contact-form #submit input{
	border-radius:0;
	font-family:Open Sans,Helvetica,sans-serif;
	height:50px;
	font-size:20px;
}
#used-by{
	clear:both;
	margin:0 auto;
	padding:30px 20px;
}
#used-by h2{
	font-size:1em;
	color:#9a2144;
	max-width: 970px;
	margin:0 auto 10px;
}
/*============ Video Presentation Page =============*/
#vid-sidebar{
	width:40%;
	margin:190px 0 50px 4%;
	float:left;
}
.vid-presentation .flowplayer{
	width:100%;
	height:100%;
	overflow:hidden;
	box-shadow:0 0 3px rgba(0,0,0,0.8);
	overflow:hidden;
}
.vid-presentation .flowplayer video{
	width:100%;
	height:100%;
}
.vid-presentation .flowplayer .fp-progress{
	background-color:rgb(154, 35, 69) !important;
	background-color:rgba(154, 35, 69, 1) !important;
}
#header.vid-presentation h1{
	width:100%;
	margin:0 0 15px;
	font-size:2.8em;
}
#header.vid-presentation #header-sub-content{
	width:52%;
	float:right;
	margin:0;
	padding:0;
	margin:185px 0 40px;
	clear:none;
}
#header-sub-content p{
	margin:0 0 15px;
}
#header-sub-content a{
	color:#fff;
}
#header-sub-content a:hover{
	text-decoration:none;
}
#header-sub-content ul{
	list-style:disc;
	padding:0 0 0 22px;
	margin:20px 0;
}
#header-sub-content ol{
	color:#fff;
	padding:0 0 0 25px;
	margin:20px 0;
}
#header-sub-content li{
	color:#fff;
	font-size:14px;
}
.vid-presentation p{
	width:100%;
	color:#fff;
	font-weight:100;
	font-size:0.9em;
}
#showcase-downloads{
	text-align:center;
}
.showcase-download{
	margin:20px 5px 15px;
	width:180px;
	height:53px;
}
.showcase-download.gplay{
	width:163px;
	height:53px;
}
#vid-contact{
	display:block;
	margin:0 auto;
	background:#d41554;
	padding:0;
	font-weight:100;
	text-decoration:none;
	color:#fff;
	width:90%;
	amrign:0 auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-align:center;
	text-transform:uppercase;
	box-shadow:0 0 6px rgba(0,0,0,0.2);
	height:60px;
}
#vid-contact span{
	display:block;
	font-size:1.2em;
	line-height:1em;
	padding:14px 0 0;
	font-family:museo_300regular, helvetica, arial, sans-serif;
}
#vid-contact .sub-text{
	font-size:0.7em;
	padding:3px 0 0;
	font-weight:700;
	color:#fff;
	opacity:0.7;
	line-height:1.2em;
	text-transform:none;
	font-family:'helvetica neue', helvetica, arial, sans-serif;
}
#footer.vid-presentation{
	background: url('/img/footer2.png') top left repeat-x #bd2d51;
	padding: 50px 20px;
}
#vid-contact:hover{
	background:#bc124a;
}

/*============ Brand Video Presentation Page =============*/

.brand-vid-presentation #header{
	padding:20px;
	max-width:1000px;
}
.brand-logo{
	float:left;
	margin:20px 0 0;
}
.vpm-logo{
	float:right;
}
#main{
	max-width:960px;
	margin:0 auto;
	padding:0 20px;
	-moz-transition:all 200ms ease-in;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
.brand-vid-presentation #main > h2, .brand-vid-presentation #main > h1{
	font-size:35px;
	color:#636363;
	margin:0 0 20px;
	font-weight:100;
}
.brand-vid-presentation #main > h1{
	color:#991b45;
	margin:0 0 35px;
	font-weight:300;
}
.whattheysaid{
	display:block;
	margin:0 auto 25px;
	padding:0 0 0 10px;
}
.brand-vid-presentation #vid-sidebar{
	float:left;
	margin:0;
	padding-bottom:30px;
}
.vid-content{
	width:55%;
	float:right;
	padding-bottom:30px;
}
.stats{
	background:#781431;
	padding:20px;
	-webkit-border-radius: 20px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 20px;
	-moz-border-radius-bottomleft: 0;
	border-radius: 20px;
	border-bottom-left-radius: 0;
	overflow:hidden;
	margin:0 0 20px;
}
.stats div{
	width:30%;
	margin:0 5% 0 0;
	float:left;
}
.stats div.last{
	margin:0;
}
.stats h2{
	font-size:71px;
	color:#fff;
	border-bottom:4px solid #d60b52;
	font-weight:700;
	margin:0 0 10px;
	padding:0 0 5px;
	line-height:1em;
}
.stats .gold h2{
	border-bottom:4px solid #d5b376;
}
.stats .yellow h2{
	border-bottom:4px solid #dddc00;
}
.stats h2 sup{
	font-size:35px;
	font-weight:100;
}
.stats p{
	color:#fff;
	font-size:15px;
	font-weight:100;
	line-height:20px;
	margin:0;
}
.vid-content > h2{
	color:#636363;
	font-size:23px;
	margin:0 0 4px;
}
.vid-content a{
	color:#991b45;
}
.vid-content a:hover{
	text-decoration:none;
}
.vid-content ul{
	margin:0 0 20px;
}
.vid-content li{
	color: #636363;
	font-size: 18px;
}
.vid-content ul li{
	background:url('/img/bullet2.png') 0 2px no-repeat;
	padding:0 0 0 30px;
	min-height:24px;
	line-height:22px;
	margin:0 0 10px;
}
.vid-content ol{
	margin:0 0 20px 30px;
}
#video iframe{
	width:500px;
	height:280px;
}
#more-less p{
	color:#636363;
	font-size:18px;
}
.brand-vid-presentation #vid-contact{
	width:100%;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:4px 0 16px;
}
.brand-vid-presentation #vid-contact span{
	font-size:25px;
}
.brand-vid-presentation #vid-contact .sub-text{
	font-size:15px;
	font-weight:400;
	color:#fff;
	opacity:1;
}
#adjust{
	display:block;
	margin:0;
	padding:0 0 30px;
	color:#636363;
	text-decoration:none;
}
#adjust:hover{
	text-decoration:underline;
}
#adjust.hide{
	display:none;
}
.fancybox-inner{
	overflow:hidden;
}
.brand-vid-presentation #footer{
	clear:both;
	background: url('/img/footer.gif') top left repeat-x #e1e1df;
}
#contact-form-wrap{
	position:absolute;
	top:50px;
	left:50%;
}
.brand-vid-presentation #contact-form{
	margin-left:-250px;
	top:-900px;
	width:500px;
	-webkit-border-radius: 20px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 20px;
	-moz-border-radius-bottomleft: 0;
	border-radius: 20px;
	border-bottom-left-radius: 0;
	padding:20px;
	-moz-transition:all 200ms ease-in;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
.brand-vid-presentation #contact-form h2{
	text-align:center;
}
#close{
	position:absolute;
	top:10px;
	right:15px;
	color:#333;
	text-decoration:none;
}
#contact-form h2{
	color:#981b45;
}

.show-contact #contact-form{
	top:10px !important;
}
.show-contact #main, .show-contact #header{
	position:relative;
	opacity:0.1;
}

/*============ Footer =============*/

/* for footer found in views/layouts/main.php */
/* #footer{
	background:#991b45;
	float:left;
	width:100%;
	height:100px;
	padding:24px 0;
} */

#footer div{
	max-width:1216px;
	position:relative;
	margin:0 auto;
	padding:0 20px;
}
#footer a.social{
	color:#767878;
	font-size:1.375em;
	text-decoration:none;
	float:left;
	width:47px;
	height:47px;
	line-height:1.25em;
	background:url('/img/footer_facebook.png') top right no-repeat;
	margin:12px 20px 0 0;
	text-align:right;
	font-family:museo_300regular, helvetica, arial, sans-serif;
}
#footer a.social span{
	display:none;
}
#footer a#twitter{
	background:url('/img/footer_twitter.png') top right no-repeat;
}
#footer div div{
	width:60%;
	float:right;
}
#footer h2{
	color:#646464;
	font-size:1.375em;
	margin:0 0 10px;
}
#footer div div p{
	color:#787878;
	font-size:0.750em;
	margin:0;
}
#footer p.copy{
	clear:both;
	font-size:0.75em;
	color:#787878;
	padding:50px 0 0;
	margin:0;
}
#footer p.copy a{
	text-decoration:none;
	color:#787878;
}
#footer p.copy a:hover{
	text-decoration:underline;
}
#footer p.copy span{
	float:right;
}
#footer ul{
	float:right;
	margin:25px 20px 0 0;
}
#footer li{
	display:inline;
}
#footer li a{
	color:#fff;
	text-decoration:none;
	font-family:Open Sans, Helvetica, sans-serif;
	padding:0 0 0 18px;
}
#footer li a img{
    margin-bottom:-11px;
}

/*============ Responsive =============*/

@media (max-width:1260px){
	#home-contact-form{
		width:100% !important;
		padding:10px;
	}
}
@media (max-width:1020px){
	#header h1{
		width:70%;
	}
}
@media (max-width:960px){
	.fancybox-inner{
		width:700px !important;
	}
}
@media (max-width:890px){
	#content h2{
		width:100%;
		float:none;
		text-align:center;
	}
	#content.thanks h2{
		text-align:left;
	}
	#content.thanks{
		padding-top:10px;
	}
	.homepage h2{
		line-height:1.2em;
	}
	.homepage h2 br{
		display:none;
	}
	.homepage iframe{
		width:70%;
	}
	blockquote{
		width:31%;
		margin:0 3% 3% 0;
	}
	blockquote:nth-child(4){
		margin:0 0 3%;
	}
	.three-col{
		width:30%;
		margin:0 4% 0 0;
	}
	.three-col h3, .three-col p{
		text-align:center;
	}
	.three-col.last{
		margin:0;
	}
	.three-col .step{
		width:79px;
		height:63px;
		float:none;
		display:block;
		margin:0 auto 20px;
		background:url('/img/step_icons.png') 0 -243px no-repeat;
	}
	.three-col .step2{
		background:url('/img/step_icons.png') 0 -308px no-repeat;
	}
	.three-col .step3{
		background:url('/img/step_icons.png') 0 -373px no-repeat;
	}
	#news h2{
		float:none;
		width:auto;
	}
	#news img{
		float:none;
		width:auto;
	}
	#banner{
		margin:45px 0 20px 0;
	}
	#home-contact-form ul{
		overflow:hidden;
	}
	#home-contact-form #submit{
		display:block;
		clear:both;
		overflow:hidden;
		margin:0;
		width:100%;
	}
	#home-contact-form li{
		width:50%;
		padding:0 10px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	#home-contact-form input[type='text']{
		width:100%;
	}
	#home-contact-form img{
		display:none;
	}

}
@media (max-width:860px){
	#showcase-download, #vid-contact{
		margin:15px 20px 0 0;
	}
	#vid-contact{
		margin-bottom:35px;
	}
	#header h1{
		margin:240px 0 30px;
	}
	#header-content{
		float:none;
		display:block;
		max-width:100%;
		margin:0 0 30px;
		overflow:hidden;
	}
    #logo {
        margin-right:0;
    }
    #get-in-touch {
        float:right;
    }
}
@media (max-width:840px){
	#header{
		background:transparent;
	}
	#header iframe{
		height:220px;
	}
	#header h1{
		width:100%;
		margin:180px 0 40px;
		text-align:center;
	}
    #header-content{
        text-align:center;
    }
    #header-content a{
        display:inline;
        float:none;
        line-height:60px;
        padding:30px;
    }
    #header-wrap {
        background-position:top left;
    }
    #logo {
        margin-right:0;
    }
    #header-content a{
        padding:10px 10px;
        font-size:1.3em;
    }
}
@media (max-width:800px){
	#vid-sidebar, .vid-content{
		float:none;
		display:block;
		width:100%;
		clear:both;
	}
}
@media (max-width:780px){
	.fancybox-inner{
		width:650px !important;
	}
}
@media (max-width:740px){
	#contact-form, #contact-content, .highlight-box{
		float:none;
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	#header{
		padding-bottom:10px;
	}
	#header iframe{
		width:100%;
		height:240px;
		margin:0 0 20px;
	}
	#header h2{
		text-align:center;
		width:100%;
		margin-bottom:10px;
	}
	#header-content h1, #header-content h2, #header-content p{
		text-align:center;
		margin:0 0 20px;
	}
	.hybridauth-providerlist li{
		width:100%;
		margin:0;
	}
	#header-content img{
		display:block;
		margin:0 auto 10px;
	}
	#header-content{
		margin-top:0;
		overflow:hidden;
	}
	#header.thanks h1{
		padding-top:0;
		font-size:2.7em;
		margin:0 0 45px;
		text-align:center;
	}
	#news h2, #question h2{
		text-align:left;
	}
	.fancybox-inner{
		width:600px !important;
	}
    #header h1{
        font-size:2em;
        margin-top:230px;
    }
}
@media (max-width:680px){
	#news{
		float:none;
		margin:0 auto;
		padding:0;
		width:250px;
	}
	#question{
		width:100%;
		float:none;
		margin:0 auto;
		padding:20px 0 0;
	}
	#banner{
		float:none;
		display:block;
		margin:0 auto 10px;
	}
	.fancybox-inner{
		width:500px !important;
	}
    #get-in-touch{
        float:none;
        margin:10px 0 0;
        text-align: center;
        border-bottom:1px solid rgba(255,255,255,0.3);
        padding:0 0 20px;
    }
    #logo{
        display:block;
        margin:15px auto 0;
        float:none;
    }
    #header h1{
        margin-top:250px;
    }
    #header-content a{
        padding:10px 8px;
        font-size:1.2em;
    }
}
@media (max-width:620px){

    #tophat-wrap{
        height:inherit;
    }
	.vid-presentation .flowplayer, #header.vid-presentation #header-sub-content{
		margin-top:20px;
	}

	#header-content{
		margin:0;
	}
	#header-content a{
		margin:0 0 20px;
		display:block;
        paddding:0;
        line-height:1em;
		font-size:1.2em;
	}
	.main-wrap h2{
		font-size:2.5em;
		padding-top:20px;
	}
	.two-col{
		width:100%;
		padding:10px 0 0;
	}
	.hide{
		display:none;
	}
	#nav{
		right:auto;
		margin:0;
		width:100%;
		height:auto;
		background:url('../img/brand.png') right center no-repeat #dc4768;
		font-size:0.7em;
		padding:0;
		line-height:0.7em;
		padding:10px 0;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.brand #logo{
		margin-top:49px;
	}
	#nav br{
		display:none;
    }
	blockquote{
		width:100%;
		margin:0 0 30px 0;
		min-height:0;
	}
	blockquote:nth-child(4){
		margin:0 0 30px 0;
	}
	.three-col{
		width:100%;
		margin:0 0 25px;
	}
	.three-col .step{
		width:63px;
		height:79px;
		float:left;
		display:inline;
		margin:0 15px 10px 0;
		background:url('/img/step_icons.png') 0 0 no-repeat;
	}
	.three-col .step2{
		background:url('/img/step_icons.png') 0 -81px no-repeat;
	}
	.three-col .step3{
		background:url('/img/step_icons.png') 0 -162px no-repeat;
	}
	.three-col h3, .three-col p{
		text-align:left;
	}
}
@media (max-width:580px){
	.vid-presentation .flowplayer{
		width:100%;
		height:50%;
		float:none;
		margin:15px 0;
	}
	#vid-sidebar{
		width:100%;
		float:none;
		margin:0;
	}
	#vid-sidebar a{
		display:block;
		margin:0 auto 10px;
	}
	#vid-sidebar #vid-contact{
		margin-bottom:40px;
	}
	#vid-sidebar a img{
		margin:0;
	}
	#header.vid-presentation #header-sub-content{
		margin:0 0 20px;
		float:none;
		width:100%;
	}
	#header.vid-presentation h1{
		font-size:2.2em;
	}
	.brand-logo, .vpm-logo{
		float:none;
		display:block;
		margin:0 auto 20px;
	}
	.brand-vid-presentation #contact-form{
		width:400px;
		margin-left:-200px;
	}
}
@media (max-width:560px){
	#zenbox_tab {
		top:auto;
		bottom:35px;
	}
	#header-sub-content{
		padding:0;
		border:none;
	}
	#header-sub-content div{
		width:auto;
		float:none;
		padding:0 0 20px;
		text-align:center;
	}
	#news h2, #question h2{
		text-align:center;
	}
	#header-sub-content div:last-child{
		padding:0;
	}
	#content #contact-content li, #content #contact-content li.last{
		width:100%;
		margin:0 0 20px;
		clear:left;
	}
	#download-links a{
		float:none;
	}
	.two-col img{
		width:200px;
		height:auto;
		margin:0 auto 10px;
		display:block;
		float:none;
	}
    .two-col #download-links img{
        margin:0 auto;
    }
}
@media (max-width:560px){
	.fancybox-inner{
		width:340px !important;
	}
}
@media (max-width:540px){
	#video iframe{
		width:100%;
		height:auto;
	}
	.fancybox-skin{

	}
	#home-contact-form h2{
		font-size:2.5em;
		line-height:1em;
		margin:0 0 20px;
	}
	#home-contact-form li{
		float:none;
		width:99%;
		padding:0;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}

}
@media (max-width:480px){
	.brand-vid-presentation #contact-form{
		width:300px;
		margin-left:-150px;
	}
	.brand-vid-presentation #main > h2, .brand-vid-presentation #main > h1{
		line-height:1em;
	}
	.stats > div{
		width:100%;
		float:none;
		margin:0 0 20px;
	}
	.vpm-logo, .whattheysaid{
		width:280px;
		height:auto;
	}
	.whattheysaid{
		width:260px;
		margin:0 0 5px;
	}
	.vpm-logo{
		margin-bottom:0;
	}
    #footer{
        height:auto;
    }
    #footer ul{
        clear:both;
        float:none;
        margin:18px 0 0;
        padding:12px 0 0;
    }
    #footer li a{
        display:block;
        float:left;
        padding:10px 18px 0 0;
        font-size:0.875em;
    }
}
@media (max-width:450px){
}
@media (max-width:431px){
	#share img{
		width:100%;
	}
}
@media (max-width:410px){
	#logo img{
		width:240px;
		height:auto;
		margin:8px auto 0;
	}
	#used-by ul{
		padding-top:15px;
	}
	#used-by li, #used-by li.last{
		float:none;
		width:100%;
		margin:0;
		height:80px;
	}
	#used-by li img{
		margin:0 auto;
	}
	#banner{
		width:100%;
		height:auto;
	}
}
@media (max-width:380px){
	#header h2{
		font-size:1.4em;
	}
	.fancybox-inner{
		width:240px !important;
	}
}
@media (max-width:320px){
	#header iframe{
		height:140px;
	}
}

/*========= Print Styles ==========*/

@media print {
     body{
          background:transparent;
          color:#000;
          text-shadow:none;
     }
     a, a:visited{
          text-decoration:underline;
     }
     a[href]:after{
          content: " (" attr(href) ")";
     }
     abbr[title]:after{
          content: " (" attr(title) ")";
     }
     pre, blockquote{
          border:1px solid #999;
          page-break-inside:avoid;
     }
     tr, img{
          page-break-inside:avoid;
     }
     img{
          max-width:100%;
     }
     p, h2, h3 {
          orphans:3;
          widows:3;
     }
     h2, h3{
          page-break-after:avoid;
     }
}

.image_carousel {
	padding:25px 0 20px;
	max-width:1216px;
	margin:0 auto;
	overflow:hidden;
}
.image_carousel img {
	padding:0 25px;
	margin:0;
	float:left;
}
.clearfix {
	float:none;
	clear:both;
}


/* ----- Terms page ----- */

.terms-page{
    font-family: roboto, arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
}

.terms-page #header, .terms-page #content{
    max-width: 1100px;
}

.terms-page #content h1,
.terms-page #content h2,
.terms-page #content h3,
.terms-page #content h4,
.terms-page #content h5,
.terms-page #content h6 {
    font-family: roboto, arial, sans-serif;
    font-weight: 300;
}

.terms-page #content h1{
    color: #FF0053;
    font-size: 2em;
    font-weight: 300;
    line-height: 1.25em;
}

.terms-page #content h2{
    color: #FF0053;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.25em;
    margin-bottom: 0.5em;
    margin-top: 1em;
}

.terms-page p{
    font-size: 15px;
    line-height: 1.8em;
    margin: 0 0 18px 0;
}

.terms-page .logo{
    background: url(/img/influence_logo_white.svg) no-repeat;
    display: block;
    height: 70px;
    margin-top: 3.5em;
    width: 250px;
}

.terms-page #content.page li{
    margin: 0 0 10px 2em;
}