/* @override
	http://peek.test/css/peek-v5.css
	http://peek.test/css/peek.css */

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	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, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, 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; }


/* #Basic Styles
================================================== */
	body {
		background: #fff;
		font: 14px/21px "proxima-nova", "Proxima Nova", sans-serif !important;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a, a:visited { color: #23527c; text-decoration: none; outline: 0; transition: all .2s ease-in-out; }
	a:hover, a:focus { color: #337ab7; text-decoration: none !important; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.responsive {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: lighter;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 10px 18px;
  font-size: 1.4em;
  line-height: 1.428571429;
  border-radius: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-decoration: none;
}
.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: black;
  text-decoration: none;
  }
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: white !important;
  background-color: #7fba00 !important;
  box-shadow: 0px 0px 7px #888888;
  font-weight: 	bold;

}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: white;
  background-color: #8bca01 !important;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #fff;
}
.btn-primary {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-link {
  color: #428bca;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
input::placeholder {
    color: #e6e6e6;
}
label {
    text-align: left;
    /*font-size: 1.5em;*/
		font-size: 14px;
    display: block;
    /*margin: 1em 0 .25em 2.5%;*/
		margin: 0;
		/*color: #ffffff;*/
}
.email-submit label {
		float: left;
		color: #ffffff;
}
select {
    width: 95%;
    padding: 25px 20px;
    height: 50px;
    background: #ffffff;
    /*text-align: center;
    text-align-last: center;*/
		-webkit-appearance: none;
		-moz-appearance: none;
		background-position: 97% 50%;
		background-repeat: no-repeat;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=) !important;
}
.parsley-errors-list {
		margin-top: 0;
		margin-bottom: 0;
}
.parsley-required,
.parsley-type,
.parsley-companyemail {
		position: absolute;
		margin-top: -84px;
    text-align: right;
    color: #ffffff;
    /*padding-left: 20px;*/
    font-size: 12px;
    font-weight: 600;
		transition: all .2s ease-in-out;
		right: 15px;
}
#orderForm .parsley-required,
#orderForm .parsley-type,
#orderForm .parsley-companyemail {
		position: relative;
		float: left;
		padding-left: 16px;
}
#orderForm .input-lg.parsley-error {
	margin-top: 40px;
}
.input-lg.parsley-error {
		background-color: #F3D8DD !important;
		/*padding: 32px 20px 10px 20px !important;*/
		transition: all .2s ease-in-out;
}
select.input-lg.parsley-error {
		line-height: initial !important;
		transition: all .2s ease-in-out;
		color: red !important;
}

.input-lg.parsley-error::placeholder { /* Chrome/Opera/Safari */
  color: red !important;
}
.input-lg.parsley-error::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: red !important;
}
.input-lg.parsley-error::-moz-placeholder { /* Firefox 19+ */
  color: red !important;
}
.input-lg.parsley-error:-ms-input-placeholder { /* IE 10+ */
  color: red !important;
}
.input-lg.parsley-error:-moz-placeholder { /* Firefox 18- */
  color: red !important;
}



/* #Misc
================================================== */

.line {
	box-sizing: border-box;
	height: 0;
	width: 100%;
	border: 1px solid #FFFFFF;
	opacity: 0.5;
	margin-top: 50px;
	margin-bottom: 60px;
}

.responsive-submit{
	display: none;
}

.dd-option-text {
  line-height: 23px !important;
	margin-top: 5px;
}

.no-break {
	display: inline-block;
}

/**/
/* VIDEO RESULT SECTION */
/* This code was copied/pasted from the compiled secondary.css file (generated using SCSS)
/* These are revisions used exclusively for Result/templates/default.blade.php and Shared/blocks/video.blade.php */
/**/

.video {
  padding: 35px 35px 0 35px;
	margin-bottom: 40px;
  background-color: rgba(255,255,255,0.05);
 	border-radius: 6px; }
  .video__info {
    text-align: center;
    /*font-size: 18px;*/
    /*margin-bottom: 30px;*/
	}
    .video__info--emphasis {
      font-weight: bold;
      color: #79BD00; }
  .video__action {
    float: left;
    display: block;
    /*margin-right: 5.1356842478%;*/
    /*width: 47.4321578761%;*/
		padding-top: 30px;
    padding-left: 20px; }
    .video__action:last-child {
      margin-right: 0; }
			.video__action-title {
					margin-top: 18px;
					color: #FFFFFF !important;
					font-family: "proxima-nova", "Proxima Nova", sans-serif;
					font-size: 20px !important;
					font-weight: bold !important;
					line-height: 24px !important;
			}
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .video__action--share {
        padding-left: 40px;
        float: left;
        display: block;
        margin-right: 5.1356842478%;
        width: 100%; }
        .video__action--share:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 767px) {
			.video {
				  padding: 15px 15px 0 15px; }
      .video__action--share {
        padding-left: 40px;
        float: left;
        display: block;
        margin-right: 5.1356842478%;
        width: 100%; }
        .video__action--share:last-child {
          margin-right: 0; } }
		.video__action-download {
			transition: all .2s ease-in-out;
		}
		.video__action--download:hover {
			transform: translateY(-1px);
		}
    .video__action--download img {
      display: block;
      margin: -18px 20px 0 0;
			transition: all .2s ease-in-out;
		}
		.video__action--download:hover img {
			border-radius: 100px;
			box-shadow: 0 2px 4px 0 rgba(0,0,0, 0.12);
		}
    @media screen and (min-width: 768px) and (max-width: 959px) {
      .video__action--download {
        display: none; } }
    @media screen and (max-width: 767px) {
      .video__action--download {
        display: none; } }
    .video__action--category-link {
      margin-left: 25px;
      border-left: 1px solid #fff;
      padding-left: 25px; }
    .video__action * {
      float: left; }
    .video__action *, .video__action a {
      color: #fff;
      font-size: 22px;
      font-weight: 100; }


/**/
/* URL LIMIT SECTION */
/**/

