/*
Theme Name: trackery
Theme URI: http://pivotaltracker.com
Author: Volume Design, Inc
Author URI: http://volumesf.com/
Description: Custom theme for Pivotal Tracker designed and programmed by Volume

1 Reset
2 Global Typography
3 Global Responsive Containers
4 Global Stylings
5 Header/Footer/Nav Menus
6 Login/Signup Pages
7 Home Page
8 Sub-Pages
9 Flexslider CSS

99 Media Queries

/* = 1 Reset
-------------------------------------------------------------- */

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%;
	vertical-align: baseline;
}
body {
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
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;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clear fix for floated elements */


.clearfix:after,  div.subpages ul.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


.clearfix, div.subpages ul.menu {display: inline-block;}


/* Hides from IE-mac \*/


* html .clearfix {height: 1%;}


.clearfix, div.subpages ul.menu {display: block;}


/* End hide from IE-mac */

#footer {
    background-color: #ffffff;
}

.clear, div.subpages ul.menu {
	clear:both
}

/* Images */
.alignleft, .left  {
	float: left;
}
.alignright, .right {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
.center-text {
	text-align: center;
}
article.post .blog-content
/* reset list and table styles within primary */
ol.default,ul.default, dl.default, article.post .blog-content ul, article.post .blog-content ol, #article.post .blog-content dl  {
	margin-left:2em;
	margin-bottom:1.5em;
}
ol.default li, article.post .blog-content ol li {
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;        
}
ul.default li, article.post .blog-content ul li {
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
}
dl.default dd, article.post .blog-content dl dd {
    /*giving UL's LIs generated numbers*/
    margin-left:1em;
}
th,td {
    /*borders and padding to make the table readable*/
    border:1px solid #d5d5d5;
    padding:.5em;
}
th {
    /*distinguishing table headers from data cells*/
    font-weight:bold;
    text-align:center;
}

pre {
    font-family: Monaco, MonacoRegular, monospace;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    /* line-height: 20px; */
    margin-bottom:1.5em;
   }
.gist pre {
	white-space: pre;
}

/* = 2 Global Typography
-------------------------------------------------------------- */
a, a:link, a:visited, .why-tracker.sh2 a span {
	color:#5283b0;
	font-weight: 700;
}
a:hover, .why-tracker.sh2 a:hover span {
	color:#11527a;

}
body {
	font-size: 1em;
	font-family: "ars-maquette-web", Helvetica, Arial, sans-serif;
}
h1, h2, h3 {
	text-transform: uppercase;
}
.copy p {
	margin-bottom: 1.75rem;
}
.blog-content p {
	margin-bottom: 1.5rem;
}
.hr1 {
	font-size: 5.688em;
	line-height: 0.912em;
	font-weight: 900;
}
.hr2, .hr2 * {
	font-size: 63px;
	line-height: 58px;
	font-weight: 900;
}
.hr3 {
	font-size: 3.750em;
	line-height: 0.933em;
	font-weight: 900;
}
.hr4 {
	font-size: 2.550em;
	line-height: 0.94em;
	font-weight: 900;
}
.hr5 {
	font-size: 2.313em;
	line-height: 1.035em;
	font-weight: 900;
}
.hr6 {
	font-size: 1.84em;
	line-height: 1.000em;
	font-weight: 900;
	letter-spacing: 2px;
}
.hr6__lc {
	font-size: 1.84em;
	line-height: 1.000em;
	font-weight: 900;
	letter-spacing: 1px;
}
.hr7 {
	font-size: 1.875em;
	line-height: 1.033em;
	font-weight: 900;
}
.hr8 {
	font-size: 1.688em;
	line-height: 1.111em;
	font-weight: 900;
}
.sh1 {
	font-size: 1.55em;
	line-height: 1.000em;
	font-weight: 900;
	letter-spacing:2px;
}
.sh2, .sh2 * {
	font-size: 21px;
	line-height: 29px;
	font-weight: 900;
}
.sh3 {
	font-size: 1.125em;
	line-height: 1.056em;
	font-weight: 600;
}
.sh4 {
	font-size: 1.000em;
	line-height: 1.438em;
	font-weight: 900;
	letter-spacing: 1px;
}
.sh5 {
	font-size: 0.938em;
	line-height: 1.200em;
	font-weight: 900;
}
.sh6 {
	font-size: 0.875em;
	line-height: 1.500em;
	font-weight: 900;
}
.bd1, .bd1 p {
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
}
.bd2 {
	font-size: 1.000em;
	line-height: 1.500em;
	font-weight: 700;
}
.bd3 {
	font-size: 0.938em;
	line-height: 1.533em;
	font-weight: 600;
}
.bd4 {
	font-size: 0.875em;
	line-height: 1.571em;
	font-weight: 400;
}
.bd5 {
	font-size: 0.813em;
	line-height: 1.538em;
	font-weight: 500;
}
.bd6 {
	font-size: 0.750em;
	line-height: 1.500em;
	font-weight: 500;
}
.bd7 {
	font-size: 1.2em;
	line-height: 1.438em;
	font-weight: 500;
}
.mn1 {
	font-size: 0.813em;
	font-weight: 900;
}
.mn2 {
	font-size: 0.688em;
	font-weight: 900;
}
.app-meta .mn2 {
	font-weight: 700;
}
.mn3 {
	font-size: 0.563em;
	font-weight: 900;
}
.sh1 a, .sh1 a:link, .sh1 a:visited, a.sh1, a:link.sh1, a:visited.sh1, .sh2 a, .sh2 a:link, .sh2 a:visited, .sh5 a, .sh5 a:link, .sh5 a:visited, a.sh6, a:link.sh6, a:visited.sh6, .mn2 a, .mn2 a:link, .mn2 a:visited, a.mn2, a:link.mn2, a:visited.mn2, .hr6 a, .hr6 a:link, .hr6 a:visited {
	font-weight: 900;
}
.bd6 a, .bd6 a:link, .bd6 a:visited {
	font-weight: 500;
}
.hdr-border {
	font-size: 2.90em;
	line-height: 1.14em;
	font-weight: 900;
	margin-bottom: 20px;
	padding: 9px 0px 12px;
	border-top: 2px solid rgba(95,95,95,0.8);
	border-bottom: 2px solid rgba(95,95,95,0.8);
}
.item-box .sh1 {
	display: inline-block;
}
.item-box .bd5 {
	margin-bottom: 41px;
}
.faq-question.bd4 {
	font-weight: 900;
}
.faq-question{
	border-top: 1px solid #5f5f5f;
	padding-top: 20px;
}
.faq-question:first-child {
	border-top: none;
}
.faq-answer.bd4, .resources .mini-blurb .bd4, .app .bd4, .app-content.bd4, .featured-project .bd4 {
	font-weight: 500;
}
.blog-content.bd4 {
	font-weight: 400;
}
.featured-project .bd4 {
	line-height: 23px;
}
.why-tracker.sh2, .why-tracker.sh2 *, .why-tracker.sh2 a, .why-tracker.sh2 a:link, .why-tracker.sh2 a:visited, #infscr-loading {
	font-size: 16px;
	line-height: 26px;
	font-weight: 700;
}
#infscr-loading em {
	font-style: normal;
}
.more-link {
	font-weight: 700;
}
.blue, .blue *, .dgray .blue, .dgray .blue * {
	color: #5283b0;
}
.yellow, .yellow *, .dgray .yellow * {
	color: #cfa922;
}
.gray, .gray * {
	color: #afafaf;
}
.dgray, .dgray *, a.dgray:link, a.dgray:visited, #infscr-loading {
	color: #5f5f5f;
}
a.dgray:hover, a.details:hover strong {
	color: #3c3c3c;
}
.mgray, .mgray * {
	color: #8a8a8a;
}
.lgray, .lgray * {
	color: #dedede;
}
.newblack, .newblack * {
	color: #323232;
}
.red, .red * {
	color: #b51934;
}
.bg-r {
	background-color: #b51934;
}
.bg-b {
	background-color: #5283b0;
}
.bg-y {
	background-color: #cfa922;
}
.bg-g {
	background-color: #afafaf;
}
.bg-dg {
	background-color: #5f5f5f;
}
.bg-lg {
	background-color: #dedede;
}
.bg-w {
	background-color: #ffffff;
}
.page-template-page-templatesfront-page-php #footer {
	background-color: #ffffff;
	padding-top: 40px;
}
.page-template-page-templateslog-in-php, .page-template-page-templatessign-up-php {
	background-color: #5283b0;
}
#header-search ::-webkit-input-placeholder {
	color: #dddddd;
}
#header-search :-moz-placeholder { /* Firefox 18- */
	color: #dddddd;  
}

#header-search ::-moz-placeholder {  /* Firefox 19+ */
	color: #dddddd;  
}

#header-search :-ms-input-placeholder {
	color: #dddddd;  
}
#app-list ::-webkit-input-placeholder, .visible-search ::-webkit-input-placeholder {
	color: #5f5f5f;
}
#app-list :-moz-placeholder, .visible-search :-moz-placeholder { /* Firefox 18- */
	color: #5f5f5f;  
}

#app-list ::-moz-placeholder, .visible-search ::-moz-placeholder {  /* Firefox 19+ */
	color: #5f5f5f;  
}

#app-list :-ms-input-placeholder, .visible-search :-ms-input-placeholder {
	color: #5f5f5f;  
}
.login-blk ::-webkit-input-placeholder {
	color: #afafaf;
	font-weight: 700;
}

.login-blk :-moz-placeholder { /* Firefox 18- */
	color: #afafaf;  
	font-weight: 700;
}

.login-blk ::-moz-placeholder {  /* Firefox 19+ */
	color: #afafaf;  
	font-weight: 700;
}

.login-blk :-ms-input-placeholder {  
	color: #afafaf;  
	font-weight: 700;
}
.page-title {
	color: #444444;
}

/* = 3 Global Responsive Containers
-------------------------------------------------------------- */

.fw {
	width:100%;
}
.fw-contain {
	width:97.5%;
	max-width: 960px;
	margin:0 auto;
	padding:0 1.25%;
}
.page-template-page-templatessign-up-php .fw-contain, .page-template-page-templateslog-in-php .fw-contain {
	max-width: 400px;
}
.pw-contain {
	width: 75%;
	max-width: 720px;
	float: right;
}
.pw-contain .small-block {
	margin-bottom: 11px;
}
.nw-contain {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
img {
	max-width: 100%;
	height: auto;
}
.response-full {
	width: 100%;
}
.response-onethird {
	width:28.4%;
}
.response-twothirds {
	width:66.3%;
}
.response-half {
	width:44.2%;
}
ul.nav-drop {
	
}
#mobile-nav {
	display:none;
}
#mobile-nav .menu-why-tracker-nav-container, 
#mobile-nav .menu-community-menu-container {
	width:49%;
	position: absolute;
	top:62px;
}
#mobile-nav .menu-why-tracker-nav-container {
	left: 0px;
}
#mobile-nav .menu-community-menu-container {
	right:0px;
}
ul.nav-drop li {
	border-bottom: 1px solid #5f5f5f;
	border-left: 1px solid #5f5f5f;
	border-right: 1px solid #5f5f5f;
	background:#ffffff;
	width:auto;
	position: relative;
	display:none;
}
#mobile-nav .menu-community-menu-container ul.nav-drop li {
	border-right: 0px;
}
#mobile-nav .menu-why-tracker-nav-container ul.nav-drop li {
	border-left: 0px;
}

ul.nav-drop-active li {
	display: block;
}
ul.nav-drop li:first-child {
	border:0;
	padding:0px;
	display: block;
}
ul.nav-drop li a:link, ul.nav-drop li a:visited {
	color:#5f5f5f;
	text-decoration: none;
}
ul.nav-drop li a {
	padding:15px 10px;
	display: block;
	text-transform: uppercase;
}
ul.nav-drop li:first-child a {
	background:#afafaf;
	color:#ffffff;
	padding:8px 10px;
	background-image:url(images/btn_mobile_down.png);
	background-repeat: no-repeat;
	background-position: 96% center;
}
.mobile-title {
	color:#ffffff;
	background:#5f5f5f;
	display: none;
}
.mobile-title h1 {
	padding:15px 5px 15px 11px;
	font-size: 13px;
	line-height: 13px;
	font-weight: 900;

}

/* = 4 Global Stylings
-------------------------------------------------------------- */

.get-trk {
	text-align: left;
}
#main .get-trk {
	padding: 9px 0px 12px;
}
#why-primary #section-4 {
    margin-top: 20px;
    padding-top: 34px;
    background-color: #ffffff;
}
#why-primary .get-trk {
	padding: 2px 0px 12px;
}
#why-primary .get-trk h4 {
	font-size: 31px;
	margin-right: 21px;
}
.get-trk h4 {
	display: inline-block;
	position: relative;
	top: 7px;
	margin-right: 10px;
	text-align: center;
}
.pricing .get-trk {
	text-align: left;
}
.pricing .get-trk h4 {
	top: 10px;
}
h4 span.subtext {
	font-size: 18px;
	font-weight: 700px;
	display: block;
}
.get-trk .btn-wrap {
	display: inline-block;
}
.btn-get-trk {
	display: inline-block;
	width: 284px;
	height: 46px;
	position: relative;
	bottom: 4px;
	left: 0px;
	color: #ffffff;
	background: url('images/sprite.png') no-repeat -481px 0px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	letter-spacing: 1px;
}

