@import url("//hello.myfonts.net/count/2f792b");
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,600');
/*
#86C43D
#87C53E  green
#9ECB3D  light green
*/


/*-------------------------------------------------
CSS RESET via http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------*/
@-ms-viewport{
  width: device-width;
}

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
div{
	vertical-align: middle;
}
body { line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;border-spacing: 0;}
a{text-decoration: none; color: inherit;}
body{
	font-family: 'source sans pro', 'sans-serif';
	-webkit-font-smoothing: antialiased;
	text-align: center;
	color: #999;
}
.noTransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
.displayNone{
	display: none !important;
}
.notVisble{
	visibility: hidden;
}

/* Generated by MyFonts on October 18th, 2016*/
@font-face {
    font-family: 'ProximaNovaSoft-Medium';
    src: url('/fonts/webfonts/2F792B_0_0.eot');
    src: url('/fonts/webfonts/2F792B_0_0.eot?#iefix') format('embedded-opentype'),
    url('/fonts/webfonts/2F792B_0_0.woff2') format('woff2'),
    url('/fonts/webfonts/2F792B_0_0.woff') format('woff'),
    url('/fonts/webfonts/2F792B_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'ProximaNovaSoft-Semibold';
    src: url('/fonts/webfonts/2F792B_1_0.eot');
    src: url('/fonts/webfonts/2F792B_1_0.eot?#iefix') format('embedded-opentype'),
    url('/fonts/webfonts/2F792B_1_0.woff2') format('woff2'),
    url('/fonts/webfonts/2F792B_1_0.woff') format('woff'),
    url('/fonts/webfonts/2F792B_1_0.ttf') format('truetype');
}

@font-face {
    font-family: 'ProximaNovaSoft-Bold';
    src: url('/fonts/webfonts/2F792B_2_0.eot');
    src: url('/fonts/webfonts/2F792B_2_0.eot?#iefix') format('embedded-opentype'),
    url('/fonts/webfonts/2F792B_2_0.woff2') format('woff2'),
    url('/fonts/webfonts/2F792B_2_0.woff') format('woff'),
    url('/fonts/webfonts/2F792B_2_0.ttf') format('truetype');
}

@font-face {
    font-family: 'ProximaNovaSoft-Regular';
    src: url('/fonts/webfonts/2F792B_3_0.eot');
    src: url('/fonts/webfonts/2F792B_3_0.eot?#iefix') format('embedded-opentype'),
    url('/fonts/webfonts/2F792B_3_0.woff2') format('woff2'),
    url('/fonts/webfonts/2F792B_3_0.woff') format('woff'),
    url('/fonts/webfonts/2F792B_3_0.ttf') format('truetype');
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 6, 2013 */
@font-face {
    font-family: 'BariolRegular';
    src: url('/fonts/bariol_regular-webfont.eot');
    src: url('/fonts/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bariol_regular-webfont.woff') format('woff'),
         url('/fonts/bariol_regular-webfont.ttf') format('truetype'),
         url('/fonts/bariol_regular-webfont.svg#bariol_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*@font-face {
    font-family: 'BariolBold';
    src: url('/fonts/bariol_bold-webfont.eot');
    src: url('/fonts/bariol_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bariol_bold-webfont.woff') format('woff'),
         url('/fonts/bariol_bold-webfont.ttf') format('truetype'),
         url('/fonts/bariol_bold-webfont.svg#bariol_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: 'BariolLight';
    src: url('/fonts/bariol_light-webfont.eot');
    src: url('/fonts/bariol_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bariol_light-webfont.woff') format('woff'),
         url('/fonts/bariol_light-webfont.ttf') format('truetype'),
         url('/fonts/bariol_light-webfont.svg#bariol_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BariolRegularItalic';
    src: url('/fonts/bariol_regular_italic-webfont.eot');
    src: url('/fonts/bariol_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bariol_regular_italic-webfont.woff') format('woff'),
         url('/fonts/bariol_regular_italic-webfont.ttf') format('truetype'),
         url('/fonts/bariol_regular_italic-webfont.svg#bariolregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@keyframes  pointPulse{
	0%,100%{border: 5px solid  rgba(124, 179, 59, 0)}
	50%{
		border: 5px solid rgba(124, 179, 59, 0.2);
	}
}
@-webkit-keyframes  pointPulse{
	0%,100%{border: 5px solid  rgba(124, 179, 59, 0)}
	50%{
		border: 5px solid rgba(124, 179, 59, 0.2);
	}
}
.pointImg{
	animation: pointPulse 4s infinite ease-in-out;
	-webkit-animation: pointPulse 4s infinite ease-in-out;
}
header,section{
	display: block;
	clear: both;
	position: relative;
	padding: 0 28px;
	background-color: #FFF;
	left: 0px;
}
hr{
	border: 0;
	border-top: 1px solid #e7e7e7;
	height: 1px;
	clear: both;
	width: 100%;
}
.privacy hr {
	margin-top:30px;
}

/*Flex container styles*/
.flex-container {
	display: flex;
}

/************* parts/header-ppc.php and parts/nav_version_b_markup.php ****************/
#mainHead{
	font-family: ProximaNovaSoft-Regular;
	background: #ffffff;
	color: #c5f38d;
	min-height: 0;
	position: fixed;
	width: 100%;
	z-index: 200;
	transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	top: 0px;
	padding: 0 9vw;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.20);
	height: 68px;
}
#mainHead a {
	font-size: 15px;
	color: #7A817C;
	line-height: 14px;
}
#mainHead a:hover {
	color: #39403e;
}
#mainHead .whiteArrow {
	display: none;
}
#mainHead.transparentNav .whiteArrow {
	display: inline-block;
}
#mainHead.transparentNav .blackArrow {
	display: none;
}
#mainHead #logo {
	padding: 21px 0;
	margin: 0 2.7vw 0 -1px;
	float: left;
	height: auto;
	overflow: hidden;
	font-size: 24px;
}
#mainHead #logo img {
	height: 25px;
	width: 168px;
}
#mainHead #logoOne img {
	display: none;
}
#mainHead.transparentNav #logoOne img{
	display: block;
}
#mainHead.transparentNav #logoTwo img{
	display: none;
}
#mainHead .container {
	max-width: 1200px;
	padding: 0;
	text-align: right;
}
.loginNavBar {
	border: 1px solid rgba(236,236,236,1);
	display: inline-block;
	text-align: center;
	border-radius:3px;
	width:91px;
	height:36px;
	padding-top: 10px;
	margin: 0 0.69vw 1.35vw !important;
}
.loginNavBar:hover {
	background-color: #F3F3F3;
}
#mainHead ul {
	margin: 0;
}
#mainHead ul li .btn:hover {
	background-color: #64B51D;
}
#mainHead ul li img {
	margin: 0 0 2px 5px;
}
#mainHead ul li .btn {
	padding: 11px 27px;
}
#mainHead ul li {
	display: inline-block;
}
#mainHead ul li.last a {
	color: #ffffff!important;
}
#mainHead ul li#menuIcon{
 	display: none;
}
#mainHead.transparentNav {
	background: rgba(0, 0, 0, 0);
	box-shadow: none;
	position: absolute;
	border-bottom: none;
	transition: top 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
	-moz-transition: top 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
	-webkit-transition: top 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
#mainHead.transparentNav a {
	color: #ffffff;
}
#mainHead.transparentNav .loginNavBar {
	border: 1px solid rgba(255, 255, 255, .5);
	border-radius:3px;
	text-align: center;
}
#mainHead.transparentNav .loginNavBar:hover {
		background-color: rgba(255, 255, 255, 0.4);
}
#mainHead.transparentNav .loginNavBar.whiteLoginNavbar:hover {
	background-color: #F3F3F3;
}
#mainHead .dropdownMenu ul li {
	margin: 0 0 15px 0;
	display: block;
}
#mainHead.transparentNav .dropdownMenu {
	margin-top: 28px;
	top: 40px;
}
.transparentNav#mainHead ul li#menuIcon a svg g {
	fill: #ffffff;
}
.menuHeader {
	padding: 27px 1.35vw;
}
#customersNavbar{
	padding: 27px 1.35vw;
}
.dropdownMenu {
	display: none;
	position: absolute;
	text-align: left;
	top: 67px;
	background-color: #ffffff;
	margin: 23px 0 0 -263px;
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.05), 0px 2px 4px 0px rgba(0,0,0,0.07);
	border: 1px solid #e6e6e6;
	padding: 45px 50px 30px;
}
.dropdownMenu__phone {
	padding: 45px 0 0;
	flex-wrap: wrap;
	justify-content: space-around;
}
.dropdownMenu ul ul {
	width: 30%;
}
.dropdownMenu p {
	font-family:ProximaNovaSoft-Semibold, BariolRegular, sans-serif;
	font-size:15px;
	margin-bottom: 24px;
	line-height:18px;
	color:#9aa69e;
}
#productTourNav .dropdownMenu {
	width: 971px;
	left: calc(50% - 485.5px);
}
#coreFeatures {
	padding-right: 50px;
	border-right: 1px solid #E9EEEB;
}
.packages-border-right {
	border-right: 1px solid #E9EEEB;
}
#addOnFeatures,
#packages {
	padding-left: 50px;
}
#HRLibrary .dropdownMenu {
	margin-left: -52px;
}
#aboutBamboo .dropdownMenu {
	width: 586px;
	margin-left: -306px;
}
#partnersNav .dropdownMenu {
	max-width: 361px;
}
#mainHead.transparentNav .dropdownMenu li a {
	font-size:15px;
	color:#9aa69e;
	line-height:14px;
}
.MenuPhone {
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	background-color: #fafafa;
	padding: 17px 0;
}
#mainHead .dropdownMenu ul.MenuPhone li {
	margin: 0;
}
.MenuPhone__number {
	font-family: ProximaNovaSoft-Regular, BariolRegular, sans-serif;
	font-size: 22px;
	color: #73C41D;
	letter-spacing: -0.19px;
}
.MenuPhone__call {
	font-family: SourceSansPro-Regular, BariolRegular, sans-serif;
	font-size: 14px;
	color: #7A817C;
	letter-spacing: -0.2px;
}
.MenuPhone__hours {
	font-family: SourceSansPro-Regular, BariolRegular, sans-serif;
	font-size: 14px;
	color: #7A817C;
	letter-spacing: -0.2px;
	line-height: 16px;
}
.MenuPhone li {
	letter-spacing: 0;
	margin: 0;
}
/************* Global *****************/
a {
	color: #349ac5;
	transition: .2s color ease-out;
	-moz-transition: .2s color ease-out;
	-webkit-transition: .2s color ease-out;
}
.link{
	color: #349ac5;
	font-family: BariolRegular;
	font-style: italic;
	letter-spacing: .9px;
}
/*********** parts/csFooterNav.php ***********/
.arrowLinkLeft, .arrowLinkRight{
	color: #9D9E9E;
	font-family: bariolRegular;
	font-style: italic;
	margin-top: 23px;
}
.arrowLinkLeft:before{
	content: url(/img/leftArrowGrey.png);
	display: inline-block;
	margin-right: 20px;
}
.arrowLinkRight:after{
	content: url(/img/rightArrowGrey.png);
	display: inline-block;
	margin-left: 20px;
	transition: .2s margin ease-in-out;
}
.arrowLinkLeft:hover,.arrowLinkRight:hover{
	color: #555;
}
.arrowLinkLeft{
	float: left;
}
.arrowLinkRight{
	float: right;
}

.textLeft { text-align:left; }
.textRight { text-align:right; }
.textCenter { text-align:center; }
/* html/customers and html/terms.php */
ol {
  counter-reset: list;
}
/***************** DELETE ******************/
ol.numbered {
	list-style-type: decimal;
	margin: 0 0 0 28px;
}
ol.numbered li {
	line-height: 24px;
	margin: 30px auto;
	font-size: 16px;
	color: #999999;
}
/**************** html/terms.php ******************/
.parenList li{
	font-size: 14px;
	margin:0 0 36px 0;
	line-height: 22px;
}
.parenList li:before{
  content: counter(list, decimal) ") ";
  counter-increment: list;
}
/****************** Global **************/
#siteFade,.siteFade{ /*** JS styles? ***/
	position: fixed;
	background-color: rgba(0,0,0,.5);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 200;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
.siteFadeContentWrap h3{
	margin: 0px;
	text-align: center;
}
.siteFadeContentWrap{
	margin: -66px auto 0;
	position: absolute;
	z-index: 201;
	width: 100%;
	top:0px;
	display: none;
	background: transparent;
	left: 0px;
}
.siteFadeHeader h3{
	text-align: center;
	color: #FFF;
	vertical-align: middle;
}
.siteFadeHeader h3 img{
	margin-right: 19px;
	position: relative;
	top: 8px;
}
.siteFadeContent{
	border-radius: 3px;
	background-color: #FFF;
	height: auto;
	padding: 50px;
	margin-top: 41px;
  padding: 34px 128px;
}
.siteFadeVideoWrap .container{
	max-width: 700px;
}
.siteFadeVideoWrap .siteFadeContent{
	background-color: transparent;
	margin-top: 0px;
	padding: 25px 0;
}
.siteFadeContent h3{
	margin-bottom: 34px;
}
.siteFadeContent:after{
	content: '';
	clear: both;
	display: block;
	padding: 5px;
}
.siteFadeContentWrap#demoRequest {
	text-align: center;
}
.siteFadeContentWrap#demoRequest h3.alt{
	color: #8cc640;
	margin: 0px;
}
.siteFadeContentWrap#demoRequest .heroImg{
	margin-bottom: 50px;
}
.siteFadeContentWrap#demoRequest .contact{
	background-color: #fafafa;
	border-radius: 5px;
	color: #999;
	padding: 10px;
	font-family: BariolRegular, sans-serif;
	font-size: 20px;
	margin: 80px auto;
}
.siteFadeContentWrap#demoRequest p{
	width:59%;
	color: #999;
	margin: 10px auto 30px;
}
/************* Delete ************/
.siteFadeVideoWrap{
	position: absolute;
	top: 0;
	background-color: transparent;
	margin: 20px auto;
}
.siteFadeVideoWrap .wistia_embed{
	margin: auto;
}
/************ JS style *************/
#fadeClose{
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
}
/********* Global ***********/
.container{
	max-width: 983px;
	margin: 0 auto;
	position: relative;
	padding: 20px 0px;
}
.container:after{
	display: block;
	content: '';
	clear: left;
}
.topSection{
	margin-top: 63px;
}
/****** html/index.php ******/
.oval {
	height: 45px;
	width: 45px;
	margin: 6.94vw auto;
	border-radius: 50%;
	position: relative;
	z-index: 1;
}
#bigNames h2{
	margin-top: 84px;
}
.pricing #bigNames h2{
	margin-top: 5px;
}
.homePage #bigNames{
	min-height: 147px;
}
#bigNames #logos{
	margin-top: 9px;
}
#bigNames #logos li{
	display: inline-block;
	padding: 5px 17px;
}
/****** Resources, Webinars, parts/videos ******/
#whyBamboo #laptop{
	width: 49.5%;
	z-index: 100;
	position: relative;
}
#whyBamboo .link{
	margin-top: 20px;
	display: inline-block;
}
/***** Delete ******/
#whyBamboo #laptopWrapper{
	position: relative;
	margin-top: 70px;
	margin-bottom: 72px;
}
#whyBamboo #laptopWrapper:hover #laptopLeft {
	left: 12.3%;
}
#whyBamboo #laptopWrapper:hover #laptopRight {
	right: 8.9%;
}
#whyBamboo #laptopLeft{
	left: 16.3%;
	position: absolute;
	top: 18.3%;
	width: 21.8%;
	z-index: 99;
	transition: left .2s ease-in-out;
	-webkit-transition: left .2s ease-in-out;
}
#whyBamboo #laptopRight{
	right: 11.9%;
	position: absolute;
	top: 19%;
	width: 24.3%;
	z-index: 99;
	transition: right .2s ease-in-out;
	-webkit-transition: right .2s ease-in-out;
}
#mobile{
	background: url(/img/greenBambooBackground.jpg) no-repeat scroll center center #78A82C;
	background-size: cover;
	height: 836px;
	color: #FFF;
	text-align: left;
}
#mobile h2{
	color: #FFFFFF;
	margin-top: 197px;
	font-size: 38.6px;
	width: 50%;
}
#mobile p{
	color: #FFFFFF;
	font-size: 19px;
	line-height: 28px;
	margin: 21px 0 53px;
	width: 50%;
}
#mobile .btn{
	margin-top: 47px;
}
#mobile #phones{
	float: right;
    margin-right: -63px;
    margin-top: -595px;
    width: 60.7%;
    max-width: 480px;
}
/********* solutions html/applicant-tracking, html/custom-workflows, html/employee-self-onboarding, etc. **********/
#CTA h2{
	margin-top: 100px;
}
#CTA .btn{
	margin-top: 23px;
}
#CTA #ctaScreenShot{
	margin: 70px auto -20px;
	width: 77%;
	height: 130px;
	transition: .3s all ease-in-out;
	-webkit-transition: .3s all ease-in-out;
}
#CTA #ctaScreenShot:hover, #CTA #ctaScreenShot.hover{
	height: 140px;
	margin-top: 60px;
}
/******* footer styles ******/
#newsletterHeader {
	text-align: center;
	color: #ffffff;
	padding-top: 8.3vw;
}
#footer{
	background-color: #2e3137;
	text-align: center;
	box-shadow: 0px 5px 5px rgba(0,0,0,.5);
	color: #9D9E9E;
	position: relative;
}
#footer h5 {
	font-family: ProximaNovaSoft-Regular;
	font-size: 20px;
	color: #ffffff;
	line-height: 20px;
	margin: 0;
}
.footerTop {
	margin-top: 2.43vw;
}
#footer .footerBottom {
	margin-bottom: 1.73vw;
}
#footer a, #bigNav a {
	color: #9D9E9E;
}
#bigNav a:hover {
	color: #39403e;
}
#footer a:hover {
 color: #ffffff;
}
#footer form {
	display: block;
	margin: 1.74vw auto 0;
	max-width: 780px;
}
#footer #mc-embedded-subscribe{
	padding: 17px 18px;
	border-radius: 0 5px 5px 0;
	margin: 0px;
	color: #2e3137;
	background-color: #b3e65c;
	height: 100%;
	font-size: 14px;
}
#footer  #mc-embedded-subscribe-form fieldset{
	color: #555555;
	margin: 0;
	width: auto;
	height: 51px;
}
#footer #mce-EMAIL{
	width: 89%;
	margin-right: -3px;
	margin-bottom: 6px;
	background: #616865;
	border-radius: 3px 0 0 3px;
	height: 100%;
	vertical-align: top;
	padding-left: 15px;
	color: #ffffff;
}
#footer #mce-EMAIL::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 	color: #ffffff;
}
#footer #mce-EMAIL::-moz-placeholder { /* Firefox 19+ */
  	color: #ffffff;
}
#footer #mce-EMAIL:-ms-input-placeholder { /* IE 10+ */
  	color: #ffffff;
}
#footer #mce-EMAIL:-moz-placeholder { /* Firefox 18- */
  	color: #ffffff;
}
#footer input{
	border: none;
	height: auto;
	font-size: 15px;
	width: auto;
}
#footer #mc-embedded-subscribe{
	color: #2e3137;
	background-color: #87c43e;
	height: 100%;
}
#footer #mc-embedded-subscribe:hover {
	cursor:pointer;
	background-color:#b3e65c;
}
#footer .container{
	padding-bottom: 112px;
}
#footer ul{
	margin-top: 5.5vw;
	text-align: left;
	vertical-align: top;
	display: inline-block;
	margin-left: 0;
}
#footer ul:nth-child(2) {
	margin-right: 20px;
}
#footer .trustee {
  width: auto;
  float: left;
  margin-top: 33px;
  margin-left: 4px;
}
#footer .safeHarbor {
  float: left;
	text-align:left;
  margin: 24px 0 120px -15px;
  width: 47%;
}
#footer .safeHarbor p {
  margin:0 0 3px 0;
  line-height:1em;
  font-size:10.667px;
}
#footer .safeHarbor img {
	border:solid #2E3137 1px;
	margin-top: 15px;
	width: 100%;
	max-width: 140px;
}
#footer .soc {
	float: none;
	text-align: left;
	margin: 0;
	width: 35%;
	display: inline-block;
}
#footer .soc img {
	height: 57px;
}
#footer .social img {
	margin-right: 14px;
}
#footerNav {
	text-align: center;
	padding-left: 40px;
}
.footerNav {
	max-width: 1200px;
	margin: 0 auto;
}
/********** global ***********/
.social{
	padding-left: 0;
	background-position:left center;
	background-repeat: no-repeat;
}
#floater{
	background-color: #41a6d9;
	border-radius: 3px 0px 0px 3px;
	top: 937px;
	height: 100px;
	position: absolute;
	right: 1px;
	width: 100px;
	transition: all 1.2s ease-in-out;
	-webkit-transition: all 1.2s ease-in-out;
	color: #FFF;
	font-size: 14px;
	font-family: BariolRegular, sans-serif;
	text-align: center;
	padding: 10px 16px 0;
	z-index: 1;
	cursor: pointer;
}
#floater img{
	margin-bottom: 10px;
}
/******* navbar *******/
#menuIcon{
	position: fixed;
	top:44px;
	right: 39px;
	cursor: pointer;
}
#menuIcon.x {
	background: url(/img/x.png) no-repeat center center ;
	background-size: cover;
}
#menuIcon.x img{
	visibility: hidden;
}
#bigNav{
	display: none;
	width: 84.4vw;
	position: absolute;
	background-color: #ffffff;
	opacity: .98;
	color: #9D9E9E;
	top:50px;
	z-index: 151;
	text-align: left;
	margin-left: 15.6vw;
	margin-top: -45px;
}
#bigNav .listHeader, #footer .listHeader{
	font-family: BariolRegular, sans-serif;
	font-size: 19px;
	/*padding-bottom: 10px;*/
	color: #FFFFFF;
	margin-bottom: 20px;
}
/*********** site map and navbar ***********/
#siteMapNav .listHeader {
   font-family: BariolRegular, sans-serif;
	font-size: 19px;
	/*padding-bottom: 10px;*/
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 0px;
}
#bigNav .container{
	padding: 46px;
}
#bigNav ul, #siteMapNav ul{
	display: inline-block;
	margin-left: 60px;
	vertical-align: top;
}
#bigNav ul, #siteMapNav ul{
	text-align: left;
}
#siteMapNav ul {
    margin-left: 20px;
}
#bigNav ul:first-child{
	margin-left: 34px;
}
#bigNav li,#footer li, #siteMapNav li{
	margin-bottom: 9px;
	font-size: 14px;
	list-style: none;
}
/************ navbar ************/
#bigNav #mobileHamburger {
	float: right;
	cursor: auto;
}
.mobileMenuHeader {
	display: flex;
	justify-content: space-between;
	cursor: pointer;
	margin: 50px 0;
}
.mobileMenuHidden {
	display: none;
}
.mobileMenuHidden h4 {
	font-size: 18px;
}
.mobileMenuHidden p {
	font-size: 12px;
}
#bigNav li.MobileMenuPhone__number {
	margin-top: 20px;
}
#bigNav li.MobileMenuPhone__number a {
	font-size: 20px;
	color: #73C41D;
}
#bigNav li.MobileMenuPhone__hours {
	font-size: 12px;
	color: #7A817C;
}
.back {
	display: block;
	border-top: 1px solid #E9EEEC;
	border-bottom: 1px solid #E9EEEC;
	margin: 20px -30px 30px;
	padding-left: 30px;
	cursor: pointer;
}
.back p {
	display: inline-block;
	margin-left: 10px;
}

