@charset "UTF-8";
/* CSS Document */


/* LAYOUT SETUP */

body {
	background-color: #FFF;
	margin: 0px;
	font-family: "arboria",sans-serif;
	line-height: 1.7em;
	letter-spacing: 0.02em;
	-webkit-font-smoothing: antialiased;
}
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
.left {float:left; text-align:left}
.right {float:right; text-align:right}
.center {text-align:center}

.padding30 { padding:30px 0 30px 0 }
.padding30box { padding: 30px }
.padding30pricing { padding: 30px 10px 30px 10px }
.padding60 { padding:60px 0 60px 0 }
.padding60box { padding: 60px }
.padding90 { padding:90px 0 90px 0 }
.padding90box { padding: 90px }
.padding90nobottom { padding: 90px 0 0 0 }
.rounded4 { border-radius: 4px }
.halfhalf { display: flex; flex-flow: row; margin-bottom: 0 }
.nomargin { margin-right: 0; margin-bottom: 0; height: 100%; flex-grow: 1 }
.circle { border-radius: 100px }

.hidden {
	display: none !important;
}
.desktop-hide {
	display: none !important;
}

/* Exit popup */
#bio_ep {
	width: 100vw !important;
	height: 100vh !important;
	font-family: "arboria",sans-serif !important;
	color: #FFF !important;
	opacity: 0.99 !important;
}
/*#bio_ep_close { 
	width:50px !important; 
	height: 50px !important; 
	font-size:20px !important; 
	line-height: 46px !important;
	background-color: #7B8290 !important;
}*/
#bio_ep_close { display: none;  }
.popup-leftpane, .popup-rightpane { height: 100vh; }
.popup-leftpane { background-color:#21252F; margin-right:0px; width: 59.5%;}
.popup-logo {
	width: 150px;
	height: 50px;
	margin: 0px 0px 10px 0px;
	background-image: url(../img/layout/logo-newwhite.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	background-size: 150px;
}
.popup-image-jessica {
	width: 100%;
	height: 100%;
	background-image: url(../img/layout/exitpopup-jessica.JPG);
	background-repeat:no-repeat;
	background-position: 0 0;
	background-size: cover;
}
.popup-image-jesse {
	width: 100%;
	height: 100%;
	background-image: url(../img/layout/exitpopup-jesse.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	background-size: cover;
}
.popup-image-nicole {
	width: 100%;
	height: 100%;
	background-image: url(../img/layout/exitpopup-nicole.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	background-size: cover;
}



.nothanks { color:#FFF !important; text-decoration: underline; cursor:pointer; }

/* NAV */
#nav {
	position:fixed; 
	top: 0; 
	left: 0; 
	right: 0; 
	z-index:2; 
	background-color: rgba(24,28,37,0);	
	width: 100%;
	font-size: 0.85em;
}
#navlight {
	position:fixed; 
	top: 0; 
	left: 0; 
	right: 0; 
	z-index:2; 
	background-color: rgba(255,255,255,0.85);	
	width: 100%;
}
.headline-block { margin-top: 80px; }
.header-logo.center {
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 20px;
	background-position: center;
}
.bg-header {
	background-color: #181C25;
	margin-bottom: 0;
}
.header-logo {
	width: 120px;
	height: 40px;
	margin: 25px 0px 15px 0px;
	background-image: url(../img/layout/logo-newwhite.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	background-size: 120px;
	transition: all 0.3s ease;
}
.header-logo.light { background-image: url(../img/layout/logo-newblack.png) }

.link-header-title {
	font-weight: 700;
	display: block;
	text-align: left;
	margin: 10px 0 10px 15px;
}

li.header-link {
	position: relative;
}
li.header-link a {
	font-family: "arboria",sans-serif;
	font-weight: 400;
	color: #FFF;
	font-size: 1.1em;
	letter-spacing: 0.03em;
	float:right;
	list-style-type: none;
	display: inline;
	margin: 10px 0px 20px 40px;
	text-decoration: none;
	text-transform: none;
	opacity: 0.8;
	transition: all 0.3s ease;
}
li.header-link a:hover { opacity:1; }
ul.header-menu { list-style: none }
li.header-link.light a { color: #181C25 }

.dropdown-blog {
	overflow: hidden;
	float: right;
}
/* Dropdown content (hidden by default) */
.dropdown-content-blog {
	height: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	margin-top: 40px;
	margin-left: -70px;
	background-color: #FFF;
	padding: 20px;
	min-width: 260px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
	z-index: 1;
	border: 1px solid #E3E6ED;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
	-khtml-border-radius: 8px; /* for old Konqueror browsers */
	transition: all 0.2s ease-in;
}
/* Links inside the dropdown */
.dropdown-content-blog a {
	float: none;
	color: #7D8790;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
	font-size: 13px;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content-blog a:hover {
	background-color: #eee;
	color: #485059;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
}
.dropdown-content-blog a:active {
	opacity: 0.3;
}

/* Show the blog dropdown menu on hover */
.dropdown-blog:hover .dropdown-content-blog {
  visibility: visible;
  height: 204px;
  opacity: 1;
  z-index: 2;
}
.dropdown-content-blog:after {
	content: '';
	display: block;  
	position: absolute;
	left: 120px;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 10px solid #f9f9f9;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

.dropdown-industries {
	overflow: hidden;
	float: right;
}
/* Dropdown content (hidden by default) */
.dropdown-content-industries {
	height: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	margin-top: 50px;
	margin-left: -168px;
	background-color: #FFF;
	padding: 20px;
	min-width: 450px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
	z-index: 1;
	border: 1px solid #E3E6ED;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
	-khtml-border-radius: 8px; /* for old Konqueror browsers */
	transition: all 0.2s ease-in;
}
/* Links inside the dropdown */
.dropdown-content-industries a {
	float: none;
	color: #7D8790;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
	font-size: 13px;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content-industries a:hover {
	background-color: #eee;
	color: #485059;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
}
.dropdown-content-industries a:active {
	opacity: 0.3;
}
/* Show the industries dropdown menu on hover */
.dropdown-industries:hover .dropdown-content-industries {
  visibility: visible;
  height: 250px;
  opacity: 1;
  z-index: 2;
}
.dropdown-content-industries:after {
	content: '';
	display: block;  
	position: absolute;
	left: 220px;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 10px solid #f9f9f9;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}


.dropdown-templates {
	overflow: hidden;
	float: right;
}
/* Dropdown content (hidden by default) */
.dropdown-content-templates {
	height: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	margin-top: 50px;
	margin-left: -170px;
	background-color: #FFF;
	padding: 20px;
	min-width: 500px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
	z-index: 3;
	border: 1px solid #E3E6ED;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
	-khtml-border-radius: 8px; /* for old Konqueror browsers */
	transition: all 0.2s ease-in;
}
/* Links inside the dropdown */
.dropdown-content-templates a {
	float: none;
	color: #7D8790;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
	font-size: 13px;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content-templates a:hover {
	background-color: #eee;
	color: #485059;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
}
.dropdown-content-templates a:active {
	opacity: 0.3;
}
/* Show the industries dropdown menu on hover */
.dropdown-templates:hover .dropdown-content-templates {
  visibility: visible;
  height: 215px;
  opacity: 1;
  z-index: 3;
}
.dropdown-content-templates:after {
	content: '';
	display: block;  
	position: absolute;
	left: 235px;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 10px solid #f9f9f9;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}



/* TYPOGRAPHY */

h1 {
	color: #FFF;
	font-family: "arboria",sans-serif;	
	font-weight: 700;
	font-size: 3.8em;
	letter-spacing: 0em;
	line-height:1.2em;
}
h1.big { font-size: 4.5em; line-height: 1em }
h1.smaller { font-size: 3em }
h2 {
	font-family: "arboria",sans-serif;	
	color: #FFF;
	font-weight: 400;
	font-size: 2.1em;
	line-height: 1.6em;
}
h2.smaller { font-size: 1.8em }
h2.evensmaller { font-size: 1.3em }
h2.half { width: 65% }
h2.half.center { margin: 0 auto }
h3 {
	color: #FFF;
	font-family: "arboria",sans-serif;	
	font-weight: 400;
	font-size: 1.8em;
	letter-spacing: 0.02em;
	line-height:1.4em;
}
h3.half { width: 65% }
h3.half.center { margin: 0 auto }
.pre-headline {
	font-size: 0.9em;
	opacity: 0.7;
	font-weight: 400;
	letter-spacing: 0.2em;
	color: #FFF;
	text-transform: uppercase;
}
.pre-headline.signup {
	color: #485059;
	font-weight:400;
	opacity: 1;
	letter-spacing: 0.2em;
	font-size: 1.3em;
}
.feature-text.dark { color: #494C54 }
.dark { color: #21252F }
.light { color: #FFF }
.title-section { margin: 0px 0 0px 0 }
p, li {
	color: #494C54;
	font-weight: 400;
}
p, li.light { color: #E3E6ED }
p.light { color: #E3E6ED }
p {
	color: #494C54;
	font-weight: 400;
	font-size: 1.3em;
}
p.feature-copy {
	color: #FFF;
	font-size: 1em;
	width: 80%;
	margin: 0 auto;
	margin-top: 20px; 
}
p.feature-copy.dark { color: #494C54 }
.body-copy {
	color: #494C54;
	font-size: 1em;
	line-height:1.6em;
	font-weight:400;
}
.body-copy.light { color: #E3E6ED }
.body-copy.article {
	font-family: "arboria",sans-serif;	
	font-weight: 400;
	font-size: 1.5em;
}
.footer-title {
	color: #FFF;
	font-family: "arboria",sans-serif;
	font-weight: 700;
	font-size: 1em;
	opacity: 0.7;
	display:block;
	text-transform:uppercase;
}
.footer-link {
	color: #FFF;
	font-family: "arboria",sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	margin-bottom: 5px !important;
	opacity: 0.5;
	display: inline-block;
}
.footer-link:hover { opacity: 0.9;}
hr {
	width: 20%;
	background-color: #FFF;
	height: 1px;
	margin-top: 30px;
	margin-bottom: 30px;
	border: none;
}
hr.dark {
	width: 100%;
	background-color: #1E242E;
	margin-top: 60px;
	margin-bottom: 60px;
	opacity: 0.3;
}
.legal-text-title { font-weight: 700; text-transform:uppercase }
.legal-definition { font-size: 1.6em; line-height:1.2em }
.microcopy {
	opacity: 0.5;
	font-size: 0.75em;
	margin-top: 30px;
	line-height: 1.3em;
}
.microcopy.light { color: #FFF }
a { color: #21252F }
a:hover { color: #181C25; text-decoration: underline }
a.no-ul { text-decoration: none; !important }
a.light { color: #FFF }








/* BACKGROUNDS AND HEADERS */


.bg-tour-white { background-color: #FFF }
.bg-tour-lightgrey { background-color: #f7f7f7 }
.bg-right {
	background-color: #181C25;
	background-image: url(../img/layout/bg_sq_bigtrans.png);
	background-position: top right;
	background-repeat: no-repeat;
}
.bg-homepage {
	background-color: #181C25;
	background-image: url(../img/layout/bg-sq-colouredhome.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}
.bg-tour-center {
	background-color: #181C25;
	background-image: url(../img/layout/bg-sq-tour-headline.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}
.bg-alternatives {
	background-color: #181C25;
	background-image: url(../img/layout/bg-sq-alternatives.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100%;
}
.bg-integrations {
	background-color: #181C25;
	background-image: url(../img/layout/bg-sq-integrations.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100%;
}
.bg-templates {
	background-color: #181C25;
	background-image: url(../img/layout/bg-sq-templates.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100%;
}
.bg-template-header {
	color: #FFF;
	background-color: #181C25;
	background-image: url(../img/layout/bg-sq-colouredhome.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom: 80px;
}
.bg-templates-proposals {
	background-color: #181C25;
	background-image: url(../img/layout/bg-sq-templates-proposals.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100%;
}
.bg-templates-signoff {
	background-color: #181C25;
	background-image: url(../img/layout/bg-sq-templates-signoff.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100%;
}
.bg-templates-quotes {
	background-color: #181C25;
	background-image: url(../img/layout/bg-sq-templates-quotes.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100%;
}
.bg-templates-contracts {
	background-color: #181C25;
	background-image: url(../img/layout/bg-sq-templates-contracts.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100%;
}
.bg-templates-brochures {
	background-color: #181C25;
	background-image: url(../img/layout/bg-sq-templates-brochures.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100%;
}
.bg-templates-sow {
	background-color: #181C25;
	background-image: url(../img/layout/bg-sq-templates-sow.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100%;
}
.bg-integrations-home-crm {
	background-color: #181C25;
	background-image: url(../img/tour/2018/integrations-home-crm.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100%;
	min-height: 250px;
}
.bg-integrations-home-zapier {
	background-color: #181C25;
	background-image: url(../img/tour/2018/integrations-home-zapier.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100%;
	min-height: 250px;
}
.bg-integrations-home-livechat {
	background-color: #181C25;
	background-image: url(../img/tour/2018/integrations-home-livechat.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100%;
	min-height: 250px;
}
.bg-integrations-home-projects {
	background-color: #181C25;
	background-image: url(../img/tour/2018/integrations-home-projects.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100%;
	min-height: 250px;
}
.bg-home-pdu {
	background-image: url(../img/tour/home/home-pdu.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 400px;
}
.bg-home-pb {
	background-image: url(../img/tour/home/home-pb.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 400px;
}
.bg-home-templates {
	background-image: url(../img/tour/home/home-templates.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 400px;
}






.bg-home {
	background-image: url(../img/layout_new/home-bg.png);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}
.bg-breakpoint { background-color: #181C25 }

.wistia-wrapper {
	width: 60%;
	margin: 0 auto;
}
.video-wrapper {
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%;
	margin-bottom: 60px;
}
.video-wrapper iframe {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}
.bg-page-content {
	background: #FFF; 
	margin-bottom:0px;
}
.bg-page-content-alt { background: #E3E6ED }
.bg-page-content.slant {
	background-image: url(../img/layout_new/home-slant.png);
	background-position: top center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.yellowbox {
	background-color: #E92D54;
	font-size: 16px;
	color: #FFF;
	padding: 30px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
}




.bg-fire {
	background-color: #ED5373;
	color: #fff;
	margin-bottom: 0px;
	background-image: url(../img/layout/bg-cta.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}
.bg-green {
	color: #fff;
	background: -moz-linear-gradient(45deg,  #4DD084 0%, #2FBDAF 100%);
	background: -webkit-linear-gradient(45deg,  #4DD084 0%,#2FBDAF 100%);
	background: linear-gradient(45deg,  #4DD084 0%,#2FBDAF 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4DD084', endColorstr='#2FBDAF',GradientType=1 );
	margin-bottom: 0px;
}
.bg-blue {
	color: #fff;
	background: -moz-linear-gradient(45deg,  #4676C7 0%, #5AC0D8 100%);
	background: -webkit-linear-gradient(45deg,  #4676C7 0%,#5AC0D8 100%);
	background: linear-gradient(45deg,  #4676C7 0%,#5AC0D8 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4676C7', endColorstr='#5AC0D8',GradientType=1 );
	margin-bottom: 0px;
}
.bg-pink {
	color: #fff;
	background: -moz-linear-gradient(45deg,  #FF54B7 0%, #FF86A1 100%);
	background: -webkit-linear-gradient(45deg,  #FF54B7 0%,#FF86A1 100%);
	background: linear-gradient(45deg,  #FF54B7 0%,#FF86A1 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF54B7', endColorstr='#FF86A1',GradientType=1 );
	margin-bottom: 0px;
}
.bg-blackgrad {
	color: #fff;
	background: -moz-linear-gradient(45deg,  #222222 0%, #555555 100%);
	background: -webkit-linear-gradient(45deg,  #222222 0%,#555555 100%);
	background: linear-gradient(45deg,  #222222 0%,#555555 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#555555',GradientType=1 );
	margin-bottom: 0px;
}
.bg-grey {	
	color: #fff;
	background: -moz-linear-gradient(45deg,  #282B30 0%, #485059 100%);
	background: -webkit-linear-gradient(45deg,  #282B30 0%,#485059 100%);
	background: linear-gradient(45deg,  #282B30 0%,#485059 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282B30', endColorstr='#485059',GradientType=1 );
	margin-bottom: 0px;
}
.bg-video {	
	color: #fff;
	background-color: #0D1714;
	margin-bottom: 0px; 
	border: 10px solid #5E6167; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
	-khtml-border-radius: 8px; /* for old Konqueror browsers */
}
.bg-slider { 
	color: #fff;
	background-color: #5E6167;
	margin: 20px 0 0 0 !important; 
	border-top: 10px solid #5E6167; 
	border-left: 10px solid #5E6167; 
	border-right: 10px solid #5E6167; 
	border-bottom: 6px solid #5E6167; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
	-khtml-border-radius: 8px; /* for old Konqueror browsers */
}
.slider-image { width: 100% }
.bg-black {
	color: #fff;
	background: #181C25;
	margin-bottom: 0px;
}
.bg-white {
	color: #181C25;
	background: #FFF;
	border: 1px solid #EEE;
}
.bg-footer {
	color: #fff;
	background-color: #181C25;
	margin-bottom: 0px;
}
.bg-industries {
	color: #fff;
	margin-bottom: 0px;
	background-size: cover !important;
	background-position: bottom center;
}
.bg-industries.consulting { 
	background: linear-gradient(rgba(30, 36, 46, 0.80),rgba(30, 36, 46, 0.80)), url(../img/layout_new/industries-consulting.jpg) }
.bg-industries.event-management { 
	background: linear-gradient(rgba(30, 36, 46, 0.80),rgba(30, 36, 46, 0.80)), url(../img/layout_new/industries-event-management.jpg) }
.bg-industries.finance { 
	background: linear-gradient(rgba(30, 36, 46, 0.80),rgba(30, 36, 46, 0.80)), url(../img/layout_new/industries-finance.jpg) }
.bg-industries.home { 
	background: linear-gradient(rgba(30, 36, 46, 0.80),rgba(30, 36, 46, 0.80)), url(../img/layout_new/industries-home.jpg) }
.bg-industries.marketing { 
	background: linear-gradient(rgba(30, 36, 46, 0.80),rgba(30, 36, 46, 0.80)), url(../img/layout_new/industries-marketing.jpg) }
.bg-industries.photography { 
	background: linear-gradient(rgba(30, 36, 46, 0.80),rgba(30, 36, 46, 0.80)), url(../img/layout_new/industries-photography.jpg) }
.bg-industries.software-development { 
	background: linear-gradient(rgba(30, 36, 46, 0.80),rgba(30, 36, 46, 0.80)), url(../img/layout_new/industries-software.jpg) }
.bg-industries.video-production { 
	background: linear-gradient(rgba(30, 36, 46, 0.80),rgba(30, 36, 46, 0.80)), url(../img/layout_new/industries-video-production.jpg) }
.bg-industries.web { 
	background: linear-gradient(rgba(30, 36, 46, 0.80),rgba(30, 36, 46, 0.80)), url(../img/layout_new/industries-web.jpg) }

.bg-footer-dark {
	color: #fff;
	font-size: 0.9em;
	background: #181C25;
	margin-bottom: 0px;
	line-height: 1.5em;
}





/* BUTTONS */

.button {
	padding: 12px 30px 15px 30px;
	border-radius: 4px;
	background-color: transparent;
	border: 1px solid #FFF;
	color: #FFF;
	text-transform: uppercase;
	font-family: "arboria",sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5em;
	text-align:center;
	letter-spacing: 0.07em;
	width: 240px;
	display: inline-block;
	margin: 0 auto;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	outline: none;
	transition: all 0.3s ease;
}
.button.main {
	background-color: #FFF;
	color: #656B6F;
	border: 1px solid #FFF;
}
.button.header {
	width: 170px;
	margin-left: 10px;
	margin-top: 6px;
	margin-right: 0px;
	float: right;
	padding: 8px 15px 10px 15px;
}
.button.big { padding: 25px; font-size: 16px }

.button.green { background: #4DCF84; border: 2px solid #4DCF84 }
.button.green:hover { background: #46BD78; border: 2px solid #46BD78 }
.button.green:active { background: #6DD79A; border: 2px solid #6DD79A }

.button.cta { background: #ED5373; border: 2px solid #ED5373 }
.button.cta:hover { background: #F1758F; border: 2px solid #F1758F }
.button.cta:active { background: #BE425C; border: 2px solid #BE425C }

.button.trial { background: #FFF; border: 2px solid #FFF; opacity: 0.8 }
.button.trial:hover { background: #FFF; border: 2px solid #FFF; opacity: 1 }
.button.trial:active { opacity: 0.3 }

.button.blue { background: #01A3EF; border: 2px solid #01A3EF }
.button.blue:hover { background: #0195DA; border: 2px solid #0195DA }
.button.blue:active { background: #2FB3F1; border: 2px solid #2FB3F1 }

.button.pink { background-color: #E84D92; width: 200px; margin-top: 30px; margin-left: 0px; border: none; text-decoration: none }
.button.pink:hover { background-color: #D34685 }
.button.pink:active { background-color: #EC6DA5 }

.button.template { background-color: #ED5373; color: #FFF; width: 250px; margin-top: 30px; margin-left: 0px; border: none; text-decoration: none }
.button.template:hover { background-color: #E92D54; color: #FFF }
.button.template:active { background-color: #D4294D; color: #FFF }

.button.toursignup { color: #FFF; background-color: #4DCF84; border: 2px solid #4DCF84; width: 200px; margin-top: 30px; margin-left: 0px; text-decoration: none}
.button.toursignup:hover { background: #46BD78; border: 2px solid #46BD78 }
.button.toursignup:active { background: #6DD79A; border: 2px solid #6DD79A }

.button.login { background: transparent; border: 1px solid #E3E6ED; color: #E3E6ED; width: 110px; margin-left: 60px; font-weight: 400 }
.button.login:hover { background: #FFF; border: 1px solid #FFF; color: #181C25 }

.button.transparent { background: transparent; border: 2px solid #FFF }
.button.transparent:hover { background: #FFF; border: 2px solid #FFF; color: #181C25}

.button.transparentdark { background: transparent; border: 2px solid #E3E6ED; color: #494C54; opacity: 0.8 }
.button.transparentdark:hover { background: #181C25; border: 2px solid #181C25; color: #FFF; opacity: 1 }

.button.viewtemplate {margin-top: 35px}
.button-spinner {
	background-image: url(../img/layout/spinner.gif);
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center;
	display:block;
	padding: 20px;
	margin-top: 10px;
}
.social-icon { width: 35px; margin: 30px 0 0 10px }

.button.tour { font-size: 0.8em; padding: 10px 20px 12px 20px; margin: 30px 0 0 0; width: auto; display: inline-block }



/* HEADERS */



/* ICONS */

.templates-uses-icon { 
	width: 100px; 
	margin: 0 auto;
	margin-bottom: 40px;
	display: block;
}
.templates-uses-icon-nav { 
	width: 35px; 
	margin: 0 10px 0 0;
	display: inline-block;
	vertical-align: middle;
}



/* FORMS */

.textbox-emailsignup {
	padding: 15px;
	font-size: 1.4em;
	font-weight: 400;
	border: 2px solid #A9B5CA;
	background: #FFF;
	outline:none;
	font-family: "arboria",sans-serif;
	text-align:left;
	width: 90%; 
	margin: 25px 0 0 0;
	color: #3B3D40;
}
.textbox {
	padding: 10px;
	font-size: 1.2em;
	font-weight:400;
	color: #444;
	border: 2px solid #CCC;
	width: 100%;
	outline: none;
	margin: 5px 0 20px 0;
}
.textbox:hover { border: 2px solid #7D8790 }
.textbox:focus { border: 2px solid #55A1CF }
#your-title { display: none; } /* Contact form Honeypot field */
.label {
	color: #494C54;
	font-weight: 700;
	font-size: 0.9em;
}

.label.signup { color: #FFF }
.border-error {
	border: 2px solid #E8553E;
}
.notification {
	background-color: #333;
	padding: 30px;
	text-align:center;
	color: #FFF;
	margin-bottom: 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
}
.notification.error { background-color: #F4596B; }

.template-search {
	padding: 20px;
	background: #FFF;
	margin-bottom: 30px;
	margin-left: 0;
	font-size: 1.8em;
	color: #000;
	width: 100%;
	border: none;
	outline: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	opacity: 0.5;
	transition: all 0.2s ease;
}
.template-search:hover { opacity: 0.8 }
.template-search:focus { opacity: 1 }







/* PAGES 

These are parts of the site that have styles needed for individual pages or sections /*


/* TEMPLATE MARKETPLACE */


.card-container {
	cursor: pointer;
	height: 100px;
	perspective: 1000;
	position: relative;
	width: 100px;
}
.card {
	height: 100%;
	position: absolute;
	transform-style: preserve-3d;
	transition: all 0.5s ease;
	width: 100%;
}
.card-container:hover .card { transform: rotateY(180deg) }
.card .side {
	backface-visibility: hidden;
	border-radius: 100px;
	height: 100%;
	position: absolute;
	overflow: hidden;
	width: 100%;
	cursor: pointer;
}
.card .side img { width: 100px }
.card .back {
	background: #21252F;
	color: #56E39F;
	line-height: 18px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	transform: rotateY(180deg);
	cursor: pointer;
}
.template-card {
	padding: 20px;
	width: 200px;
	height: 200px;
	-moz-border-radius: 100px; 
	-webkit-border-radius: 100px; 
	border-radius: 100px; 
	-khtml-border-radius: 100px; 
	color: #FFF;
}
.card .back.proposals { border: 1px solid #56E39F; padding-top: 40px }
.card .back.contracts { border: 1px solid #56E39F; padding-top: 40px }
.card .back.brochures { border: 1px solid #56E39F; padding-top: 40px }
.card .back.signoff { border: 1px solid #56E39F; padding-top: 30px }
.card .back.sow { border: 1px solid #56E39F; padding-top: 30px }
.card .back.quotes { border: 1px solid #56E39F; padding-top: 40px }




/* SIGNUP */

.signup-testimonial-head {
	border-radius: 100px;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	margin-top: 10px;
	display:block;
}
.signup-testimonial {
	font-size: 2em;
	display:block;
	font-family: "arboria",sans-serif;
	display:block;
	font-weight: 400;
	color: #FFF;
	opacity: 1;
	line-height: 1.3em;
	margin-bottom: 20px;
}
strong { opacity:1 }
.signup-testimonial-author {
	font-family: "arboria",sans-serif;
	font-weight: 400;
	font-size: 0.7em;
	color: #FFF;
	margin-top: 0px;
}
.signup-testimonial-author.company {
	font-weight: 400;
	opacity: 0.7;
	margin-top: 0px;
}


/* SIGNUP BACKGROUNDS */

.bg-signup {
	background: url(../img/layout/bg-signup-test.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
}




.industry-cards {
	background-color: transparent;
	border: 2px solid #FFF;
	padding: 30px;
	text-align:center;
	font-family: "arboria",sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	opacity: 0.5;
	cursor: pointer;
	transition: all 0.2s ease;
}
.industry-cards:hover { opacity: 0.7 }
.industry-cards.active { opacity: 1; }
.industry-icon { 
	width: 50px; 
	margin: 0 auto;
	margin-bottom: 20px;
	display: block;
}
.industry-name {
	font-size: 1.3em;
	font-weight: 700;
	margin-bottom: 20px;
	display: block;
	color: #FFF !important;
}
.industry-description {
	color: #FFF !important;
}
.template-testimonial {
	font-size: 1.8em;
	display:block;
	font-family: 'Lora', serif;
	display:block;
	font-weight: 400;
	font-style: italic;
	color: #3B3D40;
	line-height: 1.3em;
	margin-bottom: 20px;
}
.template-testimonial-author {
	font-family: "arboria",sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #3B3D40;
}
.template-testimonial-author.company {
	font-weight: 400;
	opacity: 0.7;
}
.testimonial-block {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #FFF;
	overflow: auto;
}
.quote-copy {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 60px 0 30px 0;
}
.quote-copy.light { color: #FFF }
.quote-name.light { color: #FFF }



/* TOUR */

.tourimage {
	width: 100%;
	position: relative;
	margin-bottom: 60px;
	margin-top: 10px;
}
.tourimage.left { float: left }
.tourimage.right { float: right }
.tourimage.center { width: 50% }
.tourimage.nobottom { margin-bottom: 0px }
.tourimage.detailleft { width: 90% }

.tourimage-photo-reports {
	background: url(../img/tour/graphics/reports-photo.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.tourimage-photo-cover {
	background: url(../img/tour/graphics/covers-photo.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

video { border: 1px solid #E3E6ED; margin-bottom: 30px }
.tour-headlinebox {
	width: 50%;
	background: rgba(200, 54, 54, 0.95);
	color: #FFF;
	margin-top: 60px;
	z-index: 1;
	position: absolute;
	padding: 90px;
}
.tour-headlinebox.right { float: right; left: 45%; text-align: left }
.tour-headlinebox.left { float: left; right: 45%; text-align: right }

.tour-preheadline {
	color: #7B8290;
	font-size: 2em;
	font-weight: 700;
	margin-bottom: 20px;
	display: block;
}
.tour-preheadline-tag {
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 700;
	color: #ED5373;
	margin-bottom: 30px;
	margin-left: 3px;
	display: inline-block;
}
.tour-headline {
	font-size: 3em;
	line-height: 1.1em;
	letter-spacing: -0.02em;
	font-family: "arboria",sans-serif;
	font-weight: 400;
	display: block;
	margin-bottom: 40px;
	color: #FFF;
}
.tour-headline.small { color: #21252F; font-size: 1.4em; margin-bottom: 0px; font-weight: bold }
.tour-headline.light { color: #FFF }
.tour-headline.dark { color: #21252F }
.tour-copy {
	font-family: "arboria",sans-serif;
	font-size: 1.05em;
	font-weight: 400;
	letter-spacing: 0.02em;
	color: #E3E6ED;
}
.tour-copy.dark { color: #494C54 }
.tour-copy.light { color: #FFF }
.tour-copy.light li { color: #FFF }
.tour-copy.small { font-size: 1em }
.tour-copy-padding-left { padding: 90px 90px 90px 0 }
.tour-copy-padding-right { padding: 90px 0 90px 90px }

.tour-copy {
	margin: 0 auto;
	width: 550px;
	text-align: left !important;
}

.blocks-title { color: #FFF; letter-spacing: 0.02em; font-size: 1.2em; font-weight: 700 }
.blocks-title.dark { color: #181C25 }
.block-editor { border: 1px solid #494C54; color: #FFF; padding: 30px; margin-bottom: 10px; transition: all 0.2s ease }
.block-editor:hover { border: 1px solid #7B8290; background-color: #21252F }
.block-3ways { background-color: #21252F; color: #FFF; padding: 40px 40px }
.block-3ways.dark { background-color: #181C25 }
.block-tourintegrations { background-color: #181C25; color: #FFF; padding: 40px 40px }
.icon-3ways { width: 45px; margin-bottom: 20px }
.bg-odd { background-color: #E3E6ED }
.bg-dark { background-color: #181C25 }
.bg-odddark { background-color: #21252F }
.bg-whiteodd { background-color: #FFF }
.map { background-image: url(/img/tour/graphics/zakk/Tour-WorldMap.png); background-position: center center; background-repeat: no-repeat; background-size: 90% }
.branding { background-image: url(/img/tour/graphics/zakk/Tour-Section1.png); background-position: right bottom; background-repeat: no-repeat; background-size: 70% auto;  }
.flag { width: 50px; margin: 0 15px 15px 0; display: inline-block }
.tour-feature-icon { width: 50px; margin: 15px 0 5px 0; display: inline-block }
.tag { padding: 6px 10px; background-color: #7B8290; color: #E3E6ED; font-size: 0.65em; text-transform: uppercase; letter-spacing: 0.03em; 
	margin: 0 10px 10px 0; display: inline-block; transition: all 0.3s ease }
.tag:hover { background-color: #494C54; color: #FFF }
.tag:active { opacity: 0.3 }
.integration-icon.tour { width: 100%; border: 1px solid #BEC3C7; padding: 15px; background-color: #FFF }








.tour-photo-container { 
	margin: 0 auto;
	width: 1000px;
	max-width: 100%;
}
.tour-image-big {
	width: 1000px;
	max-width: 100%;
	margin-top: 30px;
	border: 1px solid #EEE;
}
.integrations-logo {
	width: 400px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.tour-image-small {
	width: 485px;
	max-width: 100%;
	margin-top: 30px;
	float: right;
	border: 1px solid #EEE;
}
.tour-image-small.right { margin-left: 30px }
.tour-nav-button {
	position: fixed;
	top: 30%;
	background-color: #2A2E33;
	width: 100px;
	height: 100px;
	opacity: 0.8;
	background-size: 65px;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all 0.3s ease;
}
.tour-nav-button:hover { 
	opacity: 1; 
}
.progress-bullet-inactive {
	width: 12px;
	margin: 10px 5px 0 5px;
	opacity:0.2;
	transition: all 0.3s ease;
}
.progress-bullet-inactive:hover { opacity:0.5 }
.progress-bullet-active {
	width: 12px;
	margin: 10px 5px 0 5px;
	opacity:1;
}





ul.tabs{
	margin: 0;
	padding: 0px;
	list-style: none;
	text-align: center;
}
ul.tabs li{
	background: none;
	color: #E3E6ED;
	border: 1px solid #494C54;
	border-bottom: none;
	display: inline-block;
	padding: 12px 24px;
	margin: 0 5px 0 5px;
	cursor: pointer;
	font-weight: 700;
	font-size: 0.9em;
	text-transform: uppercase;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	transition: all 0.3s ease;
}
ul.tabs li:hover { background: #21252F; border: 1px solid #494C54; border-bottom: none; color: #E3E6ED }
ul.tabs li.current { background: #FFF; border: 1px solid #181C25; border-bottom: none; color: #181C25 }
.tab-left {  }

.tab-content { display: none; padding: 30px 0px }
.tab-content-image { width: 100%; margin-top: 20px; border: 1px solid #E3E6ED }
.tab-content-image-noshadow { width: 100%; margin-top: 20px }
.tab-content.current{ display: inherit }

.feature-home-icon {
	width: 50px;
	margin-top: 40px;
	margin-bottom:40px;
}
.feature-icon {
	width: 40px;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom:20px;
	display:block;
}
.feature-icon.big { width: 100px }
.feature-icon.home { width: 40px; margin: 0 0 20px }
.home-headerimage {	width: 100%; margin-top: 90px;}
.integration-icon { width: 100%; border: 1px solid #CCC; padding: 30px; background-color: #FFF; }
.uses-icon {
	width: 80px;
	margin-bottom: 20px;
}
.feature-title {
	font-weight:700;
	color: #FFF;
	font-size: 1.3em;
	display:block;
	margin-bottom: 10px;
}
.feature-title.dark { color: #181C25 }
.feature-copy {
	font-weight:400;
	color: #FFF;
	font-size: 1.1em;
	line-height: 1.6em;
	display:block;
	margin-bottom:40px;
}
.feature-copy.dark { color: #494C54 }
.timeline-number {
	width: 50px;
	height: 50px;
	background-color: #E2E6E7;
	color: #656B6F;	
	text-align: center;
	font-size: 20px;
	font-weight:400;
	border-radius: 50px;
	line-height: 50px;
}
.benefit-img { width: 60% }
.client-view-img {
	margin-top: 20px;
	margin-bottom: 140px;
	width: 80%;
	-moz-box-shadow: 2px 2px 20px 5px #EEE; 
	-webkit-box-shadow: 2px 2px 20px 5px #EEE;
	box-shadow: 2px 2px 20px 5px #EEE;
}





/* GRADIENTS */

.bg-purple {
	color: #fff;
	background-image:
    linear-gradient(
      #8E2077, #530B6E );
}





/* TEMPLATES - needs checking */

.templates-image { 
	width: 100%; 
	-moz-box-shadow: 2px 2px 20px 5px #EEE; 
	-webkit-box-shadow: 2px 2px 20px 5px #EEE;
	box-shadow: 2px 2px 20px 5px #EEE;
}
.templates-category-icon { width: 40px }
.templates-title { 
	color: #21252F; 
	font-family: "arboria",sans-serif;
	font-weight: 700;
	font-size: 1.3em;
	margin: 20px 0 5px 0 ;
	display:block;
}
.templates-byline { 
	color: #3B3D40; 
	font-family: "arboria",sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	line-height: 1.3em;
	display:block;
	opacity: 0.7;
}
.templates-sidebar {
	background-color: #485059;
	margin-top: 60px;
	margin-bottom: 60px;
	-moz-box-shadow: 0px 4px 10px 2px #EEE; 
	-webkit-box-shadow: 0px 4px 10px 2px #EEE;
	box-shadow: 0px 4px 10px 2px #EEE;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
}
.templates-bar {
	background-color: #E3E6ED;
	margin-bottom: 60px;
	overflow: auto;
	text-align: center;
	width: 100%;
	z-index: 2;
}
.templates-bar .template-category { color: #494C54 !important }
.template-category {
	font-size: 0.8em;
	line-height: 1.2em;
	color: #FFF;
	display: block;
	font-weight: 400;
	margin: 10px 0 0 0;
	text-decoration: none !important;
	opacity: 0.6;
	transition: all 0.2s ease;
}
.template-category:hover { opacity: 1 }
.template-category:active { opacity: 0.3 }

.template-image { width: 100%; border: 1px solid #EEE }

.template-block {
	background-color: #FFF;
	border: 2px solid #A9B5CA;
	color: #494C54;
	margin-bottom: 20px;
	/*-moz-box-shadow: 0px 3px 7px 2px #EEE; 
	-webkit-box-shadow: 0px 3px 7px 2px #EEE;
	box-shadow: 0px 3px 7px 2px #EEE;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	transition: all 0.2s ease;
	overflow: auto;
}
.template-block:hover { transform: scale(1.05) }
.template-cta {
	background-color: #485059;
	color: #FFF;
	border: 1px solid #282B30;
	margin-top: 40px;
	text-align: center;
	width: 100%;
	-moz-box-shadow: 0px 3px 7px 2px #EEE; 
	-webkit-box-shadow: 0px 3px 7px 2px #EEE;
	box-shadow: 0px 3px 7px 2px #EEE;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
}






/* PRICING - needs checking */

.pricingblock {
	color: #21252F;
	background: #FFF;
	border: 2px solid #E3E6ED;
}
.pricing-feature-icon { width: 30px; margin-top: 30px }
.plan-desc {
	font-weight: 400;
	margin-bottom: 20px;
	display: block;
	line-height: 1.2em;
	font-size: 0.9em;
	opacity: 0.8;
}
.feature-text {
	font-weight: 700;
	margin-bottom: 20px;
	display: block;
	line-height: 1.2em;
	font-size: 1.1em;
}
.pricing-featuretitle {
	color: #21252F;
	font-size: 1.5em;
	margin-top: 15px;
	line-height: 1.5em;
	font-weight: 700;
	letter-spacing: 0.02em;
	display: block;
}
.pricing-tick {
	width: 15px;
	margin-right: 10px;
	vertical-align: middle;
}
.bf-discount {
	color: #E3E6ED;
	text-decoration: line-through;
}
.discount-bar {
	border: 2px solid #46BD78;
	padding: 2px 15px 4px 15px;
	color: #46BD78;
	width: 150px;
	font-size: 0.9em;
	font-weight: 900;
	margin-bottom: 20px;
}


th {
	color: #181C25;
	font-weight: 700;
	font-size: 1.4em;
	text-align: center;
}
tr { border-bottom: 1px solid #E3E6ED; }
td { text-align: center; padding: 8px; }

.bf-panel {
	background-color: #181C25;
	margin: -30px 0 30px 0;
}




hr.footer {
	background-color: #494C54;
	height: 1px;
	text-align: center;
	width: 100%;
	margin-top: 60px;
	margin-bottom: 60px;
}
hr.pink {
	background-color: #ED5373;
	height: 2px;
	text-align: left;
	margin-right: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
hr.team {
	background-color: #ED5373;
	height: 2px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.hr.dark {
	background-color: #E3E6ED;
	width: 100%; 
	opacity: 1;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.pricing-table-icon { width: 15px }
.pricing-currency-icon {
	width: 50px;
	margin: 0 0 0 10px;
	opacity:0.9;
	border: 3px solid #21252F;
	transition: all 0.3s ease;
}
.pricing-currency-icon:hover { opacity:1 }
.pricing-currency-icon.active { opacity: 1; border: 3px solid #FFF }
.pricing-planname {
	font-family: "arboria",sans-serif;
	font-weight: 700;
	text-transform:uppercase;
	font-size: 1.3em;
	letter-spacing: 0.15em;
	display:block;
	margin-bottom: 20px;
}
.pricing-price {
	font-weight: 400;
	font-size: 2.8em;
	display:block;
	margin: 5px 0 15px 0;
	text-align: right;
}
.pricing-currency {
	font-size: 20px;
	margin-right: 3px;
	margin-top: -40px;
}
.pricing-button { width: 80%; margin: 20px 0 0 0; padding: 15px 20px; }
.pricing-feature {
	font-weight: 400;
	font-size: 1em;
	line-height: 2em;
	display:block;
}
.pricing-featureicon { width: 30px }
.pricing-featuretext {color: 333; line-height: 30px; width: 30px; font-size: 30px}
.pricing-moreusers {color: #7D8790; display: block; margin-bottom: 120px }
.pricing-microcopy {color: #494C54; font-size: 0.8em; margin-top: 10px; line-height:1.4em; }
.pricing-microcopy.light { color: #FFF; opacity: 0.7 }

table {
	width: 80%;
	text-align: left;
	margin: 0 auto;
	color: #555;
	font-size: 0.9em;
}
thead {
	color: #333;
	border-bottom: 2px solid #333;
	font-size: 1.4em;
}
th { padding: 10px }
td { padding: 10px }
td.section { background-color: #E3E6ED; color: #181C25; font-size: 1.1em; text-transform: uppercase; font-weight: 700 }
tr { border-bottom: 1px solid #EEE }



/* RESOURCES */

.book-cover {
	width: 90%;
	margin-top: 35px;
	border: 2px solid #FFF;
}
.book-request-frame {
	background-color: #494C54;
	width: 100%;
	overflow:auto;
	margin: 60px 0 30px 0;
	line-height: 1em;
}


/* THE TEAM - needs checking */

.team-head {
	width: 120px;
	height: 120px;
	border-radius: 140px;
}
.customer-head {
	width: 70px;
	border-radius: 70px;
	margin-top: 30px;
}
.partner-head {
	width: 140px;
	-moz-border-radius: 140px;
	-webkit-border-radius: 140px;
	border-radius: 140px; /* future proofing */
	-khtml-border-radius: 140px;
	margin-bottom: 30px;
}
.partner-icon { width: 80px}
.partner-logo { width: 140px; margin-bottom: 10px }
.customers-testimonial {
	font-family: "arboria",sans-serif;
	font-weight: 400;
	font-size: 1.3em;
	display:block;
	color: #FFF;
}
.customers-home-logo {
	height: 40px;
	margin: 20px;
	opacity: 0.5;
}


/* PROPOSAL BREAKDOWN */

.form-box {
	background-color: #FFC;
	color: #283C46;
	font-family: "arboria",sans-serif;
	text-align: center;
	margin-top: 40px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px;
}
.form-box-title {
	font-size: 2.2em;
	font-family: "arboria",sans-serif;
	font-weight: 700;
	margin-bottom: 40px;
}
.pb-list {
	background-image: url(../img/icons/pb-list.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: left;
	padding: 0 0 0 60px;
	color: #FFF;
	margin-bottom: 15px;
}
















/* Media Queries */

/* iPhone */

@media screen and (max-width: 640px) and (max-width: 1136px) {

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	width: 100%;
	overflow: auto;
}
.container-small { width: 90%; min-width: 90%;}
.container { width: 90%; min-width: 90%;}
.container-tour { width: 90%; min-width: 90%;}

.mobile-hide { display:none !important }
.desktop-hide { display: block !important; }
.mobile-center { float:none; text-align:center;}
.mobile-left { float:left; text-align: left; }

.padding30, .padding60, .padding90 { padding: 30px 0 30px 0 }
.padding30box, .padding60box, .padding90box { padding: 30px }
.halfhalf { flex-flow: column }

h1 { font-size: 2.3em; }
h1.big { font-size: 3em }
.bg-homepage h1 { margin-top: 0px; }
h2 { font-size: 1.5em; line-height: 1.4em; }
h2.home { font-size: 1.2em }
h2.smaller { font-size: 1em }
h2.half { width: 100%; }
p {font-size: 1.1em}

	
.wistia-wrapper { width: 100% }
.home-headerimage {	margin-top: 0px;}

.tour-preheadline { font-size: 1.6em }	
.tour-headline { font-size: 2.3em; line-height: 1em }
.tour-copy {font-size: 1em; line-height: 1.2em; }
.tour-copy-padding-left { padding: 20px }
.tour-copy-padding-right { padding: 20px }
	
.pre-headline { font-size: 0.9em }
.benefit-img { width: 100% }

.button {width: 100%; margin-left:0px}
.button.transparent { background: transparent; border: 2px solid #E3E6ED; color: #E3E6ED }
.button.transparent:hover { background: #FFF; border: 2px solid #FFF; color: #21252F}
.button toursignup {
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
}
.templates-image { margin-top: 30px }
.bg-green { margin-bottom: 30px }
.bg-blue { margin-bottom: 30px }
.bg-pink { margin-bottom: 30px }

#mobilenav {
	position:fixed; 
	top: 0; 
	z-index:9; 
	background-color: rgba(24,28,37,0);	
	width: 100%;
	overflow: auto; 
}
.header-logo {
	float: left;
	margin-left: 10px;
}
.shownav {
	background-image:url(/img/icons/shownav.png);
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: left center;
    width: 40px;
	height: 50px;
	float: right;
	margin-top: 25px;
}
.mobile-nav {
	font-family: "arboria",sans-serif;
	width: 100%;
	background-color: #181C25;
	height: 100%;
	padding-top: 20px;
}
.mobile-nav-link a {
	color: #FFF;
	opacity: 0.8;
	text-decoration: none;
	text-transform: uppercase;
	width:100%;
	float: left;
	padding: 10px 20px 0px 0px;
	margin-left: -10px;
}
.mobile-subnav-link a {
	color: #FFF;
	opacity: 0.5;
	text-decoration: none;
	width:100%;
	float: left;
	margin-top: 10px;
	padding-right:20px;
	line-height: 1.4em;
	font-size: 0.85em;
}
.templates-uses-icon-mobilenav { 
	width: 25px; 
	margin: 0 10px 0 0;
	vertical-align: middle;
}

.bg-homepage {	background-position: right top; background-size: 150%;}
.bg-tour-center { background-position: right top; background-size: 150%;}
.bg-alternatives { background-position: right top; background-size: 150%;}
.bg-integrations { background-position: right top; background-size: 150%;}
.bg-templates { background-position: right top; background-size: 150%;}
.bg-template-header { background-position: right top; background-size: 150%;}
.bg-templates-proposals { background-position: right top; background-size: 150%;}
.bg-templates-signoff { background-position: right top; background-size: 150%;}
.bg-templates-quotes { background-position: right top; background-size: 150%;}
.bg-templates-contracts { background-position: right top; background-size: 150%;}
.bg-templates-brochures { background-position: right top; background-size: 150%;}
.bg-templates-sow { background-position: right top; background-size: 150%;}


.client-view-img {
	margin-top: 20px;
	margin-bottom: 80px;
	width: 100%;
}
.languages {
	padding: 40px 30px;
} 
.stages {
	padding: 40px 30px;
} 
.book-cover {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 40px;
}
.textbox-emailsignup {
	padding: 15px;
	font-size: 1.4em;
	text-align:left;
	width: 100%; 
	margin: 30px 0;
}
.tourimage { margin: 0px 0 30px 0}
.tourimage.right { margin-top: 30px }
.tourimage.center { width: 100% }
.tag { float: left }
.quote { background-size: 80px }
.quote-copy { font-size: 1.3em; margin: 20px 0 20px 0; }
.quote-name { margin-bottom: 50px }

.feature-home-icon { margin-top: 0px; margin-bottom:10px; width: 30px; }
.pricing-price { text-align: left; margin: 0 0 15px 0 }
}