.urllimit {
  position: relative;
  overflow: hidden;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto; }
  .urllimit::after {
    clear: both;
    content: "";
    display: table; }
  .urllimit h4 {
    float: left;
    display: block;
    margin-right: 5.1356842478%;
    width: 73.716078938%;
    margin-left: 13.141960531%;
    margin-right: 0;
    text-align: center; }
    .urllimit h4:last-child {
      margin-right: 0; }
  .urllimit p {
    font-size: 1.7em;
    line-height: 1.5em;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .urllimit p {
        font-size: 2em;
        text-align: left; } }
  .urllimit__preview {
    margin-top: 3em;
    border: 4px solid #b5b5b5;
    position: relative;
    overflow: hidden; }
    .urllimit__preview img {
      width: 100%; }
  .urllimit__preview-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("/img/viewvideobutton.png");
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px; }
    @media screen and (min-width: 768px) {
      .urllimit__preview-image {
        background-size: 250px; } }


.sharebar .addthis_toolbox{
	float: right;
}

.sharebar__list {
  list-style: none;
	/*padding-left: 10px;*/
}

.sharebar__action {
  width: 58px !important;
  height: 58px;
  float: left;
  background-color: red;
	margin-left: 20px;
  /*margin-right: 10px;*/
  /*background: url("/img/updatedsprite.png") no-repeat top left;*/
  cursor: pointer;
  list-style: none;
}
.sharebar__action:hover {
	border-radius: 100px;
	transform: translateY(-1px);
	box-shadow: 0 2px 4px 0 rgba(0,0,0, 0.12);
	transition: all .2s ease-in-out;
}
  .sharebar__action .at4-icon,
	.sharebar__action .at-icon-wrapper {
    display: none !important;
	}
  .sharebar__action--email {
    /*background-position: 0 -46px;*/
	}
    .sharebar__action--email:hover {
      /*background-position: 0 0;*/
		}
  .sharebar__action--twitter {
		background: url("/img/icon-twitter.svg") no-repeat top left;
	}
    .sharebar__action--twitter:hover {
		}
  .sharebar__action--facebook {
		background: url("/img/icon-facebook.svg") no-repeat top left;
	}
    .sharebar__action--facebook:hover {
		}
  .sharebar__action--linkedin {
		background: url("/img/icon-linkedin.svg") no-repeat top left;
	}
    .sharebar__action--linkedin:hover {
		}
  .sharebar__action--google {
		display: none !important;
	}
    .sharebar__action--google:hover {
		}


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {

        .three-thumbnails{
        	width: 650px;
        }

        .social-proof-container{
        	float: right;
        	margin-right: 10px;
        }

        .thumbnail-container{
        	margin-top: 0px;
        }

    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

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

			.h1, h1 {
				font-size: 32px !important;
			}

			.h2, h2 {
				font-size: 18px !important;
			}

			.three-thumbnails .columns{
				height: 260px !important;
			}

			#free-peek{
				display: none;
			}

			#free-peek-mobile{
				display: inline !important;
			}

			.time{
				padding: 5px !important;
			}

			.green-bar.green-footer{
				min-height: 50px !important;
			}

			.line {
				margin-top: 20px;
				margin-bottom: 30px;
			}

			.url-submit .btn,
			.email-submit .btn,
			.learn-more-submit .btn,
			.support-submit .btn {
				padding: 18px 26px !important;
			}

			.toggle-btn {
				width: 100% !important;
				height: 60px;
			}

    }

		/* Note: Design for a width of 320px */

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

			.parsley-required, .parsley-type {
				display: none !important;
			}

			#orderForm .input-lg.parsley-error {
				margin-top: 20px;
			}

		}

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

		.confirmation-status.comparison-box {
			height: auto !important;
		}

}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

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

        .three-thumbnails{
        	width: 300px;

        }
        .three-thumbnails .columns{
        	margin-bottom: 20px;
        	width: 300px !important;
        }

    }

    @media only screen and (min-width: 1120px) {

		    .container{
		    	width: 1120px;
		    }

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

    }




.modal-open {
		overflow: hidden
}
.modal {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1050;
		display: none;
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
		outline: 0
}
.modal.fade .modal-dialog {
		-webkit-transition: -webkit-transform .3s ease-out;
		-o-transition: -o-transform .3s ease-out;
		transition: transform .3s ease-out;
		-webkit-transform: translate(0, -25%);
		-ms-transform: translate(0, -25%);
		-o-transform: translate(0, -25%);
		transform: translate(0, -25%)
}
.modal.in .modal-dialog {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0)
}
.modal-open .modal {
		overflow-x: hidden;
		overflow-y: auto
}
.modal-dialog {
		position: relative;
		width: auto;
		margin: 10px
}
.modal-content {
		position: relative;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #999;
		border: 1px solid rgba(0, 0, 0, .2);
		border-radius: 6px;
		outline: 0;
		-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
		box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}
.modal-backdrop {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1040;
		background-color: #000
}
.modal-backdrop.fade {
		filter: alpha(opacity=0);
		opacity: 0
}
.modal-backdrop.in {
		filter: alpha(opacity=50);
		opacity: .5
}
.modal-header {
		min-height: 16.43px;
		padding: 15px;
		border-bottom: 1px solid #e5e5e5
}
.modal-header .close {
		margin-top: -2px
}
.modal-title {
		margin: 0;
		line-height: 1.42857143
}
.modal-body {
		position: relative;
		padding: 15px
}
.modal-footer {
		padding: 15px;
		text-align: right;
		border-top: 1px solid #e5e5e5
}
.modal-footer .btn+.btn {
		margin-bottom: 0;
		margin-left: 5px
}
.modal-footer .btn-group .btn+.btn {
		margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
		margin-left: 0
}
.modal-scrollbar-measure {
		position: absolute;
		top: -9999px;
		width: 50px;
		height: 50px;
		overflow: scroll
}
@media (min-width: 768px) {
		.modal-dialog {
				width: 600px;
				margin: 30px auto
		}
		.modal-content {
				-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
				box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
		}
		.modal-sm {
				width: 300px
		}
}
@media (min-width: 992px) {
		.modal-lg {
				width: 900px
		}
}