/**************** site map ****************/
#siteMapNav li {
    margin-left: 20px;
}
/********** slides, What are these styles for? JS styles? Videos? *************/
#slides{
	position: relative;
	overflow: hidden;
	width: 114.3%;
	/*height: 567px;*/
	padding:28.9% 0;
	left: -5.69%;
	background-size: 5% 100%;
}
#slides:after{
	bottom: 0px;
	left: 0px;
	content: "";
	display: block;
	height: 18px;
	position: absolute;
	width: 100%;
	background: url("/img/bottomGradient.png") no-repeat scroll center bottom / 100% auto transparent;
}
#slides .slide{
	position: absolute;
	transition: all .8s ease-in-out;
	-webkit-transition: all .8s ease-in-out;
	top: 1000px;
	background: url(/img/fakeBrowser.png)  no-repeat scroll top left ;
	background-size: contain;
	width: 87.6%;
	left: 5.1%;
	box-shadow: 0 10px 14px rgba(0, 0, 0, 0.46);
	border-radius: 5px;
	height: 1000px;
}
#slides .SlideControl__slide--shown {
	top: 50px;
}
.slide img{
	display: block;
	margin: 3.7% auto;
	width: 100%;
}
#slideControls {
	display: block;
	margin: 10px auto 75px;
}
#slideControls li{
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 3px;
	color: #999;
	padding: 5px;
	margin: 5px 10px;
	cursor: pointer;
	background-color:#FAFAFA;
	transition: background-color .2s ease-in-out;
	-webkit-transition: background-color .2s ease-in-out;
	background-image: url(/img/slideIconSprite.png);
	background-position: -13px 17px;
}
#slideControls li.SlideControl__tab--focus, #slideControls li:hover{
	background-color: #87C53E;
	color: #fff;
	background-position: -11px 119px;
}
#slideControls li.two.SlideControl__tab--focus, #slideControls li.two:hover{
	background-position: -138px 119px;
}
#slideControls li.two{
	background-position: -138px 17px;
}
#slideControls li.three.SlideControl__tab--focus, #slideControls li.three:hover{
	background-position: -264.5px 119px;
}
#slideControls li.three{
	background-position: -264.5px 17px;
}

#slideControls li.four.SlideControl__tab--focus, #slideControls li.four:hover{
	background-position: -387px 119px;
}
#slideControls li.four{
	background-position: -387px 17px;
}

#slideControls li.five.SlideControl__tab--focus, #slideControls li.five:hover{
	background-position: -514.5px 119px;
}
#slideControls li.five{
	background-position: -514.5px 17px;
}

#slideControls li.six.SlideControl__tab--focus, #slideControls li.six:hover{
	background-position: -639px 119px;
}
#slideControls li.six{
	background-position: -639px 17px;
}
#slideTitle{
	font-family: BariolRegular, sans-serif;
	color: #87c43e;
	font-size: 35px;
	margin-bottom: 6%;
	margin-top: 6.3%;
}
/*********** Delete *************/
.point{
	position: absolute;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-transition: all 1s ease-out;
	transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	left:0%;
	margin-top: 75%;
}
.point .pointImg{
	border-radius: 100%;
	border: 5px solid transparent;
	border-radius: 100% 100% 100% 100%;
	cursor: pointer;
	height: 21px;
	position: absolute;
	width: 21px;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
}
.point img:hover, .point.clicked .pointImg{
	border: 5px solid rgba(124,179,59,.4);
	animation: none;
}

/************* Delete ***********/
.point .toolTip{
	top:-50px;
}
.shown #pointOne{
	left: 8%;
	margin-top: 44%;
}
.shown #pointTwo{
	left: 33%;
	margin-top: 27%;
}
.shown #pointThree{
	left: 75%;
	margin-top: 22%;
}
.shown #pointFour{
	left: 18%;
	margin-top: 20%;
}
.shown #pointFive{
	left: 75%;
	margin-top: 22%;
}
.shown #pointSix{
	left: 5%;
	margin-top: 10%;
}
/********** Global ***********/
h1{
	font-family: ProximaNovaSoft-Regular, BariolRegular, sans-serif;
	font-size: 57px;
	letter-spacing: 1px;
}
h2 {
	color: #555555;
	font-family: ProximaNovaSoft-Semibold, BariolRegular,sans-serif;
	font-weight: 400;
	font-size: 48px;
	letter-spacing: -1.1px;
	margin-top: 53px;
	word-spacing: 3px;
}
.subHeader h2 {
	margin-top: 34px;
}
h3{
	color: #555555;
	font-family: ProximaNovaSoft-Regular, BariolRegular,sans-serif;
	font-size: 36px;
	letter-spacing: -.1px;
	word-spacing: 2px;
	margin-top: 104px;
	margin-bottom: 24px;
	font-weight: normal;
}
h4{
	color: #555555;
	font-family: Source Sans Pro, BariolRegular,sans-serif;
	font-size: 30px;
	letter-spacing: -.1px;
	word-spacing: 2px;
	/*white-space: nowrap;*/
	margin-bottom: 32px;
}
/*************** Delete ****************/
.privacy h4 { margin-top:30px; }
/********** Global ************/
h5{
	color: #555555;
	font-family: ProximaNovaSoft-Semibold, BariolRegular,sans-serif;
	font-size: 19px;
	letter-spacing: -.1px;
	word-spacing: 2px;
	font-weight: 400;
	margin: 0;
}
h6{
	color: #555555;
	font-family: BariolRegular,sans-serif;
	font-size: 18px;
	letter-spacing: .3px;
	word-spacing: 2px;
	font-weight: normal;
	margin: 0px;
	line-height:1.2em;
}
/************ Delete **************/
#caseStudies #studiesIcons {
	display: block;
	margin: 0 auto;
	position: relative;
	top:  -83px;
	width: 544px;
	z-index: 1;
}
/********** Global ************/
.peopleIcons li{
	position: relative;
	display: inline-block;
	margin: 12px 34px;
	width: 105px;
	height: 105px;
	border-radius: 100%;
	border: 3px solid rgba(255,255,255,1);
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	overflow: hidden;
	cursor: pointer;
	box-shadow: 0 2px 3px rgba(0,0,0,.5);
}
.peopleIcons li.on {
	border-color: rgba(255,255,255,.5);
	box-shadow: 3px 2px 3px rgba(0,0,0,.5);
}
/******* html/index.php *******/
#tryIt p {
	color: #FFFFFF;
	text-align: center;
	width: 100%;
	margin: 2.78vw auto 4.16vw;
	font-size: 24px;
	max-width: none;
}
/******* parts/apiDoc *******/
.uniqueAPIheader {
  color: #555555;
  font-family: ProximaNovaSoft-Semibold, BariolRegular,sans-serif;
  font-weight: 400;
  font-size: 48px;
  letter-spacing: -1.1px;
  margin-top: 53px;
  word-spacing: 3px;
}
/********* Delete *********/
#caseStudies{
	height: 35px;
}
#caseStudies h2{
	margin-top: 142px;
}
#caseStudies p{
	margin: 23px 0 51px;
}
#caseStudies .peopleIcons li.on ,
#caseStudies .peopleIcons li:hover {
	border-color:#999;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
}
/************** Global **************/
section p{
	line-height: 24px;
	margin: 15px auto;
	font-size: 16px;
	color: #999999;
	display: block;
	max-width: 708px;
}
p + .btn {
    margin-top: 20px;
}
.btn {
	background-color: #7eb839;
	padding: 10px 15px;
	border-radius: 3px;
	color: #FFFFFF;
	display: inline-block;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	border: none;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
  font-family: "Source Sans Pro";
}
.btn:hover{
	opacity: 1;
}
.btn2{
	background-color: #349AC5;
	opacity: 0.8;
	padding: 21px 33px;
}
.btn4{
	background-color: #9FD065;
	padding: 15px;
}
.btn5{
	background-color: #87c43e;
	opacity: 0.8;
	padding: 21px 33px;
}
.btn6 {
	background-color:rgba(255,255,255,.25);
}
.btn6:hover {
	background-color:rgba(255,255,255,.7);
	color:#000;
	text-decoration:none;
}
.btn.btnOff{
	background-color: #f8f8f8;
	color: #979797;
}
.btnSmall{
	font-size: 16px;
	padding: 14px 29px;
}
.btn.btnWide{
	padding: 15px 30px;
}
.btn.btnWider{
	padding: 15px 40px;
}
.buttonGroup .btn{
	margin: 15px 13px 0;
	min-width: 124px;
}
.btn + .btn{
	margin-left: 14px;
}
.subHeader,#whyHeaderSub, #rightSize, #customerQuoteWhy, #featuredCasestudies,#bigNames, #csSubHeader,.csExample:nth-child(even){
	background-color: #fafafa;
	border-bottom: 1px solid #EAEAEA;
}
.darkBg{
	background-color: #fafafa;
	border-bottom: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
}
.rightSide .videoThumb{
	margin: 22px 47px 0;
	display: inline-block;
}
.videoThumb{
	display: inline-block;
	position: relative;
}
/************* Delete *************/
.videoThumbMed:before{
	content: url(/img/medPlay.png);
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	transition: margin-top .4s ease-in-out;
	-webkit-transition: margin-top .4s ease-in-out;
	-moz-transition: margin-top .4s ease-in-out;
}
.videoThumbMed:hover:before{
	margin-top: -6px;
}

/************* Global *************/
.leftSide{
	margin-right: 16px;
}
.leftSide, .rightSide{
	width: 49%;
	text-align: left;
	float: left;
	min-height: 10px;
}
.rightSide{
	padding-left: 1px;
}

/************* Global *************/
.fakeBrowser:before{
	background-color: #808182;
	border-radius: 3px 3px 0 0;
	color: #C0C0C1;
	content: "\00b7  \00b7  \00b7";
	display: block;
	font-size: 71px;
	height: 27px;
	letter-spacing: -7px;
	line-height: 28%;
	text-indent: 14px;
	vertical-align: bottom;
	width: 100%;
	text-align: left;
}
.fakeBrowser:after{
	content: '';
	position: absolute;
	top: 493px;
	left: 0;
	right: 0;
	height: 21px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(104,104,104,0.3) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(104,104,104,0.3)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(104,104,104,0.3) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(104,104,104,0.3) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(104,104,104,0.3) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(104,104,104,0.3) 100%);
}
.fakeBrowser.noShadow:after{
	content: none;
}
.bottomOfSection.fakeBrowser:after{
	content: none;
}
.leftSide .fakeBrowser:after{
	top: 481px;
}
.fakeBrowser.miniFB:before{
	font-size: 49px;
	height: 24px;
	letter-spacing: -5px;
	line-height: 39%;
	text-indent: 3px;
}
.fakeBrowser.darkFB:before{
	background-color: #404041;
	color: #979797;
}
.fakeBrowser{
	box-shadow: 3px 3px 12px rgba(0,0,0,.5);
	overflow: hidden;
	border-radius: 3px 3px 0 0;
}
.fakeBrowser .ssImg{
	width: 100%;
}

/************** Delete **************/
#value .leftSide #gauge {
	margin-top: 28.3%;
	width: 79.8%;
}
#value .leftSide p{
	margin-top: 2px;
	position: relative;
}
#value .leftSide p:before{
	content: url(/img/greyPeople.png);
	display: inline-block;
	margin: 18px;
	position: relative;
	top: 13px;
}

/*********** parts/current-customer.php ***********/
#customerSuccess h2{
	border-top: 1px solid #E5E5E5;
	padding-top: 92px;
	margin-top: -20px;
}
#brand #aboutHeader p, #careerHeader p {
	max-width: 800px;
}
#logo-filters {
	margin: 25px 0 30px 0;
}
#logo-filters a {
	margin:10px  10px 0 0;
}
#customer-logos{
	margin: 59px 0 116px 0;
}
#customer-logos a {
	width: 181px;
	height: 127px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	margin: 11px 4px;
	text-align: center;
}
#customer-logos a.fade {
	opacity: .4;
}
#customer-logos a img {
	width: 115px;
	margin-top: 5px;
}
#customer-logos a span {
	display: block;
	position: absolute;
	width: 179px;
	height: 125px;
	padding: 30px 10px 10px;
	visibility: hidden;
	opacity: .9;
}
#customer-logos a span.hover {
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 2;
}
#customer-logos a span.content {
	font-size: 11px;
	line-height: 14px;
	z-index: 3;
	background: none;
	color: #444 !important;
}
#customer-logos a span h5 {
	font-size: 14px;
	margin: 0 0 7px 0;
	padding: 0;
	font-weight: bold;
}
/**************** Global ****************/
.preFooter {
	background-color: #fafafa;
	border-top: 1px solid #EAEAEA;
}
.preFooter h4{
	display: inline-block;
	font-size: 23px;
	margin-bottom: 0px;
}
.preFooter .special{
	display: inline-block;
	font-size: 23px;
	text-align: left;
	width: 54%;
	margin: 23px 38px 13px 0;
}
.preFooter .videoThumb{
	float: left;
	margin: 19px 28px 0 0;
}
/********* Global and live demo **********/
#liveDemo .special {
	margin-left: 45px;
	float: left;
}
#strategicStuff {
  background-color: #fafafa;
  border-top: 1px solid #EAEAEA;
}
#strategicStuff h2 {
  line-height: 60px;
}
#strategicStuff p {
  color: #3c9dc4;
}
#strategicStuff .btn {
	margin-top: 35px;
	width: 266px;
	height: 52px;
	font-size: 12px;
	margin-bottom: 60px;
}
.imageFill {
	max-width: 1200px;
	width: 80.5%;
	padding: 110px 0;
}
#liveDemoPreFooter {
	border-bottom: 1px solid #EAEAEA;
}
.demoContainer {
  margin-bottom: 75px;
}
.demoContainer h3 {
	margin-top: 0px;
}
.demoContent {
	width: 52%;
	text-align: left;
	float: left;
	display: inline-block;
}
.demoContent p {
  margin: 0 0 24px 0;
}
.demoContent ul {
  margin: 30px 0 30px 50px;
}
.demoContent li {
	list-style-type: disc;
	margin: 10px 0;
}
.demoForm {
	width: 34%;
  float: right;
  border: 1px solid #EAEAEA;
	margin-left: 14%;
	border-radius: 5px;
	background-color: #fafafa;
	min-width: 320px;
	margin-bottom: 80px;
	height: 682px;
}
.demoForm input {
  font-size: 14px;
  background-color: #FFF;
}
.demoForm .btn {
  font-size: 16px;
}
.demoForm p {
  margin-bottom: 3px;
}
.demoFormContainer {
	margin: 50px 40px;
	text-align: left;
}
.demoFormButton {
	margin-top: 30px;
	text-align: center;
}
.center {
  text-align: center;
}
.threeScreenShot {
  padding: 0;
}
.threeScreenShot div {
	text-align: center;
	margin-bottom: 80px;
}
.threeScreenShot .btn {
  font-size: 16px;
}
.formTitle {
	font-size: 23px;
	color: #555555;
	margin: 0 15px 10px 0;
	line-height: 32px;
	text-align: center;
}
#demoSuccessHeader div {
  margin-top: 26px;
}
#demoSuccessHeader h2 {
  margin-top: 18px;
}
#demoSuccessHeader p {
  margin: 0px auto;
}
.floatRight {
  float: right;
}
#seeMore {
  margin-top: -20px;
}
.liveDemoForm {
	margin: 0;
	padding: 20px 20px 0 0;
	width:100%;
}
.liveDemoForm label {
	margin-bottom: 5px;
	font-size: 16px;
}
.liveDemoForm input {
	width: 250px;
	height: 39px;
}
.liveDemoForm select {
	width: 250px;
	height: 39px;
	background-color: #FFF;
}
.liveDemoForm input.validationOK[type='text'], form#signup input.validationOK[type='password'], input.validationOK[type='text'], .validationOK {
  background: url("/img/sprites.png") no-repeat scroll 194px -149px transparent;
  background-position: 220px 42.35%;
}
.liveDemoButton {
	text-align: center;
	margin-bottom: 50px;
	padding: 0;
}
/*************** Delete ***************/
.liveSelectWrapper {
	width: 100%;
}
/********** Resources, Webinars **********/
#demoRequestCheck {
	padding-right: 0;
}
#demoRequestCheck label {
	display: inline;
}
#demoRequestCheck input {
	vertical-align: middle;
  margin-bottom: 2px;
	margin-right: 4px;
}
#webinar #demoRequestCheck label {
	color: #444444;
	font-family: source sans pro,sans-serif;
	font-size: 18px;
}
#webinar #demoRequestCheck {
	padding: 10px 0 20px 0;
	display: flex;
}
#webinar #demoRequestCheck span {
	padding-left: 5px;
	font-size: 14px;
	width: 240px;
}
#webinar li:not(#foo) > input[type='checkbox'] {
	display: none;
}
#webinar li:not(#foo) > input[type='checkbox'] + label {
	margin: 0;
	clear: none;
	padding: 6px 22px 22px 6px;
	cursor: pointer;
	background: url("/img/svg/Unchecked.svg") center no-repeat;
}
/* Change from unchecked to checked graphic */
#webinar li:not(#foo) > input[type='checkbox']:checked + label {
	background: url("/img/svg/checked.svg") center no-repeat;
}

/********** Pricing Request Page **********/
#pricingRequestHeader {
	margin: 0 0 90px;
	padding: 110px 0 30px;
	background-color: #fafafa;
	border-bottom: 1px solid #eaeaea;
}
.pricingRequestFormTitle {
    padding: 48px 56px 24px 53px;
    background-color: #5badd3;
    border-radius: 5px 5px 0 0;
}
.pricingRequestFormTitle p {
	color: #FFFFFF;
	font-size: 23px;
}
.arrowDown {
	width: 0;
	height: 0;
	border-left: 171px solid transparent;
	border-right: 171px solid transparent;
	border-top: 20px solid #5badd3;
}
.pricingForm {
	width: 35.25%;
	display: inline-block;
	border: 2px solid #eaeaea;
	border-radius: 5px;
	float: right;
	vertical-align: top;
	min-width: 343px;
}
.pricingContent {
    width: 63%;
    display: inline-block;
    margin-right: 14px;
}
.pricingGroup {
    margin-bottom: 35px;
}
.pricingIcon {
    width: 12%;
    display: inline-block;
    vertical-align: top;
    margin: 6px 31px 0 0;
}
.pricingPoints {
    width: 70%;
    display: inline-block;
    text-align: left;
}
.pricingPoints h4 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 24px;
}
.pricingInput input {
    height: 40px;
}
.pricingInput select {
    height: 40px;
    width: 250px;
    background-color: #FFFFFF;
}

