/* @override http://clients.grainandmortar.com/postwire-code/style.css */
/* 
____________________________________________________
|		Grain & Mortar Standard Stylesheet	|
|		Version 1 ~ July 15th, 2013					|
|		By Caleb Nachtigall							|
****************************************************
*/
 
/* ==========================================================================
	Normalize and reset CSS
========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{background:#fff;color:#000;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0;background:none;}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
body { font-size: 1em; line-height: 1.4; }
img { vertical-align: middle; }		/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
textarea { resize: vertical; }			/* Allow only vertical resizing of textareas. */
h1, h2, h3, h4, h5 { margin: 0; font-weight: 400; } /* Browsers default headings to font-weight: bold. This resets it to normal. http://css-tricks.com/watch-your-font-weight/ */
strong { font-weight: 400; } /* we are reserving "strong" as a keyword for custom styles in the Wordpress WYSIWIG, so we reset the default bolding behavior */
em {} /* if you need another WYSIWIG custom tag, use this one (will replace the style from the italics button). Be sure to set font-style: normal as one of the properties to undo the italics */ 

/* Print styles */
@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

/* ==========================================================================
   Typefaces (make your custom typeface declarations here)
========================================================================== */

/* Following font declarations are formatted per http://www.456bereastreet.com/archive/201012/font-face_tip_define_font-weight_and_font-style_to_keep_your_css_simple/ */

@import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=2ec3c58e-2598-43a1-bfb0-775c708baf01"); /* required by fonts.com */
@font-face{
	font-family:"Proxima Light";
	src:url("fonts/93cc6d34-798e-42c8-87d2-fd6391801b63.eot?#iefix");
	src:url("fonts/93cc6d34-798e-42c8-87d2-fd6391801b63.eot?#iefix") format("eot"),
		url("fonts/2fa30669-9bbd-4ced-912f-db94a367ed6c.woff") format("woff"),
		url("fonts/c12b3ebb-3771-483f-a84a-ac63d615c28e.ttf") format("truetype"),
		url("fonts/2a961063-ea56-4a4b-8cea-bdae32edb0e2.svg#2a961063-ea56-4a4b-8cea-bdae32edb0e2") format("svg");
	font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family:"Proxima Reg";
	src:url("fonts/7e90123f-e4a7-4689-b41f-6bcfe331c00a.eot?#iefix");
	src:url("fonts/7e90123f-e4a7-4689-b41f-6bcfe331c00a.eot?#iefix") format("eot"),
		url("fonts/e56ecb6d-da41-4bd9-982d-2d295bec9ab0.woff") format("woff"),
		url("fonts/2aff4f81-3e97-4a83-9e6c-45e33c024796.ttf") format("truetype"),
		url("fonts/ab9cd062-380f-4b53-b1a7-c0bec7402235.svg#ab9cd062-380f-4b53-b1a7-c0bec7402235") format("svg");
	font-weight: normal;
}

/* wrap text in <b> tags or set font-weight to bold to get this typface style */
@font-face{
	font-family:"Proxima Reg";
	src:url("fonts/87e4b4fc-cdf1-450a-8bed-dd818cba908d.eot?#iefix");
	src:url("fonts/87e4b4fc-cdf1-450a-8bed-dd818cba908d.eot?#iefix") format("eot"),
		url("fonts/70ae52ec-d89b-4c6a-9402-854ebe423c54.woff") format("woff"),
		url("fonts/6a35571c-ea14-4dac-9ae1-0e7af0abeec8.ttf") format("truetype"),
		url("fonts/ac2bdafc-d4a8-49d0-8a10-4e2f16bf7e3c.svg#ac2bdafc-d4a8-49d0-8a10-4e2f16bf7e3c") format("svg");
	font-weight: bold;
	font-style: normal;
}

@font-face{
	font-family:"Proxima Bold";
	src:url("fonts/fbc6b03a-b3a1-427c-a884-053deca3a53c.eot?#iefix");
	src:url("fonts/fbc6b03a-b3a1-427c-a884-053deca3a53c.eot?#iefix") format("eot"),
		url("fonts/d999c07b-a049-4eb5-b8a6-4f36ae25e67e.woff") format("woff"),
		url("fonts/4d4a75f5-d32a-4a09-8665-133afd39cc37.ttf") format("truetype"),
		url("fonts/8152bc4e-d700-4c78-b6be-326893e6f53f.svg#8152bc4e-d700-4c78-b6be-326893e6f53f") format("svg");
	font-weight: normal;
    font-style: normal;
}

/* ==========================================================================
   Basic content structuring and text styling
========================================================================== */

/* Set the default color and size of  inputs and text*/
html, button, input, select, textarea {
	color: #668487;
	font: 16px "Proxima Reg", Helvetica, Arial, sans-serif;
}

html {
	height: 100%;
	background: #fff;
}

body { 
	margin: 0;
	padding: 0;
	min-height: 100%;
	height: 100%;
	width: 100%;
	/*overflow-x: hidden;*/
}

/* make images and video responsive, but keep them from overflowing their containing element. http://unstoppablerobotninja.com/entry/fluid-images/ */
img,
embed,
object,
video {
	max-width: 100%;
	height: auto;
}

h2, .h2 {
	font: 39px/50px "Proxima Light", Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	color: #fff;
}

h3, .h3 {
	font: 17px/24px "Proxima Reg", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #39a3e5;
	text-transform: uppercase;
	letter-spacing: 0;
}

p {
	margin: 0 0 20px;
	line-height: 26px;
}

@media all and (max-width: 768px) {
	p { font-size: 18px; }
}

b { font-weight: bold; }

ul {
	padding-left: 10px;
	margin: 5px;
}

li { padding: 0; }

input, textarea {
	border: 1px solid #D3D3D3;
	color: #7c999e;
	padding: 2.5%;
	width: 95%;
}

.checkbox { width: 5% !important; display: inline !important;min-height: 10px;margin: 2px 0 0 !important;}

label {
	color: #304451 !important;
	cursor: pointer;
}

input:focus, textarea:focus {
	background: #f2f2f2;
	-webkit-transition: background .25s ease;
	-moz-transition: background .25s ease;
	transition: background .25s ease;
}

i, em {
	font-style: normal !important;
	line-height: 25px;
}

a, a:link, a:visited {
	color: #55b0f2;
	text-decoration: none;
	-webkit-transition: color .25s ease;
	-moz-transition: color .25s ease;
	transition: color .25s ease;
}

a:hover {
	color: #73c0ef;
}