.btn-get-trk:hover {
	background-position:  -481px -46px;
}
.btn-get-trk span {
	position: relative;
	top: 9px;
	left: 14px;
}
a.btn-get-trk, a.btn-get-trk:link, a.btn-get-trk:visited {
	color: #ffffff;
}
.whighlight {
	background: #ffffff;
}
.yhighlight {
	background: #faf8c4;
}
.whighlight, .yhighlight {
	padding: 1px 5px;
	white-space: pre-wrap;
}
.nounderline {
	display: inline-block;
	text-decoration: none;
}
a.more-link {
	color: #000000;
}
h2.subheader {
	margin-bottom: 21px;
	padding-top: 3px;
	border-top: 2px solid rgba(95,95,95,0.8);
}
.arw-right-blk {
	background: url('images/arw-right.png') no-repeat right 2px;
	padding-right: 42px;
}
.arw-right-blk:hover {
	background: url('images/arw-right-red.png') no-repeat right 2px;
}
.sh1 .arw-right-blk {
	background: url('images/arw-right.png') no-repeat right 7px;
	padding-right: 42px;
}
.sh1 .arw-right-blk:hover {
	background: url('images/arw-right-red.png') no-repeat right 7px;
}
.arw-right-wht {
	position: relative;
	top: 2px;
	display: inline-block;
	height: 17px;
	background: url('images/arw-right-wht.png') no-repeat right 3px;
	padding-right: 40px;
}
.arw-right-wht:hover {
	background: url('images/arw-right-ro.png') no-repeat right 3px;
}
.arw-right-bnr {
	display: block;
	background: url('images/sprite.png') no-repeat -963px 0px;
	color: white;
	width: 121px;
	height: 30px;
	text-transform: uppercase;
}
.arw-right-bnr:hover {
	background-position-y: -30px;
}
.arw-right-bnr span {
	color: white;
	position: relative;
	top: 9px;
	left: 14px;
}
.item-box .arw-right-bnr span {
	font-size: 14px;
	top: 8px;
	left: -3px;
}
.item-arw-1, .item-arw-2, .item-arw-1:hover, .item-arw-2:hover {
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size: 100% auto;
}
.item-arw-1 {
	background-image: url('images/btn_red.png');
	width: 144px;
}
.item-arw-1:hover {
	background-position: 0 -30px;
}
.item-arw-2 {
	background-image: url('images/btn_gold.png');
	width: 162px;
}
.item-arw-2:hover {
	background-position: 0 -30px;
}
/*box shadow*/
#home-primary article {
	-moz-box-shadow: inset 0px 135px 125px -85px rgba(0, 0, 0, .1), inset 0px -135px 125px -85px rgba(0, 0, 0, .1);
	-webkit-box-shadow: inset 0px 135px 125px -85px rgba(0, 0, 0, .1), inset 0px -135px 125px -85px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 135px 125px -85px rgba(0, 0, 0, .1), inset 0px -135px 125px -85px rgba(0, 0, 0, .1);
}
#home-primary #section-1, #home-primary #section-5, #why-primary #section-1, #home-primary #section-2 {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#home-primary #section-3 {
	-moz-box-shadow: 0px -20px 70px 40px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0px -20px 70px 40px rgba(0, 0, 0, .1);
	box-shadow: 0px -20px 70px 40px rgba(0, 0, 0, .1);
}
#why-primary #section-5 {
	-moz-box-shadow: 0px 40px 40px 5px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0px 40px 40px 5px rgba(0, 0, 0, .1);
	box-shadow: 0px 40px 40px 5px rgba(0, 0, 0, .1);
	position: relative;
	z-index: 50;
}
/*
.site-header {
	-moz-box-shadow: 0px 40px 40px 5px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0px 40px 40px 5px rgba(0, 0, 0, .15);
	box-shadow: 0px 40px 40px 5px rgba(0, 0, 0, .15);
}
*/
.expand-link a, .expand-link a:link, .expand-link a:visited,
.collapse-link a, .collapse-link a:link, .collapse-link a:visited {
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
}
.expand-link a:hover, .collapse-link a:hover {
	color:#11527a;
}
.blog-content .expand-link a, .blog-content .expand-link a:link, .blog-content .expand-link a:visited,
.blog-content .collapse-link a, .blog-content .collapse-link a:link, .blog-content .collapse-link a:visited {
	color: #5283b0;
	font-weight: 700;
	text-decoration: none;
}
.blog-content .expand-link a:hover, .blog-content .collapse-link a:hover {
	color:#11527a;
}
.expand-me {
	padding-bottom: 25px;
}
.collapse-link a {
	font-size: 1.125em;
	line-height: 1.556em;
}

/* = 5 Header/Footer/Nav Menus
-------------------------------------------------------------- */

#main {
	padding-top: 62px;
}
.site-header {
	position: fixed;
	background: #ffffff;
	height: 62px;
	z-index: 9999;
	left: 0;
	top: 0;
}
.site-header hgroup {
	float: left;
	padding-top: 8px;
	width:279px;
	height:45px;
	max-width: 279px;
}
.site-title {
	height: 100%;
	width:100%;
}
.site-title a {
	display: block;
	height: 100%;
	width:100%;
	text-indent: -9999px;
	background-image: url(images/logo_main.png);
	background-repeat:  no-repeat;
	background-position: -1px 0;
}
.page-template-page-templatessign-up-php .site-title a, .page-template-page-templateslog-in-php .site-title a {
	background-position-x: -1px;
}
#nav-area {
	float: right;
}
html.ie9 #nav-area, html.lt-ie9 #nav-area {
	position:relative;
	top:-53px;
}
.assistive-text, .menu-toggle {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#site-navigation {
	display: inline-block;
	zoom: 1;
}
.page-template-page-templatessign-up-php #site-navigation, .page-template-page-templatessign-up-php #header-search, .page-template-page-templatessign-up-php .btn-register, .page-template-page-templateslog-in-php #site-navigation, .page-template-page-templateslog-in-php #header-search, .page-template-page-templateslog-in-php .btn-login {
	display: none;
}
#menu-primary {
	margin-right: 1px;
}
.sidebar-pinned .menu li:first-child {
	display: none;
}
#menu-primary li, #menu-footer li {
	display: inline-block;
	zoom: 1;
}
#menu-primary li {
	margin-left: -3px;
	background-image: url(images/nav_divide.png);
	background-repeat: no-repeat;
	background-position: 100% 10px;

}
#menu-primary li:last-child {
	margin-left: -4px;
}
#menu-primary li a {
	display: block;
	padding: 32px 12px 19px;
	letter-spacing: 1px;

}
html.lt-ie9 #menu-primary li a {
		line-height: 1;
		padding-bottom: 15px;
}
#menu-primary li a, #menu-footer li a, #colophon .site-info a {
	color: #5f5f5f;
	text-transform: uppercase;
	text-decoration: none;
}
#menu-primary li:hover {
	background-color: #eaeaea;
	background-image: none;
}
#menu-footer li a:hover, #colophon .site-info a:hover {
	color: #252525;
}
#menu-primary .current-menu-item, #menu-primary .current-page-ancestor, .archive #menu-primary .resources-menu-item, .single #menu-primary .resources-menu-item {
	background-color: #5f5f5f;
}
#menu-primary .current-menu-item:hover a, #menu-primary .current-page-ancestor:hover a {
	color: #ffffff;
}
#menu-primary .current-menu-item:hover, #menu-primary .current-page-ancestor:hover {
	background-color: #5f5f5f;
}
#menu-primary .current-menu-item a, #menu-primary .current-page-ancestor a, .archive #menu-primary .resources-menu-item a, .single #menu-primary .resources-menu-item a {
	color: white;
}
#header-search, .hidden-search {
	display: inline-block;
	zoom: 1;
}
#header-search {
	margin-right: 52px;
}
.hidden-search form {
	position: relative;
	bottom: 3px;
}
#footer-search {
	display: none;
	margin-bottom: 10px;
	border-top: 1px solid #5b5b5b;
	padding-top: 13px;
}
#header-search .showsearch, .hidden-search .showsearch {
	display: block;
}
#header-search .showsearch, .hidden-search .showsearch, #footer-search .showsearch {
	width: 25px;
	height: 25px;
	position: relative;
}
#header-search .showsearch {
	top: 23px;
	left: 0px;
}
#footer-search .showsearch {
	display: inline-block;
	margin: 0 auto;
	left: 28px;
}
.hidden-search .showsearch {
	top: 20px;
	left: 3px;
	margin-top: -20px;
}
#header-search .show-me .showsearch, .hidden-search .show-me .showsearch, #footer-search .showsearch {
	display: none;
}
#header-search #searchform {

}
#header-search  #searchform #s, .hidden-search #searchform #s, #footer-search #searchform-footer #s-footer {
	background-color: transparent;
	border:0;
	padding: 0 5px;
	zoom:1;
	margin-right: -10px;
	width:0px;
	line-height: 1.636em;
	height: 1.455em;
        -webkit-transition: background-color .6s ease-in, width .2s ease-in;
        -moz-transition: background-color .6s ease-in, width .2s ease-in;
        -ms-transition: background-color .6s ease-in, width .2s ease-in;
        -o-transition: background-color .6s ease-in, width .2s ease-in;
        transition: background-color .6s ease-in, width .2s ease-in;

}
#header-search #searchform.show-me #s, .hidden-search #searchform.show-me #s, #footer-search #searchform-footer #s-footer {
	width: 94px;
	padding: 0px 20px 2px 5px;
	margin-right: -23px;
	margin-left: 8px;
	outline: 0;
}
#header-search #searchform.show-me #s {
	border: 1px solid #dddddd;
}
#header-search #searchform.show-me #s, #footer-search #searchform-footer #s-footer {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#footer-search #searchform-footer #s-footer {
	background-color: #ffffff;
}
.hidden-search #searchform.show-me #s {
	background-color: #ffffff;
}
#header-search #searchform #searchsubmit, .hidden-search #searchform #searchsubmit, #footer-search #searchform-footer #searchsubmit-footer {
	background: transparent no-repeat url(images/sprite.png) -252px 4px;
	text-indent: -9999px;
	border: 0;
	height:17px;
}
#footer-search #searchform-footer #searchsubmit-footer {
	height:42px;
	background-position-y: 14px;
}

#user-btns {
	display: inline-block;
	zoom: 1;
	position: relative;
	bottom: 0;
}
.btn-login, .btn-register, .btn-login a, .btn-register a {
	display: inline-block;
	zoom: 1;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}
a.btn-login:link, a.btn-register:link,
a.btn-login:visited, a.btn-register:visited,
.btn-login a:link, .btn-register a:link,
.btn-login a:visited, .btn-register a:visited   {
	color:#ffffff;
	font-size: 0.688em;
	font-weight: 900;
}
.btn-login {
	width: 63px;
	height: 30px;
	background: url(images/sprite.png) no-repeat -342px 0px;
	text-align: center;
}

.btn-register {
	width: 76px;
	height: 30px;
	background: url(images/sprite.png) no-repeat -405px 0px;
}

.btn-login:hover, .btn-login.focused {
	background-position:-342px -30px;
}
.btn-register:hover {
	background-position:-405px -30px;
}

.page-template-page-templatessign-up-php #user-btns, .page-template-page-templateslog-in-php #user-btns {
	margin-top: 22px;
}
.btn-login span, .btn-register span {
	position: relative;
	top: 5px;
}
.btn-register a {
	position: relative;
	left: 10px;
}
.btn-register a, .btn-login a {
	padding:9px 0;
}
#colophon {
	padding: 31px 0px 62px;
	margin: 0px auto;
	text-align: center;
}
.nav-menu-footer {
	border-top: 1px solid #5b5b5b;
	border-bottom: 1px solid #5b5b5b;
}
.nav-menu-footer li {
	padding: 15px 35px 15px 0; 
}
.nav-menu-footer li:last-child {
	padding-right: 0; 
}
.nav-menu-footer li a {
	display: block;
}
.nav-menu-footer li a, #mailto {
	letter-spacing: 1px;
}
#colophon .site-info {
	margin: 6px 0px 12px;
}
.icon-fb, .icon-tw {
	display: inline-block;
	zoom: 1;
	width: 30px;
	height: 30px;
	margin-right: 17px;
	text-indent: -9999px;
	background-image: url(images/sprite@2x.png);
	background-repeat: no-repeat;
	background-size: 1257px 132px;
}
.icon-fb {
	background-position:-82px 0px;
}
.icon-tw {
	background-position:-198px 0px;
}
.icon-fb:hover {
	background-position:-53px 0px;
}
.icon-tw:hover {
	background-position:-169px 0px;
}
#mailto {
	position: relative;
	top: 10px;
}
.sidebar-container {
	position: fixed;
	top: 124px;
	z-index: 500;
	/* width:24%; */
	width: 175px;
}
.blog .sidebar-container , .tag .sidebar-container , .category .sidebar-container , .single .sidebar-container , .date .sidebar-container, .author .sidebar-container, .search .sidebar-container, body.page-template-page-templatescustom-search-php .sidebar-container {
	position:absolute;
}
.sidebar-container .widget  {
	margin-bottom: 27px;
}
h3.widget-title, .textwidget {
	text-transform: uppercase;
	letter-spacing: 1px;
	color:#5f5f5f;
	font-size: 12px;
	font-weight: 600;
	border-top:1px solid #444444;
	border-bottom: 1px solid #444444;
	line-height: 1.838em;
	margin-bottom: 8px;
	max-width: 166px;
}
.textwidget {
        border: none;
}
.sidebar-container .widget_nav_menu {
	margin-bottom:12px;
}
.widget_taxonomy_list_widget
#secondary .feed-link {
	display: block;
	background-repeat: no-repeat;
	background-image: url(images/sprite_social_btns.png);
	background-size: auto 20px;
	padding-bottom:27px;
	text-transform: uppercase;
	background-position: -40px bottom;
	line-height: 16px;
	letter-spacing: 1px;
	font-weight: 900;
	text-indent: 0;
	width:auto;
}
#secondary a.feed-link:link, #secondary a.feed-link:visited {
	color:#5f5f5f;
	font-size: 12px;
	font-weight: 600;
        text-decoration: none;
} 
#secondary a.feed-link:hover {
	color:#3c3c3c;
}