/************ form styles Global ************/
form ul{
	clear: left;
}
form li{
	float: left;
	margin: 31px 0 0;
	padding: 10px 19px 0 0;
	text-align: left;
}
form, li.fullWidth{
	width: 100%;
}
form label.requiredLabel:after{
	content: '*';
	color: #3c9ec7;
}
#demoRequestForm li.fullWidth{
	text-align: center;
}
form h3{
	clear: both;
	display: block;
	font-weight: normal;
	margin-top: 34px;
	text-align: left;
}
form label{
	clear: both;
	display: block;
	font-family: BariolLight, sans-serif;
	font-size: 18px;
	color: #555555;
	margin-bottom: 14px;
	text-align: left;
}
form input:focus,form textarea:focus, form select:focus, .focus{
	border-color: #349ac5;
	background-color: #F7FCFC;
}
form input, form textarea, form select {
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	clear: both;
	color: #444444;
	font-family: source sans pro,sans-serif;
	font-size: 18px;
	font-weight: normal;
	height: 46px;
	margin-bottom: 10px;
	padding: 9px;
	width: 223px;
}
form input{
	padding-right: 30px;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  background-color: #ffffff !important;
}
form input[type='checkbox']{
	width: auto;
	height: auto;
}
form textarea{
	width: 98.4%;
	height: 113px;
}
form select[multiple='multiple']{
	height: 116px;
	width: 426px;
	border-radius: 5px;
}
form li:first-of-type select[multiple='multiple']{
	margin-right: 73px;
}
form textarea.large{
	height: 263px;
}
form hr{
	margin: 66px 0 66px 0;
}
.warning input {
	border-color: #D50B0B !important;
}
.warning:hover {
	color: #D50B0B !important;
}
.warning label.active {
	color: #D50B0B !important;
}
.warning input[type="text"]:focus + label, .warning input[type="text"]:hover + label,
.warning input[type="email"]:focus + label,
.warning input[type="email"]:hover + label,
.warning input[type="tel"]:focus + label,
.warning input[type="tel"]:hover + label,
.warning textarea:focus + label,
.warning textarea:hover + label,
.warning button:focus + label,
.warning button:hover + label,
.warning select:focus + label,
.warning select:hover + label {
	color: #D50B0B !important;
}
.requiredField {
	display: none;
	position: absolute;
	top: -7.5px;
	right: -4px;
	background-color: #D40B0B;
	color: #ffffff;
	font-size: 12px;
	padding: 2px 4px;
}
#validationText {
	display: none;
	font-size: 14px;
	color: #D40B0B;
}
/************* html/about *************/
#aboutHeader, #careerHeader{
	background: url("/img/timp.jpg") no-repeat scroll center top transparent;
	background-size: cover;
	min-height: 425px;
	text-align: center;
}
/************ Delete ************/
#careerHeader { background-image:url('/img/career-header.jpg'); }
#careerHeader h2, #pressHeader h2 {
	margin-top:147px;
}
/*********** html/about ***********/
#aboutHeader p, #pressHeader h2, #pressHeader p {
	color: #FFFFFF;
	text-shadow: 0 0 34px rgba(0, 0, 0, 0.8);
}
.aboutTopSectionHeader {
	margin-top: 147px;
	color: #fff;
	text-shadow: 0 0 34px rgba(0, 0, 0, 0.8);
	font-size: 48px;
	font-family: ProximaNovaSoft-Semibold, BariolRegular,sans-serif;
	font-weight: 400;
	letter-spacing: -1.1px;
	word-spacing: 3px;
}
#careerHeader p, #careerHeader h2 {
	color:#ffffff;
	text-shadow:0 0 20px rgba(122,100,62,.7);
}
#aboutSubheader .btn, #pressSubheader .btn {
	margin: 15px 7px;
}
#aboutSubheader .btnOff, #pressSubheader .btnOff {
	background-color: #EDEDED;
}
#whyUs p{
	font-size: 18.9px;
	line-height: 28px;
	max-width: 841px;
	margin-bottom: 55px;
}
#aboutUsVideo .wistia_embed{
	margin: 59px auto 37px;
	margin-top: 40px;
}
#storySoFar{
	text-align: left;
}
#storySoFar h3{
	margin-top: 76px;
}
#storySoFar p{
	font-size: 18px;
	line-height: 29px;
	margin-bottom: 31px;
}
#storySoFar .rightSide{
	padding-left: 43px;
}
#storyIcons li{
	font-family: BariolRegular, sans-serif;
	font-size: 18px;
	float: left;
	width: 156px;
	vertical-align: top;
	margin: 0px 24px 102px;
	line-height: 24px;
	color: #999999;
}
#storyIcons li:first-child{
	margin-left: 0px;
}
#storyIcons li:last-child{
	margin-right: -15px;
}
#storyIcons li:before{
	content: '';
	height: 101px;
	width: 101px;
	display: block;
	border-radius: 3px;
	background-color: #efefef;
	background-image: url(/img/aboutUsIcons.png);
	background-repeat: no-repeat;
	background-position: 28px 15px;
	margin: 0 auto 24px;
}
#storyIcons li:nth-child(2):before{
	background-position: -176px 15px;
}
#storyIcons li:nth-child(3):before{
	background-position: -380px 15px;
}
#storyIcons li:nth-child(4):before{
	background-position: -595px 15px;
}
#storyIcons li:nth-child(5):before{
	background-position: -797px 15px;
}
/************ Global ************/
.withLeftNav .leftSide{
	width: 24%;
	min-width: 100px;
	float: left;
	clear: left;
	margin: 0px;
}
.withLeftNav .rightSide{
	border-left: 1px solid #E7E7E7;
	float: left;
	padding-left: 50px;
	width: 76%;
	margin-bottom: 104px;
}
#sideNav, #sideNavArchives {
	top: 42px;
	width: 100%;
	transition: .5s ease-out;
	-webkit-transition: .5s ease-out;
	-moz-transition: .5s ease-out;
	position: absolute;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
	-moz-transition-delay: .2s;
}
#navWrapper{
	position: relative;
	height: 1000px;
}
#navWrapper li a{
	color: #999;
	display: block;
	padding: 15px 5px 15px 12px;
	border-radius: 3px 0 0 3px;
	margin-bottom: -5px
}
#navWrapper li a.on{
	background-color: #4aa2c9;
	color: #FFF;
}
#moreQuestions{
	clear: both;
	color: #999;
	font-family: BariolRegular, sans-serif;
	margin-top: 50px;
	margin-bottom: 109px
}
.privacy #moreQuestions {
	margin-bottom: 20px;
}
/************ API Documentation ************/
/* new sticky nav */
.withLeftNav .leftSide { width: 235px; }
.leftSidePress { width: 235px; }
.withLeftNav > .rightSide { width:72%; }
#pressInfo .withLeftNav > .rightSide { width:79%; }
#navWrapper { height:auto; min-width: 167px; max-width: 235px; }
#sideNav { transition:none; position:static; margin-top: 42px; width: 236px; }
#sideNavArchives { transition:none; position:static; margin-top: 42px;}
.leftSide.navWrapperFixed { position:fixed; top:100px; }
.leftSidePress.navWrapperFixed { position:fixed; top:100px; }
.leftSide.navWrapperFixed + .rightSide,
.leftSidePress.navWrapperFixed + .rightSidePress,
.leftSide.navWrapperStuck + .rightSide { margin-left:236px; }
.leftSidePress.navWrapperStuck + .rightSidePress { margin-left:184px; }
.leftSide.navWrapperStuck { position:absolute; bottom:125px; }
.leftSidePress.navWrapperStuck { position:absolute; bottom:125px; }
/********** html/about **********/
/* /new sticky nav */
#brand .leftSide, #brand .rightSide{
	vertical-align: top;
	text-align: left;
}
#brand #usingLogo h3{
	margin: 56px 0 25px;
}
#brand h3{
	margin: 91px 0 25px;
}
#brand .subHeader p{
	max-width: 960px;
	margin: 5px 0 18px;
}
#brand .subHeader h2{
	margin: 24px 0 10px;
}
#usingLogo #lightLogo{
	background: url("/img/transparentBG.jpg") repeat scroll 0 0 transparent;
	border: 1px solid #FAFAFA;
	margin-top: 61px;
	padding: 73px 31px;
	margin-bottom: 25px;
}
#usingLogo #darkLogo{
	background-color: #000;
	border: 1px solid #FAFAFA;
	margin-top: 38px;
	padding: 73px 31px;
	margin-bottom: 25px;
}
#usingIcons .bamboohrIcons{
	margin: 91px 0 7px;
}
#usingIcons .bamboohrIcons li img{
	background-color: #FAFAFA;
	padding: 38px 24px;
	display: block;
	margin-bottom: 23px;
}
#usingIcons .bamboohrIcons li:nth-child(odd){
	margin-right: 79px;
	margin-left: 27px;
}
#usingIcons .bamboohrIcons li{
	display: inline-block;
	color: #999;
	margin: 3px auto 46px;
	text-align: left;
}
#brand .topSection .container,
#brand #footer .container,
#brand .preFooter .container{
	margin-bottom: 0px;
}
.topSection .container p em {
	font-style: normal;
}
#brand .container{
	padding-bottom: 33px;
}
#brand #mainHead .container{
	margin-bottom: 0px;
}
#brand #fonts .rightSide{
	padding-left: 64px;
	margin-top: 79px
}
#brand #fonts .bigExaple{
	font-size: 88px;
	margin-bottom: 25px;
	color: #555555;
}
#brand #fonts .upperExample, #brand #fonts .lowerExample, #brand #fonts .numExample{
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 12px;
	color: #555555;
}
#brand #fonts .fontType{
	margin: 62px 0 -8px;
}
#fontsRegular, #fontsCopy{
	margin-top: 68px;
}
#fonts #fontsCopy p,#fonts #fontsCopy h1,
#fonts .fontType,#fonts .fontSize{
	font-family: 'source sans pro','sans-serif';
}
#fonts #fontsRegular p,#fonts #fontsRegular h1{
	font-family: BariolRegular,sans-serif;
}
#siteColors #bamboohrColors{
	margin: 85px 0 0px;
}
#siteColors #bamboohrColors li img{
	padding: 74px 70px;
	display: block;
	margin-bottom: 26px;
}
#siteColors #bamboohrColors li:nth-child(odd){
	margin-right: 70px;
	margin-left: 27px;
}
#siteColors #bamboohrColors li{
	display: inline-block;
	color: #999;
	margin: 3px auto 40px;
	text-align: left;
}
#bamboohrColors #leaf img{
	background-color: #8CC63E;
}
#bamboohrColors #leaf dt{
	color: #8CC63E
}
#bamboohrColors #sprout img{
	background-color: #C7DC69;
}
#bamboohrColors #sprout dt{
	color: #C7DC69;
}
#bamboohrColors #sky  dt{
	color: #3C9DC4;
}
#bamboohrColors #sky img{
	background-color: #3C9DC4;
}
#bamboohrColors #water img{
	background-color: #6EBDDB;
}
#bamboohrColors #water dt{
	color: #6EBDDB;
}
#bamboohrColors dt{
	font-size: 23px;
	margin-bottom: 24px;
}
#bamboohrColors dd{
	margin-bottom: 6px
}
#bamboohrColors dl{
	margin-left: 6px;
}
#appScreenShots .rightSide{
	text-align: center;
}
#appScreenShots .rightSide img{
	margin: 40px 33px 9px;
}
/************** Delete **************/
#contactHeader .csRep img{
	border-radius: 100%;
	display: block;
	margin: 0 auto 10px;
	height: 100px;
}
#contactHeader .csRep {
	color: #555;
	text-align: center;
	float: right;
	line-height: 20px;
	margin-right: 17px;
	margin-top: 12px;
}
#contactHeader .csRep span{
	color: #999;
	display: block;
	font-size: 14px;
}
/************* html/contact.php, payroll-contact, performance-management-contact, get-bamboohr-payroll *************/
#contactHeader .container{
	min-height: 215px;
}
#contactHeader h2{
	margin-top: 23px;
}
.contactSubHeaderText {
	color: #555555;
	font-family: "ProximaNovaSoft-Semibold", "BariolRegular", sans-serif;
	font-weight: 400;
	font-size: 48px;
	letter-spacing: -1.1px;
	margin-top: 23px;
	word-spacing: 3px;
}
#contactInfo .provoMap{
	border-radius: 100%;
	margin-top: 34px;
}
#contactInfo .social{
	display: block;
	color: #999;
}
#contactInfo .container{
	min-height: 300px;
}
#contactInfo  .rightSide ul:first-of-type{
	margin-right: 62px;
}
#contactInfo ul{
	float: left;
	margin-top: 33px;
}
#contactInfo li{
	display: block;
	text-align: left;
	vertical-align: top;
	height: 170px;
}
#contactForm h3{
	text-align: left;
	margin-top: 76px;
}
#contactForm form:after{
	content: ' ';
	clear: left;
	display: block;
	margin-bottom: 94px;
}
/************ html/tour.php ************/
#tourHeader{
	background: url("/img/tour/Bamboo-Photo.jpg") no-repeat scroll center center #FFF;
	background-size: cover;
	color: #FFFFFF;
	position: relative;
	height: 635px;
}
#tourHeader:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: .2;
	background-color: #FFF;
}
#tourHeader .fakeBrowser{
	margin: 145px auto 0;
	width: 86.6%;
	position: relative;
	height: 600px;
	animation:tourLoad 1s 0s 1 ease-in;
	-webkit-animation:tourLoad 1s 0s 1 ease-in;
}
.bottomScreenshotTour {
	margin: 70px auto 30px;
	width: 100%;
}
.imgBottomTour {
	width: 100%;
}
@keyframes tourLoad{
	0%{
		margin-top:155px;
	}
	100%{
		margin-top:145px;
	}
}
@-webkit-keyframes tourLoad{
	0%{
		margin-top:155px;
	}
	100%{
		margin-top:145px;
	}
}
#tourHeader .playButton{
	left: 50%;
	margin-left: -53.5px;
	position: absolute;
	top: 199px;
	z-index: 1;
	cursor: pointer;
}
#tourHeader #phone{
	position: absolute;
	top: 264px;
	right: -75px;
	animation:tourPhoneLoad 1s 0s 1 ease-in;
	-webkit-animation:tourPhoneLoad 1s 0s 1 ease-in;
}
@keyframes tourPhoneLoad{
	0%{	right:-85px;}
	100%{right:-75px;}
}
@-webkit-keyframes tourPhoneLoad{
	0%{	right:-85px;}
	100%{right:-75px;}
}
#tourSubHeader{
	min-height: 248px;
}
/************* Delete *************/
.reveal{
	background-color: #43464c;
	color:#999;
	position: relative;
	max-height: 0px;
	overflow: hidden;
	-moz-transition: 1s ease-out;
	-webkit-transition: 1s ease-out;
	transition: 1s ease-out;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #E9E9E9;
}
.closeReveal{
	text-indent: -100px;
	background: url(/img/x.png);
	height: 18px;
	width: 18px;
	position: absolute;
	top: 38px;
	right: 27px;
	overflow: hidden;
	z-index: 1;
}
.reveal.showReveal{
	max-height: 2000px;
	border-top: 1px solid transparent;
}
.reveal h5,
.reveal h4,
.reveal h3,
.reveal h6
{
	color: #FFF;
}
.reveal .rightSide .fakeBrowser{
	position: absolute;
	top: 158px;
	left: 649px;
	width: 72%;
}
.reveal .leftSide .fakeBrowser{
	position: absolute;
	top: 159px;
	left: -358px;
	width: 72%;
}
/************** Global **************/
ul.threeCol{
	width: 100%;
	margin-top: 10px;
	min-height: 283px;
}
#mobileInfo ul.threeCol {
	display: flex;
	justify-content: space-around;
}
ul.threeCol li{
  display: inline-block;
	margin: 0px 0px 47px 0px;
  width: 30%;
	line-height: 24px;
	vertical-align: top;
	text-align: left;
}
ul.threeCol li:nth-child(3){
	margin-right: -28px;
}
ul.threeCol li:nth-child(2){
	margin: 0 54px;
}
/*********** parts/pricingBottom.php ***********/
#customerTestimonal{
	background: url("/img/wallBackground.jpg") no-repeat scroll center center #FFF;
	background-size: cover;
	min-height: 635px;
}
#customerTestimonal p{
	color: #FFFFFF;
	text-align: left;
	float: left;
}
/************ Global ************/
#enoughAlready h2{
	margin-top: 94px;
}
#enoughAlready .btn{
	margin: 40px 0 83px;
}
.fakeBrowser.bottomOfSection{
	height: 121px;
	margin: 0 auto -20px;
	width: 79%;
	max-width: 985px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.fakeBrowser.bottomOfSection:hover, .fakeBrowser.bottomOfSection.hover{
	height: 131px;
	margin-top: -10px;
}
/********** html/mobile.php **********/
#mobilePage #mobileHeader{
	background: url("/img/dummyBG.jpg") no-repeat scroll #FFF;
	background-position: top center;
	background-size: cover;
	min-height: 426px;
}
#mobilePage .subHeader h1{
	margin-top: 31px;
}
#mobilePage .subHeader .container{
	padding-bottom: 40px;
}
#mobilePage #mobileApps h3{
	margin-top: 159px;
}
#mobilePage #mobileApps .videoThumb{
	display: block;
	margin: 33px 0 78px;
	width: 172px;
}
#mobilePage #mobileApps .btn{
	margin: 16px 26px 10px 0;
}

#mobilePage #mobileApps .heroImg{
    height: 627px;
    margin: 95px 0 16px 11px;
}
#mobilePage #mobileInfo ul{
	margin: 32px 0 69px;
}

#mobilePage #mobileInfo li:before{
	margin: 59px 0 41px;
	left: calc(50% - 50px);
	position: relative;
}
.sprites:before{
	background-image: url("/img/sprites.png");
	content: "";
	display: block;
	height: 50px;
	width: 77px;
	margin: 65px 76px 11px;
}
.sprites.iconCamera:before{
	background-position: 0px 0px
}
.sprites.iconPeeps:before{
	background-position: -75px 0px
}
.sprites.iconPaperGlass:before{
	background-position: -168px 0px
}
.iconPeople:before{
	background-position: 1px -76px
}
.iconClock:before{
	background-position: -78px -74px;
}
.iconSync:before{
	background-position: -186px -74px;
}
/************* Resources *************/
#resourceSubHeader h2{
	margin-top: 33px;
}
#resourceSubHeader{
	min-height: 192px;
}
/********** live-demo, resources, videos **********/
.clockIcon:before{
	background: url("/img/sprites.png") no-repeat scroll -448px 0px transparent;
	content: "";
	display: inline-block;
	height: 18px;
	margin-right: 9px;
	position: relative;
	top: 4px;
	width: 18px;
}
/************* resources and live-demo*************/
#featureVids .videoList {
	margin-bottom: 39px;
}
#videos .videoList img:hover{
	opacity: 1;
}
#videos h3{
	margin-top: 59px;
}
#videos .videoList img{
	display: block;
	opacity: .5;
	transition: opacity .3s ease-in;
	-webkit-transition: opacity .3s ease-in;
	-moz-transition: opacity .3s ease-in;
}
#videos .videoList li{
	display: inline-block;
	width: 300px;
	text-align: left;
	margin: 22px 0 18px 0;
}
#videos .videoList li img{
	margin-bottom: 29px;
}
#videos .videoList li span{
	display: block;
}
#videos .videoList li:nth-child(3n+2){
	margin: 0 22px;
}
#videos h3{
	text-align: left;
}
/************** legal, html/terms.php **************/
#terms #termsInfo li{
	margin-left: 10px;
	margin-bottom: 10px;
}
#terms #termsInfo li p{
	font-size: 14px;
}
/**************** Delete ****************/
.slideHandle{
	background: url("/img/sliderBars.png") no-repeat scroll center center #555;
	width: 50px;
	height: 100%;
	border-radius: 10px;
	cursor: move;
	box-shadow: 0px 3px 3px rgba(0,0,0,.3);
	left: 153px;
	transition: left .3s ease-in;
	-webkit-transition: left .3s ease-in;
	-moz-transition: left .3s ease-in;
}
.slideHandle span{
	background: url("/img/smile.png") repeat-x scroll -164px 18px rgba(147, 202, 81,1);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2) inset;
	content: "";
	height: 100%;
	left: -529px;
	position: absolute;
	width: 550px;
	z-index: -2;
}
#eeCnt{
	background: url("/img/singlePersonGrey.png") no-repeat scroll 10px 11px #FFFFFF;
	font-size: 30px;
	padding: 0 10px 0 30px;
	text-align: right;
  width: 116px;
}
/*************** Global ***************/
#pricingHeader{
	min-height: 194px;
	margin-bottom: 2em;
}
#pricingHeader p {
	max-width: 100%;
}
/*************** Delete ***************/
.likeWhatYouSee {
	text-align: center !important;
	padding-bottom: 30px;
}
#pricingFaq ul{
	margin: 57px 0 65px;
}
#pricingFaq li{
	color: #349AC5;
	display: inline-block;
	font-family: BariolRegularItalic,sans-serif;
	font-size: 18px;
	margin: 3px 48px;
	padding: 12px;
	text-align: left;
	vertical-align: top;
	width: 40%
}
#pricingFaq li p {
	font-family: 'source sans pro', sans-serif;
}
#pricingFaq li:before{
	background: url("/img/sprites.png") no-repeat scroll -425px 0 transparent;
	content: "";
	display: inline-block;
	height: 14px;
	margin: 0 5px 0 -19px;
	width: 13px;
}
#pricing #bigNames{
	background-color: #FFF;
}
/************* html/about *************/
.arrow-down {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #3c9dc4;
	margin: .8em auto 0 auto;
}
/* html/pricing.php, parts/pricingBottom.php */
.pricingCol3 {
	list-style: none;
	padding: 0;
	margin: 0;
}
.pricingCol3 li {
	float:left;
	display:block;
	width: 30%;
	margin-right: 2em;
}
.pricingCol3 li:last-of-type {
	margin-right:0;
}
/************** Delete **************/
.number {
	color:#3c9dc4;
	border:1px solid #3c9dc4;
	width:40px;
	height: 40px;
	border-radius:50%;
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
	margin-bottom: 20px;
}
/************ html/pricing.php ************/
.pricingTestimonials li p {
	font-style: italic;
	text-align: left;
}
.pricingTestimonials li p span {
	font-style: normal;
	display: block;
	text-align: right;
	font-weight: bold;
	margin-top: 1em;
	color:#555555;
}
.pricingTestimonials img { border-radius: 5px; }
.pricingFaq { padding-top: 3em; text-shadow: 0px 0px 10px #000000; }
.pricingFaq h2, .pricingFaq h4 {
	color:#ffffff;
}
.pricingFaq p, .pricingFaq h4 { text-align: left; }
#signup fieldset{ margin: 55px 0 11px; }
.pricingFaq ul { margin-top:6em; }
#pricingBottomCta, #pricingTestimonials { padding: 6em 0; }
#signup fieldset .fieldSetLabel{
	font-size: 21px;
	color: #7fb53d;
	text-align: left;
	display: block;
}
/************** Signup, html/lp, trial **************/
#signup fieldset ul{
	margin: -56px 127px;
}
#domainInputWrap input{
	border: none;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 331px;
	text-align: right;
}
#domainInputWrap{
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	color: #5daed1;
	font-family: BariolRegular, sans-serif;
	font-size: 18px;
	font-weight: normal;
	height: 46px;
	margin-bottom: 10px;
	padding: 9px;
}
#signup .btn{
	height: 62px;
	margin-left: 26px;
	width: 198px;
}
#signupPage #bigNames {
	border-top: 1px solid #eaeaea;
}
#signupPage #bigNames .container{
	padding: 0 0;
}
#signupPage #bigNames #logos{
	display: table;
	margin: 7px auto;
	width: 100%;
}
#signupPage #bigNames #logos>li{
	padding: 10px 10px;
	display: table-cell;
	vertical-align: middle;
	width: 100px;
}
#signupPage #bigNames #logos>li:first-child {
	text-align: left;
}
#signupPage #bigNames #logos>li:last-child {
	text-align: right;
}
#signupMain.formRevisionB  #signupPart2 .btn{
	margin: 2px 0 0;
	padding: 8% 14%;
	width: 98%;
	font-size: 24px;
}
#signupMain .formPartA  .btn{
	font-size: 23px;
	height: auto;
	padding: 5.5% 32.5px;
	width: auto;
}
#signup ul#requirements_list{
	margin: 0;
	width: 160px;
	height: 150px;
}
#signupMain.formRevisionB .formPartA{
	margin: 0 auto;
	display: block;
	text-align: center;
}
#signupMain.formRevisionB #agreeToTerms a{
	white-space: nowrap;
}
#signupMain.formRevisionB #agreeToTerms{
	width: auto;
	text-align: center;
}
#signupMain.formRevisionB #agreeWrap{
	height: auto;
	margin: 3px 0 0;
}
#signupMain.formRevisionB fieldset ul{
	margin: 0px;
}
#signupMain.formRevisionB .leftSide{
	width: 55%;
	padding-left: 1.8%;
	margin: 0;
}
#signupMain.formRevisionB .rightSide{
	width: 44%;
	margin: 55px 0 0 0;
	padding-left: 15%;
	float: right;
}
#signupMain.formRevisionB h2 {
	letter-spacing: 0;
}
#signupMain.formRevisionB .signUpMainCopy {
	font-size: 22px;
	margin: 28px 0;
	font-family: BariolRegular, sans-serif;
	letter-spacing: 0;
	word-spacing: -0.4px;
	line-height: 29.2px;
}
#signupMain .awesomeSauce {
	margin: 44px 0 0;
}
#signupMain .awesomeSauce li:before {
	content: url("/img/check-green.png");
	display: inline-block;
	margin-right: 15px;
}
#signupMain .awesomeSauce li{
	display: inline-table;
	width: 49%;
	margin-bottom: 27px;
	padding-left: 36px;
}
#signupMain .signupCustQuote{
	margin-top: 25px;
}
#signupMain .signupCustQuote .peopleIcons .heroImg{
	height: 85px;
}
#signupMain .signupCustQuote .peopleIcons{
	border-radius: 100%;
	overflow: hidden;
	border: 4px solid #EEECED;
	height: 91px;
	width: 91px;
	margin-left: -3px;
	margin-right: 22px;
	background-color: #F8F8F8;
	float: left;
	vertical-align: top;
}
#signupMain .signupCustQuote .quote{
	display: inline-block;
	width: 74%;
	font-family: BariolRegular, sans-serif;
	font-size: 24px;
	line-height: 27px;
	margin:9px 0 0 0;
	color: #555;
}
#signupMain.formRevisionB .signupCustQuote .quoteInfo{
	font-size: 14px;
	margin: 10px 0 0;
	color: #999;
	text-align: left;
}
#signupMain.formRevisionB #signupPart2 fieldset{
	float: right;
	padding-right: 85px;
	margin-bottom: 48px;
}
#signupPart2 .siteFadeContent{
	width: 83.4%;
	margin: auto;
}
#signupPart2 .siteFadeContent h2{
	font-size: 50px;
	font-weight: normal;
	letter-spacing: -2.8px;
	line-height: 49px;
	margin: 9px 0 0 10px;
	word-spacing: 3px;
}
#signupPart2 .siteFadeContent .leftSide p{
	font-size: 20px;
	letter-spacing: -0.5px;
	line-height: 24.8px;
	margin: 37px 0 0;
	padding-left: 16px;
}
#signupPart2 .siteFadeContent .leftSide .quickPromise{
	color: #5aacd2;
	font-family: BariolRegular,sans-serif;
	font-size: 30px;
	font-style: italic;
	margin-top: 36px;
	word-spacing: -2.6px;
}
#signupPart2 .siteFadeContent .leftSide{
	padding: 50px 44px 0 65px;
	width: 61%;
}
#signupPart2 .siteFadeContent .rightSide{
	width: 39%;
	padding: 0px;
	margin: 0px;
}
#signupPart2 .siteFadeContent{
	padding: 5px;
}
#signupMain.formRevisionB .plansStartAt{
	font-size: 18px;
	letter-spacing: -0.6px;
	text-align: center;
	word-spacing: 1.2px;
	font-family: BariolRegular, sans-serif;
}
#signupMain.formRevisionB .plansStartAtPrice{
	color: #87C53E;
	font-size: 19px;
	font-family: BariolRegular, sans-serif;
	font-weight: 600;
}
#signupMain.formRevisionB .rightSide .tryItFree{
	font-size: 23px;
	font-family: BariolRegular, sans-serif;
	margin-bottom: 28px;
	color: #555;
}
#signupMain.formRevisionB .formFieldList{
	margin-top: 20px;
}
#signupMain.formRevisionB .formFieldList .text{
	width: 291px;
	height: 42px;
	margin: 0px;
}
#signupMain.formRevisionB .formFieldList>li{
	margin: 0 0 27px;
	padding: 0px;
	width: 100%;
}
#signupMain.formRevisionB #signupPart2 .domainExample p{
	margin: -7px 0 0 0;
	font-size: 12px;
}
#signupMain.formRevisionB #signupPart2 .formFieldList{
	margin-top: 80px;
}
#signupMain.formRevisionB #signupPart2 .formFieldList>li .smalltext{
	width: 227px;
	height: 42px;
}
#signupMain.formRevisionB #signupPart2 .formFieldList>li{
	margin: 0 0 7.8px;
	padding: 0px;
	width: 100%;
	text-align: center;
}
#signupMain.formRevisionB .password-requirements #requirements_list{
	height: auto;
	width: auto;
	text-align: center;
	margin-top: 10px;
}
#signupMain.formRevisionB .password-requirements #requirements_list>li{
	margin: 0px;
	display: inline;
	color: #999;
	height: 20px;
	font-size: 14px;
}
#signupMain.formRevisionB .password-requirements #requirements_list li:last-child:after{
	content: '';
}
#signupMain.formRevisionB .password-requirements #requirements_list li:after{
	content: ',';
}
#requirements_list>li{
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	height: 30px;
	color: #5DAED1;
	opacity: 1;
	display: block;
	float: none;
	font-size: 16px;
	font-family: BariolRegular,sans-serif;
	transition: all .3s ease .2s , opacity .2s ease .5s;
	-webkit-transition: all .3s ease .2s , opacity .2s ease .5s;
	-moz-transition: all .3s ease .2s , opacity .2s ease .5s;
	text-transform: lowercase;
	padding: 0;
}
#agreeWrap p {
	font-size: 16px;
	transition: all .3s ease .2s , opacity .2s ease .5s;
	-webkit-transition: all .3s ease .2s , opacity .2s ease .5s;
	-moz-transition: all .3s ease .2s , opacity .2s ease .5s;
	padding: 0;
}
#requirements_list li.ok{
	height: 0px;
	opacity: .3;
	color: #7EB839;
	font-size: 12px;
}
#agreeToTerms{
	width: 454px;
}
#agreeToTerms p{
	color: #444;
	margin: 0 auto 15px;
}
#agreeWrap{
	float: left;
	height: 215px;
	margin: 0px 15px 0;
}
.validationError, #domainInputWrap.validationError{
	border-color: #ED2A2D !important;
	transition: all 250ms cubic-bezier(0.510, 0.010, 0.015, 1.650);
	-moz-transition: all 250ms cubic-bezier(0.510, 0.010, 0.015, 1.650);
	-webkit-transition: all 250ms cubic-bezier(0.510, 0.010, 0.015, 1.650);
}
form#signup input.validationOK[type='text'],
form#signup input.validationOK[type='password'],
input.validationOK[type='text'],
.validationOK{
	background: url("/img/sprites.png") no-repeat scroll 194px -149px transparent;
}
.formRevisionB form#signup .smalltext.validationOK{
	background-position: 196px -149px;
}
.formRevisionB form#signup .text.validationOK{
	background-position: 264px -151px;
}
textarea.validationOK{
	background-position: 920px -156px;
}
.formRevisionA form#signup #domain.validationOK{
	background-position: 1px -158px;
}
/* validationOK on <select> */
form .selectWrapper { display:inline-block; position:relative; }
form .selectWrapper select { line-height:40px; }
form select.validationOK { background:none; }
form .selectWrapper select.validationOK + span {
	display: block;
	height: 40px;
	width: 31px;
	position: absolute;
	right: 26px;
	bottom: 13px;
	background: url('/img/icon-checkmark-circle.png') no-repeat 0px 5px;
}
#goTo h3{
	margin: 52px auto 0;
}
.errorMessage{
	display: block;
	width: 220px;
	white-space: nowrap;
	color: red;
	font-family: BariolRegular,sans-serif;
}
.fadeOut{
	opacity: 0;
	transition: all 150ms ease-in-out .3s, visibility .1s ease 0s;
	-moz-transition: all 150ms ease-in-out .3s, visibility .1s ease 0s;
	-webkit-transition: all 150ms ease-in-out .3s, visibility .1s ease 0s;
}
.fadeIn{
	opacity: 1;
	transition: all .3s ease-in-out .3s, visibility .1s ease 0s;
	-webkit-transition: all .3s ease-in-out .3s, visibility .1s ease 0s;
	-moz-transition: all .3s ease-in-out .3s, visibility .1s ease 0s;
}
.formRevisionA .siteFadeContentWrap#signupVideoWait{
	margin-top: -195px;
}
.formRevisionB .siteFadeContentWrap#signupVideoWait{
	margin-top: -5px;
}
#signupVideoWait .siteFadeContent{
	height: 630px;
}
#signupVideoWait .siteFadeContent .wistia_embed{
	margin: auto;
}
#signupVideoWait .siteFadeContent {
	padding: 34px 18px;
}
#solutionsOffers .solutionsContainer {
	max-width: 1200px !important;
}
/*********** html/about, html/contact.php ***********/
.successHeader{
	color: #7EB839;
}
/************* Delete *************/
.cross {
  text-decoration: line-through;
}
.red {
  color: #D10000;
}
/************** html/lp **************/
.grayForm {
	background-color: #fafafa;
	text-align: center;
	padding: 20px 45px;
	width: 315px;
	border: 2px solid #eaeaea;
	border-radius: 4px;
}
.tryItFreeB {
	font-weight: 800;
	font-size: 30px;
	color: #5d5d5d;
}
.grayForm form li {
	margin: 15px 0 0;
	padding: 0;
}
.thirteen {
	font-size: 13px;
}
/*************** Delete ***************/
.password {
	margin: 10px 0;
}
.bottomTwentyEight {
	margin-bottom: 28px;
}
/************** html/lp **************/
.bottomFifteen {
	margin-bottom: 15px;
}
.curveArrow {
	float: left;
	margin: -26px 15px 0px -29px;
}
.lock {
	margin-top: 20px;
}
.lock img {
	float: left;
	width: 32px;
}
.lock p {
	float: left;
	font-size: 11px;
	width: 164px;
	margin: 0 0 0 9px;
	line-height: 16px;
}
/*********** parts/modal_signup.php ***********/
.demoModal {
	margin-top: 0px;
	padding: 5px 118px 0 118px;
}
/***************** Global *****************/
.clear {
	clear: both;
}
/************* html/lp *************/
.sixtyHeight {
	height: 60px;
}
/*********** Delete ***********/
#checkboxWrap {
	float: left;
	margin: 3px 15px 0 0;
}
#mBottom26 {
	margin-bottom: 26px;
}
/********* html/index.php *********/
.homePage__title {
	margin: 140px 0 0 !important;
	display: inline-block;
	color: #fff;
	font-size: 55px;
	line-height: 40px;
}
#homePage h4 {
	margin: 1.72vw 0 4vw;
	font-size: 28px;
	color: #626864;
	text-align: center;
	font-weight: 300;
	line-height: 36px;
}
#homePage .container {
	max-width: 1180px;
}
#homePage .topSection {
	margin-top: 0;
}
#tryIt {
	background: url(/img/homepage/Laptop-Header.jpg) no-repeat center #FFF;
	padding: 0 29px;
	background-size: cover;
}
.opaqueCircle__downArrow {
	margin: 19.5px 0 0 0;
	display: inline;
	width: 17px;
	height: 8px;
	cursor: pointer;
}
.oval {
	height: 45px;
	width: 45px;
	margin: 6.94vw auto;
	border-radius: 50%;
	position: relative;
	z-index: 1;
}
.oval .opaqueCircle {
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: .35;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.5);
	border-radius: 50%;
	cursor: pointer;
}
#tryIt .btn {
	margin-top: 0;
	width: 255px;
	background-color: #1ec1eb;
	opacity: 1;
	padding: 24px 30px 23px;
}
#homeCustomers {
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}
#homeCustomers div {
	display: inline-block;
}
#homeCustomers img {
	margin: 1.726vw 2vw;
	vertical-align: middle;
	max-height: 2.7vw;
	max-width: 8.75vw;
}
#homeCustomers p {
	display: none;
	font-size: 22px;
	color: #35403B;
}
#homeVideo {
	background: url(/img/homepage/video-image.jpg) no-repeat scroll center top #FFF;
	background-size: cover;
	padding: 11.8vw 0 12.916vw;
	margin-bottom: 160px;
}
#homeVideo h2 {
	margin-top: 0;
	color: #363F3A;
	font-family: ProximaNovaSoft-Regular, BariolRegular, sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 44px;
}
.homeWistia {
	display: none;
}
#homePlayButton {
	cursor: pointer;
}
#homeVideoThumbnail {
	position: relative;
  margin: -200px auto 0;
}
#homeVideoThumbnail div {
	display: inline-block;
}
/************** Global **************/
.videoThumb p {
	margin: 15px 13.5px;
	color: #363F3B;
	font-family: ProximaNovaSoft-Regular, BariolRegular, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
}
/************ html/index.php ************/
.thumbNailInactive {
	opacity: .75;
	cursor: pointer;
	width: 100%;
	height: 100%;
}
.thumbNailInactive p {
	color: #919995;
}
.thumbNailInactive img {
	box-shadow: none;
}
.thumbNailActive img {
	box-shadow: 0 6px 8px 0 rgba(0,0,0,0.15), 0 17px 23px 0 rgba(0,0,0,0.1), 0 17px 28px 0 rgba(0,0,0,0.1);
}
#homeVideoMobile {
	background-color: #F9F9F9;
	color: #35403B;
	padding: 20px 9.375vw;
	display: none;
	border-top: 1px solid #DCE0DE;
	border-bottom: 1px solid #DCE0DE;
}
#homeVideoMobile h2 {
	font-size: 36px;
	font-weight: 400;
}
#homeVideoMobile h4 {
	font-size: 20px;
	font-weight: 500;
	margin: 30px 0 15px;
}
#homeFeatures {
	width: 920px;
	margin: 0 auto;
	padding: 0;
}
#homeFeatures h2 {
	margin-top: 105px;
	color: #363F3B;
	font-size: 40px;
}
#homeFeatures h4 {
	margin: 24px 0 90px;
}
#homeFeatures h5 {
	margin: 18px 0 20px;
}
#homeFeatures h5,
#homeFeatures h5 > a {
	color: #363F3B;
}
.featuresDescription p {
	color: #616865;
}
#homeFeaturesLaptop {
	display: none;
}
#featuresList {
	text-align: left;
}
#featuresDownArrow {
	width: 17px;
	margin: 30px auto 40px;
	display: block;
}
.downArrow {
	cursor: pointer;
}
.featuresHomepage {
	text-align: left;
	width: 398px;
	display: inline-block;
	margin: 0 30px 48px;
}
.featuresHomepage h4 {
	text-align: left;
	margin-top: 0;
}
.featuresHomepage img {
	vertical-align: top;
	margin-right: 19.5px;
}
.featuresDescription {
	display: inline-block;
	width: 325px;
}
#addOnFeature {
	color: #73C41D;
	font-size: 12px;
	margin: 0;
}
#performanceHomepage h5 {
	margin-top: 5px;
}
#blueArrow {
	background: #0BA2D9;
  padding: 16.5px 11.5px;
  border-radius: 50%;
  margin-top: 40px;
	z-index: 1;
  position: relative;
}
#isometricScreenshot {
	position: relative;
	width: 100%;
	margin-top: -16vw;
}
#performanceHomepage {
	margin-bottom: 0;
	position: relative;
	z-index: 2;
}
#customerHome {
	background-color: #0BA2D9;
	color: #ffffff;
	padding: 8.82vw 9.02vw 6.875vw;
}
/*********** html/index.php, html/lp ***********/
#customerImage {
	margin-bottom: 2.569vw;
}
#customerHome p {
	color: #ffffff;
	margin: 0 auto;
	font-style: italic;
	max-width: 1180px;
	font-size: 22px;
	line-height: 32px;
	font-family: "Source Sans Pro";
}
#customerHome #customerTitle {
	margin: 3.819vw auto 5.208vw;
	font-style: normal;
    font-weight: 800;
}
#customerHome #customerTitleMobile {
	display: none;
	font-style: normal;
	font-size: 14px;
	line-height: 22px;
	margin: 30px 0 40px;
}
#homeAwards {
	padding: 7.43vw 0 8.333333vw;
	width: 920px;
	margin: 0 auto;
}
#homeAwards h2 {
	margin-top: 0;
}
#homeAwards h4 {
	margin: 1.666666vw 0 4.8611vw;
}
#homeAwards h5 {
	margin-bottom: 2.0833vw;
}
#productAwards {
	margin-right: 172px;
}
#workplaceAwards {
	margin-right: 80px;
}
#homeAwards ul {
	width: 220px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