body{
	font-family: "proxima-nova", "Proxima Nova", sans-serif;
}

.opening{
	padding: 20px;
	padding-bottom: 40px;
	text-align: center;
}
.confirm-opening {
	margin-left: auto;
	margin-right: auto;
}
.confirm-opening h1 {
	color: #ffffff !important;
}

.closing{
	padding: 30px 0;
	padding-bottom: 20px;
	text-align: center;
}

.closing h2{
	color: #ffffff;
	font-size: 1.6em;
	font-weight: lighter;
	line-height: 1.2em;
	margin-bottom: 0px;
}

.sub-footer .logo-area {
	 margin-top: 80px;
	 margin-bottom: 50px;
 }

/*.logo-block {
	padding-top: 40px;
	padding-bottom: 40px;
}*/

.logo-block img {
	margin-top: 40px;
	margin-bottom: 40px;
}

.feature-box {
	text-align: center;
	margin: 20px 5px;
	background-color: rgba(255,255,255,0.05);
	border-radius: 6px;
	padding: 40px 30px 30px 30px;
	min-height: 275px;
	box-sizing: border-box;
}

.feature-box img {
	text-align: center;
	margin-bottom: 32px;
}
.feature-box h4 {
	color: #ffffff;
	text-align: center !important;
	font-weight: 600;
	font-size: 20px;
}
.feature-box p {
	color: #ffffff;
	text-align: center;
	font-size: 17px;
	margin-bottom: 0;
}

.emphasize{
	font-weight: bold;
	font-style: italic;
}

.error-text{
  color: #990000;
  font-weight:
}

.hidden{
  display: none;
}

h1, h2, h3{
	text-align: center;
}

h1{
	color: #7fba00;
	font-size: 2.9em;
	font-weight: bold;
}

#headline-container{
	max-width: 600px;
}

h2{
	font-weight: lighter;
	font-size: 2em;
}

.play-button{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 10px;
	width: 130px;
	height: 130px;	background-image: url('/assets/playbuttonsprite.png');
	background-position: 0 -163px; width: 133px; height: 133px;
}

.play-button:hover{
	background-position: 0 0; width: 133px; height: 133px;
	cursor: pointer;
}
.play-button a{
	width: 130px;
	height: 130px;
}

.bottom-footer{
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
}

.bottom-footer a{
	padding-right: 6px;
}

.container{
	margin-left: auto;
	margin-right: auto;
	background: transparent;
}
.full-width{
	width: 100%;
	min-height: 100%;
	background: #5583D7; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(180deg, #5583D7 0%, #53B7DA 100%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(180deg, #5583D7 0%, #53B7DA 100%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(180deg, #5583D7 0%, #53B7DA 100%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(180deg, #5583D7 0%, #53B7DA 100%); /* Standard syntax */
}
.logo-container{
	text-align:center; margin-left:auto; margin-right:auto;
	max-width: 350px;
	margin-top: 20px;
	margin-bottom: 40px;
}

.peek-logo{
	margin-bottom: 20px;
	margin-top: 20px;
	width: 213px;
}

.green-bar{
	background-color: #7fba00;
	height: 15px;
}
.url-submit{
	text-align: center;
	/*padding-top: 30px;*/
	padding-bottom: 40px;
}

.footer{
	background-color: #e6e6e6;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 20px;
	padding: 15px;
	text-align: center;
}

.footer p{
	font-size: 1.2em;
}

.video-result{
	background-color: #e6e6e6;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 40px;
}

.random-user{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: -30px;
	font-size: 17px;
	font-weight: normal;

}
.random-user a{
	font-weight: bold;
}

.random-user span{
	font-weight: bold;
}

.url-submit h3{
	font-size: 1.3em;
	width: 300px;
  margin: 0 auto;
}

.email-submit h3{
	font-size: 1.3em;
	color: #ffffff;
	margin-bottom: 40px;
}

.url-submit h3{
	float: left;
	margin-top: 4px;
}

.type-of-test{
	max-width: 450px;
	margin: auto;
	margin-top: -10px;
}
.url-submit .form-group{
	max-width: 450px;
}
.form-group{
	/*max-width: 400px;*/
	margin-top: 10px;
}

.url-submit .btn,
.email-submit .btn,
.learn-more-submit .btn,
.support-submit .btn {
	margin-top: 30px;
	padding: 18px 55px;
	font-size: 1em;
	border-radius: 100px;
	border: none;
	background-color: #ffffff !important;
	box-shadow: none;
	background-color: #fff;
	border-radius: 50px;
	text-decoration: none;
	color: #54B5DA !important;
	font-family: "proxima-nova", "Proxima Nova", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0, 0.12);
	transition: all .2s ease-in-out;
}

.url-submit .btn:hover,
.url-submit .btn:focus,
.url-submit .btn:active,
.email-submit .btn:hover,
.email-submit .btn:focus,
.email-submit .btn:active,
.learn-more-submit .btn:hover,
.learn-more-submit .btn:focus,
.learn-more-submit .btn:active,
.support-submit .btn:hover,
.support-submit .btn:focus,
.support-submit .btn:active {
	background-color: #ffffff !important;
	box-shadow: 0 4px 10px 0 rgba(0,0,0, 0.22);
  transform: translateY(-1px);
}

.toggle-btn-grp{
	clear: both;
	padding-top: 10px;
	margin-bottom: -10px;
}

.email-input{
  transition-duration:1s;
  -moz-transition-duration:1s;
  -webkit-transition-duration:1s;
}

.email-opening{
	padding-bottom: 10px;
}

.email-opening h1{
	margin-bottom: 0px;
	color: #ffffff;
}

.email-submit .form-group{
	/*max-width: 400px;*/
}

.email-submit{
	padding: 0 0 20px 0;
	margin-top: 10px;
}