.widget ul li a {
	color:#5f5f5f;
	font-size: 13px;
	line-height: 24px;
	font-weight:700;
	text-decoration: none;
}
.widget ul li a:hover {
	color: #3c3c3c;
}
.widget ul li ul li a {
	font-weight: normal;
}
.widget_taxonomy_list_widget, .widget_jal_widget {
	width: 94%;
	margin-top: 27px;
}
.menu-why-tracker-nav-container, .menu-why-tracker-nav-container, #menu-why-tracker-nav {
	width: 100%
}
.page-template-page-templatestracker-blog-php .widget_nav_menu {
	position: absolute;
}
.sidebar-container .widget_nav_menu li {
	margin-bottom: 2px;
	width: 176px;
	width: 100%;
}
.sidebar-container .widget_nav_menu li a {
	display: block;
	width: 87.5%;
	padding: 16px 0 16px 13px;
	color: #444444;
	background-color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 12px;
	font-weight: 900;
	line-height: 12px;
}
.sidebar-container .widget_nav_menu li a:hover {
	color: #252525;
	background-color: #cbcbcb;
}
.sidebar-container .widget_nav_menu li.current-menu-item, .tax-app_cats .sidebar-container .widget_nav_menu li.app-bazaar-menu-item, .tax-app_tags .sidebar-container .widget_nav_menu li.app-bazaar-menu-item, .author .sidebar-container .widget_nav_menu li.blog-menu-item, .date .sidebar-container .widget_nav_menu li.blog-menu-item, .tag .sidebar-container .widget_nav_menu li.blog-menu-item, .single .sidebar-container .widget_nav_menu li.blog-menu-item {
	background: url(images/sprite.png) no-repeat -788px 0px;
}
.sidebar-container .widget_nav_menu li.current-menu-item a, .tax-app_cats .sidebar-container .widget_nav_menu li.app-bazaar-menu-item a, .tax-app_tags .sidebar-container .widget_nav_menu li.app-bazaar-menu-item a, .author .sidebar-container .widget_nav_menu li.blog-menu-item a, .date .sidebar-container .widget_nav_menu li.blog-menu-item a, .tag .sidebar-container .widget_nav_menu li.blog-menu-item a, .single .sidebar-container .widget_nav_menu li.blog-menu-item a {
	background: url(images/sprite.png) no-repeat -788px 0px;
	color: #ffffff;
}
div.sidebar-video-wrap {
	position: relative;
}
div.sidebar-video-wrap img {
	display: block;
}
a.sidebar-vid {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background-image: url(images/bg_video_play.png);
	background-repeat: no-repeat;
	background-position: center 28px;
}
a.sidebar-vid:hover {
	background-image: url(images/bg_video_play_over.png);
}

/* = 6 Login/Signup Pages
-------------------------------------------------------------- */
#signup-primary #section-1, #login-primary #section-1 {
	padding-bottom: 200px;
	height: 100%;
}
.login-blk {
	padding: 24px 35px 31px 31px;
}
.login-blk h4 {
	margin-bottom: 17px;
	letter-spacing: 1px;
}
.login-form input {
	width: 100%;
	font-size: 14px;
	line-height: 1.633em;
	padding: 3px 0px;
	margin-bottom: 14px;
	font-weight: 700;
	text-indent: 9px;
}
#signup-submit, #login-submit {
	height: 35px;
	color: white;
	margin-top: 9px;
	border: 0;
	text-indent: -10px;
	cursor: pointer;
}
#signup-submit {
	width: 120px;
	background: transparent no-repeat url(images/sprite.png) -1084px 0px;
	margin-bottom: 17px;
}
#login-submit {
	width: 109px;
	background: transparent no-repeat url(images/sprite.png) -1204px 0px;
	margin-bottom: 20px;
}
#signup-submit:hover, #login-submit:hover {
	background-position-y: -35px;
}
#login-submit, #signup-submit {
	font-family: "ars-maquette-web", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 17px;
	letter-spacing: 1px;
}
.google-logo {
	display: inline-block;
	width: 59px;
	height: 21px;
	background: url(images/google-logo.png) no-repeat 0px 0px;
	position: relative;
	top: 8px;
	left: 10px;
}
#signin-p {
	margin-top: 7px;
}
#signin-p a {
	color: inherit;
}
.page-template-page-templatessign-up-php #colophon, .page-template-page-templateslog-in-php #colophon {
	display: none;
}
#infscr-loading {
	padding:24px 0;
}
#infscr-loading, #infscr-loading img { 
	text-align: center; 
} 

/* = 7 Home Page
-------------------------------------------------------------- */

#home-primary #section-1 {
	padding: 62px 0 57px;
}
.shuffle {
	display: inline-block;
	width: 58.3%;
	min-height: 372px;
	position: relative;
	padding: 0 8% 10px 0;
}
.shuffle div.word {
	margin: 0 0 8px 0;
	-webkit-backface-visibility: hidden;
}
.shuffle div.word h2 {
	display: inline-block;
	background:#ffffff;
	color:#5283b0;
	padding:0 10px 7px;
	letter-spacing: 2px;
	font-size: 89px;
	line-height: 81px;
}
#home-primary #section-1 .btn-get-trk {
	float: none;
	top: 4px;
}
#home-intro {
	display: inline-block;
	width: 33%;
	color: white;
	vertical-align: top;
	margin-top: 4px;
}
#home-intro > p {
	padding-bottom: 21px;
}
#home-intro p.sh2 {
	font-size: 22px;
	line-height: 31px;
	letter-spacing: 1px;
}
#home-intro > p a, #home-intro > p a:link, #home-intro > p a:visited, #flipcluster > p a, #flipcluster > p a:link, #flipcluster > p a:visited {
	color: inherit;
	font-weight: 900;
}
#home-intro > p a:hover, #flipcluster > p a:hover {
	color: #323232;
}
#flipcluster {
	border-top: 2px solid #323232;
	border-bottom: 2px solid #323232;
	padding: 17px 0px 16px;
	margin-bottom: 26px;
}
#flipcluster > p {
	font-size: 17px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
}
div.flip-number {
  margin-right: -7px;
  display: inline-block;
  position: relative;
  color: black;
  width: 33px;
  height: 55px;
  padding: 0 5px 0 0px;
  font-size: 30px;
  line-height: 41px;
  text-align: center;
  background: no-repeat 0 0 url(images/bg_flipnumber.png);
  font-weight: 900;
}
div.flip-number div.divider {
  position: absolute;
  display: block;
  width: 40px;
  height: 1px;
  background: #5283b0;
  top: 19px;
  left: 0;
  z-index: 100;
}
span.flip-comma {
	font-size: 34px;
	top: 2px;
	position: relative;
	left: 2px;
	font-weight: 900;
	width: 10px;
	padding: 0px 4px 0px 3px;
	color:#000000;
}
p#home-intro-quote {
	color: #323232;
	font-size: 16px;
	font-weight: 900;
	line-height: 25px;
	padding-bottom: 0px;
}


#home-primary #section-2 {
	padding-top: 8px;
}

a.hero-flex, div.hero-flex {
	display: block;
	background-repeat: repeat-y;
	background-size: 100% auto;
	width:100%;
	height:0;
	padding-bottom: 65.6%;
}
a.hero-flex:hover {
	background-position: 0% 100%;
}
.hero-link {
	display: block;
	position: absolute;
	top: 58.9%;
	left: 6.3%;
	background-image: url(images/ss_anchor.png);
    background-repeat: no-repeat;
    background-position: 0 0;
	width: 25.6%;
	height: 0;
	padding-bottom: 5.7%;
}
.hero-link:hover {
	background-position: 0 -110px;
}

#home-primary #section-2 .flex-control-nav {
	bottom: 4%;
}


#home-primary #section-4 {
	padding: 60px 0px 54px 0;
    height: 233px;
    background-color: #dedede;
}
#home-primary #section-4 section {
	margin-bottom: 36px;
}
#home-primary #section-4 .talking-points-header {
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #5f5f5f;
    text-transform: uppercase;
    width: 100%;
    margin: 0 0 53px 0;
    text-align: center;
}
#home-primary #section-4 h3, #home-primary #section-4 p {
	display: inline-block;
}
#home-primary #section-4 .col-left {
	margin: 0 6.5% 0 0;
	float: left;
	width:29%;
    color: #5f5f5f;
}
#home-primary #section-4 .col-left:last-child {
	margin-right: 0 !important;
}
#home-primary #section-4 .col-left .icon {
    margin: 0 0 16px 0;
}
#home-primary #section-4 p {
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
}
#home-primary #section-4 h3 {
    width: 100%;
	padding: 20px 0 13px 0;
	border-top: 2px solid #5f5f5f ;
	letter-spacing: 1px;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
}
#home-primary #section-4 #deliver-hdr {
	top: 20px;
}
#home-primary #section-4 #accept-hdr {

}
#home-primary #section-4 .col-right {
	width: 48%;
	margin-right: 2.5%;
}


.testimonial {
	float: left;
}
.testimonial__quote {
	margin-bottom: 10px;
}
.testimonial .hr4 {
	font-size: 43px;
}
.testimonial__quote--second {
	position: relative;
	top: 3px;
	margin-bottom: 6px;
}
#home-primary #section-5 {
	padding: 39px 0px 43px;
}
#home-primary #section-5 div.fw-contain div {
	display: block;
}
#home-primary #section-5 div.fw-contain .col-half {
	width: 50%;
	margin-right: 0;
	display: table-cell;
	vertical-align: middle;
	height: 140px;
	float: none;
	padding:0 20px;
}
#home-primary #section-5 div.fw-contain .col-left {
	width: 42%;
}
#home-primary #section-5 div.fw-contain .col-right {
	width: 48%;
	margin-right: 2.5%;
}
.testimonial-content .inner {
	padding:0 20px;
	vertical-align: middle;
}

#home-primary #section-6 .expand-link {
	display: block;
}
#home-primary #section-6 .flexslider, #hp-sec-content {
	display: block;
	float:left;
}
#home-primary #section-6 .flexslider {
	width: 42.5%;
	border: none;
}
#home-primary #section-6 .flex-control-nav, #home-primary #section-6 .flex-direction-nav {
	display: none;
}
#home-primary #section-6 .slide-overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
#home-primary #section-6 .slide-overlay h3:first-child {
	position: absolute;
	top: 19.3%;
	width:100%;
}
#home-primary #section-6 .slide-overlay h3:last-child {
	position: absolute;
	top: 72%;
	width:100%;
}
#home-primary #section-6 .slide-overlay h3 span {
	color: white;
	border-top: 2px solid;
	border-bottom: 2px solid;
	display: inline-block;
	line-height: 38px;
	padding-bottom: 4px;
}
#hp-sec-content {
	width: 48%;
	vertical-align: top;
	margin: 50px 0px 0px 7%;
}
#hp-sec-content h5 {
	color: #ffffff;
	line-height: 1.267em;
}
#hp-sec-content p, .sub-slide p {
	margin-bottom: 15px;
}
.sub-slide .details p:last-of-type {
	margin-bottom: 0px;
}
#hp-sec-content a {
	text-decoration: none;
}
#home-primary #section-6 .sub-slide {
	width: 48%;
	float: right;
	margin-right: 2.5%;
	margin-top: 1.6%;
}
/* = 8 Sub-Pages
-------------------------------------------------------------- */

#why-primary #section-1 {
	padding: 55px 0 60px 0;
	margin-bottom: 22px;
}
#why-primary #section-1 {
	padding: 60px 0 52px 0;
}
#why-primary #section-1-5 {
    margin: 0 0 90px 30px;
}
.why-hdr-block {
	width: 100%;
    background-color: #5082b2;
    padding: 22px 0 22px 22px;
    color: #ffffff;
}
.why-hdr-block .left-col {
    font-weight: 900;
    font-size: 32px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    float: left;
    width: 320px;
    margin-right: 40px;
}
.why-hdr-block .left-col .bordered-header {
    border-bottom: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    width: 320px;
    padding: 3px 0 10px 0;
}
.why-hdr-block .right-col {
    width: 352px;
    
    font-size: 1.000em;
    line-height: 1.500em;
    font-weight: 700;
    
    height: 113px;
    display: inline-block;
}

.why-binoc-img {
    width: 283px;
}

.why-workflow-img {
    width: 284px;
}

.why-large-quote {
    position: relative;
    height: 296px;
    width: 100%;
    border: 2px solid #ffffff;
}
.why-fullwidth-bubble {
    position: relative;
    font-size: 32px;
    line-height: 36px;
    color: #5f5f5f;
    height: 194px;
/*    padding: 42px 0 0 33px;*/
    background: #FFFFFF;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.why-fullwidth-bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 24px 22px 0;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -24px;
    left: 90%;
}
.why-fullwidth-bubble .quote {
    height: 152px;
    padding: 42px 0 0 33px;
}
.why-fullwidth-bubble .quotee {
    padding: 26px 0 0 16px;
}
.why-fullwidth-bubble .quotee .text {
    float: left;
    width: 400px;
    font-size: 17px;
    font-weight: 700;
    line-height: 21px;
    margin: 5px 0 0 16px;
}

.why-halfsize-bubble {
    color: #5f5f5f;
    background: url('images/why-quote-square.png') no-repeat 0 0;
    width: 284px;
    height: 220px;
}
.why-halfsize-bubble .quote {
    height: 98px;
    padding: 25px 0 0 35px;
    font-size: 31px;
    line-height: 35px;
}
.why-halfsize-bubble .quotee {
    font-size: 14px;
    font-weight: 700;
    padding: 21px 0 0 20px;
}
.why-halfsize-bubble .quotee .text {
    float: left;
    width: 190px;
    line-height: 18px;
    margin: 10px 0 0 16px;
}

.why-blurb {
	padding-bottom: 79px;
    color: #5e5e5e;
}
.why-blurb-hdr {
	width: 44.5%;
	margin-right: 4.8%;
	padding: 5px 0 9px;
	border-top: 2px solid rgba(95,95,95,0.8);
	border-bottom: 2px solid rgba(95,95,95,0.8);
}
.why-blurb h2 {
	font-size: 29px;
	line-height: 32px;
	font-weight: 900;
	letter-spacing: 1px;
    width: 100%;
}
.why-blurb .col1 {
    width: 320px;
    margin-right: 96px;
}
.why-blurb .col2 {
    width: 290px;
}
.why-blurb ul {
    list-style: disc;
    margin: 14px 0 0 18px;
}

.why-blurb ul li {
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 4px;
}