#homeAwards li {
	line-height: 25px;
	font-size: 16px;
	color: #616865;
	margin-bottom: 16px;
}
#homeAwards ul:last-child {
	margin-top: 52px;
}
#homeAwardsTitleMobile {
	display: none;
}
#awardsBar {
	padding-bottom: 5.55555vw;
}
#awardsBar div {
	display: inline-block;
}
#awardsBar img {
	margin: 0 31px;
	vertical-align: middle;
}
#awardsBar #firstAward {
	margin-left: 0;
}
#awardsBar #lastAward {
	margin-right: 0;
}
/************* Virtual Summit Styles *************/
#virtualSummit {
	font-family: 'source sans pro', 'sans-serif';
}
#summitHeader {
	height: 100px;
}
#summitBanner {
	background-color: #21a8df;
}
#summitBanner h1 {
	color: #fdfcff;
	font-family: 'source sans pro', 'sans-serif';
	font-weight: 300;
	font-size: 130px;
}
.darkBackground {
	background-color: #222328;
}
#summitSponsors {
	padding: 30px;
}
#summitSponsors img {
	width: 13%;
	max-width: 180px;
	vertical-align: middle;
	margin: 0 30px;
}
.summitContainer {
	width: 1050px;
	margin: 0 auto;
	text-align: center;
	padding: 23px  90px 50px;
}
.summitContainer .formWrap {
	overflow: hidden;
	height: 115px;
	transition: height .3s ease-in;
	position: relative;
	/*box-shadow: inset 2px 2px 2px 1px rgba(0, 0, 0, 0.2);*/
}
.summitContainer form .warning {
	border-color: #184154;
}
.summitContainer .formWrap.shown {
	height: auto;
}
.summitContainer img {
	display: block;
    margin: 62px auto 0;
}
.summitContainer h4 {
	color: #FFFFFF;
	margin-top: 50px;
	margin-bottom: 0;
	font-family: 'Source Sans Pro', 'sans-serif';
}
.summitContainer h4:nth-child(3) {
	margin-top: 30px;
}
.summitContainer form {
	display: inline-block;
	margin: 0;
	width: 100%;
}
.summitContainer form input {
	width: 100%;
	height: 42px;
	margin-bottom: 0;
	background-color: #21a8df;
	color: #ffffff;
	border: 1px solid #92d3ef;
}
.summitContainer form select {
	width: 47%;
	height: 42px;
	margin-bottom: 0;
	background-color: #21a8df;
	color: #ffffff;
	border: 1px solid #92d3ef;
}
.summitContainer form ul {
	margin-top: 45px;
}
.summitContainer form li {
	width: 47%;
	margin: 21px 21px 0 0;
	padding: 0;
}
.summitContainer form li:nth-child(7) {
	width: 100%;
	text-align: center;
}
.summitContainer .summitSpeakerInfo {
	margin: 0;
	width: 205px;
}
.summitContainer .summitSpeakerInfo h4 {
	color: #FFFFFF;
	margin-top: 26px;
	font-size: 20px;
}
.summitContainer h1 img {
	width: 100%;
	max-width: 809px;
}
#summitButton {
	width: 100%;
	text-align: center;
	margin-top: 0px;
}
#summitButton input {
	background-color: #ffe153;
	color: #1b242b;
	border: none;
	font-weight: 800;
	width: 330px;
	height: 50px;
	cursor: pointer;
	padding: 0px;
}
.summitBullets {
	width: 30%;
	display: inline-block;
	vertical-align: top;
	max-width: 340px;
	margin-bottom: 95px;
}
.summitBullets:nth-child(3) {
	margin: 0 80px;
}
#summitHeader div {
	display: inline-block;
	margin-top: 36px;
}
#summitHeader div:first-child {
	float: left;
}
#summitHeader div:last-of-type {
	float: right;
	width: 54px;
}
#summitSummary {
	font-size: 24px;
	max-width: 1255px;
	margin-top: 84px;
	margin-bottom: 84px;
	line-height: 36px;
}
#summitReminder {
	background-color: #00afaa;
	position: relative;
	text-align: center;
}
#summitReminderContainer {
	width: 1010px;
	margin: 0 auto;
}
#summitReminder h1 {
	font-family: 'source sans pro', 'sans-serif';
	font-weight: 400;
	color: #FFFFFF;
	padding-top: 160px;
	margin-bottom: 68px;
	line-height: 72px;
}
#summitRegisterButton {
	max-width: 333px;
	border: 2px solid #ffe153;
	color: #FFFFFF;
	font-size: 21px;
	padding: 19px 105px 11px;
	display: inline-block;
	margin-bottom: 100px;
	cursor: pointer;
}
#summitDesk img {
	width: 100%;
}
#summitSpeakers {
	border-top: 1px solid #e6ecf0;
	margin-bottom: 90px;
}
#summitSpeakers h1 {
	margin-top: 140px;
	font-family: 'source sans pro', 'sans-serif';
	font-weight: 200;
	color: #184154;
}
.summitSpeakerInfo {
	display: inline-block;
	width: 220px;
	vertical-align: top;
	margin: 76px 25px 25px;
}
.summitSpeakerInfo h4 {
	color: #184154;
	font-size: 24px;
	font-family: 'source sans pro', 'sans-serif';
	margin-top: 44px;
	margin-bottom: 0px;
}
.summitSpeakerInfo p {
	color: #363636;
	margin-top: 18px;
}
#summitComputer {
	width: 800px;
}
#googleCalendarSummit {
	background-color: #ffe153;
	font-weight: 800;
	width: 240px;
	cursor: pointer;
	border-radius: 3px;
	padding: 10px 0;
	display: inline-block;
  margin: 20px 0;
}
#googleCalendarSummit a {
    color: #1b242b;
}
.speakersLink {
	cursor: pointer;
}
.seeMoreSpeakers{
	color: #184154;
	font-size: 29px;
	max-width: 200px;
	height: 200px;
	padding: 47px 5px 0 5px;
	text-align: center;
	vertical-align: top;
	word-spacing: 100px;
	background-image: url('/img/svg/moreSpeakers.svg');
	background-repeat: no-repeat;
	background-size: 100%;
}
body#virtualSummitAgenda {
	min-width: 1440px;
}
#agendaDate {
	background-color: #07afaa;
	text-align: center;
}
#agendaContent {
	width: 1422px;
	margin: 0 auto;
	padding-bottom: 100px;
}
#agendaDate h3 {
	color: #ffffff;
	font-size: 26px;
	padding-top: 60px;
	margin-top: 0px;
	margin-bottom: 52px;
}
.agendaTracks {
	width: 1350px;
	margin: 0 auto;
	margin-left: 50px;
}
.agendaTracks p {
	width: 160px;
	display: inline-block;
	color: #667277;
	font-size: 12px;
	background-color: #ffffff;
	padding: 20px 0 15px;
	margin: 0 auto;
}
.agendaTime {
	color: #FFFFFF;
	display: inline-block;
	font-size: 10px;
}
.keynote {
	width: 1350px;
	color: #ffffff;
	font-size: 20px;
	background-color: #333333;
	display: inline-block;
	padding: 24px 0;
	margin: 0 auto;
}
.sessionRow {
	margin: 0 auto;
	width: 1350px;
	display: inline-block;
}
.agendaSession {
	display: inline-block;
	width: 160px;
	height: 160px;
	background-color: #ffffff;
	padding: 10px;
}
.agendaSession h4 {
	font-size: 15px;
	color: #3a3d43;
	font-weight: bold;
	margin-top: 36px;
	margin-bottom: 16px;
}
.agendaSession p {
	color: #667277;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}
.nineThirty {
	margin-bottom: 5px;
	margin-left: 3px;
}
.eleven {
	margin-bottom: 5px;
}
.oneThirty {
	margin-left: 3px;
}
/************** Delete **************/
.upgradeDemo {
	max-width: 490px;
}
.grayBorder {
	border-bottom: 1px solid #EAEAEA;
	margin: 30px 0;
}
/********** navbar, parts,header-ppc.php **********/
#mainHead ul #phoneNumber {
	margin-top: 26px;
}
#phoneNumber {
	font-family: SourceSansPro-Regular, BariolRegular, sans-serif;
	font-size: 24px;
	color: #73C41D;
	float: right;
}
/************* Webinar Library *************/
#webinarLibraryHeader {
	background-image: url('/img/webinarLibrary/webinarBanner.png');
	background-repeat: no-repeat;
	border-top: 10px solid #FFFFFF;
}
#webinarLibraryHeader h1 {
	font-size: 62px;
	font-family: 'source sans pro', 'sans-serif';
	font-weight: 200;
	color: #FFFFFF;
	margin: 180px 0 26px 0;
}
#webinarLibraryHeader p {
	max-width: 905px;
	line-height: 26px;
	margin: 0px auto;
}
#webinarLibraryHeader input {
	width: 100%;
	max-width: 500px;
	height: 42px;
	margin-top: 64px;
	text-align: center;
	color: #555555;
	border: 1px solid #e2e0df;
	border-radius: 2px;
	background: #ffffff url('/img/svg/microscope.svg') no-repeat right;
	background-size: 21px;
}
#onDemandWebinars input {
	width: 100%;
	max-width: 500px;
	height: 42px;
	margin-top: 40px;
	text-align: center;
	color: #555555;
	border: 1px solid #e2e0df;
	border-radius: 2px;
	background: #ffffff url('/img/svg/microscope.svg') no-repeat right;
	background-size: 21px;
	margin-bottom: 90px;
}
#webinarLibraryHeader img {
	display: block;
	margin: 70px auto 50px;
}
.upcomingWebinars h2 {
	font-family: 'source sans pro', 'sans-serif';
	margin: 68px 0 88px;
	font-size: 46px;
	font-weight: 500;
}
.webinarList {
	background-color: #404041;
	position: relative;
}
.futureWebinars img {
	width: 100%;
	max-height: 225px;
}
.webinarDescriptionContainer {
	height: 300px;
	position: relative;
}
.webinarDescriptionContainer a {
	position: absolute;
	width: 180px;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 55px
}
.webinarDescriptionContainer .webinarDescription {
	margin: 55px 46px 46px 46px;
}
.webinarDescription {
	text-align: left;
	margin: 80px 46px 46px 46px;
}
.webinarDescription h3 {
	color: #FFFFFF;
	margin: 0;
	font-size: 26px;
	line-height: 32px;
}
.webinarDescription p span {
	position: absolute;
	bottom: 50px
}
.futureWebinars {
	width: 32.1%;
	max-width: 425px;
	display: inline-block;
	vertical-align: top;
	background-color: #FFFFFF;
	margin: 0px 15px;
	margin-bottom: 105px;
}
.futureWebinars p {
	font-size: 15px;
}
.webinarsBoxShadow {
	box-shadow: 0px 0px 40px 10px #e1e0df;
}
.webinarDate {
	margin: 0 auto;
	font-size: 16px;
	color: #FFFFFF;
	font-style: italic;
	padding: 12px 0;
	font-weight: 800;
}
.upcomingWebinarButton {
	padding: 15px 45px;
	background-color: #3c9dc4;
	color: #FFFFFF;
	text-align: center;
	display: inline-block;
	margin-bottom: 56px;
}
#onDemandWebinars {
	background-color: #3c9dc4;
	color: #FFFFFF;
}
#onDemandWebinars h2 {
	color: #FFFFFF;
	margin-bottom: 15px;
	margin-top: 120px;
}
#onDemandWebinars p {
	color: #FFFFFF;
}
#onDemandWebinars .futureWebinars {
	margin: 0 0 44px 0;
}
#onDemandWebinars .webinarList {
	background-color: #3c9dc4;
}
#onDemandWebinars .webinarDescription {
	padding: 54px 50px 54px;
	margin: 0;
	border-left: 1px solid #e6e7e8;
  border-right: 1px solid #e6e7e8;
  border-bottom: 1px solid #368eb2;
	min-height: 300px;
	position: relative;
}
#onDemandWebinars .webinarDescription p {
	color: #999999;
	margin: 0;
	margin-bottom: 36px;
}
#onDemandWebinars .webinarDescription .webinarsWatchNowLink {
	margin-bottom: 0px;
	font-size: 16px;
	color: #3c9dc4;
	font-weight: 800;
	position: absolute;
	bottom: 50px
}
#webinars #enoughAlready .btn {
	margin: 40px 8px 83px;
}
#webinarComputer img {
	max-width: 984px;
	width: 100%;
}
.onDemandWrapper {
	max-width: 1350px;
	margin: 0 auto;
}
#webinars #summitSponsors img {
	margin: 0 60px;
}