.email-submit .form-group{
	/*margin-top: 20px;*/
	margin-bottom: 10px;
}

/*.email-submit .btn{
  margin-top: 25px;
  padding: 12px 55px;
  font-size: 1.4em;
}*/


.promo-code-box{
  margin: 0px 0 10px;
	margin-top: 5px;
}

.promo-code-box .input-holder{
  display: none;
  background-color: #f9f9f7;
  padding-top: 15px;
  padding-bottom: 10px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.promo-code-box .input-holder span{
	display: block;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dashed lightgray ;
}

.free-underline{
	border-bottom: 1px dashed gray;
}

.promo-code-box .promo-input{
  width:35% !important;
  padding:17px;
}

.email-submit .promo-code-box .btn.btn-default.apply-submit-btn{
	width: auto !important;
	padding: 10px 15px;
	margin: 0 0 5px 15px;
	font-size: 1.2em;
	background-color: #e6e6e6 !important;
	color: gray !important;
	box-shadow: 0px 0px 0px;
	border: 1px solid lightgray;
}

.email-submit .promo-code-box .btn.btn-default.apply-submit-btn:hover{
	background-color: lightgray !important;
}

.promo-message h2{
	font-size: 1.1em;
	margin: 0px;
	padding:0px;
}


.input-lg{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 1.2em !important;
	padding: 15px 20px !important;
	margin-top: 20px;
	height: 60px !important;
	border-radius: 4px !important;
	border: none !important;
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
}

select.input-lg {
	color: #555555 !important;
	line-height: 34px !important;
}

::placeholder { /* Chrome/Opera/Safari */
  color: #d6d6d6 !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d6d6d6 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #d6d6d6 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #d6d6d6 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #d6d6d6 !important;
}

.input-md{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: .9em;
  padding: 2px 2px;
  border: 2px solid lightgray;
  border-radius: 4px;
}

.form-group{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.search-form{
  width: 600px;
  margin:20px auto 30px;
}



/*.form-group input{
	width: 95% !important;
}*/

.three-tests{
	padding-left: 30px;
	padding-right: 30px;
}

.main-container{
	box-shadow: 0px 0px 8px #888888;
}

#responsive-logo{
	display: none;
}


.test-status{
	margin-top: 40px;
	padding: 40px 0px;
	text-align: center;
}

.test-status h3{
	font-size: 1.7em;
}

.number-image{
	margin-left: auto;
	margin-right: auto;
	width: 121px;
	margin-top: 30px;
}


.test-status span{
	font-size: 1.34em;
}

.three-steps{

}

.border-footer{
	background-color: white;
}

.contact{
	margin-top: 5px;

}
.contact a{
	color: #7fba00;
	font-weight: normal;
}

p{
	font-size: 1.6em;
	font-weight: lighter;
	line-height: 1.2em;
	margin-bottom: 0px;
}

.confirmation-status.test-status{
	margin-top: 0px;
}
.confirmation-status.comparison-box {
	border-radius: 6px;
	padding: 20px 40px 40px 40px;
	margin-bottom: 30px;
	height: 600px;
	max-height: 800px;
}
.confirmation-status.comparison-box .learn-more-submit {
	text-align: center;
}
.confirmation-status.comparison-box.peek h3,
.confirmation-status.comparison-box.usertesting h3 {
	color: #ffffff;
	text-align: center;
}
.confirmation-status.comparison-box.peek p,
.confirmation-status.comparison-box.usertesting p {
	color: #ffffff;
	text-align: center;
	font-size: 18px;
}

.confirmation-status.comparison-box.peek {
	background-color: rgba(255,255,255,0.05);
}

.confirmation-status.comparison-box.usertesting {
	background-color: rgba(255,255,255,0.10);
}

.confirmation-status.comparison-box ul.element-checklist {
	margin: 30px auto 0 auto;
	/*width: 65%;*/
}

.confirmation-status.comparison-box ul.element-checklist li {
	color: #ffffff;
	margin-bottom: 24px;
	font-size: 14px;
}

.confirmation-status.comparison-box ul.element-checklist li::before {
  content: "\f058";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  margin-right: 10px;
  font-size: 24px;
}

.confirmation-closing{
	padding-top: 50px;
	padding-bottom: 50px;
}

.btn-share{
	padding: 10px 30px;
	font-weight: bold;
}

.conf-page.btn-default{
	background-color: #ea9c00 !important;
}
.conf-page.btn-default:hover{
	background-color: #eaa61f !important;
}

video#default-video_html5_api{
	margin-left: -8px;
}


.vjs-poster{
	display: none;
}

#default-video{
	width: 90% !important;
	max-height: 499px;
	margin-left: auto;
	margin-right: auto;
}
#the-video{


}

.video-container{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border: 8px #b5b5b5 solid;
}
video{
	width: 90%;
}

.video-container{

}

.type-of-test h3{
	width: 240px;
}


.result-closing .btn-share{
	margin-bottom: 30px;
}

.result-closing{
	padding-top: 40px;
	padding-bottom: 40px;
}

.video-share{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #b5b5b5 ;
	padding: 8px;
	padding-bottom: 55px;
	color: white;
	font-size: 1.6em;
	font-weight: lighter;
	line-height: 1.5em;
}

#mobile-video{
	display: none;
}


.video-share a{
	color: white;
}

.download-video{
	float: left;
	margin-left: 5px;
}

.download-video a{
	margin-left: 15px;
	width: 20px;
	height: 20px;
}


.video-overlay{
	position: absolute;
	z-index: 1000;
	height: 40%;
	width: 90%;
	display: none;
}

.ut-overview-container, .replay-container{
	float: left;
	max-width: 360px;
	margin-left: auto;
	margin-right: auto;
}

.ut-overview-container h3, .replay-container h3{

}



.video-overlay input{
	padding-top: 13px;
	padding-bottom: 14px;

}
.video-overlay .btn{
	margin-bottom: 4px;
}