#section-1 {
	padding-top: 62px;
}
html.lt-ie9 #section-1 {
	padding-top:12px;
}
.small-block.hr2 h1 {
	display: inline-block;
	background: #ffffff;
	margin-bottom: 4px;
	padding: 5px 10px 10px;
	letter-spacing: 3px
}
.why-tracker {
	width: 46.5%;
	margin-top: -7px;
}
.why-tracker a {
	white-space: nowrap;
	text-decoration: none;
}
#tracker-next #section-1 {
	background: url(images/why-tracker.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	margin-bottom: 20px;
	padding: 60px 0 52px 0;
}
.flexslider.tweet-show {
	background-color: #fff;
	padding: 44px 10px 41px;
	margin-bottom: 74px;
}
.tweet-show .slides {
	font-size: 26px;
	line-height: 31px;
	letter-spacing: 0px;
	font-weight: 900;
}
.tweet-content {
	margin-left: 16px;
}
.tweet-show a {
	text-decoration: none;
	font-weight: 900;
}
.tweet-attr {
	margin-top: 5px;
}
.tweet-show .flex-control-nav {
	bottom: -35px;
}
.next-blurb {
	padding-bottom: 65px;
}
.next-blurb .mini-blurb {
	width: 43%;
	float: left;
}
.item-box h3 {
	margin-bottom: 12px;
	padding: 10px 0px 12px;
	border-top: 2px solid rgba(95,95,95,0.8);
	border-bottom: 2px solid rgba(95,95,95,0.8);
}
.next-blurb ul {
	list-style: disc;
	margin-left: 20px;
}
.next-blurb-img {
	width: 50%;
	float: right;
}
.next-blurb:nth-child(2n+2) .mini-blurb {
	float: right;
}
.next-blurb:nth-child(2n+2) .next-blurb-img {
	float: left;
}
.one-view #section-1 {
	margin-bottom: 54px;
}
.one-view #section-2 {
	margin-bottom: 99px;
}
.one-view .response-twothirds {
	position: relative;
}
.one-view #section-2 a.vid-main {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 97%;
	height: 79%;
	background-image: url(images/bg_video_play@2x.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.one-view #section-2 a.vid-main:hover {
	background-image: url(images/bg_video_play_over@2x.png);
}

.one-view #section-2 img {
	margin-top: -4px;
}
.one-view #section-3 {
	margin-bottom: 99px;
}
/*
.one-view #section-3:before {
    display:block; 
    content:""; 
    height:100px; 
    margin:-100px 0 0; 
}
*/
.one-view #section-4 {
	margin-bottom: 64px;
}
.one-view #section-5, .one-view #section-6, .one-view #section-blurbs {
	margin-bottom: 84px;
}
.one-view #section-5:before {
    display:block; 
    content:""; 
    height:89px; 
    margin:-89px 0 0; 
}
.one-view #section-7 {
	margin-bottom: 22px;
}
.col-left {
	float: left;
	width: 42.2%;

}
.app .col-left {
	margin-top: 1px;
}
.app .bd4 {
	line-height: 23px;
}
.col-left.col-left--nm {

}
.col-right {
	float: right;
	width: 51.9%;
}
.bazaar .col-right, .public-projects .col-right {
	width: 50%;
}
.col-right .bd2, .col-right.bd2 {
	margin-top: -6px;
}
.col-half {
	float: left;
	width: 49.6%;
	margin-right: .8%;
}
.col-half__hdr {
	display: inline-block;
	margin-bottom: 4px;
	letter-spacing: 1px;
}
.col-half--last {
	margin-right: 0px;
}
.intro-blk {
	color: white;
	padding:2.9%;
}
.intro-blk .col-left a, .intro-blk .col-left a:link, .intro-blk .col-left a:visited {
	display: block;
	padding: 5px 0px 8px;
	text-decoration: none;
	border-top: 2px solid rgba(255,255,255,0.8);
	border-bottom: 2px solid rgba(255,255,255,0.8);
}
.intro-blk .col-left a:hover {
	color: #d3d3d3;
	border-top: 2px solid rgba(211,211,211,0.8);
	border-bottom: 2px solid rgba(211,211,211,0.8);
}
.intro-blk__hdr {
	position: relative;
	padding: 5px 0px 8px;
	border-top: 2px solid rgba(255,255,255,0.8);
	border-bottom: 2px solid rgba(255,255,255,0.8);
	letter-spacing: 1px;
}
.intro-blk__hdr.hr5 {
	letter-spacing: 1px;
}
.intro-blk__hdr.js-inner-link {
	padding: 0px;
	border-top: none;
	border-bottom: none;
}
.intro-blk__hdr:hover a {
	color: #d3d3d3;
}
.intro-blk--icn {
	padding-bottom: 22px;
	margin-bottom: 12px;
	
}
.intro-blk--icn .intro-blk__hdr {
	background-image: url('images/ph-resources-1.png');
	background-repeat: no-repeat;
	background-position: 3.2% 93%;
	padding-bottom: 60px;
}
#intro-blk--api .intro-blk__hdr {
	background-image: url('images/ph-resources-2.png');
}
#intro-blk--pubproj .intro-blk__hdr {
	background-image: url('images/ph-resources-3.png');
}
.intro-blk a, .intro-blk a:link, .intro-blk a:visited {
	color: inherit;
}
.intro-blk a:hover {
	color: #323232;
}
.archive-header {
	margin-bottom: 8px;
}
.mini-blurb {
	display: block;
	float:left;
}
.mini-blurb.right {
	float: right;
}
.resources .mini-blurb {
	width:41.3%;
	background: url(images/ph-resources-4.png) no-repeat top left;
	padding-top: 51px;
	vertical-align: top;
	margin-right: 6%;
}
.resources #section-3 .mini-blurb {
	padding-top: 58px;
}
.resources #section-4 .mini-blurb {
	padding-top: 47px;
}
#consultancies-blurb.mini-blurb {
	background: url(images/ph-resources-5.png) no-repeat top left;
}
#blog-blurb.mini-blurb {
	background: url(images/ph-resources-6.png) no-repeat top left;
	background-size: auto 41px;
}
#press-blurb.mini-blurb {
	background: url(images/ph-resources-7.png) no-repeat top left;
}
.resources #section-4 .mini-blurb:first-of-type {
	background: url(images/ph-fb.png) no-repeat top left;
}
.resources #section-4 .mini-blurb:nth-of-type(2) {
	background: url(images/ph-twt.png) no-repeat top left;
}

.one-view #section-3 .mini-blurb {
	position: relative;
	top: 25px;
}
.one-view #section-5 .mini-blurb {
/*	margin-top: 36px;*/
}
.mini-blurb .sh1 a, .mini-blurb .sh1 a:link, .mini-blurb .sh1 a:visited {
	color: inherit;
	text-decoration: none;
}
.mini-blurb .sh1 a:hover {
	color: #3c3c3c;
}
.mini-blurb h3, .pricing #section-5 h3 {
	margin-bottom: 12px;
	padding: 5px 0px 7px;
	border-top: 2px solid rgba(95,95,95,0.8);
	border-bottom: 2px solid rgba(95,95,95,0.8);
}

.item-box {
	margin-bottom: 5px;
}
.item-box .col-left {
	width:64%;
}
.item-box .col-right {
	width:30%;
}

.resources .mini-blurb h3 {
	margin-bottom: 3px;
	padding: 9px 0px 8px;
	border-top: 1px solid;
	border-bottom: none;
}
.one-view #section-2 .mini-blurb h3 {

}
.blurb-group {
	margin-top: 10px;
}
.blurb-group .mini-blurb {
	margin-bottom: 27px;
	max-width: 100%;
}
.blurb-group .mini-blurb p {
	width: 90%;
}
/*.graphic-group img {
	float: right;
}*/
.phone-slideshow {
	margin:7px auto 20px auto;
	position: relative;
	max-width: 317px;
}
.phone-slideshow li {
	padding-bottom: 8%;
	position: relative;
}
.phone-slideshow img {
	float: none;
}
.phone-slideshow p {
	position: absolute;
	bottom:-20%;
	width:100%;
	text-align: center;
	text-transform: uppercase;
}
.phone-slideshow .flex-viewport p {
	bottom:7%;
}
.phone-slideshow .flexslider {
	position: absolute;
	top: 13%;
	left: 7.3%;
	width: 86.2%;
}
.phone-slideshow .flex-viewport {
	position: relative;

}
.phone-slideshow .flex-control-nav {
	bottom: 0px;
}
.blurbs .mini-blurb {
	vertical-align: top;
	padding-right: 40px;
}
.blurbs .mini-blurb:last-child {
	padding-right: 0px;
}
.pricing #section-1 {
	margin-bottom: 8px;
}
.pricing #section-2 {
	margin-bottom: 24px;
}
.pricing #section-3 {
	margin-bottom: 40px;
}
.pricing-plan {
	float: left;
/*	width: 17.52%;
	padding: 2.9% 1.1% 4%;
	margin-right: 0.28%;*/
	width:126px;
	padding: 14px 8px 7px;
	margin-right: 2px;
	margin-bottom: 2px;
}
.pricing-plan:last-child {
	margin-right: 0;
}
.pricing-two .pricing-plan:last-child {
	margin-right: 2px;
}
.pricing-name {
	background: #ffffff;
	padding:10px;
	margin:0 0 2px 0;
}
.pricing-two .pricing-name {
	margin:0 2px 2px 0;
}
.pricing-name h3 {
	display: inline-block;
	padding: 5px 0px 7px;
	border-top: 2px solid rgba(95,95,95,0.8);
	border-bottom: 2px solid rgba(95,95,95,0.8);
}
.pricing-plan h3 span {
	display: inline-block;
	line-height: 0.9em;
	padding: 4px 0px 5px;
	border-top: 1px solid #5f5f5f;
	border-bottom: 1px solid #5f5f5f;
}
.pricepu {
	margin-bottom: 20px;
}
.pricepu h4, .pricepu span {
	display: inline-block;
}
.pricepu h4.hr7 {
	font-size: 27px;
}
.pricepu span {
	position: relative;
	top: 1px;
	vertical-align: top;
	text-transform: uppercase;
}
.pricing-plan li {
	font-size: 11px;
	line-height: 22px;
}
.pricing-plan li:first-child {
	font-size: 14px;
	line-height: 22px;
	text-decoration: underline;
}
.pricing #section-4 p {
	background: url('images/ph-pricing-1.png') no-repeat 2px 0px;
	padding-left: 70px;
	margin: 0px 12px 42px 0px;
}
/*
.pricing #section-4 p:nth-child(2) {
	background: url('images/ph-pricing-2.png') no-repeat 0px 0px;
}
.pricing #section-4 p:last-child {
	background: url('images/ph-pricing-3.png') no-repeat 6px 0px;
}
.pricing #section-4 p:first-child a {
	display: inline-block;
	background: url('images/arw-right.png') no-repeat right 8px;
	padding-right: 45px;
}
*/
.pricing #section-4 p:first-child a:hover {
	background: url('images/arw-right-red.png') no-repeat right 8px;
}
.pricing #section-5 h3 {
	display: inline-block;
}
#section-5 .faq-answer {
	margin-bottom: 3%;
}
.faqs #section-1 {
	margin-bottom: 25px;
}
.resources .intro-blk .col-right p, .bazaar .intro-blk .col-right p, .public-projects .intro-blk .col-right p {
	margin-top:-6px;
}
.resources #section-1 {
	margin-bottom: 29px;
}
.resources #section-2 {
	margin-bottom: 48px;
}
.resources #section-3 {
	margin-bottom: 32px;
}
.resources #section-4 {
	margin-bottom: 44px;
}
.bazaar #section-1 {
	margin-bottom: 14px;
}
.bazaar #section-2 {
	margin-bottom: 25px;
}
.bazaar #section-3 {
	margin-bottom: 57px;
}
.featured-app {
	float: left;
	padding: 2.9% 2.9% 5.3% 2.9%;
}
.featured-app {
	width:44.2%;
}
.featured-app:first-child {
	width:94.1%;
	margin-right: .1%
}
.featured-app:nth-child(2) {
	float: right;
}
.featured-app h3 a, .app a, .featured-project a, .item-box a, .more-link {
	text-decoration: none;
}
.app a:hover {
	color: #11527a;
}
.featured-app h3 a:hover, .featured-project h3 a:hover, .item-box h3 a:hover {
	color:#11527a;
}
.featured-project h3 a {
	color: inherit;
}
.featured-app h2, .featured-project h2 {
	font-size: 15px;
	margin-bottom: 7px;
}
.featured-app h3, .app h3, .featured-project h3, .blog-blk__hdr {
	border-top: 1px solid #5f5f5f;
	border-bottom: 1px solid #5f5f5f;
}
.featured-app h3, .featured-project h3 {
	line-height: 26px;
	letter-spacing: 1px;
}
.app h3  {
	padding: 6px 0px 7px;
}
.featured-app h3 {
	padding: 5px 0px 7px;
	margin-bottom: 11px;
}
.featured-project h3 {
	padding: 10px 0px 11px;
	margin-bottom: 11px;
	background-repeat: no-repeat;
	background-position: left 9px;
	background-size: 30px auto;
}