/*********** tour page update ***********/
#tour h2, #tour h1 {
	font-family: BariolRegular,sans-serif;
	color: #555555;
	font-size: 48px;
	letter-spacing: 1.5px;
	margin-top: 53px;
	word-spacing: 3px;
	line-height: 56px;
}
#tour h3 {
	font-size: 22px;
	letter-spacing: .1px;
	font-weight: 800;
	margin-top: 53px;
}
#tour p {
	max-width: 800px;
}
#tour .tourContent a {
	text-decoration: underline;
	font-style: italic;
	font-weight: 600;
}
#tour #CTA h2 {
	font-size: 46px;
	margin-top: 110px;
}
#solutions #CTA h2 {
	font-size: 46px;
	margin-top: 110px;
}
#tourSubHeader	{
	border-top: 1px solid #eaeaea;
	background-color: #f6f6f6;
}
#tourSubHeader h1 {
	margin: 56px 0 22px;
	color: #555555;
}
#tourSubHeader .btn {
	margin: 30px 0 70px;
	width: 255px;
}
#tourSubHeader .btn + .btn {
  margin-left: 20px;
}
#tourVideo {
	margin: 67px 0 105px;
}
#tourVideo h2 {
	margin-bottom: 60px;
}
#tourVideo p {
	margin-top: 60px;
}
.tourContent h2 {
	margin: 165px 0 100px;
}
.tourContent p {
	line-height: 26px;
	margin-bottom: 26px;
}
.tourLeft {
	float: left;
	width: 44.5%;
	text-align: left;
	margin-right: 50px;
}
.tourRight {
	float: right;
	width: 44.5%;
	text-align: left;
	margin-left: 50px;
}
#applicant {
	background-color: #70b6be;
	color: #FFFFFF;
}
#applicant h2, #performance h2, #workflows h2 {
	color: #FFFFFF;
}
#applicant h3, #performance h3, #workflows h3 {
	color: #FFFFFF;
	margin-top: 55px;
}
#applicant p, #performance p, #workflows p {
	color: #FFFFFF;
}
#applicant a, #performance a, #workflows a {
	color: #FFFFFF;
}
#applicant .tourLeft {
	margin-right: 58px;
}
#applicant .tourRight {
	margin-left: 0;
	width: 46.5%;
}
#onboarding {
	margin-bottom: 200px;
}
#onboarding .tourLeft {
	margin-right: 0px;
}
#onboarding .tourRight {
	margin-left: -40px;
	width: 67.75%;
	margin-right: -82px;
}
#applicant .tourLeft img, #onboarding .tourRight img, #database img, #timeOff .tourLeft img, #workflows .tourLeft img, #reports img, #signatures img {
	width: 100%;
}
#timeOff {
	background-color: #e9ebea;
	padding-bottom: 140px;
}
#tour .tourContent #timeOff h2 {
	margin-bottom: 90px;
}
#timeOff .tourLeft {
	margin-right: 0px;
	margin-left: -114px;
  width: 62%;
}
#database {
	padding-bottom: 190px;
}
#database .tourLeft {
	z-index: 10;
  position: relative;
}
#performance {
	background-color: #64abc9;
}
#performance .tourLeft {
	margin: -466px 0 -20px -1046px;
}
#reports {
	padding-bottom: 225px;
}
#reports .tourLeft {
	width: 48%;
}
#reports .tourRight {
	margin-left: 0;
	width: 52%;
  margin-right: -50px;
}
#workflows {
	background-color: #48b2a4;
	padding-bottom: 180px;
}
#workflows .tourRight {
	width: 46%;
}
#workflows .tourLeft {
	margin-right: 0px;
	margin-left: -184px;
	width: 65.5%;
	margin-right: 20px;
}
#signatures {
	padding-bottom: 210px;
}
#signatures .tourRight {
	width: 60%;
	margin-right:-200px;
}
.tourMobileImage {
	display: none;
}
/************ html/payroll-contact, html/performance-management-contact ************/
#contactRocketPage h1 {
	margin-top: 60px;
	color: #565656;
	font-weight: 500;
}
#contactRocketPage p {
	font-size:16px;
	color:#999999;
	letter-spacing:0;
	line-height:24px;
	text-align:left;
	margin-top: 0;
}
.rightSideContact {
	padding-top: 33px;
	text-align: left;
	margin-left: 75px;
}
.rightSideContact a {
	font-family:BariolRegular;
	font-size:20px;
	color:#3c9dc4;
	letter-spacing:0;
	line-height:24px;
	text-align:left;
}
.leftSideContact {
	border-right: 1px solid #ECEEEC;
	height: 90px;
	float: left;
	padding-right: 26px;
}
.contactNumber {
	font-family:BariolRegular;
	font-size:20px;
	line-height:24px;
	text-align:left;
	color:#3c9dc4;
}
.leftSideContactIcon {
	padding-top: 33px;
}
#contactInformation .pure-g {
	padding-bottom: 100px;
}
#contactInformation h3 {
	text-align: left;
	margin-top: 100px;
	padding-bottom: 15px;
}
.rocketPic {
	margin-top: 80px;
  height: 386px;
}
#contactRocketPage #contactInfo li {
	height: 35px;
}
#contactRocketPage #contactInfo input {
	width: 480px;
}
#contactRocketPage #contactInfo .container {
	padding-bottom: 80px;
}

/************ solutions **************/
#solutions h1 {
	font-size: 34px;
	color: #3b3b3b;
	padding: 40px 0 30px;
}
#solutions h2 {
	font-size: 24px;
	color: #3d3d3d;
	letter-spacing: 0px;
    margin-top: 53px;
    word-spacing: 0px;
}
#mobileSubHeaderPayroll h2 {
	color: #555555;
	font-family: BariolRegular,sans-serif;
	font-size: 48px;
	letter-spacing: -1.1px;
	margin-top: 34px;
	word-spacing: 3px;
}
#solutions .rightSide iframe {
	width: 100%;
}
#solutions .container {
	max-width: 1280px;
}
#solutions #CTA, #tour #CTA {
	background-color: #fafafa;
}
#solutionsVideo {
	border-bottom: 1px solid #ececec;
}
.bloodHound {
	background-color: #fafafa;
	padding: 71px 0 0;
}
.bloodHound h3 {
	margin: 0;
	font-family: ProximaNovaSoft-Regular;
	font-size: 46px;
	color: #3D3D3D;
	letter-spacing: 0;
}
.bloodHound p {
	/* Start tracking talen: */
	font-family: SourceSansPro-Regular,BariolRegular,sans-serif;
	font-size: 16px;
	color: #999999;
	letter-spacing: 0;
	margin: 24px auto 50px;
}
.bloodHound a {
	padding: 19px 52px;
	background: #0AA2D9;
	border-radius: 5px;
	font-family: SourceSansPro-Semibold,BariolRegular,sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0;
	border: none;
}
.bloodHound__content {
	margin-bottom: 58px;
}
h1.performanceAndProfessional {
	font-size: 50px !important;
}
#mobileSubHeader h2 {
	font-size: 30px;
	color: #7E7E7E;
	margin: 0 0 20px 0;
	font-weight: normal;
}
#mobileSubHeader a {
	font-size: 22px;
}
.subHeader__text {
	font-family: "ProximaNovaSoft-Semibold", "BariolRegular", sans-serif;
	font-size: 30px;
	color: #7E7E7E;
	letter-spacing: -1.1px;
	margin: 0 0 20px 0;
	font-weight: normal;
	word-spacing: 3px;
}
h2.performanceAndProfessional {
margin-top: 40px !important;
}
section.performanceAndProfessional {
	padding-bottom: 40px;
}
#solutionsVideo h2, #solutionsScreenshot h2 {
	margin-top: 130px;
}
#solutionsVideo .container {
	padding: 90px 0 70px;
}
#solutionsVideo .rightSide {
	width: 60%;
}
#solutionsVideo svg {
	width: 100%;
}
#solutionsVideo foreignObject {
	x: 32;
	y: 9;
	height: 124px;
  width: 201px;
}
#solutionsVideo foreignObject img {
	width: 100%;
	height: 100%;
}
#solutionsVideo .leftSide {
	width: 33%;
	margin-right: 7%;
}
#solutionsScreenshot {
	background-color: #fafafa;
	border-bottom: 1px solid #ebebeb;
}
#solutionsScreenshot .container {
	padding: 90px 0;
}
#solutionsScreenshot .rightSide {
	width: 33%;
}
#solutionsScreenshot .leftSide {
	width: 60%;
	margin-right: 7%;
}
#solutionsScreenshot .leftSide img,
#solutionsVideo .rightSide img {
	width: 100%;
	-webkit-box-shadow: 0px 57px 92px -19px rgba(200,200,200,1);
	-moz-box-shadow: 0px 57px 92px -19px rgba(200,200,200,1);
	box-shadow: 0px 57px 92px -19px rgba(200,200,200,1);
}
#solutionsScreenshot .screenshotMenu:before {
	background-color: #47484d;
	border-radius: 3px 3px 0 0;
	color: #C0C0C1;
	content: "\00b7 \00b7 \00b7";
	display: block;
	font-size: 56px;
	height: 21px;
	letter-spacing: -3px;
	line-height: 33%;
	text-indent: 14px;
	vertical-align: bottom;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #908f94;
}
#solutionsScreenshot ul {
	display: inline-block;
	margin-top: 47px;
	text-align: left;
}
#solutionsScreenshot li {
	display: inline-block;
	width: 30%;
	vertical-align: top;
	margin-right: 44px;
}
.reportFeatures #solutionsScreenshot li {
	width: 45%;
}
#solutionsScreenshot li:nth-child(3), #solutionsScreenshot li:nth-child(6) {
	margin-right: 0;
}
#solutionsScreenshot aside {
	background-color: #F6F6F6;
	border: 1px solid #EAEAEA;
	border-radius: 5px 5px 5px 5px;
	display: block;
	margin: 132px 77px 4px 4px;
	padding: 20px 20px;
	text-align: center;
	width: 277px;
}
#ATSsolutions {
	background-color: #fafafa;
	border-bottom: 1px solid #ebebeb;
	padding: 106px 83px 0 83px;
}
.solutionsBlock {
	margin-bottom: 9.02%;
}
.solutionsBlock div:nth-child(2) {
	margin-right: 4.86%;
}
.solutionsBlock__description {
	width: 30%;
	display: inline-block;
	text-align: left;
}
#ATSsolutions h2 {
	margin-top: 0;
}
.solutionsBlock__screenshot {
	width: 53%;
	display: inline-block;
}
.solutionsBlock__screenshot img {
	width: 100%;
}
.solutionsBlock__mobile {
	display: none;
}
#solutionsScreenshot aside p, h6 {
	text-align: left;
}
.borderArrow img {
	margin-bottom: -59px;
	z-index: 1;
	position: relative;
	width: auto;
}
#solutionsVideo .docManagementHeader {
	margin-top: 52px;
}
#solutionsOffers {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 120px;
}
#solutionsOffers h3 {
	margin: 120px 0 55px;
	font-weight: 800;
	font-size: 28px;
	font-family: 'source sans pro', 'sans-serif';
}
#solutionsOffers li {
	width: 30.93%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}
#solutionsOffers li:nth-child(2) {
	margin: 0 40px;
}
#solutionsOffers img {
	width: 100%;
}
#solutionsOffers p {
	margin-top: 22px;
	font-size: 14px;
}
#solutionsOffers a {
	font-size: 14px;
	font-weight: 800;
	font-style: italic;
	text-decoration: underline;
}
#solutionsOffers #CTA {
	background-color: #fafafa;
}

/************** Content Library *************/
.libraryDescription {
	margin-bottom: 30px;
}
.libraryDescription p {
	text-align: left !important;
}
.resourceCard {
	box-shadow:0px 2px 3px 0px rgba(0,0,0,0.25);
	min-height: 540px;
}
.resourceCard p {
	font-size: 16px;
}
.resourceCard a {
	font-size:18px;
	font-weight: 800;
	color:#3c9dc4;
	text-align:center;
	text-decoration: underline;
}
.resourceCard .webinarDescription {
	margin: 31px 40px 22px;
}
.resourceCard .webinarDescription p {
	text-align: left !important;
	min-height: 135px;
}
.resourceLPurl {
	text-align: center;
	margin-bottom: 52px;
}
.libraryFeed {
	margin: 0 -6px;
}
.libraryFeed .futureWebinars {
	margin: 0 6px 50px;
	min-height: 462px;
	max-height: 462px;
}
#contentLibrary h1 {
	font-size:5.2vw;
	color:#394040;
	text-align:center;
	font-weight: 400;
	margin-top: 515px;
	margin-bottom: 28px;
}
.featuredContent {
	border-bottom: 1px solid #e0e2e4;
}
.featuredContent .container, .resourceContent .container {
	padding-bottom: 70px;
	max-width: 1200px !important;
}
.featuredContent h2, .content h2, .resourceContent h2 {
	font-size:32px;
	color:#394040;
	line-height:26px;
	text-align:left;
	margin-bottom: 10px;
	letter-spacing: 0px;
}
.featuredContent p, .content p {
	text-align: left;
	margin: 0;
}
#paragraphScrollDown {
	font-size: 24px !important;
	line-height: 36px !important;
}
#contentLibrary p {
	letter-spacing:0;
	max-width: none;
	font-family: "Source Sans Pro", Helvetica, Arial, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	color: rgba(121, 129, 123, 1.0);
	text-align: center;
	line-height: 24px;
}
#contentLibrary #mainHead .container {
	width: 100%;
}
#contentLibrary .container {
	max-width: none;
	min-width: 960px;
}
#whiteBook, #downArrowWhite {
	display: none;
}
#contentLibraryHeader {
	background: url("/img/content-library/content-library-header.jpg") no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100%;
	background-color: #e9f1f4;
	margin-top: 25px;
}
#contentLibraryHeader input {
	width: 100%;
	background: #ffffff url('/img/svg/microscope.svg') no-repeat 40px;
	background-size: 23px;
	height:60px;
	margin: 56px 0 0;
	padding: 18px 84px;
	border: 0px;
	color:#747a7b;
	font-family: "Source Sans Pro", Helvetica, Arial, serif;
	font-weight: 400;
	font-size: 16px;
	color: rgba(122, 129, 123, 1.0);
	line-height: 24px;
}
#contentLibraryHeader .container {
	max-width: 1030px;
	margin-bottom: 230px;
}
#contentLibraryHeader #downArrowGray {
	margin-top: -9.5%
}
#contentSorts {
	float: right;
	margin-top: -59px;
	margin-right: 23px;
	position: relative;
}
#contentSorts div {
	float: left;
}
#contentSorts .down-arrow {
	padding-bottom: 2px;
	padding-left: 3px;
}
#contentSorts ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#contentSorts li {
	float: left;
	cursor: pointer;
}
#contentSorts li a, .dropbtn {
	display: inline-block;
	padding: 17px 16px;
	text-decoration: none;
	color: #747a7b;
	font-family: "Source Sans Pro", Helvetica, Arial, serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}
#contentSorts li a:hover, .dropdown:hover .dropbtn {
	background-color: #FFFFFF;
	color: black;
}
#contentSorts li.dropdown {
	display: inline-block;
}
#contentSorts .dropdown-content {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	border-radius: 5px;
}
#contentSorts .dropdown-content a {
	font-size: 16px;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}
#contentSorts .dropdown-content a:hover {
	background-color: #73C41D;
	color: #FFFFFF;
	border-radius: 5px;
}
#contentSorts .dropdown:hover .dropdown-content {
	display: block;
}
#ebooks, #infographics, #whitepapers {
	background:#f7f8f8;
}
#ebooks .container, #whitepapers .container {
	border-bottom: 1px solid #c8d0d0;
}
#infographics {
	border-bottom: 1px solid #e0e2e4;
}
#infographics .container {
	padding-bottom: 76px;
}
/************* hr-glossary *************/
#glossaryHeader {
	padding-top: 100px;
	background-color: #FAFAFA;
	border-bottom: 1px solid #e7e7e7;
}
#glossaryHeader h1 {
	font-weight: 600;
	font-size: 48px;
	color: #555555;
	letter-spacing: -1.1px;
	margin-top: 53px;
	word-spacing: 3px;
}
#IndividualTermHeader {
	padding-top: 100px;
	background-color: #FAFAFA;
	border-bottom: 1px solid #e7e7e7;
}
.termVideo {
	padding-top: 9px;
}
#IndividualTermHeader h2 {
	font-family: BariolRegular, sans-serif;
	font-weight: 600;
}
#glossaryHeader p {
	padding-bottom: 20px;
}
h2.termHeader {
	padding-bottom: 45px;
}
#hrTerms {
	padding-bottom: 100px;
}
#hrTerms ul {
	text-align: left;
}
#hrTerms h3 {
	font-size: 24px;
	margin-top: 50px;
	color: #CAD0CB;
}
#hrTerms a {
	font-family: BariolRegular, sans-serif;
}
.hrTerm {
	padding-bottom: 20px;
}
.lastTerm {
	padding-bottom: 50px;
}
#individualTerm .container {
	text-align: left;
}
#individualTerm h1 {
	margin-bottom: 24px;
	max-width: 440px;
	line-height: 43px;
	color: #555555;
	font-size: 36px;
	letter-spacing: -.1px;
	word-spacing: 2px;
	font-weight: normal;
}
#individualTerm p {
	margin: 0;
	max-width: 440px;
}
#individualTerm .relatedTermsLink {
	border-bottom: 1px dashed rgb(183, 218, 232);
	line-height: 24px;
}
.termParagraphs {
	padding-bottom: 100px;
	border-bottom: 1px solid #e7e7e7;
}
#additionalResources .container{
	padding: 60px 0;
	text-align: left;
}
#additionalResources h4 {
	font-size: 16px;
	font-family: BariolRegular, sans-serif;
	font-weight: 600;
}
.relatedTag {
	padding: 30px 0;
	max-width: 440px;
}
#solutionsOffers .pure-g{
	text-align: left;
}
#solutionsOffers .pure-u-1-3 {
	padding: 0 10px;
}
/********** html/welcome-to-bamboopayroll **********/
.payrollRightSide {
	padding-top: 45px;
}
.payrollLeftSide {
	padding-top: 68px;
	margin-bottom: -30px;
}
/***************** resources *****************/
#thenAndNow .pure-u-1-2 {
	padding-top: 15px;
}
#thenAndNow .pure-g {
	padding-bottom: 30px;
	max-width: 750px;
}
/********** html/get-bamboohr/payroll, these styles might not be used anymore since the page is being redirected to an unbounce page hr.bamboohr.com/payroll-c/**********/
#bambooHRPayroll h1 {
	font-size:48px;
	color:#363f3a;
	text-align:center;
	font-weight: normal;
}
#bambooHRPayroll h3 {
	font-family:'Source Sans Pro', 'sans-serif';
	font-size:24px;
	color:#363f3a;
	text-align:center;
	margin-top: 44px;
	font-weight: 300;
}
#payrollPurpose h2, #youllLoveBambooPayroll h2, #payrollBottom h2 {
	font-family:'Source Sans Pro', 'sans-serif';
	font-size:34px;
	color:#363f3a;
	text-align:left;
	padding-bottom: 30px;
	padding-top: 45px;
	font-weight: 600;
}
#payrollPurpose p {
	font-family:'Source Sans Pro', 'sans-serif';
	font-size:16px;
	color:#7a817c;
	line-height:24px;
	text-align:left;
	max-width: 651px;
	margin-left: 0px;
	font-weight: normal;
}
#payrollPurpose .pure-g {
	max-width: 1200px;
	margin: auto;
	padding-bottom: 65px;
}
#payrollPurpose h3 {
	font-family:'Source Sans Pro', 'sans-serif';
	font-weight: normal;
	font-size:26px;
	color:#363f3a;
	text-align:left;
}
#payrollPurpose .payrollScreenshot {
	margin: 20px 0 10px 0;
	width: 100%;
	box-shadow: 0 2px 2px -5px rgba(147,147,147,0.2),
	0 4px 4px -5px rgba(147,147,147,0.2),
	0 8px 8px -5px rgba(147,147,147,0.2),
	0 20px 20px -5px rgba(147,147,147,0.2),
	0 40px 40px -5px rgba(124,144,147,0.2);
}
.greenCheck {
	float: left;
	margin-top: 6px;
	margin-right: 10px;
	padding-bottom: 20px;
}
.payrollULHeadings {
	font-family:'Source Sans Pro', 'sans-serif';
	font-weight: 600 !important;
	font-size:20px;
	color:#363f3a;
	text-align:left;
}
#payrollForm p {
	font-family:ProximaNovaSoft-Regular;
	font-size:16px;
	color:#363f3a;
	line-height:22px;
	text-align:center;
	max-width: 330px;
	margin: auto;
	padding-top: 60px;
	padding-bottom: 20px;
}
#payrollForm .pure-g {
	max-width: 440px;
}
#payrollForm h3 {
	font-family:'Source Sans Pro', 'sans-serif';
	font-weight: normal;
	font-size:16px;
	color:#919994;
	line-height:24px;
	text-align:center;
	max-width: 440px;
	margin-left: auto;
	margin-right: auto;
}
#rightSidePayrollForm {
	background:#f6f7f6;
	border:1px solid #eceeec;
	max-width:448px;
	height:635px;
	margin: auto;
}
#rightSidePayrollForm form li {
	float: none;
	text-align: center;
	padding: 0;
}
#rightSidePayrollForm input {
	width: 88%;
}
#payrollCapterraIcon {
	padding-top: 11px;
}
#payrollDiscoverCloudIcon {
	padding-top: 3px;
}
#rightSidePayrollForm h3 {
	font-family:'Source Sans Pro', 'sans-serif';
	font-weight: 600;
	font-size:22px;
	color:#363f3a;
	line-height:28px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
}
#trustedByCustomers {
	background:#f7f8f7;
	border:1px solid #eceeec;
	height:262px;
}
#trustedByCustomers .pure-g {
	max-width: 963px;
	margin: auto;
	padding-bottom: 60px;
}
#trustedByCustomers h3 {
	padding: 25px 0 35px 0;
}
#trustedByCustomers a {
	font-family:'Source Sans Pro', 'sans-serif';
	font-weight: normal;
	font-size:16px;
	color:#0ba2d9;
	line-height:24px;
	text-align:center;
}
#fourSquareIcon {
	margin-top: 9px;
}
#freshbooksIcon {
	margin-top: -15px;
}
#youllLoveBambooPayroll .container, #payrollMoreDescriptions .container {
	max-width: 1200px;
	margin: auto;
}
#youllLoveBambooPayroll h2 {
	text-align: center;
	padding-bottom: 85px;
}
#youllLoveBambooPayroll .pure-g, #payrollMoreDescriptions .pure-g {
	padding-bottom: 50px;
}
#youllLoveBambooPayroll .descriptionTextLeft, #payrollMoreDescriptions .descriptionTextLeft {
	padding-right: 20px;
}
#youllLoveBambooPayroll .descriptionTextRight, #payrollMoreDescriptions .descriptionTextRight{
	padding-left: 20px;
}
.textPayrollHidden {
	display: none;
}
.italicTextPayroll {
	font-family:'Source Sans Pro', 'sans-serif';
	font-weight: normal;
	font-style: italic;
	font-size:16px;
	color:#363f3a;
	line-height:24px;
	text-align:left;
}
.payrollParagraphHeader {
	font-family:'Source Sans Pro', 'sans-serif';
	font-weight: bold;
	font-size:20px;
	color:#363f3a;
	text-align:left;
	margin-bottom: -10px;
	padding-top: 60px;
}
.payrollDescriptionText {
	font-family:'Source Sans Pro', 'sans-serif';
	font-weight: normal;
	font-size:16px;
	color:#7a817c;
	line-height:24px;
	text-align:left;
	max-width: 550px;
	margin-left: 0;
}
#payrollMoreDescriptions {
	padding-top: 70px;
}
#blueGetStarted {
	background:#0ba2d9;
	height:378px;
}
#blueGetStarted h2 {
	font-family:'Source Sans Pro', 'sans-serif';
	font-weight: 600;
	font-size:30px;
	color:#ffffff;
	text-align:center;
	padding-top: 40px;
	padding-bottom: 60px;
}
#blueGetStarted h2, #payrollBottom h2, #payrollPurpose h2, #youllLoveBambooPayroll h2 {
	margin-bottom: 0 !important;
}
#blueGetStarted img {
	padding-top: 75px;
}
.payrollBtn {
	border-radius: 5px;
	font-family:'Source Sans Pro', 'sans-serif';
	font-weight: 600;
	font-size:18px;
	line-height:18px;
	text-align: center;
	border: none;
}
.payrollBtnWhite {
	padding: 16px 46px 14px;
	background: #ffffff;
	box-shadow: 0px 4px 0px #dee4e4;
	color:#0ba2d9;
}
.payrollBtnBlue {
	padding: 16px 48px 14px;
	box-shadow: 0px 4px 0px #0ba2d9;
	background:#1ec1ec;
	color:#ffffff;
}
.payrollBtnGreen {
	padding: 22px 40px 20px;
	box-shadow: 0px 4px 0px #64b200;
	background:#73c41d;
	color:#ffffff;
}
#payrollBottom {
	background:#f7f8f7;
	border:1px solid #eceeec;
	height:378px;
}
#payrollBottom h2 {
	text-align: center;
	padding-bottom: 60px;
	font-size: 30px;

}
.payrollMobileCenter img{
	max-width: 550px;
	width: 100%;
	float: left;
}
/******** html/security-&-privacy-surfacing ********/
#securityAndPrivacyHeader {
	padding-top: 100px;
	padding-bottom: 50px;
	background-color: #FAFAFA;
	border-bottom: 1px solid #e7e7e7;
}
#securityAndPrivacyHeader h1 {
	font-size:48px;
	color:#565656;
	text-align:center;
	letter-spacing: -1.1px;
	margin-top: 53px;
	word-spacing: 3px;
	font-weight: 500;
}
#securityAndPrivacyContent {
	text-align: left;
}
#securityAndPrivacyContent h3 {
	color:#565656;
}
#securityAndPrivacyContent p, #securityAndPrivacyContent li {
	color:#565656;
	line-height:24px;
	margin: 0;
	padding-top: 20px;
	max-width: 940px;
	font-family: 'source sans pro', 'sans-serif';
}
#securityAndPrivacyContent .pure-g {
	padding: 20px 0 20px 30px;
}
#flagsImagesAndText {
	padding-top: 50px;
}
#flagsImagesAndText.pure-g {
	padding-left: 0;
	padding-top: 57px;
}
#flagsImagesAndText p {
	max-width: 420px;
}
.flagImage {
	float: left;
	margin-top: -4px;
	padding-right: 10px;
}
.flagText {
	color: #565656;
	font-family: ProximaNovaSoft-Bold, "source sans pro";
	font-size: 18px;
}
.privacySecurityH3 {
	margin-top: 60px;
	margin-bottom: 10px;
}
.privacyH3 {
	margin-top: 25px;
}
.privacyParagraph {
	padding-bottom: 35px;
}
#securityPrivacyImages {
	background-color: #FAFAFA;
	border-bottom: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
}
#securityPrivacyImages h3 {
	color:#565656;
	margin-top: 15px;
}
#securityPrivacyImages .pure-g {
	padding-top: 20px;
	padding-bottom: 45px;
}
.pciDssImage {
	padding-top: 20px;
}
#euCustomers {
	text-align: left;
	padding-top: 30px;
}
#euCustomers p {
	max-width: 984px;
	padding-bottom: 30px;
}
#euCustomers .pure-g {
	padding-top: 30px;
	padding-bottom: 50px;
}
#SecurityPrivacyLinks a {
	font-family: ProximaNovaSoft-Bold, "source sans pro";
	padding-top: 22px;
	font-size: 18px;
}
.PrivacyPolicy {
	float: left;
	padding-left: 15px;
}
.TermsofService {
	float: right;
	padding-right: 15px;
}
.detailedTerms {
	border-right: 1px solid #ECEEEC;
}
/************ Careers, privacy.php, refund.php, terms.php ************/
#moreQuestions h3 {
	font-family:ProximaNovaSoft-Bold;
	font-size:32px;
	color:#404041;
	letter-spacing:0px;
	text-align:center;
}
#moreQuestions .container {
	max-width: 848px;
	margin-top: -50px;
	padding-top: 0px;
}
/************** Slick carousel **************/
.slick-dots {
	margin: 0 1rem;
	padding: 2rem 0;
	text-align: center;
}
.slick-dots li {
	display: inline;
	padding: 0 5px;
}
.slick-dots li + li {
	margin-left: 2rem;
}
.slick-dots button {
	background: #979797;
	border-color: #979797;
	border-radius: 5px;
	height: 10px;
	margin-bottom: 1px;
	padding: 0;
	line-height: 1;
	overflow: hidden;
	text-indent: -1000px;
	width: 10px;
	border-style: none;
}
.slick-dots button:hover {
	background: #666;
}
.slick-dots .slick-active button {
	background: none;
	border: 2px solid #979797;
	border-radius: 5px;
	height: 10px;
	margin-bottom: 0;
	position: relative;
	width: 10px;
	top: 2px;
}
.slick-prev {
	position: absolute;
	margin-top: 183px !important;
	z-index: 100;
	padding-left: 1%;
}
.slick-next {
	position: absolute;
	margin-left: 94%;
	margin-top: -290px !important;
}
.slick-slider {
	max-width: 1282px;
	margin-left: auto;
	margin-right: auto;
}
/******** parts/hr-glossary ********/
#borderArrowAndLine img {
	margin-bottom: -68px;
}
#backToGlossary .container {
	padding-top: 130px;
	text-align: left;
}
#backToGlossary div {
	margin-top: -15px;
	padding-left: 4px;
}
#backToGlossary a {
	margin-left: -7px;
}
/*********** html/live-demo ***********/
#ouibounce-modal {
	display: none;
	position: fixed;
	z-index: 201;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
}
.smallX {
	position: relative;
  top: -28px;
  right: -110%;
  cursor: pointer;
}
/************** global **************/
.close {
	font-size: 28px;
}
/******** parts/price-quote-popup.php ********/
#pricingModal {
	width: 68%;
	max-width: 970px;
	background: #FFFFFF;
}
#pricingModal h2 {
	font-size: 40px;
	color: #1DBFE9;
	margin-bottom: 12px;
}
#pricingModal form {
	background: none;
	border: none;
	padding: 0;
	margin-top: 45px;
}
#pricingModal .controls {
	width: 44%;
	display: inline-block;
	margin: 0 12px 30px;
}
#pricingModal p {
	font-size: 18px;
}
#pricingModal input#register {
	background: #1EC1EC;
	padding: 24px 34.5px;
	height: auto;
	width: auto;
	font-size: 18px;
	border: none;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