.video-overlay h2{
	color: white;
	font-weight: bold;
	font-size: 2.5em;
	margin-bottom: 20px;
	clear: both;
	padding-top: 60px;
}

.video-overlay h3{
	color: white;
	padding-top: 40px;
	margin-bottom: 20px;
}

.video-overlay img{
	width: 80%;
}

.thumbnail-container{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.thumbnail-container a{
	text-decoration: none;
}


.share-button-container li{
	width: 37px; height: 37px;
	float: left;
	background-color: red;
	margin-right: 10px;
	background: url('/img/updatedsprite.png') no-repeat top left;
	cursor: pointer;
}


.share-button-container li.email{
 	background-position: 0 -46px; width: 36px; height: 36px;
 }

 .share-button-container li.email:hover{
  	 background-position: 0 0; width: 36px; height: 36px;
  }


  .share-button-container li.facebook{
   	 background-position: 0 -138px; width: 36px; height: 36px;
   }

   .share-button-container li.facebook:hover{
    	 background-position: 0 -92px; width: 36px; height: 36px;
    }


    .share-button-container li.twitter{
     	background-position: 0 -506px; width: 36px; height: 36px;
     }

     .share-button-container li.twitter:hover{
      	 background-position: 0 -460px; width: 36px; height: 36px;
      }

 .share-button-container li.linkedin{
  	background-position: 0 -414px; width: 36px; height: 36px;   }

  .share-button-container li.linkedin:hover{
   	 background-position: 0 -368px; width: 36px; height: 36px;
   }

 .share-button-container li.google{
  	background-position: 0 -230px; width: 36px; height: 36px;
  }

  .share-button-container li.google:hover{
   	background-position: 0 -184px; width: 36px; height: 36px;
   }




.share-button-container{
	float: right;
		text-align: left;
}

.share-button-container span{
float: left; padding-right: 10px;
}
.test-status.socialbox{
	margin-top: 0px !important;
}

.share-container{
	max-width:680px ;
	padding-left: 20px;
	margin-left: auto;
	margin-right: auto;
}

.share-container li{
	width: 120px; height: 120px;
	float: left;
	margin-right: 20px;
 	background: url(/assets/socialicons.png) no-repeat top left;
 	cursor: pointer;
}

.share-container li.email{
 	background-position: 0 -144px; width: 116px; height: 114px;
 }

.share-container li.email:hover{
	background-position: 0 0; width: 116px; height: 114px;
}

.share-container li.facebook{
	background-position: 0 -432px; width: 116px; height: 114px;
}

.share-container li.facebook:hover{
	background-position: 0 -288px; width: 116px; height: 114px;
}

.share-container li.twitter{
	background-position: 0 -1296px; width: 116px; height: 114px;
}

.share-container li.twitter:hover{
	background-position: 0 -1152px; width: 116px; height: 114px;
}

.share-container li.linkedin{
	background-position: 0 -1008px; width: 116px; height: 114px;
}

.share-container li.linkedin:hover{
	background-position: 0 -864px; width: 116px; height: 114px;
}

.share-container li.google{
	background-position: 0 -720px; width: 116px; height: 114px;
}

.share-container li.google:hover{
	background-position: 0 -576px; width: 116px; height: 114px;
}

.social-proof-container .twitter-share-button{
	width: 102px !important;
}

.social-proof-container{
	height: 20px;
	padding-top: 8px;
	padding-left: 9px;
}

.proof-logo{
	margin-top: 0px;
}


.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 5px solid #7fba00;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
.white_content .close-link{
	float: right;
	margin-right: -20px;
	margin-top: -20px;
}

.white_content input{
	width: 300px;
	margin-top: 10px;
}

.white_content form {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}

#firefox-video{
	display: none;
}

.atm{
	margin-top: 33px !important;
}
#at_pspromo, .atm-f{
	display: none !important;
}

.atm-i{
	border-bottom: 0px !important; box-shadow: none !important;
}
#at_auth {
	display: none !important;
}

.addthis_default_style .at300b {
	padding: 0px;
}

.share-button-container{
	margin-top: -18px;
}

h1 span.h1-plain{
	font-size: .7em;
	font-weight: lighter;
	display: block;
	margin-bottom: -20px;
	color: #444;
	font-family: "proxima-nova", "Proxima Nova", sans-serif;
}

h1 span.plain {
  font-size: .7em;
  font-weight: lighter;
  margin-bottom: -20px;
  color: #444;
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
}

.more-info-popover{
	border-bottom: 1px dashed gray ;
	text-decoration: none;
	cursor: pointer;

}
.popover-inner .popover-content{
	font-size: 16px !important;
	font-weight: normal;
}
.more-info-popover span{
	font-size: 16px !important;
	font-weight: normal;
}

.mobile-popover-text{
	font-size: 16px !important;
	font-weight: normal;
}

.popover-button{
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 120px;
	margin-top: 20px;
	margin-bottom: 10px;

}

.mobile-popover-text a, .popover-inner a{
	color: #7fba00;
	font-weight: bold;
}

.h1-span{
	font-weight: bold;
}
.green-bar.empty-footer.green-footer{
min-height: 20px !important; height: 20px;
}