.featured-app p {
	margin-bottom: 3px;
}
#app-list .featured-app {
	
}
.app-thumb {
	margin-top: 10px;
	height: auto;
	max-height: 140px;
	width: auto;
	max-width: 318px;
}
.app {
	position: relative;
	min-height: 105px;
	padding: 2.9% 2.9%;
	margin-bottom: 5px;
}
.app__title {
	width: 32.5%;
}
.app-meta {
	position: absolute;
	bottom: 14.1%;
	text-transform: uppercase;
}
.company-name, .date-added {
	display: block;
}
.company-name {
	margin-bottom: 4px;
}
.app .col-right {
	width: 57%;
	margin-top: -6px;
	margin-right: 19px;
}
#app-list form, .visible-search #searchform {
	display: inline-block;
	position: relative;
	width: 100%;
	max-width: 160px;
	margin: 0px 5px 8px 0px;
}
#app-list form#searchform, .visible-search form#searchform {
	width: 153px;
}
#app-list select {
	background-image: url('images/ph-dd-arw.png');
	background-repeat: no-repeat;
	background-position: 101% center;
	text-transform: uppercase;
}
#app-list select, #app-list #s, .visible-search #s {
	width: 100%;
	background-color: #ffffff;
	font-family: "ars-maquette-web", Helvetica, Arial, sans-serif;
	font-weight: 900;
	padding: 3px;
	border: 1px solid #a4a4a4;
	border-radius: 0px;
	-webkit-appearance: none;
}
#searchsubmit:focus {
	outline: none;
}
#app-list #searchsubmit, .visible-search #searchsubmit {
	position: absolute;
	right: -4px;
	top: 1px;
	background: transparent no-repeat url(images/sprite.png) -252px 4px;
	text-indent: -9999px;
	border: 0;
}
#app-list .sh3 {
	font-size: 1.050em;
	line-height: 1.196em;
	font-weight: 900;
	letter-spacing: 1px;
	margin-bottom: 60px;
}
#app-list .sh3 a, #app-list .sh3 a:link, #app-list .sh3 a:visited {
	font-weight: 900;
}
.public-projects #section-1 {
	margin-bottom: 12px;
}
.public-projects #section-2 {
	margin-bottom: 47px;
}
#feat-project-slide {
	padding:2.3% 2.9% 2.9% 2.9%;
}
#feat-project-slide ul > li {
	min-height: 200px;
}
#feat-project-slide .flex-control-nav {
	text-align: left;
	bottom: -20px;
	left: 0px;
}

.featured-project {
	background:#ffffff;
	margin-bottom: 4px;
}
.featured-project .inner {
	padding:20px;
}
.featured-project .project-title a {
	padding-left: 45px;
	display: block;
}
.projects-grid 
.projects-col {
	margin-right: 0.5%;
	width:49.75%;
	float: left;
}
.projects-col:nth-child(2n+0) {
	margin-right: 0;
}

.item-box .inner {
	padding:20px 20px 20px;
}

.counter {
	float: left;
	padding-bottom: 25px;
	background-repeat: no-repeat;
	background-position: 0px 50px;
}
.counter .hr7 {
	font-size: 28px;
	margin-bottom: 4px;
}
.member-count, .member-count-mini {
	background-image: url(images/ph-counter-mem.png);
}
.counter-mini.member-count-mini {
	background-position-x: 46px;
}
.member-count {
	margin-right: 35px;
}
.story-count, .story-count-mini {
	background-image: url(images/ph-counter-story.png);
}
.story-count {
	margin-right: 30px;
}
.action-count, .action-count-mini {
	background-image: url(images/ph-counter-action.png);
}
.counter span {
	display: block;
}
.featured-project .col-right {
	position: relative;
	padding-top: 32px;
}
.featured-project .arw-right-bnr {
	display:block;
	margin-top:16px;
}
.item-box .arw-right-bnr {
	text-align: center;
	margin-top: 20px;
}
.pp-list-hdr {
	min-height: 67px;
}
.half-blk {
	min-height: 93px;
	padding: 3.7% 5.3%;
	margin-bottom: 1px;
}
.half-blk .col-left {
	width: 66.6%;
}
.half-blk .col-left.col-left--nm {
	width: 73%;
}
.half-blk .col-right {
	max-width: 60px;

}
.half-blk__title a, .half-blk__title a:link, .half-blk__title a:visited, .blog-blk__hdr a {
	text-decoration: none;
}
.page-template-page-templatespublic-projects-php .half-blk__title a:hover {
	color: #11527a;
} 
.half-blk--icn {
	background-image: url(images/ph-feature.png);
	background-repeat: no-repeat;
	background-position: 96% 20%;
}
.half-blk--icn.half-blk--icn--bug {
	background-image: url(images/ph-bug.png);
}
.details {
	display: inline-block;
	color: inherit;
	text-decoration: none;
}
.counter-mini {
	font-size: 11px;
	font-weight: 900;
	background-repeat: no-repeat;
	background-position-x: 44px;
	padding-bottom: 4px;
	margin-top: 6px;
	border-bottom: 1px solid #d9dadb;
}
.story-count-mini.counter-mini {
	background-position-y: 3px;
}
.js-show-more {
	display: inline-block;
	margin-top: 8px;
	text-decoration: none;
}
.blog-blk {
	position: relative;
	padding:2.9%;
	margin-bottom: 4px;
}
.blog-blk .col-left {
	width:84%;
}
.blog-blk .col-right {
	width:80px;
}
.blog-blk__hdr {
	display: inline-block;
	max-width: 575px;
	padding: 9px 0 10px;
	margin-bottom: 19px;
	line-height: 20px;
}
.article-title {
	line-height: 1.000em;
}
.blog-pic {
	float: right;
	width:80px;
	height: 80px;
	margin: 0 0 12px 12px;
}
.blog-pic img {
	width:100%;
	height: 100%;
}
.blog-meta {
        color: #5d5c5c;
        font-size: 14px;
        font-weight: 600;
	line-height: 14px;
	margin-bottom: 18px;
        letter-spacing: 1px;
}
.blog-meta a {
        color: #5d5c5c;
	text-decoration: none;
}
.blog-meta time {
        display: block;
        margin-top: 8px;
}
.blog-content {
	width: 100%;
	max-width: 585px;
}
.tracker-social {
	padding:15px 0 0px 0;
	margin:0!important;
	min-height: 34px;
}
.tracker-social li {
	float:left;
	padding-right: 15px;
	list-style: none!important;
}
.tracker-social li.btn-contain {

}
.tracker-social li a.sharecount {
	font-weight: 900;
	font-size: 12px;
	color:#5d5c5c;
	text-transform: uppercase;
	padding-right: 15px;
	border-right: 1px solid #bbbbbb;
	line-height: 17px;
	height: 18px;
	display: block;
	margin-top: 2px;
}
.tracker-social li a.sharecount:hover {
	color:#B90020;
}
.tracker-social li a.socialite {
	display: block;
	background-repeat: no-repeat;
	background-image: url(images/sprite_social_btns.png);
	text-indent: -9999px;
	background-size: auto 20px;
	width:20px;
	height:20px;
}
.tracker-social li a.facebook-like {
	background-position: 0px 0px;
	margin-top: 0px;
}
.tracker-social li a.twitter-share {
	background-position: -20px 0px;
	margin-top: 0px;
}
.tracker-social li div.socialite {
	margin-top:1px;
	min-width: 75px;
}
.single #sub-primary, .date #sub-primary, .author #sub-primary, .search #sub-primary {
	min-height: 660px;
}
.search .page-header {
	margin-bottom: 12px;
}
.search #section-2 {
	margin-bottom: 20px;
}
.nav-previous, .nav-next {
	margin-top: 7px;
}
.nav-previous a, .nav-next a {
	text-decoration: none;
}
#infscr-loading img { /* hide ajax loading image */
	display: none !important;
}
.default-page #section-1 {
	margin-bottom: 25px;
}
.default-page h3, .default-page h4 {
	margin-bottom: 5px;
}
.default-page p {
	font-weight: 500;
}
.default-page p, .default-page ul {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 3%;
}
.default-page ul > li {
	margin-bottom: 10px;
	padding-left: 24px;
}
article.not-found {
	min-height: 900px;
}
.search-header {
	padding:25px 0 16px;
}

/* = 9 Comments
-------------------------------------------------------------- */
#comments {
	border-top:#d4d4d4 1px solid;
	padding:18px 0 0 0;
	background:#ffffff;
}
article.comment {
        display: block;
        padding: 16px 20px;
        border-bottom: #d4d4d4 1px dotted;
}
div.comment-author {
	width:85px;
	margin-top:7px;
}

div.comment-author img.avatar {
	width:68px;
	height:68px;
}

div.comment-content {
	width:85%;
}
.comment-content, .comment-content span, .comment-content p {
        color: #5f5f5f;
	font-size:14px;
	font-weight:normal;
        line-height: 24px;
}
.comment-content p {
        margin-bottom: 1.5em;
}
h2#comments-title, h3#reply-title  {
        color: #5f5f5f;
	font-size:14px;
	font-weight:900;
        line-height: 24px;
	padding:0 0 12px 20px;
	letter-spacing:1px;
}
#respond {
	padding: 0 20px;
}
ol.commentlist li {
	padding:0px 20px 16px 20px;
}
ol.commentlist li:first-child {
	padding:0px 20px 18px 20px;
}
ol.commentlist li:last-child {
	padding:20px 20px 0 20px;
}
#post-body ol.commentlist article {
padding: 0px 0px 4px 0px;
} 
#post-body ol.commentlist li:last-child article {
	border-bottom: none;	
}
ol.commentlist li.odd {

}
#respond {
	background:#f5f5f5;
	padding-bottom:20px;
	border-top:#d4d4d4 1px solid;
}
h3#reply-title {
	padding:20px 0 0 0;
}
form#commentform p {
        color: #5f5f5f;
        font-size: 14px;
        font-weight: normal;
        line-height: 24px;
	margin-bottom:1.5em;
}
form#commentform label {
	font-size:10px;
	line-height:10px;
	letter-spacing:1px;
	text-transform:uppercase;
}
form#commentform p input, form#commentform p textarea {
	display:block;
	border:#d4d4d4 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px; 
	border-radius: 3px;
	margin:0;
	padding:5px 8px;

}
form#commentform p input {
	width:40%;
}
form#commentform p input#submit {
	width:auto;
	font-size:12px;
	color:#ffffff;
	background-color:#5d5c5c;
	text-transform:uppercase;
	font-weight:900;
	font-family: "ars-maquette-web",sans-serif;
	letter-spacing:1px;
	cursor:pointer;
}
form#commentform p textarea {
	width:80%;
	height:250px;
	max-width:97.5%;
}

/* = 9 Flexslider CSS
-------------------------------------------------------------- */
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider, .flexslider-quotes, .flexslider-big-quotes, .flexslider-products {margin: 0; padding: 0;}
.flexslider .slides > li, .flexslider-quotes .slides > li, .flexslider-big-quotes .slides > li, .flexslider-products .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img, .flexslider-quotes .slides img, .flexslider-big-quotes .slides img, .flexslider-product img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider, .flexslider-quotes, .flexslider-big-quotes, .flexslider-products {position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0; display: none;}
.flexslider-products .flex-direction-nav, .flexslider-testimonials .flex-direction-nav { display: block; }
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.3; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 5px; }
.flex-direction-nav .flex-prev {left: 5px;}
/*.flexslider:hover .flex-next, .flexslider-products:hover .flex-next  { right: 5px;}
.flexslider:hover .flex-prev, .flexslider-products:hover .flex-prev { left: 5px;}*/
.flex-next:hover, .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -4%; text-align: center;}
.flex-control-nav li {margin: 0 8px 0 0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 5px; height: 5px; display: block; background: transparent; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); border: 1px solid #5f5f5f;}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #5f5f5f; background: rgba(95,95,95,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  div:hover .flex-direction-nav .flex-prev {opacity: 0; left: 0;}
  div:hover .flex-direction-nav .flex-next {opacity: 0; right: 0;}
  div:hover .flex-direction-nav { display: none;}
}

/* = 10 Fancybox CSS
-------------------------------------------------------------- */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('js/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('js/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('js/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('js/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('js/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('js/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
           
    #section-3 .fw-contain .pw-contain .btn-get-trk.pricing {
        background: url('images/sprite@2x.png') no-repeat -426px 0px !important;
        background-size: 1257px 132px !important;
    }
           
    #section-3 .fw-contain .pw-contain .btn-get-trk.pricing:hover {
        background: url('images/sprite@2x.png') no-repeat -426px -46px !important;
        background-size: 1257px 132px !important;
    }
}


/*
  IR_Black style (c) Vasily Mikhailitchenko <vaskas@programica.ru>
*/

pre code {
  display: block; padding: 0.5em;
  background: #000; color: #f8f8f8;
}

pre .shebang,
pre .comment,
pre .template_comment,
pre .javadoc {
  color: #7c7c7c;
}

pre .keyword,
pre .tag,
pre .tex .command,
pre .request,
pre .status,
pre .clojure .attribute {
  color: #96CBFE;
}

pre .sub .keyword,
pre .method,
pre .list .title,
pre .nginx .title {
  color: #FFFFB6;
}

pre .string,
pre .tag .value,
pre .cdata,
pre .filter .argument,
pre .attr_selector,
pre .apache .cbracket,
pre .date,
pre .coffeescript .attribute {
  color: #A8FF60;
}

pre .subst {
  color: #DAEFA3;
}

pre .regexp {
  color: #E9C062;
}

pre .title,
pre .sub .identifier,
pre .pi,
pre .decorator,
pre .tex .special,
pre .haskell .type,
pre .constant,
pre .smalltalk .class,
pre .javadoctag,
pre .yardoctag,
pre .phpdoc,
pre .nginx .built_in {
  color: #FFFFB6;
}

pre .symbol,
pre .ruby .symbol .string,
pre .number,
pre .variable,
pre .vbscript,
pre .literal {
  color: #C6C5FE;
}

pre .css .tag {
  color: #96CBFE;
}

pre .css .rules .property,
pre .css .id {
  color: #FFFFB6;
}

pre .css .class {
  color: #FFF;
}

pre .hexcolor {
  color: #C6C5FE;
}

pre .number {
  color:#FF73FD;
}

pre .coffeescript .javascript,
pre .javascript .xml,
pre .tex .formula,
pre .xml .javascript,
pre .xml .vbscript,
pre .xml .css,
pre .xml .cdata {
  opacity: 0.7;
}

	
/* Tomorrow Night Bright Theme */
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
.tomorrow-comment, pre .comment, pre .title {
  color: #969896;
}

.tomorrow-red, pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant, pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype, pre .css .id, pre .css .class, pre .css .pseudo {
  color: #d54e53;
}

.tomorrow-orange, pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant {
  color: #e78c45;
}