#pricingModal input#registerThanks {
	background: #1EC1EC;
	padding: 24px 34.5px;
	height: auto;
	width: auto;
	font-size: 18px;
	border: none;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
#pricingModal #registerBtn {
	text-align: center;
	margin: 15px auto;
	display: block;
	width: 100%;
}
/************* parts/solutions *************/
#tryFreeModal {
	display: none;
}
/********** parts/modal_signup.php, parts/price-quote-popup.php **********/
#demoModal {
	width: 100%;
	max-width: 1080px;
	background-color: #FFFFFF;
}
#demoModal h2 {
	font-size: 28px;
	color: #1DBFE9;
	font-weight: normal;
	max-width: 339px;
	text-align: left;
	margin: 0 0 20px 0;
	height: 66px;
	width: 313px;
	font-family: ProximaNovaSoft-Regular, sans-serif;
	line-height: 33px;
}
#demoModal form {
	background: none;
	border: none;
	padding: 0;
	margin-top: 56px;
}
#demoModal .controls {
	width: 100%;
	display: inline-block;
	margin: 0 0 12px;
	max-width: 313px;
}
#demoGroupOne p, .smallWidthParagraph {
	line-height: 20px;
	font-size: 16px;
	font-family: Source Sans Pro, 'sans-serif';
	color: #333333;
	text-align: left;
	margin: -13px 0 0 0;
	max-width: 313px;
	padding-bottom: 26px;
	font-weight: 300;
}
#demoGroupOne .noFadeOut {
	opacity: 1 !important;
}
#rightSideCustomerQuotes {
	padding-top: 10px;
	float: right;
}
#rightSideCustomerQuotes .pure-u-4-5 {
	padding-bottom: 50px;
}
#rightSideCustomerQuotes .customerNameTitle, #rightSideCustomerQuotes .customerQuotes {
	color: #555555;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	font-family: "Source Sans Pro", sans-serif;
	padding-left: 45px;
}
#rightSideCustomerQuotes p.customerQuotes {
	width: 390px;
}
#rightSideCustomerQuotes p.customerNameTitle {
	padding-top: 14px;
	font-weight: 600;
}
#rightSideCustomerQuotes h3 {
	font-size: 21px;
	text-align: left;
	color: #afafaf;
	font-weight: 500;
	font-family: ProximaNovaSoft-Regular, sans-serif;
	padding: 10px 0;
}
#awardsWithStars {
	border-top: 1px solid #979797;
	margin-top: 16px;
}
#awardsWithStars .getAppGrey {
	margin-top: -10px;
}
#awardsWithStars .fourGreyStars{
	padding-top: 10px;
	max-width: 100px;
}
#demoModal button.close, #pricingModal button.close {
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 40px;
}
#demoModal .controls label {
	top: 8px;
	font-size: 14px;
}
#demoModal .controls input {
	height: 40px;
}
#demoModal .controls label.active {
	top: -11px;
	color: #555;
	background-color: white;
}
#demoGroupTwo .controls select, #demoModal #domainInputWrap {
	height: 40px;
	margin-bottom: 0;
}
#demoGroupTwo .websiteEnd {
	float: right;
	color: #444444;
	margin: 1px 10px 0 0;
}
#demoGroupTwo select.classic {
	background-image:
			linear-gradient(45deg, transparent 50%, #afafaf 50%),
			linear-gradient(135deg, #afafaf 50%, transparent 50%),
			linear-gradient(to right, #f9f9f9, #f9f9f9) !important;
	background-position:
			calc(100% - 20px) calc(1em + 2px),
			calc(100% - 15px) calc(1em + 2px),
			100% 0 !important;
	background-size:
			5px 5px,
			5px 5px,
			2.5em 2.5em !important;
	background-repeat: no-repeat !important;
}
#demoGroupTwo .classicWebEnd {
	background-image:
			linear-gradient(45deg, transparent 50%, #f9f9f9 50%),
			linear-gradient(135deg, #f9f9f9 50%, transparent 50%),
			linear-gradient(to right, #f9f9f9, #f9f9f9);
	background-position:
			calc(100% - 20px) calc(1em + 2px),
			calc(100% - 15px) calc(1em + 2px),
			100% 0;
	background-size:
			5px 5px,
			5px 5px,
			7.5em 2.5em;
	background-repeat: no-repeat;
}

#demoModal form input#register {
	background: #1EC1EC;
	padding: 24px 34.5px;
	height: auto;
	width: auto;
	font-size: 18px;
	border: none;
	color: #ffffff;
}
#demoModal #registerBtn {
	text-align: center;
	margin: 15px auto;
	display: block;
	width: 100%;
}
#demoModal .orangeBtn {
	background-color: #ED9811;
	max-width: 313px;
	width: 100%;
	margin-left: 0 !important;
	margin-top: -16px !important;
	box-shadow: 0px 4px 0px #D18A1E;
}
#demoModal #domainInputWrap input {
	width: 166px !important;
	height: 20px !important;
}
.loading-bar {
	padding-bottom: 40px;
	max-width: 313px;
	margin: -8px 0 -5px 0;
}
.agreeToTerms input {
	max-width: 313px;
	margin-bottom: -2px !important;
}
.agreeToTerms p {
	padding-left: 23px;
}
.agreeToTerms__link {
	border-bottom: 1px dashed rgb(183, 218, 232);
}
#demoGroupTwo {
	display: none;
	right: 2000px;
	position: relative;
}
#demoGroupTwo .smallWidthParagraph {
	max-width: 300px;
}
#demoGroupThree {
	display: none;
	right: 2000px;
	position: relative;
	z-index: 1000;
}
#demoModal .pure-u-2-5 {
	width: 38%;
}
#demoModal .pure-u-3-5 {
	width: 62%;
}
#demoGroupOne {
	position: absolute;
}
#demoGroupOne ul#requirements_list {
	height: 110px;
	padding-top: 12px;
	margin-bottom: 12px;
}
#demoGroupOne #requirements_list>li {
	height: 20px;
	color: #a9a9a9 !important;
}
#demoGroupOne #requirements_list>li.ok {
	opacity: 1;
	font-size: 16px;
	display: block !important;
}
#demoModal .modalContent {
	min-height: 756px;
	max-height: 756px;
	margin: 90px auto;
	padding: 40px 100px;
	border-radius: 5px;
	overflow: hidden;
	width: 100%;
	max-width: 1100px;
}
#demoModal .liveDemoForm input.validationOK[type='text'], form#signup input.validationOK[type='password'], input.validationOK[type='text'], .validationOK {
	background: none !important;
}
#demoModal #requirements_list li.ok {
	display: inline;
	color: #A9A9A9;
	text-decoration: line-through;
}
#demoModal .agreeToTerms {
	padding: 20px 0 14px;
}
#demoModal .agreeToTerms p {
	margin-top: -15px;
	color: #A9A9A9;
	padding-bottom: 16px;
}
#demoModal .agreeToTerms input {
	width: auto;
}
.modalImages {
	width: 100%;
	padding-right: 58px;
}
.demoLeftSide {
	text-align: left;
}
#demoSponserLogos {
	height: 116px;
	max-width: 1078px;
	width: 100%;
	background-color: #E8E8E8;
	position: absolute;
	bottom: 0;
	left: 0
}
#demoSponserLogos .pure-u-1-4 {
	position: relative;
}
#demoSponserLogos img {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}
#demoGroupThree .greyBar {
	height: 16px;
	width: 776px;
	border-radius: 4px;
	background-color: #919994;
	margin: auto;
}
#demoGroupThree img {
	margin-top: -100px;
}
#demoGroupThree .siteFadeHeader h3 span {
	width: 685px;
	color: #7A817C;
	font-family: ProximaNovaSoft-Regular, sans-serif;
	font-size: 48px;
	font-weight: 600;
	line-height: 49px;
	text-align: center;
}
#demoGroupThree .siteFadeHeader h3 {
	max-width: 685px !important;
	padding: 30px 0 20px;
	margin: auto;
}
#demoGroupThree #goTo h3 {
	margin: -47px auto 0;
}
#demoGroupThree #goTo {
	margin: 30px 0 0 0;
}
/********** live-demo, modal_signup.php, price-quote-popup.php, competitors **********/
.modalContent {
  margin: 90px auto;
  padding: 41px 74px 38px 98px;
  border-radius: 5px;
  overflow: hidden;
	width: 80%;
	max-width: 1100px;
}
.modalContent.exitOverlay {
	background-color: #59ADD2;
	color: #ffffff;
	padding-bottom: 0;
	width: 942px;
}
.modalContent h2 {
	margin: 0 0 50px;
}
.modalContent.exitOverlay h2 {
	color: #FFFFFF;
	font-size: 34px;
	font-weight: 500;
	line-height: 40px;
	margin-bottom: 42px;
}
.modalContent h4 {
	font-size: 26px;
	line-height: 32px;
}
.modalContent.exitOverlay h4 {
	color: #FFFFFF;
	font-family: "Source Sans Pro";
	font-size: 50px;
	font-weight: bold;
	line-height: 44px;
	margin-bottom: 22px;
}
.modalContent.exitOverlay h3 {
	color: #A8DAEF;
	font-size: 18px;
	font-weight: 600;
	line-height: 23px;
	margin-top: -17px;
	margin-bottom: 0;
}
.modalContent p {
	font-size: 16px;
	line-height: 24px;
}
.modalContent.exitOverlay p {
	font-family: "Source Sans Pro";
	font-size: 14px;
	line-height: 18px;
}
.modalContent .left ul {
	margin: 25px 0 39px 20px;
	list-style: disc;
}
.modalContent .left li {
	margin-bottom: 10px;
	line-height: 24px;
}
.modalContent .left {
	width: 55%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-right: 70px;
}
.modalContent.exitOverlay .left {
	width: 36%;
	margin-right: 64px;
}
.modalContent .right {
	width: 32%;
	display: inline-block;
	margin-top: 15px;
}
.modalContent.exitOverlay .right {
	text-align: left;
	width: 55%;
	margin-top: 0;
}
.modalContent .right img:not(.smallX) {
	width: 100%;
}
.modalContent form {
	background: #F7F8F7;
	border: 1px solid #ECEEEC;
	margin-top: 50px;
	padding: 30px 25px 25px;
}
.modalContent.exitOverlay form {
	width: 380px;
	margin-top: 27px;
	padding: 30px 36px 15px;
}
.modalContent form li {
	float: none;
	margin: 0 0 15px 0;
	padding: 0;
}
.modalContent form input {
	width: 100%;
	font-size: 16px;
	margin-bottom: 0;
}
.modalContent form input::placeholder {
	color: #C7CCC7;
}
.modalContent form input#register {
	background: #0BA2D9;
	color: #FFFFFF;
}
/********* live-demo *********/
.whiteModalSection {
    background-color: #ffffff;
    color: #9B9B9B;
    width: 123%;
		margin-top: -50px;
    margin-left: -98px;
		padding: 93px 98px 38px;
}
.whiteModalSection ul li {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 355px;
	color: #9B9B9B;
	font-family: "Source Sans Pro";
	font-size: 14px;
	line-height: 18px;
}
.whiteModalSection ul li span {
	margin-right: 10px;
	color: #59ADD2;
	margin-left: -17px;
}
/************ global ************/
.controls {
  text-align: left;
  position: relative;
}
.controls input,
.controls textarea,
.controls select {
	font-family: 'source sans pro', 'sans-serif';
    font-size: 16px;
    color: #222222;
    line-height: 20px;
    padding-left: 6px;
    border: 1px solid #c6c6c6;
    width: 100%;
    font-weight: 300;
    background-color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 50px;
}
.controls select {
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.controls label {
  position: absolute;
  left: 13px;
  top: 12px;
  color: #999;
  font-size: 16px;
  display: inline-block;
  padding: 4px 10px;
  font-weight: 400;
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
  -moz-transition: color 0.3s, top 0.3s, background-color 0.2s;
  -o-transition: color 0.3s, top 0.3s, background-color 0.2s;
  -webkit-transition: color 0.3s, top 0.3s, background-color 0.2s;
  transition: color 0.3s, top 0.3s, background-color 0.2s;
}
.controls label.active {
  top: -11px;
  color: #555;
  background-color: white;
  font-size: 14px;
}
/*********** html/short-videos ***********/
.wistiaVideo {
	padding-top:100px;
	max-width: 720px;
	margin: auto;
}
.shortText {
	padding-bottom: 100px;
}
.shortText h2 {
	font-family:ProximaNovaSoft-Regular, 'sans-serif';
}
/********** parts/pric-quote-popup.php **********/
#modalSuccess {
	display: none;
	position: relative;
	right: -2000px;
}
#modalSuccess img {
	margin: 10px 0 0 -45px;
}
#modalSuccess h3 {
	color: #626864;
	margin-top: 45px;
	line-height: 43px;
}
#thankYouBtn {
	margin-top: 4px;
}
/************ customers ************/
#csQuote .special .quotePic {
	width: 100%;
}

/************ template_c, parts/resourcesContent ************/
#ebookNew {
	background: -webkit-linear-gradient(rgba(255,255,255,0.5) 0%, rgba(229,229,229,0.5) 100%);
	background: -o-linear-gradient(rgba(255,255,255,0.5) 0%, rgba(229,229,229,0.5) 100%);
	background: linear-gradient(rgba(255,255,255,0.5) 0%, rgba(229,229,229,0.5) 100%);
	padding-top: 30px;
}
.ebook-text-small-wrap p {
	color: #616865;
	margin: 0 0 10px;
}
.top-logo {
	max-width: 175px;
	height: 26px;
	float: left;
}
.ebook-big-wrap {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.ebook-left {
	text-align: left;
	flex-basis: calc(60% - 23px);
}
.ebook-right {
	text-align: left;
	flex-basis: calc(40% - 23px);
}
.ebook-text-wrap {
	max-width: 605px;
	color: #616865;
	margin-top: 15px;
	padding-left: 5px;
}
input[type='text'].ebook-form-input, select.ebook-form-input {
	width: 100%;
	height: 62px;
	border-color: #979797;
	margin-bottom: 4px;
	border-radius: 4px;
}
.ebook-new-bullets {
	margin-bottom: 24px;
}
.ebook-top-form-text {
	font-size: 24px;
	color: #363F3B;
	font-family: 'source sans pro', 'sans-serif';
	font-weight: 300;
}
.ebook-top-form-sub-text {
	color: #616865;
	margin: 3px 0 0;
}
.newResourceImage img,
.newResourceImage2 img {
	width: 100%;
	margin-bottom: 14px;
}
.newResourceImage2 img {
	display: none;
}
.left-double-wrap {
	display: flex;
}
.ebook-text-small-wrap h1 {
	font-size: 16px;
	display: inline;
	font-weight: normal;
	text-shadow: none;
	margin-top: 25px;
	letter-spacing: normal;
	color: #616865;
}
.ebook-new-form {
	margin-top: -20px;
}
.ebook-form-label {
	color: #979797;
	font-family: Source Sans Pro;
	font-size: 14px;
	display: inline-block;
	position: relative;
	top: 20px;
	left: 6px;
	background-color: #fafafa;
	padding: 0 4px;
}
.ebook-submit-wrap {
	width: 100%;
	padding: 0;
	margin-top: 26px;
}
.ebook-submit-button#register {
	width: 100%;
	height: initial;
	padding: 17px 5px;
	font-weight: 600;
	font-size: 23px;
	border-radius: 4px;
	background-color: #1EC1EB;
	box-shadow: inset 0px -4px 0px 0px #0BA2D9;
	-webkit-box-shadow: inset 0px -4px 0px 0px #0BA2D9;
	-moz-box-shadow: inset 0px -4px 0px 0px #0BA2D9;
}
.container.big-names-contain h1 {
	max-width: 1300px;
}
.ebook-below-image {
	font-size: 34px;
	font-family: 'ProximaNovaSoft-Semibold';
	color: #363F3B;
	line-height: 36px;
	padding: 0 0 10px 30px;
}
.pre-bullets {
	margin: 0 0 18px;
	margin-bottom: 18px;
	font-size: 16px;
	font-weight: normal;
	text-shadow: none;
	letter-spacing: normal;
	color: #616865;
	text-align: left;
}
.ebook-new-bullets li {
	margin-bottom: 18px;
}
#webinar #demoRequestCheck.ebook-new {
	padding: 23px 0 0;
	width: 100%;
}
#webinar #demoRequestCheck.ebook-new span {
	width: 100%;
	padding-top: 5px;
}
/********** parts/big_names_gray.php **********/
.big-names-gray {
	background: #fff;
}
.big-names-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}
.big-names-gray-logo {
	margin: 15px;
}
.big-names-contain {
	padding: 5px 0;
}
/*********** parts/do_for_you.php ***********/
.do-for-you-section {
	background: #3B494E url("../img/resources/desk-background-min.png") no-repeat center center;
	background-size: cover;
}
.do-for-you-contain {
	padding: 80px 0;
}
.do-for-you-wrap {
	display: flex;
}
.left-contain {
	width: 45%;
	text-align: left;
	padding: 9px 82px 0 0;
}
.right-contain {
	width: 55%;
	text-align: left;
	padding-left: 14px;
}
.right-contain h3 {
	font-size: 27px;
	text-transform: uppercase;
	font-family: Source Sans Pro;
	color: #fff;
	letter-spacing: 1px;
	line-height: 32px;
	padding-bottom: 25px;
}
.right-contain p {
	max-width: 602px;
	margin: 0;
	font-size: 18px;
	line-height: 32px;
	padding-bottom: 40px;
}
.do-for-you-button {
	background-color: #1EC1EB;
	color: #fff;
	font-size: 23px;
	line-height: 29px;
	font-weight: 600;
	padding: 22px 10px;
	border-radius: 4px;
	border: none;
	box-shadow: inset 0px -4px 0px 0px #0BA2D9;
	-webkit-box-shadow: inset 0px -4px 0px 0px #0BA2D9;
	-moz-box-shadow: inset 0px -4px 0px 0px #0BA2D9;
	cursor: pointer;
	width: 100%;
	max-width: 402px;
}
/*********** parts/footer_c.php ***********/
.pure-g-r-mod {
	padding-bottom: 145px;
}
.privacy-policy {
	margin-top: 82px;
}
/************ template_c.php, template_d.php, parts/resourcesContent ************/
.ebook--wrapper-text,
.ebook--wrapper-text p {
	color: #616865;
}
.ebook--wrapper-text p {
	padding: 0 0 10px;
	margin: 0;
}
#ebookNew.ebook-d {
	background: -webkit-linear-gradient(rgba(255,255,255,0.5) 0%, rgba(229,229,229,0.5) 100%);
	background: -o-linear-gradient(rgba(255,255,255,0.5) 0%, rgba(229,229,229,0.5) 100%);
	background: linear-gradient(rgba(255,255,255,0.5) 0%, rgba(229,229,229,0.5) 100%);
	padding-bottom: 75px;
}
.top-logo-contain {
	margin-bottom: 30px;
}
.ebook-d img {
	width: 100%;
}
.ebook--top-img {
	max-width: 900px;
	margin-bottom: 82px;
}
.wrapper--image-2,
.wrapper--image-3 {
	display: none;
}
.ebook--wrapper {
	display: flex;
	justify-content: space-between;
}
.ebook--wrapper-left,
.ebook--wrapper-right {
	width: 50%;
	text-align: left;
}
.ebook--wrapper-left.book {
	width: 65%;
	text-align: center;
}
.ebook--wrapper-right.form {
	text-align: left;
	width: 35%;
}
.wrapper--image-1 {
	max-width: 505px;
}
.ebook-below-image.big {
	margin: 0;
	text-align: left;
	margin-top: 56px;
	padding: 0;
}
.ebook--wrapper.bottom {
	margin-top: 33px;
}
.ebook--wrapper-left.bullets {
	padding: 5px 25px 0 0;
}
.ebook--wrapper-right.paragraph {
	padding-left: 25px;
}