/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */


	@media only screen and (min-width: 960px) {

			h1.home-headline,
			h1.result-headline,
			h1.urllimit-headline{
				font-size: 35px;
				color: #ffffff;
			}

			.link{
				width: 40px;
				height: 40px;
				float: left;
				background-repeat: no-repeat;
				margin-right: 8px;
				cursor: pointer;
				background-image: url('/img/updatedsprite.png');
				background-position: 0 -322px; width: 37px; height: 36px;
			}

			.link.zeroclipboard-is-hover{
				background-image: url('/img/updatedsprite.png');
				background-position: 0 -276px; width: 37px; height: 36px; );
			}

			.share-button-container a.addthis_button_linkedin{
				display: none;
			}

			.share-button-container {
				min-width: 370px;
			}

			.email-opening{
				padding-top: 0px;
				padding-bottom: 20px;
			}

			/*.home-closing{
				max-width: 260px;
				margin: 0 auto;
			}*/

			.logo-container.result-logo{
				max-width: 200px;
				float: right;
				margin-top: 0px;
				padding-right: 45px;
			}

			.logo-container.about-logo.result-logo{
				float: left;
				margin-left: 40px;
			}

			.about-center{
				padding-top: 20px;
				padding-bottom: 20px;
			}

			.about-center{
				max-width: 700px;
				margin-left: auto;
				margin-right: auto;
			}

			.good-news-opening, .good-news-opening h1{
				text-align: left;
			}

			.good-news-opening{
				padding-left: 50px;
				padding-top: 40px;
			}

			video{
				border-bottom: none !important;
			}

			.opening.result-opening h1{
				text-align: left;
				line-height: .9em;
				font-size: 2.3em;
				word-wrap: break-word;
			}

			.logo-container.result-logo .peek-logo{
				margin-bottom: 20px;
			}

			.opening.result-opening{
				max-width: 600px;
				text-align: left;
				height: 100px;
				padding-top: 60px;
				margin-left: 30px;
			}

			.ut-overview-container{
				margin-right: 10px;
			}

			.replay-container{
				margin-left: 10px;
			}
	}

	.logo-container{
		margin-bottom: 10px;
		margin-top: 10px;
	}

	h1.home-headline,
	h1.result-headline,
	h1.urllimit-headline{
		color: #ffffff;
	}

	.opening{
		padding-bottom: 30px;
	}
	.opening a {
		font-weight: 600;
	}
	.opening h2,
	h2.video__subtitle{
		color: #ffffff;
		font-size: 1.6em;
		font-weight: lighter;
		line-height: 1.2em;
		margin-bottom: 0px;
	}
	#main-logo{
		margin-bottom: 20px;
		margin-top: 30px;
	}

	.email-opening{
		padding-bottom: 0px;
		padding-top: 30px;
	}

	.test-status{
		margin-top: 40px;
		padding-top: 20px;
	}

	.test-status h3{
		margin-bottom: 0px;
	}


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

			.result-opening{
				width: 60%;
			}
			.result-opening h1{
				line-height: .9em;
				word-wrap: break-word;
				font-size: 2.2em;
			}

			.opening h2,
			h2.video__subtitle{
				/*font-size: 1.8em;
				line-height: 1.4em;*/
				color: #ffffff;
				font-size: 1.6em;
				font-weight: lighter;
				line-height: 1.2em;
				margin-bottom: 0px;
			}

			.thumbnail-container img{
				display: none;
			}

			.ut-overview-container{
				display: none;
			}

			.replay-container{
				float: none;
			}

			.replay-container a h3{
				display: inline-block;
				padding: 10px 20px;
				padding-right: 40px;
				padding-top: 13px;
				border-radius: 6px 6px 6px 6px;
				color: #fefefe;
				font-size: 1.125em;
				background: url('/assets/playbutton-result.png');
				background-position: -20px -104px;
				margin-bottom: 0px;
				height: 25px;
				line-height: 1.5;
			}

			.replay-container a {
				display: inline-block;
				margin-top: 25%;
				margin-bottom: 30px;
			}

			.video-overlay h2{
				padding-top: 20px ;
			}

			.replay-container h3{
				font-size: 1.2em;
			}

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

			.share-button-container {
				min-width: 370px;
			}

			.ut-overview-container, .replay-container{
				max-width: 300px ;
			}

			.logo-container.result-logo{
				max-width: 200px;
				float: right;
				margin-top: 0px;
				padding-right: 45px;
			}

			.logo-container.about-logo.result-logo{
				float: left;
				margin-left: 40px;
			}

			.good-news-opening, .good-news-opening h1{
				text-align: left;
			}
			.good-news-opening .responsive-break{
				display: none;
			}

			.logo-container.result-logo .peek-logo{
				margin-bottom: 20px;
			}

			.opening.result-opening{
				max-width: 600px;
				text-align: left;
				height: 100px;
				padding-top: 60px;
				margin-left: 30px;
			}

			.opening.result-opening h1{
				text-align: left;
				line-height: .9em;
			}

	}





	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

			.logo-container{
				margin-top: 20px !important;
			}
			.share-button-container{
				margin-left: auto;
				margin-right: auto;
				text-align: center;
			}
			.share-button-container span{
				width: 100%;
				text-align: center;
				padding-bottom: 5px;
			}
			.share-button-container ul{
				text-align: center;
				margin-left: auto;
				margin-right: auto;
				max-width: 250px;
				padding-left: 10px;
			}

			.sub-footer{
				padding: 20px 20px 60px 20px !important;
			}

			.download-video{
				display: none;
			}

			.responsive-submit{
				display: inline-block;
				font-weight: normal;
				padding-right: 28px;
				padding-left: 28px;
				font-size: 1.2em;
			}

			.video-overlay h2{
				display: none;
			}

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

			.video-overlay form{
				display: none;
			}

			.replay-container{
				margin-bottom: 0px !important;
			}

			.replay-container a{
				margin-top: 8%;
				margin-bottom: 10px;
			}

			.white_content{
				width: 100%;
				left: 0;
				height: 100%;
				top: 0;
			}

			.white_content .close-link{
				margin-right: 20px;
				margin-top: -15px;
			}

			.video-share{
				padding-bottom: 90px;
				background-color: ;
			}

			share-button-container{
				min-width: 250px;
				margin-left: auto;
				margin-right: auto;
			}

			.addthis_toolbox{

			}

			.sharebar .addthis_toolbox{
				float: left;
			}

			.share-button-container{
				margin-left: auto;
				margin-right: auto;
				width: 100%;
			}

			.result-opening h1{
				font-size: 2.2em;
			}

			.result-opening p{
				font-size: 1.5em;
			}

			.social-proof-container{
				display: none;
			}

			.ut-overview-container{
				display: none;
			}

			.replay-container img{
				display: none;
			}

			.replay-container{
				float: none;
				margin-bottom: 30px;
			}
			.replay-container h3{
				padding-top: 20px;
			}

			.video-overlay h2{
				padding-top: 0px;
				font-size: 1.8em;
			}

			.toggle-btn-grp {
				padding-bottom: 15px;
			}

			.toggle-btn {
				width: 33.2% !important;
				height: 60px !important;
			}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

			.logo-container{
				width: 60%;
				margin-bottom: 10px;
			}

			#main-logo{
				display: none;
			}

			#responsive-logo{
				display: initial;
			}
			h1{
				font-size: 2.6em;
				line-height: 1.1em;
			}

			.result-opening{
				width: 90%;
				margin-left: auto;
				margin-right: auto;
			}

			/*.result-opening h1{
				width: 100%;
				 overflow: hidden;
				 -o-text-overflow: ellipsis;
				 -ms-text-overflow: ellipsis;
				 text-overflow: ellipsis;
				 font-size: 2.6em;
				padding-bottom: 10px;
			}*/

			h1.home-headline,
			h1.result-headline,
			h1.urllimit-headline{
				color: #ffffff;
			}

			h2{
				font-size: 1.5em; line-height: 1.3em;
			}
			.responsive-break{
				display: none;
			}

}


	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

			.result-opening{
				width: 90%;
			}

			.replay-container a{
				margin-top: 3%;
			}
			.opening h2,
			h2.video__subtitle{
				/*line-height: 1.3em;*/
				color: #ffffff;
				font-size: 1.6em;
				font-weight: lighter;
				line-height: 1.2em;
				margin-bottom: 0px;
			}

			.why-copy p{
				padding-right:25px !important;
				padding-left: 25px !important;
			}

			.why-copy p:first-child{
				font-size: 1.7em !important;
			}

			.green-footer{
				min-height: 55px !important;
			}

			.green-bar.empty-footer.green-footer{
				min-height: 15px !important;
			}

			.three-thumbnails{
				width: 300px;

			}
			.three-thumbnails .columns{
				margin-bottom: 20px;
			}
			#popover-video{
				display: none;
			}

			#mobile-video{
				display: block;
				border: 2px solid #e6e6e6;
			}

			#main-logo{
				display: none;
			}

			#responsive-logo{
				display: initial;
			}

			.logo-container{
				width: 80%;
				margin-bottom: 10px;
			}

			h1{
				line-height: 1.1em;
			}

			h2{
				font-size: 1.8em; line-height: 1.3em;
			}

			.responsive-break{
				display: none;
			}

			.teststatus-inner{
				margin-left: auto;
				margin-right: auto;
				text-align: center;
				max-width: 300px;
			}

			div.download-video{
				display: none;
			}

			.email-opening h1{
				font-size: 2.5em;
			}

			.email-opening h2{
				font-size: 1.8em;
			}

			.type-of-test h3{
				width: 250px;
				margin: auto;
				float: none;
			}

			.type-of-test .cd-dropdown{
				margin: auto;
				float: none;
				margin-bottom: -10px;
			}

			.toggle-btn-grp {
				padding-top: 0;
			}

			.toggle-btn {
				width: 100% !important;
				height: 70px !important;
				max-width: initial !important;
			}

}

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

		share-button-container{
			min-width: 250px;
		}

		.mobile-break{
			display: inline !important;
		}

}