.tomorrow-yellow, pre .class, pre .ruby .class .title, pre .css .rules .attribute {
  color: #e7c547;
}

.tomorrow-green, pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata {
  color: #b9ca4a;
}

.tomorrow-aqua, pre .css .hexcolor {
  color: #70c0b1;
}

.tomorrow-blue, pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title {
  color: #7aa6da;
}

.tomorrow-purple, pre .keyword, pre .javascript .function {
  color: #c397d8;
}

pre code, .dgray pre code {
  display: block;
  background: black;
  color: #eaeaea;
  padding: 0.5em;
  overflow: hidden;
}


pre, code, pre code {
	word-wrap: break-word;
    white-space: pre-wrap;	
	-webkit-font-smoothing: auto;
}

/* = 99 Media Queries
-------------------------------------------------------------- */

/*  sub-fw breakers ----------- */

@media only screen 
and (max-width : 980px) {
	.pricing-grid {
		width: 432px;
		margin-right: 10%;
	}
}

@media only screen 
and (max-width : 950px) {
	
	.hero-link {
		background-size: 100% auto;
	}
	.hero-link:hover {
		background-position: 0 100%;
	}
}

@media only screen 
and (max-width : 950px) {
	.get-trk h4, .pricing .get-trk h4 {
		display: block;
		top: 0;
		margin-right: 0px;
		margin-bottom:14px;
		text-align: center;
	}
	.get-trk .btn-wrap {
		text-align: center;
		display: block;
		width:100%;
	}
	#hp-sec-content {
		width: 51%;
		vertical-align: top;
		margin: 2% 3%;
	}
	#home-primary #section-6 .sub-slide {
		width: 51%;
		float: right;
		margin-right: 3.5%;
		margin-top: 0px;
	}
	#home-primary #section-6 .details {
		margin-top: 0px;
		padding-bottom: 5px;
	}	
	#home-intro {
		display: block;
		width: 60%;
		padding-bottom:25px;
	}

}

/*  sub-fw breaker ----------- */
@media only screen 
and (max-width : 850px) {
	#header-search {
		margin-right: 8px;
	}
	#header-search #searchform.show-me #s, .hidden-search #searchform.show-me #s {
		width: 50px;
	}
	#home-primary #section-4 .col-right {
		width: 80%;
		margin: auto;
		padding: 1% 0px;
		float: none;
	}
	#home-primary #section-4 h3, #home-primary #section-4 #deliver-hdr, #home-primary #section-4 #accept-hdr {
		top:0;
	}
	#home-primary #section-4 .col-left {
		margin-left: 0;
		position: relative;
		width: 100%;
		text-align: center;
		float:none;
		margin:0;
	}
	#home-primary #section-4 {
		padding: 20px 0px;
	}
	#home-primary #section-4 section {
		margin-bottom: 25px;
	}
    
    .shuffle {
        display: none;
    }
    .quotes-screens {
        margin: 0 auto !important;
        float: none !important;
    }
    
    .multi-device {
        top: -18px !important;
    }
    
    .all-devices-arrow {
        top: 137px !important;
        left: -9px !important;
    }
    
    #home-primary #section-4 {
/*        padding: 60px 0px 54px 0;*/
        height: 680px !important;
    }
    
    #home-primary #section-4 .col-left {
        margin-bottom: 40px !important;
    }
    
    #home-primary #section-1 {
        height: 318px !important;
    }
    
    #home-primary .quotes-screens .bubble {
        width: 90% !important;
        height: 70px !important;
	    font-size: 22px !important;
	    line-height: 24px !important;
    }
	#home-primary .quotes-screens .bubble:after {
        left: 85% !important;
    }
    
    .quotes-screens .bubble .quote .dy-line1 {
		font-size: 14px !important;
		line-height: 18px !important;
	}

	.quotes-screens .bubble .quote .dy-line2 {
        margin-top: 5px !important;
		font-size: 10px !important;
	}
    
    .quotes-screens .bubble .quote .line1 {
		font-size: 18px !important;
		line-height: 24px !important;
        margin-top: 3px !important;
	}

	.quotes-screens .bubble .quote .line2 {
		font-size: 14px !important;
        margin-top: 5px !important;
	}

    .btn-get-trk {
        margin-top: 10px !important;
    }
}
@media only screen 
and (max-width : 823px) {
	a.hero-flex:hover {
		background-position: 0% 99.3%;
	}
}

/*  sub-iPad breaker, one-column for partial-width ----------- */
@media only screen 
and (max-width : 767px) {
	.site-header {
		height:99px;
	}

	#main {
		padding-top: 99px;
	}
	nav#site-navigation, #header-search, #user-btns {
		position:absolute;
	}
	nav#site-navigation {
		bottom:10px;
		left:2%;
	}
	#menu-primary li {
		margin-left: 0px;
	}
	#menu-primary li a {
		background-image: none;
		padding:10px 12px 10px 12px;
	}
	#header-search {
		right:2%;
		top:10px;
		margin-right: 0px;
	}
	#header-search .showsearch {
		position:absolute;
		top: 0px;	
		right: 0px;
	}
	#user-btns {
		bottom:10px;
		right:1.25%;
	}

	.pw-contain {
		width:70%;
	}
	.pricing-grid {
		margin-right: 0;
	}
	.col-left,
	.col-right,
	.response-twothirds,
	.response-onethird, 
	.response-half,	
	#home-primary #section-5 div.fw-contain .col-right,
	#home-primary #section-5 div.fw-contain .col-left,
	.col-half,
	.item-box .col-left,
	.resources .mini-blurb, .projects-grid .projects-col,
	.next-blurb .mini-blurb, .next-blurb .next-blurb-img, .next-blurb:nth-child(2n+2) .mini-blurb, .next-blurb:nth-child(2n+2) .next-blurb-img {
		width:100%;
		float:none;
		clear: both;
		padding-right:0px;
	}
	.one-view #section-6 .mini-blurb {
		margin-right: 0;
	}
	.app .col-right, .bazaar .col-right, .public-projects .col-right {
	width: 100%;
	}
	.one-view #section-3 .mini-blurb {
		top:0px;
	}
	.one-view .mini-blurb, .one-view #section-5 .mini-blurb {
		padding:0px !important;
		margin-top:12px;
	}
	.one-view #section-6 .blurbs .mini-blurb:nth-child(2) {
		margin-top: 50px;
	}
	#app-list .sh3 {
		margin-bottom: 14px;
	}
	.app-meta {
		position: static;
		margin-bottom: 13px;
	}
	.resources .mini-blurb { 
		padding-top: 58px;
		margin-bottom:35px;
	}
	.item-box .sh1{
		display: block;
	}
	.item-box .bd5 {
		margin-bottom: 20px;
	}
	.next-blurb .next-blurb-img {
		margin-bottom: 20px;
	}
	.pp-list-hdr {
		min-height: 0;
	}
	.col-half {
		margin-bottom:18px;
	}
	.col-left {
		margin-bottom:4%;
	}

	.half-blk .col-left {
		width: 66.6%;
		float: left;
		clear:none;
	}
	.half-blk .col-right {
		float: right;
		clear:none;
	}
	.half-blk .col-left.col-left--nm {
		width:73%;
		float: left;
		clear: none;
	}
	#home-primary #section-6 .sub-slide {
		width: 100%;
		float: none;
		display: block;
		clear:both;
		margin-right: 0px;
		padding-top: 24px;
		margin-bottom: 24px;
	}
/*	.intro-blk--icn {
		background-image: url('images/ph-resources-1.png');
		background-repeat: no-repeat;
		background-position: 18px 80px;
	}
	#intro-blk--bazaar {
		background-position: 28px 83px;	
	}
	#intro-blk--api {
		background-image: url('images/ph-resources-2.png');
		background-position: 28px 83px;	
	}
	#intro-blk--pubproj {
		background-image: url('images/ph-resources-3.png');
		background-position: 26px 108px;
	}
	.intro-blk--icn .intro-blk__hdr {
		background-image: none;
		padding-bottom: 0px;
	}
	#intro-blk--bazaar .intro-blk__hdr {
	}
	#intro-blk--api .intro-blk__hdr {
		background-image: none;
	}
	#intro-blk--pubproj .intro-blk__hdr {
		background-image: none;
	}*/
	.resources .intro-blk .col-right p {
		padding-left: 80px;

	}
	.resources .intro-blk .col-right {
		margin-top: -65px;
		position: relative;
	}
	#home-primary #section-6 .slide-overlay h3 {
		font-size: 20px;
		line-height: 20px;

	}
	#home-primary #section-6 .slide-overlay h3 span {
		line-height: 25px;
		padding:0;
	}
	.single #sub-primary, .date #sub-primary, .author #sub-primary, .search #sub-primary {
		min-height: 0px;
	}
	.response-twothirds img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

/*  remove side nav ----------- */
@media only screen 
and (max-width : 650px) {
	.pw-contain {
		width: 100%;
	}
	.widget_nav_menu, .sidebar-container {
		display: none;
	}
	.shuffle div.word {
		margin: 0 0 3px 0;
	}
	.shuffle {
		min-height: 205px;
	}
	.shuffle div.word h2 {
		padding: 0 6px 5px;
		font-size: 46px;
		line-height: 45px;
	}
	#why-primary article, #why-primary #section-1  {
		padding: 14px 0px 12px;
	}
	#why-primary #section-1  {
		margin-bottom: 10px;
	}
	#why-primary .small-block {
		line-height: 27px;
	}
	.small-block.hr2 h1  {
		padding: 0 6px 2px;
		font-size: 30px;
		display: inline;
		line-height: 28px;
	}
	.why-tracker {
		width: 100%;
	}
	.why-hdr-block h1 {
		font-size: 51px;
		line-height: 61px;
		padding: 0px 7px 2px;
	}
	.why-blurb-hdr {
		width: 100%;
		margin-right: 0;
		margin-bottom: 23px;
	}
	.why-blurb-hdr h2 {
		font-size: 30px;
		line-height: 33px;
	}
	#home-intro {
		width:100%;
		text-align: left;
	}
		
	#mobile-nav,
	.mobile-title {
		display: block;
	}
	.mobile-title.fw-contain {
		width: 100%;
		padding: 0 0;
		margin-bottom: 8px;
	}
	.page-template-page-templateswhy-tracker-php .mobile-title.fw-contain {
		margin-bottom: 0px;
	}
	#section-1 {
		padding-top: 0px;
	}
	.resources #section-1 {
		padding-top: 24px;
	}
	.menu-primary-container {
		display: none;
	}
	#user-btns {
		bottom: 44px;
	}
	#header-search {
		right:7px;
		top:0px;
		margin-right: 0px;
	}
	#home-primary #section-1 {
		padding: 20px 0 20px;
	}
	.one-view #section-1 {
		margin-bottom: 20px;
	}
}

@media only screen
and (max-width : 550px) {
	.why-hdr-block h2 {
			padding: 0 6px 5px;
			font-size: 46px;
			line-height: 45px;
		}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.fw-contain {
		width: 94.5%;
		padding: 0 2.75%;
	}
	.site-header .fw-contain {
		width: 96.5%;
		padding: 0 1.75%;
	}
	#header-search {
		display: none;
	}
	#menu-footer {
		text-align: left;
	}
	.nav-menu-footer {
		padding: 8px 0px 6px 9px;
	}
	.nav-menu-footer li {
		padding: 11px 23px 12px 0;
	}
	#footer-search {
		display: block;
	}
	#footer-search #searchform-footer #s-footer, #footer-search #searchform-footer #s-footer {
		border: 1px solid #dddddd;
		background-color: #ffffff;
		padding: 4px 50px 4px 5px;
	}
	#user-btns {
		bottom: 52px;
	}
	#hp-sec-content h5 {
		font-size: 22px;
		line-height: 29px;
	}
	#home-primary #section-1 {
		padding: 26px 0 20px;
	}
	#home-primary #section-1 .btn-get-trk {
		display: none;
	}
	#home-primary #section-3 {
		padding: 15px 0px 18px;
	}
	#home-primary #section-4 h3 {
		margin-bottom: 10px;
	}
	#home-primary #section-4 {
		padding: 29px 0px;
	}
	#home-primary #section-4 section {
		margin-bottom: 30px;
	}
	#home-primary #section-5 {
		padding: 21px 0px 26px;
	}
	#home-primary #section-6 {
		padding: 24px 0px;
	}
	#home-primary #section-4 .col-right {
		width: 100%;
	}
	#home-primary #section-4 .col-left {
		text-align: left;
	}
	#home-primary #section-6 .flexslider {
		display: none;
	}
	#hp-sec-content {
		width: 100%;
		margin: 2% auto;
	}
	#home-primary #section-6 .sub-slide {
		padding-top: 6px;
		margin-bottom: 0px;
	}
	.mobile-title.fw-contain {
		margin-bottom: 20px;
	}
	.page-template-page-templateswhy-tracker-php .mobile-title.fw-contain {
		margin-bottom: 0px;
	}
	.small-block.hr2 h1 {
		letter-spacing: 1px;
	}
	.pw-contain .small-block {
		margin-bottom: 15px;
	}
	.why-tracker.sh2, .why-tracker.sh2 *, .why-tracker.sh2 a, .why-tracker.sh2 a:link, .why-tracker.sh2 a:visited {
		font-size: 19px;
	}
	.why-tracker.sh2 a {
		font-size: 19px;
	}
	#why-primary article, #why-primary #section-1 {
		padding: 20px 0px 19px;
	}
	.intro-blk {
		padding: 5.2% 2.9% 5.9%;
	}
	.intro-blk .col-left {
		margin-bottom: 4.5%;
	}
	.expand-me {
		padding-bottom: 0px;
	}
	.mini-blurb h3, .public-projects .blog-blk__hdr .sh1 {
		font-size: 26px;
		letter-spacing: 1px;
	}
	.one-view .get-trk h4, .pricing .get-trk h4 {
		display: none;
	}
	.one-view .get-trk .btn-wrap, .pricing .get-trk .btn-wrap {
		text-align: left;
	}
	.one-view #section-7 {
		margin-bottom: 8px;
	}
	.response-twothirds img {
		padding-bottom: 4px;
	}
	.page-template-page-templatesfront-page-php #footer, .page-template-page-templateswhy-tracker-php #footer {
		padding-top: 8px;
	}
	.pricing #section-5 .faq-answer {
		margin-bottom: 8%;
	}
	.resources #section-1 {
		padding-top: 0px;
	}
	#intro-blk--bazaar {
		background-position: 21px 83px;
	}
	#intro-blk--api {
		background-position: 25px 83px;
	}
	#intro-blk--pubproj {
		background-position: 29px 108px;
	}
	.featured-app {
		padding: 3.9% 2.9% 6.3% 2.9%;
	}
	.app {
		padding: 3.9% 2.9%;
	}
	#app-list #searchsubmit, .visible-search #searchsubmit {
		padding: 3px 8px;
	}
	#feat-project-slide {
		padding-bottom: 6.9%;
	}
	.featured-project .col-left h3 {
		margin-bottom: 13px;
	}
	.featured-project .col-right {
		padding-top: 13px;
	}
	.blog-blk {
		padding-top: 5.9%;
	}
	#colophon {
		padding: 31px 0px 32px;
	}

}