/***********************/
/*** Top 25 HR Blogs ***/
/***********************/
.Top25-HeaderSection {
	padding-top: 55px;
	background: #F8F9F8;
	margin-bottom: 49px;
	border-bottom: 1px solid #ECEEEC;
}
.Top25-HeaderContainer__title {
	font-size: 28px;
	color: #363F3A;
	padding: 30px 0;
	font-weight: normal;
	line-height: 32px;
}
.Top25-PreContentSection {
	margin-bottom: 24px;
}
.Top25-PreContentWrapper__image {
	height: auto;
	width: 100%;
	max-width: 401px;
	padding-bottom: 22px;
}
.Top25-PreContentWrapper__paragraph {
	color: #7A817C;
	text-align: left;
	margin: 20px auto;
}
.Top25-PreContentList {
	list-style: initial;
	padding-left: 30px;
	width: 100%;
	max-width: 708px;
	display: inline-block;
	margin: 5px 0 20px;
}
.Top25-PreContentList__list-item {
	text-align: left;
	line-height: 24px;
}
.Top25-PreContentWrapper__link,
.Top25-PreContentList__list-item-link,
.Top25-ContentContainer__link,
.Top25-ContentChunk__link {
	color: #0BA2D4;
}
.Top25-PreContentWrapper__link:hover,
.Top25-PreContentList__list-item-link:hover,
.Top25-ContentContainer__link:hover,
.Top25-ContentChunk__link:hover {
	text-decoration: underline;
}
.Top25-ContentContainer__title,
.Top25-PreFooterContainer__cta-text {
	font-family: Helvetica, "Source Sans Pro", Arial, serif;
	font-size: 28px;
	line-height: 32px;
	color: #363F3A;
	font-weight: normal;
	margin: 0;
	display: inline-block;
	width: 100%;
}
.Top25-ContentContainer__paragraph,
.Top25-ContentChunk__paragraph {
	text-align: left;
}
.Top25-ContentContainer {
	margin-bottom: 50px;
	border-bottom: 1px solid #E3E6E3;
}
.Top25-ContentContainer__title {
	margin-top: 0;
	text-align: left;
}
.Top25-ContentChunk__image {
	height: auto;
	width: 100%;
	max-width: 401px;
	margin-top: 22px;
}
.Top25-ContentChunk__image:hover {
	opacity: .8;
}
.Top25-ContentContainer--no-border {
	border-bottom: none;
}
.Top25-ContentContainer--no-border:last-child {
	margin-bottom: 0;
	padding-bottom: 36px;
}
.Top25-ContentContainer__cta-text {
	font-size: 22px;
	font-weight: normal;
	color: #363F3A;
	line-height: 26px;
	margin-top: 30px;
	padding-top: 50px;
	width: 100%;
	border-top: 1px solid #E3E6E3;
}
.Top25-ContentContainer__cta-button {
	padding: 20px 36px;
	display: inline-block;
	background-color: #1EC1EB;
	font-family: "Source Sans Pro";
	color: #fff;
	border-radius: 4px;
	font-size: 18px;
	box-shadow: inset 0px -4px 0px 0px #0BA2D9;
	-webkit-box-shadow: inset 0px -4px 0px 0px #0BA2D9;
	-moz-box-shadow: inset 0px -4px 0px 0px #0BA2D9;
	margin-bottom: 50px;
	width: 100%;
	max-width: 200px;
}
.Top25-ContentContainer__cta-button:hover,
.Top25-PreFooterContainer__cta-button:hover {
	opacity: .8;
}
.Top25-PreFooterSection {
	background: #F8F9F8;
	padding: 50px 28px;
	border-top: 1px solid #ECEEEC;
}
.Top25-PreFooterContainer__cta-button {
	padding: 20px 36px;
	display: inline-block;
	background-color: #1EC1EB;
	font-family: "Source Sans Pro";
	color: #fff;
	border-radius: 4px;
	font-size: 18px;
	box-shadow: inset 0px -4px 0px 0px #0BA2D9;
	-webkit-box-shadow: inset 0px -4px 0px 0px #0BA2D9;
	-moz-box-shadow: inset 0px -4px 0px 0px #0BA2D9;
	width: 100%;
	max-width: 250px;
}
.Top25-PreFooterContainer__cta-text {
	margin-bottom: 44px;
}
	@media all and (min-width: 515px) {
		.Top25-HeaderSection {
			padding-top: 68px;
		}
	}
	@media all and (min-width: 768px) {
		.Top25-HeaderContainer__title {
			font-size: 48px;
			line-height: 52px;
			padding: 60px 0;
		}
		.Top25-PreContentSection {
			display: flex;
			justify-content: center;
		}
		.Top25-PreContentContainer {
			display: flex;
			justify-content: space-between;
			max-width: 1200px;
		}
		.Top25-PreContentWrapper {
			flex-basis: calc(50% - 40px);
		}
		.Top25-PreContentWrapper--order {
			order: 2;
		}
		.Top25-PreContentWrapper__image {
			padding: 0;
			margin: 20px 0;
			max-width: 500px;
		}
		.Top25-ContentSection {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			padding: 55px 28px 35px;
		}
		.Top25-ContentContainer {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			max-width: 1200px;
		}
		.Top25-ContentChunk {
			flex-basis: calc(50% - 50px);
			max-width: 550px;
			margin-bottom: 10px;
		}
		.Top25-ContentContainer__title,
		.Top25-ContentContainer__paragraph {
			max-width: 1200px;
		}
		.Top25-ContentChunk__image {
			display: block;
			margin-top: 20px;
		}
		.Top25-ContentContainer__cta-text {
			max-width: 1200px;
		}
		.Top25-ContentContainer__cta-button {
			position: relative;
			left: calc(50% - 100px);
		}
		.Top25-PreFooterContainer {
			max-width: 1200px;
			margin: 0 auto;
		}
		.Top25-PreFooterContainer__cta-text {
			max-width: 1200px;
		}
	}
/********* END *********/

/*responsive*/
@media all and (max-width: 1440px) {
	#contentLibrary h1 {
		margin-top: 342px;
	}
	#homeFeatures h2 {
		margin-top: 7.29vw;
	}
	#homeFeatures h4 {
		margin: 1.66vw 0 6.944vw;
	}
}

@media all and (max-width: 1422px) {
	#mainHead {
		padding: 0 7vw;
	}
	#mainHead {
	    padding: 0 68px;
	}
	#isometricScreenshot {
		margin-top: -15vw;
	}
}

@media all and (max-width: 1375px) {
	#reports .tourRight {
		width: 65%;
		margin-right: -144px;
	}
	#signatures .tourRight {
		width: 56%;
		margin-right: -105px;
	}
}

@media all and (max-width: 1276px) {
	#reports .tourRight {
    	width: 44.5%;
   		margin-right: 0;
	}
	#mainHead {
		padding: 0 40px;
	}
}

@media all and (max-width: 1245px) {
	.summitBullets {
		width: 25%;
	}
	#onboarding .tourRight {
		margin-left: -40px;
		width: 62.75%;
		margin-right: -51px;
	}
	#contentLibrary h1 {
		margin-top: 308px;
	}
	.thenAndNowPics {
		max-width: 250px;
	}
	#thenAndNow .pure-g {
		width: 530px;
	}
	.slick-next {
		margin-left: 93.75%;
		margin-top: -285px !important;
	}
	.payrollImage {
		max-width: 100%;
	}
}

@media all and (max-width: 1200px) {
	#mainHead #logo img {
	  height: 21px;
		width: 141px;
	}
	.menuHeader {
		padding: 27px 1vw;
	}
	#customersNavbar{
		padding: 27px 1vw;
	}
	.loginNavBar {
		margin: 0 1vw !important;
	}
}

@media all and (max-width: 1155px) {
	.slick-prev {
		margin-top: 153px !important;
	}
	.slick-next {
		margin-left: 93%;
		margin-top: -280px !important;
	}
	#slides {
		width: 100%;
		left: 0;
	}
	#footer {
		margin-bottom: 0;
	}
	#tourHeader #phone {
		right: -30px;
	}
	#signatures .tourRight {
		width: 44.5%;
		margin-right: 0;
	}
	#workflows .tourLeft {
		width: 44.5%;
		margin-left: 0;
	}
	#onboarding .tourRight {
		width: 58.75%;
		margin-right: -16px;
	}
	#contentLibraryHeader .container {
		margin-bottom: 180px;
	}
	#mainHead ul .tryItNavBar {
		margin: 0 0.69vw 1.35vw 0 !important;
		display: inline-block;
	}
}

@media all and (max-width: 1110px) {
	#mobile #phones {
		margin-right: -50px;
	}
	#payrollPurpose .pure-u-11-24, #payrollPurpose .pure-u-13-24 {
		width: 100%;
	}
	#payrollPurpose .floatRight {
		float: none;
	}
	#payrollPurpose h2, #payrollPurpose h3, #payrollPurpose p, #payrollPurpose .payrollScreenshot {
		text-align: center;
		margin-left: auto;
	}
	#payrollPurpose li {
		max-width: 451px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}
	#payrollPurpose li p {
		text-align: left;
		margin-left: 0;
	}
	#payrollPurpose .payrollScreenshot {
		margin-left: 0;
		margin-top: 20px;
		max-width: 598px;
	}
	#solutionsOffers li {
		width: 25%;
	}
	.solutionsBlock__description {
		width: 40%;
	}
}

@media all and (max-width: 1080px) {
	#mobile {
		height: auto;
	}
	#mobile #phones {
		margin-right: 0px;
		width: 50%;
	}
	#signupMain.formRevisionB .rightSide {
		padding-left: 10%;
	}
	.summitContainer {
		width: 100%;
	}
	#summitReminderContainer {
		width: 100%;
	}
	.summitContainer .summitSpeakerInfo:last-child {
	  display: none;
	}
	#performance .tourLeft {
    margin: -500px 0 -20px -1030px;
	}
	#timeOff .tourLeft {
		margin-left: 0px;
		width: 50%;
	}
	#mainHead a {
		font-size: 14px;
	}
	#mainHead ul li.last {
    	margin-right: 2vw;
	}
}

@media all and (max-width: 1056px) {
	#contentLibrary .container {
		width: 100%;
		min-width: 0;
	}
	#agreeWrap p {
		font-size: 14px;
	}
}

@media all and (max-width: 1036px) {
	#solutionsVideo h2, #solutionsScreenshot h2 {
    margin-top: 60px;
	}
}

@media all and (max-width: 1024px) {
	.pricingContent {
		width: 53%;
	}
	#applicant .tourLeft img {
    margin-bottom: 0px;
	}
	#contentLibrary h1 {
	  margin-top: 210px;
	}
	.futureWebinars {
		width: 100%;
	}
	#contentLibrary p {
		font-size: 15px;
	}
	#productHeader {
		top: 25px;
		height: 460px;
	}
	#pricingModal h2 {
		font-size: 28px;
	}
	#pricingModal p {
		font-size: 14px;
	}
	.modalContent {
		padding: 40px 23px 35px;
	}
	#pricingModal form {
		margin-top: 45px;
	}
	#pricingModal .controls {
		margin: 0 9px 30px;
	}
}

@media all and (max-width: 1000px) {
	#tourHeader #phone {
  	right: -22px;
	}
	.demoForm {
		margin-left: 10%;
	}
	#customersNavbar {
		display: none !important;
	}
	#solutionsScreenshot li:nth-child(3), #solutionsScreenshot li:nth-child(6) {
    margin-right: 44px;
	}
	#solutionsScreenshot li {
		width: 45%;
	}
	#mainHead ul li:not(.last):not(.menuIcon){
		display: none;
	}
	#mainHead ul #phoneNumber {
		display: block;
	}
	#mainHead ul li.last {
		margin-right: 45px;
	}
	#mainHead ul .tryItNavBar {
		display: none;
	}
	#mainHead ul li#menuIcon  {
		margin-top: 25px;
		display: inline-block;
		position: static;
		padding: 0;
		vertical-align: middle;
	}
	#mainHead {
		position: absolute;
		text-align: right;
	}
	#mainHead.transparentNav {
		position: absolute !important;
	}
	#bigNav .container {
		padding: 20px 30px;
	}
}

@media all and (max-width: 985px) {
	#applicant h2 {
		margin-top: 10px;
	}
	.slick-next {
		margin-left: 92%;
		margin-top: -260px !important;
	}
	#contactRocketPage .rightSide {
		float: none !important;
		margin: auto !important;
	}
	#contactRocketPage .leftSide {
		width: 100%;
		float: none;
		text-align: center;
	}
	#contactRocketPage #contactInformation .container {
		width: 50%;
	}
	.termDefinition {
		padding-right: 20px;
	}
}

@media all and (max-width: 970px) {
	.tourRight {
		margin-left: 0px;
	}
	.tourLeft {
		margin-right: 0px;
	}
	#solutionsScreenshot li {
		width: 42%;
	}
}

@media all and (max-width: 963px) {
	.reveal .rightSide .fakeBrowser {
		display: none;
	}
	.summitContainer form li {
		width: 45%;
	}
	#contactRocketPage .pure-u-1-2 {
		width: 100%;
		padding-bottom: 50px;
	}
	.contactEmail {
		width: 370px;
	}
	#agreeWrap p {
    font-size: 12px;
	}
	.payrollMobileCenter img{
		padding-top: 40px;
	}
	#homeAwards {
		padding: 7.43vw 15px 0;
		width: auto;
	}
	#awardsBar div {
		padding: 0 15px 7.5vw;
	}
	#homeAwards img {
		margin: 0 auto;
		max-width: 113px;
	}
	#homeAwards ul {
		display: none;
	}
	.left-contain {
		width: 50%;
		padding-right: 20px;
	}
	.right-contain {
		width: 50%;
		padding-left: 20px;
	}
}

@media all and (max-width: 935px) {
	#reports {
		padding-bottom: 100px;
	}
	#demoModal {
		max-width: 430px;
		margin: auto;
	}
	#demoModal .pure-u-2-5 {
		width: 100%;
	}
	#demoModal .pure-u-3-5, #rightSideCustomerQuotes {
		display: none;
	}
	#demoSponserLogos {
		max-width: 428px;
		margin-left: 0;
		height: 60px;
	}
	#demoModal .modalContent {
		padding: 10px 0 0;
		min-height: 673px;
	}
	#allFormContent {
		margin: 0 58px;
	}
	#demoSponserLogos img {
		width: 67%;
	}
	#demoGroupThree #goTo h3 {
		margin: -110px auto auto;
	}
}

@media all and (max-width: 920px) {
	ul.threeCol li {
		width: 25%;
	}
	.resourceCard {
		min-height: 0 !important;
	}
	.futureWebinars {
		width: 31%;
	}
	.webinarDescriptionContainer .webinarDescription {
		display: block !important;
	}
	.webinarDescription {
		display: none;
	}
	.resourceLPurl {
		display: none
	}
	#homeFeatures {
		width: auto;
	}
	.featuresDescription {
		width: 280px;
	}
	.featuresHomepage {
		width: auto;
	}
	#tryIt p {
		font-size: 20px;
	}
	#demoGroupThree .pure-u-1-1 {
		width: 100%;
		padding: 0 20px;
	}
}

@media all and (max-width: 905px) {
	#signup fieldset ul {
		margin-right: 0;
	}
	.demoContent {
		width: 45%;
	}
	#database {
	  padding-bottom: 140px;
	}
	#solutionsVideo h2, #solutionsScreenshot h2 {
  	margin-top: 0px;
	}
	#solutionsVideo .docManagementHeader {
   	margin-top: 0px;
	}
	#contentLibraryHeader .container {
	  margin-bottom: 140px;
	}
	/*********** html/careers/faq/index.php, html/privacy.php, html/refund.php, html/terms.php ***********/
	#moreQuestions h3 {
		font-size:22px;
		text-align: left;
	}
	#moreQuestions .container {
		max-width: 658px;
	}
	/*********** End use #moreQuestions ***********/
	.solutionsBlock__desktop {
		display: none;
	}
	.solutionsBlock__mobile {
		display: block;
	}
	.solutionsBlock__screenshot {
		width: 100%;
		max-width: 768px;
	}
	.solutionsBlock__description {
		display: block;
		width: 100%;
	}
	#ATSsolutions {
		padding: 106px 30px 0;
	}
	#ATSsolutions p {
		max-width: 900px;
	}
}

@media all and (max-width: 886px) {
	.payrollLeftSideText {
		width: 100% !important;
	}
	.payrollRightSideImage {
		padding-top: 30px !important;
		width: 100% !important;
	}
}

@media all and (max-width: 865px) {
	#summitComputer {
		width: 100%;
	}
	.payrollMobileCenter img{
		padding-top: 80px;
	}
}

@media all and (max-width: 855px) {
	.bullet.ebook-new-bullets {
		display: block;
	}
	#aboutUsVideo .wistia_embed {
		width: 100% !important;
	}
	.slick-next {
		margin-left: 90%;
		margin-top: -242px !important;
	}
	#contactRocketPage .rightSide p {
		text-align: center;
	}
	#contactRocketPage #contactInfo ul {
		text-align: center;
		width: 100%;
	}
	#contactRocketPage #contactInfo li {
		text-align: center;
		width: 100%;
	}
	#contactRocketPage #contactInfo input {
		width: 350px;
	}
	#thenAndNow .pure-g {
		margin: auto;
	}
	#thenAndNow h3 {
		text-align: center;
	}
	.payrollRightSideText {
		text-align: left !important;
	}
	#footer #mce-EMAIL {
		width: 60%;
	}
	.featuresDescription {
    	width: 262px;
	}
	.featuresHomepage {
		margin: 0px 20px 48px;
	}
	#mobileApps .leftSide {
		width: 100%;
		text-align: center;
		margin-right: 0;
	}
	#mobileApps .videoThumb {
		left: calc(50% - 127.5px);
	}
	#mobilePage #mobileApps .heroImg {
		margin-left: 0;
	}
	#mobilePage #mobileApps .btn {
		min-width: 170px;
	}
	#mobileInfo .threeCol {
		flex-wrap: wrap;
	}
	#mobilePage ul.threeCol li:nth-child(2) {
		margin: 0;
	}
	#mobilePage ul.threeCol li {
		width: 40%;
	}
}

@media all and (max-width: 850px) {
	#signupMain.formRevisionB .rightSide {
		padding-left: 5%;
	}
	img.wistiaThumb {
		width: 370px;
	}
	.rightSide {
		width: 100%;
	}
}

@media all and (max-width: 815px) {
	.pricingForm {
		float: none;
	}
	.pricingContent {
		margin-top: 80px;
		width: 90%;
	}
	#signupMain.formRevisionB .rightSide {
		width: 100%;
		text-align: center;
	}
	#signupMain.formRevisionB .leftSide {
		width: 100%;
	}
	.grayForm {
		margin: 0 auto;
	}
	#aboutUsVideo .wistia_embed {
		height: 414px !important;
	}
	#signupPage #bigNames #logos>li {
	   	display: inline-block;
	  	width: 135px;
	}
}

@media all and (max-width: 791px) {
	#homePageB #slideControls div span {
		display: none;
	}
	#timeOff h2 {
		margin-top: 0px;
	}
	#database {
	  padding-bottom: 80px;
	}
	#performance .tourLeft {
	  margin: -500px 0 -20px -1085px;
	}
	#contentLibrary h1 {
	  margin-top: 186px;
	}
}

@media all and (max-width: 788px) {
	.peopleIcons {
		display: none;
	}
	.demoContent {
	  width: 38%;
	}
	#summitSponsors img {
		margin: 0px 20px;
	}
	.backgroundVideo {
		visibility: hidden;
	}
	.payrollRightSide {
		padding-top: 0;
	}
	.payrollLeftSide {
		padding-top: 0;
		margin-bottom: 0;
	}
}

@media all and (max-width: 768px) {
	h1.performanceAndProfessional {
		font-size: 38px !important;
	}
	#mobileSubHeader h2 {
		font-size: 22px;
	}
	#mobileSubHeader a {
		font-size: 18px;
	}
	.demoContent {
		width: 100%;
	}
	.demoForm {
		float: none;
		margin: 0 auto;
		margin-bottom: 60px;
	}
	#solutionsScreenshot li {
		width: 100%;
		margin-right: 0px;
	}
	.rocketPic {
		width: 200px;
		height: auto;
	}
	#contactRocketPage h1 {
		margin-top: 60px;
		font-size: 46px;
	}
	.termVideo {
		max-width: 450px;
		margin: auto;
		padding: 0;
	}
	.slick-arrow {
		display: none !important;
	}
	/*********** prelogin/html/security-&-privacy-surfacing/index.php ***********/
	#securityAndPrivacyHeader h1 {
		font-size: 36px;
	}
	#securityAndPrivacyContent h3, #securityPrivacyImages h3 {
		font-size: 24px;
	}
	#securityAndPrivacyContent p, #securityAndPrivacyContent h3, #flagsImagesAndText, #euCustomers {
		margin-left: auto;
		margin-right: auto;
		max-width: 655px;
	}
	.privacySecurityH3 {
		margin-top: 45px;
	}
	.detailedTerms {
		width: 47%;
	}
	.completeExplanation {
		width: 52%;
	}
	#SecurityPrivacyLinks a {
		font-size: 15px;
	}
	#pricingModal {
		width: 97.5%;
	}
	.bloodHound h3 {
		font-size: 42px;
		padding: 0 20px;
	}
	#solutionsScreenshot li:nth-child(3), #solutionsScreenshot li:nth-child(6) {
		margin-right: 0;
	}
	#homeFeatures {
		padding: 0 9.375vw;
	}
	#homeFeatures h2 {
		font-size: 34px;
	}
	#homeFeatures h4 {
	margin: 3.125vw 0 9.375vw;
	line-height: 36px;
	}
	#homeFeaturesLaptop {
		display: block;
	}
	.featuresHomepage {
		margin: 0 0 48px;
		width: auto;
	}
	.featuresHomepage img {
		margin: 0 auto;
		display: block;
	}
	.featuresDescription {
		width: auto;
		text-align: center;
	}
	#workflowHomepage {
		margin-bottom: 48px;
	}
	#awardsBar div {
		padding: 0 24px 7.5vw;
	}
	.ebook-big-wrap {
		flex-direction: column;
	}
	.ebook-new-container {
		max-width: 605px;
	}
	.ebook-below-image {
		padding: 0 0 10px;
	}
	.ebook-text-wrap {
		padding-left: 0;
	}
	.ebook-left,
	.ebook-right {
		flex-basis: 100%;
		margin: 0 auto;
	}
	.ebook-left {
		margin-bottom: 34px;
		max-width: 605px;
	}
	.ebook-right {
		width: 100%;
		max-width: 605px;
		margin-bottom: 28px;
	}
	.do-for-you-wrap {
		flex-direction: column;
	}
	.left-contain {
		width: 100%;
		padding-right: 0;
		max-width: 602px;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	.right-contain {
		width: 100%;
		padding-left: 0;
		max-width: 602px;
		margin: 0 auto;
	}
	.do-for-you-button {
		max-width: 100%;
	}
	.ebook--wrapper.top-wrap {
		flex-wrap: wrap;
	}
	.ebook--wrapper-left.book,
	.ebook--wrapper-right.form {
		width: 100%;
	}
	.ebook--top-img,
	.wrapper--image-1 {
		display: none;
	}
	.wrapper--image-2 {
		display: block;
		margin-bottom: 30px;
	}
	.container.ebook-d,
	.container.top-logo-contain {
		max-width: 605px;
	}
	.top-logo-contain {
		margin-bottom: 0;
	}
}