/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

/* About Page
================================================== */

.about-p{
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 20px;
	padding-left: 20px;
}

.about-video{
	margin: 30px;
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
}

/* Buzz Page
================================================== */

.buzz-opening{
	padding-bottom: 20px;
	width: 70%;
	border-bottom: 1px solid lightgray;
	margin-left: auto;
	margin-right: auto;
}

.testimonial-container p{
	font-size: 1.4em;
	margin-bottom: 15px;
	font-weight: normal;
}

.testimonial-container p a{
	text-decoration: none;
}

.testimonial-container p a:hover{
	text-decoration: underline;
}

.testimonial-container img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

.testimonial-name{
	font-weight: bold;
	font-size: 1.2em;
}

.testimonial-title{
	font-size: 1.2em;
	font-weight: lighter;
}

.testimonial-container .row{
margin-top: 50px;
padding: 10px;
}

.testimonial-container{
	padding-top: 30px;
}

.testimonial-container h2{
margin-bottom: -20px;
}

.press-container h2, .testimonial-container h2, .twitter-container h2{
	font-weight: bold;
	color: #adadad;
	font-size: 2.2em;
}

.press-container h2{
	padding: 20px;
	margin-bottom: 20px;
}

.press-container{
	width: 70%; margin-left: auto; margin-right: auto;
	padding: 30px;
	padding-top: 10px;
	border-bottom: 1px solid lightgray;
}

.press-container img{
	width: 90%;
	max-width: 180px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 	20px;
}

.press-container .col-md-3{
	margin-right: 20px;
}

.gray-border{
	border-bottom: 1px solid lightgray;
	width: 70%;
	padding-top: 20px;
}

.twitter-container{
	padding-top: 30px;
}

.twitter-container h4{
	text-align: center;
}

.twitter-container .twitter-tweet-rendered{
	margin-left: auto !important;
	margin-right: auto !important;
	important;
}

.twitter-block{
	margin-top: 40px;
	padding-left: 10%;
	padding-right: 10%;
}

.twitter-container .social-proof-container{
	display: block;
	max-width: 380px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.4em;
	font-weight: lighter;

}


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

		.testimonial-container .row{
			text-align: center;
			padding-left: 20%;
			padding-right: 20%;
		}

}



/* #Results Page
================================================== */