/* very thin stuff, in betweeen landscape and portrait on a mobile phone. ----------- */
@media only screen
and (max-width : 450px) {
	.site-header hgroup {
		width:68.6%;
	}
	.site-title a {
		background-position: -1px center;
		background-size: 100% auto;
	}
	#header-search {
		display: none;
	}
	#footer-search {
		display: block;
	}
	#footer-search #searchform-footer #s-footer, #footer-search #searchform-footer #s-footer {
		border: 1px solid #dddddd;
		background-color: #ffffff;
		padding: 4px 50px 4px 5px;
	}
	#footer-search #searchform-footer #searchsubmit-footer {
	    height: 19px;
	}
	#user-btns {
		bottom: 53px;
		right: 2.5%;
	}
	#user-btns .btn-login, #user-btns .btn-register {
		display: block;
		height: 20px;
		background: none;
		width: auto;
		text-align: center;
	}
	#user-btns .btn-login a, #user-btns .btn-register a {
		left: auto;
		text-decoration: underline;
	}
	#user-btns .btn-login {
		position: relative;
		left: 1px;
	}
	#user-btns .btn-register {
		position: relative;
		right: 1px;
	}
	#user-btns .btn-login a:link, #user-btns .btn-login a:visited {
		color: #8a8a8a;
	}
	#user-btns .btn-register a:link, #user-btns .btn-register a:visited {
		color: #f3773a;
	}
	#user-btns .btn-register span {
		left: 0;
	}
	.pricing-grid, .pricing-two, .pricing-three {
		width:100%;
	}
	.pricing-three .pricing-name {
		margin-right: 2px;
	}
	.pricing-plan {
		width: 42.7%;
		margin-right: .5%;
		margin-bottom: .5%;
		padding: 3.5%;
	}
	.pricing-plan:nth-child(even) {
		margin-right: 0;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-device-width : 421px) 
and (max-device-width : 520px) 
and (min-width : 421px) {
	.btn-login span, .btn-register span {
		top: 4px;
	}
    
	#main {
		padding-top: 0px;
	}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
/*  HOMEPAGE STYLES  */
	#home-primary #section-2 {
		display: none;
	}
	#home-primary #section-6 .slide-overlay h3 {
		font-size: 15px;
		line-height: 15px;

	}
	#home-primary #section-6 .slide-overlay h3 span {
		line-height: 20px;
		padding:0;
	}
    #home-primary #section-1 {
        height: 350px !important;
    }
    #home-primary #section-1 .shuffle div.word h2 {
        font-size: 30px !important;
		line-height: 30px !important;
		font-weight: 500 !important;
    }
    #home-primary #section-1 .shuffle ul {
		margin: 20px 0 0 11px !important;
	}
	#home-primary #section-1 .shuffle ul li {
		height: 16px !important;
		font-weight: 500 !important;
		font-size: 14px !important;
		line-height: 14px !important;
	}
    #home-primary #section-1 .multi-device {
		top: -32px !important;
	}
    #home-primary #section-3 {
        height: 90px !important;
    }
	#home-primary #section-3 .fw-contain {
        display: block !important;
		margin-top: 20px !important;
		padding-top: 50px !important;
	}
    #home-primary #section-3 h4 {
        top: -30px !important;
    }
    #home-primary #section-3 .hr5 {
        font-size: 1.2em !important;
        line-height: 0.5em !important;
        font-weight: 700 !important;
        display: inline-block !important;
        margin-right: 10px !important;
        padding: 0 !important;
        height: 20px !important;
    }
    #home-primary #section-3 .fw-contain .btn-wrap {
        display: inline-block !important;
        width: auto !important;
    }
    #home-primary #section-3 .fw-contain .btn-wrap .btn-get-trk {
        top: auto;
        position: inherit;
        width: 240px !important;
        height: 39px !important;
        background-size: 2514px 264px !important;
		background-position: -849px -185px !important;
        background-image: url('images/sprite@2x.png') !important;
	}
	#home-primary #section-3 .fw-contain .btn-wrap .btn-get-trk:hover {
		background-position: -849px -224px !important;
	}
    #home-primary #section-1 .all-devices-arrow {
		width: 134px !important;
		height: 40px !important;
		background-image: url('/wp-content/themes/trackery/images/alldevices_arrow_102014.png') !important;
        background-repeat: no-repeat !important;
        background-size: 140px 93px !important;
		top: 180px !important;
		left: 8px !important;
		font-size: 14px !important;
		font-weight: 500 !important;
		padding: 6px 0 0 10px !important;
	}
    
    #home-primary .quotes-screens .bubble {
        left: 50% !important;
        margin-left: -32.5% !important;
        width: 65% !important;
        height: 70px !important;
	    font-size: 22px !important;
	    line-height: 24px !important;
    }
	#home-primary .quotes-screens .bubble:after {
        left: 85% !important;
    }
    
    #home-primary .quotes-screens {
        width: 100% !important;
    }
    
    #home-primary .quotes-screens .bubble .quote .dy-line1 {
		font-size: 14px !important;
		line-height: 18px !important;
	}

	#home-primary .quotes-screens .bubble .quote .dy-line2 {
        margin-top: 5px !important;
		font-size: 10px !important;
	}
    
    #home-primary .quotes-screens .bubble .quote .line1 {
		font-size: 18px !important;
		line-height: 24px !important;
        margin-top: 3px !important;
	}

	#home-primary .quotes-screens .bubble .quote .line2 {
		font-size: 14px !important;
        margin-top: 5px !important;
	}
    
    #home-primary #section-4 {
/*        padding: 60px 0px 54px 0;*/
        height: 680px !important;
    }
    
    #home-primary #section-4 .col-left {
        margin-bottom: 40px !important;
    }
    
    
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (min-width : 320px)
and (max-width : 420px) {
	.site-title {
		position: relative;
		top: 6px;
	}
	.featured-app, .featured-app:first-child, .featured-project h3 {
		width: 94.2%;
		margin: 0;
		clear:both;
		float: none;
	}
	.featured-app:first-child {
		margin-bottom: 5px;
	}
	#app-list .sh3 {
		margin-bottom: 13px;
	}
	.app .col-right {
	width: 100%;
	}
/*  HOMEPAGE STYLES  */
	#home-primary #section-2 {
		display: none;
	}
	#home-primary #section-6 .slide-overlay h3 {
		font-size: 15px;
		line-height: 15px;

	}
	#home-primary #section-6 .slide-overlay h3 span {
		line-height: 20px;
		padding:0;
	}
	#home-primary #section-5 div.fw-contain .col-half {
		width: 100%;
		margin-right: 0;
		display: block;
		height: auto;
		padding: 20px 0;
	}
    #home-primary #section-1 {
        height: 250px !important;
    }
    #home-primary #section-1 .shuffle {
        display: none;
    }
    
    #home-primary .quotes-screens {
        width: 100% !important;
    }
    
    #home-primary .quotes-screens .bubble {
        width: 100% !important;
        height: 70px !important;
	    font-size: 22px !important;
	    line-height: 24px !important;
    }
	#home-primary .quotes-screens .bubble:after {
        left: 85% !important;
    }
    #home-primary #section-3 {
        height: 110px !important;
        padding-top: 50px;
    }
	#home-primary #section-3 .fw-contain {
		margin-top: 0 !important;
		padding-top: 20px !important;
	}
    #home-primary #section-3 .hr5 {
        font-size: 1.3em !important;
        line-height: 0.6em !important;
        font-weight: 700 !important;
        display: block !important;
    }
    #home-primary #section-3 .fw-contain .btn-wrap .btn-get-trk {
        top: 0 !important;
        position: inherit;
        width: 240px !important;
        height: 39px !important;
        background-size: 2514px 264px !important;
		background-position: -849px -185px !important;
        background-image: url('images/sprite@2x.png') !important;
	}
	#home-primary #section-3 .fw-contain .btn-wrap .btn-get-trk:hover {
		background-position: -849px -224px !important;
	}
    #home-primary #section-1 .all-devices-arrow {
		width: 90px !important;
		height: 28px !important;
		background: url('/wp-content/themes/trackery/images/alldevices_arrow_102014@2x.png') no-repeat 0 0 !important;
/*
		top: 105px !important;
		left: 13px !important;
*/
        top: 129px !important;
        left: 0px !important;
		font-size: 11px !important;
		font-weight: 500 !important;
		padding: 3px 0 0 4px !important;
	}
    
    .quotes-screens .bubble .quote .dy-line1 {
		font-size: 14px !important;
		line-height: 18px !important;
	}

	.quotes-screens .bubble .quote .dy-line2 {
        margin-top: 5px !important;
		font-size: 10px !important;
	}
    
    .quotes-screens .bubble .quote .line1 {
		font-size: 18px !important;
		line-height: 24px !important;
        margin-top: 3px !important;
	}

	.quotes-screens .bubble .quote .line2 {
		font-size: 14px !important;
        margin-top: 5px !important;
	}
    
    #home-primary #section-4 {
/*        padding: 60px 0px 54px 0;*/
        height: 800px !important;
    }
    
    #home-primary #section-4 .col-left {
        margin-bottom: 40px !important;
    }
    
    .why-large-quote {
        height: 220px;
    }
    .why-fullwidth-bubble {
        font-size: 16px;
        line-height: 22px;
        height: 130px
    }
    .why-fullwidth-bubble:after {
        bottom: -14px;
        border-width: 14px 12px 0;
        left: 80%;
    }
    .why-fullwidth-bubble .quote {
        height: 90px;
        padding: 22px 0 0 16px;
    }
    .why-fullwidth-bubble .quotee {
        padding: 36px 0 0 15px;
    }
    .why-fullwidth-bubble .quotee .text {
        width: 75%;
        font-size: 12px;
        line-height: 16px;
    }
    
    
    .why-halfsize-bubble {
/*
        color: #5f5f5f;
        background: url('images/why-quote-square.png') no-repeat 0 0;
        width: 100%;
        height: 220px;
*/
        margin-bottom: 30px;
    }
    .why-halfsize-bubble .quote {
/*
        height: 98px;
*/
        padding: 35px 0 0 25px;
        font-size: 21px;
        line-height: 25px;
        height: 70px;
    }
    .why-halfsize-bubble .quotee {
        font-size: 14px;
        font-weight: 700;
        padding: 40px 0 0 20px;
    }
    .why-halfsize-bubble .quotee .text {
        float: left;
        width: 190px;
        line-height: 18px;
        margin: 10px 0 0 16px;
    }
    
    
    .why-workflow-img {
        margin: 50px 0 0 30px;
        width: 80%;
    }
    
    .why-binoc-img {
        margin: 30px 0 0 30px;
        width: 80%;
    }

    
    .why-hdr-block {
        width: 94%;
        background-color: #5082b2;
        padding: 22px 0 22px 22px;
        color: #ffffff;
    }
    .why-hdr-block .left-col {
        font-weight: 900;
        font-size: 26px;
        letter-spacing: 1.5px;
        width: 90%;
/*        margin-right: 40px;*/
    }
    .why-hdr-block .left-col .bordered-header {
/*
        border-bottom: 2px solid #ffffff;
        border-top: 2px solid #ffffff;
*/
        width: 94%;
        padding: 3px 0 10px 0;
    }
    .why-hdr-block .right-col {
        width: 94%;

        font-size: 1.000em;
        line-height: 1.500em;
        font-weight: 700;
    }
    
    .header-video-blurb {
        font-size: 10px;
    }
    
    #why-primary #section-1-5 {
        margin: 0;
    }
}

/* smartphone landscape ----------- */
@media only screen 
and (max-device-width : 680px) 
and (orientation : landscape) {
	#masthead {
		position: absolute;
	}

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {


}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