@media all and (max-width: 745px) {
	#contactRocketPage #contactInfo input {
		width: 280px;
	}
	#contactRocketPage #contactInformation .container {
		width: 100%;
	}
	.termDefinition {
		padding-right: 0;
	}
	#thenAndNow .pure-g {
		width: 358px;
		text-align: center;
	}
	#securityAndPrivacyContent .pure-u-1-2 {
		width: 100%;
	}
	#usCustomers {
		padding-top: 50px;
	}
	#securityPrivacyImages .pure-g {
		padding-bottom: 0;
	}
	#securityPrivacyImages .pure-u-1-3 {
		width: 100%;
		padding-bottom: 40px;
	}
	.detailedTerms {
		border-right: 0;
	}
	#SecurityPrivacyLinks .pure-u-1-2 {
		width: 100%;
	}
	#SecurityPrivacyLinks {
		text-align: center;
	}
	#SecurityPrivacyLinks a {
		font-size: 18px;
	}
	.TermsofService, .PrivacyPolicy {
		float: none;
		padding: 0;
	}
	.placeholderParagraph {
		display: none;
	}
	.completeExplanation {
		padding-top: 20px;
		width: 75% !important;
		margin: auto;
	}
	#securityAndPrivacyContent li {
		text-indent: -1em;
	}
	#solutionsOffers .pure-u-1-3 {
		width: 100%;
	}
	#solutionsOffers .hrisPure {
		padding-bottom: 40px;
	}
	#solutionsOffers .solutionsContainer {
		margin-bottom: -110px;
	}
	.offerLinks {
		margin: auto;
		max-width: 275px;
		padding-bottom: 35px;
	}
	.termParagraphs {
		padding-bottom: 0;
		border-bottom: 0;
	}
	#individualTerm .pure-u-1-2 {
		width: 100%;
	}
	.termText {
		margin: auto;
		max-width: 450px;
	}
	.additionResourcesLinks {
		margin: auto;
		max-width: 250px;
	}
	#IndividualTermHeader {
		padding-top: 25px;
	}
	.termVideo {
		padding-top: 65px;
	}
	#backToGlossary .container {
		max-width: 450px;
		padding-top: 60px;
		margin-bottom: -10px;
	}
	#contentSorts {
		display: none;
	}
	#youllLoveBambooPayroll .pure-u-12-24, #payrollMoreDescriptions .pure-u-12-24 {
		width:100%;
	}
	#youllLoveBambooPayroll .descriptionTextLeft, #payrollMoreDescriptions .descriptionTextLeft {
		padding-right: 0;
	}
	#youllLoveBambooPayroll .descriptionTextRight, #payrollMoreDescriptions .descriptionTextRight{
		padding-left: 0;
	}
	#trustedByCustomers .pure-u-1-4 {
		width: 50%;
	}
	#trustedByCustomers .icon-bottom {
		width: 50%;
		padding-top: 30px;
	}
	#trustedByCustomers h3 {
		padding: 15px 0 25px 0;
	}
	.textPayrollHidden {
		display: block;
	}
	.textPayrollVisible {
		display: none;
	}
	#youllLoveBambooPayroll .floatRight, #payrollMoreDescriptions .floatRight {
		float: none;
	}
	.payrollMobileCenter {
		max-width: 550px;
		margin: auto;
	}
	.payrollMobileCenter img{
		padding-top: 0;
	}
	.payrollParagraphHeader {
		padding-top: 0;
	}
	#bambooHRPayroll h1 {
		font-size:36px;
	}
	.homePage__title {
    font-size: 48px;
    line-height: 48px;
	}
}

@media all and (max-width: 730px) {
	.summitBullets {
		display: none;
	}
	#summitSummary {
		margin-top: 120px;
	}
	#summitSpeakers h1 {
		margin-top: 100px;
		margin-bottom: 40px;
	}
	.summitSpeakerInfo {
		margin-top: 25px;
	}
	.summitContainer {
		padding: 120px 0;
	}
	#summitReminder h1 {
		padding-top: 120px;
		font-size: 54px;
	}
	.tourLargeImage {
		display: none;
	}
	.tourMobileImage {
		display: block;
		width: 100%;
	}
	.tourMobileImage img {
		width: 100%;
		margin: 0 auto;
	}
	#applicant .tourLeft {
    	margin-right: 0px;
	}
	#applicant .tourRight {
		width: auto;
	}
	.tourLeft {
		float: none;
		width: auto;
		margin-right: 0;
		text-align: center;
	}
	.tourRight {
		float: none;
		width: auto;
		margin-right: 0;
		text-align: center;
	}
	#tour .tourContent h1 {
    	margin: 0;
	}
	.tourContent .container {
    	padding: 60px 40px;
	}
	#timeOff .tourLeft, #workflows .tourLeft, #performance .tourLeft {
		margin: 0;
		width: 100%;
	}
	#timeOff {
		padding-bottom: 0;
	}
	#tour .tourContent h2 {
		margin-top: 0;
		margin-bottom: 40px;
	}
	#applicant h2, #performance h2, #workflows h2 {
		margin-top: 0px;
	}
	#workflows {
		padding-bottom: 0px;
	}
	#onboarding {
		margin-bottom: 0;
	}
	#onboarding h1 {
		padding-bottom: 30px;
	}
	#onboarding .tourRight {
		margin-left: 0px;
		width: 100%;
	}
	#database {
    padding-bottom: 0px;
	}
	#signatures {
    padding-bottom: 0px;
	}
	#reports {
		padding-bottom: 0px;
	}
	#reports .tourLeft, #workflows .tourRight {
		width: auto;
	}
	#bambooHRPayroll h3 {
		font-size: 20px;
	}
	#bambooHRPayroll h1 {
		font-size: 28px;
	}
	#payrollPurpose h2, #youllLoveBambooPayroll h2, #payrollBottom h2, #blueGetStarted h2 {
		font-size: 26px;
	}
}

@media all and (max-width: 695px) {
	.pricingCol3 li {
		width: 44%;
	}
	#contentLibrary h1 {
		margin-top: 182px;
		font-size: 72px;
	}
	#contentLibraryHeader .container {
	  margin-bottom: 90px;
	}
	#contentLibraryHeader {
		margin-top: 80px;
	}
	.bottomScreenshotTour {
		height: 105px !important;
	}
}

@media all and (max-width: 670px) {
	#pricingBottomCta, #pricingTestimonials {
	  padding: 6em 28px;
	}
	#liveDemo .special {
		width: 100%;
		text-align: center;
		margin: 0;
	}
	.preFooter .videoThumb {
		float: none;
		margin: 0 0 20px 0;
	}
	#mainHead ul li.last {
		margin-right: 16px;
		margin-top: 15px;
	}
	#webinars #summitSponsors {
		display: none;
	}
	#mainHead ul li.last {
		margin-top: 0;
	}
}

@media all and (max-width: 650px) {
	#footer h5 {
		font-size: 16px;
	}
	#rightSize .leftSide {
		width: 100%;
	}
	#aboutUsVideo .wistia_embed {
		height: 320px !important;
	}
	#signup fieldset ul {
		margin: 0px 10px;
	}
	#summitSponsors img {
		margin: 0px 14px;
	}
	#tourHeader {
		display: none;
	}
	#tourSubHeader {
		margin-top: 100px;
	}
	#tourSubHeader .btn {
		margin-bottom: 50px;
	}
	#tourVideo {
		margin: 0 0 25px;
	}
	#solutionsScreenshot .leftSide, #solutionsVideo .leftSide {
		width: 100%;
		margin-right: 0;
	}
	#solutionsScreenshot ul {
		margin-top: 0px;
	}
	#solutionsScreenshot .rightSide, #solutionsVideo .rightSide {
		width: 100%;
		text-align: left;
		margin-top: 55px;
	}
	.futureWebinars {
  	width: 46%;
	}
	.loginNavBar {
		display: none !important;
	}
	.modal-dialog {
		margin: 0;
	}
	#pricingModal {
		width: 100%;
	}
	.modalContent {
		margin: 55px auto;
	}
}

@media all and (max-width: 600px) {
	#caseStudies #studiesIcons {
		display: none;
	}
	#mobile h2 {
		margin-top: 150px;
	}
	#customer-logos a {
		width: 132px;
	}
	#customer-logos a span {
		width: 132px;
	}
	#customer-logos a span.hover {
		width: 132px;
	}
	.pricingCol3 li {
	  width: 100%;
	  margin-right: 0;
	  margin-bottom: 30px;
	}
	.summitSpeakerInfo {
		width: 37%;
	}
	.summitSpeakerInfo img {
		width: 100%;
	}
	.seeMoreSpeakers {
		font-size: 26px;
	}
	#mainHead ul li .btn {
		padding: 12px 24px;
		font-size: 14px;
	}
	#tourSubHeader .btn + .btn {
  	margin-left: 8px;
	}
	#thenAndNow .pure-u-1-2 {
		width: 100%;
		text-align: center;
	}
	.bottomScreenshotTour {
		height: 65px !important;
	}
	#homePageB #tryIt p {
		display: block;
	}
	#mobilePage #mobileApps .heroImg {
		height: auto;
		width: 100%;
	}
}

@media all and (max-width: 585px) {
	.opaqueCircle__downArrow {
		display: none;
	}
	.btn + .btn {
		margin: 0 auto;
		display: block;
		margin-bottom: 40px;
		max-width: 255px;
	}
	#tryIt .btn {
		margin-top: 20px;
	}
	.oval {
		display: none;
	}
	#homeCustomers {
		margin: 80px 0 10px;
		border-top: none;
		border-bottom: none;
	}
	#homeCustomers div {
		width: 27%;
		margin-bottom: 60px;
	}
	#homeCustomers img {
		max-height: 46px;
		max-width: 108px;
		margin: 0 auto;
	}
	#homeCustomers p {
		display: block;
		margin: 0 auto 55px;
	}
	#homeVideo {
		display: none;
	}
	#homeVideoThumbnail {
		display: none;
	}
	#homeVideoThumbnail div {
		width: 100%;
  	padding: 0 30px;
	}
	.thumbNailInactive {
		opacity: 1;
	}
	#homeVideoMobile {
		display: block;
	}
	#customerTitle {
		display: none;
	}
	#customerHome {
		padding: 20vw 9.02vw 15vw;
	}
	#customerHome #customerTitleMobile {
		display: block;
	}
	#customerHome p {
		font-style: normal;
		font-size: 14px;
		margin-bottom: 108px;
	}
	#homeAwardsTitle {
		display: none;
	}
	#homeAwardsTitleMobile {
		display: block;
	}
	#awardsBar div {
    padding: 0 13px 7.5vw;
	}
	#homeFeatures h2 {
    margin-top: 22.29vw;
	}
	#customerHome p {
		margin-bottom: 40px;
	}
	#homeAwards {
		padding: 20vw 15px 40px;
	}
	#homeAwards h4 {
		margin: 2.666666vw 0 15.8611vw;
	}
	#mobilePage #mobileApps .btn {
		margin: 16px 0 10px;
		position: relative;
		left: calc(50% - 127.5px);
		display: block;
		max-width: 255px;
	}
}

@media all and (max-width: 580px) {
	#signupMain .awesomeSauce li {
		display: list-item;
		width: auto;
	}
	#tourHeader .fakeBrowser {
		margin: 222px auto 0;
	}
	#tourHeader #phone {
		width: 40%;
	}
	.preFooter .videoThumb {
		float: none;
	}
	.opaqueCircle__downArrow {
		margin-top: 36px;
	}
	#tourSubHeader .btn + .btn {
    margin: 0px;
	}
	#applicant .tourLeft img, #onboarding .tourRight img, #database img, #timeOff .tourLeft img, #workflows .tourLeft img, #reports img, #signatures img {
		width: 100%;
	}
	.loginNavBar {
		display: none !important;
	}
}

@media all and (max-width: 570px) {
	#domainInputWrap input {
		width: 59%;
	}
	#webinarLibraryHeader h1 {
		font-size: 54px;
		margin-top: 145px;
	}
	#tourSubHeader .btn {
		margin: 0 0 30px;
	}
	#tourSubHeader p {
		margin-bottom: 50px;
	}
	#tourSubHeader .container {
		padding-bottom: 60px;
	}
	#contentLibraryHeader .container {
		font-size: 14px;
	}
	#contentLibraryHeader {
		background: none;
		background-color: #3FB37B;
	}
	#contentLibraryHeader h1 {
		font-size: 32px;
		color: #ffffff;
		margin-top: 0;
	}
	#paragraphScrollDown {
		font-size: 16px !important;
		color: #ffffff !important;
		line-height: 24px !important;
	}
	#whiteBook, #downArrowWhite {
		display: block;
	}
	#whiteBook {
		margin: 70px 0 40px 0;
	}
	#downArrowWhite {
		margin: auto;
		margin-top: -60px;
		padding-bottom: 50px;
	}
	#downArrowGray {
		display: none;
	}
	#contentLibraryHeader input {
		height: 50px;
		margin: 20px 0 0;
	}
	#solutionsOffers {
		display: none;
	}
}

@media all and (max-width: 540px) {
	#tryIt p {
		display: none;
	}
	#mainHead ul li {
		display: list-item;
	}
	.preFooter .special {
		width: 96%;
	}
	#mainHead ul li.last {
   	margin-right: 45px;
	}
	#trustedByCustomers h3 {
		font-size: 18px;
	}
	#mobilePage ul.threeCol li {
		width: 70%;
		margin: 0;
	}
	#mobilePage #mobileInfo li:before {
		margin-top: 40px;
	}
	#customersPreFooter .container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#customersPreFooter .btn2 {
		order: 1;
		width: 100%;
		max-width: 280px;
	}
	#customersPreFooter .arrowLinkLeft {
		order: 2;
		width: 50%;
	}
	#customersPreFooter .arrowLinkRight {
		order: 3;
		width: 50%;
	}
	.input[type='text'].ebook-form-input, select.ebook-form-input {
		height: 46px;
		margin-bottom: -6px;
	}
	.newResourceImage2 img {
		display: block;
	}
	.newResourceImage img {
		display: none;
	}
	.do-for-you-button {
		font-size: 18px;
		line-height: 23px;
	}
	.right-contain h3 {
		font-size: 20px;
		line-height: 23px;
	}
	.right-contain p {
		font-size: 14px;
		line-height: 21px;
	}
	.wrapper--image-2 {
		display: none;
	}
	.wrapper--image-3 {
		display: block;
		margin-bottom: 14px;
	}
	.ebook--wrapper.bottom {
		flex-wrap: wrap;
	}
	.ebook--wrapper-left.bullets,
	.ebook--wrapper-right.paragraph {
		padding: 0;
		width: 100%;
	}
}

@media all and (max-width: 530px) {
	#homePage h4 {
		font-size: 16px;
		line-height: 22px;
	}
	#homePage h2{
		font-size: 22px;
	}
	.homePage__title {
    font-size: 41px;
		line-height: 41px;
		text-align: left;
	}
	#homePageB #tryIt p {
    text-align: left;
		margin: 3.22vw auto 4.16vw;
		font-size: 20px;
	}
	#homePageB #tryIt .btn {
    width: 260px;
	}
	#agreeToTerms {
		width: 100%;
	}
	.seeMoreSpeakers {
		font-size: 22px;
	}
}

@media all and (max-width: 514px) {
	#ats #atsHomePreview {
		display: none;
	}
	#ats .right {
		float: none;
		width: auto;
		text-align: center;
	}
	.listHeader {
		display: none;
	}
	#bigNav ul:first-child {
	  margin-left: 0;
	}
	#tourHeader {
		height: 500px;
	}
	#summitSpeakers {
		padding: 0;
	}
	#speakersPreview {
		padding: 0;
	}
	#summitHeader div:nth-child(4) {
		display: none;
	}
	.futureWebinars {
		margin: 0px;
	}
	#tour h1 {
		font-size: 36px;
		line-height: 40px;
	}
	.tourContent .container {
		padding: 60px 0px;
	}
	.tourContent .container {
		padding: 60px 0px;
	}
	.contactEmail {
		width: 260px;
	}
	#mainHead {
		height: auto;
		padding: 0 20px;
	}
	#mainHead #logo {
		margin-top: 0;
	}
	#mainHead #logo img {
		height: 18px;
		width: auto;
	}
	#mainHead ul {
		text-align: right;
		margin: 0;
	}
	#mainHead ul li {
		margin: 0px;
	}
	#mainHead ul li.last {
		margin-right: 25px;
		margin-top: 0;
	}
	#mainHead ul li .btn {
		padding: 8px 15px;
		font-size: 12px;
	}
	.topSection {
		margin-top: 50px;
	}
	#logoOne {
		text-align: left;
	}
	#logoOne img {
		width: auto;
	}
	#logoTwo {
		width: auto;
		margin-top: 0;
	}
	#menuIcon {
		top: 14px;
		right: 12px;
	}
	#bigNav {
		top: 50px;
	}
	#bigNav ul:last-child {
	  display: block;
	}
	#tourSubHeader {
    	margin-top: 50px;
	}
	#footer li {
		font-size: 12px;
	}
	#footer h5 {
    font-size: 14px;
	}
	#footer .soc img {
		height: 42px;
	}
	#tryIt {
		padding: 0 20px;
	}
}
@media all and (max-width: 480px) {
	.summitContainer form li {
	  width: 100%;
	}
	.summitContainer form select {
		width: 100%;
	}
	.summitSpeakerInfo h4 {
		margin-top: 24px;
		font-size: 20px;
	}
	.summitSpeakerInfo p {
		font-size: 13px;
		margin-top: 14px;
	}
	#summitHeader div:first-child {
		display: none;
	}
	#summitSponsors {
		padding: 30px 0;
	}
	#summitSponsors img {
		margin: 6px 14px;
	}
	#mainHead ul li.last {
		margin-top: -25px;
	}
	.bottomScreenshotTour {
		height: 46px !important;
	}
	#pricingModal .controls {
		width: 80%;
	}
	.modalContent {
		border-top: 37px solid #1ec1eb;
	}
	#pricingModal .modalContent {
		border-top: none;
	}
	#demoModal .modalContent {
		border-top: none;
	}
	#tryFreeModal {
		padding-right: 0 !important;
	}
	#demoGroupTwo {
		margin-left: 43px;
	}
	#demoGroupThree .greyBar {
		width: 100%;
	}
	#demoGroupThree .siteFadeHeader h3 span {
		font-size: 26px;
		line-height: 30px;
	}
	#demoGroupThree img {
		margin-top: -70px;
		width: 100%;
	}
	#demoGroupThree .pure-u-1-1 {
		max-width: 280px;
	}
	#pricingModal p {
		width: 80%;
		margin: 0 auto;
	}
	#modalSuccess h3 {
		font-size: 24px;
		line-height: 29px;
	}
	#thankYouBtn {
		margin: 70px 0 97px;
	}
	#modalSuccess img {
    margin: 70px 0 0 -45px;
	}
	ul.threeCol li {
		width: 80%;
	}
}

@media all and (max-width: 475px) {
	h1.performanceAndProfessional {
		font-size: 30px !important;
	}
	#agreeWrap {
		height: 260px;
	}
	#tourVideo h1 {
    margin: 40px 0 60px;
	}
	#contentLibraryHeader {
	 margin-top: 25px;
	}
	.topSection {
		margin-top: 50px;
	}
	#logoOne {
		text-align: left;
	}
	#logoTwo img {
		display: inline-block;
	}
	#tourSubHeader {
    margin-top: 50px;
	}
	#footer .social img {
    display: none;
	}
	#homeCustomers div {
		width: 49%;
	}
}

@media all and (max-width: 455px) {
	#mobile {
		text-align: center;
	}
	#mobile h2 {
		width: 100%;
	}
	#mobile p {
		width: 100%;
	}
	#phones {
		display: none;
	}
	.demoModal {
		padding: 5px 20px 0 20px;
	}
	.curveArrow {
		display: none;
	}
	#aboutUsVideo .wistia_embed {
		height: 230px !important;
	}
	#financialPeaceUniversity .leftSide img {
		width: 360px;
	}
	#summitBanner h1 {
		font-size: 100px;
	}
	.seeMoreSpeakers {
		font-size: 18px;
	}
	.webinarDescription {
	  margin: 46px 20px 45px 20px;
	}
	#webinarLibraryHeader h1 {
		font-size: 46px;
		margin-top: 120px;
	}
	.futureWebinars {
		width: 100%;
	}
	#contactRocketPage h1 {
		font-size: 38px;
	}
	#securityAndPrivacyHeader {
		padding-top: 20px;
		padding-bottom: 25px;
	}
	.bottomScreenshotTour {
		height: 40px !important;
	}
	#trustedByCustomers .icon-top {
		width: 50%;
	}
	#trustedByCustomers .icon-middle {
		width: 100%;
		padding-top: 20px;
	}
	#trustedByCustomers {
		height: 330px;
	}
	#trustedByCustomers h3 {
		padding: 10px 0 25px 0;
	}
	#demoModal h2 {
		max-width: 280px;
	}
	#demoGroupTwo {
		margin-left: auto;
		margin-right: auto;
		max-width: 280px;
		left: 0;
		right: 0 !important;
	}
	#demoModal #domainInputWrap input {
		width: 134px !important;
	}
	#demoGroupThree #goLogin {
		margin: 10px 0 0 0;
	}
	#demoGroupThree .siteFadeHeader h3 {
		margin-top: 0 !important;
	}
	.loading-bar {
		max-width: 280px;
	}
	#demoGroupThree #goTo h3 {
		margin: -150px auto auto;
	}
	#demoGroupTwo .agreeToTerms input {
		margin-bottom: -4px !important;
		width: 13px;
	}
	#pricingModal input#register {
		padding: 24px 14px;
	}
	#allFormContent {
		margin: 0px 50px;
	}
}

@media all and (max-width: 414px) {
	h2 {
		font-size: 36px;
	}
	#slideControls {
		margin-bottom: 0;
	}
	#mobile h2 {
		width: 100%;
		text-align: center;
		margin-top: 40px;
	}
	#floater {
		display: none;
	}
	#bigNav ul {
		display: block;
		margin-left: 0;
	}
	img.wistiaThumb {
		width: 280px;
	}
	.summitSpeakerInfo {
		width: 32%;
	}
	#summitReminder h1 {
		font-size: 37px;
	}
	.seeMoreSpeakers {
		padding-top: 32px;
	}
	#summitSponsors img {
		width: 36%;
	}
	#securityAndPrivacyContent li {
		text-indent: -2em;
	}
	.greenCheck {
		padding-bottom: 32px;
	}
	#mainHead a {
    font-size: 12px;
	}
	#mainHead ul li img {
		margin: 0px 0 2px 0px;
	}
	#mainHead #logo {
		padding: 21px 0;
	}
	#mainHead #logo img {
		height: 13px;
		width: 88px;
	}
	#phoneNumber {
		font-size: 18px;
	}
	#homeVideoMobile h2 {
		font-size: 22px;
	}
}

@media all and (max-width: 390px) {
	#summitButton input {
		width: 100%;
	}
	#webinarLibraryHeader img {
	  margin: 36px auto 32px;
	}
	#webinarLibraryHeader p {
	  font-size: 12px;
	}
	.bloodHound h3 {
		font-size: 34px;
	}
}

@media all and (max-width: 386px) {
	#tourHeader {
		height: 335px;
	}
	#tourHeader .fakeBrowser {
  	margin: 150px auto 0;
	}
	#tourHeader #phone {
		top: 236px;
	}
}

@media all and (max-width: 380px) {
	#signupMain.formRevisionB .rightSide {
		padding-left: 0;
	}
	.grayForm {
		width: 285px;
		padding: 20px 30px;
	}
	#customerSuccess {
		padding: 0;
	}
	#customersHeader {
		padding: 0;
	}
	#customersHeader .container {
		width: 100%;
	}
	#aboutUsVideo .wistia_embed {
		height: 159px !important;
	}
	#financialPeaceUniversity .leftSide img {
		width: 280px;
	}
	.demoForm {
		width: 100%;
		min-width: 0;
	}
	.liveDemoForm input {
		width: 210px;
	}
	#footer #mc-embedded-subscribe-form fieldset {
	  width: 290px;
	}
	#logoTwo {
		margin: 0;
	}
	#logoOne img {
		width: 100px;
		margin-top: 2px;
	}
	#allFormContent {
		margin-left: 30px;
	}
	#demoGroupTwo .agreeToTerms input {
		margin-bottom: -4px !important;
		width: 13px;
	}
	#demoGroupThree {
		padding-left: 32px;
	}
	#mobilePage ul.threeCol li {
		width: 90%;
	}
}

@media all and (max-width: 340px) {
	#customer-logos a {
		width: 122px;
	}
	#summitBanner h1 {
	font-size: 90px;
	}
	.seeMoreSpeakers {
		padding-top: 26px;
	}
	#logoOne img {
		width: 90px;
		margin-top: 0;
	}
}

@media all and (max-width: 330px) {
	#logotwo{
		width: 81px;
		margin-top: 4px;
		font-size: 14px;
	}
}

@media all and (max-width: 325px) {
	#signupPage #bigNames #logos>li:first-child {
	  text-align: center;
	}
	#signupPage #bigNames #logos>li:last-child {
	  text-align: center;
	}
}

/*end responsive*/

/*-------------------------------------------------
 CLEARFIX
-------------------------------------------------*/

.clearfix:before, .clearfix:after { content: ""; 	display: table; }
.clearfix:after { clear: both; }

/*------------------------------------------------*/