.opening.archive-opening{
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.limit-container{
	padding: 50px 20px;
	text-align: center;
}

.good-news-opening{
	min-height: 150px;
}

.limit-container .btn{
	margin: 30px 0px;
	margin-bottom: 10px;
}

.limit-container p{
	padding-bottom: 25px;
}

.small-p{
	font-size: 1.2em;
}

.three-thumbnails{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 700px;
}
.three-thumbnails .columns h3{
	font-size: 1.2em;
	margin-top: 5%;
}

.three-thumbnails .columns{
	background-color: #f3f3f3;
	height: 200px;
	min-width: 200px;
}

.the-thumbnail{
	width: 94%;
	padding: 3%
}

.tests-taken h2{
	margin-bottom: 30px;
}

.gray-background{
		background-color: #e6e6e6;
}

.container.three-thumbnails{
	background-color: transparent;
}

.tests-taken .three-thumbnails .columns{
	margin-bottom: 15px;
}

.tests-taken .three-thumbnails h3{
	margin-top: 0px;
	margin-bottom: 0px;
}

.monthly-results{
	padding: 20px 0px;
}

.mktFormMsg{
display: block;
margin-bottom: -15px;
margin-top: 10px;
}

.limit-reached{
	font-weight: normal;
}

/*
Alert Styles*/

.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442 !important;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert p{
	text-align: center;
	font-weight: bold;
}

.green-bar{
	height: 30px;
}
.green-bar p{
	text-align: center; font-size: 1.2em;
	padding: 5px; color: white;
}

.green-bar a{
	color: white;
}

.time{
	padding-left:70px;
	padding-right: 70px;
	padding: 5px 70px;
	font-size: 1.2em;
	font-weight: normal
}

.header a{
	float: right;
	padding-right: 12px;
}

.header{
	height: 40px;
}
.green-footer p{
	font-size: 1.2em;
	padding-top: 5px;
}

.green-bar.green-footer{
	min-height: 30px;
}

.error-opening {
	font-family: "proxima-nova", "Proxima Nova", sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 60px;
}

.error-opening h1 {
	color: #ffffff;
}

.why-opening{
	padding-bottom: 0px;
	padding-top: 40px;
}

.why-copy{
	padding: 0px;
	padding-bottom: 60px;
	font-family: "proxima-nova", "Proxima Nova", sans-serif;
}

.why-copy p:first-child{
	font-size: 1.9em;
	line-height: 1.5em;
	font-weight: normal;
	text-align: center;
	padding-bottom: 50px;
	padding-top: 30px;
}

.why-copy p:first-child span{
	font-weight: bold;
}

.why-copy p{
	font-size: 1.4em;
	line-height: 1.8em;
	font-weight: normal;
	padding: 10px 50px;
	padding-right:15% ;
	padding-left:15% ;
}

.origin-video{
	margin: 40px 0px;
	background-color:#e6e6e6;
	padding: 40px 40px;
	padding-bottom: 10px;
}

.origin-video h2{
	margin-top: 20px;
	font-weight: light;
	font-style: italic;
	font-family: "proxima-nova", "Proxima Nova", sans-serif;
}
.origin-video iframe{

}

.divider-line{
	height: 1px;
	background-color: gray;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

a.copy-link{
	color: #78b100;
}

a.green-link{
	color: #78b100;
}
input#promoCode{
	font-size: 1em;
	padding: 12px;
}

/*Tooltips*/

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}

/*End Tooltips*/

/* Bootstrap Popover*/
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  color: white;

  background-color: #7fba00;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}

/*End Popover Styles */

/*Error Styles */

.input-lg.error-input{
	border-color: #d9534f;
}

.form-error {
	background-color: #F3D8DD;
	padding: 18px 20px;
	border-radius: 4px;
}

.form-error h4{
	/*color: #d9534f;*/
	color: red;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.3333333;
}

/* Radio Toggle Buttons */

.toggle-btn {
    text-align:center;
    margin:5px -1px;
    /*padding:0.3em 1.1em;*/
    color:#ffffff;
    background-color: transparent;
    display:inline-block;
    border: none;
    cursor:pointer;
    max-width: 160px;
		opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
		transition: all .2s ease-in-out;
		width: 140px;
		height: 100px;
}

.toggle-btn#websiteTestSelectLabel {
		background-image: url(/icons/website-test-text.svg);
		background-repeat: no-repeat;
		background-position: center;
}

.toggle-btn#mobileWebsiteTestSelectLabel {
		background-image: url(/icons/mobile-website-test-text.svg);
		background-repeat: no-repeat;
		background-position: center;
}

.toggle-btn#mobileAppTestSelectLabel {
		background-image: url(/icons/mobile-test-text.svg);
		background-repeat: no-repeat;
		background-position: center 52%; /*Adjust positioning to align text*/
}

.toggle-btn-grp.joint-toggle .toggle-btn {
    margin:5px 0;
    padding:0.4em 2em;
    border-radius:0;
    border-right-color:white;
}
.toggle-btn-grp.joint-toggle .toggle-btn:first-child {
    margin-left:2px;
    border-radius: 10px 0px 0px 10px;
}
.toggle-btn-grp.joint-toggle .toggle-btn:last-child {
    margin-right:2px;
    border-radius: 0px 10px 10px 0px;
    border-right:solid 1px #CCC;
}

.toggle-btn:hover {
		opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.toggle-btn.success {
		opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.form-group input.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -100px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px !important;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Optimizely */

.optimizely-result{
    max-width: 200px;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 20px;
}

.optimizely_closing{
		padding: 40px;
}

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

@media only screen and (min-width: 993px) {
    .optimizely-result{
        margin-left: 30px;
        margin-right: 0;
    }
}

.adminTable td{
    padding: 10px;
}


.sub-footer{
    text-align: center;
    padding: 20px;
		color: #ffffff;
}

.sub-footer a,
.sub-footer a:visited,
.sub-footer a:focus{
    color: #ffffff !important;
}

/* One off for Related videos in footer. will remove in the next couple weeks*/
.relatedVideos{
    text-align:left;
    padding:10px 50px 0;
}

.relatedVideoList{
    text-align:center;
}

.relatedVideoList li{
    display:inline-block;
    margin:15px;
    font-weight:bold;
}