@media (min--moz-device-pixel-ratio: 1.5),
       (-o-min-device-pixel-ratio: 3/2),
       (-webkit-min-device-pixel-ratio: 1.5),
       (min-device-pixel-ratio: 1.5),
       (min-resolution: 144dpi),
       (min-resolution: 1.5dppx) {
	/* Styles */
     .site-title a {
		background-image: url(images/logo_main@2x.png);
		background-repeat:  no-repeat;
		background-position: -1px 0px;
		background-size: 100% auto;
     }

	.intro-blk--icn .intro-blk__hdr {
		background-image: url(images/ph-resources-1@2x.png);
		background-size: 53px auto;
	}
	#intro-blk--api .intro-blk__hdr {
		background-image: url(images/ph-resources-2@2x.png);
		background-size: 40px auto;
	}
	#intro-blk--pubproj .intro-blk__hdr {
		background-image: url(images/ph-resources-3@2x.png);
		background-size: 26px auto;
	}

	.resources .mini-blurb {
		background: url(images/ph-resources-4@2x.png) no-repeat top left;
		background-size: 40px auto;
	}

	#consultancies-blurb.mini-blurb {
		background: url(images/ph-resources-5@2x.png) no-repeat top left;
		background-size: 40px auto;
	}
	.resources #section-4 .mini-blurb:first-of-type {
		background: url(images/ph-fb@2x.png) no-repeat top left;
		background-size: 33px auto;
	}
	.resources #section-4 .mini-blurb:nth-of-type(2) {
		background: url(images/ph-twt@2x.png) no-repeat top left;
		background-size: 25px auto;
	}

	#section-3 .fw-contain .btn-wrap.btn-get-trk {
		background-image: url(images/sprite@2x.png) !important;
		background-repeat: no-repeat !important;
		background-size: 2514px 264px !important;
		background-position: -849px -185px !important;
	}
	#section-3 .fw-contain .btn-wrap .btn-get-trk:hover {
		background-position: -849px -224px !important;
	}
	.btn-get-trk span {
		top:10px;
	}
	#header-search #searchform #searchsubmit, .hidden-search #searchform #searchsubmit, #footer-search #searchform-footer #searchsubmit-footer {
		background-color: transparent;
		background-image: url(images/sprite@2x.png);
		background-repeat: no-repeat;
		background-size: 1257px 132px;
		background-position: -24px 4px;
		width:13px;
	}

	.btn-login {

		background-image: url(images/sprite@2x.png);
		background-repeat: no-repeat;
		background-size: 1257px 132px; 
		background-position: -285px 0px;

	}
	.btn-login:hover {
		background-position: -285px -30px;
	}

	.btn-register {
		background-image: url(images/sprite@2x.png);
		background-repeat: no-repeat;
		background-size: 1257px 132px;
		background-position: -348px 0px;
	}
	 .btn-register:hover {
	 	background-position: -348px -30px;
	 }

	.sidebar-container .widget_nav_menu li.current-menu-item, .tax-app_cats .sidebar-container .widget_nav_menu li.app-bazaar-menu-item, .tax-app_tags .sidebar-container .widget_nav_menu li.app-bazaar-menu-item, .author .sidebar-container .widget_nav_menu li.blog-menu-item, .date .sidebar-container .widget_nav_menu li.blog-menu-item, .tag .sidebar-container .widget_nav_menu li.blog-menu-item, .single .sidebar-container .widget_nav_menu li.blog-menu-item {
		background-image: url(images/sprite@2x.png);
		background-repeat: no-repeat;
		background-size: 1257px 132px;
		background-position: -731px 0px;
	}
	.sidebar-container .widget_nav_menu li.current-menu-item a, .tax-app_cats .sidebar-container .widget_nav_menu li.app-bazaar-menu-item a, .tax-app_tags .sidebar-container .widget_nav_menu li.app-bazaar-menu-item a, .author .sidebar-container .widget_nav_menu li.blog-menu-item a, .date .sidebar-container .widget_nav_menu li.blog-menu-item a, .tag .sidebar-container .widget_nav_menu li.blog-menu-item a, .single .sidebar-container .widget_nav_menu li.blog-menu-item a {
		background-image: url(images/sprite@2x.png);
		background-repeat: no-repeat;
		background-size: 1257px 132px;
		background-position: -731px 0px;
		background: inherit;
	}
	.item-arw-1 {
		background-image: url('images/btn_red@2x.png');
	}
	.item-arw-2 {
		background-image: url('images/btn_gold@2x.png');
	}

}

/* PRICING PAGE */

.pw-contain > .btn-wrap {
  float: right;
  vertical-align: top;
  margin-right: 17px;
}

.pricing-page-title {
  width: 92%;
  float: left;
  text-align: center;
  height: 96px;
  width: 97%;
  font-weight: 700;
  font-size: 44px;
  margin: 0 0 50px 0;
  color: #5d5d5d;
}

.pricing-page-title .sub-title {
  font-size: 22px;
  line-height: 22px;
  font-weight: 400;
  color: #7a7b7b;
  text-align: left;
  display: inline-block;
  vertical-align: top;
/*  margin: 14px 0 0 0;*/
    padding-top: 15px;
}

@media screen and (-moz-images-in-menus:0) {
    .pricing-page-title .sub-title {
        padding-top: 17px;
    }
}

.pricing-cta {
  font-size: 20px;
  line-height: 1.000em;
  font-weight: 900;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 7px 0 0 0;

  float: left;
  margin: 18px 0 0 68px;
  width: 120px;
  height: 28px;
  background-image: url('/wp-content/themes/trackery/images/sprite.png');
  background-repeat: no-repeat;
  background-position: -1084px 0;
}

.pricing-subscription-btn-outer {
  float: left;
  width: 100%;
  height: 40px;
  text-align: center;
  margin: 0 0 40px 0;
}

.pricing-subscription-btn-inner {
  width: 392px;
  height: 40px;
  margin: 0 auto;
}

.pricing-cta:hover {
  cursor: pointer;
  background-position: -1084px -36px;
}

.pricing-subscription-btn {
  padding: 14px 26px;
  background-color: #eeeeee;
  width: 144px;
  float: left;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  color: #292929;

  -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.pricing-subscription-btn:hover {
  cursor: pointer;
}

.pricing-subscription-btn.active {
  background-color: #b2b2b2;
}

.pricing-tier-title-outer {
  float: left;
  width: 100%;
  height: 38px;
  margin: 0 0 17px 0;
}

.pricing-tier-title {
  text-transform: uppercase;
  font-size: 36px;
  line-height: 36px;
  color: #5482ae;
  font-weight: 500;
  display: inline-block;
}

.pricing-tier-subtitle {
  /*color: #d1ab3a;*/
  font-size: 16px;
  margin: 0 0 0 30px;
  display: inline-block;
}

.pricing-plan-row {
  height: 62px;
  float: left;
  width: 100%;
  margin: 0 0 3px 0;
  overflow: hidden;
}

.pricing-plan-row.first-row {
  height: 76px;
}

.pricing-plan-row .plan-white {
  /*width: 203px;*/
  width: 22%;
  height: 41px;
  float: left;
  font-weight: 500;
  font-size: 16px;
  background-color: #ffffff;
  padding: 21px 4px 0 38px;
  margin: 0 3px 0 0;
}

.pricing-plan-row .plan-white .unlimited-viewers {
    font-size: 11px;
    color: #A8A8A8;
    font-style: italic;
}

.pricing-plan-row .plan-white.collaborators {
    padding-top: 17px;
    height: 45px;
    background-color: #EBEBEB;
    line-height: 12px;
}

.pricing-plan-row .plan-white.monthly-annually {
    height: 44px;
    padding: 32px 4px 0 38px;
}

.pricing-plan-row .plan-blue {
  width: 23%;
  height: 46px;
  text-align: center;
  background-color: #7298b9;
  color: #ffffff;
  float: left;
  font-size: 30px;
  line-height: 30px;
  font-weight: 400;
  padding: 11px 0 0 0;
  text-transform: uppercase;
    margin: 0 3px 0 0;
}

.pricing-plan-row .plan-price {
    font-weight: 700;
    height: 52px;
    padding: 24px 0 0 0;
    margin: 0 3px 0 0;
}

.pricing-plan-row .font-size22 {
  font-size: 22px !important;
}

.pricing-plan-row .font-size20 {
  font-size: 20px !important;
  line-height: 33px !important;
}

.pricing-plan-row .plan-blue div {
  float: left;
  color: #ffffff;
}

.pricing-plan-row .plan-blue .dollar-symbol {
  height: 30px;
  font-size: 14px;
  margin: -11px 0 0 56px;
}

.pricing-plan-row .white {
  background-color: #ffffff;
  color: #888888;
  height: 47px;
  padding: 15px 0 0 0;
}

.pricing-plan-row .blue2 {
  background-color: #89A8C3 !important;
}

.pricing-plan-row .blue3 {
  background-color: #C8D6E3 !important;
  color: #7b7876 !important;
}

.pricing-plan-row .blue4 {
  background-color: #E1EAF0 !important;
  color: #7b7876 !important;
}

.pricing-plan-row .unlimited {
  font-size: 15px !important;
  line-height: 15px !important;
  height: 39px;
  padding: 23px 0 0 0;
}

.enterprise-content {
  background-color: #ffffff;
  padding: 20px 0 20px 40px;
  width: 92%;
  float: left;
  margin: 0 0 36px 0;
}

.header-signup {
  font-size: 17px;
  height: 32px;
  padding: 14px 0 0 15px;
  background-position: -1313px 0px;
}

.header-signup:hover {
  background-position: -1313px -46px;
}

.still-free-still {
  width: 28px;
  font-size: 10px;
  line-height: 10px;
  margin: 0 0 0 46px;
}

.still-free-free {
  font-size: 24px;
  line-height: 24px;
  height: 23px;
  margin: 0 0 0 66px;
}

.pricing-learn-more-link {
    background-image: none !important;
}

/*  iPad Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .pricing-grid {
    width: 480px !important;
  }

  .pricing-page-title {
    font-size: 26px;
    height: 90px;
    margin: 0 0 40px 0;
  }

  .pricing-page-title .sub-title {
    margin: 14px 0;
  }

  .pricing-plan-row .plan-white {
    padding: 13px 17px 0 17px !important;
    width: 25% !important;
    font-size: 15px;
    height: 44px !important;
  }

  .pricing-plan-row .plan-blue {
    width: 22% !important;
    height: 39px !important;
    font-size: 20px !important;
    line-height: 20px !important;
    padding: 18px 0 0 0 !important;
  }

  .pricing-plan-row .unlimited {
    font-size: 14px !important;
    line-height: 14px !important;
    height: 36px !important;
    padding: 21px 0 0 0 !important;
  }
    
    .pricing-plan-row .plan-white.collaborators {
        padding-top: 8px !important;
        height: 36px !important;
    }

    .pricing-plan-row .white {
        height: 32px !important;
        padding: 9px 0 0 0 !important;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
  .pricing-plan-row.first-row {
    height: 50px;
    overflow: hidden;
  }
  .pricing-page-title {
    font-size: 30px;
    margin: 0 0 20px 0;
    height: 110px;
  }

  .pricing-page-title .sub-title {
    width: 50%
  }

  .pricing-plan-row .plan-blue .dollar-symbol {
    height: 20px;
    font-size: 14px;
    margin: -8px 0 0 30px;
  }

  .pricing-plan-row .plan-white {
    width: 27%;
    padding: 11px 0 0 18px;
    height: 32px;
  }
  .pricing-plan-row .plan-white.monthly-annually {
    width: 27%;
    padding: 19px 0 0 18px;
  }
  .pricing-plan-row .plan-blue, .pricing-plan-row .plan-blue.white {
    width: 22%;
    height: 33px;
    font-size: 14px;
    line-height: 14px;
    padding: 12px 0 0 0;
  }

  .pricing-plan-row .plan-price {
    font-size: 18px;
    line-height: 18px;
    height: 42px;
    padding: 15px 0 0 0;
  }

  .pricing-plan-row .white {
    font-size: 18px !important;
    line-height: 18px !important;
    height: 37px;
    padding: 20px 0 0 0;
  }

  .pricing-plan-row .unlimited {
    font-size: 16px !important;
    line-height: 16px !important;
  }

  .pw-contain > .btn-wrap {
    float: none;
    margin: 0 auto;
    width: 290px;
  }
}

/* Smartphones (portrait) ----------- */
@media only screen and (min-width : 320px) and (max-width : 420px) {
  .pricing-plan-row.first-row {
    height: auto;
  }
  .pw-contain > .btn-wrap {
    float: none;
    display: block;
    width: 284px;
    margin: 0 auto;
  }

  .pricing-page-title {
    font-size: 24px;
    margin: 0 0 50px 0;
    height: 130px;
  }

  .pricing-page-title .sub-title {
    font-size: 18px;
    line-height: 18px;
    padding: 12px 0;
    margin: 0 auto;
  }

  .pricing-subscription-btn-outer {
    margin-top: 30px;
  }

  .pricing-subscription-btn-inner {
    width: 100%;
  }

  .pricing-subscription-btn {
    padding: 7px 10px;
    width: 43%;
    font-size: 10px;
    text-align: center;
    margin: 0;
  }

  .pricing-subscription-btn:first-child {
    padding: 14px 10px;
  }

  .pricing-tier-title {
    font-size: 24px;
    line-height: 24px;
  }

  .pricing-tier-subtitle {
    font-size: 12px;
    margin: 0 0 0 15px;
  }

  .pricing-plan-row {
    height: 27px;
    overflow: hidden;
    margin: 0 0 1px 0;
  }

  .pricing-plan-row .plan-white {
    width: 26%;
    height: 22px;
    font-size: 10px;
    line-height: 11px;
    padding: 8px 7px 0 7px;
    margin: 0 1px 0 0;
  }

  .pricing-plan-row .plan-white.monthly-annually {
    height: 22px;
    padding: 8px 7px 0 7px;
  }

  .pricing-plan-row .plan-blue {
    width: 22%;
    height: 23px;
    font-size: 14px;
    line-height: 14px;
    padding: 7px 0 0 0;
    margin: 0 1px 0 0;
  }

.pricing-plan-row .white {
  background-color: #ffffff;
  color: #888888;
  font-size: 11px !important;
  line-height: 11px !important;
}

  .pricing-plan-row .plan-blue .dollar-symbol {
    height: 20px;
    font-size: 10px;
    margin: -6px 0 0 16px;
  }

  .pricing-plan-row .unlimited {
    font-size: 10px !important;
    line-height: 10px !important;
    height: 19px;
    padding: 8px 0 0 0;
  }

  .enterprise-content {
    padding: 13px 20px;
    margin: 0 0 36px 0;
    width: 87%;
    font-size: 12px;
  }

  .pricing-plan-row .font-size20 {
    font-size: 11px !important;
    line-height: 13px !important;
  }
    
    .pricing-plan-row .plan-white.collaborators {
        padding-top: 5px !important;
        height: 35px !important;
        line-height: 9px !important;
    }

    .pricing-plan-row .plan-white .unlimited-viewers {
        font-size: 8px;
        line-height: 8px;
    }
    
    .pricing-plan-row .plan-price {
        margin: 0 1px 0 0 !important;
    }
}