/* make sure any link wrapped in a heading doesn't get restyled */
h2 a, h3 a, h4 a {
	color: inherit;
	font-size: inherit;
	font-family: inherit;
}

/* hover behavior for images as a link */
a img {
	-webkit-transition: opacity .25s ease;
	-moz-transition: opacity .25s ease;
	transition: opacity .25s ease;
}

a img:hover {
	cursor: pointer;
	opacity: 0.75;
}

/* A better looking default horizontal rule */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #F0F0F0;
	margin: 1em 0;
	padding: 0;
}

hr.dark { border-top: 1px solid #3d555b; }

/* Remove text-shadow in selection highlight: (h5bp.com/i) These selection rule sets have to be separate. Customize the background color to match your design.*/
::-moz-selection {
	background: #dfe7e9;
	text-shadow: none;
}

::selection {
	background: #dfe7e9;
	text-shadow: none;
}

/* correct for Chrome default behavior of putting the orange glow around elements when focused. */
*:focus { outline: 0; }

/* custom font variations. !important makes sure they override the defaults */
.bigDark, .bigLight {
	font: 37px/27px "Proxima Light", Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
}

.placeholder { color: #cacaca; }

.bigLight { color: #fff; }
.bigDark { color: #688085; }

@media all and (max-width: 900px) and (min-width: 768px) {
	.bigDark { font-size: 32px; }
}

@media all and (max-width: 400px) {
	.bigDark { font-size: 32px; }
}

.bigLight strong {
	line-height: 13px;
	padding-top: 7px;
}

.small {
	color: #7C999E;
	font-size: 15px;
	display: block;
	text-align: center;
	letter-spacing: 0.5px;
}

@media all and (max-width: 600px) {
	.small { font-size: 13px; }
}

.numbers {
	font: 30px "Proxima Light", Helvetica, Arial, sans-serif;
	color: #7E999D;
	padding-top: 100%;
}

@media all and (max-width: 768px) {
	.numbers { display: none !important; }
}

.sectionTitle, .sectionTitle2 {
	font: 22px/26px "Proxima Reg", Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
	color: #374F5A;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.sectionTitle a, .sectionTitle2 a, .sectionTitle2, .sectionTitleP { color: #374F5A!important; }
.sectionTitle a:hover, .sectionTitle2 a:hover { color: #5FB1EE!important; }
.sectionTitleP { font-weight: bold; }

.sectionTitle.strip-call-out {
	font-size: 30px;
	margin: 0;
	font-weight: normal;
}

.darkBG .sectionTitle, .darkBG2 .sectionTitle { color: #5FB1EE; }
.lightBG .sectionTitle { color: #5fb1ee; }
.darkBG p, .darkBG2 p { color: #9da7ac; }
.lightBG p, .whiteBG { color: #7c999e; }


.integration-block .sectionTitle { margin-bottom: 4px;}

.subHeader {
	font-size: 20px;
	color: #9da7ac;
}

@media all and (max-width: 950px) {
	.subHeader {	font-size: 18px; }
}

.subHeader.product-sub {
	color: #fff;
	font-size: 15px;
	line-height: 22px;
	margin: 0;
	float: left;
	width: 75%;
	margin-right: 10px;

}

.blueBG a.button {margin-top:4px !important;}

/*colors: */
.grey1 { color: #293c43 !important; }
.grey2 { color: #2b4149 !important; }
.grey3 { color: #688085 !important; }
.darkBlue { color: #55b0f2 !important; }
.white { color: #f0f0f0 !important; }
.purple { color: #968ebb !important; }
.green { color: #a7c176 !important; }
.blue { color: #55b0f2 !important; }
.red { color: #db6f72 !important; }
.turquoise { color: #55b9bd !important; }

.darkBG { /*background: #2B4149;*/  }
.darkBG2 { background: #293c43; }
.lightBG { background: #f0f0f0; }
.whiteBG { background: #fff !important; }
.blueBG { background: #76c4f4 url(images/blue-grey-stripe.gif) repeat-y center 0; }

@media all and (max-width: 768px ) {
	.blueBG { background: #76c4f4; text-align: center !important;}
	.subHeader.product-sub { width: 100%; float: none;}
	.software-play {display: none !important;}
	.software-screen {}
	.software-screen img {margin: 0 !important;}
	.blueBG a.button {margin-top: 14px !important;}
}

.blueBG .sectionTitle {color: #fff; margin-top: 20px;}

.blueBG .button {
	background: #2B4149;
	margin: 10px auto;
	display: inline-block;
	padding: 10px 20px;
}

.blueBG .button:hover {background: #3A5259;}

.light { font-family: "Proxima Light", Helvetica, Arial, sans-serif; }

/* apply this to a wysiwig wrapper to create a custom style on elements wrapped in <strong> (bold button in the wysiwig) */
.emWhite strong, .emWhite b {
	color: #ffffff !important;
	font-weight: bold;
}

/* text and element positioning */
.textCentered { text-align: center; }
.textLeft { text-align: left; }
.textRight { text-align: right; }

/*text and image are centered */
.centered { text-align: center; }
.centered img { display: inline-block; }

@media all and (max-width: 768px) {
	.centeredT { text-align: center; }
	.centeredT img { display: inline-block; }
}

@media all and (max-width: 480px) {
	.centeredP { text-align: center; }
	.centeredP img { display: inline-block; }
}

.rfloat { float: right !important; }
.lfloat { float: left; }

.inline { display: inline; }

/* add class="cf" to any element to properly contain floated elements inside of it */
.cf:before,.content:before,.cf:after,.content:after{content:" ";display:table}.cf:after,.content:after{clear:both}.cf,.content{*zoom:1}
.clear { clear: both; }

.vertAlign {
	display: table;
	height: 100%;
}

.vertAlign p, .vertAlign span {
	display: table-cell; 
	vertical-align: middle;
}

/* creates a content container that is max-width and centered */
.contentWrapper {
	width: 100%;
	max-width: 996px;
	margin: 0 auto;
	position: relative;
}

/* ugly hack to make the site look readable in IE7 */
*+html .full { float: none; }

.full, .fiveSixths, .fiveSixthsCentered, .fourFifths, .fourFifthsCentered, .threeFourths, .threeFourthsCentered, .twoThirds, .twoThirdsCentered,
.threeFifths, .threeFifthsCentered, .half, .halfCentered, .twoFifths, .twoFifthsCentered, .third, .thirdCentered, .fourth, .fourthCentered, .fifth,
.fifthCentered, .sixth, .sixthCentered, .colFull, .colFiveSixths, .colFiveSixthsCentered, .colFourFifths, .colFourFifthsCentered, .colThreeFourths,
.colThreeFourthsCentered, .colTwoThirds, .colTwoThirdsCentered, .colThreeFifths, .colThreeFifthsCentered, .colHalf, .colHalfCentered, .colTwoFifths,
.colTwoFifthsCentered, .colThird, .colThirdCentered, .colFourth, .colFourthCentered, .colFifth, .colFifthCentered, .colSixth, .colSixthCentered,.fiveSixthsT,
.fiveSixthsCenteredT, .fourFifthsT, .fourFifthsCenteredT, .threeFourthsT, .threeFourthsCenteredT, .twoThirdsT, .twoThirdsCenteredT,
.threeFifthsT, .threeFifthsCenteredT, .halfT, .halfCenteredT, .twoFifthsT, .twoFifthsCenteredT, .thirdT, .thirdCenteredT, .fourthT, .fourthCenteredT, .fifthT,
.fifthCenteredT, .sixthT, .sixthCenteredT, .colFullT, .colFiveSixthsT, .colFiveSixthsCenteredT, .colFourFifthsT, .colFourFifthsCenteredT, .colThreeFourthsT, .colThreeFourthsCenteredT,
.colTwoThirdsT, .colTwoThirdsCenteredT, .colThreeFifthsT, .colThreeFifthsCenteredT, .colHalfT, .colHalfCenteredT, .colTwoFifthsT, .colTwoFifthsCenteredT, .colThirdT, 
.colThirdCenteredT, .colFourthT, .colFourthCenteredT, .colFifthT, .colFifthCenteredT, .colSixthT, .colSixthCenteredT, .twoThirdsP, .twoThirdsCenteredP, .threeFifthsP, 
.threeFifthsCenteredP, .halfP, .halfCenteredP, .twoFifthsP, .twoFifthsCenteredP, .thirdP, .thirdCenteredP, .colTwoThirdsP, .colTwoThirdsCenteredP, .colThreeFifthsP, 
.colThreeFifthsCenteredP, .colHalfP, .colHalfCenteredP, .colTwoFifthsP, .colTwoFifthsCenteredP, .colThirdP, .colThirdCenteredP { float: left; position: relative; }

.twoThirdsP { width: 66.6%; }.twoThirdsCenteredP { width: 66.6%; margin: 0 16.7%; }.threeFifthsP { width: 60%; }.threeFifthsCenteredP { width: 60%; width: 0 20%; }.halfCenteredP { width: 50%; margin: 0 25%; }.halfP { width: 50%; }.twoFifthsP { width: 40%; }.twoFifthsCenteredP { width: 40%; margin: 0 30%; }.thirdP { width: 33.3%; }.thirdCentered { width: 33%;  margin: 0 33.3%; }.colTwoThirdsP { width: 61%; margin: 0 2.5%; }.colTwoThirdsCenteredP { width: 61%; margin: 0 19.5%; }.colThreeFifthsP { width: 55%; margin: 0 2.5%; }.colThreeFifthsCenteredP { width: 55%; width: 0 22.5%; }.colHalfP { width: 45%; margin: 0 2.5%; }.colHalfCenteredP { width: 45%; margin: 0 27.5%; }.colTwoFifthsP { width: 36%; margin: 0 2% }.colTwoFifthsCenteredP { width: 36%; margin: 0 32%; }.colThirdP { width: 29%; margin: 0 2%; }.colThirdCenteredP { width: 29%;  margin: 0 35.5%; }
.colFullT { width: 95%; margin: 0 2.5%; }, .fiveSixthsT { width: 83.3%; }.fiveSixthsCenteredT { width: 83.3%; margin: 0 8.35%; }.fourFifthsT { width: 80%; }.fourFifthsCenteredT { width: 80%; margin: 0 10%; }.threeFourthsT { width: 75%; }.threeFourthsCenteredT { width: 75%; margin: 0 12.5%; }.twoThirdsT { width: 66.6%; }.twoThirdsCenteredT { width: 66.6%; margin: 0 16.7%; }.threeFifthsT { width: 60%; }.threeFifthsCenteredT { width: 60%; margin: 0 20%; }.halfCenteredT { width: 50%; margin: 0 25%; }.halfT { width: 50%; margin: 0; }.twoFifthsT { width: 40%; }.twoFifthsCenteredT { width: 40%; margin: 0 30%; }.thirdT { width: 33.333333%; }.thirdCentered { width: 33%;  margin: 0 33.3%; }.fourthT { width: 25%; }.fourthCenteredT { width: 25%; margin: 0 37.5%; }.fifthT { width: 20%; }.fifthCenteredT { width: 20%; margin: 0 40%; }.sixthT { width: 16.6%; }.sixthCenteredT { width: 16.6%; margin: 0 41.7%; }
.colFiveSixthsT { width: 78.3%; margin: 0 2.5%; }.colFiveSixthsCenteredT { width: 78.3%; margin: 0 10.85%; }.colFourFifthsT { width: 75%; margin: 0 2.5%}.colFourFifthsCenteredT { width: 75%; margin: 0 12.5%; }.colThreeFourthsT { width: 70%; margin: 0 2.5%; }.colThreeFourthsCenteredT { width: 70%; margin: 0 15%; }.colTwoThirdsT { width: 61.66%; margin: 0 2.5%; }.colTwoThirdsCenteredT { width: 61%; margin: 0 19.5%; }.colThreeFifthsT { width: 55%; margin: 0 2.5%; }.colThreeFifthsCenteredT { width: 55%; width: 0 22.5%; }.colHalfT { width: 45%; margin: 0 2.5%; }.colHalfCenteredT { width: 45%; margin: 0 27.5%; }.colTwoFifthsT { width: 36%; margin: 0 2% }.colTwoFifthsCenteredT { width: 36%; margin: 0 32%; }.colThirdT { width: 28.33%; margin: 0 2.5%; }.colThirdCenteredT { width: 29%;  margin: 0 35.5%; }.colFourthT { width: 21%; margin: 0 2%; }.colFourthCenteredT { width: 21%; margin: 0 39.5%; }.colFifthT { width: 17%; margin: 0 1.5%;}.colFifthCenteredT { width: 17%; margin: 0 41.5%; }.colSixthT { width: 13.66%; margin: 0 1.5%; }.colSixthCenteredT { width: 13.66%; margin: 0 43.166%; }

.full { width: 100%; margin: 0; }
.fiveSixths { width: 83.3%; margin: 0; }
.fiveSixthsCentered { width: 83.3%; margin: 0 8.35%; }
.fourFifths { width: 80%; margin: 0; }
.fourFifthsCentered { width: 80%; margin: 0 10%; }
.threeFourths { width: 75%; margin: 0; }
.threeFourthsCentered { width: 75%; margin: 0 12.5%; }
.twoThirds { width: 66.6%; margin: 0; }
.twoThirdsCentered { width: 66.6%; margin: 0 16.7%; }
.threeFifths { width: 60%; margin: 0; }
.threeFifthsCentered { width: 60%; width: 0 20%; }
.half { width: 50%; margin: 0; }
.halfCentered { width: 50%; margin: 0 25%; }
.twoFifths { width: 40%; margin: 0; }
.twoFifthsCentered { width: 40%; margin: 0 30%; }
.third { width: 33.333333%; margin: 0; }
.thirdCentered { width: 33%;  margin: 0 33.3%; }
.fourth { width: 25%; margin: 0; }
.fourthCentered { width: 25%; margin: 0 37.5%; }
.fifth { width: 20%; margin: 0; }
.fifthCentered { width: 20%; margin: 0 40%; }
.sixth { width: 16.6%; margin: 0; }
.sixthCentered { width: 16.6%; margin: 0 41.7%; }

.colFull { width: 95%; margin: 0 2.5%; }
.colFiveSixths { width: 78.3%; margin: 0 2.5%; }
.colFiveSixthsCentered { width: 78.3%; margin: 0 10.85%; }
.colFourFifths { width: 75%; margin: 0 2.5%}
.colFourFifthsCentered { width: 75%; margin: 0 12.5%; }
.colThreeFourths{ width: 70%; margin: 0 2.5%; }
.colThreeFourthsCentered { width: 70%; margin: 0 15%; }
.colTwoThirds { width: 61.66%; margin: 0 2.5%; }
.colTwoThirdsCentered { width: 61%; margin: 0 19.5%; }
.colThreeFifths { width: 55%; margin: 0 2.5%; }
.colThreeFifthsCentered { width: 55%; margin: 0 22.5%; }
.colHalf { width: 45%; margin: 0 2.5%; }
.colHalfCentered { width: 45%; margin: 0 27.5%; }
.colTwoFifths { width: 36%; margin: 0 2% }
.colTwoFifthsCentered { width: 36%; margin: 0 32%; }
.colThird { width: 28.33%; margin: 0 2.5%; }
.colThirdCentered { width: 29%;  margin: 0 35.5%; }
.colFourth { width: 21%; margin: 0 2%; }
.colFourthCentered { width: 21%; margin: 0 39.5%; }
.colFifth { width: 17%; margin: 0 1.5%;}
.colFifthCentered { width: 17%; margin: 0 41.5%; }
.colSixth { width: 13.66%; margin: 0 1.5%; }
.colSixthCentered { width: 13.66%; margin: 0 43.166%; }

@media all and (max-width: 768px) {
	.fiveSixths, .fiveSixthsCentered, .fourFifths, .fourFifthsCentered, .threeFourths, .threeFourthsCentered, .twoThirds, .twoThirdsCentered,
	.threeFifths, .threeFifthsCentered, .half, .halfCentered, .twoFifths, .twoFifthsCentered, .third, .thirdCentered, .fourth, .fourthCentered, .fifth,
	.fifthCentered, .sixth, .sixthCentered { width: 100%; margin: 0; }
	
	.colFull, .colFiveSixths, .colFiveSixthsCentered, .colFourFifths, .colFourFifthsCentered, .colThreeFourths,
	.colThreeFourthsCentered, .colTwoThirds, .colTwoThirdsCentered, .colThreeFifths, .colThreeFifthsCentered, .colHalf, .colHalfCentered, .colTwoFifths,
	.colTwoFifthsCentered, .colThird, .colThirdCentered, .colFourth, .colFourthCentered, .colFifth, .colFifthCentered, .colSixth, .colSixthCentered { width: 92%; margin: 0 4%; }
	
	.twoThirdsP { width: 66.6%; }.twoThirdsCenteredP { width: 66.6%; margin: 0 16.7%; }.threeFifthsP { width: 60%; }.threeFifthsCenteredP { width: 60%; width: 0 20%; }.halfCenteredP { width: 50%; margin: 0 25%; }.halfP { width: 50%; }.twoFifthsP { width: 40%; }.twoFifthsCenteredP { width: 40%; margin: 0 30%; }.thirdP { width: 33.3%; }.thirdCentered { width: 33%;  margin: 0 33.3%; }.colTwoThirdsP { width: 61%; margin: 0 2.5%; }.colTwoThirdsCenteredP { width: 61%; margin: 0 19.5%; }.colThreeFifthsP { width: 55%; margin: 0 2.5%; }.colThreeFifthsCenteredP { width: 55%; width: 0 22.5%; }.colHalfP { width: 45%; margin: 0 2.5%; }.colHalfCenteredP { width: 45%; margin: 0 27.5%; }.colTwoFifthsP { width: 36%; margin: 0 2% }.colTwoFifthsCenteredP { width: 36%; margin: 0 32%; }.colThirdP { width: 29%; margin: 0 2%; }.colThirdCenteredP { width: 29%;  margin: 0 35.5%; }

	.fiveSixthsT { width: 83.3%; margin: 0; }
	.fiveSixthsCenteredT { width: 83.3%; margin: 0 8.35%; }
	.fourFifthsT { width: 80%; margin: 0; }
	.fourFifthsCenteredT { width: 80%; margin: 0 10%; }
	.threeFourthsT { width: 75%; margin: 0; }
	.threeFourthsCenteredT { width: 75%; margin: 0 12.5%; }
	.twoThirdsT { width: 66.6%; margin: 0; }
	.twoThirdsCenteredT { width: 66.6%; margin: 0 16.7%; }
	.threeFifthsT { width: 60%; margin: 0; }
	.threeFifthsCenteredT { width: 60%; margin: 0 20%; }
	.halfCenteredT { width: 50%; margin: 0 25%; }
	.halfT { width: 50%; margin: 0; }
	.twoFifthsT { width: 40%; margin: 0; }
	.twoFifthsCenteredT { width: 40%; margin: 0 30%; }
	.thirdT { width: 33.333333%; margin: 0; }
	.thirdCentered { width: 33%;  margin: 0 33.3%; }
	.fourthT { width: 25%; margin: 0; }
	.fourthCenteredT { width: 25%; margin: 0 37.5%; }
	.fifthT { width: 20%; margin: 0; }
	.fifthCenteredT { width: 20%; margin: 0 40%; }
	.sixthT { width: 16.6%; margin: 0; }
	.sixthCenteredT { width: 16.6%; margin: 0 41.7%; }

	.colFullT { width: 92%; margin: 0 4%; }
	.colFiveSixthsT { width: 78.3%; margin: 0 2.5%; }
	.colFiveSixthsCenteredT { width: 78.3%; margin: 0 10.85%; }
	.colFourFifthsT { width: 75%; margin: 0 2.5%}
	.colFourFifthsCenteredT { width: 75%; margin: 0 12.5%; }
	.colThreeFourthsT { width: 70%; margin: 0 2.5%; }
	.colThreeFourthsCenteredT { width: 70%; margin: 0 15%; }
	.colTwoThirdsT { width: 61.66% margin: 0 2.5%; }
	.colTwoThirdsCenteredT { width: 61%; margin: 0 19.5%; }
	.colThreeFifthsT { width: 55%; margin: 0 2.5%; }
	.colThreeFifthsCenteredT { width: 55%; width: 0 22.5%; }
	.colHalfT { width: 45%; margin: 0 2.5%; }
	.colHalfCenteredT { width: 45%; margin: 0 27.5%; }
	.colTwoFifthsT { width: 36%; margin: 0 2% }
	.colTwoFifthsCenteredT { width: 36%; margin: 0 32%; }
	.colThirdT { width: 28.33%; margin: 0 2.5% }
	.colThirdCenteredT { width: 29%;  margin: 0 35.5%; }
	.colFourthT { width: 21%; margin: 0 2%; }
	.colFourthCenteredT { width: 21%; margin: 0 39.5%; }
	.colFifthT { width: 17%; margin: 0 1.5%;}
	.colFifthCenteredT { width: 17%; margin: 0 41.5%; }
	.colSixthT { width: 13.66%; margin: 0 1.5%; }
	.colSixthCenteredT { width: 13.66%; margin: 0 43.166%; }
}

@media all and (max-width: 480px) {
	/*
	At phone size, the following classes are available (the rest will default to full width column):

	.twoThirdsP .twoThirdsCenteredP .threeFifthsP .threeFifthsCenteredP .halfP .halfCenteredP .twoFifthsP .twoFifthsCenteredP .thirdP .thirdCenteredP
	.colTwoThirdsP .colTwoThirdsCenteredP .colThreeFifthsP .colThreeFifthsCenteredP .colHalfP .colHalfCenteredP .colTwoFifthsP .colTwoFifthsCenteredP .colThirdP .colThirdCenteredP
	*/
	.fiveSixths, .fiveSixthsCentered, .fourFifths, .fourFifthsCentered, .threeFourths, .threeFourthsCentered, .twoThirds, .twoThirdsCentered,
	.threeFifths, .threeFifthsCentered, .half, .halfCentered, .twoFifths, .twoFifthsCentered, .third, .thirdCentered, .fourth, .fourthCentered, .fifth,
	.fifthCentered, .sixth, .sixthCentered, .colFull, .colFiveSixths, .colFiveSixthsCentered, .colFourFifths, .colFourFifthsCentered, .colThreeFourths,
	.colThreeFourthsCentered, .colTwoThirds, .colTwoThirdsCentered, .colThreeFifths, .colThreeFifthsCentered, .colHalf, .colHalfCentered, .colTwoFifths,
	.colTwoFifthsCentered, .colThird, .colThirdCentered, .colFourth, .colFourthCentered, .colFifth, .colFifthCentered, .colSixth, .colSixthCentered,
	.fiveSixthsT, .fiveSixthsCenteredT, .fourFifthsT, .fourFifthsCenteredT, .threeFourthsT, .threeFourthsCenteredT, .twoThirdsT, .twoThirdsCenteredT,
	.threeFifthsT, .threeFifthsCenteredT, .halfT, .halfCenteredT, .twoFifthsT, .twoFifthsCenteredT, .thirdT, .thirdCenteredT, .fourthT, .fourthCenteredT, .fifthT,
	.fifthCenteredT, .sixthT, .sixthCenteredT, .colFull, .colFiveSixths, .colFiveSixthsCentered, .colFourFifths, .colFourFifthsCentered, .colThreeFourths,
	.colThreeFourthsCentered, .colTwoThirds, .colTwoThirdsCentered, .colThreeFifths, .colThreeFifthsCentered, .colHalf, .colHalfCentered, .colTwoFifths,
	.colTwoFifthsCentered, .colThird, .colThirdCentered, .colFourth, .colFourthCentered, .colFifth, .colFifthCentered, .colSixth, .colSixthCentered,
	.colFiveSixthsT, .colFiveSixthsCenteredT, .colFourFifthsT, .colFourFifthsCenteredT, .colThreeFourthsT, .colThreeFourthsCenteredT, .colTwoThirdsT,
	.colTwoThirdsCenteredT, .colThreeFifthsT, .colThreeFifthsCenteredT, .colHalfT, .colHalfCenteredT, .colTwoFifthsT, .colTwoFifthsCenteredT, .colThirdT,
	.colThirdCenteredT, .colFourthT, .colFourthCenteredT, .colFifthT, .colFifthCenteredT, .colSixthT, .colSixthCenteredT { width: 92%; margin: 0 4%; }
	
	.twoThirdsP { width: 66.6%; }
	.twoThirdsCenteredP { width: 66.6%; margin: 0 16.7%; }
	.threeFifthsP { width: 60%; }
	.threeFifthsCenteredP { width: 60%; width: 0 20%; }
	.halfCenteredP { width: 50%; margin: 0 25%; }
	.halfP { width: 50%; }
	.twoFifthsP { width: 40%; }
	.twoFifthsCenteredP { width: 40%; margin: 0 30%; }
	.thirdP { width: 33.3%; }
	.thirdCentered { width: 33%;  margin: 0 33.3%; }

	.colFullP { width: 90%; margin: 0 5%; }
	.colTwoThirdsP { width: 61%; margin: 0 2.5%; }
	.colTwoThirdsCenteredP { width: 61%; margin: 0 19.5%; }
	.colThreeFifthsP { width: 55%; margin: 0 2.5%; }
	.colThreeFifthsCenteredP { width: 55%; width: 0 22.5%; }
	.colHalfP { width: 45%; margin: 0 2.5%; }
	.colHalfCenteredP { width: 45%; margin: 0 27.5%; }
	.colTwoFifthsP { width: 36%; margin: 0 2% }
	.colTwoFifthsCenteredP { width: 36%; margin: 0 32%; }
	.colThirdP { width: 29%; margin: 0 2%; }
	.colThirdCenteredP { width: 29%;  margin: 0 35.5%; }
}
/* 
	Add these to any column to give it additional vertical margin
	Feel free to create your own vertical padding/margin classes as needed
	Treat these like h1, h2, etc. Can also be used for padding with p1, p2
	IMPORTANT: These only cover top-bottom margin/padding; if you need left-right adjustment, use a custom class for the whole div
*/

.m1 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.m1-mod {margin-top: 60px;margin-bottom: 30px;}

.m2 {
	margin-top: 25px;
	margin-bottom: 25px;
}
.m2b {
	margin-bottom: 25px;
}

.m3 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.p1 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.p2 {
	padding-top: 30px;
	padding-bottom: 30px;
}

/*
	Show or hide elements based on screen size
	Available classes are showT, showP, hideT and hideP
	For example, showT will show content on anything tablet sized or lower. Conversely, hideT will hide the element on tablet and down 
*/

.showT { display: none; }
.showP { display: none; }

@media all and (max-width: 768px) {
	.hideT { display: none; }
	.showT { display: inherit; }
}

@media all and (max-width: 480px) {
	.hideP { display: none; }
	.showP { display: inherit; }
}

/* =========================================================================
========================================================================= */

/* Basic button styling. Button element should be a div */

a.button, a.mainNavButton, .button, body.blog input[type='submit'] {
	display: block;
	text-align: center;
	text-transform: uppercase;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .15s ease;
	-ms-transition: all .15s ease;
	transition: all .15s ease;
	padding: 9px 16px 7px;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0px;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
	font-family: 'Proxima Reg';
}

a.button, .button, input[type='submit'] {
	background: #5FB1EE;
	color: #fff;
	border-radius: 5px;
	min-width: 110px;
	border: none;
}

.mainNav .button {
	margin-left: 25px;
	float: left;
}

.buttonTaller { padding: 9px 0 8px !important; }

.mainNavButton {
	color: #7c999e;
	float: left;
/*	width: 85px;*/
}

.mainNavButton:hover, .mainNavButton.active { color: #fff; }
.mainNavButton:active { color: #5f7577; }

.button:hover { background: #76c4f4; }
.button:active { background: #4e9fd1; }

/* =========================================================================
	Basic Layout
========================================================================= */

/* wrapper that holds the header, content and footer */
.page {
	min-height: 100%;
	width: 100%;
	background: #2D4148;
	/*overflow: hidden;*/
}

.header {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999;
}

.headerBG {
	background: rgb(20,40,40);
	background: rgba(20,40,40,0.9);
}

.vgNote {
	width: 100%;
	padding: 14px;
	text-align: center;
	background: #dfc785;
}

.logoWrapper {
	margin: 12px 0 0 2%;
	float: left;
}

.menuWrapper {
	padding: 18px 2% 17px 0;
	float: right;
	width: auto;
}

/* 	
	.content is a 100% wide container for holding wrappers and columns.
	Do not put content directly in to this div
	This goes below the header and above the footer
*/

.content {
	padding-top: 130px;
	min-height: 100%;
	padding-bottom: 84px;	/* padding-bottom must match min-height of footer */
}

.footer {
	width: 100%;
	position: relative;
	/* margin-top and min-height must be exact opposites of each other (same number, with margin being negative) */
	min-height: 60px;
	margin-top: -85px;
	background: #5FB1EE url('images/twoblue.gif') repeat-y 50% 0;
}

input#terms {
	margin-left: 20px;
}

@media all and (max-width: 768px) {
	.footer {background-image: none;}
}

.footer img.plan-trail {
	position: absolute;
	left: 50%;
	top: 70px;
	max-width: 100%;
}

.footer img.or-circle {
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -130px;
}

.footer .space-above {
	margin-top: 149px;
}


@media all and (max-width: 768px) {
	
	.footer .space-above {margin-top: 19px;}
}

.footer .space-below {
	margin-bottom: 200px;
}

.footer h2 {
	font-size: 20px;
	line-height: 25px;
	text-transform: uppercase;
	font-family: "Proxima Bold";
	letter-spacing: 0px;
	margin-top: 10px;
	color: #fff;
}


.footerTagline {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0px;
	line-height: 23px;
}

.footerInput {
	border: none;
	border-radius: 5px;
	padding: 10px 3% 10px 7%;
	margin: 8px auto;
	width: 90%;
	float: none;
	display: block;
	font-size: 18px;
}

.footerCheckbox { font-size: 14px; }

.footer .button {
	text-transform: none;
	font-size: 16px;
	letter-spacing: 0px;
	padding: 20px 5%;
	background: #2B4149;
	margin: 10px auto;
	float: none;
}

.imgLabel, .imgLabel2 {
	position: absolute;
	top: 27%;
	left: 2%;
}

.imgLabel2 { top: 18px; }

.footer .imgLabel{
	top: 27%;
	left: 7%;
}



@media all and (max-width: 768px) {
	.footer .button { padding: 20px 0; }
	.footerInput {
		padding: 10px 3% 10px 10%;
		width: 85%;
	}
	.footer .imgLabel {left: 10%;}



}

.footer .button:hover { background: #3A5259; }

.footerLinks, .footerLinks a { color: #cacaca; }
.footerLinks a:hover { color: #5FB1EE; }

.mobileNavWrapper {
	width: 250px;
	height: 100%;
	min-height: 100%;
	position: fixed;
	right: -250px;
	top: 0;
	/* for best results, match this color to the background of "html" */
	background: #f9f9f9;
	overflow-x: hidden;
	/* backface visibility keeps the content from "flashing" when it animates */
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.mobileNavItem {
	padding: 15px 25px;
	display: block;
	border-bottom: 1px solid #f0f0f0;
	text-transform: uppercase;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .15s ease;
	-ms-transition: all .15s ease;
	transition: all .15s ease;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0px;
	position: relative;
}

.mobileNavWrapper a { color: #7c999e; }
.mobileNavWrapper a:hover { text-decoration: none; }

.mobileNavItem:hover:after, .mobileNavActive:after {
	content: url(/wp-content/themes/postwire/images/navActiveTag.svg);
	position: absolute;
	left: 0;
	top: 35%;
}

#signup {
	text-decoration: none;
	background: #55b0f2;
	color: #fff !important;
}

#signup:hover { opacity: 0.8; }

.mobileNavWrapper, /*.page, */.header, .footer {
	-webkit-transition: all .30s ease;
	-ms-transition: all .30s ease;
	transition: all .30s ease;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.mobileNavWrapper.showNav, .page.showNav, .header.showNav, .footer.showNav {
	-webkit-transform: translateX(-250px);
	-ms-transform: translateX(-250px);
	transform: translateX(-250px);
        z-index: 300;
}

body.blog .mobileNavWrapper.showNav, body.blog .page.showNav, body.blog .header.showNav, body.blog .footer.showNav,
body.single-post .mobileNavWrapper.showNav, body.single-post .page.showNav, body.single-post .header.showNav, body.single-post .footer.showNav,
body.archive .mobileNavWrapper.showNav, body.archive .page.showNav, body.archive .header.showNav, body.archive .footer.showNav{
	-webkit-transform: translateX(-250px);
	-ms-transform: translateX(-250px);
	transform: translateX(-250px);
        z-index: 300;
}

#mobileMenuButton {
	display: none;
	cursor: pointer;
}

@media all and (max-width: 768px) {
	.mainNav { display: none; }
	#mobileMenuButton { display: inherit; }
	.menuWrapper { width: 60px; }
}

/* grid for displaying products or images */

.itemGrid { /* 4 wide */
	width: 20%;
	margin: 4% 2.5%;
	float: left;
	min-height: 25px;
	height: 300px;
}

@media all and (max-width: 768px) { /* 3 wide */
	.itemGrid {
		width: 27%;
		margin: 3%;
	}
}

@media all and (max-width: 600px) { /* 2 wide */
	.itemGrid {
		width: 42%;
		margin: 2.5% 4%;
	}
}

@media all and (max-width: 400px) { /* 1 wide */
	.itemGrid {
		width: 75%;
		margin: 2.5% 12.5%;
		height: auto;
	}
}

.twoColumn {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
}

@media all and (max-width: 480px) {
	.twoColumn {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
}
/* =========================================================================
	Custom CSS goes down here: 
========================================================================= */

#heroTrigger {
	cursor: pointer;
	width: 70%;
	margin: 5%;
}

#heroTriggerInactive {
	width: 70%;
	margin: 5%;
}

.responsive-video-div > div { position: relative; }
.responsive-video-div iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}

.responsive-video-vimeo {
	width: 70%;
	margin: 5% 15%;
}
.responsive-video-vimeo > div { height: 0;padding-top: 56.26506%; /* 467 ÷ 830 */ }

.heroBG {
	background: url(/wp-content/themes/postwire/images/hero.png) no-repeat center center;
	background-size: cover;
}

.heroBG img {
	opacity: 0.99;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	transition: all .15s ease;
}

.heroBG img:hover { opacity: 0.8; }
.heroBG #heroTriggerInactive:hover { opacity: 0.99; }

.cornerTagGreen:after, .cornerTagBlue:after, .cornerTagPurple:after, .cornerTagBlue2:after {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	width: 30px;
	height: 60px;
}

.cornerTagGreen:after { background: url(/wp-content/themes/postwire/images/corner_green.png); background-size: 30px 60px; }
.cornerTagBlue:after { background: url(/wp-content/themes/postwire/images/corner_blue.png); background-size: 30px 60px; }
.cornerTagBlue2:after { background: url(/wp-content/themes/postwire/images/corner_blue2.png); background-size: 30px 60px; }
.cornerTagPurple:after { background: url(/wp-content/themes/postwire/images/corner_purple.png); background-size: 30px 60px; }

.pricingBox {
	background: #2B4347;
	text-align: center;
	height: 125px;
	/*margin-bottom: 60px;*/
}

body.page-template-template-pricing-php .pricingBox {margin-bottom: 0px;}

.separatorRight:after, .separatorRightGrey:after  {
	background: #45616B;
	height: 100%;
	width: 1px;
	content: "";
	position: absolute;
	top: 0;
	right: -8px;
}

.separatorRight:after { background: #45616B; }
.separatorRightGrey:after {  background: #cacaca; }

.tab, .tab1, .tab2, .tab3 {
	-webkit-transition: all .15s ease;
	-ms-transition: all .15s ease;
	transition: all .15s ease;
}

.tab {
	background: #fff;
	color: #819399;
	padding: 20px 0;
	text-align: center;
	cursor: pointer;
}

.tab:after {
	position: absolute;
	top: -1px;
	right: 0;
}

.tab:hover {
	background: #819399;
	color: #fff;
}

.tab1.active:after, .tab2.active:after, .tab3.active:after {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	width: 30px;
	height: 60px;
}

.tab1.active:after { background: url(/wp-content/themes/postwire/images/corner_blue.png); background-size: 30px 60px;}
.tab2.active:after { background: url(/wp-content/themes/postwire/images/corner_green.png); background-size: 30px 60px;}
.tab3.active:after { background: url(/wp-content/themes/postwire/images/corner_purple.png); background-size: 30px 60px;}

.tab.active, .tab.active:hover {
	color: #fff;
	background: #2B4149;
}

.personCircle {
	width: 75px;
	height: 75px;
	border-radius: 38px;
	margin-bottom: 10px;
}

.pricing1 {
	height: 100%;
	text-align: center;
}

.pricing1 span {
	padding: 44px 0;
	display: block;
}


.pricing1 span.bigLight {
	padding-bottom: 0;
}



.button.pricing-btn {
	clear: both;
	border-radius: 0;
	margin:0 2.5% 12px 2.5%;
	padding-top: 14px;
	padding-bottom: 14px;
}

.pricing-btn.PUR { background: #968ebb; }
.pricing-btn.GRN { background: #9fb862; }
.pricing-btn.BLU { background: #51aaaf; }

	
	.pricing-btn.PUR:hover { background: #8a82b4; }
	.pricing-btn.GRN:hover { background: #a7c176; }
	.pricing-btn.BLU:hover { background: #55b9bd; }

body.page-template-template-pricing-php .button.pricing-btn {
	margin-bottom: 0;
}

.button.pricing-btn.lower {
	margin: 0;
}

.button.pricing-btn.lower.second-btn {
	border-top:1px solid #fff;
}


.black-block {
	color: #fff;
	text-align: center;
	font-size: 28px;
	display: block;
	padding: 15px 0;
	background: #2b4347;
}

.cta-strip-para-text {

	text-align: center;
}

.pricing-btn>img,
.widget-cta .btn-wrap img
{margin-left: 9px; margin-top: -3px;}

@media all and (max-width: 768px) and (min-width: 480px) {
	.separatorRight:after, .separatorRightGrey:after { display: none }

	.pricing1 { height: 105px; }
	.pricing2 { height: 80px; }
	
	.pricing1 span { padding: 40px 0; }
	
	.separatorRight { border-bottom: 1px solid #45616B; }
	.separatorRightGrey { border-bottom: 1px solid #cacaca; }
	
	.pricingBox { min-height: 125px; height: 100%; }

}

@media all and (max-width: 480px) {
	.tab { border-bottom: 1px solid #f0f0f0; }
}

.linkArrow {
	width: 20px;
	height: 14px;
	margin-left: 2px;
}

.overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	background: rgba(0,0,0,0.8);
	display: none;
	
	
}

.modal {
	width: 400px;
	color: #121517;
	position: fixed;
	padding: 30px 30px 10px;
	margin-left: -200px;
	border-radius: 3px;
	top: 50%;
	left: 50%;
	z-index: 6;
	box-shadow: 0 0 150px 20px rgba(12,15,17,0.2);
	background: #f4f5f6;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #6CAFED;
	color: #FFF;
	font-weight: bold;
	
	/**/
	display: block;
	overflow: hidden;
	height: auto;
	width: 600px;
	padding: 30px 10px;
	margin-left: -300px;
	/**/


}

.modal.video {
	width: 680px;
	height: 382px;
	background: black;
	display: block;
	border-radius: 0;
	margin-left: -340px;
	padding: 0;
	top: 310px;
	overflow: hidden;
}

.closeModal.video {
position: absolute;
top: 100px;
right: 50%;
margin-right: -380px;
width: 20px;
height: 20px;
cursor: pointer;
}


.modal a {
	color: #FFF;
	text-decoration: underline;
}


@media all and (max-width: 640px) {
	.modal {
		width: 475px;
		margin-left: -240px;
	}
}

@media all and (max-width: 540px) {
	.modal {
		width: 350px;
		margin-left: -190px;
	}
}

@media all and (max-width: 440px) {
	.modal {
		width: 280px;
		margin-left: -150px;
	}
}

.closeModal {
	position: absolute;
	top: 0px;
	right: -50px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.closeModal:hover { opacity: 0.75; }
.openModal { cursor: pointer; }

.priceList {
	list-style: none; 
	padding-left: 0;
}

@media all and (max-width: 768px) {
	.priceList { font-size: 15px; }
	
	.footer .imgLabel { left: 3%;}
}


.priceItem {
	text-align: center;
	padding: 15px 0;
	border-bottom: 2px solid #fff;
	background: #f0f0f0;
	color: #688085;
}

.questionMore {
	width: 12px;
	height: 12px;
	display: inline-block;
	margin-left: 10px;
	padding:  0 0 5px 0;
	cursor: pointer;
}

.dropArrow {
	cursor: pointer;
	padding: 10px 0;
	text-align: center;
	background-color: #55b0f2;
	color: #fff;
}

.personCircleLarge {
	width: 150px;
	height: 150px;
	border-radius: 75px;
	margin-bottom: 10px;
}

.personCircleSmall { border-radius: 50px;}

.personDescription {
	font-weight: bold;
	font-size: 16px;
	color: #9da7ac;
}

.jobDetails { display: none; }
.jobDetails h3 { font-size: 15px; }
.jobDetails p, .jobDetails li { color: #fff; }
.jobDetails li { margin-top: 10px; }

.jobDetailsArrow {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px;
	cursor: pointer;
	-webkit-transition: all .15s ease;
	-ms-transition: all .15s ease;
	transition: all .15s ease;
}

.jobDetailsArrow:hover { opacity: 0.8; }

.jobDetailsArrow.down {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.gm_lightbox_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	display: none;
	background: rgba(44, 64, 73, 0.85);
}

/* This is the wrapper element that holds the video player. Its height and width control the video size */
.gm_lightbox_wrapper {
	z-index: 1000;
	display: none;
	margin: 20px auto;
	position: relative;
	width: 75%;
	padding-bottom: 42.2%;
	margin-top: 5%;
}

.gm_lightbox_wrapper iframe,  
.gm_lightbox_wrapper object,  
.gm_lightbox_wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	display: block;
}

/* This styles the close button in the upper right corner of the video */
.gm_lightbox_close {
	position: absolute;
	top: 0px;
	right: -55px;
	cursor: pointer;
	z-index: 2;
}

.gm_lightbox_close:hover { opacity: 0.75; }
.gm_lightbox_open { cursor: pointer; }

.videoPlay {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease;
	opacity: 0.99;
}

.videoPlay:hover { opacity: 0.75; }

.csLeft {
	width: 10%;
	float: left;
	margin: 10px 0;
	position: relative;
}

.csRight {
	width: 88%;
	margin: 10px 1%;
	float: left;
	position: relative;
}

.csHeader {
	text-transform: uppercase;
	font-weight: bold;
	color: #374F5A;
}

@media all and (max-width: 650px) {

	.csLeft {
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}

	.csRight {
		width: 90%;
		margin: 10px 5%;
	}
	
	.csHeader { text-align: center; }

}


.csEmpImg {
	border-radius: 100px;
	margin: 10px 20px 0 0;
	height: 80px;
	width: 80px;
}

.csQuote strong {
	font-weight: bold;
	color: #5FB1EE;
}

@media all and (max-width: 480px) {
	.footerLinks a { display: block; padding-top: 10px; }
}

input[type="checkbox"] {
	border: none;
	background: none;
}


/* Updates 2014 */

.CTA-strip {
	border-top: 10px solid #62abde;
}

.CTA-text {
	width: 60%;
	margin-left: 6%;
}

.CTA-strip .CTA-vert-line {
	width: 1px;
	background: #eaeced;
	height: 100%;
	position: absolute;
	left: 102%;
	top: 0;
}

@media all and (max-width: 650px) {
	.CTA-strip .CTA-vert-line {display: none;}
}

.CTA-strip .colHalf h3 {
	font-size: 22px;
	line-height: 29px;
	margin-bottom: 20px;
	color: #525c75;
	text-transform: none;
	letter-spacing: 0;
	margin-top: 20px;	
}

.CTA-strip .button {
	display: inline-block;
	min-width: 160px;
}

.tryBusiness {}

.big-subtitle {font-size: 22px;}

.border-grey {border: 1px solid #e4e4e4;}
.software-screen {position: relative;}
.software-screen img {margin: 20px 0 0 100px;}
.software-play,
.software-play:hover{
	position: absolute;
	top:50px;
	left: -46px;
	display: block;
	width: 92px;
	height: 92px;
	background: transparent url(images/software-play.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -5000px;
	}
	
	
	.software-play:hover{
	background-position:  0 -92px;
	}
	
.aligncenter, div.aligncenter, img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}